*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#e0e0e0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a1a;font-family:-apple-system,Microsoft YaHei,PingFang SC,sans-serif}#app{height:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1a1a2e;border-radius:2px}*{-webkit-tap-highlight-color:transparent}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16213e80;border:1px solid #ffffff0f;border-radius:16px}.btn-base{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-base:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 16px #a855f740}.btn-primary:hover{box-shadow:0 6px 24px #a855f766}.btn-secondary{color:#888;background:#ffffff0a;border:1px solid #ffffff14}.btn-secondary:hover{color:#aaa;background:#ffffff14}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444426}.btn-danger:hover{background:#ef44442e}.page-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0a1aeb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.page-back{color:#888;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:all .2s;display:flex}.page-back:hover{color:#e94560;background:#e945601a}.page-title{color:#fff;font-size:18px;font-weight:700}.phone-frame{background:#0a0a1a;flex-direction:column;max-width:420px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #00000080}@media (width>=421px){body{background:#050510}}@media (width<=420px){.phone-frame{max-width:100%;box-shadow:none}}