/* =====================================================
   Griffin Federal Republic - Article List Page
   基于首页视觉系统的列表页
   ===================================================== */

   
/* =====================================================
   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;
}

/* ========== section 标题 ========== */

.section-title{
font-size:24px;
color:#fff;

margin:30px 0 20px;

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

/* ========== grid 布局 ========== */

.article-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
}

/* ========== 卡片 ========== */

.article-card{
display:block;

padding:25px;

border-radius:25px;

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

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

text-decoration:none;

transition:.3s;

position:relative;

overflow:hidden;
}

.article-card:hover{
transform:translateY(-10px);
}

/* ========== tag ========== */

.tag{
display:inline-block;

padding:5px 12px;
border-radius:20px;

font-size:12px;

background:rgba(39,60,117,.15);
color:#273c75;

margin-bottom:10px;
}

/* ========== 标题 ========== */

.article-card h2{
font-size:18px;
color:#1e3a8a;

margin-bottom:10px;
}

/* ========== 描述 ========== */

.article-card p{
font-size:14px;
color:#2f3640;

line-height:1.6;
}

/* ========== meta ========== */

.meta{
margin-top:15px;
font-size:12px;
color:rgba(47,54,64,.6);
}

/* ========== hover光效 ========== */

.article-card::before{
content:"";
position:absolute;
inset:0;

background:linear-gradient(120deg,transparent,rgba(30,58,138,.08),transparent);

transform:translateX(-100%);
transition:.5s;
}

.article-card:hover::before{
transform:translateX(100%);
}