/* 36 上下文窗口字数换算 · 纸白排版：靛蓝 + A4 纸，容量条与分块示意 */
.cww{
  --ink:#1f2940; --sub:#66708c; --card:#ffffff; --line:#dfe4f0;
  --pri:#3a4fa3; --pri-soft:#ecefff; --ok:#2b7f64; --warn:#b3802a; --bad:#b74c56; --bg:#f5f7fc;
  color:var(--ink);background:var(--bg);font-size:15px;line-height:1.85;padding:26px 0 54px;min-height:60vh;
}
:root[data-theme="dark"] .cww{
  --ink:#e9edfb; --sub:#a6afcc; --card:#171e33; --line:#2c3756;
  --pri:#a3b1ff; --pri-soft:rgba(163,177,255,.12); --ok:#6cd3a8; --warn:#ecc582; --bad:#ff9dac; --bg:#0e1324;
}
.cww *{box-sizing:border-box;}
.cww-wrap{max-width:1180px;margin:0 auto;padding:0 18px;}
.cww h1,.cww h2,.cww h3{margin:0;line-height:1.38;}
.cww b{font-weight:700;} .cww em{font-style:normal;}
.cww h1,.cww-h2,.cww-capbar-h h2{font-family:Georgia,"Songti SC","Noto Serif SC",serif;}
.cww-hero{display:grid;grid-template-columns:1fr 170px;gap:24px;align-items:center;padding:30px 32px;
  border:1px solid var(--line);border-radius:18px;background:linear-gradient(118deg,var(--card) 56%,var(--pri-soft));
  box-shadow:0 3px 16px rgba(40,60,140,.07);}
.cww-badge{display:inline-block;padding:5px 13px;border-radius:999px;background:var(--pri);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;}
.cww h1{font-size:31px;font-weight:800;margin:13px 0 12px;}
.cww h1 em{display:block;font-family:inherit;font-size:18px;font-weight:600;color:var(--pri);margin-top:6px;}
.cww-hero p{margin:0 0 16px;max-width:780px;color:var(--sub);font-size:15px;line-height:1.88;}
.cww-hero p b{color:var(--ink);}
.cww-hero-meta{display:flex;flex-wrap:wrap;gap:8px;}
.cww-hero-meta span{padding:5px 11px;border:1px solid var(--line);border-radius:7px;background:var(--card);font-size:12.5px;font-weight:650;color:var(--sub);}
.cww-paper{position:relative;width:120px;height:160px;margin:0 auto;background:var(--card);border:1px solid var(--line);
  box-shadow:0 6px 18px rgba(40,60,140,.12);padding:18px 14px;display:flex;flex-direction:column;gap:9px;}
.cww-paper i{height:5px;border-radius:3px;background:var(--line);}
.cww-paper i:nth-child(2){width:82%;} .cww-paper i:nth-child(3){width:94%;} .cww-paper i:nth-child(4){width:62%;}
.cww-paper b{position:absolute;right:8px;bottom:6px;font:700 11px/1 ui-monospace,Menlo,monospace;color:var(--sub);}

.cww-card,.cww-panel,.cww-empty,.cww-kpi,.cww-capbar{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px rgba(40,60,140,.05);}
.cww-card{margin-top:18px;padding:22px 24px;}
.cww-card-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:16px;}
.cww-card-h h2{font-size:20px;font-weight:750;} .cww-card-h span{font-size:12.5px;color:var(--sub);} .cww-card-h b{color:var(--bad);}
.cww-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.cww-field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:650;color:var(--sub);}
.cww-field b{color:var(--bad);margin-left:3px;}
.cww-in,.cww-ta{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:14px;font-family:inherit;transition:border-color .16s,box-shadow .16s;}
.cww-in:focus,.cww-ta:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft);}
.cww-in:disabled{opacity:.55;cursor:not-allowed;}
.cww-in[type=number]{font-family:ui-monospace,Menlo,monospace;}
.cww-ratio{display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--line);flex-wrap:wrap;}
.cww-ratio span{font-size:13px;font-weight:650;color:var(--sub);} .cww-ratio b{color:var(--pri);font-family:ui-monospace,Menlo,monospace;}
.cww-ratio input{flex:1;min-width:160px;accent-color:var(--pri);cursor:pointer;}
.cww-ratio em{font-size:11.5px;color:var(--sub);}
.cww-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;}
.cww-btn{padding:10px 17px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-size:14px;font-weight:650;cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s;}
.cww-btn:hover{border-color:var(--pri);transform:translateY(-1px);box-shadow:0 3px 10px rgba(40,60,140,.1);}
.cww-btn:disabled{opacity:.5;cursor:not-allowed;}
.cww-btn-main{background:var(--pri);border-color:var(--pri);color:#fff;} .cww-btn-main:hover{filter:brightness(1.12);}
.cww-btn-ghost{background:transparent;color:var(--sub);}
.cww-msg{margin:12px 0 0;font-size:13.5px;color:var(--sub);min-height:20px;}
.cww-msg.is-err{color:var(--bad);font-weight:600;} .cww-msg.is-ok{color:var(--ok);font-weight:600;}
.cww-empty{margin-top:18px;padding:38px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;}
.cww-empty-ic{font-size:34px;} .cww-empty b{font-size:17px;}
.cww-empty em{max-width:640px;font-size:13.5px;color:var(--sub);line-height:1.8;}

.cww-out{margin-top:18px;}
.cww-capbar{padding:20px 22px;margin-bottom:14px;}
.cww-capbar-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px;}
.cww-capbar-h h2{font-size:20px;font-weight:750;} .cww-capbar-h span{font-size:12.5px;color:var(--sub);}
.cww-captrack{display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--bg);}
.cww-captrack i{display:block;height:100%;min-width:2px;}
.cww-captrack .is-in{background:var(--pri);} .cww-captrack .is-out{background:var(--warn);} .cww-captrack .is-sys{background:#8e9bd0;}
.cww-caplegend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12.5px;color:var(--sub);}
.cww-caplegend span{display:flex;align-items:center;gap:6px;}
.cww-caplegend i{width:11px;height:11px;border-radius:3px;display:inline-block;}
.cww-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;}
.cww-kpi{padding:16px;display:flex;flex-direction:column;gap:3px;}
.cww-kpi.is-hero{background:var(--pri);border-color:var(--pri);}
.cww-kpi span{font-size:12.5px;color:var(--sub);} .cww-kpi.is-hero span{color:rgba(255,255,255,.85);}
.cww-kpi b{font:800 22px/1.3 ui-monospace,Menlo,monospace;color:var(--pri);} .cww-kpi.is-hero b{color:#fff;}
.cww-kpi small{font-size:11.5px;color:var(--sub);} .cww-kpi.is-hero small{color:rgba(255,255,255,.82);}
.cww-panel{padding:20px 22px;margin-bottom:14px;}
.cww-h2{font-size:20px;font-weight:750;margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;}
.cww-h2 span{font-family:system-ui,sans-serif;font-size:12.5px;font-weight:400;color:var(--sub);}
.cww-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.cww-cards>div{padding:15px 17px;border-radius:10px;background:var(--bg);border:1px solid var(--line);}
.cww-cards span{display:block;font-size:12px;color:var(--sub);letter-spacing:.05em;}
.cww-cards b{display:block;font:800 22px/1.4 ui-monospace,Menlo,monospace;color:var(--pri);margin:5px 0;}
.cww-cards p{margin:0;font-size:12.5px;color:var(--sub);line-height:1.75;}
.cww-chunks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.cww-chunks>div{padding:14px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--line);}
.cww-chunks span{display:block;font-size:12px;color:var(--sub);}
.cww-chunks b{display:block;font:800 20px/1.4 ui-monospace,Menlo,monospace;color:var(--pri);margin:4px 0;}
.cww-chunks p{margin:0;font-size:12.5px;color:var(--sub);line-height:1.75;}
.cww-chunkviz{display:flex;gap:6px;margin-top:16px;overflow:hidden;}
.cww-chunkviz i{flex:1;min-width:44px;height:38px;border-radius:6px;border:1px solid var(--pri);background:var(--pri-soft);
  position:relative;font-style:normal;display:grid;place-items:center;font:700 11px/1 ui-monospace,Menlo,monospace;color:var(--pri);}
.cww-chunkviz i:after{content:"";position:absolute;right:-6px;top:0;bottom:0;width:6px;background:var(--warn);opacity:.65;}
.cww-chunkviz i:last-child:after{display:none;}
.cww-tw{overflow:auto;border:1px solid var(--line);border-radius:10px;}
.cww-tb{width:100%;border-collapse:collapse;font-size:13px;min-width:680px;}
.cww-tb th,.cww-tb td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;}
.cww-tb th{background:var(--pri-soft);font-weight:700;}
.cww-tb tr:last-child td{border-bottom:none;} .cww-tb tr:hover td{background:var(--bg);}
.cww-tb td:nth-child(n+3){font-family:ui-monospace,Menlo,monospace;}
.cww-tb .is-hit{color:var(--pri);font-weight:800;}
.cww-ta{min-height:110px;resize:vertical;font:13.5px/1.7 ui-monospace,Menlo,monospace;}
.cww-final{margin-top:2px;}
[hidden]{display:none !important;}

@media (max-width:860px){
  .cww{padding:18px 0 40px;}
  .cww-hero{grid-template-columns:1fr;padding:22px 18px;} .cww-paper{display:none;} .cww h1{font-size:26px;}
  .cww-card,.cww-panel,.cww-capbar{padding:18px 15px;}
  .cww-grid,.cww-kpis,.cww-cards,.cww-chunks{grid-template-columns:repeat(2,1fr);}
}