.raffle-page{--ink:#4a2416;--gold:#dfc08a;--paper:#fffdf7;--teal:#246b60;min-height:100vh;color:var(--ink);background:radial-gradient(at 50% 34%,#e2f0df 0,#0000 42%),linear-gradient(145deg,#fff6e6,#f7ebd4);padding:24px max(20px,50vw - 680px);font-family:Microsoft YaHei,微软雅黑,Arial,sans-serif}.raffle-page *{box-sizing:border-box}.raffle-page a{color:var(--ink)}.raffle-nav{justify-content:space-between;gap:20px;font-size:14px;display:flex}.raffle-nav a{padding:12px 0}.raffle-heading{text-align:center;margin:24px 0}.raffle-heading>span,.raffle-eyebrow{letter-spacing:3px;color:#8b6840;font-size:12px}.raffle-heading h1{letter-spacing:4px;color:#9d3823;text-shadow:0 2px #ffe5ac;margin:8px 0;font-size:clamp(32px,4vw,58px);font-weight:900}.raffle-heading p{color:#7d6043;margin:8px}.raffle-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;font-size:14px;display:flex}.raffle-page button,.raffle-page input,.raffle-page select,.raffle-page textarea{font:inherit;max-width:100%}.raffle-page button{cursor:pointer;border:1px solid var(--gold);background:var(--paper);min-height:44px;color:var(--ink);border-radius:12px;padding:10px 16px}.raffle-page button:disabled{cursor:default;opacity:.6}.raffle-page input,.raffle-page select,.raffle-page textarea{color:var(--ink);border:1px solid var(--gold);background:#fffcf5;border-radius:10px;min-height:44px;padding:12px}.raffle-page select{max-width:360px}.raffle-page :focus-visible{outline:3px solid var(--teal);outline-offset:3px}.raffle-stage{grid-template-columns:minmax(210px,1fr) minmax(300px,1.8fr) minmax(230px,1fr);align-items:start;gap:24px;display:grid}.raffle-panel{border:1px solid var(--gold);background:linear-gradient(150deg,#fffcf3,#fff4df);border-radius:20px;min-width:0;margin-top:48px;padding:24px;box-shadow:0 8px 32px #8b542010}.raffle-panel h2{margin:8px 0 24px;font-size:22px}.raffle-panel h2 small{color:#7d6043;font-size:14px}.raffle-prize{overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:10px;width:100%;margin:12px 0;display:flex}.raffle-prize>span{color:#bc7f1d;font-size:38px}.raffle-prize strong{font-size:18px}.raffle-prize small{color:#7d6043}.raffle-page .raffle-prize.selected{background:#fff0c9;border:2px solid #bd8132;box-shadow:inset 0 0 0 3px #fff9e8}.raffle-rules{color:#7d6043;text-align:center;font-size:13px;line-height:1.8}.raffle-center{text-align:center;min-width:0}.raffle-machine{aspect-ratio:3/4;transform-origin:50% 85%;filter:drop-shadow(0 16px 18px #63401922);width:100%;max-width:470px;margin:0 auto;position:relative}.raffle-machine>img{object-fit:contain;width:100%;height:100%}.raffle-count{color:var(--teal);margin:0 0 12px;font-size:14px}.raffle-page .raffle-draw{color:#fff6d6;background:linear-gradient(#e78059,#b93a28);border:3px solid #f3d296;border-radius:32px;width:80%;min-height:60px;font-size:24px;font-weight:700;box-shadow:0 4px #813a24,0 10px 24px #b9742333}.raffle-page .raffle-draw:disabled{opacity:.65}.raffle-host{color:#7d6043;max-width:360px;margin:22px auto;font-size:13px}.raffle-host summary{cursor:pointer;padding:12px}.raffle-host label{display:block}.raffle-host input{width:100%;margin:8px 0}.raffle-records ol{max-height:520px;padding:0;list-style:none;overflow:auto}.raffle-records li{overflow-wrap:anywhere;border-bottom:1px solid #ebdbbb;gap:12px;padding:16px 0;font-size:15px;display:flex}.raffle-number{color:#b18648;font-weight:700}.raffle-records li p{color:#7d6043;margin:6px 0;font-size:13px}.raffle-records time{color:#8b6840;font-size:11px}.raffle-empty{text-align:center;color:#94774c;padding:55px 0;font-size:14px}.raffle-winner{text-align:center;overflow-wrap:anywhere;background:#ffedbc;border:1px solid #dbb86d;border-radius:14px;padding:24px 16px;animation:.5s ease-out raffleReveal}.raffle-winner>span{color:#8b6840;font-size:13px}.raffle-winner strong{color:#a93825;margin:14px 0;font-size:30px;display:block}.raffle-alert{color:#9b3527;background:#fff2db;border:1px solid #d99d6c;border-radius:12px;padding:14px 20px;font-size:14px;line-height:1.7}.raffle-foot{text-align:center;color:#9a8058;padding:30px;font-size:12px}.is-drawing{animation:.32s ease-in-out infinite raffleShake}.raffle-spark{color:#fff6ac;font-size:80px;animation:.5s infinite alternate raffleGlow;position:absolute;top:45%;left:40%}.raffle-machine-fallback{padding:15% 8%}.raffle-roof{color:#fff0c3;background:#246b60;border:6px double #d1a64e;border-radius:60% 60% 12px 12px;padding:16px}.raffle-globe{aspect-ratio:1;background:#e0f3e8aa;border:6px solid #d1a64e;border-radius:50%;grid-template-columns:repeat(3,1fr);align-items:center;padding:24px;display:grid}.raffle-globe span{color:#9b3823;background:#fff1cf;border:2px solid #daa955;border-radius:50%;padding:12px}.raffle-base{color:#f9c45e;background:#286c5c;border:6px double #e5bf65;border-radius:12px 12px 40px 40px;padding:10px;font-size:48px}.raffle-demo-notice{color:#79532b;text-align:center;background:#fff9e8ed;border:1px solid #c6a15f;border-radius:12px;max-width:850px;margin:12px auto;padding:12px 18px;font-size:13px;line-height:1.7;position:relative}@keyframes raffleShake{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes raffleGlow{0%{opacity:.2;transform:scale(.5)}to{opacity:1;transform:scale(1.3)}}@keyframes raffleReveal{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:900px){.raffle-stage{grid-template-columns:minmax(0,1fr) minmax(280px,1.5fr)}.raffle-records{grid-column:1/-1;margin-top:0}.raffle-records ol{max-height:350px}.raffle-panel{padding:20px}.raffle-heading{margin:16px 0}}@media (max-width:600px){.raffle-page{padding:12px 16px}.raffle-nav{font-size:13px}.raffle-heading h1{font-size:34px}.raffle-heading>span{font-size:11px}.raffle-stage{flex-direction:column;gap:12px;display:flex}.raffle-prizes{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin:0;padding:14px;display:flex}.raffle-prizes h2{margin:0;font-size:16px}.raffle-prizes>.raffle-eyebrow,.raffle-prizes>.raffle-rules{display:none}.raffle-page .raffle-prize{flex:1;gap:4px;width:auto;min-width:100px;margin:0;padding:9px}.raffle-prize>span{display:none}.raffle-prize strong{font-size:14px}.raffle-prize small{font-size:11px}.raffle-center,.raffle-records{width:100%}.raffle-machine{max-width:285px}.raffle-toolbar{gap:6px;font-size:12px}.raffle-toolbar select{max-width:190px}.raffle-toolbar button{padding:8px}.raffle-page .raffle-draw{min-height:54px;font-size:22px}.raffle-records{margin:0}.raffle-host{margin:8px auto}.raffle-foot{padding:20px}.raffle-count{font-size:13px}.raffle-winner strong{font-size:26px}}@media (prefers-reduced-motion:reduce){.is-drawing,.raffle-spark,.raffle-winner{animation:none}}.raffle-page .raffle-participants-trigger{white-space:normal;color:#246b60;min-height:44px;margin:8px auto 14px;line-height:1.6;display:block}.raffle-draw-help{color:#5a391d;background:#fff8e9eb;border-radius:12px;max-width:440px;margin:14px auto;padding:0 14px;font-size:14px;line-height:1.8}.raffle-draw-help:empty{display:none}.raffle-draw-help p{padding-top:12px}.raffle-draw-help a{min-height:44px;padding:8px;font-weight:700;display:inline-block}.raffle-participants-dialog{width:min(680px,100vw - 28px);max-height:85vh;color:#4a2416;background:#fff8e9;border:2px solid #d4a65a;border-radius:20px;max-height:85dvh;margin:auto;padding:22px;overflow:auto;box-shadow:0 16px 70px #30160d55}.raffle-participants-dialog::backdrop{background:#30160d99}.raffle-participants-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.raffle-participants-dialog h2{margin:0;font-size:22px}.raffle-participants-dialog p{overflow-wrap:anywhere;font-size:14px;line-height:1.7}.raffle-participants-dialog label{font-size:14px;display:block}.raffle-participants-dialog input{width:100%;margin-top:8px;display:block}.raffle-participant-list{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:48vh;margin:12px 0;padding:0;list-style:none;display:grid;overflow-y:auto}.raffle-participant-list li{overflow-wrap:anywhere;background:#fffdf7;border:1px solid #ead5ac;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;font-size:15px;display:flex}.raffle-participant-list small{color:#246b60;flex-shrink:0;font-size:12px}@media (max-width:600px){.raffle-participants-dialog{padding:16px}.raffle-participant-list{grid-template-columns:1fr}.raffle-page .raffle-draw{font-size:20px}.raffle-draw-help{font-size:13px}}.raffle-page .raffle-prize-photo{object-fit:contain;background:#fffcf599;border-radius:14px}