[hidden]{display:none!important}
body.blindbox-demo{min-width:0;background:#eef1f4;color:#252b33;letter-spacing:0;color-scheme:light}
.site-header .container:after{content:"";display:block;clear:both}
.header-icon-button{width:100%;height:100%;padding:0;background:transparent;border:0;color:inherit;cursor:pointer}
.site-header.nav-open .layui-nav{display:block}
.blindbox-page{position:relative;min-height:calc(100vh - 70px);padding-top:70px;overflow:hidden;isolation:isolate}
.blindbox-page:before{position:absolute;content:"";z-index:-1;top:0;bottom:0;left:0;width:38%;background:#15181d}
.blindbox-stage{width:1320px;max-width:calc(100% - 40px);min-height:calc(100vh - 160px);margin:0 auto;padding:46px 0;box-sizing:border-box;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(540px,1.18fr);gap:58px;align-items:center}
.blindbox-page.has-result .blindbox-stage{min-height:0;padding-bottom:22px}
.picker-intro{min-width:0;color:#fff}
.picker-kicker{display:block;margin-bottom:15px;color:#4aa3ff;font-size:12px;font-weight:700;line-height:20px}
.picker-intro h1{margin:0;max-width:520px;color:#fff;font-size:46px;font-weight:800;line-height:1.25}
.picker-copy{margin:14px 0 0;color:#b9c0c9;font-size:16px;line-height:1.8}
.picker-controls{max-width:480px;margin-top:36px;border-top:1px solid #363b42;border-bottom:1px solid #363b42}
.control-field,.switch-control{display:flex;align-items:center;justify-content:space-between;min-height:68px;box-sizing:border-box}
.control-field{border-bottom:1px solid #363b42}
.control-field>span,.switch-control strong{color:#f4f6f8;font-size:14px;font-weight:600}
.control-field select{width:190px;height:40px;padding:0 34px 0 12px;border:1px solid #4b515a;border-radius:5px;background:#23272d;color:#fff;outline:0;cursor:pointer}
.control-field select:focus{border-color:#4aa3ff}
.switch-control{position:relative;cursor:pointer}
.switch-control>span{display:block}
.switch-control small{display:block;margin-top:3px;color:#8f98a4;font-size:12px;line-height:18px}
.switch-control input{position:absolute;opacity:0;pointer-events:none}
.switch-control>i{position:relative;width:42px;height:24px;flex:0 0 42px;margin-left:20px;border-radius:14px;background:#4b515a;transition:background-color .2s}
.switch-control>i:after{position:absolute;content:"";top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.switch-control input:checked+i{background:#007bf5}
.switch-control input:checked+i:after{transform:translateX(18px);background:#fff}
.switch-control input:focus-visible+i{outline:2px solid #fff;outline-offset:3px}
.switch-control input:disabled+i{cursor:not-allowed;opacity:.45}
.picker-actions{display:flex;align-items:center;gap:16px;margin-top:28px}
.draw-button{display:inline-flex;align-items:center;justify-content:center;width:190px;height:48px;border:0;border-radius:6px;background:#007bf5;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,background-color .2s}
.draw-button i{margin-right:9px}
.draw-button:hover{background:#268fff;transform:translateY(-2px)}
.draw-button:disabled{cursor:wait;opacity:.72;transform:none}
.draw-button.is-loading i{animation:blindbox-spin .8s linear infinite}
.pool-status{color:#8f98a4;font-size:12px;line-height:20px}
.reveal-area{min-width:0}
.reveal-placeholder,.game-result{width:100%;min-height:560px;border:1px solid #dce1e7;border-radius:8px;background:#fff;box-shadow:0 20px 50px rgba(24,31,40,.12);overflow:hidden}
.reveal-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}
.reveal-placeholder:before{position:absolute;content:"";top:24px;right:24px;bottom:24px;left:24px;border:1px dashed #cbd2da;border-radius:6px}
.reveal-placeholder img{position:relative;width:180px;height:auto;filter:grayscale(1);opacity:.18}
.reveal-placeholder strong{position:relative;margin-top:22px;color:#8e97a2;font-size:14px;font-weight:600}
.reveal-placeholder>span{position:absolute;top:34px;right:42px;color:#007bf5;font-size:72px;font-weight:800;line-height:1}
.reveal-placeholder.is-loading>span{animation:blindbox-pulse .7s ease-in-out infinite alternate}
.game-result{display:grid;grid-template-rows:auto 1fr}
.game-cover-wrap{position:relative;aspect-ratio:460/215;min-height:0;background:#1e2227 url('/static/images/04.jpg') center/cover no-repeat;overflow:hidden}
.game-cover-wrap img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:0}
.game-cover-wrap img.is-compact-cover{position:absolute;top:50%;left:50%;width:auto;height:72%;max-width:72%;margin:0;object-fit:contain;border-radius:6px;transform:translate(-50%,-50%)}
.game-category{position:absolute;left:20px;bottom:18px;padding:6px 10px;border-radius:4px;background:#007bf5;color:#fff;font-size:12px;font-weight:700;line-height:18px}
.game-result-content{display:flex;flex-direction:column;padding:25px 28px 28px;box-sizing:border-box}
.game-meta{display:flex;align-items:center;gap:14px;color:#8b949f;font-size:12px;line-height:20px}
.game-meta span+span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 9px 3px 0;border-radius:50%;background:#b8c0c9}
.game-result h2{margin:10px 0 0;color:#20262e;font-size:26px;font-weight:800;line-height:1.42;word-break:break-word}
.game-result p{display:-webkit-box;margin:13px 0 0;overflow:hidden;color:#69737f;font-size:14px;line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.result-actions{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:22px}
.result-primary,.result-secondary{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:5px;box-sizing:border-box;font-size:14px;font-weight:600;cursor:pointer}
.result-primary{background:#007bf5;color:#fff}
.result-primary:hover{background:#0067d4;color:#fff}
.result-secondary{border:1px solid #d7dde4;background:#fff;color:#4d5661}
.result-secondary:hover{border-color:#aab4bf;color:#20262e}
.result-primary i,.result-secondary i{margin-right:8px}
.draw-history{padding:0 0 28px}
.history-inner{width:1320px;max-width:calc(100% - 40px);margin:0 auto;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(540px,1.18fr);gap:58px}
.history-track{grid-column:2;display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;align-items:center}
.history-inner h2{margin:0;color:#5b6570;font-size:13px;font-weight:600}
.history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.history-item{display:flex;align-items:center;min-width:0;padding:10px;border:1px solid #dce1e7;border-radius:6px;background:#fff;text-align:left;cursor:pointer}
.history-item img{width:48px;height:48px;flex:0 0 48px;margin-right:10px;border-radius:4px;object-fit:cover}
.history-item span{min-width:0}
.history-item strong,.history-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-item strong{color:#333b45;font-size:13px;line-height:20px}
.history-item small{color:#929ba6;font-size:11px;line-height:18px}
.search-dialog{position:fixed;z-index:100000;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;background:rgba(16,19,23,.68)}
.search-dialog-panel{position:relative;width:620px;max-width:calc(100% - 32px);padding:30px;border-radius:8px;background:#fff;box-sizing:border-box}
.search-dialog-panel h2{margin:0;color:#20262e;font-size:22px;font-weight:700;text-align:center}
.search-dialog-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;background:transparent;color:#858e99;cursor:pointer}
.search-dialog form{position:relative;margin-top:26px}
.search-dialog input{width:100%;height:46px;padding:0 52px 0 15px;border:1px solid #dce1e7;border-radius:5px;box-sizing:border-box;outline:0}
.search-dialog input:focus{border-color:#1677ff}
.search-dialog form button{position:absolute;top:0;right:0;width:48px;height:46px;border:0;background:transparent;color:#1677ff;cursor:pointer}
body.night.blindbox-demo{background:#202225;color:#d8dde3;color-scheme:dark}
body.night .blindbox-page{background:#202225}
body.night .blindbox-page:before{background:#111317}
body.night .reveal-placeholder,body.night .game-result,body.night .history-item{background:#2b2d31;border-color:#42454b}
body.night .reveal-placeholder:before{border-color:#50545b}
body.night .game-result h2,body.night .history-item strong{color:#f1f2f3}
body.night .game-result p{color:#b8bdc4}
body.night .game-meta,body.night .placeholder-meta{color:#9ba5b1}
body.night .pool-status,body.night .history-item small,body.night .history-inner h2{color:#a7b0ba}
body.night .result-secondary{background:#34363b;border-color:#50545b;color:#e2e4e7}
body.night .search-dialog-panel{background:#2b2d31}
body.night .search-dialog-panel h2{color:#fff}
body.night .search-dialog input{background:#222429;border-color:#4b4e55;color:#fff}
body.night .search-dialog-close{color:#b7bec7}
@keyframes blindbox-spin{to{transform:rotate(360deg)}}
@keyframes blindbox-pulse{to{transform:scale(1.12);opacity:.55}}
@media screen and (max-width:1320px){.blindbox-stage,.history-inner{width:1180px}.blindbox-stage,.history-inner{grid-template-columns:minmax(320px,.78fr) minmax(500px,1.22fr);gap:42px}}
@media screen and (max-width:1000px){.blindbox-page:before{width:100%;height:430px;bottom:auto}.blindbox-stage{width:760px;max-width:calc(100% - 32px);grid-template-columns:1fr;gap:34px;padding:44px 0}.picker-intro{max-width:680px}.picker-controls{max-width:none}.reveal-placeholder,.game-result{min-height:0}.history-inner{display:block;width:760px;max-width:calc(100% - 32px)}.history-track{display:grid;grid-template-columns:135px minmax(0,1fr)}}
@media screen and (max-width:800px){.site-header .menu{display:block;border:0;background:transparent}.blindbox-page{padding-top:70px}.blindbox-page:before{height:410px}.blindbox-stage{padding:34px 0}.blindbox-page.has-result .blindbox-stage{padding-bottom:18px}.picker-kicker{margin-bottom:10px}.picker-intro h1{font-size:34px}.picker-copy{font-size:14px}.picker-controls{margin-top:25px}.control-field,.switch-control{min-height:62px}.control-field select{width:170px}.picker-actions{margin-top:22px}.reveal-placeholder{height:390px}.game-result h2{font-size:22px}.history-track{display:block}.history-inner h2{margin-bottom:10px}.history-list{grid-template-columns:1fr}.draw-history{padding-bottom:15px}.search-dialog{padding-top:90px}footer .footer{padding-top:24px}}
@media screen and (max-width:480px){.blindbox-page:before{height:430px}.blindbox-stage{max-width:calc(100% - 24px);padding-top:28px}.picker-intro h1{font-size:31px}.picker-copy{line-height:1.7}.control-field{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding:12px 0}.control-field select{width:100%}.picker-actions{align-items:flex-start;flex-direction:column;gap:9px}.draw-button{width:100%}.reveal-placeholder{height:340px}.game-result-content{padding:20px}.game-category{left:14px;bottom:12px}.result-actions{align-items:stretch;flex-direction:column}.result-primary,.result-secondary{width:100%}.history-inner{max-width:calc(100% - 24px)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Tech visual layer */
body.blindbox-demo .site-header{background:rgba(12,16,22,.96);border-bottom:1px solid #29313a;box-shadow:0 3px 16px rgba(0,0,0,.28)}
body.blindbox-demo .site-header .layui-nav .layui-nav-item a,body.blindbox-demo .site-header .night-open,body.blindbox-demo .site-header .search-open,body.blindbox-demo .site-header .user-open a,body.blindbox-demo .site-header .menu{color:#cbd3dc}
body.blindbox-demo .site-header .layui-nav .layui-nav-item a:hover{color:#35d4ff}
body.blindbox-demo .site-header .layui-nav .layui-nav-item:after{background:#35d4ff}
.blindbox-page:before{width:40%;background:#0c1016}
.tech-backdrop{position:absolute;z-index:-1;top:70px;bottom:0;left:0;width:40%;overflow:hidden;pointer-events:none}
.tech-line{position:absolute;display:block;background:#25313d;opacity:.75}
.tech-line-a{top:15%;right:0;width:72%;height:1px}
.tech-line-b{top:72%;right:8%;width:48%;height:1px}
.tech-line-c{top:8%;right:13%;width:1px;height:26%}
.tech-line-d{right:25%;bottom:6%;width:1px;height:23%}
.tech-node{position:absolute;display:block;width:7px;height:7px;border:1px solid #35d4ff;background:#0c1016;transform:rotate(45deg)}
.tech-node-a{top:15%;right:13%}
.tech-node-b{right:25%;bottom:29%}
.picker-intro{position:relative}
.picker-intro:before{position:absolute;content:"";top:-30px;left:0;width:54px;height:3px;background:#35d4ff}
.system-status{display:flex;align-items:center;width:max-content;max-width:100%;margin-bottom:12px;color:#71e5a1;font:700 11px/20px Consolas,Monaco,monospace}
.system-status>i{width:7px;height:7px;margin-right:8px;border-radius:50%;background:#52e88b;box-shadow:0 0 0 4px rgba(82,232,139,.1);animation:tech-status 1.2s ease-in-out infinite alternate}
.system-status>b{margin-left:12px;padding:0 6px;border:1px solid #394652;border-radius:3px;color:#84909d;font-weight:600}
.picker-kicker{margin-bottom:10px;color:#35d4ff;font-family:Consolas,Monaco,monospace}
.picker-intro h1{text-shadow:0 3px 0 rgba(0,0,0,.28)}
.picker-controls{border-color:#34414e}
.control-field{border-color:#34414e}
.control-field select{border-color:#445363;background:#171d24;font-family:Consolas,Monaco,monospace}
.control-field select:focus{border-color:#35d4ff}
.switch-control>i{border:1px solid #506070;background:#242d36;box-sizing:border-box}
.switch-control input:checked+i{border-color:#007bf5;background:#007bf5}
.draw-button{position:relative;box-shadow:5px 5px 0 #25313c}
.draw-button:after{position:absolute;content:"";top:7px;right:7px;width:5px;height:5px;background:#fff;opacity:.9}
.draw-button:hover{box-shadow:2px 2px 0 #35d4ff}
.pool-status{font-family:Consolas,Monaco,monospace}
.reveal-area{position:relative;padding:10px;box-sizing:border-box}
.tech-corner{position:absolute;z-index:4;width:28px;height:28px;pointer-events:none}
.corner-top-left{top:0;left:0;border-top:2px solid #35d4ff;border-left:2px solid #35d4ff}
.corner-top-right{top:0;right:0;border-top:2px solid #35d4ff;border-right:2px solid #35d4ff}
.corner-bottom-left{bottom:0;left:0;border-bottom:2px solid #007bf5;border-left:2px solid #007bf5}
.corner-bottom-right{right:0;bottom:0;border-right:2px solid #007bf5;border-bottom:2px solid #007bf5}
.reveal-placeholder,.game-result{border-color:#303a45;background:#11171e;box-shadow:0 25px 60px rgba(20,28,38,.2)}
.reveal-placeholder:before{top:18px;right:18px;bottom:18px;left:18px;border-color:#354350}
.placeholder-core{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:250px;height:210px;border:1px solid #33414e;background:#151c24;box-sizing:border-box}
.placeholder-core:before,.placeholder-core:after{position:absolute;content:"";width:38px;height:38px}
.placeholder-core:before{top:-1px;left:-1px;border-top:2px solid #35d4ff;border-left:2px solid #35d4ff}
.placeholder-core:after{right:-1px;bottom:-1px;border-right:2px solid #007bf5;border-bottom:2px solid #007bf5}
.reveal-placeholder .placeholder-core img{width:155px;opacity:.22;filter:grayscale(1) brightness(1.8)}
.reveal-placeholder .placeholder-core strong{margin-top:20px;color:#9ba8b5;font:600 12px/20px Consolas,Monaco,monospace}
.reveal-placeholder>.reveal-code{position:absolute;top:auto;right:auto;bottom:42px;left:50%;width:auto;color:#35d4ff;font:600 10px/18px Consolas,Monaco,monospace;letter-spacing:0;transform:translateX(-50%)}
.reveal-placeholder.is-loading .placeholder-core{border-color:#35d4ff;animation:tech-core .7s ease-in-out infinite alternate}
.game-result{grid-template-rows:36px auto 1fr}
.result-hud{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #303a45;background:#11171e;color:#8e9ba8;font:600 10px/36px Consolas,Monaco,monospace}
.result-hud span{display:flex;align-items:center;color:#35d4ff}
.result-hud span i{width:6px;height:6px;margin-right:8px;border-radius:50%;background:#52e88b}
.result-hud b{color:#5cb2ff;font-weight:600}
.game-cover-wrap{border-bottom:1px solid #303a45}
.game-cover-wrap:after{position:absolute;z-index:2;content:"";top:0;left:0;width:100%;height:1px;background:#35d4ff;opacity:.65;animation:tech-scan 4s linear infinite;pointer-events:none}
.game-category{z-index:3;border:1px solid #70baff;background:#007bf5;font-family:Consolas,Monaco,monospace}
.game-result-content{background:#f7f8f9}
.game-meta{font-family:Consolas,Monaco,monospace}
.game-result h2{letter-spacing:0}
.result-primary{box-shadow:3px 3px 0 #b7d9ff}
.result-secondary{font-family:Consolas,Monaco,monospace}
.history-inner h2{display:flex;align-items:center;gap:10px;color:#778390;font:600 12px/20px Consolas,Monaco,monospace}
.history-inner h2 span{padding:2px 6px;border:1px solid #374451;color:#35d4ff;font-size:9px}
.history-item{border-color:#cdd5dd;box-shadow:3px 3px 0 rgba(39,50,62,.08)}
body.night .game-result-content{background:#2b2d31}
body.night .result-hud{background:#11171e;border-color:#3b4652}
body.night.blindbox-demo .site-header{background:rgba(7,10,14,.97)}
@keyframes tech-status{to{opacity:.45}}
@keyframes tech-core{to{box-shadow:0 0 22px rgba(53,212,255,.18)}}
@keyframes tech-scan{0%{top:0}100%{top:100%}}
@media screen and (max-width:1000px){.blindbox-page:before{width:100%;height:450px}.tech-backdrop{top:70px;width:100%;height:380px;bottom:auto}.tech-line-a{width:85%}.tech-line-b{right:3%;width:62%}.tech-node-a{right:8%}.picker-intro:before{top:-18px}.reveal-area{padding:8px}}
@media screen and (max-width:800px){body.blindbox-demo .site-header nav{background:#10151b}body.blindbox-demo .site-header .layui-nav .layui-nav-item{background:#1b232c}body.blindbox-demo .site-header .layui-nav .layui-nav-item a{color:#cbd3dc}.system-status{margin-bottom:9px}.picker-kicker{font-size:10px}.blindbox-page:before{height:450px}.tech-backdrop{height:380px}.reveal-placeholder>.reveal-code{bottom:32px}.result-hud{padding:0 12px}.history-inner h2{color:#8b96a2}}
@media screen and (max-width:480px){.system-status>b{display:none}.picker-intro h1{text-shadow:none}.placeholder-core{width:210px;height:180px}.reveal-placeholder .placeholder-core img{width:130px}.reveal-placeholder>.reveal-code{bottom:24px}.tech-corner{width:20px;height:20px}.game-result{grid-template-rows:34px auto 1fr}.result-hud{line-height:34px}.result-hud b{font-size:9px}}

.gaming-fatigue{position:relative;padding:68px 0 72px;border-top:1px solid #29333d;background:#10151b;color:#fff;overflow:hidden}
.gaming-fatigue:before{position:absolute;content:"";top:0;left:50%;width:1px;height:44px;background:#35d4ff}
.fatigue-inner{width:1320px;max-width:calc(100% - 40px);margin:0 auto;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(560px,1.2fr);gap:42px 72px}
.fatigue-kicker{display:block;margin-bottom:12px;color:#35d4ff;font:700 11px/20px Consolas,Monaco,monospace}
.fatigue-intro h2{margin:0;color:#fff;font-size:30px;font-weight:800;line-height:1.4}
.fatigue-intro p{margin:16px 0 0;color:#aeb7c1;font-size:14px;line-height:1.95}
.fatigue-signs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.fatigue-signs span{padding:6px 10px;border:1px solid #384652;border-radius:4px;color:#ccd3db;font:600 11px/18px Consolas,Monaco,monospace}
.recovery-rule{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:center;padding:17px 20px;border-left:3px solid #007bf5;background:#171e26}
.recovery-rule strong{color:#4aa3ff;font-size:16px;font-weight:800}
.recovery-rule span{color:#c2cad3;font-size:13px;line-height:1.7}
.recovery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:20px 0 0;counter-reset:none}
.recovery-list li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:17px 0;border-top:1px solid #2d3944}
.recovery-list li>b{color:#35d4ff;font:700 12px/22px Consolas,Monaco,monospace}
.recovery-list li strong,.recovery-list li span{display:block}
.recovery-list li strong{color:#eef1f4;font-size:14px;font-weight:700;line-height:22px}
.recovery-list li span{margin-top:4px;color:#929daa;font-size:12px;line-height:1.75}
.fatigue-note{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid #29333d;color:#84909d;font-size:12px;line-height:1.8}
.fatigue-note i{margin-right:8px;color:#4aa3ff}
@media screen and (max-width:1320px){.fatigue-inner{width:1180px}}
@media screen and (max-width:1000px){.gaming-fatigue{padding:54px 0 60px}.fatigue-inner{width:760px;max-width:calc(100% - 32px);grid-template-columns:1fr;gap:34px}.fatigue-note{grid-column:auto}}
@media screen and (max-width:600px){.gaming-fatigue{padding:46px 0 50px}.fatigue-inner{max-width:calc(100% - 24px);gap:28px}.fatigue-intro h2{font-size:25px}.recovery-rule{grid-template-columns:1fr;gap:5px}.recovery-list{grid-template-columns:1fr;margin-top:14px}.recovery-list li{padding:15px 0}.fatigue-signs{margin-top:20px}}

/* Keep the pre-draw and result layouts identical. */
.blindbox-stage,.blindbox-page.has-result .blindbox-stage{min-height:0;padding-bottom:22px}
.reveal-placeholder,.game-result{height:650px;min-height:650px;box-sizing:border-box}
.reveal-placeholder{display:grid;grid-template-rows:36px auto 1fr;align-items:stretch;justify-content:stretch}
.reveal-placeholder:before{display:none}
.placeholder-hud{position:relative;z-index:2}
.placeholder-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:460/215;border-bottom:1px solid #303a45;background:#1e2227 url('/static/images/04.jpg') center/cover no-repeat;overflow:hidden}
.placeholder-visual:after{position:absolute;content:"";z-index:1;inset:0;background:rgba(9,14,20,.78)}
.placeholder-core{z-index:2}
.placeholder-visual>.reveal-code{position:absolute;z-index:3;right:18px;bottom:14px;color:#35d4ff;font:600 10px/18px Consolas,Monaco,monospace}
.placeholder-content{display:flex;flex-direction:column;padding:25px 28px 28px;background:#f7f8f9;box-sizing:border-box}
.placeholder-meta{color:#98a2ad;font:500 11px/20px Consolas,Monaco,monospace}
.placeholder-content h2{margin:10px 0 0;color:#9aa3ad;font-size:26px;font-weight:800;line-height:1.42}
.placeholder-content p{margin:13px 0 0;color:#a4adb7;font:600 11px/20px Consolas,Monaco,monospace}
.placeholder-actions{display:flex;gap:10px;margin-top:auto;padding-top:22px}
.placeholder-actions i{display:block;width:108px;height:42px;border:1px solid #d8dee5;border-radius:5px;background:#eef1f4}
.placeholder-actions i+ i{width:104px}
body.night .placeholder-content{background:#2b2d31}
body.night .placeholder-content h2{color:#a3acb7}
body.night .placeholder-content p{color:#8995a2}
body.night .placeholder-actions i{border-color:#484c53;background:#34373c}
@media screen and (max-width:800px){.reveal-placeholder,.game-result{height:520px;min-height:520px}.placeholder-content{padding:20px}.placeholder-content h2{font-size:22px}.placeholder-actions{padding-top:18px}}
@media screen and (max-width:480px){.reveal-placeholder,.game-result{height:520px;min-height:520px}.placeholder-actions{align-items:stretch;flex-direction:column;gap:8px}.placeholder-actions i,.placeholder-actions i+ i{width:100%;height:42px}}

/* 2026-09-05 游戏盲盒体验重构：仅覆盖本页展示，不改随机业务逻辑 */
body.blindbox-demo{--bb-bg:#eef3f8;--bb-panel:#fff;--bb-text:#172033;--bb-muted:#6f7c90;--bb-line:#dfe7f1;--bb-blue:#3979ef;--bb-blue-deep:#2867dd;min-width:0;background:var(--bb-bg);color:var(--bb-text)}
body.blindbox-demo .site-header{border-bottom:1px solid rgba(104,137,180,.2);background:rgba(10,18,31,.94);box-shadow:0 8px 28px rgba(5,12,24,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.blindbox-demo .site-header .layui-nav .layui-nav-item a,body.blindbox-demo .site-header .night-open,body.blindbox-demo .site-header .search-open,body.blindbox-demo .site-header .user-open a,body.blindbox-demo .site-header .menu{color:#c9d4e4}
body.blindbox-demo .site-header .layui-nav .layui-nav-item a:hover{color:#fff}
body.blindbox-demo .site-header .layui-nav .layui-nav-item:after{background:#70a3ff}
.blindbox-page{min-height:calc(100vh - 70px);padding-top:70px;overflow:hidden;background:radial-gradient(circle at 82% 8%,rgba(120,161,223,.15),transparent 25%),var(--bb-bg)}
.blindbox-page:before{top:0;right:0;bottom:auto;width:100%;height:690px;background:radial-gradient(circle at 16% 12%,rgba(72,120,202,.24),transparent 30%),radial-gradient(circle at 84% 28%,rgba(105,83,189,.18),transparent 28%),linear-gradient(145deg,#0d1728 0%,#12243d 54%,#172b49 100%)}
.tech-backdrop{display:none}
.blindbox-stage,.blindbox-page.has-result .blindbox-stage{width:1240px;max-width:calc(100% - 40px);min-height:620px;margin:0 auto;padding:64px 0 54px;grid-template-columns:minmax(360px,.8fr) minmax(560px,1.2fr);gap:54px;align-items:center}
.picker-intro{max-width:470px;color:#fff}
.picker-intro:before{display:none}
.system-status{display:inline-flex;width:auto;margin:0 0 18px;padding:7px 10px;border:1px solid rgba(145,180,230,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#bed0e8;font:600 11px/18px -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.system-status>i{width:7px;height:7px;margin-right:8px;background:#55d495;box-shadow:0 0 0 4px rgba(85,212,149,.1);animation:none}
.system-status>b{margin-left:9px;padding:0 7px;border:0;border-radius:999px;background:rgba(110,157,227,.16);color:#91b7ed;font-weight:600}
.picker-kicker{margin:0 0 10px;color:#8fb9f8;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.08em}
.picker-intro h1{max-width:none;color:#fff;font-size:52px;font-weight:850;line-height:1.16;letter-spacing:-.04em;text-shadow:none}
.picker-copy{margin-top:16px;color:#d1dbea;font-size:18px;line-height:1.7}
.picker-note{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:#8f9fb4;font-size:12px;line-height:20px}
.picker-note i{color:#f0bd5d}
.picker-controls{max-width:none;margin-top:30px;padding:0 17px;border:1px solid rgba(145,171,207,.18);border-radius:16px;background:rgba(6,14,26,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.control-field,.switch-control{min-height:68px}
.control-field{border-bottom:1px solid rgba(145,171,207,.14)}
.control-field>span,.switch-control strong{color:#edf3fb;font-size:14px}
.switch-control small{color:#8493a6}
.control-field select{width:190px;height:40px;border:1px solid #3d5069;border-radius:10px;background:#162238;color:#eef4fc;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}
.control-field select:focus{border-color:#76a9f5;box-shadow:0 0 0 3px rgba(84,137,218,.15)}
.switch-control>i{border:1px solid #52637a;background:#27354a}
.switch-control input:checked+i{border-color:#4b88ed;background:#4b88ed}
.picker-actions{display:block;margin-top:24px}
.draw-button{position:relative;display:flex;width:100%;height:66px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(135deg,#3979ef,#6658df);box-shadow:0 16px 34px -18px rgba(55,106,222,.8);color:#fff;text-align:left;transition:transform .2s,box-shadow .2s,filter .2s}
.draw-button:after{display:none}
.draw-button>i{display:grid;width:38px;height:38px;flex:0 0 38px;margin:0 12px 0 0;place-items:center;border-radius:11px;background:rgba(255,255,255,.14);font-size:16px}
.draw-button-copy{display:block;min-width:0}
.draw-button-copy strong,.draw-button-copy small{display:block}
.draw-button-copy strong{font-size:17px;font-weight:800;line-height:22px}
.draw-button-copy small{margin-top:2px;color:rgba(255,255,255,.72);font-size:11px;font-weight:500;line-height:16px}
.draw-button:hover{background:linear-gradient(135deg,#3979ef,#6658df);box-shadow:0 18px 38px -18px rgba(70,119,230,.9);filter:brightness(1.05);transform:translateY(-2px)}
.draw-button:active{transform:translateY(0) scale(.99)}
.draw-button:disabled{filter:none;opacity:.82}
.draw-button.is-loading>i{animation:blindbox-spin .7s linear infinite}
.pool-status{display:flex;align-items:center;gap:7px;margin-top:11px;color:#8fa0b6;font-family:inherit;font-size:12px}
.pool-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#6f86a4}
.blindbox-page.is-drawing .pool-status:before{background:#f0b95f}
.reveal-area{min-width:0;padding:0}
.tech-corner{display:none}
.reveal-placeholder,.game-result{width:100%;height:650px;min-height:650px;border:1px solid rgba(209,220,234,.9);border-radius:22px;background:var(--bb-panel);box-shadow:0 28px 70px -40px rgba(16,34,62,.55);overflow:hidden}
.reveal-placeholder{display:grid;grid-template-rows:44px 310px minmax(0,1fr);align-items:stretch;justify-content:stretch}
.reveal-placeholder:before{display:none}
.result-hud{height:44px;padding:0 18px;border-bottom:1px solid #26354a;background:#121e31;color:#93a4ba;font:600 11px/44px -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.result-hud span{color:#d8e5f5}
.result-hud span i{width:7px;height:7px;background:#56d59a}
.result-hud b{color:#8eb7f0;font-weight:600}
.placeholder-visual{position:relative;display:flex;height:auto;aspect-ratio:auto;align-items:center;justify-content:center;border-bottom:1px solid #26354a;background:radial-gradient(circle at 50% 42%,rgba(75,122,198,.23),transparent 35%),linear-gradient(145deg,#101b2d,#172943);overflow:hidden}
.placeholder-visual:after{display:none}
.blindbox-deck{position:absolute;z-index:1;top:50%;left:50%;width:170px;height:210px;transform:translate(-50%,-50%)}
.blindbox-deck>i{position:absolute;inset:6px 17px;border:1px solid rgba(146,179,225,.2);border-radius:18px;background:linear-gradient(145deg,rgba(75,119,187,.3),rgba(47,68,105,.28));box-shadow:0 18px 30px -20px rgba(0,0,0,.7)}
.blindbox-deck>i:nth-child(1){transform:rotate(-9deg) translateX(-21px)}
.blindbox-deck>i:nth-child(2){transform:rotate(9deg) translateX(21px)}
.blindbox-deck>i:nth-child(3){transform:rotate(0)}
.placeholder-core{position:relative;z-index:2;display:flex;width:142px;height:178px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(150,182,226,.34);border-radius:17px;background:linear-gradient(160deg,#253f68,#1b2d4a);box-shadow:0 22px 42px -22px rgba(0,0,0,.85)}
.placeholder-core:before,.placeholder-core:after{display:none}
.blindbox-mark{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07);color:#9fc2f4;font-size:24px}
.reveal-placeholder .placeholder-core strong{margin-top:17px;color:#cfdbeb;font-family:inherit;font-size:13px}
.placeholder-visual>.reveal-code,.reveal-placeholder>.reveal-code{right:0;bottom:16px;left:0;width:auto;color:#8ea6c6;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:0;text-align:center;transform:none}
.blindbox-page.is-drawing .placeholder-core{border-color:#75a6ee;animation:blindbox-card-breathe .7s ease-in-out infinite alternate}
.blindbox-page.is-drawing .blindbox-deck>i:nth-child(1){animation:blindbox-shuffle-left .56s ease-in-out infinite alternate}
.blindbox-page.is-drawing .blindbox-deck>i:nth-child(2){animation:blindbox-shuffle-right .56s ease-in-out infinite alternate}
.placeholder-content{display:flex;flex-direction:column;padding:25px 28px 27px;background:#fff}
.placeholder-meta{color:#6f8ab0;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.06em}
.placeholder-content h2{margin-top:9px;color:#344158;font-size:25px;font-weight:800}
.placeholder-content p{margin-top:8px;color:#8a95a4;font-family:inherit;font-size:13px;font-weight:500}
.placeholder-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px}
.placeholder-actions span{display:inline-flex;height:30px;align-items:center;gap:6px;padding:0 10px;border:1px solid #e0e8f2;border-radius:999px;background:#f7f9fc;color:#748196;font-size:11px}
.placeholder-actions span i{width:auto;height:auto;border:0;background:transparent;color:#5d89c7}
.game-result{display:grid;grid-template-rows:44px 300px minmax(0,1fr);transform-origin:50% 40%}
.game-result.is-revealed{animation:blindbox-reveal .52s cubic-bezier(.2,.8,.25,1) both}
.game-cover-wrap{height:auto;aspect-ratio:auto;border-bottom:1px solid #e2e8f0;background:#162033 url('/static/images/04.jpg') center/cover no-repeat}
.game-cover-wrap:after{display:none}
.game-cover-wrap img{transition:transform .45s ease}
.game-result:hover .game-cover-wrap img:not(.is-compact-cover){transform:scale(1.015)}
.game-category{left:18px;bottom:16px;padding:5px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(31,74,145,.88);font-family:inherit;font-size:11px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.game-result-content{display:flex;padding:22px 26px 25px;background:#fff}
.result-verdict{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:6px;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#eef8f3;color:#30805c;font-size:11px;font-weight:700;line-height:18px}
.result-verdict i{font-size:12px}
.game-meta{gap:10px;color:#8a96a6;font-family:inherit;font-size:11px}
.game-result h2{display:-webkit-box;margin-top:8px;overflow:hidden;color:#1d293b;font-size:25px;line-height:1.38;letter-spacing:-.015em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.game-result p{margin-top:9px;color:#68768a;font-size:13px;line-height:1.72;-webkit-line-clamp:2}
.result-actions{gap:9px;padding-top:16px}
.result-primary,.result-secondary{height:42px;border-radius:10px;font-size:13px;font-weight:700}
.result-primary{background:#3979ef;color:#fff;box-shadow:none}
.result-primary:hover{background:#2867dd;color:#fff}
.result-secondary{border-color:#dbe3ed;background:#f8fafc;color:#5d6a7d;font-family:inherit}
.result-secondary:hover{border-color:#b9c9dc;background:#f2f6fb;color:#26364b}
.draw-history{padding:0 0 36px}
.history-inner{width:1240px;max-width:calc(100% - 40px);display:block}
.history-track{display:grid;grid-template-columns:165px minmax(0,1fr);gap:16px;align-items:center;padding:16px;border:1px solid var(--bb-line);border-radius:18px;background:#fff;box-shadow:0 16px 38px -32px rgba(22,45,76,.55)}
.history-inner h2{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:3px;color:#26364a;font-family:inherit}
.history-inner h2 span{display:flex;align-items:center;gap:7px;padding:0;border:0;color:#26364a;font-size:13px;font-weight:800}
.history-inner h2 span i{color:#5a83bd}
.history-inner h2 small{color:#97a2b1;font-size:10px;font-weight:500}
.history-list{gap:9px}
.history-item{min-height:68px;padding:9px;border-color:#e2e9f2;border-radius:12px;background:#f8fafc;box-shadow:none;transition:border-color .2s,background-color .2s,transform .2s}
.history-item:hover{border-color:#c5d5e9;background:#fff;transform:translateY(-1px)}
.history-item img{width:48px;height:48px;border-radius:9px}
.history-item strong{color:#2a374a;font-size:12px}
.history-item small{color:#8a96a6}
.gaming-fatigue{padding:64px 0 68px;border-top:0;background:linear-gradient(145deg,#111b2a,#16263b);color:#fff}
.gaming-fatigue:before{height:34px;background:#557fb8}
.fatigue-inner{width:1240px;gap:40px 64px}
.fatigue-kicker{color:#86abe0;font-family:inherit;letter-spacing:.08em}
.fatigue-intro h2{font-size:29px}
.fatigue-intro p{color:#aab6c5}
.fatigue-signs span{border-color:#35465a;border-radius:999px;background:rgba(255,255,255,.03);color:#c4cfdb;font-family:inherit}
.recovery-rule{border-left-color:#5f8fd5;border-radius:0 10px 10px 0;background:rgba(255,255,255,.035)}
.recovery-rule strong{color:#8fb8f2}
.recovery-list li{border-color:#2d3e52}
.recovery-list li>b{color:#7da9e6;font-family:inherit}
.fatigue-note{border-color:#2d3e52;color:#8493a6}
body.night.blindbox-demo{--bb-bg:#1d2025;--bb-panel:#292d33;--bb-text:#e5e9ef;--bb-muted:#a6b0bd;--bb-line:#3a424d;background:var(--bb-bg)}
body.night .blindbox-page{background:radial-gradient(circle at 82% 8%,rgba(76,104,144,.12),transparent 25%),var(--bb-bg)}
body.night .reveal-placeholder,body.night .game-result,body.night .history-track{border-color:#3d4652;background:#292d33;box-shadow:none}
body.night .placeholder-content,body.night .game-result-content{background:#292d33}
body.night .placeholder-content h2,body.night .game-result h2,body.night .history-item strong{color:#e7ebf1}
body.night .placeholder-content p,body.night .game-result p{color:#aab4c0}
body.night .placeholder-actions span{border-color:#414b58;background:#30353c;color:#aeb8c4}
body.night .result-verdict{background:#283c35;color:#82c5a5}
body.night .result-secondary{border-color:#46505d;background:#333840;color:#d5dbe3}
body.night .history-track{background:#282c32}
body.night .history-inner h2 span{color:#e1e6ed}
body.night .history-item{border-color:#3c454f;background:#30343a}
body.night .history-item:hover{border-color:#4c5968;background:#343a42}
@keyframes blindbox-card-breathe{to{box-shadow:0 22px 48px -18px rgba(75,132,222,.55);transform:translateY(-3px)}}
@keyframes blindbox-shuffle-left{to{transform:rotate(-14deg) translate(-34px,-4px)}}
@keyframes blindbox-shuffle-right{to{transform:rotate(14deg) translate(34px,4px)}}
@keyframes blindbox-reveal{from{opacity:.35;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media screen and (max-width:1260px){.blindbox-stage,.history-inner,.fatigue-inner{width:1120px}.blindbox-stage{grid-template-columns:minmax(340px,.78fr) minmax(520px,1.22fr);gap:42px}}
@media screen and (max-width:1000px){.blindbox-page:before{height:760px}.blindbox-stage,.blindbox-page.has-result .blindbox-stage{width:760px;max-width:calc(100% - 32px);grid-template-columns:1fr;gap:34px;padding:46px 0 38px}.picker-intro{width:100%;max-width:680px;margin:0 auto;text-align:center}.system-status{margin-right:auto;margin-left:auto}.picker-note{justify-content:center}.picker-controls{max-width:620px;margin-right:auto;margin-left:auto;text-align:left}.picker-actions{max-width:620px;margin-right:auto;margin-left:auto}.pool-status{justify-content:center}.reveal-area{width:100%;max-width:760px;margin:0 auto}.game-result,.reveal-placeholder{scroll-margin-top:82px}.history-inner{width:760px;max-width:calc(100% - 32px)}.history-track{display:block}.history-inner h2{margin-bottom:12px}.history-list{grid-template-columns:repeat(3,minmax(0,1fr))}.gaming-fatigue{padding:54px 0 60px}.fatigue-inner{width:760px;max-width:calc(100% - 32px);grid-template-columns:1fr;gap:34px}}
@media screen and (max-width:800px){body.blindbox-demo .site-header nav{background:#111b2a}.blindbox-page{padding-top:70px}.blindbox-stage,.blindbox-page.has-result .blindbox-stage{padding-top:38px}.picker-intro h1{font-size:40px}.picker-copy{font-size:16px}.reveal-placeholder,.game-result{height:620px;min-height:620px}.game-result{grid-template-rows:44px 280px minmax(0,1fr)}.reveal-placeholder{grid-template-rows:44px 285px minmax(0,1fr)}.history-list{grid-template-columns:1fr}.draw-history{padding-bottom:28px}.search-dialog{padding-top:90px}}
@media screen and (max-width:480px){.blindbox-page:before{height:700px}.blindbox-stage,.blindbox-page.has-result .blindbox-stage{max-width:calc(100% - 24px);gap:26px;padding:30px 0}.system-status{margin-bottom:15px}.system-status>b{display:inline-block}.picker-kicker{font-size:11px}.picker-intro h1{font-size:35px}.picker-copy{margin-top:12px;font-size:15px}.picker-note{align-items:flex-start;font-size:11px;text-align:left}.picker-controls{margin-top:22px;padding:0 13px;border-radius:14px}.control-field{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}.control-field select{width:100%}.switch-control{gap:10px}.switch-control>i{margin-left:8px}.picker-actions{margin-top:18px}.draw-button{height:62px;border-radius:14px}.draw-button-copy strong{font-size:16px}.reveal-placeholder,.game-result{height:auto;min-height:570px;border-radius:17px}.reveal-placeholder{grid-template-rows:42px 255px minmax(270px,auto)}.game-result{grid-template-rows:42px 230px minmax(300px,auto)}.result-hud{height:42px;padding:0 13px;font-size:10px;line-height:42px}.blindbox-deck{transform:translate(-50%,-50%) scale(.86)}.placeholder-visual>.reveal-code{bottom:12px}.placeholder-content{padding:20px}.placeholder-content h2{font-size:21px}.placeholder-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:6px;padding-top:15px}.placeholder-actions span{width:auto;height:28px}.game-result-content{padding:18px}.game-result h2{font-size:21px}.game-result p{-webkit-line-clamp:3}.game-category{left:13px;bottom:12px}.result-actions{align-items:stretch;flex-direction:column;gap:8px}.result-primary,.result-secondary{width:100%;height:43px}.history-inner{max-width:calc(100% - 24px)}.history-track{padding:14px}.gaming-fatigue{padding:46px 0 50px}.fatigue-inner{max-width:calc(100% - 24px);gap:28px}.fatigue-intro h2{font-size:25px}.recovery-rule{grid-template-columns:1fr;gap:5px}.recovery-list{grid-template-columns:1fr;margin-top:14px}.recovery-list li{padding:15px 0}}