:root{--color-primary: #BE123C;--color-primary-light: #E11D48;--color-primary-dark: #9F1239;--color-bg: #FFF1F2;--color-surface: #FFFFFF;--color-text: #1C0A10;--color-text-secondary: #6B7280;--color-border: #E5E7EB;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(190, 18, 60, .08);--shadow-md: 0 8px 24px rgba(190, 18, 60, .15);--shadow-lg: 0 16px 48px rgba(190, 18, 60, .2);--max-width: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;min-height:100vh}body{width:100%;min-height:100vh;background:#fff1f2;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--color-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}.page{max-width:var(--max-width);margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface);position:relative}@media (min-width: 900px){html{background:linear-gradient(145deg,#1a000a,#3f0018,#1a000a 60%,#0d0005);background-attachment:fixed}body{background:transparent;display:flex;justify-content:center;align-items:flex-start;padding:48px 40px 80px;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(190,18,60,.18) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(225,29,72,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(159,18,57,.08) 0%,transparent 70%);pointer-events:none;z-index:0}#app{width:100%;max-width:900px;min-height:auto;border-radius:24px;overflow:hidden;box-shadow:0 32px 80px #00000080,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;position:relative;z-index:1}.page{max-width:100%;min-height:auto;border-radius:24px}}@media (min-width: 768px) and (max-width: 899px){body{display:flex;justify-content:center;padding:32px 24px 60px}#app{width:100%;max-width:600px}}h1,h2,h3,h4{line-height:1.3}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:600;transition:all .2s ease;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-radius:100px;padding:14px 32px;font-size:16px;box-shadow:0 4px 16px #7c3aed59}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}::-webkit-scrollbar{width:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-10px)}