:root{--bg: #f7f8fa;--surface: #ffffff;--text: #1c1f26;--text-dim: #5b6472;--border: #e3e6ea;--accent: #2563eb;--accent-text: #ffffff;--accent-soft: #eaf1fe;--code-bg: #f1f3f6;--shadow: 0 1px 3px rgba(16, 24, 40, .07);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #14161a;--surface: #1d2026;--text: #e8eaee;--text-dim: #9aa3af;--border: #2e323a;--accent: #4c8dff;--accent-text: #0d1117;--accent-soft: #1e2a41;--code-bg: #23262d;--shadow: 0 1px 3px rgba(0, 0, 0, .4);color-scheme:dark}}:root[data-theme=dark]{--bg: #14161a;--surface: #1d2026;--text: #e8eaee;--text-dim: #9aa3af;--border: #2e323a;--accent: #4c8dff;--accent-text: #0d1117;--accent-soft: #1e2a41;--code-bg: #23262d;--shadow: 0 1px 3px rgba(0, 0, 0, .4);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}code,textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.wrap{max-width:1000px;margin:0 auto;padding:0 16px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}.brand{display:inline-flex;align-items:center;font-weight:700;font-size:18px;color:var(--text);text-decoration:none;letter-spacing:-.2px;white-space:nowrap}.brand-mark{width:22px;height:22px;margin-right:8px;border-radius:6px}.brand-tld{color:var(--accent)}.header-tools{display:flex;align-items:center;gap:8px}.tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;cursor:pointer;user-select:none;list-style:none}.tool-btn:hover{border-color:var(--accent)}.ic{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lang-menu{position:relative}.lang-menu summary::-webkit-details-marker{display:none}.lang-list{position:absolute;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);min-width:160px;max-height:60vh;overflow-y:auto;z-index:30}.lang-list a{display:block;padding:7px 10px;border-radius:6px;color:var(--text);text-decoration:none;font-size:14px;white-space:nowrap}.lang-list a:hover{background:var(--accent-soft)}.lang-list a.current{color:var(--accent);font-weight:600}.hero{padding:40px 0 8px}.hero-title-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.hero-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-icon:empty{display:none}.hero-icon svg{width:32px;height:32px}.hero-text{min-width:0}.hero h1{margin:0 0 3px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim)}.ua-headline{margin:0;font-size:27px;font-weight:700;letter-spacing:-.4px;line-height:1.25;overflow-wrap:anywhere}.ua-headline strong{color:var(--accent)}.hl-meta{display:block;font-size:14px;font-weight:400;letter-spacing:0;color:var(--text-dim);margin-top:2px}.ua-box{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:16px}.ua-box textarea{background:var(--code-bg);border:1px solid transparent;font-size:14px;line-height:1.55;word-break:break-all;overflow:hidden;resize:none}.ua-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.ua-note{font-size:13px;color:var(--text-dim);margin-right:auto}button.ghost{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;font-weight:600;padding:9px 16px;cursor:pointer;white-space:nowrap}button.ghost:hover{border-color:var(--accent)}.ua-box .samples{margin-top:0}button.primary{border:none;border-radius:8px;background:var(--accent);color:var(--accent-text);font-size:14px;font-weight:600;padding:10px 18px;cursor:pointer;align-self:center;white-space:nowrap}button.primary:hover{filter:brightness(1.08)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:14px 16px;min-width:0}.card-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--code-bg)}.card-icon svg{width:18px;height:18px}.card-icon svg.full-logo{width:30px;height:30px;border-radius:9px}.hero-icon svg.full-logo{width:44px;height:44px;border-radius:13px}.chip svg.full-logo{width:17px;height:17px;border-radius:5px}.stroke-ic{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.row-ic{width:14px;height:14px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;margin-right:8px}.letter-badge{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;font-size:15px;font-weight:700;color:var(--accent)}.card-title{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.card-main{margin:0 0 2px;font-size:20px;font-weight:700;overflow-wrap:anywhere}.card-sub{margin:0;font-size:13px;color:var(--text-dim);overflow-wrap:anywhere}.card-sub .k{opacity:.75}.section{padding:26px 0 4px}.section h2{margin:0 0 4px;font-size:21px;letter-spacing:-.2px}.sec-head{display:flex;align-items:center;gap:9px}.sec-ic{flex:none;width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.section-sub{margin:0 0 14px;color:var(--text-dim);font-size:14px}.hint-note{opacity:.85}.muted{color:var(--text-dim)}.table-wrap{overflow-x:auto;scrollbar-width:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.table-wrap::-webkit-scrollbar{display:none}.token-table{width:100%;border-collapse:collapse;min-width:560px;font-size:14px}.token-table th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.token-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.token-table tr:last-child td{border-bottom:none}.token-table td:first-child{width:38%}.frag{display:inline-block;max-width:100%;background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:3px 9px;font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}.token-table tr.in-group td:first-child{padding-left:30px}.token-table tr.in-group .frag{background:var(--accent-soft);border-color:transparent}textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5;resize:vertical}textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.samples{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-top:14px}.samples-label{flex:none;font-size:12px;color:var(--text-dim);line-height:26px}#sampleChips{display:inline-flex;flex-wrap:wrap;gap:8px}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:12px;cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--accent);background:var(--accent-soft)}.chip svg{width:15px;height:15px}.chip .letter-badge{width:16px;height:16px;border-radius:50%;background:var(--accent-soft);font-size:10px}.hints-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow)}.hints-wrap{overflow-x:auto;scrollbar-width:none;border:1px solid var(--border);border-radius:12px}.hints-wrap::-webkit-scrollbar{display:none}.hints-table td{padding:9px 14px;border-bottom:1px solid var(--border);vertical-align:top}.hints-table tr:last-child td{border-bottom:none}.hints-table td:first-child{width:34%;color:var(--text-dim);white-space:nowrap}.hints-table td:last-child{overflow-wrap:anywhere}.about p{color:var(--text-dim);font-size:15px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:0 16px}.faq-item summary{cursor:pointer;font-weight:600;font-size:15px;padding:12px 0;list-style-position:inside}.faq-item p{margin:0;padding:0 0 14px;color:var(--text-dim);font-size:14px}.site-footer{margin-top:36px;border-top:1px solid var(--border);padding:18px 0 28px;font-size:13px;color:var(--text-dim)}.site-footer a{color:var(--text-dim)}@media (max-width: 820px){.cards{grid-template-columns:repeat(2,1fr)}.hero{padding-top:26px}.ua-headline{font-size:21px}.ua-note{margin-left:0;flex-basis:100%}.samples{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.samples::-webkit-scrollbar{display:none}#sampleChips{flex-wrap:nowrap}.samples-label{line-height:normal}.token-table{min-width:0}.token-table td:first-child{width:42%}#themeText{display:none}}@media (max-width: 430px){.cards{grid-template-columns:1fr}}