:root{--cs-bg:#eef2f8;--cs-card:#ffffff;--cs-ink:#0f172a;--cs-text:#334155;--cs-muted:#64748b;--cs-line:#e6eaf0;--cs-accent:#3b82f6;--cs-accent-2:#6366f1;--cs-radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 600px at 50% -200px,#dbe6fb 0,var(--cs-bg) 60%);background-attachment:fixed;color:var(--cs-text);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:1040px;margin:0 auto;padding:28px 22px 60px}.cs-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:16px 22px;margin-bottom:28px;box-shadow:0 6px 24px rgba(15,23,42,.06)}.cs-back{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#f1f5f9;color:var(--cs-text);font-size:13px;font-weight:700;text-decoration:none;border:1px solid var(--cs-line);transition:background .15s,transform .15s;white-space:nowrap}.cs-back:hover{background:#e2e8f0;transform:translateX(-2px)}.cs-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.cs-brand-logo-img{width:38px;height:38px;border-radius:10px;object-fit:contain;display:block;box-shadow:0 4px 12px rgba(59,130,246,.25)}.cs-brand-name{font-size:15px;font-weight:800;color:var(--cs-ink);letter-spacing:-.01em}.cs-title{font-size:clamp(19px, 3vw, 24px);font-weight:800;color:var(--cs-ink);flex:1;text-align:center;letter-spacing:-.02em;min-width:200px}.cs-header-actions{display:flex;align-items:center;gap:10px}.cs-level{font-size:11px;font-weight:800;padding:5px 12px;border-radius:999px;background:#e0f2fe;color:#0369a1;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.print-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:linear-gradient(135deg,var(--cs-accent),var(--cs-accent-2));color:#fff;border:none;border-radius:999px;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 4px 14px rgba(59,130,246,.35);transition:transform .15s,box-shadow .15s;white-space:nowrap}.print-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(59,130,246,.45)}.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;align-items:start}.cs-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 24px;align-items:start}.cs-full{grid-column:1/-1}@media (max-width:760px){.cs-grid,.cs-grid-3{grid-template-columns:1fr;gap:16px}}.cs-card{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);overflow:hidden;box-shadow:0 4px 18px rgba(15,23,42,.05);transition:transform .18s,box-shadow .18s}.cs-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,23,42,.1)}.cs-card-header{padding:13px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--cs-ink);background:linear-gradient(90deg,rgba(59,130,246,.1),rgba(99,102,241,.04));border-bottom:1px solid var(--cs-line);display:flex;align-items:center;gap:9px}.cs-card-header::before{content:"";width:4px;height:16px;border-radius:3px;background:linear-gradient(180deg,var(--cs-accent),var(--cs-accent-2));flex-shrink:0}.cs-card-body{padding:16px 18px}.cs-prose p{margin:0 0 10px;color:var(--cs-text);line-height:1.6}.cs-prose p:last-child{margin-bottom:0}.cs-prose strong{color:var(--cs-ink)}.cs-prose ul{margin:6px 0 0;padding-left:20px}.cs-prose li{margin:4px 0;line-height:1.55}.cs-intro .cs-card-body{font-size:14.5px}code{font-family:'Cascadia Code','Fira Code',Consolas,monospace;font-size:13px}pre{background:#0f172a;color:#e2e8f0;border-radius:10px;padding:14px 16px;overflow-x:auto;line-height:1.7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}pre code{font-size:12.5px}.c-comment{color:#64748b}.c-kw{color:#93c5fd}.c-str{color:#86efac}.c-num{color:#fca5a5}.c-fn{color:#fde68a}.c-type{color:#c4b5fd}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}th{background:#f8fafc;color:var(--cs-muted);font-weight:800;text-align:left;padding:10px 14px;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--cs-line)}td{padding:11px 14px;border-bottom:1px solid var(--cs-line);vertical-align:top;line-height:1.5}tr:last-child td{border-bottom:none}td:first-child{color:var(--cs-ink);font-weight:600}td code{background:#eef2f8;padding:2px 8px;border-radius:6px;color:#1e293b;font-weight:600}tbody tr:hover td,tr:hover td{background:#f5f8ff}.tip,.warn{padding:11px 14px;border-radius:10px;font-size:13px;margin-top:12px;display:flex;gap:8px;line-height:1.55}.tip{background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #22c55e;color:#166534}.warn{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #eab308;color:#854d0e}.cs-footer{margin-top:36px;text-align:center;font-size:12px;color:var(--cs-muted);padding-top:20px;border-top:1px solid var(--cs-line)}.cs-footer a{color:var(--cs-accent);text-decoration:none;font-weight:600}.cs-footer a:hover{text-decoration:underline}@media print{body{background:#fff}.cs-back,.print-btn{display:none!important}.page{padding:12px;max-width:100%}.cs-header{box-shadow:none;margin-bottom:16px}.cs-card{break-inside:avoid;box-shadow:none}.cs-card:hover{transform:none}}