:root{color-scheme:light;--app-bg: #f5f7fb;--app-card: #ffffff;--app-primary: #5b7cfa;--app-primary-soft: #eef2ff;--app-primary-grad-end: #8fa6ff;--app-success: #35c98b;--app-danger: #ef4444;--app-text: #1f2937;--app-text-secondary: #6b7280;--app-muted: #9ca3af;--app-border: #e5e7eb;--app-surface: #f5f7fa;--radius-large: 24px;--radius-card: 20px;--radius-small: 12px;--radius-pill: 22px;--shadow-card: 0 8px 30px rgba(0, 0, 0, .06);--shadow-soft: 0 12px 40px rgba(91, 124, 250, .12);--page-padding: 20px;--app-btn-height: 48px;--tabbar-height: 64px;--tabbar-safe-bottom: env(safe-area-inset-bottom, 0px);font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--app-text);background:var(--app-bg)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}.app-shell{min-height:100vh;display:flex;justify-content:center;background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(143,166,255,.28),transparent 55%),linear-gradient(180deg,#eef2f7 0%,var(--app-bg) 40%,#eef2f7 100%)}.page{position:relative;width:100%;max-width:430px;min-height:100vh;background:var(--app-card);padding:24px var(--page-padding) 40px;box-shadow:0 0 40px #0f172a0d}.page--with-tab{padding-bottom:calc(var(--tabbar-height) + var(--tabbar-safe-bottom) + 20px)}.page h1{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--app-text);letter-spacing:-.02em}.page p{margin:0 0 16px;color:var(--app-text-secondary)}.page .meta{font-size:13px;color:var(--app-muted)}.page-status{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--app-primary);margin-bottom:8px}.app-card{background:var(--app-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px;border:1px solid transparent}.app-banner{border-radius:var(--radius-large);padding:24px 20px;background:linear-gradient(135deg,var(--app-primary) 0%,var(--app-primary-grad-end) 100%);color:#fff;box-shadow:var(--shadow-soft)}.app-banner h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#fff;line-height:1.35}.app-banner p{margin:0;color:#ffffffe6;font-size:14px}.app-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:var(--app-btn-height);padding:0 24px;border:none;border-radius:var(--radius-pill);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.app-btn:active{opacity:.88;transform:scale(.99)}.app-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.app-btn--primary{background:var(--app-primary);color:#fff}.app-btn--ghost{background:#fff;color:var(--app-text);border:1px solid var(--app-border)}.app-btn--danger{background:var(--app-danger);color:#fff}.app-btn--light{background:#fffffff2;color:var(--app-primary)}.app-input{width:100%;border:1px solid var(--app-border);border-radius:var(--radius-small);padding:12px 14px;font-size:16px;outline:none;background:var(--app-surface);color:var(--app-text);transition:border-color .15s,box-shadow .15s}.app-input:focus{border-color:var(--app-primary);background:#fff;box-shadow:0 0 0 3px #5b7cfa26}.app-tag{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--app-primary-soft);color:var(--app-primary);font-size:13px;font-weight:500}.app-error{color:var(--app-danger)!important;font-size:13px}.app-tip{color:var(--app-success)!important;font-size:13px}@media(min-width:768px){.page{margin:24px 0;min-height:calc(100vh - 48px);border-radius:28px}}