:root{--bg:#f6f7f9;--surface:#fff;--surface-alt:#fafbfc;--text:#262b35;--muted:#858b97;--line:#e9ebef;--accent:#e46e40;--accent-soft:#fff0e8;--sidebar:#20252f;--sidebar-muted:#8b94a6;--shadow:0 8px 30px #1d293908;--code:#242b36;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e8936f;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}svg{width:20px;height:20px;display:block;flex-shrink:0;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}::selection{background:#f7c8af;color:#322c29}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--sidebar);color:#f6f7fa;display:flex;flex-direction:column;padding:35px 19px 23px;z-index:30}.brand{display:flex;align-items:center;gap:13px;padding:0 12px;margin-bottom:48px;font-size:23px;font-weight:700;letter-spacing:1px;line-height:1.2}.brand-mark{width:43px;height:43px;display:flex;align-items:center;justify-content:center;position:relative;background:#f17645;border-radius:12px;font-size:28px;font-weight:700;box-shadow:0 5px 14px #0002}.brand-mark>span{position:absolute;right:3px;bottom:-5px;color:#27303d;font-size:32px}.brand small{display:block;font-size:7px;color:#a9b0bd;letter-spacing:1.6px;font-weight:500;margin-top:7px}.sidebar-section{display:flex;align-items:center;gap:9px;color:var(--sidebar-muted);font-size:11px;padding:0 15px;margin-bottom:14px}.sidebar-section span{font-size:8px;letter-spacing:1px;color:#626d80}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:8px;color:#aab3c3;margin-bottom:5px;font-size:13px;transition:background .15s,color .15s}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{background:#f176451b;color:#ffab83}.nav-item.active svg{color:#f8996c}.nav-item.active:before{content:"";position:absolute;left:0;height:20px;width:3px;background:#f18d5d;border-radius:0 4px 4px 0}.nav-count{margin-left:auto;font-size:10px;color:#7c879b}.nav-item.active .nav-count{color:#ffab83;background:#f1764515;padding:0 6px;border-radius:4px}.tool-nav-label{border-top:1px solid #ffffff0b;padding-top:25px;margin-top:21px}.quick-item{font-size:12px;padding:9px 15px;gap:12px}.quick-item svg{height:15px;width:15px;color:#79869b}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff0c;padding:22px 5px 0;display:flex;gap:10px;align-items:center;font-size:11px;color:#bdc4cf}.sidebar-bottom small{display:block;color:#6f7b90;font-size:10px;margin-top:4px}.local-dot{height:7px;width:7px;border-radius:50%;background:#7eb8a5;box-shadow:0 0 0 4px #7eb8a510}.version{margin-left:auto;font-size:10px;color:#6b788c}.main-shell{margin-left:238px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);padding:0 42px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.breadcrumb strong{font-weight:500;color:var(--text)}.slash{color:#c3c7d0}.top-actions{display:flex;gap:22px;align-items:center}.icon-button{border:0;background:transparent;color:var(--muted);padding:6px;border-radius:6px;display:grid;place-items:center}.icon-button:hover{color:var(--accent);background:var(--accent-soft)}.text-link{font-size:11px;color:#7e8490}.text-link span{margin-left:3px}.mobile-menu{display:none}main{padding:38px 42px 50px;max-width:1510px;width:100%;margin:0 auto;outline:0;flex:1}.welcome-line{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px;color:#969ba5;margin-bottom:19px}.welcome-line:before{content:"";width:23px;height:1px;background:#d5d9df}.hero{display:grid;grid-template-columns:1.16fr 1fr;gap:35px;align-items:center;padding:0 2px 29px}.eyebrow{color:var(--accent);font-size:11px;font-weight:500;display:flex;align-items:center;gap:7px;letter-spacing:1px}.eyebrow svg{width:15px;height:15px}.hero h1{font-size:37px;letter-spacing:-1.4px;line-height:1.4;margin:14px 0 14px;font-weight:650}.hero h1 span{color:var(--accent)}.hero-description{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.hero-facts{display:flex;gap:21px;font-size:10px;color:#9298a3;margin-top:23px}.hero-facts span{display:flex;gap:5px;align-items:center}.hero-facts svg{height:12px;width:12px;color:#8c9b91}.code-window{border:1px solid #343d4b;background:var(--code);border-radius:12px;color:#c6d2e1;box-shadow:0 15px 35px #1e293b12;transform:rotate(-1deg);max-width:410px;width:100%;justify-self:end;overflow:hidden;position:relative}.code-top{border-bottom:1px solid #ffffff0a;height:39px;display:flex;align-items:center;gap:5px;padding:0 15px;font-size:9px;color:#8a95a6}.window-dot{height:6px;width:6px;border-radius:50%;background:#ed927a}.window-dot:nth-child(2){background:#e6c178}.window-dot:nth-child(3){background:#8bb59b}.code-filename{margin:0 auto;transform:translateX(-12px)}.code-top svg{width:12px;height:12px}.code-lines{font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;padding:17px 18px 19px;white-space:pre}.line-number{color:#596577;display:inline-block;width:25px;user-select:none}.code-key{color:#a8c4e8}.code-string{color:#a8ccb5}.code-bool{color:#d7af89}.code-footer{border-top:1px solid #ffffff09;padding:9px 15px;font:9px ui-monospace,monospace;display:flex;justify-content:space-between;color:#758496}.code-footer span:first-child{color:#9cbaaa}.search-bar{position:relative;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:0 17px;height:54px;box-shadow:0 2px 5px #1f293703}.search-bar>svg{width:18px;height:18px;color:#9ea5b1}.search-bar input{border:0;outline:0;background:transparent;color:var(--text);height:100%;width:100%;font-size:12px}.search-bar:focus-within{border-color:#eaa785;box-shadow:0 0 0 3px #e46e400a}.search-bar input::placeholder{color:#a4a9b3}.search-shortcut{white-space:nowrap;border:1px solid var(--line);color:#a7adb7;border-radius:4px;font-size:10px;padding:1px 5px;background:var(--surface-alt)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:31px 0 18px}.section-title{display:flex;gap:10px;align-items:center}.section-title h2{font-size:15px;font-weight:600;margin:0}.section-title span{color:#a0a6b1;background:var(--surface);border:1px solid var(--line);font-size:9px;padding:0 6px;border-radius:4px}.section-subtitle{font-size:10px;color:#a3a8b2}.filters{display:flex;gap:7px;margin-bottom:21px;flex-wrap:wrap}.filter{padding:6px 13px;background:transparent;border:1px solid transparent;color:#8b929e;border-radius:6px;font-size:11px}.filter:hover{background:var(--surface);color:var(--text)}.filter.selected{color:var(--accent);background:var(--accent-soft);border-color:#f2dacd}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:10px;transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d8dce4}.tool-card>a{display:block;padding:22px 22px 18px;height:100%;min-height:170px}.card-top{display:flex;align-items:center;gap:11px;margin-bottom:13px}.tool-icon{width:37px;height:37px;border-radius:10px;background:var(--tint);color:var(--ink);display:grid;place-items:center}.tool-icon svg{height:21px;width:21px;stroke-width:1.6}.tool-card h3{font-size:13px;line-height:1.3;font-weight:600;margin:0;padding-right:22px;letter-spacing:.1px}.tool-card h3 small{display:block;font-size:8px;font-weight:400;color:#abb0bb;letter-spacing:.5px;margin-top:5px}.tool-card p{font-size:11px;color:var(--muted);margin:0 0 19px;line-height:1.7}.card-bottom{display:flex;align-items:center;justify-content:space-between;color:#b1b6c0;font-size:9px}.card-bottom svg{height:13px;width:13px}.tag{background:var(--surface-alt);border:1px solid var(--line);color:#9a9faa;padding:1px 6px;border-radius:4px;font-size:8px}.popular-tag{margin-left:5px;color:#c3895e;background:#fcf6ec;border-color:#f4ead9}.favorite-button{position:absolute;right:12px;top:15px;border:0;background:transparent;color:#c4c9d2;padding:6px;z-index:1;border-radius:5px}.favorite-button svg{width:15px;height:15px}.favorite-button:hover,.favorite-button.saved{color:#e5a35c;background:#e5a35c0c}.favorite-button.saved svg{fill:#e5a35c2b}.page-note{margin-top:28px;display:flex;align-items:center;gap:8px;color:#a4aab4;font-size:10px}.page-note svg{height:13px;width:13px}.empty-state{grid-column:1/-1;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:10px;padding:55px 20px;color:var(--muted)}.empty-state svg{margin:0 auto 12px;width:30px;height:30px;color:#c3c9d1}.empty-state strong{display:block;font-weight:500;color:var(--text);margin-bottom:7px}.empty-state p{font-size:12px;margin:0}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:22px 42px;border-top:1px solid var(--line);font-size:10px;color:#a3a9b3;gap:15px}.footer-dot{padding:0 7px;color:#c3c8d0}.back-link{display:inline-flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;margin:0 0 24px}.back-link svg{width:14px;height:14px}.back-link:hover{color:var(--accent)}.tool-heading{display:flex;align-items:center;gap:15px;margin-bottom:15px}.tool-heading .tool-icon{height:48px;width:48px;border-radius:13px}.tool-heading .tool-icon svg{height:25px;width:25px}.tool-heading h1{font-size:25px;line-height:1.2;margin:0 0 6px;letter-spacing:-.5px}.tool-heading small{color:var(--muted);font-size:10px;letter-spacing:1px}.tool-description{color:var(--muted);font-size:12px;margin:0 0 27px}.tool-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px 10px 0 0}.action-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:8px 14px;font-size:11px;white-space:nowrap;line-height:1.5}.action-button:hover{border-color:#d9a184;color:var(--accent)}.action-button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.action-button.primary:hover{filter:brightness(1.06)}.action-button svg{width:14px;height:14px}.control-spacer{margin-left:auto}.editor-grid{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;overflow:hidden}.editor-panel+ .editor-panel{border-left:1px solid var(--line)}.editor-label{height:42px;background:var(--surface-alt);border-bottom:1px solid var(--line);padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#89919f;font-size:10px}.editor-label span{display:flex;gap:7px;align-items:center}.editor-label svg{height:12px;width:12px}.editor-count{font:9px ui-monospace,monospace;color:#b4b9c3}.editor-panel textarea{width:100%;height:388px;display:block;resize:vertical;border:0;outline:0;padding:18px;background:var(--surface);color:var(--text);font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,"PingFang SC",monospace;tab-size:2;white-space:pre;min-height:160px}.editor-panel textarea::placeholder{color:#b7bdc7}.editor-panel textarea:focus{box-shadow:inset 0 0 0 2px #edb3955e}.editor-panel textarea.error{color:#d35b4d;background:#d35b4d04}.editor-panel.diff-input textarea{height:173px;min-height:120px}.tool-help{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:17px 20px;display:flex;gap:11px;color:var(--muted);font-size:11px;margin-top:20px}.tool-help svg{height:16px;width:16px;margin-top:1px;color:#a6afbd}.tool-help p{margin:0}.option-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;padding:14px 17px;margin-bottom:14px;border-bottom:1px solid var(--line)}.option-row label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.option-row input,.option-row select{border:1px solid var(--line);border-radius:5px;background:var(--surface-alt);padding:6px 9px;color:var(--text);font:12px ui-monospace,monospace;outline:0}.option-row input:focus{border-color:#dba17d}.option-row input{width:250px;max-width:100%}.option-row .short-input{width:70px}.tool-status{font-size:10px;color:#879994;min-height:20px;margin:12px 1px}.color-preview{height:56px;display:none;border:1px solid var(--line);border-radius:8px;margin-top:15px}.about-panel{max-width:760px;background:var(--surface);padding:38px;border:1px solid var(--line);border-radius:12px}.about-panel h1{font-size:29px;margin:0 0 18px}.about-panel h2{font-size:15px;margin:28px 0 9px}.about-panel p{font-size:13px;color:var(--muted);line-height:2}.about-brand{font-size:11px;color:var(--accent);letter-spacing:2px;margin-bottom:12px}#toast{position:fixed;left:calc(50% + 100px);bottom:35px;transform:translate(-50%,15px);background:#28313f;color:#fff;padding:11px 22px;border-radius:9px;box-shadow:0 5px 30px #0002;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-overlay{display:none}
html.dark{--bg:#171c24;--surface:#202630;--surface-alt:#242b36;--text:#e1e5ec;--muted:#929cad;--line:#2e3744;--accent:#ed956d;--accent-soft:#ed956d13;--sidebar:#131820;--shadow:0 10px 30px #0002;color-scheme:dark}.dark .code-window{border-color:#394555}.dark .tag{color:#8994a6}.dark .popular-tag{background:#bc8b4012;color:#c4a073;border-color:#bc8b4022}.dark .filter.selected{border-color:#b57c5a44}.dark .tool-icon{background:color-mix(in srgb,var(--ink) 12%,transparent)}
@media(min-width:1600px){.hero h1{font-size:44px}.hero{padding-bottom:35px}.tool-card>a{min-height:183px}.tools-grid{gap:20px}.tool-card p{font-size:12px}.tool-card h3{font-size:14px}}
@media(max-width:1180px){.sidebar{width:209px;padding-left:12px;padding-right:12px}.main-shell{margin-left:209px}.topbar{padding:0 28px}main{padding:30px 28px 40px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:22px}.hero h1{font-size:31px}.hero-description{font-size:11px}.hero-facts{gap:12px;font-size:9px}.code-lines{font-size:10px;padding-left:12px}.code-window{max-width:340px}.hero-facts span:last-child{display:none}footer{padding:20px 28px}.tool-card>a{min-height:164px}.tool-card p{margin-bottom:14px}}
@media(max-width:900px){.sidebar{width:190px}.main-shell{margin-left:190px}.brand{font-size:21px;padding-left:9px;gap:10px}.brand small{font-size:6px}.brand-mark{width:38px;height:38px}.hero{grid-template-columns:1fr}.code-window{display:none}.hero h1{font-size:35px}.hero h1 br{display:none}.hero-description br{display:none}.hero-facts{margin-top:17px}.top-actions{gap:12px}.section-subtitle{display:none}.tool-card>a{padding:18px}.tool-card h3{font-size:12px}.tool-card p{font-size:10px}.tool-card .tool-icon{width:31px;height:31px;border-radius:8px}.card-top{gap:8px}.tool-card h3 small{font-size:7px}.tool-card p{min-height:34px}.control-spacer{display:none}.editor-grid{grid-template-columns:1fr}.editor-panel+.editor-panel{border-left:0;border-top:1px solid var(--line)}.editor-panel textarea{height:260px}}
@media(max-width:640px){.sidebar{transform:translateX(-100%);width:238px;padding:30px 19px;transition:transform .2s}.menu-open .sidebar{transform:translateX(0)}.menu-open .mobile-overlay{display:block;position:fixed;inset:0;background:#0c142573;z-index:25;backdrop-filter:blur(2px)}.main-shell{margin-left:0}.mobile-menu{display:grid;padding:4px;margin-right:1px}.topbar{height:62px;padding:0 19px}.breadcrumb{gap:10px;font-size:11px}.top-actions{gap:9px}.top-actions .text-link{font-size:10px}main{padding:26px 20px 35px}.welcome-line{font-size:9px;margin-bottom:17px}.hero{padding-bottom:24px;gap:0}.eyebrow{font-size:10px}.hero h1{font-size:32px;letter-spacing:-1px;margin:12px 0}.hero h1 br{display:block}.hero-description{font-size:11px;max-width:310px}.hero-facts{gap:19px;font-size:9px}.hero-facts span:last-child{display:flex}.search-bar{height:49px;padding:0 13px}.search-bar input{font-size:11px}.search-shortcut{font-size:9px}.section-heading{margin:26px 0 14px}.section-title h2{font-size:14px}.filters{gap:3px;margin-bottom:16px}.filter{font-size:10px;padding:5px 9px}.tools-grid{gap:11px}.tool-card>a{padding:16px 13px;min-height:177px}.card-top{display:block;margin-bottom:10px}.tool-card h3{font-size:12px;margin-top:10px;padding-right:0}.tool-card h3 small{font-size:7px;letter-spacing:.2px}.tool-card p{font-size:10px;min-height:34px;margin-bottom:13px}.favorite-button{right:8px;top:10px;padding:5px}.tool-card .tool-icon{width:31px;height:31px}.tool-card .tool-icon svg{height:18px;width:18px}.popular-tag{display:none}.card-bottom{font-size:8px}.page-note{font-size:9px;align-items:flex-start;line-height:1.8}footer{padding:18px 20px;font-size:9px}.footer-dot{padding:0 3px}.tool-heading h1{font-size:22px}.tool-heading{gap:12px}.tool-description{font-size:11px}.tool-controls{padding:12px;gap:7px}.action-button{font-size:10px;padding:7px 10px}.editor-panel textarea{font-size:11px;padding:14px;height:260px}.option-row{padding:12px}.option-row label{width:100%}.option-row input{flex:1}.tool-help{padding:14px;font-size:10px}.back-link{margin-bottom:21px}.about-panel{padding:25px}.about-panel h1{font-size:24px}.about-panel p{font-size:12px}#toast{left:50%;max-width:90vw;white-space:nowrap}.section-title span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.footer-beian{white-space:nowrap}.footer-beian:hover{color:var(--accent);text-decoration:underline}