*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1a0a2e 0%,#241245 50%,#1a0a2e 100%);width:100%;height:100%;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;overflow:hidden}.page-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.btn{color:#ff6b9d;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b9d26;border:2px solid #ff6b9d99;border-radius:12px;justify-content:center;align-items:center;min-width:160px;padding:12px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn:hover{background:#ff6b9d4d;border-color:#ff6b9d;transform:translateY(-2px);box-shadow:0 4px 20px #ff6b9d4d}.btn:active{transform:translateY(0)}.btn-purple{color:#c44dff;background:#c44dff26;border-color:#c44dff99}.btn-purple:hover{background:#c44dff4d;border-color:#c44dff;box-shadow:0 4px 20px #c44dff4d}.btn-gold{color:gold;background:#ffd70026;border-color:#ffd70099}.btn-gold:hover{background:#ffd7004d;border-color:gold;box-shadow:0 4px 20px #ffd7004d}.btn-small{min-width:100px;padding:8px 20px;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#ff6b9d66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff6b9d99}.particle-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out forwards fadeIn}.fade-in-delay-1{opacity:0;animation-delay:.1s}.fade-in-delay-2{opacity:0;animation-delay:.2s}.fade-in-delay-3{opacity:0;animation-delay:.3s}.fade-in-delay-4{opacity:0;animation-delay:.4s}