:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#5649e0;--accent:#fd79a8;--gold:#fdcb6e;--bg:#f8f9fc;--card-bg:#fff;--text:#2d3436;--text-light:#636e72;--text-muted:#b2bec3;--border:#dfe6e9;--success:#00b894;--danger:#e74c3c;--shadow:0 2px 16px rgba(108,92,231,.08);--shadow-lg:0 8px 32px rgba(108,92,231,.12);--radius:16px;--radius-sm:8px;--max-width:480px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-size:16px}html.bigmode{font-size:20px}html,body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}body{font-size:1rem}#app{max-width:var(--max-width);background:var(--bg);min-height:100vh;margin:0 auto;position:relative}a{color:var(--primary);text-decoration:none}.btn{cursor:pointer;letter-spacing:1px;border:none;border-radius:40px;justify-content:center;align-items:center;width:100%;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 4px 16px rgba(108,92,231,.3)}.btn-primary:active{transform:scale(.98)}.btn-gold{color:#fff;background:linear-gradient(135deg,#fdcb6e,#f39c12);box-shadow:0 4px 16px rgba(253,203,110,.4)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-disabled{background:var(--text-muted);color:#fff;cursor:not-allowed;box-shadow:none}.page{flex-direction:column;min-height:100vh;padding:0 20px;display:flex}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:24px 20px}.title-lg{color:var(--text);font-size:1.5rem;font-weight:700;line-height:1.4}.title-md{color:var(--text);font-size:1.125rem;font-weight:600}.subtitle{color:var(--text-light);font-size:.875rem}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .4s}.slide-up-enter-from{opacity:0;transform:translateY(30px)}.gradient-bg{color:#fff;background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,20px)}.bigmode-toggle{z-index:999;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);background:rgba(45,52,54,.78);border:none;border-radius:999px;align-items:center;gap:.25rem;padding:.4rem .7rem;font-size:.8rem;font-weight:700;transition:background .2s,transform .15s;display:inline-flex;position:fixed;top:.75rem;right:.75rem}.bigmode-toggle:active{transform:scale(.95)}.bigmode-toggle.on{background:var(--primary)}