/* 共享文章样式 - 铁涛精神专题 */
*,body,div,p,a,h1,h2,h3,h4{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Noto Serif SC','SimSun',serif;background:#0D0D0D;color:#F5F0E8;line-height:1.8;}
[data-theme="light"]{--bg:#F5F0E8;--bg2:#EDE5D8;--text:#2A1A0A;--dim:#6B5D4D;--pri:#8B0000;--sec:#C49A3B;}
[data-theme="light"] body{background:var(--bg);}

#articles-bg{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#0D0D0D,#1A0A0A,#0D0D0D);}
[data-theme="light"] #articles-bg{background:linear-gradient(180deg,#F5F0E8,#EDE5D8,#F5F0E8);}

.header{height:64px;line-height:64px;background:#700;color:#f8c097;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:999;}
.header a{color:#f8c097;text-decoration:none;}
.top-title{font-size:20px;font-weight:bold;letter-spacing:4px;}
.top-nav{display:flex;gap:16px;font-size:13px;}
.top-nav li a:hover{color:#fff;}

.article-header{padding:70px 40px 50px;text-align:center;background:linear-gradient(180deg,#1A0A0A,#0D0D0D);position:relative;}
[data-theme="light"] .article-header{background:linear-gradient(180deg,#EDE5D8,#F5F0E8);}
.article-header::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23D4A84B' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.5;}
.article-cat{display:inline-block;padding:4px 18px;border:1px solid #D4A84B;border-radius:20px;font-size:11px;letter-spacing:3px;color:#D4A84B;margin-bottom:20px;position:relative;}
[data-theme="light"] .article-cat{border-color:#8B0000;color:#8B0000;}
.article-header h1{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:0.1em;color:#F5F0E8;margin-bottom:16px;font-weight:700;position:relative;}
[data-theme="light"] .article-header h1{color:#2A1A0A;}
.article-header .article-meta{color:#A89F94;font-size:13px;letter-spacing:1px;position:relative;}
[data-theme="light"] .article-header .article-meta{color:#6B5D4D;}
.back-link{display:inline-flex;align-items:center;gap:6px;color:#C94030;font-size:13px;text-decoration:none;margin-bottom:30px;position:relative;}
.back-link:hover{gap:10px;}
[data-theme="light"] .back-link{color:#8B0000;}

.article-wrap{padding:60px 40px;max-width:880px;margin:0 auto;}
.article-body p{font-size:15.5px;line-height:2.4;color:#A89F94;margin-bottom:26px;text-indent:2em;}
[data-theme="light"] .article-body p{color:#6B5D4D;}
.article-body h2{font-size:1.35rem;color:#D4A84B;letter-spacing:0.08em;margin:45px 0 20px;border-left:4px solid #8B0000;padding-left:16px;}
[data-theme="light"] .article-body h2{color:#8B0000;}
.article-body h3{font-size:1.1rem;color:#F5F0E8;margin:30px 0 12px;}
[data-theme="light"] .article-body h3{color:#2A1A0A;}
.article-body blockquote{background:rgba(139,0,0,0.08);border-left:4px solid #8B0000;padding:20px 26px;margin:30px 0;border-radius:0 8px 8px 0;font-size:14.5px;color:#A89F94;line-height:2;}
[data-theme="light"] .article-body blockquote{background:rgba(139,0,0,0.05);}

.footer{background:#700;color:#f8c097;text-align:center;padding:36px;margin-top:60px;}
.footer p{font-size:12px;letter-spacing:3px;}

.theme-toggle{position:fixed;top:80px;right:20px;width:40px;height:40px;border-radius:50%;background:#1A1A1A;border:1px solid rgba(212,168,75,0.2);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:998;transition:all 0.3s;}
.theme-toggle:hover{border-color:#D4A84B;transform:scale(1.1);}
.theme-toggle svg{width:18px;height:18px;color:#A89F94;}
.icon-sun{display:none;}
[data-theme="light"] .icon-sun{display:block;}
[data-theme="light"] .icon-moon{display:none;}
[data-theme="light"] .theme-toggle{border-color:rgba(139,0,0,0.2);}

.progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#8B0000,#D4A84B);z-index:1001;transition:width 0.1s;}

@media(max-width:768px){
  .header{padding:0 20px;}
  .top-nav{gap:10px;font-size:12px;}
  .article-wrap{padding:40px 20px;}
}