*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:#f5f5f5;color:#222;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul,li{list-style:none}input,textarea,select,button{font-family:inherit;font-size:14px;border:none;outline:none}:root{--primary: #FFE24D;--primary-deep: #E8C800;--primary-soft: #FFF9E0;--bg-page: #f5f5f5;--bg-card: #ffffff;--bd: #f0f0f0;--txt: #222;--txt-sub: #666;--txt-mute: #999;--txt-link: #c8c9cc;--danger: #ff3b30;--success: #1aad19;--tag-spot: #23C8B6;--radius: 12px;--radius-sm: 8px}.page{max-width:750px;margin:0 auto;min-height:100vh;padding-bottom:80px;background:var(--bg-page)}.navbar{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#fff9e0,#fff);color:#222;padding:0 14px;display:flex;align-items:center;height:44px}.navbar .back{width:30px;font-size:20px}.navbar .title{flex:1;text-align:center;font-size:17px;font-weight:600;margin-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-bar{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#fff9e0,#fff 60%);display:flex;align-items:center;justify-content:center;height:44px}.home-bar .t{font-size:17px;font-weight:600;color:#222}.search-bar{background:linear-gradient(180deg,#fff9e0,#fff);padding:8px 14px 12px}.search-bar .inner{background:#fff;border:1px solid #222;border-radius:22px;display:flex;align-items:center;padding:2px 2px 2px 14px;gap:8px}.search-bar input{flex:1;background:transparent;font-size:14px;color:#333}.search-bar .icon{color:#999;font-size:16px}.search-bar .btn-search{background:#1a1a1a;color:#fff;border-radius:20px;padding:7px 18px;font-size:13px;font-weight:600;flex-shrink:0}.notice-bar{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;color:#666;font-size:12px;border-bottom:1px solid #f5f5f5}.notice-bar .horn{color:var(--primary-deep);flex-shrink:0}.notice-scroll{flex:1;height:20px;overflow:hidden;position:relative}.notice-scroll .track{position:absolute;top:0;left:0;width:100%}.notice-scroll .line{height:20px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-banner{background:#fff;padding:6px 14px 0}.home-banner .swiper{position:relative;overflow:hidden;border-radius:12px}.home-banner .track{display:flex;transition:transform .4s;height:100%}.home-banner .item{min-width:100%;height:100%}.home-banner .item img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}.home-banner .dots{position:absolute;bottom:10px;width:100%;text-align:center}.home-banner .dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffffff80;margin:0 3px}.home-banner .dots span.on{background:#fff;width:14px;border-radius:3px}.quick-grid{display:grid;grid-template-columns:3fr 1fr 1fr;gap:8px;padding:10px;background:#fff;align-items:start}.quick-grid .item{border-radius:14px;overflow:hidden;position:relative;height:calc((100vw - 36px)/4);max-height:150px;cursor:pointer;display:block}.quick-grid .item:active{transform:scale(.98)}.quick-grid .item img{width:100%;height:100%;object-fit:cover;display:block}.quick-grid .item.q1 img{object-position:right center}@media(max-width:360px){.quick-grid{gap:6px;padding:8px}.quick-grid .item{border-radius:12px;height:calc((100vw - 28px)/4);max-height:120px}}@media(min-width:420px){.quick-grid .item{max-height:170px}}.service-panel{width:86%}.service-panel .service-tip{text-align:center;color:#999;font-size:12px;padding:4px 0 10px}.service-list{max-height:46vh;overflow-y:auto}.service-item{display:flex;align-items:center;padding:12px;margin:0 10px 10px;background:#f7f8fa;border-radius:10px;cursor:pointer}.service-item:active{background:#f0f1f3}.service-item .avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-right:12px;background:#eee}.service-item .info{flex:1;min-width:0}.service-item .info .name{font-size:15px;font-weight:600;color:#222}.service-item .info .val{font-size:12px;color:#999;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-item .go{background:#ff5722;color:#fff;font-size:12px;padding:5px 14px;border-radius:14px}.home-section{background:#fff;margin-top:10px;padding:14px 0}.home-section .hd{display:flex;align-items:center;justify-content:space-between;padding:0 14px 10px}.home-section .hd .t{font-size:17px;font-weight:700;color:#222}.home-section .hd .more{font-size:12px;color:#999}.home-section .hd .more:after{content:" ›"}.game-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding:0 14px}.game-scroll::-webkit-scrollbar{display:none}.game-scroll{scrollbar-width:none}.game-scroll .item{display:inline-block;width:140px;margin-right:10px;vertical-align:top;white-space:normal}.game-scroll .item .cover{width:140px;height:140px;border-radius:12px;overflow:hidden;position:relative;background:#1a1a1a}.game-scroll .item .cover img{width:100%;height:100%;object-fit:cover}.game-scroll .item .cover .badge{position:absolute;left:8px;bottom:8px;background:var(--tag-spot);color:#fff;font-size:10px;padding:2px 8px;border-radius:4px;font-weight:500}.game-scroll .item .name{font-size:13px;margin-top:8px;line-height:1.4;height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#222;font-weight:500}.game-scroll .item .price{color:#ff3b30;font-weight:700;font-size:14px;margin-top:4px}.game-scroll .item .price small{font-size:10px;font-weight:400}.cats{display:flex;flex-wrap:wrap;background:#fff;padding:14px 6px;margin-bottom:10px}.cats .cat{width:25%;text-align:center;padding:8px 0}.cats .cat .ico{width:44px;height:44px;border-radius:12px;background:var(--primary-soft);color:var(--primary-deep);display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 6px}.cats .cat .name{font-size:12px;color:#666}.goods-grid{display:flex;flex-wrap:wrap;gap:8px;padding:0 10px 10px}.goods-card{width:calc(50% - 4px);background:#fff;border-radius:12px;overflow:hidden}.goods-card img.cover{width:100%;height:150px;object-fit:cover}.goods-card .info{padding:8px 10px 10px}.goods-card .t{font-size:15px;line-height:1.4;height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#222}.goods-card .p{color:#ff3b30;font-size:16px;font-weight:700;margin-top:6px}.goods-card .p small{font-size:11px;font-weight:400}.goods-card .meta{color:#999;font-size:11px;margin-top:4px;display:flex;justify-content:space-between}.goods-card .badge-spot{position:relative}.goods-card .badge-spot:after{content:"现货";position:absolute;left:6px;bottom:110px;background:var(--tag-spot);color:#fff;font-size:10px;padding:2px 6px;border-radius:0 6px 6px 0}.section{padding:12px 14px 6px;display:flex;align-items:center;justify-content:space-between}.section .h{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px;color:#222}.section .h:before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}.section .more{color:#999;font-size:12px}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:750px;margin:0 auto;background:#fff;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;min-height:56px}.tabbar a{flex:1;text-align:center;padding:6px 0 4px;color:#666;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tabbar a .ico{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:6px}.tabbar a.on{color:gold}.tabbar a.on .ico{background:#fff9e0}.tabbar svg{display:block;margin:0 auto;width:22px;height:22px}.btn{display:block;width:100%;text-align:center;padding:12px;border-radius:24px;background:linear-gradient(135deg,#ffe24d,#ffd000);color:#222;font-size:15px;font-weight:600}.btn:active{opacity:.85}.btn.ghost{background:#fff;color:#222;border:1px solid #ddd}.btn.gray{background:#e5e6eb;color:#999}.btn.danger{background:linear-gradient(135deg,#ff867c,#ff3b30);color:#fff}.btn.black{background:#1a1a1a;color:#fff;border-radius:24px}.btn.sm{display:inline-block;width:auto;padding:6px 16px;font-size:13px;border-radius:16px}.btn[disabled]{opacity:.5;pointer-events:none}.cell{background:#fff;display:flex;align-items:center;padding:13px 14px;gap:10px;border-bottom:1px solid #f0f0f0}.cell .hd{font-size:16px;color:#555;width:22px;text-align:center}.cell .bd{flex:1;font-size:14px}.cell .ft{color:#c8c9cc;font-size:12px}.cell:active{background:#f7f8fa}.card,.form{background:#fff;border-radius:12px;margin:10px;overflow:hidden}.form .item{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid #f0f0f0}.form .item:last-child{border-bottom:none}.form label{width:90px;color:#666}.form input,.form textarea,.form select{flex:1}.form textarea{width:100%;min-height:90px;padding:8px;border:1px solid #eee;border-radius:6px;resize:none}.form .tip{font-size:12px;color:#999;padding:6px 14px;background:#fafafa}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px}.tag.s0{background:#fff3e0;color:#e65100}.tag.s1{background:#e3f2fd;color:#1565c0}.tag.s2{background:#f3e5f5;color:#7b1fa2}.tag.s3{background:#e8f5e9;color:#2e7d32}.tag.s4{background:#f5f5f5;color:#999}.tag.s5{background:#ffebee;color:#c62828}.tag.s6{background:#eceff1;color:#546e7a}.tag.spot{background:var(--tag-spot);color:#fff}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:none;align-items:center;justify-content:center}.mask.show{display:flex}.dialog{background:#fff;border-radius:12px;width:86%;max-width:340px;padding:20px 16px}.dialog .title{font-size:16px;font-weight:600;margin-bottom:14px;text-align:center}.dialog .btns{display:flex;gap:10px;margin-top:14px}.dialog .btns .btn{flex:1;padding:10px}.dialog input,.dialog textarea{width:100%;padding:8px;border:1px solid #eee;border-radius:6px}#toast,.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:10px 18px;border-radius:6px;z-index:9999;font-size:14px;display:none;max-width:240px;text-align:center}.empty{text-align:center;padding:44px 20px;color:#999}.empty .ico{font-size:48px;margin-bottom:12px;opacity:.4}.empty .ico-img{width:56px;height:56px;object-fit:contain;margin:0 auto 10px;display:block}.empty .t{font-size:13px}.empty .btn{margin:16px auto 0;width:auto;display:inline-block;padding:8px 28px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 0;gap:8px;color:#999;font-size:12px}.loading:before{content:"";display:block;width:28px;height:28px;border:3px solid #e0e0e0;border-top-color:#d4a843;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail-hd img{width:100%;max-height:280px;object-fit:cover}.detail-price{background:linear-gradient(135deg,#fff6da,#fff);padding:16px}.detail-price .now{color:#ff3b30;font-size:26px;font-weight:700}.detail-price .now small{font-size:14px;font-weight:400}.detail-price .old{color:#999;text-decoration:line-through;font-size:13px;margin-left:8px}.detail-title{background:#fff;padding:12px 16px;font-size:16px;line-height:1.5;border-bottom:1px solid #f0f0f0}.detail-meta{background:#fff;padding:10px 16px;color:#999;font-size:12px;display:flex;gap:16px;border-bottom:1px solid #f0f0f0}.detail-section{background:#fff;margin-top:10px;padding:14px 16px}.detail-section .h{font-size:14px;font-weight:600;margin-bottom:10px;color:#666}.detail-attrs .item{display:flex;padding:6px 0;font-size:13px}.detail-attrs .item .k{color:#999;width:90px}.detail-attrs .item .v{flex:1;color:#222}.fixed-bottom{position:fixed;bottom:0;left:0;right:0;max-width:750px;margin:0 auto;background:#fff;padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;border-top:1px solid #f0f0f0;z-index:100}.fixed-bottom .left{flex:1;display:flex}.fixed-bottom .left .it{flex:1;text-align:center;font-size:11px;color:#666;padding:4px}.fixed-bottom .left .it .ico{font-size:18px;display:block;margin-bottom:2px}.fixed-bottom .right{flex:2;display:flex;gap:8px;align-items:center}.fixed-bottom .right .btn{flex:1;padding:11px;font-size:14px;border-radius:22px}.login-bg{background:linear-gradient(180deg,#ffe89c,#fff6da,#f5f5f5 70%);min-height:100vh}.login-bg .statusbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 28px;color:#fff;font-size:14px;font-weight:600}.login-bg .statusbar .capsule{width:90px;height:32px;background:#000000d9;border-radius:18px;display:flex;align-items:center;justify-content:center}.login-bg .logo-wrap{display:flex;align-items:center;justify-content:center;padding:60px 0 36px}.login-bg .logo{width:140px;height:110px;background:#000;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 18px #00000026;overflow:hidden}.login-bg .logo .xrg{font-family:Impact,Arial Black,sans-serif;font-style:italic;font-size:42px;font-weight:900;color:#fff;letter-spacing:4px;text-shadow:0 0 8px #4FC3F7,0 0 16px #2196F3;transform:skew(-8deg)}.login-bg .logo .sub{position:absolute;bottom:14px;font-size:10px;color:#fff;letter-spacing:2px;font-family:PingFang SC,sans-serif}.login-form{padding:0 30px}.login-form .field{display:flex;align-items:center;background:#fff;border-radius:26px;padding:14px 18px;margin-bottom:14px;box-shadow:0 2px 6px #00000008}.login-form .field .ico{width:22px;color:#555;margin-right:12px;font-size:18px}.login-form .field .ico svg{display:block}.login-form .field input{flex:1;background:transparent;font-size:15px;color:#333}.login-form .field .placeholder{color:#aaa}.login-form .field .get-code{font-size:13px;color:#555;padding-left:10px;border-left:1px solid #eee}.login-form .field .get-code.disabled{color:#ccc}.login-form .btn-login{display:block;width:100%;text-align:center;padding:14px;border-radius:28px;background:linear-gradient(135deg,#ffe24d,#ffd000);color:#222;font-size:16px;font-weight:600;margin-top:8px;box-shadow:0 4px 14px #ffb80059;border:none}.login-form .btn-login:active{opacity:.85}.login-form .agreement{margin-top:16px;text-align:center;font-size:12px;color:#888;display:flex;align-items:center;justify-content:center;gap:6px}.login-form .agreement input[type=checkbox]{width:13px;height:13px;accent-color:var(--primary)}.login-form .agreement a{color:#888}.cats-page{background:#f5f5f5}.cats-header{position:sticky;top:0;z-index:50;background:#fff;display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #f0f0f0}.cats-header .back{font-size:22px;color:#222;width:22px}.cats-header .title{font-size:17px;font-weight:600;flex:1;text-align:center;margin-right:22px}.cats-header .back-wrap{flex:0}.cats-search-wrap{padding:10px 14px;background:#fff;border-bottom:1px solid #f0f0f0}.cats-search{background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;overflow:hidden}.cats-search input{flex:1;padding:9px 12px;font-size:14px;background:transparent}.cats-search .go{padding:9px 22px;background:#1c1c1c;color:#fff;font-size:14px;font-weight:600}.cats-search .go:active{background:#333}.cats-body{display:flex;padding-top:0;background:#f5f5f5;min-height:calc(100vh - 90px)}.cats-aside{width:88px;background:#f8f8f8;flex-shrink:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cats-aside::-webkit-scrollbar{display:none}.cats-aside .item{padding:16px 6px;text-align:center;color:#888;font-size:13px;border-left:3px solid transparent;line-height:1.4}.cats-aside .item.on{color:#222;font-weight:700;background:#fff;border-left-color:#e53935}.cats-main{flex:1;background:#fff;padding:10px 12px 16px;min-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.cats-main .cat-title{font-size:16px;font-weight:700;margin-bottom:12px}.cats-main .game-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cats-main .game-tabs::-webkit-scrollbar{display:none}.cats-main .game-tabs a{flex-shrink:0;padding:6px 16px;border-radius:16px;font-size:13px;color:#666;background:#f5f5f5;white-space:nowrap}.cats-main .game-tabs a.on{color:#fff;background:#d4a843;font-weight:600}.cats-main .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px}.cats-main .grid .goods{background:transparent;border-radius:0;overflow:hidden;text-align:center;padding-bottom:4px}.cats-main .grid .goods .img{width:100%;aspect-ratio:1/1;background:#f5f5f5;display:flex;align-items:center;justify-content:center;position:relative;border-radius:8px;overflow:hidden}.cats-main .grid .goods .img img{width:100%;height:100%;object-fit:cover;border-radius:8px}.cats-main .grid .goods .name{font-size:13px;padding:6px 2px 0;color:#e53935;line-height:1.3;word-break:break-all}.cats-main .sec-title{font-size:16px;font-weight:700;margin:18px 0 12px}.feed-bg{background:linear-gradient(180deg,#fff9e0,#fff 20%,#f5f5f5);min-height:100vh;padding-bottom:90px}.feed-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#fff9e0,#fff);display:flex;align-items:center;justify-content:center;height:44px}.feed-header .t{font-size:17px;font-weight:600}.feed-quad{padding:18px 16px 24px;display:flex;gap:14px;justify-content:center}.feed-quad .blk{flex:1;height:160px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:16px;text-decoration:none;position:relative;overflow:hidden}.feed-quad .blk.want{background:linear-gradient(180deg,#ffec8b,#ffe24d 40%,#ffd000);box-shadow:0 4px 12px #ffd25a66}.feed-quad .blk.inq{background:#fff;border:1px solid #f0f0f0;box-shadow:0 4px 12px #0000000f}.feed-quad .blk .mascot{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:100px;height:auto;object-fit:contain;pointer-events:none}.feed-quad .blk .txt{font-size:15px;font-weight:700;color:#222;position:relative;z-index:2}.feed-list{padding:16px;min-height:50vh}.feed-list .empty{padding:60px 0;text-align:center;color:#aaa}.feed-list .empty .ico{font-size:52px;opacity:.35;margin-bottom:10px}.feed-list .empty .ico-img{width:56px;height:56px;object-fit:contain;margin:0 auto 10px;display:block}.feed-fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(82px + env(safe-area-inset-bottom));background:linear-gradient(135deg,#ffec8b,#ffd000);color:#222;padding:10px 28px;border-radius:28px;font-size:14px;font-weight:700;box-shadow:0 6px 18px #ffb80073;z-index:60;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.feed-fab .ico-img{width:22px;height:22px;object-fit:contain}.my-page{background:linear-gradient(180deg,#fff9e0,#fff 25%,#f5f5f5);min-height:100vh;padding-bottom:90px}.my-top{padding:20px 16px;display:flex;align-items:center;gap:14px}.my-top img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px #00000014}.my-top .info{flex:1}.my-top .n{font-size:20px;font-weight:700;color:#222;line-height:1.3}.my-top .meta{font-size:13px;color:#999;margin-top:4px;line-height:1.6}.my-quick{display:flex;padding:18px 0;background:#fff;border-radius:12px;margin:0 10px}.my-quick a{flex:1;text-align:center;color:#666;font-size:13px}.my-quick .ico{width:52px;height:52px;background:#fff9e0;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:18px;color:#e89e00}.my-orders{background:#fff;border-radius:14px;margin:10px;padding:14px;box-shadow:0 4px 20px #0000000f}.my-orders .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.my-orders .hd .t{font-size:15px;font-weight:600}.my-orders .hd .more{font-size:12px;color:#999}.my-states{display:flex}.my-states a{flex:1;display:flex;flex-direction:column;align-items:center;color:#666;font-size:11px}.my-states .ico{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fff9e0,#fff3c7);display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 2px 8px #ffd2001f}.my-record{background:#fff;border-radius:14px;margin:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0000000f}.my-record .l{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.my-record .l .tag{background:var(--primary);color:#222;font-size:10px;padding:2px 6px;border-radius:4px}.my-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px 0;background:#fff;border-radius:14px;margin:10px;padding:16px 10px;text-align:center;box-shadow:0 4px 20px #0000000f}.my-grid a{color:#666;font-size:12px}.my-grid .ico{width:44px;height:44px;border-radius:12px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.app-version{text-align:center;padding:20px 16px 40px;background:#f5f5f5;margin-top:10px}.app-version .v{font-size:13px;color:#999;margin-bottom:4px}.app-version .s{font-size:12px;color:#bbb}.shop-top{background:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}.shop-top img{width:48px;height:48px;border-radius:50%;object-fit:cover}.shop-top .n{font-size:15px;font-weight:600}.shop-top .tags{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.shop-top .tags span{font-size:11px;padding:2px 8px;border-radius:4px}.shop-top .tags .warn{background:#fff3e0;color:#e65100}.shop-top .tags .ok{background:#fff9e0;color:#e89e00}.shop-top .acts{margin-left:auto;display:flex;gap:8px}.shop-top .acts button{padding:6px 14px;border-radius:14px;font-size:12px;border:1px solid #ddd;background:#fff}.shop-top .acts button.on{background:#1c1c1c;color:#fff;border-color:#1c1c1c}.level-card{background:#1c1c1c;border-radius:12px;margin:10px;padding:16px;color:#fff;position:relative;overflow:hidden}.level-card .hd{font-size:13px;color:#ffffffb3;margin-bottom:10px}.level-card .lv{font-size:32px;font-weight:800;display:flex;align-items:center;gap:10px}.level-card .lv .tag{background:var(--primary);color:#1c1c1c;font-size:12px;padding:3px 10px;border-radius:4px;font-weight:700}.level-card .progress{margin-top:10px;font-size:12px;color:#ffffffb3;display:flex;justify-content:space-between;align-items:center}.level-card .progress .bar{height:4px;background:#ffffff26;border-radius:2px;flex:1;margin:0 10px}.level-card .progress .bar i{display:block;height:100%;background:var(--primary);border-radius:2px;width:0%}.level-card .acts{display:flex;gap:8px;margin-top:12px}.level-card .acts button{padding:6px 14px;border-radius:14px;font-size:12px;border:none}.level-card .acts button.up{background:var(--primary);color:#1c1c1c}.level-card .acts button.ev{background:#ffffff1f;color:#fff}.shop-stats-bar{display:flex;background:#fff9e0;border-radius:12px;margin:10px;padding:14px 0}.shop-stats-bar .it{flex:1;text-align:center;cursor:pointer}.shop-stats-bar .it:active{opacity:.8}.shop-stats-bar .it .v{font-size:20px;font-weight:700;color:#222}.shop-stats-bar .it .k{font-size:11px;color:#666;margin-top:2px}.shop-sec{background:#fff;border-radius:12px;margin:10px;padding:14px}.shop-sec .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.shop-sec .hd .t{font-size:15px;font-weight:600}.shop-sec .hd .more{font-size:12px;color:#999}.shop-sec .nums{display:flex}.shop-sec .nums .it{flex:1;text-align:center;cursor:pointer}.shop-sec .nums .it:active{opacity:.8}.shop-sec .nums .it .v{font-size:18px;font-weight:700}.shop-sec .nums .it .k{font-size:11px;color:#666;margin-top:4px}.msg-page{background:#f5f5f5;min-height:100vh;padding-bottom:80px}.msg-item{display:flex;align-items:center;gap:12px;background:#fff;padding:14px 16px;border-bottom:1px solid #f5f5f5}.msg-item .ico{width:44px;height:44px;border-radius:50%;background:#fff9e0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#e89e00}.msg-item .bd{flex:1}.msg-item .bd .t{font-size:14px;font-weight:600}.msg-item .bd .s{font-size:12px;color:#999;margin-top:2px}.order-tabs{display:flex;background:#fff;padding:0 10px;border-bottom:1px solid #f0f0f0;overflow-x:auto}.order-tabs::-webkit-scrollbar{display:none}.order-tabs a{padding:12px 10px;font-size:13px;color:#666;position:relative;white-space:nowrap}.order-tabs a.on{color:#222;font-weight:600}.order-tabs a.on:after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:2px;background:var(--primary);border-radius:1px}.order-filter{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff}.order-filter .sel{font-size:12px;color:#666;padding:4px 10px;background:#f5f5f5;border-radius:4px}.o-card2{background:#fff;border-radius:12px;margin:10px;padding:12px 14px}.o-card2 .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.o-card2 .head .seller{display:flex;align-items:center;gap:8px;font-size:13px}.o-card2 .head .seller img{width:28px;height:28px;border-radius:50%;object-fit:cover}.o-card2 .head .st{color:#e89e00;font-size:13px}.o-card2 .body{display:flex;gap:10px}.o-card2 .body img{width:80px;height:80px;border-radius:8px;object-fit:cover;background:#eee}.o-card2 .body .info{flex:1}.o-card2 .body .info .t{font-size:14px;font-weight:600}.o-card2 .body .info .tag2{display:inline-block;font-size:11px;color:#999;border:1px solid #ddd;padding:1px 6px;border-radius:4px;margin-top:4px}.o-card2 .body .info .desc{font-size:12px;color:#999;margin-top:4px}.o-card2 .body .right{text-align:right}.o-card2 .body .right .p{font-size:15px;font-weight:700}.o-card2 .body .right .n{font-size:12px;color:#999}.od-head{background:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.od-head .no{font-size:13px;color:#666}.od-head .no .copy{font-size:11px;color:#e89e00;margin-left:6px}.od-head .st{color:#e89e00;font-size:14px;font-weight:600}.od-goods{background:#fff;padding:12px 16px;display:flex;gap:12px;border-top:1px solid #f0f0f0}.od-goods img{width:80px;height:80px;border-radius:8px;object-fit:cover;background:#eee}.od-goods .info{flex:1}.od-goods .info .t{font-size:15px;font-weight:600}.od-goods .info .tag2{display:inline-block;font-size:11px;color:#999;border:1px solid #ddd;padding:1px 6px;border-radius:4px;margin-top:4px}.od-goods .info .desc{font-size:12px;color:#999;margin-top:4px}.od-goods .right{text-align:right}.od-goods .right .p{font-size:16px;font-weight:700}.od-goods .right .n{font-size:12px;color:#999}.od-rows{background:#fff;padding:4px 16px 16px}.od-row{display:flex;justify-content:space-between;padding:10px 0;font-size:13px;border-bottom:1px solid #f0f0f0}.od-row .k{color:#666}.od-row .v{color:#222}.od-row .v.red{color:#ff3b30}.pub-form{background:#fff;padding:0 16px}.pub-form .row{padding:14px 0;border-bottom:1px solid #f0f0f0}.pub-form .row .lab{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pub-form .row .lab .l{font-size:14px;font-weight:600}.pub-form .row .lab .l .rq{color:#ff3b30;margin-right:2px}.pub-form .row .lab .r{font-size:12px;color:#999}.pub-form .row input,.pub-form .row textarea,.pub-form .row select{width:100%;padding:10px 12px;background:#f5f5f5;border-radius:8px;font-size:14px;border:none}.pub-form .row textarea{min-height:80px;resize:none}.pub-form .row .picker{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f5f5f5;border-radius:8px;font-size:14px;color:#999}.pub-form .row .picker.on{color:#222}.pub-form .row .picker:after{content:"›";font-size:16px;color:#bbb}.gm-search{padding:10px 14px;background:#fff;display:flex;gap:8px}.gm-search input{flex:1;border:1px solid #ddd;border-radius:4px;padding:9px 12px;font-size:14px}.gm-search .go{padding:9px 18px;background:#1c1c1c;color:#fff;border-radius:4px;font-size:14px}.gm-tabs{display:flex;background:#fff;border-bottom:1px solid #f0f0f0}.gm-tabs a{flex:1;text-align:center;padding:12px 0;font-size:13px;color:#666;position:relative}.gm-tabs a.on{color:#222;font-weight:600}.gm-tabs a.on:after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;background:var(--primary)}.gm-filters{display:flex;gap:8px;padding:10px 14px;background:#fff}.gm-filters select{padding:6px 10px;border:1px solid #eee;border-radius:4px;font-size:12px;color:#666;background:#fff}.gm-fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom));background:linear-gradient(135deg,#ffe24d,#ffd000);color:#222;padding:10px 24px;border-radius:24px;font-size:14px;font-weight:600;box-shadow:0 4px 14px #ffb80059;z-index:60;display:flex;align-items:center;gap:6px}.apply-hero{text-align:center;padding:40px 20px 20px}.apply-hero .n{font-size:22px;font-weight:700;margin-bottom:8px}.apply-hero .s{font-size:13px;color:#666}.apply-hero .ill{width:260px;height:260px;margin:20px auto;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:80px}.game-select-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:none;align-items:flex-end}.game-select-mask.show{display:flex}.game-select-panel{background:#fff;border-radius:20px 20px 0 0;width:100%;padding:20px 16px 30px;max-height:70vh;overflow:auto}.game-select-panel .title{font-size:18px;font-weight:600;text-align:center;margin-bottom:20px}.game-select-panel .close{position:absolute;right:16px;top:16px;font-size:20px;color:#999}.game-select-panel .game-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:10px}.game-select-panel .game-item img{width:40px;height:40px;border-radius:8px;object-fit:cover}.game-select-panel .game-item .name{font-size:14px;font-weight:600;flex:1}.game-select-panel .game-item .check{width:20px;height:20px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center}.game-select-panel .game-item .check.on{border-color:var(--primary);background:var(--primary)}.game-select-panel .confirm{display:block;width:100%;text-align:center;padding:14px;border-radius:24px;background:linear-gradient(135deg,#ffe24d,#ffd000);color:#222;font-size:15px;font-weight:600;margin-top:20px;border:none}@media(max-width:360px){.game-scroll .item{width:120px}.game-scroll .item .cover{width:120px;height:120px}.quick-grid .item{border-radius:12px}}.home-bar.v2{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:44px;position:sticky;top:0;z-index:100}.home-bar.v2 .back{font-size:20px;color:#222;width:30px;cursor:pointer}.home-bar.v2 .t{font-size:17px;font-weight:600;color:#222}.home-bar.v2 .more{font-size:20px;color:#222;width:30px;text-align:right;cursor:pointer}.notice-bar.v2{background:#fff9e0;border-bottom:none;padding:8px 14px;border-radius:10px;margin:8px 14px}.notice-bar.v2 .horn{color:#d4a843;font-size:16px;flex-shrink:0;display:flex;align-items:center}.notice-bar.v2 .notice-scroll{flex:1;height:20px;overflow:hidden;position:relative}.notice-bar.v2 .track{position:relative;width:100%;height:100%}.notice-bar.v2 .line{position:absolute;top:0;left:100%;white-space:nowrap;height:20px;line-height:20px;color:#d4a843;font-size:12px;opacity:0;will-change:left;pointer-events:none}.notice-bar.v2 .line.active{opacity:1;pointer-events:auto}.cat-grid-wrap{background:#fff;padding:0 10px}.cat-grid{display:flex;gap:14px;padding:16px 8px 10px;background:#fff;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.cat-grid::-webkit-scrollbar{display:none}.cat-grid .cat-card{flex:0 0 auto;min-width:68px;max-width:84px;text-align:center;text-decoration:none;cursor:pointer;scroll-snap-align:start}.cat-grid .cat-card:active{transform:scale(.95)}.cat-card .box{width:72px;height:72px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0 auto 6px}.cat-card .box img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.cat-card .name{font-size:13px;color:#e53935;line-height:1.3;word-break:break-all;text-align:center}.cat-card .label{font-size:10px;color:#d4a843;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-indicator{height:3px;background:#f0f0f0;border-radius:2px;margin:4px 140px 8px;position:relative;overflow:hidden}.scroll-indicator .bar{height:100%;background:linear-gradient(90deg,#4a90e2,#5ba0f2);border-radius:2px;width:30%;position:absolute;left:0;top:0;transition:transform .1s linear}.cat-card:nth-child(5n+1) .box.no-img{background:linear-gradient(135deg,#d4a843,#b8860b)}.cat-card:nth-child(5n+2) .box.no-img{background:linear-gradient(135deg,#2c2c2c,#1a1a1a)}.cat-card:nth-child(5n+3) .box.no-img{background:linear-gradient(135deg,#8b6914,#5c4010)}.cat-card:nth-child(5n+4) .box.no-img{background:linear-gradient(135deg,#d4a843,#b8860b)}.cat-card:nth-child(5n+5) .box.no-img{background:linear-gradient(135deg,#2c2c2c,#1a1a1a)}.cat-card .box.has-img{background:#1a1a1a}.server-tabs{display:flex;background:#fff;padding:0 14px}.server-tabs a{flex:1;text-align:center;padding:12px 4px;font-size:15px;color:#999;position:relative;cursor:pointer}.server-tabs a.on{color:#222;font-weight:700}.server-tabs a.on:after{content:"";position:absolute;left:18%;right:18%;bottom:2px;height:3px;background:#e53935;border-radius:2px}.sort-bar{display:flex;background:#fff;padding:0 14px}.sort-bar a{flex:1;text-align:center;padding:12px 4px;font-size:13px;color:#999;cursor:pointer;position:relative}.sort-bar a.on{color:#d4a843;font-weight:600}.sort-bar a.on:after{content:"";position:absolute;left:16%;right:16%;bottom:2px;height:3px;background:#d4a843;border-radius:2px}.goods-waterfall{display:flex;flex-wrap:wrap;gap:10px;padding:12px 10px 16px;background:#fff}.goods-waterfall .g-card{width:calc(50% - 5px);background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;box-shadow:0 4px 20px #0000002e;transition:box-shadow .2s ease}.goods-waterfall .g-card:active{box-shadow:0 2px 10px #00000038}.goods-waterfall .g-card .cover{width:100%;padding-top:100%;position:relative;overflow:hidden;background:#fafafa}.goods-waterfall .g-card .cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.goods-waterfall .g-card .cover .badge{position:absolute;left:8px;bottom:8px;background:var(--tag-spot);color:#fff;font-size:10px;padding:2px 8px;border-radius:4px;font-weight:500}.goods-waterfall .g-card .info{padding:8px 10px 10px}.goods-waterfall .g-card .name{font-size:15px;line-height:1.4;height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#222}.goods-waterfall .g-card .price{color:#ff3b30;font-size:16px;font-weight:700;margin-top:6px}.goods-waterfall .g-card .price small{font-size:11px;font-weight:400}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:10px 18px;border-radius:6px;z-index:9999;font-size:14px;display:none;max-width:240px;text-align:center;line-height:1.5}body.has-tabbar{padding-bottom:60px}#app{max-width:750px;margin:0 auto;min-height:100vh}.v-enter-active,.v-leave-active{transition:opacity .12s ease}.v-enter-from,.v-leave-to{opacity:0}body.lock-scroll{overflow:hidden;position:fixed;width:100%}