:root{--bg:#f5f8ff;--card:#fff;--ink:#172033;--muted:#65728a;--line:#dfe7f5;--blue:#2563eb;--blue-dark:#1d4ed8;--orange:#f59e0b;--green:#16a34a;--red:#dc2626;--soft-blue:#eaf1ff;--soft-orange:#fff7e7;--shadow:0 20px 50px #2563eb1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 12% 0,#f59e0b29,#0000 280px),radial-gradient(circle at 85% 5%,#2563eb2e,#0000 260px),linear-gradient(#f8fbff 0%,#eef5ff 100%);margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.page{width:min(100%,560px);margin:0 auto;padding:18px 14px 36px}.hero{background:linear-gradient(135deg, #2563ebf0, #1d4ed8f5), var(--blue);color:#fff;box-shadow:var(--shadow);border:1px solid #2563eb24;border-radius:30px;padding:28px 22px 24px;overflow:hidden}.pill{background:#ffffff21;border:1px solid #ffffff38;border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.08em;margin:18px 0 12px;font-size:clamp(31px,10vw,48px);line-height:1.02}.hero p{color:#ffffffdb;margin:0;font-size:15px;line-height:1.75}.hero-list{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px;display:grid}.hero-list span{background:#ffffff21;border-radius:14px;padding:10px;font-size:13px;font-weight:700}.section{border:1px solid var(--line);background:#ffffffe0;border-radius:26px;margin-top:14px;padding:16px;box-shadow:0 12px 32px #1720330f}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-title h2{margin:0;font-size:19px}.section-title span{color:var(--muted);font-size:12px}.field{gap:9px;margin-top:14px;display:grid}.field label{font-size:14px;font-weight:800}.segmented{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.segmented.three{grid-template-columns:repeat(3,1fr)}.option{border:1px solid var(--line);min-height:46px;color:var(--muted);cursor:pointer;text-align:center;background:#fff;border-radius:15px;padding:10px 9px;font-size:13px;font-weight:800;line-height:1.3}.option.active{border-color:var(--blue);color:var(--blue);background:var(--soft-blue)}.option:disabled{cursor:not-allowed;color:#a6b0c2;background:#f3f6fb;border-color:#e8edf6}.field-note{color:var(--muted);margin:-1px 0 0;font-size:12px;line-height:1.55}.redeem{gap:10px;margin-top:12px;display:grid}.redeem input{border:1px solid var(--line);height:48px;color:var(--ink);background:#fff;border-radius:15px;outline:none;padding:0 13px}.redeem input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2563eb1a}.tier-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.tier-tab{border:1px solid var(--line);min-height:68px;color:var(--muted);cursor:pointer;text-align:center;background:#fff;border-radius:17px;gap:4px;padding:10px 6px;display:grid}.tier-tab strong{color:var(--ink);font-size:18px;line-height:1.1}.tier-tab span{font-size:12px;font-weight:900;line-height:1.25}.tier-tab.active{border-color:var(--blue);background:var(--soft-blue);box-shadow:inset 0 0 0 1px #2563eb29}.tier-tab.active strong,.tier-tab.active span{color:var(--blue)}.access-panel{border:1px solid var(--line);background:linear-gradient(#fff 0%,#f8fbff 100%);border-radius:22px;gap:13px;margin-top:12px;padding:14px;display:grid}.access-panel.single{background:linear-gradient(#fffaf0 0%,#fff 100%);border-color:#f59e0b61}.access-panel.double{background:linear-gradient(#eef5ff 0%,#fff 100%);border-color:#2563eb57}.access-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.access-head span{color:var(--muted);background:#1720330f;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.access-head strong{color:var(--ink);font-size:17px}.access-copy{gap:10px;display:grid}.access-copy p,.access-copy ul{margin:0}.access-copy p,.access-copy li{color:var(--muted);font-size:13px;line-height:1.65}.access-copy ul{gap:6px;padding-left:1.1rem;display:grid}.single-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mini-choice,.lock-confirm,.lock-state button{cursor:pointer;border:0;font-weight:900}.mini-choice{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#fff;border-radius:14px}.mini-choice.active{border-color:var(--orange);background:var(--soft-orange);color:#9a5b00}.mini-choice:disabled{cursor:not-allowed;opacity:.72}.lock-confirm{color:#fff;background:#111827;border-radius:15px;min-height:44px}.lock-state{color:#9a5b00;background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:900;display:flex}.lock-state button{background:var(--soft-blue);color:var(--blue);border-radius:999px;padding:7px 10px;font-size:12px}.tier-reminder{color:var(--muted);background:#f8fbff;border-radius:16px;margin-top:10px;padding:11px 12px;font-size:12px;font-weight:800;line-height:1.55}.primary{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:18px;width:100%;min-height:54px;margin-top:16px;font-size:16px;font-weight:900;box-shadow:0 14px 26px #2563eb3d}.primary:disabled{cursor:not-allowed;opacity:.62}.primary:not(:disabled):active{transform:translateY(1px)}.secondary{border:1px solid var(--line);min-height:44px;color:var(--blue);cursor:pointer;background:#fff;border-radius:15px;font-weight:800}.actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.notice{background:var(--soft-orange);color:#8a5a10;border-radius:16px;padding:12px;font-size:12px;font-weight:700;line-height:1.65}.error{color:var(--red);background:#fff0f0;border-radius:16px;padding:12px;font-size:13px;font-weight:800;line-height:1.6}.result{gap:13px;display:grid}.result-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:17px}.result-head{background:linear-gradient(135deg, var(--soft-blue), #fff);border-radius:20px;padding:16px}.result-head h2{letter-spacing:-.04em;margin:0 0 8px;font-size:22px}.result-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.block h3{align-items:center;gap:8px;margin:0 0 9px;font-size:17px;display:flex}.block h3:before{content:"";background:var(--orange);border-radius:99px;width:8px;height:18px}.theme,.prompt{background:#f8fbff;border-radius:17px;margin-top:8px;padding:13px}.theme strong,.prompt strong{color:var(--blue-dark);margin-bottom:5px;display:block}.theme p,.prompt p{color:var(--muted);margin:4px 0;font-size:13px;line-height:1.65}ul,ol{padding-left:1.25rem}li{color:var(--muted);margin:7px 0;line-height:1.65}.lock-card{background:linear-gradient(135deg,#fff8e9,#fff);border:1px solid #f59e0b5c;border-radius:24px;padding:16px}.lock-card h2{margin:0 0 8px;font-size:20px}.lock-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.footer{color:var(--muted);text-align:center;padding:22px 4px 0;font-size:12px;line-height:1.7}