:root{--bg: #f5f5f7;--text: #020617;--muted: #6b7280;--border: #e5e7eb;--card-bg: #ffffff;--tab-bg: #e5e7eb;--tab-border: #e5e7eb;--tab-active-bg: #ffffff;--tab-active-text: #111827;--accent: #3b82f6;--accent-soft: #eff6ff;--danger: #b91c1c}[data-theme=dark]{--bg: #020617;--text: #e5e7eb;--muted: #9ca3af;--border: #1f2937;--card-bg: #020617;--tab-bg: #111827;--tab-border: #1f2937;--tab-active-bg: #111827;--tab-active-text: #f9fafb;--accent: #60a5fa;--accent-soft: rgba(37, 99, 235, .22);--danger: #fca5a5}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.app-root{min-height:100vh;max-width:960px;margin:0 auto;padding:1.75rem 1.25rem 1.5rem;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:.75rem}.app-header-left{display:flex;align-items:center;gap:.35rem;font-size:.95rem;color:var(--muted)}.app-brand{font-weight:600;color:var(--text)}.app-brand-separator{color:#9ca3af}.app-brand-sub{color:var(--muted)}.app-header-right{display:flex;align-items:center;gap:.5rem}.theme-toggle{border-radius:9999px;border:1px solid var(--border);background:var(--card-bg);color:var(--muted);padding:.3rem .8rem;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background .15s ease,border-color .15s ease,transform .05s ease}.theme-toggle:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px)}.lang-toggle{display:inline-flex;padding:2px;border-radius:9999px;border:1px solid var(--border);background:var(--card-bg)}.lang-pill{border:none;background:transparent;padding:.25rem .7rem;font-size:.8rem;color:var(--muted);border-radius:9999px;cursor:pointer;transition:background .15s ease,color .15s ease}.lang-pill-active{background:var(--accent-soft);color:var(--accent)}.app-main{flex:1}.app-footer{margin-top:2rem;font-size:.78rem;color:var(--muted);border-top:1px solid var(--border);padding-top:.75rem}.tab-bar{display:inline-flex;align-self:flex-start;border-radius:9999px;padding:2px;background:var(--tab-bg);border:1px solid var(--tab-border);margin-bottom:1.25rem}.tab-button{border:none;background:transparent;color:var(--muted);font-size:.9rem;padding:.4rem 1.4rem;border-radius:9999px;cursor:pointer;transition:background .16s ease,color .16s ease}.tab-button-active{background:var(--tab-active-bg);color:var(--tab-active-text);box-shadow:0 1px 3px #0f172a1f}.card{background:var(--card-bg);border-radius:16px;padding:1.1rem 1.4rem;border:1px solid var(--border);box-shadow:0 10px 30px #0f172a0f;max-width:640px;margin:0 auto}.card-header{margin-bottom:.9rem}.card-title{margin:0;font-size:1.25rem;letter-spacing:-.02em}.card-subtitle{margin:.3rem 0 0;font-size:.9rem;color:var(--muted)}.card-body{margin-top:.4rem}.btn{border-radius:9999px;border:none;padding:.55rem 1.4rem;font-size:.9rem;cursor:pointer;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}.btn-primary{background:var(--accent);color:#f9fafb;box-shadow:0 8px 18px #2563eb59}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:var(--card-bg);color:var(--text);border-radius:9999px;border:1px solid var(--border)}.btn-secondary:hover{background:var(--accent-soft)}.form{display:flex;flex-direction:column;gap:.9rem}.inline-form{flex-direction:row;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-label{font-size:.85rem;color:var(--muted);display:flex;flex-direction:column;gap:.3rem}.input{border-radius:10px;border:1px solid var(--border);background:#f9fafb;color:var(--text);padding:.45rem .7rem;font-size:.9rem}[data-theme=dark] .input{background:#020617}.input::placeholder{color:#a1a1aa}.input:focus{outline:2px solid rgba(59,130,246,.6);outline-offset:1px}.form-actions{margin-top:.2rem}.provider-toggle{display:flex;flex-wrap:wrap;gap:.5rem}.provider-option{border:1px solid var(--border);background:var(--card-bg);padding:.35rem .9rem;font-size:.85rem;color:var(--muted);border-radius:9999px;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease}.provider-option-active{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px #3b82f64d}.provider-icon{width:22px;height:22px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.provider-icon-alipay{background:#1677ff}.provider-icon-wechat{background:#07c160}.provider-text{display:flex;flex-direction:column}.provider-label-en{font-size:.86rem}.info-row{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.info-label{font-size:.82rem;color:var(--muted);min-width:110px}.info-value{font-size:.95rem}.code-pill{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.25rem .6rem;background:#f9fafb;border-radius:9999px;border:1px solid var(--border);font-size:.8rem;word-break:break-all}[data-theme=dark] .code-pill{background:#020617}.code-block{display:block;margin-top:.3rem;padding:.6rem .75rem;background:#f9fafb;border-radius:10px;border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;word-break:break-all}[data-theme=dark] .code-block{background:#020617}.link-block{display:inline-block;margin-top:.35rem;padding:.45rem .75rem;border-radius:9999px;background:#f9fafb;border:1px solid var(--border);color:var(--text);font-size:.8rem;text-decoration:none;word-break:break-all}.link-block:hover{background:var(--accent-soft)}.qr-card{display:inline-flex;padding:.7rem;border-radius:12px;background:var(--card-bg);box-shadow:0 8px 24px #0f172a1f}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.summary-card{background:#f9fafb;border-radius:12px;padding:.75rem .9rem;border:1px solid var(--border)}[data-theme=dark] .summary-card{background:#020617}.summary-label{font-size:.8rem;color:var(--muted)}.summary-value{font-size:1.05rem;margin-top:.25rem}.table-wrapper{margin-top:.5rem;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.8rem}.table th,.table td{padding:.45rem .55rem;border-bottom:1px solid var(--border);text-align:left}.table th{font-weight:600;color:var(--muted)}.section-title{margin:0;font-size:1rem}.hint{font-size:.8rem;color:var(--muted)}.text-error{color:var(--danger);font-size:.85rem}.text-accent{color:var(--accent)}.mt-sm{margin-top:.35rem}.mt-md{margin-top:.6rem}.mt-lg{margin-top:1.1rem}.mt-sm-inline{margin-top:.6rem}.flex-1{flex:1}@media(max-width:720px){.tab-bar{width:100%;justify-content:space-between}.tab-button{flex:1;text-align:center}}@media(max-width:640px){.inline-form{flex-direction:column;align-items:stretch}.mt-sm-inline{margin-top:.3rem}}.api-key-wrapper{position:relative;margin-top:.25rem}.code-pill-full{display:block;padding-right:3.25rem}.btn-copy-icon{position:absolute;top:4px;right:8px;border:none;background:transparent;color:var(--accent);font-size:.75rem;padding:.1rem .2rem;cursor:pointer}.btn-copy-icon:hover{text-decoration:underline}.toast{position:fixed;left:16px;right:16px;bottom:16px;margin:0 auto;max-width:320px;padding:.6rem .9rem;border-radius:9999px;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0f172a3d;z-index:40}.toast-success{background:var(--accent-soft);color:var(--accent)}