/* Mobile skin over the existing ThinkPHP templates. */
@font-face{font-family:vr-icons;src:url('/Template/Mobile/css/iconfont-full.ttf') format('truetype');font-display:swap}
.vr-mobile{margin:0!important;padding:0 0 76px!important;background:#f4f4f4!important;color:#333;font:14px/1.5 'PingFang SC','Microsoft Yahei',Arial,sans-serif!important;min-width:320px;-webkit-tap-highlight-color:transparent}
.vr-mobile *{box-sizing:border-box}.vr-mobile a{text-decoration:none;color:inherit}.vr-mobile button{font:inherit;cursor:pointer}.vr-mobile ul{margin:0;padding:0;list-style:none}.vr-mobile [hidden]{display:none!important}
.vr-mobile-header{height:56px;position:relative;display:flex;align-items:center;justify-content:center;background:#e73138;color:#f1d596;border-bottom:1px solid #f55b60;z-index:20}.vr-mobile-brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:3px;color:#fff8e6!important;font-size:18px}.vr-mobile-brand img{height:34px;width:auto;display:block;background:#fff;border-radius:7px;padding:4px 8px;box-shadow:0 1px 0 rgba(255,255,255,.25)}.vr-mobile-app{position:absolute;right:13px;top:18px;color:#ffe1ae!important;font-size:13px;border:0;background:none;padding:0}.vr-mobile-back{position:absolute;left:15px;top:10px;font:30px/35px Arial;color:#fff!important}
.vr-mobile .vr-hero{margin:0;background:#f7e8d8}.vr-mobile .vr-hero img{height:auto;aspect-ratio:2.05;object-fit:cover;display:block;width:100%}.vr-mobile .vr-carousel-dots{bottom:8px}.vr-mobile .vr-carousel-dots button{width:7px;height:7px}
.vr-mobile .vr-announcement{background:#fff;border:0;margin:0;padding:9px 10px;font-size:11px;line-height:1.5;color:#888;gap:6px}.vr-mobile .vr-announcement>span:first-child{font-size:17px}.vr-mobile .vr-announcement a{color:#999;font-size:11px}
.vr-mobile-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 8px 14px;border-radius:5px;overflow:hidden;box-shadow:0 2px 4px #00000005}.vr-mobile-shortcuts a,.vr-mobile-shortcuts button{height:54px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-right:1px solid #ffffff35;border-bottom:1px solid #ffffff35;background:linear-gradient(130deg,#fcaa47,#fa7c49);color:#fff;font-size:14px;white-space:nowrap}.vr-mobile-shortcuts :nth-child(n+5){background:linear-gradient(125deg,#55c6eb,#27b6df)}
.vr-mobile-catalog{background:#fff;padding-bottom:6px}.vr-mobile-categories{display:flex;align-items:center;border-bottom:1px solid #f1f1f1;background:#fafafa;min-height:42px;overflow-x:auto}.vr-mobile-categories button{height:42px;min-width:77px;padding:0 16px;border:0;border-right:1px solid #eee;background:transparent;color:#999;font-size:13px;white-space:nowrap}.vr-mobile-categories button[aria-pressed=true]{background:#ed3941;color:#fff}
.vr-mobile-section-title{display:flex;align-items:center;gap:10px;padding:13px 12px 10px}.vr-mobile-section-title h1,.vr-mobile-section-title h2{font-size:14px;font-weight:500;margin:0;margin-right:auto}.vr-mobile-section-title button,.vr-mobile-section-title a{font-size:11px;color:#aaa;border:0;padding:0;background:none;white-space:nowrap}.vr-mobile-section-title button{color:#db3d43}.vr-mobile-section-title button[aria-pressed=true]{color:#888}
.vr-mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 8px!important;gap:0}.vr-mobile-grid .vr-game-card{flex-direction:column;justify-content:flex-start;gap:6px;min-height:149px;padding:13px 3px 9px;border:0;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;text-align:center}.vr-mobile-grid .vr-game-card:nth-of-type(3n){border-right:0}.vr-mobile-grid .vr-game-card .vr-game-symbol{height:46px;width:46px;background:linear-gradient(135deg,#fb4a50,#e51222);box-shadow:inset 0 0 0 2px #fff5}.vr-mobile-grid .vr-game-card h3{font-size:13px;margin:0 0 3px}.vr-mobile-grid .vr-game-card p{font-size:10px;color:#aaa;margin:0}.vr-mobile-grid .vr-card-result{font-size:10px;color:#c75a60;line-height:1.7;min-height:16px}.vr-mobile-grid .vr-card-result span{display:block}.vr-mobile-end{text-align:center;font-size:11px;color:#bbb;padding:15px 0;margin:0}
.vr-mobile-footer{height:63px;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.vr-mobile-footer a,.vr-mobile-footer button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:0;background:none;color:#999;font:11px/1.4 'Microsoft Yahei',sans-serif;padding:6px 2px;min-width:0}.vr-mobile-footer a span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vr-mobile-footer .vr-nav-icon{font:20px/24px Arial,sans-serif;height:24px;font-style:normal}.vr-mobile-footer [aria-current=page]{color:#e7333c}.vr-mobile-message{position:fixed;right:12px;bottom:86px;border:0;border-radius:50%;height:45px;width:45px;padding:0;background:#ed6a85;color:#fff;font:11px 'Microsoft Yahei',sans-serif;box-shadow:0 2px 12px #c5567944;z-index:30}
.vr-ranking-overlay{position:fixed;inset:0;background:#0005;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.vr-ranking-dialog{width:100%;max-width:350px;background:#fff;border-radius:8px;overflow:hidden}.vr-ranking-dialog h2{font-size:16px;margin:0;padding:17px;background:#e73138;color:#fff}.vr-ranking-dialog .vr-activity-list{max-height:50vh;overflow:auto}.vr-ranking-dialog>button{display:block;border:0;border-top:1px solid #eee;background:#fff;color:#e73138;width:100%;padding:13px;font-size:14px}.vr-ranking-dialog .vr-activity-empty{font-size:13px}
.vr-mobile .vr-lobby-banner{margin:0;padding:17px 16px;border:0}.vr-mobile .vr-lobby-banner h1{font-size:20px}.vr-mobile .vr-lobby-banner p{font-size:11px}.vr-mobile .vr-filter{margin:0;border:0;padding:10px 8px;gap:3px;flex-wrap:nowrap;overflow:auto}.vr-mobile .vr-filter strong{display:none}.vr-mobile .vr-filter button{padding:6px 12px;flex:none;font-size:12px}
/* Keep original form names, submit handlers and PHP validation. */
.vr-auth-mobile{padding-top:0!important;background:#faf6ef!important;min-height:100vh;font-family:'PingFang SC','Microsoft Yahei',sans-serif}.vr-auth-mobile .am-header{position:relative!important;background:#e73138!important;height:52px!important;line-height:52px!important;box-shadow:none!important}.vr-auth-mobile .am-header-title{font-size:17px!important;line-height:52px!important}.vr-auth-mobile .bank_recharge{margin:24px 14px!important;padding:20px 14px!important;background:#fff;border:1px solid #eee6d9;border-radius:8px;box-shadow:0 4px 20px #aa7b3010}.vr-auth-mobile .bank_form_list li{border:1px solid #e7dfd3!important;border-radius:5px!important;margin:0 0 15px!important;width:100%!important;min-height:46px;height:auto!important;padding:5px 9px!important;background:#fffefa!important}.vr-auth-mobile .bank_form_list input{background:transparent!important;font-size:13px!important}.vr-auth-mobile .bank_form_left{font-size:13px!important;white-space:nowrap}.vr-auth-mobile .bank_right_input{max-width:68%}.vr-auth-mobile .am-btn-danger{background:#e73138!important;border-color:#e73138!important;border-radius:5px!important;min-height:43px;font-size:15px!important}.vr-auth-mobile .bank_pass{font-size:12px;color:#999}
.vr-auth-mobile .am-header-left a::before{content:'‹';font:30px/45px Arial,sans-serif;color:#fff}.vr-auth-mobile .am-header-left i{display:none}.vr-auth-mobile{padding-bottom:75px!important}
.vr-invite-mobile{padding-bottom:84px!important}.vr-invite-mobile .vr-invite-wrap{padding:12px 12px 24px}.vr-invite-card{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 10px #9c73400d}.vr-invite-card p{margin:0;color:#999;font-size:12px}.vr-invite-card strong{display:block;font:700 28px/1.3 Georgia,'PingFang SC',serif;letter-spacing:2px;color:#c81f28;margin:6px 0}.vr-invite-card small{display:block;color:#aaa;font-size:12px;line-height:1.6;margin-bottom:12px}.vr-invite-card .vr-button{width:100%;border:0;background:#e73138;color:#fff;height:40px;border-radius:5px}.vr-invite-card ul{display:flex;gap:8px;margin:14px 0 0;padding:0;list-style:none}.vr-invite-card li{flex:1;background:#fff8ef;border-radius:5px;padding:8px 6px;font-size:11px;color:#888;text-align:center}.vr-invite-card li em{display:block;font-style:normal;color:#e73138;font-size:14px;margin-top:3px}.vr-invite-tip{margin:0 4px 12px;font-size:12px;color:#8a7040;background:#fff8ef;padding:8px 10px;border-radius:5px}.vr-invite-card h2{font-size:15px;margin:0 0 10px}.vr-invite-card table{width:100%;border-collapse:collapse;font-size:12px}.vr-invite-card th,.vr-invite-card td{border-bottom:1px solid #f2eee6;padding:9px 4px;text-align:center}.vr-invite-card th{color:#888;font-weight:500}.vr-invite-card form{display:flex;gap:6px;margin-bottom:10px}.vr-invite-card form input,.vr-invite-card form select{flex:1;height:34px;border:1px solid #e7dfd3;border-radius:4px;padding:0 6px}.vr-invite-card form button{border:0;background:#e73138;color:#fff;border-radius:4px;padding:0 12px}.vr-invite-logs{list-style:none;margin:0;padding:0}.vr-invite-logs li{padding:10px 0;border-bottom:1px dashed #eee;display:grid;grid-template-columns:1fr auto;gap:2px 10px}.vr-invite-logs strong{font-size:13px}.vr-invite-logs span,.vr-invite-logs small{color:#999;font-size:11px;grid-column:1}.vr-invite-logs em{font-style:normal;color:#e73138;font-weight:700}.vr-invite-logs .empty{display:block;text-align:center;color:#aaa;padding:20px 0}.vr-invite-share{margin:8px 0 12px!important;color:#8a7040!important;background:#fff8ef;padding:8px;border-radius:4px;word-break:break-all;font-size:11px}
@media(max-width:360px){.vr-mobile-brand span{letter-spacing:1px;font-size:16px}.vr-mobile-brand img{height:30px;padding:3px 6px}}
@media(min-width:600px){.vr-mobile{max-width:480px;margin:0 auto!important;box-shadow:0 0 25px #0000000d}.vr-mobile-footer{max-width:480px;left:50%;transform:translateX(-50%)}.vr-mobile-message{right:max(12px,calc((100vw - 480px)/2 + 12px))}}
