:root{
  --ink:#0f172a; --muted:#64748b; --line:#e6e8ee; --bg:#f7f8fb;
  --brand:#09a6a6; --accent:#0e3754; --chip:#f2f6fa;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.cosywee .app{max-width:1200px;margin:0 auto;padding:18px 22px}
.cosywee header{display:flex;align-items:center;justify-content:space-between}
.cosywee header .logos img{height:30px;object-fit:contain;display:block}
.cosywee .topline{height:4px;background:linear-gradient(90deg,var(--brand),#7bded9 70%, var(--brand));border-radius:6px;margin:10px 0 18px}
.cosywee h1{margin:0 0 10px 0;text-align:center;color:var(--accent);font-weight:800;letter-spacing:.2px;font-size:clamp(20px,2.2vw,26px)}
.cosywee .bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}
.cosywee .chip{background:var(--chip);border:1px solid var(--line);color:#334155;padding:6px 10px;border-radius:10px;font-size:13px}
.cosywee .wrap{display:grid;grid-template-columns:260px 1fr;gap:18px}
@media(max-width:1024px){.cosywee .wrap{grid-template-columns:1fr}}
.cosywee .toc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;position:sticky;top:14px;height:fit-content;box-shadow:0 1px 0 rgba(16,24,40,.03)}
.cosywee .toc h3{margin:0 0 10px 0;font-size:14px;color:#0b1220}
.cosywee .toc a{display:block;padding:8px 10px;border-radius:8px;color:#0b1220;text-decoration:none;font-size:13px}
.cosywee .toc a:hover{background:#f5f7fb}
.cosywee .toc a.is-active{background:#e9fbf8;border:1px solid #98f2e7}
.cosywee .toc .panel{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.cosywee .global-score .score{display:flex;align-items:center;gap:10px;margin:8px 0 10px}
.cosywee .actions{display:flex;flex-wrap:wrap;gap:8px}
.cosywee .btn{appearance:none;cursor:pointer;border-radius:999px;padding:8px 12px;font-size:13px;border:1px solid var(--line);background:#fff}
.cosywee .btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.cosywee .plan{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 1px 0 rgba(16,24,40,.03)}
.cosywee h2{margin:4px 0 10px;color:#0b1220;font-weight:800;font-size:clamp(16px,1.9vw,18px)}
.cosywee .score{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.cosywee .score strong{font-size:13px}
.cosywee .score .bar{flex:1;height:10px;background:#eef2f7;border-radius:999px;position:relative;overflow:hidden;margin:0}
.cosywee .score .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--brand)}
.cosywee .score .pct{font-size:12px;padding:2px 8px;background:#0ea5a5;color:#fff;border-radius:999px;white-space:nowrap}
.cosywee table{width:100%;border-collapse:collapse;table-layout:fixed}
.cosywee thead th{background:#f4f6f9;color:#0b1220;font-weight:700;border:1px solid var(--line);padding:8px 10px;font-size:13px}
.cosywee td{border:1px solid var(--line);padding:8px 10px;font-size:13px;vertical-align:top}
.cosywee tbody tr:nth-child(even){background:#fafbfc}
.cosywee td input[type="radio"]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}
.cosywee td input[type="text"]{width:100%;border:1px solid var(--line);border-radius:10px;padding:7px 9px;font-size:13px;background:#fff}
.cosywee .footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#6b7280;font-size:12px}
@media print{
  @page{size:A4 portrait;margin:10mm}
  body{background:#fff}
  .cosywee .wrap{grid-template-columns:1fr}
  .cosywee .toc{page-break-after:avoid}
  .cosywee .plan{page-break-inside:avoid;margin-bottom:8mm}
  .actions,.btn{display:none}
  .cosywee thead th,.cosywee td{padding:6px 7px;font-size:12.5px}
}