:root{--c-bg: #fafafa;--c-surface: #fff;--c-text: #1a1a1a;--c-text-soft: #555;--c-border: #e6e6e6;--c-accent: #2563eb;--c-accent-soft: #dbeafe;--c-danger: #dc2626;--c-success: #059669;--r-md: 8px;--r-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--maxw: 720px;--maxw-reading: 720px;--maxw-tool: 720px;--maxw-text: 720px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;line-height:1.55}body{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}body>header,body>footer{width:100%}body>main{justify-self:center;width:100%;max-width:var(--maxw-tool)}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:var(--maxw-tool);margin:0 auto;padding:20px 16px 40px}.tool-main{max-width:var(--maxw-tool)!important}.reading-inner{max-width:100%}.reading-inner>p,.reading-inner>h1+p,.reading-inner>h2+p,.reading-inner>ul,.reading-inner>ol{max-width:var(--maxw-text)}.card-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 720px){.card-grid{grid-template-columns:1fr 1fr}.card-grid>.card{margin:0}}.site-header{border-bottom:1px solid var(--c-border);background:#fff;position:sticky;top:0;z-index:10}.site-nav{max-width:var(--maxw-tool);margin:0 auto;padding:12px 16px;display:flex;gap:14px;flex-wrap:wrap;font-size:14px;align-items:center}.nav-link{color:var(--c-text-soft);padding:4px 2px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;text-decoration:none}.nav-link:hover{color:var(--c-accent);text-decoration:none}.nav-link.brand{font-weight:700;color:var(--c-accent);margin-right:12px;font-size:16px;letter-spacing:.5px}.nav-link.active{color:var(--c-accent);border-bottom-color:var(--c-accent);font-weight:600;background:var(--c-accent-soft);padding-left:8px;padding-right:8px;border-radius:6px 6px 0 0}.nav-link.brand.active{color:var(--c-accent);background:transparent;padding-left:2px;padding-right:2px;border-bottom-color:var(--c-accent)}.site-footer{border-top:1px solid var(--c-border);background:#fff;margin-top:48px}.site-footer-inner{max-width:var(--maxw-tool);margin:0 auto;padding:16px;font-size:13px;color:var(--c-text-soft)}h1{font-size:24px;margin:0 0 8px}h2{font-size:18px;margin:20px 0 8px}h3{font-size:15px;margin:14px 0 6px}p{margin:8px 0;color:var(--c-text-soft)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-sm);margin:10px 0}.card.compact{padding:12px;margin:8px 0}.card h3:first-child{margin-top:0}button{font:inherit;cursor:pointer}input,select{font:inherit;padding:8px 10px;border:1px solid var(--c-border);border-radius:var(--r-md);background:#fff;width:100%;min-height:38px}input:focus,select:focus{outline:2px solid var(--c-accent-soft);border-color:var(--c-accent)}label{font-size:13px;color:var(--c-text-soft)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:6px;border-bottom:1px solid var(--c-border);text-align:right}th:first-child,td:first-child{text-align:left}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--c-border);margin:12px 0 0;overflow-x:auto;position:sticky;top:49px;background:var(--c-bg);z-index:5}.tabs button{background:transparent;border:none;padding:8px 12px;font-size:14px;color:var(--c-text-soft);border-bottom:2px solid transparent;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--c-accent);border-bottom-color:var(--c-accent);font-weight:600}.tab-panel{display:none;padding-top:8px}.tab-panel.active{display:block}.split{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}@media (min-width: 720px){.split{grid-template-columns:minmax(240px,280px) 1fr;gap:12px}}.split>div>.card:first-child{margin-top:0}.form-grid{display:grid;gap:8px}.form-grid label{display:block}.form-grid label>input,.form-grid label>select{margin-top:3px;max-width:100%}.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kv-grid>div>.label{font-size:12px;color:var(--c-text-soft)}.kv-grid>div>.value{font-size:18px;font-weight:600;margin-top:2px;word-break:break-word}.card.highlight{background:var(--c-accent-soft);border-color:var(--c-accent)}.btn-row{display:flex;gap:6px;flex-wrap:wrap}.btn-row label{flex:1 1 auto;text-align:center;padding:8px;border:1px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;background:#fff;font-size:13px;min-width:90px;color:var(--c-text)}.btn-row input[type=radio]{display:none}.btn-row label.checked,.btn-row input[type=radio]:checked+label{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent)}@media (max-width: 480px){main{padding:12px 12px 32px}h1{font-size:20px}h2{font-size:16px;margin:16px 0 6px}th,td{padding:5px 4px;font-size:12px}.kv-grid>div>.value{font-size:16px}.card{padding:12px}}