/* Weiguang unified games visual layer. Game behavior and layout remain unchanged. */
:root { --bg:#0b1224; --card:#14233b; --text:#eaf2ff; --muted:#aab9cf; --line:#344963; --primary:#a9c8f5; --shadow:0 18px 44px rgba(0,0,0,.25); }
html {background:#0b1224;color-scheme:dark;scroll-behavior:smooth}
body.weiguang-game {--bg:#0b1224;--card:#14233b;--text:#eaf2ff;--muted:#aab9cf;--line:#344963;--primary:#a9c8f5;background:radial-gradient(ellipse 680px 450px at 90% 2%,rgba(78,126,190,.16),transparent 70%),radial-gradient(ellipse 720px 500px at 10% 30%,rgba(53,83,140,.12),transparent 70%),#0b1224;color:#eaf2ff;min-height:100vh}
body.weiguang-game *,body.weiguang-game *::before,body.weiguang-game *::after {box-sizing:border-box}
body.weiguang-game a {color:inherit}
.wg-topbar{height:76px;display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding:0 26px;border-bottom:1px solid rgba(161,187,225,.17)}
.wg-brand{font-size:20px;font-weight:750;letter-spacing:-.04em;white-space:nowrap}.wg-brand-star,.wg-brand-dot,.wg-gold{color:#e8cb96}.wg-brand-star{font-size:22px;margin-right:10px}
.wg-topnav{display:flex;align-items:center;gap:30px}.wg-topnav a{font-size:14px;color:#aab9cf!important;transition:color .2s}.wg-topnav a:hover,.wg-topnav a[aria-current="page"]{color:#f0d49f!important}
.wg-top-action{border:1px solid #4a6285;border-radius:999px;padding:9px 16px;font-size:13px;color:#dbe8fa!important;white-space:nowrap}.wg-top-action:hover{background:#213552}
.wg-intro{max-width:1140px;margin:34px auto 0;padding:0 22px 8px}.wg-eyebrow{font-size:11px;font-weight:700;color:#e8cb96;letter-spacing:.19em}.wg-intro-title{display:block;margin-top:10px;font-size:clamp(26px,4vw,42px);font-weight:750;letter-spacing:-.04em;line-height:1.28}.wg-intro p{color:#aab9cf;font-size:14px;margin:10px 0 0}
body.weiguang-game .page-content{min-height:calc(100vh - 305px)}
body.weiguang-game .page-content .wrap,body.weiguang-game .page-content .container,body.weiguang-game .page-content .page{margin-top:26px}
body.weiguang-game .page-content .card,body.weiguang-game .page-content .panel,body.weiguang-game .page-content .hero,body.weiguang-game .page-content .modal{background:#14233b;color:#eaf2ff;border:1px solid rgba(158,190,233,.2);box-shadow:0 12px 38px rgba(0,0,0,.2);border-radius:18px}
body.weiguang-game .page-content .card,body.weiguang-game .page-content .panel{transition:border-color .2s,box-shadow .2s}
body.weiguang-game .page-content .card:hover,body.weiguang-game .page-content .panel:hover{border-color:rgba(171,203,244,.35)}
body.weiguang-game .page-content h1,body.weiguang-game .page-content h2,body.weiguang-game .page-content h3,body.weiguang-game .page-content .title{color:#f3f7ff}
body.weiguang-game .page-content .desc,body.weiguang-game .page-content .meta,body.weiguang-game .page-content .tips,body.weiguang-game .page-content .rules,body.weiguang-game .page-content .hint,body.weiguang-game .page-content .intro,body.weiguang-game .page-content .note{color:#b2c2d7}
body.weiguang-game .page-content .badge,body.weiguang-game .page-content .tag,body.weiguang-game .page-content .mode,body.weiguang-game .page-content .meta-item{background:#223957;color:#d5e5fc;border:1px solid #3a5677}
body.weiguang-game .page-content .submit-btn,body.weiguang-game .page-content .copy,body.weiguang-game .page-content .restart,body.weiguang-game .page-content .game-btn,body.weiguang-game .page-content .btn-primary{background:linear-gradient(135deg,#b9d1f8,#8ab2ec);color:#101c30;border:0;border-radius:10px;font-weight:700;box-shadow:0 5px 18px rgba(53,104,169,.18);cursor:pointer}
body.weiguang-game .page-content .submit-btn:hover,body.weiguang-game .page-content .copy:hover,body.weiguang-game .page-content .restart:hover,body.weiguang-game .page-content .game-btn:hover{filter:brightness(1.07)}
body.weiguang-game .page-content input,body.weiguang-game .page-content select,body.weiguang-game .page-content textarea{background:#0e1b31;color:#ecf3ff;border:1px solid #405676;border-radius:10px;accent-color:#a7c8f5}
body.weiguang-game .page-content input::placeholder,body.weiguang-game .page-content textarea::placeholder{color:#8095b2}
body.weiguang-game .page-content input:focus,body.weiguang-game .page-content select:focus,body.weiguang-game .page-content textarea:focus{outline:2px solid rgba(153,192,248,.55);outline-offset:1px}
body.weiguang-game .page-content .tray{background:#0e1b31;border-color:#405676}
body.weiguang-game .page-content .tray-title{color:#cbdcf3}
body.weiguang-game .page-content .slot-shape{background:#1c304c;border-color:#57769e}
body.weiguang-game .page-content .slot-shape::after{color:#adc5e4}
body.weiguang-game .page-content .share{background:#1d3453;color:#dae9ff;border:1px solid #3d5a7e}
body.weiguang-game .page-content .leaderboard th,body.weiguang-game .page-content .leaderboard td{border-bottom-color:#36506f;color:#dce9fa}
body.weiguang-game .page-content .modal{background:#172740;color:#eaf2ff}
body.weiguang-game .page-content .modal .desc{color:#b2c2d7}
body.weiguang-game .page-content .modal button{background:#b9d1f8;color:#101c30}
body.weiguang-game .page-content .error{background:#522d41;color:#ffd8df}
body.weiguang-game .page-content .quote,body.weiguang-game .page-content .timeline-item,body.weiguang-game .page-content .color-box{background:#1c304c;color:#e2efff;border-color:#3a5677}
body.weiguang-game .page-content .btn-secondary{background:#253d5b;color:#dbeafa;border-color:#4a6689}
body.weiguang-game .page-content .portrait{background:linear-gradient(145deg,#29476a,#49618b);border-color:#6681a7;color:#ebf4ff}
body.weiguang-game .page-content .hero{background:radial-gradient(circle at 85% 10%,rgba(126,162,220,.2),transparent 40%),#14233b}
body.weiguang-game .page-content .hero .sub{color:#b2c2d7}
body.weiguang-game .page-content .timeline-time,body.weiguang-game .page-content .meta-label{color:#b8cef0}
/* Retain strongly colored game objects (tiles, mole, bomb, player, progress) for feedback and contrast. */
body.weiguang-game .side-menu{background:rgba(17,30,51,.98);border-right:1px solid #38516f;box-shadow:14px 0 35px rgba(0,0,0,.35)}
body.weiguang-game .menu-toggle{background:#203858;border:1px solid #567296;top:91px}
body.weiguang-game .menu-title{color:#c7d9f1}
body.weiguang-game .menu-link{color:#e3efff}
body.weiguang-game .menu-link:hover{background:#294568;color:#ffe0a4}
body.weiguang-game .menu-overlay{background:rgba(0,0,0,.62)}
.wg-footer{max-width:1140px;margin:48px auto 0;padding:24px 22px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #2d405a;color:#9dacc5;font-size:13px}.wg-footer a{color:#e8cb96!important;font-weight:750}
@media(max-width:760px){.wg-topbar{padding:0 18px;height:66px}.wg-topnav{gap:13px}.wg-top-action{display:none}.wg-intro{margin-top:26px;padding:0 18px}.wg-intro-title{font-size:27px}.wg-footer{margin-top:26px}body.weiguang-game .menu-toggle{top:auto;bottom:18px;left:18px}body.weiguang-game .side-menu{padding-top:26px}.wg-brand{font-size:17px}.wg-topnav a{font-size:13px}}
@media(max-width:390px){.wg-topnav{gap:9px}.wg-brand{font-size:15px}.wg-brand-star{margin-right:5px}}