/* Layout: 1120px container, 24px gaps; <=760px single column, 16px gutters. No fixed overlays. */
:root{color-scheme:light;--wb-ink:#20324b;--wb-muted:#68788b;--wb-blue:#2456e8;--wb-line:#dde5f0;font:15px/1.7 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:var(--wb-ink);background:#f5f7fb}*{box-sizing:border-box}body{margin:0}a{color:#2456ca;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8bb0ff}[hidden]{display:none!important}h1,h2,p,li{overflow-wrap:anywhere}h1{font-size:38px;line-height:1.35;margin:12px 0 20px;letter-spacing:-1px}h2{font-size:19px;line-height:1.5;margin:0 0 16px}.wb-header{background:#fff;border-bottom:1px solid var(--wb-line);padding:16px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.wb-brand{display:flex;align-items:center;gap:12px;color:var(--wb-ink);text-decoration:none;font-weight:800;font-size:18px;flex-shrink:0}.wb-brand small{display:block;font-size:11px;font-weight:500;color:var(--wb-muted);letter-spacing:2px}.wb-header nav{display:flex;gap:24px;flex-wrap:wrap}.wb-header nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px}.wb-main{max-width:1168px;margin:auto;padding:32px 24px 64px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--wb-muted);margin:0}.wb-hero{display:flex;align-items:center;justify-content:space-between;padding:32px 0 40px;gap:32px}.wb-hero img{object-fit:contain;flex-shrink:0}.wb-lead{font-size:18px;color:var(--wb-muted);margin:0 0 16px;line-height:1.9}.wb-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.wb-badges span,.wb-tag{border-radius:6px;background:#e9effc;color:#365b9d;font-size:12px;padding:4px 8px}.wb-discover{padding:24px;background:#fff;border:1px solid var(--wb-line);border-radius:16px;margin-bottom:24px}.wb-discover>label{display:block;font-weight:700;margin-bottom:12px}#wb-search{width:100%;padding:12px 16px;border:1px solid #b9c9df;border-radius:8px;min-height:48px}.wb-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.wb-filters button{border:1px solid var(--wb-line);border-radius:24px;background:#fff;padding:8px 16px;min-height:44px;color:var(--wb-muted)}.wb-filters button[aria-pressed=true]{background:var(--wb-blue);border-color:var(--wb-blue);color:white}#wb-count{font-size:13px;margin:16px 0 0;color:var(--wb-muted)}.wb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.wb-card{display:block;position:relative;background:#fff;border:1px solid var(--wb-line);border-radius:16px;padding:24px;text-decoration:none;color:var(--wb-ink)}.wb-card:hover{border-color:#94b1f2;box-shadow:0 8px 24px #244f9c0d}.wb-icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;background:#eaf0ff;border-radius:12px;color:var(--wb-blue);font:700 16px/1 system-ui}.wb-tag{float:right}.wb-card h2{margin:20px 0 8px}.wb-card p{margin:0 0 20px;color:var(--wb-muted);font-size:14px}.wb-card-link{font-weight:650;font-size:13px;color:var(--wb-blue)}.wb-note{background:#eaf0fc;border-radius:16px;padding:24px;margin-top:32px}.wb-note p{color:#536783;margin-bottom:16px}.wb-next{display:flex;gap:24px;flex-wrap:wrap}.wb-next a{min-height:44px;display:inline-flex;align-items:center}.wb-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin-bottom:24px}.wb-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}.wb-breadcrumb>span{align-self:center}.wb-tool-intro{margin-bottom:32px}.wb-private{font-size:13px;color:#4d6f5b}.wb-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px}.wb-panel{min-width:0;background:white;border:1px solid var(--wb-line);border-radius:16px;padding:24px}.wb-panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.wb-panel-title h2{margin:0}.wb-text-button{border:0;background:transparent;color:var(--wb-blue);min-height:44px;padding:8px 0;white-space:nowrap}.field{display:grid;gap:8px;margin-bottom:20px;font-weight:600;font-size:14px}.field input,.field select,.field textarea{width:100%;min-width:0;padding:12px;border:1px solid #b9c9df;border-radius:8px;background:white;color:var(--wb-ink);font-weight:400}.field input[type=file]{font-size:13px}.field textarea{resize:vertical;font-family:inherit;line-height:1.8}.field textarea#wb-result{font:13px/1.8 ui-monospace,"Microsoft YaHei",monospace;background:#f8faff;min-height:280px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checks{margin:16px 0}.check{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px}.check input{width:18px;height:18px;accent-color:var(--wb-blue);flex-shrink:0}.wb-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.wb-primary,.wb-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:650;font-size:14px}.wb-primary{border:1px solid var(--wb-blue);background:var(--wb-blue);color:white}.wb-secondary{border:1px solid #c3cfe0;background:white;color:#4f6583}button:disabled{opacity:.55;cursor:wait}.hint{font-size:12px;color:var(--wb-muted);margin:12px 0 0}#wb-status{font-size:14px;color:var(--wb-muted);white-space:pre-wrap;min-height:28px}#wb-status[data-error=true]{color:#ab392a}#wb-preview{display:block;max-width:100%;max-height:400px;object-fit:contain;border:1px solid var(--wb-line);border-radius:8px;margin:16px auto}#wb-summary{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.wb-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 24px}.wb-stat{background:#f0f4fc;padding:16px;border-radius:8px}.wb-stat span{display:block;font-size:12px;color:var(--wb-muted)}.wb-stat b{display:block;font-size:24px}.wb-table{overflow:auto;max-height:320px;max-width:100%;margin-top:16px}.wb-table table{border-collapse:collapse;width:100%;font-size:12px}.wb-table td{border:1px solid var(--wb-line);padding:8px;white-space:pre-wrap;min-width:72px;max-width:240px;overflow-wrap:anywhere}.wb-instructions,.wb-faq,.wb-related{margin-top:40px}.wb-instructions ol{padding-left:24px;color:var(--wb-muted)}.wb-instructions li{padding:8px 0}.wb-faq details{background:white;border:1px solid var(--wb-line);border-radius:12px;padding:16px 24px;margin:12px 0}.wb-faq summary{cursor:pointer;min-height:44px;align-content:center;font-weight:650}.wb-faq p{color:var(--wb-muted);font-size:14px}.wb-footer{border-top:1px solid var(--wb-line);padding:24px;text-align:center;background:white;color:var(--wb-muted);font-size:12px}.wb-footer p{margin-bottom:0}.wb-skip{position:absolute;top:-80px;left:16px;background:white;padding:12px;z-index:50}.wb-skip:focus{top:8px}@media(max-width:960px){.wb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.wb-header{padding:12px 16px;gap:12px;flex-wrap:wrap}.wb-header nav{gap:16px;width:100%}.wb-main{padding:24px 16px 48px}.wb-hero{padding:16px 0 32px;gap:16px;align-items:flex-start}.wb-hero img{width:80px;height:80px}.wb-hero h1{font-size:28px}.wb-lead{font-size:16px}.wb-editor{grid-template-columns:1fr}.wb-grid{grid-template-columns:1fr}.wb-panel,.wb-discover,.wb-card{padding:20px}.wb-tool-intro h1{font-size:28px}.wb-private{font-size:12px}.wb-faq details{padding:12px 16px}.wb-next{gap:8px}.field-row{grid-template-columns:1fr}.wb-badges{gap:8px}.wb-badges span{font-size:11px}.wb-hero>div{min-width:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.wb-card{padding-bottom:64px}.wb-card-link{position:absolute;bottom:24px;left:24px}@media(max-width:760px){.wb-card{padding-bottom:64px}.wb-card-link{left:20px}}

.wb-file-list{padding-left:20px;font-size:12px;color:var(--wb-muted);overflow-wrap:anywhere;max-height:160px;overflow:auto}.wb-table.wb-editable{max-height:none}.wb-edit-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0;font-size:12px}.wb-edit-toolbar label{display:flex;align-items:center;gap:8px}.wb-edit-toolbar select{max-width:160px;min-height:44px;border:1px solid #b9c9df;border-radius:8px;padding:8px}.wb-edit-toolbar button{padding:8px 12px;font-size:12px}.wb-table-view{max-height:440px;overflow:auto}.wb-table-view input{width:140px;padding:8px;border:1px solid #bdcbe0;border-radius:4px;color:var(--wb-ink);font:inherit;font-size:13px;line-height:1.6}.wb-row-remove{white-space:nowrap;min-height:44px;background:white;border:1px solid #d6dfed;border-radius:4px;color:#9a4235;font-size:12px}.wb-file-list:empty{display:none}

.wb-file-list li{margin:8px 0;line-height:1.7}.wb-file-list li>span{display:block}.wb-file-list button{min-height:44px;margin:4px 8px 0 0;padding:8px 12px;border:1px solid #c3cfe0;border-radius:6px;background:white;color:#4f6583;font-size:12px}