:root{--bg: #f3f5f8;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--line: #e5e7eb;--line-strong: #d6dbe3;--text: #0f172a;--text-soft: #64748b;--text-low: #94a3b8;--black: #020617;--green: #166534;--green-bg: #f0fdf4;--amber: #92400e;--amber-bg: #fffbeb;--red: #b91c1c;--red-bg: #fef2f2;--blue: #1d4ed8;--blue-bg: #eff6ff;--radius-xl: 24px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--shadow-card: 0 20px 40px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body,#app{min-height:100%}html,body{margin:0;background:radial-gradient(circle at top,rgba(148,163,184,.18),transparent 30%),linear-gradient(180deg,#f8fafc,#eef2f7);color:var(--text);font-family:PingFang SC,SF Pro Display,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{min-height:100vh}button,input,textarea,select{font:inherit}button{border:none;outline:none}input,textarea,select{outline:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;background:#ffffffb8;border-left:1px solid rgba(255,255,255,.88);border-right:1px solid rgba(255,255,255,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 70px #0f172a14}.card-surface{background:var(--surface);border:1px solid rgba(226,232,240,.85);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.icon-button,.ghost-button,.solid-button{min-height:44px;cursor:pointer}.icon-button:focus-visible,.ghost-button:focus-visible,.solid-button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(2,6,23,.24);outline-offset:2px}