/* ==========================================================================
   神意三系统 · 共用样式（2026-10-30）
   流言 rumor2.html / 妃子帝眼 diyan2.html / 帝侧 diye.html / 内廷 neiting.html
   一张纸、一支朱笔：米白底、楷体、细边框、朱砂点睛。四页共用，勿各写一套。
   ========================================================================== */
:root{
  --paper:#f5efe1; --card:#fdfaf2; --panel:#fffdf7;
  --ink:#2f2a24; --sub:#7c7161; --faint:#a99d88;
  --line:#ded2b8; --line2:#ece2cd;
  --cinnabar:#9e2b25; --cinnabar-d:#7c1f1a;
  --gold:#8c6d2a; --blue:#2f5e8f; --green:#3b6d11; --purple:#6b4a86;
  --gold-bg:rgba(140,109,42,.10); --red-bg:rgba(158,43,37,.08);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background-color:var(--paper);
  background-image:
    repeating-linear-gradient(90deg, rgba(150,128,92,.028) 0 1px, transparent 1px 8px),
    repeating-linear-gradient(0deg, rgba(150,128,92,.020) 0 1px, transparent 1px 10px),
    radial-gradient(120% 70% at 50% 0%, rgba(255,253,246,.9), rgba(245,239,225,0));
  color:var(--ink);
  font-family:"Noto Serif SC","Source Han Serif SC","Kaiti SC","STKaiti","楷体","SimSun",serif;
  min-height:100vh; padding:34px 18px 64px; line-height:1.75;
}
.wrap{max-width:920px;margin:0 auto;}
.wrap.wide{max-width:1080px;}

/* ---------------- 顶栏入口 ----------------
   ⛔ 2026-10-30 用户指正：原来只是一行灰字加「·」，玩家不知道能点。
      改成一颗颗看得见的牌子：有边、有底、有悬停；当前所在那页填成朱色。 */
.nav{text-align:center;font-size:12.5px;color:var(--faint);margin:-4px 0 18px;display:flex;gap:8px;
  justify-content:center;flex-wrap:wrap;}
.nav a{display:inline-block;padding:5px 15px;border:1px solid var(--line);border-radius:15px;
  background:var(--panel);color:var(--ink);text-decoration:none;letter-spacing:2px;
  box-shadow:0 1px 2px rgba(120,96,58,.06);transition:.18s;}
.nav a:hover{border-color:var(--cinnabar);color:var(--cinnabar);background:#fff;transform:translateY(-1px);}
.nav a.on{background:linear-gradient(180deg,#c0402f,#9e2b25);border-color:var(--cinnabar);color:#fff;}
.nav a.on:hover{color:#fff;transform:none;}
.nav .sep{display:none;}
.navhint{text-align:center;font-size:11.5px;color:var(--faint);letter-spacing:1px;margin:-10px 0 16px;}


h1{font-size:23px;font-weight:500;text-align:center;letter-spacing:10px;color:var(--ink);}
.sub{text-align:center;font-size:12.5px;color:var(--sub);margin:6px 0 22px;letter-spacing:2px;}
hr.rule{border:0;border-top:1px solid var(--line);margin:0 0 20px;}

.card{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:18px 20px;margin-bottom:16px;
  box-shadow:0 1px 2px rgba(120,96,58,.05);}
.card>h2{font-size:14.5px;font-weight:500;letter-spacing:3px;color:var(--cinnabar-d);
  padding-bottom:10px;border-bottom:1px dashed var(--line);margin-bottom:14px;
  display:flex;justify-content:space-between;align-items:center;gap:10px;}
.card>h2 .cnt{font-size:12px;color:var(--faint);letter-spacing:1px;font-weight:400;}

.tip{background:var(--gold-bg);border-left:3px solid var(--gold);padding:10px 14px;border-radius:0 6px 6px 0;
  font-size:12.8px;color:var(--ink);margin-bottom:16px;line-height:1.9;}
.tip.red{background:var(--red-bg);border-left-color:var(--cinnabar);}
.tip a{color:var(--cinnabar);}

.row{border:1px solid var(--line2);border-radius:8px;padding:12px 14px;margin-bottom:10px;background:var(--panel);}
.row:hover{background:#fffdf7;border-color:var(--line);}
.row .t{font-size:14.5px;color:var(--ink);}
.row .m{font-size:12.3px;color:var(--sub);margin-top:5px;display:flex;gap:9px;flex-wrap:wrap;align-items:center;}
.row .act{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;}
/* 与你有关的那一条：左边压一道朱线，一眼看见 */
.row.mine{border-left:3px solid var(--cinnabar);background:#fffaf1;}
.row .mt{margin-top:8px;font-size:12.8px;color:var(--purple);line-height:1.85;
  background:rgba(107,74,134,.06);border-radius:6px;padding:7px 10px;}

.tag{display:inline-block;font-size:11.5px;padding:0 8px;border-radius:9px;border:1px solid var(--line);color:var(--sub);}
.tag.r{color:var(--cinnabar);border-color:rgba(158,43,37,.45);}
.tag.g{color:var(--gold);border-color:rgba(140,109,42,.45);}
.tag.b{color:var(--blue);border-color:rgba(47,94,143,.4);}
.tag.v{color:var(--green);border-color:rgba(59,109,17,.4);}
.tag.p{color:var(--purple);border-color:rgba(107,74,134,.4);}

.btn{font-family:inherit;font-size:13px;letter-spacing:2px;padding:6px 18px;border-radius:16px;cursor:pointer;
  border:1px solid var(--cinnabar);color:#fff;background:linear-gradient(180deg,#c0402f,#9e2b25);font-weight:700;transition:.2s;}
.btn:hover{background:#8f2419;}
.btn:disabled{opacity:.45;cursor:not-allowed;}
/* ⛔ 必须显式 inline-block + line-height：本类也挂在 <a> 上（「进屋落笔」「看这出戏」），
   <a> 默认 inline，作为 flex item 被 blockify 后高度由继承的行高决定 ——
   实测一条链接撑到 46px，整列列表凭空多出一倍留白。 */
.mini{font-family:inherit;font-size:12.5px;letter-spacing:2px;padding:5px 14px;border-radius:15px;
  display:inline-block;line-height:1.5;text-align:center;text-decoration:none;
  background:var(--panel);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:.2s;}
.mini:hover{border-color:var(--cinnabar);color:var(--cinnabar);}
.mini.on{background:var(--cinnabar);border-color:var(--cinnabar);color:#fff;}

/* 胶囊小按钮（<a> 专用）。
   ⛔ 链接别再用 .mini：服务端会往页面尾部注入一整套皮肤样式（#skin-css），
      其中 .mini 被重定义成「小结卡」—— padding 11px 13px、圆角 5px。
      注入在页面 <style> 之后，特异性又相同 ⇒ 一定压过我方规则，
      实测一条链接被撑到 43px，整列列表凭空多一倍留白。 */
.pil{font-family:inherit;font-size:12.5px;letter-spacing:2px;padding:5px 14px;border-radius:15px;
  display:inline-block;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;
  background:var(--panel);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:.2s;}
.pil:hover{border-color:var(--cinnabar);color:var(--cinnabar);}

input[type=text],textarea,select{font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--panel);
  border:1px solid var(--line);border-radius:6px;padding:8px 10px;width:100%;outline:none;line-height:1.7;}
input[type=text]:focus,textarea:focus,select:focus{border-color:var(--cinnabar);}
textarea{resize:vertical;min-height:92px;}
label.f{display:block;font-size:12.5px;color:var(--sub);margin:10px 0 5px;letter-spacing:1px;}

.bar{height:6px;border-radius:4px;background:var(--line2);overflow:hidden;}
.bar>i{display:block;height:100%;background:linear-gradient(90deg,#c0402f,#9e2b25);}

.empty{color:var(--faint);font-size:13px;text-align:center;padding:24px 0;line-height:2;}
.empty a{color:var(--cinnabar);}
.msg{margin-top:12px;padding:9px 13px;border-radius:6px;font-size:13px;display:none;}
.msg.ok{display:block;background:rgba(59,109,17,.10);border:1px solid #7fa650;color:var(--green);}
.msg.err{display:block;background:var(--red-bg);border:1px solid var(--cinnabar);color:var(--cinnabar-d);}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:680px){.grid2{grid-template-columns:1fr;}}

.foot{text-align:center;font-size:12.5px;color:var(--faint);margin-top:22px;}
.foot a{color:var(--cinnabar);text-decoration:none;margin:0 6px;}

/* 印章：用于「藏匿 / 已易」这类状态戳 */
.seal{display:inline-block;font-size:11.5px;letter-spacing:2px;padding:1px 9px;border:1px solid var(--cinnabar);
  color:var(--cinnabar);border-radius:3px;transform:rotate(-2deg);opacity:.85;}
.sealed-box{border:1px dashed var(--line);border-radius:8px;padding:18px;text-align:center;
  color:var(--faint);font-size:13px;letter-spacing:2px;background:rgba(255,253,247,.5);}

/* ---------------- 乾清宫 · 门（目标是它，不是数值） ---------------- */
.goals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 14px;}
@media(max-width:680px){.goals{grid-template-columns:1fr;}}
.goal{border:1px solid var(--line2);border-radius:8px;padding:10px 13px;background:var(--panel);}
.goal .gk{font-size:12px;color:var(--sub);letter-spacing:2px;display:flex;justify-content:space-between;}
.goal .gn{font-size:19px;color:var(--ink);letter-spacing:1px;margin:2px 0 6px;}
.goal .gn b{color:var(--cinnabar);font-weight:600;}
.goal.done{border-color:rgba(59,109,17,.45);background:rgba(59,109,17,.05);}
.goal.done .gn b{color:var(--green);}

.doorbox{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  border:1px dashed var(--line);border-radius:9px;padding:14px 16px;background:rgba(255,253,247,.6);}
.doorbox .dt{font-size:13px;color:var(--sub);line-height:1.9;}
.doorbox.open{border-style:solid;border-color:rgba(158,43,37,.4);background:var(--red-bg);}
.doorbox.open .dt{color:var(--cinnabar-d);}

.agenda{border:1px solid var(--line2);border-radius:8px;padding:12px 16px;background:var(--panel);margin-top:14px;}
.agenda .ah{font-size:12.5px;color:var(--cinnabar-d);letter-spacing:2px;margin-bottom:8px;}
.agenda ul{list-style:none;}
.agenda li{font-size:13px;color:var(--ink);line-height:1.95;padding-left:14px;position:relative;}
.agenda li:before{content:"·";position:absolute;left:2px;color:var(--cinnabar);}
.agenda .ag{margin-top:10px;border-top:1px dashed var(--line2);padding-top:8px;font-size:12.2px;color:var(--sub);}