:root{--accent: #1890ff;--accent-light: #40a9ff;--accent-deep: #096dd9;--accent-secondary: #40a9ff;--accent-gradient-end: #722ed1;--accent-soft: rgba(24, 144, 255, .12);--btn-ink: #ffffff;--ink: #1f2937;--ink-soft: #6b7280;--muted: #9ca3af;--line: rgba(0, 0, 0, .06);--danger: #f5222d;--surface: #ffffff;--surface-ink: #1f2937;--surface-soft: #6b7280;--surface-line: #f3f4f6;--shell-max: 460px;--radius: 20px;--radius-sm: 14px;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 50%,var(--accent-gradient-end) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.shell{width:min(100%,var(--shell-max));margin:0 auto;min-height:100dvh;padding:12px 12px 28px;display:flex;flex-direction:column;position:relative}.page-pad{padding:4px 4px 12px}.btn{border:none;border-radius:12px;padding:12px 16px;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));color:var(--btn-ink);font-weight:600;box-shadow:0 8px 20px var(--accent-soft);transition:transform .15s ease,filter .15s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:#f3f4f6;color:#4b5563;box-shadow:none;border:none}.btn-ghost:hover{background:#e5e7eb;filter:none}.error-text{color:var(--danger);font-size:14px}.muted{color:var(--ink-soft);font-size:13px}.card-surface{background:var(--surface);border-radius:var(--radius);box-shadow:0 10px 30px #00000014}