:root{--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--danger: #dc2626;--ok: #16a34a;--bg: #f5f6f8;--bg-soft: #ffffff;--bg-input: #ffffff;--text: #1f2937;--text-dim: #6b7280;--border: #e2e6ec;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .06);--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}[data-theme=dark]{--bg: #0f1720;--bg-soft: #182230;--bg-input: #101b26;--text: #e5eaf0;--text-dim: #94a3b8;--border: #2a3a4d;--accent: #4f8dff;--accent-soft: rgba(79, 141, 255, .15);--shadow: none}[data-theme=sepia]{--bg: #f1e8d4;--bg-soft: #faf3e3;--bg-input: #fdf7e9;--text: #4a3f2e;--text-dim: #8b7b5e;--border: #ddd2b4;--accent: #a5672f;--accent-soft: rgba(165, 103, 47, .13);--shadow: 0 1px 3px rgba(90, 70, 30, .08)}[data-theme=green]{--bg: #cfe8d2;--bg-soft: #e6f2e7;--bg-input: #dcf0df;--text: #1d3b2a;--text-dim: #5c7d6a;--border: #a9c9ad;--accent: #1f7a4d;--accent-soft: rgba(31, 122, 77, .13);--shadow: 0 1px 3px rgba(30, 80, 50, .08)}[data-theme=ocean]{--bg: #0b1c33;--bg-soft: #132a4a;--bg-input: #0e2240;--text: #dce9f8;--text-dim: #7e97ba;--border: #24456f;--accent: #4da3ff;--accent-soft: rgba(77, 163, 255, .16);--shadow: none}[data-theme=violet]{--bg: #f4f1fb;--bg-soft: #ffffff;--bg-input: #ffffff;--text: #2a2342;--text-dim: #7f729f;--border: #e2dbf0;--accent: #7c3aed;--accent-soft: rgba(124, 58, 237, .12);--shadow: 0 1px 3px rgba(80, 40, 160, .07)}[data-theme=high]{--bg: #000000;--bg-soft: #0b0b0b;--bg-input: #000000;--text: #ffffff;--text-dim: #d9d9d9;--border: #ffffff;--accent: #ffd60a;--accent-soft: rgba(255, 214, 10, .18);--danger: #ff6b6b;--ok: #4ade80;--shadow: none}[data-theme=high] .btn.primary,[data-theme=high] .logo-badge{color:#000}[data-theme=high] .alert.error{background:#ff6b6b26}[data-theme=high] .alert.ok{background:#4ade8026}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}a{color:var(--accent);text-decoration:none}h1,h2,h3,h4{margin:0 0 8px}.container{max-width:1180px;margin:0 auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:10;background:var(--bg-soft);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:52px;gap:12px}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-right{display:flex;align-items:center;gap:8px;flex:none}.logo{font-weight:700;font-size:16px;color:var(--text);display:inline-flex;align-items:center;gap:8px}.logo-badge{width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:700}.tool-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-link{color:var(--text-dim);font-size:13px;white-space:nowrap}.back-link:hover{color:var(--accent)}main{padding:24px 0 40px}.tool-main{padding-top:20px}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.tool-head{margin-bottom:14px}.tool-head h1{font-size:20px;margin:0 0 4px}.tool-head p{color:var(--text-dim);margin:0;font-size:13px}.io-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.io-grid{grid-template-columns:1fr}}.pane{display:flex;flex-direction:column;min-height:340px}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:8px}.pane-label{font-weight:600;font-size:13px;color:var(--text-dim)}.pane-actions{display:flex;gap:6px;flex-wrap:wrap}.pane-body{flex:1;position:relative}textarea.code{width:100%;height:100%;min-height:300px;resize:vertical;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:var(--mono);font-size:13px;line-height:1.5}textarea.code:focus{outline:2px solid var(--accent);outline-offset:-1px}pre.code-out{width:100%;height:100%;min-height:300px;max-height:560px;overflow:auto;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:var(--mono);font-size:13px;line-height:1.5;margin:0;white-space:pre;word-break:break-all}.pane-foot{display:flex;gap:12px;padding-top:6px;font-size:12px;color:var(--text-dim)}.btn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);padding:5px 12px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.1);color:#fff}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.small{padding:3px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.alert{padding:10px 14px;border-radius:8px;font-size:13px;margin:10px 0}.alert.error{background:#dc26261a;color:var(--danger);border:1px solid rgba(220,38,38,.3)}.alert.ok{background:#16a34a1a;color:var(--ok);border:1px solid rgba(22,163,74,.3)}.alert.muted{background:var(--bg-soft);color:var(--text-dim);border:1px solid var(--border)}select,input[type=text],input[type=number]{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:13px}select:focus,input:focus{outline:2px solid var(--accent);outline-offset:-1px}.opt-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 0}.opt-label{font-size:13px;color:var(--text-dim)}.hero{text-align:center;padding:44px 0 26px}.hero h1{font-size:30px;margin:0 0 10px}.hero p{color:var(--text-dim);max-width:680px;margin:0 auto}.search-box{max-width:560px;margin:22px auto 0;position:relative}.search-box input{width:100%;padding:12px 16px;font-size:15px;border-radius:12px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text)}.search-box input:focus{outline:2px solid var(--accent)}.cat-block{margin-top:26px}.about-page{padding:36px 20px 60px;max-width:820px}.about-hero{text-align:center;padding:10px 0 26px}.about-hero h1{font-size:30px;margin:0 0 10px}.about-hero p{color:var(--text-dim);line-height:1.7}.about-section{margin-top:30px}.about-section h2{font-size:19px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.about-section p{color:var(--text-dim);line-height:1.75;margin:0 0 14px}.about-section a{color:var(--accent)}.cat-title{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.cat-title h2{font-size:17px;margin:0}.cat-title span{color:var(--text-dim);font-size:13px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.tool-card{display:flex;gap:12px;align-items:flex-start;padding:14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s;color:var(--text)}.tool-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow)}.tool-icon{width:38px;height:38px;flex:none;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:13px}.tool-card h3{margin:0 0 4px;font-size:14px}.tool-card p{margin:0;color:var(--text-dim);font-size:12px;line-height:1.45}footer.site-footer{margin-top:40px;border-top:1px solid var(--border);background:var(--bg-soft);padding:28px 0 16px;font-size:13px;color:var(--text-dim)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}@media (max-width: 760px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-col h4{color:var(--text);font-size:13px;margin:0 0 10px}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.footer-col a{color:var(--text-dim)}.footer-col a:hover{color:var(--accent)}.footer-bottom{margin-top:22px;padding-top:14px;border-top:1px solid var(--border);display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:12px}.tree{font-family:var(--mono);font-size:13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);overflow:auto;padding:10px;max-height:520px;min-height:200px}.tn{white-space:nowrap;cursor:pointer;padding:1px 4px;border-radius:4px}.tn:hover{background:var(--accent-soft)}.tn-row{display:flex;gap:6px;align-items:baseline}.tn-toggle{color:var(--text-dim);width:16px;display:inline-block;flex:none}.tn-key{color:var(--accent)}.tn-str{color:var(--ok)}.tn-num{color:#b45309}.tn-bool{color:#9333ea}.tn-null{color:var(--text-dim);font-style:italic}.tn-prev{color:var(--text-dim)}.tn-match{background:#facc1540}.hl-key{color:var(--accent)}.hl-str{color:var(--ok)}.hl-num{color:#b45309}.hl-bool{color:#9333ea}.hl-null{color:var(--text-dim);font-style:italic}.tr-center{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:8px 0}.tr-center .btn{justify-content:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:12px 0}.stat-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.stat-item .num{font-size:20px;font-weight:700}.stat-item .lab{font-size:12px;color:var(--text-dim)}table.spec{width:100%;border-collapse:collapse;font-size:13px}table.spec th,table.spec td{border:1px solid var(--border);padding:6px 10px;text-align:left}table.spec th{background:var(--bg);font-weight:600}.path-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.path-bar input{flex:1;min-width:200px;font-family:var(--mono)}select.lang-switch{max-width:150px}select.theme-switch{max-width:140px}table.spec th,table.spec td{word-break:break-word}@media (max-width: 520px){.topbar-inner{flex-wrap:wrap;height:auto;padding:6px 0;row-gap:4px}.topbar-right{width:100%;justify-content:flex-start}.hero h1{font-size:24px}.hero{padding:28px 0 18px}.tool-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}