*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}body{transition:all .5s ease;overflow-x:hidden;-webkit-tap-highlight-color:transparent;background:#f8fafc}:root{--glass: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5)}.theme-camping{--primary: #10b981;--bg: linear-gradient(135deg, #f0fdf4, #dcfce7);--btn: linear-gradient(135deg, #10b981, #059669);--shadow: rgba(16, 185, 129, .3)}.theme-cyberpunk{--primary: #c084fc;--bg: linear-gradient(135deg, #0f172a, #1e1b4b);--btn: linear-gradient(135deg, #a855f7, #ec4899);--shadow: rgba(168, 85, 247, .5);--glass: rgba(15, 23, 42, .7);--glass-border: rgba(139, 92, 246, .3);color:#f8fafc}.theme-pink-party{--primary: #fb7185;--bg: linear-gradient(135deg, #fff1f2, #ffe4e6);--btn: linear-gradient(135deg, #fb7185, #f43f5e);--shadow: rgba(251, 113, 133, .3)}.theme-sunset{--primary: #f97316;--bg: linear-gradient(135deg, #fff7ed, #ffedd5);--btn: linear-gradient(135deg, #f97316, #ea580c);--shadow: rgba(249, 115, 22, .3)}.theme-minimalist{--primary: #334155;--bg: #f8fafc;--btn: linear-gradient(135deg, #475569, #1e293b);--shadow: rgba(51, 65, 85, .3)}.theme-forest{--primary: #14b8a6;--bg: linear-gradient(135deg, #f0fdfa, #ccfbf1);--btn: linear-gradient(135deg, #14b8a6, #0d9488);--shadow: rgba(20, 184, 166, .3)}.theme-oriental{--primary: #0284c7;--bg: linear-gradient(135deg, #f0f9ff, #e0f2fe);--btn: linear-gradient(135deg, #0ea5e9, #0284c7);--shadow: rgba(2, 132, 199, .3)}.theme-vaporwave{--primary: #d946ef;--bg: linear-gradient(135deg, #fdf4ff, #fae8ff);--btn: linear-gradient(135deg, #e879f9, #c026d3);--shadow: rgba(217, 70, 239, .3)}.theme-retro{--primary: #b45309;--bg: linear-gradient(135deg, #fef3c7, #fde68a);--btn: linear-gradient(135deg, #d97706, #b45309);--shadow: rgba(180, 83, 9, .3)}.theme-lavender{--primary: #6366f1;--bg: linear-gradient(135deg, #eef2ff, #e0e7ff);--btn: linear-gradient(135deg, #818cf8, #4f46e5);--shadow: rgba(99, 102, 241, .3)}.app-container{min-height:100vh;background:var(--bg);padding-bottom:50px;position:relative;z-index:1}.particle-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;bottom:-5%;opacity:0;animation:complexFloat linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes complexFloat{0%{transform:translateZ(0) rotate(0) scale(.8);opacity:0}10%{opacity:1}50%{transform:translate3d(var(--drift),-50vh,0) rotate(180deg) scale(1.2);opacity:.8}90%{opacity:.5}to{transform:translate3d(calc(var(--drift) * -1),-110vh,0) rotate(360deg) scale(.8);opacity:0}}.banner{width:100%;height:420px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;background-size:cover;background-position:center}.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#000000b3);z-index:1}.banner>*{z-index:10;position:relative}.banner h1{font-size:38px;font-weight:900;margin-bottom:12px;line-height:1.2;padding:0 10px}.banner p{font-size:16px;font-weight:300;opacity:.95}.container{max-width:600px;margin:-60px auto 0;padding:0 15px;position:relative;z-index:10}.glass-card{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:28px;padding:30px;margin-bottom:24px;box-shadow:0 20px 40px #0000000f}.glass-card h2{color:var(--primary);text-align:center;margin-bottom:24px;font-size:22px;font-weight:800}.detail-row{line-height:2.2;font-size:15px;display:flex;align-items:flex-start}.detail-label{font-weight:700;color:var(--primary);margin-right:12px;white-space:nowrap}.btn{background:var(--btn);color:#fff;border-radius:50px;padding:16px 40px;font-weight:800;text-decoration:none;box-shadow:0 10px 20px var(--shadow);display:inline-block;transition:all .2s;animation:pulseBtn 2s infinite;font-size:17px;letter-spacing:1px;border:2px solid rgba(255,255,255,.2);width:100%;text-align:center}.btn:active{transform:scale(.95)}@keyframes pulseBtn{0%{box-shadow:0 0 0 0 var(--shadow)}70%{box-shadow:0 0 0 15px #0000}to{box-shadow:0 0 #0000}}.timeline{border-left:3px dashed var(--primary);padding-left:24px;margin-left:12px}.timeline-item{position:relative;margin-bottom:28px}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";position:absolute;left:-33px;top:4px;width:16px;height:16px;background:var(--bg);border:4px solid var(--primary);border-radius:50%;box-shadow:0 0 0 4px var(--glass)}.qrcode{width:220px;height:220px;border-radius:16px;display:block;margin:0 auto 15px;border:3px dashed var(--primary);padding:8px;background:#fff;object-fit:cover}@media (max-width: 480px){.banner{height:350px}.banner h1{font-size:30px}.banner p{font-size:14px}.container{margin-top:-40px;padding:0 12px}.glass-card{padding:24px 20px;border-radius:20px;margin-bottom:16px}.glass-card h2{font-size:20px;margin-bottom:18px}.detail-row{font-size:14px;line-height:2;flex-direction:column;margin-bottom:8px}.detail-label{margin-bottom:2px}.btn{padding:14px 30px;font-size:16px}.timeline{padding-left:18px}.timeline-item:before{left:-27px;width:14px;height:14px}.qrcode{width:180px;height:180px}}