:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#17233b;background:#eef2f8;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#eef2f8}button,input,select{font:inherit}button{cursor:pointer}.site{min-height:100vh;padding-bottom:74px}.mobile-head{height:58px;display:flex;align-items:center;padding:0 14px;background:#fff;border-bottom:1px solid #e8edf5;position:sticky;top:0;z-index:30}.logo-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;background:linear-gradient(145deg,#0a4fac,#1e75e9);box-shadow:0 6px 18px #0a4fac38}.logo-text{display:flex;flex-direction:column;margin-left:8px;line-height:1.05}.logo-text b{font-size:16px;color:#103a7b}.logo-text small{font-size:8px;letter-spacing:.16em;color:#8694a9;margin-top:4px}.head-spacer{flex:1}.head-login{border:0;background:#eef5ff;color:#0c59be;border-radius:18px;padding:7px 12px;font-size:12px;font-weight:700}.mobile-main{width:min(100%,760px);margin:auto;padding:10px 10px 18px}.hero-banner{min-height:158px;border-radius:16px;padding:20px;display:flex;justify-content:space-between;overflow:hidden;position:relative;background:linear-gradient(135deg,#0e4c9b,#195fc0 55%,#36a8ef);color:#fff;box-shadow:0 14px 28px #1253b12b}.hero-copy{position:relative;z-index:2}.mini-pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#ffffff2e;font-size:10px}.hero-copy h1{font-size:27px;margin:8px 0 5px;letter-spacing:.02em}.hero-copy p{margin:0 0 14px;font-size:12px;opacity:.85}.hero-copy button{border:0;background:#fff;color:#0e55b6;padding:8px 18px;border-radius:20px;font-size:12px;font-weight:800}.hero-art{position:relative;width:42%;min-width:120px}.trophy{position:absolute;right:10px;top:14px;font-size:76px;color:#ffdc64;filter:drop-shadow(0 8px 8px rgba(0,0,0,.18));transform:rotate(-5deg)}.coin{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffd54a;color:#a86c00;font-weight:900}.c1{right:2px;bottom:12px}.c2{left:8px;top:8px;transform:rotate(20deg)}.user-strip{margin-top:9px;background:#fff;border-radius:13px;padding:10px;display:flex;align-items:center;box-shadow:0 3px 12px #20375b0d}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,#5d98ff,#1555b3)}.user-meta{display:flex;flex-direction:column;margin-left:9px;min-width:0}.user-meta b{font-size:13px}.user-meta span{font-size:10px;color:#8a96a8;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-actions{margin-left:auto;display:flex;gap:8px}.quick-actions button{border:0;background:transparent;color:#53657d;font-size:9px;display:flex;flex-direction:column;align-items:center}.quick-actions span{width:30px;height:30px;border-radius:9px;background:#edf4ff;color:#1261c5;display:grid;place-items:center;font-weight:800;margin-bottom:3px}.notice{margin-top:9px;background:#fff;border-radius:11px;padding:9px 11px;display:flex;gap:9px;align-items:center;font-size:10px;overflow:hidden}.notice b{background:#1557b4;color:#fff;border-radius:6px;padding:3px 6px;white-space:nowrap}.notice span{color:#65758b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-error,.error{background:#fff0f0;color:#bd3030;border:1px solid #ffd1d1;border-radius:9px;padding:9px;font-size:12px}.info{background:#eef7ff;color:#315d8a;border-radius:9px;padding:9px;font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:15px 2px 9px}.section-title b{font-size:15px;color:#17325e}.section-title span{font-size:10px;color:#9aa5b6}.section-title.small{margin-top:3px}.feature-grid,.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{border:1px solid #e5eaf1;background:#fff;border-radius:11px;padding:6px;text-align:left;position:relative;box-shadow:0 3px 9px #253f5f0d;min-width:0}.game-cover{height:92px;border-radius:8px;display:grid;place-items:center;position:relative;overflow:hidden}.feature-grid .game-cover{height:110px}.cover-0{background:linear-gradient(135deg,#ffcf42,#f26b2b)}.cover-1{background:linear-gradient(135deg,#ef4f52,#9c2035)}.cover-2{background:linear-gradient(135deg,#38b9d8,#1d4f98)}.cover-3{background:linear-gradient(135deg,#5a63e4,#ad58d1)}.cover-4{background:linear-gradient(135deg,#50c878,#13735a)}.cover-5{background:linear-gradient(135deg,#f4a261,#e76f51)}.game-icon{font-size:46px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.18));z-index:2}.shine{position:absolute;width:120px;height:24px;background:#ffffff29;transform:rotate(-35deg);top:15px;left:-30px}.game-title{font-size:11px;font-weight:800;margin:6px 2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#20314c}.game-sub{font-size:8px;color:#99a4b2;margin:0 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-tag{position:absolute;top:-4px;left:-4px;background:#ff3848;color:#fff;font-style:normal;font-size:7px;padding:2px 5px;border-radius:5px}.provider-section{display:grid;grid-template-columns:80px 1fr;gap:8px;margin-top:15px}.provider-tabs{display:flex;flex-direction:column;gap:6px}.provider-tabs button{border:1px solid #e3e8ef;background:#fff;border-radius:10px;padding:7px 4px;color:#5d6f85;font-size:8px;display:flex;flex-direction:column;align-items:center}.provider-tabs button.active{border-color:#1462cc;background:#eef5ff;color:#0c4fa9;font-weight:800}.round-logo{width:42px;height:32px;border-radius:8px;background:#2453a5;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;margin-bottom:3px}.games-panel{min-width:0}.category-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}.category-tabs button{border:0;border-radius:8px;background:#fff;color:#6b7890;padding:8px 2px;font-size:9px}.category-tabs button.active{background:#155ec4;color:#fff;font-weight:800}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#0e3f86;color:#d7e7ff;display:grid;grid-template-columns:repeat(5,1fr);z-index:40;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 18px #0d39792e}.bottom-nav a,.bottom-nav button{border:0;background:transparent;color:inherit;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:9px;gap:3px}.bottom-nav span{font-size:20px;line-height:1}.bottom-nav .active{color:#ffd85d}.center-nav{width:38px;height:38px;border-radius:50%;background:#ffd557;color:#0c397b;display:grid!important;place-items:center;margin-top:-18px;border:4px solid #fff;font-size:17px!important;font-weight:900}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#101e368c;display:grid;place-items:center;z-index:100;padding:14px}.modal{width:min(100%,430px);background:#fff;border-radius:16px;padding:16px;box-shadow:0 28px 70px #0000003b;max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head b{font-size:18px}.modal-head button{border:0;background:#f1f4f8;width:30px;height:30px;border-radius:50%;font-size:20px;color:#718098}.form-stack{display:flex;flex-direction:column;gap:12px}.form-stack label{font-size:11px;color:#6d7b8d;display:flex;flex-direction:column;gap:5px}input,select{width:100%;border:1px solid #dfe5ee;border-radius:9px;padding:10px 11px;outline:none;background:#fff;color:#24324a}input:focus,select:focus{border-color:#2673d8;box-shadow:0 0 0 3px #2673d817}.primary{border:0;background:#1261cc;color:#fff;border-radius:9px;padding:9px 14px;font-weight:800}.primary.big{padding:12px}.small-btn{padding:6px 10px;font-size:11px}.link-btn{border:0;background:transparent;color:#2268c5;font-size:11px}.danger-lite{border:1px solid #f2c5c5;background:#fff6f6;color:#c44343;border-radius:9px;padding:9px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.amount{border:1px solid #dfe5ef;background:#fff;border-radius:9px;padding:10px}.amount.active{background:#eaf3ff;border-color:#1664ca;color:#0f57b5;font-weight:800}.pay-preview,.order-success{background:#f4f8fd;border-radius:11px;padding:13px;display:flex;flex-direction:column;gap:5px}.pay-preview span{font-size:10px;color:#718096}.pay-preview strong{font-size:22px;color:#145abb}.pay-preview small,.order-success small{font-size:9px;color:#8a96a6}.order-success b{font-size:24px;color:#1261cc}.order-success span{word-break:break-all;font-size:11px;color:#42536b}.empty-state{margin:45px auto;background:#fff;border-radius:16px;padding:35px 20px;text-align:center}.empty-state>div{font-size:48px}.empty-state p{color:#8490a2;font-size:12px}.profile-page{display:flex;flex-direction:column;gap:10px}.profile-card{background:linear-gradient(135deg,#0d4a98,#1c6dce);color:#fff;border-radius:15px;padding:17px;display:flex;align-items:center}.profile-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff3;font-weight:900;font-size:20px}.profile-card h2{margin:0 0 4px 10px;font-size:18px}.profile-card p{margin:0 0 0 10px;font-size:10px;opacity:.75}.profile-balance{margin-left:auto;text-align:right;display:flex;flex-direction:column}.profile-balance span{font-size:9px;opacity:.7}.profile-balance b{font-size:18px;margin:2px 0 5px}.profile-balance button{border:0;border-radius:12px;background:#fff;color:#0d52ad;font-size:9px;padding:5px 10px}.profile-tabs{display:flex;overflow:auto;background:#fff;border-radius:11px}.profile-tabs button{flex:1;min-width:68px;border:0;background:#fff;padding:11px 6px;color:#6e7c90;font-size:10px}.profile-tabs button.active{color:#0e5fc8;font-weight:800;border-bottom:2px solid #0e5fc8}.panel{background:#fff;border-radius:12px;padding:13px}.panel h3{margin:0 0 11px;font-size:15px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;min-width:620px}th,td{padding:9px 8px;border-bottom:1px solid #edf0f5;text-align:left;font-size:10px;white-space:nowrap}th{color:#77859a;font-weight:700;background:#fafbfd}td{color:#34465f}.empty-mini{text-align:center;color:#9aa6b6;padding:30px;font-size:11px}.pos{color:#16935b}.neg{color:#dc4a4a}.vip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.vip-card{background:#fff;border:1px solid #e4eaf2;border-radius:12px;padding:14px}.vip-card.current{border:2px solid #efb633;background:#fffaf0}.vip-card>b{font-size:12px;color:#a87815}.vip-card h3{margin:7px 0;font-size:15px}.vip-card p,.vip-card small{font-size:9px;color:#8390a3}.admin-login{min-height:100vh;display:grid;place-items:center;background:#edf2f8;padding:20px}.admin-login-card{width:min(100%,380px);background:#fff;border-radius:18px;padding:28px;text-align:center;box-shadow:0 18px 50px #22395b1f}.admin-logo{width:58px;height:58px;border-radius:15px;background:#114f9f;color:#fff;display:grid;place-items:center;margin:auto;font-size:30px;font-weight:900}.admin-login h1{margin:14px 0 6px}.admin-login p{color:#8490a3;font-size:12px;margin-bottom:20px}.admin-shell{min-height:100vh;background:#f2f5f9;display:grid;grid-template-columns:210px 1fr}.admin-side{background:#102447;color:#fff;padding:18px 12px;display:flex;flex-direction:column;gap:5px}.admin-brand{display:flex;align-items:center;gap:9px;margin:0 6px 20px}.admin-brand span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#2074db;font-weight:900}.admin-brand b{font-size:13px;letter-spacing:.05em}.admin-side button{border:0;background:transparent;color:#b9c8df;text-align:left;padding:11px 13px;border-radius:8px;font-size:12px}.admin-side button.active{background:#1c5ea9;color:#fff;font-weight:700}.admin-main{padding:18px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-top h2{margin:0 0 3px;font-size:20px}.admin-top span{font-size:10px;color:#8793a5}.admin-top button{border:1px solid #d9e0e9;background:#fff;border-radius:8px;padding:8px 12px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{background:#fff;border-radius:12px;padding:18px;border:1px solid #e8edf3}.stat-card span{font-size:11px;color:#7e8b9d}.stat-card b{display:block;font-size:24px;margin-top:8px;color:#173760}.admin-card{background:#fff;border-radius:12px;padding:13px;border:1px solid #e5eaf0}.search{display:flex;gap:7px}.search input{width:240px}.search button,.row-actions button{border:1px solid #dce3ed;background:#fff;border-radius:6px;padding:5px 8px;font-size:9px}.row-actions{display:flex;gap:4px}.row-actions .ok{background:#eaf8f0;border-color:#bfe8cd;color:#17804a}.row-actions .bad{background:#fff1f1;border-color:#ffd2d2;color:#b63838}.system-list{display:flex;flex-direction:column}.system-list div{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #eef1f4}.system-list span{color:#7d899a;font-size:11px}.system-list b{font-size:11px;max-width:70%;text-align:right;word-break:break-word}@media(min-width:650px){.game-grid,.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid .game-cover{height:125px}}@media(max-width:760px){.admin-shell{grid-template-columns:1fr}.admin-side{position:sticky;top:0;z-index:5;flex-direction:row;overflow:auto;padding:8px}.admin-brand{display:none}.admin-side button{white-space:nowrap;padding:9px}.admin-main{padding:10px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:13px}.stat-card b{font-size:18px}}