:root{--ink:#f8f7ff;--muted:#aaa5c5;--panel:rgba(22,15,55,.76);--line:rgba(255,255,255,.12);--pink:#ff4d8d;--purple:#7c5cff;--gold:#ffca68;--bg:#0c0820;--success:#35d6c5}*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;background:radial-gradient(circle at 15% 20%,#241260 0,transparent 32%),radial-gradient(circle at 85% 70%,#441044 0,transparent 30%),linear-gradient(145deg,#090719,#14082c 55%,#0a0718);overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(80px);opacity:.28;pointer-events:none}.ambient-one{width:260px;height:260px;background:#7946ff;top:-80px;right:12%}.ambient-two{width:320px;height:320px;background:#ff277d;bottom:-160px;left:4%}.app-shell{width:min(1200px,calc(100% - 40px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.brand-bar{height:98px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:1.25rem;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 0 28px #9d3bff66;transform:rotate(-6deg)}.eyebrow{color:var(--pink);font-size:.72rem;letter-spacing:.24em;font-weight:800}.brand-bar h1{font-size:1.25rem;margin:2px 0 0;letter-spacing:.04em}.status-pill{margin-left:auto;padding:9px 13px;border:1px solid #35d6c544;border-radius:99px;background:#35d6c511;color:#b5fff5;font-size:.82rem}.status-pill i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}.status-pill.closed{color:#ffb2c6;border-color:#ff4d8d44;background:#ff4d8d11}.status-pill.closed i{background:var(--pink)}.game-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:48px;align-items:center;padding:42px 0}.wheel-stage{position:relative;display:flex;flex-direction:column;align-items:center}.wheel-frame{position:relative;width:min(64vh,620px);aspect-ratio:1;border-radius:50%;padding:13px;background:linear-gradient(145deg,#fff5c9,#dca739 25%,#7e4b0d 50%,#ffe59d 75%,#a66f1e);box-shadow:0 0 0 7px #25164f,0 0 0 9px #6e51ac,0 28px 80px #0009,0 0 70px #8c45ff44}.wheel-frame:before{content:"";position:absolute;inset:-9px;border-radius:50%;background:repeating-conic-gradient(#ffd975 0 1.5deg,transparent 1.5deg 15deg);filter:drop-shadow(0 0 8px #ffd975);z-index:-1}#wheel{width:100%;height:100%;display:block;border-radius:50%;transition:transform 5.6s cubic-bezier(.12,.75,.12,1)}.spin-button{position:absolute;left:50%;top:50%;width:23%;aspect-ratio:1;transform:translate(-50%,-50%);border:6px solid #ffe4a6;border-radius:50%;color:white;background:radial-gradient(circle at 35% 25%,#ff8cb4,var(--pink) 42%,#b20d59);box-shadow:0 5px 0 #7f143f,0 0 32px #ff4d8daa;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.spin-button span{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:950;line-height:1}.spin-button small{font-size:.76rem;font-weight:700}.spin-button:disabled{filter:grayscale(.55);cursor:not-allowed}.pointer{position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:54px;height:75px;z-index:4;background:linear-gradient(90deg,#f0b83f,#fff0ae 48%,#b67012);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 6px 5px #0009)}.subtitle{margin:26px 0 0;color:#d8d4e9;text-align:center;font-size:1rem;letter-spacing:.04em}.spark{position:absolute;color:var(--gold);text-shadow:0 0 14px var(--gold);animation:twinkle 2.4s infinite}.s1{left:3%;top:14%;font-size:1.6rem}.s2{right:4%;top:26%;animation-delay:.7s}.s3{right:10%;bottom:16%;font-size:1.8rem;animation-delay:1.2s}@keyframes twinkle{50%{transform:scale(.45) rotate(40deg);opacity:.4}}.entry-card{padding:25px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(34,24,73,.92),rgba(16,11,42,.9));box-shadow:0 24px 80px #0007;backdrop-filter:blur(18px)}.card-heading{display:flex;gap:13px;align-items:center;margin-bottom:22px}.card-heading>span{font:900 2.4rem/1 Georgia;color:#ffffff13;-webkit-text-stroke:1px #ffffff44}.card-heading p{margin:0 0 3px;font-weight:800;font-size:1.05rem}.card-heading small{color:var(--muted)}label{display:block;margin-bottom:14px;color:#d7d3e8;font-size:.86rem;font-weight:700}input{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:13px;background:#08061999;color:white;padding:14px 15px;font-size:1rem;outline:none;transition:.2s}input:focus{border-color:#a887ff;box-shadow:0 0 0 3px #7c5cff25}.notice{display:flex;gap:10px;align-items:flex-start;color:#aaa5c5;font-size:.78rem;line-height:1.5}.notice>span{flex:0 0 20px;height:20px;text-align:center;border:1px solid #ffca6855;border-radius:50%;color:var(--gold)}.notice p{margin:0}.mobile-spin{width:100%;margin:18px 0 24px;padding:14px 16px;border:0;border-radius:14px;background:linear-gradient(110deg,var(--pink),var(--purple));color:white;font-size:1rem;font-weight:850;cursor:pointer;box-shadow:0 12px 28px #9f2d8255}.mobile-spin span{float:right;font-size:1.3rem}.section-title{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px}.section-title span{font-weight:800}.section-title em{font-style:normal;color:#6f688e;font-size:.67rem;letter-spacing:.2em}.prize-list{display:grid;gap:8px;margin-top:12px}.prize-item{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;background:#ffffff06}.prize-item i{width:9px;height:9px;border-radius:3px;box-shadow:0 0 10px currentColor}.prize-item b{display:block;font-size:.8rem}.prize-item small{color:var(--muted)}.prize-item em{font-style:normal;font-size:.72rem;color:#d3cee8}footer{display:flex;justify-content:space-between;color:#696481;font-size:.75rem;padding:20px 0;border-top:1px solid var(--line)}.modal{position:fixed;inset:0;z-index:20;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#05030dcc;backdrop-filter:blur(10px)}.result-card{position:relative;width:min(420px,100%);padding:34px;border:1px solid #ffffff22;border-radius:30px;text-align:center;background:linear-gradient(150deg,#29155d,#130b34 58%,#250d35);box-shadow:0 35px 100px #000c,0 0 70px #b944ff44;animation:pop .4s ease-out}@keyframes pop{from{opacity:0;transform:translateY(20px) scale(.93)}}.close-button{position:absolute;right:18px;top:14px;background:none;border:0;color:#918aa9;font-size:1.8rem;cursor:pointer}.result-icon{width:70px;height:70px;margin:auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));font-size:2rem;box-shadow:0 0 30px #ff4d8d77}.result-kicker{color:var(--gold);font-weight:800;letter-spacing:.18em;font-size:.78rem;margin:18px 0 7px}.result-card h2{font-size:2rem;margin:0}.result-card>strong{display:block;color:#efe8ff;font-size:1.12rem;margin-top:7px}.qr-block{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;text-align:left;margin-top:24px;padding:14px;border-radius:18px;background:#05041166;border:1px solid var(--line)}.qr-block img,.qr-placeholder{width:104px;height:104px;object-fit:cover;border-radius:9px;background:white}.qr-block img{display:none}.qr-placeholder{display:flex;color:#18102c;align-items:center;justify-content:center;flex-direction:column;text-align:center}.qr-placeholder span{font-size:1.8rem;font-weight:950}.qr-placeholder small{font-size:.65rem;line-height:1.3}.qr-block b{font-size:.9rem}.qr-block p{font-size:.76rem;line-height:1.55;color:var(--muted);margin:5px 0}.done-button{width:100%;margin-top:18px;padding:13px;border:0;border-radius:13px;color:white;font-weight:800;background:#ffffff16;cursor:pointer}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,25px);opacity:0;z-index:30;padding:12px 18px;border:1px solid #ffffff25;border-radius:12px;background:#21184a;color:white;box-shadow:0 12px 30px #0008;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.app-shell{width:min(100% - 24px,620px)}.brand-bar{height:82px}.brand-mark{width:42px;height:42px}.brand-bar h1{font-size:1rem}.eyebrow{font-size:.62rem}.status-pill{font-size:0;width:35px;height:35px;display:grid;place-items:center;padding:0}.status-pill i{margin:0}.game-layout{display:flex;flex-direction:column;gap:30px;padding:30px 0}.wheel-stage{width:100%}.wheel-frame{width:min(86vw,530px)}.entry-card{width:100%}.spark{display:none}.spin-button{border-width:4px}.subtitle{font-size:.9rem}footer{gap:10px;flex-direction:column;text-align:center}}@media(max-width:420px){.app-shell{width:calc(100% - 20px)}.brand-bar h1{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-layout{padding-top:22px}.wheel-frame{width:88vw;padding:9px}.pointer{width:42px;height:58px}.entry-card{padding:20px;border-radius:22px}.result-card{padding:28px 20px}.qr-block{grid-template-columns:92px 1fr}.qr-block img,.qr-placeholder{width:92px;height:92px}}