:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--green:#2c9d8d;--deep-green:#14675d;--light-green:#dff1eb;--cream:#fff5df;--paper:#fffaf0;--gold:#c98745;--brown:#8a4d2b;--ink-brown:#9a5a31;--danger:#b94a48;--text:#3b3428;--muted:#806f5f;--line:#9d5b2f2e;--shadow:0 18px 42px #62441f1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--text);background:linear-gradient(#52beb4e0 0%,#d1ece3b8 26rem,#fffaf0f2 44rem),radial-gradient(circle at 6% 64%,#eaba776b,#0000 18rem),radial-gradient(circle at 96% 78%,#2c9d8d38,#0000 16rem),#fffaf0;font-size:17px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:0 12px 34px;position:relative}.admin-shell{width:min(100%,1120px)}.poster-hero{background:#d5f0eb;border-radius:0 0 22px 22px;margin:0 -12px 12px;position:relative;overflow:hidden;box-shadow:0 16px 38px #5032152e}.poster-hero img{width:100%;height:auto;display:block}.event-hero{margin-bottom:14px;position:relative}.event-hero .poster-hero{border-radius:0 0 30px 30px;margin:0 -12px}.event-hero .poster-hero:after{content:"";pointer-events:none;background:linear-gradient(#14675d00,#14675d70);height:45%;position:absolute;inset:auto 0 0}.hero-card{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fffdf6f5,#fff5dfeb),radial-gradient(circle at 92% 0,#2c9d8d24,#0000 7rem);border:1px solid #ffffffb8;border-radius:20px;margin:-42px 8px 0;padding:15px 16px 13px;position:relative;box-shadow:0 14px 32px #50321521}.hero-card h1{letter-spacing:-.04em;color:var(--deep-green);margin:4px 0 5px;font-size:clamp(25px,7vw,34px)}.hero-card p{color:var(--brown);margin:0;font-weight:650;line-height:1.5}.hero-highlights{margin-top:8px;font-size:13px;font-weight:900;color:var(--deep-green)!important}.form-card,.quiz-card,.rule-card,.result-card,.admin-login,.admin-header,.admin-panel,.alert-card,.editor-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fffdf7fa,#fff7e7f5);border-radius:18px;margin-bottom:16px;padding:18px}.eyebrow{color:var(--gold);letter-spacing:0;font-size:13px;font-weight:700;display:inline-flex}.hero-meta{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px;display:grid}.hero-meta span,.pill{color:var(--brown);text-align:center;background:#fffaf0e6;border:1px solid #c987453d;border-radius:12px;padding:9px 8px;font-size:13px;font-weight:700}h1,h2,h3{margin:0 0 10px;line-height:1.25}h2{font-size:23px}h3{margin-top:18px;font-size:18px}.muted,.hint{color:var(--muted);line-height:1.6}.hint{margin-bottom:0;font-size:14px}.text-link{color:var(--green);font-weight:700;text-decoration:none}.compact-status{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:0 4px 10px;font-size:13px;display:flex}.compact-status span{align-items:center;gap:5px;display:inline-flex}.compact-status span+span:before{content:"";background:#806f5f73;border-radius:50%;width:4px;height:4px;margin-right:4px}.field-label{margin:12px 0 8px;font-weight:800;display:block}.input{width:100%;min-height:48px;color:var(--text);background:#fff;border:1px solid #9d5b2f3d;border-radius:12px;outline:none;margin-bottom:12px;padding:11px 13px}.input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #c9874524}.primary-btn,.ghost-btn,.tab-btn{border:0;border-radius:12px;width:100%;min-height:50px;padding:12px 16px;font-weight:800}.primary-btn{color:#fff;background:linear-gradient(135deg,#d9954f,#96502b);box-shadow:0 12px 22px #9a5a313d}.primary-btn:active,.ghost-btn:active{transform:translateY(1px)}.primary-btn.gold{background:linear-gradient(135deg,#d6a84d,#a87419)}.ghost-btn{color:var(--brown);border:1px solid var(--line);background:#fff;margin-top:10px}.small{border-radius:12px;width:auto;min-height:38px;padding:8px 12px;font-size:14px}.rule-card ol{color:var(--brown);margin:0;padding-left:20px;line-height:1.8}.alert-card{color:var(--danger);font-weight:700}.site-footer{color:var(--muted);text-align:center;padding:12px;font-size:13px}.section-title-row,.editor-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.question-block{border:1px solid var(--line);background:#ffffffa3;border-radius:16px;margin:0 0 14px;padding:14px}.question-block legend{padding:0 4px;font-weight:800;line-height:1.5}.option-row{background:#ffffffbd;border:1px solid #1f8a681f;border-radius:13px;grid-template-columns:22px 34px 1fr;align-items:center;gap:9px;margin-top:10px;padding:12px 10px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid}.option-row:hover{border-color:#2c9d8d3d}.option-row.selected{background:linear-gradient(135deg,#dff1ebf2,#fffaf0f5);border-color:#2c9d8d85;box-shadow:0 8px 18px #14675d14}.option-row input{width:20px;height:20px;accent-color:var(--green)}.option-key{width:30px;height:30px;color:var(--brown);background:#f4e7d4;border-radius:50%;place-items:center;font-weight:900;display:inline-grid}.option-row.selected .option-key{background:var(--deep-green);color:#fff}.success-card{border-color:#1f8a685c}.fail-card{border-color:#b94a4840}.result-card{text-align:center}.result-card.winner{background:linear-gradient(#fff1cf,#fffaf0);border-color:#bf8b3157}.result-card.loser{background:linear-gradient(#edf8f5,#fffaf0)}.result-badge{color:#fff;background:var(--gold);border-radius:12px;margin-bottom:12px;padding:7px 14px;font-weight:800;display:inline-flex}.code-box{letter-spacing:.08em;color:var(--brown);border:2px dashed var(--gold);background:#fff;border-radius:14px;margin:14px 0;padding:16px;font-size:28px;font-weight:900}.info-list{text-align:left;margin:14px 0}.info-list>div{border-bottom:1px dashed var(--line);grid-template-columns:92px 1fr;gap:10px;padding:10px 0;display:grid}.info-list dt{color:var(--muted)}.info-list dd{margin:0;font-weight:700}.flow-progress{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:9px;font-size:12px;font-weight:800;display:flex}.flow-progress i{color:#806f5f7a;font-style:normal}.flow-step{color:var(--muted)}.flow-step.active,.flow-step.done{color:var(--deep-green)}.notice-card{color:var(--brown);background:#fff5dfdb;border:1px solid #c987454d;border-radius:16px;margin:0 0 14px;padding:13px 15px;font-size:14px;font-weight:750;line-height:1.55}.alert-card+.notice-card,.compact-status+.notice-card{margin-top:-4px}.action-card{border-color:#2c9d8d38;position:relative;overflow:hidden}.action-card:before{content:"";background:linear-gradient(90deg, var(--green), var(--gold));height:5px;position:absolute;inset:0 0 auto}.step-tag{width:fit-content;min-height:28px;color:var(--deep-green);background:#2c9d8d1a;border:1px solid #2c9d8d2e;border-radius:999px;align-items:center;margin-bottom:9px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.phone-input{letter-spacing:.04em;font-size:20px;font-weight:850}.action-card .primary-btn{margin-top:2px}.compact-rules{padding:13px 15px;box-shadow:0 10px 24px #62441f14}.compact-rules summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.compact-rules summary::-webkit-details-marker{display:none}.compact-rules summary span{gap:2px;display:grid}.compact-rules summary strong{color:var(--text);font-size:19px}.compact-rules summary small{color:var(--muted);white-space:nowrap;font-size:12px}.compact-rules[open] summary{margin-bottom:10px}.rule-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.rule-grid div{background:#ffffff94;border:1px solid #9d5b2f24;border-radius:13px;padding:10px}.rule-grid strong{color:var(--deep-green);margin-bottom:5px;font-size:15px;display:block}.rule-grid span{color:var(--muted);font-size:13px;line-height:1.5;display:block}.quiz-progress-card{background:linear-gradient(135deg,#dff1ebf2,#fffaf0f2);border:1px solid #2c9d8d33;border-radius:16px;margin:0 0 15px;padding:13px}.quiz-progress-card>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.quiz-progress-card strong{color:var(--deep-green)}.quiz-progress-card span{color:var(--muted);font-size:13px}.progress-track{background:#14675d1f;border-radius:999px;height:10px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--gold));height:100%;transition:width .22s;display:block}.sticky-submit{margin-top:12px;box-shadow:0 14px 26px #9a5a313d}.result-action-card{text-align:center}.result-icon{background:var(--deep-green);color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:10px;font-size:30px;font-weight:900;display:inline-grid;box-shadow:0 12px 24px #14675d2e}.fail-card .result-icon{background:var(--danger)}.strong-hint{width:fit-content;color:var(--brown);background:#c987451f;border:1px solid #c987453d;border-radius:999px;margin:8px auto 0;padding:8px 12px;font-weight:900;display:inline-flex}.admin-header{justify-content:space-between;align-items:center;display:flex}.admin-tabs{gap:8px;margin-bottom:8px;padding-bottom:10px;display:flex;overflow-x:auto}.tab-btn{width:auto;min-width:max-content;color:var(--deep-green);border:1px solid var(--line);background:#ffffffb3}.tab-btn.active{background:var(--deep-green);color:#fff}.admin-login{margin-top:18vh}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-card{background:var(--light-green);border-radius:18px;padding:15px}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{color:var(--deep-green);margin-top:5px;font-size:30px;display:block}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #1f8a681a;padding:12px;font-size:14px}th{color:var(--deep-green);background:#f3faf6}.filter-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.redeem-box{grid-template-columns:1.2fr .8fr auto;align-items:start;gap:10px;display:grid}.code-input{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.redemption-detail{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:14px;padding:16px}.redemption-detail.redeemed{border-color:#b94a4842}.prize-list,.question-admin-list{gap:12px;display:grid}.editor-card{box-shadow:none;background:#fff}.stock-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stock-grid label,.option-edit,.switch-row{color:var(--muted);font-size:14px;display:block}.stock-grid small{color:var(--muted);margin-top:-6px;display:block}.option-edit{grid-template-columns:28px 1fr;align-items:center;gap:8px;display:grid}.switch-row{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;display:flex}.switch-row input{width:18px;height:18px}.loading-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;text-align:center;color:var(--deep-green);background:#fffdf7b8;place-items:center;font-weight:800;display:grid;position:fixed;inset:0}.spinner{border:4px solid #1f8a682e;border-top-color:var(--green);border-radius:50%;width:44px;height:44px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:#fff;z-index:30;width:min(100% - 30px,520px);box-shadow:var(--shadow);text-align:center;background:#0f5f4cf2;border-radius:16px;padding:12px 16px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@media (width<=760px){.metric-grid,.filter-grid,.stock-grid,.redeem-box{grid-template-columns:1fr}.admin-header,.section-title-row{flex-direction:column}.hero-meta{grid-template-columns:1fr}.banner-placeholder h1{font-size:34px}body{font-size:16px}}@media (width<=420px){.app-shell{padding-left:10px;padding-right:10px}.event-hero .poster-hero{margin-left:-10px;margin-right:-10px}.hero-card{margin-left:2px;margin-right:2px;padding:14px 15px 12px}.hero-highlights{font-size:12px}.flow-progress{gap:4px}.rule-grid{grid-template-columns:1fr}.quiz-progress-card>div:first-child{display:block}.quiz-progress-card span{margin-top:4px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}