/* =====================================================
   Griffin Federal Republic - Article System (Final Safe)
   只负责文章内容，不控制 header（确保与首页完全一致）
   ===================================================== */

   /* =====================================================
   FORCE HEADER RESTORE (fix left alignment + missing style)
   ===================================================== */

header h1{
color:white;
}
header{
height:420px;

/* 与 article 风格统一 */
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;

color:white;
position:relative;
padding:0 20px;
}

/* 标题 */

header h1{
font-size:55px;
letter-spacing:6px;

/* 紧凑化  */
margin:18px 20px 10px;

text-shadow:0 5px 25px rgba(0,0,0,.5);
}

/* 副标题 */

header p{
font-size:20px;
margin:6px 0;
text-shadow:0 3px 15px rgba(0,0,0,.5);
}

/* ========== hero badge ========== */

.hero-badge{
padding:12px 35px;
border-radius:40px;

background:rgba(255,255,255,.15);
border:1px solid rgba(255,255,255,.35);

backdrop-filter:blur(15px);
}

/* ========== 社交区域 ========== */

.social{
margin-top:35px;
}
/* ========== 容器 ========== */

.container{
max-width:1100px;
margin:auto;
padding:10px 20px;
}


/* ========== 文章主体容器 ========== */

.article{
max-width:900px;
margin:60px auto;
padding:40px;

background:rgba(255,255,255,.92);
backdrop-filter:blur(20px);

border-radius:25px;

box-shadow:0 20px 60px rgba(0,0,0,.3);

animation:gf-articleIn .6s ease;
}

/* 入场动画 */

@keyframes gf-articleIn{
from{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:translateY(0);
}
}

/* ========== 文章标题（仅内容区，不影响header） ========== */

.article h1{
font-size:38px;
margin-bottom:15px;

color:#1e3a8a;

text-shadow:0 3px 15px rgba(0,0,0,.08);
}

.article h2{
font-size:26px;
margin-top:35px;

color:#273c75;

border-left:4px solid rgba(39,60,117,.6);
padding-left:12px;
}

.article h3{
font-size:20px;
margin-top:20px;

color:#2f3640;
}

/* ========== 正文 ========== */

.article p{
font-size:16px;
line-height:1.9;
margin:12px 0;

color:#2f3640;
}

/* ========== 引用块 ========== */

.article blockquote{
margin:20px 0;
padding:18px 22px;

border-left:4px solid #273c75;
background:rgba(39,60,117,.08);

border-radius:10px;

font-style:italic;
color:#2c3e50;
}

/* ========== 信息框 ========== */

.info-box{
margin:20px 0;
padding:18px 22px;

background:rgba(64,115,158,.12);
border:1px solid rgba(39,60,117,.15);

border-radius:15px;

backdrop-filter:blur(10px);
}

/* ========== TOC（目录：静态，不悬浮） ========== */

.toc{
background:rgba(255,255,255,.85);
backdrop-filter:blur(18px);

padding:18px;
border-radius:18px;

margin:20px 0;

box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.toc h3{
font-size:16px;
margin-bottom:10px;

color:#273c75;
}

.toc a{
display:block;
padding:6px 0;

font-size:14px;
color:#273c75;

text-decoration:none;

transition:.2s;
}

.toc a:hover{
transform:translateX(6px);
color:#1e3a8a;
}

/* ========== 代码块 ========== */

.article code{
background:rgba(0,0,0,.06);
padding:3px 6px;
border-radius:6px;

font-family:monospace;
}

.article pre{
background:#0f172a;
color:#e5e7eb;

padding:18px;
border-radius:15px;

overflow-x:auto;

box-shadow:0 10px 30px rgba(0,0,0,.25);
}

/* ========== 链接 ========== */

.article a:not(.back-btn){

color:#1e3a8a;

text-decoration:none;

border-bottom:1px dashed rgba(30,58,138,.4);

transition:.2s;

}

.article a:hover{
color:#273c75;
border-bottom:1px solid #273c75;
}

/* ========== 返回按钮 ========== */

.back-btn{
display:inline-block;
margin-bottom:20px;

padding:10px 22px;
border-radius:30px;

background:#273c75;
color:white;

text-decoration:none;

transition:.3s;
}

.back-btn:hover{
transform:scale(1.05);
}

/* ========== 图片 ========== */

.article img{
max-width:100%;
border-radius:15px;
margin:15px 0;

box-shadow:0 10px 25px rgba(0,0,0,.2);
}

/* ========== 分割线 ========== */

.article hr{
border:none;
height:1px;

background:rgba(0,0,0,.1);

margin:30px 0;
}

/* ========== 全局阅读优化 ========== */

.article{
line-height:1.8;
}

/* ========== 返回按钮修正 ========== */

.article .back-btn{

background:#273c75;

color:#ffffff !important;

border:none;

text-decoration:none;

}

.article .back-btn:hover{

background:#1e3a8a;

color:#ffffff !important;

transform:scale(1.05);

}