/* ===== 砚码科创网站 · 宣纸国风 ===== */
:root{
  --ink:#2b2a26;            /* 墨色主字 */
  --ink-soft:#5b5a55;
  --paper:#f7f3e9;          /* 宣纸底 */
  --paper-card:#fffdf6;
  --cinnabar:#c0392b;       /* 朱砂强调 */
  --cinnabar-deep:#8e2a1c;
  --line:#d8d2c0;           /* 分隔线 */
  --panel:#f0eadd;
  --font-body:'Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
  --font-code:'Consolas','Courier New',monospace;
  --fs:17px;                 /* 全局正文基准字号（字号偏好档位修改此项） */
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:
    radial-gradient(circle at 12% 18%, rgba(192,57,43,.05), transparent 40%),
    radial-gradient(circle at 88% 82%, rgba(120,90,40,.05), transparent 40%),
    var(--paper);
  color:var(--ink);font-family:var(--font-body);font-size:var(--fs);line-height:1.8;}
a{color:var(--cinnabar-deep);text-decoration:none;}
a:hover{text-decoration:underline;}

/* 顶部条 */
.topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:16px;
  padding:10px 28px;background:rgba(255,253,246,.92);backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);}
.topbar .brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:2px;color:var(--ink);}
.topbar .brand .seal{width:34px;height:34px;border:2px solid var(--cinnabar);border-radius:6px;
  display:flex;align-items:center;justify-content:center;color:var(--cinnabar);
  font-size:15px;font-weight:800;transform:rotate(-4deg);flex-shrink:0;}
.topbar .nav{display:flex;gap:6px;flex:1;flex-wrap:wrap;}
.topbar .nav a{padding:6px 13px;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:calc(var(--fs)*0.84);background:var(--paper-card);}
.topbar .nav a:hover{background:#f2ecd9;border-color:var(--cinnabar);color:var(--cinnabar-deep);text-decoration:none;}
.topbar .acct{font-size:calc(var(--fs)*0.78);color:var(--ink-soft);display:flex;align-items:center;gap:10px;}
.topbar .acct b{color:var(--cinnabar-deep);}

/* 全局字号偏好控件（fontsize.js 注入） */
.fs-ctrl{display:flex;gap:3px;align-items:center;flex:none;margin-left:auto;}
.fs-ctrl button{width:28px;height:28px;border:1px solid var(--line);border-radius:5px;background:var(--paper-card);
  cursor:pointer;font-size:13px;color:var(--ink);line-height:1;display:flex;align-items:center;justify-content:center;}
.fs-ctrl button.on{border-color:var(--cinnabar);background:var(--cinnabar-soft);color:var(--cinnabar-deep);font-weight:700;}
.fs-ctrl .fs-cur{font-size:11px;color:var(--ink-soft);margin-right:4px;}

.wrap{max-width:1280px;margin:0 auto;padding:28px 24px 60px;}

/* Hero */
.hero{text-align:center;padding:46px 0 30px;border-bottom:2px solid var(--cinnabar);margin-bottom:30px;position:relative;}
.hero h1{font-size:calc(var(--fs)*2.5);letter-spacing:8px;color:var(--ink);}
.hero .sub{font-size:calc(var(--fs)*1.1);letter-spacing:4px;color:var(--ink-soft);margin-top:10px;}
.hero .couplet{font-size:calc(var(--fs)*0.92);letter-spacing:2px;color:var(--cinnabar-deep);margin-top:16px;}

/* 五宝导航 */
.five{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:34px;}
.five a{display:block;border:1px solid var(--line);border-radius:10px;background:var(--paper-card);
  padding:22px 16px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:all .18s;}
.five a:hover{transform:translateY(-4px);box-shadow:0 8px 22px rgba(0,0,0,.08);border-color:var(--cinnabar);text-decoration:none;}
.five .baobadge{width:44px;height:44px;margin:0 auto 10px;border:2px solid var(--cinnabar);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--cinnabar);}
.five .name{font-size:calc(var(--fs)*1.05);font-weight:700;color:var(--ink);}
.five .mean{font-size:calc(var(--fs)*0.78);color:var(--ink-soft);margin-top:4px;}
.five .mod{font-size:calc(var(--fs)*0.78);color:var(--cinnabar-deep);margin-top:6px;}

/* 功能模块入口 */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}
.cards a{display:block;border:1px solid var(--line);border-radius:10px;background:var(--paper-card);
  padding:18px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .18s;}
.cards a:hover{transform:translateY(-3px);border-color:var(--cinnabar);text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.07);}
.cards .t{font-size:calc(var(--fs)*0.95);font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;}
.cards .d{font-size:calc(var(--fs)*0.78);color:var(--ink-soft);margin-top:6px;}

/* 分区标题 */
.sec{font-size:calc(var(--fs)*0.9);letter-spacing:2px;color:var(--cinnabar-deep);border-left:4px solid var(--cinnabar);
  padding-left:10px;margin:34px 0 16px;}
.sec.first{margin-top:0;}

/* 页脚 */
.footer{text-align:center;color:var(--ink-soft);font-size:calc(var(--fs)*0.78);padding:20px;border-top:1px solid var(--line);}

/* 表格 */
table{border-collapse:collapse;width:100%;background:var(--paper-card);}
th,td{border:1px solid var(--line);padding:8px 12px;font-size:calc(var(--fs)*0.85);text-align:left;}
th{background:var(--panel);color:var(--ink);}

/* 按钮 */
.btn{display:inline-block;padding:7px 16px;border:1px solid var(--line);border-radius:5px;
  background:var(--paper-card);cursor:pointer;font-size:calc(var(--fs)*0.85);color:var(--ink);}
.btn.primary{background:var(--cinnabar);color:#fff;border-color:var(--cinnabar);}
.btn.primary:hover{background:var(--cinnabar-deep);}

/* ===== 响应式适配（平板 / 手机） ===== */
@media (max-width: 900px){
  .wrap{padding:20px 14px 48px;}
  .hero{padding:30px 0 20px;margin-bottom:22px;}
  .hero h1{font-size:calc(var(--fs)*1.8);letter-spacing:4px;}
  .hero .sub{font-size:calc(var(--fs)*0.92);letter-spacing:2px;}
  .hero .couplet{font-size:calc(var(--fs)*0.8);letter-spacing:1px;}
  .five{grid-template-columns:repeat(2,1fr);gap:12px;}
  .cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
}
@media (max-width: 640px){
  .topbar{flex-wrap:wrap;gap:6px 8px;padding:8px 12px;}
  .topbar .brand{font-size:calc(var(--fs)*0.94);letter-spacing:1px;}
  .topbar .seal{width:28px;height:28px;font-size:calc(var(--fs)*0.78);}
  .topbar .nav{flex:1 1 100%;order:3;}
  .topbar .nav a{font-size:calc(var(--fs)*0.78);padding:5px 9px;}
  .topbar .acct{order:2;margin-left:auto;font-size:calc(var(--fs)*0.72);flex-wrap:wrap;gap:6px;}
  .hero h1{font-size:calc(var(--fs)*1.5);letter-spacing:3px;}
  .hero .sub{font-size:calc(var(--fs)*0.82);}
  .hero .couplet{font-size:calc(var(--fs)*0.7);}
  .five{grid-template-columns:repeat(2,1fr);gap:10px;}
  .five a{padding:16px 10px;}
  .five .name{font-size:calc(var(--fs)*0.94);}
  .cards{grid-template-columns:1fr;}
  .sec{font-size:calc(var(--fs)*0.82);margin:26px 0 12px;}
  .footer{font-size:calc(var(--fs)*0.72);padding:16px 10px;}
}