:root{--text-main:#334155;--glass-bg:#ffffffd9;--glass-border:#ffffff80;--btn-primary:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-image:url(/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,Noto Sans TC,sans-serif;display:flex;overflow:hidden}#app{flex-direction:column;width:100%;max-width:1200px;height:100%;padding:2rem;display:flex;position:relative}.glass-panel{background:var(--glass-bg);background:#fffffff2;border:4px solid #fff;border-radius:30px;box-shadow:0 10px 20px #0000001a}#logo{will-change:transform;width:100%;max-width:600px;margin-bottom:1rem;animation:3s ease-in-out infinite floating}@keyframes floating{0%{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}to{transform:translateY(0)rotate(-1deg)}}h1{text-align:center;margin-bottom:2rem;font-size:3rem;font-weight:900}.view-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s ease-out fadeIn;display:none}.view-container.active{display:flex}.participants-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;max-width:900px;display:grid}.participant-card{text-align:center;cursor:pointer;color:#0284c7;padding:2rem 1rem;font-size:1.7rem;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.participant-card:hover:not(.disabled){background:#fff;transform:translateY(-8px)scale(1.05);box-shadow:0 15px 30px #0284c733}.participant-card.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.8);color:#94a3b8}.participant-card.disabled:after{content:"✓ 已抽取";color:#fff;background:#22c55e;padding:5px 35px;font-size:.9rem;font-weight:700;position:absolute;top:10px;right:-30px;transform:rotate(45deg)}.slot-machine-container{border:5px solid #fbbf24;justify-content:center;align-items:center;width:100%;max-width:800px;height:200px;margin:2rem 0;display:flex;position:relative;overflow:hidden}.slot-window{width:100%;height:100%;position:relative;overflow:hidden}.mission-band{will-change:transform;flex-direction:column;width:100%;transition:transform .1s linear;display:flex;position:absolute;top:0;left:0}.mission-item{text-align:center;color:#f43f5e;justify-content:center;align-items:center;height:200px;padding:0 2rem;font-size:2.2rem;font-weight:800;line-height:1.4;display:flex}.highlighted-mission{color:#e11d48;text-shadow:2px 2px #fff,0 0 15px #e11d484d;font-size:2.5rem}.big-btn{color:#fff;cursor:pointer;text-shadow:2px 2px #0000001a;background:#f59e0b;border:4px solid #fff;border-radius:50px;padding:1.2rem 3rem;font-size:2rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 10px 25px #f59e0b66}.big-btn:hover{background:#fbbf24;transform:scale(1.1)translateY(-5px);box-shadow:0 15px 35px #f59e0b80}.big-btn:active{transform:scale(.95)}.big-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.blur-overlay{z-index:10;pointer-events:none;background:linear-gradient(#ffffffe6,#0000);height:50px;position:absolute;top:0;left:0;right:0}.blur-overlay.bottom{background:linear-gradient(#0000,#ffffffe6);top:auto;bottom:0}.results-list{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:1000px;max-height:60vh;margin-top:1rem;padding:1rem;display:grid;overflow-y:auto}.results-list::-webkit-scrollbar{width:10px}.results-list::-webkit-scrollbar-thumb{background:#fbbf24;border-radius:5px}.result-item{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.result-name{color:#0284c7;font-size:1.4rem;font-weight:900}.result-mission{color:#f43f5e;font-size:1.5rem;font-weight:800;line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}