/* 找平安 · 共享样式 · 档案卷宗风 */
:root{
  --bg:#171310; --bg2:#201a15; --ink:#d9cdb8; --sub:#94897a;
  --kraft:#d9c7a3; --kraftink:#3a3226; --blue:#2a3a55; --blueink:#8fa8c9;
  --seal:#b03a2a; --gold:#b08d4f; --line:#3a332a;
  --song:"SimSun","STSong",serif; --kai:"Kaiti","STKaiti",serif; --mono:"Courier New",monospace;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--ink);font-family:var(--kai);line-height:1.95;min-height:100vh;}
a{color:var(--gold);text-decoration:none;}
a:hover{color:#d9b876;}
.topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#100d0a;
  border-bottom:1px solid var(--line);font-size:13px;color:var(--sub);position:sticky;top:0;z-index:5;}
.topbar .url{flex:1;background:#1a1510;border:1px solid var(--line);border-radius:14px;
  padding:3px 14px;font-family:var(--mono);font-size:12px;color:#a3947c;overflow:hidden;white-space:nowrap;}
.wrap{max-width:780px;margin:0 auto;padding:26px 18px 90px;}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:20px 22px;margin-bottom:18px;}
.card h2{font-size:17px;color:#c9a86a;margin-bottom:12px;letter-spacing:2px;font-weight:600;
  border-left:3px solid var(--gold);padding-left:10px;}
.btn{display:inline-block;background:var(--blue);color:#dbe6f2;border:none;border-radius:3px;
  padding:10px 26px;font-size:15px;cursor:pointer;font-family:var(--kai);letter-spacing:3px;}
.btn:hover{background:#35496b;}
.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold);}
.btn.warm{background:var(--seal);color:#f5e2d5;}
input[type=text]{background:#120e0b;border:1px solid var(--line);border-radius:3px;
  padding:10px 12px;font-size:14px;color:var(--ink);width:100%;max-width:320px;font-family:var(--mono);}
input:focus{outline:1px solid var(--gold);}
.field{margin-bottom:14px;}
.field label{display:block;font-size:12px;color:var(--sub);margin-bottom:5px;}
.err{color:#c96a5a;font-size:13px;margin-top:8px;min-height:18px;}
details.hint{margin-top:14px;font-size:13px;color:var(--sub);}
details.hint summary{cursor:pointer;color:var(--gold);}
details.hint>div{background:#241d14;border:1px solid #3d3223;border-radius:4px;padding:10px 14px;margin-top:8px;}
details.hint details summary{color:#c96a5a;font-size:12.5px;margin-top:6px;}
details.hint details>div{background:#2a1c16;border-color:#4a2c22;}
table.doc{width:100%;border-collapse:collapse;font-size:13.5px;font-family:var(--song);}
table.doc th{background:#241d16;color:var(--sub);text-align:left;padding:8px 10px;border:1px solid var(--line);font-weight:600;}
table.doc td{padding:8px 10px;border:1px solid var(--line);vertical-align:top;}
table.doc tr.hl td{background:#28211a;color:#e4d3ae;}
.tag{display:inline-block;font-size:11px;border-radius:2px;padding:1px 8px;}
.tag.red{background:#3d1a12;color:#d98a7a;}
.tag.gray{background:#241f1c;color:#8f8371;}
.tag.blue{background:#1c2634;color:#8fa8c9;}
/* 牛皮纸档案 */
.kraft{background:var(--kraft);color:var(--kraftink);border-radius:2px;padding:26px 30px;
  font-family:var(--song);font-size:14px;line-height:2.15;box-shadow:0 5px 20px rgba(0,0,0,.5);position:relative;}
.kraft h3{text-align:center;letter-spacing:6px;font-size:18px;margin-bottom:14px;font-weight:600;}
.kraft .row{display:flex;border-bottom:1px solid #a89468;padding:7px 2px;}
.kraft .row b{width:110px;flex-shrink:0;font-weight:600;color:#6e5a36;}
.kraft .pen{font-family:var(--kai);color:#2a3a55;}
.kraft .faded{color:#a89468;letter-spacing:2px;}
.seal{position:absolute;right:20px;top:16px;color:var(--seal);border:3px solid var(--seal);
  border-radius:6px;padding:4px 10px;font-size:13px;transform:rotate(9deg);opacity:.75;font-family:var(--song);letter-spacing:2px;}
.record{border-left:3px solid var(--line);padding:4px 0 4px 14px;margin-bottom:14px;font-size:14px;}
.record .rt{color:var(--sub);font-size:12px;font-family:var(--mono);}
.record.blueline{border-left-color:var(--blue);}
.record.redline{border-left-color:var(--seal);}
.muted{font-size:12.5px;color:var(--sub);}
.center{text-align:center;}
.fadein{animation:pafd 1s ease;}
@keyframes pafd{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
/* 论坛帖子（乱序卡片） */
.post{background:#f4ecd8;color:#3a3226;border:1px solid #c2b28c;border-radius:3px;
  padding:14px 18px;margin-bottom:13px;font-family:var(--song);font-size:13.5px;line-height:2.05;}
.post .ph{display:flex;justify-content:space-between;color:#8a6d3b;font-size:12px;margin-bottom:6px;}
.post .pid{font-family:var(--mono);font-weight:700;font-size:15px;color:#b03a2a;}
/* 照片 */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;}
.ph2{background:#0f0c09;border:1px solid var(--line);border-radius:4px;overflow:hidden;}
.ph2 svg{display:block;width:100%;height:auto;}
.ph2 .cap{font-size:12px;color:var(--sub);padding:7px 10px;border-top:1px solid var(--line);line-height:1.7;}
/* 笔记 */
#panote-btn{position:fixed;right:16px;bottom:16px;z-index:50;width:46px;height:46px;border-radius:50%;
  background:var(--blue);color:#dbe6f2;border:1px solid #1c2634;font-size:20px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.6);}
#panote{position:fixed;right:16px;bottom:70px;z-index:50;width:310px;max-height:62vh;overflow:auto;
  background:#efe6cd;color:#443a28;border-radius:6px;padding:16px 18px;font-size:13.5px;line-height:1.9;
  box-shadow:0 8px 30px rgba(0,0,0,.7);display:none;font-family:var(--kai);}
#panote h4{font-size:14px;border-bottom:1px solid #c9b98e;padding-bottom:6px;margin-bottom:8px;letter-spacing:2px;}
#panote li{margin-left:18px;margin-bottom:4px;}
#panote li.done{color:#9a8a68;text-decoration:line-through;}
#panote .nh{color:#8a4a1f;font-size:12.5px;}
#panote .feat{background:#e2d6b4;border-radius:4px;padding:8px 10px;margin-top:10px;font-size:12.5px;}
#panote .feat b{color:#b03a2a;}