.bossApp{background:#071c31;background-image:radial-gradient(#14456b 1px,transparent 1px);background-size:18px 18px}
.bossTop{height:46px;background:#12182b;display:grid;place-items:center;padding:0 14px;position:sticky;top:0;z-index:5}
.bossTop b{font-size:16px}
.bossHome{padding:14px 16px 84px}
.searchBar{height:36px;border:1px solid #2a5275;background:#14243b;border-radius:18px;color:#97a9be;display:flex;align-items:center;padding:0 14px;font-size:13px;box-shadow:inset 0 0 0 1px #0b1728}
.searchBar::before{content:"";width:14px;height:14px;border:2px solid #8fa0b5;border-radius:50%;margin-right:9px}
.searchBar span{margin-left:auto;width:34px;height:34px;background:#10233c;border-radius:50%;border:1px solid #2f5678}
.heroBanner{margin-top:14px;height:190px;border-radius:14px;overflow:hidden;position:relative;border:1px solid #244160;background:#101a25;cursor:pointer}
.heroBanner img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.1)}
.heroBanner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0003 58%,transparent)}
.heroCopy{position:absolute;left:22px;top:26px;z-index:1;display:grid;gap:8px}
.heroCopy b{font-size:34px;line-height:1;color:#ffe88f;text-shadow:0 3px 0 #1a0f00}
.heroCopy span{font-size:20px;font-weight:800;color:#fff}
.heroCopy em{font-style:normal;background:#ffd05a;color:#251501;font-weight:900;padding:5px 10px;width:max-content;border-radius:4px}
.promoGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.promoGrid button{height:76px;text-align:left;border:1px solid #28496a;border-radius:8px;background:linear-gradient(135deg,#d9ecff,#f0f3ff);padding:12px;color:#1c2a49}
.promoGrid b{display:block;font-size:20px;color:#8b6fff}.promoGrid span{font-size:12px;color:#263950}
.walletEntrances{gap:10px}.walletEntrances button{height:84px;border-radius:10px;position:relative;overflow:hidden;padding:12px 12px 12px 54px;box-shadow:0 10px 24px #06101c66}.walletEntrances button::after{content:"";position:absolute;right:-24px;top:-28px;width:78px;height:78px;border-radius:50%;background:#fff4}.walletEntrances i{position:absolute;left:13px;top:18px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:900;color:#fff;background:#ffffff30;border:1px solid #ffffff55}.walletEntrances b{font-size:18px;color:#fff;line-height:1.1}.walletEntrances span{display:block;margin-top:6px;color:#eef6ff;font-size:12px;white-space:nowrap}.walletEntrances .rechargeEntry{border-color:#89a6ff;background:linear-gradient(135deg,#5b6dff,#9b2dff 62%,#e061ff);color:#fff}.walletEntrances .inviteEntry{border-color:#7be0ff;background:linear-gradient(135deg,#00a3ff,#11c6d8 58%,#7c4dff);color:#fff}
.noticeBar{min-height:40px;margin-top:14px;border:1px solid #234b7a;background:#112945;border-radius:6px;display:flex;align-items:center;gap:10px;padding:8px 12px}
.noticeBar b{color:#ff5b69;white-space:nowrap;line-height:20px}.noticeBar span{color:#b8c4d1;font-size:12px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.serviceTabs{display:grid;grid-template-columns:1fr 1fr 1fr;margin:16px 0 10px;border-bottom:1px solid #1c3959}
.serviceTabs a{text-align:center;padding:10px 0;color:#c8d5df}.serviceTabs a.active{color:#00d5ff;border-bottom:2px solid #00d5ff;font-weight:800}
.platformCards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.platformCards button{height:90px;border:1px solid #2f638e;background:#122942;border-radius:9px;color:#fff;display:grid;place-items:center;gap:4px}
.platformCards button:nth-child(2){background:#172535;border-color:#223953}
.platformCards img{width:50px;height:42px;object-fit:cover;border-radius:7px}
.menuHead,.listHead{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-left:6px;border-left:4px solid #29e3ff}
.menuHead button,.listHead button{border:0;background:transparent;color:#78b7ff;font-size:13px}
.categoryChips{display:flex;gap:10px;overflow:auto;padding:12px 0;scrollbar-width:none}
.categoryChips::-webkit-scrollbar{display:none}
.categoryChips button{flex:0 0 auto;border:1px solid #284f76;background:#0f2740;color:#cde1f5;border-radius:18px;padding:8px 16px}
.categoryChips button.active{background:#0ba7ff;border-color:#0ba7ff;color:#fff}
.homeProductGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.miniProductCard{background:#13253c;border:1px solid #315472;border-radius:8px;padding:8px;min-width:0}
.thumbWrap{position:relative;height:118px;border-radius:6px;overflow:hidden;background:#0b1117}
.thumbWrap img{width:100%;height:100%;object-fit:cover}
.thumbWrap span{position:absolute;right:6px;top:6px;background:#0a7fb6;border:1px solid #36ceff;color:#fff;border-radius:4px;padding:2px 7px;font-size:11px}
.miniProductCard b{display:block;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.miniProductCard p{height:34px;color:#91a6bb;font-size:12px;margin:5px 0;overflow:hidden}
.cardFoot{display:flex;align-items:center;justify-content:space-between}
.cardFoot strong{color:#ff4d6c;font-size:17px}.cardFoot button{border:1px solid #00c7ff;background:#0b3e59;color:#4de9ff;border-radius:4px;padding:4px 7px;font-size:12px}
.menuPageTop{height:46px;background:#12182b;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;position:sticky;top:0;z-index:5}
.menuPageTop button{border:0;background:transparent;color:#fff;font-size:28px}.menuTip{height:52px;background:#172437;color:#d7e6f4;display:flex;align-items:center;padding:0 24px;font-size:14px;border-bottom:1px solid #263c57}
.menuPage{display:grid;grid-template-columns:128px 1fr;height:calc(100vh - 98px);padding-bottom:74px}
.menuPage aside{background:#1a304e;padding:14px 0;overflow:auto}
.menuPage aside button{width:100%;border:0;background:transparent;color:#55a9ff;text-align:left;padding:16px 18px;font-size:15px;position:relative}
.menuPage aside button.active{background:#243b5b;color:#fff;font-weight:800}.menuPage aside button.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#49a2ff}
.menuPage main{background:#162337;padding:12px;overflow:auto}
.menuItem{display:grid;grid-template-columns:92px 1fr 36px;gap:10px;align-items:center;background:#22324a;border:1px solid #37516f;border-radius:7px;padding:8px;margin-bottom:10px}
.menuItem>img{width:92px;height:92px;object-fit:cover;border-radius:5px}.menuItem h3{margin:0;color:#36a3ff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menuItem p{margin:4px 0;color:#b8c4d1;font-size:12px;height:34px;overflow:hidden}.menuItem strong{display:block;color:#ff4d6c;font-size:18px;margin-top:3px}.tagLine{display:flex;gap:6px}.tagLine span{border:1px solid #23a85a;color:#32e37a;border-radius:4px;padding:1px 8px;font-size:12px}.tagLine span:first-child{border-color:#d2a500;color:#ffd05a}.menuItem button{width:28px;height:28px;border:0;border-radius:50%;background:#23d66f;color:#fff;font-size:24px;line-height:24px}
.orderModalBox{width:min(560px,94vw)}
.orderHero{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;border:1px solid #2d3945;background:#0a0f15;border-radius:8px;padding:10px;margin-top:8px}
.orderHero img{width:92px;height:64px;object-fit:cover;border-radius:6px}
.compactField{max-width:420px}.orderOptionGrid{grid-template-columns:repeat(2,140px);justify-content:start}.orderSpecGrid{grid-template-columns:repeat(3,120px);justify-content:start}
.orderFormGrid{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:start}.orderFormGrid textarea{min-height:80px;resize:vertical}
.payBar{margin-top:14px;display:flex;align-items:center;justify-content:space-between;max-width:420px;border:1px solid #2d3945;background:#0a0f15;border-radius:8px;padding:12px 14px}.payBar b{color:var(--yellow);font-size:20px}
.adminCompact{max-width:980px}.adminCompact .adminProduct{grid-template-columns:120px minmax(0,1fr)}.adminCompact .settingGrid{display:grid;grid-template-columns:420px 140px;gap:14px;align-items:end;max-width:590px}.adminCompact .descField{max-width:420px}.adminCompact .field input,.adminCompact .field select{height:40px}.moneyTable{table-layout:fixed;max-width:860px}.moneyTable th:nth-child(1){width:190px}.moneyTable th:nth-child(2),.moneyTable th:nth-child(3){width:120px}.moneyTable th:nth-child(4){width:120px}.moneyTable th:nth-child(5){width:96px}.moneyTable td{padding:10px 12px}.moneyTable input.moneyName{width:160px}.moneyTable input.moneyPrice{width:96px}.moneyTable select.moneyStatus{width:96px}
.featuredProduct{display:grid;grid-template-columns:96px 1fr 58px;gap:12px;align-items:center;margin-top:14px;padding:10px;border:1px solid #315472;background:#13253c;border-radius:8px;cursor:pointer}
.featuredProduct img{width:96px;height:78px;object-fit:cover;border-radius:6px;background:#0b1117}.featuredProduct h3{margin:0 0 4px;font-size:18px}.featuredProduct p{margin:0;color:#91a6bb;font-size:12px;line-height:1.45;max-height:34px;overflow:hidden}.featuredProduct strong{display:block;margin-top:6px;color:#ff4d6c;font-size:18px}.featuredProduct button{height:34px;border:1px solid #00c7ff;background:#0b3e59;color:#4de9ff;border-radius:4px;font-weight:800}
.miniProductCard{cursor:pointer}.detailTop{height:54px;background:#12182b;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;text-align:center;position:sticky;top:0;z-index:8}.detailTop button{width:38px;height:38px;margin:auto;border:1px solid #1c5c86;background:#10233c;color:#fff;border-radius:50%;font-size:28px;line-height:28px}.detailTop button:last-child{font-size:20px}.detailTop b{font-size:17px}.detailScroll{padding:0 14px 92px;background:#071c31}.detailPoster{width:100%;display:block;min-height:330px;max-height:480px;object-fit:cover;border:1px solid #233d62;border-top:0;background:#0b1117}.detailPanel{background:#17213a;border:1px solid #253653;border-radius:8px;margin-top:12px;padding:12px}.productIntro h1{margin:0;color:#ff4d57;font-size:28px;letter-spacing:0}.productIntro h2{margin:8px 0 0;color:#fff;font-size:16px}.productIntro p{margin:8px 0 0;color:#798aa2;font-size:13px;line-height:1.55}.orderControls{display:grid;gap:12px}.orderLine{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}.orderLine label,.detailField label{color:#39aaff;font-size:13px;font-weight:800}.pillSegment{display:grid;grid-template-columns:repeat(2,92px);gap:8px}.pillSegment button,.detailSpecGrid button{border:1px solid #315472;background:#132a45;color:#dbeafe;border-radius:6px;height:38px}.pillSegment button.active,.detailSpecGrid button.active{background:#0b83d8;border-color:#28d8ff;color:#fff;box-shadow:0 0 0 1px #56e7ff inset}.specLine{align-items:start}.detailSpecGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detailSpecGrid button{height:54px;text-align:left;padding:7px 9px;display:grid;gap:2px}.detailSpecGrid b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detailSpecGrid span{color:#ffd05a;font-size:12px}.qtyStepper{margin-left:auto;width:94px;display:grid;grid-template-columns:28px 1fr 28px;border:1px solid #275a85;border-radius:6px;overflow:hidden}.qtyStepper button{height:28px;border:0;background:#0e3859;color:#38ccff}.qtyStepper b{display:grid;place-items:center;background:#122742}.couponRow button{margin-left:auto;border:1px solid #275a85;background:#102b47;color:#5fd8ff;border-radius:15px;padding:5px 11px}.detailField{max-width:none}.detailField input,.detailField textarea{background:#1b304e;border-color:#274261}.detailField input{height:34px}.detailField textarea{min-height:56px;resize:vertical}.noticePanel h3{text-align:center;margin:4px 0 12px;font-size:22px;color:#fff;text-decoration:underline;text-decoration-color:#416da0;text-decoration-thickness:6px;text-underline-offset:-2px}.noticePanel p{color:#c4cfdd;font-size:14px;line-height:1.65;margin:4px 0}.detailBottomBar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(510px,100vw);height:74px;background:#081b30;border-top:1px solid #1b3857;display:grid;grid-template-columns:36% 64%;gap:0;padding:10px 14px;z-index:15}.detailBottomBar button{border:0;font-weight:900;font-size:18px}.disabledPay{background:#1c314f;color:#8997aa;border-radius:18px 0 0 18px}.primaryPay{background:linear-gradient(90deg,#1368ff,#08d2ea);color:#fff;border-radius:0 22px 22px 0}.primaryPay span{margin-right:10px;color:#fff2b8}.confirmOrderBox{max-width:360px}.confirmRows{border:1px solid #2d3945;border-radius:8px;overflow:hidden;margin-top:10px}.confirmRows p{display:flex;justify-content:space-between;margin:0;padding:10px 12px;border-bottom:1px solid #2d3945}.confirmRows p:last-child{border-bottom:0}.confirmRows span{color:#96a7bb}.confirmRows b{color:#fff}
.adminProductDetail img{height:92px}.detailSettingGrid{grid-template-columns:minmax(260px,360px) minmax(260px,360px) 130px!important;max-width:880px!important}.detailMoneyTable{max-width:1100px!important}.detailMoneyTable th:nth-child(1){width:150px}.detailMoneyTable th:nth-child(2){width:110px}.detailMoneyTable th:nth-child(3){width:220px}.detailMoneyTable th:nth-child(4),.detailMoneyTable th:nth-child(5){width:105px}.detailMoneyTable th:nth-child(6){width:95px}.detailMoneyTable th:nth-child(7){width:82px}.detailMoneyTable input.moneyName{width:132px}.detailMoneyTable input.moneyDesc{width:198px}.detailMoneyTable select.moneyCategory{width:92px}.detailMoneyTable input.moneyPrice{width:82px}.adminActions{margin-top:12px}
.walletTop{height:46px;background:#12182b;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;text-align:center;position:sticky;top:0;z-index:9}.walletTop button,.inviteTop button{border:0;background:transparent;color:#fff;font-size:28px;line-height:1}.walletTop b,.inviteTop b{font-size:16px}.walletPage{min-height:calc(100vh - 46px);padding:18px 18px 110px;background:#071c31;background-image:radial-gradient(#14456b 1px,transparent 1px);background-size:18px 18px}.balanceHero{border-radius:20px;background:linear-gradient(135deg,#a033ee,#6610ed 70%,#5511de);padding:28px 26px 18px;color:#fff;box-shadow:0 18px 36px #12002466}.balanceHeroHead{font-size:20px}.diamondBalance{display:flex;align-items:flex-end;gap:14px;margin-top:20px}.diamondBalance b{font-size:48px;line-height:1;letter-spacing:0}.diamondBalance span{font-size:18px;font-weight:800;margin-bottom:8px}.balanceHeroFoot{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.balanceHeroFoot b{display:block;font-size:18px}.balanceHeroFoot span{font-size:12px;color:#e4d7ff}.balanceHeroFoot button{border:1px solid #d9c4ff77;background:#ffffff18;color:#fff;border-radius:22px;padding:10px 16px;font-weight:800}.balanceHero p{margin:12px 0 0;font-size:12px;line-height:1.55;color:#efe6ff}.walletTitle{margin:26px 0 12px;font-size:17px;color:#fff}.walletTitle::before{content:"鈻?;color:#cbd8ea;margin-right:8px}.rechargeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rechargeGrid button{position:relative;height:110px;border:1px solid #243b62;background:#0c1b31;color:#fff;border-radius:14px;padding:12px 8px;text-align:center}.rechargeGrid button.active{border-color:#9f31ff;box-shadow:0 0 0 1px #9f31ff inset}.rechargeGrid button.active::after{content:"鉁?;position:absolute;right:0;bottom:0;width:28px;height:28px;border-radius:16px 0 12px 0;background:#8b38ff;color:#fff;font-weight:900;display:grid;place-items:center}.rechargeGrid b{display:block;color:#a238ff;font-size:25px;letter-spacing:0}.rechargeGrid em{font-style:normal;font-size:18px;color:#c3b8ff;margin-left:5px}.rechargeGrid strong{display:block;margin-top:16px;padding-top:10px;border-top:1px solid #1d3150;font-size:16px}.rechargeGrid span{display:block;margin-top:4px;color:#9e37ff;font-size:12px}.walletReminder{margin-top:34px;color:#d9e6f4}.walletReminder h3{margin:0 0 10px;font-size:15px}.walletReminder p{position:relative;margin:8px 0;padding-left:14px;font-size:13px;line-height:1.55}.walletReminder p::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#9d26ff}.walletBottom{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(510px,100vw);padding:12px 18px 16px;background:linear-gradient(180deg,transparent,#071c31 24%);z-index:12}.walletBottom button{width:100%;height:48px;border:0;border-radius:24px;background:linear-gradient(90deg,#7e24ff,#13c7ff);color:#fff;font-size:17px;font-weight:900}.balancePage{display:grid;align-items:start}.emptyState{margin-top:80px;text-align:center;color:#b7c6d9}.hourglass{width:102px;height:112px;margin:0 auto 18px;position:relative}.hourglass::before,.hourglass::after{content:"";position:absolute;left:4px;right:4px;height:10px;border-radius:6px;background:#355178}.hourglass::before{top:0}.hourglass::after{bottom:0}.hourglass span{position:absolute;left:20px;top:12px;width:62px;height:88px;background:#263d5f;clip-path:polygon(0 0,100% 0,72% 45%,100% 100%,0 100%,28% 45%);opacity:.9}.emptyState p{font-size:15px}.invitePage{min-height:100vh;padding-bottom:90px;background:#07111f}.inviteTop{height:46px;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;text-align:center;color:#fff;background:linear-gradient(180deg,#7a4ddf,#6d45cd);position:sticky;top:0;z-index:9}.inviteHero{min-height:330px;background:radial-gradient(circle at 15% 15%,#9a56ff,#6a42c8 58%,#5637ad);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:26px 20px 42px;color:#fff;position:relative;overflow:hidden}.inviteHero::before{content:"YOUXIAN";position:absolute;left:18px;top:24px;font-size:76px;font-weight:900;color:#ffffff0f;letter-spacing:0}.inviteHero h1{position:relative;margin:0;font-size:46px;line-height:1.02;letter-spacing:0;text-shadow:0 4px 14px #27005d80}.inviteHero p{position:relative;margin:16px 0 0;color:#efe8ff}.inviteHero img{position:relative;width:180px;height:180px;object-fit:cover;border-radius:28px;box-shadow:0 18px 34px #13002f66}.shareStats{width:84%;margin:-36px auto 0;border-radius:18px;background:linear-gradient(135deg,#fbebff,#dcecff);padding:16px 18px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;color:#071225}.shareStats>b{grid-column:1/3;font-size:14px}.shareStats>button{justify-self:end;border:0;background:transparent;color:#8ca0b8}.shareStats strong{font-size:25px;font-weight:500}.shareStats strong span{font-size:14px;margin-left:2px}.shareStats p{margin:3px 0 0;font-size:12px;color:#3d4557}.inviteRules{width:84%;margin:24px auto 0;border-radius:18px;background:linear-gradient(145deg,#eef7ff,#fff0f6);padding:28px 18px 26px;text-align:center;color:#261661}.inviteRules h3{display:inline-block;margin:0 0 18px;background:#8e35ef;color:#fff;border-radius:8px;padding:6px 18px;font-size:17px}.inviteRules>p{border:1px solid #fff;background:#ffffff66;border-radius:16px;margin:0 20px 18px;padding:11px;color:#4e19e8}.ruleBox{text-align:left;border:1px solid #fff;background:#ffffff55;border-radius:16px;padding:20px 18px}.ruleBox h4{margin:0 0 10px;color:#9f28ff;font-size:20px}.ruleBox p{margin:0 0 24px;font-size:15px;line-height:1.6}.ruleBox p:last-child{margin-bottom:0}.ruleBox b{font-size:19px;color:#5523d8}.qrButton{margin-top:26px;width:54px;height:54px;border:0;border-radius:50%;background:#8f4ff7;color:#fff;font-size:28px}.inviteRules>span{display:block;margin-top:12px;font-size:13px;color:#442066}
@media(max-width:380px){.heroBanner{height:170px}.heroCopy b{font-size:28px}.homeProductGrid{gap:8px}.thumbWrap{height:100px}.menuPage{grid-template-columns:112px 1fr}.menuItem{grid-template-columns:76px 1fr 32px}.menuItem>img{width:76px;height:76px}.orderOptionGrid,.orderSpecGrid{grid-template-columns:1fr 1fr}.orderFormGrid{grid-template-columns:1fr}.compactField,.payBar{max-width:none}}
@media(max-width:380px){.featuredProduct{grid-template-columns:78px 1fr 48px}.featuredProduct img{width:78px;height:68px}.detailPoster{min-height:300px}.detailScroll{padding-left:10px;padding-right:10px}.detailSpecGrid{grid-template-columns:1fr}.pillSegment{grid-template-columns:1fr 1fr}.orderLine{grid-template-columns:54px 1fr}.detailBottomBar{height:70px;padding:9px 10px}.walletEntrances button{padding-left:46px}.walletEntrances b{font-size:16px}.walletEntrances span{font-size:11px}.rechargeGrid{grid-template-columns:repeat(2,1fr)}.inviteHero{grid-template-columns:1fr;min-height:360px;text-align:left}.inviteHero img{position:absolute;right:20px;bottom:22px;width:142px;height:142px}.inviteHero h1{font-size:40px}.shareStats,.inviteRules{width:88%}}

/* Clean boss theme */
.cleanBossApp{background:#08111d;background-image:linear-gradient(180deg,#0f1a2b 0,#08111d 220px,#07101a 100%);color:#eef6ff}
.cleanBossApp .bossTop{height:50px;background:rgba(9,17,31,.94);backdrop-filter:blur(14px);border-bottom:1px solid #1d2d43;box-shadow:0 10px 28px #02081455}
.cleanBossApp .bossTop b{font-size:16px;letter-spacing:0;color:#f6fbff}
.cleanBossApp .bossHome{padding:14px 14px 90px;background:transparent}
.cleanBossApp .searchBar{width:100%;height:42px;border:1px solid #26374d;background:#111c2d;border-radius:12px;color:#b8c8da;display:flex;align-items:center;padding:0 8px 0 14px;font-size:13px;box-shadow:0 10px 22px #02081444;cursor:pointer}
.cleanBossApp .searchBar::before{width:13px;height:13px;border-color:#7d8fa5;margin-right:10px;flex:0 0 auto}
.cleanBossApp .searchButton{border-style:solid;text-align:left}.cleanBossApp .searchButton .searchText{flex:1;min-width:0;width:auto;height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;background:transparent;border:0;display:block}.cleanBossApp .searchButton em{font-style:normal;color:#fff;background:#1b8cff;border-radius:9px;padding:6px 12px;font-size:12px;font-weight:800}
.cleanBossApp .searchBar>span:not(.searchText){display:none}
.cleanBossApp .heroBanner{height:176px;border-radius:16px;border:1px solid #27384f;background:#101925;box-shadow:0 18px 36px #02081466;margin-top:12px}
.cleanBossApp .heroBanner::after{background:linear-gradient(90deg,#07101de6,#07101d88 58%,#07101d10)}
.cleanBossApp .heroCopy{left:18px;top:22px;gap:7px}.cleanBossApp .heroCopy b{font-size:30px;color:#fff2a6;text-shadow:0 2px 8px #000}.cleanBossApp .heroCopy span{font-size:17px;color:#fff}.cleanBossApp .heroCopy em{background:#28d3ff;color:#04111d;border-radius:8px;font-size:13px;padding:7px 10px}
.cleanBossApp .walletEntrances{gap:10px;margin-top:12px}.cleanBossApp .walletEntrances button{height:78px;border-radius:14px;box-shadow:0 12px 28px #02081455}.cleanBossApp .walletEntrances .rechargeEntry{background:linear-gradient(135deg,#3867ff,#9f43ff)}.cleanBossApp .walletEntrances .inviteEntry{background:linear-gradient(135deg,#0a9fff,#20d1c6)}
.cleanBossApp .noticeBar{border-color:#26374d;background:#101b2c;border-radius:12px;box-shadow:0 10px 24px #02081440}.cleanBossApp .noticeBar b{color:#ff5b72}.cleanBossApp .noticeBar span{color:#c7d4e4}
.cleanBossApp .serviceTabs{border-bottom:1px solid #22334a;margin:15px 0 12px}.cleanBossApp .serviceTabs a{color:#91a3b8}.cleanBossApp .serviceTabs a.active{color:#2bdcff;border-bottom-color:#2bdcff}
.cleanBossApp .featuredProduct,.cleanBossApp .miniProductCard,.cleanBossApp .menuItem{background:#101b2c;border:1px solid #26374d;border-radius:14px;box-shadow:0 14px 30px #02081455}
.cleanBossApp .featuredProduct{grid-template-columns:92px 1fr 62px;padding:10px}.cleanBossApp .featuredProduct img{border-radius:10px}.cleanBossApp .featuredProduct button,.cleanBossApp .cardFoot button{background:#102a42;border-color:#23c8ff;color:#72e7ff;border-radius:9px}
.cleanBossApp .menuHead,.cleanBossApp .listHead{border-left:0;padding-left:0;margin-top:16px}.cleanBossApp .menuHead b,.cleanBossApp .listHead b{position:relative;padding-left:12px}.cleanBossApp .menuHead b::before,.cleanBossApp .listHead b::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:4px;background:#2bdcff}
.cleanBossApp .categoryChips button{background:#101b2c;border-color:#26374d;color:#c6d5e6;border-radius:12px}.cleanBossApp .categoryChips button.active{background:#178cff;border-color:#178cff;color:#fff}
.cleanBossApp .homeProductGrid{gap:12px}.cleanBossApp .miniProductCard{padding:8px}.cleanBossApp .thumbWrap{border-radius:10px}.cleanBossApp .thumbWrap span{border-radius:8px;background:#168cff;border-color:#50d9ff}.cleanBossApp .miniProductCard p{color:#9daec1}.cleanBossApp .cardFoot strong,.cleanBossApp .featuredProduct strong{color:#ff4f6d}
.cleanBossApp .bossBottom{background:#07101acc;border-top:1px solid #1e3047;backdrop-filter:blur(14px)}.cleanBossApp .bottom a{color:#a8b7ca}.cleanBossApp .bottom a.active{color:#8dff42}
.cleanBossApp .detailScroll,.cleanBossApp .walletPage{background:#08111d;background-image:linear-gradient(180deg,#0e1a2b,#08111d)}.cleanBossApp .detailPanel{background:#101b2c;border-color:#26374d;border-radius:14px}.cleanBossApp .detailTop,.cleanBossApp .walletTop{background:#0b1525;border-bottom:1px solid #1f3148}
.searchPage{min-height:100vh;padding:12px 14px 90px;background:#08111d;background-image:linear-gradient(180deg,#0f1a2b,#08111d);color:#eef6ff}
.searchTop{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center}.searchTop>button{width:38px;height:38px;border:0;background:#111c2d;color:#fff;border-radius:12px;font-size:28px;line-height:1}.searchInputWrap{height:42px;border:1px solid #26374d;background:#111c2d;border-radius:12px;display:grid;grid-template-columns:1fr 62px;align-items:center;overflow:hidden}.searchInputWrap input{width:100%;height:100%;border:0;background:transparent;color:#fff;padding:0 12px;outline:none}.searchInputWrap button{height:100%;border:0;background:#178cff;color:#fff;font-weight:900}
.quickSearch{display:flex;gap:8px;overflow:auto;padding:14px 0 10px;scrollbar-width:none}.quickSearch::-webkit-scrollbar{display:none}.quickSearch button{flex:0 0 auto;border:1px solid #26374d;background:#101b2c;color:#c9d7e8;border-radius:12px;padding:8px 14px}
.searchResultHead{display:flex;align-items:center;justify-content:space-between;margin:8px 0 10px}.searchResultHead b{font-size:18px}.searchResultHead span{color:#8fa1b8;font-size:13px}
.searchResults{display:grid;gap:10px}.searchResultItem{display:grid;grid-template-columns:82px 1fr 54px;gap:10px;align-items:center;background:#101b2c;border:1px solid #26374d;border-radius:14px;padding:8px;box-shadow:0 14px 30px #02081455}.searchResultItem img{width:82px;height:74px;object-fit:cover;border-radius:10px}.searchResultItem h3{margin:0;font-size:16px}.searchResultItem p{margin:5px 0;color:#9daec1;font-size:12px;line-height:1.35;max-height:32px;overflow:hidden}.searchResultItem strong{color:#ff4f6d}.searchResultItem button{height:34px;border:1px solid #23c8ff;background:#102a42;color:#72e7ff;border-radius:9px;font-weight:800}.emptySearch{padding:34px 12px;text-align:center;color:#91a3b8;background:#101b2c;border:1px solid #26374d;border-radius:14px}
.modal.show{z-index:80;backdrop-filter:blur(7px)}.drawer.show{z-index:40}
.productIntro{display:grid;grid-template-columns:1fr 44px;gap:10px;align-items:start}.productIntro .introText{min-width:0}.detailShareBtn{width:40px;height:40px;border:0;border-radius:50%;background:#1d568a;display:block;position:relative;box-shadow:0 8px 20px #03101e66;cursor:pointer}.detailShareBtn::before,.detailShareBtn::after{content:"";position:absolute;left:15px;width:15px;height:3px;background:#4fc6ff;border-radius:3px;transform-origin:left center}.detailShareBtn::before{top:16px;transform:rotate(-28deg)}.detailShareBtn::after{top:23px;transform:rotate(28deg)}.detailShareBtn i,.detailShareBtn span,.detailShareBtn em{position:absolute;width:8px;height:8px;border-radius:50%;background:#4fc6ff;box-shadow:0 0 0 1px #4fc6ff}.detailShareBtn i{left:9px;top:16px}.detailShareBtn span{right:8px;top:9px}.detailShareBtn em{right:8px;bottom:9px}.shareOverlay{position:fixed;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.shareCard{width:min(72vw,360px);aspect-ratio:1/1.08;border-radius:42px;background:linear-gradient(135deg,#a9b4ff 0,#c459ff 50%,#73d7ff 100%);display:grid;grid-template-rows:1fr auto auto;place-items:center;padding:38px 32px 28px;box-shadow:0 28px 90px #000b;transform:translateY(-74px);pointer-events:auto;position:relative;overflow:hidden}.shareCard::before{content:"";position:absolute;left:-36px;bottom:46px;width:150px;height:150px;border-radius:50%;background:#ffffff24}.shareCard img{position:relative;width:100%;max-width:272px;border-radius:12px;background:#fff;padding:8px;box-shadow:0 12px 28px #6e2cff33}.shareCard b{position:relative;margin-top:18px;color:#fff;font-size:20px;font-style:italic;letter-spacing:0}.shareCard p{position:relative;margin:5px 0 0;color:#eef6ff;font-size:12px}.shareSheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(510px,100vw);background:#fff;color:#07111f;border-radius:18px 18px 0 0;padding:24px 16px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;pointer-events:auto}.shareSheet button{border:0;background:transparent;color:#07111f;display:grid;place-items:center;gap:10px;font-size:13px}.shareSheet i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:24px;font-weight:900;color:#fff;background:#7d70ff}.shareSheet button:nth-child(3) i{background:#45bf46}.shareSheet .shareCancel{grid-column:1/4;margin-top:20px;height:42px;font-size:18px;color:#111;background:transparent}
@media(max-width:380px){.cleanBossApp .heroBanner{height:158px}.cleanBossApp .heroCopy b{font-size:26px}.searchResultItem{grid-template-columns:72px 1fr 48px}.searchResultItem img{width:72px;height:66px}.cleanBossApp .featuredProduct{grid-template-columns:78px 1fr 50px}}

/* Order payment method */
.payMethodBox{width:min(640px,94vw);background:#17171b;border-color:#303039;color:#f5f5f7;padding:22px 20px 18px}
.payMethodBox h2{margin:0 0 8px;color:#b8b8bf;font-size:24px;font-weight:900;letter-spacing:0}
.payMethodGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
.payMethodCard{position:relative;min-height:154px;border:1px solid #383840;background:#252529;color:#fff;border-radius:14px;padding:22px 16px 18px;display:grid;justify-items:center;align-content:center;gap:10px;cursor:pointer}
.payMethodCard.active{background:#321d4e;border-color:#9c36ff;box-shadow:0 0 0 1px #9c36ff inset}
.payMethodCard i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.payMethodCard.balance i{background:#ffca4e;border-radius:58% 42% 48% 52%;transform:rotate(-24deg)}
.payMethodCard.balance i::after{content:"";width:7px;height:7px;margin:11px 0 0 20px;border-radius:50%;background:#2b2140;display:block}
.payMethodCard.wechat i{background:#30c448;position:relative}
.payMethodCard.wechat i::before{content:"";position:absolute;left:13px;top:20px;width:18px;height:9px;border-left:5px solid #fff;border-bottom:5px solid #fff;transform:rotate(-45deg);border-radius:2px}
.payMethodCard b{font-size:24px;line-height:1;font-weight:900}
.payMethodCard span{font-size:14px;color:#b7b7bf;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
.payMethodCard strong{color:#ffd04d;font-size:20px}
.payMethodCard em{position:absolute;right:12px;top:12px;width:22px;height:22px;border-radius:6px;background:#266b9e;color:#79c9ff;font-style:normal;display:grid;place-items:center;font-size:15px}
.payOrderSummary{margin-top:16px;border:1px solid #303039;border-radius:10px;overflow:hidden;background:#202026}
.payOrderSummary p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 12px;border-bottom:1px solid #303039;font-size:14px}
.payOrderSummary p:last-child{border-bottom:0}
.payOrderSummary span{color:#a9a9b2}.payOrderSummary b{font-weight:800}.payOrderSummary strong{color:#ffcc4c;font-size:18px}
.paySubmit{width:100%;height:48px;margin-top:16px;border:0;border-radius:24px;background:linear-gradient(90deg,#8f35ff,#13c8ff);color:#fff;font-weight:900;font-size:17px}
@media(max-width:430px){.payMethodBox{align-self:flex-end;width:100%;max-height:82vh;border-radius:18px 18px 0 0;padding:20px 10px 18px}.payMethodGrid{gap:12px}.payMethodCard{min-height:144px;padding:18px 8px}.payMethodCard b{font-size:23px}.payMethodCard span{font-size:13px;letter-spacing:0}.payMethodCard strong{font-size:18px}.payMethodCard em{right:10px;top:10px;bottom:auto}}

.cleanBossApp .homeSlider{cursor:default}
.slideArrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:30px;height:42px;border:0;border-radius:10px;background:#06101c99;color:#fff;font-size:26px;line-height:1}
.slideArrow.prev{left:10px}.slideArrow.next{right:10px}
.slideDots{position:absolute;left:0;right:0;bottom:10px;z-index:2;display:flex;justify-content:center;gap:6px}
.slideDots button{width:7px;height:7px;border:0;border-radius:999px;background:#ffffff66;padding:0}
.slideDots button.active{width:18px;background:#28d3ff}
.opsSettingGrid{display:grid;grid-template-columns:minmax(260px,420px) minmax(220px,320px);gap:14px;max-width:780px}
.adminBlockTitle{margin:22px 0 6px;font-size:16px;color:#eaf4ff}
.bannerTable,.rechargeTable{max-width:1100px!important}
.bannerTable th:nth-child(1){width:390px}.bannerTable th:nth-child(2),.bannerTable th:nth-child(3){width:180px}.bannerTable th:nth-child(4){width:96px}.bannerTable th:nth-child(5){width:82px}
.bannerTable input.bannerImage{width:360px}.bannerTable input.bannerTitle{width:156px}
.rechargeTable th{width:120px}.rechargeTable th:nth-child(5){width:82px}

/* Compact adaptive admin layout */
.layout{grid-template-columns:220px minmax(0,1fr)}
.main{padding:16px 18px}
.top{margin-bottom:14px}.top h2{font-size:24px}.sub{font-size:12px}
.card{padding:14px;border-radius:8px;overflow:auto}
.card h3{margin-bottom:6px}
.adminCompact{max-width:none!important}
.adminCompact .adminProduct{grid-template-columns:96px minmax(0,1fr)!important;gap:12px;align-items:start}
.adminProductDetail img,.adminCompact .adminProduct img{width:96px!important;height:72px!important;border-radius:8px}
.adminCompact .field{margin-top:10px}
.adminCompact .field label{margin-bottom:6px;font-size:12px}
.adminCompact .field input,.adminCompact .field select,.adminCompact .field textarea{height:34px;padding:7px 10px;border-radius:9px;font-size:13px}
.adminCompact .settingGrid,.adminCompact .detailSettingGrid,.adminCompact .opsSettingGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:10px!important;max-width:none!important;align-items:end}
.adminCompact .smallField{max-width:150px}
.adminCompact .descField{max-width:520px}
.adminBlockTitle{margin:16px 0 4px!important;font-size:15px!important}
.adminActions{margin-top:10px!important}
.adminActions .btn{height:34px;padding:7px 12px}
.table{margin-top:8px}
.table th,.table td{padding:8px 10px;font-size:12px;vertical-align:middle}
.table input,.table select{height:34px;padding:6px 9px;border-radius:8px;font-size:12px}
.moneyTable,.detailMoneyTable,.bannerTable,.rechargeTable{max-width:none!important;table-layout:auto!important;min-width:820px}
.detailMoneyTable th:nth-child(n),.bannerTable th:nth-child(n),.rechargeTable th:nth-child(n){width:auto}
.detailMoneyTable input.moneyName{width:120px!important}
.detailMoneyTable select.moneyCategory{width:88px!important}
.detailMoneyTable input.moneyDesc{width:180px!important}
.detailMoneyTable input.moneyPrice,.rechargeTable input.moneyPrice{width:78px!important}
.detailMoneyTable select.moneyStatus,.bannerTable select.moneyStatus,.rechargeTable select.moneyStatus{width:86px!important}
.bannerTable input.bannerImage{width:280px!important}
.bannerTable input.bannerTitle{width:140px!important}
.rechargeTable{min-width:650px}
.side{width:auto;padding:14px}.nav a{padding:10px 12px;margin:4px 0}
@media(max-width:900px){.layout{grid-template-columns:1fr}.main{padding:12px}.adminCompact .adminProduct{grid-template-columns:1fr!important}.adminProductDetail img,.adminCompact .adminProduct img{width:120px!important;height:86px!important}.adminCompact .smallField{max-width:none}}

/* Home search and bottom nav icons */
.cleanBossApp .searchButton{height:auto!important;min-height:44px!important;padding:7px 8px 7px 12px!important;align-items:center}
.cleanBossApp .searchButton .searchText{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:16px!important;font-size:12px!important;word-break:keep-all}
.cleanBossApp .searchButton em{flex:0 0 auto;margin-left:8px;padding:5px 10px!important;border-radius:8px!important}
.cleanBossApp .bossBottom{min-height:62px;align-items:center}
.cleanBossApp .bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px 7px;font-size:11px;line-height:1;color:#9fb0c4}
.cleanBossApp .bottom a span{display:block}
.navIcon,.navIcon::before,.navIcon::after{box-sizing:border-box}
.navIcon{position:relative;display:block;width:22px;height:22px;color:currentColor}
.navHome::before{content:"";position:absolute;left:4px;top:4px;width:14px;height:14px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);border-radius:2px}
.navHome::after{content:"";position:absolute;left:6px;bottom:3px;width:10px;height:10px;border:2px solid currentColor;border-top:0;border-radius:0 0 3px 3px}
.navOrder::before{content:"";position:absolute;left:3px;top:6px;width:16px;height:12px;border:2px solid currentColor;border-radius:3px}
.navOrder::after{content:"";position:absolute;left:7px;top:3px;width:8px;height:5px;border:2px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0}
.navOrders::before{content:"";position:absolute;left:4px;top:3px;width:14px;height:17px;border:2px solid currentColor;border-radius:4px}
.navOrders::after{content:"";position:absolute;left:8px;top:8px;width:8px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor}
.navMsg::before{content:"";position:absolute;left:3px;top:4px;width:16px;height:13px;border:2px solid currentColor;border-radius:7px}
.navMsg::after{content:"";position:absolute;left:8px;bottom:3px;width:7px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:skew(-22deg)}
.navMe::before{content:"";position:absolute;left:7px;top:3px;width:8px;height:8px;border:2px solid currentColor;border-radius:50%}
.navMe::after{content:"";position:absolute;left:4px;bottom:3px;width:14px;height:9px;border:2px solid currentColor;border-radius:9px 9px 4px 4px}
.cleanBossApp .bottom a.active{color:#8dff42}
@media(max-width:380px){.cleanBossApp .searchButton .searchText{font-size:11.5px!important;line-height:15px!important}.cleanBossApp .searchButton em{padding:5px 8px!important;margin-left:6px}.cleanBossApp .bottom a{font-size:10.5px}}

/* 20260705 player bottom nav */
.cleanBossApp .playerBottom{grid-template-columns:repeat(4,1fr)!important;min-height:66px;background:rgba(5,14,26,.94);border-top:1px solid #1c3654;box-shadow:0 -12px 30px #02081488}
.cleanBossApp .playerBottom a{position:relative;gap:5px;padding:7px 4px 8px;color:#8ea4bd;font-weight:800}
.cleanBossApp .playerBottom a::before{content:"";position:absolute;top:5px;width:42px;height:30px;border-radius:18px;background:transparent;transition:.18s}
.cleanBossApp .playerBottom a.active{color:#33e7ff}
.cleanBossApp .playerBottom a.active::before{background:linear-gradient(135deg,#113a63,#0b75b7);box-shadow:0 8px 18px #018bd844}
.cleanBossApp .playerBottom .navIcon{z-index:1;width:24px;height:24px}.cleanBossApp .playerBottom span{z-index:1}
.navGrab::before{content:"";position:absolute;left:4px;top:5px;width:16px;height:12px;border:2px solid currentColor;border-radius:4px;transform:skew(-8deg)}
.navGrab::after{content:"";position:absolute;left:10px;top:2px;width:8px;height:20px;border-left:2px solid currentColor;transform:rotate(38deg);box-shadow:4px 10px 0 -3px currentColor}
.navIncome::before{content:"";position:absolute;left:4px;top:7px;width:16px;height:12px;border:2px solid currentColor;border-radius:4px}
.navIncome::after{content:"¥";position:absolute;left:8px;top:3px;font-size:15px;font-weight:900;line-height:18px}

/* 20260705 player hall polish */
.cleanBossApp .playerTopBar{position:sticky;top:0;z-index:10;height:58px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;background:rgba(7,16,29,.96);border-bottom:1px solid #1c3148;backdrop-filter:blur(14px)}
.playerTopBar b{display:block;font-size:18px;color:#f5fbff}.playerTopBar p{margin:3px 0 0;color:#8fa5bb;font-size:12px}.playerTopBar button{height:30px;border:1px solid #255274;background:#102944;color:#65dcff;border-radius:16px;padding:0 12px;font-weight:900}
.playerHall{min-height:calc(100vh - 66px);padding:14px 14px 92px;background:linear-gradient(180deg,#0d1b2b 0,#07111d 210px,#06101b 100%)}
.playerHeroPanel{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.playerHeroPanel>div{min-height:94px;border:1px solid #24415f;border-radius:16px;background:linear-gradient(145deg,#112642,#0b1828);padding:14px;box-shadow:0 16px 34px #02081466}
.playerHeroPanel span{display:block;color:#9db2c8;font-size:12px}.playerHeroPanel b{display:block;margin-top:8px;color:#fff;font-size:32px;line-height:1;letter-spacing:0}.playerHeroPanel em{display:block;margin-top:8px;color:#37dfff;font-style:normal;font-size:12px}
.playerRuleLine{margin-top:12px;min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #243c59;border-radius:13px;background:#0e1c2d}
.playerRuleLine b{color:#ff5570;white-space:nowrap}.playerRuleLine span{min-width:0;color:#c2d0df;font-size:12px;line-height:18px}
.playerOrderList{display:grid;gap:12px;margin-top:12px}
.grabOrderCard{border:1px solid #263f5e;border-radius:16px;background:#101c2c;padding:14px;box-shadow:0 16px 34px #02081455}
.grabCardTop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.grabCardTop b{display:block;color:#fff;font-size:17px;line-height:1.3}.grabCardTop span{display:block;margin-top:6px;color:#8fa5bb;font-size:12px}.grabCardTop strong{color:#ffe68a;font-size:18px;white-space:nowrap}
.grabInfo{display:grid;gap:8px;margin-top:12px;padding:10px;border-radius:12px;background:#0b1624}.grabInfo p{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;margin:0;align-items:start}.grabInfo span{color:#7f95ad;font-size:12px}.grabInfo b{color:#eaf4ff;font-size:13px;line-height:1.45;word-break:break-word}
.grabBossPublic{display:inline-flex;align-items:center;gap:6px;min-width:0;vertical-align:middle}.grabBossPublic .adminGem{margin:-14px -14px -14px -18px;transform:scale(.36)}.grabBossPublic em{font-style:normal;color:#ffe28a;font-weight:900;white-space:nowrap}.grabBossPublic strong{font-size:12px;color:#9ee8ff;font-weight:900;white-space:nowrap}
.grabOrderCard button{width:100%;height:44px;margin-top:12px;border:0;border-radius:13px;background:linear-gradient(90deg,#87ff3e,#35f29b);color:#05130b;font-size:15px;font-weight:1000;box-shadow:0 12px 22px #38ff7a22}
.playerEmpty{min-height:180px;border:1px dashed #2a4666;border-radius:16px;background:#0c1827;display:grid;place-items:center;align-content:center;gap:8px;color:#8fa5bb}.playerEmpty b{color:#eaf4ff;font-size:17px}.playerEmpty span{font-size:12px}

/* 20260705 cleaner player nav */
.cleanBossApp .playerBottom{grid-template-columns:repeat(4,1fr)!important;height:64px!important;min-height:64px!important;padding:0 10px 4px;background:rgba(5,13,23,.98);border-top:1px solid #172b42;box-shadow:0 -10px 26px #02081480}
.cleanBossApp .playerBottom a{height:58px;padding:6px 0 5px!important;gap:3px!important;color:#7f95ad!important;font-size:11px!important;font-weight:800!important;line-height:1}
.cleanBossApp .playerBottom a::before{display:none!important}
.cleanBossApp .playerBottom .navIcon{width:30px!important;height:30px!important;border-radius:50%;background:#0f2033;color:#86a4c2;box-shadow:inset 0 0 0 1px #203956;transition:.18s}
.cleanBossApp .playerBottom a.active{color:#31d8ff!important}
.cleanBossApp .playerBottom a.active .navIcon{background:linear-gradient(180deg,#1297f4,#096fc4);color:#fff;box-shadow:0 8px 18px #008de844,inset 0 0 0 1px #5ddcff}
.cleanBossApp .playerBottom span{font-size:11px;transform:none!important}
.cleanBossApp .playerBottom .navOrders::before{left:8px;top:6px;width:14px;height:17px}
.cleanBossApp .playerBottom .navOrders::after{left:11px;top:11px;width:8px}
.cleanBossApp .playerBottom .navMe::before{left:10px;top:6px;width:8px;height:8px}
.cleanBossApp .playerBottom .navMe::after{left:7px;bottom:5px;width:14px;height:9px}
.cleanBossApp .playerBottom .navGrab::before{left:7px;top:9px;width:16px;height:12px}
.cleanBossApp .playerBottom .navGrab::after{left:13px;top:5px}
.cleanBossApp .playerBottom .navIncome::before{left:7px;top:10px;width:16px;height:12px}
.cleanBossApp .playerBottom .navIncome::after{left:11px;top:6px}

/* 20260705 auto refresh card */
.playerHeroPanel .autoRefreshCard b{display:flex;align-items:flex-end;gap:4px;margin-top:8px;white-space:nowrap;color:#fff}
.autoRefreshCard i{font-style:normal;font-size:32px;line-height:1;letter-spacing:0}
.autoRefreshCard small{font-size:14px;line-height:18px;color:#b7d5ff}
.autoRefreshCard em{font-size:11px;line-height:16px;white-space:nowrap;color:#37dfff}

/* Boss ranking home */
.cleanBossApp .bossBottom{grid-template-columns:repeat(5,1fr)!important}
.cleanBossApp .playerBottom{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.rankHome{min-height:100vh;padding:16px 14px 92px;background:#08111d;background-image:linear-gradient(180deg,#142142 0,#08111d 310px,#07101a 100%);color:#eef6ff}
.rankHero{position:relative;overflow:hidden;border:1px solid #2b3f6e;border-radius:18px;padding:22px 18px;min-height:142px;background:linear-gradient(135deg,#2657ff,#7f39ff 58%,#18d6ff);box-shadow:0 18px 38px #02081466}
.rankHero::before{content:"";position:absolute;right:-60px;top:-48px;width:220px;height:220px;border-radius:50%;background:#ffffff1f}
.rankHero::after{content:"TOP";position:absolute;right:18px;bottom:12px;font-size:54px;font-weight:900;color:#ffffff18;letter-spacing:0}
.rankHero h1{position:relative;margin:0;font-size:32px;letter-spacing:0;color:#fff}
.rankHero p{position:relative;margin:9px 0 18px;color:#e7edff;font-size:13px}
.rankHero button{position:relative;height:36px;border:1px solid #ffffff66;background:#ffffff20;color:#fff;border-radius:18px;padding:0 18px;font-weight:900}
.rankSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.rankSummary div{border:1px solid #26374d;background:#101b2c;border-radius:14px;padding:12px 8px;text-align:center;box-shadow:0 12px 26px #02081444}
.rankSummary b{display:block;color:#36e6ff;font-size:18px}.rankSummary span{display:block;margin-top:4px;color:#aebdd0;font-size:12px}
.rankBlock{border:1px solid #26374d;background:#101b2c;border-radius:16px;padding:13px;margin-top:12px;box-shadow:0 14px 30px #02081455}
.rankBlockHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.rankBlockHead b{display:block;font-size:18px;color:#fff}.rankBlockHead span{display:block;margin-top:4px;color:#91a3b8;font-size:12px}
.rankTabs{display:flex;gap:5px;flex:0 0 auto}
.rankTabs button{height:28px;border:1px solid #294866;background:#12233a;color:#74ddff;border-radius:15px;padding:0 9px;font-size:12px}
.rankTabs button.active{background:#178cff;border-color:#28d8ff;color:#fff;box-shadow:0 0 0 1px #56e7ff44 inset}
.rankList{display:grid;gap:8px}
.rankItem{display:grid;grid-template-columns:30px 44px minmax(0,1fr) 64px;gap:10px;align-items:center;border:1px solid #22344c;background:#0d1828;border-radius:12px;padding:9px}
.rankItem>i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#24344d;color:#aebdd0;font-style:normal;font-weight:900}
.rankItem.rank1>i{background:linear-gradient(135deg,#ffe36c,#ff9b28);color:#3b2200}.rankItem.rank2>i{background:linear-gradient(135deg,#e7f0ff,#8fb5ff);color:#10213f}.rankItem.rank3>i{background:linear-gradient(135deg,#ffd1a3,#cc7d32);color:#321800}
.rankItem img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid #375171;background:#09111d}
.rankItem b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.rankItem span{display:block;margin-top:4px;color:#8fa2b8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rankItem strong{justify-self:end;color:#38e4ff;font-size:13px;white-space:nowrap}
.rankBlock.spend .rankItem strong{color:#ff5b72}.rankBlock.level .rankItem strong{color:#9cff43}.rankBlock.player .rankItem strong{color:#58d5ff}
.playerLevelTag{display:inline-flex;align-items:center;height:18px;margin-left:6px;padding:0 7px;border-radius:9px;background:linear-gradient(135deg,#ffe98f,#ff9d43);color:#3b2304;font-size:10px;font-style:normal;font-weight:1000;vertical-align:1px;box-shadow:0 2px 8px #ffb94733}
.playerSettingCard{margin-top:12px}.playerLevelTable .moneyName{width:150px}.playerListTable .moneyName{width:130px}.playerListTable .moneyPrice{width:82px}
@media(max-width:380px){.rankHome{padding-left:10px;padding-right:10px}.rankHero h1{font-size:28px}.rankItem{grid-template-columns:28px 40px minmax(0,1fr) 58px;gap:8px}.rankItem img{width:40px;height:40px}.rankBlockHead b{font-size:16px}}

/* Boss profile page */
.profilePage{min-height:100vh;padding:0 16px 96px;background:#101a33;background-image:linear-gradient(145deg,#8b4cff 0,#5d35b5 130px,#111936 360px,#101a33 100%),radial-gradient(#334472 1px,transparent 1px);background-size:100% 100%,18px 18px;color:#f4f7ff}
.profileHero{padding:52px 12px 10px;position:relative;overflow:hidden}
.profileHero::after{content:"";position:absolute;right:-80px;top:-36px;width:320px;height:170px;background:#ffffff18;transform:rotate(-38deg);border-radius:26px}
.profileUser{position:relative;z-index:1;display:grid;grid-template-columns:64px minmax(0,1fr) 120px;gap:12px;align-items:center}
.profileUser img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #ffffff55;box-shadow:0 8px 18px #19004266}
.profileUser h2{margin:0;font-size:18px;line-height:1.2;color:#fff}
.profileUser h2 span{font-size:14px;color:#cdd8ff}
.profileUser p{margin:6px 0 0;color:#d8d4ff;font-size:12px;line-height:1.45}
.clubSwitch{height:34px;border:1px solid #ffffff55;background:#ffffff20;color:#fff;border-radius:18px;font-size:12px;font-weight:700}
.profileStats{position:relative;z-index:1;margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;color:#d6dcff}
.profileStats div+div{border-left:1px solid #ffffff26}
.profileStats b{display:block;color:#18d9ff;font-size:16px;line-height:1.1}
.profileStats span{font-size:12px}
.profileCard{border:1px solid #334585;background:#141f44cc;border-radius:10px;box-shadow:0 14px 30px #050b1c55}
.profileRecharge{margin-top:10px;height:92px;padding:14px 18px;display:grid;grid-template-columns:82px 1fr 82px;align-items:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#8c54ff,#4e279b)}
.profileRecharge::after{content:"";position:absolute;right:42px;top:-30px;width:140px;height:140px;border-radius:50%;background:#ffffff12}
.diamondIcon{position:relative;width:62px;height:46px;background:linear-gradient(135deg,#fff,#b6c7ff 48%,#ffffff 49%,#8297e8);clip-path:polygon(18% 0,82% 0,100% 34%,50% 100%,0 34%);filter:drop-shadow(0 8px 12px #17004966)}
.profileRecharge b{position:relative;font-size:28px;line-height:1;color:#fff}
.profileRecharge span{position:relative;display:block;margin-top:8px;font-size:12px;color:#dcd6ff}
.profileRecharge button{position:relative;height:34px;border:1px solid #ffffff4a;background:#ffffff16;color:#fff;border-radius:18px;font-weight:800}
.profilePromo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.profilePromo button{height:82px;border:0;border-radius:9px;text-align:left;padding:12px 14px;color:#fff;position:relative;overflow:hidden}
.profilePromo b{display:block;font-size:24px;line-height:1.05}
.profilePromo span{display:block;margin-top:8px;font-size:12px;color:#7359b4}
.profilePromo .serviceBtn{background:linear-gradient(135deg,#fff,#e8dcff)}
.profilePromo .rankBtn{background:linear-gradient(135deg,#eefaff,#9de7ff)}
.profilePromo .serviceBtn b{color:#7d6dff}.profilePromo .rankBtn b{color:#3f9dff}
.profilePromo .rankBtn span{color:#2381bf}
.profilePromo i{position:absolute;right:16px;top:20px;width:44px;height:44px;border-radius:14px;background:#00d7ff55}
.customerServiceBox{width:min(356px,88vw);position:relative;border-radius:18px;background:linear-gradient(180deg,#eeebff 0,#ece9ff 34%,#dcd8ff 100%);color:#1f1f2d;padding:56px 28px 22px;box-shadow:0 26px 80px #000b,inset 0 0 0 1px #bdb4ff;overflow:visible;text-align:center}
.customerServiceBox::before{content:"";position:absolute;left:0;right:0;top:116px;height:78px;background:#c8c0ff;opacity:.58;border-radius:48% 52% 38% 42%/42% 40% 60% 58%;transform:skewY(-6deg)}
.customerClose{position:absolute;right:15px;top:12px;width:30px;height:30px;border:0;background:transparent;color:#191728;font-size:30px;line-height:28px}
.customerHi{position:absolute;right:96px;top:10px;height:22px;min-width:42px;border-radius:14px;background:#ff4d7a;color:#fff;font-style:italic;font-weight:1000;font-size:15px;line-height:22px;transform:rotate(-3deg)}
.customerRabbit{position:absolute;left:50%;top:-42px;transform:translateX(-50%);width:112px;height:74px}
.customerRabbit i{position:absolute;left:26px;bottom:0;width:64px;height:42px;border-radius:50% 50% 42% 42%;background:#fff;border:3px solid #101018;box-shadow:0 6px 0 #06060c}
.customerRabbit i::before,.customerRabbit i::after{content:"";position:absolute;top:-41px;width:18px;height:52px;border:3px solid #101018;background:#fff;border-radius:50% 50% 40% 40%;transform-origin:bottom center}
.customerRabbit i::before{left:9px;transform:rotate(-20deg)}.customerRabbit i::after{right:10px;transform:rotate(6deg)}
.customerRabbit::before,.customerRabbit::after{content:"";position:absolute;z-index:2;bottom:22px;width:5px;height:5px;border-radius:50%;background:#101018}.customerRabbit::before{left:50px}.customerRabbit::after{left:70px}
.customerRabbit b{position:absolute;right:-4px;top:10px;border:2px solid #0f0f18;background:#c39aff;color:#14101f;border-radius:5px;padding:2px 5px;font-size:12px;font-style:italic;transform:rotate(-12deg)}
.customerServiceBox h2{position:relative;margin:0;color:#8d74ff;font-size:28px;line-height:1.05;font-style:italic;font-weight:1000;text-shadow:2px 2px 0 #fff;letter-spacing:0}
.customerServiceBox h3{position:relative;margin:8px 0 22px;color:#9b8cff;font-size:16px}
.customerQr{position:relative;width:100%;border:8px solid #b9aeff;border-radius:12px;background:#fff;padding:14px;box-shadow:0 0 0 1px #dedaff inset}
.customerQr::before,.customerQr::after{content:"";position:absolute;width:80px;height:80px;border-color:#a89cff;border-style:solid;pointer-events:none}.customerQr::before{left:-8px;top:-8px;border-width:8px 0 0 8px;border-radius:12px 0 0 0}.customerQr::after{right:-8px;bottom:-8px;border-width:0 8px 8px 0;border-radius:0 0 12px 0}
.customerQr img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:8px}
.customerTip{position:relative;margin:14px 0 0;color:#a69cff;font-size:12px}.customerTime{position:relative;margin:26px 0 0;color:#15151d;font-size:14px}
.profileSection{margin-top:16px;padding:12px 10px 14px}
.profileTitle{display:flex;align-items:center;gap:7px;color:#cfd8ff;font-size:14px;margin-bottom:14px}
.profileTitle::before{content:"";width:4px;height:18px;border-radius:3px;background:#00e6ff}
.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.serviceGrid button,.orderStats button{border:0;background:transparent;color:#d7def6;display:grid;place-items:center;gap:8px;font-size:12px}
.roundIcon{width:48px;height:48px;border-radius:50%;background:#214583;color:#64b5ff;display:grid;place-items:center;font-style:normal;font-size:22px;font-weight:900}
.roundIcon.hot{background:#0658a7;color:#16e1ff}
.orderStats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.orderStats b{display:block;color:#00d9ff;font-size:16px}.orderStats span{font-size:12px;color:#ccd4ef}
.openSkill{margin-top:16px;padding:20px;display:grid;grid-template-columns:1fr 116px;gap:14px;align-items:center;background:linear-gradient(135deg,#172650,#263264)}
.openSkill b{font-size:22px}.openSkill span{display:block;margin-top:6px;font-size:13px;font-weight:800}.openSkill button{height:40px;border:1px solid #7adfff;background:#ffffff10;color:#fff;border-radius:22px;font-weight:900;font-size:16px}
.profileMenuGrid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.profileMenuGrid button{height:106px;border:1px solid #253d76;background:#101f42;color:#fff;border-radius:10px;display:grid;place-items:center;align-content:center;gap:12px;font-weight:800}
.squareIcon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-style:normal;color:#fff;font-size:18px;box-shadow:0 0 18px #26e7ff44}.squareIcon.c1{background:#d53e53}.squareIcon.c2{background:#5a54df}.squareIcon.c3{background:#cf2363}.squareIcon.c4{background:#d0a520}.squareIcon.c5{background:#1c9fb7}.squareIcon.c6{background:#048ca8}
.clubHint{text-align:center;color:#a7abc6;margin:26px 0 0}
@media(max-width:380px){.profilePage{padding-left:10px;padding-right:10px}.profileUser{grid-template-columns:58px 1fr 104px}.profileRecharge{grid-template-columns:68px 1fr 72px;padding-left:12px;padding-right:12px}.profileRecharge b{font-size:24px}.profilePromo b{font-size:21px}.serviceGrid{gap:4px}.roundIcon{width:42px;height:42px}.profileMenuGrid{gap:8px}.profileMenuGrid button{height:94px;font-size:12px}.openSkill{grid-template-columns:1fr}.openSkill button{width:128px}}

/* Boss login / register */
.authProfile{padding-top:0;background-image:linear-gradient(145deg,#6e4dff 0,#34256e 190px,#101a33 380px,#101a33 100%),radial-gradient(#334472 1px,transparent 1px)}
.authHero{padding:56px 16px 24px}
.authHero h1{margin:0;font-size:30px;color:#fff}
.authHero p{margin:10px 0 0;color:#d9ddff;font-size:13px;line-height:1.6}
.bossAuthBox{margin-top:10px;padding:16px}
.authTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.authTabs button{height:38px;border:1px solid #2c467d;background:#101f42;color:#bccaf0;border-radius:10px;font-weight:900}
.authTabs button.active{background:#178cff;border-color:#28d8ff;color:#fff}
.bossAuthBox .field{margin-top:12px}
.bossAuthBox .field label{font-size:12px;color:#94dfff}
.bossAuthBox .field input{height:42px;border-radius:10px;background:#0b162d;border-color:#28416e;color:#fff}
.authSubmit{width:100%;height:44px;margin-top:16px;border:0;border-radius:22px;background:linear-gradient(90deg,#20d6ff,#7a4dff);color:#fff;font-size:16px;font-weight:900}
.authHint{margin:12px 0 0;text-align:center;color:#9daac9;font-size:12px}
.bossUserTable th:nth-child(1){width:210px}.bossUserTable th:nth-child(2){width:120px}.bossUserTable th:nth-child(3),.bossUserTable th:nth-child(5){width:110px}.bossUserTable th:nth-child(4),.bossUserTable th:nth-child(7){width:90px}

/* Boss level mechanism */
.bossLevelBadge{display:inline-flex;vertical-align:middle;margin-left:6px;padding:3px 7px;border-radius:9px;background:#ffffff24;border:1px solid #ffffff45;color:#fff;font-size:11px}
.bossLevelCard{margin-top:12px;padding:12px;display:grid;grid-template-columns:48px minmax(0,1fr) 76px;gap:10px;align-items:center;background:linear-gradient(135deg,#142b59,#271d5e)}
.bossLevelCard button{height:32px;border:1px solid #54dfff;background:#ffffff10;color:#fff;border-radius:16px;font-weight:900;font-size:12px}
.levelInfo{min-width:0}.levelInfo b{display:block;font-size:17px;color:#fff}.levelInfo span{display:block;margin-top:4px;color:#aebdeb;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.levelInfo em{display:block;height:6px;border-radius:8px;background:#0b1429;margin-top:8px;overflow:hidden}.levelInfo em i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#27d8ff,#9558ff)}
.levelGem{width:44px;height:44px;border-radius:14px;position:relative;display:inline-block;overflow:hidden;border:1px solid #ffffff80;box-shadow:0 9px 16px #0006,inset 0 1px 0 #fff8;filter:drop-shadow(0 8px 12px #0006)}
.levelGem::before,.levelGem::after{content:"";position:absolute;display:block}
.levelGem.silver{background:linear-gradient(145deg,#f8fbff,#ccd8e8 48%,#78899e)}
.levelGem.silver::before{left:9px;top:11px;width:26px;height:20px;border-radius:6px;background:linear-gradient(180deg,#fff,#b8c7d8);box-shadow:inset 0 -3px 0 #8092a7}
.levelGem.silver::after{left:14px;top:15px;width:16px;height:9px;border:3px solid #6f8196;border-left:0;border-top:0;transform:rotate(34deg)}
.levelGem.gold{background:linear-gradient(145deg,#fff4aa,#f0b51c 54%,#8d5b08)}
.levelGem.gold::before{left:8px;top:12px;width:28px;height:22px;border-radius:8px;background:linear-gradient(180deg,#fff5a8,#d9970e);clip-path:polygon(0 26%,100% 0,100% 78%,0 100%);box-shadow:inset 0 -3px 0 #8a5405}
.levelGem.gold::after{left:12px;top:9px;width:20px;height:20px;border-radius:50%;border:3px solid #fff3a0;border-left-color:transparent;box-shadow:0 0 14px #fff0a0}
.levelGem.platinum{background:linear-gradient(145deg,#edfbff,#78d8f4 48%,#247fbd)}
.levelGem.platinum::before{left:11px;top:8px;width:22px;height:26px;background:linear-gradient(180deg,#fff,#9de8ff);clip-path:polygon(50% 0,82% 17%,82% 68%,50% 100%,18% 68%,18% 17%);box-shadow:inset 0 0 0 2px #ffffff99}
.levelGem.platinum::after{left:9px;bottom:8px;width:26px;height:7px;border-radius:8px;background:#1a7fb5;box-shadow:0 -15px 0 -2px #ffffffaa}
.levelGem.diamond{background:linear-gradient(145deg,#f3ecff,#9f8bff 50%,#5942c9)}
.levelGem.diamond::before{left:8px;top:9px;width:28px;height:27px;background:linear-gradient(135deg,#fff,#cabdff 44%,#6a57e9);clip-path:polygon(50% 0,88% 18%,78% 78%,50% 100%,22% 78%,12% 18%);box-shadow:inset 0 0 0 2px #ffffff80}
.levelGem.diamond::after{left:21px;top:9px;width:3px;height:27px;background:#ffffffa8;box-shadow:-9px 7px 0 -1px #ffffff75,9px 7px 0 -1px #ffffff75}
.levelGem.jade{background:linear-gradient(145deg,#effffb,#7ee7d9 50%,#2e9a91)}
.levelGem.jade::before{left:9px;top:9px;width:26px;height:27px;border-radius:8px 8px 14px 14px;background:linear-gradient(180deg,#f6fffc,#5ed5c8);clip-path:polygon(50% 0,88% 25%,78% 100%,22% 100%,12% 25%);box-shadow:inset 0 -4px 0 #2f938a}
.levelGem.jade::after{left:13px;top:13px;width:18px;height:18px;border:3px solid #247f76;border-radius:50%;box-shadow:0 0 0 4px #ffffff35}
.levelGem.pink{background:linear-gradient(145deg,#fff0fb,#ff85cb 54%,#b53680)}
.levelGem.pink::before{left:8px;top:10px;width:28px;height:25px;background:linear-gradient(135deg,#fff,#ff9dd7 52%,#cf3d8d);clip-path:polygon(50% 0,84% 22%,100% 58%,70% 100%,30% 100%,0 58%,16% 22%);box-shadow:0 0 14px #ffb6e2}
.levelGem.pink::after{left:16px;top:16px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #cf3d8d,0 0 12px #fff}
.levelGem.blue{background:linear-gradient(145deg,#dff5ff,#4387ff 50%,#152aa0)}
.levelGem.blue::before{left:8px;top:8px;width:28px;height:28px;background:linear-gradient(135deg,#fff,#7bb6ff 50%,#1834bd);clip-path:polygon(50% 0,61% 32%,96% 32%,68% 52%,78% 88%,50% 67%,22% 88%,32% 52%,4% 32%,39% 32%);box-shadow:0 0 16px #9bdcff}
.levelGem.blue::after{left:21px;top:4px;width:2px;height:36px;background:#ffffff8f;transform:rotate(34deg)}
.levelGem.green{background:linear-gradient(145deg,#e9fff7,#40dfaa 54%,#0a775d)}
.levelGem.green::before{left:8px;top:12px;width:28px;height:22px;background:linear-gradient(180deg,#effff9,#20bc91);clip-path:polygon(0 40%,20% 40%,30% 0,50% 34%,70% 0,80% 40%,100% 40%,86% 100%,14% 100%);box-shadow:inset 0 -3px 0 #086c55}
.levelGem.green::after{left:11px;top:9px;width:22px;height:25px;border-left:3px solid #eafff8;border-right:3px solid #eafff8;border-radius:50%;opacity:.75}
.levelGem.star{background:radial-gradient(circle at 28% 20%,#fff1b2 0 13%,#3550ba 14% 47%,#050a25 100%)}
.levelGem.star::before{left:7px;top:15px;width:30px;height:20px;background:linear-gradient(180deg,#fff3a0,#ffc233 48%,#9a680d);clip-path:polygon(0 38%,18% 38%,28% 0,50% 36%,72% 0,82% 38%,100% 38%,88% 100%,12% 100%);box-shadow:0 0 18px #ffe58b}
.levelGem.star::after{left:17px;top:7px;width:10px;height:10px;border-radius:50%;background:#fff7b8;box-shadow:-13px 18px 0 -4px #fff7b8,13px 18px 0 -4px #fff7b8,0 0 14px #fff}
.miniGem{width:44px;height:44px;margin:-4px auto;transform:scale(.82)}.adminGem{width:44px;height:44px;display:inline-block;margin:-10px -4px -10px -8px;vertical-align:middle;filter:none;transform:scale(.58);flex:0 0 44px}.adminLevelCell{display:inline-flex;align-items:center;white-space:nowrap}
.levelRuleBox{width:min(420px,94vw);background:#fff;color:#343a45;border-radius:8px;position:relative;padding:22px 20px 26px}
.levelRuleBox h2{margin:0 0 26px;font-size:18px}.levelRuleBox h3{margin:0 0 14px;font-size:24px;color:#4a4d55}.levelRuleBox table{width:100%;border-collapse:collapse}.levelRuleBox th{font-size:14px;color:#6f7580;font-weight:500;text-align:center;padding:7px}.levelRuleBox td{font-size:18px;text-align:center;padding:7px;color:#59606b}.levelClose{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#5c6470;font-size:28px}.levelAdjust{display:block;margin:22px auto 0;height:36px;border:0;border-radius:19px;padding:0 18px;background:linear-gradient(90deg,#802bff,#a835ff);color:#fff;font-weight:900}
@media(max-width:380px){.bossLevelCard{grid-template-columns:42px minmax(0,1fr) 70px}.levelInfo b{font-size:15px}.levelInfo span{font-size:11px}.levelRuleBox td{font-size:16px}}

/* Noble badge redesign inspired by voice-app noble systems, drawn as original CSS crests. */
.levelGem{width:58px;height:48px;border:0;border-radius:0;background:transparent!important;overflow:visible;box-shadow:none;filter:drop-shadow(0 9px 10px #0007)}
.levelGem::before,.levelGem::after{content:"";position:absolute;display:block}
.levelGem::after{z-index:0;left:0;top:15px;width:58px;height:24px;border-radius:50%;opacity:.98;clip-path:polygon(50% 28%,63% 0,100% 10%,78% 35%,100% 52%,70% 64%,88% 92%,56% 76%,50% 100%,44% 76%,12% 92%,30% 64%,0 52%,22% 35%,0 10%,37% 0);box-shadow:0 0 14px #ffffff28}
.levelGem::before{z-index:1;left:15px;top:6px;width:28px;height:36px;border-radius:7px 7px 12px 12px;clip-path:polygon(50% 0,87% 15%,80% 76%,50% 100%,20% 76%,13% 15%);box-shadow:inset 0 0 0 2px #ffffff99,inset 0 -6px 0 #00000022,0 3px 8px #0007}
.levelGem.silver{background:radial-gradient(circle at 50% 52%,#ffffff55 0 20%,transparent 58%)!important}
.levelGem.silver::after{background:linear-gradient(90deg,#8290a4,#f6fbff 30%,#aeb9c8 50%,#f6fbff 70%,#8290a4)}
.levelGem.silver::before{background:radial-gradient(circle at 50% 34%,#fff 0 12%,#cfd8e6 13% 44%,#8290a4 100%)}
.levelGem.gold{background:radial-gradient(circle at 50% 50%,#ffe38a70 0 24%,transparent 60%)!important}
.levelGem.gold::after{background:linear-gradient(90deg,#9b6509,#fff0a0 30%,#f2ad1b 50%,#fff0a0 70%,#9b6509)}
.levelGem.gold::before{background:radial-gradient(circle at 50% 33%,#fff7b8 0 13%,#f5b11f 14% 48%,#9b5a07 100%)}
.levelGem.platinum{background:radial-gradient(circle at 50% 50%,#89e9ff70 0 26%,transparent 62%)!important}
.levelGem.platinum::after{background:linear-gradient(90deg,#347fa5,#f5ffff 30%,#76d8ff 50%,#f5ffff 70%,#347fa5)}
.levelGem.platinum::before{background:radial-gradient(circle at 50% 34%,#fff 0 13%,#8fe6ff 14% 46%,#257eaa 100%)}
.levelGem.diamond{background:radial-gradient(circle at 50% 50%,#b69cff82 0 26%,transparent 62%)!important}
.levelGem.diamond::after{background:linear-gradient(90deg,#5e43c9,#fff 30%,#9f8cff 50%,#fff 70%,#5e43c9)}
.levelGem.diamond::before{background:radial-gradient(circle at 50% 35%,#fff 0 12%,#d8ccff 13% 40%,#6a55e8 100%)}
.levelGem.jade{background:radial-gradient(circle at 50% 50%,#8df8e782 0 25%,transparent 62%)!important}
.levelGem.jade::after{background:linear-gradient(90deg,#268c83,#eafffa 30%,#6be4d2 50%,#eafffa 70%,#268c83)}
.levelGem.jade::before{background:radial-gradient(circle at 50% 34%,#f9fffe 0 12%,#86eadb 13% 44%,#249185 100%)}
.levelGem.pink{background:radial-gradient(circle at 50% 50%,#ff9ddd8c 0 26%,transparent 62%)!important}
.levelGem.pink::after{background:linear-gradient(90deg,#b73582,#fff0fa 30%,#ff86cf 50%,#fff0fa 70%,#b73582);transform:scaleX(1.08)}
.levelGem.pink::before{left:14px;top:5px;width:30px;height:37px;background:radial-gradient(circle at 50% 34%,#fff 0 12%,#ff9bd8 13% 44%,#c23887 100%)}
.levelGem.blue{background:radial-gradient(circle at 50% 50%,#61a4ff8c 0 28%,transparent 64%)!important}
.levelGem.blue::after{background:linear-gradient(90deg,#1432a8,#e2f7ff 30%,#3f86ff 50%,#e2f7ff 70%,#1432a8);transform:scaleX(1.08)}
.levelGem.blue::before{left:14px;top:5px;width:30px;height:37px;background:radial-gradient(circle at 50% 34%,#fff 0 12%,#78baff 13% 42%,#1834bd 100%)}
.levelGem.green{background:radial-gradient(circle at 50% 50%,#50e5b48c 0 28%,transparent 64%)!important}
.levelGem.green::after{background:linear-gradient(90deg,#08795e,#eafff8 30%,#31dca8 50%,#eafff8 70%,#08795e);transform:scaleX(1.08)}
.levelGem.green::before{left:14px;top:5px;width:30px;height:37px;background:radial-gradient(circle at 50% 34%,#fafffd 0 12%,#50e5b4 13% 42%,#0a7b60 100%)}
.levelGem.star{background:radial-gradient(circle at 50% 48%,#ffe175a0 0 30%,#5b71ff42 45%,transparent 68%)!important}
.levelGem.star::after{top:12px;height:29px;background:linear-gradient(90deg,#8b5c08,#fff2aa 25%,#ffd34d 50%,#fff2aa 75%,#8b5c08);clip-path:polygon(50% 22%,62% 0,100% 12%,78% 36%,100% 54%,68% 67%,88% 96%,55% 78%,50% 100%,45% 78%,12% 96%,32% 67%,0 54%,22% 36%,0 12%,38% 0)}
.levelGem.star::before{top:4px;background:radial-gradient(circle at 50% 35%,#fff7c5 0 10%,#ffd13d 11% 40%,#9a6106 100%);clip-path:polygon(0 34%,18% 34%,28% 0,50% 32%,72% 0,82% 34%,100% 34%,86% 100%,14% 100%);box-shadow:inset 0 0 0 2px #fff2a5,0 0 20px #ffe278}
.levelGem.silver::before,.levelGem.gold::before{width:25px;height:32px;left:16px;top:8px}
.levelGem.silver::after,.levelGem.gold::after{width:48px;left:5px;opacity:.82}
.levelGem.platinum::before,.levelGem.diamond::before,.levelGem.jade::before{width:28px;height:35px}
.miniGem{width:58px;height:48px;margin:-6px auto;transform:scale(.74)}
.adminGem{width:58px;height:48px;margin:-12px -8px -12px -12px;transform:scale(.46);flex:0 0 58px}

/* VIP badge system */
.levelGem.vip,.levelGem.vip-silver,.levelGem.vip-gold,.levelGem.vip-platinum,.levelGem.vip-blackgold,.levelGem.vip-blackdiamond,.levelGem.svip{width:66px;height:48px;border:0;border-radius:0;background:transparent!important;overflow:visible;box-shadow:none;filter:drop-shadow(0 10px 12px #0008)}
.levelGem.vip::after,.levelGem.vip-silver::after,.levelGem.vip-gold::after,.levelGem.vip-platinum::after,.levelGem.vip-blackgold::after,.levelGem.vip-blackdiamond::after,.levelGem.svip::after{content:"";z-index:0;left:0;top:14px;width:66px;height:26px;border-radius:999px;clip-path:polygon(50% 20%,62% 0,100% 9%,79% 34%,100% 50%,69% 63%,88% 96%,56% 76%,50% 100%,44% 76%,12% 96%,31% 63%,0 50%,21% 34%,0 9%,38% 0);box-shadow:inset 0 1px 0 #fff9,0 0 16px #ffffff22}
.levelGem.vip::before,.levelGem.vip-silver::before,.levelGem.vip-gold::before,.levelGem.vip-platinum::before,.levelGem.vip-blackgold::before,.levelGem.vip-blackdiamond::before,.levelGem.svip::before{z-index:1;left:12px;top:7px;width:42px;height:34px;border-radius:12px 12px 16px 16px;display:grid;place-items:center;font-size:12px;font-weight:1000;letter-spacing:0;color:#fff;text-shadow:0 1px 2px #0009;clip-path:polygon(10% 0,90% 0,100% 30%,86% 100%,14% 100%,0 30%);box-shadow:inset 0 0 0 2px #ffffff90,inset 0 -6px 0 #00000025,0 4px 9px #0008}
.levelGem.vip::before{content:"VIP";background:linear-gradient(145deg,#d2d8e1,#7f8fa4 55%,#415067)}
.levelGem.vip::after{background:linear-gradient(90deg,#47556a,#cbd3df 26%,#7f90a8 50%,#cbd3df 74%,#47556a)}
.levelGem.vip-silver::before{content:"VIP";color:#354252;background:linear-gradient(145deg,#fff,#dce8f4 48%,#8fa2b8)}
.levelGem.vip-silver::after{background:linear-gradient(90deg,#75869a,#fff 28%,#cfdbe9 50%,#fff 72%,#75869a)}
.levelGem.vip-gold::before{content:"VIP";color:#5b3200;background:linear-gradient(145deg,#fff4a5,#ffc33a 48%,#9e6007)}
.levelGem.vip-gold::after{background:linear-gradient(90deg,#9d6508,#fff0a4 28%,#f1ad1b 50%,#fff0a4 72%,#9d6508)}
.levelGem.vip-platinum::before{content:"VIP";color:#07374d;background:linear-gradient(145deg,#fff,#bdf4ff 46%,#46b9e5)}
.levelGem.vip-platinum::after{background:linear-gradient(90deg,#2f85ae,#f5ffff 28%,#92e7ff 50%,#f5ffff 72%,#2f85ae)}
.levelGem.vip-blackgold::before{content:"VIP";background:linear-gradient(145deg,#2a2118,#08090c 46%,#d4a348 47%,#65420a);box-shadow:inset 0 0 0 2px #f1cb74,inset 0 -6px 0 #0008,0 0 14px #c7902b55}
.levelGem.vip-blackgold::after{background:linear-gradient(90deg,#030407,#e4bd66 28%,#11131a 50%,#e4bd66 72%,#030407)}
.levelGem.vip-blackdiamond::before{content:"VIP";background:linear-gradient(145deg,#151a32,#04050a 45%,#4f84ff 46%,#111b58);box-shadow:inset 0 0 0 2px #7aa5ff,inset 0 -6px 0 #0008,0 0 16px #5f8dff70}
.levelGem.vip-blackdiamond::after{background:linear-gradient(90deg,#050713,#88aaff 28%,#0a1028 50%,#88aaff 72%,#050713)}
.levelGem.svip::before{content:"SVIP";top:9px;width:46px;left:10px;height:32px;color:#4a2600;background:linear-gradient(145deg,#fff7b9,#ffd13f 42%,#a35d02);clip-path:polygon(0 34%,18% 34%,28% 0,50% 32%,72% 0,82% 34%,100% 34%,88% 100%,12% 100%);box-shadow:inset 0 0 0 2px #fff2a5,0 0 22px #ffe07b}
.levelGem.svip::after{top:10px;height:31px;background:linear-gradient(90deg,#6d4200,#fff2a8 23%,#ffd851 50%,#fff2a8 77%,#6d4200);clip-path:polygon(50% 20%,62% 0,100% 11%,78% 35%,100% 54%,68% 66%,89% 100%,55% 79%,50% 100%,45% 79%,11% 100%,32% 66%,0 54%,22% 35%,0 11%,38% 0)}
.miniGem.levelGem.vip,.miniGem.levelGem.vip-silver,.miniGem.levelGem.vip-gold,.miniGem.levelGem.vip-platinum,.miniGem.levelGem.vip-blackgold,.miniGem.levelGem.vip-blackdiamond,.miniGem.levelGem.svip{width:66px;height:48px;margin:-5px auto;transform:scale(.72)}
.adminGem.levelGem.vip,.adminGem.levelGem.vip-silver,.adminGem.levelGem.vip-gold,.adminGem.levelGem.vip-platinum,.adminGem.levelGem.vip-blackgold,.adminGem.levelGem.vip-blackdiamond,.adminGem.levelGem.svip{width:66px;height:48px;margin:-13px -10px -13px -16px;transform:scale(.42);flex:0 0 66px}

/* Detail image thumbnail and preview */
.detailPosterWrap{width:150px;height:150px;margin:14px auto 0;padding:0;border:1px solid #2f4a68;background:#0d1a2b;border-radius:12px;display:block;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 10px 22px #02081266}
.detailPoster{width:150px!important;height:150px!important;min-height:0!important;max-height:none!important;object-fit:cover;border:0!important;border-radius:12px;background:#0b1117;display:block}
.detailPosterWrap span{position:absolute;left:0;right:0;bottom:0;height:28px;display:grid;place-items:center;background:linear-gradient(180deg,transparent,#000b);color:#dff4ff;font-size:12px;font-weight:800}
.imagePreviewFull{max-width:min(94vw,520px);max-height:86vh;object-fit:contain;border-radius:10px;background:#0b1117;box-shadow:0 22px 80px #000c}
@media(max-width:380px){.detailPosterWrap{width:150px;height:150px}.detailPoster{width:150px!important;height:150px!important;min-height:0!important}}

/* 20260705 hide carousel controls */
.cleanBossApp .slideArrow,.cleanBossApp .slideDots{display:none!important}


/* 20260705 swipe carousel */
.cleanBossApp .homeSlider{touch-action:pan-y;user-select:none;cursor:grab}.cleanBossApp .homeSlider:active{cursor:grabbing}

/* 20260705 player profile */
.rankItem.clickable{cursor:pointer}
.rankItem.clickable:active{transform:scale(.99)}
.playerProfilePage{min-height:100vh;padding-bottom:36px;background:#08090d;color:#fff}
.playerProfileTop{height:36px;background:#0d0e13;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;position:sticky;top:0;z-index:12;border-bottom:1px solid #191b24}
.playerProfileTop button{border:0;background:transparent;color:#fff;font-size:28px;line-height:1}.playerProfileTop b{font-size:15px}
.playerHeroImage{display:block;width:100%;height:334px;object-fit:cover;background:#171920}
.playerInfoCard{margin:20px 20px 0;padding:22px 18px 18px;border:1px solid #252631;background:#17171d;border-radius:14px;display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:12px;box-shadow:0 18px 40px #0005}
.playerInfoCard h1{margin:0;font-size:25px;line-height:1.15;color:#fff}.playerInfoCard p{margin:8px 0 0;color:#a8a8b2}.playerInfoCard p em{font-style:normal;color:#ff4ca8}.playerInfoCard p span{display:inline-flex;margin-left:8px;padding:2px 7px;border-radius:8px;background:#2a2442;color:#c6b7ff;font-size:11px}
.playerInfoCard>strong{justify-self:end;color:#ffc32c;font-size:28px;line-height:1;text-align:right}.playerInfoCard small{display:block;margin-top:8px;color:#ffc32c;font-size:12px;letter-spacing:1px}
.playerStats{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #292a34;margin-top:14px;padding-top:16px;text-align:center}.playerStats div+div{border-left:1px solid #2a2b34}.playerStats b{display:block;font-size:22px}.playerStats span{display:block;margin-top:6px;color:#8f9099}
.playerSection{margin:24px 20px 0}.playerSection h2{margin:0 0 12px;font-size:24px;line-height:1;color:#fff}.certGrid{display:flex;gap:8px;flex-wrap:wrap}.certGrid span{height:30px;display:inline-flex;align-items:center;padding:0 10px;border-radius:8px;background:#211934;border:1px solid #4e32a7;color:#d7ccff;font-size:12px}
.playerServiceCard{margin:14px 20px 0;padding:18px 16px 16px;border:1px solid #252631;background:#17171d;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}.playerServiceCard h3{margin:0;font-size:23px;text-align:center}.playerServiceCard div p{margin:7px 0 0;color:#91929b;text-align:center}.playerServiceCard>strong{color:#ffc32c;font-size:24px;white-space:nowrap}.playerServiceCard>strong span{display:block;color:#a2a3aa;font-size:13px;text-align:right}.playerServiceCard>p{grid-column:1/3;margin:8px 0 0;color:#999aa5;font-size:14px}.playerServiceCard button{grid-column:1/3;height:50px;border:0;border-radius:25px;background:linear-gradient(90deg,#a130ee,#564af5);color:#fff;font-size:18px;font-weight:900;box-shadow:0 12px 22px #632cff42}
.playerServiceCard.pending{border-color:#2b2d35;background:#14161c}.playerServiceCard.pending>strong{color:#a6a9b2;font-size:18px}.playerServiceCard.pending button{background:#2a2d36;color:#8f94a3;box-shadow:none}
.giftWall{display:flex;gap:14px;min-height:58px;align-items:center}.giftWall div{display:grid;gap:4px;text-align:center}.giftWall i{width:34px;height:34px;border-radius:8px;background:#fff4df;color:#c98221;display:grid;place-items:center;font-style:normal;font-weight:900}.giftWall span{font-size:11px;color:#b8b8c0}
.reviewHead{display:flex;align-items:center;justify-content:space-between}.reviewHead h2{margin:0}.reviewHead button{border:0;background:transparent;color:#a35cff;font-size:14px}.reviewList{display:grid;gap:12px}.reviewList article{display:grid;grid-template-columns:42px minmax(0,1fr) 70px;gap:10px;align-items:start;background:#17171d;border:1px solid #252631;border-radius:10px;padding:14px}.reviewList img{width:42px;height:42px;border-radius:50%;object-fit:cover}.reviewList b{display:block;font-size:15px}.reviewList time{display:block;margin-top:4px;color:#8d8e96;font-size:12px}.reviewList p{margin:8px 0 0;color:#c7c8d0;font-size:13px}.reviewList strong{justify-self:end;color:#ffc32c;font-size:11px;letter-spacing:1px}
@media(max-width:380px){.playerHeroImage{height:300px}.playerInfoCard{margin-left:14px;margin-right:14px}.playerSection,.playerServiceCard{margin-left:14px;margin-right:14px}.playerInfoCard h1{font-size:22px}.playerServiceCard h3{font-size:20px}.playerServiceCard>strong{font-size:20px}}

/* 20260705 boss public info before grab */
.grabBossPublic .adminGem.levelGem.vip,.grabBossPublic .adminGem.levelGem.vip-silver,.grabBossPublic .adminGem.levelGem.vip-gold,.grabBossPublic .adminGem.levelGem.vip-platinum,.grabBossPublic .adminGem.levelGem.vip-blackgold,.grabBossPublic .adminGem.levelGem.vip-blackdiamond,.grabBossPublic .adminGem.levelGem.svip{margin:-14px -14px -14px -18px;transform:scale(.34);flex:0 0 42px}

/* 20260705 product admin category tables */
.adminPageTitle{margin-bottom:18px;border-radius:8px;background:#fff;color:#102033;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 1px 0 #e8edf4}
.adminPageTitle h3{margin:0;font-size:22px;line-height:1.2;color:#0d1f33}.adminPageTitle p{margin:10px 0 0;color:#334155;line-height:1.6}.adminPageTitle p b{color:#298bff}
.adminProductListCard{background:#fff!important;color:#102033!important;border:0!important;border-radius:8px!important;padding:20px!important;box-shadow:0 1px 0 #e8edf4!important;overflow:auto}
.adminGameTable,.dispatchGoodsTable{min-width:1180px;border-collapse:collapse!important;background:#fff;color:#102033}
.adminGameTable th,.dispatchGoodsTable th{height:48px;background:#f7f9fc!important;color:#334155!important;border-bottom:1px solid #dfe6ef!important;font-size:13px;font-weight:700;text-align:center}
.adminGameTable td,.dispatchGoodsTable td{height:104px;border-bottom:1px solid #dfe6ef!important;color:#102033!important;text-align:center;vertical-align:middle;background:#fff!important}
.dispatchGoodsTable tr:nth-child(even) td{background:#f8fafc!important}.adminGameIcon,.adminGoodsIcon{width:58px;height:58px;object-fit:cover;border-radius:8px;box-shadow:0 4px 10px #0f172a22}.adminBlueText{color:#1683ff}
.adminPriceList{display:inline-grid;gap:7px;text-align:left}.adminPriceList p{margin:0;color:#1683ff}.adminPriceList em{font-style:normal;color:#ff4d4f;margin-left:8px}
.adminTypeCell{display:grid;place-items:center;gap:6px}.adminTypeCell span{font-size:13px;color:#111827}.adminGoodsDisplay{max-height:72px;overflow:auto;display:grid;gap:8px;text-align:center}.adminGoodsDisplay p{margin:0;color:#111827;line-height:1.25}.adminPriceRange{display:inline-block;color:#ff4d4f;line-height:1.6}
.adminGameTable .btn,.dispatchGoodsTable .btn{height:30px;margin:3px;padding:0 10px;border-radius:6px;color:#fff;border:0;font-weight:800}.btn.success{background:#52b536!important}.btn.muted{background:#86a5a7!important;color:#fff!important}.adminProductEditCard{margin-top:18px}
@media(max-width:900px){.adminPageTitle{align-items:flex-start;flex-direction:column;padding:16px}.adminPageTitle .row{width:100%;justify-content:flex-start}.adminGameTable,.dispatchGoodsTable{min-width:980px}}

/* 20260705 product admin modal editors */
.adminGameModal,.adminGoodsModal{width:min(1040px,92vw);max-height:88vh;background:#eef5ff;color:#102033;border-radius:12px;box-shadow:0 28px 90px #0008;overflow:hidden}
.adminModalHead{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#f8fbff;border-bottom:1px solid #d7e2ef}.adminModalHead h2{margin:0;font-size:20px;color:#0d1f33}.adminModalHead button{border:0;background:transparent;font-size:26px;color:#425466}
.adminGameModalBody{padding:20px 22px}.adminModalGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.adminGameModal .field label,.adminGoodsModal label{display:block;margin:0 0 8px;font-size:13px;color:#102033}.adminGameModal .field label b{color:#ff4d4f}.adminGameModal input,.adminGameModal select,.adminGoodsModal input,.adminGoodsModal select,.adminGoodsModal textarea{border:1px solid #d5deea;background:#fff;color:#132033;border-radius:6px;min-height:36px;padding:7px 10px;font-size:13px}.adminGameModal input,.adminGameModal select{width:100%}
.adminUploadLine{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:end}.adminUploadBox{width:104px;height:104px;border:1px dashed #c9d4e3;border-radius:8px;background:#f7fbff;display:grid;place-items:center;text-align:center;color:#7f8ea3;overflow:hidden}.adminUploadBox img{width:100%;height:100%;object-fit:cover}.adminUploadBox span{grid-area:1/1;font-size:13px}.adminUploadBox.small{width:102px;height:82px}.adminPriceEditRows{display:grid;gap:8px}.adminPriceEditRows>div{display:grid;grid-template-columns:1.3fr 1fr 120px 82px 36px;gap:8px;align-items:center}.adminPriceEditRows label{margin:0!important;display:flex!important;align-items:center;gap:4px}.adminPriceEditRows button{height:34px;border:0;border-radius:6px;background:#f56363;color:#fff;font-size:20px}.adminDashedBtn{width:100%;height:40px;border:1px dashed #3d9cff;border-radius:6px;background:#f8fbff;color:#2c8dff;font-weight:900}
.adminModalFoot{padding:16px 22px;border-top:1px solid #d7e2ef;background:#fff;display:flex;justify-content:center;gap:10px}.adminGoodsModal{width:min(1640px,96vw);background:#f3f6fa}.adminGoodsSetup{margin:20px;display:grid;grid-template-columns:640px 1fr;gap:36px;background:#fff;border-radius:8px;padding:20px}.adminGoodsSetup h3{margin:0 0 12px;color:#102033}.adminGoodsSetup p{height:30px;margin:6px 0;padding:6px 12px;border:1px solid #d9e2ed;border-radius:6px;background:#f8fafc}.adminGoodsSetup p.active{border-color:#2c91ff;background:#f1f8ff}.adminGoodsSetup select{width:244px;margin-right:14px}
.adminGoodsEditPanel{margin:0 20px 78px;background:#fff;border-radius:8px;padding:20px}.adminGoodsEditHead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adminGoodsEditHead input{width:200px}.adminGoodsEditHead input[type=number]{width:76px}.adminGoodsEditHead .danger{margin-left:auto}.adminGoodsEditScroll{margin-top:16px;overflow:auto;border-top:1px solid #e1e8f0}.adminGoodsEditTable{min-width:1540px;border-collapse:collapse;color:#102033}.adminGoodsEditTable th{height:44px;background:#f8fafc;border-bottom:1px solid #dfe6ef;font-size:12px;font-weight:700}.adminGoodsEditTable td{padding:10px 6px;border-bottom:1px solid #dfe6ef;text-align:center;vertical-align:middle}.adminGoodsEditTable input,.adminGoodsEditTable select,.adminGoodsEditTable textarea{width:100%;box-sizing:border-box}.adminGoodsEditTable .tiny{width:74px}.adminGoodsEditTable .wide{width:200px}.adminGoodsEditTable .price{width:82px}.adminGoodsEditTable textarea{height:50px;resize:none}.adminMiniImage{position:relative;width:100px;margin:auto}.adminMiniImage img{width:100px;height:72px;object-fit:cover;border-radius:8px}.adminMiniImage button{position:absolute;right:-8px;top:-8px;width:24px;height:24px;border:0;border-radius:50%;background:#f0405f;color:#fff}.adminSwitch input{display:none}.adminSwitch span{display:inline-block;width:46px;height:24px;border-radius:999px;background:#d1d5db;position:relative}.adminSwitch span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}.adminSwitch input:checked+span{background:#3d9cff}.adminSwitch input:checked+span::after{left:25px}.adminGoodsEditActions{margin-top:16px}.adminModalFoot.fixed{position:sticky;bottom:0}
@media(max-width:900px){.adminGameModal,.adminGoodsModal{width:96vw}.adminModalGrid,.adminGoodsSetup{grid-template-columns:1fr}.adminPriceEditRows>div{grid-template-columns:1fr 90px}.adminGoodsEditPanel{margin-left:10px;margin-right:10px}}

/* 20260705 split game manage menu */
.navGroup{margin:8px -14px 8px;background:#07111f;border-top:1px solid #1b2d45;border-bottom:1px solid #1b2d45}
.navGroup .navParent{height:42px;margin:0!important;padding:0 22px!important;display:flex!important;align-items:center;justify-content:space-between;background:#102033;color:#fff!important;font-weight:900;cursor:default}
.navGroup .navParent span{font-size:14px;color:#d8e7ff}
.navGroup .navSub{height:40px;margin:0!important;padding:0 0 0 44px!important;display:flex!important;align-items:center;border-radius:0!important;background:#07111f;color:#d5dfeb!important;font-size:14px}
.navGroup .navSub.active{background:#244579!important;color:#fff!important;font-weight:900}

/* 20260705 admin compact shell */
.layout{grid-template-columns:176px minmax(0,1fr)!important;background:#071017}
.side{width:auto!important;padding:12px 10px!important;background:#060b12!important;border-right:1px solid #182536!important;box-shadow:12px 0 34px #00000024}
.side .logo{height:42px;margin:0 0 14px!important;gap:8px!important;padding:0 6px}
.side .logo img{width:28px!important;height:28px!important;object-fit:contain}.side .logo b{font-size:15px!important;letter-spacing:0;white-space:nowrap}
.nav{display:grid;gap:2px}.nav a{min-height:36px;margin:0!important;padding:8px 10px!important;border-radius:8px!important;color:#b7c7dc!important;font-size:14px;line-height:1.15}
.nav a.active,.nav a:hover{background:#132238!important;color:#fff!important;box-shadow:inset 3px 0 0 #65ff3f!important}
.navGroup{margin:4px 0!important;border:1px solid #1a2b40!important;border-radius:10px!important;overflow:hidden;background:#07111b!important}
.navGroup .navParent{height:38px!important;padding:0 10px!important;background:#102034!important;font-size:14px!important;border-radius:0!important}
.navGroup .navSub{height:34px!important;padding:0 0 0 24px!important;font-size:12px!important;background:#07111b!important}
.navGroup .navSub.active{background:#284a82!important;box-shadow:inset 3px 0 0 #65ff3f!important}
.main{padding:14px 16px!important;background:linear-gradient(180deg,#0a151f 0,#071017 280px,#071017 100%)}
.top{min-height:58px;margin-bottom:12px!important;padding:12px 14px;border:1px solid #1a2a3d;border-radius:10px;background:#0d1824;box-shadow:0 14px 34px #00000022}
.top h2{font-size:22px!important;line-height:1.15}.top .sub{font-size:11px!important;margin-top:4px}
.top .btn.small{height:30px;padding:6px 10px;border-radius:8px}
.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:10px!important}.grid2{grid-template-columns:1fr!important;gap:10px!important}
.card{padding:12px!important;border-radius:10px!important;background:#0e1824!important;border-color:#1d3045!important;box-shadow:0 12px 30px #00000024!important;overflow:auto}
.card h3{font-size:14px!important;margin:0 0 8px!important}.num{font-size:24px!important}.mini{font-size:11px!important;line-height:1.45}
.field{margin-top:10px!important}.field label{margin-bottom:5px!important;font-size:12px!important}.field input,.field textarea,.field select,.table input,.table select{min-height:32px!important;height:32px;padding:6px 9px!important;border-radius:8px!important;font-size:12px!important}
.field textarea{height:auto!important;min-height:54px!important}
.btn{min-height:32px;padding:7px 12px;border-radius:8px;font-size:13px}.btn.small{min-height:28px;padding:5px 9px;border-radius:7px;font-size:12px}
.table{margin-top:8px!important}.table th,.table td{padding:8px 9px!important;font-size:12px!important}
.adminPageTitle{margin-bottom:10px!important;padding:13px 15px!important;border-radius:10px!important;background:#f8fbff!important;box-shadow:0 10px 24px #00000018!important}
.adminPageTitle h3{font-size:18px!important}.adminPageTitle p{margin-top:5px!important;font-size:12px!important;line-height:1.45!important}
.adminProductListCard{padding:12px!important;border-radius:10px!important}.adminGameTable,.dispatchGoodsTable{min-width:940px!important}.adminGameTable th,.dispatchGoodsTable th{height:38px!important;font-size:12px!important}.adminGameTable td,.dispatchGoodsTable td{height:76px!important}
.adminGameIcon,.adminGoodsIcon{width:44px!important;height:44px!important;border-radius:7px!important}.adminPriceList{gap:4px!important}.adminPriceList p{font-size:12px!important;line-height:1.25}.adminPriceList em{margin-left:4px!important}
.adminGameTable .btn,.dispatchGoodsTable .btn{height:26px!important;min-height:26px!important;margin:2px!important;padding:0 8px!important;border-radius:6px!important;font-size:11px!important}
.adminCompact .field input,.adminCompact .field select,.adminCompact .field textarea{height:32px!important}.adminCompact .settingGrid,.adminCompact .detailSettingGrid,.adminCompact .opsSettingGrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:8px!important}
.adminCompact .adminProduct{grid-template-columns:82px minmax(0,1fr)!important}.adminProductDetail img,.adminCompact .adminProduct img{width:82px!important;height:62px!important}
.moneyTable,.detailMoneyTable,.bannerTable,.rechargeTable{min-width:680px!important}.moneyTable td{padding:7px 8px!important}.moneyTable input.moneyName,.playerLevelTable .moneyName,.playerListTable .moneyName{width:120px!important}.moneyTable input.moneyPrice{width:72px!important}.moneyTable select.moneyStatus{width:76px!important}
.detailMoneyTable input.moneyName{width:112px!important}.detailMoneyTable input.moneyDesc{width:148px!important}.detailMoneyTable input.moneyPrice{width:72px!important}.bannerTable input.bannerImage{width:210px!important}
.adminGameModal,.adminGoodsModal{border-radius:10px!important}.adminModalHead{height:48px!important;padding:0 16px!important}.adminModalHead h2{font-size:17px!important}.adminGameModalBody{padding:14px 16px!important}.adminModalGrid{gap:10px!important}.adminModalFoot{padding:12px 16px!important}
.adminUploadLine{grid-template-columns:82px minmax(0,1fr)!important}.adminUploadBox{width:82px!important;height:82px!important}.adminGoodsSetup{margin:12px!important;padding:14px!important;gap:14px!important}.adminGoodsEditPanel{margin:0 12px 62px!important;padding:14px!important}
@media(max-width:760px){.layout{grid-template-columns:88px minmax(0,1fr)!important}.side{padding:8px 6px!important}.side .logo{justify-content:center;padding:0;margin-bottom:10px!important}.side .logo img{width:24px!important;height:24px!important}.side .logo b{display:none}.nav a{justify-content:center;text-align:center;min-height:34px;padding:7px 4px!important;font-size:12px!important;word-break:keep-all}.navGroup{border-radius:8px!important}.navGroup .navParent{justify-content:center;height:34px!important;padding:0 4px!important;font-size:12px!important}.navGroup .navParent span{display:none}.navGroup .navSub{height:32px!important;padding:0 4px!important;justify-content:center;text-align:center;font-size:11px!important;line-height:1.15}.main{padding:9px!important}.top{min-height:48px;padding:9px 10px}.top h2{font-size:19px!important}.top .sub,.top .row{display:none}.adminPageTitle{padding:11px!important}.adminPageTitle h3{font-size:17px!important}.card{padding:10px!important}.adminGameTable,.dispatchGoodsTable{min-width:760px!important}.adminCompact .adminProduct{grid-template-columns:1fr!important}.adminProductDetail img,.adminCompact .adminProduct img{width:96px!important;height:68px!important}.adminModalGrid{grid-template-columns:1fr!important}.adminGameModal,.adminGoodsModal{width:96vw!important;max-height:86vh!important}.adminGameModalBody{padding:12px!important}.adminUploadLine{grid-template-columns:72px minmax(0,1fr)!important}.adminUploadBox{width:72px!important;height:72px!important}}
@media(max-width:430px){.layout{grid-template-columns:78px minmax(0,1fr)!important}.side{padding:7px 4px!important}.nav a{font-size:11px!important;min-height:32px}.navGroup .navParent{font-size:11px!important}.navGroup .navSub{font-size:10px!important}.main{padding:7px!important}.top{border-radius:8px}.top h2{font-size:18px!important}.adminPageTitle h3{font-size:16px!important}.adminProductListCard{padding:8px!important}.moneyTable,.detailMoneyTable,.bannerTable,.rechargeTable{min-width:620px!important}.adminGameTable,.dispatchGoodsTable{min-width:720px!important}}

/* 20260705 game category add navigation */
.gameCategoryFullModal{background:#f3f6fa!important}
.gameCategorySetup{margin:12px;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:16px;background:#fff;border-radius:10px;padding:14px;border:1px solid #e2e8f0}
.gameCategorySteps{border-right:1px solid #e5ebf3;padding-right:14px}.gameCategorySteps h3,.gameCategorySetting h3{margin:0 0 12px;color:#102033;font-size:18px}
.gameCategorySteps p{height:28px;margin:6px 0;padding:6px 10px;border:1px solid #d9e2ed;border-radius:6px;background:#f8fafc;color:#102033;font-size:12px}.gameCategorySteps p.active{border-color:#2c91ff;background:#eff7ff;color:#1683ff}
.gameCategorySettingGrid{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr)) auto;gap:10px;align-items:end}.gameCategorySettingGrid .field{margin-top:0!important}.gameCategorySettingGrid .wide{grid-column:span 2}.gameCategorySettingGrid input,.gameCategorySettingGrid select{width:100%}
.addNavBtn{height:34px;white-space:nowrap;align-self:end;background:#4aa3ff!important;color:#fff!important;box-shadow:0 8px 16px #2c91ff36}
.gameCategoryGoodsArea{display:grid;gap:14px;margin:0 12px 70px}.gameCategoryGoodsBlock{background:#fff;border:1px solid #e1e8f0;border-radius:10px;padding:12px;color:#102033}
.gameCategoryGoodsHead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.gameCategoryGoodsHead b{font-size:16px;white-space:nowrap}.gameCategoryGoodsHead input{height:32px;border:1px solid #d6e0eb;background:#fff;color:#102033;border-radius:7px;padding:6px 9px}.gameCategoryGoodsHead .gameNavName{width:190px}.gameCategoryGoodsHead .gameNavSort{width:74px}.gameCategoryGoodsHead .danger{margin-left:auto}
.gameCategoryGoodsTable{min-width:1460px!important}.gameCategoryGoodsTable th{height:38px!important}.gameCategoryGoodsTable td{padding:8px 5px!important}.gameCategoryGoodsTable textarea{height:46px!important}.gameCategoryGoodsTable .wide{width:180px!important}.gameCategoryGoodsTable .price{width:78px!important}.gameCategoryGoodsTable .unit{width:74px!important}
.emptyGameGoods{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:26px;text-align:center;color:#64748b}
@media(max-width:900px){.gameCategorySetup{grid-template-columns:1fr}.gameCategorySteps{border-right:0;border-bottom:1px solid #e5ebf3;padding-right:0;padding-bottom:12px}.gameCategorySettingGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.addNavBtn{grid-column:1/-1}.gameCategoryGoodsHead .danger{margin-left:0}}
@media(max-width:430px){.gameCategorySetup{margin:8px;padding:10px}.gameCategoryGoodsArea{margin-left:8px;margin-right:8px}.gameCategorySettingGrid{grid-template-columns:1fr}.gameCategorySettingGrid .wide{grid-column:auto}.gameCategoryGoodsHead .gameNavName{width:150px}.gameCategoryGoodsTable{min-width:1180px!important}}

/* 20260705 separated game/category/product admin */
.cleanGameTable{min-width:820px!important}.cleanGameTable td{height:72px!important}
.cleanGameModal{width:min(720px,94vw)!important}.cleanGameForm{display:grid;grid-template-columns:1fr 150px 120px 100px;gap:12px;align-items:end}.cleanGameForm .wide{grid-column:1/-1}
.cleanCategoryModal{width:min(560px,94vw)!important}.cleanGoodsPanel{margin-top:12px}.cleanGoodsPanel h3{margin:0!important;color:#102033!important;font-size:16px!important}.productAdminSplit{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(520px,1.28fr);gap:12px;align-items:start}.panelHead{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.cleanCategoryTable{min-width:620px!important;color:#102033}.cleanCategoryTable th,.cleanCategoryTable td{background:#fff!important;color:#102033!important;text-align:center}
.cleanProductTable{min-width:900px!important;color:#102033}.cleanProductTable th,.cleanProductTable td{background:#fff!important;color:#102033!important;text-align:center;vertical-align:middle}.cleanProductTable p{margin:4px 0 0}
.cleanProductModal{width:min(860px,94vw)!important;background:#f6f8fb!important}.cleanProductForm{margin:14px;display:grid;grid-template-columns:1.2fr 180px 120px;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;color:#102033}.cleanProductForm .wide{grid-column:span 1}.cleanProductForm .full{grid-column:1/-1}.cleanProductForm textarea{min-height:70px!important}
.platformPriceEditor{grid-column:1/-1;display:grid;grid-template-columns:120px 160px 120px 160px;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:12px}.platformPriceEditor h3{grid-column:1/-1;margin:0;color:#102033}.platformPriceEditor label{display:flex;align-items:center;gap:6px;margin:0!important}.platformPriceEditor input[type=checkbox]{width:auto!important;min-height:auto!important;height:auto!important}
.platformSegment{grid-template-columns:repeat(2,minmax(0,116px))!important}.platformPick{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.platformPick img{width:22px;height:22px;border-radius:6px;object-fit:cover}.platformPick:disabled,.detailSpecGrid button:disabled{opacity:.42;filter:grayscale(1);cursor:not-allowed}
.platformIconLine{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.platformTagWithIcon{display:inline-flex!important;align-items:center;gap:4px;height:22px;padding:2px 7px 2px 3px!important;border-radius:999px;background:#103c34!important;border:1px solid #30f2c755;color:#c8fff1!important}.platformTagWithIcon img{width:16px;height:16px;border-radius:5px;object-fit:cover;display:block}.platformTagWithIcon em{font-style:normal;font-size:11px;font-weight:900;line-height:1}
.miniProductCard .tagLine{margin-top:6px}
.cleanGameFormUpload .full,.cleanProductFormUpload .full{grid-column:1/-1!important}.adminImageUpload>label{display:block;margin:0 0 7px;color:#172338;font-size:13px;font-weight:700}.imageUploadRow{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:end}.imageUploadBox{width:104px;height:104px;border:1px dashed #cfd8e3;border-radius:10px;background:#f8fbff;display:grid;place-items:center;overflow:hidden;color:#728096;cursor:pointer}.imageUploadBox span{grid-area:1/1;font-size:13px}.imageUploadBox img{grid-area:1/1;width:100%;height:100%;object-fit:cover}.imageUploadSide{display:grid;gap:8px;align-content:end}.imageUploadSide input{width:100%;min-width:0}.imageSpaceBtn{width:max-content}.imageSpaceDrawer.show{z-index:96!important}.imageSpaceDrawer{width:min(560px,92vw)!important;background:#f7faff!important}.imageSpaceDrawer .drawerHead{height:54px;padding:0 16px;border-bottom:1px solid #dbe5f1;display:flex;align-items:center;justify-content:space-between;color:#122033}.imageSpaceDrawer .drawerHead button{width:32px;height:32px;border:0;border-radius:8px;background:#e8eef6;color:#24364c;font-size:20px}.imageSpaceGrid{padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.imageSpaceGrid button{border:1px solid #d8e1ec;border-radius:10px;background:#fff;padding:8px;display:grid;gap:7px;color:#23364f;cursor:pointer;text-align:center}.imageSpaceGrid img{width:100%;aspect-ratio:1.35/1;object-fit:cover;border-radius:8px;background:#eef3f8}.imageSpaceGrid span{font-size:12px}.imageSpaceFoot{padding:12px 14px;border-top:1px solid #dbe5f1;background:#fff;text-align:right}
@media(max-width:900px){.productAdminSplit{grid-template-columns:1fr}}
@media(max-width:760px){.cleanGameForm,.cleanProductForm{grid-template-columns:1fr!important}.platformPriceEditor{grid-template-columns:1fr 1fr}.cleanProductTable{min-width:760px!important}.cleanCategoryTable{min-width:520px!important}.imageUploadRow{grid-template-columns:82px minmax(0,1fr)}.imageUploadBox{width:82px;height:82px}}
@media(max-width:430px){.platformPriceEditor{grid-template-columns:1fr}.platformSegment{grid-template-columns:1fr 1fr!important}.platformPick img{width:20px;height:20px}}

/* 20260705 invite reward campaign */
.inviteCampaignPage{min-height:100vh;background:#fff3ea;color:#142033;padding-bottom:86px;position:relative;overflow:hidden}.inviteCampaignHero{height:142px;background:linear-gradient(135deg,#ff2e8b 0,#ff4d53 48%,#ff8746 100%);color:#fff;position:relative;display:grid;grid-template-columns:50px 1fr 58px;align-items:start;text-align:center;padding-top:16px;overflow:hidden}.inviteCampaignHero::before{content:"";position:absolute;left:-28px;top:-24px;width:124px;height:124px;border-radius:50%;background:repeating-conic-gradient(from 20deg,#fff7 0 8deg,transparent 8deg 18deg);opacity:.42}.inviteCampaignHero::after{content:"";position:absolute;right:18px;bottom:-18px;width:132px;height:86px;border-radius:22px;background:linear-gradient(135deg,#ffffff55,#ffffff10);transform:rotate(-18deg)}.inviteCampaignHero button{position:relative;z-index:1;border:0;background:transparent;color:#fff;font-size:28px;line-height:28px}.inviteCampaignHero button:last-child{justify-self:center;margin-top:1px;width:46px;height:28px;border-radius:14px;background:#b75b35aa;font-size:14px;font-weight:800}.inviteCampaignHero b{position:relative;z-index:1;font-size:16px;line-height:28px}.inviteClosed{position:absolute;left:20px;right:20px;bottom:20px;height:50px;border:4px solid #ffe95c;border-radius:18px;background:#ffffff22;display:grid;place-items:center;font-size:15px;font-weight:800;box-shadow:0 8px 20px #b71c3533}.inviteCampaignBody{position:relative;margin-top:-1px;padding:0 12px}.inviteCampaignCard{background:#fff;border-radius:8px;box-shadow:0 12px 28px #ff784033;overflow:hidden}.inviteCampaignCard h3{height:38px;margin:0;padding:0 12px;display:flex;align-items:center;color:#ff6a2d;font-size:15px;border-bottom:1px solid #ffe0ce}.inviteRewardBlock{display:grid;grid-template-columns:54px 1fr;gap:8px;padding:22px 18px 10px;align-items:start}.inviteRewardBlock.second{padding-top:28px;border-top:1px solid #f1f1f1}.inviteRewardBlock h4{margin:0 0 8px;font-size:15px;color:#172033}.inviteRewardBlock p{margin:0;color:#222b38;font-size:13px;line-height:1.55}.inviteRewardIcon{width:48px;height:48px;border-radius:18px;position:relative;filter:drop-shadow(0 6px 10px #ff69c255)}.gamepadIcon{background:radial-gradient(circle at 28% 30%,#fff 0 9%,transparent 10%),radial-gradient(circle at 70% 38%,#fff 0 8%,transparent 9%),linear-gradient(135deg,#ff85f3,#6e70ff)}.gamepadIcon::before{content:"";position:absolute;left:9px;right:9px;top:17px;height:9px;border-radius:9px;background:#ffffffaa}.userIcon{background:radial-gradient(circle at 50% 28%,#fff7 0 23%,transparent 24%),linear-gradient(135deg,#ff6bd6,#34d5ff)}.userIcon::after{content:"";position:absolute;left:7px;right:7px;bottom:8px;height:18px;border-radius:50% 50% 35% 35%;background:#ffffff80}.inviteFlowBox{margin:8px 12px 22px;border-radius:10px;background:#fff3e8;border:1px solid #ffdfbf;padding:11px 10px 12px}.inviteFlowBox>b{display:block;color:#ff6a2d;font-size:13px;margin-bottom:14px}.inviteFlow{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;align-items:start;text-align:center}.inviteFlow span{display:grid;gap:7px;justify-items:center;color:#172033;font-size:12px;white-space:nowrap}.inviteFlow i{width:28px;height:28px;border-radius:10px;background:#ff7131;color:#fff;display:grid;place-items:center;font-style:normal;font-size:15px;font-weight:900}.inviteFlow em{height:1px;margin-top:14px;border-top:1px dashed #ffba6c;position:relative}.inviteFlow em::after{content:"";position:absolute;right:-1px;top:-3px;width:5px;height:5px;border-radius:50%;background:#ffba6c}.inviteFlowBox p{height:28px;margin:14px 0 0;border-radius:8px;background:#ffe7c8;color:#ff7836;display:grid;place-items:center;font-size:13px}.inviteCampaignFoot{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(510px,100vw);padding:18px 20px 22px;background:#fff7ef;border-radius:18px 18px 0 0;box-shadow:0 -8px 22px #ad552222;z-index:16}.inviteCampaignFoot button{width:100%;height:48px;border:0;border-radius:24px;background:linear-gradient(180deg,#ff7b27,#ff351c);color:#fff;font-size:15px;font-weight:900;letter-spacing:0}
@media(max-width:380px){.inviteCampaignHero{height:136px}.inviteClosed{left:18px;right:18px;height:46px}.inviteRewardBlock{grid-template-columns:48px 1fr;padding-left:14px;padding-right:12px}.inviteRewardIcon{width:42px;height:42px}.inviteFlow span{font-size:11px}.inviteCampaignFoot{padding-left:18px;padding-right:18px}}

/* 20260705 boss referral modal */
.inviteAdminGrid .full{grid-column:1/-1}
.inviteModalBox{width:min(430px,92vw);max-height:86vh;overflow:auto;border-radius:18px;background:#fff;color:#152236;box-shadow:0 24px 80px #0008;padding:16px;position:relative}
.inviteModalClose{position:absolute;right:12px;top:12px;width:30px;height:30px;border:0;border-radius:50%;background:#eef3f8;color:#42546c;font-size:22px;line-height:1}
.inviteModalHead{padding:10px 38px 12px 2px;display:grid;gap:6px}.inviteModalHead b{font-size:20px;color:#111827}.inviteModalHead span{font-size:12px;color:#64748b;line-height:1.45}
.inviteDateLine{height:34px;border-radius:10px;background:#fff4e7;color:#d46b08;display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:800}
.inviteModalDesc{margin:12px 0 0;padding:12px;border-radius:12px;background:#f7faff;color:#334155;font-size:12px;line-height:1.55}
.inviteStatsMini{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inviteStatsMini div{border:1px solid #e2e8f0;border-radius:12px;background:#fbfdff;padding:10px 6px;text-align:center}.inviteStatsMini b{display:block;color:#0f172a;font-size:17px;line-height:1.15}.inviteStatsMini span{display:block;margin-top:5px;color:#64748b;font-size:11px}
.inviteRateBox{margin-top:12px;border-radius:12px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:12px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}.inviteRateBox span{font-size:12px;color:#cbd5e1}.inviteRateBox strong{font-size:24px;color:#ffd86b}.inviteRateBox em{grid-column:1/-1;font-style:normal;color:#dbeafe;font-size:11px}
.inviteReferralList{width:100%;margin-top:12px;border-collapse:collapse;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;font-size:12px}.inviteReferralList th{background:#f1f5f9;color:#475569;height:34px;text-align:left;padding:0 8px}.inviteReferralList td{border-top:1px solid #e2e8f0;padding:9px 8px;color:#172033}.inviteReferralList td b{display:block;font-size:12px}.inviteReferralList td span{display:block;margin-top:2px;color:#94a3b8;font-size:10px}.emptyInviteRow{text-align:center!important;color:#94a3b8!important;height:48px}
.inviteLinkField{margin-top:12px;display:grid;gap:6px}.inviteLinkField label{font-size:12px;color:#475569;font-weight:800}.inviteLinkField input{width:100%;height:38px;border:1px solid #dbe5ef;border-radius:10px;background:#f8fafc;color:#102033;padding:0 10px;font-size:12px;box-sizing:border-box}
.inviteCopyBtn{width:100%;height:44px;margin-top:14px;border:0;border-radius:22px;background:linear-gradient(135deg,#ff7a1a,#ff365f);color:#fff;font-size:14px;font-weight:900;box-shadow:0 12px 24px #ff5c3340}
@media(max-width:380px){.inviteModalBox{padding:14px}.inviteStatsMini{gap:6px}.inviteStatsMini b{font-size:15px}.inviteReferralList th,.inviteReferralList td{padding-left:6px;padding-right:6px}}

/* 20260705 recharge original clean */
.yxRechargePage{padding:14px 16px 112px!important;background:#eef4fb!important;background-image:none!important;color:#142033!important}
.yxRechargePage .yxWalletCard{border-radius:18px;background:linear-gradient(135deg,#121f36 0,#1e6b87 56%,#38c2a9 100%);padding:18px;color:#fff;box-shadow:0 16px 34px #12304726;position:relative;overflow:hidden}
.yxRechargePage .yxWalletCard::after{content:"";position:absolute;right:-40px;top:-46px;width:138px;height:138px;border-radius:50%;border:24px solid #ffffff22}
.yxWalletHead{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.yxWalletHead span{display:block;font-size:12px;color:#d9f3ff}.yxWalletHead b{display:inline-block;margin-top:8px;font-size:38px;line-height:1;letter-spacing:0}.yxWalletHead em{margin-left:8px;font-style:normal;font-size:14px;font-weight:800}.yxWalletHead button{height:34px;border:1px solid #ffffff66;border-radius:17px;background:#ffffff18;color:#fff;padding:0 12px;font-weight:800;white-space:nowrap}
.yxWalletCard p{position:relative;z-index:1;margin:16px 0 0;color:#eefcff;font-size:12px;line-height:1.55}
.yxRechargePanel{margin-top:14px;border-radius:16px;background:#fff;padding:14px;box-shadow:0 10px 28px #12304714}.yxSectionTitle{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.yxSectionTitle b{font-size:16px;color:#111827}.yxSectionTitle span{font-size:11px;color:#7b8797}
.yxRechargeGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.yxRechargeGrid button{height:92px!important;border:1px solid #dde7f2!important;border-radius:14px!important;background:#f8fbff!important;color:#142033!important;padding:12px!important;text-align:left!important;box-shadow:none!important}.yxRechargeGrid button.active{border-color:#2bb7d4!important;background:linear-gradient(180deg,#f1fdff,#ffffff)!important;box-shadow:0 0 0 2px #2bb7d41f!important}.yxRechargeGrid button.active::after{content:"";position:absolute;right:10px;top:10px;width:18px;height:18px;border-radius:50%;background:#20b7d4;box-shadow:inset 0 0 0 5px #fff}
.yxRechargeGrid .coinAmount{display:block;color:#111827;font-size:22px;font-weight:900;line-height:1.1;white-space:nowrap}.yxRechargeGrid .coinAmount em{font-style:normal;margin-left:3px;color:#7b8797;font-size:12px}.yxRechargeGrid strong{display:block;margin:12px 0 0!important;padding:0!important;border:0!important;color:#0f172a!important;font-size:15px!important}.yxRechargeGrid small{display:block;margin-top:4px;color:#20a37b;font-size:11px}
.yxWalletReminder{margin-top:14px!important;border-radius:16px;background:#fff;padding:14px;color:#334155!important;box-shadow:0 10px 28px #12304710}.yxWalletReminder h3{color:#111827!important;font-size:15px!important}.yxWalletReminder p{color:#475569!important;font-size:12px!important}.yxWalletReminder p::before{background:#22b8cf!important}
.yxWalletBottom{height:72px!important;display:grid!important;grid-template-columns:1fr 150px;gap:12px;align-items:center;padding:10px 16px 14px!important;background:#ffffffee!important;backdrop-filter:blur(14px);border-top:1px solid #dce6f1;box-sizing:border-box}.yxWalletBottom div span{display:block;font-size:11px;color:#64748b}.yxWalletBottom div b{display:block;margin-top:3px;font-size:18px;color:#0f172a}.yxWalletBottom button{height:46px!important;border-radius:23px!important;background:linear-gradient(135deg,#13b8d7,#20d39b)!important;font-size:15px!important}
@media(max-width:380px){.yxRechargePage{padding-left:12px!important;padding-right:12px!important}.yxRechargeGrid{gap:8px!important}.yxRechargeGrid button{height:88px!important;padding:10px!important}.yxRechargeGrid .coinAmount{font-size:19px}.yxWalletBottom{grid-template-columns:1fr 126px;padding-left:12px!important;padding-right:12px!important}.yxWalletHead b{font-size:34px}}

/* 20260706 manual recharge audit */
.manualRechargePage{background:#edf4fb!important}
.manualPayPanel,.manualProofPanel,.balanceRecordPanel{margin-top:14px;border-radius:16px;background:#fff;box-shadow:0 10px 28px #12304712}
.manualPayPanel{padding:14px;display:grid;grid-template-columns:1fr 116px;gap:14px;align-items:center}
.manualPayPanel h3{margin:0;color:#111827;font-size:17px}.manualPayPanel p{margin:8px 0 0;color:#0f766e;font-weight:900}.manualPayPanel span{display:block;margin-top:8px;color:#64748b;font-size:12px;line-height:1.5}
.manualPayPanel img{width:116px;height:116px;border-radius:12px;object-fit:cover;border:1px solid #e2e8f0;background:#f8fafc}
.manualProofPanel{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.manualProofPanel .field{margin:0}.manualProofPanel .field label{color:#334155;font-size:12px;font-weight:900}.manualProofPanel .field input{height:38px;background:#f8fafc;border:1px solid #dce6f1;border-radius:10px;color:#0f172a}
.rechargeUploadBox{grid-column:1/-1;min-height:72px;border:1px dashed #9cc7d5;border-radius:14px;background:#f7fcff;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;gap:2px 10px;align-items:center;padding:12px;color:#0f172a;cursor:pointer}.rechargeUploadBox input{display:none}.rechargeUploadBox i{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#13b8d7,#20d39b);position:relative}.rechargeUploadBox i::before{content:"";position:absolute;left:13px;top:10px;width:16px;height:20px;border-radius:3px;background:#fff}.rechargeUploadBox b{font-size:14px}.rechargeUploadBox span{font-size:12px;color:#64748b}
.rechargeMiniRecord{display:grid;grid-template-columns:68px 1fr 84px;align-items:center;gap:8px;border-top:1px solid #eef2f7;padding:10px 0}.rechargeMiniRecord b{color:#0f766e;font-size:12px}.rechargeMiniRecord span{color:#334155;font-size:12px}.rechargeMiniRecord em{font-style:normal;color:#94a3b8;font-size:11px;text-align:right}
.yxBalancePage{background:#edf4fb!important;background-image:none!important;padding-bottom:28px!important}.balanceRecordPanel{padding:6px 12px}.balanceRecord{display:grid;grid-template-columns:1fr auto 58px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eef2f7}.balanceRecord:last-child{border-bottom:0}.balanceRecord b{display:block;color:#0f172a;font-size:14px}.balanceRecord span,.balanceRecord em{display:block;margin-top:4px;color:#64748b;font-size:12px;font-style:normal}.balanceRecord strong{font-size:15px}.balanceRecord strong.plus{color:#0f9f6e}.balanceRecord strong.minus{color:#dc2626}.balanceRecord i{height:24px;border-radius:12px;background:#eef6ff;color:#2563eb;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}
.manualPayAdminCard{margin-top:14px}.manualPayPreview{margin-top:12px;display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;border:1px solid #e5edf6;background:#f8fbff;border-radius:12px;padding:10px;max-width:520px}.manualPayPreview img{width:76px;height:76px;border-radius:10px;object-fit:cover;background:#fff}.manualPayPreview b{display:block;color:#172033}.manualPayPreview span{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.45}.financeRechargeCard{margin-top:14px}.financeRechargeTable{min-width:820px}.financeRechargeTable td{vertical-align:middle}.status.s-pending{background:#fff7d6;color:#b7791f}.status.s-approved{background:#dcfce7;color:#15803d}.status.s-rejected{background:#fee2e2;color:#b91c1c}
@media(max-width:380px){.manualPayPanel{grid-template-columns:1fr 96px}.manualPayPanel img{width:96px;height:96px}.manualProofPanel{grid-template-columns:1fr}.rechargeMiniRecord{grid-template-columns:58px 1fr}.rechargeMiniRecord em{grid-column:2;text-align:left}.balanceRecord{grid-template-columns:1fr auto}.balanceRecord i{grid-column:1/-1;justify-self:start}}

/* 20260706 recharge modal and profile polish */
.clubSwitch{display:none!important}
.profileUser{grid-template-columns:68px 1fr!important}
.profilePromo{gap:10px!important}
.profilePromo .profileActionCard{height:84px!important;border-radius:15px!important;padding:12px 10px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 12px!important;gap:8px!important;align-items:center!important;box-shadow:0 10px 24px #10182812!important;border:1px solid #ffffffc8!important}
.profilePromo .profileActionCard div{min-width:0!important}
.profilePromo .profileActionCard b{font-size:16px!important;line-height:1.1!important;color:#102033!important;white-space:nowrap!important;letter-spacing:0!important}
.profilePromo .profileActionCard span{margin-top:6px!important;color:#617085!important;line-height:1.28!important;font-size:11px!important}
.profilePromo .serviceBtn{background:linear-gradient(135deg,#fff7fb 0,#f2f8ff 100%)!important}
.profilePromo .rankBtn{background:linear-gradient(135deg,#fffdf3 0,#effaf6 100%)!important}
.profilePromo .profileActionCard>i{position:static!important;width:12px!important;height:18px!important;border:0!important;border-radius:0!important;background:transparent!important}
.profilePromo .profileActionCard>i::before{content:"";display:block;width:8px;height:8px;border-top:2px solid #8a96a8;border-right:2px solid #8a96a8;transform:rotate(45deg);margin-top:5px}
.promoIcon{width:38px;height:38px;border-radius:13px;display:block;position:relative;box-shadow:inset 0 -7px 12px #00000012}
.serviceIcon{background:linear-gradient(135deg,#7c5cff,#20c8ff)}
.serviceIcon::before{content:"";position:absolute;left:8px;top:11px;width:22px;height:16px;border-radius:10px;background:#fff}
.serviceIcon::after{content:"";position:absolute;left:12px;top:17px;width:4px;height:4px;border-radius:50%;background:#7c5cff;box-shadow:7px 0 0 #20aef0,14px 0 0 #7c5cff}
.rankIcon{background:linear-gradient(135deg,#ffd76f,#23d2a4)}
.rankIcon::before{content:"";position:absolute;left:9px;bottom:10px;width:5px;height:13px;border-radius:4px;background:#fff;box-shadow:8px -7px 0 #fff,16px -3px 0 #fff}
.rankIcon::after{content:"";position:absolute;right:8px;top:7px;width:8px;height:8px;border-radius:50%;background:#fff4}
.rechargeModalBox{width:min(390px,94vw);max-height:88vh;overflow:auto;border-radius:22px;background:#f4f8fb;color:#102033;box-shadow:0 30px 90px #000b;position:relative;padding:12px 12px 86px}
.rechargeModalClose{position:absolute;right:14px;top:12px;z-index:3;width:30px;height:30px;border:0;border-radius:50%;background:#ffffffd9;color:#102033;font-size:24px;line-height:26px;box-shadow:0 6px 16px #10203318}
.rechargeModalHead{border-radius:18px;background:linear-gradient(135deg,#122238 0,#0d7b8c 55%,#20d39b 100%);color:#fff;padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;overflow:hidden;position:relative}
.rechargeModalHead::after{content:"";position:absolute;right:-34px;top:-46px;width:132px;height:132px;border:24px solid #ffffff24;border-radius:50%}
.rechargeModalHead div,.rechargeModalHead button{position:relative;z-index:1}.rechargeModalHead span{display:block;color:#c8fff4;font-size:12px}.rechargeModalHead b{display:block;margin-top:8px;font-size:34px;line-height:1}.rechargeModalHead em{font-style:normal;font-size:13px;font-weight:900}.rechargeModalHead button{height:32px;border:1px solid #ffffff70;background:#ffffff18;color:#fff;border-radius:16px;padding:0 12px;font-weight:900}
.rechargeModalSection,.rechargeModalPay,.rechargeModalForm,.rechargeModalRecent{margin-top:10px;border-radius:16px;background:#fff;padding:12px;box-shadow:0 10px 24px #12304710}
.rechargeModalTitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.rechargeModalTitle b{font-size:15px}.rechargeModalTitle span{font-size:11px;color:#7b8797}
.rechargeModalGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rechargeModalGrid button{height:82px;border:1px solid #dce6f1;border-radius:14px;background:#f8fbff;color:#102033;text-align:left;padding:10px;position:relative}.rechargeModalGrid button.active{border-color:#20bfd4;background:linear-gradient(180deg,#effdff,#fff);box-shadow:0 0 0 2px #20bfd422}.rechargeModalGrid button.active::after{content:"";position:absolute;right:9px;top:9px;width:16px;height:16px;border-radius:50%;background:#20bfd4;box-shadow:inset 0 0 0 5px #fff}.rechargeModalGrid b{display:block;font-size:20px;line-height:1}.rechargeModalGrid small{font-size:12px;margin-left:2px;color:#7b8797}.rechargeModalGrid span{display:block;margin-top:10px;font-weight:900}.rechargeModalGrid em{display:block;margin-top:4px;font-style:normal;font-size:11px;color:#16a37b}
.rechargeModalPay{display:grid;grid-template-columns:1fr 104px;gap:12px;align-items:center}.rechargeModalPay h3{margin:0;font-size:17px}.rechargeModalPay p{margin:7px 0 0;color:#0f766e;font-weight:900}.rechargeModalPay span{display:block;margin-top:7px;color:#64748b;font-size:12px;line-height:1.45}.rechargeModalPay img{width:104px;height:104px;border-radius:14px;object-fit:cover;border:1px solid #e2e8f0;background:#f8fafc}
.rechargeModalForm{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rechargeModalForm .field{margin:0}.rechargeModalForm label{font-size:12px;color:#334155;font-weight:900}.rechargeModalForm input{height:38px;border:1px solid #dce6f1;border-radius:10px;background:#f8fafc;color:#102033}
.rechargeModalUpload{grid-column:1/-1;min-height:62px;border:1px dashed #8ec6d6;border-radius:14px;background:#f7fcff;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;gap:1px 9px;align-items:center;padding:10px;cursor:pointer}.rechargeModalUpload input{display:none}.rechargeModalUpload i{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#20bfd4,#20d39b);position:relative}.rechargeModalUpload i::before{content:"";position:absolute;left:12px;top:9px;width:14px;height:18px;border-radius:3px;background:#fff}.rechargeModalUpload b{font-size:14px}.rechargeModalUpload span{font-size:12px;color:#64748b}
.rechargeModalRecent h3{margin:0 0 4px;font-size:14px}.rechargeModalRecord{display:grid;grid-template-columns:62px 1fr 72px;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #eef2f7}.rechargeModalRecord b{color:#0f766e;font-size:12px}.rechargeModalRecord span{font-size:12px;color:#334155}.rechargeModalRecord em{font-size:11px;color:#94a3b8;font-style:normal;text-align:right}
.rechargeModalFoot{position:absolute;left:0;right:0;bottom:0;height:74px;background:#ffffffef;border-top:1px solid #dce6f1;backdrop-filter:blur(14px);display:grid;grid-template-columns:1fr 148px;gap:12px;align-items:center;padding:10px 14px 14px;border-radius:0 0 22px 22px}.rechargeModalFoot span{display:block;font-size:11px;color:#64748b}.rechargeModalFoot b{display:block;margin-top:4px;font-size:18px}.rechargeModalFoot button{height:46px;border:0;border-radius:23px;background:linear-gradient(135deg,#13b8d7,#20d39b);color:#fff;font-weight:900;font-size:15px}
@media(max-width:380px){.profilePromo{gap:8px!important}.profilePromo .profileActionCard{grid-template-columns:36px minmax(0,1fr) 10px!important;height:82px!important;padding:11px 9px!important;gap:7px!important}.profilePromo .profileActionCard b{font-size:15px!important}.profilePromo .profileActionCard span{font-size:10.5px!important}.promoIcon{width:36px;height:36px}.rechargeModalBox{width:94vw;padding-left:10px;padding-right:10px}.rechargeModalHead b{font-size:30px}.rechargeModalGrid button{height:78px}.rechargeModalPay{grid-template-columns:1fr 90px}.rechargeModalPay img{width:90px;height:90px}.rechargeModalForm{grid-template-columns:1fr}.rechargeModalFoot{grid-template-columns:1fr 126px}}

/* 20260706 real name verify */
.realNamePage{min-height:100vh;background:#f2f6fb;color:#102033;padding-bottom:34px}.realNameTop{height:48px;background:#0b1525;color:#fff;display:grid;grid-template-columns:48px 1fr 76px;align-items:center;text-align:center;position:sticky;top:0;z-index:10;border-bottom:1px solid #1f3148}.realNameTop button{border:0;background:transparent;color:#fff;font-size:28px;line-height:1}.realNameTop b{font-size:16px}.realStatus{justify-self:center;border-radius:13px;padding:5px 9px;background:#1f2f46;color:#b9c8dc;font-size:11px;font-weight:900}.realStatus.pending{background:#fff5d6;color:#b7791f}.realStatus.verified{background:#dcfce7;color:#15803d}.realStatus.rejected{background:#fee2e2;color:#b91c1c}
.realHero{margin:14px 14px 0;border-radius:18px;background:linear-gradient(135deg,#10233d,#156d75 58%,#29c29b);color:#fff;padding:18px;display:grid;grid-template-columns:1fr 86px;gap:12px;align-items:center;box-shadow:0 16px 32px #12304724;overflow:hidden;position:relative}.realHero span{font-size:10px;color:#b7fff0;font-weight:900;letter-spacing:.08em}.realHero h1{margin:8px 0 8px;font-size:25px;letter-spacing:0}.realHero p{margin:0;color:#e7fffb;font-size:12px;line-height:1.55}.realHero i{width:82px;height:82px;border-radius:26px;background:linear-gradient(135deg,#ffffff40,#ffffff10);position:relative}.realHero i::before{content:"";position:absolute;left:20px;right:20px;top:16px;height:18px;border-radius:50%;background:#fff9}.realHero i::after{content:"";position:absolute;left:14px;right:14px;bottom:17px;height:28px;border-radius:18px 18px 10px 10px;background:#fff8}
.realCard{margin:12px 14px 0;border-radius:16px;background:#fff;border:1px solid #e2eaf3;box-shadow:0 10px 26px #12304710}.realProgress{padding:14px;display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;align-items:start;text-align:center}.realProgress div{display:grid;justify-items:center;gap:7px;color:#94a3b8;font-size:11px}.realProgress i{width:26px;height:26px;border-radius:50%;background:#e8eef6;color:#7b8797;display:grid;place-items:center;font-style:normal;font-weight:900}.realProgress .active i{background:#ffbf3f;color:#fff}.realProgress .done i{background:#1fc28f;color:#fff}.realProgress em{height:1px;background:#dce6f1;margin-top:13px}
.realRecord{padding:12px 14px}.realRecord b{font-size:14px}.realRecord p{margin:6px 0 0;color:#5d6b7d;font-size:12px}.realForm{padding:14px}.realForm .field{margin-top:10px!important}.realForm input[readonly]{color:#64748b;background:#f8fafc!important}.realUploadGrid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.realUploadGrid label{min-height:116px;border:1px dashed #bfccda;border-radius:14px;background:#f8fbff;display:grid;place-items:center;text-align:center;padding:12px;color:#102033;cursor:pointer}.realUploadGrid input{display:none}.realUploadGrid i{width:42px;height:30px;border-radius:8px;background:linear-gradient(135deg,#dbeafe,#c7f9ef);position:relative}.realUploadGrid i::after{content:"";position:absolute;left:8px;right:8px;bottom:7px;height:7px;border-radius:7px;background:#7da4c8}.realUploadGrid b{font-size:13px}.realUploadGrid span{font-size:11px;color:#768499;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realAgree{margin-top:12px;display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;color:#64748b;font-size:12px;line-height:1.45}.realAgree input{margin-top:2px}.realSubmit{width:100%;height:46px;margin-top:14px;border:0;border-radius:23px;background:linear-gradient(135deg,#13b8d7,#20d39b);color:#fff;font-size:15px;font-weight:900}.realTips{margin:12px 14px 0;padding:14px;border-radius:16px;background:#e8f1f9;color:#334155}.realTips b{font-size:14px}.realTips p{margin:7px 0 0;font-size:12px;line-height:1.55}
@media(max-width:380px){.realHero{grid-template-columns:1fr 70px}.realHero h1{font-size:22px}.realHero i{width:66px;height:66px;border-radius:20px}.realUploadGrid{grid-template-columns:1fr}.realNameTop{grid-template-columns:44px 1fr 70px}}

/* 20260709 admin system polish */
.layout{background:#071017!important;color:#dbe7f4}
.side{background:linear-gradient(180deg,#0c1421,#080f19)!important;border-right:1px solid #17283b!important;box-shadow:12px 0 38px #02081355}
.side .logo{height:52px!important;border-bottom:1px solid #1a2b3f!important;margin-bottom:10px!important;color:#f8fafc!important}.side .logo img{box-shadow:0 8px 18px #0005}
.nav{gap:5px!important}.nav a,.navGroup .navParent,.navGroup .navSub{border:1px solid transparent!important;color:#a9b9cc!important}.nav a:hover,.navGroup .navParent:hover,.navGroup .navSub:hover{background:#12243a!important;color:#f8fafc!important;border-color:#25425e!important}.nav a.active,.navGroup .navSub.active{background:linear-gradient(135deg,#163954,#10283d)!important;color:#fff!important;border-color:#2c6d96!important;box-shadow:inset 3px 0 0 #20d39b!important}
.main{background:radial-gradient(circle at top right,#132336 0,#071017 360px)!important}
.top{background:#0e1825cc!important;border-color:#1e344d!important;color:#f8fafc!important;backdrop-filter:blur(12px)}.top .sub{color:#8ea2b8!important}
[data-page=system]{overflow:visible!important}.adminSystemShell{display:grid;gap:14px;max-width:1240px;margin:0 auto 36px;color:#172033}.adminSystemShell .field{margin-top:0!important}.adminSystemShell .field label{color:#38506a!important;font-weight:900!important}.adminSystemShell input,.adminSystemShell textarea,.adminSystemShell select{width:100%;box-sizing:border-box;background:#f8fbff!important;border:1px solid #d9e4ef!important;color:#102033!important}.adminSystemShell textarea{min-height:68px!important;resize:vertical}
.adminSystemHero{position:relative;overflow:hidden;border:1px solid #26425e;border-radius:16px;background:linear-gradient(135deg,#0f1b2b 0,#15314a 56%,#0e766d 100%);padding:18px 20px;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px;box-shadow:0 18px 42px #02081344}.adminSystemHero::after{content:"";position:absolute;right:-38px;top:-54px;width:168px;height:168px;border-radius:50%;border:30px solid #ffffff18}.adminSystemHero>div{position:relative;z-index:1}.adminSystemHero span{display:block;color:#a7fff0;font-size:12px;font-weight:900;letter-spacing:.08em}.adminSystemHero h3{margin:7px 0 8px!important;color:#fff!important;font-size:25px!important}.adminSystemHero p{margin:0;color:#d7fff7;font-size:12px;line-height:1.55}.adminSystemStats{align-self:stretch;border:1px solid #ffffff28;border-radius:14px;background:#ffffff12;display:grid;grid-template-columns:1fr 1fr;align-content:center;text-align:center;gap:4px}.adminSystemStats b{font-size:28px;line-height:1;color:#fff}.adminSystemStats span{font-size:11px;color:#c7fff3}
.systemModule{border:1px solid #dce6f1;border-radius:16px;background:#ffffff;padding:14px;box-shadow:0 14px 34px #0614231a}.systemModuleHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.systemModuleHead b{display:block;color:#111827;font-size:16px}.systemModuleHead span{display:block;margin-top:4px;color:#708196;font-size:12px}.systemGrid{display:grid;gap:10px}.systemGrid.two{grid-template-columns:1fr 1fr}.systemGrid.invite{grid-template-columns:repeat(3,minmax(0,1fr))}.systemGrid.customer{grid-template-columns:1fr 1fr 1fr}.systemGrid.pay{grid-template-columns:170px 1fr 1fr}.systemGrid .full{grid-column:1/-1}.systemGrid .imageField{grid-column:1/-1}
.systemBannerList{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}.systemBannerCard{border:1px solid #e2ebf5;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f5f9fd);padding:12px;display:grid;grid-template-columns:154px minmax(0,1fr);gap:12px;align-items:start}.systemBannerFields{display:grid;gap:8px}.systemInline{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.systemImageField .cleanImageUploadRow{grid-template-columns:118px minmax(0,1fr)!important}.systemImageField .cleanImageUploadBox{width:118px!important;height:86px!important}.systemBannerCard .systemImageField .cleanImageUploadRow{grid-template-columns:1fr!important}.systemBannerCard .cleanImageUploadBox{width:100%!important;height:104px!important}.systemBannerCard .cleanImageUploadSide{gap:6px!important}.systemBannerCard .imagePickerBtns{display:grid;grid-template-columns:1fr 1fr!important;gap:6px}.systemBannerCard .imagePickerBtns button:last-child{grid-column:1/-1}
.systemRechargeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.systemRechargeCard{position:relative;border:1px solid #e2ebf5;border-radius:14px;background:#fbfdff;padding:12px;display:grid;grid-template-columns:34px 1fr 1fr;gap:8px;align-items:end}.rechargeCardBadge{grid-row:1/3;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#16a1d9,#20d39b);color:#fff;display:grid;place-items:center;font-weight:900}.systemRechargeCard .field{min-width:0}.systemRechargeCard button{grid-column:2/4;justify-self:start}
.cleanImagePicker{width:100%}.cleanImageUploadRow{grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important}.cleanImageUploadBox{width:92px!important;height:92px!important;border-radius:14px!important;background:#f1f6fb!important;border-color:#cbd9e8!important}.cleanImageUploadBox span{padding:4px 8px;border-radius:999px;background:#ffffffdb;color:#48607a;font-weight:900;box-shadow:0 6px 14px #10203318}.cleanImageUploadSide b{display:block;color:#142033;font-size:13px}.cleanImageUploadSide span{display:block;color:#708196;font-size:11px;line-height:1.45}.imagePickerBtns{display:flex;gap:7px;flex-wrap:wrap}.imagePickerBtns .btn{white-space:nowrap}
.cleanImageSpaceDrawer{background:#f8fbff!important}.cleanImageSpaceDrawer .drawerHead{background:#fff!important}.cleanImageSpaceDrawer .imageSpaceGrid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.cleanImageSpaceDrawer .imageSpaceGrid button{box-shadow:0 8px 20px #10203312}.cleanImageSpaceDrawer .imageSpaceGrid img{aspect-ratio:1.45/1}
.systemStickySave{position:sticky;bottom:10px;z-index:12;display:flex;justify-content:flex-end;padding:10px;border:1px solid #dce6f1;border-radius:16px;background:#ffffffdf;backdrop-filter:blur(14px);box-shadow:0 18px 42px #0614232b}.systemStickySave .btn{min-width:180px;height:42px;border-radius:12px;background:linear-gradient(135deg,#16a1d9,#20d39b)!important;color:#fff!important}
@media(max-width:900px){.adminSystemHero{grid-template-columns:1fr}.adminSystemStats{grid-template-columns:repeat(4,1fr);padding:12px}.systemGrid.two,.systemGrid.invite,.systemGrid.customer,.systemGrid.pay{grid-template-columns:1fr 1fr}.systemBannerCard{grid-template-columns:1fr}.systemRechargeCard{grid-template-columns:34px 1fr}}
@media(max-width:560px){.adminSystemShell{gap:10px}.adminSystemHero,.systemModule{border-radius:12px;padding:12px}.systemGrid.two,.systemGrid.invite,.systemGrid.customer,.systemGrid.pay{grid-template-columns:1fr}.adminSystemStats{grid-template-columns:1fr 1fr}.systemModuleHead{align-items:flex-start;flex-direction:column}.systemRechargeCard{grid-template-columns:1fr}.rechargeCardBadge{grid-row:auto}.systemRechargeCard button{grid-column:auto}.systemStickySave{bottom:6px}.systemStickySave .btn{width:100%}}

/* 20260706 boss order tabs */
.orderPageTop{height:48px;background:#0b1525;color:#fff;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;text-align:center;position:sticky;top:0;z-index:10;border-bottom:1px solid #1f3148}
.orderPageTop button{border:0;background:transparent;color:#fff;font-size:28px;line-height:1}
.orderPageTop b{font-size:16px}
.bossOrderPage{min-height:calc(100vh - 48px);padding:12px 12px 88px;background:#eef4fb;color:#102033}
.orderTabs{position:sticky;top:48px;z-index:8;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px 0 10px;background:#eef4fb}
.orderTabs button{height:50px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;color:#526173;display:grid;place-items:center;padding:6px 2px;box-shadow:0 6px 18px #1230470d}
.orderTabs button b{font-size:12px;line-height:1;white-space:nowrap}
.orderTabs button span{min-width:18px;height:18px;border-radius:9px;background:#eef2f7;color:#64748b;display:grid;place-items:center;font-size:10px;font-weight:900;padding:0 5px;box-sizing:border-box}
.orderTabs button.active{border-color:#19b8d1;background:linear-gradient(180deg,#f0fdff,#fff);color:#0f172a;box-shadow:0 0 0 2px #19b8d11f}
.orderTabs button.active span{background:#18b8d1;color:#fff}
.bossOrderList{display:grid;gap:10px}
.bossOrderCard{border:1px solid #dde7f1;border-radius:14px;background:#fff;padding:12px;box-shadow:0 10px 24px #12304712}
.orderCardHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
.orderCardHead b{display:block;max-width:100%;font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orderCardHead span{display:block;margin-top:5px;color:#8290a2;font-size:11px}
.orderCardMeta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.orderCardMeta p{margin:0;border-radius:10px;background:#f6f9fd;padding:8px 10px}
.orderCardMeta span{display:block;color:#7b8797;font-size:11px}
.orderCardMeta b{display:block;margin-top:4px;color:#142033;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orderRemark{margin:10px 0 0;color:#5d6b7d;font-size:12px;line-height:1.45}
.bossOrderCard>button{width:100%;height:38px;margin-top:11px;border:0;border-radius:19px;background:linear-gradient(135deg,#13b8d7,#20d39b);color:#fff;font-size:13px;font-weight:900}
.orderEmpty{margin-top:34px;border:1px dashed #cdd9e6;border-radius:16px;background:#fff;padding:34px 12px;text-align:center;color:#8794a6;font-size:13px}
@media(max-width:380px){.bossOrderPage{padding-left:10px;padding-right:10px}.orderTabs{gap:5px}.orderTabs button{height:46px}.orderTabs button b{font-size:11px}.orderCardMeta{grid-template-columns:1fr}}

/* 20260706 order page dark refresh */
.cleanBossApp [data-page=orders]{background:#071c31;min-height:100vh}
.cleanBossApp .orderPageTop{background:#081626;border-bottom-color:#193452}
.cleanBossApp .bossOrderPage{background:#071c31;background-image:linear-gradient(180deg,#0a223b 0,#071c31 150px);color:#eaf3ff}
.cleanBossApp .orderTabs{background:linear-gradient(180deg,#0a223b 0,#071c31 100%);padding-top:12px}
.cleanBossApp .orderTabs button{border-color:#244463;background:#102640;color:#c8d8eb;box-shadow:0 8px 20px #00000024}
.cleanBossApp .orderTabs button span{background:#1b3858;color:#a9bdd2}
.cleanBossApp .orderTabs button.active{border-color:#27d7ff;background:linear-gradient(180deg,#123957,#0d2a45);color:#fff;box-shadow:0 0 0 1px #27d7ff44 inset,0 10px 24px #03101f55}
.cleanBossApp .orderTabs button.active span{background:#13c5ea;color:#fff}
.cleanBossApp .bossOrderCard{border-color:#244463;background:#102640;box-shadow:0 12px 28px #0000002e}
.cleanBossApp .orderCardHead b{color:#fff}
.cleanBossApp .orderCardHead span{color:#8fa8c1}
.cleanBossApp .orderCardMeta p{background:#0b1d33;border:1px solid #203d5a}
.cleanBossApp .orderCardMeta span{color:#8fa8c1}
.cleanBossApp .orderCardMeta b{color:#eaf3ff}
.cleanBossApp .orderRemark{color:#b3c5d9}
.cleanBossApp .orderEmpty{border-color:#2c5275;background:#102640;color:#a9bdd2;box-shadow:0 12px 28px #00000022}

/* 20260706 player order boss profile */
.playerMyOrders{min-height:calc(100vh - 50px);padding:12px 14px 92px;background:#08111d;background-image:linear-gradient(180deg,#0e1c31 0,#08111d 180px);display:grid;align-content:start;gap:12px}
.playerOrderCard{border:1px solid #263b55;border-radius:16px;background:#101b2c;color:#eaf3ff;padding:12px;box-shadow:0 14px 30px #02081455}
.playerOrderHead{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center}
.playerOrderHead img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #2bdcff;background:#0b1525}
.playerOrderHead b{display:block;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playerOrderHead span{display:block;margin-top:4px;color:#9aacc0;font-size:12px}
.playerBossWealth{display:flex;align-items:center;gap:5px;margin-top:6px;color:#ffd56b;font-size:11px;font-style:normal;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playerBossWealth .levelGem{width:16px;height:16px;min-width:16px;border-radius:5px}
.grabBossHead{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #263b55}
.grabBossHead img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #2bdcff;background:#0b1525}
.grabBossHead b{display:block;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grabBossHead span{display:block;margin-top:4px;color:#9aacc0;font-size:12px}
.grabInfoGrid{grid-template-columns:1fr 1fr;gap:8px!important}
.grabInfoGrid p{grid-template-columns:1fr!important;border:1px solid #20364f;border-radius:10px;background:#081421;padding:8px!important}
.grabInfoGrid p.wide{grid-column:1/-1}
.grabInfoGrid span{display:block!important}
.playerOrderTitle{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.playerOrderTitle b{font-size:14px;color:#f4f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playerOrderTitle strong{color:#ff5572;font-size:18px}
.playerOrderMeta{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.playerOrderMeta p{margin:0;border:1px solid #243a54;border-radius:12px;background:#0b1728;padding:8px 10px;min-width:0}
.playerOrderMeta span{display:block;color:#8ea2b8;font-size:11px}
.playerOrderMeta b{display:block;margin-top:4px;color:#eaf3ff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playerOrderMeta .wide{grid-column:1/-1}
.playerOrderActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.playerOrderActions button{height:38px;border:1px solid #315472;border-radius:19px;background:#102a42;color:#72e7ff;font-size:13px;font-weight:900}
.playerOrderActions button.primary{border:0;background:linear-gradient(135deg,#17a8ff,#20d39b);color:#fff}
.playerOrderActions button:only-child{grid-column:1/-1}
.playerOrderEmpty{margin-top:18px}
@media(max-width:380px){.playerMyOrders{padding-left:10px;padding-right:10px}.playerOrderMeta,.grabInfoGrid{grid-template-columns:1fr}.playerOrderActions{grid-template-columns:1fr}.playerOrderHead{grid-template-columns:42px minmax(0,1fr) auto}.playerOrderHead img,.grabBossHead img{width:42px;height:42px}.grabBossHead{grid-template-columns:42px minmax(0,1fr)}}

/* 20260706 boss art direction refresh */
.cleanBossApp.mobile{max-width:430px;border-left:1px solid #2a1b32;border-right:1px solid #2a1b32;background:#100b17;color:#f9f5ef;box-shadow:0 0 0 1px #000,0 24px 80px #0009}
.cleanBossApp button{letter-spacing:0}
.cleanBossApp [data-page]{background:#100b17}
.cleanBossApp [data-page=home],.cleanBossApp [data-page=order],.cleanBossApp [data-page=orders],.cleanBossApp [data-page=me]{min-height:100vh;background:#100b17;background-image:linear-gradient(180deg,#2a1235 0,#151022 185px,#100b17 100%)}
.cleanBossApp .bossTop,.cleanBossApp .detailTop,.cleanBossApp .orderPageTop,.cleanBossApp .walletTop,.playerProfileTop,.realNameTop{height:50px;background:#130f18f2!important;border-bottom:1px solid #3b2a44!important;box-shadow:0 12px 28px #04020766;backdrop-filter:blur(16px)}
.cleanBossApp .bossTop b,.cleanBossApp .detailTop b,.cleanBossApp .orderPageTop b{font-size:16px;color:#fff6e8}
.cleanBossApp .bossHome{padding:14px 14px 96px;background:transparent}
.cleanBossApp .searchButton{height:42px;border:1px solid #4c394f!important;background:#1b1421!important;border-radius:14px!important;color:#cfc4d5!important;box-shadow:inset 0 0 0 1px #ffffff08,0 12px 26px #05020855}
.cleanBossApp .searchButton::before{border-color:#f3c66c!important;width:13px;height:13px}
.cleanBossApp .searchButton em{background:#f3c66c!important;color:#24130f!important;border-radius:10px!important;font-weight:900!important}
.cleanBossApp .heroBanner{height:178px;border-radius:18px!important;border:1px solid #614866!important;background:#231629!important;box-shadow:0 20px 44px #05020888;isolation:isolate}
.cleanBossApp .heroBanner::after{background:linear-gradient(90deg,#130b16f2 0,#170e1ab0 45%,#0000 100%)!important}
.cleanBossApp .heroBanner img{filter:saturate(1.1) contrast(1.04)}
.cleanBossApp .heroCopy{left:18px;top:22px;gap:7px}
.cleanBossApp .heroCopy b{font-size:30px!important;color:#ffe6a2!important;text-shadow:0 3px 0 #5b230b,0 12px 28px #000}
.cleanBossApp .heroCopy span{font-size:15px!important;color:#f9f2e6!important}
.cleanBossApp .walletEntrances{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.cleanBossApp .walletEntrances button{height:78px;border:1px solid #ffffff24!important;border-radius:16px!important;padding:13px 12px 12px 52px!important;box-shadow:0 16px 34px #05020866}
.cleanBossApp .walletEntrances button::after{right:-22px;top:18px;width:72px;height:32px;border-radius:18px;background:#ffffff1f;transform:rotate(-24deg)}
.cleanBossApp .walletEntrances i{left:12px;top:18px;width:34px;height:34px;border-radius:12px;background:#ffffff2b!important;border:1px solid #ffffff44}
.cleanBossApp .walletEntrances b{font-size:17px!important}
.cleanBossApp .walletEntrances span{margin-top:5px;font-size:11.5px;color:#fff8ea}
.cleanBossApp .walletEntrances .rechargeEntry{background:linear-gradient(135deg,#7d4cff 0,#db4f88 56%,#ffb84f 100%)!important}
.cleanBossApp .walletEntrances .inviteEntry{background:linear-gradient(135deg,#169f8f 0,#2e73db 58%,#8d5cff 100%)!important}
.cleanBossApp .noticeBar{min-height:42px;margin-top:13px;border:1px solid #4a394f!important;background:#1a1320!important;border-radius:13px!important;padding:9px 12px;box-shadow:0 12px 26px #05020838}
.cleanBossApp .noticeBar b{color:#ffc15d!important}
.cleanBossApp .noticeBar span{color:#d8ccd8!important}
.cleanBossApp .listHead{margin-top:16px;color:#fff6e8}
.cleanBossApp .listHead b::before{background:#ffc15d!important}
.cleanBossApp .listHead button{height:30px;padding:0 10px;border:1px solid #5a465b!important;border-radius:15px;background:#211727!important;color:#f1d99c!important}
.cleanBossApp .homeProductGrid{grid-template-columns:1fr 1fr;gap:11px}
.cleanBossApp .miniProductCard{background:#1a1320!important;border:1px solid #4b384f!important;border-radius:16px!important;padding:8px!important;box-shadow:0 16px 34px #05020866;overflow:hidden;transition:transform .16s ease,border-color .16s ease}
.cleanBossApp .miniProductCard:active,.cleanBossApp .searchResultItem:active,.cleanBossApp .rankItem:active{transform:scale(.985)}
.cleanBossApp .thumbWrap{height:112px;border-radius:13px!important;background:#261a2d!important}
.cleanBossApp .thumbWrap span{right:7px;top:7px;border:0!important;border-radius:11px!important;background:#130f18cc!important;color:#ffe09b!important;padding:4px 8px;font-weight:900}
.cleanBossApp .miniProductCard b{margin-top:8px;color:#fff8ea;font-size:13px}
.cleanBossApp .miniProductCard p{height:33px;color:#b9adbf!important;line-height:1.4}
.cleanBossApp .cardFoot strong{color:#ffcf69!important;font-size:16px}
.cleanBossApp .cardFoot button{height:28px;border:0!important;border-radius:14px!important;background:#fff0d0!important;color:#321b16!important;font-weight:900}
.cleanBossApp .bossBottom{grid-template-columns:repeat(5,1fr)!important;width:min(430px,100%)!important;min-height:68px!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#130f18f2!important;border-top:1px solid #3b2a44!important;box-shadow:0 -16px 34px #05020899;backdrop-filter:blur(18px)}
.cleanBossApp .bottom a{height:56px;border-radius:16px;color:#a99eb0!important;gap:4px!important;padding:7px 3px!important}
.cleanBossApp .bottom a.active{background:linear-gradient(180deg,#2b2033,#1d1624)!important;color:#ffd46f!important;box-shadow:inset 0 0 0 1px #5a465b}
.cleanBossApp .bottom a.active .navIcon{filter:drop-shadow(0 5px 10px #ffc15d55)}
.cleanBossApp .bottom a span{font-weight:800}
.cleanBossApp .rankHome{padding:14px 14px 96px;background:#100b17!important;background-image:linear-gradient(180deg,#2f153c 0,#151022 220px,#100b17 100%)!important}
.cleanBossApp .rankHero{min-height:150px;border:1px solid #634763!important;border-radius:20px!important;padding:20px 18px;background:linear-gradient(135deg,#3b1b47 0,#7b2f63 55%,#f0a33b 100%)!important;box-shadow:0 20px 44px #05020888}
.cleanBossApp .rankHero::before{right:-34px;top:16px;width:160px;height:40px;border-radius:24px;background:#ffffff20;transform:rotate(-22deg)}
.cleanBossApp .rankHero::after{right:18px;bottom:12px;color:#ffffff22}
.cleanBossApp .rankHero h1{font-size:34px!important;color:#fff8ea}
.cleanBossApp .rankHero p{color:#f4e1da!important}
.cleanBossApp .rankHero button{height:36px;border:0!important;background:#fff1d6!important;color:#321b16!important;box-shadow:0 10px 22px #4d1c1166}
.cleanBossApp .rankSummary{margin-top:12px;gap:9px}
.cleanBossApp .rankSummary div{height:66px;border:1px solid #4b384f!important;border-radius:16px!important;background:#1a1320!important;box-shadow:0 14px 28px #05020855}
.cleanBossApp .rankSummary b{color:#ffd46f!important}
.cleanBossApp .rankBlock{border:1px solid #4b384f!important;background:#1a1320!important;border-radius:18px!important;box-shadow:0 18px 34px #05020866}
.cleanBossApp .rankBlockHead b{color:#fff8ea}
.cleanBossApp .rankTabs{background:#120d16!important;border:1px solid #3a2d40!important;border-radius:14px!important;padding:3px!important}
.cleanBossApp .rankTabs button{height:24px;border-radius:11px!important;color:#a99eb0!important}
.cleanBossApp .rankTabs button.active{background:#ffd46f!important;color:#261612!important}
.cleanBossApp .rankItem{border-top-color:#34273a!important}
.cleanBossApp .rankItem i{background:#241a2a!important;color:#ffd46f!important;border-radius:12px}
.cleanBossApp .rankItem img{border:2px solid #5a465b!important}
.cleanBossApp .profilePage{background:#100b17!important;background-image:linear-gradient(155deg,#522b83 0,#2d1842 120px,#151022 275px,#100b17 100%)!important;padding:0 14px 98px!important;color:#fff8ea!important}
.cleanBossApp .profileHero{padding:44px 0 10px!important}
.cleanBossApp .profileHero::after{display:none!important}
.cleanBossApp .profileUser{grid-template-columns:64px minmax(0,1fr)!important;gap:11px!important;align-items:center}
.cleanBossApp .profileUser img{width:64px!important;height:64px!important;border:2px solid #ffd46f!important;box-shadow:0 12px 24px #05020877}
.cleanBossApp .profileUser h2{font-size:18px!important;color:#fff8ea!important;line-height:1.25!important}
.cleanBossApp .profileUser p{color:#e2d7e1!important}
.cleanBossApp .bossLevelBadge{background:#fff1d6!important;color:#321b16!important;border:0!important}
.cleanBossApp .profileStats{margin-top:16px;border:1px solid #ffffff1d;border-radius:16px;background:#1a132099!important;box-shadow:0 14px 30px #05020855}
.cleanBossApp .profileStats div{border-color:#ffffff18!important}
.cleanBossApp .profileStats b{color:#ffd46f!important}
.cleanBossApp .profileStats span{color:#e2d7e1!important}
.cleanBossApp .profileCard{border:1px solid #4b384f!important;background:#1a1320!important;border-radius:17px!important;box-shadow:0 16px 34px #05020866!important}
.cleanBossApp .bossLevelCard{padding:13px!important;grid-template-columns:54px minmax(0,1fr) 72px!important}
.cleanBossApp .levelInfo b{color:#fff8ea!important}
.cleanBossApp .levelInfo span{color:#cdbfd0!important}
.cleanBossApp .levelInfo em{background:#100b17!important}
.cleanBossApp .levelInfo em i{background:linear-gradient(90deg,#ffd46f,#e76188)!important}
.cleanBossApp .bossLevelCard button{height:30px;border:1px solid #ffd46f99!important;background:#2a1d25!important;color:#ffd46f!important;border-radius:15px!important}
.cleanBossApp .profileRecharge{min-height:86px;border:0!important;background:linear-gradient(135deg,#7d4cff 0,#d94887 58%,#f4aa40 100%)!important;box-shadow:0 18px 36px #4f173666!important}
.cleanBossApp .profileRecharge::after{display:none!important}
.cleanBossApp .profileRecharge b{font-size:24px!important;color:#fff!important}
.cleanBossApp .profileRecharge span{color:#fff5e4!important}
.cleanBossApp .profileRecharge button{background:#fff1d6!important;color:#321b16!important;border:0!important}
.cleanBossApp .profilePromo .profileActionCard{height:86px!important;border:1px solid #4b384f!important;background:#1a1320!important;border-radius:17px!important;box-shadow:0 16px 34px #05020866!important}
.cleanBossApp .profilePromo .profileActionCard b{color:#fff8ea!important}
.cleanBossApp .profilePromo .profileActionCard span{color:#cdbfd0!important}
.cleanBossApp .profileSection{padding:13px!important}
.cleanBossApp .profileTitle{color:#fff8ea!important}
.cleanBossApp .serviceGrid,.cleanBossApp .orderStats{gap:8px!important}
.cleanBossApp .serviceGrid button,.cleanBossApp .orderStats button,.cleanBossApp .profileMenuGrid button{border:1px solid #3f3045!important;background:#211727!important;border-radius:15px!important;color:#f8efe6!important;box-shadow:inset 0 0 0 1px #ffffff05}
.cleanBossApp .roundIcon,.cleanBossApp .squareIcon{background:linear-gradient(135deg,#ffd46f,#e76188)!important;color:#24130f!important}
.cleanBossApp .openSkill{display:none!important}
.cleanBossApp .clubHint{display:none!important}
.cleanBossApp .profileMenuGrid{gap:9px!important}
.cleanBossApp .profileMenuGrid button{height:88px!important}
.cleanBossApp .detailScroll{background:#100b17!important;background-image:linear-gradient(180deg,#24132f 0,#100b17 260px)!important;padding:0 14px 96px!important}
.cleanBossApp .detailPosterWrap{border-color:#5a465b!important;background:#1a1320!important;border-radius:18px!important;box-shadow:0 16px 34px #05020877}
.cleanBossApp .detailPosterWrap span{background:linear-gradient(180deg,#0000,#130f18dd)!important;color:#fff1d6!important}
.cleanBossApp .detailPanel{border:1px solid #4b384f!important;background:#1a1320!important;border-radius:18px!important;box-shadow:0 16px 34px #05020866}
.cleanBossApp .productIntro h1{color:#ffd46f!important;font-size:30px!important}
.cleanBossApp .productIntro h2{color:#fff8ea!important}
.cleanBossApp .productIntro p{color:#cdbfd0!important}
.cleanBossApp .detailShareBtn{background:#2a1d25!important;box-shadow:0 10px 22px #05020866}
.cleanBossApp .detailShareBtn::before,.cleanBossApp .detailShareBtn::after,.cleanBossApp .detailShareBtn i,.cleanBossApp .detailShareBtn span,.cleanBossApp .detailShareBtn em{background:#ffd46f!important;box-shadow:0 0 0 1px #ffd46f!important}
.cleanBossApp .orderLine label,.cleanBossApp .detailField label{color:#ffd46f!important}
.cleanBossApp .pillSegment button,.cleanBossApp .detailSpecGrid button{border:1px solid #4b384f!important;background:#211727!important;color:#f8efe6!important;border-radius:13px!important}
.cleanBossApp .pillSegment button.active,.cleanBossApp .detailSpecGrid button.active{background:linear-gradient(135deg,#513061,#2a1d25)!important;border-color:#ffd46f!important;box-shadow:inset 0 0 0 1px #ffd46f55,0 10px 20px #05020844!important}
.cleanBossApp .platformPick img{border-radius:8px!important}
.cleanBossApp .detailSpecGrid span{color:#ffd46f!important}
.cleanBossApp .qtyStepper{border-color:#4b384f!important;border-radius:13px!important;background:#100b17!important}
.cleanBossApp .qtyStepper button{background:#2a1d25!important;color:#ffd46f!important}
.cleanBossApp .qtyStepper b{background:#17111c!important;color:#fff8ea!important}
.cleanBossApp .couponRow button{border-color:#4b384f!important;background:#211727!important;color:#ffd46f!important}
.cleanBossApp .detailField input,.cleanBossApp .detailField textarea{border-color:#4b384f!important;background:#120d16!important;color:#fff8ea!important;border-radius:13px!important}
.cleanBossApp .noticePanel h3{font-size:18px!important;text-decoration:none!important;color:#fff8ea!important}
.cleanBossApp .noticePanel p{color:#cdbfd0!important;font-size:13px!important}
.cleanBossApp .detailBottomBar{height:74px;background:#130f18f2!important;border-top:1px solid #3b2a44!important;box-shadow:0 -16px 34px #05020899}
.cleanBossApp .disabledPay{border-radius:18px 0 0 18px!important;background:#2a1d25!important;color:#a99eb0!important}
.cleanBossApp .primaryPay{border-radius:0 18px 18px 0!important;background:linear-gradient(135deg,#f6bd5d,#e76188)!important;color:#2b1412!important}
.cleanBossApp .primaryPay span{color:#2b1412!important}
.cleanBossApp .searchPage{background:#100b17!important;background-image:linear-gradient(180deg,#2a1235 0,#100b17 240px)!important;color:#fff8ea}
.cleanBossApp .searchInputWrap{height:42px;border:1px solid #4b384f!important;background:#1a1320!important;border-radius:14px!important}
.cleanBossApp .searchInputWrap button{background:#ffd46f!important;color:#24130f!important}
.cleanBossApp .quickSearch button{border-color:#4b384f!important;background:#211727!important;color:#f8efe6!important;border-radius:14px!important}
.cleanBossApp .searchResultItem{border:1px solid #4b384f!important;background:#1a1320!important;border-radius:18px!important;box-shadow:0 16px 34px #05020866}
.cleanBossApp .searchResultItem img{border-radius:14px!important}
.cleanBossApp .searchResultItem h3{color:#fff8ea}
.cleanBossApp .searchResultItem p{color:#cdbfd0!important}
.cleanBossApp .searchResultItem strong{color:#ffd46f!important}
.cleanBossApp .searchResultItem button{border:0!important;background:#fff1d6!important;color:#321b16!important;border-radius:14px!important}
.cleanBossApp .menuPageTop{background:#130f18f2!important;border-bottom:1px solid #3b2a44!important}
.cleanBossApp .menuTip{height:44px;background:#1a1320!important;border-bottom:1px solid #3b2a44!important;color:#cdbfd0!important;padding:0 16px!important}
.cleanBossApp .menuPage{background:#100b17!important}
.cleanBossApp .menuPage aside{background:#15101a!important;border-right:1px solid #3b2a44}
.cleanBossApp .menuPage aside button{color:#b8abbc!important}
.cleanBossApp .menuPage aside button.active{background:#211727!important;color:#ffd46f!important}
.cleanBossApp .menuPage aside button.active::before{background:#ffd46f!important}
.cleanBossApp .menuPage main{background:#100b17!important}
.cleanBossApp .menuItem{border:1px solid #4b384f!important;background:#1a1320!important;border-radius:18px!important;box-shadow:0 16px 34px #05020855}
.cleanBossApp .menuItem h3{color:#fff8ea!important}
.cleanBossApp .menuItem p{color:#cdbfd0!important}
.cleanBossApp .menuItem strong{color:#ffd46f!important}
.cleanBossApp .menuItem button{background:#ffd46f!important;color:#24130f!important}
.cleanBossApp .orderPageTop{background:#130f18f2!important}
.cleanBossApp .bossOrderPage{background:#100b17!important;background-image:linear-gradient(180deg,#2a1235 0,#100b17 200px)!important;color:#fff8ea!important}
.cleanBossApp .orderTabs{background:linear-gradient(180deg,#2a1235 0,#151022 100%)!important}
.cleanBossApp .orderTabs button{border-color:#4b384f!important;background:#1a1320!important;color:#cdbfd0!important;border-radius:14px!important;box-shadow:0 10px 22px #05020855!important}
.cleanBossApp .orderTabs button span{background:#2a1d25!important;color:#cdbfd0!important}
.cleanBossApp .orderTabs button.active{border-color:#ffd46f!important;background:#2a1d25!important;color:#fff8ea!important}
.cleanBossApp .orderTabs button.active span{background:#ffd46f!important;color:#24130f!important}
.cleanBossApp .bossOrderCard{border:1px solid #4b384f!important;background:#1a1320!important;border-radius:18px!important;box-shadow:0 16px 34px #05020866!important}
.cleanBossApp .orderCardHead b{color:#fff8ea!important}
.cleanBossApp .orderCardHead span{color:#b9adbf!important}
.cleanBossApp .orderCardMeta p{border:1px solid #3f3045!important;background:#120d16!important;border-radius:14px!important}
.cleanBossApp .orderCardMeta span{color:#a99eb0!important}
.cleanBossApp .orderCardMeta b{color:#fff8ea!important}
.cleanBossApp .orderRemark{color:#cdbfd0!important}
.cleanBossApp .bossOrderCard>button{height:40px;border-radius:20px!important;background:#fff1d6!important;color:#321b16!important}
.cleanBossApp .orderEmpty{border:1px dashed #5a465b!important;background:#1a1320!important;color:#cdbfd0!important;border-radius:18px!important}
.cleanBossApp .payMethodBox{background:#19131f!important;border:1px solid #4b384f!important;border-radius:22px!important;color:#fff8ea!important;box-shadow:0 28px 80px #000b!important}
.cleanBossApp .payMethodBox h2{color:#fff8ea!important}
.cleanBossApp .payMethodCard{border-color:#4b384f!important;background:#231827!important;border-radius:18px!important}
.cleanBossApp .payMethodCard.active{background:#312039!important;border-color:#ffd46f!important;box-shadow:inset 0 0 0 1px #ffd46f55!important}
.cleanBossApp .payMethodCard strong{color:#ffd46f!important}
.cleanBossApp .paySubmit{background:linear-gradient(135deg,#f6bd5d,#e76188)!important;color:#2b1412!important;border-radius:18px!important}
.cleanBossApp .rechargeModalBox,.cleanBossApp .inviteModalBox{background:#f8f2e8!important;border:1px solid #fff8ea;border-radius:22px!important;color:#241a22!important}
.cleanBossApp .rechargeModalHead{background:linear-gradient(135deg,#3b1b47 0,#9e3f70 58%,#f0a33b 100%)!important;border-radius:18px!important}
.cleanBossApp .rechargeModalSection,.cleanBossApp .rechargeModalPay,.cleanBossApp .rechargeModalForm,.cleanBossApp .rechargeModalRecent{border:1px solid #eadfd2;background:#fffaf2!important;border-radius:16px!important}
.cleanBossApp .rechargeModalGrid button{border-color:#eadfd2!important;background:#fffaf2!important;border-radius:15px!important}
.cleanBossApp .rechargeModalGrid button.active{border-color:#e9a94d!important;box-shadow:0 0 0 2px #e9a94d2e!important}
.cleanBossApp .rechargeModalGrid button.active::after{background:#e9a94d!important}
.cleanBossApp .rechargeModalFoot button,.cleanBossApp .inviteCopyBtn{background:linear-gradient(135deg,#f6bd5d,#e76188)!important;color:#2b1412!important}
.cleanBossApp .customerServiceBox{background:linear-gradient(180deg,#fff6e8 0,#f8e2d7 45%,#eadbff 100%)!important;border:1px solid #fff6e8!important;color:#26161d!important}
.cleanBossApp .customerServiceBox::before{background:#f3c66c!important;opacity:.22!important}
.cleanBossApp .customerServiceBox h2{color:#7d3b62!important;text-shadow:2px 2px 0 #fff6e8!important}
.cleanBossApp .customerServiceBox h3{color:#9b6332!important}
.cleanBossApp .customerQr{border-color:#f1c16c!important;background:#fffaf2!important}
.drawer.show{background:#19131f!important;border-left:1px solid #4b384f!important;color:#fff8ea!important;box-shadow:-22px 0 70px #0009}
.payMethodBox{background:#19131f!important;border:1px solid #4b384f!important;border-radius:22px!important;color:#fff8ea!important;box-shadow:0 28px 80px #000b!important}
.payMethodBox h2{color:#fff8ea!important}
.payMethodCard{border-color:#4b384f!important;background:#231827!important;border-radius:18px!important}
.payMethodCard.active{background:#312039!important;border-color:#ffd46f!important;box-shadow:inset 0 0 0 1px #ffd46f55!important}
.payMethodCard strong{color:#ffd46f!important}
.paySubmit{background:linear-gradient(135deg,#f6bd5d,#e76188)!important;color:#2b1412!important;border-radius:18px!important}
.rechargeModalBox,.inviteModalBox{background:#f8f2e8!important;border:1px solid #fff8ea;border-radius:22px!important;color:#241a22!important}
.rechargeModalHead{background:linear-gradient(135deg,#3b1b47 0,#9e3f70 58%,#f0a33b 100%)!important;border-radius:18px!important}
.rechargeModalSection,.rechargeModalPay,.rechargeModalForm,.rechargeModalRecent{border:1px solid #eadfd2;background:#fffaf2!important;border-radius:16px!important}
.rechargeModalGrid button{border-color:#eadfd2!important;background:#fffaf2!important;border-radius:15px!important}
.rechargeModalGrid button.active{border-color:#e9a94d!important;box-shadow:0 0 0 2px #e9a94d2e!important}
.rechargeModalGrid button.active::after{background:#e9a94d!important}
.rechargeModalFoot button,.inviteCopyBtn{background:linear-gradient(135deg,#f6bd5d,#e76188)!important;color:#2b1412!important}
.customerServiceBox{background:linear-gradient(180deg,#fff6e8 0,#f8e2d7 45%,#eadbff 100%)!important;border:1px solid #fff6e8!important;color:#26161d!important}
.customerServiceBox::before{background:#f3c66c!important;opacity:.22!important}
.customerServiceBox h2{color:#7d3b62!important;text-shadow:2px 2px 0 #fff6e8!important}
.customerServiceBox h3{color:#9b6332!important}
.customerQr{border-color:#f1c16c!important;background:#fffaf2!important}
.toast,.toast.show{border-color:#5a465b!important;background:#1a1320!important;color:#fff8ea!important;box-shadow:0 14px 32px #05020888}
@media(max-width:380px){
  .cleanBossApp .bossHome,.cleanBossApp .rankHome,.cleanBossApp .bossOrderPage{padding-left:10px!important;padding-right:10px!important}
  .cleanBossApp .heroBanner{height:164px}
  .cleanBossApp .heroCopy b{font-size:27px!important}
  .cleanBossApp .walletEntrances button{padding-left:48px!important}
  .cleanBossApp .walletEntrances b{font-size:15px!important}
  .cleanBossApp .thumbWrap{height:102px}
  .cleanBossApp .miniProductCard p{font-size:11px}
  .cleanBossApp .profileMenuGrid{grid-template-columns:repeat(3,1fr)!important}
  .cleanBossApp .profileMenuGrid button{height:78px!important}
  .cleanBossApp .bossLevelCard{grid-template-columns:46px minmax(0,1fr)!important}
  .cleanBossApp .bossLevelCard button{grid-column:2;justify-self:start;margin-top:8px}
  .cleanBossApp .rankBlockHead{display:grid!important;gap:10px!important}
  .cleanBossApp .rankTabs{width:100%}
}

/* 20260706 player art direction refresh */
.playerApp.mobile{max-width:430px;border-left:1px solid #153140;border-right:1px solid #153140;background:#07100f;color:#f4fff8;box-shadow:0 0 0 1px #000,0 24px 80px #0009}
.playerApp [data-page]{background:#07100f}
.playerApp .playerTopBar{height:58px!important;padding:9px 14px!important;background:#081412f2!important;border-bottom:1px solid #1d3d39!important;box-shadow:0 12px 30px #0007!important;backdrop-filter:blur(16px)!important}
.playerApp .playerTopBar b{font-size:18px!important;color:#f5fff8!important}
.playerApp .playerTopBar p{color:#8fb1aa!important;font-size:12px!important;max-width:265px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playerApp .playerTopBar button{height:32px!important;border:1px solid #2dd8b899!important;background:#102420!important;color:#74ffe2!important;border-radius:16px!important;padding:0 13px!important;font-weight:1000!important;box-shadow:0 8px 18px #0005}
.playerApp .playerHall{min-height:calc(100vh - 58px);padding:14px 14px 98px!important;background:#07100f!important;background-image:linear-gradient(180deg,#12342f 0,#0b1817 215px,#07100f 100%)!important}
.playerApp .playerHeroPanel{gap:10px!important}
.playerApp .playerHeroPanel>div{min-height:104px!important;border:1px solid #24564d!important;border-radius:20px!important;background:linear-gradient(145deg,#163e38 0,#0d211e 100%)!important;padding:14px!important;box-shadow:0 18px 36px #0008!important;overflow:hidden;position:relative}
.playerApp .playerHeroPanel>div::after{content:"";position:absolute;right:-26px;top:18px;width:92px;height:34px;border-radius:18px;background:#ffffff16;transform:rotate(-24deg)}
.playerApp .playerHeroPanel span{color:#a6c9c0!important}
.playerApp .playerHeroPanel b{color:#f5fff8!important;font-size:34px!important}
.playerApp .playerHeroPanel em{color:#7affe2!important}
.playerApp .autoRefreshCard{background:linear-gradient(145deg,#24364b 0,#0d211e 100%)!important}
.playerApp .autoRefreshCard i{font-size:34px!important;color:#ffdf8a!important}
.playerApp .autoRefreshCard small{color:#d8efe9!important}
.playerApp .autoRefreshCard em{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.playerApp .playerRuleLine{margin-top:12px!important;border:1px solid #24564d!important;background:#0d1c1a!important;border-radius:16px!important;padding:11px 12px!important;box-shadow:0 12px 24px #0005}
.playerApp .playerRuleLine b{color:#ffdf8a!important}
.playerApp .playerRuleLine span{color:#c8d9d5!important}
.playerApp .playerOrderList{gap:12px!important;margin-top:12px!important}
.playerApp .grabOrderCard,.playerApp .playerOrderCard{border:1px solid #24564d!important;border-radius:20px!important;background:#0e1b1a!important;color:#f5fff8!important;padding:13px!important;box-shadow:0 18px 36px #0008!important;overflow:hidden;position:relative}
.playerApp .grabOrderCard::before,.playerApp .playerOrderCard::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2dd8b8,#ffdf8a,#66a6ff)}
.playerApp .grabBossHead{grid-template-columns:48px minmax(0,1fr)!important;gap:11px!important;margin-bottom:12px!important;padding-bottom:12px!important;border-bottom:1px solid #213b38!important}
.playerApp .grabBossHead img,.playerApp .playerOrderHead img{width:48px!important;height:48px!important;border:2px solid #2dd8b8!important;box-shadow:0 10px 18px #0006;background:#102420!important}
.playerApp .grabBossHead b,.playerApp .playerOrderHead b{color:#f5fff8!important;font-size:15px!important}
.playerApp .grabBossHead span,.playerApp .playerOrderHead span{color:#91aaa6!important}
.playerApp .playerBossWealth{color:#ffdf8a!important;background:#132823;border:1px solid #24564d;border-radius:12px;padding:3px 7px;width:max-content;max-width:100%}
.playerApp .playerBossWealth .adminGem{filter:drop-shadow(0 2px 5px #0006)}
.playerApp .grabCardTop{grid-template-columns:minmax(0,1fr) auto!important}
.playerApp .grabCardTop b,.playerApp .playerOrderTitle b{color:#f5fff8!important;font-size:16px!important}
.playerApp .grabCardTop span{color:#8fb1aa!important}
.playerApp .grabCardTop strong,.playerApp .playerOrderTitle strong{color:#ffdf8a!important;font-size:19px!important;text-shadow:0 6px 14px #0007}
.playerApp .grabInfo,.playerApp .playerOrderMeta{background:transparent!important;padding:0!important}
.playerApp .grabInfoGrid,.playerApp .playerOrderMeta{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}
.playerApp .grabInfoGrid p,.playerApp .playerOrderMeta p{border:1px solid #213b38!important;background:#091413!important;border-radius:15px!important;padding:9px 10px!important}
.playerApp .grabInfoGrid span,.playerApp .playerOrderMeta span{color:#7e9c96!important;font-size:11px!important}
.playerApp .grabInfoGrid b,.playerApp .playerOrderMeta b{color:#e9fff8!important;font-size:13px!important}
.playerApp .grabOrderCard>button{height:44px!important;border:0!important;border-radius:22px!important;background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#08201b!important;font-size:15px!important;font-weight:1000!important;box-shadow:0 14px 24px #15ddb733!important}
.playerApp .playerEmpty{min-height:190px;border:1px dashed #2b6257!important;border-radius:20px!important;background:#0d1c1a!important;color:#93aaa6!important;box-shadow:inset 0 0 0 1px #ffffff05}
.playerApp .playerEmpty b{color:#f5fff8!important}
.playerApp .playerMyOrders{min-height:calc(100vh - 58px)!important;padding:14px 14px 98px!important;background:#07100f!important;background-image:linear-gradient(180deg,#12342f 0,#07100f 210px)!important;gap:12px!important}
.playerApp .playerOrderHead{grid-template-columns:48px minmax(0,1fr) auto!important;gap:11px!important}
.playerApp .playerOrderHead .status{align-self:start}
.playerApp .playerOrderTitle{margin-top:13px!important;padding-top:12px;border-top:1px solid #213b38}
.playerApp .playerOrderActions{grid-template-columns:1fr 1fr!important;gap:8px!important}
.playerApp .playerOrderActions button{height:40px!important;border:1px solid #2b6257!important;background:#102420!important;color:#83ffe5!important;border-radius:20px!important;font-weight:1000!important}
.playerApp .playerOrderActions button.primary{border:0!important;background:linear-gradient(135deg,#31f0c7,#66a6ff)!important;color:#061715!important}
.playerApp [data-page=income]{min-height:100vh;background:#07100f!important;background-image:linear-gradient(180deg,#12342f 0,#07100f 230px)!important;padding-bottom:92px}
.playerApp [data-page=income] .cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:14px!important}
.playerApp [data-page=income] .card{border:1px solid #24564d!important;border-radius:20px!important;background:#0e1b1a!important;color:#f5fff8!important;padding:16px!important;box-shadow:0 18px 36px #0008!important}
.playerApp [data-page=income] .card h3{color:#9cc0b8!important;font-size:13px!important}
.playerApp [data-page=income] .num{color:#ffdf8a!important;font-size:24px!important}
.playerApp [data-page=income] .product{margin:0 14px!important;border:1px solid #24564d!important;border-radius:20px!important;background:#0e1b1a!important;padding:13px!important}
.playerApp [data-page=income] .btn.primary{height:44px;border-radius:22px!important;background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#08201b!important}
.playerApp [data-page=me] .profilePage{background:#07100f!important;background-image:linear-gradient(155deg,#145d52 0,#12342f 120px,#0b1817 285px,#07100f 100%)!important;padding:0 14px 98px!important;color:#f5fff8!important}
.playerApp [data-page=me] .profileHero{padding:44px 0 10px!important}
.playerApp [data-page=me] .profileUser{grid-template-columns:66px minmax(0,1fr)!important}
.playerApp [data-page=me] .profileUser img{width:66px!important;height:66px!important;border:2px solid #31f0c7!important;box-shadow:0 12px 24px #0008}
.playerApp [data-page=me] .profileUser h2{color:#f5fff8!important;font-size:18px!important}
.playerApp [data-page=me] .profileUser p{color:#c7ddd8!important}
.playerApp [data-page=me] .bossLevelBadge{background:#dcfff6!important;color:#07342d!important;border:0!important}
.playerApp [data-page=me] .profileStats{margin-top:16px;border:1px solid #ffffff22;border-radius:18px;background:#0e1b1acc!important;box-shadow:0 16px 32px #0007}
.playerApp [data-page=me] .profileStats b{color:#ffdf8a!important}
.playerApp [data-page=me] .profileStats span{color:#c7ddd8!important}
.playerApp [data-page=me] .profileCard{border:1px solid #24564d!important;background:#0e1b1a!important;border-radius:20px!important;box-shadow:0 18px 36px #0008!important}
.playerApp [data-page=me] .profileSection{padding:14px!important}
.playerApp [data-page=me] .profileTitle{color:#f5fff8!important}
.playerApp [data-page=me] .profileTitle::before{background:#31f0c7!important}
.playerApp [data-page=me] .mini{color:#a9c1bc!important;line-height:1.65!important}
.playerApp .playerServiceEntry .serviceGrid{gap:8px!important}
.playerApp .playerServiceEntry .serviceGrid button{border:1px solid #213b38!important;background:#091413!important;border-radius:16px!important;color:#eafff9!important;height:80px}
.playerApp .playerServiceEntry .roundIcon{background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#08201b!important}
.playerApp .playerOpenSkill{display:grid!important;grid-template-columns:minmax(0,1fr) 110px!important;gap:10px!important;align-items:center!important;padding:14px!important}
.playerApp .playerOpenSkill b{color:#f5fff8!important}
.playerApp .playerOpenSkill span{color:#9db9b3!important}
.playerApp .playerOpenSkill button{height:36px;border:0;border-radius:18px;background:#dcfff6;color:#07342d;font-weight:1000}
.playerApp .playerBottom{grid-template-columns:repeat(4,minmax(0,1fr))!important;height:68px!important;min-height:68px!important;padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;background:#081412f2!important;border-top:1px solid #1d3d39!important;box-shadow:0 -16px 36px #000a!important;backdrop-filter:blur(18px)!important}
.playerApp .playerBottom a{height:56px!important;border-radius:17px!important;padding:7px 3px!important;color:#87a09b!important;font-size:11px!important;gap:4px!important}
.playerApp .playerBottom a.active{background:linear-gradient(180deg,#14372f,#0d211e)!important;color:#7affe2!important;box-shadow:inset 0 0 0 1px #2b6257}
.playerApp .playerBottom .navIcon{width:30px!important;height:30px!important;background:#0d211e!important;color:#87a09b!important;border-radius:50%;box-shadow:inset 0 0 0 1px #24564d!important}
.playerApp .playerBottom a.active .navIcon{background:linear-gradient(135deg,#31f0c7,#66a6ff)!important;color:#06211d!important;box-shadow:0 10px 20px #20e0bd33!important}
.playerApp .playerBottom span{font-weight:900!important}
.playerApp .status{border-radius:12px!important;font-weight:900}

/* 20260706 boss profile audit */
.cleanBossApp .profileUser{position:relative}
.cleanBossApp .profileUser>div{padding-right:88px}
.cleanBossApp .profileEditBtn{position:absolute;right:0;top:2px;border:0;border-radius:999px;padding:7px 12px;background:linear-gradient(135deg,#ffe08a,#d49a35);color:#2c1607;font-size:12px;font-weight:900;box-shadow:0 10px 22px #0005}
.cleanBossApp .profileAuditNotice{margin:12px 0 0;padding:11px 12px;border-radius:16px;background:linear-gradient(135deg,#2a1b32,#18101f);border:1px solid #65446d;color:#fbeecf;box-shadow:0 12px 26px #06030a55}
.cleanBossApp .profileAuditNotice b{display:block;font-size:13px;margin-bottom:3px;color:#ffd56a}.cleanBossApp .profileAuditNotice span{display:block;font-size:12px;color:#d9cbd2;line-height:1.45}
.bossProfileEditBox{width:min(92vw,390px);border-radius:26px;background:#130d1a;color:#fff8ea;border:1px solid #5c3a64;box-shadow:0 28px 80px #000b;padding:18px;position:relative}
.bossProfileEditClose{position:absolute;right:14px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#2a1b32;color:#fbeecf;font-size:22px;line-height:1}
.bossProfileEditBox header{padding:6px 42px 14px 2px}.bossProfileEditBox header b{display:block;font-size:20px}.bossProfileEditBox header span{display:block;margin-top:5px;color:#cbbcc7;font-size:12px;line-height:1.45}
.bossProfileAvatarEdit{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;margin:4px 0 14px}.bossProfileAvatarEdit button{width:96px;height:108px;border:0;border-radius:22px;background:linear-gradient(180deg,#2c1c35,#17101f);box-shadow:inset 0 0 0 1px #65446d;overflow:hidden;color:#ffd56a;font-weight:900}.bossProfileAvatarEdit button img{display:block;width:72px;height:72px;margin:10px auto 4px;border-radius:50%;object-fit:cover;border:2px solid #ffd56a}.bossProfileAvatarEdit button em{font-style:normal;font-size:11px}.bossProfileAvatarEdit input{height:44px;border-radius:14px;border:1px solid #65446d;background:#0c0812;color:#fff8ea;padding:0 12px;min-width:0}
.bossProfileEditBox .field{margin:0 0 12px}.bossProfileEditBox .field label{color:#f5d88d;font-weight:900}.bossProfileEditBox .field input{height:46px;border-radius:15px;border:1px solid #65446d;background:#0c0812;color:#fff8ea}
.profileAuditMini{border-radius:14px;background:#25172d;border:1px solid #5c3a64;color:#d9cbd2;font-size:12px;line-height:1.45;padding:10px 12px;margin-bottom:12px}.bossProfileSubmit{width:100%;height:48px;border:0;border-radius:17px;background:linear-gradient(135deg,#ffe08a,#d49a35);color:#2c1607;font-weight:950;box-shadow:0 14px 28px #0006}
.adminBossUserCell{display:flex;align-items:center;gap:10px;min-width:190px}.adminBossUserCell img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #d9b873;box-shadow:0 6px 14px #0002}
.bossUserAuditTable th:nth-child(7){min-width:220px}.bossProfileAuditCell{min-width:210px}.bossProfileAuditPics{display:flex;align-items:center;gap:8px;margin-bottom:7px}.bossProfileAuditPics img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #d9b873}.bossProfileAuditPics span{color:#9aa6b2;font-weight:900}.bossProfileAuditCell b{display:block;margin-bottom:2px;color:#172033}.bossProfileAuditCell.pending{padding:8px;border-radius:14px;background:#fff9ea;border:1px solid #f0d08a}
@media(max-width:380px){.cleanBossApp .profileUser>div{padding-right:0}.cleanBossApp .profileEditBtn{top:auto;right:0;bottom:-36px}.cleanBossApp .profileAuditNotice{margin-top:44px}.bossProfileAvatarEdit{grid-template-columns:1fr}.bossProfileAvatarEdit button{margin:auto}}
.playerApp .drawer.show{background:#0d1c1a!important;border-left:1px solid #24564d!important;color:#f5fff8!important}
@media(max-width:380px){
  .playerApp .playerHall,.playerApp .playerMyOrders{padding-left:10px!important;padding-right:10px!important}
  .playerApp .playerTopBar p{max-width:220px}
  .playerApp .playerHeroPanel{grid-template-columns:1fr!important}
  .playerApp .grabInfoGrid,.playerApp .playerOrderMeta{grid-template-columns:1fr!important}
  .playerApp .playerOrderHead{grid-template-columns:44px minmax(0,1fr) auto!important}
  .playerApp .grabBossHead{grid-template-columns:44px minmax(0,1fr)!important}
  .playerApp .grabBossHead img,.playerApp .playerOrderHead img{width:44px!important;height:44px!important}
  .playerApp .playerOrderActions{grid-template-columns:1fr!important}
  .playerApp .playerOpenSkill{grid-template-columns:1fr!important}
  .playerApp [data-page=income] .cards{grid-template-columns:1fr!important;padding-left:10px!important;padding-right:10px!important}
}

/* 20260706 triple polish pass */
.bossApp.mobile{max-width:430px;background:#100b17;color:#fff8ea;border-left:1px solid #382a40;border-right:1px solid #382a40;box-shadow:0 28px 90px #000a}
.bossApp [data-page]{background:#100b17}
.bossApp .bossTop,.bossApp .walletTop,.bossApp .menuPageTop,.bossApp .playerProfileTop{height:52px!important;background:#140e1bfa!important;border-bottom:1px solid #3a2b42!important;color:#fff8ea!important;box-shadow:0 12px 30px #05020899!important;backdrop-filter:blur(16px)}
.bossApp .bossTop b,.bossApp .walletTop b,.bossApp .menuPageTop b,.bossApp .playerProfileTop b{font-size:16px!important;font-weight:950!important;color:#fff8ea!important}
.bossApp .bossHome{padding:13px 13px 98px!important;background:#100b17!important;background-image:linear-gradient(180deg,#2f153c 0,#171020 210px,#100b17 100%)!important}
.bossApp .searchBar{min-height:44px!important;border:1px solid #5a465b!important;background:#1a1320!important;border-radius:15px!important;color:#d9cbd2!important;box-shadow:0 14px 28px #05020866!important}
.bossApp .searchButton em{border-radius:12px!important;background:linear-gradient(135deg,#ffd46f,#e76188)!important;color:#2b1412!important;box-shadow:0 8px 18px #0005}
.bossApp .heroBanner{height:168px!important;border-radius:20px!important;border:1px solid #5a465b!important;box-shadow:0 22px 44px #05020888!important;background:#1a1320!important}
.bossApp .heroBanner img{filter:saturate(1.08) contrast(1.03)}
.bossApp .heroBanner::after{background:linear-gradient(90deg,#110a16e8 0,#110a1688 56%,#110a1614 100%)!important}
.bossApp .heroCopy b{font-size:28px!important;color:#ffe6a2!important;text-shadow:0 5px 18px #000!important}
.bossApp .heroCopy span{color:#fff8ea!important}
.bossApp .walletEntrances{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important}
.bossApp .walletEntrances button{height:82px!important;border:1px solid #ffffff18!important;border-radius:18px!important;padding:13px 12px 13px 54px!important;text-align:left!important;box-shadow:0 16px 32px #05020877!important;overflow:hidden}
.bossApp .walletEntrances button i{left:13px!important;width:32px!important;height:32px!important;border-radius:12px!important;background:#fff8ea22!important;color:#fff8ea!important}
.bossApp .walletEntrances b{font-size:15px!important;color:#fff!important}.bossApp .walletEntrances span{font-size:11px!important;color:#fff7!important;line-height:1.35!important}
.bossApp .noticeBar{margin-top:12px!important;border:1px solid #4b384f!important;background:#19131f!important;border-radius:16px!important;padding:11px 12px!important;box-shadow:0 14px 28px #05020855!important}
.bossApp .noticeBar b{color:#ffd46f!important}.bossApp .noticeBar span{color:#d9cbd2!important;line-height:1.45!important}
.bossApp .listHead,.bossApp .menuHead{margin:15px 0 10px!important;color:#fff8ea!important}.bossApp .listHead b,.bossApp .menuHead b{font-size:16px!important}.bossApp .listHead button{height:30px!important;border-radius:15px!important;border:1px solid #5a465b!important;background:#211727!important;color:#ffd46f!important}
.bossApp .homeProductGrid{gap:11px!important}.bossApp .miniProductCard{border:1px solid #4b384f!important;background:#1a1320!important;border-radius:18px!important;padding:9px!important;box-shadow:0 16px 32px #05020866!important}
.bossApp .thumbWrap{height:112px!important;border-radius:15px!important;background:#120d16!important}.bossApp .thumbWrap img{border-radius:15px!important}.bossApp .thumbWrap span{left:8px!important;top:8px!important;border:0!important;border-radius:12px!important;background:#fff1d6!important;color:#321b16!important;font-weight:950!important}
.bossApp .miniProductCard>b{margin-top:8px!important;color:#fff8ea!important;font-size:14px!important}.bossApp .miniProductCard p{min-height:32px!important;color:#b9adbf!important;line-height:1.45!important}.bossApp .cardFoot strong{color:#ffd46f!important}.bossApp .cardFoot button{height:30px!important;border:0!important;border-radius:15px!important;background:#fff1d6!important;color:#321b16!important;font-weight:950!important}
.bossApp .bossBottom{height:68px!important;min-height:68px!important;padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;background:#140e1bf2!important;border-top:1px solid #3a2b42!important;box-shadow:0 -18px 38px #000a!important;backdrop-filter:blur(18px)!important}
.bossApp .bossBottom a{height:56px!important;border-radius:17px!important;color:#b7a9bb!important;font-size:11px!important;font-weight:900!important}
.bossApp .bossBottom a.active{background:linear-gradient(180deg,#2a1b32,#19131f)!important;color:#ffd46f!important;box-shadow:inset 0 0 0 1px #5a465b!important}
.bossApp .bossBottom .navIcon{width:28px!important;height:28px!important;border-radius:50%!important;background:#211727!important;color:currentColor!important;box-shadow:inset 0 0 0 1px #4b384f!important}
.bossApp .bossBottom a.active .navIcon{background:linear-gradient(135deg,#ffd46f,#e76188)!important;color:#2b1412!important;box-shadow:0 10px 22px #0007!important}

.bossApp .yxBalancePage{display:block!important;min-height:calc(100vh - 52px)!important;padding:14px 14px 102px!important;background:#100b17!important;background-image:linear-gradient(180deg,#2a1235 0,#100b17 238px)!important;color:#fff8ea!important}
.bossApp .yxBalancePage .yxWalletCard{border:1px solid #65446d!important;border-radius:22px!important;background:linear-gradient(135deg,#3b1b47 0,#9e3f70 58%,#f0a33b 100%)!important;padding:18px!important;color:#fff!important;box-shadow:0 22px 48px #05020899!important;overflow:hidden;position:relative}
.bossApp .yxBalancePage .yxWalletCard::before{content:"";position:absolute;right:-42px;top:-48px;width:150px;height:150px;border-radius:50%;border:26px solid #ffffff22}
.bossApp .yxBalancePage .yxWalletCard::after{content:"YXD";position:absolute;right:16px;bottom:12px;color:#ffffff18;font-size:42px;font-weight:1000;letter-spacing:0}
.bossApp .yxBalancePage .yxWalletHead{position:relative;z-index:1}.bossApp .yxBalancePage .yxWalletHead span{color:#fff3d4!important}.bossApp .yxBalancePage .yxWalletHead b{font-size:40px!important;color:#fff!important;text-shadow:0 8px 18px #0005}.bossApp .yxBalancePage .yxWalletHead em{color:#fff6dd!important}.bossApp .yxBalancePage .yxWalletHead button{border:1px solid #fff7!important;background:#ffffff22!important;border-radius:16px!important;color:#fff!important}
.bossApp .yxBalancePage .yxWalletCard p{position:relative;z-index:1;margin-top:14px!important;color:#fff6e0!important;line-height:1.55!important}
.bossApp .balanceRecordPanel{margin-top:13px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;gap:10px!important}
.bossApp .balanceRecord{position:relative;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;grid-template-areas:"icon text amount" "icon text status"!important;gap:4px 10px!important;align-items:center!important;padding:12px!important;border:1px solid #4b384f!important;border-radius:18px!important;background:linear-gradient(180deg,#1c1422,#17101d)!important;box-shadow:0 14px 30px #05020866!important;overflow:hidden}
.bossApp .balanceRecord::before{content:"";grid-area:icon;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#ffd46f,#e76188);box-shadow:0 10px 18px #0007}
.bossApp .balanceRecord::after{content:"";position:absolute;left:25px;top:24px;width:12px;height:12px;border-radius:50%;background:#2b1412;box-shadow:0 0 0 4px #fff4}
.bossApp .balanceRecord>div{grid-area:text;min-width:0}.bossApp .balanceRecord b{display:block;color:#fff8ea!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bossApp .balanceRecord span{display:block;margin-top:5px;color:#cbbdcf!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bossApp .balanceRecord em{display:block;margin-top:4px;color:#8f8294!important;font-size:11px!important;font-style:normal!important}
.bossApp .balanceRecord strong{grid-area:amount;align-self:end;font-size:16px!important;font-weight:1000!important;white-space:nowrap}.bossApp .balanceRecord strong.plus{color:#ffdf8a!important}.bossApp .balanceRecord strong.minus{color:#ff7d9d!important}
.bossApp .balanceRecord i{grid-area:status;justify-self:end;align-self:start;padding:3px 8px;border-radius:999px;background:#fff1d6!important;color:#321b16!important;font-size:11px!important;font-style:normal!important;font-weight:950!important}
.bossApp .yxBalancePage .emptyState.compact{margin-top:0!important;border:1px dashed #5a465b!important;border-radius:18px!important;background:#19131f!important;color:#cdbfd0!important;padding:34px 10px!important}

.bossApp .profilePage{background:#100b17!important;background-image:linear-gradient(155deg,#472151 0,#24132f 140px,#100b17 330px)!important;color:#fff8ea!important;padding:0 14px 98px!important}
.bossApp .profileHero{padding-top:38px!important}.bossApp .profileUser img{border:2px solid #ffd46f!important;box-shadow:0 14px 28px #0008!important}.bossApp .profileUser h2{color:#fff8ea!important;font-size:18px!important}.bossApp .profileUser p{color:#d4c6d8!important}
.bossApp .profileStats,.bossApp .profileCard{border:1px solid #4b384f!important;background:#1a1320cc!important;border-radius:20px!important;box-shadow:0 18px 36px #05020877!important}.bossApp .profileStats b{color:#ffd46f!important}.bossApp .profileStats span{color:#cdbfd0!important}
.bossApp .bossLevelCard,.bossApp .profileRecharge,.bossApp .openSkill{border-radius:20px!important}
.bossApp .profileRecharge{grid-template-columns:44px minmax(0,1fr) 72px!important;padding:13px!important}.bossApp .profileRecharge b{font-size:16px!important;color:#fff8ea!important}.bossApp .profileRecharge button,.bossApp .profileEditBtn{background:linear-gradient(135deg,#ffd46f,#e76188)!important;color:#2b1412!important}
.bossApp .profilePromo{gap:10px!important}.bossApp .profilePromo .profileActionCard{height:86px!important;border-radius:20px!important;background:#1a1320!important;border:1px solid #4b384f!important;box-shadow:0 16px 32px #05020866!important}.bossApp .profilePromo .profileActionCard b{font-size:16px!important}.bossApp .profilePromo .profileActionCard span{font-size:12px!important;color:#cdbfd0!important}
.bossApp .serviceGrid{gap:9px!important}.bossApp .serviceGrid button,.bossApp .orderStats button,.bossApp .profileMenuGrid button{border-radius:18px!important;background:#1a1320!important;border-color:#4b384f!important;box-shadow:0 12px 26px #05020855!important}.bossApp .profileMenuGrid{gap:9px!important}.bossApp .profileMenuGrid button{height:84px!important}.bossApp .profileTitle{color:#fff8ea!important}.bossApp .profileTitle::before{background:#ffd46f!important}

.bossApp .bossOrderPage{padding:12px 12px 98px!important}.bossApp .orderTabs{top:52px!important;gap:7px!important}.bossApp .orderTabs button{height:48px!important;border-radius:16px!important}.bossApp .bossOrderCard{padding:13px!important;border-radius:20px!important}.bossApp .orderCardMeta{gap:8px!important}.bossApp .orderCardMeta p{padding:9px 10px!important}.bossApp .bossOrderCard>button{height:42px!important;border-radius:21px!important;font-weight:950!important}
.bossApp .detailScroll{padding-bottom:100px!important}.bossApp .detailPanel,.bossApp .orderPanel,.bossApp .detailPosterWrap{border-radius:20px!important}.bossApp .orderOptionGrid button,.bossApp .orderSpecGrid button{border-radius:16px!important}.bossApp .payBar{border-radius:24px 24px 0 0!important}
.bossApp .menuPage{background:#100b17!important;background-image:linear-gradient(180deg,#261230 0,#100b17 210px)!important;color:#fff8ea!important}.bossApp .menuPage aside{background:#140e1b!important;border-right:1px solid #3a2b42!important}.bossApp .menuPage aside button{border-radius:0 16px 16px 0!important;color:#cbbdcf!important}.bossApp .menuPage aside button.active{background:#2a1b32!important;color:#ffd46f!important}.bossApp .menuItem{border-radius:18px!important;border-color:#4b384f!important;background:#1a1320!important;box-shadow:0 14px 30px #05020866!important}.bossApp .menuItem button{border:0!important;background:#fff1d6!important;color:#321b16!important}
.bossApp .searchPage{background:#100b17!important;background-image:linear-gradient(180deg,#261230 0,#100b17 230px)!important}.bossApp .searchTop>button,.bossApp .searchInputWrap{border:1px solid #4b384f!important;background:#1a1320!important;border-radius:16px!important}.bossApp .searchInputWrap button{background:linear-gradient(135deg,#ffd46f,#e76188)!important;color:#2b1412!important}.bossApp .quickSearch button{border-color:#4b384f!important;background:#1a1320!important;color:#ffd46f!important;border-radius:14px!important}
.bossApp .rechargeModalBox,.bossApp .inviteModalBox,.bossApp .bossProfileEditBox,.bossApp .levelRuleBox{border-radius:24px!important;box-shadow:0 34px 90px #000c!important}.bossApp .rechargeModalSection,.bossApp .rechargeModalPay,.bossApp .rechargeModalForm,.bossApp .rechargeModalRecent{box-shadow:0 12px 28px #2b141214!important}.bossApp .rechargeModalGrid button{height:84px!important}.bossApp .rechargeModalFoot{height:76px!important}
.bossApp .customerServiceBox{border-radius:26px!important}.bossApp .playerProfilePage{background:#100b17!important;color:#fff8ea!important}.bossApp .playerInfoCard,.bossApp .playerSection,.bossApp .playerServiceCard{border:1px solid #4b384f!important;background:#1a1320!important;border-radius:20px!important;box-shadow:0 16px 32px #05020866!important}.bossApp .playerHeroImage{border-radius:0 0 24px 24px!important}

.layout{min-height:100vh!important;grid-template-columns:224px minmax(0,1fr)!important;background:#eef2f7!important;color:#172033!important}
.side{background:#121827!important;background-image:linear-gradient(180deg,#121827 0,#0d1321 100%)!important;border-right:1px solid #202a3d!important;box-shadow:12px 0 34px #0f172a18!important}
.logo{height:68px!important;padding:14px 16px!important;border-bottom:1px solid #202a3d!important}.logo img{width:38px!important;height:38px!important;border-radius:12px!important}.logo b{color:#f8fafc!important;font-size:17px!important}
.nav{padding:12px 10px!important}.nav a{height:38px!important;margin:2px 0!important;border-radius:11px!important;color:#9aa7ba!important;font-size:13px!important;font-weight:850!important;padding:0 12px!important;display:flex!important;align-items:center!important;gap:8px!important}.nav a:hover,.nav a.active{background:#1d2840!important;color:#fff!important}.nav .navSub{height:34px!important;margin-left:12px!important;font-size:12px!important;color:#8090a6!important}.navParent span{margin-left:auto!important}
.main{padding:18px 20px 28px!important;background:#eef2f7!important;background-image:radial-gradient(circle at 18% 0,#ffffff 0,#eef2f7 250px)!important}
.top{min-height:68px!important;border:1px solid #e3e8f0!important;background:#ffffffd9!important;border-radius:18px!important;padding:14px 16px!important;box-shadow:0 14px 34px #0f172a0d!important;backdrop-filter:blur(14px)!important}.top h2{margin:0!important;color:#111827!important;font-size:21px!important}.top .sub{margin-top:5px!important;color:#64748b!important;font-size:12px!important}
.layout .adminPageTitle{margin:16px 0 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.layout .adminPageTitle h3{margin:0!important;color:#142033!important;font-size:18px!important}.layout .adminPageTitle .mini{margin:5px 0 0!important;color:#64748b!important;line-height:1.55!important}
.layout .card,.layout .adminProductListCard,.layout .adminProductEditCard{border:1px solid #e3e8f0!important;background:#fff!important;border-radius:18px!important;box-shadow:0 14px 34px #0f172a0d!important;padding:14px!important;overflow:auto!important}
.layout .cards{gap:12px!important}.layout .cards .card{min-height:106px!important}.layout .card h3{color:#172033!important}.layout .num{color:#0f766e!important;font-weight:1000!important}
.layout .table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin-top:0!important;background:#fff!important;border-radius:14px!important;overflow:hidden!important}.layout .table th{height:38px!important;background:#f6f8fb!important;color:#667085!important;font-size:12px!important;font-weight:950!important;border-bottom:1px solid #e8edf4!important;white-space:nowrap!important}.layout .table td{padding:9px 10px!important;color:#263244!important;border-bottom:1px solid #eef2f7!important;font-size:12px!important;vertical-align:middle!important}.layout .table tr:hover td{background:#fbfdff!important}.layout .table tr:last-child td{border-bottom:0!important}
.layout input,.layout select,.layout textarea{border:1px solid #d8e0ea!important;background:#fbfdff!important;color:#172033!important;border-radius:10px!important;outline:none!important;box-shadow:none!important}.layout input:focus,.layout select:focus,.layout textarea:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf822!important}
.layout .field label{color:#475569!important;font-size:12px!important;font-weight:900!important}.layout .field input,.layout .field select{height:36px!important}.layout .field textarea{min-height:74px!important}
.layout .btn{height:34px!important;border:1px solid #d8e0ea!important;border-radius:11px!important;background:#fff!important;color:#334155!important;font-size:12px!important;font-weight:950!important;padding:0 12px!important;box-shadow:0 6px 16px #0f172a0a!important}.layout .btn.small{height:30px!important;padding:0 10px!important}.layout .btn.primary{border-color:#0ea5e9!important;background:linear-gradient(135deg,#0ea5e9,#22c55e)!important;color:#fff!important}.layout .btn.success{border-color:#22c55e!important;background:#ecfdf3!important;color:#15803d!important}.layout .btn.danger{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}.layout .btn.muted{background:#f8fafc!important;color:#64748b!important}
.layout .adminCompact .settingGrid,.layout .adminCompact .detailSettingGrid,.layout .adminCompact .opsSettingGrid{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))!important;gap:10px!important}.layout .adminCompact .field input,.layout .adminCompact .field select,.layout .adminCompact .field textarea{height:34px!important;font-size:12px!important}.layout .adminBlockTitle{color:#172033!important;font-size:15px!important;margin:16px 0 8px!important}
.layout .adminGameIcon,.layout .adminGoodsIcon,.layout .adminProduct img,.layout .adminProductDetail img{border-radius:12px!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 18px #0f172a14!important;object-fit:cover!important}.layout .adminPriceRange{display:inline-flex!important;align-items:center!important;min-height:26px!important;border-radius:13px!important;background:#fff7ed!important;color:#c2410c!important;padding:0 9px!important;font-weight:950!important}.layout .adminBlueText{color:#0369a1!important}.layout .status,.layout .tag{border-radius:999px!important;font-weight:950!important}
.layout .drawer.show{background:#fff!important;color:#172033!important;border-left:1px solid #e3e8f0!important;box-shadow:-22px 0 60px #0f172a22!important}

.playerApp.mobile{max-width:430px!important;background:#07100f!important;border-left:1px solid #173932!important;border-right:1px solid #173932!important;box-shadow:0 28px 90px #000b!important}
.playerApp .playerTopBar{height:60px!important;border-bottom:1px solid #24564d!important;background:#081412f5!important;padding:10px 14px!important}.playerApp .playerTopBar b{font-size:17px!important}.playerApp .playerTopBar button{height:34px!important;border-radius:17px!important;background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#08201b!important;border:0!important}
.playerApp .playerHall,.playerApp .playerMyOrders{padding:14px 14px 100px!important;background:#07100f!important;background-image:linear-gradient(180deg,#12342f 0,#081412 250px,#07100f 100%)!important}
.playerApp .playerHeroPanel{gap:10px!important}.playerApp .playerHeroPanel>div{border-radius:22px!important;padding:15px!important}.playerApp .autoRefreshCard{background:linear-gradient(145deg,#263e36,#10211f)!important}
.playerApp .playerRuleLine{border-radius:18px!important}.playerApp .grabOrderCard,.playerApp .playerOrderCard{border-radius:22px!important;padding:14px!important}.playerApp .grabBossHead,.playerApp .playerOrderHead{align-items:center!important}.playerApp .grabBossHead img,.playerApp .playerOrderHead img{border-radius:17px!important}.playerApp .playerBossWealth{margin-top:5px!important;border-radius:13px!important}
.playerApp .grabInfoGrid p,.playerApp .playerOrderMeta p{border-radius:16px!important}.playerApp .grabInfoGrid p.wide,.playerApp .playerOrderMeta p.wide{grid-column:1/-1!important}.playerApp .grabOrderCard>button,.playerApp .playerOrderActions button.primary{border-radius:22px!important;background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#08201b!important}
.playerApp [data-page=income]{background:#07100f!important;background-image:linear-gradient(180deg,#12342f 0,#07100f 240px)!important}.playerApp [data-page=income] .card{border-radius:22px!important}.playerApp [data-page=income] .product{border-radius:22px!important}
.playerApp [data-page=me] .profilePage{padding:0 14px 100px!important}.playerApp [data-page=me] .profileHero{padding-top:40px!important}.playerApp [data-page=me] .profileStats,.playerApp [data-page=me] .profileCard{border-radius:22px!important}.playerApp .playerServiceEntry .serviceGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.playerApp .playerServiceEntry .serviceGrid button{border-radius:18px!important}.playerApp .playerOpenSkill{border-radius:22px!important}
.playerApp .playerBottom{height:68px!important;min-height:68px!important}.playerApp .playerBottom a{border-radius:18px!important}.playerApp .playerEmpty{border-radius:22px!important}
@media(max-width:430px){
  .layout{display:block!important}.side{position:relative!important;width:auto!important}.main{padding:12px!important}.top{border-radius:16px!important}.layout .adminPageTitle{align-items:flex-start!important;flex-direction:column!important}.layout .row{flex-wrap:wrap!important}
}
@media(max-width:380px){
  .bossApp .bossHome,.bossApp .yxBalancePage,.bossApp .profilePage,.playerApp .playerHall,.playerApp .playerMyOrders{padding-left:10px!important;padding-right:10px!important}
  .bossApp .heroBanner{height:156px!important}.bossApp .thumbWrap{height:100px!important}.bossApp .walletEntrances button{padding-left:48px!important}.bossApp .profilePromo .profileActionCard{height:78px!important}.bossApp .serviceGrid,.bossApp .orderStats,.bossApp .profileMenuGrid{gap:7px!important}
  .bossApp .balanceRecord{grid-template-columns:34px minmax(0,1fr) auto!important;padding:11px!important}.bossApp .balanceRecord::before{width:34px;height:34px;border-radius:12px}.bossApp .balanceRecord::after{left:23px;top:22px}
  .playerApp .playerHeroPanel{grid-template-columns:1fr!important}.playerApp .playerServiceEntry .serviceGrid{grid-template-columns:1fr 1fr!important}
}

/* 20260706 boss order page recovery */
.bossApp .bossHome{background:#0f1218!important;background-image:linear-gradient(180deg,#17202a 0,#10141b 190px,#0f1218 100%)!important;padding:12px 12px 96px!important}
.bossApp .searchBar{min-height:42px!important;border-color:#313947!important;background:#171c25!important;border-radius:14px!important;box-shadow:0 10px 22px #0006!important}
.bossApp .searchButton .searchText{color:#eef3f8!important;font-size:12px!important;line-height:16px!important}
.bossApp .searchButton em{background:#fff0cf!important;color:#2b1d0c!important;border-radius:12px!important;padding:6px 11px!important;box-shadow:none!important}
.bossApp .heroBanner{height:150px!important;margin-top:10px!important;border-radius:18px!important;border-color:#343d4c!important;background:#151a22!important;box-shadow:0 16px 34px #0008!important}
.bossApp .heroBanner::after{background:linear-gradient(90deg,#090d12e8 0,#090d12a0 42%,#090d1218 100%)!important}
.bossApp .heroCopy{left:16px!important;top:20px!important;max-width:54%!important}
.bossApp .heroCopy b{font-size:25px!important;line-height:1.05!important;color:#ffe17d!important;text-shadow:0 3px 12px #000!important}
.bossApp .heroCopy span{font-size:13px!important;line-height:1.35!important;color:#f6f2e5!important;text-shadow:0 2px 8px #000!important}
.bossApp .walletEntrances{gap:9px!important;margin-top:10px!important}
.bossApp .walletEntrances button{height:72px!important;border-radius:16px!important;padding:12px 10px 12px 48px!important;background:#1a2029!important}
.bossApp .walletEntrances .rechargeEntry{background:linear-gradient(135deg,#7d4dfa 0,#f0737a 100%)!important}
.bossApp .walletEntrances .inviteEntry{background:linear-gradient(135deg,#168eaa 0,#5d6df7 100%)!important}
.bossApp .walletEntrances button i{left:12px!important;top:20px!important;width:29px!important;height:29px!important;border-radius:10px!important}
.bossApp .walletEntrances b{font-size:14px!important}.bossApp .walletEntrances span{font-size:10.5px!important;white-space:normal!important}
.bossApp .noticeBar{min-height:39px!important;margin-top:10px!important;border-radius:14px!important;border-color:#303847!important;background:#171c25!important;padding:9px 11px!important;box-shadow:none!important}
.bossApp .noticeBar b{font-size:15px!important;color:#ffe17d!important}.bossApp .noticeBar span{font-size:12px!important;color:#c9d1dc!important}
.bossApp .listHead{margin:14px 0 9px!important}.bossApp .listHead b{font-size:16px!important;color:#fff7e1!important}.bossApp .listHead b::before{background:#ffcf5a!important}.bossApp .listHead button{height:30px!important;border-color:#4b4350!important;background:#1b2029!important;color:#ffe17d!important}
.bossApp .homeProductGrid{grid-template-columns:1fr!important;gap:10px!important;margin-top:0!important}
.bossApp .miniProductCard{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;grid-template-areas:"img title" "img desc" "img foot"!important;column-gap:12px!important;row-gap:5px!important;align-items:start!important;min-height:118px!important;padding:9px!important;border-radius:18px!important;border-color:#343d4c!important;background:#171c25!important;box-shadow:0 12px 26px #0007!important}
.bossApp .miniProductCard .thumbWrap{grid-area:img;height:100px!important;border-radius:14px!important}
.bossApp .miniProductCard .thumbWrap img{border-radius:14px!important}
.bossApp .miniProductCard .thumbWrap span{left:7px!important;top:7px!important;right:auto!important;max-width:86px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-radius:10px!important;background:#fff3d6!important;color:#2c1a0d!important;font-size:11px!important;padding:3px 7px!important}
.bossApp .miniProductCard>b{grid-area:title;margin:2px 0 0!important;color:#fff!important;font-size:15px!important;line-height:1.2!important}
.bossApp .miniProductCard p{grid-area:desc;height:auto!important;min-height:0!important;margin:0!important;color:#b9c3cf!important;font-size:12px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.bossApp .miniProductCard .cardFoot{grid-area:foot;align-self:end;display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:end!important}
.bossApp .miniProductCard .cardFoot strong{font-size:17px!important;color:#ffd566!important;line-height:1!important}
.bossApp .miniProductCard .cardFoot button{height:32px!important;min-width:58px!important;border-radius:16px!important;background:#fff2d4!important;color:#2c1a0d!important;padding:0 10px!important}
.bossApp .miniProductCard .tagLine,.bossApp .miniProductCard .platformTags{display:none!important}
@media(max-width:380px){
  .bossApp .heroBanner{height:138px!important}
  .bossApp .heroCopy b{font-size:22px!important}
  .bossApp .miniProductCard{grid-template-columns:102px minmax(0,1fr)!important;column-gap:10px!important}
  .bossApp .miniProductCard .thumbWrap{height:92px!important}
  .bossApp .miniProductCard>b{font-size:14px!important}
  .bossApp .miniProductCard .cardFoot strong{font-size:15px!important}
}

/* 20260706 boss order classic restore */
.bossApp .bossTop{height:50px!important;background:#08111d!important;border-bottom:1px solid #1c3046!important;box-shadow:none!important}
.bossApp .bossTop b{color:#f8fbff!important;font-size:16px!important}
.bossApp .bossHome{padding:14px 15px 88px!important;background:#08111d!important;background-image:linear-gradient(180deg,#0f1c2e 0,#08111d 250px,#07101a 100%)!important;color:#eef6ff!important}
.bossApp .searchBar{height:42px!important;min-height:42px!important;border:1px solid #263d58!important;background:#101d2e!important;border-radius:14px!important;padding:0 8px 0 14px!important;box-shadow:inset 0 0 0 1px #07101a,0 8px 18px #0004!important}
.bossApp .searchBar::before{border-color:#7891aa!important}
.bossApp .searchButton .searchText{color:#d5e2ef!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bossApp .searchButton em{height:30px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#168cff!important;color:#fff!important;padding:0 13px!important;box-shadow:0 7px 14px #0c68bd33!important}
.bossApp .heroBanner{height:176px!important;margin-top:12px!important;border-radius:16px!important;border:1px solid #284562!important;background:#101a25!important;box-shadow:0 14px 30px #02081466!important}
.bossApp .heroBanner img{object-fit:cover!important;object-position:center!important;filter:saturate(1.08) contrast(1.02)!important}
.bossApp .heroBanner::after{background:linear-gradient(90deg,#07101dd9 0,#07101d92 44%,#07101d18 100%)!important}
.bossApp .heroCopy{left:18px!important;top:22px!important;max-width:58%!important;gap:7px!important}
.bossApp .heroCopy b{font-size:30px!important;line-height:1!important;color:#fff18c!important;text-shadow:0 3px 0 #1a0f00,0 9px 18px #0008!important}
.bossApp .heroCopy span{font-size:18px!important;color:#fff!important;font-weight:900!important;text-shadow:0 5px 14px #000!important}
.bossApp .heroCopy::after{content:"立即进入下单";display:grid;place-items:center;width:max-content;min-width:98px;height:34px;margin-top:2px;border-radius:10px;background:#2bdcff;color:#04111d;font-size:13px;font-weight:1000;box-shadow:0 10px 20px #00c8ff33}
.bossApp .walletEntrances{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important}
.bossApp .walletEntrances button{height:78px!important;border-radius:12px!important;padding:12px 12px 12px 52px!important;border:1px solid #ffffff33!important;box-shadow:0 12px 24px #02081455!important}
.bossApp .walletEntrances .rechargeEntry{background:linear-gradient(135deg,#4668ff 0,#9b43ff 100%)!important}
.bossApp .walletEntrances .inviteEntry{background:linear-gradient(135deg,#08a5ff 0,#19d0c7 100%)!important}
.bossApp .walletEntrances button i{left:13px!important;top:22px!important;width:30px!important;height:30px!important;border-radius:11px!important;background:#ffffff26!important}
.bossApp .walletEntrances b{font-size:16px!important;color:#fff!important}
.bossApp .walletEntrances span{margin-top:5px!important;color:#eef6ff!important;font-size:11px!important;white-space:nowrap!important}
.bossApp .noticeBar{min-height:40px!important;margin-top:12px!important;border:1px solid #263d58!important;background:#101d2e!important;border-radius:12px!important;padding:8px 12px!important;box-shadow:none!important}
.bossApp .noticeBar b{font-size:15px!important;color:#ff5b72!important}
.bossApp .noticeBar span{font-size:12px!important;color:#c5d2df!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bossApp .listHead{margin:15px 0 10px!important;color:#eef6ff!important}
.bossApp .listHead b{font-size:16px!important;color:#fff!important;padding-left:12px!important}
.bossApp .listHead b::before{background:#2bdcff!important;width:4px!important;border-radius:4px!important}
.bossApp .listHead button{height:30px!important;border:0!important;background:transparent!important;color:#77c6ff!important;font-size:13px!important;box-shadow:none!important}
.bossApp .homeProductGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:0!important}
.bossApp .miniProductCard{display:block!important;min-height:0!important;padding:8px!important;border:1px solid #315472!important;border-radius:12px!important;background:#13253c!important;box-shadow:0 12px 26px #02081455!important}
.bossApp .miniProductCard .thumbWrap{height:118px!important;border-radius:10px!important;background:#0b1117!important}
.bossApp .miniProductCard .thumbWrap img{border-radius:10px!important}
.bossApp .miniProductCard .thumbWrap span{left:auto!important;right:7px!important;top:7px!important;max-width:82px!important;border:1px solid #36ceff!important;border-radius:8px!important;background:#168cff!important;color:#fff!important;font-size:11px!important;padding:3px 8px!important}
.bossApp .miniProductCard>b{display:block!important;margin-top:9px!important;color:#fff!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bossApp .miniProductCard p{display:block!important;height:36px!important;min-height:36px!important;margin:6px 0!important;color:#a8bbce!important;font-size:12px!important;line-height:1.5!important;overflow:hidden!important}
.bossApp .miniProductCard .cardFoot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.bossApp .miniProductCard .cardFoot strong{color:#ff4f6d!important;font-size:17px!important;line-height:1!important}
.bossApp .miniProductCard .cardFoot button{height:30px!important;min-width:52px!important;border:1px solid #2bdcff!important;border-radius:10px!important;background:#102a42!important;color:#72e7ff!important;padding:0 8px!important;font-size:12px!important;box-shadow:none!important}
.bossApp .bossBottom{background:#07101af2!important;border-top:1px solid #1e3047!important}
.bossApp .bossBottom a.active{background:#10233a!important;color:#8dff42!important;box-shadow:inset 0 0 0 1px #274967!important}
.bossApp .bossBottom .navIcon{background:#101d2e!important;box-shadow:inset 0 0 0 1px #263d58!important}
.bossApp .bossBottom a.active .navIcon{background:#123d2b!important;color:#8dff42!important}
@media(max-width:380px){
  .bossApp .bossHome{padding-left:10px!important;padding-right:10px!important}
  .bossApp .heroBanner{height:162px!important}
  .bossApp .heroCopy b{font-size:26px!important}
  .bossApp .heroCopy span{font-size:16px!important}
  .bossApp .homeProductGrid{gap:9px!important}
  .bossApp .miniProductCard{padding:7px!important}
  .bossApp .miniProductCard .thumbWrap{height:104px!important}
  .bossApp .miniProductCard p{font-size:11.5px!important}
  .bossApp .miniProductCard .cardFoot strong{font-size:15px!important}
}

/* 20260706 boss blue unified polish */
.bossApp [data-page]{background:#08111d!important}
.bossApp .profilePage,
.bossApp .bossOrderPage,
.bossApp .searchPage,
.bossApp .playerProfilePage,
.bossApp .walletPage,
.bossApp .yxBalancePage,
.bossApp .detailScroll{background:#08111d!important;background-image:linear-gradient(180deg,#0f1c2e 0,#08111d 250px,#07101a 100%)!important;color:#eef6ff!important}
.bossApp .walletTop,
.bossApp .detailTop,
.bossApp .menuPageTop,
.bossApp .playerProfileTop{background:#08111d!important;border-bottom:1px solid #1c3046!important;color:#f8fbff!important;box-shadow:none!important}
.bossApp .profileHero{padding-top:42px!important}
.bossApp .profileHero::after{display:none!important}
.bossApp .profileUser img{border:2px solid #2bdcff!important;box-shadow:0 12px 24px #02081488!important}
.bossApp .profileUser h2,
.bossApp .profileTitle,
.bossApp .orderCardHead b,
.bossApp .playerInfoCard h1{color:#f8fbff!important}
.bossApp .profileUser p,
.bossApp .profileStats span,
.bossApp .profilePromo .profileActionCard span,
.bossApp .orderCardHead span,
.bossApp .orderRemark{color:#a8bbce!important}
.bossApp .profileStats,
.bossApp .profileCard,
.bossApp .bossLevelCard,
.bossApp .profileSection,
.bossApp .bossOrderCard,
.bossApp .playerInfoCard,
.bossApp .playerSection,
.bossApp .playerServiceCard{border:1px solid #263d58!important;background:#101d2e!important;border-radius:16px!important;box-shadow:0 12px 26px #02081455!important;color:#eef6ff!important}
.bossApp .profileStats b,
.bossApp .profileTitle::before,
.bossApp .levelInfo b{color:#2bdcff!important}
.bossApp .profileTitle::before{background:#2bdcff!important}
.bossApp .bossLevelBadge{background:#123d2b!important;color:#8dff42!important;border:1px solid #2d7a4d!important}
.bossApp .profileRecharge{min-height:86px!important;grid-template-columns:52px minmax(0,1fr) 78px!important;gap:10px!important;padding:13px 14px!important;border:1px solid #2d5c80!important;border-radius:16px!important;background:linear-gradient(135deg,#102640 0,#0f7596 56%,#26d0b0 100%)!important;box-shadow:0 16px 34px #02081466!important;overflow:hidden!important}
.bossApp .profileRecharge::after{display:none!important}
.bossApp .profileRecharge b{font-size:17px!important;color:#fff!important;line-height:1.2!important}
.bossApp .profileRecharge span{margin-top:5px!important;color:#d7f7ff!important}
.bossApp .profileRecharge button{height:34px!important;border:1px solid #b7f6ff66!important;border-radius:17px!important;background:#ffffff18!important;color:#fff!important;font-weight:900!important}
.bossApp .diamondIcon{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#dff9ff,#2bdcff)!important;clip-path:none!important;filter:none!important;transform:none!important;display:grid!important;place-items:center!important;box-shadow:0 10px 20px #02081466!important}
.bossApp .diamondIcon::before{content:"";width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,#fff,#9cf4ff 55%,#28a9ff);transform:rotate(45deg);box-shadow:inset 0 0 0 1px #ffffff88}
.bossApp .profilePromo .profileActionCard,
.bossApp .serviceGrid button,
.bossApp .orderStats button,
.bossApp .profileMenuGrid button{border:1px solid #263d58!important;background:#101d2e!important;border-radius:14px!important;color:#eef6ff!important;box-shadow:0 10px 22px #02081444!important}
.bossApp .promoIcon,
.bossApp .roundIcon,
.bossApp .squareIcon{background:linear-gradient(135deg,#2bdcff,#168cff)!important;color:#04111d!important}
.bossApp .orderTabs{background:linear-gradient(180deg,#0f1c2e 0,#08111d 100%)!important}
.bossApp .orderTabs button{border-color:#263d58!important;background:#101d2e!important;color:#a8bbce!important;border-radius:12px!important;box-shadow:0 8px 18px #02081444!important}
.bossApp .orderTabs button.active{border-color:#2bdcff!important;color:#2bdcff!important;background:#12324b!important}
.bossApp .orderCardMeta p{border:1px solid #263d58!important;background:#0b1726!important;border-radius:12px!important}
.bossApp .orderCardMeta span{color:#7891aa!important}
.bossApp .orderCardMeta b{color:#eef6ff!important}
.bossApp .bossOrderCard>button,
.bossApp .bossProfileSubmit{background:linear-gradient(135deg,#168cff,#2bdcff)!important;color:#fff!important}
.bossApp .detailPanel,
.bossApp .orderPanel,
.bossApp .detailPosterWrap{background:#101d2e!important;border-color:#263d58!important;color:#eef6ff!important}
.bossApp .pillSegment button,
.bossApp .detailSpecGrid button,
.bossApp .orderOptionGrid button,
.bossApp .orderSpecGrid button{border-color:#315472!important;background:#132a45!important;color:#dbeafe!important}
.bossApp .pillSegment button.active,
.bossApp .detailSpecGrid button.active,
.bossApp .orderOptionGrid button.active,
.bossApp .orderSpecGrid button.active{border-color:#2bdcff!important;background:#0b83d8!important;color:#fff!important}
.bossApp .menuTip{background:#101d2e!important;border-bottom:1px solid #263d58!important;color:#a8bbce!important}
.bossApp .menuPage{background:#08111d!important;color:#eef6ff!important}
.bossApp .menuPage aside{background:#0b1726!important;border-right:1px solid #263d58!important}
.bossApp .menuPage aside button{color:#a8bbce!important;border-radius:0 14px 14px 0!important}
.bossApp .menuPage aside button.active{background:#102640!important;color:#2bdcff!important}
.bossApp .menuPage aside button.active::before{background:#2bdcff!important}
.bossApp .menuPage main{background:#08111d!important}
.bossApp .menuItem{border-color:#263d58!important;background:#101d2e!important;border-radius:14px!important;box-shadow:0 12px 26px #02081455!important}
.bossApp .menuItem h3{color:#f8fbff!important}
.bossApp .menuItem button{background:#168cff!important;color:#fff!important}
.bossApp .searchTop>button,
.bossApp .searchInputWrap{border:1px solid #263d58!important;background:#101d2e!important;border-radius:14px!important}
.bossApp .searchInputWrap button{background:#168cff!important;color:#fff!important}
.bossApp .quickSearch button{border-color:#263d58!important;background:#101d2e!important;color:#d5e2ef!important;border-radius:12px!important}
.bossApp .yxBalancePage .yxWalletCard{border:1px solid #2d5c80!important;background:linear-gradient(135deg,#102640 0,#0f7596 56%,#26d0b0 100%)!important;box-shadow:0 16px 34px #02081466!important}
.bossApp .balanceRecord{border-color:#263d58!important;background:#101d2e!important;box-shadow:0 10px 22px #02081444!important}
.bossApp .balanceRecord b{color:#eef6ff!important}
.bossApp .balanceRecord span{color:#a8bbce!important}
.bossApp .balanceRecord i{background:#12324b!important;color:#2bdcff!important}
.bossApp .yxBalancePage .emptyState.compact{border-color:#263d58!important;background:#101d2e!important;color:#a8bbce!important}
.bossApp .rechargeModalHead{background:linear-gradient(135deg,#102640 0,#0f7596 56%,#26d0b0 100%)!important}
.bossApp .rechargeModalFoot button,
.bossApp .inviteCopyBtn{background:linear-gradient(135deg,#168cff,#2bdcff)!important;color:#fff!important}
.bossApp .miniProductCard .tagLine{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:0 0 8px!important;height:auto!important;min-height:22px!important}
.bossApp .miniProductCard .tagLine span{display:inline-grid!important;place-items:center!important;height:22px!important;border-radius:7px!important;padding:0 7px!important;font-size:11px!important;font-weight:900!important;line-height:1!important;background:#0b1726!important;border:1px solid #2bdcff!important;color:#7deaff!important}
.bossApp .miniProductCard .tagLine span:first-child{border-color:#ffd05a!important;color:#ffd05a!important;background:#251f12!important}
.bossApp .miniProductCard .cardFoot{margin-top:2px!important}
@media(max-width:380px){
  .bossApp .profileRecharge{grid-template-columns:46px minmax(0,1fr) 68px!important;padding:12px!important}
  .bossApp .diamondIcon{width:38px!important;height:38px!important;border-radius:13px!important}
  .bossApp .profileRecharge b{font-size:15px!important}
  .bossApp .profileRecharge button{padding:0 9px!important;font-size:12px!important}
  .bossApp .miniProductCard .tagLine{gap:4px!important;margin-bottom:7px!important}
  .bossApp .miniProductCard .tagLine span{height:20px!important;padding:0 6px!important;font-size:10.5px!important}
}

/* 20260707 boss emerald unified theme */
.bossApp.mobile{background:#07100f!important;color:#f4fff8!important;border-left:1px solid #153a34!important;border-right:1px solid #153a34!important;box-shadow:0 28px 90px #000c!important}
.bossApp [data-page],
.bossApp .bossHome,
.bossApp .profilePage,
.bossApp .bossOrderPage,
.bossApp .searchPage,
.bossApp .playerProfilePage,
.bossApp .walletPage,
.bossApp .yxBalancePage,
.bossApp .detailScroll{background:#07100f!important;background-image:linear-gradient(180deg,#12342f 0,#081412 245px,#07100f 100%)!important;color:#f4fff8!important}
.bossApp .bossTop,
.bossApp .walletTop,
.bossApp .detailTop,
.bossApp .menuPageTop,
.bossApp .playerProfileTop{height:54px!important;background:#07100ff5!important;border-bottom:1px solid #24564d!important;color:#f4fff8!important;box-shadow:none!important;backdrop-filter:blur(16px)!important}
.bossApp .bossTop b,
.bossApp .walletTop b,
.bossApp .detailTop b,
.bossApp .menuPageTop b,
.bossApp .playerProfileTop b{color:#f4fff8!important;font-size:17px!important;font-weight:950!important}
.bossApp .searchBar,
.bossApp .searchInputWrap,
.bossApp .searchTop>button{border:1px solid #24564d!important;background:#0d1c1a!important;border-radius:16px!important;color:#d8efe9!important;box-shadow:0 10px 24px #0007!important}
.bossApp .searchBar::before{border-color:#7affe2!important}
.bossApp .searchButton .searchText{color:#d8efe9!important}
.bossApp .searchButton em,
.bossApp .searchInputWrap button{background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#08201b!important;border-radius:13px!important;font-weight:1000!important;box-shadow:0 10px 18px #15ddb733!important}
.bossApp .heroBanner{height:174px!important;border:1px solid #24564d!important;border-radius:20px!important;background:#0d1c1a!important;box-shadow:0 20px 42px #000a!important}
.bossApp .heroBanner::after{background:linear-gradient(90deg,#07100fe8 0,#07100fa2 48%,#07100f16 100%)!important}
.bossApp .heroCopy b{color:#ffdf8a!important;text-shadow:0 4px 0 #06201b,0 12px 22px #000!important}
.bossApp .heroCopy span{color:#f4fff8!important}
.bossApp .heroCopy::after{background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#08201b!important;box-shadow:0 12px 22px #15ddb733!important}
.bossApp .walletEntrances button{height:78px!important;border:1px solid #24564d!important;border-radius:18px!important;box-shadow:0 16px 34px #0008!important}
.bossApp .walletEntrances .rechargeEntry{background:linear-gradient(135deg,#123f38 0,#1a7464 58%,#31f0c7 100%)!important}
.bossApp .walletEntrances .inviteEntry{background:linear-gradient(135deg,#14322f 0,#2b6257 55%,#ffdf8a 100%)!important}
.bossApp .walletEntrances button i{background:#ffffff1d!important;border:1px solid #d8fff755!important;color:#f4fff8!important}
.bossApp .walletEntrances b{color:#fff!important}
.bossApp .walletEntrances span{color:#d8efe9!important}
.bossApp .noticeBar,
.bossApp .playerRuleLine,
.bossApp .menuTip{border:1px solid #24564d!important;background:#0d1c1a!important;border-radius:16px!important;color:#d8efe9!important;box-shadow:0 12px 24px #0005!important}
.bossApp .noticeBar b,
.bossApp .listHead b,
.bossApp .menuHead b,
.bossApp .profileTitle,
.bossApp .levelInfo b{color:#ffdf8a!important}
.bossApp .listHead b::before,
.bossApp .menuHead b::before,
.bossApp .profileTitle::before{background:#31f0c7!important}
.bossApp .listHead button,
.bossApp .menuHead button{color:#7affe2!important;background:transparent!important;border:0!important}
.bossApp .homeProductGrid{gap:12px!important}
.bossApp .miniProductCard,
.bossApp .featuredProduct,
.bossApp .menuItem,
.bossApp .profileStats,
.bossApp .profileCard,
.bossApp .bossLevelCard,
.bossApp .profileSection,
.bossApp .bossOrderCard,
.bossApp .detailPanel,
.bossApp .orderPanel,
.bossApp .detailPosterWrap,
.bossApp .playerInfoCard,
.bossApp .playerSection,
.bossApp .playerServiceCard{border:1px solid #24564d!important;background:#0e1b1a!important;border-radius:20px!important;color:#f4fff8!important;box-shadow:0 18px 36px #0009!important}
.bossApp .miniProductCard{position:relative;overflow:hidden}
.bossApp .miniProductCard::before,
.bossApp .bossOrderCard::before,
.bossApp .menuItem::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#31f0c7,#ffdf8a,#66a6ff)}
.bossApp .miniProductCard .thumbWrap{background:#091413!important;border-radius:14px!important}
.bossApp .miniProductCard .thumbWrap img{border-radius:14px!important}
.bossApp .miniProductCard .thumbWrap span{border:1px solid #24564d!important;background:#dcfff6!important;color:#07342d!important;border-radius:10px!important;font-weight:1000!important}
.bossApp .miniProductCard>b,
.bossApp .featuredProduct h3,
.bossApp .menuItem h3,
.bossApp .orderCardHead b,
.bossApp .playerInfoCard h1{color:#f4fff8!important}
.bossApp .miniProductCard p,
.bossApp .featuredProduct p,
.bossApp .menuItem p,
.bossApp .profileUser p,
.bossApp .profileStats span,
.bossApp .profilePromo .profileActionCard span,
.bossApp .orderCardHead span,
.bossApp .orderRemark,
.bossApp .quickSearch button,
.bossApp .searchInputWrap input{color:#a6c9c0!important}
.bossApp .miniProductCard .tagLine{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:0 0 8px!important;min-height:22px!important}
.bossApp .miniProductCard .tagLine span,
.bossApp .tagLine span{display:inline-grid!important;place-items:center!important;height:22px!important;border-radius:8px!important;padding:0 7px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;background:#091413!important;border:1px solid #31f0c7!important;color:#7affe2!important}
.bossApp .miniProductCard .tagLine span:first-child,
.bossApp .tagLine span:first-child{border-color:#ffdf8a!important;color:#ffdf8a!important;background:#211e12!important}
.bossApp .miniProductCard .cardFoot strong,
.bossApp .featuredProduct strong,
.bossApp .menuItem strong,
.bossApp .grabCardTop strong,
.bossApp .orderCardHead strong{color:#ffdf8a!important;text-shadow:0 8px 18px #0007!important}
.bossApp .miniProductCard .cardFoot button,
.bossApp .featuredProduct button,
.bossApp .menuItem button,
.bossApp .bossOrderCard>button,
.bossApp .bossProfileSubmit,
.bossApp .detailBottomBar .primaryPay{border:0!important;background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#08201b!important;border-radius:16px!important;font-weight:1000!important;box-shadow:0 14px 24px #15ddb733!important}
.bossApp .bossBottom{height:68px!important;min-height:68px!important;padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;background:#081412f5!important;border-top:1px solid #24564d!important;box-shadow:0 -16px 36px #000a!important;backdrop-filter:blur(18px)!important}
.bossApp .bossBottom a{height:56px!important;border-radius:18px!important;color:#87a09b!important;font-size:11px!important;font-weight:900!important}
.bossApp .bossBottom a.active{background:linear-gradient(180deg,#14372f,#0d211e)!important;color:#7affe2!important;box-shadow:inset 0 0 0 1px #2b6257!important}
.bossApp .bossBottom .navIcon{width:30px!important;height:30px!important;background:#0d211e!important;color:#87a09b!important;border-radius:50%!important;box-shadow:inset 0 0 0 1px #24564d!important}
.bossApp .bossBottom a.active .navIcon{background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#06211d!important;box-shadow:0 10px 20px #20e0bd33!important}
.bossApp .profileUser img{border:2px solid #31f0c7!important;box-shadow:0 12px 24px #0008!important}
.bossApp .bossLevelBadge{background:#dcfff6!important;color:#07342d!important;border:0!important}
.bossApp .profileStats b{color:#ffdf8a!important}
.bossApp .profileRecharge{min-height:88px!important;grid-template-columns:52px minmax(0,1fr) 78px!important;gap:10px!important;padding:14px!important;border:1px solid #24564d!important;border-radius:20px!important;background:linear-gradient(135deg,#123f38 0,#1a7464 58%,#31f0c7 100%)!important;box-shadow:0 18px 36px #0008!important;overflow:hidden!important}
.bossApp .profileRecharge::after{content:"";display:block!important;position:absolute;right:-34px;top:-40px;width:126px;height:126px;border-radius:50%;background:#ffffff18}
.bossApp .profileRecharge b{font-size:17px!important;color:#fff!important;line-height:1.2!important}
.bossApp .profileRecharge span{color:#d8fff7!important}
.bossApp .profileRecharge button{height:34px!important;border:1px solid #e9fff677!important;border-radius:17px!important;background:#ffffff1a!important;color:#fff!important;font-weight:1000!important}
.bossApp .diamondIcon{width:42px!important;height:42px!important;border-radius:15px!important;background:linear-gradient(135deg,#dcfff6,#31f0c7)!important;clip-path:none!important;filter:none!important;transform:none!important;display:grid!important;place-items:center!important;box-shadow:0 10px 20px #0007!important}
.bossApp .diamondIcon::before{content:"";width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,#fff,#bdf8ec 55%,#31f0c7);transform:rotate(45deg);box-shadow:inset 0 0 0 1px #ffffff9c}
.bossApp .profilePromo .profileActionCard,
.bossApp .serviceGrid button,
.bossApp .orderStats button,
.bossApp .profileMenuGrid button{border:1px solid #24564d!important;background:#0e1b1a!important;border-radius:18px!important;color:#f4fff8!important;box-shadow:0 14px 28px #0007!important}
.bossApp .promoIcon,
.bossApp .roundIcon,
.bossApp .squareIcon{background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#08201b!important}
.bossApp .orderTabs{background:linear-gradient(180deg,#12342f 0,#07100f 100%)!important;gap:7px!important}
.bossApp .orderTabs button{border-color:#24564d!important;background:#0e1b1a!important;color:#a6c9c0!important;border-radius:16px!important;box-shadow:0 10px 22px #0007!important}
.bossApp .orderTabs button.active{border-color:#31f0c7!important;color:#7affe2!important;background:#14372f!important}
.bossApp .orderCardMeta p,
.bossApp .confirmRows,
.bossApp .grabInfo p{border:1px solid #24564d!important;background:#091413!important;border-radius:16px!important}
.bossApp .orderCardMeta span,
.bossApp .confirmRows span{color:#7e9c96!important}
.bossApp .orderCardMeta b,
.bossApp .confirmRows b{color:#f4fff8!important}
.bossApp .pillSegment button,
.bossApp .detailSpecGrid button,
.bossApp .orderOptionGrid button,
.bossApp .orderSpecGrid button,
.bossApp .quickSearch button{border-color:#24564d!important;background:#0e1b1a!important;color:#d8efe9!important;border-radius:15px!important}
.bossApp .pillSegment button.active,
.bossApp .detailSpecGrid button.active,
.bossApp .orderOptionGrid button.active,
.bossApp .orderSpecGrid button.active{border-color:#31f0c7!important;background:#14372f!important;color:#7affe2!important;box-shadow:0 0 0 2px #31f0c722!important}
.bossApp .menuPage{background:#07100f!important;color:#f4fff8!important}
.bossApp .menuPage aside{background:#091413!important;border-right:1px solid #24564d!important}
.bossApp .menuPage aside button{color:#a6c9c0!important;border-radius:0 16px 16px 0!important}
.bossApp .menuPage aside button.active{background:#14372f!important;color:#7affe2!important}
.bossApp .menuPage aside button.active::before{background:#31f0c7!important}
.bossApp .menuPage main{background:#07100f!important}
.bossApp .yxBalancePage .yxWalletCard,
.bossApp .rechargeModalHead{border:1px solid #24564d!important;background:linear-gradient(135deg,#123f38 0,#1a7464 58%,#31f0c7 100%)!important;box-shadow:0 18px 36px #0008!important}
.bossApp .balanceRecord{border-color:#24564d!important;background:#0e1b1a!important;box-shadow:0 14px 28px #0007!important}
.bossApp .balanceRecord b{color:#f4fff8!important}
.bossApp .balanceRecord span{color:#a6c9c0!important}
.bossApp .balanceRecord i{background:#14372f!important;color:#7affe2!important}
.bossApp .yxBalancePage .emptyState.compact{border-color:#24564d!important;background:#0e1b1a!important;color:#a6c9c0!important}
.bossApp .rechargeModalBox,
.bossApp .inviteModalBox,
.bossApp .bossProfileEditBox,
.bossApp .levelRuleBox,
.bossApp .customerServiceBox{border:1px solid #24564d!important;border-radius:24px!important;background:#0e1b1a!important;color:#f4fff8!important;box-shadow:0 34px 90px #000c!important}
.bossApp .rechargeModalSection,
.bossApp .rechargeModalPay,
.bossApp .rechargeModalForm,
.bossApp .rechargeModalRecent{border:1px solid #24564d!important;background:#091413!important}
.bossApp .rechargeModalFoot button,
.bossApp .inviteCopyBtn{background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;color:#08201b!important}
@media(max-width:380px){
  .bossApp .heroBanner{height:162px!important}
  .bossApp .profileRecharge{grid-template-columns:46px minmax(0,1fr) 68px!important;padding:12px!important}
  .bossApp .diamondIcon{width:38px!important;height:38px!important;border-radius:13px!important}
  .bossApp .miniProductCard .tagLine{gap:4px!important;margin-bottom:7px!important}
  .bossApp .miniProductCard .tagLine span{height:20px!important;padding:0 6px!important;font-size:10.5px!important}
}

/* 20260707 boss emerald final unify */
.bossApp .rankHome{
  min-height:100vh!important;
  padding:14px 14px 96px!important;
  background:#07100f!important;
  background-image:linear-gradient(180deg,#12342f 0,#081412 245px,#07100f 100%)!important;
  color:#f4fff8!important;
}
.bossApp .rankHero{
  position:relative!important;
  min-height:148px!important;
  overflow:hidden!important;
  border:1px solid #24564d!important;
  border-radius:22px!important;
  padding:22px 18px!important;
  background:linear-gradient(135deg,#0d211e 0,#123f38 56%,#1a7464 100%)!important;
  box-shadow:0 22px 44px #000a!important;
}
.bossApp .rankHero::before{
  content:"" !important;
  position:absolute!important;
  right:-24px!important;
  top:28px!important;
  width:180px!important;
  height:44px!important;
  border-radius:999px!important;
  background:#d8fff720!important;
  transform:rotate(-22deg)!important;
}
.bossApp .rankHero::after{
  content:"TOP"!important;
  position:absolute!important;
  right:18px!important;
  bottom:10px!important;
  color:#d8fff71a!important;
  font-size:54px!important;
  font-weight:1000!important;
  letter-spacing:0!important;
}
.bossApp .rankHero h1{
  position:relative!important;
  margin:0!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:0!important;
}
.bossApp .rankHero p{
  position:relative!important;
  max-width:250px!important;
  margin:10px 0 18px!important;
  color:#d8efe9!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.bossApp .rankHero button{
  position:relative!important;
  height:36px!important;
  min-width:88px!important;
  border:0!important;
  border-radius:18px!important;
  padding:0 18px!important;
  background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;
  color:#08201b!important;
  font-weight:1000!important;
  box-shadow:0 12px 24px #15ddb733!important;
}
.bossApp .rankSummary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0!important;
}
.bossApp .rankSummary div{
  height:68px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  border:1px solid #24564d!important;
  border-radius:18px!important;
  background:#0e1b1a!important;
  box-shadow:0 14px 28px #0007!important;
}
.bossApp .rankSummary b{
  display:block!important;
  color:#ffdf8a!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:1000!important;
}
.bossApp .rankSummary span{
  display:block!important;
  margin-top:5px!important;
  color:#a6c9c0!important;
  font-size:12px!important;
}
.bossApp .rankBlock{
  position:relative!important;
  overflow:hidden!important;
  margin-top:12px!important;
  padding:13px!important;
  border:1px solid #24564d!important;
  border-radius:20px!important;
  background:#0e1b1a!important;
  box-shadow:0 18px 36px #0009!important;
}
.bossApp .rankBlock::before{
  content:"" !important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:3px!important;
  background:linear-gradient(90deg,#31f0c7,#ffdf8a,#66a6ff)!important;
}
.bossApp .rankBlockHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
.bossApp .rankBlockHead b{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:1000!important;
}
.bossApp .rankBlockHead span{
  display:block!important;
  margin-top:4px!important;
  color:#a6c9c0!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.bossApp .rankTabs{
  flex:0 0 auto!important;
  display:flex!important;
  gap:4px!important;
  padding:3px!important;
  border:1px solid #24564d!important;
  border-radius:15px!important;
  background:#091413!important;
}
.bossApp .rankTabs button{
  height:24px!important;
  min-width:38px!important;
  border:0!important;
  border-radius:12px!important;
  padding:0 9px!important;
  background:transparent!important;
  color:#87a09b!important;
  font-size:12px!important;
  font-weight:900!important;
}
.bossApp .rankTabs button.active{
  background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;
  color:#08201b!important;
  box-shadow:0 8px 18px #15ddb733!important;
}
.bossApp .rankList{
  position:relative!important;
  display:grid!important;
  gap:9px!important;
}
.bossApp .rankItem{
  display:grid!important;
  grid-template-columns:30px 44px minmax(0,1fr) minmax(62px,auto)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:62px!important;
  border:1px solid #24564d!important;
  border-radius:16px!important;
  padding:9px!important;
  background:#091413!important;
  color:#f4fff8!important;
  box-shadow:inset 0 1px 0 #ffffff08!important;
}
.bossApp .rankItem>i{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#14372f!important;
  color:#ffdf8a!important;
  font-style:normal!important;
  font-weight:1000!important;
}
.bossApp .rankItem.rank1>i{background:linear-gradient(135deg,#ffdf8a,#ffb957)!important;color:#231606!important}
.bossApp .rankItem.rank2>i{background:linear-gradient(135deg,#d9fff7,#7affe2)!important;color:#06211d!important}
.bossApp .rankItem.rank3>i{background:linear-gradient(135deg,#e1bc7e,#a96f35)!important;color:#1d1208!important}
.bossApp .rankItem img{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:2px solid #31f0c7!important;
  background:#07100f!important;
  box-shadow:0 8px 18px #0008!important;
}
.bossApp .rankItem b{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:#f4fff8!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bossApp .rankItem span{
  display:block!important;
  min-width:0!important;
  margin-top:4px!important;
  overflow:hidden!important;
  color:#a6c9c0!important;
  font-size:12px!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bossApp .rankItem strong{
  justify-self:end!important;
  color:#ffdf8a!important;
  font-size:13px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.bossApp .rankBlock.spend .rankItem strong{color:#ffdf8a!important}
.bossApp .rankBlock.level .rankItem strong{color:#8dff42!important}
.bossApp .rankBlock.player .rankItem strong{color:#7affe2!important}
.bossApp .playerLevelTag{
  height:18px!important;
  margin-left:6px!important;
  padding:0 7px!important;
  border:1px solid #ffdf8a66!important;
  border-radius:9px!important;
  background:#211e12!important;
  color:#ffdf8a!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:1000!important;
  vertical-align:1px!important;
  box-shadow:none!important;
}
.bossApp .profileRecharge::after{
  right:-38px!important;
  top:12px!important;
  width:150px!important;
  height:48px!important;
  border-radius:999px!important;
  background:#d8fff71f!important;
  transform:rotate(-24deg)!important;
}
.bossApp .profileRecharge .diamondIcon{
  align-self:center!important;
  justify-self:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#dcfff6,#31f0c7)!important;
  transform:none!important;
}
@media(max-width:380px){
  .bossApp .rankHome{padding-left:10px!important;padding-right:10px!important}
  .bossApp .rankHero{min-height:136px!important;padding:20px 16px!important}
  .bossApp .rankHero h1{font-size:30px!important}
  .bossApp .rankBlockHead{display:grid!important}
  .bossApp .rankTabs{width:100%!important}
  .bossApp .rankTabs button{flex:1!important}
  .bossApp .rankItem{grid-template-columns:28px 40px minmax(0,1fr) minmax(54px,auto)!important;gap:8px!important}
  .bossApp .rankItem img{width:40px!important;height:40px!important}
}

/* 20260707 boss order hero spacing fix */
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider{
  height:178px!important;
  margin-top:14px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider img{
  object-position:center 62%!important;
  transform:scale(1.03)!important;
  transform-origin:center!important;
}
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:58px!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,#07100fe6 0,#07100f8a 45%,#07100f00 100%)!important;
}
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::after{
  z-index:1!important;
  background:linear-gradient(90deg,#07100ff2 0,#07100fb8 46%,#07100f18 100%)!important;
}
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy{
  top:36px!important;
  left:20px!important;
  max-width:62%!important;
  z-index:2!important;
  gap:7px!important;
}
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy b{
  font-size:29px!important;
  line-height:1.02!important;
}
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy span{
  font-size:16px!important;
  line-height:1.3!important;
}
@media(max-width:380px){
  .bossApp [data-page=order] .heroBanner.cleanHero.homeSlider{height:164px!important}
  .bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy{top:30px!important;left:18px!important;max-width:66%!important}
  .bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy b{font-size:26px!important}
  .bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy span{font-size:15px!important}
}

/* 20260707 boss order carousel image only */
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy{
  display:none!important;
}
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::before{
  display:none!important;
}
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::after{
  background:linear-gradient(90deg,#07100f66 0,#07100f18 45%,#07100f00 100%)!important;
}
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider img{
  object-position:center center!important;
  transform:none!important;
}

/* 20260707 boss dark trial + search bar repair */
.bossApp.mobile{
  background:#050607!important;
  color:#f6f7f8!important;
  border-left:1px solid #181d22!important;
  border-right:1px solid #181d22!important;
  box-shadow:0 28px 90px #000!important;
}
.bossApp [data-page],
.bossApp .bossHome,
.bossApp .rankHome,
.bossApp .profilePage,
.bossApp .bossOrderPage,
.bossApp .searchPage,
.bossApp .menuPage,
.bossApp .playerProfilePage,
.bossApp .walletPage,
.bossApp .yxBalancePage,
.bossApp .detailScroll{
  background:#050607!important;
  background-image:linear-gradient(180deg,#111418 0,#080a0c 220px,#050607 100%)!important;
  color:#f6f7f8!important;
}
.bossApp .bossTop,
.bossApp .walletTop,
.bossApp .detailTop,
.bossApp .menuPageTop,
.bossApp .playerProfileTop,
.bossApp .orderPageTop{
  height:54px!important;
  background:#050607f7!important;
  border-bottom:1px solid #20252b!important;
  color:#f6f7f8!important;
  box-shadow:0 10px 28px #000b!important;
  backdrop-filter:blur(18px)!important;
}
.bossApp .bossTop b,
.bossApp .walletTop b,
.bossApp .detailTop b,
.bossApp .menuPageTop b,
.bossApp .playerProfileTop b,
.bossApp .orderPageTop b{
  color:#f6f7f8!important;
  font-weight:1000!important;
}
.bossApp [data-page=order] .bossHome{
  padding:14px 15px 96px!important;
  background:#050607!important;
  background-image:linear-gradient(180deg,#111418 0,#080a0c 210px,#050607 100%)!important;
}
.bossApp .searchBar,
.bossApp .searchButton{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
  border:1px solid #2b323a!important;
  border-radius:18px!important;
  background:#0a0d10!important;
  color:#dfe7e5!important;
  padding:0 7px 0 14px!important;
  box-shadow:inset 0 0 0 1px #ffffff06,0 12px 24px #0008!important;
}
.bossApp .searchBar::before{
  content:""!important;
  display:block!important;
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  margin:0!important;
  border:2px solid #48f2b8!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  box-shadow:0 0 14px #48f2b833!important;
}
.bossApp .searchButton .searchText{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  background:transparent!important;
  border:0!important;
  color:#dfe7e5!important;
  font-size:12px!important;
  line-height:46px!important;
  text-align:left!important;
}
.bossApp .searchBar>span:not(.searchText){
  display:none!important;
}
.bossApp .searchButton em,
.bossApp .searchInputWrap button{
  flex:0 0 52px!important;
  width:52px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#48f2b8,#f3d47b)!important;
  color:#07100d!important;
  font-size:12px!important;
  font-weight:1000!important;
  box-shadow:0 10px 20px #22e5a933!important;
}
.bossApp .heroBanner,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider{
  height:176px!important;
  margin-top:14px!important;
  border:1px solid #2b323a!important;
  border-radius:20px!important;
  background:#0a0d10!important;
  box-shadow:0 18px 36px #000c!important;
}
.bossApp .heroBanner::after,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::after{
  background:linear-gradient(90deg,#05060755 0,#05060718 45%,#05060700 100%)!important;
}
.bossApp .walletEntrances button{
  border:1px solid #2b323a!important;
  border-radius:18px!important;
  background:#0b0e12!important;
  box-shadow:0 16px 32px #000b!important;
}
.bossApp .walletEntrances .rechargeEntry{
  background:linear-gradient(135deg,#0b0e12 0,#11241e 58%,#1ed69c 100%)!important;
}
.bossApp .walletEntrances .inviteEntry{
  background:linear-gradient(135deg,#0b0e12 0,#222018 58%,#f3d47b 100%)!important;
}
.bossApp .walletEntrances button i{
  background:#ffffff12!important;
  border:1px solid #ffffff24!important;
  color:#fff!important;
}
.bossApp .walletEntrances b{color:#fff!important}
.bossApp .walletEntrances span{color:#c2cbc9!important}
.bossApp .noticeBar,
.bossApp .playerRuleLine,
.bossApp .menuTip{
  border:1px solid #2b323a!important;
  background:#0a0d10!important;
  border-radius:16px!important;
  color:#c2cbc9!important;
  box-shadow:0 12px 24px #0008!important;
}
.bossApp .noticeBar b,
.bossApp .listHead b,
.bossApp .menuHead b,
.bossApp .profileTitle,
.bossApp .rankBlockHead b,
.bossApp .levelInfo b{
  color:#f3d47b!important;
}
.bossApp .listHead b::before,
.bossApp .menuHead b::before,
.bossApp .profileTitle::before{
  background:#48f2b8!important;
}
.bossApp .listHead button,
.bossApp .menuHead button{
  color:#48f2b8!important;
}
.bossApp .miniProductCard,
.bossApp .featuredProduct,
.bossApp .menuItem,
.bossApp .profileStats,
.bossApp .profileCard,
.bossApp .bossLevelCard,
.bossApp .profileSection,
.bossApp .bossOrderCard,
.bossApp .detailPanel,
.bossApp .orderPanel,
.bossApp .detailPosterWrap,
.bossApp .playerInfoCard,
.bossApp .playerSection,
.bossApp .playerServiceCard,
.bossApp .rankBlock,
.bossApp .rankSummary div,
.bossApp .balanceRecord,
.bossApp .profilePromo .profileActionCard,
.bossApp .serviceGrid button,
.bossApp .orderStats button,
.bossApp .profileMenuGrid button{
  border:1px solid #2b323a!important;
  background:#0b0e12!important;
  border-radius:18px!important;
  color:#f6f7f8!important;
  box-shadow:0 16px 34px #000b!important;
}
.bossApp .miniProductCard::before,
.bossApp .bossOrderCard::before,
.bossApp .menuItem::before,
.bossApp .rankBlock::before{
  background:linear-gradient(90deg,#48f2b8,#f3d47b,#7482ff)!important;
}
.bossApp .miniProductCard .thumbWrap,
.bossApp .rankItem,
.bossApp .orderCardMeta p,
.bossApp .confirmRows,
.bossApp .grabInfo p{
  border:1px solid #242a31!important;
  background:#07090b!important;
}
.bossApp .miniProductCard .thumbWrap img,
.bossApp .miniProductCard .thumbWrap{
  border-radius:14px!important;
}
.bossApp .miniProductCard .thumbWrap span{
  border:1px solid #2b323a!important;
  background:#f6f7f8!important;
  color:#090b0d!important;
}
.bossApp .miniProductCard>b,
.bossApp .featuredProduct h3,
.bossApp .menuItem h3,
.bossApp .orderCardHead b,
.bossApp .playerInfoCard h1,
.bossApp .rankItem b{
  color:#f6f7f8!important;
}
.bossApp .miniProductCard p,
.bossApp .featuredProduct p,
.bossApp .menuItem p,
.bossApp .profileUser p,
.bossApp .profileStats span,
.bossApp .profilePromo .profileActionCard span,
.bossApp .orderCardHead span,
.bossApp .orderRemark,
.bossApp .rankItem span,
.bossApp .quickSearch button,
.bossApp .searchInputWrap input{
  color:#9aa6a4!important;
}
.bossApp .miniProductCard .tagLine span,
.bossApp .tagLine span{
  background:#07090b!important;
  border-color:#48f2b8!important;
  color:#48f2b8!important;
}
.bossApp .miniProductCard .tagLine span:first-child,
.bossApp .tagLine span:first-child{
  background:#17140c!important;
  border-color:#f3d47b!important;
  color:#f3d47b!important;
}
.bossApp .miniProductCard .cardFoot strong,
.bossApp .featuredProduct strong,
.bossApp .menuItem strong,
.bossApp .rankItem strong,
.bossApp .orderCardHead strong{
  color:#f3d47b!important;
}
.bossApp .miniProductCard .cardFoot button,
.bossApp .featuredProduct button,
.bossApp .menuItem button,
.bossApp .bossOrderCard>button,
.bossApp .bossProfileSubmit,
.bossApp .detailBottomBar .primaryPay,
.bossApp .rechargeModalFoot button,
.bossApp .inviteCopyBtn{
  border:0!important;
  background:linear-gradient(135deg,#48f2b8,#f3d47b)!important;
  color:#07100d!important;
  border-radius:16px!important;
  font-weight:1000!important;
  box-shadow:0 12px 24px #22e5a933!important;
}
.bossApp .pillSegment button,
.bossApp .detailSpecGrid button,
.bossApp .orderOptionGrid button,
.bossApp .orderSpecGrid button,
.bossApp .quickSearch button,
.bossApp .orderTabs button{
  border-color:#2b323a!important;
  background:#0b0e12!important;
  color:#cbd3d1!important;
}
.bossApp .pillSegment button.active,
.bossApp .detailSpecGrid button.active,
.bossApp .orderOptionGrid button.active,
.bossApp .orderSpecGrid button.active,
.bossApp .orderTabs button.active{
  border-color:#48f2b8!important;
  background:#10251e!important;
  color:#48f2b8!important;
}
.bossApp .rankHero,
.bossApp .profileRecharge,
.bossApp .yxBalancePage .yxWalletCard,
.bossApp .rechargeModalHead{
  border:1px solid #2b323a!important;
  background:linear-gradient(135deg,#0b0e12 0,#11181b 50%,#1a2119 100%)!important;
  color:#f6f7f8!important;
  box-shadow:0 20px 42px #000c!important;
}
.bossApp .rankHero h1{color:#f6f7f8!important}
.bossApp .rankHero p{color:#aeb8b6!important}
.bossApp .rankHero button,
.bossApp .rankTabs button.active{
  background:linear-gradient(135deg,#48f2b8,#f3d47b)!important;
  color:#07100d!important;
}
.bossApp .rankTabs{
  border-color:#2b323a!important;
  background:#07090b!important;
}
.bossApp .rankTabs button{
  color:#838d8b!important;
}
.bossApp .rankSummary b,
.bossApp .profileStats b{
  color:#f3d47b!important;
}
.bossApp .rankItem>i{
  background:#15191e!important;
  color:#f3d47b!important;
}
.bossApp .bossBottom{
  height:68px!important;
  min-height:68px!important;
  padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;
  background:#050607f5!important;
  border-top:1px solid #20252b!important;
  box-shadow:0 -18px 38px #000d!important;
  backdrop-filter:blur(18px)!important;
}
.bossApp .bossBottom a{
  height:56px!important;
  border-radius:18px!important;
  color:#6f7a78!important;
}
.bossApp .bossBottom a.active{
  background:#101418!important;
  color:#48f2b8!important;
  box-shadow:inset 0 0 0 1px #2b323a,0 10px 24px #0008!important;
}
.bossApp .bossBottom .navIcon{
  background:#0a0d10!important;
  color:#6f7a78!important;
  box-shadow:inset 0 0 0 1px #2b323a!important;
}
.bossApp .bossBottom a.active .navIcon{
  background:linear-gradient(135deg,#48f2b8,#f3d47b)!important;
  color:#07100d!important;
  box-shadow:0 10px 22px #22e5a933!important;
}
.bossApp .diamondIcon,
.bossApp .promoIcon,
.bossApp .roundIcon,
.bossApp .squareIcon{
  background:linear-gradient(135deg,#48f2b8,#f3d47b)!important;
  color:#07100d!important;
}
@media(max-width:380px){
  .bossApp .searchBar,
  .bossApp .searchButton{
    height:44px!important;
    min-height:44px!important;
    gap:8px!important;
    padding-left:12px!important;
  }
  .bossApp .searchButton .searchText{
    font-size:11.5px!important;
    line-height:44px!important;
  }
  .bossApp .searchButton em{
    flex-basis:48px!important;
    width:48px!important;
  }
}

/* 20260707 boss bottom nav icon alignment */
.bossApp .bossBottom .navIcon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  overflow:hidden!important;
  border-radius:50%!important;
  line-height:1!important;
}
.bossApp .bossBottom .navIcon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:currentColor!important;
  transform:translate(-50%,-50%)!important;
  -webkit-mask:var(--nav-mask) center/20px 20px no-repeat!important;
  mask:var(--nav-mask) center/20px 20px no-repeat!important;
}
.bossApp .bossBottom .navIcon::after{
  content:""!important;
  display:none!important;
}
.bossApp .bossBottom .navHome{
  --nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 3l9 7.5'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E");
}
.bossApp .bossBottom .navOrder{
  --nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='7' width='14' height='12' rx='2.5'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
}
.bossApp .bossBottom .navOrders{
  --nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='16' rx='2.4'/%3E%3Cpath d='M9 9h6M9 13h6M9 17h4'/%3E%3C/svg%3E");
}
.bossApp .bossBottom .navMsg{
  --nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='6' width='16' height='12' rx='4'/%3E%3Ccircle cx='8' cy='12' r='1' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23000' stroke='none'/%3E%3Ccircle cx='16' cy='12' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
}
.bossApp .bossBottom .navMe{
  --nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5.5 20a6.5 6.5 0 0 1 13 0'/%3E%3C/svg%3E");
}

/* 20260708 remove demo data empty states */
.bossApp .rankEmpty{
  min-height:74px!important;
  display:grid!important;
  place-items:center!important;
  border:1px dashed #2b323a!important;
  border-radius:14px!important;
  background:#0a0d10!important;
  color:#6f7a78!important;
  font-size:13px!important;
  letter-spacing:0!important;
}

/* 20260708 boss register nickname random button */
.bossApp .nicknameRandomLine{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 68px!important;
  gap:8px!important;
  align-items:center!important;
}
.bossApp .nicknameRandomLine input{
  width:100%!important;
}
.bossApp .nicknameRandomLine button{
  height:42px!important;
  border:1px solid #2fe6b5!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#48f2b8,#f3d47b)!important;
  color:#07100d!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:0!important;
  box-shadow:0 10px 20px #22e5a922!important;
}
.bossApp .nicknameRandomLine button:active{
  transform:scale(.97)!important;
}

/* 20260708 admin dark ops polish */
.layout{
  --admin-bg:#050708;
  --admin-panel:#0b0f12;
  --admin-panel-2:#10161a;
  --admin-line:#20272e;
  --admin-line-2:#2c343d;
  --admin-text:#f5f7f8;
  --admin-muted:#9aa6a4;
  --admin-soft:#c7d1cf;
  --admin-mint:#48f2b8;
  --admin-gold:#f3d47b;
  --admin-blue:#7aa7ff;
  --admin-red:#ff6f91;
  --admin-green:#34d399;
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:224px minmax(0,1fr)!important;
  background:
    radial-gradient(circle at 18% 0,#14201d 0,#050708 310px),
    linear-gradient(180deg,#050708,#07090b)!important;
  color:var(--admin-text)!important;
  letter-spacing:0!important;
}
.layout *{box-sizing:border-box}
.layout .side{
  width:auto!important;
  min-width:0!important;
  padding:14px 12px!important;
  background:#050708!important;
  border-right:1px solid var(--admin-line)!important;
  box-shadow:18px 0 46px #0008!important;
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  overflow:auto!important;
}
.layout .side::-webkit-scrollbar,
.layout .main::-webkit-scrollbar,
.layout .card::-webkit-scrollbar,
.layout .adminGoodsEditScroll::-webkit-scrollbar{width:6px;height:6px}
.layout .side::-webkit-scrollbar-thumb,
.layout .main::-webkit-scrollbar-thumb,
.layout .card::-webkit-scrollbar-thumb,
.layout .adminGoodsEditScroll::-webkit-scrollbar-thumb{background:#2a343c;border-radius:999px}
.layout .side .logo{
  min-height:52px!important;
  margin:0 0 16px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid var(--admin-line)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#0d1518,#101a17)!important;
  box-shadow:0 16px 32px #0007!important;
}
.layout .side .logo img{
  width:32px!important;
  height:32px!important;
  object-fit:contain!important;
  border-radius:10px!important;
  background:#11181d!important;
  box-shadow:inset 0 0 0 1px #2b323a!important;
}
.layout .side .logo b{
  color:var(--admin-text)!important;
  font-size:16px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.layout .nav{
  display:grid!important;
  gap:5px!important;
  padding:0!important;
}
.layout .nav a{
  min-height:40px!important;
  margin:0!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#8f9c9a!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.15!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.layout .nav a::before{
  content:""!important;
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
  border-radius:50%!important;
  background:#313941!important;
  box-shadow:0 0 0 4px #101418!important;
}
.layout .nav a:hover{
  background:#0d1317!important;
  border-color:var(--admin-line)!important;
  color:#e8efed!important;
}
.layout .nav a.active{
  background:linear-gradient(135deg,#101b18,#15170f)!important;
  border-color:#385149!important;
  color:var(--admin-mint)!important;
  box-shadow:0 12px 24px #0007,inset 0 0 0 1px #1c2d28!important;
}
.layout .nav a.active::before{
  background:linear-gradient(135deg,var(--admin-mint),var(--admin-gold))!important;
  box-shadow:0 0 18px #48f2b866!important;
}
.layout .navGroup{
  margin:3px 0!important;
  padding:6px!important;
  border:1px solid var(--admin-line)!important;
  border-radius:16px!important;
  background:#070a0c!important;
  overflow:hidden!important;
}
.layout .navGroup .navParent{
  min-height:36px!important;
  padding:0 10px!important;
  background:#10161a!important;
  color:#edf5f2!important;
  border-radius:11px!important;
  cursor:default!important;
}
.layout .navGroup .navParent span{
  margin-left:auto!important;
  color:var(--admin-gold)!important;
  font-size:12px!important;
}
.layout .navGroup .navSub{
  min-height:34px!important;
  margin-top:5px!important;
  padding-left:22px!important;
  border-radius:11px!important;
  font-size:12px!important;
  color:#9aa6a4!important;
}
.layout .main{
  min-width:0!important;
  padding:18px 20px 34px!important;
  background:
    linear-gradient(180deg,#08100e 0,#050708 300px,#050708 100%)!important;
  overflow:auto!important;
}
.layout .top{
  min-height:72px!important;
  margin:0 0 16px!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border:1px solid var(--admin-line)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#0d1317,#101813 65%,#15150d)!important;
  box-shadow:0 18px 44px #0009!important;
}
.layout .top h2{
  margin:0!important;
  color:var(--admin-text)!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:1000!important;
}
.layout .top .sub{
  margin-top:6px!important;
  color:var(--admin-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.layout .row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.layout section[data-page]{
  min-width:0!important;
}
.layout .cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
.layout .card,
.layout .adminProductListCard,
.layout .adminProductEditCard{
  position:relative!important;
  min-width:0!important;
  border:1px solid var(--admin-line)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,var(--admin-panel-2),var(--admin-panel))!important;
  color:var(--admin-text)!important;
  box-shadow:0 16px 36px #0008!important;
  padding:14px!important;
  overflow:auto!important;
}
.layout .card::before,
.layout .adminPageTitle::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:2px!important;
  background:linear-gradient(90deg,var(--admin-mint),var(--admin-gold),var(--admin-blue))!important;
  opacity:.9!important;
}
.layout .cards .card{
  min-height:112px!important;
  overflow:hidden!important;
}
.layout .cards .card h3{
  color:#aeb8b6!important;
  font-size:13px!important;
  font-weight:900!important;
}
.layout .card h3{
  margin:0 0 8px!important;
  color:var(--admin-text)!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:1000!important;
}
.layout .num{
  color:var(--admin-gold)!important;
  font-size:28px!important;
  line-height:1.1!important;
  font-weight:1000!important;
}
.layout .up,
.layout .mini{
  color:var(--admin-muted)!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
.layout .adminPageTitle{
  position:relative!important;
  min-height:66px!important;
  margin:0 0 14px!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border:1px solid var(--admin-line)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#10161a,#0b0f12)!important;
  color:var(--admin-text)!important;
  box-shadow:0 16px 36px #0008!important;
  overflow:hidden!important;
}
.layout .adminPageTitle h3{
  margin:0!important;
  color:var(--admin-text)!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:1000!important;
}
.layout .adminPageTitle p,
.layout .adminPageTitle .mini{
  margin:6px 0 0!important;
  color:var(--admin-muted)!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.layout .adminPageTitle p b{color:var(--admin-gold)!important}
.layout .table{
  width:100%!important;
  min-width:720px!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#090d10!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.layout .table th{
  height:38px!important;
  padding:8px 10px!important;
  border-bottom:1px solid var(--admin-line)!important;
  background:#0f1519!important;
  color:#92a09d!important;
  font-size:12px!important;
  font-weight:1000!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.layout .table td{
  padding:9px 10px!important;
  border-bottom:1px solid #171d22!important;
  background:#0b0f12!important;
  color:#dce4e2!important;
  font-size:12px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
}
.layout .table tr:nth-child(even) td{
  background:#0d1216!important;
}
.layout .table tr:hover td{
  background:#12191e!important;
}
.layout .table tr:last-child td{border-bottom:0!important}
.layout .table b{color:#f6f8f8!important}
.layout .table p{margin:3px 0 0!important}
.layout input,
.layout select,
.layout textarea,
.adminGameModal input,
.adminGameModal select,
.adminGoodsModal input,
.adminGoodsModal select,
.adminGoodsModal textarea{
  width:auto!important;
  max-width:100%!important;
  min-height:34px!important;
  border:1px solid #29313a!important;
  border-radius:11px!important;
  background:#080b0d!important;
  color:var(--admin-text)!important;
  outline:none!important;
  box-shadow:none!important;
  font-size:12px!important;
}
.layout input,
.layout select,
.layout textarea{
  padding:7px 10px!important;
}
.layout input:focus,
.layout select:focus,
.layout textarea:focus,
.adminGameModal input:focus,
.adminGameModal select:focus,
.adminGoodsModal input:focus,
.adminGoodsModal select:focus,
.adminGoodsModal textarea:focus{
  border-color:var(--admin-mint)!important;
  box-shadow:0 0 0 3px #48f2b822!important;
}
.layout textarea,
.adminGoodsModal textarea{
  min-height:64px!important;
  resize:vertical!important;
}
.layout .field{
  margin-top:10px!important;
}
.layout .field label,
.adminGameModal .field label,
.adminGoodsModal label,
.adminImageUpload>label{
  display:block!important;
  margin:0 0 6px!important;
  color:#aeb8b6!important;
  font-size:12px!important;
  font-weight:1000!important;
}
.layout .field input,
.layout .field select{
  height:34px!important;
}
.layout .btn,
.adminGameModal .btn,
.adminGoodsModal .btn{
  min-height:34px!important;
  height:34px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid var(--admin-line-2)!important;
  border-radius:12px!important;
  background:#10161a!important;
  color:#dce4e2!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:0 10px 20px #0005!important;
}
.layout .btn.small,
.adminGameModal .btn.small,
.adminGoodsModal .btn.small{
  min-height:30px!important;
  height:30px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
}
.layout .btn.primary,
.adminGameModal .btn.primary,
.adminGoodsModal .btn.primary{
  border-color:#335b50!important;
  background:linear-gradient(135deg,var(--admin-mint),var(--admin-gold))!important;
  color:#07100d!important;
}
.layout .btn.success,
.adminGameModal .btn.success,
.adminGoodsModal .btn.success{
  border-color:#235c45!important;
  background:#0f2a22!important;
  color:#63f2bc!important;
}
.layout .btn.danger,
.adminGameModal .btn.danger,
.adminGoodsModal .btn.danger{
  border-color:#57313d!important;
  background:#241016!important;
  color:#ff8ca6!important;
}
.layout .btn.muted,
.adminGameModal .btn.muted,
.adminGoodsModal .btn.muted{
  border-color:#2b343c!important;
  background:#0c1114!important;
  color:#aeb8b6!important;
}
.layout .adminCompact{
  max-width:none!important;
}
.layout .adminCompact .settingGrid,
.layout .adminCompact .detailSettingGrid,
.layout .adminCompact .opsSettingGrid,
.layout .inviteAdminGrid,
.layout .customerAdminGrid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:10px!important;
  max-width:none!important;
  align-items:end!important;
}
.layout .adminCompact .smallField{
  max-width:none!important;
}
.layout .adminCompact .descField,
.layout .field.full{
  grid-column:1/-1!important;
  max-width:none!important;
}
.layout .adminCompact .field input,
.layout .adminCompact .field select,
.layout .adminCompact .field textarea{
  height:34px!important;
  font-size:12px!important;
}
.layout .adminBlockTitle{
  margin:16px 0 9px!important;
  padding-left:10px!important;
  border-left:3px solid var(--admin-mint)!important;
  color:var(--admin-text)!important;
  font-size:15px!important;
  font-weight:1000!important;
  line-height:1.2!important;
}
.layout .adminActions{
  margin-top:12px!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.layout .moneyTable{
  table-layout:auto!important;
  max-width:none!important;
}
.layout .moneyTable input.moneyName,
.layout .moneyTable input.moneyDesc,
.layout .moneyTable input.moneyPrice,
.layout .moneyTable select.moneyStatus,
.layout .moneyTable select.moneyCategory,
.layout .bannerTable input,
.layout .rechargeTable input{
  width:100%!important;
  min-width:76px!important;
}
.layout .moneyTable input.moneyName{min-width:120px!important}
.layout .moneyTable input.moneyDesc{min-width:160px!important}
.layout .moneyTable input.moneyPrice{max-width:110px!important}
.layout .moneyTable select.moneyStatus{max-width:110px!important}
.layout .adminGameTable,
.layout .dispatchGoodsTable,
.layout .bossUserTable,
.layout .bossUserAuditTable,
.layout .financeRechargeTable{
  min-width:980px!important;
}
.layout .adminGameTable .btn,
.layout .dispatchGoodsTable .btn{
  margin:2px!important;
}
.layout .adminGameIcon,
.layout .adminGoodsIcon,
.layout .adminProduct img,
.layout .adminProductDetail img,
.layout .adminBossUserCell img,
.layout .adminMiniImage img{
  border:1px solid var(--admin-line-2)!important;
  border-radius:12px!important;
  background:#07090b!important;
  object-fit:cover!important;
  box-shadow:0 10px 22px #0007!important;
}
.layout .adminGameIcon{width:54px!important;height:54px!important}
.layout .adminGoodsIcon{width:42px!important;height:42px!important}
.layout .adminProduct,
.layout .adminProductDetail{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.layout .adminProductDetail img,
.layout .adminCompact .adminProduct img{
  width:110px!important;
  height:82px!important;
}
.layout .adminTypeCell,
.layout .adminBossUserCell{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.layout .adminBossUserCell b,
.layout .adminTypeCell span{
  white-space:nowrap!important;
}
.layout .adminPriceList{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(90px,1fr))!important;
  gap:5px!important;
}
.layout .adminPriceList p,
.layout .adminGoodsDisplay p{
  margin:0!important;
  padding:5px 7px!important;
  border:1px solid #263039!important;
  border-radius:9px!important;
  background:#080b0d!important;
  color:#b7c1bf!important;
}
.layout .adminPriceList em{
  color:var(--admin-gold)!important;
  font-style:normal!important;
  font-weight:1000!important;
}
.layout .adminPriceRange,
.layout .status,
.layout .tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:0 9px!important;
  border:1px solid #3b3320!important;
  border-radius:999px!important;
  background:#1a160d!important;
  color:var(--admin-gold)!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.layout .s-completed,
.layout .s-paid,
.layout .s-serving,
.layout .s-approved{
  border-color:#214d3f!important;
  background:#0d211b!important;
  color:#6df0bd!important;
}
.layout .s-review,
.layout .s-pending,
.layout .s-wait_grab,
.layout .s-wait_boss{
  border-color:#4d4221!important;
  background:#211b0d!important;
  color:#ffe08a!important;
}
.layout .s-rejected,
.layout .s-cancelled,
.layout .s-disabled{
  border-color:#56313d!important;
  background:#241016!important;
  color:#ff91aa!important;
}
.layout .adminBlueText{color:#83b8ff!important}
.layout .adminLevelCell{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  color:var(--admin-gold)!important;
  white-space:nowrap!important;
}
.layout .bossProfileAuditCell{
  display:grid!important;
  gap:7px!important;
  min-width:220px!important;
}
.layout .bossProfileAuditPics{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.layout .bossProfileAuditPics img{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:1px solid var(--admin-line-2)!important;
}
.layout .manualPayPreview,
.layout .imageUploadRow,
.layout .adminUploadLine{
  border:1px solid var(--admin-line)!important;
  border-radius:14px!important;
  background:#080b0d!important;
  padding:10px!important;
}
.layout .manualPayPreview img{
  width:72px!important;
  height:72px!important;
  border-radius:12px!important;
  object-fit:cover!important;
  border:1px solid var(--admin-line-2)!important;
}
.layout .imageUploadBox,
.layout .adminUploadBox{
  border:1px dashed #3a444e!important;
  border-radius:14px!important;
  background:#080b0d!important;
  color:#8f9c9a!important;
}
.layout .imageUploadBox img,
.layout .adminUploadBox img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:12px!important;
}
.adminGameModal,
.adminGoodsModal{
  border:1px solid #2b343c!important;
  border-radius:20px!important;
  background:#080b0d!important;
  color:#f5f7f8!important;
  box-shadow:0 32px 96px #000d!important;
  overflow:hidden!important;
}
.adminModalHead{
  height:58px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid #20272e!important;
  background:linear-gradient(135deg,#10161a,#111810)!important;
}
.adminModalHead h2{
  margin:0!important;
  color:#f5f7f8!important;
  font-size:18px!important;
  font-weight:1000!important;
}
.adminModalHead button{
  width:34px!important;
  height:34px!important;
  border:1px solid #2b343c!important;
  border-radius:50%!important;
  background:#0b0f12!important;
  color:#dce4e2!important;
  font-size:22px!important;
}
.adminGameModalBody,
.adminGoodsModal .adminGameModalBody{
  padding:16px 18px!important;
}
.adminModalGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(180px,1fr))!important;
  gap:12px!important;
}
.adminModalFoot{
  padding:14px 18px!important;
  border-top:1px solid #20272e!important;
  background:#0b0f12!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:9px!important;
}
.adminGoodsSetup{
  margin:14px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:minmax(280px,520px) minmax(220px,1fr)!important;
  gap:14px!important;
  border:1px solid #20272e!important;
  border-radius:16px!important;
  background:#0b0f12!important;
}
.adminGoodsSetup h3{
  margin:0 0 10px!important;
  color:#f5f7f8!important;
  font-size:15px!important;
}
.adminGoodsSetup p{
  height:auto!important;
  min-height:28px!important;
  margin:5px 0!important;
  padding:6px 10px!important;
  border:1px solid #222b33!important;
  border-radius:10px!important;
  background:#080b0d!important;
  color:#aeb8b6!important;
}
.adminGoodsSetup p.active{
  border-color:#3d544d!important;
  background:#10211c!important;
  color:#7ff4c6!important;
}
.adminGoodsEditPanel{
  margin:14px!important;
  border:1px solid #20272e!important;
  border-radius:16px!important;
  background:#0b0f12!important;
  overflow:hidden!important;
}
.adminGoodsEditHead{
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  border-bottom:1px solid #20272e!important;
  background:#10161a!important;
}
.adminGoodsEditHead input{
  max-width:160px!important;
}
.adminGoodsEditScroll{
  overflow:auto!important;
  padding:12px!important;
}
.adminGoodsEditTable{
  min-width:1400px!important;
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.adminGoodsEditTable th{
  padding:8px!important;
  background:#10161a!important;
  color:#92a09d!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
.adminGoodsEditTable td{
  padding:8px!important;
  border-bottom:1px solid #171d22!important;
  color:#dce4e2!important;
}
.adminMiniImage{
  width:64px!important;
  height:50px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  position:relative!important;
}
.adminMiniImage button{
  position:absolute!important;
  right:3px!important;
  top:3px!important;
  width:18px!important;
  height:18px!important;
  border:0!important;
  border-radius:50%!important;
  background:#0009!important;
  color:#fff!important;
}
.imageSpaceDrawer.show{
  z-index:96!important;
}
.imageSpaceDrawer{
  background:#080b0d!important;
  color:#f5f7f8!important;
  border-left:1px solid #20272e!important;
  box-shadow:-28px 0 80px #000d!important;
}
.imageSpaceDrawer .drawerHead{
  height:58px!important;
  padding:0 16px!important;
  border-bottom:1px solid #20272e!important;
  color:#f5f7f8!important;
  background:#0b0f12!important;
}
.imageSpaceDrawer .drawerHead button{
  width:34px!important;
  height:34px!important;
  border:1px solid #2b343c!important;
  border-radius:50%!important;
  background:#10161a!important;
  color:#dce4e2!important;
}
.imageSpaceGrid{
  padding:14px!important;
  gap:12px!important;
}
.imageSpaceGrid button{
  border:1px solid #20272e!important;
  border-radius:14px!important;
  background:#0b0f12!important;
  color:#dce4e2!important;
}
.imageSpaceGrid img{
  border-radius:11px!important;
  background:#050708!important;
}
.imageSpaceFoot{
  border-top:1px solid #20272e!important;
  background:#0b0f12!important;
}
@media(max-width:980px){
  .layout{
    grid-template-columns:92px minmax(0,1fr)!important;
  }
  .layout .side{
    padding:10px 7px!important;
  }
  .layout .side .logo{
    justify-content:center!important;
    min-height:46px!important;
    padding:7px!important;
  }
  .layout .side .logo b{
    display:none!important;
  }
  .layout .nav a{
    min-height:36px!important;
    justify-content:center!important;
    text-align:center!important;
    padding:0 5px!important;
    font-size:11px!important;
  }
  .layout .nav a::before{
    display:none!important;
  }
  .layout .navGroup{
    padding:4px!important;
  }
  .layout .navGroup .navParent{
    justify-content:center!important;
    padding:0 4px!important;
    font-size:11px!important;
  }
  .layout .navGroup .navParent span{
    display:none!important;
  }
  .layout .navGroup .navSub{
    padding:0 3px!important;
    justify-content:center!important;
    font-size:10px!important;
  }
  .layout .main{
    padding:12px!important;
  }
  .layout .top{
    min-height:62px!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .layout .top h2{
    font-size:19px!important;
  }
  .layout .top .sub,
  .layout .top .row{
    display:none!important;
  }
  .layout .adminPageTitle{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .adminModalGrid,
  .adminGoodsSetup{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  .layout{
    grid-template-columns:78px minmax(0,1fr)!important;
  }
  .layout .main{
    padding:8px!important;
  }
  .layout .cards{
    grid-template-columns:1fr!important;
  }
  .layout .card,
  .layout .adminProductListCard,
  .layout .adminProductEditCard,
  .layout .adminPageTitle{
    border-radius:14px!important;
    padding:11px!important;
  }
  .layout .adminProduct,
  .layout .adminProductDetail{
    grid-template-columns:1fr!important;
  }
  .layout .adminProductDetail img,
  .layout .adminCompact .adminProduct img{
    width:96px!important;
    height:72px!important;
  }
  .adminGameModal,
  .adminGoodsModal{
    width:96vw!important;
    max-height:88vh!important;
  }
}

/* 20260708 admin modal token fix */
.adminGameModal,
.adminGoodsModal,
.imageSpaceDrawer{
  --admin-bg:#050708;
  --admin-panel:#0b0f12;
  --admin-panel-2:#10161a;
  --admin-line:#20272e;
  --admin-line-2:#2c343d;
  --admin-text:#f5f7f8;
  --admin-muted:#9aa6a4;
  --admin-soft:#c7d1cf;
  --admin-mint:#48f2b8;
  --admin-gold:#f3d47b;
  --admin-blue:#7aa7ff;
  --admin-red:#ff6f91;
  --admin-green:#34d399;
}
.adminGameModal .btn.primary,
.adminGoodsModal .btn.primary{
  background:linear-gradient(135deg,#48f2b8,#f3d47b)!important;
  color:#07100d!important;
  border-color:#335b50!important;
}

/* 20260708 Aliyun real-name verify polish */
.bossApp .aliyunRealNamePage{
  min-height:100vh!important;
  padding-bottom:42px!important;
  background:
    radial-gradient(circle at 18% 0%,#163226 0,#101513 34%,#070909 72%)!important;
  color:#f6faf8!important;
}
.bossApp .aliyunRealNamePage .realNameTop{
  grid-template-columns:48px 1fr 88px!important;
  background:#090d0cf2!important;
  border-bottom:1px solid #25312d!important;
}
.bossApp .aliyunRealNamePage .realNameTop button{
  width:38px!important;
  height:38px!important;
  margin:auto!important;
  border-radius:50%!important;
  background:#121916!important;
  color:#effaf5!important;
  font-size:25px!important;
}
.bossApp .aliyunRealNamePage .realStatus{
  min-width:58px!important;
  border:1px solid #2e3a35!important;
  background:#111816!important;
  color:#aab8b1!important;
}
.bossApp .aliyunRealNamePage .realStatus.pending{
  border-color:#766230!important;
  background:#201b10!important;
  color:#f3d47b!important;
}
.bossApp .aliyunRealNamePage .realStatus.verified{
  border-color:#2b6f58!important;
  background:#0d241b!important;
  color:#48f2b8!important;
}
.bossApp .aliyunRealNamePage .realStatus.rejected{
  border-color:#743845!important;
  background:#251116!important;
  color:#ff8a9d!important;
}
.bossApp .aliyunRealHero{
  margin:14px 12px 0!important;
  border:1px solid #2a3a34!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,#101615 0%,#15231d 46%,#294526 100%)!important;
  box-shadow:0 16px 42px #0009!important;
}
.bossApp .aliyunRealHero span{
  color:#7df8c8!important;
  letter-spacing:0!important;
}
.bossApp .aliyunRealHero h1{
  color:#fffaf0!important;
  font-size:23px!important;
  letter-spacing:0!important;
}
.bossApp .aliyunRealHero p{
  color:#c8d8d0!important;
}
.bossApp .aliyunRealHero i{
  width:78px!important;
  height:78px!important;
  border-radius:22px!important;
  border:1px solid #ffffff22!important;
  background:linear-gradient(135deg,#48f2b833,#f3d47b22)!important;
}
.bossApp .aliyunRealNamePage .realCard{
  margin:12px 12px 0!important;
  border:1px solid #26322e!important;
  border-radius:16px!important;
  background:#0d1210!important;
  box-shadow:0 14px 36px #0007!important;
}
.bossApp .aliyunProgress{
  grid-template-columns:1fr 24px 1fr 24px 1fr!important;
  padding:13px 10px!important;
}
.bossApp .aliyunProgress div{
  color:#86938e!important;
}
.bossApp .aliyunProgress i{
  background:#171f1c!important;
  color:#8d9b96!important;
  border:1px solid #2c3934!important;
}
.bossApp .aliyunProgress .active i,
.bossApp .aliyunProgress .done i{
  background:linear-gradient(135deg,#48f2b8,#f3d47b)!important;
  color:#06100c!important;
}
.bossApp .aliyunProgress em{
  background:#2a3832!important;
}
.bossApp .aliyunApiState p{
  margin:8px 0 0!important;
  color:#9eaaa5!important;
}
.bossApp .aliyunApiState #realConfigStatus.ready{
  color:#48f2b8!important;
}
.bossApp .aliyunApiState #realConfigStatus.warn{
  color:#f3d47b!important;
}
.bossApp .aliyunRealForm{
  padding:14px!important;
}
.bossApp .aliyunRealForm .field{
  margin-top:10px!important;
}
.bossApp .aliyunRealForm .field label{
  color:#d9e3dd!important;
}
.bossApp .aliyunRealForm input{
  height:42px!important;
  border:1px solid #2a3832!important;
  border-radius:12px!important;
  background:#090d0c!important;
  color:#f7fbf8!important;
}
.bossApp .aliyunRealForm input::placeholder{
  color:#5d6b65!important;
}
.bossApp .aliyunRealForm input[readonly]{
  background:#121815!important;
  color:#99a7a1!important;
}
.bossApp .aliyunRealNamePage .realAgree{
  color:#a8b6b0!important;
}
.bossApp .aliyunRealNamePage .realSubmit{
  height:46px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#48f2b8,#f3d47b)!important;
  color:#06100c!important;
  box-shadow:0 14px 26px #48f2b824!important;
}
.bossApp .aliyunRealNamePage .realSubmit:disabled{
  opacity:.65!important;
  filter:saturate(.7)!important;
}
.bossApp .aliyunRealNamePage .realTips{
  margin:12px!important;
  border:1px solid #26322e!important;
  border-radius:16px!important;
  background:#0f1513!important;
  color:#c5d0cb!important;
}
.bossApp .aliyunRealNamePage .realTips p{
  color:#9eaaa5!important;
}

/* 20260708 payment guard */
.payMethodCard.disabled{
  opacity:.48!important;
  filter:grayscale(.35)!important;
}
.payMethodCard.disabled span{
  color:#f3d47b!important;
}
.paySubmit:disabled{
  opacity:.65!important;
  cursor:not-allowed!important;
}
.payMethodCard.short{
  border-color:#f3d47b!important;
  box-shadow:0 0 0 1px #f3d47b55 inset!important;
}
.payMethodCard.short em{
  background:#f3d47b!important;
  color:#21170b!important;
}
.payBalanceWarn b{
  color:#f3d47b!important;
}
.paySubmit.needRecharge{
  background:linear-gradient(135deg,#f3d47b,#48f2b8)!important;
  color:#06100c!important;
}
.balanceRechargeBox{
  width:min(360px,90vw)!important;
  border:1px solid #3a2b45!important;
  border-radius:22px!important;
  background:#15101c!important;
  color:#f8f4ef!important;
  box-shadow:0 28px 90px #000d!important;
  padding:24px 20px 18px!important;
  position:relative!important;
  text-align:center!important;
}
.balanceRechargeClose{
  position:absolute!important;
  right:12px!important;
  top:10px!important;
  width:32px!important;
  height:32px!important;
  border:1px solid #3d3149!important;
  border-radius:50%!important;
  background:#201629!important;
  color:#cfc5d8!important;
}
.balanceRechargeIcon{
  width:68px!important;
  height:68px!important;
  margin:0 auto 12px!important;
  border-radius:22px!important;
  display:block!important;
  background:
    radial-gradient(circle at 62% 42%,#2d1c11 0 5px,transparent 6px),
    linear-gradient(135deg,#f3d47b,#f39b62)!important;
  box-shadow:0 16px 34px #f3d47b22!important;
}
.balanceRechargeBox h2{
  margin:0!important;
  font-size:24px!important;
  letter-spacing:0!important;
}
.balanceRechargeBox p{
  margin:10px 0 16px!important;
  color:#bdb2c6!important;
  font-size:13px!important;
  line-height:1.65!important;
}
.balanceRechargeBox p b,
.balanceRechargeBox p strong,
.balanceRechargeBox p em{
  color:#f3d47b!important;
  font-style:normal!important;
}
.balanceRechargeActions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.balanceRechargeActions button{
  height:44px!important;
  border:1px solid #3d3149!important;
  border-radius:14px!important;
  background:#201629!important;
  color:#d8cfdf!important;
  font-weight:900!important;
}
.balanceRechargeActions .primary{
  border:0!important;
  background:linear-gradient(135deg,#f3d47b,#48f2b8)!important;
  color:#06100c!important;
}
.balanceRechargeBox span{
  display:block!important;
  margin-top:12px!important;
  color:#8f8499!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* 20260708 recharge click guard */
.bossApp .profileRecharge{
  cursor:pointer!important;
  position:relative!important;
}
.bossApp .profileRecharge::after{
  pointer-events:none!important;
}
.bossApp .profileRecharge .diamondIcon,
.bossApp .profileRecharge div,
.bossApp .profileRecharge button{
  position:relative!important;
  z-index:2!important;
}
.bossApp .profileRecharge button{
  pointer-events:auto!important;
}

/* 20260708 port badges refinement */
.bossApp .platformIconLine{
  align-items:center!important;
  gap:6px!important;
}
.bossApp .platformIconLine .platformTagWithIcon{
  display:inline-flex!important;
  place-items:initial!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  height:26px!important;
  min-width:0!important;
  padding:0 8px 0 5px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#101817,#080d0c)!important;
  border:1px solid #233a36!important;
  color:#eafff8!important;
  box-shadow:inset 0 0 0 1px #ffffff08,0 6px 14px #0005!important;
}
.bossApp .platformIconLine .platformTagWithIcon.mobile{
  border-color:#2bd8ad66!important;
  background:linear-gradient(180deg,#102720,#09120f)!important;
}
.bossApp .platformIconLine .platformTagWithIcon.pc{
  border-color:#48a8f266!important;
  background:linear-gradient(180deg,#102232,#081018)!important;
}
.bossApp .platformIconLine .platformTagWithIcon img{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  border-radius:6px!important;
  object-fit:cover!important;
  display:block!important;
  box-shadow:0 0 0 1px #ffffff14!important;
}
.bossApp .platformIconLine .platformTagWithIcon em{
  display:block!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:0!important;
  color:inherit!important;
  white-space:nowrap!important;
}
.bossApp .miniProductCard .platformIconLine{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0 0 8px!important;
  min-height:26px!important;
}
.bossApp .miniProductCard .platformIconLine .platformTagWithIcon{
  width:100%!important;
  padding:0 6px!important;
}
.bossApp .miniProductCard .platformIconLine .platformTagWithIcon:first-child,
.bossApp .platformIconLine .platformTagWithIcon:first-child{
  color:#eafff8!important;
}
.bossApp .menuItem .platformIconLine,
.bossApp .searchResultItem .platformIconLine{
  display:flex!important;
  flex-wrap:wrap!important;
  margin-top:4px!important;
}
.bossApp .menuItem .platformIconLine>span:not(.platformTagWithIcon){
  display:inline-grid!important;
  place-items:center!important;
  height:26px!important;
  border-radius:10px!important;
  padding:0 8px!important;
  background:#17140c!important;
  border:1px solid #f3d47b66!important;
  color:#f3d47b!important;
  font-size:11px!important;
  font-weight:950!important;
}

.bossApp .miniProductCard .platformIconLine .platformTagWithIcon{
  display:flex!important;
  place-items:normal!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  width:100%!important;
  padding:0 6px!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
.bossApp .miniProductCard .platformIconLine .platformTagWithIcon img{
  display:block!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  max-width:17px!important;
  border-radius:6px!important;
  object-fit:cover!important;
}
.bossApp .miniProductCard .platformIconLine .platformTagWithIcon em{
  display:block!important;
  width:auto!important;
  height:auto!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* 20260708 neutral product port badges */
.bossApp .miniProductCard .platformIconLine .platformTagWithIcon,
.bossApp .miniProductCard .platformIconLine .platformTagWithIcon:first-child,
.bossApp .miniProductCard .platformIconLine .platformTagWithIcon.mobile,
.bossApp .miniProductCard .platformIconLine .platformTagWithIcon.pc,
.bossApp .menuItem .platformIconLine .platformTagWithIcon,
.bossApp .menuItem .platformIconLine .platformTagWithIcon:first-child,
.bossApp .menuItem .platformIconLine .platformTagWithIcon.mobile,
.bossApp .menuItem .platformIconLine .platformTagWithIcon.pc,
.bossApp .searchResultItem .platformIconLine .platformTagWithIcon,
.bossApp .searchResultItem .platformIconLine .platformTagWithIcon:first-child,
.bossApp .searchResultItem .platformIconLine .platformTagWithIcon.mobile,
.bossApp .searchResultItem .platformIconLine .platformTagWithIcon.pc{
  background:linear-gradient(180deg,#111a1f,#090f13)!important;
  border-color:#35424b!important;
  color:#dce8eb!important;
  box-shadow:inset 0 0 0 1px #ffffff07,0 5px 12px #0004!important;
}
.bossApp .miniProductCard .platformIconLine .platformTagWithIcon img,
.bossApp .menuItem .platformIconLine .platformTagWithIcon img,
.bossApp .searchResultItem .platformIconLine .platformTagWithIcon img{
  opacity:.82!important;
  filter:saturate(.82) brightness(.92)!important;
  box-shadow:0 0 0 1px #ffffff10!important;
}
.bossApp .miniProductCard .platformIconLine .platformTagWithIcon em,
.bossApp .menuItem .platformIconLine .platformTagWithIcon em,
.bossApp .searchResultItem .platformIconLine .platformTagWithIcon em{
  color:#dce8eb!important;
}

/* 20260708 boss premium black-gold theme */
.bossApp{
  --boss-bg:#050403;
  --boss-bg-2:#0a0806;
  --boss-panel:#0f0c08;
  --boss-panel-2:#17120c;
  --boss-panel-3:#21180d;
  --boss-line:#342a1b;
  --boss-line-2:#4b3a21;
  --boss-gold:#d8b76a;
  --boss-gold-2:#f4d992;
  --boss-ivory:#fff4dc;
  --boss-muted:#b6aa94;
  --boss-soft:#d9cfbb;
  --boss-red:#7a1f2b;
  --boss-red-2:#a73742;
  --boss-shadow:#000c;
}
.bossApp.mobile{
  background:var(--boss-bg)!important;
  color:var(--boss-ivory)!important;
  border-left:1px solid #20180f!important;
  border-right:1px solid #20180f!important;
}
.bossApp [data-page],
.bossApp .bossHome,
.bossApp .rankHome,
.bossApp .profilePage,
.bossApp .bossOrderPage,
.bossApp .searchPage,
.bossApp .menuPage,
.bossApp .playerProfilePage,
.bossApp .walletPage,
.bossApp .yxBalancePage,
.bossApp .detailScroll,
.bossApp [data-page=order] .bossHome{
  background:
    radial-gradient(circle at 82% 0%,#2f2413 0,#100c07 34%,transparent 58%),
    linear-gradient(180deg,#12100c 0,#090705 230px,var(--boss-bg) 100%)!important;
  color:var(--boss-ivory)!important;
}
.bossApp .bossTop,
.bossApp .walletTop,
.bossApp .detailTop,
.bossApp .menuPageTop,
.bossApp .playerProfileTop,
.bossApp .orderPageTop{
  background:#060504f5!important;
  border-bottom:1px solid #2b2115!important;
  color:var(--boss-ivory)!important;
  box-shadow:0 12px 30px #000d!important;
}
.bossApp .bossTop b,
.bossApp .walletTop b,
.bossApp .detailTop b,
.bossApp .menuPageTop b,
.bossApp .playerProfileTop b,
.bossApp .orderPageTop b{
  color:var(--boss-ivory)!important;
}
.bossApp .searchBar,
.bossApp .searchButton,
.bossApp .searchInputWrap input{
  border-color:var(--boss-line)!important;
  background:#0a0806!important;
  color:var(--boss-soft)!important;
  box-shadow:inset 0 0 0 1px #fff7df06,0 14px 28px #000b!important;
}
.bossApp .searchBar::before{
  border-color:var(--boss-gold)!important;
  box-shadow:0 0 14px #d8b76a40!important;
}
.bossApp .searchButton .searchText{
  color:var(--boss-soft)!important;
}
.bossApp .searchButton em,
.bossApp .searchInputWrap button,
.bossApp .miniProductCard .cardFoot button,
.bossApp .featuredProduct button,
.bossApp .menuItem button,
.bossApp .bossOrderCard>button,
.bossApp .bossProfileSubmit,
.bossApp .detailBottomBar .primaryPay,
.bossApp .rechargeModalFoot button,
.bossApp .inviteCopyBtn,
.bossApp .rankHero button,
.bossApp .rankTabs button.active,
.bossApp .paySubmit,
.bossApp .aliyunRealNamePage .realSubmit{
  background:linear-gradient(135deg,#f3d989 0,#c99b45 58%,#7a1f2b 100%)!important;
  color:#130d06!important;
  border:0!important;
  box-shadow:0 13px 26px #d8b76a28!important;
}
.bossApp .heroBanner,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider{
  border-color:var(--boss-line)!important;
  background:#0a0806!important;
  box-shadow:0 20px 42px #000d!important;
}
.bossApp .heroBanner img,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider img,
.bossApp .miniProductCard .thumbWrap img,
.bossApp .featuredProduct img,
.bossApp .menuItem>img,
.bossApp .detailPoster{
  filter:saturate(.72) brightness(.9) contrast(1.06)!important;
}
.bossApp .heroBanner::after,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::after{
  background:linear-gradient(90deg,#05040382 0,#05040338 48%,#05040300 100%)!important;
}
.bossApp .heroCopy b,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy b{
  color:var(--boss-ivory)!important;
  text-shadow:0 3px 16px #000!important;
}
.bossApp .heroCopy span,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy span{
  color:#eadcc0!important;
}
.bossApp .heroCopy em{
  background:linear-gradient(135deg,var(--boss-gold-2),var(--boss-gold))!important;
  color:#140e06!important;
}
.bossApp .walletEntrances button,
.bossApp .noticeBar,
.bossApp .playerRuleLine,
.bossApp .menuTip,
.bossApp .miniProductCard,
.bossApp .featuredProduct,
.bossApp .menuItem,
.bossApp .profileStats,
.bossApp .profileCard,
.bossApp .bossLevelCard,
.bossApp .profileSection,
.bossApp .bossOrderCard,
.bossApp .detailPanel,
.bossApp .orderPanel,
.bossApp .detailPosterWrap,
.bossApp .playerInfoCard,
.bossApp .playerSection,
.bossApp .playerServiceCard,
.bossApp .rankBlock,
.bossApp .rankSummary div,
.bossApp .balanceRecord,
.bossApp .profilePromo .profileActionCard,
.bossApp .serviceGrid button,
.bossApp .orderStats button,
.bossApp .profileMenuGrid button,
.bossApp .rankItem{
  border-color:var(--boss-line)!important;
  background:linear-gradient(180deg,#110d08 0,#0a0806 100%)!important;
  color:var(--boss-ivory)!important;
  box-shadow:0 18px 36px #000b!important;
}
.bossApp .walletEntrances .rechargeEntry,
.bossApp .profileRecharge,
.bossApp .yxBalancePage .yxWalletCard,
.bossApp .rechargeModalHead,
.bossApp .balanceHero{
  border-color:#5a4425!important;
  background:
    radial-gradient(circle at 78% 0%,#f3d47b24 0,transparent 42%),
    linear-gradient(135deg,#140f08 0,#2a1d0d 58%,#7a1f2b 118%)!important;
  color:var(--boss-ivory)!important;
  box-shadow:0 20px 44px #000c!important;
}
.bossApp .walletEntrances .inviteEntry,
.bossApp .inviteTop,
.bossApp .inviteHero{
  border-color:#5a4425!important;
  background:
    radial-gradient(circle at 15% 10%,#f3d47b26 0,transparent 44%),
    linear-gradient(135deg,#0b0907 0,#2b2114 56%,#8d2935 130%)!important;
}
.bossApp .walletEntrances button i,
.bossApp .diamondIcon,
.bossApp .promoIcon,
.bossApp .roundIcon,
.bossApp .squareIcon{
  background:linear-gradient(135deg,#f7e3a8,#c99b45)!important;
  color:#130d06!important;
  border-color:#fff2bd55!important;
}
.bossApp .diamondIcon::before{
  background:linear-gradient(135deg,#fff8df,#d8b76a 65%,#8a632e)!important;
}
.bossApp .noticeBar b,
.bossApp .listHead b,
.bossApp .menuHead b,
.bossApp .profileTitle,
.bossApp .rankBlockHead b,
.bossApp .levelInfo b,
.bossApp .walletTitle,
.bossApp .rankSummary b,
.bossApp .profileStats b{
  color:var(--boss-gold-2)!important;
}
.bossApp .listHead b::before,
.bossApp .menuHead b::before,
.bossApp .profileTitle::before,
.bossApp .miniProductCard::before,
.bossApp .bossOrderCard::before,
.bossApp .menuItem::before,
.bossApp .rankBlock::before{
  background:linear-gradient(90deg,#7a1f2b,#d8b76a,#fff0bb)!important;
}
.bossApp .listHead button,
.bossApp .menuHead button{
  color:var(--boss-gold-2)!important;
}
.bossApp .miniProductCard .thumbWrap,
.bossApp .rankItem,
.bossApp .orderCardMeta p,
.bossApp .confirmRows,
.bossApp .grabInfo p{
  border-color:#2b2115!important;
  background:#070504!important;
}
.bossApp .miniProductCard .thumbWrap::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,#00000010,#d8b76a16)!important;
}
.bossApp .miniProductCard .thumbWrap span,
.bossApp .bossLevelBadge,
.bossApp .playerLevelTag{
  border-color:#d8b76a77!important;
  background:#21180d!important;
  color:#f4d992!important;
}
.bossApp .miniProductCard>b,
.bossApp .featuredProduct h3,
.bossApp .menuItem h3,
.bossApp .orderCardHead b,
.bossApp .playerInfoCard h1,
.bossApp .rankItem b{
  color:var(--boss-ivory)!important;
}
.bossApp .miniProductCard p,
.bossApp .featuredProduct p,
.bossApp .menuItem p,
.bossApp .profileUser p,
.bossApp .profileStats span,
.bossApp .profilePromo .profileActionCard span,
.bossApp .orderCardHead span,
.bossApp .orderRemark,
.bossApp .rankItem span,
.bossApp .quickSearch button,
.bossApp .searchInputWrap input,
.bossApp .noticeBar span,
.bossApp .walletEntrances span,
.bossApp .rankHero p,
.bossApp .rankBlockHead span{
  color:var(--boss-muted)!important;
}
.bossApp .miniProductCard .cardFoot strong,
.bossApp .featuredProduct strong,
.bossApp .menuItem strong,
.bossApp .grabCardTop strong,
.bossApp .orderCardHead strong,
.bossApp .rankItem strong,
.bossApp .rankBlock.spend .rankItem strong,
.bossApp .rankBlock.level .rankItem strong,
.bossApp .rankBlock.player .rankItem strong{
  color:var(--boss-gold-2)!important;
  text-shadow:0 8px 18px #0008!important;
}
.bossApp .miniProductCard .tagLine span,
.bossApp .tagLine span,
.bossApp .platformIconLine .platformTagWithIcon,
.bossApp .platformIconLine .platformTagWithIcon:first-child,
.bossApp .platformIconLine .platformTagWithIcon.mobile,
.bossApp .platformIconLine .platformTagWithIcon.pc{
  background:#0b0805!important;
  border-color:#4a3a23!important;
  color:#d9cfbb!important;
  box-shadow:inset 0 0 0 1px #fff7df05,0 5px 12px #0005!important;
}
.bossApp .miniProductCard .tagLine span:first-child,
.bossApp .tagLine span:first-child,
.bossApp .menuItem .platformIconLine>span:not(.platformTagWithIcon){
  border-color:#7a1f2b88!important;
  background:#1b0b0e!important;
  color:#e8c0a5!important;
}
.bossApp .platformIconLine .platformTagWithIcon img{
  opacity:.78!important;
  filter:saturate(.58) brightness(.9) sepia(.12)!important;
}
.bossApp .platformIconLine .platformTagWithIcon em{
  color:#d9cfbb!important;
}
.bossApp .pillSegment button,
.bossApp .detailSpecGrid button,
.bossApp .orderOptionGrid button,
.bossApp .orderSpecGrid button,
.bossApp .quickSearch button,
.bossApp .orderTabs button,
.bossApp .rankTabs,
.bossApp .rankTabs button,
.bossApp .rechargeGrid button,
.bossApp .payMethodCard{
  border-color:var(--boss-line)!important;
  background:#0d0a07!important;
  color:var(--boss-soft)!important;
}
.bossApp .pillSegment button.active,
.bossApp .detailSpecGrid button.active,
.bossApp .orderOptionGrid button.active,
.bossApp .orderSpecGrid button.active,
.bossApp .orderTabs button.active,
.bossApp .rechargeGrid button.active,
.bossApp .payMethodCard.active{
  border-color:var(--boss-gold)!important;
  background:#21180d!important;
  color:var(--boss-gold-2)!important;
  box-shadow:0 0 0 2px #d8b76a20!important;
}
.bossApp .productIntro h1,
.bossApp .detailSpecGrid span,
.bossApp .payOrderSummary strong,
.bossApp .balanceRechargeBox p b,
.bossApp .balanceRechargeBox p strong,
.bossApp .balanceRechargeBox p em{
  color:var(--boss-gold-2)!important;
}
.bossApp .detailField input,
.bossApp .detailField textarea,
.bossApp .bossProfileEditBox input,
.bossApp .rechargeModalBox input,
.bossApp .rechargeModalBox textarea,
.bossApp .aliyunRealForm input{
  border-color:var(--boss-line)!important;
  background:#080604!important;
  color:var(--boss-ivory)!important;
}
.bossApp .qtyStepper{
  border-color:var(--boss-line)!important;
}
.bossApp .qtyStepper button{
  background:#1b1309!important;
  color:var(--boss-gold-2)!important;
}
.bossApp .qtyStepper b{
  background:#0b0805!important;
  color:var(--boss-ivory)!important;
}
.bossApp .detailBottomBar,
.bossApp .walletBottom{
  background:linear-gradient(180deg,transparent,#050403 28%)!important;
  border-top-color:#2b2115!important;
}
.bossApp .detailBottomBar .disabledPay{
  background:#14100c!important;
  color:#8f846f!important;
}
.bossApp .menuPage aside{
  background:#090705!important;
  border-right:1px solid var(--boss-line)!important;
}
.bossApp .menuPage aside button{
  color:var(--boss-muted)!important;
}
.bossApp .menuPage aside button.active{
  background:#21180d!important;
  color:var(--boss-gold-2)!important;
}
.bossApp .menuPage aside button.active::before{
  background:var(--boss-gold)!important;
}
.bossApp .menuPage main{
  background:var(--boss-bg)!important;
}
.bossApp .rankHero{
  background:
    radial-gradient(circle at 86% 15%,#f4d99226 0,transparent 42%),
    linear-gradient(135deg,#110d08 0,#21170d 55%,#4a1820 120%)!important;
  border-color:#5a4425!important;
}
.bossApp .rankHero::before{
  background:#f4d9921e!important;
}
.bossApp .rankHero::after{
  color:#f4d99218!important;
}
.bossApp .rankItem>i,
.bossApp .rankItem.rank1>i,
.bossApp .rankItem.rank2>i,
.bossApp .rankItem.rank3>i{
  background:linear-gradient(135deg,#f3d989,#b8893e)!important;
  color:#130d06!important;
}
.bossApp .rankItem img,
.bossApp .profileUser img{
  border-color:var(--boss-gold)!important;
}
.bossApp .profileRecharge button,
.bossApp .balanceHeroFoot button{
  border-color:#f4d99266!important;
  background:#fff4dc18!important;
  color:var(--boss-ivory)!important;
}
.bossApp .rechargeModalBox,
.bossApp .inviteModalBox,
.bossApp .bossProfileEditBox,
.bossApp .levelRuleBox,
.bossApp .customerServiceBox,
.bossApp .payMethodBox,
.balanceRechargeBox{
  border-color:var(--boss-line)!important;
  background:#0f0c08!important;
  color:var(--boss-ivory)!important;
  box-shadow:0 34px 90px #000d!important;
}
.bossApp .rechargeModalSection,
.bossApp .rechargeModalPay,
.bossApp .rechargeModalForm,
.bossApp .rechargeModalRecent,
.bossApp .inviteRules,
.bossApp .ruleBox,
.bossApp .realCard,
.bossApp .aliyunRealNamePage .realTips{
  border-color:var(--boss-line)!important;
  background:#0a0806!important;
  color:var(--boss-soft)!important;
}
.bossApp .inviteRules h3{
  background:#7a1f2b!important;
  color:#fff4dc!important;
}
.bossApp .shareStats{
  background:linear-gradient(135deg,#fff4dc,#dbc18b)!important;
  color:#130d06!important;
}
.bossApp .bossBottom{
  background:#050403f5!important;
  border-top-color:#2b2115!important;
  box-shadow:0 -18px 38px #000d!important;
}
.bossApp .bossBottom a{
  color:#817461!important;
}
.bossApp .bossBottom a.active{
  background:#17120c!important;
  color:var(--boss-gold-2)!important;
  box-shadow:inset 0 0 0 1px #4b3a23,0 10px 24px #0009!important;
}
.bossApp .bossBottom .navIcon{
  background:#0a0806!important;
  color:#817461!important;
  box-shadow:inset 0 0 0 1px #342a1b!important;
}
.bossApp .bossBottom a.active .navIcon{
  background:linear-gradient(135deg,#f3d989,#b8893e)!important;
  color:#130d06!important;
  box-shadow:0 10px 22px #d8b76a24!important;
}
.bossApp .aliyunRealNamePage,
.bossApp .aliyunRealNamePage .realNameTop,
.bossApp .aliyunRealHero{
  background:
    radial-gradient(circle at 18% 0%,#2f2413 0,#100c07 34%,#050403 72%)!important;
  color:var(--boss-ivory)!important;
}
.bossApp .aliyunProgress .active i,
.bossApp .aliyunProgress .done i{
  background:linear-gradient(135deg,#f3d989,#b8893e)!important;
  color:#130d06!important;
}
.bossApp .aliyunApiState #realConfigStatus.ready{
  color:var(--boss-gold-2)!important;
}

#modal{
  --boss-bg:#050403;
  --boss-panel:#0f0c08;
  --boss-panel-2:#17120c;
  --boss-line:#342a1b;
  --boss-gold:#d8b76a;
  --boss-gold-2:#f4d992;
  --boss-ivory:#fff4dc;
  --boss-muted:#b6aa94;
  --boss-soft:#d9cfbb;
  --boss-red:#7a1f2b;
}
#modal .modalBox,
#modal .rechargeModalBox,
#modal .inviteModalBox,
#modal .bossProfileEditBox,
#modal .levelRuleBox,
#modal .customerServiceBox,
#modal .payMethodBox,
#modal .balanceRechargeBox,
#modal .shareSheet{
  border-color:var(--boss-line)!important;
  background:#0f0c08!important;
  color:var(--boss-ivory)!important;
  box-shadow:0 34px 90px #000d!important;
}
#modal .rechargeModalHead{
  border-color:#5a4425!important;
  background:
    radial-gradient(circle at 78% 0%,#f3d47b24 0,transparent 42%),
    linear-gradient(135deg,#140f08 0,#2a1d0d 58%,#7a1f2b 118%)!important;
  color:var(--boss-ivory)!important;
}
#modal .rechargeModalSection,
#modal .rechargeModalPay,
#modal .rechargeModalForm,
#modal .rechargeModalRecent,
#modal .confirmRows,
#modal .payOrderSummary,
#modal .balanceRechargeActions button{
  border-color:var(--boss-line)!important;
  background:#0a0806!important;
  color:var(--boss-soft)!important;
}
#modal input,
#modal textarea{
  border-color:var(--boss-line)!important;
  background:#080604!important;
  color:var(--boss-ivory)!important;
}
#modal .rechargeModalFoot button,
#modal .inviteCopyBtn,
#modal .paySubmit,
#modal .balanceRechargeActions .primary{
  border:0!important;
  background:linear-gradient(135deg,#f3d989 0,#c99b45 58%,#7a1f2b 100%)!important;
  color:#130d06!important;
  box-shadow:0 13px 26px #d8b76a28!important;
}
#modal .payOrderSummary strong,
#modal .balanceRechargeBox p b,
#modal .balanceRechargeBox p strong,
#modal .balanceRechargeBox p em{
  color:var(--boss-gold-2)!important;
}
#modal .payMethodCard{
  border-color:var(--boss-line)!important;
  background:#0d0a07!important;
  color:var(--boss-soft)!important;
}
#modal .payMethodCard.active{
  border-color:var(--boss-gold)!important;
  background:#21180d!important;
  color:var(--boss-gold-2)!important;
}

/* 20260708 boss dark anime pink-purple theme */
.bossApp{
  --boss-bg:#0b0b0e;
  --boss-bg-2:#101017;
  --boss-panel:#13131a;
  --boss-panel-2:#191923;
  --boss-panel-3:#21152a;
  --boss-line:#2b2635;
  --boss-line-2:#3d314d;
  --boss-gold:#a855f7;
  --boss-gold-2:#ff8fb3;
  --boss-ivory:#fff7fb;
  --boss-muted:#aaa2b5;
  --boss-soft:#eadcf2;
  --boss-red:#ec4899;
  --boss-red-2:#fb7185;
  --boss-shadow:#000d;
}
.bossApp.mobile{
  background:#0b0b0e!important;
  color:var(--boss-ivory)!important;
  border-left:1px solid #1b1722!important;
  border-right:1px solid #1b1722!important;
}
.bossApp [data-page],
.bossApp .bossHome,
.bossApp .rankHome,
.bossApp .profilePage,
.bossApp .bossOrderPage,
.bossApp .searchPage,
.bossApp .menuPage,
.bossApp .playerProfilePage,
.bossApp .walletPage,
.bossApp .yxBalancePage,
.bossApp .detailScroll,
.bossApp [data-page=order] .bossHome{
  background:
    radial-gradient(circle at 78% -4%,rgba(236,72,153,.2) 0,transparent 32%),
    radial-gradient(circle at 14% 10%,rgba(168,85,247,.18) 0,transparent 30%),
    linear-gradient(180deg,#101017 0,#0b0b0e 245px,#09090c 100%)!important;
  color:var(--boss-ivory)!important;
}
.bossApp .bossTop,
.bossApp .walletTop,
.bossApp .detailTop,
.bossApp .menuPageTop,
.bossApp .playerProfileTop,
.bossApp .orderPageTop{
  background:rgba(10,10,14,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:var(--boss-ivory)!important;
  box-shadow:0 14px 34px #000d!important;
}
.bossApp .searchBar,
.bossApp .searchButton,
.bossApp .searchInputWrap input{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.9)!important;
  color:#22202a!important;
  box-shadow:0 12px 28px rgba(0,0,0,.36)!important;
}
.bossApp .searchBar::before{
  border-color:#1f1b29!important;
  box-shadow:none!important;
}
.bossApp .searchButton .searchText,
.bossApp .searchInputWrap input::placeholder{
  color:#38333f!important;
}
.bossApp .searchButton em,
.bossApp .searchInputWrap button,
.bossApp .miniProductCard .cardFoot button,
.bossApp .featuredProduct button,
.bossApp .menuItem button,
.bossApp .bossOrderCard>button,
.bossApp .bossProfileSubmit,
.bossApp .detailBottomBar .primaryPay,
.bossApp .rechargeModalFoot button,
.bossApp .inviteCopyBtn,
.bossApp .rankHero button,
.bossApp .rankTabs button.active,
.bossApp .paySubmit,
.bossApp .aliyunRealNamePage .realSubmit{
  background:linear-gradient(135deg,#ff8fb3 0,#ec4899 48%,#9333ea 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(236,72,153,.34)!important;
}
.bossApp .heroBanner,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider{
  border-color:rgba(255,143,179,.26)!important;
  background:#14141b!important;
  box-shadow:0 20px 48px #000d,0 0 0 1px rgba(255,255,255,.04)!important;
}
.bossApp .heroBanner img,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider img,
.bossApp .miniProductCard .thumbWrap img,
.bossApp .featuredProduct img,
.bossApp .menuItem>img,
.bossApp .detailPoster{
  filter:saturate(1.05) brightness(.96) contrast(1.05)!important;
}
.bossApp .heroBanner::after,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::after{
  background:linear-gradient(90deg,rgba(11,11,14,.82) 0,rgba(11,11,14,.34) 48%,rgba(11,11,14,0) 100%)!important;
}
.bossApp .heroCopy b,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy b,
.bossApp .miniProductCard>b,
.bossApp .featuredProduct h3,
.bossApp .menuItem h3,
.bossApp .orderCardHead b,
.bossApp .playerInfoCard h1,
.bossApp .rankItem b{
  color:#fff7fb!important;
}
.bossApp .heroCopy span,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy span,
.bossApp .miniProductCard p,
.bossApp .featuredProduct p,
.bossApp .menuItem p,
.bossApp .profileUser p,
.bossApp .profileStats span,
.bossApp .profilePromo .profileActionCard span,
.bossApp .orderCardHead span,
.bossApp .orderRemark,
.bossApp .rankItem span,
.bossApp .quickSearch button,
.bossApp .noticeBar span,
.bossApp .walletEntrances span,
.bossApp .rankHero p,
.bossApp .rankBlockHead span{
  color:#aaa2b5!important;
}
.bossApp .walletEntrances button,
.bossApp .noticeBar,
.bossApp .playerRuleLine,
.bossApp .menuTip,
.bossApp .miniProductCard,
.bossApp .featuredProduct,
.bossApp .menuItem,
.bossApp .profileStats,
.bossApp .profileCard,
.bossApp .bossLevelCard,
.bossApp .profileSection,
.bossApp .bossOrderCard,
.bossApp .detailPanel,
.bossApp .orderPanel,
.bossApp .detailPosterWrap,
.bossApp .playerInfoCard,
.bossApp .playerSection,
.bossApp .playerServiceCard,
.bossApp .rankBlock,
.bossApp .rankSummary div,
.bossApp .balanceRecord,
.bossApp .profilePromo .profileActionCard,
.bossApp .serviceGrid button,
.bossApp .orderStats button,
.bossApp .profileMenuGrid button,
.bossApp .rankItem{
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,#181820 0,#111118 100%)!important;
  color:#fff7fb!important;
  box-shadow:0 16px 34px rgba(0,0,0,.58)!important;
}
.bossApp .walletEntrances .rechargeEntry,
.bossApp .profileRecharge,
.bossApp .yxBalancePage .yxWalletCard,
.bossApp .rechargeModalHead,
.bossApp .balanceHero{
  border-color:rgba(255,143,179,.34)!important;
  background:
    radial-gradient(circle at 78% 0%,rgba(255,143,179,.28) 0,transparent 40%),
    linear-gradient(135deg,#17151f 0,#28182e 56%,#6d224f 128%)!important;
  color:#fff7fb!important;
  box-shadow:0 22px 46px rgba(0,0,0,.66)!important;
}
.bossApp .walletEntrances .inviteEntry,
.bossApp .inviteTop,
.bossApp .inviteHero,
.bossApp .rankHero{
  border-color:rgba(192,132,252,.34)!important;
  background:
    radial-gradient(circle at 15% 10%,rgba(192,132,252,.28) 0,transparent 42%),
    linear-gradient(135deg,#111118 0,#261931 58%,#8a2d71 132%)!important;
}
.bossApp .walletEntrances button i,
.bossApp .diamondIcon,
.bossApp .promoIcon,
.bossApp .roundIcon,
.bossApp .squareIcon,
.bossApp .rankItem>i,
.bossApp .rankItem.rank1>i,
.bossApp .rankItem.rank2>i,
.bossApp .rankItem.rank3>i,
.bossApp .aliyunProgress .active i,
.bossApp .aliyunProgress .done i{
  background:linear-gradient(135deg,#ff8fb3,#ec4899 55%,#9333ea)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 10px 22px rgba(236,72,153,.26)!important;
}
.bossApp .diamondIcon::before{
  background:linear-gradient(135deg,#fff,#ff8fb3 48%,#9333ea)!important;
}
.bossApp .noticeBar b,
.bossApp .listHead b,
.bossApp .menuHead b,
.bossApp .profileTitle,
.bossApp .rankBlockHead b,
.bossApp .levelInfo b,
.bossApp .walletTitle,
.bossApp .rankSummary b,
.bossApp .profileStats b,
.bossApp .productIntro h1,
.bossApp .detailSpecGrid span,
.bossApp .payOrderSummary strong,
.bossApp .balanceRechargeBox p b,
.bossApp .balanceRechargeBox p strong,
.bossApp .balanceRechargeBox p em,
.bossApp .miniProductCard .cardFoot strong,
.bossApp .featuredProduct strong,
.bossApp .menuItem strong,
.bossApp .grabCardTop strong,
.bossApp .orderCardHead strong,
.bossApp .rankItem strong,
.bossApp .rankBlock.spend .rankItem strong,
.bossApp .rankBlock.level .rankItem strong,
.bossApp .rankBlock.player .rankItem strong{
  color:#ff8fb3!important;
  text-shadow:0 8px 18px rgba(0,0,0,.5)!important;
}
.bossApp .listHead b::before,
.bossApp .menuHead b::before,
.bossApp .profileTitle::before,
.bossApp .miniProductCard::before,
.bossApp .bossOrderCard::before,
.bossApp .menuItem::before,
.bossApp .rankBlock::before{
  background:linear-gradient(90deg,#fb7185,#c084fc,#fbbf24)!important;
}
.bossApp .listHead button,
.bossApp .menuHead button{
  color:#d8b4fe!important;
}
.bossApp .miniProductCard .thumbWrap,
.bossApp .rankItem,
.bossApp .orderCardMeta p,
.bossApp .confirmRows,
.bossApp .grabInfo p{
  border-color:rgba(255,255,255,.08)!important;
  background:#101017!important;
}
.bossApp .miniProductCard .thumbWrap::after{
  background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(236,72,153,.14))!important;
}
.bossApp .miniProductCard .thumbWrap span,
.bossApp .bossLevelBadge,
.bossApp .playerLevelTag,
.bossApp .miniProductCard .tagLine span,
.bossApp .tagLine span,
.bossApp .platformIconLine .platformTagWithIcon,
.bossApp .platformIconLine .platformTagWithIcon:first-child,
.bossApp .platformIconLine .platformTagWithIcon.mobile,
.bossApp .platformIconLine .platformTagWithIcon.pc{
  background:rgba(192,132,252,.12)!important;
  border-color:rgba(192,132,252,.38)!important;
  color:#d8b4fe!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.bossApp .miniProductCard .tagLine span:first-child,
.bossApp .tagLine span:first-child,
.bossApp .menuItem .platformIconLine>span:not(.platformTagWithIcon){
  border-color:rgba(255,143,179,.42)!important;
  background:rgba(236,72,153,.13)!important;
  color:#ffbfd2!important;
}
.bossApp .platformIconLine .platformTagWithIcon img{
  opacity:.9!important;
  filter:saturate(.95) brightness(1.02)!important;
}
.bossApp .platformIconLine .platformTagWithIcon em{
  color:#d8d1df!important;
}
.bossApp .pillSegment button,
.bossApp .detailSpecGrid button,
.bossApp .orderOptionGrid button,
.bossApp .orderSpecGrid button,
.bossApp .quickSearch button,
.bossApp .orderTabs button,
.bossApp .rankTabs,
.bossApp .rankTabs button,
.bossApp .rechargeGrid button,
.bossApp .payMethodCard{
  border-color:rgba(255,255,255,.08)!important;
  background:#15151d!important;
  color:#eadcf2!important;
}
.bossApp .pillSegment button.active,
.bossApp .detailSpecGrid button.active,
.bossApp .orderOptionGrid button.active,
.bossApp .orderSpecGrid button.active,
.bossApp .orderTabs button.active,
.bossApp .rechargeGrid button.active,
.bossApp .payMethodCard.active{
  border-color:#c084fc!important;
  background:linear-gradient(135deg,rgba(236,72,153,.22),rgba(168,85,247,.22))!important;
  color:#fff7fb!important;
  box-shadow:0 0 0 2px rgba(192,132,252,.18),0 12px 24px rgba(0,0,0,.35)!important;
}
.bossApp .detailField input,
.bossApp .detailField textarea,
.bossApp .bossProfileEditBox input,
.bossApp .rechargeModalBox input,
.bossApp .rechargeModalBox textarea,
.bossApp .aliyunRealForm input{
  border-color:rgba(255,255,255,.1)!important;
  background:#101017!important;
  color:#fff7fb!important;
}
.bossApp .qtyStepper{
  border-color:rgba(255,255,255,.08)!important;
}
.bossApp .qtyStepper button{
  background:#1b1724!important;
  color:#ff8fb3!important;
}
.bossApp .qtyStepper b{
  background:#101017!important;
  color:#fff7fb!important;
}
.bossApp .detailBottomBar,
.bossApp .walletBottom{
  background:linear-gradient(180deg,transparent,#0b0b0e 28%)!important;
  border-top-color:rgba(255,255,255,.08)!important;
}
.bossApp .detailBottomBar .disabledPay{
  background:#15151d!important;
  color:#81788e!important;
}
.bossApp .menuPage aside{
  background:#101017!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
}
.bossApp .menuPage aside button{
  color:#aaa2b5!important;
}
.bossApp .menuPage aside button.active{
  background:rgba(236,72,153,.14)!important;
  color:#ff8fb3!important;
}
.bossApp .menuPage aside button.active::before{
  background:#ff8fb3!important;
}
.bossApp .menuPage main{
  background:#0b0b0e!important;
}
.bossApp .rankHero::before{
  background:rgba(255,143,179,.14)!important;
}
.bossApp .rankHero::after{
  color:rgba(255,143,179,.12)!important;
}
.bossApp .rankItem img,
.bossApp .profileUser img{
  border-color:#ff8fb3!important;
}
.bossApp .profileRecharge button,
.bossApp .balanceHeroFoot button{
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff7fb!important;
}
.bossApp .rechargeModalBox,
.bossApp .inviteModalBox,
.bossApp .bossProfileEditBox,
.bossApp .levelRuleBox,
.bossApp .customerServiceBox,
.bossApp .payMethodBox,
.balanceRechargeBox{
  border-color:rgba(255,255,255,.08)!important;
  background:#13131a!important;
  color:#fff7fb!important;
  box-shadow:0 34px 90px #000d!important;
}
.bossApp .rechargeModalSection,
.bossApp .rechargeModalPay,
.bossApp .rechargeModalForm,
.bossApp .rechargeModalRecent,
.bossApp .inviteRules,
.bossApp .ruleBox,
.bossApp .realCard,
.bossApp .aliyunRealNamePage .realTips{
  border-color:rgba(255,255,255,.08)!important;
  background:#101017!important;
  color:#eadcf2!important;
}
.bossApp .inviteRules h3{
  background:linear-gradient(135deg,#ec4899,#9333ea)!important;
  color:#fff!important;
}
.bossApp .shareStats{
  background:linear-gradient(135deg,#ff8fb3,#c084fc)!important;
  color:#fff!important;
}
.bossApp .bossBottom{
  background:rgba(19,19,26,.96)!important;
  border-top-color:rgba(255,255,255,.08)!important;
  box-shadow:0 -18px 42px #000d!important;
}
.bossApp .bossBottom a{
  color:#8d8498!important;
}
.bossApp .bossBottom a.active{
  background:rgba(168,85,247,.12)!important;
  color:#ff8fb3!important;
  box-shadow:inset 0 0 0 1px rgba(192,132,252,.28),0 10px 24px #0008!important;
}
.bossApp .bossBottom .navIcon{
  background:#101017!important;
  color:#8d8498!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.bossApp .bossBottom a.active .navIcon{
  background:linear-gradient(135deg,#ff8fb3,#ec4899 55%,#9333ea)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(236,72,153,.28)!important;
}
.bossApp .aliyunRealNamePage,
.bossApp .aliyunRealNamePage .realNameTop,
.bossApp .aliyunRealHero{
  background:
    radial-gradient(circle at 18% 0%,rgba(168,85,247,.2) 0,transparent 34%),
    linear-gradient(180deg,#111118 0,#0b0b0e 72%)!important;
  color:#fff7fb!important;
}

#modal{
  --boss-bg:#0b0b0e;
  --boss-panel:#13131a;
  --boss-panel-2:#191923;
  --boss-line:#2b2635;
  --boss-gold:#a855f7;
  --boss-gold-2:#ff8fb3;
  --boss-ivory:#fff7fb;
  --boss-muted:#aaa2b5;
  --boss-soft:#eadcf2;
  --boss-red:#ec4899;
}
#modal .modalBox,
#modal .rechargeModalBox,
#modal .inviteModalBox,
#modal .bossProfileEditBox,
#modal .levelRuleBox,
#modal .customerServiceBox,
#modal .payMethodBox,
#modal .balanceRechargeBox,
#modal .shareSheet{
  border-color:rgba(255,255,255,.08)!important;
  background:#13131a!important;
  color:#fff7fb!important;
  box-shadow:0 34px 90px #000d!important;
}
#modal .rechargeModalHead{
  border-color:rgba(255,143,179,.34)!important;
  background:
    radial-gradient(circle at 78% 0%,rgba(255,143,179,.28) 0,transparent 42%),
    linear-gradient(135deg,#17151f 0,#28182e 58%,#7c245a 118%)!important;
  color:#fff7fb!important;
}
#modal .rechargeModalSection,
#modal .rechargeModalPay,
#modal .rechargeModalForm,
#modal .rechargeModalRecent,
#modal .confirmRows,
#modal .payOrderSummary,
#modal .balanceRechargeActions button{
  border-color:rgba(255,255,255,.08)!important;
  background:#101017!important;
  color:#eadcf2!important;
}
#modal input,
#modal textarea{
  border-color:rgba(255,255,255,.1)!important;
  background:#101017!important;
  color:#fff7fb!important;
}
#modal .rechargeModalFoot button,
#modal .inviteCopyBtn,
#modal .paySubmit,
#modal .balanceRechargeActions .primary{
  border:0!important;
  background:linear-gradient(135deg,#ff8fb3 0,#ec4899 48%,#9333ea 100%)!important;
  color:#fff!important;
  box-shadow:0 13px 28px rgba(236,72,153,.34)!important;
}
#modal .payOrderSummary strong,
#modal .balanceRechargeBox p b,
#modal .balanceRechargeBox p strong,
#modal .balanceRechargeBox p em{
  color:#ff8fb3!important;
}
#modal .payMethodCard{
  border-color:rgba(255,255,255,.08)!important;
  background:#15151d!important;
  color:#eadcf2!important;
}
#modal .payMethodCard.active{
  border-color:#c084fc!important;
  background:linear-gradient(135deg,rgba(236,72,153,.22),rgba(168,85,247,.22))!important;
  color:#fff7fb!important;
}

/* 20260708 boss quiet dark chip theme */
.bossApp{
  --boss-bg:#070a0f;
  --boss-bg-2:#090d13;
  --boss-panel:#0c1118;
  --boss-panel-2:#101720;
  --boss-panel-3:#13202a;
  --boss-line:#243440;
  --boss-line-2:#334854;
  --boss-gold:#66d7f3;
  --boss-gold-2:#d9fbff;
  --boss-ivory:#f4fbff;
  --boss-muted:#8797a4;
  --boss-soft:#c5d5dd;
  --boss-red:#6b8cff;
  --boss-red-2:#55c7e8;
  --boss-shadow:#000d;
}
.bossApp.mobile{
  background:#070a0f!important;
  color:#f4fbff!important;
  border-left:1px solid #121a22!important;
  border-right:1px solid #121a22!important;
}
.bossApp [data-page],
.bossApp .bossHome,
.bossApp .rankHome,
.bossApp .profilePage,
.bossApp .bossOrderPage,
.bossApp .searchPage,
.bossApp .menuPage,
.bossApp .playerProfilePage,
.bossApp .walletPage,
.bossApp .yxBalancePage,
.bossApp .detailScroll,
.bossApp [data-page=order] .bossHome{
  background:
    radial-gradient(circle at 80% -8%,rgba(102,215,243,.13) 0,transparent 34%),
    radial-gradient(circle at 10% 12%,rgba(107,140,255,.10) 0,transparent 32%),
    linear-gradient(180deg,#0b1017 0,#070a0f 250px,#06080c 100%)!important;
  color:#f4fbff!important;
}
.bossApp .bossTop,
.bossApp .walletTop,
.bossApp .detailTop,
.bossApp .menuPageTop,
.bossApp .playerProfileTop,
.bossApp .orderPageTop{
  background:rgba(7,10,15,.96)!important;
  border-bottom:1px solid rgba(132,172,190,.16)!important;
  color:#f4fbff!important;
  box-shadow:0 16px 34px rgba(0,0,0,.72)!important;
}
.bossApp .searchBar,
.bossApp .searchButton,
.bossApp .searchInputWrap input{
  border-color:#263845!important;
  background:linear-gradient(180deg,#0d141b,#091017)!important;
  color:#d9fbff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 12px 26px rgba(0,0,0,.46)!important;
}
.bossApp .searchBar::before{
  border-color:#7ee8ff!important;
  box-shadow:0 0 12px rgba(102,215,243,.25)!important;
}
.bossApp .searchButton .searchText,
.bossApp .searchInputWrap input::placeholder{
  color:#93a7b4!important;
}
.bossApp .searchButton em,
.bossApp .searchInputWrap button,
.bossApp .miniProductCard .cardFoot button,
.bossApp .featuredProduct button,
.bossApp .menuItem button,
.bossApp .bossOrderCard>button,
.bossApp .bossProfileSubmit,
.bossApp .detailBottomBar .primaryPay,
.bossApp .rechargeModalFoot button,
.bossApp .inviteCopyBtn,
.bossApp .rankHero button,
.bossApp .rankTabs button.active,
.bossApp .paySubmit,
.bossApp .aliyunRealNamePage .realSubmit{
  background:linear-gradient(135deg,#72e2ff 0,#5abbd5 48%,#6b8cff 100%)!important;
  color:#061018!important;
  border:0!important;
  box-shadow:0 12px 24px rgba(102,215,243,.22)!important;
}
.bossApp .heroBanner,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider{
  border-color:#263845!important;
  background:#0b1017!important;
  box-shadow:0 20px 44px rgba(0,0,0,.76),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.bossApp .heroBanner img,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider img,
.bossApp .miniProductCard .thumbWrap img,
.bossApp .featuredProduct img,
.bossApp .menuItem>img,
.bossApp .detailPoster{
  filter:saturate(.92) brightness(.9) contrast(1.08)!important;
}
.bossApp .heroBanner::after,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::after{
  background:linear-gradient(90deg,rgba(7,10,15,.78) 0,rgba(7,10,15,.32) 48%,rgba(7,10,15,0) 100%)!important;
}
.bossApp .walletEntrances button,
.bossApp .noticeBar,
.bossApp .playerRuleLine,
.bossApp .menuTip,
.bossApp .miniProductCard,
.bossApp .featuredProduct,
.bossApp .menuItem,
.bossApp .profileStats,
.bossApp .profileCard,
.bossApp .bossLevelCard,
.bossApp .profileSection,
.bossApp .bossOrderCard,
.bossApp .detailPanel,
.bossApp .orderPanel,
.bossApp .detailPosterWrap,
.bossApp .playerInfoCard,
.bossApp .playerSection,
.bossApp .playerServiceCard,
.bossApp .rankBlock,
.bossApp .rankSummary div,
.bossApp .balanceRecord,
.bossApp .profilePromo .profileActionCard,
.bossApp .serviceGrid button,
.bossApp .orderStats button,
.bossApp .profileMenuGrid button,
.bossApp .rankItem{
  border-color:#1f2d37!important;
  background:linear-gradient(180deg,#0e141b 0,#090d13 100%)!important;
  color:#f4fbff!important;
  box-shadow:0 16px 34px rgba(0,0,0,.58)!important;
}
.bossApp .walletEntrances .rechargeEntry,
.bossApp .profileRecharge,
.bossApp .yxBalancePage .yxWalletCard,
.bossApp .rechargeModalHead,
.bossApp .balanceHero,
.bossApp .walletEntrances .inviteEntry,
.bossApp .inviteTop,
.bossApp .inviteHero,
.bossApp .rankHero{
  border-color:#2c4350!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(102,215,243,.14) 0,transparent 42%),
    linear-gradient(135deg,#0e141b 0,#101a23 58%,#142631 128%)!important;
  color:#f4fbff!important;
  box-shadow:0 20px 42px rgba(0,0,0,.66)!important;
}
.bossApp .walletEntrances button i,
.bossApp .diamondIcon,
.bossApp .promoIcon,
.bossApp .roundIcon,
.bossApp .squareIcon,
.bossApp .rankItem>i,
.bossApp .rankItem.rank1>i,
.bossApp .rankItem.rank2>i,
.bossApp .rankItem.rank3>i,
.bossApp .aliyunProgress .active i,
.bossApp .aliyunProgress .done i{
  background:linear-gradient(135deg,#0f2530,#173844)!important;
  color:#d9fbff!important;
  border:1px solid #31515e!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.38)!important;
}
.bossApp .diamondIcon::before{
  background:linear-gradient(135deg,#d9fbff,#66d7f3 55%,#6b8cff)!important;
}
.bossApp .noticeBar b,
.bossApp .listHead b,
.bossApp .menuHead b,
.bossApp .profileTitle,
.bossApp .rankBlockHead b,
.bossApp .levelInfo b,
.bossApp .walletTitle,
.bossApp .rankSummary b,
.bossApp .profileStats b,
.bossApp .productIntro h1,
.bossApp .detailSpecGrid span,
.bossApp .payOrderSummary strong,
.bossApp .balanceRechargeBox p b,
.bossApp .balanceRechargeBox p strong,
.bossApp .balanceRechargeBox p em,
.bossApp .miniProductCard .cardFoot strong,
.bossApp .featuredProduct strong,
.bossApp .menuItem strong,
.bossApp .grabCardTop strong,
.bossApp .orderCardHead strong,
.bossApp .rankItem strong,
.bossApp .rankBlock.spend .rankItem strong,
.bossApp .rankBlock.level .rankItem strong,
.bossApp .rankBlock.player .rankItem strong{
  color:#d9fbff!important;
  text-shadow:0 8px 18px rgba(0,0,0,.5)!important;
}
.bossApp .heroCopy b,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy b,
.bossApp .miniProductCard>b,
.bossApp .featuredProduct h3,
.bossApp .menuItem h3,
.bossApp .orderCardHead b,
.bossApp .playerInfoCard h1,
.bossApp .rankItem b{
  color:#f4fbff!important;
}
.bossApp .heroCopy span,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider .heroCopy span,
.bossApp .miniProductCard p,
.bossApp .featuredProduct p,
.bossApp .menuItem p,
.bossApp .profileUser p,
.bossApp .profileStats span,
.bossApp .profilePromo .profileActionCard span,
.bossApp .orderCardHead span,
.bossApp .orderRemark,
.bossApp .rankItem span,
.bossApp .quickSearch button,
.bossApp .noticeBar span,
.bossApp .walletEntrances span,
.bossApp .rankHero p,
.bossApp .rankBlockHead span{
  color:#8797a4!important;
}
.bossApp .listHead b::before,
.bossApp .menuHead b::before,
.bossApp .profileTitle::before,
.bossApp .miniProductCard::before,
.bossApp .bossOrderCard::before,
.bossApp .menuItem::before,
.bossApp .rankBlock::before{
  background:linear-gradient(90deg,#263845,#66d7f3,#6b8cff)!important;
}
.bossApp .listHead button,
.bossApp .menuHead button{
  color:#d9fbff!important;
}
.bossApp .miniProductCard .thumbWrap,
.bossApp .rankItem,
.bossApp .orderCardMeta p,
.bossApp .confirmRows,
.bossApp .grabInfo p{
  border-color:#1f2d37!important;
  background:#080d13!important;
}
.bossApp .miniProductCard .thumbWrap::after{
  background:linear-gradient(135deg,rgba(0,0,0,.04),rgba(102,215,243,.08))!important;
}
.bossApp .miniProductCard .thumbWrap span,
.bossApp .bossLevelBadge,
.bossApp .playerLevelTag,
.bossApp .miniProductCard .tagLine span,
.bossApp .tagLine span,
.bossApp .platformIconLine .platformTagWithIcon,
.bossApp .platformIconLine .platformTagWithIcon:first-child,
.bossApp .platformIconLine .platformTagWithIcon.mobile,
.bossApp .platformIconLine .platformTagWithIcon.pc{
  background:linear-gradient(180deg,#0b1218,#070c11)!important;
  border:1px solid #31424d!important;
  color:#d9fbff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 4px 10px rgba(0,0,0,.30)!important;
}
.bossApp .miniProductCard .tagLine span:first-child,
.bossApp .tagLine span:first-child,
.bossApp .menuItem .platformIconLine>span:not(.platformTagWithIcon){
  border-color:#31424d!important;
  background:linear-gradient(180deg,#0b1218,#070c11)!important;
  color:#d9fbff!important;
}
.bossApp .platformIconLine .platformTagWithIcon img{
  opacity:.86!important;
  filter:saturate(.75) brightness(.92)!important;
}
.bossApp .platformIconLine .platformTagWithIcon em{
  color:#d9fbff!important;
}
.bossApp .pillSegment button,
.bossApp .detailSpecGrid button,
.bossApp .orderOptionGrid button,
.bossApp .orderSpecGrid button,
.bossApp .quickSearch button,
.bossApp .orderTabs button,
.bossApp .rankTabs,
.bossApp .rankTabs button,
.bossApp .rechargeGrid button,
.bossApp .payMethodCard{
  border-color:#263845!important;
  background:linear-gradient(180deg,#0d141b,#091017)!important;
  color:#c5d5dd!important;
}
.bossApp .pillSegment button.active,
.bossApp .detailSpecGrid button.active,
.bossApp .orderOptionGrid button.active,
.bossApp .orderSpecGrid button.active,
.bossApp .orderTabs button.active,
.bossApp .rechargeGrid button.active,
.bossApp .payMethodCard.active{
  border-color:#66d7f3!important;
  background:linear-gradient(180deg,#10212a,#0c171f)!important;
  color:#d9fbff!important;
  box-shadow:0 0 0 2px rgba(102,215,243,.12),0 10px 22px rgba(0,0,0,.35)!important;
}
.bossApp .detailField input,
.bossApp .detailField textarea,
.bossApp .bossProfileEditBox input,
.bossApp .rechargeModalBox input,
.bossApp .rechargeModalBox textarea,
.bossApp .aliyunRealForm input{
  border-color:#263845!important;
  background:#080d13!important;
  color:#f4fbff!important;
}
.bossApp .qtyStepper{
  border-color:#263845!important;
}
.bossApp .qtyStepper button{
  background:#101a23!important;
  color:#d9fbff!important;
}
.bossApp .qtyStepper b{
  background:#080d13!important;
  color:#f4fbff!important;
}
.bossApp .detailBottomBar,
.bossApp .walletBottom{
  background:linear-gradient(180deg,transparent,#070a0f 28%)!important;
  border-top-color:#1f2d37!important;
}
.bossApp .detailBottomBar .disabledPay{
  background:#0d141b!important;
  color:#718491!important;
}
.bossApp .menuPage aside{
  background:#080d13!important;
  border-right:1px solid #1f2d37!important;
}
.bossApp .menuPage aside button{
  color:#8797a4!important;
}
.bossApp .menuPage aside button.active{
  background:#101a23!important;
  color:#d9fbff!important;
}
.bossApp .menuPage aside button.active::before{
  background:#66d7f3!important;
}
.bossApp .menuPage main{
  background:#070a0f!important;
}
.bossApp .rankHero::before{
  background:rgba(102,215,243,.09)!important;
}
.bossApp .rankHero::after{
  color:rgba(102,215,243,.10)!important;
}
.bossApp .rankItem img,
.bossApp .profileUser img{
  border-color:#31424d!important;
}
.bossApp .profileRecharge button,
.bossApp .balanceHeroFoot button{
  border-color:#31424d!important;
  background:#0d141b!important;
  color:#d9fbff!important;
}
.bossApp .rechargeModalBox,
.bossApp .inviteModalBox,
.bossApp .bossProfileEditBox,
.bossApp .levelRuleBox,
.bossApp .customerServiceBox,
.bossApp .payMethodBox,
.balanceRechargeBox{
  border-color:#263845!important;
  background:#0c1118!important;
  color:#f4fbff!important;
  box-shadow:0 34px 90px #000d!important;
}
.bossApp .rechargeModalSection,
.bossApp .rechargeModalPay,
.bossApp .rechargeModalForm,
.bossApp .rechargeModalRecent,
.bossApp .inviteRules,
.bossApp .ruleBox,
.bossApp .realCard,
.bossApp .aliyunRealNamePage .realTips{
  border-color:#1f2d37!important;
  background:#080d13!important;
  color:#c5d5dd!important;
}
.bossApp .inviteRules h3{
  background:#101a23!important;
  color:#d9fbff!important;
  border-bottom:1px solid #263845!important;
}
.bossApp .shareStats{
  background:linear-gradient(135deg,#10212a,#173844)!important;
  color:#d9fbff!important;
}
.bossApp .bossBottom{
  background:rgba(9,13,19,.97)!important;
  border-top-color:#1f2d37!important;
  box-shadow:0 -18px 42px #000d!important;
}
.bossApp .bossBottom a{
  color:#6f7f8b!important;
}
.bossApp .bossBottom a.active{
  background:#101a23!important;
  color:#d9fbff!important;
  box-shadow:inset 0 0 0 1px #263845,0 10px 24px #0008!important;
}
.bossApp .bossBottom .navIcon{
  background:#080d13!important;
  color:#6f7f8b!important;
  box-shadow:inset 0 0 0 1px #263845!important;
}
.bossApp .bossBottom a.active .navIcon{
  background:linear-gradient(180deg,#10212a,#0b1218)!important;
  color:#d9fbff!important;
  box-shadow:inset 0 0 0 1px #31424d,0 8px 16px rgba(0,0,0,.35)!important;
}
.bossApp .aliyunRealNamePage,
.bossApp .aliyunRealNamePage .realNameTop,
.bossApp .aliyunRealHero{
  background:
    radial-gradient(circle at 18% 0%,rgba(102,215,243,.11) 0,transparent 34%),
    linear-gradient(180deg,#0b1017 0,#070a0f 72%)!important;
  color:#f4fbff!important;
}

#modal{
  --boss-bg:#070a0f;
  --boss-panel:#0c1118;
  --boss-panel-2:#101720;
  --boss-line:#243440;
  --boss-gold:#66d7f3;
  --boss-gold-2:#d9fbff;
  --boss-ivory:#f4fbff;
  --boss-muted:#8797a4;
  --boss-soft:#c5d5dd;
  --boss-red:#6b8cff;
}
#modal .modalBox,
#modal .rechargeModalBox,
#modal .inviteModalBox,
#modal .bossProfileEditBox,
#modal .levelRuleBox,
#modal .customerServiceBox,
#modal .payMethodBox,
#modal .balanceRechargeBox,
#modal .shareSheet{
  border-color:#263845!important;
  background:#0c1118!important;
  color:#f4fbff!important;
  box-shadow:0 34px 90px #000d!important;
}
#modal .rechargeModalHead{
  border-color:#2c4350!important;
  background:
    radial-gradient(circle at 78% 0%,rgba(102,215,243,.14) 0,transparent 42%),
    linear-gradient(135deg,#0e141b 0,#101a23 58%,#142631 118%)!important;
  color:#f4fbff!important;
}
#modal .rechargeModalSection,
#modal .rechargeModalPay,
#modal .rechargeModalForm,
#modal .rechargeModalRecent,
#modal .confirmRows,
#modal .payOrderSummary,
#modal .balanceRechargeActions button{
  border-color:#1f2d37!important;
  background:#080d13!important;
  color:#c5d5dd!important;
}
#modal input,
#modal textarea{
  border-color:#263845!important;
  background:#080d13!important;
  color:#f4fbff!important;
}
#modal .rechargeModalFoot button,
#modal .inviteCopyBtn,
#modal .paySubmit,
#modal .balanceRechargeActions .primary{
  border:0!important;
  background:linear-gradient(135deg,#72e2ff 0,#5abbd5 48%,#6b8cff 100%)!important;
  color:#061018!important;
  box-shadow:0 13px 26px rgba(102,215,243,.22)!important;
}
#modal .payOrderSummary strong,
#modal .balanceRechargeBox p b,
#modal .balanceRechargeBox p strong,
#modal .balanceRechargeBox p em{
  color:#d9fbff!important;
}
#modal .payMethodCard{
  border-color:#263845!important;
  background:linear-gradient(180deg,#0d141b,#091017)!important;
  color:#c5d5dd!important;
}
#modal .payMethodCard.active{
  border-color:#66d7f3!important;
  background:linear-gradient(180deg,#10212a,#0c171f)!important;
  color:#d9fbff!important;
}

/* 20260708 unified quiet cyan chip theme */
.layout{
  --admin-bg:#070a0f!important;
  --admin-panel:#0c1118!important;
  --admin-panel-2:#101720!important;
  --admin-line:#243440!important;
  --admin-line-2:#31424d!important;
  --admin-text:#f4fbff!important;
  --admin-muted:#8797a4!important;
  --admin-soft:#c5d5dd!important;
  --admin-mint:#66d7f3!important;
  --admin-gold:#d9fbff!important;
  --admin-blue:#6b8cff!important;
  --admin-green:#66d7f3!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(102,215,243,.10) 0,transparent 34%),
    linear-gradient(180deg,#090d13 0,#070a0f 72%,#070a0f 100%)!important;
}
.layout .side{
  background:#070a0f!important;
  border-right-color:#1f2d37!important;
  box-shadow:18px 0 46px rgba(0,0,0,.55)!important;
}
.layout .side .logo,
.layout .top,
.layout .adminPageTitle,
.layout .card,
.layout .adminProductListCard,
.layout .adminProductEditCard{
  border-color:#243440!important;
  background:linear-gradient(180deg,#101720,#0c1118)!important;
  color:#f4fbff!important;
  box-shadow:0 16px 38px rgba(0,0,0,.42)!important;
}
.layout .side .logo{
  border-radius:16px!important;
}
.layout .side .logo img,
.layout .adminGameIcon,
.layout .adminGoodsIcon,
.layout .adminProduct img,
.layout .adminProductDetail img,
.layout .adminBossUserCell img,
.layout .adminMiniImage img{
  border-color:#31424d!important;
  background:#080d13!important;
  box-shadow:0 10px 22px rgba(0,0,0,.40)!important;
}
.layout .nav a{
  color:#8797a4!important;
  border-color:transparent!important;
}
.layout .nav a::before{
  background:#263845!important;
  box-shadow:0 0 0 4px #0c1118!important;
}
.layout .nav a:hover,
.layout .nav a.active,
.layout .navGroup .navParent{
  border-color:#263845!important;
  background:#101720!important;
  color:#d9fbff!important;
}
.layout .nav a.active::before{
  background:#66d7f3!important;
  box-shadow:0 0 18px rgba(102,215,243,.42)!important;
}
.layout .navGroup{
  border-color:#1f2d37!important;
  background:#080d13!important;
}
.layout .navGroup .navParent span,
.layout .num,
.layout .adminPageTitle p b,
.layout .adminPriceList em,
.layout .adminPriceRange,
.layout .status,
.layout .tag{
  color:#d9fbff!important;
}
.layout .main{
  background:
    radial-gradient(circle at 20% 0%,rgba(102,215,243,.08) 0,transparent 32%),
    linear-gradient(180deg,#090d13 0,#070a0f 320px,#070a0f 100%)!important;
}
.layout .top h2,
.layout .adminPageTitle h3,
.layout .card h3,
.layout .table b,
.layout .adminBlockTitle{
  color:#f4fbff!important;
}
.layout .top .sub,
.layout .mini,
.layout .up,
.layout .adminPageTitle p,
.layout .adminPageTitle .mini,
.layout .table th,
.layout .field label,
.adminGameModal .field label,
.adminGoodsModal label{
  color:#8797a4!important;
}
.layout .card::before,
.layout .adminPageTitle::before{
  background:linear-gradient(90deg,#66d7f3,#6b8cff)!important;
  opacity:.78!important;
}
.layout .table{
  background:#080d13!important;
}
.layout .table th{
  border-bottom-color:#1f2d37!important;
  background:#101720!important;
}
.layout .table td{
  border-bottom-color:#17232d!important;
  background:#0c1118!important;
  color:#c5d5dd!important;
}
.layout .table tr:nth-child(even) td{
  background:#0e141b!important;
}
.layout .table tr:hover td{
  background:#121b24!important;
}
.layout input,
.layout select,
.layout textarea,
.adminGameModal input,
.adminGameModal select,
.adminGoodsModal input,
.adminGoodsModal select,
.adminGoodsModal textarea{
  border-color:#263845!important;
  background:#080d13!important;
  color:#f4fbff!important;
}
.layout input:focus,
.layout select:focus,
.layout textarea:focus,
.adminGameModal input:focus,
.adminGameModal select:focus,
.adminGoodsModal input:focus,
.adminGoodsModal select:focus,
.adminGoodsModal textarea:focus{
  border-color:#66d7f3!important;
  box-shadow:0 0 0 3px rgba(102,215,243,.14)!important;
}
.layout .btn,
.adminGameModal .btn,
.adminGoodsModal .btn{
  border-color:#31424d!important;
  background:#101720!important;
  color:#d9fbff!important;
}
.layout .btn.primary,
.adminGameModal .btn.primary,
.adminGoodsModal .btn.primary{
  border-color:#66d7f3!important;
  background:linear-gradient(135deg,#72e2ff 0,#5abbd5 50%,#6b8cff 100%)!important;
  color:#061018!important;
  box-shadow:0 13px 26px rgba(102,215,243,.20)!important;
}
.layout .btn.success,
.adminGameModal .btn.success,
.adminGoodsModal .btn.success,
.layout .btn.muted,
.adminGameModal .btn.muted,
.adminGoodsModal .btn.muted{
  border-color:#263845!important;
  background:#0d141b!important;
  color:#c5d5dd!important;
}
.layout .btn.danger,
.adminGameModal .btn.danger,
.adminGoodsModal .btn.danger{
  border-color:#4b2a36!important;
  background:#1c1016!important;
  color:#ff9db3!important;
}
.layout .adminPriceRange,
.layout .status,
.layout .tag{
  border:1px solid #31424d!important;
  background:#0d141b!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.adminGameModal,
.adminGoodsModal{
  border:1px solid #263845!important;
  background:#0c1118!important;
  color:#f4fbff!important;
  box-shadow:0 34px 90px rgba(0,0,0,.82)!important;
}
.adminModalHead,
.adminModalFoot,
.adminGameModalBody,
.adminGoodsModal .adminGameModalBody,
.gameCategorySetup,
.gameCategorySetting,
.gameCategoryGoodsBlock,
.adminGoodsEditPanel{
  border-color:#1f2d37!important;
  background:#0c1118!important;
  color:#f4fbff!important;
}
.adminModalHead h2,
.gameCategorySetup h3,
.gameCategorySetting h3{
  color:#f4fbff!important;
}
.playerApp.mobile{
  background:#070a0f!important;
  border-left-color:#1f2d37!important;
  border-right-color:#1f2d37!important;
  color:#f4fbff!important;
  box-shadow:0 28px 90px rgba(0,0,0,.72)!important;
}
.playerApp [data-page]{
  background:#070a0f!important;
}
.playerApp .playerTopBar{
  background:rgba(9,13,19,.96)!important;
  border-bottom-color:#1f2d37!important;
  box-shadow:0 12px 30px rgba(0,0,0,.55)!important;
}
.playerApp .playerTopBar b{
  color:#f4fbff!important;
}
.playerApp .playerTopBar p,
.playerApp .grabBossHead span,
.playerApp .playerOrderHead span,
.playerApp .grabCardTop span,
.playerApp .grabInfoGrid span,
.playerApp .playerOrderMeta span,
.playerApp [data-page=me] .mini{
  color:#8797a4!important;
}
.playerApp .playerTopBar button,
.playerApp .grabOrderCard>button,
.playerApp .playerOrderActions button.primary,
.playerApp [data-page=income] .btn.primary,
.playerApp .playerOpenSkill button{
  border:0!important;
  background:linear-gradient(135deg,#72e2ff 0,#5abbd5 50%,#6b8cff 100%)!important;
  color:#061018!important;
  box-shadow:0 13px 26px rgba(102,215,243,.20)!important;
}
.playerApp .playerHall,
.playerApp .playerMyOrders,
.playerApp [data-page=income],
.playerApp [data-page=me] .profilePage{
  background:
    radial-gradient(circle at 18% 0%,rgba(102,215,243,.11) 0,transparent 34%),
    linear-gradient(180deg,#090d13 0,#070a0f 72%,#070a0f 100%)!important;
}
.playerApp .playerHeroPanel>div,
.playerApp .playerRuleLine,
.playerApp .grabOrderCard,
.playerApp .playerOrderCard,
.playerApp [data-page=income] .card,
.playerApp [data-page=income] .product,
.playerApp [data-page=me] .profileStats,
.playerApp [data-page=me] .profileCard,
.playerApp .playerServiceEntry .serviceGrid button,
.playerApp .playerOpenSkill,
.playerApp .playerEmpty{
  border-color:#243440!important;
  background:linear-gradient(180deg,#101720,#0c1118)!important;
  color:#f4fbff!important;
  box-shadow:0 16px 38px rgba(0,0,0,.42)!important;
}
.playerApp .playerHeroPanel>div::after{
  background:rgba(102,215,243,.08)!important;
}
.playerApp .grabOrderCard::before,
.playerApp .playerOrderCard::before{
  background:linear-gradient(90deg,#66d7f3,#6b8cff)!important;
}
.playerApp .playerHeroPanel span,
.playerApp [data-page=income] .card h3,
.playerApp [data-page=me] .profileUser p,
.playerApp [data-page=me] .profileStats span,
.playerApp .playerOpenSkill span{
  color:#8797a4!important;
}
.playerApp .playerHeroPanel b,
.playerApp .grabCardTop b,
.playerApp .playerOrderTitle b,
.playerApp [data-page=me] .profileUser h2,
.playerApp [data-page=me] .profileTitle,
.playerApp .playerOpenSkill b{
  color:#f4fbff!important;
}
.playerApp .playerHeroPanel em,
.playerApp .autoRefreshCard i,
.playerApp .playerRuleLine b,
.playerApp .grabCardTop strong,
.playerApp .playerOrderTitle strong,
.playerApp [data-page=income] .num,
.playerApp [data-page=me] .profileStats b{
  color:#d9fbff!important;
}
.playerApp .grabBossHead img,
.playerApp .playerOrderHead img,
.playerApp [data-page=me] .profileUser img{
  border-color:#31424d!important;
  background:#080d13!important;
  box-shadow:0 10px 22px rgba(0,0,0,.42)!important;
}
.playerApp .playerBossWealth,
.playerApp [data-page=me] .bossLevelBadge{
  border:1px solid #31424d!important;
  background:#0d141b!important;
  color:#d9fbff!important;
  border-radius:13px!important;
}
.playerApp .grabInfoGrid p,
.playerApp .playerOrderMeta p{
  border-color:#1f2d37!important;
  background:#080d13!important;
}
.playerApp .grabInfoGrid b,
.playerApp .playerOrderMeta b{
  color:#f4fbff!important;
}
.playerApp [data-page=me] .profileTitle::before{
  background:#66d7f3!important;
}
.playerApp .roundIcon{
  background:linear-gradient(135deg,#72e2ff,#6b8cff)!important;
  color:#061018!important;
}
.playerApp .playerBottom{
  background:rgba(9,13,19,.97)!important;
  border-top-color:#1f2d37!important;
  box-shadow:0 -18px 42px rgba(0,0,0,.82)!important;
}
.playerApp .playerBottom a{
  color:#6f7f8b!important;
}
.playerApp .playerBottom a.active{
  background:#101720!important;
  color:#d9fbff!important;
  box-shadow:inset 0 0 0 1px #263845,0 10px 24px rgba(0,0,0,.50)!important;
}
.playerApp .playerBottom .navIcon{
  background:#080d13!important;
  color:#6f7f8b!important;
  box-shadow:inset 0 0 0 1px #263845!important;
}
.playerApp .playerBottom a.active .navIcon{
  background:linear-gradient(180deg,#10212a,#0b1218)!important;
  color:#d9fbff!important;
  box-shadow:inset 0 0 0 1px #31424d,0 8px 16px rgba(0,0,0,.35)!important;
}

/* 20260708 pure dark gray + purple button theme */
:root{
  --yx-solid-bg:#07070a;
  --yx-solid-page:#09090d;
  --yx-solid-panel:#111116;
  --yx-solid-panel-2:#15151b;
  --yx-solid-line:#292932;
  --yx-solid-line-soft:#202027;
  --yx-solid-text:#a7a7b3;
  --yx-solid-title:#d6d6df;
  --yx-solid-muted:#777783;
  --yx-solid-btn-a:#7a2cff;
  --yx-solid-btn-b:#5c1fc8;
  --yx-solid-btn-c:#4a18aa;
  --yx-entry-purple:#7029ff;
}
html,
body{
  background:var(--yx-solid-bg)!important;
  background-image:none!important;
  color:var(--yx-solid-text)!important;
}
.bossApp,
.bossApp.mobile,
.playerApp.mobile,
.layout{
  --boss-bg:var(--yx-solid-bg)!important;
  --boss-panel:var(--yx-solid-panel)!important;
  --boss-panel-2:var(--yx-solid-panel-2)!important;
  --boss-line:var(--yx-solid-line)!important;
  --boss-gold:var(--yx-solid-btn-a)!important;
  --boss-gold-2:#c9b5ff!important;
  --boss-ivory:var(--yx-solid-title)!important;
  --boss-muted:var(--yx-solid-muted)!important;
  --boss-soft:var(--yx-solid-text)!important;
  --admin-bg:var(--yx-solid-bg)!important;
  --admin-panel:var(--yx-solid-panel)!important;
  --admin-panel-2:var(--yx-solid-panel-2)!important;
  --admin-line:var(--yx-solid-line)!important;
  --admin-line-2:#34343f!important;
  --admin-text:var(--yx-solid-title)!important;
  --admin-muted:var(--yx-solid-muted)!important;
  --admin-soft:var(--yx-solid-text)!important;
  --admin-mint:var(--yx-solid-btn-a)!important;
  --admin-gold:#c9b5ff!important;
  --admin-blue:var(--yx-solid-btn-b)!important;
  background:var(--yx-solid-bg)!important;
  background-image:none!important;
  color:var(--yx-solid-text)!important;
}
.bossApp *,
.playerApp *,
.layout *{
  letter-spacing:0!important;
}
.bossApp [data-page],
.bossApp .bossHome,
.bossApp .rankHome,
.bossApp .profilePage,
.bossApp .bossOrderPage,
.bossApp .searchPage,
.bossApp .menuPage,
.bossApp .playerProfilePage,
.bossApp .walletPage,
.bossApp .yxBalancePage,
.bossApp .detailScroll,
.bossApp [data-page=order] .bossHome,
.playerApp [data-page],
.playerApp .playerHall,
.playerApp .playerMyOrders,
.playerApp [data-page=income],
.playerApp [data-page=me] .profilePage,
.layout .main{
  background:var(--yx-solid-bg)!important;
  background-image:none!important;
  color:var(--yx-solid-text)!important;
}
.bossApp .bossTop,
.bossApp .walletTop,
.bossApp .detailTop,
.bossApp .menuPageTop,
.bossApp .playerProfileTop,
.bossApp .orderPageTop,
.playerApp .playerTopBar,
.layout .side,
.layout .top,
.layout .side .logo{
  background:var(--yx-solid-panel)!important;
  background-image:none!important;
  border-color:var(--yx-solid-line)!important;
  box-shadow:none!important;
  color:var(--yx-solid-text)!important;
}
.bossApp .walletEntrances button,
.bossApp .noticeBar,
.bossApp .playerRuleLine,
.bossApp .menuTip,
.bossApp .miniProductCard,
.bossApp .featuredProduct,
.bossApp .menuItem,
.bossApp .profileStats,
.bossApp .profileCard,
.bossApp .bossLevelCard,
.bossApp .profileSection,
.bossApp .bossOrderCard,
.bossApp .detailPanel,
.bossApp .orderPanel,
.bossApp .detailPosterWrap,
.bossApp .playerInfoCard,
.bossApp .playerSection,
.bossApp .playerServiceCard,
.bossApp .rankBlock,
.bossApp .rankSummary div,
.bossApp .balanceRecord,
.bossApp .profilePromo .profileActionCard,
.bossApp .serviceGrid button,
.bossApp .orderStats button,
.bossApp .profileMenuGrid button,
.bossApp .rankItem,
.bossApp .heroBanner,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider,
.playerApp .playerHeroPanel>div,
.playerApp .playerRuleLine,
.playerApp .grabOrderCard,
.playerApp .playerOrderCard,
.playerApp [data-page=income] .card,
.playerApp [data-page=income] .product,
.playerApp [data-page=me] .profileStats,
.playerApp [data-page=me] .profileCard,
.playerApp .playerServiceEntry .serviceGrid button,
.playerApp .playerOpenSkill,
.playerApp .playerEmpty,
.layout .card,
.layout .adminProductListCard,
.layout .adminProductEditCard,
.layout .adminPageTitle{
  background:var(--yx-solid-panel)!important;
  background-image:none!important;
  border-color:var(--yx-solid-line)!important;
  color:var(--yx-solid-text)!important;
  box-shadow:none!important;
}
.bossApp .heroBanner::after,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::after,
.bossApp .miniProductCard::before,
.bossApp .bossOrderCard::before,
.bossApp .menuItem::before,
.bossApp .rankBlock::before,
.bossApp .rankHero::before,
.bossApp .rankHero::after,
.playerApp .playerHeroPanel>div::after,
.playerApp .grabOrderCard::before,
.playerApp .playerOrderCard::before,
.layout .card::before,
.layout .adminPageTitle::before{
  display:none!important;
  background:none!important;
}
.bossApp .searchBar,
.bossApp .searchButton,
.bossApp .searchInputWrap input,
.bossApp .detailField input,
.bossApp .detailField textarea,
.bossApp .bossProfileEditBox input,
.bossApp .rechargeModalBox input,
.bossApp .rechargeModalBox textarea,
.bossApp .aliyunRealForm input,
.layout input,
.layout select,
.layout textarea,
.adminGameModal input,
.adminGameModal select,
.adminGoodsModal input,
.adminGoodsModal select,
.adminGoodsModal textarea,
#modal input,
#modal textarea{
  background:#0b0b10!important;
  background-image:none!important;
  border-color:var(--yx-solid-line)!important;
  color:#b8b8c4!important;
  box-shadow:none!important;
}
.bossApp .searchButton .searchText,
.bossApp .searchInputWrap input::placeholder,
.bossApp .heroCopy span,
.bossApp .miniProductCard p,
.bossApp .featuredProduct p,
.bossApp .menuItem p,
.bossApp .profileUser p,
.bossApp .profileStats span,
.bossApp .profilePromo .profileActionCard span,
.bossApp .orderCardHead span,
.bossApp .orderRemark,
.bossApp .rankItem span,
.bossApp .quickSearch button,
.bossApp .noticeBar span,
.bossApp .walletEntrances span,
.bossApp .rankHero p,
.bossApp .rankBlockHead span,
.playerApp .playerTopBar p,
.playerApp .playerHeroPanel span,
.playerApp .grabBossHead span,
.playerApp .playerOrderHead span,
.playerApp .grabCardTop span,
.playerApp .grabInfoGrid span,
.playerApp .playerOrderMeta span,
.playerApp [data-page=me] .profileUser p,
.playerApp [data-page=me] .profileStats span,
.playerApp [data-page=me] .mini,
.playerApp .playerOpenSkill span,
.layout .top .sub,
.layout .mini,
.layout .up,
.layout .adminPageTitle p,
.layout .adminPageTitle .mini,
.layout .table th,
.layout .field label{
  color:var(--yx-solid-muted)!important;
}
.bossApp .bossTop b,
.bossApp .walletTop b,
.bossApp .detailTop b,
.bossApp .heroCopy b,
.bossApp .miniProductCard>b,
.bossApp .featuredProduct h3,
.bossApp .menuItem h3,
.bossApp .orderCardHead b,
.bossApp .playerInfoCard h1,
.bossApp .rankItem b,
.bossApp .noticeBar b,
.bossApp .listHead b,
.bossApp .menuHead b,
.bossApp .profileTitle,
.bossApp .rankBlockHead b,
.bossApp .levelInfo b,
.bossApp .walletTitle,
.bossApp .rankSummary b,
.bossApp .profileStats b,
.bossApp .productIntro h1,
.playerApp .playerTopBar b,
.playerApp .playerHeroPanel b,
.playerApp .grabCardTop b,
.playerApp .playerOrderTitle b,
.playerApp [data-page=me] .profileUser h2,
.playerApp [data-page=me] .profileTitle,
.playerApp .playerOpenSkill b,
.layout .top h2,
.layout .adminPageTitle h3,
.layout .card h3,
.layout .table b,
.layout .adminBlockTitle{
  color:var(--yx-solid-title)!important;
}
.bossApp .productIntro h1,
.bossApp .detailSpecGrid span,
.bossApp .payOrderSummary strong,
.bossApp .balanceRechargeBox p b,
.bossApp .balanceRechargeBox p strong,
.bossApp .balanceRechargeBox p em,
.bossApp .miniProductCard .cardFoot strong,
.bossApp .featuredProduct strong,
.bossApp .menuItem strong,
.bossApp .grabCardTop strong,
.bossApp .orderCardHead strong,
.bossApp .rankItem strong,
.playerApp .playerHeroPanel em,
.playerApp .autoRefreshCard i,
.playerApp .playerRuleLine b,
.playerApp .grabCardTop strong,
.playerApp .playerOrderTitle strong,
.playerApp [data-page=income] .num,
.playerApp [data-page=me] .profileStats b,
.layout .num,
.layout .adminPriceList em,
.layout .adminPriceRange{
  color:#c9b5ff!important;
}
.bossApp .miniProductCard .thumbWrap,
.bossApp .rankItem,
.bossApp .orderCardMeta p,
.bossApp .confirmRows,
.bossApp .grabInfo p,
.playerApp .grabInfoGrid p,
.playerApp .playerOrderMeta p,
.layout .table,
.layout .table th,
.layout .table td{
  background:#0b0b10!important;
  background-image:none!important;
  border-color:var(--yx-solid-line-soft)!important;
  color:var(--yx-solid-text)!important;
  box-shadow:none!important;
}
.layout .table tr:nth-child(even) td,
.layout .table tr:hover td{
  background:#101015!important;
}
.bossApp .miniProductCard .thumbWrap img,
.bossApp .featuredProduct img,
.bossApp .menuItem>img,
.bossApp .detailPoster,
.bossApp .heroBanner img,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider img{
  filter:saturate(.45) contrast(.95) brightness(.82)!important;
}
.bossApp .miniProductCard .thumbWrap span,
.bossApp .bossLevelBadge,
.bossApp .playerLevelTag,
.bossApp .miniProductCard .tagLine span,
.bossApp .tagLine span,
.bossApp .platformIconLine .platformTagWithIcon,
.bossApp .platformIconLine .platformTagWithIcon:first-child,
.bossApp .platformIconLine .platformTagWithIcon.mobile,
.bossApp .platformIconLine .platformTagWithIcon.pc,
.playerApp .playerBossWealth,
.playerApp [data-page=me] .bossLevelBadge,
.layout .adminPriceRange,
.layout .status,
.layout .tag{
  background:#101015!important;
  background-image:none!important;
  border-color:var(--yx-solid-line)!important;
  color:#9b9ba8!important;
  box-shadow:none!important;
}
.bossApp .platformIconLine .platformTagWithIcon img{
  filter:grayscale(1) saturate(0) brightness(.78)!important;
  opacity:.72!important;
}
.bossApp .pillSegment button,
.bossApp .detailSpecGrid button,
.bossApp .orderOptionGrid button,
.bossApp .orderSpecGrid button,
.bossApp .quickSearch button,
.bossApp .orderTabs button,
.bossApp .rankTabs,
.bossApp .rankTabs button,
.bossApp .rechargeGrid button,
.bossApp .payMethodCard,
.bossApp .categoryChips button,
.bossApp .menuPage aside button,
.bossApp .qtyStepper,
.bossApp .qtyStepper button,
.bossApp .qtyStepper b{
  background:#101015!important;
  background-image:none!important;
  border-color:var(--yx-solid-line)!important;
  color:#9b9ba8!important;
  box-shadow:none!important;
}
.bossApp .pillSegment button.active,
.bossApp .detailSpecGrid button.active,
.bossApp .orderOptionGrid button.active,
.bossApp .orderSpecGrid button.active,
.bossApp .orderTabs button.active,
.bossApp .rechargeGrid button.active,
.bossApp .payMethodCard.active,
.bossApp .categoryChips button.active,
.bossApp .menuPage aside button.active{
  background:#15101f!important;
  background-image:none!important;
  border-color:#5c1fc8!important;
  color:#c9b5ff!important;
}
.bossApp .searchButton em,
.bossApp .searchInputWrap button,
.bossApp .miniProductCard .cardFoot button,
.bossApp .featuredProduct button,
.bossApp .menuItem button,
.bossApp .bossOrderCard>button,
.bossApp .bossProfileSubmit,
.bossApp .detailBottomBar .primaryPay,
.bossApp .rechargeModalFoot button,
.bossApp .inviteCopyBtn,
.bossApp .rankHero button,
.bossApp .rankTabs button.active,
.bossApp .paySubmit,
.bossApp .aliyunRealNamePage .realSubmit,
.bossApp .walletBottom button,
.bossApp .profileRecharge button,
.bossApp .balanceHeroFoot button,
.playerApp .playerTopBar button,
.playerApp .grabOrderCard>button,
.playerApp .playerOrderActions button.primary,
.playerApp [data-page=income] .btn.primary,
.playerApp .playerOpenSkill button,
.layout .btn.primary,
.adminGameModal .btn.primary,
.adminGoodsModal .btn.primary,
#modal .rechargeModalFoot button,
#modal .inviteCopyBtn,
#modal .paySubmit,
#modal .balanceRechargeActions .primary{
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(120deg,var(--yx-solid-btn-a) 0%,var(--yx-solid-btn-a) 47%,var(--yx-solid-btn-b) 48%,var(--yx-solid-btn-c) 100%)!important;
  color:#f0edf7!important;
  box-shadow:none!important;
}
.bossApp .bottom,
.bossApp .bossBottom,
.playerApp .playerBottom,
.bossApp .detailBottomBar,
.bossApp .walletBottom{
  background:#08080d!important;
  background-image:none!important;
  border-color:var(--yx-solid-line)!important;
  box-shadow:none!important;
}
.bossApp .bossBottom a,
.playerApp .playerBottom a,
.layout .nav a,
.layout .navGroup .navSub{
  color:#777783!important;
}
.bossApp .bossBottom a.active,
.playerApp .playerBottom a.active,
.layout .nav a.active,
.layout .nav a:hover,
.layout .navGroup .navParent{
  background:#111116!important;
  background-image:none!important;
  border-color:var(--yx-solid-line)!important;
  color:#bdbdc8!important;
  box-shadow:none!important;
}
.bossApp .bossBottom .navIcon,
.playerApp .playerBottom .navIcon,
.bossApp .bossBottom a.active .navIcon,
.playerApp .playerBottom a.active .navIcon,
.bossApp .roundIcon,
.bossApp .squareIcon,
.bossApp .diamondIcon,
.bossApp .promoIcon,
.playerApp .roundIcon,
.layout .nav a::before,
.layout .nav a.active::before{
  background:#111116!important;
  background-image:none!important;
  border-color:var(--yx-solid-line)!important;
  color:#858590!important;
  box-shadow:none!important;
}
.bossApp .listHead b::before,
.bossApp .menuHead b::before,
.bossApp .profileTitle::before,
.playerApp [data-page=me] .profileTitle::before{
  background:#5c1fc8!important;
}
.bossApp .rechargeModalBox,
.bossApp .inviteModalBox,
.bossApp .bossProfileEditBox,
.bossApp .levelRuleBox,
.bossApp .customerServiceBox,
.bossApp .payMethodBox,
.balanceRechargeBox,
#modal .modalBox,
#modal .rechargeModalBox,
#modal .inviteModalBox,
#modal .bossProfileEditBox,
#modal .levelRuleBox,
#modal .customerServiceBox,
#modal .payMethodBox,
#modal .balanceRechargeBox,
#modal .shareSheet,
.adminGameModal,
.adminGoodsModal{
  background:var(--yx-solid-panel)!important;
  background-image:none!important;
  border-color:var(--yx-solid-line)!important;
  color:var(--yx-solid-text)!important;
  box-shadow:none!important;
}
.bossApp .rechargeModalSection,
.bossApp .rechargeModalPay,
.bossApp .rechargeModalForm,
.bossApp .rechargeModalRecent,
.bossApp .inviteRules,
.bossApp .ruleBox,
.bossApp .realCard,
.bossApp .aliyunRealNamePage .realTips,
#modal .rechargeModalSection,
#modal .rechargeModalPay,
#modal .rechargeModalForm,
#modal .rechargeModalRecent,
#modal .confirmRows,
#modal .payOrderSummary,
#modal .balanceRechargeActions button,
.adminModalHead,
.adminModalFoot,
.adminGameModalBody,
.adminGoodsModal .adminGameModalBody,
.gameCategorySetup,
.gameCategorySetting,
.gameCategoryGoodsBlock,
.adminGoodsEditPanel{
  background:#0b0b10!important;
  background-image:none!important;
  border-color:var(--yx-solid-line)!important;
  color:var(--yx-solid-text)!important;
  box-shadow:none!important;
}

/* Final pure-color cleanup for boss quick entries and small icons */
.bossApp [data-page=order] .walletEntrances .rechargeEntry,
.bossApp [data-page=order] .walletEntrances .inviteEntry,
.bossApp .walletEntrances .rechargeEntry,
.bossApp .walletEntrances .inviteEntry,
.bossApp .walletEntrances button{
  background:var(--yx-entry-purple)!important;
  background-image:none!important;
  border-color:#7e42ff!important;
  box-shadow:none!important;
  color:#ece8f6!important;
}
.bossApp .walletEntrances button::after{
  display:none!important;
  background:none!important;
  content:""!important;
}
.bossApp .walletEntrances button i{
  background:rgba(255,255,255,.12)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#d4c9ef!important;
  box-shadow:none!important;
}
.bossApp .diamondIcon,
.bossApp .promoIcon,
.bossApp .roundIcon,
.bossApp .squareIcon{
  background:#15151b!important;
  background-image:none!important;
  border:1px solid var(--yx-solid-line)!important;
  color:#9b9ba8!important;
  box-shadow:none!important;
}
.bossApp .walletEntrances b,
.bossApp .profilePromo .profileActionCard b{
  color:#f1eef8!important;
}
.bossApp .walletEntrances span,
.bossApp .profilePromo .profileActionCard span{
  color:#bdb3dc!important;
}
.bossApp .searchBar::before{
  border-color:#8f8f9a!important;
  box-shadow:none!important;
  opacity:.78!important;
}
.bossApp .searchButton em,
.bossApp .searchInputWrap button{
  background:linear-gradient(120deg,var(--yx-solid-btn-a) 0%,var(--yx-solid-btn-a) 47%,var(--yx-solid-btn-b) 48%,var(--yx-solid-btn-c) 100%)!important;
  color:#f0edf7!important;
  box-shadow:none!important;
}

/* 20260708 art-directed graphite violet palette */
:root{
  --yx-art-bg:#09090d;
  --yx-art-page:#0b0b10;
  --yx-art-surface:#14131a;
  --yx-art-surface-2:#191722;
  --yx-art-surface-3:#201b2d;
  --yx-art-line:#282632;
  --yx-art-line-soft:#211f29;
  --yx-art-title:#ece9f2;
  --yx-art-text:#c3bfcd;
  --yx-art-muted:#8b8695;
  --yx-art-faint:#6f6a78;
  --yx-art-violet:#7a3cff;
  --yx-art-violet-soft:#a88cff;
  --yx-art-violet-deep:#4e22ba;
}
html,
body,
.bossApp,
.bossApp.mobile,
.playerApp.mobile,
.layout,
.bossApp [data-page],
.bossApp .bossHome,
.bossApp .rankHome,
.bossApp .profilePage,
.bossApp .bossOrderPage,
.bossApp .searchPage,
.bossApp .menuPage,
.bossApp .playerProfilePage,
.bossApp .walletPage,
.bossApp .yxBalancePage,
.bossApp .detailScroll,
.bossApp [data-page=order] .bossHome,
.playerApp [data-page],
.playerApp .playerHall,
.playerApp .playerMyOrders,
.playerApp [data-page=income],
.playerApp [data-page=me] .profilePage,
.layout .main{
  background:var(--yx-art-bg)!important;
  background-image:none!important;
  color:var(--yx-art-text)!important;
}
.bossApp .bossTop,
.bossApp .walletTop,
.bossApp .detailTop,
.bossApp .menuPageTop,
.bossApp .playerProfileTop,
.bossApp .orderPageTop,
.playerApp .playerTopBar,
.layout .side,
.layout .top,
.layout .side .logo,
.bossApp .bottom,
.bossApp .bossBottom,
.playerApp .playerBottom,
.bossApp .detailBottomBar,
.bossApp .walletBottom{
  background:#0f0e14!important;
  background-image:none!important;
  border-color:var(--yx-art-line-soft)!important;
  box-shadow:none!important;
  color:var(--yx-art-text)!important;
}
.bossApp .walletEntrances button,
.bossApp .noticeBar,
.bossApp .playerRuleLine,
.bossApp .menuTip,
.bossApp .miniProductCard,
.bossApp .featuredProduct,
.bossApp .menuItem,
.bossApp .profileStats,
.bossApp .profileCard,
.bossApp .bossLevelCard,
.bossApp .profileSection,
.bossApp .bossOrderCard,
.bossApp .detailPanel,
.bossApp .orderPanel,
.bossApp .detailPosterWrap,
.bossApp .playerInfoCard,
.bossApp .playerSection,
.bossApp .playerServiceCard,
.bossApp .rankBlock,
.bossApp .rankSummary div,
.bossApp .balanceRecord,
.bossApp .profilePromo .profileActionCard,
.bossApp .serviceGrid button,
.bossApp .orderStats button,
.bossApp .profileMenuGrid button,
.bossApp .rankItem,
.bossApp .heroBanner,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider,
.playerApp .playerHeroPanel>div,
.playerApp .playerRuleLine,
.playerApp .grabOrderCard,
.playerApp .playerOrderCard,
.playerApp [data-page=income] .card,
.playerApp [data-page=income] .product,
.playerApp [data-page=me] .profileStats,
.playerApp [data-page=me] .profileCard,
.playerApp .playerServiceEntry .serviceGrid button,
.playerApp .playerOpenSkill,
.playerApp .playerEmpty,
.layout .card,
.layout .adminProductListCard,
.layout .adminProductEditCard,
.layout .adminPageTitle{
  background:var(--yx-art-surface)!important;
  background-image:none!important;
  border-color:var(--yx-art-line)!important;
  color:var(--yx-art-text)!important;
  box-shadow:none!important;
}
.bossApp [data-page=order] .walletEntrances .rechargeEntry,
.bossApp [data-page=order] .walletEntrances .inviteEntry,
.bossApp .walletEntrances .rechargeEntry,
.bossApp .walletEntrances .inviteEntry{
  background:var(--yx-art-surface-3)!important;
  background-image:none!important;
  border-color:#34295a!important;
  color:var(--yx-art-title)!important;
}
.bossApp .walletEntrances button i{
  background:rgba(122,60,255,.16)!important;
  background-image:none!important;
  border-color:rgba(168,140,255,.22)!important;
  color:#b8a8ef!important;
}
.bossApp .walletEntrances button::after{
  display:block!important;
  content:""!important;
  right:-42px!important;
  top:-42px!important;
  width:96px!important;
  height:96px!important;
  border-radius:50%!important;
  background:rgba(122,60,255,.14)!important;
}
.bossApp .walletEntrances b,
.bossApp .profilePromo .profileActionCard b,
.bossApp .bossTop b,
.bossApp .walletTop b,
.bossApp .detailTop b,
.bossApp .heroCopy b,
.bossApp .miniProductCard>b,
.bossApp .featuredProduct h3,
.bossApp .menuItem h3,
.bossApp .orderCardHead b,
.bossApp .playerInfoCard h1,
.bossApp .rankItem b,
.bossApp .noticeBar b,
.bossApp .listHead b,
.bossApp .menuHead b,
.bossApp .profileTitle,
.bossApp .rankBlockHead b,
.bossApp .levelInfo b,
.bossApp .walletTitle,
.bossApp .rankSummary b,
.bossApp .profileStats b,
.bossApp .productIntro h1,
.playerApp .playerTopBar b,
.playerApp .playerHeroPanel b,
.playerApp .grabCardTop b,
.playerApp .playerOrderTitle b,
.playerApp [data-page=me] .profileUser h2,
.playerApp [data-page=me] .profileTitle,
.playerApp .playerOpenSkill b,
.layout .top h2,
.layout .adminPageTitle h3,
.layout .card h3,
.layout .table b,
.layout .adminBlockTitle{
  color:var(--yx-art-title)!important;
}
.bossApp .searchButton .searchText,
.bossApp .searchInputWrap input::placeholder,
.bossApp .heroCopy span,
.bossApp .miniProductCard p,
.bossApp .featuredProduct p,
.bossApp .menuItem p,
.bossApp .profileUser p,
.bossApp .profileStats span,
.bossApp .profilePromo .profileActionCard span,
.bossApp .orderCardHead span,
.bossApp .orderRemark,
.bossApp .rankItem span,
.bossApp .quickSearch button,
.bossApp .noticeBar span,
.bossApp .walletEntrances span,
.bossApp .rankHero p,
.bossApp .rankBlockHead span,
.playerApp .playerTopBar p,
.playerApp .playerHeroPanel span,
.playerApp .grabBossHead span,
.playerApp .playerOrderHead span,
.playerApp .grabCardTop span,
.playerApp .grabInfoGrid span,
.playerApp .playerOrderMeta span,
.playerApp [data-page=me] .profileUser p,
.playerApp [data-page=me] .profileStats span,
.playerApp [data-page=me] .mini,
.playerApp .playerOpenSkill span,
.layout .top .sub,
.layout .mini,
.layout .up,
.layout .adminPageTitle p,
.layout .adminPageTitle .mini,
.layout .table th,
.layout .field label{
  color:var(--yx-art-muted)!important;
}
.bossApp .productIntro h1,
.bossApp .detailSpecGrid span,
.bossApp .payOrderSummary strong,
.bossApp .balanceRechargeBox p b,
.bossApp .balanceRechargeBox p strong,
.bossApp .balanceRechargeBox p em,
.bossApp .miniProductCard .cardFoot strong,
.bossApp .featuredProduct strong,
.bossApp .menuItem strong,
.bossApp .grabCardTop strong,
.bossApp .orderCardHead strong,
.bossApp .rankItem strong,
.playerApp .playerHeroPanel em,
.playerApp .autoRefreshCard i,
.playerApp .playerRuleLine b,
.playerApp .grabCardTop strong,
.playerApp .playerOrderTitle strong,
.playerApp [data-page=income] .num,
.playerApp [data-page=me] .profileStats b,
.layout .num,
.layout .adminPriceList em,
.layout .adminPriceRange{
  color:var(--yx-art-violet-soft)!important;
}
.bossApp .searchBar,
.bossApp .searchButton,
.bossApp .searchInputWrap input,
.bossApp .detailField input,
.bossApp .detailField textarea,
.bossApp .bossProfileEditBox input,
.bossApp .rechargeModalBox input,
.bossApp .rechargeModalBox textarea,
.bossApp .aliyunRealForm input,
.layout input,
.layout select,
.layout textarea,
.adminGameModal input,
.adminGameModal select,
.adminGoodsModal input,
.adminGoodsModal select,
.adminGoodsModal textarea,
#modal input,
#modal textarea{
  background:#101018!important;
  background-image:none!important;
  border-color:var(--yx-art-line)!important;
  color:var(--yx-art-text)!important;
  box-shadow:none!important;
}
.bossApp .searchButton em,
.bossApp .searchInputWrap button,
.bossApp .miniProductCard .cardFoot button,
.bossApp .featuredProduct button,
.bossApp .menuItem button,
.bossApp .bossOrderCard>button,
.bossApp .bossProfileSubmit,
.bossApp .detailBottomBar .primaryPay,
.bossApp .rechargeModalFoot button,
.bossApp .inviteCopyBtn,
.bossApp .rankHero button,
.bossApp .rankTabs button.active,
.bossApp .paySubmit,
.bossApp .aliyunRealNamePage .realSubmit,
.bossApp .walletBottom button,
.bossApp .profileRecharge button,
.bossApp .balanceHeroFoot button,
.playerApp .playerTopBar button,
.playerApp .grabOrderCard>button,
.playerApp .playerOrderActions button.primary,
.playerApp [data-page=income] .btn.primary,
.playerApp .playerOpenSkill button,
.layout .btn.primary,
.adminGameModal .btn.primary,
.adminGoodsModal .btn.primary,
#modal .rechargeModalFoot button,
#modal .inviteCopyBtn,
#modal .paySubmit,
#modal .balanceRechargeActions .primary{
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--yx-art-violet) 0%,var(--yx-art-violet-deep) 100%)!important;
  color:#f6f2ff!important;
  box-shadow:none!important;
}
.bossApp .miniProductCard .thumbWrap,
.bossApp .rankItem,
.bossApp .orderCardMeta p,
.bossApp .confirmRows,
.bossApp .grabInfo p,
.playerApp .grabInfoGrid p,
.playerApp .playerOrderMeta p,
.layout .table,
.layout .table th,
.layout .table td{
  background:#101018!important;
  background-image:none!important;
  border-color:var(--yx-art-line-soft)!important;
  color:var(--yx-art-text)!important;
  box-shadow:none!important;
}
.bossApp .miniProductCard .thumbWrap img,
.bossApp .featuredProduct img,
.bossApp .menuItem>img,
.bossApp .detailPoster,
.bossApp .heroBanner img,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider img{
  filter:saturate(.62) contrast(.98) brightness(.86)!important;
}
.bossApp .heroBanner::after,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::after,
.bossApp .miniProductCard::before,
.bossApp .bossOrderCard::before,
.bossApp .menuItem::before,
.bossApp .rankBlock::before,
.bossApp .rankHero::before,
.bossApp .rankHero::after,
.playerApp .playerHeroPanel>div::after,
.playerApp .grabOrderCard::before,
.playerApp .playerOrderCard::before,
.layout .card::before,
.layout .adminPageTitle::before{
  display:none!important;
  background:none!important;
}
.bossApp .miniProductCard .thumbWrap span,
.bossApp .bossLevelBadge,
.bossApp .playerLevelTag,
.bossApp .miniProductCard .tagLine span,
.bossApp .tagLine span,
.bossApp .platformIconLine .platformTagWithIcon,
.bossApp .platformIconLine .platformTagWithIcon:first-child,
.bossApp .platformIconLine .platformTagWithIcon.mobile,
.bossApp .platformIconLine .platformTagWithIcon.pc,
.playerApp .playerBossWealth,
.playerApp [data-page=me] .bossLevelBadge,
.layout .adminPriceRange,
.layout .status,
.layout .tag{
  background:#171520!important;
  background-image:none!important;
  border-color:#2c2738!important;
  color:#aaa1bd!important;
  box-shadow:none!important;
}
.bossApp .pillSegment button,
.bossApp .detailSpecGrid button,
.bossApp .orderOptionGrid button,
.bossApp .orderSpecGrid button,
.bossApp .quickSearch button,
.bossApp .orderTabs button,
.bossApp .rankTabs,
.bossApp .rankTabs button,
.bossApp .rechargeGrid button,
.bossApp .payMethodCard,
.bossApp .categoryChips button,
.bossApp .menuPage aside button,
.bossApp .qtyStepper,
.bossApp .qtyStepper button,
.bossApp .qtyStepper b{
  background:#111019!important;
  background-image:none!important;
  border-color:var(--yx-art-line)!important;
  color:#9b96a6!important;
  box-shadow:none!important;
}
.bossApp .pillSegment button.active,
.bossApp .detailSpecGrid button.active,
.bossApp .orderOptionGrid button.active,
.bossApp .orderSpecGrid button.active,
.bossApp .orderTabs button.active,
.bossApp .rechargeGrid button.active,
.bossApp .payMethodCard.active,
.bossApp .categoryChips button.active,
.bossApp .menuPage aside button.active,
.bossApp .bossBottom a.active,
.playerApp .playerBottom a.active,
.layout .nav a.active,
.layout .nav a:hover,
.layout .navGroup .navParent{
  background:#1b1729!important;
  background-image:none!important;
  border-color:#332752!important;
  color:#d6caff!important;
  box-shadow:none!important;
}
.bossApp .bossBottom .navIcon,
.playerApp .playerBottom .navIcon,
.bossApp .bossBottom a.active .navIcon,
.playerApp .playerBottom a.active .navIcon,
.bossApp .roundIcon,
.bossApp .squareIcon,
.bossApp .diamondIcon,
.bossApp .promoIcon,
.playerApp .roundIcon,
.layout .nav a::before,
.layout .nav a.active::before{
  background:#14131a!important;
  background-image:none!important;
  border-color:#292633!important;
  color:#8d8798!important;
  box-shadow:none!important;
}
.bossApp .listHead b::before,
.bossApp .menuHead b::before,
.bossApp .profileTitle::before,
.playerApp [data-page=me] .profileTitle::before{
  background:var(--yx-art-violet)!important;
}

/* Art palette refinement: no large violet blocks */
.bossApp [data-page=order] .walletEntrances .rechargeEntry,
.bossApp [data-page=order] .walletEntrances .inviteEntry,
.bossApp .walletEntrances .rechargeEntry,
.bossApp .walletEntrances .inviteEntry{
  background:#171520!important;
  background-image:none!important;
  border-color:#2d2939!important;
  box-shadow:inset 3px 0 0 var(--yx-art-violet)!important;
}
.bossApp .walletEntrances button::after{
  display:none!important;
}
.bossApp .walletEntrances button i{
  background:#211a38!important;
  border-color:#3b2b68!important;
  color:#bdaeff!important;
}
.bossApp .heroBanner img,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider img,
.bossApp .miniProductCard .thumbWrap img,
.bossApp .featuredProduct img,
.bossApp .menuItem>img{
  filter:saturate(.46) contrast(.97) brightness(.84)!important;
}

/* 20260708 boss ultimate art polish */
:root{
  --yx-boss-bg:#0b0a0f;
  --yx-boss-page:#0f0e14;
  --yx-boss-card:#17151d;
  --yx-boss-card-2:#1d1a25;
  --yx-boss-card-3:#211d2b;
  --yx-boss-line:#2b2835;
  --yx-boss-line-soft:#24212b;
  --yx-boss-title:#f0edf6;
  --yx-boss-text:#c9c3d2;
  --yx-boss-muted:#918a9f;
  --yx-boss-faint:#6d6676;
  --yx-boss-accent:#7f45ff;
  --yx-boss-accent-2:#a987ff;
  --yx-boss-accent-3:#5a28cc;
  --yx-boss-gold:#dac58b;
  --yx-boss-red:#ef6b78;
}
html,
body{
  background:var(--yx-boss-bg)!important;
}
.bossApp,
.bossApp.mobile{
  width:min(430px,100%)!important;
  min-height:100vh!important;
  margin:0 auto!important;
  background:var(--yx-boss-bg)!important;
  background-image:none!important;
  color:var(--yx-boss-text)!important;
  font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
  letter-spacing:0!important;
}
.bossApp *,
.bossApp *::before,
.bossApp *::after{
  box-sizing:border-box!important;
  letter-spacing:0!important;
}
.bossApp [data-page],
.bossApp .bossHome,
.bossApp .rankHome,
.bossApp .profilePage,
.bossApp .bossOrderPage,
.bossApp .searchPage,
.bossApp .menuPage,
.bossApp .playerProfilePage,
.bossApp .walletPage,
.bossApp .yxBalancePage,
.bossApp .detailScroll{
  background:var(--yx-boss-bg)!important;
  background-image:none!important;
  color:var(--yx-boss-text)!important;
}
.bossApp .bossHome,
.bossApp .rankHome,
.bossApp .profilePage,
.bossApp .bossOrderPage,
.bossApp .searchPage,
.bossApp .walletPage,
.bossApp .yxBalancePage{
  padding:14px 14px calc(94px + env(safe-area-inset-bottom))!important;
}
.bossApp .bossTop,
.bossApp .orderPageTop,
.bossApp .detailTop,
.bossApp .walletTop,
.bossApp .menuPageTop,
.bossApp .playerProfileTop{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  height:54px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  align-items:center!important;
  padding:0 8px!important;
  border:0!important;
  border-bottom:1px solid var(--yx-boss-line-soft)!important;
  background:rgba(11,10,15,.94)!important;
  background-image:none!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:none!important;
}
.bossApp .bossTop b,
.bossApp .orderPageTop b,
.bossApp .detailTop b,
.bossApp .walletTop b,
.bossApp .menuPageTop b,
.bossApp .playerProfileTop b{
  color:var(--yx-boss-title)!important;
  font-size:16px!important;
  font-weight:900!important;
  text-align:center!important;
}
.bossApp .detailTop button,
.bossApp .walletTop button,
.bossApp .menuPageTop button,
.bossApp .orderPageTop button,
.bossApp .playerProfileTop button{
  width:38px!important;
  height:38px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:14px!important;
  background:var(--yx-boss-card)!important;
  color:var(--yx-boss-text)!important;
  font-size:20px!important;
  line-height:1!important;
}
.bossApp .searchBar,
.bossApp .searchButton,
.bossApp .searchInputWrap input{
  width:100%!important;
  min-height:44px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:18px!important;
  background:#121018!important;
  background-image:none!important;
  color:var(--yx-boss-title)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.bossApp .searchButton{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 8px 7px 14px!important;
  text-align:left!important;
}
.bossApp .searchBar::before{
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  border-color:#756f82!important;
  opacity:.92!important;
}
.bossApp .searchButton .searchText{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
  color:var(--yx-boss-muted)!important;
  font-size:12px!important;
  line-height:17px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .searchButton em,
.bossApp .searchInputWrap button{
  flex:0 0 auto!important;
  min-width:56px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--yx-boss-accent)!important;
  background-image:none!important;
  color:#f8f5ff!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(127,69,255,.22)!important;
}
.bossApp .heroBanner,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider{
  height:170px!important;
  margin-top:12px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#121018!important;
  background-image:none!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}
.bossApp .heroBanner img,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(.68) contrast(1.02) brightness(.74)!important;
}
.bossApp .heroBanner::after,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(8,7,12,.92) 0%,rgba(8,7,12,.58) 48%,rgba(8,7,12,.12) 100%)!important;
}
.bossApp .heroCopy{
  left:18px!important;
  right:122px!important;
  top:22px!important;
  bottom:auto!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.bossApp .heroCopy b{
  color:var(--yx-boss-title)!important;
  font-size:27px!important;
  line-height:1.05!important;
  font-weight:950!important;
}
.bossApp .heroCopy span{
  color:#b8b1c4!important;
  font-size:13px!important;
  line-height:20px!important;
}
.bossApp .promoGrid.walletEntrances,
.bossApp .walletEntrances{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0 0!important;
}
.bossApp .walletEntrances button{
  min-width:0!important;
  height:78px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;
  align-items:center!important;
  padding:12px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:20px!important;
  background:var(--yx-boss-card)!important;
  background-image:none!important;
  color:var(--yx-boss-title)!important;
  text-align:left!important;
  box-shadow:inset 3px 0 0 rgba(127,69,255,.84)!important;
}
.bossApp .walletEntrances button::after{
  display:none!important;
}
.bossApp .walletEntrances button i{
  grid-row:1/3!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #372c58!important;
  border-radius:14px!important;
  background:#221a36!important;
  color:#c9b8ff!important;
  font-size:16px!important;
  font-weight:900!important;
  transform:none!important;
}
.bossApp .walletEntrances b{
  min-width:0!important;
  overflow:hidden!important;
  color:var(--yx-boss-title)!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:20px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .walletEntrances span{
  min-width:0!important;
  overflow:hidden!important;
  color:var(--yx-boss-muted)!important;
  font-size:11.5px!important;
  line-height:16px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .noticeBar,
.bossApp .menuTip,
.bossApp .playerRuleLine{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0 0!important;
  padding:10px 12px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:17px!important;
  background:#131119!important;
  background-image:none!important;
  box-shadow:none!important;
}
.bossApp .noticeBar b{
  flex:0 0 auto!important;
  color:var(--yx-boss-title)!important;
  font-size:14px!important;
  font-weight:900!important;
}
.bossApp .noticeBar span,
.bossApp .menuTip{
  color:var(--yx-boss-muted)!important;
  font-size:12px!important;
  line-height:18px!important;
}
.bossApp .listHead,
.bossApp .menuHead{
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:18px 0 11px!important;
  padding:0!important;
  border:0!important;
}
.bossApp .listHead b,
.bossApp .menuHead b,
.bossApp .profileTitle,
.bossApp .rankBlockHead b,
.bossApp .walletTitle{
  color:var(--yx-boss-title)!important;
  font-size:17px!important;
  font-weight:950!important;
}
.bossApp .listHead b::before,
.bossApp .menuHead b::before,
.bossApp .profileTitle::before{
  width:4px!important;
  height:16px!important;
  border-radius:999px!important;
  background:var(--yx-boss-accent)!important;
}
.bossApp .listHead button,
.bossApp .menuHead button{
  height:32px!important;
  padding:0 12px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:999px!important;
  background:#14121b!important;
  color:var(--yx-boss-text)!important;
  font-size:12px!important;
  font-weight:800!important;
}
.bossApp .homeProductGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.bossApp .miniProductCard{
  min-width:0!important;
  padding:8px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:22px!important;
  background:var(--yx-boss-card)!important;
  background-image:none!important;
  color:var(--yx-boss-text)!important;
  overflow:hidden!important;
  box-shadow:0 16px 36px rgba(0,0,0,.24)!important;
}
.bossApp .miniProductCard::before{
  display:none!important;
}
.bossApp .miniProductCard .thumbWrap{
  height:124px!important;
  margin:0!important;
  border:1px solid #2d2a38!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:#100f15!important;
  box-shadow:none!important;
}
.bossApp .miniProductCard .thumbWrap img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(.78) contrast(1.04) brightness(.82)!important;
}
.bossApp .miniProductCard .thumbWrap span{
  top:8px!important;
  right:8px!important;
  left:auto!important;
  height:24px!important;
  max-width:78px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:rgba(16,15,22,.76)!important;
  color:#d7d0df!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.bossApp .miniProductCard>b{
  display:block!important;
  min-height:22px!important;
  margin:10px 1px 0!important;
  overflow:hidden!important;
  color:var(--yx-boss-title)!important;
  font-size:15px!important;
  line-height:22px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .miniProductCard p{
  min-height:34px!important;
  margin:4px 1px 0!important;
  overflow:hidden!important;
  color:var(--yx-boss-muted)!important;
  font-size:12px!important;
  line-height:17px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.bossApp .platformIconLine,
.bossApp .tagLine{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:9px!important;
}
.bossApp .platformIconLine .platformTagWithIcon,
.bossApp .platformIconLine .platformTagWithIcon:first-child,
.bossApp .platformIconLine .platformTagWithIcon.mobile,
.bossApp .platformIconLine .platformTagWithIcon.pc,
.bossApp .tagLine span{
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:0 9px!important;
  border:1px solid #2a2733!important;
  border-radius:999px!important;
  background:#121018!important;
  background-image:none!important;
  color:#aaa2b8!important;
  font-size:11px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.bossApp .platformIconLine .platformTagWithIcon img{
  width:14px!important;
  height:14px!important;
  border-radius:4px!important;
  object-fit:cover!important;
}
.bossApp .miniProductCard .cardFoot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:10px!important;
}
.bossApp .miniProductCard .cardFoot strong,
.bossApp .featuredProduct strong,
.bossApp .menuItem strong{
  color:var(--yx-boss-accent-2)!important;
  font-size:15px!important;
  font-weight:950!important;
}
.bossApp .miniProductCard .cardFoot button,
.bossApp .featuredProduct button,
.bossApp .menuItem button,
.bossApp .bossOrderCard>button,
.bossApp .detailBottomBar .primaryPay,
.bossApp .rechargeModalFoot button,
.bossApp .inviteCopyBtn,
.bossApp .paySubmit,
.bossApp .walletBottom button,
.bossApp .profileRecharge button,
.bossApp .balanceHeroFoot button,
#modal .rechargeModalFoot button,
#modal .inviteCopyBtn,
#modal .paySubmit,
#modal .balanceRechargeActions .primary{
  border:0!important;
  border-radius:999px!important;
  background:var(--yx-boss-accent)!important;
  background-image:none!important;
  color:#f9f6ff!important;
  font-weight:950!important;
  box-shadow:0 12px 24px rgba(127,69,255,.24)!important;
}
.bossApp .miniProductCard .cardFoot button{
  height:32px!important;
  min-width:64px!important;
  padding:0 12px!important;
  font-size:12px!important;
}
.bossApp .bossBottom{
  position:fixed!important;
  left:50%!important;
  bottom:0!important;
  z-index:30!important;
  width:min(430px,100%)!important;
  height:76px!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  padding:7px 10px calc(8px + env(safe-area-inset-bottom))!important;
  border:0!important;
  border-top:1px solid var(--yx-boss-line-soft)!important;
  background:rgba(12,11,16,.95)!important;
  background-image:none!important;
  box-shadow:0 -16px 38px rgba(0,0,0,.5)!important;
  backdrop-filter:blur(18px)!important;
  transform:translateX(-50%)!important;
}
.bossApp .bossBottom a{
  position:relative!important;
  height:58px!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  color:#777180!important;
  font-size:11px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.bossApp .bossBottom a.active{
  background:#15121f!important;
  background-image:none!important;
  color:#d9ceff!important;
  box-shadow:inset 0 0 0 1px #2f2942!important;
}
.bossApp .bossBottom .navIcon{
  position:relative!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #25222d!important;
  border-radius:12px!important;
  background:#121018!important;
  background-image:none!important;
  color:#807888!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.bossApp .bossBottom a.active .navIcon{
  border-color:#4a367c!important;
  background:#24193d!important;
  background-image:none!important;
  color:#c9b8ff!important;
  box-shadow:none!important;
}
.bossApp .bossBottom .navIcon::before{
  width:17px!important;
  height:17px!important;
  background:currentColor!important;
  -webkit-mask:var(--nav-mask) center/17px 17px no-repeat!important;
  mask:var(--nav-mask) center/17px 17px no-repeat!important;
}
.bossApp .bossBottom .navIcon::after{
  display:none!important;
}
.bossApp .bossBottom a span{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  line-height:14px!important;
}
.bossApp .detailScroll{
  padding:14px 14px 104px!important;
}
.bossApp .detailPosterWrap{
  width:150px!important;
  height:150px!important;
  margin:12px auto!important;
  padding:0!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:var(--yx-boss-card)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.3)!important;
}
.bossApp .detailPoster{
  width:150px!important;
  height:150px!important;
  object-fit:cover!important;
  filter:saturate(.82) contrast(1.03) brightness(.9)!important;
}
.bossApp .detailPosterWrap span{
  height:30px!important;
  background:rgba(9,8,12,.72)!important;
  color:#d8d2e2!important;
  font-size:12px!important;
}
.bossApp .detailPanel,
.bossApp .orderPanel,
.bossApp .profileCard,
.bossApp .bossLevelCard,
.bossApp .profileSection,
.bossApp .bossOrderCard,
.bossApp .rankBlock,
.bossApp .rankSummary div,
.bossApp .balanceRecord,
.bossApp .playerInfoCard,
.bossApp .playerSection,
.bossApp .playerServiceCard,
.bossApp .serviceGrid button,
.bossApp .orderStats button,
.bossApp .profileMenuGrid button,
.bossApp .profilePromo .profileActionCard{
  border:1px solid var(--yx-boss-line)!important;
  border-radius:22px!important;
  background:var(--yx-boss-card)!important;
  background-image:none!important;
  color:var(--yx-boss-text)!important;
  box-shadow:none!important;
}
.bossApp .productIntro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 48px!important;
  gap:12px!important;
  align-items:center!important;
  padding:16px!important;
}
.bossApp .productIntro h1{
  color:var(--yx-boss-accent-2)!important;
  font-size:27px!important;
  line-height:32px!important;
  font-weight:950!important;
}
.bossApp .productIntro h2{
  color:var(--yx-boss-title)!important;
  font-size:17px!important;
  line-height:24px!important;
  font-weight:950!important;
}
.bossApp .productIntro p,
.bossApp .noticePanel p{
  color:var(--yx-boss-muted)!important;
  font-size:12.5px!important;
  line-height:20px!important;
}
.bossApp .detailShareBtn{
  width:46px!important;
  height:46px!important;
  border:1px solid #332b48!important;
  border-radius:17px!important;
  background:#171323!important;
  color:#ccbfff!important;
  box-shadow:none!important;
}
.bossApp .orderControls{
  padding:14px!important;
}
.bossApp .orderLine{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:10px 0!important;
  border-bottom:1px solid var(--yx-boss-line-soft)!important;
}
.bossApp .orderLine:last-child{
  border-bottom:0!important;
}
.bossApp .orderLine>label{
  color:var(--yx-boss-muted)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:36px!important;
}
.bossApp .pillSegment,
.bossApp .platformSegment{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.bossApp .pillSegment button,
.bossApp .platformPick,
.bossApp .detailSpecGrid button,
.bossApp .orderTabs button,
.bossApp .rechargeGrid button,
.bossApp .payMethodCard,
.bossApp .categoryChips button,
.bossApp .menuPage aside button,
.bossApp .qtyStepper{
  border:1px solid var(--yx-boss-line)!important;
  border-radius:16px!important;
  background:#121018!important;
  background-image:none!important;
  color:#aaa3b6!important;
  box-shadow:none!important;
}
.bossApp .platformPick{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:13px!important;
  font-weight:900!important;
}
.bossApp .platformPick img{
  width:20px!important;
  height:20px!important;
  border-radius:6px!important;
}
.bossApp .pillSegment button.active,
.bossApp .platformPick.active,
.bossApp .detailSpecGrid button.active,
.bossApp .orderTabs button.active,
.bossApp .rechargeGrid button.active,
.bossApp .payMethodCard.active,
.bossApp .categoryChips button.active,
.bossApp .menuPage aside button.active{
  border-color:#4b367d!important;
  background:#211832!important;
  background-image:none!important;
  color:#ded5ff!important;
  box-shadow:inset 0 0 0 1px rgba(127,69,255,.18)!important;
}
.bossApp .detailSpecGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.bossApp .detailSpecGrid button{
  min-height:58px!important;
  padding:10px!important;
  text-align:left!important;
}
.bossApp .detailSpecGrid b{
  display:block!important;
  overflow:hidden!important;
  color:var(--yx-boss-title)!important;
  font-size:13px!important;
  line-height:18px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .detailSpecGrid span{
  display:block!important;
  margin-top:4px!important;
  color:var(--yx-boss-accent-2)!important;
  font-size:12px!important;
  font-weight:900!important;
}
.bossApp .qtyStepper{
  width:126px!important;
  height:38px!important;
  display:grid!important;
  grid-template-columns:38px 1fr 38px!important;
  overflow:hidden!important;
}
.bossApp .qtyStepper button,
.bossApp .qtyStepper b{
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  color:var(--yx-boss-title)!important;
}
.bossApp .couponRow button{
  min-height:38px!important;
  justify-self:start!important;
  padding:0 12px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:999px!important;
  background:#121018!important;
  color:var(--yx-boss-muted)!important;
}
.bossApp .detailField{
  margin-top:12px!important;
}
.bossApp .detailField label,
.bossApp .field label{
  display:block!important;
  margin-bottom:7px!important;
  color:var(--yx-boss-muted)!important;
  font-size:12.5px!important;
  font-weight:850!important;
}
.bossApp .detailField input,
.bossApp .detailField textarea,
.bossApp .bossProfileEditBox input,
.bossApp .rechargeModalBox input,
.bossApp .rechargeModalBox textarea,
.bossApp .aliyunRealForm input,
#modal input,
#modal textarea{
  width:100%!important;
  min-height:42px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:15px!important;
  background:#111017!important;
  color:var(--yx-boss-title)!important;
  box-shadow:none!important;
}
.bossApp .detailField textarea{
  min-height:82px!important;
  resize:none!important;
}
.bossApp .detailBottomBar{
  position:fixed!important;
  left:50%!important;
  bottom:0!important;
  z-index:35!important;
  width:min(430px,100%)!important;
  height:78px!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
  border:0!important;
  border-top:1px solid var(--yx-boss-line-soft)!important;
  background:rgba(12,11,16,.96)!important;
  background-image:none!important;
  box-shadow:0 -16px 38px rgba(0,0,0,.48)!important;
  transform:translateX(-50%)!important;
}
.bossApp .detailBottomBar .disabledPay{
  height:46px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:999px!important;
  background:#121018!important;
  color:#6f6878!important;
}
.bossApp .detailBottomBar .primaryPay{
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:15px!important;
}
.bossApp .detailBottomBar .primaryPay span{
  color:#fff!important;
  font-size:15px!important;
}
.bossApp .menuPage{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:10px!important;
  padding:12px 12px 92px!important;
  background:var(--yx-boss-bg)!important;
}
.bossApp .menuPage aside{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:0!important;
  background:transparent!important;
}
.bossApp .menuPage aside button{
  width:100%!important;
  min-height:42px!important;
  padding:0 8px!important;
  font-size:12px!important;
  font-weight:900!important;
}
.bossApp .menuPage main{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.bossApp .menuItem{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr) 34px!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:20px!important;
  background:var(--yx-boss-card)!important;
  background-image:none!important;
  box-shadow:none!important;
}
.bossApp .menuItem>img{
  width:86px!important;
  height:86px!important;
  border-radius:16px!important;
  object-fit:cover!important;
  filter:saturate(.78) contrast(1.02) brightness(.84)!important;
}
.bossApp .menuItem h3{
  color:var(--yx-boss-title)!important;
  font-size:15px!important;
  line-height:20px!important;
}
.bossApp .menuItem p{
  color:var(--yx-boss-muted)!important;
  font-size:12px!important;
  line-height:17px!important;
}
.bossApp .profileHero,
.bossApp .authHero{
  margin:0 0 12px!important;
  padding:16px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:24px!important;
  background:#15131c!important;
  background-image:none!important;
  box-shadow:none!important;
}
.bossApp .profileHero h1,
.bossApp .profileHero h2,
.bossApp .authHero h1{
  color:var(--yx-boss-title)!important;
  font-weight:950!important;
}
.bossApp .profileHero p,
.bossApp .authHero p{
  color:var(--yx-boss-muted)!important;
  font-size:12.5px!important;
  line-height:20px!important;
}
.bossApp .profileUser{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.bossApp .profileUser img{
  width:58px!important;
  height:58px!important;
  border:1px solid #3a334d!important;
  border-radius:20px!important;
  object-fit:cover!important;
}
.bossApp .profileUser h2{
  overflow:hidden!important;
  color:var(--yx-boss-title)!important;
  font-size:18px!important;
  line-height:24px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .bossLevelBadge,
.bossApp .playerLevelTag{
  height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  margin-left:5px!important;
  padding:0 8px!important;
  border:1px solid #3b3155!important;
  border-radius:999px!important;
  background:#211832!important;
  color:#d7ccff!important;
  font-size:10px!important;
  font-weight:950!important;
}
.bossApp .profileEditBtn{
  height:34px!important;
  padding:0 10px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:999px!important;
  background:#121018!important;
  color:var(--yx-boss-text)!important;
  font-size:12px!important;
  font-weight:900!important;
}
.bossApp .profileStats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:14px!important;
  padding:10px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:20px!important;
  background:#121018!important;
}
.bossApp .profileStats div{
  min-width:0!important;
  text-align:center!important;
}
.bossApp .profileStats b,
.bossApp .rankSummary b{
  color:var(--yx-boss-title)!important;
  font-size:17px!important;
  font-weight:950!important;
}
.bossApp .profileStats span,
.bossApp .rankSummary span{
  color:var(--yx-boss-muted)!important;
  font-size:11px!important;
}
.bossApp .bossLevelCard,
.bossApp .profileRecharge{
  margin-top:12px!important;
}
.bossApp .profileRecharge{
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 74px!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px!important;
  overflow:hidden!important;
}
.bossApp .profileRecharge::after{
  display:none!important;
}
.bossApp .diamondIcon{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  border:1px solid #3b3155!important;
  border-radius:16px!important;
  background:#211832!important;
  background-image:none!important;
  color:#cdbdff!important;
  transform:none!important;
  box-shadow:none!important;
}
.bossApp .diamondIcon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:22px!important;
  height:22px!important;
  background:currentColor!important;
  transform:translate(-50%,-50%)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.2 3h11.6L22 8.8 12 21 2 8.8 6.2 3Zm.9 2-2.4 3.3h4.6L10.8 5H7.1Zm6.1 0 1.5 3.3h4.6L16.9 5h-3.7Zm-2.4 5.3H5.1l5.3 6.4.4-6.4Zm2.4 0 .4 6.4 5.3-6.4h-5.7Zm-1.2-5L10.5 8.3h3L12 5.3Z'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.2 3h11.6L22 8.8 12 21 2 8.8 6.2 3Zm.9 2-2.4 3.3h4.6L10.8 5H7.1Zm6.1 0 1.5 3.3h4.6L16.9 5h-3.7Zm-2.4 5.3H5.1l5.3 6.4.4-6.4Zm2.4 0 .4 6.4 5.3-6.4h-5.7Zm-1.2-5L10.5 8.3h3L12 5.3Z'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;
}
.bossApp .profileRecharge b{
  display:block!important;
  overflow:hidden!important;
  color:var(--yx-boss-title)!important;
  font-size:16px!important;
  line-height:20px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .profileRecharge span{
  display:block!important;
  margin-top:4px!important;
  overflow:hidden!important;
  color:var(--yx-boss-muted)!important;
  font-size:11.5px!important;
  line-height:16px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .profileRecharge button{
  height:34px!important;
  padding:0 12px!important;
  font-size:12px!important;
}
.bossApp .profilePromo{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}
.bossApp .profilePromo .profileActionCard{
  height:84px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 12px!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px!important;
  text-align:left!important;
}
.bossApp .promoIcon{
  width:38px!important;
  height:38px!important;
  border:1px solid #352d48!important;
  border-radius:15px!important;
  background:#211832!important;
  color:#cdbdff!important;
  box-shadow:none!important;
}
.bossApp .profilePromo .profileActionCard b{
  color:var(--yx-boss-title)!important;
  font-size:15px!important;
  line-height:19px!important;
}
.bossApp .profilePromo .profileActionCard span{
  color:var(--yx-boss-muted)!important;
  font-size:11.5px!important;
  line-height:16px!important;
}
.bossApp .serviceGrid,
.bossApp .orderStats,
.bossApp .profileMenuGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.bossApp .serviceGrid button,
.bossApp .orderStats button,
.bossApp .profileMenuGrid button{
  min-height:78px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:7px!important;
  padding:12px!important;
  text-align:left!important;
}
.bossApp .roundIcon,
.bossApp .squareIcon{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #332b48!important;
  border-radius:13px!important;
  background:#211832!important;
  background-image:none!important;
  color:#cdbdff!important;
  box-shadow:none!important;
  transform:none!important;
}
.bossApp .serviceGrid span,
.bossApp .orderStats span,
.bossApp .profileMenuGrid span{
  color:var(--yx-boss-text)!important;
  font-size:12.5px!important;
  line-height:17px!important;
  font-weight:850!important;
}
.bossApp .orderTabs{
  position:sticky!important;
  top:54px!important;
  z-index:12!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0 -2px 12px!important;
  padding:9px 0!important;
  background:var(--yx-boss-bg)!important;
}
.bossApp .orderTabs button{
  min-width:0!important;
  min-height:52px!important;
  padding:8px 4px!important;
  text-align:center!important;
}
.bossApp .orderTabs button b{
  display:block!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:12px!important;
  line-height:16px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .orderTabs button span{
  display:block!important;
  margin-top:3px!important;
  color:var(--yx-boss-muted)!important;
  font-size:11px!important;
}
.bossApp .bossOrderList{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.bossApp .bossOrderCard{
  padding:14px!important;
}
.bossApp .bossOrderCard::before{
  display:none!important;
}
.bossApp .orderCardHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.bossApp .orderCardHead b{
  color:var(--yx-boss-title)!important;
  font-size:15px!important;
  line-height:21px!important;
}
.bossApp .orderCardHead span{
  color:var(--yx-boss-muted)!important;
  font-size:12px!important;
}
.bossApp .orderCardMeta{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
.bossApp .orderCardMeta p,
.bossApp .confirmRows,
.bossApp .grabInfo p{
  min-width:0!important;
  padding:10px!important;
  border:1px solid var(--yx-boss-line-soft)!important;
  border-radius:16px!important;
  background:#121018!important;
}
.bossApp .orderCardMeta span{
  display:block!important;
  color:var(--yx-boss-muted)!important;
  font-size:11px!important;
}
.bossApp .orderCardMeta b{
  display:block!important;
  overflow:hidden!important;
  color:var(--yx-boss-title)!important;
  font-size:13px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .orderRemark{
  margin-top:10px!important;
  color:var(--yx-boss-muted)!important;
  font-size:12px!important;
  line-height:18px!important;
}
.bossApp .bossOrderCard>button{
  width:100%!important;
  height:40px!important;
  margin-top:12px!important;
  font-size:13px!important;
}
.bossApp .rankHero{
  padding:18px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:24px!important;
  background:var(--yx-boss-card)!important;
  background-image:none!important;
  box-shadow:none!important;
}
.bossApp .rankHero::before,
.bossApp .rankHero::after{
  display:none!important;
}
.bossApp .rankHero h1{
  color:var(--yx-boss-title)!important;
  font-size:28px!important;
  line-height:34px!important;
}
.bossApp .rankHero p{
  max-width:280px!important;
  color:var(--yx-boss-muted)!important;
  font-size:13px!important;
  line-height:20px!important;
}
.bossApp .rankHero button{
  height:38px!important;
  margin-top:12px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--yx-boss-accent)!important;
  color:#fff!important;
  font-weight:950!important;
}
.bossApp .rankSummary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0!important;
}
.bossApp .rankSummary div{
  min-height:70px!important;
  display:grid!important;
  place-items:center!important;
}
.bossApp .rankBlock{
  margin-top:12px!important;
  padding:14px!important;
}
.bossApp .rankBlock::before{
  display:none!important;
}
.bossApp .rankBlockHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.bossApp .rankBlockHead span{
  display:block!important;
  margin-top:4px!important;
  color:var(--yx-boss-muted)!important;
  font-size:11.5px!important;
  line-height:16px!important;
}
.bossApp .rankTabs{
  flex:0 0 auto!important;
  height:32px!important;
  display:flex!important;
  gap:4px!important;
  padding:3px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:999px!important;
  background:#111017!important;
}
.bossApp .rankTabs button{
  height:24px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--yx-boss-muted)!important;
  font-size:11px!important;
  font-weight:900!important;
}
.bossApp .rankTabs button.active{
  background:#211832!important;
  color:#d8cdff!important;
  box-shadow:none!important;
}
.bossApp .rankList{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  margin-top:12px!important;
}
.bossApp .rankItem{
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:32px 42px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px!important;
  border:1px solid var(--yx-boss-line-soft)!important;
  border-radius:18px!important;
  background:#121018!important;
}
.bossApp .rankItem>i{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#211832!important;
  color:#d8cdff!important;
  font-style:normal!important;
  font-weight:950!important;
}
.bossApp .rankItem img{
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  object-fit:cover!important;
}
.bossApp .rankItem b{
  color:var(--yx-boss-title)!important;
  font-size:14px!important;
}
.bossApp .rankItem span{
  color:var(--yx-boss-muted)!important;
  font-size:11.5px!important;
}
.bossApp .rankItem strong{
  color:var(--yx-boss-accent-2)!important;
  font-size:13px!important;
}
.bossApp .rankEmpty,
.bossApp .orderEmpty,
.bossApp .emptyState,
.bossApp .emptySearch{
  min-height:96px!important;
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
  border:1px dashed #34303f!important;
  border-radius:20px!important;
  background:#121018!important;
  color:var(--yx-boss-muted)!important;
  font-size:13px!important;
  text-align:center!important;
}
.bossApp .searchTop{
  gap:8px!important;
  padding:10px 12px!important;
  background:var(--yx-boss-bg)!important;
}
.bossApp .searchResultItem{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr) 58px!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:20px!important;
  background:var(--yx-boss-card)!important;
}
.bossApp .searchResultItem img{
  width:82px!important;
  height:82px!important;
  border-radius:16px!important;
  object-fit:cover!important;
}
.bossApp .searchResultItem button{
  height:34px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--yx-boss-accent)!important;
  color:#fff!important;
}
#modal{
  background:rgba(0,0,0,.68)!important;
  backdrop-filter:blur(9px)!important;
}
#modal .modalBox,
#modal .rechargeModalBox,
#modal .inviteModalBox,
#modal .bossProfileEditBox,
#modal .levelRuleBox,
#modal .customerServiceBox,
#modal .payMethodBox,
#modal .balanceRechargeBox,
#modal .shareSheet{
  width:min(396px,92vw)!important;
  max-height:88vh!important;
  overflow:auto!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:26px!important;
  background:var(--yx-boss-card)!important;
  background-image:none!important;
  color:var(--yx-boss-text)!important;
  box-shadow:0 28px 84px rgba(0,0,0,.62)!important;
}
#modal .rechargeModalBox,
#modal .inviteModalBox,
#modal .bossProfileEditBox{
  padding:14px!important;
}
#modal .rechargeModalClose,
#modal .inviteModalClose,
#modal .bossProfileEditClose,
#modal .levelClose,
#modal .customerClose,
#modal .balanceRechargeClose{
  width:34px!important;
  height:34px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:13px!important;
  background:#121018!important;
  color:var(--yx-boss-text)!important;
}
#modal .rechargeModalHead{
  min-height:78px!important;
  padding:14px!important;
  border:1px solid #342b4d!important;
  border-radius:22px!important;
  background:#1b1628!important;
  background-image:none!important;
}
#modal .rechargeModalHead b,
#modal .yxWalletHead b{
  color:var(--yx-boss-title)!important;
  font-size:24px!important;
}
#modal .rechargeModalHead span,
#modal .rechargeModalHead em{
  color:#b8b1c4!important;
}
#modal .rechargeModalSection,
#modal .rechargeModalPay,
#modal .rechargeModalForm,
#modal .rechargeModalRecent,
#modal .inviteRateBox,
#modal .payOrderSummary,
#modal .balanceRechargeBox p,
#modal .confirmRows{
  margin-top:10px!important;
  padding:12px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:20px!important;
  background:#121018!important;
  color:var(--yx-boss-text)!important;
}
#modal .rechargeModalGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
#modal .rechargeModalGrid button{
  min-height:78px!important;
  padding:10px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:18px!important;
  background:#17151d!important;
  color:var(--yx-boss-text)!important;
}
#modal .rechargeModalGrid button.active{
  border-color:#4b367d!important;
  background:#211832!important;
  color:#ded5ff!important;
}
#modal .rechargeModalGrid b{
  color:var(--yx-boss-title)!important;
  font-size:18px!important;
}
#modal .rechargeModalGrid span,
#modal .rechargeModalGrid em{
  color:var(--yx-boss-muted)!important;
}
#modal .rechargeModalPay{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 94px!important;
  gap:12px!important;
  align-items:center!important;
}
#modal .rechargeModalPay img{
  width:94px!important;
  height:94px!important;
  border-radius:18px!important;
  object-fit:cover!important;
  background:#fff!important;
}
#modal .rechargeModalUpload{
  min-height:78px!important;
  border:1px dashed #3b3550!important;
  border-radius:18px!important;
  background:#121018!important;
  color:var(--yx-boss-muted)!important;
}
#modal .rechargeModalFoot{
  position:sticky!important;
  bottom:-14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 132px!important;
  gap:10px!important;
  align-items:center!important;
  margin:12px -14px -14px!important;
  padding:12px 14px!important;
  border-top:1px solid var(--yx-boss-line)!important;
  background:rgba(23,21,29,.96)!important;
  backdrop-filter:blur(14px)!important;
}
#modal .rechargeModalFoot button,
#modal .paySubmit{
  height:42px!important;
}
#modal .inviteModalHead b,
#modal .rechargeModalTitle b,
#modal .customerServiceBox h2,
#modal .payMethodBox h2,
#modal .balanceRechargeBox h2,
#modal .bossProfileEditBox header b{
  color:var(--yx-boss-title)!important;
  font-weight:950!important;
}
#modal .inviteModalHead span,
#modal .inviteModalDesc,
#modal .inviteDateLine,
#modal .customerServiceBox p,
#modal .payMethodBox .mini,
#modal .balanceRechargeBox span,
#modal .bossProfileEditBox header span{
  color:var(--yx-boss-muted)!important;
  font-size:12.5px!important;
  line-height:20px!important;
}
#modal .inviteStatsMini{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important;
}
#modal .inviteStatsMini div{
  padding:10px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:18px!important;
  background:#121018!important;
  text-align:center!important;
}
#modal .inviteStatsMini b,
#modal .inviteRateBox strong{
  color:var(--yx-boss-accent-2)!important;
}
#modal .inviteReferralList{
  width:100%!important;
  margin-top:10px!important;
  border-collapse:separate!important;
  border-spacing:0 7px!important;
}
#modal .inviteReferralList th{
  color:var(--yx-boss-muted)!important;
  font-size:11px!important;
  text-align:left!important;
}
#modal .inviteReferralList td{
  padding:9px!important;
  border:1px solid var(--yx-boss-line-soft)!important;
  background:#121018!important;
  color:var(--yx-boss-text)!important;
}
#modal .inviteLinkField{
  margin-top:10px!important;
}
#modal .inviteCopyBtn{
  width:100%!important;
  height:42px!important;
  margin-top:10px!important;
}
#modal .payMethodGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
#modal .payMethodCard{
  min-height:92px!important;
  padding:12px!important;
}
#modal .payMethodCard.disabled{
  opacity:.48!important;
}
#modal .payOrderSummary p{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:6px 0!important;
}
#modal .payOrderSummary span{
  color:var(--yx-boss-muted)!important;
}
#modal .payOrderSummary b,
#modal .payOrderSummary strong,
#modal .balanceRechargeBox p b,
#modal .balanceRechargeBox p strong,
#modal .balanceRechargeBox p em{
  color:var(--yx-boss-accent-2)!important;
}
#modal .balanceRechargeActions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
  margin-top:12px!important;
}
#modal .balanceRechargeActions button{
  height:40px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:999px!important;
  background:#121018!important;
  color:var(--yx-boss-text)!important;
}
#modal .customerServiceBox{
  padding:18px!important;
  text-align:center!important;
}
#modal .customerQr{
  width:168px!important;
  height:168px!important;
  margin:12px auto!important;
  border:10px solid #fff!important;
  border-radius:24px!important;
  background:#fff!important;
}
#modal .customerQr img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
#modal .bossProfileAvatarEdit{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  margin:12px 0!important;
}
#modal .bossProfileAvatarEdit button{
  width:96px!important;
  height:96px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#121018!important;
}
#modal .bossProfileAvatarEdit img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.bossApp .walletPage{
  padding-bottom:100px!important;
}
.bossApp .yxWalletCard,
.bossApp .yxRechargePanel,
.bossApp .manualPayPanel,
.bossApp .manualProofPanel,
.bossApp .yxWalletReminder,
.bossApp .balanceRecordPanel{
  border:1px solid var(--yx-boss-line)!important;
  border-radius:22px!important;
  background:var(--yx-boss-card)!important;
  background-image:none!important;
  color:var(--yx-boss-text)!important;
}
.bossApp .yxWalletHead b,
.bossApp .balanceRecord strong.plus{
  color:var(--yx-boss-accent-2)!important;
}
.bossApp .balanceRecord strong.minus{
  color:#e9dfc3!important;
}
.bossApp .walletBottom{
  position:fixed!important;
  left:50%!important;
  bottom:0!important;
  width:min(430px,100%)!important;
  min-height:76px!important;
  transform:translateX(-50%)!important;
}
@media(max-width:380px){
  .bossApp .bossHome,
  .bossApp .rankHome,
  .bossApp .profilePage,
  .bossApp .bossOrderPage,
  .bossApp .searchPage,
  .bossApp .walletPage{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .bossApp .heroBanner,
  .bossApp [data-page=order] .heroBanner.cleanHero.homeSlider{
    height:156px!important;
  }
  .bossApp .heroCopy b{
    font-size:23px!important;
  }
  .bossApp .walletEntrances button{
    grid-template-columns:34px minmax(0,1fr)!important;
    height:74px!important;
    padding:10px!important;
  }
  .bossApp .walletEntrances button i{
    width:34px!important;
    height:34px!important;
  }
  .bossApp .miniProductCard .thumbWrap{
    height:106px!important;
  }
  .bossApp .miniProductCard .cardFoot{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .bossApp .miniProductCard .cardFoot button{
    width:100%!important;
  }
  .bossApp .orderTabs{
    gap:5px!important;
  }
  .bossApp .orderTabs button b{
    font-size:11px!important;
  }
  .bossApp .profileRecharge{
    grid-template-columns:42px minmax(0,1fr) 66px!important;
    gap:8px!important;
  }
  .bossApp .profileRecharge b{
    font-size:14px!important;
  }
  .bossApp .profilePromo .profileActionCard{
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  .bossApp .profilePromo .profileActionCard>i{
    display:none!important;
  }
  #modal .rechargeModalGrid,
  .bossApp .detailSpecGrid{
    grid-template-columns:1fr!important;
  }
}

/* 20260708 boss ultimate polish hotfix */
.bossApp .bossTop>b{
  grid-column:1 / -1!important;
  justify-self:center!important;
  max-width:calc(100% - 32px)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.bossApp .walletEntrances button i{
  position:static!important;
  grid-column:1!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  justify-self:center!important;
}
.bossApp .walletEntrances button b{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
}
.bossApp .walletEntrances button span{
  position:static!important;
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
}
.bossApp .bossAuthBox{
  padding:14px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:24px!important;
  background:var(--yx-boss-card)!important;
  background-image:none!important;
  box-shadow:none!important;
}
.bossApp .authTabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.bossApp .authTabs button{
  height:42px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:14px!important;
  background:#121018!important;
  background-image:none!important;
  color:var(--yx-boss-text)!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.bossApp .authTabs button.active{
  border-color:#4b367d!important;
  background:#211832!important;
  background-image:none!important;
  color:#ded5ff!important;
}
.bossApp .field input,
.bossApp .field textarea,
.bossApp .nicknameRandomLine input{
  width:100%!important;
  min-height:42px!important;
  border:1px solid var(--yx-boss-line)!important;
  border-radius:15px!important;
  background:#111017!important;
  background-image:none!important;
  color:var(--yx-boss-title)!important;
  box-shadow:none!important;
}
.bossApp .field input::placeholder,
.bossApp .field textarea::placeholder{
  color:#777080!important;
}
.bossApp .authSubmit,
.bossApp .nicknameRandomLine button{
  height:44px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--yx-boss-accent)!important;
  background-image:none!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  box-shadow:0 12px 24px rgba(127,69,255,.24)!important;
}
.bossApp .authHint{
  color:var(--yx-boss-muted)!important;
  font-size:12px!important;
  line-height:18px!important;
}
.bossApp .searchResults{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.bossApp .searchResultItem,
.bossApp .menuPage main .menuItem{
  height:auto!important;
  min-height:104px!important;
  max-height:none!important;
  align-items:center!important;
}
.bossApp .searchResultItem>img,
.bossApp .menuPage main .menuItem>img,
.bossApp .searchResultItem>div,
.bossApp .menuPage main .menuItem>div,
.bossApp .searchResultItem>button,
.bossApp .menuPage main .menuItem>button{
  position:static!important;
  inset:auto!important;
  transform:none!important;
}
.bossApp .searchResultItem>div,
.bossApp .menuPage main .menuItem>div{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.bossApp .searchResultItem .platformIconLine,
.bossApp .menuPage main .menuItem .platformIconLine{
  height:auto!important;
  min-height:24px!important;
  max-height:none!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:7px 0 0!important;
}
.bossApp .searchResultItem .platformIconLine .platformTagWithIcon,
.bossApp .searchResultItem .platformIconLine .platformTagWithIcon:first-child,
.bossApp .searchResultItem .platformIconLine .platformTagWithIcon.mobile,
.bossApp .searchResultItem .platformIconLine .platformTagWithIcon.pc,
.bossApp .menuPage main .menuItem .platformIconLine .platformTagWithIcon,
.bossApp .menuPage main .menuItem .platformIconLine .platformTagWithIcon:first-child,
.bossApp .menuPage main .menuItem .platformIconLine .platformTagWithIcon.mobile,
.bossApp .menuPage main .menuItem .platformIconLine .platformTagWithIcon.pc{
  position:static!important;
  inset:auto!important;
  align-self:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:58px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0 9px!important;
  border:1px solid #2a2733!important;
  border-radius:999px!important;
  background:#121018!important;
  background-image:none!important;
  color:#aaa2b8!important;
  box-shadow:none!important;
}
.bossApp .searchResultItem strong,
.bossApp .menuPage main .menuItem strong{
  display:block!important;
  margin-top:7px!important;
  color:var(--yx-boss-accent-2)!important;
}
.bossApp .menuPage main .menuItem{
  position:relative!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  gap:10px!important;
  min-height:158px!important;
  padding:10px 46px 10px 10px!important;
  overflow:hidden!important;
}
.bossApp .menuPage main .menuItem>img{
  width:82px!important;
  height:82px!important;
  border-radius:16px!important;
}
.bossApp .menuPage main .menuItem h3{
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:14px!important;
  line-height:18px!important;
}
.bossApp .menuPage main .menuItem p{
  max-height:34px!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  font-size:11.5px!important;
  line-height:17px!important;
}
.bossApp .menuPage main .menuItem .platformIconLine{
  gap:5px!important;
  margin-top:6px!important;
}
.bossApp .menuPage main .menuItem .platformIconLine>span:not(.platformTagWithIcon){
  display:none!important;
}
.bossApp .menuPage main .menuItem .platformIconLine .platformTagWithIcon{
  min-width:44px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  justify-content:center!important;
  padding:0 7px!important;
}
.bossApp .menuPage main .menuItem .platformIconLine .platformTagWithIcon img{
  display:none!important;
}
.bossApp .menuPage main .menuItem strong{
  margin-top:5px!important;
  font-size:13px!important;
  line-height:17px!important;
}
.bossApp .menuPage main .menuItem>button{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  transform:translateY(-50%)!important;
}

/* 20260709 pay modal balance overflow fix */
#modal .payMethodGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#modal .payMethodCard{
  min-width:0!important;
  overflow:hidden!important;
  text-align:center!important;
}
#modal .payMethodCard b{
  max-width:100%!important;
  overflow:hidden!important;
  color:var(--yx-boss-title)!important;
  font-size:21px!important;
  line-height:25px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#modal .payMethodCard span{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px 4px!important;
  overflow:hidden!important;
  color:var(--yx-boss-muted)!important;
  font-size:12px!important;
  line-height:16px!important;
  text-align:center!important;
  white-space:normal!important;
}
#modal .payMethodCard span strong{
  max-width:100%!important;
  min-width:0!important;
  display:inline-block!important;
  overflow:hidden!important;
  color:#ffd76f!important;
  font-size:15px!important;
  line-height:18px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  vertical-align:bottom!important;
}
@media(max-width:380px){
  #modal .payMethodCard{
    min-height:98px!important;
    padding:10px 8px!important;
  }
  #modal .payMethodCard b{
    font-size:19px!important;
    line-height:23px!important;
  }
  #modal .payMethodCard span strong{
    font-size:14px!important;
  }
}

/* 20260709 player login/register */
.playerApp .playerAuthGate{
  margin:18px 14px 0!important;
  padding:22px 18px!important;
  border:1px solid var(--yx-art-line)!important;
  border-radius:22px!important;
  background:var(--yx-art-surface)!important;
  color:var(--yx-art-text)!important;
  display:grid!important;
  gap:10px!important;
  box-shadow:none!important;
}
.playerApp .playerAuthGate b{
  color:var(--yx-art-title)!important;
  font-size:18px!important;
}
.playerApp .playerAuthGate span{
  color:var(--yx-art-muted)!important;
  font-size:13px!important;
  line-height:20px!important;
}
.playerApp .playerAuthGate button,
.playerApp .playerAuthSubmit{
  height:44px!important;
  border:0!important;
  border-radius:16px!important;
  background:var(--yx-art-violet)!important;
  color:#f7f3ff!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.playerApp .playerAuthGate.pending{
  border-color:#3a314c!important;
  background:var(--yx-art-surface-2)!important;
}
.playerApp .playerAuthPage{
  min-height:100vh!important;
  padding:14px 14px calc(98px + env(safe-area-inset-bottom))!important;
  background:var(--yx-art-bg)!important;
}
.playerApp .playerAuthHero{
  min-height:154px!important;
  padding:20px!important;
  border:1px solid var(--yx-art-line)!important;
  border-radius:24px!important;
  background:var(--yx-art-surface)!important;
  color:var(--yx-art-text)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  box-shadow:none!important;
}
.playerApp .playerAuthHero span{
  color:var(--yx-art-violet-soft)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.playerApp .playerAuthHero h1{
  margin:8px 0 6px!important;
  color:var(--yx-art-title)!important;
  font-size:28px!important;
  letter-spacing:0!important;
}
.playerApp .playerAuthHero p{
  margin:0!important;
  color:var(--yx-art-muted)!important;
  font-size:13px!important;
  line-height:20px!important;
}
.playerApp .playerAuthBox{
  margin-top:12px!important;
  padding:14px!important;
  border:1px solid var(--yx-art-line)!important;
  border-radius:22px!important;
  background:var(--yx-art-surface)!important;
  box-shadow:none!important;
}
.playerApp .playerAuthTabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:4px!important;
  border:1px solid var(--yx-art-line-soft)!important;
  border-radius:18px!important;
  background:var(--yx-art-page)!important;
}
.playerApp .playerAuthTabs button{
  height:38px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  color:var(--yx-art-muted)!important;
  font-weight:900!important;
}
.playerApp .playerAuthTabs button.active{
  background:var(--yx-art-surface-3)!important;
  color:var(--yx-art-title)!important;
}
.playerApp .playerAuthForm{
  margin-top:14px!important;
  display:grid!important;
  gap:8px!important;
}
.playerApp .playerAuthForm[style*="display:none"]{
  display:none!important;
}
.playerApp .playerAuthForm label{
  color:var(--yx-art-muted)!important;
  font-size:12px!important;
  font-weight:850!important;
}
.playerApp .playerAuthForm input{
  width:100%!important;
  height:44px!important;
  border:1px solid var(--yx-art-line)!important;
  border-radius:15px!important;
  background:var(--yx-art-page)!important;
  color:var(--yx-art-title)!important;
  padding:0 13px!important;
  outline:none!important;
}
.playerApp .playerAuthForm p{
  margin:2px 0 0!important;
  color:var(--yx-art-faint)!important;
  font-size:12px!important;
  line-height:18px!important;
}
.playerApp .playerServiceEntry .serviceGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.layout .adminPlayerAccountCell{
  display:grid!important;
  gap:4px!important;
  min-width:150px!important;
}
.layout .adminPlayerAccountCell input{
  width:150px!important;
}

/* 20260709 player profile edit */
.playerApp .playerProfileEditBtn{
  margin-top:8px!important;
  width:auto!important;
  height:30px!important;
  padding:0 12px!important;
  border:1px solid var(--yx-art-line)!important;
  border-radius:999px!important;
  background:var(--yx-art-surface-3)!important;
  color:var(--yx-art-violet-soft)!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
#modal .playerProfileEditBox{
  background:var(--yx-art-surface)!important;
  border-color:var(--yx-art-line)!important;
  color:var(--yx-art-title)!important;
}
#modal .playerProfileEditBox header b{
  color:var(--yx-art-title)!important;
}
#modal .playerProfileEditBox header span{
  color:var(--yx-art-muted)!important;
}
#modal .playerProfileEditBox .bossProfileAvatarEdit button{
  background:var(--yx-art-page)!important;
  color:var(--yx-art-violet-soft)!important;
  box-shadow:inset 0 0 0 1px var(--yx-art-line)!important;
}
#modal .playerProfileEditBox .bossProfileAvatarEdit button img{
  border-color:var(--yx-art-violet-soft)!important;
}
#modal .playerProfileEditBox input{
  border-color:var(--yx-art-line)!important;
  background:var(--yx-art-page)!important;
  color:var(--yx-art-title)!important;
}
#modal .playerProfileSubmit{
  background:var(--yx-art-violet)!important;
  color:#f7f3ff!important;
}

/* 20260709 settlement screenshots */
.shotThumbRow{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:flex-start!important;
}
.shotThumb{
  width:74px!important;
  height:74px!important;
  padding:0!important;
  border:1px solid #2b3444!important;
  border-radius:14px!important;
  background:#0b1117!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}
.shotThumb img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
.shotThumbMissing{
  cursor:default!important;
  color:#9aa6b7!important;
  background:linear-gradient(135deg,#111827,#0b1117)!important;
}
.shotThumbMissing i{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#172033!important;
  color:#bac6d6!important;
  font-style:normal!important;
  font-weight:900!important;
}
.shotUploadPreview{
  min-height:82px!important;
  padding:8px 0!important;
}
.shotUploadPreview .shotThumb{
  cursor:default!important;
}
.shotAdminActions{
  margin-top:12px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
}
.shotAdminActions span{
  color:#f0b8ff!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.shotRejectNotice{
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border:1px solid rgba(235,107,255,.28)!important;
  border-radius:12px!important;
  background:rgba(235,107,255,.09)!important;
  color:#f4c8ff!important;
  font-size:13px!important;
  line-height:1.55!important;
}
#modal .shotLightbox{
  width:min(94vw,760px)!important;
  max-height:90vh!important;
  padding:12px!important;
  border:1px solid #34303f!important;
  border-radius:22px!important;
  background:#09080d!important;
  box-shadow:0 34px 90px #000d!important;
  position:relative!important;
}
#modal .shotLightbox button{
  position:absolute!important;
  right:10px!important;
  top:10px!important;
  width:34px!important;
  height:34px!important;
  border:1px solid #3b3448!important;
  border-radius:12px!important;
  background:#14111d!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
  z-index:2!important;
}
#modal .shotLightbox img{
  width:100%!important;
  max-height:84vh!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:14px!important;
  background:#05070a!important;
}

/* 20260709 menu list: remove cart-like plus button */
.bossApp .menuPage{
  grid-template-columns:106px minmax(0,1fr)!important;
}
.bossApp .menuPage main{
  padding:12px 10px calc(92px + env(safe-area-inset-bottom))!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem{
  position:relative!important;
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr) 22px!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px!important;
  margin:0 0 10px!important;
  border:1px solid #302741!important;
  border-radius:16px!important;
  background:#15111d!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem::before{
  display:none!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem>img{
  position:static!important;
  width:82px!important;
  height:82px!important;
  border-radius:14px!important;
  object-fit:cover!important;
  background:#080a10!important;
  transform:none!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem>div{
  position:static!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  overflow:hidden!important;
  transform:none!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem h3{
  margin:0!important;
  max-width:100%!important;
  color:#f8f3ff!important;
  font-size:15px!important;
  line-height:20px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem p{
  margin:4px 0 7px!important;
  height:auto!important;
  max-height:34px!important;
  color:#a9a1b8!important;
  font-size:12px!important;
  line-height:17px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem .tagLine{
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  min-height:22px!important;
  margin:0!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem .tagLine span{
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0 9px!important;
  border:1px solid #302741!important;
  border-radius:999px!important;
  background:#100d17!important;
  color:#d8d0e8!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem .menuItemFoot{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:7px!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem strong{
  position:static!important;
  display:block!important;
  margin:0!important;
  color:#9b6dff!important;
  font-size:14px!important;
  line-height:18px!important;
  white-space:nowrap!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem .menuItemFoot em{
  flex:0 0 auto!important;
  height:24px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#251a37!important;
  color:#d5c4ff!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:950!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem>button{
  display:none!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem .menuItemArrow{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  width:22px!important;
  height:22px!important;
  display:block!important;
  border:1px solid #342849!important;
  border-radius:999px!important;
  background:#100d17!important;
  transform:none!important;
}
.bossApp .menuPage main .menuItem.orderMenuItem .menuItemArrow::before{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  top:6px!important;
  width:6px!important;
  height:6px!important;
  border-top:2px solid #bfa7ff!important;
  border-right:2px solid #bfa7ff!important;
  transform:rotate(45deg)!important;
}
@media(max-width:380px){
  .bossApp .menuPage{
    grid-template-columns:96px minmax(0,1fr)!important;
  }
  .bossApp .menuPage main .menuItem.orderMenuItem{
    grid-template-columns:72px minmax(0,1fr) 20px!important;
    min-height:94px!important;
    gap:8px!important;
    padding:9px!important;
  }
  .bossApp .menuPage main .menuItem.orderMenuItem>img{
    width:72px!important;
    height:72px!important;
  }
  .bossApp .menuPage main .menuItem.orderMenuItem .tagLine span{
    padding:0 7px!important;
  }
}

/* 20260709 boss review modal */
#modal .bossReviewBox{
  width:min(92vw,390px)!important;
  padding:18px!important;
  border:1px solid #342849!important;
  border-radius:22px!important;
  background:#15111d!important;
  color:#f8f3ff!important;
  box-shadow:0 28px 80px #000c!important;
}
#modal .bossReviewHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
#modal .bossReviewHead h2{
  margin:0!important;
  color:#fff8ea!important;
  font-size:20px!important;
  line-height:26px!important;
}
#modal .bossReviewHead p{
  margin:4px 0 0!important;
  color:#aaa0ba!important;
  font-size:12px!important;
  line-height:18px!important;
}
#modal .bossReviewHead button{
  flex:0 0 auto!important;
  width:32px!important;
  height:32px!important;
  border:1px solid #3a2d4e!important;
  border-radius:12px!important;
  background:#100d17!important;
  color:#d8d0e8!important;
  font-size:22px!important;
  line-height:1!important;
}
#modal .bossReviewStars{
  height:58px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:8px!important;
  margin:8px 0 6px!important;
}
#modal .bossReviewStars button{
  height:58px!important;
  border:1px solid #342849!important;
  border-radius:16px!important;
  background:#100d17!important;
  color:#584a6a!important;
  font-size:28px!important;
  line-height:1!important;
  box-shadow:none!important;
}
#modal .bossReviewStars button.active{
  border-color:#8b6dff!important;
  background:#241a37!important;
  color:#ffcf63!important;
  box-shadow:0 0 0 1px rgba(139,109,255,.35) inset!important;
}
#modal .bossReviewScoreText{
  margin-bottom:12px!important;
  color:#c8b8ff!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:center!important;
}
#modal .bossReviewBox .field{
  margin-top:8px!important;
}
#modal .bossReviewBox label{
  color:#cfc5dd!important;
}
#modal .bossReviewBox textarea{
  width:100%!important;
  min-height:96px!important;
  resize:none!important;
  border-color:#3a2d4e!important;
  background:#100d17!important;
  color:#fff8ea!important;
  border-radius:16px!important;
  line-height:1.55!important;
}
#modal .bossReviewActions{
  display:grid!important;
  grid-template-columns:1fr 92px!important;
  gap:10px!important;
  margin-top:14px!important;
}
#modal .bossReviewActions .primary{
  border:0!important;
  border-radius:15px!important;
  background:#8b6dff!important;
  color:#fff!important;
}
.orderReviewCard .orderReviewScore{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:4px 0 8px!important;
}
.orderReviewCard .orderReviewScore i{
  color:#554861!important;
  font-size:18px!important;
  font-style:normal!important;
  line-height:1!important;
}
.orderReviewCard .orderReviewScore i.active{
  color:#ffcf63!important;
}
.orderReviewCard .orderReviewScore b{
  margin-left:6px!important;
  color:#d8c8ff!important;
  font-size:13px!important;
}
.orderReviewCard p{
  margin:0!important;
  color:#ddd3e9!important;
  font-size:13px!important;
  line-height:1.65!important;
  word-break:break-word!important;
}

/* 20260709 menu alignment: no cart-like action */
.bossApp .menuPage{
  grid-template-columns:112px minmax(0,1fr)!important;
}
.bossApp .menuPage aside{
  padding:12px 8px 120px!important;
  border-right:1px solid #262033!important;
}
.bossApp .menuPage aside button{
  height:42px!important;
  margin:0 0 10px!important;
  padding:0 8px!important;
  border:1px solid #342849!important;
  border-radius:14px!important;
  background:#111018!important;
  color:#bdb4cc!important;
  text-align:center!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:40px!important;
}
.bossApp .menuPage aside button.active{
  border-color:#7d61ff!important;
  background:#211735!important;
  color:#fff8ea!important;
  box-shadow:inset 3px 0 0 #52d9ff!important;
}
.bossApp .menuPage aside button.active::before{
  display:none!important;
}
.bossApp .menuPage main{
  padding:12px 10px calc(96px + env(safe-area-inset-bottom))!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem{
  position:relative!important;
  min-height:108px!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr) 20px!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 12px!important;
  padding:12px!important;
  border:1px solid #2e273a!important;
  border-radius:18px!important;
  background:#15121b!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem>img{
  position:static!important;
  width:76px!important;
  height:76px!important;
  border-radius:15px!important;
  object-fit:cover!important;
  background:#09080d!important;
  transform:none!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem>div{
  min-width:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto!important;
  align-content:center!important;
  gap:5px!important;
  overflow:hidden!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem h3{
  margin:0!important;
  max-width:100%!important;
  color:#fff8ea!important;
  font-size:15px!important;
  line-height:19px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem p{
  margin:0!important;
  height:auto!important;
  max-height:34px!important;
  color:#a99fb5!important;
  font-size:12px!important;
  line-height:17px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuMetaRow{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:22px!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuMetaRow span{
  height:22px!important;
  min-width:46px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0 10px!important;
  border:1px solid #3a2c4f!important;
  border-radius:999px!important;
  background:#100d17!important;
  color:#d8d0e8!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemFoot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem strong{
  position:static!important;
  display:block!important;
  margin:0!important;
  color:#9b6dff!important;
  font-size:14px!important;
  line-height:18px!important;
  white-space:nowrap!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemFoot em{
  flex:0 0 auto!important;
  height:24px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#241a37!important;
  color:#d8c8ff!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:950!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem>button{
  display:none!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemArrow{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  width:20px!important;
  height:20px!important;
  display:block!important;
  border:1px solid #342849!important;
  border-radius:999px!important;
  background:#100d17!important;
  transform:none!important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemArrow::before{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:5px!important;
  width:6px!important;
  height:6px!important;
  border-top:2px solid #bfa7ff!important;
  border-right:2px solid #bfa7ff!important;
  transform:rotate(45deg)!important;
}
@media(max-width:380px){
  .bossApp .menuPage{
    grid-template-columns:98px minmax(0,1fr)!important;
  }
  .bossApp .menuPage aside{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .bossApp .menuPage aside button{
    height:40px!important;
    font-size:12px!important;
    line-height:38px!important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem{
    grid-template-columns:66px minmax(0,1fr) 18px!important;
    min-height:96px!important;
    gap:9px!important;
    padding:10px!important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem>img{
    width:66px!important;
    height:66px!important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuMetaRow span{
    min-width:40px!important;
    padding:0 8px!important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemFoot em{
    display:none!important;
  }
}

/* 20260709 admin product image picker */
.layout .cleanProductModalV2{
  width:min(900px,94vw)!important;
}
.layout .cleanProductFormV2{
  grid-template-columns:minmax(0,1.2fr) 170px 120px!important;
  align-items:start!important;
}
.layout .cleanImagePicker{
  display:block!important;
}
.layout .cleanImageUploadRow{
  display:grid!important;
  grid-template-columns:108px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
}
.layout .cleanImageUploadBox{
  width:108px!important;
  height:108px!important;
  border:1px dashed #c8d2df!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  color:#64748b!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.layout .cleanImageUploadBox span{
  z-index:1!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#ffffffdd!important;
  color:#334155!important;
  font-size:12px!important;
  font-weight:900!important;
}
.layout .cleanImageUploadBox img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.layout .cleanImageUploadSide{
  min-width:0!important;
  display:grid!important;
  gap:8px!important;
  align-content:center!important;
}
.layout .cleanImageUploadSide>b{
  color:#172033!important;
  font-size:14px!important;
  line-height:20px!important;
}
.layout .cleanImageUploadSide>span{
  color:#64748b!important;
  font-size:12px!important;
  line-height:18px!important;
}
.layout .imagePickerBtns{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}
.layout .imagePickerBtns .btn{
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:10px!important;
}
.layout .cleanPlatformPriceEditor{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:120px minmax(100px,160px) 120px minmax(100px,160px)!important;
  gap:10px 14px!important;
  align-items:center!important;
  padding:14px!important;
  border:1px solid #dbe4ef!important;
  border-radius:12px!important;
  background:#f8fafc!important;
}
.layout .cleanPlatformPriceEditor h3{
  grid-column:1/-1!important;
  margin:0 0 2px!important;
  color:#0f172a!important;
}
.layout .cleanPlatformPriceEditor label{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.layout .cleanPlatformPriceEditor input[type=number]{
  width:100%!important;
}
.layout .cleanImageSpaceDrawer .imageSpaceGrid button span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:760px){
  .layout .cleanProductFormV2{
    grid-template-columns:1fr!important;
  }
  .layout .cleanImageUploadRow{
    grid-template-columns:82px minmax(0,1fr)!important;
  }
  .layout .cleanImageUploadBox{
    width:82px!important;
    height:82px!important;
  }
  .layout .cleanPlatformPriceEditor{
    grid-template-columns:1fr 1fr!important;
  }
}

/* 20260709 security gate */
.adminLoginGate {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(5, 7, 13, .82);
  backdrop-filter: blur(18px);
}
.adminLoginCard {
  width: min(420px, 100%);
  padding: 32px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: #111018;
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
  color: #f7f3ff;
  text-align: center;
}
.adminLoginCard img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  margin-bottom: 14px;
}
.adminLoginCard h2 {
  margin: 0;
  font-size: 24px;
}
.adminLoginCard p {
  margin: 10px 0 18px;
  color: #b9b2c7;
  font-size: 14px;
}
.adminLoginCard input {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: #0b0b11;
  color: #fff;
  outline: none;
}
.adminLoginCard button {
  width: 100%;
  height: 46px;
  margin-top: 12px;
  border: 0;
  border-radius: 12px;
  background: #7c3cff;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.adminLoginCard span {
  display: block;
  margin-top: 14px;
  color: #8d849c;
  font-size: 12px;
  line-height: 1.6;
}

.layout .specGroupBlock {
  padding: 12px 0 16px;
  border-bottom: 1px solid rgba(148, 163, 184, .16);
}
.layout .specGroupBlock:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.layout .specGroupBlock .panelHead {
  align-items: flex-start;
}
.layout .specGroupBlock .panelHead p {
  margin: 4px 0 0;
}
.layout .cleanCategoryTable td,
.layout .cleanProductTable td {
  vertical-align: middle;
}
.layout .adminCategoryImageCell {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 96px;
}
.layout .adminCategoryImageCell img {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid rgba(148, 163, 184, .25);
}
.layout .categoryImageModal {
  width: min(720px, 94vw) !important;
}
.layout .specPriceModal {
  width: min(640px, 94vw) !important;
}

/* 20260709 category spec + purchase limit polish */
.bossApp .detailSpecGrid button {
  min-height: 76px !important;
}
.bossApp .detailSpecGrid em {
  display: block !important;
  margin-top: 4px !important;
  color: var(--yx-boss-muted) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.bossApp .detailSpecGrid button.active em {
  color: rgba(255, 250, 230, .78) !important;
}
.layout .categoryImageModal textarea {
  min-height: 98px !important;
  resize: vertical !important;
  line-height: 1.6 !important;
}
.layout .cleanProductTable th:nth-child(5),
.layout .cleanProductTable td:nth-child(5) {
  min-width: 118px;
}

/* 20260709 admin category/spec unified board */
.layout .goodsBoardTitle {
  align-items: flex-end !important;
}
.layout .goodsCategoryBoard {
  display: grid;
  gap: 14px;
}
.layout .goodsCategoryCard {
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, .14);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .07);
}
.layout .goodsCategoryCardHead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 16px;
  background: linear-gradient(180deg, #fbfaff 0%, #fff 100%);
  border-bottom: 1px solid rgba(148, 163, 184, .16);
}
.layout .goodsCardLeft {
  min-width: 0;
  display: grid;
  grid-template-columns: 136px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}
.layout .goodsImagePair {
  display: grid;
  grid-template-columns: repeat(2, 64px);
  gap: 8px;
}
.layout .goodsImagePair button {
  position: relative;
  width: 64px;
  height: 64px;
  padding: 0;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 12px;
  background: #f8fafc;
  overflow: hidden;
  cursor: pointer;
}
.layout .goodsImagePair img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.layout .goodsImagePair span {
  position: absolute;
  left: 5px;
  bottom: 5px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(17, 24, 39, .72);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}
.layout .goodsCategoryInfo {
  min-width: 0;
}
.layout .goodsCategoryTitle {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.layout .goodsCategoryTitle i {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 9px;
  background: #6d45f2;
  color: #fff;
  font-style: normal;
  font-weight: 900;
  font-size: 13px;
}
.layout .goodsCategoryTitle h3 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 26px;
}
.layout .goodsCategoryInfo p {
  margin: 8px 0 0;
  max-width: 920px;
  color: #667085;
  font-size: 13px;
  line-height: 1.65;
}
.layout .goodsCategoryMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.layout .goodsCategoryMeta span {
  padding: 5px 9px;
  border: 1px solid #e7e5ff;
  border-radius: 999px;
  background: #f7f5ff;
  color: #5b4b8a;
  font-size: 12px;
  font-weight: 800;
}
.layout .goodsCategoryActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.layout .goodsSpecHeader,
.layout .goodsSpecLine {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(190px, .9fr) 130px 78px 170px;
  gap: 12px;
  align-items: center;
}
.layout .goodsSpecHeader {
  padding: 10px 16px;
  background: #f8fafc;
  color: #667085;
  font-size: 12px;
  font-weight: 900;
}
.layout .goodsSpecList {
  display: grid;
}
.layout .goodsSpecLine {
  min-height: 64px;
  padding: 12px 16px;
  border-top: 1px solid rgba(148, 163, 184, .13);
}
.layout .goodsSpecLine:hover {
  background: #fbfaff;
}
.layout .specMain {
  min-width: 0;
}
.layout .specMain b {
  display: block;
  color: #182230;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout .specMain span {
  display: block;
  margin-top: 3px;
  color: #98a2b3;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout .specPorts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.layout .goodsPortPill {
  display: grid;
  min-width: 84px;
  gap: 2px;
  padding: 7px 10px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
}
.layout .goodsPortPill.open {
  border-color: #d8ccff;
  background: #f6f2ff;
}
.layout .goodsPortPill.closed {
  opacity: .72;
}
.layout .goodsPortPill em {
  color: #667085;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.layout .goodsPortPill b {
  color: #4c2edb;
  font-size: 13px;
  line-height: 18px;
}
.layout .goodsPortPill.closed b {
  color: #98a2b3;
}
.layout .specLimit {
  color: #344054;
  font-size: 13px;
  font-weight: 800;
}
.layout .specState {
  text-align: left;
}
.layout .specActions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}
.layout .goodsSpecEmpty {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 20px 16px;
  color: #667085;
  background: #fbfcff;
}
.layout .goodsSpecEmpty b {
  color: #344054;
}
.layout .specPriceModal {
  width: min(760px, 94vw) !important;
}
.layout .specPriceModal .cleanProductFormV2 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.layout .specPriceModal .field.full {
  grid-column: 1 / -1 !important;
}
.layout .goodsSortTools {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px;
  border: 1px solid #e7e5ff;
  border-radius: 12px;
  background: #f7f5ff;
}
.layout .goodsSortBtn {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 9px;
  background: #fff;
  color: #4c2edb;
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(76, 46, 219, .08);
}
.layout .goodsSortBtn:disabled {
  cursor: not-allowed;
  color: #c4c4d8;
  background: #f2f4f7;
  box-shadow: none;
}
.layout .goodsSortTools label {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #5b4b8a;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.layout .goodsSortInput {
  width: 52px;
  height: 30px;
  padding: 0 7px;
  border: 1px solid #ddd6fe;
  border-radius: 9px;
  background: #fff;
  color: #241556;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  outline: none;
}
.layout .goodsSortInput:focus {
  border-color: #6d45f2;
  box-shadow: 0 0 0 3px rgba(109, 69, 242, .12);
}
@media (max-width: 1100px) {
  .layout .goodsCategoryCardHead,
  .layout .goodsCardLeft,
  .layout .goodsSpecHeader,
  .layout .goodsSpecLine {
    grid-template-columns: 1fr;
  }
  .layout .goodsCategoryActions,
  .layout .specActions {
    justify-content: flex-start;
  }
  .layout .goodsSpecHeader {
    display: none;
  }
  .layout .specPriceModal .cleanProductFormV2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .layout .specPriceModal .cleanProductFormV2 {
    grid-template-columns: 1fr !important;
  }
  .layout .goodsSpecLine {
    gap: 10px;
  }
  .layout .goodsSpecEmpty {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* 20260709 final admin system input override */
.layout .adminSystemShell input,
.layout .adminSystemShell select,
.layout .adminSystemShell textarea {
  background: #f8fbff !important;
  color: #102033 !important;
  border: 1px solid #d9e4ef !important;
  box-shadow: none !important;
}
.layout .adminSystemShell input:focus,
.layout .adminSystemShell select:focus,
.layout .adminSystemShell textarea:focus {
  border-color: #19adc8 !important;
  box-shadow: 0 0 0 3px rgba(25, 173, 200, .12) !important;
  outline: none !important;
}
.layout .adminSystemShell input::placeholder,
.layout .adminSystemShell textarea::placeholder {
  color: #94a3b8 !important;
}
.layout .adminSystemShell .cleanImageUploadSide input {
  display: none !important;
}

/* 20260709 admin account manager */
.layout .adminUsersShell {
  display: grid;
  gap: 16px;
}
.layout .adminUsersHero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px;
  border: 1px solid #e4eaf3;
  border-radius: 12px;
  background: linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
  color: #102033;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}
.layout .adminUsersHero span {
  display: inline-flex;
  margin-bottom: 8px;
  color: #17a8c7;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
}
.layout .adminUsersHero h3 {
  margin: 0;
  color: #0f1f35;
  font-size: 24px;
}
.layout .adminUsersHero p {
  max-width: 680px;
  margin: 8px 0 0;
  color: #607086;
  line-height: 1.65;
}
.layout .adminUsersCard {
  padding: 18px;
  border: 1px solid #e4eaf3;
  border-radius: 12px;
  background: #fff;
  color: #102033;
  overflow: auto;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04);
}
.layout .adminUsersTable {
  min-width: 980px;
}
.layout .adminUsersTable th {
  background: #f7f9fc !important;
  color: #334155 !important;
  border-bottom: 1px solid #dfe6ef !important;
}
.layout .adminUsersTable td {
  color: #102033 !important;
  background: #fff !important;
  border-bottom: 1px solid #edf2f7 !important;
  vertical-align: middle;
}
.layout .adminPermissionCell {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.layout .adminPermissionPill {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 9px;
  border: 1px solid #d8e7f7;
  border-radius: 999px;
  background: #f3f9ff;
  color: #27617d;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.layout .adminPermissionPill.all {
  border-color: #ffe2a8;
  background: #fff7e6;
  color: #a16100;
}
.layout .adminUserModal {
  width: min(820px, 94vw);
  max-height: 88vh;
  overflow: hidden;
  border-radius: 14px;
  background: #fff;
  color: #102033;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .35);
}
.layout .adminUserModal.small {
  width: min(500px, 92vw);
}
.layout .adminUserForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 20px 22px;
  max-height: calc(88vh - 130px);
  overflow: auto;
  background: #f8fbff;
}
.layout .adminUserForm.one {
  grid-template-columns: 1fr;
}
.layout .adminUserForm .field label {
  display: block;
  margin: 0 0 7px;
  color: #405168;
  font-size: 13px;
  font-weight: 800;
}
.layout .adminUserForm input,
.layout .adminUserForm select {
  width: 100%;
  min-height: 38px;
  border: 1px solid #d9e4ef;
  border-radius: 8px;
  background: #fff !important;
  color: #102033 !important;
  padding: 8px 10px;
  box-sizing: border-box;
  outline: none;
}
.layout .adminUserForm input:focus,
.layout .adminUserForm select:focus {
  border-color: #19adc8;
  box-shadow: 0 0 0 3px rgba(25, 173, 200, .12);
}
.layout .adminPermissionBox {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #dfe9f5;
  border-radius: 12px;
  background: #fff;
}
.layout .adminPermissionBox h3 {
  margin: 0 0 2px;
  color: #102033;
  font-size: 15px;
}
.layout .adminPermissionCheck {
  display: grid;
  grid-template-columns: 20px 120px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid #edf2f7;
  border-radius: 10px;
  background: #fbfdff;
}
.layout .adminPermissionCheck input {
  width: 16px !important;
  min-height: 16px !important;
  padding: 0;
}
.layout .adminPermissionCheck b {
  color: #102033;
  font-size: 13px;
}
.layout .adminPermissionCheck span {
  color: #718096;
  font-size: 12px;
}
@media (max-width: 760px) {
  .layout .adminUsersHero {
    align-items: flex-start;
    flex-direction: column;
  }
  .layout .adminUserForm {
    grid-template-columns: 1fr;
  }
  .layout .adminPermissionCheck {
    grid-template-columns: 20px minmax(0, 1fr);
  }
  .layout .adminPermissionCheck span {
    grid-column: 2;
  }
}

/* 20260709 compact admin account modal */
#modal .adminUserModal {
  width: min(680px, 92vw) !important;
  max-height: 82vh !important;
  overflow: hidden !important;
  border: 1px solid #242b38 !important;
  border-radius: 12px !important;
  background: #0b0d13 !important;
  color: #eef3ff !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .55) !important;
}
#modal .adminUserModal.small {
  width: min(430px, 90vw) !important;
}
#modal .adminUserModal .adminModalHead {
  height: 46px !important;
  padding: 0 16px !important;
  background: #10131b !important;
  border-bottom: 1px solid #242b38 !important;
}
#modal .adminUserModal .adminModalHead h2 {
  color: #f4f7ff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}
#modal .adminUserModal .adminModalHead button {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #334155 !important;
  border-radius: 50% !important;
  background: #121923 !important;
  color: #d9e4ef !important;
  font-size: 18px !important;
}
#modal .adminUserForm {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  max-height: calc(82vh - 106px) !important;
  overflow: auto !important;
  padding: 14px 16px !important;
  background: #080a10 !important;
}
#modal .adminUserForm.one {
  grid-template-columns: 1fr !important;
}
#modal .adminUserForm .field {
  margin: 0 !important;
}
#modal .adminUserForm .field label {
  display: block !important;
  margin: 0 0 5px !important;
  color: #c9d3e2 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
#modal .adminUserForm input:not([type="checkbox"]),
#modal .adminUserForm select {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border: 1px solid #283142 !important;
  border-radius: 9px !important;
  background: #10141d !important;
  color: #eef3ff !important;
  font-size: 12px !important;
  box-shadow: none !important;
}
#modal .adminUserForm input:not([type="checkbox"]):focus,
#modal .adminUserForm select:focus {
  border-color: #72ff68 !important;
  box-shadow: 0 0 0 3px rgba(114, 255, 104, .1) !important;
  outline: none !important;
}
#modal .adminPermissionBox {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid #242b38 !important;
  border-radius: 10px !important;
  background: #0d1118 !important;
}
#modal .adminPermissionBox h3 {
  grid-column: 1 / -1 !important;
  margin: 0 0 2px !important;
  color: #f4f7ff !important;
  font-size: 14px !important;
}
#modal .adminPermissionCheck {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  grid-template-areas: "box title" ". desc" !important;
  align-items: center !important;
  gap: 2px 8px !important;
  min-height: 52px !important;
  padding: 8px 9px !important;
  border: 1px solid #252f3e !important;
  border-radius: 9px !important;
  background: #111720 !important;
}
#modal .adminPermissionCheck input[type="checkbox"] {
  grid-area: box !important;
  justify-self: center !important;
  align-self: center !important;
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  min-height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 4px !important;
  accent-color: #72ff68 !important;
  transform: none !important;
}
#modal .adminPermissionCheck b {
  grid-area: title !important;
  color: #f1f5ff !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
#modal .adminPermissionCheck span {
  grid-area: desc !important;
  color: #8794a8 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
#modal .adminUserModal .adminModalFoot {
  min-height: 52px !important;
  padding: 10px 16px !important;
  border-top: 1px solid #242b38 !important;
  background: #10131b !important;
  justify-content: flex-end !important;
}
#modal .adminUserModal .adminModalFoot .btn {
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}
@media (max-width: 720px) {
  #modal .adminUserForm,
  #modal .adminPermissionBox {
    grid-template-columns: 1fr !important;
  }
}

/* 20260709 admin dark palette cleanup */
.layout {
  background: #080a10 !important;
  color: #eef2f8 !important;
}
.layout .main {
  background: #080a10 !important;
}
.layout .side {
  background: #0d0e15 !important;
  border-right: 1px solid #202431 !important;
  box-shadow: 18px 0 40px rgba(0, 0, 0, .18) !important;
}
.layout .side .logo {
  background: #11131c !important;
  border: 1px solid #24293a !important;
  border-radius: 14px !important;
  color: #f7f8ff !important;
}
.layout .nav a,
.layout .navParent,
.layout .navSub {
  color: #9ca7ba !important;
}
.layout .nav a:hover,
.layout .navParent:hover,
.layout .navSub:hover {
  background: #151826 !important;
  color: #f3f5ff !important;
}
.layout .nav a.active,
.layout .navParent.active,
.layout .navSub.active,
.layout .navGroup:has(.navSub.active) .navParent {
  background: #1a1730 !important;
  border-color: #3c3268 !important;
  color: #f7f3ff !important;
}
.layout .nav a::before,
.layout .navSub::before {
  background: #3b4155 !important;
}
.layout .nav a.active::before,
.layout .navSub.active::before {
  background: #7b61ff !important;
}
.layout .navGroup {
  border-color: #222838 !important;
  background: #0b1018 !important;
}
.layout .top {
  min-height: 70px !important;
  border: 1px solid #242838 !important;
  border-radius: 18px !important;
  background: #11131c !important;
  color: #f4f6ff !important;
  box-shadow: none !important;
}
.layout .top h2 {
  color: #f7f8ff !important;
  text-shadow: none !important;
}
.layout .top .sub,
.layout .sub,
.layout .mini {
  color: #8995aa !important;
}
.layout .card,
.layout .adminUsersHero,
.layout .adminUsersCard,
.layout .adminPageTitle,
.layout .goodsCategoryCard,
.layout .adminProductListCard {
  border: 1px solid #242a3a !important;
  border-radius: 14px !important;
  background: #11131c !important;
  color: #eef2f8 !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .18) !important;
}
.layout .adminUsersHero {
  min-height: 118px !important;
  padding: 22px 24px !important;
  background: linear-gradient(135deg, #121520 0%, #10121b 62%, #15172a 100%) !important;
}
.layout .adminUsersHero span {
  color: #9f8cff !important;
}
.layout .adminUsersHero h3,
.layout .adminUsersCard h3,
.layout .panelHead h3,
.layout .adminPageTitle h3,
.layout .card h3 {
  color: #f7f8ff !important;
}
.layout .adminUsersHero p,
.layout .adminUsersCard p,
.layout .card p {
  color: #9ca7ba !important;
}
.layout .adminUsersCard {
  padding: 18px !important;
  overflow: auto !important;
}
.layout .panelHead {
  border-bottom-color: #242a3a !important;
}
.layout .table,
.layout .adminUsersTable {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #e9edf7 !important;
}
.layout .table th,
.layout .adminUsersTable th {
  background: #171a25 !important;
  color: #aeb7c9 !important;
  border-color: #262c3d !important;
  font-weight: 900 !important;
}
.layout .table td,
.layout .adminUsersTable td {
  background: #10131b !important;
  color: #e6ebf5 !important;
  border-color: #202634 !important;
}
.layout .table tr:hover td,
.layout .adminUsersTable tr:hover td {
  background: #151927 !important;
}
.layout .adminUsersTable td b,
.layout .table td b {
  color: #f5f7ff !important;
}
.layout .adminUsersTable td:nth-child(2),
.layout .adminUsersTable td:nth-child(5) {
  color: #9ba6ba !important;
}
.layout .adminPermissionPill {
  border-color: #30384c !important;
  background: #1a2030 !important;
  color: #cbd5e8 !important;
}
.layout .adminPermissionPill.all {
  border-color: rgba(251, 191, 36, .34) !important;
  background: rgba(251, 191, 36, .12) !important;
  color: #ffd88a !important;
}
.layout .status {
  border-color: #30384c !important;
  background: #181d2a !important;
  color: #cbd5e8 !important;
}
.layout .status.s-completed {
  border-color: rgba(70, 211, 142, .3) !important;
  background: rgba(70, 211, 142, .11) !important;
  color: #7fe3ad !important;
}
.layout .status.s-rejected {
  border-color: rgba(248, 113, 113, .3) !important;
  background: rgba(248, 113, 113, .1) !important;
  color: #fca5a5 !important;
}
.layout .btn,
.layout button.btn,
.layout a.btn {
  border: 1px solid #30384c !important;
  background: #171c29 !important;
  color: #dbe3f2 !important;
  box-shadow: none !important;
}
.layout .btn:hover,
.layout button.btn:hover,
.layout a.btn:hover {
  border-color: #47516b !important;
  background: #1d2332 !important;
  color: #fff !important;
}
.layout .btn.primary {
  border-color: #7657ff !important;
  background: #7657ff !important;
  color: #fff !important;
}
.layout .btn.success {
  border-color: #3b82f6 !important;
  background: #1e3d68 !important;
  color: #d8eaff !important;
}
.layout .btn.danger,
.layout .adminLogoutBtn {
  border-color: rgba(244, 63, 94, .46) !important;
  background: rgba(244, 63, 94, .12) !important;
  color: #ff8da2 !important;
}
.layout .btn.muted {
  border-color: #30384c !important;
  background: #141925 !important;
  color: #aeb7c9 !important;
}
.layout input:not([type="checkbox"]):not([type="radio"]),
.layout select,
.layout textarea,
.layout .adminSystemShell input,
.layout .adminSystemShell select,
.layout .adminSystemShell textarea {
  border: 1px solid #2b3346 !important;
  background: #0d111a !important;
  color: #eef2f8 !important;
  box-shadow: none !important;
}
.layout input:not([type="checkbox"]):not([type="radio"]):focus,
.layout select:focus,
.layout textarea:focus,
.layout .adminSystemShell input:focus,
.layout .adminSystemShell select:focus,
.layout .adminSystemShell textarea:focus {
  border-color: #7657ff !important;
  box-shadow: 0 0 0 3px rgba(118, 87, 255, .16) !important;
  outline: none !important;
}
.layout input::placeholder,
.layout textarea::placeholder {
  color: #677187 !important;
}
.layout .adminSystemShell .cleanImageUploadSide input {
  display: none !important;
}
#modal .adminUserForm input:not([type="checkbox"]):focus,
#modal .adminUserForm select:focus {
  border-color: #7657ff !important;
  box-shadow: 0 0 0 3px rgba(118, 87, 255, .16) !important;
}
#modal .adminPermissionCheck input[type="checkbox"] {
  accent-color: #7657ff !important;
}
@media (max-width: 760px) {
  .layout .top {
    min-height: 56px !important;
  }
  .layout .adminUsersHero {
    min-height: auto !important;
    padding: 16px !important;
  }
}

/* 20260709 admin dark palette extension */
.layout .cards .card {
  background: #11131c !important;
}
.layout .num {
  color: #f7f8ff !important;
}
.layout .up {
  color: #8f9bb0 !important;
}
.layout .goodsCategoryCardHead,
.layout .goodsSpecHeader,
.layout .goodsSpecLine,
.layout .goodsSpecEmpty,
.layout .adminProduct,
.layout .adminProductEditCard,
.layout .systemSection,
.layout .adminSystemShell section,
.layout .cleanProductFormV2,
.layout .cleanPlatformPriceEditor {
  border-color: #242a3a !important;
  background: #11131c !important;
  color: #eef2f8 !important;
}
.layout .goodsSpecLine {
  border-top-color: #202634 !important;
}
.layout .goodsSpecLine:hover,
.layout .goodsCategoryCardHead:hover {
  background: #151927 !important;
}
.layout .goodsCategoryTitle h3,
.layout .specMain b,
.layout .goodsSpecEmpty b,
.layout .adminProduct h3,
.layout .adminBlockTitle,
.layout .systemSection h3,
.layout .cleanProductFormV2 h3 {
  color: #f7f8ff !important;
}
.layout .goodsCategoryTitle i {
  background: #7657ff !important;
  color: #fff !important;
}
.layout .goodsCategoryInfo p,
.layout .specMain span,
.layout .goodsSpecEmpty,
.layout .specLimit,
.layout .goodsSortTools label,
.layout .adminProduct p {
  color: #98a4b8 !important;
}
.layout .goodsCategoryMeta span,
.layout .goodsPortPill,
.layout .goodsSortTools {
  border-color: #30384c !important;
  background: #171c29 !important;
  color: #cbd5e8 !important;
}
.layout .goodsPortPill.open {
  border-color: rgba(118, 87, 255, .48) !important;
  background: rgba(118, 87, 255, .12) !important;
}
.layout .goodsPortPill em {
  color: #9da8bb !important;
}
.layout .goodsPortPill b {
  color: #d8d1ff !important;
}
.layout .goodsPortPill.closed b {
  color: #7d8799 !important;
}
.layout .goodsSortBtn {
  background: #202638 !important;
  color: #d8d1ff !important;
  box-shadow: none !important;
}
.layout .goodsSortBtn:disabled {
  background: #151927 !important;
  color: #5f687a !important;
}
.layout .goodsSortInput {
  border-color: #30384c !important;
  background: #0d111a !important;
  color: #eef2f8 !important;
}
.layout .adminBlueText,
.layout .adminPriceRange {
  color: #d8d1ff !important;
}
.layout .adminPriceList,
.layout .adminGoodsDisplay {
  color: #a5afc2 !important;
}
.layout .adminGameIcon,
.layout .adminGoodsIcon,
.layout .adminCategoryImageCell img,
.layout .goodsImagePair button {
  border-color: #30384c !important;
  background: #0d111a !important;
}

/* 20260709 admin system dark cards final */
.layout .adminSystemShell {
  display: grid !important;
  gap: 14px !important;
  color: #eef2f8 !important;
}
.layout .adminSystemHero {
  border: 1px solid #2b3042 !important;
  background: #11131c !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .22) !important;
}
.layout .adminSystemHero::after {
  display: none !important;
}
.layout .adminSystemHero span {
  color: #a99bff !important;
  letter-spacing: 0 !important;
}
.layout .adminSystemHero p,
.layout .adminSystemStats span {
  color: #9ca7ba !important;
}
.layout .adminSystemStats {
  border-color: #30384c !important;
  background: #171c29 !important;
}
.layout .systemModule {
  border: 1px solid #242a3a !important;
  border-radius: 16px !important;
  background: #11131c !important;
  color: #eef2f8 !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .18) !important;
}
.layout .systemModuleHead {
  margin-bottom: 12px !important;
}
.layout .systemModuleHead b {
  color: #f7f8ff !important;
}
.layout .systemModuleHead span {
  color: #8f9bb0 !important;
}
.layout .systemBannerCard,
.layout .systemRechargeCard {
  border: 1px solid #2a3143 !important;
  background: #151923 !important;
  color: #eef2f8 !important;
  box-shadow: none !important;
}
.layout .systemBannerCard:hover,
.layout .systemRechargeCard:hover {
  border-color: #3a435a !important;
  background: #181d29 !important;
}
.layout .systemBannerCard .field label,
.layout .systemRechargeCard .field label,
.layout .systemImageField label,
.layout .adminImageUpload > label {
  color: #aeb7c9 !important;
}
.layout .systemBannerCard .cleanImageUploadRow,
.layout .systemBannerCard .imageUploadRow,
.layout .systemModule .cleanImageUploadRow,
.layout .systemModule .imageUploadRow {
  border-color: #30384c !important;
  background: #0b0f16 !important;
}
.layout .systemBannerCard .cleanImageUploadBox,
.layout .systemModule .cleanImageUploadBox,
.layout .systemBannerCard .imageUploadBox,
.layout .systemModule .imageUploadBox {
  border-color: #3b455c !important;
  background: #0f141d !important;
  color: #b9c2d3 !important;
}
.layout .systemBannerCard .cleanImageUploadBox span,
.layout .systemModule .cleanImageUploadBox span,
.layout .systemBannerCard .imageUploadBox span,
.layout .systemModule .imageUploadBox span {
  background: rgba(17, 24, 39, .78) !important;
  color: #f4f6ff !important;
}
.layout .systemBannerCard .cleanImageUploadSide > b,
.layout .systemModule .cleanImageUploadSide > b {
  color: #e9edf7 !important;
}
.layout .systemBannerCard .cleanImageUploadSide > span,
.layout .systemModule .cleanImageUploadSide > span {
  color: #98a4b8 !important;
}
.layout .systemInline {
  align-items: end !important;
}
.layout .rechargeCardBadge {
  background: #7657ff !important;
  color: #fff !important;
  box-shadow: none !important;
}
.layout .systemStickySave {
  border: 1px solid #242a3a !important;
  background: rgba(17, 19, 28, .92) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .28) !important;
}
.layout .systemStickySave .btn {
  background: #7657ff !important;
  border-color: #7657ff !important;
  color: #fff !important;
}
.layout .systemRechargeCard .btn.danger,
.layout .systemBannerCard .btn.danger {
  background: rgba(244, 63, 94, .1) !important;
}

/* 20260709 boss order banner clean image */
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::before,
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}
.bossApp [data-page=order] .heroBanner.cleanHero.homeSlider img {
  opacity: 1 !important;
  filter: saturate(1.02) contrast(1.01) brightness(1) !important;
}

/* 20260709 boss spec card text no clipping */
.bossApp .detailSpecGrid {
  align-items: stretch !important;
  grid-auto-rows: auto !important;
}
.bossApp .detailSpecGrid button {
  height: auto !important;
  min-height: 88px !important;
  padding: 10px 10px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  overflow: visible !important;
}
.bossApp .detailSpecGrid b {
  max-width: 100% !important;
  line-height: 18px !important;
}
.bossApp .detailSpecGrid span {
  margin-top: 0 !important;
  line-height: 17px !important;
}
.bossApp .detailSpecGrid em {
  max-width: 100% !important;
  margin-top: 0 !important;
  line-height: 17px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* 20260709 boss search/menu responsive fix */
.bossApp .searchButton {
  height: 44px !important;
  min-height: 44px !important;
  display: grid !important;
  grid-template-columns: 16px minmax(0, 1fr) 56px !important;
  column-gap: 9px !important;
  align-items: center !important;
  padding: 6px 8px 6px 13px !important;
  overflow: hidden !important;
}
.bossApp .searchBar::before,
.bossApp .searchButton::before {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  align-self: center !important;
  justify-self: center !important;
}
.bossApp .searchButton .searchText {
  min-width: 0 !important;
  height: auto !important;
  display: block !important;
  align-self: center !important;
  color: var(--yx-boss-muted) !important;
  font-size: 12px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.bossApp .searchButton em {
  width: 56px !important;
  min-width: 56px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
  justify-self: end !important;
}
.bossApp .menuPage {
  grid-template-columns: 98px minmax(0, 1fr) !important;
  gap: 6px !important;
  padding: 10px 8px calc(92px + env(safe-area-inset-bottom)) !important;
}
.bossApp .menuPage aside {
  padding: 0 !important;
}
.bossApp .menuPage aside button {
  min-height: 40px !important;
  height: auto !important;
  padding: 0 6px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  white-space: normal !important;
}
.bossApp .menuPage main {
  min-width: 0 !important;
  padding: 0 !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem,
.bossApp .menuPage main .menuItem.orderMenuItem {
  width: 100% !important;
  min-height: 112px !important;
  grid-template-columns: 66px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 10px !important;
  overflow: hidden !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem > img,
.bossApp .menuPage main .menuItem.orderMenuItem > img {
  width: 66px !important;
  height: 66px !important;
  border-radius: 14px !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem > div,
.bossApp .menuPage main .menuItem.orderMenuItem > div {
  min-width: 0 !important;
  overflow: hidden !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuMetaRow {
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-height: 0 !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuMetaRow span {
  min-width: 0 !important;
  height: 21px !important;
  padding: 0 7px !important;
  font-size: 10.5px !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemFoot em,
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemArrow,
.bossApp .menuPage main .menuItem.orderMenuItem .menuItemArrow {
  display: none !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem h3,
.bossApp .menuPage main .menuItem.orderMenuItem h3,
.bossApp .menuPage main .menuItem.cleanOrderMenuItem p,
.bossApp .menuPage main .menuItem.orderMenuItem p {
  max-width: 100% !important;
}
@media (max-width: 380px) {
  .bossApp .menuPage {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 5px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem,
  .bossApp .menuPage main .menuItem.orderMenuItem {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 9px !important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem > img,
  .bossApp .menuPage main .menuItem.orderMenuItem > img {
    width: 58px !important;
    height: 58px !important;
  }
}

/* 20260709 category main image + spec detail image model */
.layout .goodsImagePair.singleImage {
  grid-template-columns: 112px;
}

.layout .goodsImagePair.singleImage button {
  width: 112px;
}

.layout .specMainWithImage {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.layout .specMainWithImage > img {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid rgba(148, 163, 184, .28);
  background: #f5f7fb;
}

.specMenuItem h3 {
  color: inherit;
}

.specMenuItem .menuMetaRow span:last-child {
  max-width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 20260709 menu order button + fuller search text */
.bossApp [data-page=order] .searchButton {
  grid-template-columns: 12px minmax(0, 1fr) 48px !important;
  column-gap: 5px !important;
  padding: 5px 6px 5px 10px !important;
}
.bossApp [data-page=order] .searchBar::before,
.bossApp [data-page=order] .searchButton::before {
  width: 12px !important;
  height: 12px !important;
}
.bossApp [data-page=order] .searchButton .searchText {
  font-size: 11px !important;
  line-height: 16px !important;
  color: #b8b1c8 !important;
}
.bossApp [data-page=order] .searchButton em {
  width: 48px !important;
  min-width: 48px !important;
  height: 30px !important;
  font-size: 12px !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemFoot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin-top: 1px !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuOrderBtn {
  flex: 0 0 auto !important;
  min-width: 58px !important;
  height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--yx-boss-accent) !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 16px rgba(127, 69, 255, .2) !important;
}
@media (max-width: 380px) {
  .bossApp [data-page=order] .searchButton {
    grid-template-columns: 11px minmax(0, 1fr) 44px !important;
    column-gap: 4px !important;
    padding-left: 8px !important;
    padding-right: 5px !important;
  }
  .bossApp [data-page=order] .searchButton .searchText {
    font-size: 10.5px !important;
  }
  .bossApp [data-page=order] .searchButton em {
    width: 44px !important;
    min-width: 44px !important;
    font-size: 11.5px !important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuOrderBtn {
    min-width: 54px !important;
    height: 26px !important;
    padding: 0 8px !important;
    font-size: 11.5px !important;
  }
}

/* 20260709 admin spec editor match account modal */
#modal .specPriceModal {
  width: min(680px, 92vw) !important;
  max-height: 82vh !important;
  overflow: hidden !important;
  border: 1px solid #242b38 !important;
  border-radius: 12px !important;
  background: #0b0d13 !important;
  color: #eef3ff !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .55) !important;
}
#modal .specPriceModal .adminModalHead {
  height: 46px !important;
  padding: 0 16px !important;
  background: #10131b !important;
  border-bottom: 1px solid #242b38 !important;
}
#modal .specPriceModal .adminModalHead h2 {
  color: #f4f7ff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}
#modal .specPriceModal .adminModalHead button {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #334155 !important;
  border-radius: 50% !important;
  background: #121923 !important;
  color: #d9e4ef !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
#modal .specPriceModal .cleanProductFormV2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  max-height: calc(82vh - 106px) !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #080a10 !important;
  color: #eef3ff !important;
}
#modal .specPriceModal .field {
  min-width: 0 !important;
  margin: 0 !important;
}
#modal .specPriceModal .field.full {
  grid-column: 1 / -1 !important;
}
#modal .specPriceModal .field label {
  display: block !important;
  margin: 0 0 5px !important;
  color: #c9d3e2 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
#modal .specPriceModal input:not([type="checkbox"]):not([type="radio"]),
#modal .specPriceModal select,
#modal .specPriceModal textarea {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border: 1px solid #283142 !important;
  border-radius: 9px !important;
  background: #10141d !important;
  color: #eef3ff !important;
  font-size: 12px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  outline: none !important;
}
#modal .specPriceModal input::placeholder,
#modal .specPriceModal textarea::placeholder {
  color: #68758a !important;
}
#modal .specPriceModal input:not([type="checkbox"]):not([type="radio"]):focus,
#modal .specPriceModal select:focus,
#modal .specPriceModal textarea:focus {
  border-color: #72ff68 !important;
  box-shadow: 0 0 0 3px rgba(114, 255, 104, .1) !important;
}
#modal .specPriceModal .adminModalFoot {
  min-height: 52px !important;
  padding: 10px 16px !important;
  border-top: 1px solid #242b38 !important;
  background: #10131b !important;
  justify-content: flex-end !important;
}
#modal .specPriceModal .adminModalFoot .btn {
  height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid #293549 !important;
  border-radius: 9px !important;
  background: #151d2a !important;
  color: #d9e4ef !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
#modal .specPriceModal .adminModalFoot .btn.primary {
  border-color: #72ff68 !important;
  background: #72ff68 !important;
  color: #071009 !important;
}
@media (max-width: 720px) {
  #modal .specPriceModal .cleanProductFormV2 {
    grid-template-columns: 1fr !important;
  }
}

/* 20260709 boss invite modal refined */
#modal .inviteModalBox {
  width: min(398px, 92vw) !important;
  max-height: 86vh !important;
  padding: 14px !important;
  border: 1px solid #30283e !important;
  border-radius: 24px !important;
  background: #111018 !important;
  color: #eeeaf8 !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .72) !important;
}
#modal .inviteModalClose {
  top: 14px !important;
  right: 14px !important;
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #3a314b !important;
  border-radius: 50% !important;
  background: #171420 !important;
  color: #d9d2ea !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
#modal .inviteModalHead {
  min-height: 72px !important;
  margin: -1px -1px 10px !important;
  padding: 14px 48px 14px 14px !important;
  display: grid !important;
  gap: 5px !important;
  border: 1px solid #2a2436 !important;
  border-radius: 20px !important;
  background: #15131e !important;
}
#modal .inviteModalHead b {
  color: #fff !important;
  font-size: 21px !important;
  line-height: 26px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}
#modal .inviteModalHead span {
  max-width: 260px !important;
  color: #9e96af !important;
  font-size: 12px !important;
  line-height: 18px !important;
}
#modal .inviteDateLine {
  height: 34px !important;
  margin-top: 8px !important;
  padding: 0 12px !important;
  border: 1px solid #332b43 !important;
  border-radius: 14px !important;
  background: #191621 !important;
  color: #c8b8ff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
#modal .inviteModalDesc {
  margin-top: 8px !important;
  padding: 11px 12px !important;
  border: 1px solid #2d263a !important;
  border-radius: 16px !important;
  background: #15131c !important;
  color: #a7a0b3 !important;
  font-size: 12px !important;
  line-height: 19px !important;
}
#modal .inviteStatsMini {
  margin-top: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
#modal .inviteStatsMini div {
  min-height: 58px !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  padding: 9px 6px !important;
  border: 1px solid #2f283c !important;
  border-radius: 17px !important;
  background: #15131c !important;
  text-align: center !important;
}
#modal .inviteStatsMini b {
  color: #b799ff !important;
  font-size: 17px !important;
  line-height: 20px !important;
  font-weight: 950 !important;
}
#modal .inviteStatsMini span {
  margin: 0 !important;
  color: #8e879a !important;
  font-size: 11px !important;
  line-height: 15px !important;
}
#modal .inviteRateBox {
  margin-top: 10px !important;
  padding: 12px 14px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 5px 12px !important;
  align-items: center !important;
  border: 1px solid #382c50 !important;
  border-radius: 18px !important;
  background: #171421 !important;
}
#modal .inviteRateBox span {
  color: #cfc7dd !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
#modal .inviteRateBox strong {
  color: #b68cff !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}
#modal .inviteRateBox em {
  grid-column: 1 / -1 !important;
  color: #f0ecf8 !important;
  font-size: 11.5px !important;
  line-height: 17px !important;
  font-style: normal !important;
  font-weight: 800 !important;
}
#modal .inviteReferralList {
  width: 100% !important;
  margin-top: 10px !important;
  overflow: hidden !important;
  border: 1px solid #30283e !important;
  border-radius: 16px !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #111018 !important;
  font-size: 12px !important;
}
#modal .inviteReferralList th {
  height: 34px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #2b2436 !important;
  background: #181520 !important;
  color: #8f889b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-align: left !important;
}
#modal .inviteReferralList td {
  height: 48px !important;
  padding: 10px !important;
  border: 0 !important;
  border-top: 1px solid #221d2c !important;
  background: #111018 !important;
  color: #ede9f7 !important;
  text-align: left !important;
}
#modal .inviteReferralList td b {
  display: block !important;
  color: #f4f0ff !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
#modal .inviteReferralList td span {
  display: block !important;
  margin-top: 2px !important;
  color: #7f788d !important;
  font-size: 10px !important;
  line-height: 14px !important;
}
#modal .emptyInviteRow {
  height: 58px !important;
  color: #81798d !important;
  text-align: center !important;
}
#modal .inviteLinkField {
  margin-top: 10px !important;
  display: grid !important;
  gap: 6px !important;
}
#modal .inviteLinkField label {
  color: #8f889b !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
}
#modal .inviteLinkField input {
  width: 100% !important;
  height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid #30283e !important;
  border-radius: 15px !important;
  background: #15131c !important;
  color: #f3efff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
#modal .inviteCopyBtn {
  width: 100% !important;
  height: 44px !important;
  margin-top: 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #7e45ff !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 28px rgba(126, 69, 255, .34) !important;
}
@media (max-width: 380px) {
  #modal .inviteModalBox {
    width: min(372px, 92vw) !important;
    padding: 12px !important;
  }
  #modal .inviteModalHead {
    padding-left: 12px !important;
  }
  #modal .inviteStatsMini {
    gap: 6px !important;
  }
  #modal .inviteStatsMini b {
    font-size: 15px !important;
  }
  #modal .inviteReferralList th,
  #modal .inviteReferralList td {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* 20260709 final boss search readability fix */
.bossApp [data-page=order] .searchButton {
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 11px 0 14px !important;
  overflow: visible !important;
  line-height: normal !important;
}
.bossApp [data-page=order] .searchBar::before,
.bossApp [data-page=order] .searchButton::before {
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.bossApp [data-page=order] .searchButton .searchText {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 22px !important;
  min-height: 22px !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #ddd5e8 !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 22px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transform: none !important;
}
.bossApp [data-page=order] .searchButton em {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
}
@media (max-width: 360px) {
  .bossApp [data-page=order] .searchButton {
    gap: 7px !important;
    padding-left: 12px !important;
    padding-right: 10px !important;
  }
  .bossApp [data-page=order] .searchButton .searchText {
    font-size: 12px !important;
  }
  .bossApp [data-page=order] .searchButton em {
    display: none !important;
  }
}

/* 20260710 boss order search icon completion */
.bossApp [data-page=order] .searchButton {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 42px !important;
}
.bossApp [data-page=order] .searchButton::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  border: 2px solid rgba(234, 224, 255, .62) !important;
  border-radius: 50% !important;
  transform: translateY(-54%) !important;
  box-sizing: border-box !important;
}
.bossApp [data-page=order] .searchButton::after {
  content: "" !important;
  position: absolute !important;
  left: 27px !important;
  top: 50% !important;
  width: 7px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: rgba(234, 224, 255, .62) !important;
  transform: translateY(5px) rotate(45deg) !important;
  transform-origin: left center !important;
}
.bossApp [data-page=order] .searchButton .searchText {
  margin-left: 0 !important;
}
@media (max-width: 360px) {
  .bossApp [data-page=order] .searchButton {
    padding-left: 38px !important;
  }
  .bossApp [data-page=order] .searchButton::before {
    left: 14px !important;
  }
  .bossApp [data-page=order] .searchButton::after {
    left: 25px !important;
  }
}

/* 20260710 boss order search full text fix */
.bossApp [data-page=order] .searchButton {
  box-sizing: border-box !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 52px 0 42px !important;
  gap: 0 !important;
  overflow: hidden !important;
}
.bossApp [data-page=order] .searchButton .searchText {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  line-height: 18px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #f0eafd !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: keep-all !important;
  transform: none !important;
}
.bossApp [data-page=order] .searchButton em {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 11px !important;
}
@media (max-width: 360px) {
  .bossApp [data-page=order] .searchButton {
    padding-left: 38px !important;
    padding-right: 8px !important;
  }
  .bossApp [data-page=order] .searchButton .searchText {
    font-size: 11px !important;
  }
  .bossApp [data-page=order] .searchButton em {
    display: none !important;
  }
}

/* 20260710 boss order search text no-clip final */
.bossApp [data-page=order] .searchButton {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.bossApp [data-page=order] .searchButton::before {
  left: 17px !important;
  top: 50% !important;
  width: 13px !important;
  height: 13px !important;
  transform: translateY(-54%) !important;
}
.bossApp [data-page=order] .searchButton::after {
  left: 28px !important;
  top: 50% !important;
  width: 7px !important;
  height: 2px !important;
  transform: translateY(5px) rotate(45deg) !important;
}
.bossApp [data-page=order] .searchButton .searchText {
  position: absolute !important;
  left: 54px !important;
  right: 56px !important;
  top: 50% !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f2ecff !important;
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  word-break: keep-all !important;
  transform: translateY(-50%) !important;
}
.bossApp [data-page=order] .searchButton em {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
}
@media (max-width: 390px) {
  .bossApp [data-page=order] .searchButton .searchText {
    left: 50px !important;
    right: 14px !important;
    font-size: 10.8px !important;
  }
  .bossApp [data-page=order] .searchButton em {
    display: none !important;
  }
}
@media (max-width: 340px) {
  .bossApp [data-page=order] .searchButton .searchText {
    left: 46px !important;
    font-size: 10px !important;
  }
  .bossApp [data-page=order] .searchButton::before {
    left: 14px !important;
  }
  .bossApp [data-page=order] .searchButton::after {
    left: 25px !important;
  }
}

/* 20260710 boss order search readable final */
.bossApp [data-page=order] .searchButton {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 14px 0 46px !important;
  gap: 0 !important;
  overflow: hidden !important;
}
.bossApp [data-page=order] .searchButton::before {
  left: 17px !important;
  width: 14px !important;
  height: 14px !important;
}
.bossApp [data-page=order] .searchButton::after {
  left: 30px !important;
}
.bossApp [data-page=order] .searchButton .searchText {
  position: static !important;
  inset: auto !important;
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f4efff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  transform: none !important;
}
.bossApp [data-page=order] .searchButton em {
  display: none !important;
}
@media (max-width: 360px) {
  .bossApp [data-page=order] .searchButton {
    padding-left: 42px !important;
    padding-right: 10px !important;
  }
  .bossApp [data-page=order] .searchButton::before {
    left: 14px !important;
  }
  .bossApp [data-page=order] .searchButton::after {
    left: 27px !important;
  }
  .bossApp [data-page=order] .searchButton .searchText {
    font-size: 11px !important;
  }
}

/* 20260710 boss order product main image 200 */
.bossApp [data-page=order] .homeProductGrid {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}
.bossApp [data-page=order] .miniProductCard {
  display: grid !important;
  grid-template-columns: 200px minmax(0, 1fr) !important;
  grid-template-areas:
    "img title"
    "img desc"
    "img tags"
    "img foot" !important;
  column-gap: 12px !important;
  row-gap: 7px !important;
  align-items: start !important;
  min-height: 216px !important;
  padding: 8px !important;
}
.bossApp [data-page=order] .miniProductCard .thumbWrap {
  grid-area: img !important;
  width: 200px !important;
  height: 200px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  border-radius: 18px !important;
}
.bossApp [data-page=order] .miniProductCard .thumbWrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 18px !important;
}
.bossApp [data-page=order] .miniProductCard > b {
  grid-area: title !important;
  margin: 4px 0 0 !important;
  white-space: normal !important;
  line-height: 20px !important;
}
.bossApp [data-page=order] .miniProductCard > p {
  grid-area: desc !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  line-height: 17px !important;
  -webkit-line-clamp: 3 !important;
}
.bossApp [data-page=order] .miniProductCard .tagLine {
  grid-area: tags !important;
  margin: 0 !important;
}
.bossApp [data-page=order] .miniProductCard .cardFoot {
  grid-area: foot !important;
  align-self: end !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-top: 0 !important;
}
.bossApp [data-page=order] .miniProductCard .cardFoot button {
  width: 100% !important;
}
@media (max-width: 360px) {
  .bossApp [data-page=order] .miniProductCard {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "img"
      "title"
      "desc"
      "tags"
      "foot" !important;
  }
  .bossApp [data-page=order] .miniProductCard .thumbWrap {
    justify-self: center !important;
  }
}

/* 20260710 boss order product two columns 200x200 */
.bossApp [data-page=order] .bossHome {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.bossApp [data-page=order] .homeProductGrid {
  display: grid !important;
  grid-template-columns: repeat(2, 202px) !important;
  justify-content: center !important;
  gap: 8px !important;
  overflow: visible !important;
}
.bossApp [data-page=order] .miniProductCard {
  width: 202px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: block !important;
  padding: 0 0 10px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}
.bossApp [data-page=order] .miniProductCard .thumbWrap {
  width: 200px !important;
  height: 200px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto !important;
  border-radius: 17px !important;
}
.bossApp [data-page=order] .miniProductCard .thumbWrap img {
  width: 200px !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 17px !important;
}
.bossApp [data-page=order] .miniProductCard > b,
.bossApp [data-page=order] .miniProductCard > p,
.bossApp [data-page=order] .miniProductCard .tagLine,
.bossApp [data-page=order] .miniProductCard .cardFoot {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.bossApp [data-page=order] .miniProductCard > b {
  display: block !important;
  margin-top: 9px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 20px !important;
}
.bossApp [data-page=order] .miniProductCard > p {
  height: 38px !important;
  min-height: 38px !important;
  margin-top: 5px !important;
  line-height: 19px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.bossApp [data-page=order] .miniProductCard .tagLine {
  margin-top: 8px !important;
  min-height: 24px !important;
}
.bossApp [data-page=order] .miniProductCard .cardFoot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: 9px !important;
}
.bossApp [data-page=order] .miniProductCard .cardFoot button {
  width: auto !important;
  min-width: 62px !important;
  padding: 0 10px !important;
}
@media (max-width: 420px) {
  .bossApp [data-page=order] .bossHome {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .bossApp [data-page=order] .homeProductGrid {
    gap: 4px !important;
  }
}

/* 20260710 full menu product image 120 layout */
.bossApp .menuPage {
  grid-template-columns: 104px minmax(0, 1fr) !important;
}
.bossApp .menuPage aside {
  padding: 10px 5px calc(90px + env(safe-area-inset-bottom)) !important;
}
.bossApp .menuPage aside button {
  min-height: 42px !important;
  margin: 0 0 8px !important;
  padding: 7px 8px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #312744 !important;
  border-radius: 15px !important;
  background: #121018 !important;
  color: #cfc7dd !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 850 !important;
  text-align: center !important;
  white-space: normal !important;
}
.bossApp .menuPage aside button.active {
  border-color: #8c6cff !important;
  background: #211735 !important;
  color: #fff !important;
  box-shadow: inset 3px 0 0 #31c8ff !important;
}
.bossApp .menuPage aside button.active::before {
  display: none !important;
}
.bossApp .menuPage main {
  padding: 10px 8px calc(96px + env(safe-area-inset-bottom)) !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem,
.bossApp .menuPage main .menuItem.orderMenuItem {
  position: relative !important;
  width: 100% !important;
  min-height: 142px !important;
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 0 12px !important;
  padding: 10px !important;
  border: 1px solid #302640 !important;
  border-radius: 19px !important;
  background: #15111d !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem::before,
.bossApp .menuPage main .menuItem.orderMenuItem::before {
  display: none !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem > img,
.bossApp .menuPage main .menuItem.orderMenuItem > img {
  position: static !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  border-radius: 16px !important;
  object-fit: cover !important;
  background: #09080d !important;
  transform: none !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem > div,
.bossApp .menuPage main .menuItem.orderMenuItem > div {
  min-width: 0 !important;
  min-height: 120px !important;
  height: 120px !important;
  display: grid !important;
  grid-template-rows: auto auto auto 1fr !important;
  align-content: start !important;
  gap: 5px !important;
  overflow: hidden !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem h3,
.bossApp .menuPage main .menuItem.orderMenuItem h3 {
  margin: 0 !important;
  max-width: 100% !important;
  max-height: 38px !important;
  color: #fff8ea !important;
  font-size: 15px !important;
  line-height: 19px !important;
  font-weight: 950 !important;
  white-space: normal !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  text-overflow: clip !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem p,
.bossApp .menuPage main .menuItem.orderMenuItem p {
  margin: 0 !important;
  height: auto !important;
  max-height: 32px !important;
  color: #a9a1b8 !important;
  font-size: 11.5px !important;
  line-height: 16px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuMetaRow,
.bossApp .menuPage main .menuItem.orderMenuItem .menuMetaRow {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-height: 21px !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuMetaRow span,
.bossApp .menuPage main .menuItem.orderMenuItem .menuMetaRow span {
  height: 21px !important;
  min-width: 0 !important;
  max-width: 72px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 7px !important;
  border: 1px solid #3a2c4f !important;
  border-radius: 999px !important;
  background: #100d17 !important;
  color: #d8d0e8 !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemFoot,
.bossApp .menuPage main .menuItem.orderMenuItem .menuItemFoot {
  align-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem strong,
.bossApp .menuPage main .menuItem.orderMenuItem strong {
  position: static !important;
  min-width: 0 !important;
  display: block !important;
  margin: 0 !important;
  color: #9b6dff !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuOrderBtn,
.bossApp .menuPage main .menuItem.orderMenuItem .menuOrderBtn {
  flex: 0 0 auto !important;
  min-width: 58px !important;
  height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #7f45ff !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemFoot em,
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemArrow,
.bossApp .menuPage main .menuItem.orderMenuItem .menuItemArrow {
  display: none !important;
}
@media (max-width: 380px) {
  .bossApp .menuPage {
    grid-template-columns: 88px minmax(0, 1fr) !important;
  }
  .bossApp .menuPage aside {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .bossApp .menuPage aside button {
    min-height: 40px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 11px !important;
    line-height: 15px !important;
  }
  .bossApp .menuPage main {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem,
  .bossApp .menuPage main .menuItem.orderMenuItem {
    grid-template-columns: 120px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 8px !important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem h3,
  .bossApp .menuPage main .menuItem.orderMenuItem h3 {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuMetaRow span,
  .bossApp .menuPage main .menuItem.orderMenuItem .menuMetaRow span {
    max-width: 58px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuOrderBtn,
  .bossApp .menuPage main .menuItem.orderMenuItem .menuOrderBtn {
    min-width: 54px !important;
    height: 28px !important;
    padding: 0 8px !important;
    font-size: 11.5px !important;
  }
}

/* 20260710 menu cleaner scroll + readable thousand price */
.bossApp,
.bossApp * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.bossApp::-webkit-scrollbar,
.bossApp *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
.bossApp .menuPage {
  grid-template-columns: 94px minmax(0, 1fr) !important;
  overflow: hidden !important;
}
.bossApp .menuPage aside {
  padding: 10px 4px calc(90px + env(safe-area-inset-bottom)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.bossApp .menuPage aside button {
  min-height: 40px !important;
  margin-bottom: 8px !important;
  padding: 6px 5px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  line-height: 15px !important;
}
.bossApp .menuPage main {
  padding: 10px 7px calc(100px + env(safe-area-inset-bottom)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem,
.bossApp .menuPage main .menuItem.orderMenuItem {
  min-height: 136px !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 8px !important;
  border-color: #332640 !important;
  border-radius: 18px !important;
  background: #15101d !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem > div,
.bossApp .menuPage main .menuItem.orderMenuItem > div {
  height: 120px !important;
  min-height: 120px !important;
  gap: 4px !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem h3,
.bossApp .menuPage main .menuItem.orderMenuItem h3 {
  font-size: 14.5px !important;
  line-height: 18px !important;
  max-height: 36px !important;
  word-break: break-all !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem p,
.bossApp .menuPage main .menuItem.orderMenuItem p {
  max-height: 30px !important;
  font-size: 11px !important;
  line-height: 15px !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuMetaRow,
.bossApp .menuPage main .menuItem.orderMenuItem .menuMetaRow {
  gap: 4px !important;
  min-height: 20px !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuMetaRow span,
.bossApp .menuPage main .menuItem.orderMenuItem .menuMetaRow span {
  height: 20px !important;
  max-width: 66px !important;
  padding: 0 6px !important;
  font-size: 10px !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuItemFoot,
.bossApp .menuPage main .menuItem.orderMenuItem .menuItemFoot {
  min-height: 28px !important;
  gap: 5px !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem strong,
.bossApp .menuPage main .menuItem.orderMenuItem strong {
  flex: 1 1 auto !important;
  min-width: 58px !important;
  max-width: none !important;
  color: #a983ff !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuOrderBtn,
.bossApp .menuPage main .menuItem.orderMenuItem .menuOrderBtn {
  min-width: 52px !important;
  height: 28px !important;
  padding: 0 8px !important;
  font-size: 11.5px !important;
}
@media (max-width: 380px) {
  .bossApp .menuPage {
    grid-template-columns: 84px minmax(0, 1fr) !important;
  }
  .bossApp .menuPage aside {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .bossApp .menuPage aside button {
    font-size: 11px !important;
    line-height: 14px !important;
  }
  .bossApp .menuPage main {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem,
  .bossApp .menuPage main .menuItem.orderMenuItem {
    gap: 7px !important;
    padding: 7px !important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem strong,
  .bossApp .menuPage main .menuItem.orderMenuItem strong {
    min-width: 52px !important;
    font-size: 12.5px !important;
  }
  .bossApp .menuPage main .menuItem.cleanOrderMenuItem .menuOrderBtn,
  .bossApp .menuPage main .menuItem.orderMenuItem .menuOrderBtn {
    min-width: 46px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
  }
}

/* 20260710 customer service modal polish */
#modal .customerServiceBox {
  width: min(360px, calc(100vw - 28px)) !important;
  max-height: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 20px 18px 18px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #17151e 0%, #111018 100%) !important;
  color: #fff8fb !important;
  text-align: center !important;
  box-shadow: 0 28px 78px rgba(0, 0, 0, .72) !important;
}
#modal .customerServiceBox::before {
  content: "" !important;
  position: absolute !important;
  left: -48px !important;
  right: -48px !important;
  top: 118px !important;
  height: 70px !important;
  border-radius: 50% !important;
  background: linear-gradient(90deg, rgba(255, 143, 179, .14), rgba(168, 85, 247, .13)) !important;
  transform: rotate(-8deg) !important;
  opacity: 1 !important;
  pointer-events: none !important;
}
#modal .customerRabbit,
#modal .customerHi {
  display: none !important;
}
#modal .customerClose {
  right: 14px !important;
  top: 14px !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 13px !important;
  background: #1b1923 !important;
  color: #d8cfdf !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  z-index: 3 !important;
}
#modal .customerServiceBox h2 {
  position: relative !important;
  z-index: 1 !important;
  max-width: 248px !important;
  margin: 6px auto 4px !important;
  color: #fff8fb !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 28px !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  white-space: normal !important;
}
#modal .customerServiceBox h3 {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 0 16px !important;
  color: #d8a45f !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
}
#modal .customerQr {
  position: relative !important;
  z-index: 1 !important;
  width: 158px !important;
  height: 158px !important;
  display: block !important;
  margin: 0 auto 16px !important;
  padding: 9px !important;
  border: 1px solid rgba(255, 255, 255, .86) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24), 0 0 0 8px rgba(168, 85, 247, .18) !important;
}
#modal .customerQr::before,
#modal .customerQr::after {
  display: none !important;
}
#modal .customerQr img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 12px !important;
  object-fit: contain !important;
  background: #fff !important;
}
#modal .customerTip,
#modal .customerTime {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  color: #aaa2b5 !important;
  font-size: 12px !important;
  line-height: 20px !important;
}
#modal .customerTime {
  margin-top: 14px !important;
  padding: 10px 12px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  color: #c8bdcf !important;
}

/* 20260711 player withdraw center */
.playerApp .playerIncomePage{
  padding:12px 14px 96px!important;
  display:grid!important;
  gap:12px!important;
  background:#07090d!important;
}
.playerApp .playerIncomeHero{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:24px!important;
  padding:20px!important;
  background:linear-gradient(135deg,#17151f 0,#24172c 56%,#7c245a 130%)!important;
  color:#fff8fb!important;
  box-shadow:0 20px 48px rgba(0,0,0,.38)!important;
}
.playerApp .playerIncomeHero span{
  display:block!important;
  color:#c9bdcf!important;
  font-size:12px!important;
  line-height:18px!important;
}
.playerApp .playerIncomeHero b{
  display:block!important;
  margin-top:6px!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:40px!important;
  font-weight:950!important;
}
.playerApp .playerIncomeHero p{
  max-width:260px!important;
  margin:8px 0 18px!important;
  color:#b8afc2!important;
  font-size:12px!important;
  line-height:20px!important;
}
.playerApp .playerIncomeHero button{
  height:40px!important;
  min-width:116px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff8fb3,#9b6dff)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
}
.playerApp .playerIncomeStats{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.playerApp .playerIncomeStats div,
.playerApp .playerWithdrawPanel{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:#13131a!important;
  color:#fff8fb!important;
  box-shadow:none!important;
}
.playerApp .playerIncomeStats div{
  min-height:76px!important;
  padding:12px!important;
}
.playerApp .playerIncomeStats b{
  display:block!important;
  color:#ffb4cd!important;
  font-size:19px!important;
  line-height:24px!important;
}
.playerApp .playerIncomeStats span{
  display:block!important;
  margin-top:5px!important;
  color:#aaa2b5!important;
  font-size:12px!important;
}
.playerApp .playerWithdrawPanel{
  padding:12px!important;
}
.playerIncomeTitle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:10px!important;
}
.playerIncomeTitle b{color:#fff8fb!important;font-size:15px!important}
.playerIncomeTitle span{color:#aaa2b5!important;font-size:12px!important}
.playerWithdrawRecord{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:11px 0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.playerWithdrawRecord:first-of-type{border-top:0!important}
.playerWithdrawRecord b,
.playerWithdrawRecord span,
.playerWithdrawRecord em,
.playerWithdrawRecord p{
  display:block!important;
  margin:0!important;
  line-height:19px!important;
}
.playerWithdrawRecord b{color:#fff8fb!important;font-size:13px!important}
.playerWithdrawRecord span,
.playerWithdrawRecord em,
.playerWithdrawRecord p{color:#aaa2b5!important;font-size:12px!important}
.playerWithdrawRecord strong{
  color:#ffb4cd!important;
  font-size:15px!important;
  font-weight:950!important;
}
#modal .playerWithdrawModal{
  width:min(380px,92vw)!important;
  max-height:88vh!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
  background:#13131a!important;
  color:#fff8fb!important;
  box-shadow:0 30px 84px rgba(0,0,0,.66)!important;
}
#modal .playerWithdrawClose{
  position:absolute!important;
  right:14px!important;
  top:14px!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:13px!important;
  background:#1b1923!important;
  color:#d8cfdf!important;
  font-size:24px!important;
}
#modal .playerWithdrawModal header{
  padding-right:46px!important;
  margin-bottom:14px!important;
}
#modal .playerWithdrawModal header b{
  display:block!important;
  color:#fff8fb!important;
  font-size:19px!important;
  line-height:26px!important;
}
#modal .playerWithdrawModal header span{
  display:block!important;
  margin-top:4px!important;
  color:#aaa2b5!important;
  font-size:12px!important;
  line-height:19px!important;
}
#modal .playerWithdrawAmount{
  display:grid!important;
  grid-template-columns:1fr 76px!important;
  gap:9px!important;
  margin-bottom:10px!important;
}
#modal .playerWithdrawAmount label{
  grid-column:1/-1!important;
  color:#c9bdcf!important;
  font-size:12px!important;
}
#modal .playerWithdrawAmount input,
#modal .playerWithdrawModal input,
#modal .playerWithdrawModal select,
#modal .playerWithdrawModal textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:#0d0d12!important;
  color:#fff8fb!important;
  outline:none!important;
}
#modal .playerWithdrawAmount input{
  height:44px!important;
  padding:0 12px!important;
  font-size:18px!important;
  font-weight:900!important;
}
#modal .playerWithdrawAmount button,
#modal .playerWithdrawSubmit{
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff8fb3,#9b6dff)!important;
  color:#fff!important;
  font-weight:950!important;
}
#modal .playerWithdrawAmount button{height:44px!important}
#modal .playerWithdrawModal .field{margin-top:10px!important}
#modal .playerWithdrawModal .field label{
  display:block!important;
  margin-bottom:6px!important;
  color:#c9bdcf!important;
  font-size:12px!important;
}
#modal .playerWithdrawModal input,
#modal .playerWithdrawModal select{
  height:40px!important;
  padding:0 11px!important;
}
#modal .playerWithdrawModal textarea{
  min-height:72px!important;
  padding:10px 11px!important;
  resize:vertical!important;
}
#modal .playerWithdrawSubmit{
  width:100%!important;
  height:42px!important;
  margin-top:14px!important;
}
.layout .financeAuditGrid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.layout .financeWithdrawTable td,
.layout .financeRechargeTable td{
  vertical-align:middle!important;
}

/* 20260711 player realname and withdraw binding */
.playerApp .playerWithdrawGuard{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
}
.playerApp .playerWithdrawGuard article{
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 72px!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:#13131a!important;
  color:#fff8fb!important;
}
.playerApp .playerWithdrawGuard i{
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:950!important;
  background:#24202d!important;
  color:#cfc5d8!important;
}
.playerApp .playerWithdrawGuard .ok i{
  background:linear-gradient(135deg,#35d89c,#35b3ff)!important;
  color:#061017!important;
}
.playerApp .playerWithdrawGuard b,
#modal .playerBoundAccount b{
  display:block!important;
  color:#fff8fb!important;
  font-size:14px!important;
  line-height:19px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.playerApp .playerWithdrawGuard span,
#modal .playerBoundAccount span{
  display:block!important;
  margin-top:3px!important;
  color:#aaa2b5!important;
  font-size:12px!important;
  line-height:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.playerApp .playerWithdrawGuard button{
  height:34px!important;
  border:0!important;
  border-radius:999px!important;
  background:#2b2335!important;
  color:#ffb4cd!important;
  font-size:12px!important;
  font-weight:950!important;
}
.playerApp .playerWithdrawGuard .ok button{
  background:#1f2f2b!important;
  color:#86ffd0!important;
}
#modal .playerBoundAccount{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:4px 10px!important;
  align-items:center!important;
  margin:0 0 12px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:#0d0d12!important;
}
#modal .playerBoundAccount i{
  grid-row:1/3!important;
  height:30px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#222d38!important;
  color:#8ee8ff!important;
  font-style:normal!important;
  font-size:12px!important;
  font-weight:950!important;
}
#modal .playerRealNameModal{
  width:min(380px,92vw)!important;
  max-height:88vh!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
  background:#13131a!important;
  color:#fff8fb!important;
  box-shadow:0 30px 84px rgba(0,0,0,.66)!important;
}
#modal .playerRealNameModal header{
  padding-right:46px!important;
  margin-bottom:14px!important;
}
#modal .playerRealNameModal header b{
  display:block!important;
  color:#fff8fb!important;
  font-size:19px!important;
  line-height:26px!important;
}
#modal .playerRealNameModal header span{
  display:block!important;
  margin-top:4px!important;
  color:#aaa2b5!important;
  font-size:12px!important;
  line-height:19px!important;
}
#modal .playerRealStatus{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  margin-bottom:12px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:#0d0d12!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
#modal .playerRealStatus i{
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  display:block!important;
  background:linear-gradient(135deg,#423550,#24202d)!important;
  position:relative!important;
}
#modal .playerRealStatus i::after{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  top:10px!important;
  width:12px!important;
  height:20px!important;
  border-right:3px solid #cfc5d8!important;
  border-bottom:3px solid #cfc5d8!important;
  transform:rotate(45deg)!important;
}
#modal .playerRealStatus i.verified{
  background:linear-gradient(135deg,#35d89c,#35b3ff)!important;
}
#modal .playerRealStatus i.verified::after{
  border-color:#061017!important;
}
#modal .playerRealStatus b,
#modal .playerRealStatus span,
#modal .playerRealStatus em{
  display:block!important;
  margin:0!important;
  line-height:18px!important;
}
#modal .playerRealStatus b{color:#fff8fb!important;font-size:14px!important}
#modal .playerRealStatus span{color:#aaa2b5!important;font-size:12px!important}
#modal .playerRealStatus span.ready{color:#87f5cc!important}
#modal .playerRealStatus span.warn{color:#ffd18b!important}
#modal .playerRealStatus em{color:#766e83!important;font-style:normal!important;font-size:11px!important}
#modal .playerRealNameModal .field{
  margin-top:10px!important;
}
#modal .playerRealNameModal .field label,
#modal .playerRealAgree{
  display:block!important;
  color:#c9bdcf!important;
  font-size:12px!important;
  line-height:18px!important;
}
#modal .playerRealNameModal input:not([type="checkbox"]){
  width:100%!important;
  height:42px!important;
  box-sizing:border-box!important;
  margin-top:6px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:#0d0d12!important;
  color:#fff8fb!important;
  outline:none!important;
}
#modal .playerRealAgree{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  margin-top:12px!important;
}
#modal .playerGhostBtn{
  width:100%!important;
  height:40px!important;
  margin-top:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:#1b1923!important;
  color:#d8cfdf!important;
  font-weight:900!important;
}
#modal .bindWithdrawModal .field input[readonly]{
  color:#c9bdcf!important;
  background:#14121b!important;
}
.layout .playerFinanceTable th,
.layout .playerFinanceTable td{
  white-space:nowrap!important;
}
.layout .playerFinanceTable .mini{
  max-width:210px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.layout .financeBindingCard{
  margin-bottom:14px!important;
}
.layout .financeBindingTable td{
  vertical-align:middle!important;
}
.layout .financeBindingTable b,
.layout .playerFinanceTable b{
  display:block!important;
  margin-top:4px!important;
  color:#f8fafc!important;
  font-size:13px!important;
  line-height:18px!important;
}
.layout .financeBindingTable .status,
.layout .playerFinanceTable .status{
  display:inline-flex!important;
  width:max-content!important;
  margin-bottom:4px!important;
}

/* 20260711 player profile voice/photo/video */
.bossApp .playerShowcaseSection{
  display:block!important;
}
.bossApp .playerVoiceBar{
  width:100%!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 52px!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#18141f 0,#241929 100%)!important;
  color:#fff8fb!important;
  text-align:left!important;
  box-shadow:0 12px 26px rgba(0,0,0,.22)!important;
}
.bossApp .playerVoiceBar.empty{
  opacity:.72!important;
}
.bossApp .playerVoiceBar i{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#ff7aa8,#ffd39a)!important;
  position:relative!important;
  box-shadow:0 10px 22px rgba(255,122,168,.25)!important;
}
.bossApp .playerVoiceBar i::before{
  content:"";
  position:absolute;
  left:17px;
  top:13px;
  width:0;
  height:0;
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
  border-left:13px solid #28131f;
}
.bossApp .playerVoiceBar b{
  display:block!important;
  color:#fff8fb!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.bossApp .playerVoiceBar span{
  display:block!important;
  margin-top:4px!important;
  color:#b9aebd!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.bossApp .playerVoiceBar em{
  height:28px!important;
  line-height:28px!important;
  border-radius:14px!important;
  background:#ff7aa8!important;
  color:#23131d!important;
  text-align:center!important;
  font-style:normal!important;
  font-size:12px!important;
  font-weight:900!important;
}
.bossApp .playerMediaGallery{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
.bossApp .playerMediaTile{
  position:relative!important;
  height:96px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#17131d!important;
  padding:0!important;
}
.bossApp .playerMediaTile img,
.bossApp .playerMediaTile video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.bossApp .playerMediaTile span{
  position:absolute!important;
  left:6px!important;
  right:6px!important;
  bottom:6px!important;
  height:20px!important;
  line-height:20px!important;
  padding:0 6px!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.56)!important;
  color:#fff!important;
  font-size:11px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bossApp .playerMediaTile i{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:34px!important;
  height:34px!important;
  line-height:34px!important;
  border-radius:50%!important;
  background:rgba(255,122,168,.92)!important;
  color:#25121e!important;
  text-align:center!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:900!important;
}
#modal .playerMediaLightbox{
  width:min(92vw,430px)!important;
  max-height:88vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
}
#modal .playerMediaLightbox button{
  position:absolute!important;
  right:8px!important;
  top:8px!important;
  z-index:2!important;
  width:34px!important;
  height:34px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.62)!important;
  color:#fff!important;
  font-size:24px!important;
}
#modal .playerMediaLightbox img,
#modal .playerMediaLightbox video{
  max-width:100%!important;
  max-height:88vh!important;
  border-radius:14px!important;
  background:#000!important;
  box-shadow:0 18px 46px rgba(0,0,0,.5)!important;
}
#modal .playerMediaEditBox{
  max-height:88vh!important;
  overflow:auto!important;
}
#modal .playerProfileMediaEdit{
  margin-top:12px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:#131019!important;
}
#modal .playerProfileMediaEdit h3{
  margin:0!important;
  color:#fff8fb!important;
  font-size:15px!important;
}
#modal .playerProfileMediaEdit p{
  margin:5px 0 10px!important;
  color:#aaa2b5!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#modal .playerMediaUploadRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px!important;
  border-radius:14px!important;
  background:#1a1521!important;
}
#modal .playerMediaUploadRow.voice{
  grid-template-columns:minmax(0,1fr) 88px 88px!important;
}
#modal .playerMediaUploadRow audio{
  grid-column:1/-1!important;
  width:100%!important;
  height:34px!important;
}
#modal .playerMediaUploadRow b,
#modal .playerMediaGroupHead b{
  color:#fff8fb!important;
  font-size:13px!important;
}
#modal .playerMediaUploadRow span,
#modal .playerMediaGroupHead span{
  display:block!important;
  margin-top:3px!important;
  color:#aaa2b5!important;
  font-size:12px!important;
}
#modal .playerMediaUploadRow label,
#modal .playerMediaUploadRow button,
#modal .playerMediaAdd{
  min-width:82px!important;
  min-height:42px!important;
  border:1px solid rgba(255,122,168,.34)!important;
  border-radius:13px!important;
  background:rgba(255,122,168,.12)!important;
  color:#ffbfd2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:12px!important;
  font-weight:900!important;
}
#modal .playerVoiceRecordBtn.recording{
  border-color:rgba(255,85,122,.72)!important;
  background:rgba(255,85,122,.18)!important;
  color:#ffd7e1!important;
  animation:playerVoicePulse 1s infinite!important;
}
#modal .playerVoiceRecordBtn i{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#ff7aa8!important;
  display:inline-block!important;
}
#modal .playerVoiceRecordBtn.recording i{
  border-radius:3px!important;
  background:#ff557a!important;
}
#modal .playerVoiceDeleteBtn{
  grid-column:1/-1!important;
  min-height:34px!important;
  color:#ffd7e1!important;
  background:rgba(255,85,122,.12)!important;
}
@keyframes playerVoicePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,85,122,.32)}
  50%{box-shadow:0 0 0 6px rgba(255,85,122,0)}
}

/* 20260711 boss player profile polish */
.bossApp .playerProfilePageV2{
  min-height:100vh!important;
  padding:0 14px 34px!important;
  background:
    linear-gradient(180deg,#09070d 0,#0c0711 44%,#09070d 100%)!important;
  color:#fff7fb!important;
  overflow:hidden!important;
}
.bossApp .playerProfileTopV2{
  height:48px!important;
  margin:0 -14px!important;
  padding:0 12px!important;
  display:grid!important;
  grid-template-columns:42px 1fr 42px!important;
  align-items:center!important;
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  background:rgba(9,7,13,.86)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:none!important;
}
.bossApp .playerProfileTopV2 button{
  width:32px!important;
  height:32px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:12px!important;
  background:#15111d!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:28px!important;
}
.bossApp .playerProfileTopV2 b{
  color:#fff7fb!important;
  font-size:15px!important;
  font-weight:900!important;
}
.bossApp .playerProfileHeroV2{
  position:relative!important;
  height:214px!important;
  margin:0 -14px!important;
  overflow:hidden!important;
  border-bottom-left-radius:26px!important;
  border-bottom-right-radius:26px!important;
  background:#15111d!important;
  box-shadow:0 18px 36px rgba(0,0,0,.38)!important;
}
.bossApp .playerProfileHeroV2::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    radial-gradient(circle at 78% 8%,rgba(255,210,136,.36),transparent 34%),
    radial-gradient(circle at 18% 82%,rgba(255,105,158,.28),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(7,5,10,.86))!important;
}
.bossApp .playerProfileHeroV2 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(1.08) contrast(1.05)!important;
}
.bossApp .playerHeroShade{
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:16px!important;
  z-index:2!important;
}
.bossApp .playerHeroShade>span{
  display:inline-flex!important;
  height:22px!important;
  align-items:center!important;
  padding:0 9px!important;
  border:1px solid rgba(255,215,155,.28)!important;
  border-radius:11px!important;
  background:rgba(255,215,155,.12)!important;
  color:#ffd89f!important;
  font-size:10px!important;
  font-weight:900!important;
}
.bossApp .playerHeroShade h1{
  margin:8px 0 4px!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  text-shadow:0 2px 14px rgba(0,0,0,.55)!important;
}
.bossApp .playerHeroShade p{
  margin:0!important;
  color:#eadfe9!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.bossApp .playerHeroShade div{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}
.bossApp .playerHeroShade em{
  height:24px!important;
  line-height:24px!important;
  padding:0 10px!important;
  border-radius:12px!important;
  background:rgba(16,13,22,.72)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  color:#fff7fb!important;
  font-style:normal!important;
  font-size:12px!important;
  font-weight:800!important;
}
.bossApp .playerInfoCardV2{
  margin:12px 0 0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 78px!important;
  gap:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#17111f 0,#120f18 100%)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.34)!important;
}
.bossApp .playerIdentityV2{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
.bossApp .playerIdentityV2 img{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  object-fit:cover!important;
  border:2px solid rgba(255,216,159,.45)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.38)!important;
}
.bossApp .playerInfoCardV2 h1{
  margin:0!important;
  color:#fff7fb!important;
  font-size:19px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.bossApp .playerInfoCardV2 p{
  margin:5px 0 0!important;
  color:#b8aebb!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.bossApp .playerInfoCardV2 p em{
  color:#ff7aa8!important;
  font-style:normal!important;
}
.bossApp .playerInfoCardV2 p span{
  display:inline-flex!important;
  margin-left:5px!important;
  height:18px!important;
  align-items:center!important;
  padding:0 6px!important;
  border-radius:9px!important;
  background:rgba(255,122,168,.14)!important;
  color:#ffbfd2!important;
  font-size:10px!important;
}
.bossApp .playerInfoCardV2>strong{
  justify-self:end!important;
  min-width:64px!important;
  color:#ffd88f!important;
  font-size:23px!important;
  line-height:1!important;
  text-align:right!important;
  font-weight:1000!important;
}
.bossApp .playerInfoCardV2 small{
  display:block!important;
  margin-top:6px!important;
  color:#ffd88f!important;
  font-size:10px!important;
  letter-spacing:0!important;
}
.bossApp .playerStatsV2{
  grid-column:1/3!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:0!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.bossApp .playerStatsV2 div{
  border:0!important;
  min-height:54px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  border-radius:14px!important;
  background:#1d1724!important;
}
.bossApp .playerStatsV2 b{
  color:#fff7fb!important;
  font-size:19px!important;
  line-height:1.1!important;
}
.bossApp .playerStatsV2 span{
  margin-top:5px!important;
  color:#9e94a3!important;
  font-size:12px!important;
}
.bossApp .playerSection,
.bossApp .playerServiceCard{
  margin:12px 0 0!important;
}
.bossApp .playerProfilePageV2 .playerSection{
  padding:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:#141019!important;
  box-shadow:0 12px 26px rgba(0,0,0,.22)!important;
}
.bossApp .playerProfilePageV2 .playerSection h2,
.bossApp .playerProfilePageV2 .reviewHead h2{
  margin:0 0 10px!important;
  color:#fff7fb!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:1000!important;
}
.bossApp .playerShowcaseSection{
  padding:14px!important;
}
.bossApp .playerVoiceSection,
.bossApp .playerAlbumSection,
.bossApp .playerVideoSection{
  padding:14px!important;
}
.bossApp .playerAlbumSection .playerMediaGallery:empty,
.bossApp .playerVideoSection .playerMediaGallery:empty{
  display:none!important;
}
.bossApp .playerVoiceBar{
  min-height:56px!important;
  grid-template-columns:42px minmax(0,1fr) 46px!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,122,168,.16)!important;
  background:linear-gradient(135deg,#211728 0,#18111f 100%)!important;
  box-shadow:none!important;
}
.bossApp .playerVoiceBar i{
  width:42px!important;
  height:42px!important;
  background:linear-gradient(135deg,#ff7aa8,#ffd89f)!important;
}
.bossApp .playerVoiceBar b{
  font-size:13px!important;
  color:#fff7fb!important;
}
.bossApp .playerVoiceBar span{
  color:#a99fac!important;
  font-size:11px!important;
}
.bossApp .playerVoiceBar em{
  width:44px!important;
  height:26px!important;
  line-height:26px!important;
  border-radius:13px!important;
  background:#ffd89f!important;
  color:#22151e!important;
}
.bossApp .playerMediaGallery{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:10px!important;
}
.bossApp .playerMediaTile{
  height:82px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#1d1724!important;
}
.bossApp .playerCertSection .certGrid{
  gap:7px!important;
}
.bossApp .playerCertSection .certGrid span{
  height:28px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,216,159,.22)!important;
  border-radius:14px!important;
  background:rgba(255,216,159,.1)!important;
  color:#ffe2b3!important;
  font-size:12px!important;
}
.bossApp .playerProfilePageV2 .mini{
  margin:0!important;
  color:#9f95a3!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.bossApp .playerServiceCardV2{
  padding:15px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px 12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:#141019!important;
  box-shadow:0 12px 26px rgba(0,0,0,.22)!important;
}
.bossApp .playerServiceCardV2 h3{
  margin:0!important;
  color:#fff7fb!important;
  font-size:17px!important;
  text-align:left!important;
  line-height:1.25!important;
}
.bossApp .playerServiceCardV2 div p{
  margin:5px 0 0!important;
  color:#a99fac!important;
  text-align:left!important;
  font-size:12px!important;
}
.bossApp .playerServiceCardV2>strong{
  color:#ffd88f!important;
  font-size:18px!important;
  font-weight:1000!important;
}
.bossApp .playerServiceCardV2>p{
  grid-column:1/3!important;
  margin:2px 0 0!important;
  color:#b8aebb!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.bossApp .playerServiceCardV2 button{
  grid-column:1/3!important;
  height:42px!important;
  margin-top:4px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ff7aa8,#ffd89f)!important;
  color:#24131d!important;
  font-size:14px!important;
  font-weight:1000!important;
  box-shadow:0 12px 24px rgba(255,122,168,.24)!important;
}
.bossApp .playerServiceCardV2.pending button{
  background:#27222d!important;
  color:#a99fac!important;
  box-shadow:none!important;
}
.bossApp .playerServiceCardV2.pending>strong{
  color:#a99fac!important;
}
.bossApp .playerGiftSection .giftWall{
  min-height:38px!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
.bossApp .playerGiftSection .giftWall i{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#fff2c9,#ffb9d0)!important;
  color:#2b1720!important;
}
.bossApp .playerGiftSection .giftWall span{
  color:#b8aebb!important;
}
.bossApp .playerReviewSection .reviewHead{
  margin-bottom:10px!important;
}
.bossApp .playerReviewSection .reviewHead button{
  color:#ff9fbd!important;
  font-size:12px!important;
}
.bossApp .playerReviewSection .reviewList article{
  padding:10px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#1a1420!important;
}
@media(max-width:380px){
  .bossApp .playerProfilePageV2{padding-left:10px!important;padding-right:10px!important}
  .bossApp .playerProfileTopV2,.bossApp .playerProfileHeroV2{margin-left:-10px!important;margin-right:-10px!important}
  .bossApp .playerProfileHeroV2{height:196px!important}
  .bossApp .playerHeroShade h1{font-size:22px!important}
  .bossApp .playerInfoCardV2{grid-template-columns:minmax(0,1fr) 66px!important;padding:12px!important}
  .bossApp .playerIdentityV2{grid-template-columns:48px minmax(0,1fr)!important}
  .bossApp .playerIdentityV2 img{width:48px!important;height:48px!important}
  .bossApp .playerInfoCardV2>strong{font-size:20px!important}
  .bossApp .playerMediaTile{height:76px!important}
}
.adminTableScroll{
  width:100%!important;
  overflow:auto!important;
}
.playerMediaAdminTable{
  min-width:1320px!important;
}
.playerMediaAdminTable td:nth-child(4),
.playerMediaAdminTable td:nth-child(5),
.playerMediaAdminTable td:nth-child(6){
  min-width:112px!important;
}
#modal .playerMediaUploadRow label i,
#modal .playerMediaAdd i{
  font-style:normal!important;
  font-size:16px!important;
}
#modal .playerMediaGroup{
  margin-top:12px!important;
}
#modal .playerMediaGroupHead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:8px!important;
}
#modal .playerMediaGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
#modal .playerMediaThumb,
#modal .playerMediaAdd{
  position:relative!important;
  height:92px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#1a1521!important;
}
#modal .playerMediaThumb img,
#modal .playerMediaThumb video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
#modal .playerMediaThumb button{
  position:absolute!important;
  right:5px!important;
  top:5px!important;
  width:24px!important;
  height:24px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.6)!important;
  color:#fff!important;
  font-size:17px!important;
}
#modal .playerMediaThumb span{
  position:absolute!important;
  left:5px!important;
  right:5px!important;
  bottom:5px!important;
  height:18px!important;
  line-height:18px!important;
  padding:0 5px!important;
  border-radius:9px!important;
  background:rgba(0,0,0,.52)!important;
  color:#fff!important;
  font-size:10px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#modal .playerMediaThumb.video i{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:30px!important;
  height:30px!important;
  line-height:30px!important;
  border-radius:50%!important;
  background:#ff7aa8!important;
  color:#25121e!important;
  text-align:center!important;
  font-style:normal!important;
}
.bossApp .playerReviewSection .reviewHead span{
  display:inline-flex!important;
  align-items:center!important;
  height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;
  color:#b7afbd!important;
  font-size:12px!important;
}
.bossApp .playerReviewListV2{
  gap:10px!important;
}
.bossApp .playerReviewListV2 article{
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:start!important;
  padding:12px!important;
  background:linear-gradient(180deg,#1c1622,#15121a)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
}
.bossApp .playerReviewListV2 article>img{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.bossApp .playerReviewMeta{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.bossApp .playerReviewMeta b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f5eff8!important;
  font-size:14px!important;
}
.bossApp .playerReviewMeta time{
  margin:0!important;
  color:#8f8896!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
.bossApp .playerReviewListV2 p{
  margin:7px 0 6px!important;
  color:#d8d0dc!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.bossApp .playerReviewListV2 em{
  display:block!important;
  color:#8f8794!important;
  font-size:11px!important;
  font-style:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bossApp .playerReviewStars{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:1px!important;
  min-width:76px!important;
  color:#5b5261!important;
  font-size:11px!important;
  letter-spacing:0!important;
}
.bossApp .playerReviewStars i{
  font-style:normal!important;
  color:#4f4655!important;
}
.bossApp .playerReviewStars i.active{
  color:#ffc44d!important;
}
.bossApp .playerReviewStars span{
  margin-left:4px!important;
  color:#ffc44d!important;
  font-weight:800!important;
  font-size:11px!important;
}
.bossApp .playerReviewEmpty{
  padding:18px!important;
  border:1px dashed rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
}
.bossApp .playerReviewEmpty b{
  display:block!important;
  color:#f4edf6!important;
  font-size:15px!important;
}
.bossApp .playerReviewEmpty p{
  margin:6px 0 0!important;
  color:#a69eaa!important;
  font-size:12px!important;
  line-height:1.6!important;
}
#modal .playerReviewModalBox{
  position:relative!important;
  width:min(398px,calc(100vw - 30px))!important;
  max-height:82vh!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#111017!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.55)!important;
  color:#f7f2fa!important;
}
#modal .playerReviewModalClose{
  position:absolute!important;
  right:12px!important;
  top:12px!important;
  z-index:2!important;
  width:30px!important;
  height:30px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:19px!important;
}
#modal .playerReviewModalBox header{
  padding:22px 18px 15px!important;
  background:linear-gradient(135deg,#231722,#111017 70%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
#modal .playerReviewModalBox header span{
  color:#ff9fbd!important;
  font-size:11px!important;
  font-weight:800!important;
}
#modal .playerReviewModalBox header h2{
  margin:5px 0 4px!important;
  color:#fff!important;
  font-size:20px!important;
}
#modal .playerReviewModalBox header p{
  margin:0!important;
  color:#a89fab!important;
  font-size:12px!important;
}
#modal .playerReviewModalList{
  max-height:58vh!important;
  overflow:auto!important;
  padding:12px!important;
  display:grid!important;
  gap:10px!important;
}
#modal .playerReviewModalList article{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:12px!important;
  border-radius:14px!important;
  background:#1a151f!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
#modal .playerReviewModalList img{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
#modal .playerReviewModalList .playerReviewMeta{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
#modal .playerReviewModalList .playerReviewMeta b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f7f2fa!important;
  font-size:14px!important;
}
#modal .playerReviewModalList .playerReviewMeta time{
  color:#8d8491!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
#modal .playerReviewModalList p{
  margin:7px 0 6px!important;
  color:#ddd5e1!important;
  font-size:13px!important;
  line-height:1.55!important;
}
#modal .playerReviewModalList em{
  display:block!important;
  color:#918895!important;
  font-size:11px!important;
  font-style:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#modal .playerReviewModalList .playerReviewStars{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:1px!important;
  min-width:76px!important;
  color:#5b5261!important;
  font-size:11px!important;
  letter-spacing:0!important;
}
#modal .playerReviewModalList .playerReviewStars i{
  font-style:normal!important;
  color:#4f4655!important;
}
#modal .playerReviewModalList .playerReviewStars i.active{
  color:#ffc44d!important;
}
#modal .playerReviewModalList .playerReviewStars span{
  margin-left:4px!important;
  color:#ffc44d!important;
  font-weight:800!important;
  font-size:11px!important;
}
/* 20260711 player "me" page polish */
.playerApp [data-page=me]{
  min-height:100vh!important;
  background:#07080d!important;
}
.playerApp .playerMePageV2{
  min-height:100vh!important;
  padding:14px 14px 104px!important;
  color:#f8f3fb!important;
  background:
    linear-gradient(180deg,#15101d 0,#0c0a12 270px,#07080d 100%)!important;
}
.playerApp .playerMeHeroV2{
  position:relative!important;
  overflow:hidden!important;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(255,218,139,.28),transparent 30%),
    radial-gradient(circle at 12% 92%,rgba(122,92,255,.28),transparent 32%),
    linear-gradient(145deg,#231629 0,#15111d 60%,#111018 100%)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.46)!important;
}
.playerApp .playerMeHeroV2::before{
  content:""!important;
  position:absolute!important;
  right:-34px!important;
  top:42px!important;
  width:138px!important;
  height:138px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.035)!important;
}
.playerApp .playerMeBadgeRow{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.playerApp .playerMeBadgeRow span{
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border:1px solid rgba(255,216,159,.24)!important;
  border-radius:999px!important;
  background:rgba(255,216,159,.1)!important;
  color:#ffdca8!important;
  font-size:10px!important;
  font-weight:1000!important;
}
.playerApp .playerMeBadgeRow button{
  height:30px!important;
  border:0!important;
  border-radius:15px!important;
  padding:0 13px!important;
  background:linear-gradient(135deg,#ff77aa,#ffd89a)!important;
  color:#25131c!important;
  font-size:12px!important;
  font-weight:1000!important;
}
.playerApp .playerMeUserV2{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  margin-top:16px!important;
}
.playerApp .playerMeUserV2 img{
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  object-fit:cover!important;
  border:2px solid rgba(255,216,159,.52)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.48)!important;
  background:#18131f!important;
}
.playerApp .playerMeUserV2 h1{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  color:#fff8fb!important;
  font-size:20px!important;
  line-height:1.18!important;
  font-weight:1000!important;
}
.playerApp .playerMeUserV2 h1 em{
  flex:0 0 auto!important;
  max-width:108px!important;
  height:22px!important;
  line-height:22px!important;
  padding:0 8px!important;
  border-radius:11px!important;
  background:rgba(255,119,170,.15)!important;
  color:#ffc0d5!important;
  font-size:11px!important;
  font-style:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.playerApp .playerMeUserV2 p{
  margin:7px 0 8px!important;
  color:#bfb4c5!important;
  font-size:12px!important;
  line-height:1.45!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.playerApp .playerMeUserV2 b{
  display:inline-flex!important;
  height:24px!important;
  align-items:center!important;
  padding:0 9px!important;
  border-radius:12px!important;
  font-size:11px!important;
}
.playerApp .playerMeUserV2 b.ok{
  background:rgba(87,255,205,.13)!important;
  color:#8affdd!important;
}
.playerApp .playerMeUserV2 b.wait{
  background:rgba(255,216,159,.13)!important;
  color:#ffdaa1!important;
}
.playerApp .playerMeStatsV2{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:16px!important;
}
.playerApp .playerMeStatsV2 article{
  min-height:58px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:rgba(10,8,15,.62)!important;
}
.playerApp .playerMeStatsV2 b{
  color:#ffd89f!important;
  font-size:21px!important;
  line-height:1.1!important;
  font-weight:1000!important;
}
.playerApp .playerMeStatsV2 span{
  margin-top:5px!important;
  color:#9e95a5!important;
  font-size:12px!important;
}
.playerApp .playerMePanelV2,
.playerApp .playerMePermissionV2,
.playerApp .playerMeInfoGridV2 article{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  background:#121018!important;
  box-shadow:0 16px 34px rgba(0,0,0,.32)!important;
}
.playerApp .playerMePanelV2{
  margin-top:12px!important;
  padding:14px!important;
}
.playerApp .playerMeTitleV2{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.playerApp .playerMeTitleV2 b{
  position:relative!important;
  padding-left:10px!important;
  color:#fff8fb!important;
  font-size:17px!important;
  font-weight:1000!important;
}
.playerApp .playerMeTitleV2 b::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:3px!important;
  bottom:3px!important;
  width:4px!important;
  border-radius:4px!important;
  background:#ff77aa!important;
}
.playerApp .playerMeTitleV2 span{
  color:#9d93a4!important;
  font-size:12px!important;
}
.playerApp .playerMeActionGridV2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.playerApp .playerMeActionGridV2 button{
  min-height:86px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:#18141f!important;
  color:#f8f3fb!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:4px 10px!important;
  align-items:center!important;
  text-align:left!important;
}
.playerApp .playerMeActionGridV2 i{
  grid-row:1/3!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff77aa,#ffd89f)!important;
  color:#23131b!important;
  font-style:normal!important;
  font-size:18px!important;
  font-weight:1000!important;
  box-shadow:0 10px 18px rgba(255,119,170,.18)!important;
}
.playerApp .playerMeActionGridV2 i.income{
  background:linear-gradient(135deg,#ffd89f,#9fffe4)!important;
}
.playerApp .playerMeActionGridV2 i.hall{
  background:linear-gradient(135deg,#8f78ff,#ff93c5)!important;
  color:#fff!important;
}
.playerApp .playerMeActionGridV2 i.logout{
  background:#2a2430!important;
  color:#cdbfd0!important;
  box-shadow:none!important;
}
.playerApp .playerMeActionGridV2 b{
  min-width:0!important;
  color:#fff8fb!important;
  font-size:14px!important;
  line-height:1.2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.playerApp .playerMeActionGridV2 span{
  min-width:0!important;
  color:#958b9c!important;
  font-size:11px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.playerApp .playerMePermissionV2{
  margin-top:12px!important;
  padding:15px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 96px!important;
  gap:12px!important;
  align-items:center!important;
  background:linear-gradient(145deg,#17121e,#121018)!important;
}
.playerApp .playerMePermissionV2 span{
  color:#ff9fbd!important;
  font-size:11px!important;
  font-weight:900!important;
}
.playerApp .playerMePermissionV2 h2{
  margin:5px 0 5px!important;
  color:#fff8fb!important;
  font-size:19px!important;
  line-height:1.2!important;
}
.playerApp .playerMePermissionV2 p{
  margin:0!important;
  color:#aaa0af!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.playerApp .playerMePermissionV2 button{
  height:38px!important;
  border:0!important;
  border-radius:19px!important;
  background:linear-gradient(135deg,#8f78ff,#ff77aa)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
}
.playerApp .playerMePermissionV2.wait button{
  background:linear-gradient(135deg,#ffd89f,#ff77aa)!important;
  color:#25131c!important;
}
.playerApp .playerMeInfoGridV2{
  display:grid!important;
  gap:10px!important;
  margin-top:12px!important;
}
.playerApp .playerMeInfoGridV2 article{
  padding:14px!important;
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
}
.playerApp .playerMeInfoGridV2 article>i{
  width:4px!important;
  height:34px!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,#ff77aa,#ffd89f)!important;
}
.playerApp .playerMeInfoGridV2 b{
  color:#fff8fb!important;
  font-size:15px!important;
}
.playerApp .playerMeInfoGridV2 p{
  margin:7px 0 0!important;
  color:#aaa0af!important;
  font-size:12px!important;
  line-height:1.65!important;
}
@media(max-width:380px){
  .playerApp .playerMePageV2{padding-left:10px!important;padding-right:10px!important}
  .playerApp .playerMeHeroV2,.playerApp .playerMePanelV2,.playerApp .playerMePermissionV2{border-radius:18px!important}
  .playerApp .playerMeUserV2{grid-template-columns:62px minmax(0,1fr)!important}
  .playerApp .playerMeUserV2 img{width:62px!important;height:62px!important;border-radius:19px!important}
  .playerApp .playerMeUserV2 h1{font-size:18px!important}
  .playerApp .playerMeActionGridV2{gap:7px!important}
  .playerApp .playerMeActionGridV2 button{grid-template-columns:38px minmax(0,1fr)!important;min-height:80px!important;padding:10px!important}
  .playerApp .playerMeActionGridV2 i{width:38px!important;height:38px!important;border-radius:13px!important}
  .playerApp .playerMePermissionV2{grid-template-columns:1fr!important}
  .playerApp .playerMePermissionV2 button{width:118px!important}
}
/* 20260711 player profile editor polish */
#modal .playerMediaEditBoxV2{
  width:min(404px,calc(100vw - 24px))!important;
  max-height:90vh!important;
  overflow:auto!important;
  padding:16px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  background:
    radial-gradient(circle at 86% 0,rgba(255,122,168,.2),transparent 30%),
    linear-gradient(180deg,#17121f 0,#100d16 100%)!important;
  color:#fff7fb!important;
  box-shadow:0 28px 80px rgba(0,0,0,.62)!important;
}
#modal .playerMediaEditBoxV2::-webkit-scrollbar{
  width:0!important;
  height:0!important;
}
#modal .playerMediaEditBoxV2 .bossProfileEditClose{
  right:14px!important;
  top:14px!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#24202d!important;
  color:#f8edf5!important;
  font-size:20px!important;
}
#modal .playerProfileEditHeadV2{
  padding:4px 44px 14px 0!important;
}
#modal .playerProfileEditHeadV2>span{
  display:inline-flex!important;
  align-items:center!important;
  height:22px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:rgba(255,216,159,.1)!important;
  border:1px solid rgba(255,216,159,.2)!important;
  color:#ffd89f!important;
  font-size:10px!important;
  font-weight:1000!important;
}
#modal .playerProfileEditHeadV2 b{
  display:block!important;
  margin-top:8px!important;
  color:#fff7fb!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:1000!important;
}
#modal .playerProfileEditHeadV2 p{
  margin:7px 0 0!important;
  color:#aaa1b1!important;
  font-size:12px!important;
  line-height:1.55!important;
}
#modal .playerEditIdentityCard{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  background:#121018!important;
}
#modal .playerAvatarPickerV2{
  width:92px!important;
  height:112px!important;
  padding:0!important;
  border:1px solid rgba(255,122,168,.26)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#23192b,#17121f)!important;
  color:#ffc6d8!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:6px!important;
  box-shadow:none!important;
}
#modal .playerAvatarPickerV2 img{
  width:70px!important;
  height:70px!important;
  margin:0!important;
  border-radius:20px!important;
  object-fit:cover!important;
  border:2px solid rgba(255,216,159,.5)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.36)!important;
}
#modal .playerAvatarPickerV2 em{
  color:#ffd89f!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:1000!important;
}
#modal .playerEditNameBox{
  min-width:0!important;
}
#modal .playerEditNameBox label{
  display:block!important;
  margin-bottom:7px!important;
  color:#ffd89f!important;
  font-size:12px!important;
  font-weight:1000!important;
}
#modal .playerEditNameBox input,
#modal .playerAvatarUrlLine input{
  width:100%!important;
  box-sizing:border-box!important;
  height:44px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:15px!important;
  background:#0b0a10!important;
  color:#fff7fb!important;
  padding:0 12px!important;
  font-size:13px!important;
}
#modal .playerAvatarTools{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:9px!important;
}
#modal .playerAvatarTools button{
  height:34px!important;
  border:1px solid rgba(255,122,168,.25)!important;
  border-radius:17px!important;
  background:rgba(255,122,168,.1)!important;
  color:#ffbed3!important;
  font-size:12px!important;
  font-weight:1000!important;
}
#modal .playerAvatarUrlLine{
  display:none!important;
  grid-column:1/-1!important;
}
#modal .playerAvatarUrlLine.show{
  display:block!important;
}
#modal .playerProfileMediaEditorV2{
  display:grid!important;
  gap:10px!important;
  margin-top:10px!important;
}
#modal .playerMediaEditBoxV2 .playerProfileMediaEdit{
  margin-top:0!important;
  padding:12px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#121018!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
#modal .playerMediaSectionHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
#modal .playerMediaSectionHead b{
  display:block!important;
  color:#fff7fb!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:1000!important;
}
#modal .playerMediaSectionHead span{
  display:block!important;
  margin-top:4px!important;
  color:#9f96a6!important;
  font-size:11px!important;
  line-height:1.45!important;
}
#modal .playerMediaSectionHead em{
  flex:0 0 auto!important;
  height:22px!important;
  line-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;
  color:#c9bdcc!important;
  font-size:11px!important;
  font-style:normal!important;
}
#modal .playerVoiceCardV2{
  display:grid!important;
  gap:9px!important;
  padding:10px!important;
  border-radius:16px!important;
  background:#1a1521!important;
}
#modal .playerVoiceStatusV2{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
#modal .playerVoiceStatusV2>i{
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff77aa,#ffd89f)!important;
  position:relative!important;
}
#modal .playerVoiceStatusV2>i::before{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  top:12px!important;
  border-top:9px solid transparent!important;
  border-bottom:9px solid transparent!important;
  border-left:13px solid #23131b!important;
}
#modal .playerVoiceStatusV2 b{
  color:#fff7fb!important;
  font-size:14px!important;
}
#modal .playerVoiceStatusV2 span{
  display:block!important;
  margin-top:4px!important;
  color:#9f96a6!important;
  font-size:12px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#modal .playerVoiceActionsV2{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
#modal .playerMediaEditBoxV2 .playerVoiceActionsV2 button,
#modal .playerMediaEditBoxV2 .playerVoiceActionsV2 label{
  min-width:0!important;
  min-height:40px!important;
  border-radius:15px!important;
}
#modal .playerMediaEditBoxV2 .playerVoiceActionsV2 em{
  font-style:normal!important;
}
#modal .playerMediaEditBoxV2 .playerMediaGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
#modal .playerMediaEditBoxV2 .playerMediaThumb,
#modal .playerMediaEditBoxV2 .playerMediaAdd{
  height:92px!important;
  border-radius:14px!important;
}
#modal .playerMediaEditBoxV2 .playerMediaAdd{
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:5px!important;
  color:#ffd1df!important;
  background:rgba(255,122,168,.08)!important;
}
#modal .playerMediaEditBoxV2 .playerMediaAdd i{
  font-size:18px!important;
  line-height:1!important;
}
#modal .playerProfileSubmitV2{
  position:sticky!important;
  bottom:0!important;
  margin-top:12px!important;
  height:48px!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#8f63ff,#ff77aa)!important;
  color:#fff!important;
  box-shadow:0 16px 28px rgba(143,99,255,.24)!important;
}
@media(max-width:380px){
  #modal .playerMediaEditBoxV2{width:calc(100vw - 16px)!important;padding:14px!important;border-radius:20px!important}
  #modal .playerEditIdentityCard{grid-template-columns:82px minmax(0,1fr)!important;padding:10px!important}
  #modal .playerAvatarPickerV2{width:82px!important;height:104px!important;border-radius:17px!important}
  #modal .playerAvatarPickerV2 img{width:62px!important;height:62px!important;border-radius:18px!important}
  #modal .playerMediaEditBoxV2 .playerMediaGrid{gap:7px!important}
  #modal .playerMediaEditBoxV2 .playerMediaThumb,
  #modal .playerMediaEditBoxV2 .playerMediaAdd{height:82px!important}
}

.financeFeeCard{margin-bottom:16px!important}
.financeFeeGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:12px 0!important}
.financeFeeGrid .field{margin:0!important}
.financeWithdrawTable th,.financeWithdrawTable td{white-space:nowrap}
.specLimit{display:flex!important;flex-direction:column!important;gap:4px!important;align-items:flex-start!important}
.specLimit em{font-style:normal!important;color:#d8b46a!important;font-size:12px!important}
.renewalPriceBadge{display:inline-flex!important;margin-top:8px!important;padding:5px 10px!important;border-radius:999px!important;background:rgba(216,180,106,.16)!important;color:#f6d88d!important;font-style:normal!important;font-size:12px!important}
.playerWithdrawFeePreview{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 12px!important}
.playerWithdrawFeePreview div{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.04)!important;border-radius:14px!important;padding:10px!important}
.playerWithdrawFeePreview span{display:block!important;color:#9aa3b2!important;font-size:12px!important;margin-bottom:4px!important}
.playerWithdrawFeePreview b{color:#fff!important;font-size:15px!important}
@media(max-width:760px){.financeFeeGrid,.playerWithdrawFeePreview{grid-template-columns:1fr!important}.financeWithdrawTable th,.financeWithdrawTable td{white-space:normal}}

/* 20260711 withdrawal account QR audit */
.withdrawBindModalV2 .withdrawBindStatus{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.withdrawBindModalV2 .withdrawBindStatus b{font-size:14px!important;color:#fff!important}
.withdrawBindModalV2 .withdrawBindStatus span{font-size:12px!important;color:#aab4c4!important;line-height:1.4!important}
.withdrawBindModalV2 .withdrawBindStatus.ok{border-color:rgba(69,211,132,.35)!important;background:rgba(69,211,132,.12)!important}
.withdrawBindModalV2 .withdrawBindStatus.wait{border-color:rgba(245,179,69,.35)!important;background:rgba(245,179,69,.12)!important}
.withdrawBindModalV2 .withdrawBindStatus.bad{border-color:rgba(255,93,122,.35)!important;background:rgba(255,93,122,.12)!important}
.withdrawQrPicker{
  display:grid!important;
  grid-template-columns:116px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}
.withdrawQrUploadBtn{
  border:1px dashed rgba(255,255,255,.2)!important;
  background:rgba(255,255,255,.04)!important;
  border-radius:16px!important;
  padding:0!important;
  color:#fff!important;
  overflow:hidden!important;
}
.withdrawQrPreview{
  width:100%!important;
  min-height:116px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:8px!important;
  color:#aab4c4!important;
  font-size:12px!important;
}
.withdrawQrPreview img{
  width:88px!important;
  height:88px!important;
  border-radius:12px!important;
  object-fit:cover!important;
  background:#fff!important;
}
.withdrawQrPreview.has span{color:#fff!important}
.withdrawQrPicker input[type=text],
.withdrawQrPicker input:not([type]){
  width:100%!important;
}
.withdrawQrPicker p{
  margin:7px 0 0!important;
  color:#8d98aa!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.withdrawAuditNotice{
  margin:12px 0!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:rgba(245,179,69,.12)!important;
  border:1px solid rgba(245,179,69,.28)!important;
  color:#fff!important;
}
.withdrawAuditNotice b{display:block!important;font-size:14px!important}
.withdrawAuditNotice span{display:block!important;margin-top:4px!important;color:#aab4c4!important;font-size:12px!important;line-height:1.45!important}
.withdrawAuditNotice.bad{background:rgba(255,93,122,.12)!important;border-color:rgba(255,93,122,.28)!important}
.layout .withdrawQrThumb{
  display:inline-grid!important;
  grid-template-columns:42px auto!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid #e5edf6!important;
  background:#f8fbff!important;
  border-radius:10px!important;
  padding:5px 8px 5px 5px!important;
  color:#334155!important;
  font-size:12px!important;
}
.layout .withdrawQrThumb img{
  width:42px!important;
  height:42px!important;
  border-radius:8px!important;
  object-fit:cover!important;
  background:#fff!important;
}
@media(max-width:420px){
  .withdrawQrPicker{grid-template-columns:1fr!important}
  .withdrawQrPreview{min-height:104px!important}
}

/* 20260712 player team */
.playerTeamModal{width:min(392px,calc(100vw - 28px));max-height:88vh;overflow:auto;border-radius:22px;background:#101217;color:#f6f7fb;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.55)}
.playerTeamModal header{padding:4px 42px 14px 2px;border-bottom:1px solid rgba(255,255,255,.08)}
.playerTeamModal header span{display:block;color:#8f96a6;font-size:11px;font-weight:800;letter-spacing:.08em}
.playerTeamModal header b{display:block;margin-top:5px;font-size:22px}
.playerTeamModal header p{margin:7px 0 0;color:#aeb4c0;font-size:12px;line-height:1.55}
.playerTeamEmpty,.playerTeamCard,.playerTeamInvites,.playerTeamGate{margin-top:14px;border:1px solid rgba(255,255,255,.08);background:#151821;border-radius:18px;padding:14px}
.playerTeamEmpty>b,.playerTeamGate>b{display:block;font-size:18px;margin-bottom:6px}
.playerTeamEmpty>span,.playerTeamGate>span{display:block;color:#aeb4c0;font-size:13px;line-height:1.6}
.playerTeamForm{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:12px}
.playerTeamForm label{grid-column:1/-1;color:#9ba2af;font-size:12px;font-weight:800}
.playerTeamForm input{min-width:0;height:42px;border:1px solid rgba(255,255,255,.1);background:#0c0e13;color:#fff;border-radius:12px;padding:0 12px;outline:none}
.playerTeamForm button,.playerTeamGate button,.playerTeamInvite button,.playerTeamLeave{height:42px;border:0;border-radius:12px;background:#8b5cf6;color:#fff;font-weight:900;padding:0 14px}
.playerTeamHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.playerTeamHead span{color:#9ba2af;font-size:12px}
.playerTeamHead h2{margin:4px 0;font-size:20px}
.playerTeamHead p{margin:0;color:#aeb4c0;font-size:12px}
.playerTeamHead strong{flex:0 0 auto;padding:9px 10px;border-radius:12px;background:#0b0d12;border:1px solid rgba(139,92,246,.42);color:#d9ccff;font-size:15px;letter-spacing:.08em}
.playerTeamCard.ready{border-color:rgba(34,197,94,.35)}
.playerTeamCard.waiting{border-color:rgba(245,158,11,.35)}
.playerTeamMembers{display:grid;gap:8px;margin-top:14px}
.playerTeamMember{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#0d1017}
.playerTeamMember img{display:block;width:42px;height:42px;border-radius:50%;object-fit:cover;background:#161a23 url('../assets/delta-q.png') center/cover no-repeat;color:transparent;font-size:0;line-height:0;text-indent:-9999px}
.playerTeamMember b{display:block;font-size:14px}
.playerTeamMember span{display:block;margin-top:3px;color:#8f96a6;font-size:11px}
.playerTeamMember.captain{background:linear-gradient(135deg,rgba(139,92,246,.2),#0d1017)}
.playerTeamMember button{height:32px;border:0;border-radius:10px;background:#2a1117;color:#ffb4c0;font-size:12px;font-weight:800;padding:0 10px}
.playerTeamLeave{width:100%;margin-top:12px;background:#261219;color:#ffbac5}
.playerTeamInvites h3{margin:0 0 10px;font-size:15px}
.playerTeamInvite{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px;border-radius:14px;background:#0d1017;margin-top:8px}
.playerTeamInvite b{display:block;font-size:13px}
.playerTeamInvite span,.playerTeamInvite em{display:block;margin-top:3px;color:#9ba2af;font-size:11px;font-style:normal}
.playerTeamInvite button.muted{background:#242935;color:#c8ced8}
.playerTeamInvite.mutedRow{grid-template-columns:1fr auto}
.playerTeamGate{margin:16px;text-align:left}
.playerTeamGate button{margin-top:14px;width:100%}
@media(max-width:390px){.playerTeamForm{grid-template-columns:1fr}.playerTeamInvite{grid-template-columns:1fr}}

/* 20260712 boss player hourly order */
.bossApp .playerHourlyPage{
  min-height:100vh!important;
  padding:0 14px 96px!important;
  background:#07090d!important;
  color:#f6f7fb!important;
  box-sizing:border-box!important;
}
.bossApp .playerHourlyTop{
  height:52px!important;
  display:grid!important;
  grid-template-columns:42px 1fr 42px!important;
  align-items:center!important;
  gap:8px!important;
}
.bossApp .playerHourlyTop button{
  width:38px!important;
  height:38px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:14px!important;
  background:#12151d!important;
  color:#fff!important;
  font-size:24px!important;
}
.bossApp .playerHourlyTop b{
  text-align:center!important;
  font-size:17px!important;
}
.bossApp .playerHourlyHero{
  position:relative!important;
  min-height:188px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#111520!important;
}
.bossApp .playerHourlyHero img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:.72!important;
}
.bossApp .playerHourlyHero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(7,9,13,.08),rgba(7,9,13,.92))!important;
}
.bossApp .playerHourlyHero>div{
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:15px!important;
  z-index:2!important;
}
.bossApp .playerHourlyHero span{
  display:inline-flex!important;
  height:24px!important;
  align-items:center!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,211,116,.16)!important;
  color:#ffd374!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.bossApp .playerHourlyHero h1{
  margin:9px 0 5px!important;
  font-size:27px!important;
  line-height:1.15!important;
}
.bossApp .playerHourlyHero p{
  margin:0!important;
  color:#d7dbe4!important;
  font-size:13px!important;
}
.bossApp .playerHourlyStatus{
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:8px 10px!important;
  align-items:center!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#11151d!important;
}
.bossApp .playerHourlyStatus b{
  color:#fff!important;
  font-size:14px!important;
}
.bossApp .playerHourlyStatus span{
  min-width:0!important;
  color:#aab2c0!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.bossApp .playerHourlyStatus.ready{
  border-color:rgba(80,220,170,.28)!important;
  background:linear-gradient(135deg,rgba(80,220,170,.13),#11151d)!important;
}
.bossApp .playerHourlyStatus.busy{
  border-color:rgba(255,110,135,.32)!important;
  background:linear-gradient(135deg,rgba(255,110,135,.13),#11151d)!important;
}
.bossApp .playerHourlyCard{
  margin-top:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#10131a!important;
  border-radius:22px!important;
  padding:15px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.36)!important;
}
.bossApp .playerHourlyTitle{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:start!important;
}
.bossApp .playerHourlyTitle b{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.25!important;
}
.bossApp .playerHourlyTitle span{
  display:block!important;
  margin-top:6px!important;
  color:#9aa3b2!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.bossApp .playerHourlyTitle strong{
  color:#ffd374!important;
  font-size:21px!important;
  white-space:nowrap!important;
  text-align:right!important;
}
.bossApp .playerHourlyTitle em{
  display:block!important;
  margin-top:2px!important;
  color:#9aa3b2!important;
  font-size:12px!important;
  font-style:normal!important;
}
.bossApp .playerHourlyStepper{
  margin-top:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px!important;
  border-radius:18px!important;
  background:#0b0e14!important;
}
.bossApp .playerHourlyStepper label{
  color:#c8ced8!important;
  font-size:13px!important;
  font-weight:900!important;
}
.bossApp .playerHourlyStepper div{
  display:grid!important;
  grid-template-columns:40px 48px 40px!important;
  align-items:center!important;
  gap:8px!important;
}
.bossApp .playerHourlyStepper button{
  height:38px!important;
  border:0!important;
  border-radius:14px!important;
  background:#1b202b!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
}
.bossApp .playerHourlyStepper b{
  text-align:center!important;
  color:#fff!important;
  font-size:20px!important;
}
.bossApp .playerHourlyQuick{
  margin-top:10px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.bossApp .playerHourlyQuick button{
  height:36px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  background:#151922!important;
  color:#d7dce6!important;
  font-weight:900!important;
}
.bossApp .playerHourlyField{
  margin-top:12px!important;
}
.bossApp .playerHourlyField input,
.bossApp .playerHourlyField textarea{
  border-radius:16px!important;
  background:#0b0e14!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.bossApp .playerHourlyField textarea{
  min-height:82px!important;
}
.bossApp .playerHourlyBill{
  margin-top:14px!important;
  display:grid!important;
  gap:8px!important;
}
.bossApp .playerHourlyBill p{
  margin:0!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#aab2c0!important;
  font-size:13px!important;
}
.bossApp .playerHourlyBill b{
  color:#fff!important;
}
.bossApp .playerHourlyBill .total{
  margin-top:4px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.bossApp .playerHourlyBill strong{
  color:#ffd374!important;
  font-size:22px!important;
}
.bossApp .playerHourlyBottom{
  position:fixed!important;
  left:50%!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(430px,100%)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:rgba(7,9,13,.94)!important;
  backdrop-filter:blur(18px)!important;
  z-index:40!important;
}
.bossApp .playerHourlyBottom span{
  display:block!important;
  color:#8f98a8!important;
  font-size:12px!important;
}
.bossApp .playerHourlyBottom b{
  display:block!important;
  margin-top:3px!important;
  color:#ffd374!important;
  font-size:21px!important;
}
.bossApp .playerHourlyBottom button{
  height:48px!important;
  border:0!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ff6f9f,#ffd39b)!important;
  color:#211018!important;
  font-size:15px!important;
  font-weight:1000!important;
}
.bossApp .playerHourlyBottom button.disabled,
.bossApp .playerHourlyBottom button:disabled{
  background:#242833!important;
  color:#848b99!important;
}
.bossApp .playerHourlyEmpty{
  margin-top:16px!important;
  padding:24px!important;
  border-radius:20px!important;
  background:#11151d!important;
  color:#aab2c0!important;
  text-align:center!important;
}
@media(max-width:380px){
  .bossApp .playerHourlyBottom{grid-template-columns:1fr!important}
  .bossApp .playerHourlyQuick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 20260712 player new order voice alert */
.playerApp .playerVoiceAlert{
  width:100%!important;
  min-height:58px!important;
  margin:0 0 10px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid #24564d!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#102420,#0b1716)!important;
  color:#eafff8!important;
  box-shadow:0 14px 28px #0007!important;
}
.playerApp .playerVoiceAlert i{
  width:40px!important;
  height:40px!important;
  border-radius:14px!important;
  background:#0d211e!important;
  box-shadow:inset 0 0 0 1px #2b6257!important;
  position:relative!important;
}
.playerApp .playerVoiceAlert i::before{
  content:""!important;
  position:absolute!important;
  left:11px!important;
  top:13px!important;
  width:10px!important;
  height:14px!important;
  background:#87a09b!important;
  clip-path:polygon(0 30%,42% 30%,100% 0,100% 100%,42% 70%,0 70%)!important;
}
.playerApp .playerVoiceAlert i::after{
  content:""!important;
  position:absolute!important;
  right:9px!important;
  top:12px!important;
  width:9px!important;
  height:16px!important;
  border:2px solid #87a09b!important;
  border-left:0!important;
  border-radius:0 16px 16px 0!important;
}
.playerApp .playerVoiceAlert div{
  min-width:0!important;
  text-align:left!important;
}
.playerApp .playerVoiceAlert b{
  display:block!important;
  color:#f5fff8!important;
  font-size:14px!important;
  line-height:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.playerApp .playerVoiceAlert span{
  display:block!important;
  margin-top:3px!important;
  color:#8fb1aa!important;
  font-size:12px!important;
  line-height:16px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.playerApp .playerVoiceAlert em{
  min-width:42px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  background:#1b2525!important;
  color:#87a09b!important;
  font-size:11px!important;
  font-weight:1000!important;
  font-style:normal!important;
}
.playerApp .playerVoiceAlert.active{
  border-color:#31f0c7!important;
  background:linear-gradient(135deg,#14372f,#10211f)!important;
}
.playerApp .playerVoiceAlert.active i{
  background:linear-gradient(135deg,#31f0c7,#ffdf8a)!important;
  box-shadow:0 10px 22px #20e0bd30!important;
}
.playerApp .playerVoiceAlert.active i::before{
  background:#08201b!important;
}
.playerApp .playerVoiceAlert.active i::after{
  border-color:#08201b!important;
}
.playerApp .playerVoiceAlert.active em{
  background:#31f0c7!important;
  color:#08201b!important;
}
.playerApp .playerVoiceAlert.needTap{
  border-color:#ffdf8a!important;
}
@media(max-width:360px){
  .playerApp .playerVoiceAlert{grid-template-columns:36px minmax(0,1fr) 38px!important;padding:9px 10px!important}
  .playerApp .playerVoiceAlert i{width:36px!important;height:36px!important}
  .playerApp .playerVoiceAlert em{min-width:38px!important}
}
/* Production boot state: never render fallback/demo data while the server state is loading. */
.yxBootScreen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#1b2140 0,#0b0d14 45%,#07080d 100%);color:#f5f7ff;transition:opacity .22s ease,visibility .22s ease}
.yxBootScreen.is-done{opacity:0;visibility:hidden;pointer-events:none}
.yxBootCard{width:min(310px,86vw);display:grid;justify-items:center;text-align:center;padding:30px 26px 26px;border:1px solid #ffffff16;border-radius:24px;background:#141620e8;box-shadow:0 24px 70px #000a;backdrop-filter:blur(16px)}
.yxBootCard img{width:58px;height:58px;object-fit:contain;margin-bottom:16px;filter:drop-shadow(0 8px 18px #894fff55)}
.yxBootCard b{font-size:18px;letter-spacing:.4px;color:#fff}
.yxBootCard span{margin-top:9px;line-height:1.55;font-size:13px;color:#aab1c6}
.yxBootCard i{width:26px;height:26px;margin-top:20px;border:2px solid #ffffff20;border-top-color:#a86cff;border-radius:50%;animation:yxBootSpin .8s linear infinite}
.yxBootCard button{margin-top:20px;padding:10px 20px;border:1px solid #b77bff88;border-radius:12px;background:#8f4fff;color:#fff;font-weight:800;cursor:pointer}
.yxBootScreen.is-error .yxBootCard{border-color:#e18b9c66}.yxBootScreen.is-error .yxBootCard i{display:none}.yxBootScreen.is-error .yxBootCard span{color:#f0b9c4}
@keyframes yxBootSpin{to{transform:rotate(360deg)}}

/* Boss dispatch choice: smart dispatch, manual selection and designated companion. */
.bossApp .dispatchPayBox{width:min(520px,100vw)!important;max-height:min(88vh,760px)!important;padding:20px 18px 0!important;overflow:auto!important;border:1px solid #263857!important;border-radius:22px!important;background:#0d1424!important;box-shadow:0 28px 86px #000c!important}.bossApp .dispatchPayBox h2{margin:2px 0 4px!important;color:#f4f8ff!important;font-size:20px!important}.bossApp .dispatchPayClose{position:absolute;right:14px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff10;color:#b9c7dc;font-size:23px;line-height:1}.bossApp .dispatchPayBox .mini{margin:0 0 14px;color:#8291ad!important}.bossApp .dispatchPayBox .payMethodGrid{grid-template-columns:1fr!important;margin:0 0 12px!important}.bossApp .dispatchPayBox .payMethodCard{min-height:54px!important;border:1px solid #1f4b45!important;background:#102825!important}.bossApp .dispatchPayBox .payMethodCard.active{border-color:#22bf61!important;background:linear-gradient(135deg,#13352f,#102d29)!important}.bossApp .dispatchPayBox .payMethodCard.active b,.bossApp .dispatchPayBox .payMethodCard.active strong{color:#74ff82!important}.bossApp .dispatchPayBox .payMethodCard.disabled{opacity:.52;filter:saturate(.7)}.bossApp .dispatchModeBox{margin:12px 0 14px;padding:12px;border:1px solid #1c2a45;border-radius:16px;background:#142039}.bossApp .dispatchModeTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid #24517b;border-radius:999px;background:#0c182c}.bossApp .dispatchModeTabs button{height:40px;border:0;background:transparent;color:#c7d4ea;font-size:13px;font-weight:900;white-space:nowrap}.bossApp .dispatchModeTabs button.active{border-radius:999px;color:#fff;box-shadow:0 7px 18px #0005}.bossApp .dispatchModeTabs button.active.smart{background:linear-gradient(135deg,#22c7ff,#2778ff)}.bossApp .dispatchModeTabs button.active.manual{background:linear-gradient(135deg,#ff5d74,#ed2f43)}.bossApp .dispatchModeTabs button.active.designated{background:linear-gradient(135deg,#a875ff,#7044df)}.bossApp .dispatchModeTip{display:grid;gap:5px;margin:12px 3px 9px}.bossApp .dispatchModeTip b{color:#eef5ff;font-size:14px}.bossApp .dispatchModeTip span{color:#aebcd0;font-size:12px;line-height:1.55}.bossApp .dispatchSelectPlayer{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;padding:0 11px;border:1px solid #8c6cff77;border-radius:11px;background:#211a3b;color:#d7c8ff;font-size:12px;font-weight:900}.bossApp .dispatchSelectPlayer i{font-size:19px;font-style:normal}.bossApp .dispatchRuleCopy{display:grid;gap:5px;border-top:1px solid #ffffff10;padding:9px 2px 0}.bossApp .dispatchRuleCopy p{margin:0;color:#b4bfd1;font-size:11px;line-height:1.5}.bossApp .dispatchRuleCopy b{margin-right:4px}.bossApp .smartText{color:#3ad4ff}.bossApp .manualText{color:#ff8292}.bossApp .designatedText{color:#b991ff}.bossApp .dispatchPayBox .payOrderSummary{margin:12px -1px 0!important}.bossApp .dispatchPayFoot{display:grid;grid-template-columns:1fr 1fr;margin:16px -18px 0;border-top:1px solid #253553}.bossApp .dispatchPayFoot button{height:54px;border:0;background:#111b2e;color:#e9effb;font-size:15px;font-weight:950}.bossApp .dispatchPayFoot .paySubmit{border-radius:0!important;background:linear-gradient(135deg,#18c33b,#03a622)!important;color:#fff!important}.bossApp .dispatchPayFoot .paySubmit:disabled{opacity:.6}.bossApp .dispatchPickerBox{width:min(560px,100vw);max-height:min(88vh,760px);overflow:auto;border-radius:22px;background:#f7f1ff;color:#281f42;box-shadow:0 28px 86px #000b}.bossApp .dispatchPickerBox header{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:start;gap:8px;padding:16px 16px 12px;border-bottom:1px solid #e6dafa}.bossApp .dispatchPickerBox header button{width:32px;height:32px;border:0;border-radius:50%;background:#ece1ff;color:#8a5cf0;font-size:24px;line-height:1}.bossApp .dispatchPickerBox header div{text-align:center}.bossApp .dispatchPickerBox header b{display:block;color:#7547dd;font-size:18px}.bossApp .dispatchPickerBox header span{display:block;margin-top:5px;color:#87769f;font-size:12px;line-height:1.45}.bossApp .dispatchSearch{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;margin:14px 16px 10px;padding:0 12px;height:42px;border:1px solid #d2bbff;border-radius:14px;background:#f1e6ff;color:#a27cef}.bossApp .dispatchSearch i{font-style:normal;font-size:19px}.bossApp .dispatchSearch input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#4a3b63!important;font-size:13px}.bossApp .dispatchSearch input::placeholder{color:#a89abf}.bossApp .dispatchPlayerResults{display:grid;gap:10px;padding:8px 16px 20px}.bossApp .dispatchPlayerRow{display:grid;grid-template-columns:68px minmax(0,1fr) 38px;gap:11px;align-items:center;width:100%;min-height:84px;padding:9px;border:1px solid #d1adff;border-radius:15px;background:#fff;color:#33264b;text-align:left;box-shadow:0 8px 18px #b97fff14}.bossApp .dispatchPlayerRow:active{transform:scale(.987)}.bossApp .dispatchPlayerRow img{width:66px;height:66px;border-radius:11px;object-fit:cover;background:#ece6f7}.bossApp .dispatchPlayerRow b{display:block;overflow:hidden;color:#30213f;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.bossApp .dispatchPlayerRow span{display:block;margin-top:5px;overflow:hidden;color:#746687;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.bossApp .dispatchPlayerRow em{display:block;margin-top:5px;color:#9b6cff;font-size:11px;font-style:normal}.bossApp .dispatchPlayerRow>i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#9a65f0;color:#fff;font-size:27px;font-style:normal;line-height:1}.bossApp .dispatchPlayerRow:disabled{opacity:.65}.bossApp .dispatchPlayerEmpty{display:grid;min-height:150px;place-items:center;align-content:center;gap:7px;border:1px dashed #d1bbf4;border-radius:15px;background:#fcfaff;color:#735b99;text-align:center}.bossApp .dispatchPlayerEmpty b{color:#5d3d94}.bossApp .dispatchPlayerEmpty span{font-size:12px}@media(max-width:370px){.bossApp .dispatchModeTabs button{font-size:11px}.bossApp .dispatchPlayerRow{grid-template-columns:58px minmax(0,1fr) 34px}.bossApp .dispatchPlayerRow img{width:56px;height:56px}}

/* 20260714 · Manual-selection order flow.  A player applies first; the boss decides from a readable team snapshot. */
.playerApp .manualGrabOrderCard{border-color:#ff7c8b!important;background:radial-gradient(circle at 92% 0,#53283b 0,rgba(83,40,59,.34) 20%,transparent 45%),#0e1b1a!important}
.playerApp .manualGrabOrderCard::before{background:linear-gradient(90deg,#ff6b7d,#ffcf73,#31f0c7)!important}
.playerApp .manualGrabOrderCard .grabBossHead{grid-template-columns:48px minmax(0,1fr) auto!important}
.playerApp .manualGrabBadge{align-self:start;display:inline-flex!important;align-items:center;min-height:25px;padding:0 8px;border:1px solid #ff9fa988;border-radius:999px;background:#ff64751b;color:#ffc2c9!important;font-size:11px!important;font-weight:900!important;white-space:nowrap}
.playerApp .manualGrabRule{position:relative;display:grid!important;grid-template-columns:1fr!important;gap:4px!important;border-color:#ff8b9670!important;background:#25191f!important}
.playerApp .manualGrabRule b{line-height:1.45!important}.playerApp .manualGrabRule b i{font-style:normal;color:#ffbdc5!important}.playerApp .manualGrabRule em{font-style:normal;color:#f7ce83!important;font-size:11px!important;font-weight:800}
.playerApp .manualGrabButton{background:linear-gradient(135deg,#ff6d7d,#ff9a62)!important;color:#fff8f5!important;box-shadow:0 14px 24px #ff5c712b!important}
.playerApp .manualGrabButton.applied{background:#263733!important;color:#9ebcb4!important;box-shadow:none!important;cursor:default}
.manualApplyModal{width:min(360px,calc(100vw - 30px));padding:26px 22px 20px;border:1px solid #4e637e;border-radius:22px;background:linear-gradient(160deg,#122035,#0d1628);box-shadow:0 26px 80px #000c;color:#eff7ff;text-align:center}
.manualApplyIcon{display:grid;width:44px;height:44px;margin:0 auto 13px;place-items:center;border:1px solid #ffad7588;border-radius:15px;background:linear-gradient(135deg,#ff9272,#ff6277);color:#fff;font-size:25px;font-weight:1000;box-shadow:0 12px 28px #ff687844}
.manualApplyModal h2{margin:0;color:#fff;font-size:19px}.manualApplyModal>p{margin:13px 4px 16px;color:#b8c8da;font-size:13px;line-height:1.7;text-align:left}.manualApplyModal>p strong{color:#ffbeb0}
.manualApplyOrder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;padding:12px 13px;border:1px solid #314561;border-radius:14px;background:#0a1424;text-align:left}.manualApplyOrder span{overflow:hidden;color:#e9f4ff;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.manualApplyOrder b{color:#ffcd7b;font-size:17px}.manualApplyOrder em{grid-column:1/-1;color:#8fa4bb;font-size:11px;font-style:normal}
.manualApplyActions{display:grid;grid-template-columns:1fr 1.22fr;gap:10px;margin-top:18px}.manualApplyActions button{height:42px;border:0;border-radius:12px;background:#2a3a51;color:#d4deeb;font-size:14px;font-weight:900}.manualApplyActions .confirm{background:linear-gradient(135deg,#ff7b68,#ff526d);color:#fff;box-shadow:0 10px 22px #ff5f6c3b}.manualApplyActions button:disabled{opacity:.62}

.bossApp [data-page="manualOrderProgress"]{min-height:100vh;background:radial-gradient(circle at 86% 2%,#243a58 0,transparent 27%),#0a101c}
.bossApp .manualProgressPage{min-height:100vh;padding:0 14px 30px;color:#edf5ff}.bossApp .manualProgressPage>header{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;margin:0 -14px 16px;padding:13px 14px;border-bottom:1px solid #25334c;background:#0e1727}.bossApp .manualProgressPage>header button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #34506d;border-radius:12px;background:#142238;color:#d7e8fc;font-size:24px;line-height:1}.bossApp .manualProgressPage>header div{text-align:center}.bossApp .manualProgressPage>header b{display:block;color:#fff;font-size:17px}.bossApp .manualProgressPage>header span{display:block;margin-top:3px;color:#8fa4bd;font-size:11px}.bossApp .manualProgressPage>header>span{display:block}
.bossApp .manualProgressStatus{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #2a405c;border-radius:17px;background:#121e32}.bossApp .manualProgressStatus>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.bossApp .manualProgressStatus img{width:46px;height:46px;border-radius:12px;object-fit:cover;background:#0c1626}.bossApp .manualProgressStatus b,.bossApp .manualProgressStatus span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bossApp .manualProgressStatus b{color:#f8fbff;font-size:14px}.bossApp .manualProgressStatus span{margin-top:5px;color:#93a7bd;font-size:11px}.bossApp .manualProgressStatus em{flex:0 0 auto;padding:6px 9px;border-radius:999px;font-size:11px;font-style:normal;font-weight:900}.bossApp .manualProgressStatus em.waiting{background:#ffcc681b;color:#ffd382;border:1px solid #ffcc6855}.bossApp .manualProgressStatus em.chosen{background:#44e4b718;color:#83f5d3;border:1px solid #44e4b755}
.bossApp .manualProgressOrderInfo{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;margin-top:12px;padding:13px;border:1px solid #273a56;border-radius:18px;background:#101a2c}.bossApp .manualProgressOrderInfo>img{width:88px;height:88px;border-radius:14px;object-fit:cover;background:#0b1423}.bossApp .manualProgressOrderInfo>div{display:grid;gap:6px;align-content:center}.bossApp .manualProgressOrderInfo p{display:grid;grid-template-columns:65px minmax(0,1fr);gap:7px;margin:0}.bossApp .manualProgressOrderInfo p span{color:#8297ae;font-size:11px}.bossApp .manualProgressOrderInfo p b{overflow:hidden;color:#e9f2fc;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.bossApp .manualProgressOrderInfo p strong{color:#ffd17c;font-size:14px}
.bossApp .manualProgressNotice{display:grid;justify-items:center;gap:8px;margin:14px 0;padding:21px 18px;border:1px dashed #3b5577;border-radius:18px;background:#111b2d;text-align:center}.bossApp .manualProgressNotice i{color:#7c94b2;font-size:26px;line-height:1;font-style:normal;letter-spacing:5px}.bossApp .manualProgressNotice b{color:#eaf3ff;font-size:15px}.bossApp .manualProgressNotice span{color:#9caec1;font-size:12px;line-height:1.65}.bossApp .manualProgressNotice.active{border-style:solid;border-color:#ff9b7955;background:linear-gradient(135deg,#2a1c2b,#121d2f)}.bossApp .manualProgressNotice.active b{color:#ffcfbf}.bossApp .manualProgressNotice.selected{border-style:solid;border-color:#4ed7ad55;background:linear-gradient(135deg,#12322e,#101d2d)}.bossApp .manualProgressNotice.selected b{color:#aaf3da}.bossApp .manualProgressNotice.selected button{margin-top:4px;padding:9px 15px;border:0;border-radius:11px;background:#38d1a3;color:#06221d;font-size:12px;font-weight:900}
.bossApp .manualProgressApplicantList{display:grid;gap:12px}.bossApp .manualProgressApplicant{padding:14px;border:1px solid #334961;border-radius:19px;background:linear-gradient(150deg,#14233a,#0e1829);box-shadow:0 14px 30px #0003}.bossApp .manualProgressApplicantTop{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center}.bossApp .manualProgressApplicantTop>img{width:52px;height:52px;border:2px solid #64d8d0;border-radius:16px;object-fit:cover;background:#0a1423}.bossApp .manualProgressApplicantTop b,.bossApp .manualProgressApplicantTop span,.bossApp .manualProgressApplicantTop em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bossApp .manualProgressApplicantTop b{color:#f7fbff;font-size:15px}.bossApp .manualProgressApplicantTop span{margin-top:4px;color:#b9c8d9;font-size:12px}.bossApp .manualProgressApplicantTop em{margin-top:4px;color:#71e5ce;font-size:11px;font-style:normal}.bossApp .manualProgressApplicantTop>strong{min-width:29px;color:#ffcf7b;font-size:11px;text-align:right}.bossApp .manualProgressTeamBlock{margin-top:13px;padding:11px;border:1px solid #2b405b;border-radius:14px;background:#0b1525}.bossApp .manualProgressTeamBlock>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.bossApp .manualProgressTeamBlock>div b{color:#dfefff;font-size:12px}.bossApp .manualProgressTeamBlock>div span{color:#8499b0;font-size:10px}.bossApp .manualProgressMembers{display:grid;gap:8px;margin-top:9px}.bossApp .manualProgressMembers article{display:grid;grid-template-columns:35px minmax(0,1fr);gap:8px;align-items:center;min-width:0}.bossApp .manualProgressMembers img{width:35px;height:35px;border:1px solid #355b73;border-radius:11px;object-fit:cover;background:#101e31}.bossApp .manualProgressMembers b,.bossApp .manualProgressMembers span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bossApp .manualProgressMembers b{color:#dbeaf7;font-size:12px}.bossApp .manualProgressMembers span{margin-top:3px;color:#8da9c4;font-size:10px}.bossApp .manualProgressNoTeam{display:block;margin-top:10px;color:#8196ab;font-size:11px}.bossApp .manualProgressApplicant>button{width:100%;height:43px;margin-top:13px;border:0;border-radius:13px;background:linear-gradient(135deg,#27d8c8,#4e8dff);color:#061526;font-size:14px;font-weight:1000;box-shadow:0 12px 22px #20cfc431}.bossApp .manualProgressApplicant>button:disabled{opacity:.6}
.bossApp .manualProgressEmpty{display:grid;min-height:180px;place-items:center;border:1px dashed #405775;border-radius:18px;color:#99adc2;text-align:center}
@media(max-width:365px){.playerApp .manualGrabOrderCard .grabBossHead{grid-template-columns:44px minmax(0,1fr)!important}.playerApp .manualGrabBadge{padding:0 6px;font-size:10px!important}.bossApp .manualProgressOrderInfo{grid-template-columns:70px minmax(0,1fr)}.bossApp .manualProgressOrderInfo>img{width:70px;height:70px}.bossApp .manualProgressOrderInfo p{grid-template-columns:54px minmax(0,1fr)}}

/* 20260714 · Admin direct dispatch must choose a ready team, never an arbitrary player. */
.adminTeamDispatchModal{width:min(760px,94vw);max-height:88vh;overflow:hidden;border:1px solid #d9e2ef;border-radius:16px;background:#f6f9fe;color:#15253a;box-shadow:0 28px 86px #0c1b332e}
.adminTeamDispatchModal .adminModalHead{min-height:64px;padding:12px 18px;background:linear-gradient(135deg,#f9fbff,#edf4ff);border-bottom:1px solid #dce6f2}
.adminTeamDispatchModal .adminModalHead>div{min-width:0}.adminTeamDispatchModal .adminModalHead h2{margin:0;color:#172a42;font-size:19px}.adminTeamDispatchModal .adminModalHead p{margin:5px 0 0;color:#71839a;font-size:12px;line-height:1.45}.adminTeamDispatchModal .adminModalHead>button{width:32px;height:32px;border:0;border-radius:9px;background:#e6edf7;color:#52677f;font-size:23px;line-height:1;cursor:pointer}
.adminTeamDispatchBody{max-height:calc(88vh - 64px);overflow:auto;padding:16px;background:#f6f9fe}.adminTeamDispatchOrder{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid #d9e4f2;border-radius:12px;background:#fff}.adminTeamDispatchOrder span{padding:5px 8px;border-radius:999px;background:#edf4ff;color:#4973a3;font-size:11px;font-weight:800}.adminTeamDispatchOrder b{overflow:hidden;color:#1c2d44;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.adminTeamDispatchOrder em{color:#8d52df;font-size:13px;font-style:normal;font-weight:900;white-space:nowrap}
.adminTeamDispatchTip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 2px 10px}.adminTeamDispatchTip b{color:#223957;font-size:13px}.adminTeamDispatchTip span{color:#8290a1;font-size:12px;line-height:1.45;text-align:right}.adminTeamDispatchList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.adminTeamDispatchCard{display:grid;gap:11px;padding:13px;border:1px solid #d8e2ee;border-radius:14px;background:#fff;box-shadow:0 8px 18px #13233a0a}.adminTeamDispatchCard.ready{border-color:#a8c7f5;background:linear-gradient(145deg,#fff,#f7fbff)}.adminTeamDispatchCard.blocked{opacity:.78;background:#fbfcfe}.adminTeamDispatchCardHead{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center}.adminTeamDispatchCardHead>img{width:46px;height:46px;border:1px solid #d7e3f0;border-radius:13px;object-fit:cover;background:#edf3fa}.adminTeamDispatchCardHead b,.adminTeamDispatchCardHead span,.adminTeamDispatchCardHead em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminTeamDispatchCardHead b{color:#1c2c42;font-size:14px}.adminTeamDispatchCardHead span{margin-top:4px;color:#71839a;font-size:11px}.adminTeamDispatchCardHead em{margin-top:4px;color:#8f65d5;font-size:10px;font-style:normal;font-weight:800}.adminTeamDispatchCardHead>strong{max-width:84px;padding:5px 7px;border-radius:999px;background:#e8f8ef;color:#258754;font-size:10px;text-align:center;line-height:1.2}.adminTeamDispatchCard.blocked .adminTeamDispatchCardHead>strong{background:#f2f4f7;color:#8b98a8}
.adminTeamDispatchMembers{display:flex;align-items:center;gap:7px;min-height:35px;overflow:hidden}.adminTeamDispatchMember{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:5px;align-items:center;min-width:0;max-width:108px;padding:3px 6px 3px 3px;border:1px solid #e1e8f1;border-radius:10px;background:#f8fbff}.adminTeamDispatchMember img{grid-row:1/3;width:28px;height:28px;border-radius:8px;object-fit:cover;background:#edf2f8}.adminTeamDispatchMember i,.adminTeamDispatchMember em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.adminTeamDispatchMember i{color:#40536a;font-size:10px}.adminTeamDispatchMember em{color:#9b71da;font-size:9px}.adminTeamDispatchMore{display:grid;flex:0 0 27px;width:27px;height:27px;place-items:center;border-radius:50%;background:#edf2f8;color:#67809d;font-size:10px;font-weight:900}.adminTeamDispatchNoMembers{color:#8a97a7;font-size:11px}
.adminTeamDispatchAssign{width:100%;height:38px;border:0;border-radius:10px;background:linear-gradient(135deg,#347ee8,#7252da);color:#fff;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 8px 16px #3c6fc526}.adminTeamDispatchAssign:hover{filter:brightness(1.04)}.adminTeamDispatchAssign.disabled,.adminTeamDispatchAssign:disabled{background:#e9edf3;color:#8b98a7;box-shadow:none;cursor:not-allowed}.adminTeamDispatchEmpty{display:grid;grid-column:1/-1;min-height:170px;place-items:center;align-content:center;gap:7px;border:1px dashed #cbd7e5;border-radius:14px;background:#fff;color:#8493a4;text-align:center}.adminTeamDispatchEmpty b{color:#5d7088}.adminTeamDispatchEmpty span{max-width:320px;font-size:12px;line-height:1.55}
@media(max-width:680px){.adminTeamDispatchList{grid-template-columns:1fr}.adminTeamDispatchTip{align-items:flex-start;flex-direction:column}.adminTeamDispatchTip span{text-align:left}.adminTeamDispatchOrder{grid-template-columns:auto minmax(0,1fr)}.adminTeamDispatchOrder em{grid-column:2;text-align:left}.adminTeamDispatchBody{padding:12px}.adminTeamDispatchModal .adminModalHead{padding:11px 13px}.adminTeamDispatchModal .adminModalHead h2{font-size:17px}}

/* 20260714 · Order audit rejection: reason required, no refund/cancel side effect. */
.adminOrderRejectModal{width:min(460px,calc(100vw - 28px));border:1px solid #f0b9c0;border-radius:16px;background:#fff;color:#203043;box-shadow:0 28px 86px #1620353d;overflow:hidden}.adminOrderRejectHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #f5dde0;background:linear-gradient(135deg,#fff8f8,#fff1f2)}.adminOrderRejectHead>div{display:flex;align-items:center;gap:10px;min-width:0}.adminOrderRejectHead i{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;border-radius:10px;background:#ec5d6b;color:#fff;font-size:20px;font-style:normal;font-weight:1000}.adminOrderRejectHead b,.adminOrderRejectHead span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminOrderRejectHead b{color:#a5303e;font-size:17px}.adminOrderRejectHead span{margin-top:3px;color:#90717a;font-size:11px}.adminOrderRejectHead>button{width:30px;height:30px;border:0;border-radius:8px;background:#fbe7e9;color:#b34f5b;font-size:22px;line-height:1;cursor:pointer}.adminOrderRejectModal>p{margin:15px 16px 13px;color:#617184;font-size:13px;line-height:1.65}.adminOrderRejectModal .field{margin:0 16px 16px}.adminOrderRejectModal label{display:block;margin-bottom:7px;color:#3e5066;font-size:13px;font-weight:800}.adminOrderRejectModal label em{margin-left:4px;color:#d54858;font-style:normal}.adminOrderRejectModal textarea{box-sizing:border-box;width:100%;min-height:105px;resize:vertical;border:1px solid #e4c9ce;border-radius:11px;background:#fffdfd;color:#223247;padding:10px 11px;font:13px/1.55 Arial,"Microsoft YaHei",sans-serif;outline:0}.adminOrderRejectModal textarea:focus{border-color:#ea7b88;box-shadow:0 0 0 3px #ee6f7b16}.adminOrderRejectActions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;padding:13px 16px 16px;border-top:1px solid #f4e5e7;background:#fffafa}.adminOrderRejectActions button{height:39px;border:0;border-radius:10px;background:#edf1f6;color:#607287;font-size:13px;font-weight:900;cursor:pointer}.adminOrderRejectActions button.danger{background:linear-gradient(135deg,#e85968,#c93448);color:#fff;box-shadow:0 9px 18px #cf40552c}.adminOrderRejectActions button:disabled{opacity:.62;cursor:not-allowed}.adminOrderAuditCard .row{gap:9px;flex-wrap:wrap}.adminOrderAuditCard .btn.danger{background:#d94a59!important;color:#fff!important}.shotRejectNotice{display:grid;gap:5px}.shotRejectNotice b{color:#d55764}.shotRejectNotice p{margin:0;color:#a45b65;font-size:12px;line-height:1.55}

/* 20260714 · Force rejection is terminal for workflow only; finance stays explicit. */
.layout .status.s-admin_rejected,.bossApp .status.s-admin_rejected,.playerApp .status.s-admin_rejected{border-color:rgba(239,93,112,.45)!important;background:rgba(239,93,112,.13)!important;color:#ff9dac!important}
.adminForceRejectModal{border-color:#e7a2aa!important}.adminForceRejectModal .adminOrderRejectHead{background:linear-gradient(135deg,#fff7f7,#ffedef)!important}.adminForceRejectModal .adminOrderRejectHead i{background:#c93f52!important}.adminForceRejectModal>p strong{color:#a32e3d}.adminForceRejectCard{border-color:#f0c3ca!important;background:linear-gradient(145deg,#fff,#fff7f8)!important}.adminForceRejectCard h3{color:#9e3040!important}.adminForceRejectCard .btn.danger{min-width:132px;background:linear-gradient(135deg,#dc5364,#bb2f44)!important;color:#fff!important}
.adminForceRejectNotice{display:grid;gap:8px;margin:12px 0;padding:13px 14px;border:1px solid #f1b5bd;border-radius:13px;background:linear-gradient(145deg,#fff7f8,#fff1f3);color:#6d3340}.adminForceRejectNotice>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.adminForceRejectNotice b{color:#a42f41;font-size:14px}.adminForceRejectNotice span{color:#91616a;font-size:11px}.adminForceRejectNotice p{margin:0;color:#713745;font-size:13px;line-height:1.55}.adminForceRejectNotice small{color:#9a7078;font-size:11px;line-height:1.55}.adminOrderForceRejectedState{display:inline-block;margin-left:7px;color:#bd4555!important;font-weight:800!important}.adminOrderForceRejectListBtn{margin-left:5px!important}
.bossApp .adminForceRejectNotice,.playerApp .adminForceRejectNotice{margin:12px 0;border-color:#75414c;background:#25151b;color:#ffd9df}.bossApp .adminForceRejectNotice b,.playerApp .adminForceRejectNotice b{color:#ffb4c0}.bossApp .adminForceRejectNotice span,.playerApp .adminForceRejectNotice span,.bossApp .adminForceRejectNotice small,.playerApp .adminForceRejectNotice small{color:#d6aab4}.bossApp .adminForceRejectNotice p,.playerApp .adminForceRejectNotice p{color:#f4c3cb}

/* 20260714 · Force-reject settlement handling and delivery notices. */
.orderNoticeList{display:grid;gap:10px}.bossOrderNoticeList{margin:12px 14px 0}.playerOrderNoticeList{margin:0}.orderNoticeCard{display:grid;gap:7px;padding:13px 14px;border:1px solid #e3d4dc;border-radius:15px;background:#fffafa;color:#4f3640;box-shadow:0 10px 22px #190c1210}.orderNoticeCard.forceReject{border-color:#efb9c1;background:linear-gradient(145deg,#fffafb,#fff2f4)}.orderNoticeHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.orderNoticeHead span{display:inline-flex;align-items:center;min-height:21px;padding:0 8px;border-radius:999px;background:#f7dfe4;color:#ae3d50;font-size:10px;font-weight:900}.orderNoticeHead time{color:#9b7680;font-size:10px;white-space:nowrap}.orderNoticeCard>b{color:#8e2f42;font-size:14px;line-height:1.35}.orderNoticeCard p{margin:0;color:#60434c;font-size:12px;line-height:1.65;word-break:break-word}.orderNoticeCard small{color:#987580;font-size:10px}.bossApp .orderNoticeCard{border-color:#5c3441;background:linear-gradient(145deg,#21141b,#151118);box-shadow:0 12px 26px #0005}.bossApp .orderNoticeCard.forceReject{border-color:#9c4e60;background:linear-gradient(145deg,#311824,#181219)}.bossApp .orderNoticeHead span{background:#6d3041;color:#ffd7df}.bossApp .orderNoticeHead time,.bossApp .orderNoticeCard small{color:#c99da8}.bossApp .orderNoticeCard>b{color:#ffd4dc}.bossApp .orderNoticeCard p{color:#e2bbc4}.playerApp .orderNoticeCard{border-color:#546a66;background:linear-gradient(145deg,#172723,#0e1c19);box-shadow:0 12px 26px #0005}.playerApp .orderNoticeCard.forceReject{border-color:#9a5b64;background:linear-gradient(145deg,#2b1c20,#141d1a)}.playerApp .orderNoticeHead span{background:#56353a;color:#ffd7d9}.playerApp .orderNoticeHead time,.playerApp .orderNoticeCard small{color:#a9bdb7}.playerApp .orderNoticeCard>b{color:#fff0f1}.playerApp .orderNoticeCard p{color:#d7e7e0}.adminForceRejectFinance{display:grid;gap:9px;margin-top:2px;padding:11px 12px;border:1px solid #e7c9d0;border-radius:11px;background:#fffdfd}.adminForceRejectFinance>b{color:#8e3040;font-size:13px}.adminForceRejectFinance>p{margin:0;color:#775761;font-size:12px;line-height:1.55}.adminForceRejectFinanceTotals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.adminForceRejectFinanceTotals span{display:grid;gap:4px;padding:8px;border:1px solid #f0dde1;border-radius:9px;background:#fff7f8;color:#87636c;font-size:10px;line-height:1.35}.adminForceRejectFinanceTotals strong{color:#a83a4b;font-size:13px}.adminForceRejectFinancePlayers{display:grid;gap:6px;padding-top:2px}.adminForceRejectFinancePlayers p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin:0;padding-top:7px;border-top:1px solid #f3e4e6}.adminForceRejectFinancePlayers p:first-child{border-top:0;padding-top:0}.adminForceRejectFinancePlayers p b{color:#674650;font-size:11px;white-space:nowrap}.adminForceRejectFinancePlayers p span{color:#87616b;font-size:11px;line-height:1.5;text-align:right}@media(max-width:520px){.adminForceRejectFinanceTotals{grid-template-columns:1fr}.adminForceRejectFinancePlayers p{grid-template-columns:1fr;gap:3px}.adminForceRejectFinancePlayers p span{text-align:left}.orderNoticeCard{padding:12px}.orderNoticeCard p{font-size:12px}}

/* 20260714 · Forced-reject balance refund presentation. */
.adminForceRejectRefund{display:grid;gap:5px;margin-top:9px;padding:10px 11px;border:1px solid #c6dfcf;border-radius:10px;background:#f6fcf8}.adminForceRejectRefund>b{color:#237348;font-size:13px}.adminForceRejectRefund p{margin:0;color:#42634f;font-size:12px;line-height:1.5}.adminForceRejectRefund p strong{color:#17834c;font-size:14px}.adminForceRejectRefund small{color:#6e8977;font-size:10px}.adminForceRejectRefund.pending{border-color:#f0d59e;background:#fffaf0}.adminForceRejectRefund.pending>b{color:#a8751d}.adminForceRejectRefund.pending p{color:#80622d}.adminForceRejectRefund.muted{border-color:#e2e5e9;background:#f8fafc}.adminForceRejectRefund.muted>b{color:#627080}.adminForceRejectRefund.muted p{color:#768291}.adminForceRejectRefundBtn{margin-top:8px!important;background:linear-gradient(135deg,#2eab65,#17834c)!important;color:#fff!important}

/* 20260714 · Player server-synced bill details. */
.playerApp .playerBillRow.forceReject{border-color:#70414a;background:linear-gradient(145deg,#261a1f,#151517);box-shadow:0 12px 24px #0006}.playerApp .playerBillRow.forceReject>i{background:#4a2730;color:#ffb5c0}.playerApp .playerBillRow.forceReject .playerBillMain b{color:#fff0f2}.playerApp .playerBillRow.forceReject .playerBillMain span{color:#f2b8c0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.42}.playerApp .playerBillRow.forceReject .playerBillMain em{color:#c997a0;white-space:normal;line-height:1.4}.playerApp .playerBillRow.forceReject .playerBillSide small{background:#4a2730;color:#ffd3da}
.playerApp .playerIncomeHeroActions{display:grid;grid-template-columns:1fr 1.14fr;gap:9px;margin-top:14px}.playerApp .playerIncomeHeroActions button{height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,#31f0c7,#ffdf8a);color:#08201b;font-size:13px;font-weight:950}.playerApp .playerIncomeHeroActions button.bill{border:1px solid #3e6b61;background:#102521;color:#b7ded3;box-shadow:inset 0 0 0 1px #ffffff08}.playerApp .playerBillEntry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:12px;padding:13px;border:1px solid #29554c;border-radius:18px;background:linear-gradient(145deg,#132721,#0e1b18);box-shadow:0 12px 26px #0004}.playerApp .playerBillEntry b,.playerApp .playerBillEntry span{display:block}.playerApp .playerBillEntry b{color:#effff8;font-size:14px}.playerApp .playerBillEntry span{margin-top:4px;color:#91afa7;font-size:11px;line-height:1.45}.playerApp .playerBillEntry button{height:34px;padding:0 11px;border:0;border-radius:11px;background:#2fdbb3;color:#06221c;font-size:12px;font-weight:900;white-space:nowrap}.playerApp [data-page=bill]{min-height:100vh;background:#07100f;color:#f4fff8}.playerApp .playerBillTop{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:38px minmax(0,1fr) 42px;gap:9px;align-items:center;min-height:58px;padding:0 14px;border-bottom:1px solid #24564d;background:#081412f5;box-shadow:0 12px 28px #0008;backdrop-filter:blur(16px)}.playerApp .playerBillTop>button{height:34px;border:1px solid #2d6458;border-radius:12px;background:#11231f;color:#b9d7cf;font-size:13px;font-weight:900}.playerApp .playerBillTop>button:first-child{font-size:27px;line-height:1}.playerApp .playerBillTop div{min-width:0}.playerApp .playerBillTop b,.playerApp .playerBillTop span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerApp .playerBillTop b{color:#f3fff9;font-size:16px}.playerApp .playerBillTop span{margin-top:3px;color:#86a79d;font-size:10px}.playerApp .playerBillsPage{min-height:calc(100vh - 58px);padding:14px 14px 28px;background:linear-gradient(180deg,#12342f 0,#081412 240px,#07100f 100%)}.playerApp .playerBillHero{display:grid;grid-template-columns:1.18fr .82fr;gap:9px}.playerApp .playerBillHero>div{padding:14px;border:1px solid #2a6358;border-radius:18px;background:linear-gradient(145deg,#15332d,#10211e);box-shadow:0 12px 24px #0005}.playerApp .playerBillHero>div:last-child{border-color:#3a554c;background:linear-gradient(145deg,#1a2924,#111b18)}.playerApp .playerBillHero span,.playerApp .playerBillHero b{display:block}.playerApp .playerBillHero span{color:#94b6ac;font-size:11px}.playerApp .playerBillHero b{margin-top:7px;color:#f5fff9;font-size:22px;letter-spacing:.2px}.playerApp .playerBillFilters{display:flex;gap:8px;overflow:auto;margin:14px -1px 12px;padding:0 1px 2px}.playerApp .playerBillFilters button{flex:0 0 auto;min-height:34px;padding:0 11px;border:1px solid #2d6258;border-radius:999px;background:#11231f;color:#a9c7be;font-size:12px;font-weight:850}.playerApp .playerBillFilters button.active{border-color:#3de2bd;background:#2cdbb51c;color:#98ffe3;box-shadow:0 7px 16px #1ce3b51a}.playerApp .playerBillFilters em{margin-left:5px;color:#78998f;font-size:10px;font-style:normal}.playerApp .playerBillFilters button.active em{color:#c5fff1}.playerApp .playerBillList{display:grid;gap:9px}.playerApp .playerBillRow{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #264a43;border-radius:17px;background:#0f1e1a;box-shadow:0 10px 22px #0004}.playerApp .playerBillRow>i{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:#18342d;color:#7df2d0;font-size:13px;font-style:normal;font-weight:1000}.playerApp .playerBillRow.income>i{background:#173b31;color:#8cffdc}.playerApp .playerBillRow.withdraw>i{background:#26322f;color:#ffd98c}.playerApp .playerBillRow.adjust>i{background:#38252a;color:#ffb0bc}.playerApp .playerBillMain{min-width:0}.playerApp .playerBillMain b,.playerApp .playerBillMain span,.playerApp .playerBillMain em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerApp .playerBillMain b{color:#ecfff7;font-size:13px}.playerApp .playerBillMain span{margin-top:4px;color:#a1bbb3;font-size:11px}.playerApp .playerBillMain em{margin-top:4px;color:#728f87;font-size:10px;font-style:normal}.playerApp .playerBillSide{display:grid;justify-items:end;gap:5px;min-width:78px;text-align:right}.playerApp .playerBillAmount{font-size:13px;white-space:nowrap}.playerApp .playerBillAmount.plus{color:#75f7cc}.playerApp .playerBillAmount.minus{color:#ffbd86}.playerApp .playerBillAmount.neutral{color:#d8e6df;font-size:11px}.playerApp .playerBillSide small{padding:3px 6px;border-radius:999px;background:#1c3730;color:#91c3b4;font-size:9px}.playerApp .playerBillEmpty{margin-top:36px}@media(max-width:370px){.playerApp .playerBillsPage{padding-left:10px;padding-right:10px}.playerApp .playerBillTop{padding-left:10px;padding-right:10px}.playerApp .playerBillRow{grid-template-columns:38px minmax(0,1fr) auto;padding:10px}.playerApp .playerBillRow>i{width:36px;height:36px;border-radius:12px}.playerApp .playerBillSide{min-width:66px}.playerApp .playerBillAmount{font-size:12px}.playerApp .playerBillHero b{font-size:19px}}