/* ===== 共享样式 - 铁涛精神专题 ===== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap');

:root {
  --primary: #8B0000;
  --secondary: #D4A84B;
  --accent: #C94030;
  --bg: #0D0D0D;
  --bg2: #1A1A1A;
  --text: #F5F0E8;
  --text-dim: #A89F94;
  --card-bg: linear-gradient(135deg, #1A1A1A, #1F0F0F);
  --card-border: rgba(212,168,75,0.15);
  --card-hover-border: rgba(212,168,75,0.4);
  --card-top-bar: linear-gradient(90deg, #8B0000, #D4A84B);
  --header-bg: #700;
  --header-text: #f8c097;
  --shadow-red: rgba(139,0,0,0.3);
}

[data-theme="light"] {
  --bg: #F5F0E8;
  --bg2: #EDE5D8;
  --text: #2A1A0A;
  --text-dim: #6B5D4D;
  --card-bg: linear-gradient(135deg, #EDE5D8, #E8DDD0);
  --card-border: rgba(139,0,0,0.15);
  --card-hover-border: rgba(139,0,0,0.35);
  --card-top-bar: linear-gradient(90deg, #8B0000, #C49A3B);
  --header-bg: #8B0000;
  --shadow-red: rgba(139,0,0,0.15);
}

*,body,div,img,p,a,li,ul,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:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.8;}

/* 顶部导航条 */
.header{height:74px;line-height:74px;background:var(--header-bg);color:var(--header-text);max-width:1920px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px;}
.header .top-title{font-size:22px;font-weight:bold;letter-spacing:4px;}
.header a{color:var(--header-text);text-decoration:none;}
.top-nav{display:flex;gap:20px;font-size:14px;}
.top-nav li{cursor:pointer;position:relative;padding:0 8px;}
.top-nav li:hover::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:#f7ab00;}

/* 主容器 */
.wrap{width:1400px;margin:0 auto;position:relative;}

/* 通用分区分块 */
.section{padding:80px 0;}
.section-title{font-size:26px;letter-spacing:6px;color:var(--secondary);text-align:center;margin-bottom:60px;position:relative;}
.section-title::before{content:'——  ';color:var(--primary);}
.section-title::after{content:'  ——';color:var(--primary);}

/* 主视觉区 */
.hero-visual{
  background:linear-gradient(180deg,#0D0D0D 0%,#1A0808 60%,#2A0F0F 100%);
  min-height:700px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  padding:80px 40px;
}
[data-theme="light"] .hero-visual{background:linear-gradient(180deg,#F5F0E8 0%,#EDE5D8 60%,#E0D5C5 100%);}

.hero-visual::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.04'%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.6;}

.hero-visual .portrait-area{display:flex;align-items:center;gap:80px;max-width:1100px;width:100%;position:relative;z-index:1;}
.hero-visual .portrait-img{flex:0 0 380px;height:480px;background:linear-gradient(135deg,#2A1515,#1A0A0A);border:2px solid rgba(212,168,75,0.3);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.hero-visual .portrait-img::after{content:'';position:absolute;inset:0;border:1px solid rgba(212,168,75,0.15);}
[data-theme="light"] .hero-visual .portrait-img{background:linear-gradient(135deg,#EDE5D8,#E0D5C5);border-color:rgba(139,0,0,0.2);}

.hero-visual .portrait-info{flex:1;}
.hero-visual .portrait-badge{display:inline-block;padding:5px 20px;border:1px solid var(--secondary);border-radius:20px;font-size:13px;letter-spacing:3px;color:var(--secondary);margin-bottom:20px;}
[data-theme="light"] .hero-visual .portrait-badge{border-color:var(--primary);color:var(--primary);}
.hero-visual h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:0.1em;color:var(--text);margin-bottom:16px;background:linear-gradient(135deg,#F5F0E8,#D4A84B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
[data-theme="light"] .hero-visual h1{background:linear-gradient(135deg,#2A1A0A,#8B0000);-webkit-background-clip:text;}
.hero-visual .portrait-years{font-size:5rem;font-weight:700;color:rgba(212,168,75,0.1);letter-spacing:0.05em;margin:10px 0;}
[data-theme="light"] .hero-visual .portrait-years{color:rgba(139,0,0,0.08);}
.hero-visual .portrait-desc{color:var(--text-dim);font-size:15px;max-width:500px;line-height:2;margin-top:20px;}

/* 三纵列栏目 */
.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;}
.col-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:all 0.35s ease;cursor:pointer;position:relative;}
.col-card:hover{transform:translateY(-6px);border-color:var(--card-hover-border);box-shadow:0 10px 40px var(--shadow-red);}
.col-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-top-bar);opacity:0;transition:opacity 0.35s;}
.col-card:hover::before{opacity:1;}

.col-card .col-img{height:220px;background:linear-gradient(135deg,#1F0F0F,#2A0F0F);display:flex;align-items:center;justify-content:center;overflow:hidden;}
[data-theme="light"] .col-card .col-img{background:linear-gradient(135deg,#EDE5D8,#E0D5C5);}
.col-card .col-img img{width:100%;height:100%;object-fit:cover;}

.col-card .col-body{padding:28px 24px;}
.col-card .col-num{font-size:2.5rem;font-weight:700;color:var(--primary);opacity:0.25;line-height:1;margin-bottom:8px;}
.col-card h3{font-size:1.3rem;color:var(--secondary);margin-bottom:12px;letter-spacing:0.1em;}
.col-card p{color:var(--text-dim);font-size:14px;line-height:1.8;margin-bottom:16px;}
.col-card .col-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:14px;text-decoration:none;transition:gap 0.3s;}
.col-card .col-link:hover{gap:12px;}
.col-card .col-link::after{content:'→';}

/* 文章页面通用 */
.article-page{background:var(--bg);min-height:100vh;}
[data-theme="light"] .article-page{background:var(--bg);}

.article-header{padding:60px 0 40px;background:linear-gradient(180deg,#1A0A0A,#0D0D0D);text-align:center;}
[data-theme="light"] .article-header{background:linear-gradient(180deg,#EDE5D8,#F5F0E8);}
.article-header .article-cat{display:inline-block;padding:4px 16px;border:1px solid var(--secondary);border-radius:20px;font-size:12px;letter-spacing:3px;color:var(--secondary);margin-bottom:20px;}
[data-theme="light"] .article-header .article-cat{border-color:var(--primary);color:var(--primary);}
.article-header h1{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:0.1em;color:var(--text);margin-bottom:16px;font-weight:700;}
.article-header .article-meta{color:var(--text-dim);font-size:13px;letter-spacing:1px;}

.article-body{padding:60px 0;max-width:860px;margin:0 auto;}
.article-body p{font-size:16px;line-height:2.2;color:var(--text-dim);margin-bottom:24px;text-indent:2em;}
.article-body h2{font-size:1.4rem;color:var(--secondary);letter-spacing:0.1em;margin:40px 0 20px;border-left:4px solid var(--primary);padding-left:16px;}
.article-body h3{font-size:1.15rem;color:var(--text);margin:30px 0 16px;}
.article-body blockquote{background:rgba(139,0,0,0.08);border-left:4px solid var(--primary);padding:20px 24px;margin:30px 0;border-radius:0 8px 8px 0;font-size:15px;color:var(--text-dim);line-height:2;}
[data-theme="light"] .article-body blockquote{background:rgba(139,0,0,0.05);}

/* 通用页脚 */
.footer{background:var(--header-bg);color:var(--header-text);text-align:center;padding:40px;margin-top:60px;}
.footer p{font-size:13px;letter-spacing:2px;}

/* 主题切换按钮 */
.theme-toggle{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--bg2);border:1px solid var(--card-border);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all 0.3s;}
.theme-toggle:hover{border-color:var(--secondary);transform:scale(1.1);}
.theme-toggle svg{width:20px;height:20px;color:var(--text-dim);}
.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,var(--primary),var(--secondary));z-index:1001;transition:width 0.1s linear;}

/* 响应式 */
@media(max-width:900px){
  .three-cols{grid-template-columns:1fr;}
  .hero-visual .portrait-area{flex-direction:column;text-align:center;}
  .hero-visual .portrait-img{flex:0 0 auto;width:300px;height:380px;}
  .hero-visual .portrait-desc{margin:0 auto;}
}