:root{--accent: #2f6bff;--accent-ink: #ffffff;--accent-soft: #e8efff;--bg: #f4f6fb;--card: #ffffff;--ink: #141a26;--ink-2: #5a6577;--ink-3: #9aa4b5;--line: #e6eaf2;--danger: #e5484d;--ok: #18a05b;--radius: 18px;--radius-s: 12px;--shadow: 0 10px 30px rgba(20, 30, 60, .1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Segoe UI", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;overscroll-behavior-y:none}#root{max-width:520px;margin:0 auto;min-height:100dvh;position:relative}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;touch-action:manipulation}input,select{font-family:inherit;font-size:15px}.app{min-height:100dvh;padding-bottom:calc(var(--safe-bottom) + 16px)}.screen{display:flex;flex-direction:column;min-height:100dvh;padding-top:calc(var(--safe-top) + 4px)}.appbar{display:flex;align-items:center;gap:10px;padding:10px 16px 8px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.appbar-title{font-size:18px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--card);color:var(--ink);box-shadow:0 2px 8px #141e3c14;flex:none}.icon-btn:active{transform:scale(.94)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 18px;font-size:15px;font-weight:600;transition:transform .08s ease,opacity .15s;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px #2f6bff4d}.btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--card);border:1.5px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:all .15s}.chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--line),0 3px 8px #141e3c26;flex:none}.swatch.active{box-shadow:0 0 0 2.5px var(--accent),0 3px 8px #141e3c33}.card{background:var(--card);border-radius:var(--radius);padding:14px;box-shadow:0 2px 12px #141e3c0d}.slider-row{display:flex;align-items:center;gap:12px;padding:9px 0}.slider-row label{width:64px;font-size:13px;color:var(--ink-2);flex:none}.slider-row input[type=range]{flex:1;appearance:none;-webkit-appearance:none;height:4px;border-radius:4px;background:var(--line);outline:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 1px 6px #2f6bff73}.slider-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid #fff}.slider-val{width:44px;text-align:right;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.sheet-mask{position:fixed;inset:0;background:#0a101e73;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:mask-in .2s ease}.sheet{width:100%;max-width:520px;max-height:82dvh;background:var(--bg);border-radius:22px 22px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:sheet-up .24s cubic-bezier(.2,.9,.3,1);padding-bottom:calc(var(--safe-bottom) + 10px)}.sheet-handle{width:40px;height:4px;border-radius:4px;background:#d5dbe6;margin:10px auto 4px;flex:none}.sheet-title{font-size:16px;font-weight:700;text-align:center;padding:6px 16px 10px}.sheet-body{overflow-y:auto;padding:8px 16px;-webkit-overflow-scrolling:touch}@keyframes mask-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-wrap{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 26px);transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:#141a26eb;color:#fff;padding:10px 18px;border-radius:999px;font-size:13.5px;max-width:86vw;animation:toast-in .22s ease;box-shadow:var(--shadow)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.seg{display:flex;background:#e9edf5;border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;padding:8px 6px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ink-2);transition:all .15s}.seg button.active{background:#fff;color:var(--ink);box-shadow:0 1px 6px #141e3c1f}.group-title{font-size:13px;font-weight:700;color:var(--ink-3);margin:14px 2px 8px;letter-spacing:.02em}.hscroll{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.empty-tip{text-align:center;color:var(--ink-3);padding:48px 20px;font-size:14px;line-height:1.7}.spinner{width:34px;height:34px;border-radius:50%;border:3.5px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mono{font-variant-numeric:tabular-nums}.hero-banner{background:linear-gradient(120deg,#2f6bff,#5b8dff 55%,#7ea8ff);border-radius:20px;padding:18px 18px 16px;color:#fff;position:relative;overflow:hidden}.hero-emoji{position:absolute;right:-24px;top:-26px;opacity:.22;font-size:120px;transform:rotate(14deg);pointer-events:none}.hero-title{font-weight:800;font-size:17px}.hero-sub{opacity:.9;font-size:12.5px;margin-top:5px;line-height:1.6}.hero-chips{display:flex;gap:6px;margin-top:10px;font-size:11px}.hero-chip{background:#fff3;border-radius:999px;padding:4px 10px;white-space:nowrap}.preload-strip{margin-top:12px;display:flex;align-items:center;gap:10px}.preload-bar{flex:1;height:5px;border-radius:4px;background:#ffffff40;overflow:hidden}.preload-bar i{display:block;height:100%;border-radius:4px;background:#fff;transition:width .25s ease}.preload-text{font-size:11px;white-space:nowrap;opacity:.95}.preload-ready{margin-top:12px;font-size:12px;background:#ffffff2e;border-radius:999px;padding:5px 12px;display:inline-block}.preload-err{margin-top:12px;font-size:12px;background:#e5484d47;border-radius:999px;padding:5px 12px;display:inline-block}.page-pad{padding:2px 16px 26px}.acc{margin-top:12px}.acc-head{width:100%;display:flex;align-items:center;gap:8px;padding:12px 4px 8px;font-size:13px;font-weight:700;color:var(--ink-3);letter-spacing:.02em}.acc-name{flex:1;text-align:left;min-width:0}.acc-count{font-size:11px;font-weight:600;color:var(--ink-3);background:#e9edf5;border-radius:999px;padding:2px 8px}.acc-chev{display:inline-flex;color:var(--ink-3);transition:transform .18s ease}.acc-chev.open{transform:rotate(90deg)}.acc-body{animation:acc-in .18s ease}@keyframes acc-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tpl-grid{display:grid;grid-template-columns:repeat(3,1fr)}.tpl-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 13px;margin:5px;box-shadow:0 2px 10px #141e3c0f;min-height:78px}.tpl-name{font-weight:700;font-size:14.5px}.tpl-mm{font-size:11.5px;color:var(--ink-3)}.tpl-bg{font-size:11px;color:var(--accent)}.privacy-card{margin-top:16px;padding:13px 14px;display:flex;align-items:center;gap:12px}.privacy-title{font-weight:700;font-size:13.5px}.privacy-sub{font-size:12px;color:var(--ink-3);margin-top:2px}.custom-inputs{display:flex;align-items:flex-end;gap:10px;padding:10px 0}.custom-field{flex:1;min-width:0;padding:10px;display:flex;flex-direction:column;gap:4px}.custom-label{font-size:12px;color:var(--ink-3)}.custom-input{border:none;outline:none;font-size:17px;font-weight:700;width:100%;background:transparent}.custom-x{font-size:20px;color:var(--ink-3);padding-bottom:10px}.custom-hint{font-size:12px;color:var(--ink-3);padding:0 2px 12px}.sheet-stack{display:flex;flex-direction:column;gap:12px;padding:4px 0}.tpl-preview{display:flex;align-items:center;gap:14px;background:var(--card);border-radius:16px;padding:14px;box-shadow:0 2px 12px #141e3c0d}.tpl-preview-svg{height:168px;max-width:58%;border-radius:8px;display:block}.tpl-preview-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--ink-2)}.tpl-preview-row{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}.tpl-preview-note{font-size:12px;color:var(--ink-3);line-height:1.6}.req-card{background:#f0f4ff;border:1px solid #dbe6ff;border-radius:14px;padding:12px 14px}.req-title{font-size:13px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:6px;margin-bottom:6px}.req-text{margin:0;font-size:13px;line-height:1.7;color:var(--ink)}.req-note{margin-top:8px;font-size:11px;color:var(--ink-3)}.hint-line{font-size:11.5px;color:var(--ink-3);line-height:1.7}.btn-sm{padding:8px 12px;font-size:12.5px}.col{display:flex;flex-direction:column}.row{display:flex}.gap-10>*+*{margin-top:10px}.gap-12>*+*{margin-top:12px}.flex-1{flex:1}