:root{--primary:#5b5bd6;--primary-dark:#4444ae;--primary-light:#eef0ff;--bg:#f6f7fb;--card:#fff;--text:#202439;--muted:#72778e;--border:#e5e7f0;--shadow:0 10px 30px rgba(35,39,86,.06);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.site-header{height:68px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.header-inner,.footer-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--primary);color:#fff}.top-nav{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:14px}.top-nav a:hover{color:var(--primary)}.icon-button{border:0;background:transparent;color:var(--muted);font-size:21px;cursor:pointer;padding:5px}.hero{background:linear-gradient(135deg,#f1f1ff 0%,#f6f7fb 58%,#eef8fa 100%);border-bottom:1px solid var(--border)}.hero-inner{padding:76px 0 78px}.eyebrow,.section-kicker{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,62px);letter-spacing:-.055em;line-height:1.12;margin:16px 0 14px}.hero h1 span{color:var(--primary)}.hero p{color:var(--muted);font-size:17px;margin:0 0 30px}.search-box{height:58px;max-width:690px;display:flex;align-items:center;gap:12px;padding:0 18px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);color:var(--muted)}.search-box>span{font-size:25px;line-height:0;transform:rotate(-20deg)}.search-box input{border:0;outline:0;background:transparent;color:var(--text);font:inherit;flex:1;font-size:15px}.search-box kbd{border:1px solid var(--border);border-radius:6px;padding:1px 7px;color:var(--muted);font-size:12px}.content-section{padding:64px 0 78px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.section-heading h2,.info-section h2{font-size:28px;line-height:1.2;letter-spacing:-.04em;margin:7px 0 0}.result-count{color:var(--muted);font-size:13px}.category-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.category-tab{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:8px 16px;color:var(--muted);cursor:pointer;font:inherit;font-size:13px}.category-tab:hover,.category-tab.is-active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{display:flex;gap:15px;min-height:156px;padding:21px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:.2s ease}.tool-card:hover{transform:translateY(-3px);border-color:#c8c9f3;box-shadow:0 13px 35px rgba(55,58,130,.11)}.tool-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;font-size:13px;font-weight:800}.tool-icon.blue{background:#e9edff;color:#5367df}.tool-icon.violet{background:#f1eaff;color:#8757d7}.tool-icon.green{background:#e5f8ef;color:#2b9e6b}.tool-icon.orange{background:#fff0dc;color:#da8626}.tool-icon.pink{background:#ffe8f1;color:#d65382}.tool-icon.teal{background:#e0f7f7;color:#239397}.tool-card-body{display:flex;flex:1;flex-direction:column;min-width:0}.tool-card-title{font-weight:700;font-size:16px}.tool-card-description{color:var(--muted);font-size:13px;line-height:1.55;margin-top:5px}.tool-card-category{color:var(--primary);font-size:12px;margin-top:auto}.tool-card-category span{float:right;font-size:16px}.empty-state{text-align:center;padding:40px;color:var(--muted)}.info-section{display:flex;justify-content:space-between;gap:40px;padding:56px 0 92px;border-top:1px solid var(--border)}.info-points{display:flex;gap:45px}.info-points div{display:flex;gap:12px}.info-points strong{color:var(--primary);font-size:24px;line-height:1}.info-points span{color:var(--muted);font-size:13px;line-height:1.5}.site-footer{height:72px;background:#fff;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.tool-page{padding:42px 0 90px;max-width:1000px}.back-link{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:30px}.back-link:hover{color:var(--primary)}.tool-page-heading{display:flex;gap:17px;align-items:flex-start;margin-bottom:30px}.tool-page-heading .tool-icon{width:50px;height:50px;font-size:15px}.tool-page-heading h1{font-size:34px;letter-spacing:-.045em;line-height:1.2;margin:5px 0 5px}.tool-page-heading p{color:var(--muted);margin:0}.workbench{padding:25px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:9px;color:var(--muted);font-size:13px}.field textarea,.field input{width:100%;min-height:250px;padding:14px;border:1px solid var(--border);border-radius:10px;resize:vertical;outline:none;background:#fbfbfd;color:var(--text);font:13px/1.65 Consolas,"Microsoft YaHei",monospace}.field input{min-height:52px;font-family:inherit}.field textarea:focus,.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.action-row.inline{margin:18px 0}.button{border:0;border-radius:9px;padding:10px 17px;cursor:pointer;font:inherit;font-size:13px;font-weight:700}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-dark)}.button.secondary{background:var(--primary-light);color:var(--primary)}.button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.button.disabled{opacity:.4;pointer-events:none}.feedback{min-height:25px;color:#d14b58;font-size:13px;margin-top:9px}.qr-workbench{display:grid;grid-template-columns:1fr 260px;gap:28px;align-items:center}.qr-preview{min-height:250px;border:1px dashed var(--border);border-radius:12px;display:grid;place-items:center;text-align:center;color:var(--muted);background:#fbfbfd}.qr-preview img{max-width:210px;display:block}.timestamp-now{display:flex;align-items:center;gap:15px;padding:16px 18px;background:var(--primary-light);border-radius:12px;margin-bottom:18px;color:var(--muted);font-size:13px}.timestamp-now strong{color:var(--primary);font:700 20px Consolas,monospace;margin-right:auto}.timestamp-result{padding:17px;border-radius:10px;background:#fbfbfd;color:var(--primary);font-size:18px;font-weight:700}.not-found{text-align:center;padding:110px 0}.not-found-number{color:var(--primary);font-size:90px;font-weight:900;line-height:1}.not-found h1{font-size:28px}.not-found p{color:var(--muted);margin-bottom:25px}body.dark{--bg:#151622;--card:#1f2130;--text:#f2f3fa;--muted:#a5a9be;--border:#303348;--primary-light:#2a2b50}.dark .site-header,.dark .site-footer{background:#191a28}.dark .hero{background:linear-gradient(135deg,#202043,#1b2230)}.dark .field textarea,.dark .field input,.dark .qr-preview,.dark .timestamp-result{background:#191a28}
@media(max-width:760px){.container{width:min(100% - 28px,620px)}.site-header{height:60px}.top-nav{gap:13px}.top-nav a{display:none}.hero-inner{padding:54px 0}.hero h1{font-size:44px}.tool-grid{grid-template-columns:1fr}.content-section{padding-top:47px}.info-section{display:block}.info-points{gap:22px;margin-top:28px;justify-content:space-between}.info-points div{gap:7px}.two-column,.qr-workbench{grid-template-columns:1fr}.qr-preview{min-height:220px}.tool-page-heading h1{font-size:29px}.timestamp-now{flex-wrap:wrap}.timestamp-now strong{margin-right:0}.footer-inner{font-size:11px;gap:10px}.footer-inner span:last-child{display:none}}
.password-output{padding:22px 20px;border:1px dashed #c9ccef;border-radius:12px;background:#fbfbfd;color:var(--primary);font:700 23px/1.45 Consolas,monospace;word-break:break-all;min-height:72px}.password-controls{display:flex;align-items:center;gap:28px;margin-top:22px}.password-controls .field{flex:1}.password-controls input[type=range]{min-height:auto;accent-color:var(--primary);padding:0}.checkbox-field{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;white-space:nowrap}.checkbox-field input{accent-color:var(--primary)}.bmi-result{display:flex;align-items:baseline;gap:12px;margin-top:20px;padding:18px;border-radius:10px;background:var(--primary-light);color:var(--primary);font-size:15px}.bmi-result strong{font-size:34px;line-height:1}.bmi-result span{font-weight:700}@media(max-width:760px){.password-controls{display:block}.checkbox-field{margin-top:17px}}
.markdown-workbench{display:grid;grid-template-columns:1fr 1fr;gap:18px}.markdown-preview{min-height:250px;padding:14px 18px;border:1px solid var(--border);border-radius:10px;background:#fbfbfd;overflow:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{line-height:1.3;margin-top:0}.markdown-preview h1{font-size:25px}.markdown-preview h2{font-size:21px}.markdown-preview code{padding:2px 5px;border-radius:4px;background:var(--primary-light);color:var(--primary)}.markdown-preview pre{padding:13px;border-radius:8px;background:#202439;color:#f2f3fa;overflow:auto}.markdown-preview blockquote{border-left:3px solid var(--primary);padding-left:12px;color:var(--muted)}@media(max-width:760px){.markdown-workbench{grid-template-columns:1fr}}
.generic-status{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:12px;background:var(--primary-light);margin-bottom:22px;color:var(--primary)}.generic-status strong{display:block}.generic-status p{margin:3px 0 0;color:var(--muted);font-size:13px}.status-dot{width:9px;height:9px;flex:none;margin-top:8px;border-radius:50%;background:#e3a626;box-shadow:0 0 0 4px rgba(227,166,38,.15)}
.tool-card[hidden]{display:none!important}
.functional-page .workbench>.button{margin-top:18px}.field select,.color-values input{width:100%;height:52px;padding:0 13px;border:1px solid var(--border);border-radius:10px;outline:none;background:#fbfbfd;color:var(--text);font:inherit}.field.compact{margin:20px 0}.field.compact input{min-height:auto;padding:0;accent-color:var(--primary)}.spaced{margin:13px 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.result-box,.diff-result{display:block;white-space:pre-wrap;margin-top:20px;padding:18px;border:1px solid var(--border);border-radius:10px;background:#fbfbfd;color:var(--text);min-height:74px;font:14px/1.75 Consolas,"Microsoft YaHei",monospace}.result-link{display:block;width:max-content;margin-top:10px;color:var(--primary);font-weight:700}.upload-zone{display:flex;align-items:center;justify-content:center;min-height:120px;border:1px dashed #b7bbe0;border-radius:12px;background:var(--primary-light);color:var(--primary);font-weight:700;cursor:pointer;margin-bottom:18px}.upload-zone input{max-width:240px;margin-left:16px}.image-result{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-height:180px;margin:20px 0;padding:16px;border:1px dashed var(--border);border-radius:12px;background:#fbfbfd;color:var(--muted)}.image-result img{max-width:100%;max-height:420px}.color-swatch{width:130px;height:100px;border:0;border-radius:10px;padding-top:60px;color:#fff;font-weight:800;text-shadow:0 1px 3px #000;background:var(--primary);cursor:pointer}.color-picker-layout{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:stretch}.color-picker-layout>input[type=color]{width:180px;height:180px;border:0;padding:0;background:transparent;cursor:pointer}.color-preview{min-height:180px;border-radius:12px}.color-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.color-values label{color:var(--muted);font-size:12px}.color-values input{display:block;margin-top:6px}.segmented{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.segmented button{border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:var(--primary-light);color:var(--primary);cursor:pointer}.dark .field select,.dark .color-values input,.dark .result-box,.dark .diff-result,.dark .image-result{background:#191a28}@media(max-width:760px){.form-grid,.form-grid.three,.color-picker-layout,.color-values{grid-template-columns:1fr}.color-picker-layout>input[type=color]{width:100%}.color-preview{min-height:120px}}