:root{--bg:#f5f5f7;--bg-soft:#fbfbfd;--surface:rgba(255,255,255,.82);--surface-strong:rgba(255,255,255,.92);--text:#1d1d1f;--muted:#6e6e73;--line:rgba(29,29,31,.08);--line-strong:rgba(29,29,31,.12);--primary:#0071e3;--primary-hover:#0077ed;--primary-soft:rgba(0,113,227,.08);--chip:rgba(29,29,31,.04);--success-bg:rgba(46,184,92,.12);--success-text:#17733a;--warn-bg:rgba(255,149,0,.12);--warn-text:#b86d00;--danger-bg:rgba(255,59,48,.12);--danger-text:#b42318;--shadow-1:0 8px 24px rgba(0,0,0,.06);--shadow-2:0 18px 50px rgba(0,0,0,.08);--radius-hero:34px;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--maxw:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(0,113,227,.08),transparent 24%),radial-gradient(circle at 90% 0%,rgba(90,90,255,.05),transparent 18%),linear-gradient(180deg,#fff 0%,#f8f8fa 38%,#f5f5f7 100%);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(var(--maxw),calc(100% - 32px));margin:0 auto}.glass{background:var(--surface);border:1px solid rgba(255,255,255,.75);backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);box-shadow:var(--shadow-2)}.site-header{padding-top:18px}.header-bar{min-height:72px;border-radius:24px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-wrap{display:flex;align-items:center;gap:14px;min-width:0}.header-badges{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.lang-switch-wrap{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.lang-label{font-size:12px;color:#5f6672;white-space:nowrap}.lang-switch{min-height:34px;border-radius:999px;border:1px solid rgba(29,29,31,.16);background:rgba(255,255,255,.95);padding:0 12px;font-size:12px;color:#2a2e35;outline:0}.header-badge{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border-radius:999px;background:rgba(0,113,227,.12);border:1px solid rgba(0,113,227,.22);color:#174f9d;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.header-badge svg{width:15px;height:15px;flex:0 0 auto}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:700;background:linear-gradient(135deg,#0a84ff 0%,#5e5ce6 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 20px rgba(10,132,255,.18)}.brand-name{font-size:16px;font-weight:700;letter-spacing:-.02em}.brand-sub{margin-top:3px;color:var(--muted);font-size:12px}.header-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.header-nav a{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;color:#3a3a3c;font-size:14px;transition:all .2s ease}.header-nav a:hover{background:rgba(29,29,31,.05)}.hero{padding:24px 0 26px}.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:stretch}.hero-main,.hero-side{border-radius:var(--radius-hero);padding:38px}.tag{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--primary-soft);border:1px solid rgba(0,113,227,.08);color:var(--primary);font-size:13px;font-weight:600;letter-spacing:-.01em;margin-bottom:18px}.hero h1{margin:0;font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.05em;font-weight:700;max-width:760px}.hero p{margin:18px 0 0;max-width:760px;color:#52525a;font-size:17px;line-height:1.88;letter-spacing:-.01em}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all .22s ease}.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.btn-primary{background:linear-gradient(135deg,#0071e3 0%,#0a84ff 100%);color:#fff;box-shadow:0 12px 24px rgba(0,113,227,.26)}.btn-primary:hover{background:linear-gradient(135deg,#0077ed 0%,#1890ff 100%);transform:translateY(-1px)}.btn-primary:disabled,.btn-primary.is-cooldown{opacity:.72;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:rgba(255,255,255,.96);border-color:rgba(29,29,31,.14);color:#2d2d32}.btn-secondary:hover{background:#fff;border-color:rgba(0,113,227,.28);transform:translateY(-1px)}.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.trust-item{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(29,29,31,.04);border:1px solid rgba(29,29,31,.04);color:#3a3a3c;font-size:13px;font-weight:500}.trust-item svg,.feature-icon svg,.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.panel{padding:18px 0;border-bottom:1px solid var(--line)}.panel:first-child{padding-top:0}.panel:last-child{border-bottom:0;padding-bottom:0}.panel h4{margin:0 0 12px;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:-.01em}.row-label{display:inline-flex;align-items:center;gap:7px}.row-label svg{width:14px;height:14px;stroke:#416aa6;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:var(--muted);font-size:15px}.stat-row strong{color:var(--text);font-size:18px;font-weight:700;letter-spacing:-.02em}.mini-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.mini-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;background:rgba(29,29,31,.04);color:#424245;font-size:13px;border:1px solid rgba(29,29,31,.04)}.preview-card{border-radius:24px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(250,250,252,.96));border:1px solid rgba(29,29,31,.06);box-shadow:var(--shadow-1);margin-top:18px}.preview-meta{display:grid;gap:14px}.preview-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.03em}.preview-desc{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.code-preview{border-radius:18px;background:#0f172a;color:#dbeafe;padding:18px;font-size:13px;line-height:1.8;overflow:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.code-preview .accent{color:#7dd3fc}.code-preview .accent2{color:#86efac}.code-preview .accent3{color:#f9a8d4}.ad-hero{margin:14px 0 30px;min-height:140px;display:flex;align-items:center;justify-content:center}.ad-banner{border-radius:28px;padding:28px 28px 24px;background:rgba(255,255,255,.98);border:1px solid rgba(18,26,42,.08);box-shadow:0 12px 30px rgba(18,26,42,.06);text-align:center;color:var(--muted)}.ad-banner-inner{width:100%;max-width:920px}.ad-label{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;background:rgba(0,113,227,.08);color:var(--primary);font-size:12px;font-weight:700;margin-bottom:10px}.ad-banner .ad-label{min-height:24px;padding:0 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(18,26,42,.05);border:1px solid rgba(18,26,42,.08);color:#4a5363}.ad-title{margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:700;letter-spacing:-.03em;color:var(--text)}.ad-desc{margin:14px 0 0;font-size:14px;line-height:1.75;color:var(--muted)}.flow-track{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:center}.flow-step{min-height:92px;padding:10px 6px;display:grid;align-content:start;gap:6px;background:transparent;border:0}.flow-head{display:flex;align-items:center;justify-content:center;gap:10px;color:#445069;font-size:14px;font-weight:700}.flow-index{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#314258;border:1px solid rgba(18,26,42,.14);font-size:12px;font-weight:700;line-height:1}.flow-name{color:#1d1d1f;font-size:18px;font-weight:700;letter-spacing:-.015em}.flow-hint{color:#72757e;font-size:13px;line-height:1.65}.recharge-section{padding:8px 0 18px}.recharge-box-main{border-radius:30px;padding:24px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.section-title h2{margin:0;font-size:31px;font-weight:700;letter-spacing:-.04em}.section-title span{color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}.compliance-note{display:flex;align-items:flex-start;gap:10px;border-radius:16px;padding:13px 14px;margin-bottom:14px;background:rgba(0,113,227,.08);border:1px solid rgba(0,113,227,.16);color:#214f90}.compliance-note svg{width:17px;height:17px;flex:0 0 auto;margin-top:2px}.compliance-note strong{display:block;font-size:13px;margin-bottom:4px}.compliance-note span{display:block;font-size:13px;line-height:1.7;color:#345f9f}.field-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:700;color:#2f3852;letter-spacing:.01em}.field-label svg{width:16px;height:16px;stroke:#2a66ba;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.input,.textarea{width:100%;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.92);color:var(--text);outline:0;transition:all .22s ease}.input{min-height:56px;padding:0 18px}.sn-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.sn-check-btn{min-height:56px;padding:0 18px;white-space:nowrap}.textarea{min-height:260px;padding:18px;resize:vertical;line-height:1.7}.input::placeholder,.textarea::placeholder{color:#8f8f94}.input:focus,.textarea:focus{border-color:rgba(0,113,227,.34);box-shadow:0 0 0 4px rgba(0,113,227,.12);background:#fff}.action-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px}.token-parse-box{margin-top:12px;border-radius:18px;border:1px solid rgba(29,29,31,.08);background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);padding:14px}.token-parse-title{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--primary);letter-spacing:.01em}.token-parse-title svg{width:14px;height:14px;margin-right:6px;vertical-align:-2px;stroke:currentColor}.token-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.token-status-desc{font-size:12px;color:var(--muted)}.token-status-badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.token-status-badge svg{width:13px;height:13px;flex:0 0 auto}.token-status-ok{background:var(--success-bg);color:var(--success-text)}.token-status-warn{background:var(--warn-bg);color:var(--warn-text)}.token-status-error{background:var(--danger-bg);color:var(--danger-text)}.token-parse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.token-parse-item{padding:8px 10px;border-radius:12px;border:1px solid rgba(29,29,31,.06);background:rgba(255,255,255,.9)}.token-parse-k{margin:0;font-size:12px;color:var(--muted)}.token-parse-v{margin:4px 0 0;font-size:13px;font-weight:600;color:var(--text);word-break:break-all}.token-parse-empty{color:var(--muted);font-size:13px;line-height:1.75}.token-parse-error{color:#a9313b;font-size:13px;font-weight:600;line-height:1.75}.overwrite-option{margin-top:10px;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;background:rgba(0,113,227,.08);border:1px solid rgba(0,113,227,.18);color:#1e4f93;font-size:13px;font-weight:600;cursor:pointer;user-select:none}.overwrite-option input[type="checkbox"]{width:15px;height:15px;margin:0;accent-color:#0071e3;cursor:pointer}.tips-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.tip-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:14px;background:var(--chip);color:#3a3a3c;font-size:14px;line-height:1.5;border:1px solid transparent}.tip-chip svg{width:14px;height:14px;flex:0 0 auto}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 0;color:#4e5665;font-size:14px;padding:12px 14px;border-radius:14px;background:rgba(0,113,227,.05);border:1px solid rgba(0,113,227,.14)}.status-bar strong{color:var(--text)}.status-main{display:inline-flex;align-items:center;gap:7px}.status-main svg{width:15px;height:15px;stroke:#416aa6;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.status-dot{width:8px;height:8px;border-radius:50%;background:#7b879b;box-shadow:0 0 0 3px rgba(123,135,155,.14)}.status-dot.pending{background:#7b879b;box-shadow:0 0 0 3px rgba(123,135,155,.14)}.status-dot.processing{background:#1f70df;box-shadow:0 0 0 3px rgba(31,112,223,.18)}.status-dot.success{background:#22a864;box-shadow:0 0 0 3px rgba(34,168,100,.18)}.status-dot.error{background:#d03f4d;box-shadow:0 0 0 3px rgba(208,63,77,.18)}.result-wrap{display:none;margin-top:22px}.result-wrap.show{display:block}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-summary-card{max-width:760px;margin:0 auto}.result-summary-card .card-top>div{min-width:0}.result-summary-card .title-with-icon{white-space:nowrap}.result-simple-list{grid-template-columns:repeat(2,minmax(0,1fr))}.result-simple-list.single-item{grid-template-columns:1fr}.result-simple-list .feature-item{min-height:84px}.card{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:24px;background:var(--surface-strong);border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow-1);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}.card::after{content:"";position:absolute;right:-40px;top:-38px;width:120px;height:120px;background:radial-gradient(circle,rgba(0,113,227,.08),transparent 68%);pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.card-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.03em}.title-with-icon{display:inline-flex;align-items:center;gap:10px}.card-sub{margin-top:6px;color:var(--muted);font-size:14px}.badge{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warn{background:var(--warn-bg);color:var(--warn-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.feature-list{display:grid;gap:12px}.feature-item{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start;border-radius:20px;padding:16px;background:rgba(29,29,31,.03);border:1px solid rgba(29,29,31,.06)}.feature-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(0,113,227,.1);color:var(--primary)}.feature-name{margin:0;font-size:16px;font-weight:700;letter-spacing:-.02em}.feature-desc{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.75;word-break:break-word}.json-view{margin:0;border-radius:20px;padding:18px;background:#0f172a;color:#dbeafe;font-size:13px;line-height:1.75;overflow:auto;max-height:420px}.helper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 30px}.helper-card{border-radius:22px;padding:18px 20px 20px;background:rgba(255,255,255,.98);border:1px solid rgba(18,26,42,.08);box-shadow:0 10px 22px rgba(18,26,42,.05);min-height:188px;display:flex;flex-direction:column;position:relative;overflow:hidden}.helper-card::after{display:none}.helper-card .ad-label{min-height:20px;padding:0;background:transparent;border:0;color:#8a90a0;font-size:11px;letter-spacing:.12em;margin:2px 0 10px;align-self:flex-start}.helper-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:8px;background:rgba(18,26,42,.04);color:#2b3f5f;border:1px solid rgba(18,26,42,.1)}.helper-icon svg{width:18px;height:18px;stroke:currentColor}.helper-card h4{margin:0 0 8px;font-size:17px;letter-spacing:-.02em;min-height:44px;line-height:1.35}.helper-card p{margin:0;color:#666e7d;line-height:1.8;font-size:14px;flex:1}.helper-card a{color:#1e4f93;text-decoration:underline;text-underline-offset:3px}.safety-list{display:grid;gap:10px}.safety-item{display:flex;align-items:flex-start;gap:10px;border-radius:14px;padding:12px 13px;background:rgba(0,113,227,.07);border:1px solid rgba(0,113,227,.14)}.safety-item svg{width:16px;height:16px;margin-top:2px;color:#1f5fb1}.safety-item strong{display:block;color:#214b8a;font-size:13px;margin-bottom:2px}.safety-item span{display:block;color:#4f617f;font-size:13px;line-height:1.65}.btn svg,.header-badge svg,.trust-item svg,.row-label svg,.field-label svg,.token-parse-title svg,.tip-chip svg,.status-main svg,.title-with-icon svg,.helper-icon svg,.feature-icon svg,.token-status-badge svg,.compliance-note svg,.safety-item svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.85;stroke:currentColor;fill:none}footer{padding:0 0 46px;color:var(--muted);text-align:center;font-size:14px}@media(max-width:1024px){.hero-inner,.result-grid,.helper-grid{grid-template-columns:1fr}}@media(max-width:860px){.header-bar{flex-direction:column;align-items:flex-start}.lang-switch-wrap{margin-left:0}.tips-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.container{width:min(100% - 20px,var(--maxw))}.hero{padding-top:28px}.hero-main,.hero-side,.recharge-box-main{padding:22px}.hero h1{font-size:34px}.status-bar,.action-row{flex-direction:column;align-items:stretch}.btn{width:100%}.token-parse-grid{grid-template-columns:1fr}.sn-input-row{grid-template-columns:1fr}.sn-check-btn{width:100%}.token-status-row{flex-direction:column;align-items:flex-start}.tips-row{grid-template-columns:1fr}.flow-track{grid-template-columns:1fr;gap:8px}.result-simple-list{grid-template-columns:1fr}.header-badges{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.header-badge{justify-content:center}.header-badge:last-child{grid-column:1/-1}}