/* ============================================ */
/* ========== [1] 基础与通用样式 (base.css) ========== */
/* ============================================ */

/* -- 基础变量与重置 -- */
:root{ --bg:#02040a; --muted:#9fb0c6; --accent:#e8b923; --accent2:#4a90e2; --accent-rgb: 232, 185, 35; --accent2-rgb: 74, 144, 226; --card-bg: rgba(255,255,255,0.02); }
*{box-sizing:border-box}
body{margin:0;font-family:Inter,'Noto Serif SC',serif;background:linear-gradient(180deg,#02040a,#071428);color:#eaf6ff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
main{max-width:1300px;margin:0 auto;padding:120px 24px 80px}
h1,h2,h3,h4{font-family:'Noto Serif SC',serif;margin:0}
h2{font-size:32px;text-shadow:0 2px 10px rgba(0,0,0,0.3);}
p, .muted{font-size:16px;line-height:1.8; color: var(--muted);}
.muted em,.card em{color:var(--accent);font-style:normal;font-weight:600;}
section{margin-top:80px;position:relative;z-index:0;padding:24px;border-radius:12px;}
.section-divider{margin-top:80px;padding-top:80px;border-top:1px solid rgba(255,255,255,0.05);}

/* -- 头部与导航 -- */
header{position:fixed;left:0;right:0;top:0;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(2,4,10,0.85) 0%,rgba(2,4,10,0.6) 50%,rgba(2,4,10,0) 100%);z-index:10000;backdrop-filter:blur(8px);transition:all 0.3s ease;}
.brand{display:flex;gap:12px;align-items:center;transition:transform 0.3s ease;}
.brand:hover{transform:scale(1.05);}
.brand > a.logo{flex-shrink:0;line-height:0;}
.brand > div{line-height:normal;}
.logo{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:700;}
nav{display:flex;gap:12px;align-items:center}
nav a{color:var(--muted);font-size:13px;transition:color 0.3s ease;padding:8px 12px;border-radius:6px;position:relative;}
nav a:hover{color:#fff;}
nav a::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background-color:var(--accent);transform:scaleX(0);transition:transform 0.3s ease;}
nav a:hover::after{transform:scaleX(1);}

/* -- 按钮样式 -- */
.btn{padding:8px 16px;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#071023;font-weight:700;border:none;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--accent-rgb),0.25);}
.btn.btn-small{padding:6px 12px;font-size:12px;}
.ghost{background:transparent;border:1px solid rgba(255,255,255,0.05);color:var(--muted)}
.ghost:hover{background:rgba(255,255,255,0.05);color:#fff;box-shadow:none;}

/* -- 卡片与布局 -- */
.card{background:var(--card-bg);padding:20px;border-radius:10px;border:1px solid rgba(255,255,255,0.03);display:flex;flex-direction:column;position:relative;transition:all 0.3s ease-in-out;}
.card:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(var(--accent-rgb),0.2);}
.card .info{flex-grow:1;}
.card img.card-img-top{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:8px 8px 0 0;margin:-20px -20px 14px -20px;}

/* -- [解大为] 评论样式 -- */
.dawei-comment{font-family:'Noto Serif SC',serif;font-style:italic;font-size:14px;color:var(--muted);border-left:2px solid var(--accent);padding-left:12px;margin:16px 0;}
.dawei-comment strong{color:var(--accent);}

/* -- 页脚 -- */
footer{border-top:1px solid rgba(255,255,255,0.05);padding-top:28px;}

/* -- 手机端响应式 (基础部分) -- */
@media (max-width: 768px) {
  header{flex-direction:column;padding:16px;}
  nav{justify-content:center;flex-wrap:wrap;margin-top:12px;}
  main{padding:100px 16px 40px;}
  h2{font-size:28px !important;}
  h3{font-size:20px;}
}