:root{--didi:#ff6400;--didi-2:#ff8533;--didi-deep:#e85a00;--ink:#333333;--ink-2:#666666;--muted:#999999;--line:#f0f0f0;--paper:#fff8f2;--card:#ffffff;--amber:#ffd666;--ease:cubic-bezier(0.22, 1, 0.36, 1);--shadow:0 10px 28px rgba(255, 100, 0, 0.1)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{font-family:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;background:#f0d9c8;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}.stage{width:min(980px,100%);margin:0 auto;min-height:100dvh;background:linear-gradient(180deg,#fff3e8 0,var(--paper) 40%,#fff 100%);overflow:hidden;box-shadow:0 0 40px rgba(120,50,0,.08);padding-bottom:max(28px,env(safe-area-inset-bottom))}.hero{position:relative;padding:16px 16px 58px;color:#fff;overflow:hidden;min-height:268px;background:#ff6400}.hero-visual{position:absolute;inset:0;background:url("assets/hero-bg.jpg") right center/cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,100,0,.82) 0,rgba(255,100,0,.55) 42%,rgba(255,100,0,.08) 72%,transparent 100%),linear-gradient(180deg,rgba(255,120,40,.15) 0,transparent 40%,rgba(230,70,0,.2) 100%);pointer-events:none}.hero-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:block;width:86px;height:auto;filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(80, 20, 0, .25))}.rule-entry{appearance:none;border:0;background:rgba(0,0,0,.28);color:#fff;font-size:12px;font-weight:650;padding:7px 14px;border-radius:999px;cursor:pointer;backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.hero-body{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr 0.85fr;align-items:end;gap:4px;margin-top:18px;min-height:168px}.hero-copy{padding-bottom:8px}.hero-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:rgba(20,20,20,.78);color:#fff;font-size:12px;font-weight:750;box-shadow:0 6px 14px rgba(0,0,0,.16)}.hero-badge i{width:8px;height:8px;background:var(--amber);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.hero-title{margin-top:14px;font-size:clamp(28px, 7.2vw, 40px);font-weight:900;line-height:1.02;letter-spacing:.04em;color:#fff;white-space:nowrap;text-shadow:0 2px 0 rgba(120,40,0,.25),0 10px 24px rgba(90,20,0,.28)}.hero-desc{margin-top:10px;font-size:12px;font-weight:600;color:rgba(255,255,255,.92);text-shadow:0 1px 4px rgba(120,40,0,.25)}.hero-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.hero-tags li{padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);font-size:11px;font-weight:700;backdrop-filter:blur(8px);box-shadow:0 4px 10px rgba(90,30,0,.12)}.hero-art{min-height:160px}.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:22px;background:linear-gradient(180deg,transparent,#fff3e8 30%,#fff3e8);border-radius:18px 18px 0 0;z-index:4}main{position:relative;z-index:5;margin-top:-6px;padding:0 14px 8px}.card{background:var(--card);border-radius:20px;box-shadow:var(--shadow);padding:18px 16px 16px;margin-bottom:12px}.action{text-align:center}.timer{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px}.timer b{display:inline-block;min-width:72px;padding:5px 10px;border-radius:8px;background:linear-gradient(180deg,#3a3a3a,#1f1f1f);color:#fff;font-size:13px;font-weight:800}.timer span{font-size:13px;font-weight:650}.action h2{font-size:20px;font-weight:900}.guide-tip,.kami em,.step-block>p,.sub{color:var(--muted);font-size:13px;line-height:1.6}.sub{margin:6px 0 16px}.flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:4px;margin:0 auto 16px;max-width:420px;padding:14px 12px;border-radius:14px;background:linear-gradient(180deg,#fff8f2,#fff);border:1px solid #ffe8d6}.flow-item{display:grid;justify-items:center;gap:6px;font-size:14px;color:var(--ink-2);font-weight:700}.flow-item b{width:34px;height:34px;border-radius:50%;background:#ffe8d6;color:var(--didi);display:grid;place-items:center;font-size:15px}.flow-item.is-active b,.flow-item.is-done b{background:linear-gradient(180deg,#ff8533,#ff6400);color:#fff;box-shadow:0 4px 10px rgba(255,100,0,.28)}.flow>i{height:3px;border-radius:999px;background:linear-gradient(90deg,#ffd0a8,var(--didi))}.step-block{text-align:left;margin-top:10px;padding:14px;border-radius:16px;background:#fff8f2;border:1px solid #ffe0cc}.step-block+.step-block{margin-top:10px}.step-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.step-head em{font-style:normal;font-size:12px;font-weight:900;color:var(--didi)}.step-head h3{font-size:16px;font-weight:800}.step-block .cta{margin-top:12px}.link-jump{display:inline-flex;margin-top:10px;color:var(--didi);font-size:14px;font-weight:750;text-decoration:none}.kami{margin:10px 0 0;padding:12px 14px;border-radius:12px;background:#fff;border:1px dashed #ffc9a3;text-align:left}.kami-head{display:flex;align-items:center;justify-content:space-between}.kami-head span{font-size:12px;color:var(--muted)}.kami-head i{font-style:normal;font-size:10px;font-weight:750;color:var(--didi);background:#fff3ea;border-radius:999px;padding:2px 7px}.kami strong{display:block;margin:6px 0 2px;font-size:20px;letter-spacing:.04em;word-break:break-all;line-height:1.3}.kami strong.is-empty{color:var(--muted);font-size:15px;font-weight:650}.kami em{font-style:normal;font-size:12px}.cta-wrap{position:relative;padding-top:18px}.bubble{position:absolute;left:50%;top:0;transform:translateX(-50%);width:max-content;padding:4px 10px;border-radius:8px;background:#333;color:#fff;font-size:12px;font-weight:650}.bubble::after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;margin-left:-4px;background:#333;transform:rotate(45deg)}.cta{appearance:none;border:0;width:100%;min-height:48px;border-radius:24px;background:linear-gradient(180deg,#ff8533 0,#ff6400 100%);color:#fff;font-size:17px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 0 #d95500,0 12px 20px rgba(255,100,0,.28);transition:transform .2s var(--ease),opacity .2s var(--ease)}.cta svg{width:20px;height:20px}.cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.cta:not(:disabled):active{transform:translateY(2px)}.title{font-size:17px;font-weight:900;margin-bottom:12px}.title span{position:relative;display:inline-block;padding-bottom:2px}.title span::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:7px;background:rgba(255,100,0,.18);border-radius:999px;z-index:-1}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.benefit{padding:10px 6px;border-radius:12px;background:linear-gradient(180deg,#fff8f2,#fff);border:1px solid #ffe8d6;text-align:center}.benefit b{display:block;font-size:15px;color:var(--didi);font-weight:900}.benefit span{display:block;margin-top:2px;font-size:11px;color:var(--muted)}#introText{white-space:pre-line;font-size:14px;line-height:1.75;color:#555}.notice-inline{margin-top:14px;padding:12px;border-radius:12px;background:#fff7f0;border:1px solid #ffe4cc}.notice-inline h4{font-size:14px;margin-bottom:6px}.notice-inline p{font-size:12px;line-height:1.6;color:var(--muted)}.notice-inline p+p{margin-top:4px}.notice-link{appearance:none;border:0;background:0 0;color:var(--didi);font-size:12px;font-weight:750;margin-top:8px;padding:0;cursor:pointer;display:block}.gallery{display:grid;gap:8px;margin-top:8px}.gallery img{width:100%;height:auto;display:block;border-radius:12px;background:#fff7f0;border:1px solid var(--line)}.guide-tip{margin:0 0 6px;text-align:center}.page-foot{padding:18px 8px 8px;text-align:center}.page-foot img{width:64px;height:auto;opacity:.35;filter:grayscale(1)}.page-foot p{margin-top:6px;font-size:11px;color:#bbb;line-height:1.5}.agree,.drawer,.sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.agree,.drawer{align-items:center;padding:16px}.agree[hidden],.drawer[hidden],.sheet[hidden]{display:none!important}.agree-mask,.drawer-mask,.sheet-mask{position:absolute;inset:0;background:rgba(0,0,0,.48)}.sheet-panel{position:relative;z-index:1;width:min(430px,100%);max-height:min(70dvh,520px);overflow:auto;background:#fff;border-radius:16px 16px 0 0;padding:16px 16px max(18px,env(safe-area-inset-bottom))}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-head h3{font-size:17px;font-weight:800}.sheet-close{appearance:none;border:0;width:32px;height:32px;border-radius:50%;background:#f5f5f5;color:#666;font-size:22px;line-height:1;cursor:pointer}.sheet-body{font-size:14px;line-height:1.75;color:#555;white-space:pre-line}.agree-panel,.drawer-panel{position:relative;z-index:1;width:min(360px,100%);background:#fff;border-radius:18px;padding:20px 18px 18px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.agree-brand{display:flex;justify-content:center;margin-bottom:8px}.agree-brand img{width:72px;height:auto}.agree-panel h2{font-size:20px;text-align:center;margin-bottom:12px}.agree-body{max-height:min(42dvh,280px);overflow-y:auto;padding:14px;border-radius:12px;background:#fff7f0;margin-bottom:14px}.agree-body p{font-size:14px;line-height:1.7;color:#555}.agree-body p+p{margin-top:10px}.agree-check{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px;font-size:13px;cursor:pointer;user-select:none}.agree-check input{margin-top:2px;width:16px;height:16px;accent-color:var(--didi)}.drawer-panel{width:min(340px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:16px 16px 18px;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .2s,transform .2s}.drawer-mask{opacity:0;transition:opacity .2s}.drawer.is-open .drawer-mask{opacity:1}.drawer.is-open .drawer-panel{opacity:1;transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer-step{font-size:12px;font-weight:800;color:var(--didi)}.drawer-head h3{font-size:18px;margin-top:2px}.drawer-close{appearance:none;border:0;background:#fff3ea;color:var(--ink);border-radius:999px;min-height:34px;padding:0 12px;font-size:13px;font-weight:650;cursor:pointer}.drawer-panel .qr-tip,.qr-tip{margin:0 0 10px;font-size:13px;line-height:1.45;color:var(--didi);font-weight:800;text-align:center}.drawer-qr{margin:0 auto 10px;padding:12px;width:220px;max-width:100%;border-radius:16px;background:linear-gradient(180deg,#fff8f2,#fff);border:1px solid #ffe0cc}.drawer-qr img{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:10px;background:#fff}.drawer-note{text-align:center;font-size:12px;color:var(--muted);margin:0 0 12px}body.agree-lock,body.drawer-open,body.sheet-open{overflow:hidden}body.agree-lock .stage{pointer-events:none;user-select:none}.toast{position:fixed;left:50%;top:42%;z-index:1400;transform:translate(-50%,-10px);padding:12px 18px;border-radius:12px;background:rgba(30,30,30,.9);color:#fff;font-size:15px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .28s var(--ease),transform .28s var(--ease)}.toast.is-show{opacity:1;transform:translate(-50%,0)}@media (max-width:760px){.stage{width:min(430px,100%)}}@media (prefers-reduced-motion:reduce){.cta,.drawer-mask,.drawer-panel,.toast{transition:none}}