:root{--brand:#f15f2b;--brand2:#ff9a38;--ink:#172736;--muted:#758391;--line:#e7ebee;--soft:#f6f8f9;--paper:#fff;--page:#f2f3f4}
[hidden]{display:none!important}
*{box-sizing:border-box}html{min-width:320px;background:var(--page)}body{margin:0;color:var(--ink);background:var(--page);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}.landing{position:relative;width:min(100%,430px);min-height:100vh;margin:auto;overflow:hidden;background:#fff}.site-head{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.brand{width:124px;height:38px;object-fit:contain}.head-copy{color:#9b6d51;font-size:11px;white-space:nowrap}.wide-banner{display:block;width:100%;aspect-ratio:2.22/1;object-fit:cover;background:#eee}.banner-wrap{overflow:hidden}.identity{display:flex;align-items:center;gap:11px;min-width:0}.game-icon{width:60px;height:60px;flex:0 0 auto;border-radius:15px;object-fit:cover;box-shadow:0 5px 14px rgba(38,50,60,.12)}.identity-copy{min-width:0;flex:1}.game-name{margin:0;font-size:21px;line-height:1.25;font-weight:850;white-space:nowrap}.subtitle{margin-top:4px;color:var(--muted);font-size:11px}.tags{display:flex;gap:5px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;margin-top:8px}.tag{display:inline-flex;align-items:center;flex:0 0 auto;height:22px;padding:0 7px;border:1px solid #f0d5bc;border-radius:999px;color:#bf5b28;background:#fff6ef;font-size:10px;white-space:nowrap}.tag:nth-child(even){color:#268063;border-color:#cce7dd;background:#f0faf6}.save-mini{flex:0 0 auto;border:0;border-radius:11px;padding:8px 9px;color:#a15122;background:#fff0e5;font-size:11px;font-weight:750;line-height:1.25}.notice-stack{display:grid;gap:7px}.notice{width:100%;height:36px;border:0;border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:8px;background:#fff8ef;color:#75513b;font-size:12px;text-align:left}.notice.blue{background:#eef5ff;color:#3f638f}.notice-label{flex:0 0 auto;font-weight:850}.notice-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-date{flex:0 0 auto;margin-left:auto;font-size:10px;opacity:.7}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.primary-button{height:46px;border:0;border-radius:13px;color:#fff;font-weight:850}.primary-button.register{background:linear-gradient(135deg,#ff913b,#f15f2b)}.primary-button.download{background:linear-gradient(135deg,#5c83e9,#315ee8)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-button{min-width:0;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;color:#3e4c58;font-size:12px;font-weight:750}.tool-button.full{grid-column:1/-1}.tool-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;color:#e36731;background:#fff0e8}.tool-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.section-title{margin:0 0 11px;font-size:16px;font-weight:850}.activation{margin-bottom:10px;color:var(--muted);font-size:11px}.activation b{color:var(--ink)}.codes{display:grid;gap:9px}.code-card{min-width:0;border:1px solid #eee1d4;border-radius:13px;padding:11px;background:#fffaf6}.code-top{display:flex;align-items:center;gap:8px}.code-label{flex:0 0 auto;padding:3px 6px;border-radius:6px;color:#a95b30;background:#ffeadc;font-size:10px}.code-value{min-width:0;font-size:15px;font-weight:900;letter-spacing:.4px}.code-date{margin-left:auto;flex:0 0 auto;color:#a49387;font-size:9px}.copy-btn{flex:0 0 auto;border:0;border-radius:8px;padding:6px 8px;color:#a85325;background:#ffe9db;font-size:10px;font-weight:750}.code-desc{margin-top:8px;color:#626e79;font-size:11px;line-height:1.55}.benefit{margin-top:9px;padding:11px 12px;border-radius:12px;background:#f5f8f7;color:#5d6964;font-size:11px;line-height:1.7}.benefit b{margin-right:7px;color:#24755e}.faq{border-top:1px solid var(--line)}.faq:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;padding:13px 0;font-size:12px;font-weight:750;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:#a5adb5;font-size:17px;font-weight:400}.faq[open] summary:after{content:"−"}.faq-answer{padding:0 0 12px;color:var(--muted);font-size:11px;line-height:1.65}.more-games{margin:0 16px 18px;height:44px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#68747f;font-size:12px;font-weight:750;text-decoration:none}.footer{padding:17px 16px 28px;border-top:1px solid var(--line);color:#a1a8ae;text-align:center;font-size:10px;line-height:1.7}

/* 方案1：首页游戏卡片延展 */
.r1{background:#faf8f6}.r1 .site-head{height:72px;flex-direction:column;justify-content:center;gap:1px}.r1 .brand{width:146px}.r1 .head-copy{font-size:10px}.r1 .identity-card{margin:12px 14px;padding:12px;border:1px solid #eadfd8;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(72,48,34,.05)}.r1 .banner-wrap{margin:0 14px;border-radius:16px}.r1 .notice-stack,.r1 .action-zone{margin:11px 14px 0}.r1 .action-zone{padding:13px;border-radius:17px;background:#fff}.r1 .tool-grid{margin-top:9px}.r1 .welfare-zone,.r1 .faq-zone{margin:11px 14px;padding:14px;border-radius:17px;background:#fff}

/* 方案2：电商商品详情 */
.r2{background:#fff}.r2 .site-head{border-bottom:1px solid #f0e5dd}.r2 .banner-wrap{margin:10px 14px 0;border-radius:16px}.r2 .product{padding:14px 16px 12px}.r2 .product-line{display:flex;align-items:start;gap:10px}.r2 .discount{margin-left:auto;flex:0 0 auto;color:#f05a27;text-align:right}.r2 .discount strong{display:block;font-size:21px}.r2 .discount small{font-size:10px}.r2 .identity{margin-top:11px}.r2 .game-icon{width:48px;height:48px;border-radius:12px}.r2 .notice-stack{margin:0 16px 11px}.r2 .action-zone{padding:13px 16px;border-block:8px solid #f5f5f5}.r2 .tool-grid{margin-top:9px;grid-template-columns:repeat(3,1fr)}.r2 .tool-button{height:52px;flex-direction:column;gap:3px;border:0;background:#f7f8f9;font-size:10px}.r2 .tool-button.full{grid-column:auto}.r2 .welfare-zone{padding:15px 16px}.r2 .code-card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:11px 0;background:#fff}.r2 .faq-zone{padding:0 16px 16px}

/* 方案3：福利优先清单 */
.r3{background:#fff8f1}.r3 .site-head{background:#fff}.r3 .identity-card{padding:13px 16px;background:#fff}.r3 .banner-wrap{margin:0 16px;border-radius:14px}.r3 .welfare-zone{margin:12px 12px 0;padding:15px;border-radius:19px;background:#fff;box-shadow:0 9px 26px rgba(119,76,41,.07)}.r3 .welfare-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.r3 .welfare-head .section-title{margin:0}.r3 .welfare-count{font-size:10px;color:#c26c38}.r3 .code-card{border-color:#f2d8c3;background:linear-gradient(135deg,#fffaf5,#fff3e8)}.r3 .code-value{color:#c4501f}.r3 .notice-stack{margin:11px 16px}.r3 .action-zone{margin:0 12px;padding:14px;border-radius:18px;background:#fff}.r3 .tool-grid{margin-top:9px}.r3 .faq-zone{margin:12px;padding:14px;border-radius:18px;background:#fff}

/* 方案4：游戏工具台 */
.r4{background:#f3f6f8}.r4 .site-head{background:#fff}.r4 .dashboard-head{padding:13px 16px;background:#fff}.r4 .banner-wrap{margin:0 16px;border-radius:14px}.r4 .primary-actions{margin:11px 16px}.r4 .tools-panel{margin:0 16px;padding:0 13px;border-radius:16px;background:#fff}.r4 .tool-button{width:100%;height:48px;border:0;border-bottom:1px solid var(--line);border-radius:0;justify-content:flex-start;background:#fff;font-size:12px}.r4 .tool-button:last-child{border-bottom:0}.r4 .tool-button:after{content:"›";margin-left:auto;color:#a4abb1;font-size:18px;font-weight:400}.r4 .notice-stack{margin:11px 16px}.r4 .welfare-zone,.r4 .faq-zone{margin:11px 16px;padding:14px;border-radius:16px;background:#fff}.r4 .code-card{background:#fff;border-color:#dfe6ea}

/* 方案5：轻量游戏刊页 */
.r5{background:#fff}.r5 .site-head{height:58px;padding-block:10px;border-bottom:3px double #25313b}.r5 .head-copy{color:#5f6b74;font-size:10px;font-weight:700}.r5 .r5-banner{margin:0;border-radius:0}.r5 .story{padding:14px 16px}.r5 .story .game-name{font-size:21px}.r5 .story .game-icon{width:52px;height:52px;border-radius:12px}.r5 .notice-stack{margin:0 16px 12px}.r5 .notice{border-radius:0;border-left:3px solid #ef6a34}.r5 .notice.blue{border-left-color:#4773bd}.r5 .action-zone{padding:13px 16px;border-block:1px solid var(--line)}.r5 .primary-button{border-radius:4px}.r5 .tool-grid{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:8px}.r5 .tool-button{min-width:0;height:44px;border:1px solid var(--line);border-radius:12px;padding:0 9px;background:#fff;display:flex;flex:initial;align-items:center;justify-content:center;gap:7px;font-size:12px}.r5 .tool-button.full{grid-column:1/-1}.r5 .tool-icon{display:grid}.r5 .welfare-zone{padding:16px}.r5 .code-card{border-radius:4px;border-left:3px solid #ef6a34;background:#fff}

.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(12,18,24,.54)}.modal.open{display:flex}.modal-card{width:min(100%,390px);max-height:86vh;overflow:auto;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.28)}.modal-head{position:sticky;z-index:2;top:0;display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.modal-head h3{margin:0;flex:1;font-size:16px}.modal-close{width:34px;height:34px;border:0;border-radius:50%;background:#eef1f3;font-size:20px}.modal-body{padding:15px}.modal-body p{margin:0 0 9px;font-size:13px;line-height:1.65}.modal-tip{padding:10px 11px;border-radius:10px;color:#865823;background:#fff5e5}.modal-code{margin:12px 0;padding:13px;border:1px dashed #efbd62;border-radius:11px;text-align:center;font-size:21px;font-weight:900;letter-spacing:2px}.modal-primary{width:100%;height:42px;border:0;border-radius:11px;color:#fff;background:#f15f2b;font-weight:850}.recharge-fixed{display:grid;gap:6px;margin-bottom:12px}.recharge-fixed div{padding:9px 10px;border-radius:9px;color:#8b4e1b;background:#fff1dc;font-size:11px;font-weight:700}.recharge-guide-text{margin-bottom:11px;padding:11px;border-radius:10px;background:#f6f8fa;font-size:12px;line-height:1.65}.recharge-image{width:100%;height:auto;display:block;border-radius:10px;background:#f2f3f4}.contact-row{margin-top:10px;padding:11px;border-radius:10px;background:#f6f8fa;display:flex;align-items:center;gap:8px}.contact-row b{flex:1}.toast{position:fixed;z-index:80;left:50%;bottom:22px;transform:translate(-50%,14px);max-width:calc(100% - 32px);padding:9px 13px;border-radius:10px;color:#fff;background:rgba(34,40,46,.84);opacity:0;pointer-events:none;transition:.2s;font-size:12px;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:360px){.game-name{font-size:19px}.save-mini{padding-inline:7px}.r2 .tool-grid{grid-template-columns:1fr 1fr}.r2 .tool-button.full{grid-column:1/-1}}

/* 方案5本轮调整 */
.notice-view{flex:0 0 auto;padding:3px 6px;border-radius:6px;color:#3767a4;background:#dceaff;font-size:9px;font-weight:800}
.r5 .site-head{height:62px;padding-block:10px}
.r5 .brand{width:112px}
.r5 .head-copy{color:#344451;font-size:12px;font-weight:850;letter-spacing:.01em}.r5 .promo-slogan{display:grid;gap:2px;text-align:right;line-height:1.1}.r5 .promo-slogan b{font-size:13px}.r5 .promo-slogan strong{color:#e85c28;font-size:12px}
.r5 .r5-banner{width:calc(100% - 32px);margin:13px 16px 0;border-radius:16px}
.r5 .notice .notice-text{min-width:0;flex:1}
.r5 .notice-date{margin-left:0}
.r5 .action-zone{padding:13px 16px;border-block:1px solid #e0e5e8;background:#f3f6f8}
.r5 .primary-button{border-radius:9px;box-shadow:0 5px 12px rgba(35,49,61,.10)}
.r5 .tool-grid{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:8px}
.r5 .tool-button{min-width:0;height:44px;border:1px solid #d5dde3;border-radius:11px;padding:0 9px;background:#fff;display:flex;flex:initial;align-items:center;justify-content:center;gap:7px;color:#344451;font-size:12px;box-shadow:0 3px 9px rgba(38,51,62,.07)}
.r5 .tool-button.full{grid-column:1/-1}
.r5 .tool-icon{display:grid;background:#ffede3}
@media(max-width:360px){.r5 .brand{width:102px}.r5 .head-copy{font-size:11px}.r5 .notice-view{padding-inline:5px}}