:root{--bg:#f1f3f8;--card:#fff;--text:#1c2430;--muted:#8a94a6;--brand:#e85d52;--brand-dark:#d44c42;--brand-soft:#fff0ee;--line:#e6ebf2;--ok:#1f9d66;--ok-soft:#e7f7ef;--error:#dc2626;--warn:#c2410c;--warn-soft:#fff7ed;--shadow:0 12px 32px #1c243012;--radius:16px;--radius-sm:12px;--radius-xs:10px;--font:"Segoe UI", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#app{background:radial-gradient(1100px 460px at 8% -8%, #e85d5221, transparent 55%), radial-gradient(900px 380px at 100% 0%, #34436212, transparent 48%), linear-gradient(180deg, #f7f8fb 0%, var(--bg) 42%);min-height:100%;color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:var(--brand);text-decoration:none;transition:color .15s}a:hover{color:var(--brand-dark)}button{font:inherit;cursor:pointer}input,button{outline:none}.shell{width:100%;min-height:100dvh}.page{width:100%;max-width:920px;padding:0 0 calc(48px + env(safe-area-inset-bottom,0px));margin:0 auto}.fade-up{animation:.45s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.subpage{padding:calc(28px + env(safe-area-inset-top,0px)) 16px calc(40px + env(safe-area-inset-bottom,0px));max-width:560px;min-height:100dvh;margin:0 auto}.subpage-title{text-align:center;letter-spacing:-.2px;margin:0 0 8px;font-size:24px;font-weight:700}.subpage-sub{text-align:center;color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.5}.u-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);padding:16px 18px 20px}.u-btn{background:linear-gradient(180deg, #f07268, var(--brand));color:#fff;border-radius:var(--radius-sm);border:none;width:100%;padding:12px;font-weight:700;transition:filter .15s,transform .15s,box-shadow .15s;box-shadow:0 8px 18px #e85d5240}.u-btn:hover{filter:brightness(1.03)}.u-btn:active{filter:brightness(.97);transform:translateY(1px)}.u-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.u-btn:focus-visible{outline-offset:2px;outline:2px solid #e85d5273}.u-btn-ghost{background:var(--brand-soft);width:100%;color:var(--brand);border-radius:var(--radius-sm);border:1px solid #e85d5259;padding:10px;font-weight:650;transition:background .15s,border-color .15s}.u-btn-ghost:hover{border-color:var(--brand);background:#ffe4e0}.u-btn-ghost:disabled{opacity:.55;cursor:not-allowed}.u-back{margin-top:16px;font-size:14px;font-weight:600;display:inline-block}.u-back:hover{text-decoration:underline}.u-input{border:1px solid var(--line);border-radius:var(--radius-xs);width:100%;color:var(--text);background:#fff;padding:12px 13px;font-size:16px;transition:border-color .15s,box-shadow .15s}.u-input::placeholder{color:#b0b8c6}.u-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #e85d5224}.u-form label,.form label{color:var(--muted);margin:0 0 6px;font-size:13px;font-weight:500;display:block}.u-form .u-input,.form .u-input{margin-bottom:14px}.err,.field-err{color:var(--error);margin:0 0 10px;font-size:13px}.field-err{margin-bottom:10px;font-size:12px}.u-pills{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.u-pill{border:1px solid var(--line);color:#64748b;background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.u-pill.on,.u-pill.is-active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 12px #e85d5238}.key-input{box-sizing:border-box;border-radius:var(--radius-xs);background:var(--ok-soft);width:100%;color:var(--ok);word-break:break-all;text-align:center;-webkit-user-select:all;user-select:all;border:1px dashed #86efac;margin:10px 0;padding:10px 8px;font-size:16px;font-weight:700;line-height:1.35;display:block}.switch-line{text-align:center;color:var(--muted);margin-top:18px;font-size:14px}.u-pager{justify-content:center;align-items:center;gap:12px;margin:4px 0 8px;display:flex}.u-pager button{border:1px solid var(--line);min-width:72px;height:36px;color:var(--text);background:#fff;border-radius:999px;padding:0 14px;font-size:13px;font-weight:650;transition:background .15s,border-color .15s,color .15s}.u-pager button:disabled{opacity:.4;cursor:not-allowed}.u-pager button:not(:disabled):hover{color:var(--brand);background:var(--brand-soft);border-color:#e85d5273}.u-pager .info{color:var(--muted);text-align:center;min-width:64px;font-size:13px;font-weight:600}@media (width>=768px){.subpage{padding:calc(44px + env(safe-area-inset-top,0px)) 28px calc(48px + env(safe-area-inset-bottom,0px))}.subpage-title{font-size:26px}}@media (width<=380px){.subpage{padding-left:12px;padding-right:12px}.subpage-title{font-size:20px}.u-pill{padding:6px 11px;font-size:12px}}