/* 偶尔工作 · 案件台账 —— 本地样式，无外网资源。v4：颜色全部走主题变量，默认 B（藏青 + 象牙白 + 黄铜） */
@font-face{font-family:"WB Serif";src:url("/static/fonts/wb-serif.woff2") format("woff2");font-weight:400 900;font-display:swap}

/* ---------- 主题 ---------- */
:root,[data-theme="b"]{                 /* B 藏青 + 象牙白 + 黄铜（默认） */
  --ivory:#F6F2E8;--paper:#FCFAF5;--ink:#1F2C42;--ink-2:#2B3A54;--text:#262A31;--muted:#7E7C77;--line:#E2DDD1;
  --gold:#A88B57;--gold-soft:#D8CAAA;--accent:#9C7C45;--accent-bg:#F0E8D8;--ink-soft:#A7AFBD;
  --late:#8A4B3F;--late-bg:#F3E7E1;--late-line:#E3CDC4;--pend:#7C6E55;--pend-bg:#EFE9DC;--pend-line:#E0D6C2;
  --on-ink:#F6F2E8;--ink-line:rgba(246,242,232,.12);--shade:rgba(31,44,66,.08);
}
[data-theme="a"]{                       /* A 深墨绿 + 米白 + 暗金 */
  --ivory:#F5F0E6;--paper:#FBF8F2;--ink:#1F3B2D;--ink-2:#2E4E3D;--text:#2A2B26;--muted:#857F70;--line:#E2DACA;
  --gold:#A3844F;--gold-soft:#D6C6A2;--accent:#9A7840;--accent-bg:#F1E8D6;--ink-soft:#A9B5A9;
  --late:#8E4A3C;--late-bg:#F4E6E0;--late-line:#E5CBC2;--pend:#7A6A4C;--pend-bg:#F1EBDD;--pend-line:#E3D8C1;
  --on-ink:#F5F0E6;--ink-line:rgba(245,240,230,.12);--shade:rgba(31,59,45,.08);
}
[data-theme="c"]{                       /* C 炭灰 + 奶油白 + 酒红点缀 */
  --ivory:#F4EFE5;--paper:#FBF8F1;--ink:#34322F;--ink-2:#46433F;--text:#2C2A27;--muted:#827C73;--line:#E1DACC;
  --gold:#A0917A;--gold-soft:#D3C8B6;--accent:#7E2F37;--accent-bg:#F2E4E2;--ink-soft:#ADA8A0;
  --late:#7E2F37;--late-bg:#F2E4E2;--late-line:#E2CACB;--pend:#7A7065;--pend-bg:#EEE8DE;--pend-line:#DED5C7;
  --on-ink:#F4EFE5;--ink-line:rgba(244,239,229,.12);--shade:rgba(52,50,47,.08);
}
:root{
  --serif:"WB Serif","Noto Serif SC","Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong","SimSun",Georgia,serif;
  --sans:-apple-system,"Noto Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}

/* ---------- 基础 ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--text);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:940px;margin:0 auto;padding:18px 18px 48px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ico{width:20px;height:20px;flex:none;vertical-align:-4px}
.muted{color:var(--muted)}.center{text-align:center}
.eyebrow{margin:0;font-size:13px;letter-spacing:.24em;color:var(--gold);font-weight:500}

/* 顶栏 */
.top{display:flex;align-items:center;justify-content:space-between;padding:4px 0 0;margin-bottom:8px}
.mark{display:flex;align-items:center;gap:12px}
.seal-sm{width:40px;height:40px;color:var(--ink)}
.mark-t{font:600 20px/1.2 var(--serif);color:var(--ink);letter-spacing:.06em}
.today{font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}
.back{display:inline-flex;align-items:center;gap:4px;font-size:16px;color:var(--ink);padding:8px 12px 8px 4px;margin-left:-4px}

/* 提示 */
.note{padding:12px 16px;border-radius:12px;font-size:15px;margin:0 0 16px;border:1px solid}
.note-red{background:var(--late-bg);border-color:var(--late-line);color:var(--late)}
.note-amber{background:var(--pend-bg);border-color:var(--pend-line);color:var(--pend)}

/* ---------- 首页 ---------- */
.focus{margin:36px 0 36px;padding:30px 24px 14px;background:var(--ink);border-radius:18px;color:var(--on-ink);box-shadow:0 10px 30px var(--shade)}
.focus-t{margin:0 0 14px;font:600 28px/1.25 var(--serif);color:var(--on-ink);letter-spacing:.05em}
.focus-t::after{content:"";display:block;width:44px;height:1px;margin-top:16px;background:var(--gold)}
.urgent{list-style:none;margin:0;padding:0}
.urgent li+li{border-top:1px solid var(--ink-line)}
.u-card{display:flex;align-items:center;gap:14px;padding:20px 2px;min-width:0}
.u-name{font:600 21px/1.3 var(--serif);color:var(--on-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.u-kind{font-size:15px;color:var(--ink-soft);flex:none;letter-spacing:.08em}
.u-days{margin-left:auto;flex:none;font-size:16px;color:var(--on-ink);font-variant-numeric:tabular-nums}
.u-first .u-days{padding:5px 12px;border-radius:999px;background:var(--accent);color:var(--on-ink);font-weight:600}
.u-empty{color:var(--ink-soft);font-size:17px;padding:8px 0 18px}
.entry{display:flex;align-items:center;gap:12px;padding:20px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}
.entry+.entry{border-top:0}
.entry-t{font:600 18px/1.3 var(--serif);letter-spacing:.06em}
.entry-n{margin-left:auto;font-size:15px;color:var(--muted)}
.entry .ico{color:var(--gold);margin-left:auto}
.entry-n+.ico{margin-left:0}
.entry-sp{margin-top:30px}
.entry+.more{border-top:0;margin-top:8px}
.out{margin:56px 0 0;text-align:center}
.btn-text{background:none;border:0;padding:10px 16px;font:15px var(--sans);color:var(--muted);cursor:pointer}

/* ---------- 列表（全部清单 / 未结案件）：分组卡 + 单行 ---------- */
.page-t{font:600 30px/1.25 var(--serif);color:var(--ink);margin:6px 0 4px;letter-spacing:.05em}
.grp{margin-top:30px}
.grp-t{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;padding:0 4px}
.grp-t span{font:600 19px/1.3 var(--serif);color:var(--ink);letter-spacing:.06em}
.grp-t em{font-style:normal;font-size:14px;color:var(--gold);font-variant-numeric:tabular-nums}
.rows{list-style:none;margin:0;padding:0 18px;background:var(--paper);border:1px solid var(--line);border-radius:16px}
.rows li+li{border-top:1px solid var(--line)}
.r{display:flex;align-items:center;gap:12px;padding:16px 0;min-width:0}
.r-name{font:600 19px/1.3 var(--serif);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.r-kind{flex:none;font-size:14px;color:var(--muted);letter-spacing:.08em}
.r-right{margin-left:auto;flex:none;font-size:15px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.r-right.late{color:var(--late)}
.r-right.soon{color:var(--accent);font-weight:600}
.r-right.dim{color:var(--muted)}
.tag{display:inline-block;font-size:13px;line-height:1;padding:6px 10px;border-radius:999px;border:1px solid var(--pend-line);background:var(--pend-bg);color:var(--pend);white-space:nowrap}
.more{margin-top:40px;border-top:1px solid var(--line)}
.more>summary{list-style:none;cursor:pointer;padding:18px 4px;color:var(--muted);font-size:15px;display:flex;align-items:center;gap:8px}
.more>summary::-webkit-details-marker{display:none}
.more>summary::after{content:"＋";margin-left:auto;color:var(--gold)}
.more[open]>summary::after{content:"－"}
.more-in{padding:0 4px 8px;font-size:14px;color:var(--muted)}
.more-in p{margin:0 0 10px}
.log{list-style:none;margin:0 0 12px;padding:0}
.log li{padding:10px 0;border-top:1px solid var(--line)}
.log li>div:first-child{display:flex;justify-content:space-between;gap:8px;color:var(--text)}
.log li span{font-size:13px;font-variant-numeric:tabular-nums}
.log .muted{font-size:12px;word-break:break-all}
.fine{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0 0;word-break:break-all}

/* ---------- 详情（:target 整页展开，无脚本） ---------- */
.sheet{display:none}
.sheet:target{display:block;position:fixed;inset:0;z-index:20;overflow-y:auto;background:var(--ivory);-webkit-overflow-scrolling:touch}
.sheet-in{max-width:760px;margin:0 auto;padding:14px 18px 60px}
.sheet .back{margin-bottom:18px}
.d-name{font:600 32px/1.25 var(--serif);color:var(--ink);margin:6px 0 22px;letter-spacing:.04em;word-break:break-all}
.key{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px 22px 6px;box-shadow:0 6px 20px var(--shade)}
.key-due{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:6px}
.key-date{font:600 28px/1.2 var(--serif);color:var(--ink);font-variant-numeric:tabular-nums}
.key-left{font-size:16px;color:var(--text)}
.key-left.late{color:var(--late)}.key-left.soon{color:var(--accent);font-weight:600}
.key-note{flex-basis:100%;font-size:14px;color:var(--late);margin-top:2px}
.kv{margin:0}
.kv dt{font-size:13px;color:var(--muted);margin-top:12px;letter-spacing:.06em}
.kv dd{margin:2px 0 12px;font-size:18px;color:var(--text);word-break:break-word}
.kv dd.doc{font-variant-numeric:tabular-nums;color:var(--ink)}
.why{margin:10px 0 16px;padding:12px 14px;border-radius:12px;background:var(--pend-bg);border:1px solid var(--pend-line);color:var(--pend);font-size:15px;word-break:break-word}
.why b{display:block;font-size:12px;letter-spacing:.2em;margin-bottom:4px;font-weight:600}
.sub{margin-top:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px}
.sub>summary{list-style:none;cursor:pointer;padding:16px 20px;color:var(--ink);font:600 16px/1.3 var(--serif);letter-spacing:.08em;display:flex;align-items:center}
.sub>summary::-webkit-details-marker{display:none}
.sub>summary::after{content:"＋";margin-left:auto;color:var(--gold);font-family:var(--sans)}
.sub[open]>summary::after{content:"－"}
.sub-in{padding:0 20px 10px;border-top:1px solid var(--line)}
.sub-in .kv dd{font-size:17px}
.prose{white-space:pre-wrap}
.go{display:flex;align-items:center;gap:10px;margin-top:16px;padding:16px 20px;border:1px solid var(--line);border-radius:16px;color:var(--ink);font:600 16px/1.3 var(--serif);letter-spacing:.06em}
.go span{flex:1}.go .ico{color:var(--gold)}
.src{margin:14px 0 4px;font-size:12px;color:var(--muted);word-break:break-all}

/* ---------- 登录页 ---------- */
.login{min-height:calc(100vh - 66px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0}
.login-card{width:100%;max-width:420px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:40px 26px 28px;box-shadow:0 14px 40px var(--shade);text-align:center;position:relative}
.login-card::before{content:"";position:absolute;inset:8px;border:1px solid var(--gold-soft);border-radius:16px;pointer-events:none;opacity:.6}
.seal{width:64px;height:64px;color:var(--ink)}
.brand{font:600 34px/1.2 var(--serif);color:var(--ink);letter-spacing:.32em;margin:14px 0 6px;padding-left:.32em}
.rule{display:flex;justify-content:center;margin:20px 0 22px}
.rule span{width:64px;height:1px;background:var(--gold);position:relative}
.rule span::after{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;background:var(--paper);border:1px solid var(--gold);transform:translateX(-50%) rotate(45deg)}
.field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:0 14px;text-align:left}
.field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--accent-bg)}
.field .ico{color:var(--gold)}
.field input{flex:1;border:0;outline:0;background:transparent;font-size:18px;padding:16px 0;color:var(--text);min-width:0}
.btn{display:block;width:100%;font:600 18px/1 var(--serif);letter-spacing:.2em;padding:17px;border-radius:14px;border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer;margin-top:14px}
.btn:active{background:var(--ink-2)}
.login .fine{text-align:center}
.colophon{margin-top:22px;font-size:12px;letter-spacing:.24em;color:var(--gold)}

/* ---------- 展开屏（Fold 内屏约 884px） ---------- */
@media (min-width:700px){
  body{font-size:18px}
  .wrap{padding:28px 32px 60px}
  .focus{margin:56px 0 48px;padding:40px 40px 18px}.focus-t{font-size:32px}
  .u-card{padding:22px 4px}
  .rows{padding:0 24px}
  .sheet-in{padding:28px 32px 60px}
  .d-name{font-size:38px}
  .kv{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:16px}
  .kv dt{margin-top:14px}.kv dd{margin:12px 0}
}