:root{--bg: #0a0e27;--bg-2: #1a1f3a;--card: rgba(20, 27, 45, .72);--card-strong: rgba(20, 27, 45, .92);--text: #e8eaf6;--sub: #8892b0;--muted: rgba(232, 234, 246, .56);--primary: #00f0ff;--primary-2: #00d4e6;--pink: #ff006e;--green: #00e676;--orange: #ffb84d;--danger: #ff3d00;--line: rgba(0, 240, 255, .28);--line-soft: rgba(255, 255, 255, .07);--shadow: 0 8px 32px rgba(0, 0, 0, .55), inset 0 0 24px rgba(0, 240, 255, .055);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(rgba(0,240,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.035) 1px,transparent 1px),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 52%,var(--bg) 100%);background-size:25px 25px,25px 25px,100% 100%}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.page{width:min(100vw,560px);min-height:100vh;margin:0 auto;position:relative;background:#0a0e27db;overflow-x:hidden}.with-tab{padding-bottom:92px}.content-stack{display:flex;flex-direction:column;gap:14px;padding:16px}.top-offset{padding-top:78px}.bottom-offset{padding-bottom:104px}.section-card,.state-card{background:linear-gradient(135deg,#141b2dad,#0a0e27db);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.section-card{padding:16px}.section-card h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:16px;line-height:1.3}.section-card h2:before{content:"";width:4px;height:18px;border-radius:2px;background:var(--primary);box-shadow:0 0 12px #00f0ff99}.top-nav{position:fixed;top:0;left:50%;width:min(100vw,560px);height:64px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:14px 16px 8px;z-index:20;background:linear-gradient(rgba(0,240,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.04) 1px,transparent 1px),linear-gradient(180deg,#0a0e27f2,#141b2deb);background-size:25px 25px,25px 25px,100% 100%;border-bottom:1px solid rgba(0,240,255,.2)}.top-nav.is-transparent{background:linear-gradient(180deg,#0000006b,#0000);border-bottom:0}.nav-circle,.icon-action{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:#00000052;border:1px solid rgba(255,255,255,.18)}.top-title{flex:1;color:var(--primary);text-shadow:0 0 10px rgba(0,240,255,.35);font-weight:800;font-size:18px;text-align:center;padding-right:50px}.tab-bar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100vw,560px);height:72px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px 10px;background:#0a0e27fa;border-top:1px solid rgba(0,240,255,.22);z-index:30}.tab-item{color:var(--sub);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px}.tab-item.active{color:var(--primary)}.tab-icon-wrap{position:relative}.tab-badge,.badge-count{position:absolute;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,var(--pink),#ff4081);color:#fff;font-size:11px;line-height:18px;box-shadow:0 0 14px #ff006e8c}.tab-badge{top:-8px;right:-13px}.state-card{margin:88px 16px 0;min-height:190px;padding:34px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-spinner{width:34px;height:34px;border-radius:50%;border:4px solid rgba(255,255,255,.08);border-top-color:var(--primary);animation:spin 1s linear infinite;margin-bottom:14px}@keyframes spin{to{transform:rotate(360deg)}}.state-title{font-weight:800;font-size:17px}.state-desc{margin-top:10px;color:var(--sub);font-size:14px;line-height:1.55}.state-icon{width:96px;height:96px;opacity:.56;margin-bottom:14px}.state-btn,.load-more-btn{margin-top:18px;height:38px;padding:0 18px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;color:#06101b;background:var(--primary);font-weight:800;box-shadow:0 0 18px #00f0ff52}.club-hero{position:sticky;top:0;z-index:8;padding:16px 16px 12px;min-height:118px;background:linear-gradient(180deg,#141b2dfa,#0a0e27eb);border-bottom:1px solid rgba(0,240,255,.22);overflow:hidden}.club-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-size:cover;background-position:center}.club-hero-content{position:relative;display:flex;align-items:center;gap:12px;margin-top:18px}.club-logo{width:56px;height:56px;border-radius:16px;border:1px solid var(--line);box-shadow:0 0 20px #00f0ff2e;object-fit:cover}.club-title-block{flex:1;min-width:0}.club-title{font-size:20px;line-height:1.2;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-subtitle{margin-top:6px;color:var(--sub);font-size:13px}.goods-shell{height:calc(100vh - 190px);display:grid;grid-template-columns:90px 1fr}.type-rail{overflow-y:auto;border-right:1px solid rgba(0,240,255,.18);background:#080c1fd1;padding-bottom:100px}.type-rail button{width:100%;min-height:62px;padding:8px;color:var(--sub);background:transparent;position:relative;font-weight:700}.type-rail button.active{color:var(--primary);background:#00f0ff14}.type-rail button.active:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;background:var(--primary);box-shadow:0 0 14px #00f0ffb8}.rail-empty,.empty-lite,.no-more{display:block;padding:28px 12px;color:var(--sub);text-align:center;font-size:14px}.goods-list-panel{overflow-y:auto;padding:12px 12px 110px}.goods-row-card{width:100%;display:flex;gap:12px;margin-bottom:14px;padding:12px;text-align:left;color:var(--text);background:linear-gradient(135deg,#141b2dad,#0a0e27e0);border:1px solid rgba(0,240,255,.26);border-radius:8px;box-shadow:var(--shadow)}.goods-cover{width:84px;height:84px;flex:0 0 84px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,240,255,.22)}.goods-cover.gray{filter:grayscale(1);opacity:.65}.goods-row-main{flex:1;min-width:0}.goods-row-name{min-height:40px;max-height:44px;overflow:hidden;font-size:16px;line-height:1.35;font-weight:800}.goods-row-meta,.goods-meta-line{display:flex;flex-wrap:wrap;gap:8px;color:var(--sub);font-size:12px;min-height:18px;margin-top:6px}.goods-row-bottom{margin-top:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.goods-price{color:var(--primary);font-size:18px;font-weight:900}.vip-tag{display:inline-flex;margin-right:6px;padding:1px 6px;border-radius:5px;background:#ffd70024;color:gold;font-size:11px;border:1px solid rgba(255,215,0,.28)}.origin-price{margin-left:6px;color:var(--sub);font-size:12px;text-decoration:line-through;font-weight:500}.origin-price.big{font-size:22px;color:var(--primary);opacity:.76}.order-chip,.buy-submit,.submit-footer button,.success-actions .primary,.modal-sheet .primary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:20px;color:#06101b;background:linear-gradient(135deg,var(--primary),var(--primary-2));font-weight:900;box-shadow:0 0 18px #00f0ff5c}.order-chip.disabled,.buy-submit.disabled{color:#ffffff73;background:#ffffff14;box-shadow:none}.inline-tip,.restricted-card{border:1px solid rgba(255,0,110,.22);background:#141b2dd1;border-radius:8px}.inline-tip{margin-bottom:12px;padding:10px;color:var(--sub);display:flex;align-items:center;justify-content:space-between}.inline-tip button{color:var(--primary);background:transparent;font-weight:800}.restricted-card{margin:88px 16px 0;padding:34px 22px;text-align:center}.restricted-card img{width:88px;height:88px;margin-bottom:14px}.restricted-card h2{margin:0 0 8px}.restricted-card p{color:var(--sub)}.restricted-card button{margin-top:12px;height:40px;padding:0 20px;border-radius:20px;background:var(--primary);font-weight:900}.floating-chat{position:fixed;right:max(18px,calc((100vw - 560px)/2 + 18px));bottom:92px;width:48px;height:48px;border-radius:50%;color:#06101b;background:var(--primary);box-shadow:0 0 24px #00f0ff6b;z-index:12}.goods-hero{height:330px;position:relative;overflow:hidden}.goods-hero img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(0deg,var(--bg),transparent)}.detail-main{margin-top:-32px;position:relative;z-index:2;padding:0 12px}.goods-info-block{padding:18px 8px 10px}.price-line{display:flex;align-items:baseline;gap:10px;color:var(--primary);font-size:30px;font-weight:900}.price-line b{display:inline-flex;padding:3px 9px;border:1px solid rgba(255,215,0,.28);border-radius:6px;color:gold;background:#ffd7001a;font-size:14px}.goods-title-row{margin-top:12px;display:flex;align-items:flex-start;gap:12px}.goods-title-row h1{flex:1;margin:0;font-size:21px;line-height:1.35}.goods-title-row button,.bar-link,.success-actions button,.card-actions button,.order-action-footer button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 12px;border-radius:18px;color:var(--primary);background:#00f0ff14;border:1px solid rgba(0,240,255,.28);font-weight:800}.goods-info-block p{margin:10px 0 0;color:var(--sub);line-height:1.55}.guarantee{display:flex;align-items:center;gap:12px}.guarantee svg{color:var(--green);flex:0 0 auto}.guarantee div{flex:1;display:flex;flex-direction:column;gap:4px}.guarantee span,.section-card small{color:var(--sub);font-size:12px;font-weight:500}.guarantee em{color:var(--primary);font-style:normal;font-size:12px;font-weight:900}.chip-list,.spec-grid,.addon-list,.form-tags{display:flex;flex-wrap:wrap;gap:10px}.chip-list span,.spec-grid button,.addon-list button,.form-tags button{min-height:36px;padding:8px 12px;border-radius:8px;color:var(--text);background:#ffffff0b;border:1px solid rgba(255,255,255,.1)}.spec-grid button.active,.addon-list button.active,.form-tags button.active,.gamer-list-inline button.active{color:var(--primary);border-color:var(--primary);box-shadow:0 0 14px #00f0ff2e}.spec-grid button.disabled,.addon-list button.disabled{opacity:.45}.gamer-list-inline{display:flex;gap:10px;overflow-x:auto;padding-bottom:3px}.gamer-list-inline button{width:112px;flex:0 0 112px;min-height:132px;color:var(--text);background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px}.gamer-list-inline img{width:58px;height:58px;border-radius:50%;object-fit:cover}.gamer-list-inline span,.gamer-list-inline em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gamer-list-inline span{margin-top:8px;font-weight:800}.gamer-list-inline em{margin-top:5px;color:var(--sub);font-size:12px;font-style:normal}.addon-group+.addon-group{margin-top:14px}.addon-head{display:flex;align-items:center;justify-content:space-between;color:var(--sub);margin-bottom:8px}.addon-head b{color:var(--text)}.addon-list button{display:inline-flex;align-items:center;gap:7px}.addon-list img{width:32px;height:32px;border-radius:50%;object-fit:cover}.detail-bottom-space{height:110px}.buy-bar,.submit-footer,.order-action-footer,.chat-input-area{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100vw,560px);z-index:30;background:#0a0e27fa;border-top:1px solid rgba(0,240,255,.22);box-shadow:0 -10px 28px #00000059}.buy-bar{padding:9px 12px 12px}.selected-line{margin-bottom:8px;color:var(--sub);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buy-row{display:flex;align-items:center;gap:8px}.quantity{height:36px;display:inline-grid;grid-template-columns:34px 42px 34px;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;flex:0 0 auto}.quantity button,.quantity span{display:grid;place-items:center;color:var(--primary);background:#ffffff0a;font-weight:900}.quantity button:disabled{color:#ffffff38}.buy-submit{flex:1;min-width:94px}.order-goods-card{display:flex;gap:12px}.order-goods-card>img{width:92px;height:92px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,240,255,.22)}.order-goods-card>div{flex:1;min-width:0}.order-goods-card h1,.order-goods-info h3{margin:0;font-size:17px;line-height:1.35}.order-goods-card p,.order-goods-info p{margin:7px 0;color:var(--sub);font-size:13px}.order-goods-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.order-goods-bottom b,.price-detail .total b,.submit-footer b,.amount-main b,.hero-pay b{color:var(--primary);font-size:22px;text-shadow:0 0 10px rgba(0,240,255,.32)}.addon-summary div,.price-detail div,.payment-card .online-pay-row,.meta-card div,.amount-card div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft);color:var(--sub)}.addon-summary div,.addon-summary b,.addon-summary span{display:block}.addon-summary span{margin-top:5px;color:var(--sub)}.gamer-selected-row,.gamer-row,.club-info-row,.store-line,.msg-item,.user-base,.user-head{display:flex;align-items:center;gap:12px}.gamer-selected-row img,.gamer-row img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,240,255,.28)}.gamer-selected-row div,.gamer-row div{flex:1;min-width:0}.gamer-selected-row span,.gamer-row span{display:block;margin-top:4px;color:var(--sub);font-size:13px}.form-row{display:block;margin-bottom:15px}.form-row>span{display:block;margin-bottom:8px;font-weight:800}.form-row em{color:var(--pink);font-style:normal;margin-left:3px}.form-row input,.tips-textarea,.modal-sheet textarea,.chat-input-area textarea{width:100%;color:var(--text);background:#ffffff0e;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none}.form-row input{height:42px;padding:0 12px}.tips-textarea,.modal-sheet textarea{min-height:88px;padding:10px 12px;resize:vertical}.price-detail b,.meta-card b,.amount-card b{color:var(--text);font-weight:800;text-align:right;word-break:break-all}.price-detail .minus{color:var(--green)}.switch-row,.adult-card{min-height:48px;display:flex;justify-content:space-between;gap:14px;align-items:center;color:var(--text)}.switch-row em{display:block;margin-top:4px;color:var(--sub);font-size:12px;font-style:normal}.adult-card{padding:14px;border-radius:8px;border:1px solid rgba(255,184,77,.28);background:#ffb84d14}.adult-card.checked{border-color:#00f0ff5c;background:#00f0ff14}.submit-footer{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px}.submit-footer span{display:block;color:var(--sub);font-size:12px}.submit-footer button{min-width:176px}.success-head{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:40px}.success-icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:42px;color:#06101b;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 0 26px #00f0ff75}.success-icon.warning,.success-icon.pending{background:linear-gradient(135deg,#ffb84d,#ff8a00);box-shadow:0 0 22px #ffb84d66}.success-head h1{color:var(--primary);margin:18px 0 8px;font-size:28px}.success-head p{color:var(--sub);margin:0}.amount-main{font-size:16px}.success-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.success-actions .primary,.success-actions .ghost{grid-column:1 / -1}.success-actions .ghost{background:#ffffff0d;color:var(--text);border:1px solid rgba(255,255,255,.12)}.order-info-stack{padding-top:88px;padding-bottom:108px}.hero-status{display:grid;gap:14px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-row h1{margin:0;font-size:24px}.status-row span,.tone-warning,.tone-pending,.tone-progress,.tone-success,.tone-danger,.tone-muted{font-weight:900}.tone-warning{color:var(--orange)}.tone-pending{color:var(--text)}.tone-progress{color:var(--primary)}.tone-success{color:var(--green)}.tone-danger{color:var(--danger)}.tone-muted{color:var(--sub)}.hero-status p{margin:6px 0 0;color:var(--sub)}.hero-pay{display:flex;justify-content:space-between;align-items:flex-end}.hero-pay span{color:var(--sub)}.copy-order{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:6px;color:var(--sub);background:#ffffff0a}.club-info-row img,.store-line img{width:44px;height:44px;border-radius:50%;object-fit:cover}.club-info-row div{flex:1}.club-info-row span{display:block;margin-top:4px;color:var(--sub);font-size:13px}.order-goods-line{display:flex;align-items:flex-start;gap:12px;width:100%;color:var(--text);background:transparent;text-align:left}.order-goods-line img{width:76px;height:76px;border-radius:8px;object-fit:cover}.order-goods-line div{flex:1;min-width:0}.order-goods-line b{color:var(--primary)}.info-grid{display:grid;gap:10px}.info-grid button{min-height:58px;padding:10px;color:var(--text);background:#ffffff0b;border-radius:8px;text-align:left}.info-grid span{display:block;color:var(--sub);font-size:12px}.info-grid b{display:block;margin-top:5px}.remark{color:var(--sub);margin:0;line-height:1.6}.order-action-footer{min-height:76px;display:flex;gap:10px;align-items:center;padding:10px}.order-action-footer .contact{width:106px;flex-shrink:0}.order-action-footer>div{flex:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.action-primary,.card-actions .primary{color:#06101b!important;background:var(--primary)!important}.action-danger{color:var(--pink)!important;border-color:#ff006e61!important}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#0000008c}.modal-sheet{width:min(100vw,560px);padding:18px;background:var(--card-strong);border-top:1px solid var(--line);border-radius:8px 8px 0 0}.modal-sheet h2{margin:0 0 12px}.modal-sheet .primary{width:100%;margin-top:12px}.order-card{display:block}.order-card-head,.card-actions{display:flex;justify-content:space-between;gap:10px}.order-card-head{color:var(--sub);font-size:13px;margin-bottom:12px}.store-line{width:100%;padding:8px 0 12px;color:var(--text);background:transparent;border-bottom:1px solid var(--line-soft)}.store-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.order-card .order-goods-line{padding-top:14px}.card-actions{justify-content:flex-end;padding-top:12px}.msg-item{width:100%;color:var(--text);text-align:left;padding:14px;position:relative}.msg-avatar-box{position:relative;flex:0 0 auto}.msg-avatar-box img{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,240,255,.28)}.msg-avatar-box .badge-count{top:-9px;right:-8px}.badge-price{position:absolute;bottom:-10px;left:4px;right:4px;height:20px;border-radius:10px;background:#0a0e27f2;color:var(--text);font-size:11px;line-height:20px;text-align:center;box-shadow:0 0 8px #00f0ff73}.msg-copy{flex:1;min-width:0}.msg-copy div{display:flex;align-items:center;justify-content:space-between;gap:8px}.msg-copy b,.msg-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-copy b{font-size:16px}.msg-copy span{color:var(--sub);font-size:12px}.msg-copy p{margin:8px 0 0;color:var(--sub)}.chat-page{height:100vh;overflow:hidden}.chat-scroll{height:calc(100vh - 72px);overflow-y:auto;padding:78px 12px 96px}.top-order-card{width:100%;display:flex;align-items:center;gap:12px;color:var(--text);text-align:left;margin-bottom:14px}.top-order-card img{width:58px;height:58px;border-radius:8px;object-fit:cover}.top-order-card div{flex:1;min-width:0}.top-order-card b,.top-order-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-order-card span{color:var(--sub);margin-top:5px;font-size:12px}.top-order-card em{color:var(--primary);font-style:normal;font-weight:900}.msg-wrapper{margin-bottom:18px}.msg-wrapper .msg-time{color:#ffffff52;font-size:12px;text-align:center;margin-bottom:9px}.msg-row{display:flex;align-items:flex-start;gap:10px}.msg-wrapper.mine .msg-row{flex-direction:row-reverse}.msg-row .avatar{width:42px;height:42px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,240,255,.28)}.msg-bubble-wrap{max-width:calc(100% - 58px);display:flex;flex-direction:column;align-items:flex-start}.msg-wrapper.mine .msg-bubble-wrap{align-items:flex-end}.nickname,.read-text{color:var(--sub);font-size:12px;margin-bottom:5px}.msg-bubble{max-width:100%;padding:10px 12px;border-radius:8px;color:var(--text);background:#141b2ddb;border:1px solid rgba(0,240,255,.22);line-height:1.5;white-space:pre-wrap;word-break:break-word}.mine .msg-bubble{color:#06101b;background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;font-weight:700}.chat-img{max-width:190px;border-radius:8px;border:1px solid rgba(0,240,255,.22)}.chat-card{width:min(250px,76vw);padding:12px;color:var(--text);background:#141b2de6;border:1px solid rgba(0,240,255,.22);border-radius:8px;text-align:left}.chat-card b{color:var(--primary)}.chat-card div{display:flex;align-items:center;gap:10px;margin-top:8px}.chat-card img{width:50px;height:50px;object-fit:cover;border-radius:6px}.chat-card span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-card em{color:var(--primary);font-style:normal;font-weight:900}.chat-empty{padding-top:120px;color:var(--sub);text-align:center}.chat-input-area{min-height:72px;display:flex;align-items:flex-end;gap:8px;padding:10px}.chat-input-area button{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;color:var(--primary);background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.chat-input-area button.active{color:#06101b;background:var(--primary)}.chat-input-area textarea{min-height:38px;max-height:104px;resize:none;padding:9px 10px}.user-level-card{padding:20px 16px;border:1px solid;border-radius:8px;overflow:hidden;position:relative}.user-base img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.32)}.user-base div{min-width:0}.user-base b,.user-base span{display:block}.user-base b{font-size:18px}.user-base span{margin-top:5px;opacity:.72;font-size:12px}.user-head{justify-content:space-between}.level-badge strong{display:block;font-size:28px;font-style:italic}.level-body{margin-top:24px;display:flex;justify-content:space-between;gap:16px}.level-body div{display:flex;flex-direction:column;gap:5px}.level-body div:last-child{text-align:right}.level-body span,.progress-section div{opacity:.76;font-size:12px}.level-body b{font-size:26px}.progress-section{margin-top:20px}.progress-section>div:first-child{display:flex;justify-content:space-between;gap:12px}.progress-track{height:8px;margin-top:9px;border-radius:4px;overflow:hidden;background:#ffffff38}.progress-track i{display:block;height:100%}.views-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:2px}.views-scroll button{width:86px;flex:0 0 86px;color:var(--text);background:transparent;text-align:center}.views-scroll img{width:68px;height:68px;border-radius:16px;object-fit:cover;border:1px solid rgba(0,240,255,.28)}.views-scroll span{display:block;margin-top:7px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-card{width:100%;color:var(--text);text-align:left}.role-card b,.role-card span{display:block}.role-card span{margin-top:6px;color:var(--sub)}@media(max-width:374px){.goods-shell{grid-template-columns:80px 1fr}.goods-cover{width:74px;height:74px;flex-basis:74px}.bar-link{padding:0 9px}.submit-footer button{min-width:148px}}