:root{--navy:#0D3779;--primary:#2861AE;--bg:#F4F6FB;--panel:#fff;--line:#E6EAF2;--fg1:#1E2530;--fg2:#4A5263;--fg3:#717A8C;--fg4:#9BA3B4;--shadow:0 4px 18px rgba(28,52,92,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg1);font:14px/1.5 'PingFang SC','Noto Sans SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}button,input{font:inherit}a:focus-visible,input:focus-visible{outline:3px solid #457DC9;outline-offset:3px}[hidden]{display:none!important}
.appbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:18px;min-height:60px;padding:10px 28px;background:linear-gradient(100deg,#0A2C5E,#0D3779 60%,#15407F);color:#fff;box-shadow:0 2px 14px rgba(10,34,72,.28)}
.brand{display:flex;align-items:center;gap:11px;font-size:15.5px;font-weight:700;white-space:nowrap}.brand img{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}.brand small{font-weight:500;font-size:12px;color:#A9C6EE}
.back{font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;padding:7px 12px;border:1px solid #ffffff3d;background:#ffffff1a;border-radius:10px;color:#EAF1FB}.back:hover{background:white;color:var(--navy)}
nav{display:flex;padding:4px;background:#ffffff1a;border-radius:100px}nav span{border-radius:100px;background:white;color:var(--navy);font-weight:600;font-size:13px;padding:6px 18px}.preview-label{margin-left:auto;color:#A9C6EE;font-size:11px}

main{max-width:1440px;margin:0 auto;padding:26px 28px 48px}.heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.4px}.record-count{color:var(--fg3);font-size:12px;background:#E9EDF5;border-radius:100px;padding:3px 10px}
.discussion-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.list-head,.discussion-row{display:grid;grid-template-columns:220px minmax(180px,1fr) minmax(150px,.7fr) 24px;align-items:center;gap:24px;padding:18px 24px}.list-head{background:#F8FAFD;color:var(--fg3);font-size:12px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}ol{list-style:none;margin:0;padding:0}li+li{border-top:1px solid var(--line)}.discussion-row{min-height:78px;text-decoration:none;transition:background .15s}.discussion-row:hover{background:#F0F5FC}.discussion-row:focus-visible{outline-offset:-3px}.discussion-row time{font-size:13px;font-variant-numeric:tabular-nums;color:var(--fg2)}.discussion-row strong{font-size:15px;color:var(--fg1);font-weight:600}.scene{font-size:13px;color:var(--fg3)}.row-arrow{color:var(--primary);font-size:18px}.discussion-row:hover strong{color:var(--primary)}footer{font-size:11px;color:var(--fg4);margin:18px 3px}
@media(max-width:800px){.appbar{padding:10px 16px;gap:10px;flex-wrap:wrap}.brand{font-size:14px}.preview-label{display:none}.brand small{display:none}.back{padding:6px 9px}nav span{padding:6px 12px;font-size:12px}main{padding:22px 16px 36px}h1{font-size:22px}.list-head{display:none}.discussion-row{grid-template-columns:minmax(0,1fr) 24px;gap:6px 12px;padding:18px}.discussion-row time{grid-column:1;font-size:12px}.discussion-row strong{grid-column:1;grid-row:2}.scene{grid-column:1;grid-row:3;font-size:12px}.row-arrow{grid-column:2;grid-row:1/4}.discussion-row strong,.scene{overflow-wrap:anywhere}}
@media(max-width:390px){.appbar{gap:8px}.brand img{width:28px;height:28px}.brand{gap:7px}.back{font-size:11px}nav span{padding:6px 10px}}
@media print{.appbar,footer{display:none}main{padding:0}.discussion-list{box-shadow:none}.discussion-row{break-inside:avoid}}