/* source: styles.css */
:root{
  --ink:#15182a;--muted:#7b8199;--line:rgba(85,96,144,.13);--paper:rgba(255,255,255,.92);
  --primary:#5267ff;--primary-2:#7757ff;--soft:#eef1ff;--success:#14a97b;--danger:#eb5b6a;
  --warning:#d79624;--shadow:0 24px 70px rgba(62,72,126,.13);--radius:24px;
  color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",sans-serif;
}
*{box-sizing:border-box}html{min-height:100%;background:#f4f6fc}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(145deg,#f8f9ff 0%,#eef1fa 46%,#f9fbff 100%);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.ambient{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(4px);opacity:.65}.ambient-a{width:420px;height:420px;top:-190px;right:-110px;background:radial-gradient(circle,#cfd6ff 0,rgba(207,214,255,0) 70%)}.ambient-b{width:360px;height:360px;bottom:-150px;left:-100px;background:radial-gradient(circle,#e7d7ff 0,rgba(231,215,255,0) 70%)}
.app-shell{position:relative;z-index:1;min-height:100vh;padding-bottom:96px}.topbar{position:sticky;top:0;z-index:30;height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:28px;background:rgba(250,251,255,.82);border-bottom:1px solid rgba(89,100,150,.1);backdrop-filter:blur(22px)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;min-width:205px}.brand-mark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;font:900 20px/1 Georgia,serif;box-shadow:0 10px 24px rgba(82,103,255,.28);transform:rotate(-5deg)}.brand span:last-child{display:grid;gap:2px}.brand b{font-size:17px;letter-spacing:.03em}.brand small{font-size:9px;letter-spacing:.18em;color:#a1a6b9;font-weight:800}
.desktop-nav{display:flex;align-items:center;gap:8px;flex:1}.nav-link{height:40px;border:0;background:transparent;color:#757c94;border-radius:13px;padding:0 16px;font-weight:750}.nav-link.active{background:#fff;color:var(--primary);box-shadow:0 8px 24px rgba(69,79,128,.1)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.wechat-login,.primary-button{border:0;height:42px;border-radius:14px;padding:0 18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:800;box-shadow:0 10px 25px rgba(82,103,255,.24)}.wechat-login span{font-size:11px;padding:3px 6px;margin-right:6px;border-radius:7px;background:rgba(255,255,255,.2)}.role-badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:#ecefff;color:var(--primary);font-size:12px;font-weight:800}.profile-button{height:44px;border:0;background:#fff;border-radius:14px;padding:4px 12px 4px 4px;display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:750;box-shadow:0 8px 22px rgba(62,72,126,.08)}.profile-button img{width:36px;height:36px;border-radius:12px;object-fit:cover;background:var(--soft)}
.main-view{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:34px 0 50px}.loading-screen{min-height:55vh;display:grid;place-items:center;align-content:center;gap:16px;color:var(--muted)}.loader{width:42px;height:42px;border-radius:50%;border:4px solid #dfe4ff;border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.hero{position:relative;overflow:hidden;min-height:310px;border-radius:34px;padding:52px 55px;background:linear-gradient(125deg,#20253f 0%,#303964 52%,#586dff 100%);color:#fff;box-shadow:0 30px 80px rgba(38,46,86,.23)}.hero:after{content:"";position:absolute;width:420px;height:420px;right:-80px;top:-105px;border:1px solid rgba(255,255,255,.17);border-radius:46% 54% 62% 38%;transform:rotate(24deg);box-shadow:inset 0 0 0 56px rgba(255,255,255,.03),inset 0 0 0 115px rgba(255,255,255,.025)}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;color:#c7d0ff;font-weight:850}.hero-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#77f4cc;box-shadow:0 0 0 5px rgba(119,244,204,.12)}.hero h1{position:relative;z-index:1;max-width:650px;font-size:clamp(33px,5vw,58px);line-height:1.07;letter-spacing:-.045em;margin:18px 0 18px}.hero p{position:relative;z-index:1;max-width:560px;color:#d5daf4;font-size:16px;line-height:1.8;margin:0}.hero-actions{position:relative;z-index:1;display:flex;gap:12px;margin-top:30px}.hero .primary-button{height:50px;background:#fff;color:#303a6e;box-shadow:none}.ghost-button{height:44px;border:1px solid var(--line);border-radius:14px;padding:0 17px;background:#fff;color:var(--ink);font-weight:800}.hero .ghost-button{height:50px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.announcement{margin:18px 0 0;padding:15px 20px;border-radius:16px;background:rgba(255,255,255,.8);border:1px solid var(--line);color:#60677f;font-size:14px}.announcement b{color:var(--primary);margin-right:8px}
.section{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head div>span,.eyebrow{color:var(--primary);font-size:11px;letter-spacing:.14em;font-weight:900;text-transform:uppercase}.section-head h2,.page-title h1{margin:6px 0 0;font-size:28px;letter-spacing:-.025em}.text-button{border:0;background:transparent;color:var(--primary);font-weight:800;padding:8px}
.game-strip{display:flex;gap:12px;overflow:auto;padding:2px 2px 10px;scrollbar-width:none}.game-strip::-webkit-scrollbar{display:none}.game-chip{min-width:max-content;height:48px;border:1px solid var(--line);border-radius:16px;padding:0 17px;background:rgba(255,255,255,.78);display:flex;align-items:center;gap:9px;color:#687089;font-weight:750}.game-chip img{width:28px;height:28px;border-radius:9px;object-fit:cover}.game-chip.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 12px 24px rgba(82,103,255,.2)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{position:relative;overflow:hidden;border:1px solid rgba(83,94,144,.1);border-radius:24px;background:var(--paper);box-shadow:0 12px 40px rgba(63,73,120,.08);transition:.22s transform,.22s box-shadow}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(63,73,120,.14)}.product-image{width:100%;aspect-ratio:1.16;object-fit:cover;background:#edf0f8;display:block}.product-body{padding:17px}.product-game{font-size:12px;color:var(--primary);font-weight:850}.product-card h3{font-size:17px;line-height:1.4;margin:8px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-subtitle{height:38px;color:var(--muted);font-size:13px;line-height:1.5;overflow:hidden}.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.price{color:#fb596b;font-size:20px;font-weight:900}.price small{font-size:12px}.buy-button{height:36px;border:0;border-radius:12px;padding:0 13px;background:var(--soft);color:var(--primary);font-weight:850}
.page-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.page-title p{color:var(--muted);margin:8px 0 0}.filter-bar{display:flex;gap:12px;margin-bottom:18px}.search-input{height:46px;flex:1;border:1px solid var(--line);border-radius:15px;background:#fff;padding:0 16px;outline:none}.search-input:focus{border-color:#aeb8ff;box-shadow:0 0 0 4px rgba(82,103,255,.09)}
.empty-state{min-height:260px;border:1px dashed #cbd1e5;border-radius:24px;background:rgba(255,255,255,.55);display:grid;place-items:center;align-content:center;text-align:center;padding:34px;color:var(--muted)}.empty-state b{font-size:18px;color:var(--ink);margin-bottom:8px}.login-card{min-height:380px;display:grid;place-items:center;text-align:center;border-radius:28px;background:linear-gradient(145deg,#fff,#f5f6ff);border:1px solid var(--line);padding:40px}.login-card-icon{width:76px;height:76px;border-radius:25px;display:grid;place-items:center;margin:auto;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;font-size:30px;font-weight:900;box-shadow:0 18px 35px rgba(82,103,255,.25)}.login-card h2{margin:22px 0 8px}.login-card p{color:var(--muted);line-height:1.8;max-width:420px}
.login-card .privacy-consent{margin:14px auto 0;font-size:12px}.privacy-consent a{color:var(--primary);font-weight:800;text-decoration:none}
.list-stack{display:grid;gap:14px}.order-card,.conversation-card,.system-card,.profile-card,.hall-card{border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 10px 36px rgba(65,75,122,.07)}.order-card,.hall-card{padding:20px}.order-main{display:grid;grid-template-columns:86px 1fr auto;gap:16px}.order-main img{width:86px;height:86px;border-radius:18px;object-fit:cover;background:var(--soft)}.order-main h3{margin:2px 0 8px;font-size:18px}.meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:13px}.status{align-self:start;display:inline-flex;height:30px;align-items:center;padding:0 11px;border-radius:10px;background:#eef1ff;color:var(--primary);font-size:12px;font-weight:850}.status.success{background:#eaf9f4;color:var(--success)}.status.warn{background:#fff7e8;color:var(--warning)}.status.danger{background:#fff0f2;color:var(--danger)}.order-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:16px}.small-button{height:36px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;color:#596078;font-weight:800}.small-button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.small-button.danger{color:var(--danger);background:#fff4f5}
.message-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:18px}.message-sidebar,.chat-panel{min-height:620px;border-radius:25px;border:1px solid var(--line);background:rgba(255,255,255,.88);overflow:hidden}.message-sidebar-head,.chat-head{padding:20px;border-bottom:1px solid var(--line)}.message-sidebar-head h2,.chat-head h2{margin:0}.conversation-card{margin:10px;border-radius:17px;padding:13px;display:grid;grid-template-columns:48px 1fr auto;gap:11px;align-items:center;box-shadow:none;cursor:pointer}.conversation-card:hover{background:#f8f9ff}.conversation-card img{width:48px;height:48px;border-radius:15px;object-fit:cover;background:var(--soft)}.conversation-card h3{font-size:15px;margin:0 0 6px}.conversation-card p{font-size:13px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ff5366;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}
.chat-panel{display:flex;flex-direction:column}.chat-messages{padding:22px;flex:1;overflow:auto;max-height:650px;background:linear-gradient(#f8f9fd,#f4f6fb)}.message-row{display:flex;gap:10px;margin:14px 0;align-items:flex-end}.message-row.outgoing{justify-content:flex-end}.message-row img{width:36px;height:36px;border-radius:12px;object-fit:cover;background:#fff}.bubble{max-width:min(72%,560px);border-radius:18px 18px 18px 5px;background:#fff;padding:12px 15px;box-shadow:0 5px 18px rgba(62,72,126,.08);line-height:1.6;word-break:break-word}.outgoing .bubble{border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.system-message{width:100%;margin:16px 0;border:1px solid var(--line);border-radius:17px;background:#fff;padding:16px 18px}.system-message h4{margin:0 0 7px}.system-message p{color:var(--muted);margin:0;line-height:1.65}.chat-compose{display:flex;gap:10px;padding:15px;border-top:1px solid var(--line);background:#fff}.chat-compose input{flex:1;height:44px;border:1px solid var(--line);border-radius:14px;padding:0 14px;outline:none}.chat-compose button{width:76px;border:0;border-radius:14px;background:var(--primary);color:#fff;font-weight:850}
.profile-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.profile-card{padding:24px}.profile-identity{display:flex;gap:16px;align-items:center}.profile-identity img{width:76px;height:76px;border-radius:24px;object-fit:cover;background:var(--soft)}.profile-identity h2{margin:0 0 6px}.profile-identity p{margin:0;color:var(--muted)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.profile-stats div{padding:15px;border-radius:16px;background:#f7f8fe}.profile-stats span{font-size:12px;color:var(--muted)}.profile-stats b{display:block;font-size:20px;margin-top:6px}.setting-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.switch{width:48px;height:28px;border:0;border-radius:999px;background:#d7dbea;padding:3px}.switch:after{content:"";display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--primary)}.switch.on:after{transform:translateX(20px)}
.mobile-nav{display:none}.toast{position:fixed;z-index:100;left:50%;bottom:90px;transform:translate(-50%,18px);max-width:min(88vw,480px);padding:13px 18px;border-radius:14px;background:rgba(27,31,49,.92);color:#fff;font-size:14px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:rgba(169,42,57,.94)}
.modal{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(20,24,44,.48);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(760px,100%);max-height:min(88vh,900px);overflow:auto;border-radius:28px;background:#fff;box-shadow:var(--shadow);padding:26px}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.modal-head h2{margin:0}.close-button{width:40px;height:40px;border:0;border-radius:13px;background:#f2f3f8;color:#596078;font-size:20px}.product-detail-top{display:grid;grid-template-columns:210px 1fr;gap:22px}.product-detail-top img{width:210px;height:210px;border-radius:23px;object-fit:cover;background:var(--soft)}.product-detail-top h2{margin:4px 0 8px}.form-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.form-section label{display:grid;gap:8px;color:#4d5369;font-weight:750;margin-top:13px}.form-section input,.form-section textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;outline:none}.form-section textarea{min-height:88px;resize:vertical}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:38px;height:38px;border:0;border-radius:12px;background:var(--soft);color:var(--primary);font-size:19px;font-weight:900}.spec-options{display:flex;flex-wrap:wrap;gap:8px}.spec-option{height:36px;border:1px solid var(--line);border-radius:12px;padding:0 13px;background:#fff;color:#60677f}.spec-option.active{background:var(--soft);border-color:#aeb8ff;color:var(--primary);font-weight:850}.checkout-bar{position:sticky;bottom:-26px;margin:24px -26px -26px;padding:15px 26px calc(15px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.94);border-top:1px solid var(--line);backdrop-filter:blur(15px)}.checkout-bar strong{font-size:24px;color:#fb596b}.checkout-bar .primary-button{min-width:150px}
.checkout-sheet{position:relative}.checkout-daily-limit{margin:14px 0 4px;padding:12px 15px;border-radius:12px;background:#f2f4ff;color:var(--primary);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:750}.checkout-daily-limit>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-traffic-countdown{flex:none;display:flex;align-items:center;gap:4px;color:var(--primary);white-space:nowrap}.checkout-traffic-countdown strong{font-variant-numeric:tabular-nums;color:inherit;white-space:nowrap}.checkout-traffic-mask{position:fixed;z-index:130;inset:0;background:rgba(20,24,44,.55);display:grid;place-items:center;padding:24px}.checkout-traffic-dialog{width:min(420px,100%);padding:30px 26px 24px;border-radius:20px;background:#fff;text-align:center;box-shadow:var(--shadow)}.checkout-traffic-dialog h3{margin:0;font-size:21px}.checkout-traffic-dialog p{margin:22px 0 28px;color:#62687a;line-height:1.7}.checkout-traffic-dialog button{width:100%;height:46px;border:0;border-radius:999px;background:var(--primary);color:#fff;font-weight:800}.checkout-traffic-dialog button:disabled{background:#d6d9e3;color:#8b90a0}.checkout-traffic-mask.hidden{display:none}
.checkout-product-detail{margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff}.checkout-product-detail h2{margin:0;padding:16px 18px;border-bottom:1px solid var(--line);font-size:18px}.checkout-product-detail-images{display:grid;background:#fff}.checkout-product-detail-images img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}
@media(max-width:960px){.desktop-nav{display:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.message-layout{grid-template-columns:1fr}.message-layout .message-sidebar.chat-open{display:none}.chat-panel{min-height:68vh}.profile-grid{grid-template-columns:1fr}.topbar{padding:0 22px}.brand{min-width:0;flex:1}.top-actions .profile-button span{display:none}}
@media(max-width:680px){.app-shell{padding-bottom:86px}.topbar{height:64px;padding:0 16px}.brand-mark{width:38px;height:38px;border-radius:13px}.brand b{font-size:16px}.brand small{font-size:8px}.wechat-login{height:39px;padding:0 13px}.role-badge{display:none!important}.main-view{width:calc(100% - 28px);padding:18px 0 34px}.hero{min-height:300px;padding:34px 25px;border-radius:26px}.hero h1{font-size:38px;margin-top:16px}.hero p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%}.section{margin-top:27px}.section-head h2,.page-title h1{font-size:23px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card{border-radius:19px}.product-body{padding:13px}.product-card h3{font-size:15px}.product-subtitle{display:none}.price{font-size:17px}.buy-button{padding:0 9px}.page-title{align-items:start}.filter-bar{flex-direction:column}.mobile-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:76px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;background:rgba(255,255,255,.94);border-top:1px solid var(--line);backdrop-filter:blur(20px)}.mobile-link{min-width:58px;border:0;background:transparent;color:#9aa0b3;display:grid;gap:3px;place-items:center;font-size:11px;font-weight:750}.mobile-link i{font-style:normal;font-size:20px;line-height:24px}.mobile-link.active{color:var(--primary)}.order-card,.hall-card{padding:15px;border-radius:19px}.order-main{grid-template-columns:68px 1fr;gap:12px}.order-main img{width:68px;height:68px;border-radius:15px}.order-main .status{grid-column:2}.order-main h3{font-size:16px}.order-actions{justify-content:flex-start}.message-sidebar,.chat-panel{border-radius:20px;min-height:calc(100vh - 190px)}.message-layout{gap:0}.chat-messages{padding:14px;max-height:calc(100vh - 300px)}.bubble{max-width:82%}.profile-card{padding:18px;border-radius:20px}.profile-stats{grid-template-columns:repeat(2,1fr)}.modal{padding:0;align-items:end}.modal-panel{width:100%;max-height:92vh;border-radius:27px 27px 0 0;padding:22px}.product-detail-top{grid-template-columns:102px 1fr;gap:15px}.product-detail-top img{width:102px;height:102px;border-radius:18px}.product-detail-top h2{font-size:20px}.checkout-bar{bottom:-22px;margin:22px -22px -22px;padding:14px 22px calc(14px + env(safe-area-inset-bottom))}.checkout-bar .primary-button{min-width:125px}.top-actions .profile-button{display:none!important}}
.standalone-chat{min-height:calc(100vh - 180px)}.chat-image{display:block;max-width:min(360px,72vw);max-height:420px;border-radius:13px;object-fit:cover}.small-button:disabled,.primary-button:disabled{opacity:.55;cursor:not-allowed}.empty-state>.empty-state{border:0}.form-section .meta{font-weight:500}

.spec-option small{margin-left:5px;color:#fb596b;font-size:11px;font-weight:700}
.spec-option.disabled,.spec-option:disabled{opacity:.42!important;background:#f2f3f5!important;color:#9ca3af!important;cursor:not-allowed}

/* Web player center, wallet and service-account deep-link states. */
.nav-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-link i{display:grid;place-items:center}.player-dashboard,.wallet-shell{display:grid;gap:22px}.player-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px;border-radius:28px;background:linear-gradient(125deg,#20253f,#5368ff);color:#fff;box-shadow:var(--shadow)}.player-welcome .profile-identity{margin:0}.player-welcome .profile-identity img{width:68px;height:68px;border-radius:22px}.player-welcome .eyebrow,.player-welcome p{color:#d7ddff}.player-welcome h2{margin:4px 0}.player-welcome .primary-button{background:#fff;color:#334078;box-shadow:none}.dashboard-grid,.wallet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wallet-grid{grid-template-columns:2fr 1fr 1fr}.metric-card,.wallet-balance{min-height:145px;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 16px 40px rgba(62,72,126,.07);text-align:left;color:var(--ink)}button.metric-card{cursor:pointer}.metric-card span,.wallet-balance span{display:block;color:var(--muted);font-size:13px;font-weight:750}.metric-card b,.wallet-balance b{display:block;margin:13px 0 7px;font-size:27px;letter-spacing:-.03em}.metric-card small,.wallet-balance small{color:var(--muted)}.wallet-balance{color:#fff;border:0;background:linear-gradient(135deg,#30395f,#7658ff)}.wallet-balance span,.wallet-balance small{color:#dce1ff}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-card{min-height:102px;padding:18px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);text-align:left}.quick-card>.nav-icon{width:36px;height:36px;padding:7px;border-radius:12px;background:var(--soft);color:var(--primary)}.quick-card span{display:grid;gap:5px}.quick-card b{font-size:16px}.quick-card small{color:var(--muted);line-height:1.4}.wallet-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wallet-columns .profile-card{height:max-content}.withdraw-qr{width:128px;height:128px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:var(--soft)}.wallet-list{display:grid;gap:0}.wallet-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.wallet-row:last-child{border-bottom:0}.wallet-row>div{display:grid;gap:5px;min-width:0}.wallet-row b,.wallet-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-row small{color:var(--muted)}.wallet-row .income{color:var(--success)}.wallet-row .expense{color:var(--danger)}.system-message-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.gift-preview{color:#d89b1e!important;font-weight:800}.gift-message{display:flex;align-items:center;gap:11px;min-width:150px}.gift-message img{width:50px!important;height:50px!important;border-radius:14px;object-fit:cover}.gift-message>div{display:grid;gap:2px}.gift-message small{color:#d89b1e}.gift-message b{font-size:16px}.gift-message span{font-size:12px;color:var(--muted)}.focus-card{outline:3px solid rgba(82,103,255,.38);box-shadow:0 0 0 8px rgba(82,103,255,.08),var(--shadow);animation:focusPulse 1.3s ease-in-out 2}@keyframes focusPulse{50%{outline-color:rgba(119,87,255,.8)}}.form-section input[type=file]{padding:10px;background:#fff}
@media(max-width:820px){.player-center-head{align-items:flex-end}.player-welcome{padding:20px;align-items:flex-start}.player-welcome .primary-button{height:40px;padding:0 12px;white-space:nowrap}.dashboard-grid,.wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-balance{grid-column:1/-1}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-columns{grid-template-columns:1fr}.metric-card,.wallet-balance{min-height:125px;padding:18px}.metric-card b,.wallet-balance b{font-size:23px}.quick-card{padding:14px}.system-message-foot{align-items:flex-end}}
.withdrawal-identity-note{margin:0;padding:12px 14px;border-radius:12px;background:#f7f8ff;color:var(--muted);font-size:13px;line-height:1.55}
:root .wallet-wechat-action{min-height:44px;padding:0 12px;margin-top:8px;border:0;border-radius:20px;background:#16a34a;color:#fff;font-size:12px;white-space:nowrap}
:root .wallet-wechat-action:disabled{opacity:.55}


/* source: miniapp.css */
/* source: miniprogram/app.wxss */
.web-page{background:#f6f7fb;color:#202938;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.container{padding:12px}.soft-bg{background:linear-gradient(180deg,#dfe4ff 0%,#f6f7fb 42%);min-height:100vh}.card{background:#fff;border-radius:12px;box-shadow:0 4px 13px rgba(59,76,125,.06)}.row{display:flex;align-items:center}.between{display:flex;align-items:center;justify-content:space-between}.muted{color:#98a2b3}.price{color:#ff765f;font-size:19px;font-weight:900}.old{text-decoration:line-through;color:#b8b8b8;margin-left:5px}.btn{height:40px;border-radius:9px;background:#6676ff;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.btn.ghost{background:#eef0ff;color:#6676ff}.btn.green{background:#18c79c}.btn.red{background:#ff6b6b}.tag{display:inline-flex;background:#eef0ff;color:#6676ff;border-radius:5px;padding:3px 6px;font-size:11px}.title{font-size:18px;font-weight:900}.section-title{font-size:16px;font-weight:900;margin:14px 0 9px}.input{height:41px;background:#fff;border-radius:9px;padding:0 12px;border:0.5px solid #edf0f5}.textarea{height:80px;background:#fff;border-radius:9px;padding:10px 12px;border:0.5px solid #edf0f5}.empty{text-align:center;color:#98a2b3;padding:40px 0}.thumb{width:75px;height:75px;border-radius:10px;object-fit:cover}.safe-bottom{height:20px}
.customer-entry{position:relative}.native-contact-cover{position:absolute!important;left:0;top:0;right:0;bottom:0;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;opacity:0!important;z-index:30}.native-contact-cover::after{border:0!important}

/* 2026-07-28：统一小程序原生按钮内容在可点击背景内水平、垂直居中。 */
button{
  box-sizing:border-box;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:1!important;
  vertical-align:middle;
}


/* source: miniprogram/pages/home/home.wxss */
.web-page{background:#edf3fb}.home-shell{min-height:100vh;background:#edf3fb;padding-bottom:65px}.top-hero{position:relative;overflow:hidden;color:#fff}.blue-hero{background:linear-gradient(135deg,#536cff 0%,#7b8cff 58%,#b5c0ff 100%);border-bottom-left-radius:25px;border-bottom-right-radius:25px;padding-left:15px;padding-right:15px;padding-bottom:9px}.rank-hero{background:radial-gradient(circle at 50% 40%,#c7bbff 0%,#9274ff 48%,#7c63f2 100%);padding-left:15px;padding-right:15px;padding-bottom:0;min-height:450px}.hero-lights{position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.9) 0 1.5px,transparent 2px),radial-gradient(circle at 78% 28%,rgba(255,255,255,.8) 0 2px,transparent 2.5px),radial-gradient(circle at 60% 10%,rgba(255,255,255,.8) 0 1.5px,transparent 2px);opacity:.75}.hero-top{position:relative;z-index:2}.nav-tabs{display:flex;align-items:center;gap:27px;font-size:17px;white-space:nowrap}.nav-tabs text{opacity:.75}.nav-tabs .active{opacity:1;font-size:24px;font-weight:900;text-shadow:0 7px 9px rgba(255,255,255,.45);position:relative}.nav-tabs .active:after{content:"";position:absolute;left:20%;right:20%;bottom:-9px;height:6px;border-radius:499.5px;background:rgba(255,255,255,.36);filter:blur(1px)}.search-bubble{width:43px;height:35px;border-radius:17.5px;background:rgba(65,76,170,.35);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;font-weight:900}.notice{margin:26px auto 11px;background:rgba(255,255,255,.93);color:#777;border-radius:9px;height:32px;display:flex;align-items:center;justify-content:center;width:88%;font-size:14px}.game-scroll{white-space:nowrap;position:relative;z-index:2}.game-item{display:inline-flex;width:80px;flex-direction:column;align-items:center;margin-right:12px;color:#5b6170}.game-item image{width:45px;height:45px;border-radius:11px;background:#fff;box-shadow:0 5px 10px rgba(62,72,132,.12)}.game-item text{margin-top:6px;color:#252b35;font-size:14px;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-item.on image{border:2px solid #7482ff}.game-item.on text{color:#202938;font-weight:800}.home-content{padding:12px}.cat-scroll{white-space:nowrap;margin:4px 0 12px}.cat{display:inline-flex;height:32px;align-items:center;padding:0 16px;margin-right:7px;background:#fff;border-radius:6px;color:#999;font-size:14px}.cat.on{background:var(--theme,#6676ff);color:#fff;font-weight:800}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product{overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(59,76,125,.07)}.product image{width:100%;height:170.5px;object-fit:cover;background:#eef0ff}.p-body{padding:9px}.p-title{font-size:16px;font-weight:800;line-height:1.25;min-height:40px}.p-sub{color:#888;font-size:13px;line-height:1.35;height:36px;overflow:hidden;margin:5px 0}.players-game-panel{position:relative;margin:29px -15px 0;background:#edf4fb;border-top-left-radius:22px;border-top-right-radius:22px;padding:19px 15px 15px;min-height:99px}.gods-games .game-item text{color:#222}.expand-mark{position:absolute;right:8px;top:25px;color:#333;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:2px}.expand-mark .line{font-size:19px;color:#777}.god-content{padding:14px 15px 70px;background:#edf4fb}.service-banners{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.service-card{height:70px;border-radius:12px;padding:12px;position:relative;overflow:hidden;color:#fff;box-shadow:0 6px 14px rgba(70,90,160,.15)}.service-card .big{font-size:18px;font-weight:900;display:block}.service-card text:nth-child(2){font-size:13px;margin-top:4px;display:block;opacity:.95}.service-card .emoji{position:absolute;right:9px;bottom:7px;font-size:26px}.service-card.pink{background:linear-gradient(135deg,#ff47d2,#ff94d6)}.service-card.cyan{background:linear-gradient(135deg,#2d92ff,#54d8ef)}.god-filter{display:flex;gap:26px;font-size:17px;color:#6b7280;margin:3px 0 13px}.god-filter text{position:relative;padding-bottom:8px}.god-filter .active{font-weight:900;color:#202938}.god-filter .active:after{content:"";position:absolute;left:28%;right:28%;bottom:0;height:4px;background:var(--theme,#6676ff);border-radius:49.5px}.player-list{display:flex;flex-direction:column;gap:14px}.player-card{height:125px;border-radius:17px;background:#fff;display:flex;align-items:center;padding:14px 13px;box-shadow:0 6px 14px rgba(65,78,132,.06);position:relative}.player-card .avatar{width:71px;height:71px;border-radius:50%;object-fit:cover;flex:none;background:#f0f2ff}.player-main{margin-left:15px;min-width:0;flex:1}.player-name{font-size:19px;font-weight:900;color:#020617;margin-right:4px}.gender{display:inline-flex;background:#e7efff;color:#6681ff;border-radius:4px;padding:1px 4px;font-size:11px;font-weight:900}.level-line{margin-top:4px}.level-icon{display:inline-flex;background:#fff2d9;color:#303030;border-radius:4px;padding:2px 6px;font-size:14px;font-weight:800;box-shadow:0 2px 5px rgba(190,136,50,.12)}.service-tag{display:inline-flex;background:#fff0d9;color:#bf7a16;border-radius:4px;padding:3px 6px;font-size:14px;margin-top:4px}.intro{font-size:13px;color:#b8b8b8;margin-top:9px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-side{width:80px;height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.heart{font-size:28px;color:#aaa;line-height:1}.hour-price{font-size:15px;color:#7b7f87}.rank-title-art{position:relative;z-index:2;text-align:center;margin-top:35px;font-size:46px;font-weight:1000;line-height:1;color:#fff;text-shadow:3px 3px 0 #6755d9,-2px -2px 0 #6755d9,0 5px 0 rgba(73,62,182,.35);transform:rotate(-5deg)}.rank-title-art text{display:block;margin-top:-3px}.podium{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;margin-top:18px;height:255px}.podium-item{width:110px;text-align:center;position:relative}.podium-item image{width:63px;height:63px;border-radius:50%;border:3px solid #fff;object-fit:cover;background:#fff}.podium-item.first{width:125px;margin:0 11px;transform:translateY(-27px)}.podium-item.first image{width:75px;height:75px}.crown{position:absolute;top:-14px;right:17px;font-size:24px;transform:rotate(24deg);z-index:3}.no{display:inline-flex;background:#8c6cff;color:#fff;border-radius:7px;padding:2px 10px;font-size:15px;font-weight:900;margin-top:-6px;position:relative;z-index:3}.pod-name{font-size:16px;color:#343434;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-pill{display:inline-flex;background:#fff2d8;color:#c98b26;border-radius:4px;padding:2.5px 6px;font-size:13px;margin-top:6px}.level-pill{display:inline-flex;background:#fff5dd;color:#333;border-radius:4px;padding:2px 6px;font-size:12px;margin-top:5px;font-weight:900}.level-pill.red{background:#ffd9d4;color:#b84232}.level-pill.pink{background:#ffdfe8;color:#ef6688}.vote-box{height:28px;line-height:28px;border:1.5px solid rgba(255,255,255,.8);background:rgba(255,255,255,.48);border-radius:7px;font-size:16px;color:#777;margin:6px auto 0;width:85px;position:relative;z-index:3}.stage{height:81px;margin-top:-4px;border-top-left-radius:9px;border-top-right-radius:9px;opacity:.88}.stage.blue{background:linear-gradient(180deg,#85c4ff,#dff3ff)}.stage.purple{height:110px;background:linear-gradient(180deg,#9d8cff,#d8d0ff)}.rank-list-card{position:relative;z-index:4;background:rgba(255,255,255,.93);backdrop-filter:blur(7px);border-top-left-radius:14px;border-top-right-radius:14px;margin:-60px 0 0;padding:14px 15px 85px;min-height:230px}.rank-row{height:68px;display:flex;align-items:center;border-bottom:0.5px solid rgba(229,231,235,.75)}.rank-index{width:27px;font-size:15px;font-weight:900;color:#666}.rank-row image{width:43px;height:43px;border-radius:50%;object-fit:cover;margin-right:13px;background:#f1f5f9}.rank-info{flex:1;min-width:0}.rank-name{font-size:17px;font-weight:900;color:#111;margin-bottom:2px}.game-pill.small,.level-pill.small{font-size:12px;margin-top:0;margin-right:4px}.rank-score{font-size:16px;color:#666;font-weight:700}.vote-bar{position:fixed;left:0;right:0;bottom:0;height:69px;background:linear-gradient(90deg,#e4f5ff,#ece4ff);z-index:30;display:flex;align-items:center;padding:7px 14px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 14px rgba(97,109,190,.12)}.vote-bar .me-label{font-size:17px;font-weight:900;color:#6b7280;margin-right:10px}.vote-bar image{width:41px;height:41px;border-radius:50%;background:#fff;margin-right:10px}.vote-user{flex:1;color:#202938;font-size:16px;font-weight:900}.vote-user text{display:block;color:#7b8794;font-size:13px;font-weight:500;margin-top:2px}.vote-bar button{width:75px;height:39px;border-radius:21px;background:#7657ff;color:#fff;font-size:17px;border:0}.float-customer{position:fixed;right:14px;bottom:90px;z-index:32;display:flex;flex-direction:column;align-items:center}.float-customer image{width:64px;height:64px;border-radius:50%;box-shadow:0 5px 15px rgba(77,91,166,.25);background:#fff}.float-customer text{margin-top:-9px;background:#ffa72b;color:#fff;font-size:14px;font-weight:900;border-radius:5px;padding:2px 6px;box-shadow:0 3px 7px rgba(255,167,43,.28)}.customer-mask{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:80;display:flex;align-items:center;justify-content:center;padding:25px}.customer-card{width:300px;background:#fff;border-radius:15px;padding:14px;text-align:center}.customer-card image{width:100%;border-radius:11px}.customer-card text{display:block;color:#667085;margin-top:9px;font-size:13px}.empty{text-align:center;color:#98a2b3;padding:40px 0}.price{color:#ff765f;font-size:19px;font-weight:900}.old{text-decoration:line-through;color:#b8b8b8;margin-left:5px;font-size:13px}.card{background:#fff;border-radius:12px;box-shadow:0 4px 13px rgba(59,76,125,.06)}.row{display:flex;align-items:center}.between{display:flex;align-items:center;justify-content:space-between}
.entry-ad-mask{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:90;display:flex;align-items:center;justify-content:center;padding:25px}.entry-ad-card{width:310px;background:transparent}.entry-ad-card image{display:block;width:100%;border:0;border-radius:0;background:transparent;box-shadow:none}.cat.on,.vote-bar button{background:var(--theme,#6676ff)}.god-filter .active:after{background:var(--theme,#6676ff)}.gender{color:var(--theme,#6681ff)}

/* 大神页按参考图比例重排 */
.home-shell.players{background:#edf3fb;min-height:100vh;overflow:hidden}.home-shell.players .blue-hero{background:linear-gradient(135deg,#3f62ff 0%,#6579ff 46%,#9ba9ff 100%);border-bottom-left-radius:0;border-bottom-right-radius:0;padding-left:16px;padding-right:16px;padding-bottom:0;overflow:visible}.home-shell.players .hero-top{height:52px;align-items:center}.home-shell.players .nav-tabs{gap:27px;font-size:17px;line-height:1;color:#fff}.home-shell.players .nav-tabs text{opacity:.72}.home-shell.players .nav-tabs .active{font-size:25px;font-weight:900;opacity:1;text-shadow:0 8px 11px rgba(255,255,255,.42)}.home-shell.players .nav-tabs .active:after{left:18%;right:18%;bottom:-8px;height:7px;background:rgba(255,255,255,.34);filter:blur(1.5px)}.home-shell.players .search-bubble{width:44px;height:38px;border-radius:20px;background:rgba(55,65,160,.34);font-size:25px;box-shadow:inset 0 1px 4px rgba(255,255,255,.13)}.home-shell.players .players-game-panel{margin:23px -16px 0;background:#edf4fb;border-top-left-radius:24px;border-top-right-radius:24px;padding:20px 16px 12px;min-height:103px;box-sizing:border-box;box-shadow:0 -1px 0 rgba(255,255,255,.28)}.home-shell.players .gods-games{width:calc(100% - 31px);height:77px}.home-shell.players .gods-games .game-item{width:74px;margin-right:16px;vertical-align:top}.home-shell.players .gods-games .game-item image{width:43px;height:43px;border-radius:11px;box-shadow:none;background:rgba(255,255,255,.78);border:0}.home-shell.players .gods-games .game-item.on image{border:0;box-shadow:0 0 0 2px rgba(103,121,255,.45)}.home-shell.players .gods-games .game-item text{margin-top:8px;font-size:15px;line-height:18px;color:#222831;font-weight:500;max-width:80px}.home-shell.players .gods-games .game-item:not(.on) text{color:#9a9da5}.home-shell.players .expand-mark{right:9px;top:27px;font-size:15px;color:#333;letter-spacing:1px}.home-shell.players .expand-mark .line{font-size:19px;color:#777;line-height:17px}.home-shell.players .god-content{background:#edf4fb;padding:8px 15px 74px}.home-shell.players .service-banners{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.home-shell.players .service-card{height:69px;border-radius:12px;padding:12px 13px;box-shadow:none}.home-shell.players .service-card .big{font-size:19px;line-height:21px;text-shadow:0 2px 4px rgba(0,0,0,.08)}.home-shell.players .service-card text:nth-child(2){font-size:13px;line-height:16px;margin-top:4px}.home-shell.players .service-card .emoji{right:9px;bottom:7px;font-size:28px}.home-shell.players .service-card.pink{background:linear-gradient(135deg,#ff48d2 0%,#ff7fd2 56%,#ff9bd9 100%)}.home-shell.players .service-card.cyan{background:linear-gradient(135deg,#22a8ff 0%,#31c5ff 58%,#55ddf4 100%)}.home-shell.players .god-filter{margin:2px 0 15px;gap:29px;font-size:18px;line-height:23px;color:#747b86}.home-shell.players .god-filter text{padding-bottom:9px}.home-shell.players .god-filter .active{color:#202938;font-weight:900}.home-shell.players .god-filter .active:after{left:23%;right:23%;height:4px;border-radius:49.5px;background:var(--theme,#6676ff)}.home-shell.players .player-list{gap:15px}.home-shell.players .player-card{height:126px;border-radius:18px;padding:14px 14px 14px 14px;box-sizing:border-box;box-shadow:none}.home-shell.players .player-card .avatar{width:70px;height:70px;border-radius:50%;background:#f1f3f8;flex:none}.home-shell.players .player-main{margin-left:15px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:3px}.home-shell.players .player-name{font-size:19px;line-height:23px;font-weight:900;color:#050812;margin-right:4px}.home-shell.players .gender{height:15px;line-height:15px;border-radius:4px;padding:0 4px;background:#e8edff;color:#637eff;font-size:11px;vertical-align:3px}.home-shell.players .level-line{margin-top:4px;height:19px}.home-shell.players .level-icon{height:19px;line-height:19px;border-radius:4px;padding:0 7px;background:linear-gradient(180deg,#fff8ec,#f1ddbe);color:#2b2b2b;font-size:14px;font-weight:900;box-shadow:inset 0 -1px 0 rgba(124,83,30,.12)}.home-shell.players .service-tag{height:21px;line-height:21px;border-radius:4px;padding:0 6px;background:#fff1d8;color:#c07e16;font-size:14px;margin-top:4px}.home-shell.players .intro{font-size:14px;line-height:17px;color:#b5b8bf;margin-top:10px;max-width:215px}.home-shell.players .player-side{width:71px;height:100%;padding:3px 0 13px;box-sizing:border-box;justify-content:space-between}.home-shell.players .heart{font-size:29px;line-height:29px;color:#a9a9a9;font-weight:300}.home-shell.players .hour-price{font-size:15px;color:#767b84;line-height:20px;white-space:nowrap}.home-shell.players .float-customer{right:17px;bottom:89px}.home-shell.players .float-customer image{width:63px;height:63px}.home-shell.players .float-customer text{font-size:14px;border-radius:5px;padding:2.5px 6px}

/* 首页专属联系客服悬浮窗：头像圆牌 + 橙色标签，点击弹出后台配置的客服二维码 */
.float-customer{position:fixed;right:15px;bottom:89px;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:79px;height:83px;transform:translateZ(0)}
.float-customer:active{transform:translateZ(0) scale(.97)}
.float-avatar{width:63px;height:63px;border-radius:499.5px;padding:2.5px;box-sizing:border-box;background:linear-gradient(145deg,#715bff 0%,#9387ff 100%);box-shadow:0 6px 14px rgba(78,92,190,.22),0 1px 0 rgba(255,255,255,.45) inset;overflow:hidden}
.float-avatar image{display:block;width:100%;height:100%;border-radius:499.5px;background:#fff;box-shadow:none;border:0}
.float-label{min-width:66px;height:21px;line-height:21px;margin-top:-12px;text-align:center;border-radius:5px;background:linear-gradient(180deg,#ffbd42 0%,#ff941f 100%);color:#fff;font-size:14px;font-weight:900;letter-spacing:0.5px;box-shadow:0 4px 8px rgba(255,148,31,.28),0 1px 0 rgba(255,255,255,.32) inset;position:relative;z-index:2}
.customer-mask{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:90;display:flex;align-items:center;justify-content:center;padding:27px;box-sizing:border-box}
.customer-card{width:305px;background:#fff;border-radius:17px;padding:15px;text-align:center;box-shadow:0 14px 44px rgba(15,23,42,.28);box-sizing:border-box}
.customer-card image{width:100%;border-radius:12px;display:block;background:#f8fafc}
.customer-card text{display:block;color:#667085;margin-top:9px;font-size:13px;line-height:18px}


/* 缩小首页联系客服悬浮窗，避免遮挡商品卡片 */
.float-customer{right:13px;bottom:87px;width:66px;height:71px}
.float-avatar{width:53px;height:53px;padding:2px}
.float-label{min-width:56px;height:18px;line-height:18px;margin-top:-10px;border-radius:4.5px;font-size:12px;padding:0 4px;letter-spacing:0}
.home-shell.players .float-customer{right:13px;bottom:87px;width:66px;height:71px}
.home-shell.players .float-avatar{width:53px;height:53px}
.home-shell.players .float-label{font-size:12px;height:18px;line-height:18px;padding:0 4px}

/* 2026-07-03：顶部标签只通过字号和白色体现选中，不再显示模糊光晕/横杠 */
.nav-tabs .active,
.home-shell.players .nav-tabs .active{
  color:#fff!important;
  font-size:26px!important;
  font-weight:1000!important;
  text-shadow:none!important;
}
.nav-tabs .active:after,
.home-shell.players .nav-tabs .active:after{
  display:none!important;
  content:none!important;
}
.nav-tabs text,
.home-shell.players .nav-tabs text{
  color:rgba(255,255,255,.72);
  text-shadow:none!important;
}

/* 大神页游戏不足一屏时不显示展开入口，横向空间全部给游戏 */
.home-shell.players .players-game-panel.no-expand .gods-games{
  width:100%;
}
.home-shell.players .players-game-panel.no-expand .expand-mark{
  display:none!important;
}

/* 人工客服/快速派单按参考图压低高度，避免占用太多首屏 */
.home-shell.players .service-banners{
  gap:8px!important;
  margin-bottom:15px!important;
}
.home-shell.players .service-card{
  height:56px!important;
  border-radius:11px!important;
  padding:9px 12px!important;
}
.home-shell.players .service-card .big{
  font-size:17px!important;
  line-height:19px!important;
}
.home-shell.players .service-card text:nth-child(2){
  font-size:12px!important;
  line-height:14px!important;
  margin-top:2px!important;
}
.home-shell.players .service-card .emoji{
  right:8px!important;
  bottom:5px!important;
  font-size:23px!important;
}

/* 2026-07-03 首页头部按参考图微调：顶部更紧凑，搜索紧跟推荐榜右侧，选中项恢复隐约白色横杠 */
.home-shell.home .blue-hero{
  padding-left:12px!important;
  padding-right:12px!important;
  padding-bottom:7px!important;
  border-bottom-left-radius:22px!important;
  border-bottom-right-radius:22px!important;
}
.home-shell.home .hero-top{
  justify-content:flex-start!important;
  gap:18px!important;
  margin-top:-5px!important;
  height:37px!important;
}
.home-shell.home .nav-tabs{
  gap:24px!important;
  font-size:16.5px!important;
  line-height:1!important;
}
.home-shell.home .nav-tabs text{
  color:rgba(255,255,255,.78)!important;
  opacity:1!important;
}
.home-shell.home .nav-tabs .active{
  color:#fff!important;
  font-size:23px!important;
  font-weight:1000!important;
  text-shadow:none!important;
  position:relative!important;
}
.home-shell.home .nav-tabs .active:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:18%!important;
  right:18%!important;
  bottom:-9px!important;
  height:6px!important;
  border-radius:499.5px!important;
  background:rgba(255,255,255,.42)!important;
  filter:blur(2px)!important;
}
.home-shell.home .search-bubble{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  margin-left:1px!important;
  flex:none!important;
  background:rgba(66,74,160,.34)!important;
  box-shadow:inset 0 1.5px 5px rgba(255,255,255,.16),0 4px 9px rgba(56,66,150,.12)!important;
  font-size:0!important;
  position:relative!important;
}
.search-icon{
  width:15px;
  height:15px;
  border:3px solid #fff;
  border-radius:50%;
  position:relative;
  box-sizing:border-box;
}
.search-icon:after{
  content:"";
  position:absolute;
  width:9px;
  height:3px;
  border-radius:499.5px;
  background:#fff;
  right:-7.5px;
  bottom:-4.5px;
  transform:rotate(45deg);
  transform-origin:left center;
}
.home-shell.home .notice{
  margin:14px auto 8px!important;
  height:29px!important;
  width:84%!important;
  border-radius:8.5px!important;
  font-size:13.5px!important;
  color:#71717a!important;
  background:rgba(255,255,255,.92)!important;
}
.home-shell.home .game-scroll{
  margin-top:0!important;
  padding-bottom:0!important;
}
.home-shell.home .game-item{
  width:71px!important;
  margin-right:9px!important;
}
.home-shell.home .game-item image{
  width:39px!important;
  height:39px!important;
  border-radius:9.5px!important;
  box-shadow:0 4px 8px rgba(62,72,132,.10)!important;
}
.home-shell.home .game-item.on image{
  border:1.5px solid #7482ff!important;
}
.home-shell.home .game-item text{
  margin-top:5px!important;
  font-size:13px!important;
  line-height:16px!important;
  max-width:75px!important;
}

/* 首页联系客服悬浮窗按参考图：圆形头像更干净，橙色标签更贴合，整体略小 */
.home-shell.home .float-customer{
  right:15px!important;
  bottom:88px!important;
  width:63px!important;
  height:69px!important;
}
.home-shell.home .float-avatar{
  width:52px!important;
  height:52px!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.home-shell.home .float-avatar image{
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  box-shadow:0 4px 10px rgba(91,82,190,.22)!important;
}
.home-shell.home .float-label{
  min-width:54px!important;
  height:17.5px!important;
  line-height:17.5px!important;
  margin-top:-7px!important;
  border-radius:4.5px!important;
  padding:0 4px!important;
  font-size:12px!important;
  font-weight:1000!important;
  background:linear-gradient(180deg,#ffbd42 0%,#ff941f 100%)!important;
  box-shadow:0 3.5px 7px rgba(255,148,31,.26)!important;
}


/* 本轮：首页商品图略缩小，留出更接近参考图的卡片比例 */
.home-shell.home .product image{height:150px!important;}
.home-shell.home .p-body{padding:8px 9px 9px!important;}
.home-shell.home .p-title{font-size:15.5px!important;line-height:1.22!important;min-height:36px!important;}
.home-shell.home .p-sub{font-size:12.5px!important;height:33px!important;margin:4.5px 0!important;}

/* 2026-07-04：客服悬浮图标按后台上传原图直接展示，不再套圆框/标签/裁剪 */
.float-customer.custom,
.home-shell.home .float-customer.custom,
.home-shell.players .float-customer.custom{
  right:13px!important;
  bottom:87px!important;
  width:66px!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
}
.float-customer.custom .float-custom-img,
.home-shell.home .float-customer.custom .float-custom-img,
.home-shell.players .float-customer.custom .float-custom-img{
  display:block!important;
  width:66px!important;
  height:auto!important;
  max-height:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border:0!important;
}
.float-customer.custom:active{
  transform:translateZ(0) scale(.97)!important;
}

/* 2026-07-04：首页顶部游戏图标直接展示后台上传图片；选中清晰，未选中加雾化感 */
.home-shell .game-item{
  position:relative!important;
}
.home-shell .game-item image,
.home-shell.home .game-item image,
.home-shell.players .gods-games .game-item image{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  box-sizing:border-box!important;
  opacity:.46!important;
  filter:saturate(.72) brightness(1.08) contrast(.86)!important;
}
.home-shell .game-item:not(.on)::after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:43px;
  height:43px;
  transform:translateX(-50%);
  border-radius:11px;
  background:rgba(237,243,251,.44);
  backdrop-filter:blur(0.75px);
  pointer-events:none;
  z-index:2;
}
.home-shell.home .game-item:not(.on)::after{
  width:39px;
  height:39px;
  border-radius:9.5px;
}
.home-shell.players .gods-games .game-item:not(.on)::after{
  width:43px;
  height:43px;
  border-radius:11px;
}
.home-shell .game-item.on image,
.home-shell.home .game-item.on image,
.home-shell.players .gods-games .game-item.on image{
  opacity:1!important;
  filter:none!important;
  border:0!important;
  box-shadow:none!important;
}
.home-shell .game-item.on::after{
  display:none!important;
}
.home-shell .game-item text{
  position:relative;
  z-index:3;
}
.home-shell .game-item:not(.on) text{
  color:rgba(37,43,53,.42)!important;
  font-weight:500!important;
}


/* 2026-07-04：本轮按参考图修正顶部标签虚影与首页分类选中色 */
.home-shell.home .nav-tabs .active:after,
.home-shell.players .nav-tabs .active:after,
.home-shell.rank .nav-tabs .active:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:18%!important;
  right:18%!important;
  bottom:-9px!important;
  height:6px!important;
  border-radius:499.5px!important;
  background:rgba(255,255,255,.42)!important;
  filter:blur(2px)!important;
}
.home-shell.home .nav-tabs .active,
.home-shell.players .nav-tabs .active,
.home-shell.rank .nav-tabs .active{
  position:relative!important;
  color:#fff!important;
  font-weight:1000!important;
}
.home-shell.home .cat.on{
  background:var(--theme,#6676ff)!important;
  color:#fff!important;
  font-weight:800!important;
}

/* 2026-07-04：推荐榜按参考图重排：紫色星空背景、三人领奖台、白色榜单、底部上票条 */
.home-shell.rank{background:#f6f8ff!important;min-height:100vh;padding-bottom:calc(91px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
.home-shell.rank .rank-hero{min-height:524px!important;padding-left:0!important;padding-right:0!important;padding-bottom:0!important;background:linear-gradient(180deg,#7c64f4 0%,#b6a9ff 48%,#f7f8ff 100%)!important;overflow:hidden!important;border-radius:0!important}
.home-shell.rank .rank-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:390px;background:radial-gradient(circle at 9% 13%,rgba(255,255,224,.9) 0 2px,transparent 2.5px),radial-gradient(circle at 23% 19%,rgba(255,255,255,.82) 0 1.5px,transparent 2.5px),radial-gradient(circle at 75% 12%,rgba(255,255,215,.75) 0 2px,transparent 2.5px),radial-gradient(circle at 88% 28%,rgba(255,255,255,.78) 0 1.5px,transparent 2.5px),radial-gradient(circle at 58% 31%,rgba(255,255,255,.88) 0 2px,transparent 3px),radial-gradient(circle at 44% 8%,rgba(255,255,255,.42) 0 35px,transparent 75px),radial-gradient(circle at 72% 9%,rgba(255,255,255,.28) 0 41px,transparent 90px);opacity:.9;pointer-events:none}
.home-shell.rank .rank-hero:after{content:"";position:absolute;left:-35px;right:-35px;bottom:89px;height:115px;background:radial-gradient(ellipse at 8% 100%,#fff 0 69px,transparent 70px),radial-gradient(ellipse at 91% 100%,#fff 0 69px,transparent 70px),linear-gradient(180deg,transparent 0%,rgba(255,255,255,.68) 46%,rgba(255,255,255,.96) 100%);opacity:.96;pointer-events:none}
.home-shell.rank .hero-lights{opacity:.8!important;background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.9) 0 1.5px,transparent 2px),radial-gradient(circle at 64% 23%,rgba(255,255,255,.75) 0 1.5px,transparent 2px),radial-gradient(circle at 48% 55%,rgba(255,255,255,.45) 0 1.5px,transparent 2px)!important}
.home-shell.rank .hero-top{height:56px!important;padding:0 29px!important;align-items:center!important;justify-content:flex-start!important;gap:19px!important;box-sizing:border-box!important;position:relative!important;z-index:5!important}
.home-shell.rank .nav-tabs{gap:32px!important;font-size:17px!important;line-height:1!important;color:#fff!important;flex:1!important}
.home-shell.rank .nav-tabs text{color:rgba(255,255,255,.66)!important;opacity:1!important;font-weight:500!important}
.home-shell.rank .nav-tabs .active{font-size:24px!important;color:#fff!important;font-weight:1000!important;text-shadow:0 4px 10px rgba(95,76,202,.26)!important}
.home-shell.rank .search-bubble{width:45px!important;height:38px!important;border-radius:19px!important;background:rgba(78,66,156,.52)!important;box-shadow:inset 0 1px 5px rgba(255,255,255,.12)!important;flex:none!important}
.home-shell.rank .rank-title-art{width:280px;height:92px;margin:35px auto 0!important;font-size:0!important;transform:rotate(-3deg)!important;position:relative!important;z-index:4!important;color:transparent!important;text-shadow:none!important}
.home-shell.rank .rank-title-art:before{content:"陪陪";position:absolute;left:11px;top:0;font-size:52px;line-height:51px;font-weight:1000;letter-spacing:-4px;color:#f7fbff;-webkit-text-stroke:3.5px #5547b9;text-shadow:0 4.5px 0 #6c5bdd,0 9px 11px rgba(72,55,172,.28)}
.home-shell.rank .rank-title-art:after{content:"推荐榜";position:absolute;left:83px;top:44px;font-size:46px;line-height:46px;font-weight:1000;letter-spacing:-3.5px;color:#f7fbff;-webkit-text-stroke:3.5px #5547b9;text-shadow:0 4.5px 0 #6c5bdd,0 9px 11px rgba(72,55,172,.28)}
.home-shell.rank .rank-title-art text{display:none!important}
.home-shell.rank .podium{height:294px!important;margin-top:14px!important;align-items:flex-end!important;z-index:4!important;position:relative!important;padding:0 7px!important;box-sizing:border-box!important}
.home-shell.rank .podium-item{width:116px!important;text-align:center!important;z-index:4!important}.home-shell.rank .podium-item.first{width:128px!important;margin:0 2px!important;transform:translateY(-37px)!important}.home-shell.rank .podium-item.second{transform:translateY(-4px)!important}.home-shell.rank .podium-item.third{transform:translateY(-1px)!important}
.home-shell.rank .podium-item image{width:66px!important;height:66px!important;border-radius:50%!important;border:4px solid rgba(255,255,255,.86)!important;background:#fff!important;box-shadow:0 5px 13px rgba(92,72,180,.16)!important}.home-shell.rank .podium-item.first image{width:76px!important;height:76px!important}
.home-shell.rank .crown{font-size:26px!important;top:-10px!important;right:20px!important;filter:drop-shadow(0 3px 2.5px rgba(179,112,18,.18))}.home-shell.rank .podium-item.first .crown{right:23px!important;top:-9px!important}
.home-shell.rank .no{height:24px!important;line-height:24px!important;padding:0 11px!important;border-radius:7px!important;background:linear-gradient(180deg,#8b72ff,#6954da)!important;color:#dad6ff!important;font-size:15px!important;font-weight:1000!important;margin-top:-9px!important;box-shadow:0 4px 7.5px rgba(102,82,218,.18)!important}
.home-shell.rank .pod-name{font-size:17px!important;line-height:21px!important;color:#222!important;margin-top:6px!important;font-weight:500!important}.home-shell.rank .game-pill{height:21px!important;line-height:21px!important;padding:0 6px!important;border-radius:2px!important;background:rgba(255,249,223,.84)!important;color:#c59c42!important;font-size:14px!important;margin-top:4px!important}.home-shell.rank .level-pill{height:19px!important;line-height:19px!important;padding:0 6px!important;border-radius:3px!important;margin-top:4px!important;background:#fff2d8!important;color:#a64538!important;font-size:12px!important}.home-shell.rank .level-pill.red{background:#f3e4ff!important;color:#7d4dbe!important}.home-shell.rank .level-pill.pink{background:#ffe6d8!important;color:#a33b32!important}
.home-shell.rank .vote-box{width:89px!important;height:30px!important;line-height:30px!important;border-radius:7px!important;border:1.5px solid rgba(255,255,255,.9)!important;background:rgba(255,255,255,.56)!important;color:#707078!important;font-size:17px!important;margin-top:6px!important;box-shadow:0 4px 9px rgba(123,117,204,.1)!important}.home-shell.rank .stage{height:77px!important;margin-top:-3px!important;border-radius:8px 8px 0 0!important;position:relative!important}.home-shell.rank .stage:after{content:"★";position:absolute;left:50%;top:22px;transform:translateX(-50%);font-size:13px;color:#ffe87e}.home-shell.rank .stage.blue{background:linear-gradient(180deg,#91c9ff 0%,#ecf9ff 100%)!important}.home-shell.rank .stage.purple{height:105px!important;background:linear-gradient(180deg,#9782ff 0%,#ded7ff 100%)!important}
.home-shell.rank .rank-list-card{margin:-71px 0 0!important;padding:17px 15px 85px!important;border-top-left-radius:14px!important;border-top-right-radius:14px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(8px)!important;box-shadow:0 -4px 17px rgba(154,144,226,.12)!important;min-height:323px!important;position:relative!important;z-index:8!important}
.home-shell.rank .rank-row{height:76px!important;border-bottom:0!important}.home-shell.rank .rank-index{width:27px!important;font-size:15px!important;color:#71717a!important;font-weight:900!important}.home-shell.rank .rank-row image{width:46px!important;height:46px!important;margin-right:14px!important;border-radius:50%!important}.home-shell.rank .rank-name{font-size:19px!important;line-height:23px!important;color:#0e0f16!important;font-weight:500!important;margin-bottom:3px!important}.home-shell.rank .game-pill.small,.home-shell.rank .level-pill.small{height:18px!important;line-height:18px!important;margin-right:5px!important;margin-top:0!important;font-size:12.5px!important;padding:0 5px!important}.home-shell.rank .rank-score{font-size:17px!important;color:#6e6e76!important;font-weight:500!important}
.home-shell.rank .vote-bar{height:71px!important;bottom:calc(48px + env(safe-area-inset-bottom))!important;padding:7px 15px!important;background:linear-gradient(90deg,rgba(232,246,255,.96),rgba(236,226,255,.96))!important;border-top-left-radius:19px!important;border-top-right-radius:19px!important;box-shadow:0 -5px 16px rgba(95,87,180,.12)!important;box-sizing:border-box!important}.home-shell.rank .vote-bar .me-label{font-size:17px!important;color:#687184!important;margin-right:12px!important}.home-shell.rank .vote-bar image{width:44px!important;height:44px!important;margin-right:11px!important;background:#fff!important}.home-shell.rank .vote-user{font-size:18px!important;line-height:22px!important;color:#222632!important;font-weight:500!important}.home-shell.rank .vote-user text{font-size:14px!important;color:#667085!important;margin-top:1px!important}.home-shell.rank .vote-bar button{width:79px!important;height:41px!important;line-height:41px!important;border-radius:22px!important;background:linear-gradient(180deg,#725cff,#7450eb)!important;color:#fff!important;font-size:17px!important;box-shadow:0 5px 10px rgba(112,85,238,.22)!important}

/* 上票弹层：参考图二，白色圆角底抽屉 + 搜索 + 可上票陪玩列表 + 剩余票数 */
.vote-sheet-mask{position:fixed;inset:0;background:rgba(20,18,42,.45);z-index:120;display:flex;align-items:flex-end}.vote-sheet{width:100%;height:480px;background:#fff;border-top-left-radius:17px;border-top-right-radius:17px;padding:18px 15px calc(13px + env(safe-area-inset-bottom));box-sizing:border-box;display:flex;flex-direction:column}.vote-sheet-head{height:33px;display:flex;align-items:center;justify-content:space-between}.vote-sheet-head text{font-size:18px;color:#111;font-weight:500}.vote-close{width:36px;height:36px;line-height:31px;text-align:center;font-size:34px;color:#111;font-weight:200}.vote-search-row{display:flex;align-items:center;gap:9px;margin:14px 0 10px}.vote-search{height:39px;flex:1;border-radius:22px;background:#f2f2f2;display:flex;align-items:center;padding:0 14px;box-sizing:border-box}.vote-search-icon{width:17px;height:17px;border:3px solid #bdbdbd;border-radius:50%;position:relative;box-sizing:border-box;margin-right:10px;flex:none}.vote-search-icon:after{content:"";position:absolute;width:9px;height:3px;border-radius:499.5px;background:#bdbdbd;right:-7px;bottom:-4px;transform:rotate(45deg)}.vote-search input{font-size:16px;color:#333;flex:1}.vote-placeholder{color:#aaa}.vote-search-row>button{width:64px;height:40px;line-height:40px;border-radius:21px;background:#6576ff;color:#fff;font-size:16px;border:0;margin:0;padding:0}.vote-candidate-list{flex:1;min-height:0}.vote-candidate{height:56px;display:flex;align-items:center}.vote-candidate image{width:39px;height:39px;border-radius:50%;background:#f1f5f9;margin-right:13px}.vote-candidate-copy{flex:1;min-width:0}.vote-candidate-name{font-size:17px;font-weight:900;color:#202124;line-height:20px;max-width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vote-candidate-code{font-size:14px;color:#6f7279;margin-top:4px;font-weight:700}.vote-check{width:17px;height:17px;border-radius:50%;background:#6878ff;color:#fff;line-height:17px;text-align:center;font-size:12px;font-weight:900;opacity:0}.vote-candidate.selected .vote-check{opacity:1}.vote-empty{text-align:center;color:#9ca3af;font-size:14px;line-height:22px;padding-top:60px}.vote-sheet-foot{height:53px;display:flex;align-items:center;gap:11px}.ticket-left{display:flex;align-items:center;min-width:110px}.ticket-mini{font-size:11px;color:#fff;background:linear-gradient(135deg,#8a46ff,#ffac40);border-radius:4px;padding:4px 5px;transform:rotate(-7deg);font-weight:900;margin-right:6px}.ticket-left text{font-size:16px;color:#777;white-space:nowrap}.vote-stepper{height:29px;border-radius:17px;background:#f3f3f3;display:flex;align-items:center;padding:0 4px;gap:4px}.vote-stepper button{width:21px;height:29px;line-height:26px;margin:0;padding:0;background:transparent;color:#222;font-size:20px;border:0}.vote-stepper text{font-size:15px;font-weight:900;color:#333;min-width:22px;text-align:center}.confirm-vote{flex:1;height:41px;line-height:41px;border-radius:22px;margin:0;padding:0;background:#e9ebff!important;color:#6476ff!important;font-size:16px;border:0}.confirm-vote:not(.disabled){background:#eef0ff!important;color:#6476ff!important}.confirm-vote.disabled{opacity:.55}

/* 2026-07-04：大神游戏栏去掉“展开”，改成一行露出 4.5 个游戏提示可横滑；客服弹窗只展示图片 */
.home-shell.players .players-game-panel{padding-right:0!important;overflow:hidden!important}
.home-shell.players .gods-games{width:100%!important;height:77px!important;padding-right:43px!important;box-sizing:border-box!important;white-space:nowrap!important}
.home-shell.players .gods-games .game-item{width:68px!important;margin-right:9px!important}
.home-shell.players .expand-mark{display:none!important}
.customer-card{padding:11px!important;border-radius:14px!important;background:#fff!important;width:300px!important;box-sizing:border-box!important}
.customer-card image{display:block!important;width:100%!important;border-radius:10px!important}
.customer-card text{display:none!important}

/* 2026-07-05：首页分类未选中雾化按参考图三：只降低清晰度/饱和度，不再叠白框；客服悬浮窗强制恢复显示 */
.home-shell.home .game-item{
  width:71px!important;
  margin-right:9px!important;
}
.home-shell.home .game-item image{
  width:39px!important;
  height:39px!important;
  border-radius:9.5px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.home-shell.home .game-item:not(.on)::after{
  display:none!important;
  content:none!important;
}
.home-shell.home .game-item:not(.on) image{
  opacity:.43!important;
  filter:grayscale(.18) saturate(.58) brightness(1.18) contrast(.82)!important;
}
.home-shell.home .game-item.on image{
  opacity:1!important;
  filter:none!important;
  border:0!important;
  box-shadow:none!important;
}
.home-shell.home .game-item text{
  margin-top:5px!important;
  font-size:13px!important;
  line-height:16px!important;
  color:#252b35!important;
  font-weight:500!important;
}
.home-shell.home .game-item:not(.on) text{
  color:#a6a8b0!important;
  font-weight:400!important;
}
.float-customer,
.home-shell.home .float-customer,
.home-shell.players .float-customer{
  position:fixed!important;
  right:12px!important;
  bottom:calc(83px + env(safe-area-inset-bottom))!important;
  z-index:160!important;
  display:flex!important;
  pointer-events:auto!important;
}
.float-customer.custom,
.home-shell.home .float-customer.custom,
.home-shell.players .float-customer.custom{
  width:68px!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  overflow:visible!important;
}
.float-customer.custom .float-custom-img,
.home-shell.home .float-customer.custom .float-custom-img,
.home-shell.players .float-customer.custom .float-custom-img{
  display:block!important;
  width:68px!important;
  height:auto!important;
  opacity:1!important;
  visibility:visible!important;
}
.float-customer.preset,
.home-shell.home .float-customer.preset,
.home-shell.players .float-customer.preset{
  width:66px!important;
  height:73px!important;
  flex-direction:column!important;
  align-items:center!important;
}
.float-customer.preset .float-avatar,
.home-shell.home .float-customer.preset .float-avatar,
.home-shell.players .float-customer.preset .float-avatar{
  width:54px!important;
  height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
}
.float-customer.preset .float-avatar image{
  width:54px!important;
  height:54px!important;
  display:block!important;
}
.float-customer.preset .float-label{
  display:block!important;
  margin-top:-8px!important;
}

/* 2026-07-05：大神/推荐榜搜索按钮固定到护航同一位置，避免切换 Tab 后被右上角胶囊挤偏 */
.home-shell.players .hero-top,
.home-shell.rank .hero-top{
  justify-content:flex-start!important;
  gap:0!important;
  position:relative!important;
}
.home-shell.players .nav-tabs,
.home-shell.rank .nav-tabs{
  flex:none!important;
  padding-right:65px!important;
  box-sizing:border-box!important;
}
.home-shell.players .search-bubble,
.home-shell.rank .search-bubble{
  position:absolute!important;
  right:86px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  margin-left:0!important;
  flex:none!important;
  background:rgba(66,74,160,.34)!important;
  box-shadow:inset 0 1.5px 5px rgba(255,255,255,.16),0 4px 9px rgba(56,66,150,.12)!important;
  z-index:8!important;
}
.home-shell.rank .search-bubble{
  background:rgba(78,66,156,.46)!important;
}

/* 2026-07-05：推荐榜二次精修，使用 H5 榜单静态素材还原参考图的标题、皇冠、NO 标签和领奖台 */
.home-shell.rank .rank-hero{
  min-height:524px!important;
  background:linear-gradient(180deg,#7b63f4 0%,#9b83ff 34%,#d9d4ff 67%,#fbfcff 100%)!important;
}
.home-shell.rank .rank-hero:before{
  height:380px!important;
  background:
    radial-gradient(circle at 8% 15%,rgba(255,255,212,.95) 0 2px,transparent 2.5px),
    radial-gradient(circle at 18% 28%,rgba(255,255,255,.82) 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 34% 9%,rgba(255,255,221,.72) 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 55% 26%,rgba(255,255,255,.9) 0 2px,transparent 3px),
    radial-gradient(circle at 76% 13%,rgba(255,255,221,.78) 0 2px,transparent 2.5px),
    radial-gradient(circle at 89% 32%,rgba(255,255,255,.76) 0 1.5px,transparent 2.5px),
    radial-gradient(ellipse at 44% 0%,rgba(255,255,255,.28) 0 36px,transparent 81px),
    radial-gradient(ellipse at 71% 0%,rgba(255,255,255,.22) 0 38px,transparent 85px)!important;
}
.home-shell.rank .rank-hero:after{
  bottom:66px!important;
  height:130px!important;
  background:
    radial-gradient(ellipse at 0% 100%,#fff 0 71px,transparent 72px),
    radial-gradient(ellipse at 100% 100%,#fff 0 71px,transparent 72px),
    linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.62) 48%,#fff 100%)!important;
}
.home-shell.rank .rank-title-art{
  width:227.5px!important;
  height:119px!important;
  margin:21px auto 0!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:transparent!important;
  text-shadow:none!important;
  font-size:0!important;
}
.home-shell.rank .rank-title-art:before,
.home-shell.rank .rank-title-art:after{
  display:none!important;
  content:none!important;
}
.home-shell.rank .rank-title-img{
  width:227.5px!important;
  height:119px!important;
  display:block!important;
}
.home-shell.rank .podium{
  height:280px!important;
  margin-top:0!important;
  padding:0 8px!important;
  overflow:visible!important;
}
.home-shell.rank .podium-item{
  width:110px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  color:#222!important;
}
.home-shell.rank .podium-item.first{
  width:125px!important;
  margin:0 5px!important;
  transform:translateY(-29px)!important;
}
.home-shell.rank .podium-item.second{transform:translateY(6px)!important}
.home-shell.rank .podium-item.third{transform:translateY(9px)!important}
.home-shell.rank .podium-item .avatark{
  position:relative!important;
  width:75px!important;
  height:75px!important;
  margin:0 auto!important;
}
.home-shell.rank .podium-item.first .avatark{
  width:85px!important;
  height:85px!important;
}
.home-shell.rank .podium-item image.pod-avatar{
  width:63px!important;
  height:63px!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  border:3.5px solid rgba(255,255,255,.92)!important;
  background:#fff!important;
  box-shadow:0 5px 12px rgba(94,72,183,.16)!important;
}
.home-shell.rank .podium-item.first image.pod-avatar{
  width:74px!important;
  height:74px!important;
}
.home-shell.rank .crown-img{
  position:absolute!important;
  width:36px!important;
  height:36px!important;
  right:-6.5px!important;
  top:-8px!important;
  z-index:4!important;
  filter:drop-shadow(0 2.5px 2.5px rgba(180,112,17,.16));
}
.home-shell.rank .podium-item.first .crown-img{
  width:39px!important;
  height:39px!important;
  right:-2.5px!important;
  top:-9px!important;
}
.home-shell.rank .no-img{
  position:absolute!important;
  left:50%!important;
  bottom:-5.5px!important;
  transform:translateX(-50%)!important;
  width:48px!important;
  height:23px!important;
  z-index:5!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}
.home-shell.rank .podium-item.first .no-img{
  width:42px!important;
  height:23px!important;
}
.home-shell.rank .podium-item>.crown,
.home-shell.rank .podium-item>.no{
  display:none!important;
}
.home-shell.rank .pod-name{
  max-width:105px!important;
  height:22px!important;
  line-height:22px!important;
  margin-top:9px!important;
  font-size:17px!important;
  color:#202124!important;
  font-weight:500!important;
}
.home-shell.rank .podium-item.first .pod-name{
  margin-top:8px!important;
}
.home-shell.rank .podium .game-pill{
  height:19px!important;
  line-height:19px!important;
  padding:0 6px!important;
  margin-top:4px!important;
  border-radius:2px!important;
  background:#fff4dd!important;
  color:#c99c45!important;
  font-size:13px!important;
}
.home-shell.rank .podium .level-pill{
  height:17px!important;
  line-height:17px!important;
  padding:0 5px!important;
  margin-top:3px!important;
  border-radius:2.5px!important;
  font-size:11.5px!important;
  max-width:75px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.home-shell.rank .vote-box{
  width:89px!important;
  height:29px!important;
  line-height:29px!important;
  margin-top:5px!important;
  border-radius:6.5px!important;
  border:1.5px solid rgba(255,255,255,.92)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(240,247,255,.42))!important;
  backdrop-filter:blur(2px)!important;
  color:#707078!important;
  font-size:16.5px!important;
  font-weight:400!important;
  box-shadow:0 4px 8px rgba(126,117,207,.12)!important;
}
.home-shell.rank .stage{
  display:none!important;
}
.home-shell.rank .rank-podium-bg{
  position:absolute!important;
  left:50%!important;
  bottom:43px!important;
  transform:translateX(-50%)!important;
  height:170px!important;
  width:304px!important;
  z-index:3!important;
  pointer-events:none!important;
}
.home-shell.rank .rank-list-card{
  margin:-74px 0 0!important;
  padding:19px 15px 89px!important;
  min-height:327px!important;
  border-top-left-radius:15px!important;
  border-top-right-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.96) 14%,#fff 100%)!important;
  border-top:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 -4px 15px rgba(139,130,224,.10)!important;
}
.home-shell.rank .rank-row{
  height:77px!important;
  align-items:center!important;
}
.home-shell.rank .rank-index{
  width:28px!important;
  font-size:15px!important;
  color:#70747c!important;
  font-weight:800!important;
}
.home-shell.rank .rank-row image{
  width:46px!important;
  height:46px!important;
  margin-right:14px!important;
  border-radius:50%!important;
  background:#eef1f8!important;
}
.home-shell.rank .rank-name{
  font-size:19px!important;
  line-height:23px!important;
  margin-bottom:3.5px!important;
  color:#0b0d14!important;
  font-weight:500!important;
  max-width:180px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.home-shell.rank .rank-info .game-pill.small{
  height:18px!important;
  line-height:18px!important;
  font-size:12.5px!important;
  padding:0 5px!important;
  margin:0 5px 0 0!important;
  border-radius:2px!important;
  background:#fff4dd!important;
  color:#c99c45!important;
}
.home-shell.rank .rank-info .level-pill.small{
  height:18px!important;
  line-height:18px!important;
  font-size:12px!important;
  padding:0 5px!important;
  margin:0!important;
  border-radius:2.5px!important;
  background:#fff0ea!important;
  color:#b33b31!important;
}
.home-shell.rank .rank-score{
  min-width:58px!important;
  text-align:right!important;
  font-size:17px!important;
  color:#6d7078!important;
  font-weight:500!important;
}
.home-shell.rank .empty-rank .pod-avatar,
.home-shell.rank .rank-row .empty-avatar{
  opacity:.9!important;
}
.home-shell.rank .vote-bar{
  z-index:70!important;
}
.home-shell.rank .float-customer{
  right:14px!important;
  bottom:calc(126px + env(safe-area-inset-bottom))!important;
  z-index:72!important;
}
.home-shell.rank .float-customer.custom{
  width:69px!important;
  height:auto!important;
  display:block!important;
  overflow:visible!important;
}
.home-shell.rank .float-customer.custom .float-custom-img{
  width:69px!important;
  height:auto!important;
  display:block!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.home-shell.rank .float-customer.preset{
  width:66px!important;
  height:73px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.home-shell.rank .float-customer.preset .float-avatar,
.home-shell.rank .float-customer.preset .float-avatar image{
  width:54px!important;
  height:54px!important;
}
.home-shell.rank .float-customer.preset .float-label{
  display:block!important;
  margin-top:-8px!important;
}

/* 2026-07-06：护航首页商品卡片右下角增加分类小角标，匹配来源站商品卡片样式 */
.home-shell.home .product{
  position:relative!important;
}
.home-shell.home .p-price-row{
  padding-right:50px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.home-shell.home .product-badge{
  position:absolute!important;
  right:7px!important;
  bottom:9px!important;
  min-width:39px!important;
  height:21px!important;
  line-height:21px!important;
  padding:0 5px!important;
  box-sizing:border-box!important;
  border-radius:3.5px!important;
  background:linear-gradient(180deg,#2f3548 0%,#171b2b 100%)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:center!important;
  box-shadow:0 3px 6px rgba(21,26,43,.22)!important;
  z-index:3!important;
}


/* 2026-07-06：修复首页联系客服悬浮窗不显示：自定义图标未加载前始终展示默认客服入口，避免空白占位 */
.float-customer,
.home-shell.home .float-customer,
.home-shell.players .float-customer,
.home-shell.rank .float-customer{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.float-customer .float-custom-img.loading,
.home-shell.home .float-customer .float-custom-img.loading,
.home-shell.players .float-customer .float-custom-img.loading,
.home-shell.rank .float-customer .float-custom-img.loading{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:0.5px!important;
  height:0.5px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.float-customer.preset,
.home-shell.home .float-customer.preset,
.home-shell.players .float-customer.preset,
.home-shell.rank .float-customer.preset{
  background:transparent!important;
}
.level-icon-img{height:19px;width:auto;max-width:75px;display:inline-block;vertical-align:middle}.level-pill-img{height:16px;width:auto;max-width:75px;display:inline-block;margin-top:5px}.level-pill-img.small{height:14px;margin-top:0;margin-right:4px;vertical-align:middle}.home-shell.players .level-icon-img{height:19px;max-width:78px}

/* 2026-07-07：首页大神头像下方显示陪玩语音介绍播放入口 */
.home-shell.players .avatar-wrap{position:relative;width:70px;height:77px;flex:0 0 70px;display:flex;align-items:flex-start;justify-content:center;}
.home-shell.players .avatar-wrap .avatar{width:70px!important;height:70px!important;border-radius:50%!important;display:block!important;margin:0!important;}
.avatar-voice-pill{position:absolute;left:3px;bottom:0;height:17px;line-height:17px;border-radius:9px;background:linear-gradient(90deg,#5bbdff 0%,#6a76ff 100%);color:#fff;font-size:10px;font-weight:800;padding:0 5px;display:flex;align-items:center;gap:2px;box-shadow:0 3px 6px rgba(91,132,255,.22);z-index:3;}
.voice-wave-dot{font-size:9px;line-height:1;color:#e9fbff;transform:scaleX(.8);}
/* 后台上传什么悬浮图就原比例直接显示：不套默认头像、不圆形裁剪、不叠加文字 */
.float-customer.custom .float-custom-img,.home-shell.home .float-customer.custom .float-custom-img,.home-shell.players .float-customer.custom .float-custom-img,.home-shell.rank .float-customer.custom .float-custom-img{display:block!important;width:68px!important;height:auto!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}
/* 真机修复：widthFix 配合层叠的 height:auto 会计算为0；固定安全展示框并用 aspectFit 保留上传原图完整比例 */
.float-customer.custom,.home-shell.home .float-customer.custom,.home-shell.players .float-customer.custom,.home-shell.rank .float-customer.custom{width:74px!important;height:74px!important;min-height:74px!important;display:block!important;overflow:visible!important}
.float-customer.custom .float-custom-img,.home-shell.home .float-customer.custom .float-custom-img,.home-shell.players .float-customer.custom .float-custom-img,.home-shell.rank .float-customer.custom .float-custom-img{width:74px!important;height:74px!important;min-height:74px!important;display:block!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;opacity:1!important;visibility:visible!important}
/* 客服悬浮图按当前尺寸缩小1/5：74px -> 59px */
.float-customer.custom,.home-shell.home .float-customer.custom,.home-shell.players .float-customer.custom,.home-shell.rank .float-customer.custom{width:59px!important;height:59px!important;min-height:59px!important}
.float-customer.custom .float-custom-img,.home-shell.home .float-customer.custom .float-custom-img,.home-shell.players .float-customer.custom .float-custom-img,.home-shell.rank .float-customer.custom .float-custom-img{width:59px!important;height:59px!important;min-height:59px!important}

/* 2026-07-29：原生文字按钮统一使用 flex 垂直居中，避免固定行高造成文字下沉。 */
.home-shell.rank .vote-bar button{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}


/* source: miniprogram/pages/products/products.wxss */
.web-page{background:#fff}.products-page{min-height:100vh;background:#fff;color:#1f2937;padding-bottom:calc(63px + env(safe-area-inset-bottom));box-sizing:border-box}.products-hero{background:linear-gradient(180deg,#eeecff 0%,#e8e8ff 100%);padding-left:15px;padding-right:15px;padding-bottom:12px;box-sizing:border-box}.page-title{text-align:center;font-size:19px;line-height:26px;font-weight:500;color:#111827;margin:0 0 13px}.game-row{white-space:nowrap;width:100%}.game{display:inline-flex;flex-direction:column;align-items:center;width:74px;margin-right:20px;vertical-align:top}.game image{width:43px;height:43px;border-radius:11px;background:#fff;box-shadow:0 3px 8px rgba(69,79,146,.12);border:2px solid transparent;box-sizing:border-box}.game.on image{border-color:var(--theme,#6676ff)}.game text{margin-top:6px;font-size:14px;line-height:18px;color:#1f2937;max-width:77px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game.on text{background:var(--theme,#6676ff);color:#fff;border-radius:499.5px;padding:1.5px 7px;box-shadow:0 4px 8px rgba(102,118,255,.18)}.products-body{display:flex;align-items:stretch;background:#fff;border-top-left-radius:14px;border-top-right-radius:14px;margin-top:-4px;overflow:hidden;min-height:calc(100vh - 194px)}.side{width:78px;flex:none;background:#f7f7f8;box-shadow:6px 0 10px rgba(30,41,59,.025)}.side-item{height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15.5px;line-height:19px;color:#222831;font-weight:400}.side-item.on{background:#fff;color:var(--theme,#6676ff);font-weight:500}.goods-list{flex:1;background:#fff;padding:9px 13px 14px 14px;box-sizing:border-box}.tip-banner-img{display:block;width:100%;border-radius:9px;margin-bottom:13px;background:#111827;box-shadow:0 5px 11px rgba(15,23,42,.08)}.goods-item{display:flex;align-items:flex-start;gap:9px;margin-bottom:17px}.goods-item image{width:97px;height:84px;border-radius:7px;background:#f1f5f9;flex:none}.goods-info{flex:1;min-width:0;padding-top:1px}.goods-name{font-size:17px;line-height:21px;max-height:42px;font-weight:900;color:#1f2937;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.goods-sub{font-size:14.5px;line-height:20.5px;color:#a1a1aa;margin-top:4px;max-height:41px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.price-row{margin-top:4px;height:21px;display:flex;align-items:flex-end}.price{font-size:18px;line-height:20px;font-weight:900;color:#ff765f}.old{font-size:14px;line-height:16px;color:#aaa;text-decoration:line-through;margin-left:5px}.empty{text-align:center;color:#a0a8b8;font-size:14px;padding:40px 0}

/* 2026-07-04：全部商品顶部游戏图标去掉白色框，直接显示后台上传图；未选中雾化，选中清晰 */
.game{position:relative!important;}
.game image{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  opacity:.46!important;
  filter:saturate(.72) brightness(1.08) contrast(.86)!important;
}
.game:not(.on)::after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:43px;
  height:43px;
  transform:translateX(-50%);
  border-radius:11px;
  background:rgba(238,236,255,.44);
  backdrop-filter:blur(0.75px);
  pointer-events:none;
  z-index:2;
}
.game.on image{
  opacity:1!important;
  filter:none!important;
  border:0!important;
  box-shadow:none!important;
}
.game.on::after{display:none!important;}
.game text{position:relative;z-index:3;}
.game:not(.on) text{color:rgba(31,41,55,.48)!important;}

/* 2026-07-04：对齐参考图二：标题略下移，游戏名称字号/选中胶囊更小更贴近 */
.products-hero{padding-bottom:11px!important;}
.page-title{padding-top:6px!important;margin-bottom:12px!important;font-size:18px!important;line-height:24px!important;font-weight:500!important;}
.game{width:71px!important;margin-right:19px!important;}
.game text{margin-top:5px!important;font-size:12.5px!important;line-height:15.5px!important;max-width:74px!important;font-weight:400!important;}
.game.on text{background:var(--theme,#6576ff)!important;color:#fff!important;border-radius:499.5px!important;padding:0.5px 6px 1px!important;line-height:15px!important;box-shadow:none!important;font-size:12.5px!important;font-weight:400!important;}


/* 2026-07-05：全部商品页顶部对齐参考图：标题稍下、游戏清晰不雾化、蓝色选中边框和胶囊 */
.products-hero{padding-bottom:15px!important;background:linear-gradient(180deg,#eeecff 0%,#e9e8ff 100%)!important;}
.products-hero .page-title{padding-top:12px!important;margin-bottom:14px!important;font-size:18px!important;line-height:25px!important;color:#111827!important;font-weight:500!important;}
.products-hero .game-row{height:79px!important;}
.products-hero .game{width:71px!important;margin-right:20px!important;}
.products-hero .game image{width:44px!important;height:44px!important;border-radius:9px!important;background:#fff!important;opacity:1!important;filter:none!important;box-shadow:0 3px 7px rgba(60,70,120,.10)!important;border:2px solid transparent!important;box-sizing:border-box!important;}
.products-hero .game:not(.on)::after{display:none!important;content:none!important;}
.products-hero .game.on image{border:2px solid #6676ff!important;box-shadow:0 3px 7px rgba(102,118,255,.18)!important;}
.products-hero .game text{margin-top:6px!important;font-size:13px!important;line-height:17px!important;color:#242a34!important;font-weight:400!important;opacity:1!important;filter:none!important;max-width:75px!important;}
.products-hero .game:not(.on) text{color:#242a34!important;opacity:1!important;filter:none!important;}
.products-hero .game.on text{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:19px!important;line-height:19px!important;background:#6676ff!important;color:#fff!important;border-radius:499.5px!important;padding:0 7px!important;font-size:13px!important;font-weight:400!important;box-shadow:none!important;}

/* 2026-07-05：全部商品顶部游戏分类改为露出 4.5 个，图标去掉外层白框，直接显示原图 */
.products-hero .game-row{
  height:79px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.products-hero .game{
  width:63px!important;
  margin-right:12px!important;
}
.products-hero .game image{
  width:44px!important;
  height:44px!important;
  border-radius:9px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  opacity:1!important;
  filter:none!important;
}
.products-hero .game.on image{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.products-hero .game:not(.on)::after{
  display:none!important;
  content:none!important;
}
.products-hero .game text{
  max-width:66px!important;
  margin-top:6px!important;
  font-size:12.5px!important;
  line-height:16.5px!important;
  color:#242a34!important;
}
.products-hero .game:not(.on) text{
  color:#242a34!important;
  opacity:1!important;
  filter:none!important;
}
.products-hero .game.on text{
  min-height:18px!important;
  line-height:18px!important;
  padding:0 6.5px!important;
  font-size:12.5px!important;
  background:#6676ff!important;
  color:#fff!important;
}

/* 2026-07-29：首个游戏被选中时胶囊会向父项左侧外溢，给首项预留完整圆角空间。 */
.products-hero .game:first-child{
  margin-left:9px!important;
}
.products-hero .game.on text{
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}


/* source: miniprogram/pages/messages/messages.wxss */
.msg-page{min-height:100vh;background:#fff;padding:12px 12px 80px;box-sizing:border-box;color:#222a36}.msg-top{height:34px;display:grid;grid-template-columns:95px 105px 1fr;align-items:center;margin-bottom:24px}.top-btn{justify-self:start;min-width:74px;height:27px;border-radius:499.5px;background:#f5f5f5;color:#8c8c8c;font-size:13px;display:flex;align-items:center;justify-content:center;gap:4px}.trash{font-size:15px;color:#888}.top-tab{justify-self:start;font-size:17px;color:#777}.top-tab.active{font-size:21px;font-weight:900;color:#202633;position:relative}.top-tab.active:after,.top-title.active:after{content:'';position:absolute;left:9px;right:9px;bottom:-8px;height:7px;border-radius:49.5px;background:linear-gradient(90deg,rgba(124,135,255,0),rgba(124,135,255,.82),rgba(124,135,255,0));filter:blur(1px)}.top-title{justify-self:start;position:relative;font-size:17px;color:#777}.top-title.active{font-size:21px;font-weight:900;color:#1f2937}.msg-list{display:flex;flex-direction:column;gap:22px}.msg-row{display:flex;align-items:center;min-height:56px}.msg-avatar{position:relative;width:48px;height:48px;border-radius:499.5px;display:grid;place-items:center;flex:0 0 48px;margin-right:15px}.msg-avatar text{font-size:23px;filter:grayscale(100%) brightness(0) invert(1);opacity:.88}.msg-avatar.notice{background:linear-gradient(135deg,#858dff,#aaa8ff)}.msg-avatar.stranger{background:linear-gradient(135deg,#ffc84d,#ffdc84)}.badge{position:absolute;right:-2px;top:-3px;min-width:15px;height:15px;border-radius:499.5px;background:#ff5e66;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}.msg-main{min-width:0;flex:1}.msg-name{font-size:18px;color:#2c2c2c;line-height:1.25}.male{font-size:14px;color:#4b82ff;margin-left:2px}.msg-desc{font-size:14px;color:#aaa;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:215px}.msg-time{margin-left:auto;color:#b2b2b2;font-size:15px;align-self:flex-start;margin-top:5px}.dnd-wrap{margin-left:9px;display:flex;align-items:center;gap:6px;color:#777;font-size:14px;white-space:nowrap}.dnd-wrap switch{transform:scale(.72);transform-origin:right center}.contacts-panel{padding-top:17px}.contact-tabs{height:35px;border-radius:499.5px;background:#f6f6f6;margin:0 auto;width:250px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;font-size:15px;color:#222;box-shadow:inset 0 0 0 1px #f1f1f1}.contact-tabs view{height:32px;line-height:32px;border-radius:499.5px}.contact-tabs .on{background:#fff;box-shadow:0 4px 12px rgba(30,40,80,.05)}.contacts-empty{height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aeb2bb;font-size:14px}.empty-illus{width:76px;height:60px;display:flex;align-items:center;justify-content:center;font-size:48px;color:#c5c9ff;text-shadow:0 15px 18px rgba(124,135,255,.16);transform:rotate(-6deg)}.contact-list{margin-top:20px}.contact-item{height:55px;display:flex;align-items:center;gap:11px;border-bottom:0.5px solid #f2f3f6}.contact-item image{width:38px;height:38px;border-radius:50%}.contact-name{font-size:15px;font-weight:800}.contact-desc{font-size:12px;color:#a0a5ad;margin-top:4px}.system-mask{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99;background:rgba(20,24,38,.32);display:flex;align-items:flex-end}.system-card{width:100%;max-height:78vh;background:#fff;border-radius:17px 17px 0 0;box-shadow:0 -12px 35px rgba(31,41,55,.18);overflow:hidden}.system-head{height:52px;display:flex;align-items:center;padding:0 16px;border-bottom:0.5px solid #eef0f5}.system-head text{font-size:17px;font-weight:900;flex:1}.system-head button{margin:0;height:29px;line-height:29px;border-radius:499.5px;background:#f4f5f9;color:#667085;font-size:12px}.system-scroll{max-height:calc(78vh - 52px)}.system-item{padding:14px 16px;border-bottom:0.5px solid #f0f2f6}.system-item.read{opacity:.66}.system-title{display:flex;align-items:center;gap:6px}.system-title text{font-size:15px;font-weight:800;color:#1f2937}.system-title em{font-style:normal;font-size:10px;color:#fff;background:#ff6767;border-radius:499.5px;padding:2px 6px}.system-content{font-size:13px;color:#667085;line-height:1.65;margin-top:6px}.system-time{font-size:11px;color:#b0b6c2;margin-top:6px}.empty{text-align:center;color:#a0a8b8;padding:40px 0;font-size:14px}
/* 2026-07-06：打手邀请消息动作 */
.system-actions{display:flex;gap:8px;margin-top:9px}
.system-actions button{width:41px;min-width:41px;margin:0;padding:0;height:27px;min-height:27px;line-height:1!important;border-radius:4.5px;font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.system-actions button:after{border:0}
.system-actions .agree{background:#6676ff;color:#fff}
.system-actions .refuse{background:#f4f5f8;color:#8b93a3}
.system-state{display:inline-flex;margin-top:8px;height:22px;align-items:center;padding:0 9px;border-radius:499.5px;background:#eef0ff;color:#6676ff;font-size:11.5px}

/* 2026-07-06：底栏消息增加老板/打手聊天会话，样式对齐参考图 */
.chat-row{min-height:58px}
.chat-avatar{width:48px;height:48px;border-radius:50%;background:#f1f2f6;margin-right:15px;flex:0 0 48px}
.msg-bottom{text-align:center;color:#777;font-size:15px;line-height:48px;margin-top:5px}

/* 2026-07-07 消息页未读提醒：会话最后一条消息 + 红色未读数字 + 底栏消息 badge */
.msg-list{gap:19px!important}.msg-row{position:relative}.msg-side{margin-left:9px;min-width:36px;display:flex;flex-direction:column;align-items:flex-end;align-self:stretch;padding-top:4px;box-sizing:border-box}.msg-side .msg-time{margin:0!important;align-self:auto!important;color:#b2b2b2!important;font-size:15px!important;line-height:18px!important}.row-unread{margin-top:17px;min-width:19px;height:19px;padding:0 5px;border-radius:499.5px;background:#ff5b3f;color:#fff;font-size:12px;font-weight:700;line-height:19px;text-align:center;box-sizing:border-box;box-shadow:0 2px 5px rgba(255,91,63,.22)}.chat-row .msg-desc{max-width:230px!important}.badge{background:#ff5b3f!important;font-weight:700}.msg-avatar .badge{font-size:10px!important;min-width:16px!important;height:16px!important;line-height:16px!important}.msg-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.msg-desc{line-height:17px!important;margin-top:7px!important}.chat-row{min-height:59px!important}.msg-bottom{line-height:55px!important;color:#777!important}

/* 群聊状态角标 */
.chat-name{display:flex;align-items:center;min-width:0;overflow:visible!important;max-width:250px!important}
.msg-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-status{flex:none;margin-left:5px;padding:1px 4.5px;border-radius:2.5px;color:#fff;font-size:9px;font-weight:600;line-height:14px}
.chat-status.doing{background:#5f73ff}
.chat-status.completed{background:#32b96b}
.msg-desc.gift-preview{color:#e9ad18!important;font-weight:700}

/* 陪玩提交完成后，老板端消息页实时完成提醒。 */
.completion-reminder-mask{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.38);padding:59px 12px 0;box-sizing:border-box}
.completion-reminder-card{width:100%;background-color:#eff0fd;background-image:url('/assets/completion-bell.png'),linear-gradient(180deg,#eff0fd 0%,#fff 100%);background-repeat:no-repeat,no-repeat;background-position:right 43px,0 0;background-size:110px auto,100% 100%;border-radius:9px 9px 0 0;padding:14px 13px 3px;box-sizing:border-box;box-shadow:0 9px 35px rgba(15,23,42,.14)}
.completion-reminder-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#32343b;line-height:20px}
.completion-reminder-head>view:first-child{font-size:14px;font-weight:400}.completion-reminder-head>view:first-child text{color:#6175ff;font-weight:650}
.completion-reminder-head>view:last-child{color:#666}.completion-reminder-head>view:last-child text{color:#6175ff;font-weight:800}
.completion-reminder-info{position:relative;margin-top:5px;display:flex;flex-direction:column;color:#63656d;font-size:12.5px;line-height:18px}
.completion-reminder-info em{position:absolute;right:2px;top:0;padding:1.5px 5px;border:0.5px solid #8b99ff;border-radius:3px;color:#6577ff;font-style:normal;font-size:11.5px;line-height:16px}
.completion-collapse{text-align:center;color:#9b9da3;font-size:12px;line-height:23px}

/* 消息页完成申请弹窗：按钮铺满卡片内容区，文字水平、垂直居中。 */
.completion-detail-button{align-self:stretch!important;width:100%!important;max-width:none!important;height:32px!important;min-height:32px!important;line-height:1!important;margin:8px 0 0!important;padding:0!important;border-radius:17px!important;background:#6175ff!important;color:#fff!important;font-size:14px!important;font-weight:400!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
.completion-detail-button:after{border:0!important}


/* source: miniprogram/pages/mine/mine.wxss */
.web-page{background:#f5f5f6}.mine{min-height:100vh;padding:6px 12px 75px;background:linear-gradient(180deg,#eef0ff 0,#f7f7f8 260px,#f7f7f8 100%);box-sizing:border-box}.brand-title{text-align:center;color:#222831;font-size:14px;font-weight:800;margin-top:1px}.mine-title{font-size:23px;font-weight:900;margin:7px 0 14px;color:#222831}.profile{height:63px;gap:13px;position:relative}.profile-avatar{width:60px;height:60px;border-radius:499.5px;background:#fff;box-shadow:0 4px 11px rgba(39,44,90,.06);flex:none}.profile-info{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}.nick{font-size:17px;line-height:22px;font-weight:900;color:#252a35;max-width:205px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-code{font-size:12.5px;color:#7a7f89;margin-top:5px;font-weight:700}.edit-pencil{width:37px;height:37px;display:flex;align-items:center;justify-content:center;color:#96989f;font-size:26px;font-weight:300;margin-left:auto}.login-btn{margin-left:auto;background:var(--theme,#6676ff);color:#fff;border-radius:499.5px;font-size:13px;padding:0 17px;height:34px;line-height:34px}.login-btn:after{border:0}.card{background:#fff;border-radius:11px;box-shadow:0 4px 12px rgba(30,40,80,.04)}.vip{height:72px;margin-top:14px;padding:0 14px;display:flex;align-items:center;background:linear-gradient(135deg,#80624d 0%,#a18774 48%,#b5aa9d 100%);color:#fff;overflow:hidden;position:relative}.vip:after{content:'';position:absolute;right:-22px;top:-27px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.09)}.vip-silver{background:linear-gradient(135deg,#5f626b,#8b909b)}.vip-gold{background:linear-gradient(135deg,#8a5a35,#c2996e)}.vip-platinum,.vip-diamond{background:linear-gradient(135deg,#554a86,#7d70b6)}.vip-king{background:linear-gradient(135deg,#9a4449,#d57478)}.vip-medal{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e2d4a0,#9a8156);display:flex;align-items:center;justify-content:center;font-size:25px;color:#6e5a36;margin-right:13px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.22);z-index:1}.vip-info{flex:1;color:rgba(255,255,255,.86);font-size:14px;z-index:1}.big{font-size:19px;color:#fff;margin-top:5px}.vip-score{width:95px;text-align:center;font-size:14px;color:rgba(255,255,255,.9);z-index:1}.progress{height:7px;background:rgba(255,255,255,.25);border-radius:499.5px;margin-top:9px;overflow:hidden}.progress view{height:100%;background:#fff;border-radius:499.5px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:9px 0}.stat-card{height:64px;padding:0 13px;display:flex;align-items:center;gap:9px;position:relative;box-sizing:border-box;overflow:hidden}.stat-card:after{content:'';position:absolute;right:9px;bottom:-9px;width:66px;height:50px;opacity:.12;background:currentColor;border-radius:11px;transform:rotate(-14deg)}.diamond-card{color:var(--theme,#6676ff)}.order-card{color:#7283ff}.stat-icon{width:28px;height:28px;border-radius:499.5px;background:#eef0ff;color:var(--theme,#6676ff);display:flex;align-items:center;justify-content:center;font-size:15px}.stats b{display:block;font-size:17px;line-height:19px;color:#252a35}.stats text{color:#a0a5ad;font-size:14px}.arrow{position:absolute;right:12px;top:21px;font-size:27px!important;color:#a8adb7!important}.grid-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 4px;text-align:center;padding:18px 4px 16px;color:#667085}.menu-cell{font-size:12.5px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;position:relative}.menu-icon{width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef0ff;position:relative}.menu-icon text{position:relative;font-size:16px;font-weight:900;color:var(--theme,#6676ff)}.menu-icon.game{background:linear-gradient(135deg,#eef1ff,#e9f4ff)}.menu-icon.coupon{background:linear-gradient(135deg,#f0efff,#eef5ff)}.menu-icon.about{background:linear-gradient(135deg,#eef2ff,#eef8ff)}.menu-icon.help{background:linear-gradient(135deg,#eef0ff,#f3f5ff)}.menu-icon.privacy{background:linear-gradient(135deg,#edf5ff 0%,#f0edff 100%)}.menu-icon.contact{background:linear-gradient(135deg,#eef1ff 0%,#fff2dc 100%)}.menu-icon.favorite{background:linear-gradient(135deg,#eef4ff 0%,#e8efff 100%)}.menu-icon.favorite text{color:#5b70ff}.menu-cell>text{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#68707d}.list{margin-top:10px;padding:9px 14px}.list view{height:47px;display:flex;align-items:center;color:#252a35;font-size:15px;position:relative}.list-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;margin-right:9px;color:var(--theme,#6676ff);font-size:17px}.list-arrow{margin-left:auto;color:#a8adb7;font-size:25px}.row{display:flex;align-items:center}.native-contact-cover{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:5;background:transparent}.native-contact-cover:after{border:0}

/* 2026-07-04：我的页去掉头像上方“我的”，头像区整体上移 */
.profile{margin-top:14px!important;}
.vip{margin-top:11px!important;}

/* 全局客服：只弹二维码图片，不显示说明文字 */
.customer-mask{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:90;display:flex;align-items:center;justify-content:center;padding:25px;box-sizing:border-box}.customer-card{width:300px;background:#fff;border-radius:14px;padding:11px;box-sizing:border-box}.customer-card image{display:block;width:100%;border-radius:10px}

/* 2026-07-05：我的页按参考图重排：去掉重复标题，等级以下卡片/图标/列表统一成蓝紫参考样式 */
.mine{
  padding:9px 12px 75px!important;
  background:linear-gradient(180deg,#eef0ff 0,#f6f7fb 260px,#f6f7fb 100%)!important;
}
.brand-title{display:none!important;}
.profile{
  margin-top:3px!important;
  height:66px!important;
  gap:13px!important;
}
.profile-avatar{width:61px!important;height:61px!important;box-shadow:none!important;background:#fff!important;}
.nick{font-size:17px!important;line-height:22px!important;font-weight:900!important;color:#202938!important;}
.user-code{font-size:13px!important;color:#667085!important;margin-top:4px!important;font-weight:600!important;}
.edit-pencil{color:#969696!important;font-size:24px!important;}
.login-btn{height:36px!important;line-height:36px!important;border-radius:499.5px!important;background:#b9553b!important;color:#fff!important;font-size:15px!important;min-width:150px!important;}
.vip{
  height:72px!important;
  margin-top:11px!important;
  border-radius:7px!important;
  padding:0 14px!important;
  background:linear-gradient(105deg,#7a5b47 0%,#9a7b66 42%,#b1a59a 100%)!important;
  box-shadow:none!important;
}
.vip:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,0) 50%),radial-gradient(circle at 88% 12%,rgba(255,255,255,.10) 0 42px,transparent 43px);pointer-events:none;}
.vip:after{right:-26px!important;top:-23px!important;width:115px!important;height:115px!important;background:rgba(255,255,255,.08)!important;}
.vip-medal{width:52px!important;height:52px!important;margin-right:14px!important;background:transparent!important;color:transparent!important;font-size:0!important;box-shadow:none!important;overflow:visible!important;}
.vip-medal-image{display:block;width:52px;height:52px;}
.vip-info{font-size:14px!important;color:rgba(255,255,255,.86)!important;}
.vip-info .big{font-size:19px!important;line-height:23px!important;margin-top:4px!important;color:#fff!important;font-weight:500!important;}
.vip-score{width:93px!important;font-size:15px!important;color:#fff!important;text-align:left!important;}
.vip-score text{display:block;text-align:left!important;font-size:15px!important;color:#fff!important;}
.progress{height:7px!important;margin-top:9px!important;background:rgba(255,255,255,.32)!important;}
.progress view{background:#fff!important;}
.stats{grid-template-columns:1fr 1fr!important;gap:9px!important;margin:8px 0 9px!important;}
.stats.single{grid-template-columns:1fr!important;}
.stat-card{
  height:64px!important;
  border-radius:8px!important;
  padding:0 12px!important;
  gap:9px!important;
  box-shadow:none!important;
  background:#fff!important;
}
.stat-card:after{content:none!important;display:none!important;}
.diamond-card{color:#6676ff!important;}
.order-card{color:#6676ff!important;}
.stat-icon{width:31px!important;height:31px!important;background:#f0f1ff!important;color:#6676ff!important;font-size:0!important;z-index:1;}
.stat-icon-image{display:block;width:22px!important;height:22px!important;}
.diamond-icon-image{height:20px!important;}
.stat-copy{position:relative;z-index:1!important;min-width:0;}
.stat-watermark{position:absolute;right:10px!important;bottom:-10px!important;width:59px!important;height:59px!important;opacity:.09!important;transform:rotate(-10deg) scale(1.14)!important;filter:blur(0.5px)!important;pointer-events:none;z-index:0!important;}
.stats b{font-size:17px!important;line-height:19px!important;color:#252a35!important;font-weight:900!important;}
.stats text{font-size:14px!important;line-height:17px!important;color:#9298a5!important;}
.stat-card .arrow{top:19px!important;right:12px!important;color:#a8adb7!important;font-size:27px!important;z-index:2;}
.grid-menu{
  margin-top:0!important;
  border-radius:9px!important;
  padding:17px 9px 18px!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:16px 4px!important;
  box-shadow:none!important;
}
.menu-cell{gap:6px!important;font-size:13px!important;color:#667085!important;}
.menu-icon{width:36px!important;height:36px!important;background:#eff0ff!important;color:#6676ff!important;}
.menu-icon text{font-size:16px!important;color:#6676ff!important;font-weight:900!important;}
.menu-icon.coupon text,.menu-icon.help text,.menu-icon.privacy text{color:#6676ff!important;}
.menu-text,.menu-cell>text{font-size:13.5px!important;color:#6b7280!important;line-height:17px!important;font-weight:400!important;}
.list{
  margin-top:9px!important;
  padding:14px 17px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.list view{height:48px!important;font-size:16px!important;color:#222831!important;}
.list-icon{width:22px!important;height:22px!important;margin-right:15px!important;color:#6676ff!important;font-size:17px!important;}
.list-icon.complaint{color:#6676ff!important;}
.list-icon.headset{color:#6676ff!important;}
.list-icon.setting{color:#6676ff!important;}
.list-arrow{margin-left:auto!important;color:#a6abb4!important;font-size:24px!important;}

/* 2026-07-05：我的页图标改成 H5 参考资源/同款蓝紫缩略图，不再用文字符号 */
.menu-icon{
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  background:#eff0ff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.menu-icon image{
  width:22px!important;
  height:22px!important;
  display:block!important;
}
.menu-icon.game image{width:22.5px!important;height:22.5px!important;}
.menu-icon.coupon image{width:21px!important;height:21px!important;}
.menu-icon.about image{width:21.5px!important;height:21.5px!important;}
.menu-icon.help image{width:21.5px!important;height:21.5px!important;}
.menu-icon.privacy image{width:22px!important;height:22px!important;}
.menu-icon.contact image{width:23.5px!important;height:23.5px!important;}
.list-icon-img{
  width:22px!important;
  height:22px!important;
  display:block!important;
  margin-right:15px!important;
  flex:none!important;
}
/* 2026-07-05：把帮助中心入口换成我的收藏，使用收藏星标图标 */
.menu-icon.favorite{background:linear-gradient(135deg,#eef4ff 0%,#e8efff 100%)!important;}
.menu-icon.favorite image{width:21px!important;height:21px!important;}

/* 2026-07-05：我的页会员卡按后端成长值自动切换等级主题，青铜/白银/黄金/铂金/钻石/王者都同步变化 */
.vip.vip-none,
.vip.vip-bronze{
  background:linear-gradient(105deg,#7a5b47 0%,#9a7b66 42%,#b1a59a 100%)!important;
}
.vip.vip-silver{
  background:linear-gradient(105deg,#5d626e 0%,#707988 48%,#9ca3af 100%)!important;
}
.vip.vip-gold{
  background:linear-gradient(105deg,#7b4a28 0%,#a67142 48%,#d2a46b 100%)!important;
}
.vip.vip-platinum{
  background:linear-gradient(105deg,#453f6f 0%,#625894 48%,#8e83c8 100%)!important;
}
.vip.vip-diamond{
  background:linear-gradient(105deg,#3e4d88 0%,#5c72d4 48%,#8ea9ff 100%)!important;
}
.vip.vip-king{
  background:linear-gradient(105deg,#87373b 0%,#b44d55 48%,#ec7a80 100%)!important;
}
.vip.vip-none .vip-medal,
.vip.vip-bronze .vip-medal{
  background:transparent!important;
  color:transparent!important;
}
.vip.vip-silver .vip-medal{
  background:transparent!important;
  color:transparent!important;
}
.vip.vip-gold .vip-medal{
  background:transparent!important;
  color:transparent!important;
}
.vip.vip-platinum .vip-medal,
.vip.vip-diamond .vip-medal{
  background:transparent!important;
  color:transparent!important;
}
.vip.vip-king .vip-medal{
  background:transparent!important;
  color:transparent!important;
}

/* 2026-07-07：我的页增加同订单中心一致的派单中悬浮窗 */
.dispatch-float{
  position:fixed;
  right:0;
  bottom:calc(215px + env(safe-area-inset-bottom));
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:138px;
  height:32px;
  padding:0 10px 0 21px;
  border-radius:499.5px 0 0 499.5px;
  background:linear-gradient(90deg,#5b75ff 0%,#7a3ff2 100%);
  color:#fff;
  font-size:15px;
  font-weight:500;
  box-shadow:0 11px 26px rgba(98,91,255,.24);
  box-sizing:border-box;
}
.dispatch-float image{
  width:24px;
  height:24px;
  border-radius:5px;
  flex:none;
  margin-left:-10px;
}
.dispatch-float text:nth-child(2){flex:1;text-align:center;}
.dispatch-float text:nth-child(3){font-size:25px;line-height:26px;font-weight:300;}

/* 2026-07-29：登录按钮文字垂直居中。 */
.login-btn{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}


/* source: miniprogram/pkg-player/player-login/player-login.wxss */
.web-page{background:#8b72ef}.join-page{min-height:100vh;background:linear-gradient(180deg,#1fbfff 0,#7e62e6 34%,#8b72ef 100%);color:#202938;padding-bottom:41px;box-sizing:border-box}.loading-card{padding:110px 0;text-align:center;color:#fff;font-size:15px}.poster-hero{height:325px;position:relative;overflow:hidden;background:radial-gradient(circle at 52% 6%,#42d7ff 0,#12aef2 31%,#7a5ee6 70%,#8569e8 100%)}.poster-hero:before{content:"";position:absolute;left:-35px;right:-35px;top:0;height:167.5px;background:linear-gradient(156deg,transparent 0 12%,rgba(99,255,221,.8) 12% 17%,transparent 17% 31%,rgba(255,244,64,.92) 31% 37%,transparent 37% 61%,rgba(132,255,225,.78) 61% 66%,transparent 66% 100%);opacity:.85}.poster-hero:after{content:"";position:absolute;left:-20px;right:-20px;bottom:58px;height:64px;background:#fff56e;transform:skewY(-8deg);box-shadow:0 9px 0 #6b35d8}.hero-chip{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;color:#102033;font-weight:900}.hero-chip-left{left:49px;top:63px;width:36px;height:36px;border-radius:9px;background:#172637;color:#34ffcd;font-size:21px;transform:rotate(-12deg)}.hero-chip-right{right:39px;top:64px;padding:5px 7px;border-radius:7px;background:#554744;color:#fff6a6;font-size:11px;transform:rotate(15deg)}.hero-title{position:absolute;z-index:3;left:45px;right:45px;top:65px;text-align:center;font-size:47px;line-height:1.02;font-weight:1000;color:#fff567;text-shadow:-3px -2.5px 0 #8941df,3px 2.5px 0 #8941df,0 5px 0 rgba(69,28,147,.35);letter-spacing:1.5px}.hero-ribbon{position:absolute;z-index:4;left:52px;right:52px;bottom:39px;height:42px;line-height:42px;text-align:center;background:#fffbea;border:3.5px solid #7847d8;transform:skew(-8deg);font-size:17px;font-weight:1000;color:#263344;box-shadow:0 6.5px 0 rgba(91,53,202,.35)}.poster-card{position:relative;margin:-17px 21px 0;padding:27px 24px 25px;background:#fffdf1;border:5px solid #fff167;border-radius:5px;box-shadow:0 0 0 5.5px #6ee7d9 inset,0 9px 22px rgba(35,25,120,.18)}.poster-card:after{content:"";position:absolute;left:14px;right:14px;bottom:11px;height:6px;border-left:9px solid #68eadb;border-right:9px solid #68eadb;opacity:.7}.poster-tag{height:37px;line-height:37px;background:#905cf4;color:#fff;border-radius:7px;text-align:center;font-size:16px;font-weight:1000;margin:0 0 17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}.adv-title{font-size:19px;font-weight:1000;margin-bottom:12px;color:#1f2937}.benefit{display:flex;gap:10px;margin:12px 0}.benefit-no{width:23px;height:23px;line-height:23px;text-align:center;border-radius:50%;background:#70e1d8;color:#173642;font-weight:1000;font-size:14px;flex:none}.benefit-title{font-size:16px;font-weight:1000;color:#252a35}.benefit-desc{font-size:14px;line-height:1.58;margin:4px 0 0;color:#30343d}.join-actions{display:flex;gap:11px;margin:19px 17px 0}.join-action{height:44px;line-height:44px;border-radius:9px;font-size:16px;font-weight:1000;color:#fff;flex:1;margin:0;padding:0;box-shadow:0 7px 14px rgba(51,29,143,.24)}.join-action::after{border:0}.join-action.rule{background:linear-gradient(135deg,#765fff,#9a69ff)}.join-action.exam{background:linear-gradient(135deg,#ffec55,#ffae30);color:#293243}.card{background:#fff;border-radius:14px;box-shadow:0 7px 20px rgba(36,53,89,.08)}.apply-form{margin:14px 16px 0;padding:17px}.form-title{font-size:19px;font-weight:1000;margin-bottom:12px}.reject-box{background:#fff1f1;color:#e15050;padding:9px 11px;border-radius:9px;font-size:13px;margin-bottom:11px}.label{font-size:14.5px;font-weight:1000;margin:14px 0 7px;display:flex;align-items:center;gap:6px}.label text{font-size:11.5px;color:#98a2b3;font-weight:700}.field-input{height:45px;border-radius:9px;background:#f7f8fc;border:1px solid #eef1f8;padding:0 12px;font-size:14.5px;box-sizing:border-box}.games{display:flex;flex-wrap:wrap;gap:8px}.game-chip{position:relative;min-width:95px;max-width:155px;height:41px;padding:0 24px 0 7px;border-radius:11px;background:#f4f5fb;color:#596274;font-weight:900;font-size:13px;display:flex;align-items:center;gap:6px;box-sizing:border-box;border:1px solid transparent;overflow:hidden}.game-chip-icon{width:24px;height:24px;border-radius:6px;flex:none}.game-chip text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-chip .check-dot{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:#e6e8f2;color:#fff;text-align:center;line-height:16px;font-size:11.5px;font-weight:1000}.game-chip.active{background:#eef0ff;color:#5267ff;border-color:#6676ff;box-shadow:0 5px 11px rgba(102,118,255,.18)}.game-chip.active .check-dot{background:#6676ff}.submit-btn{height:47px;border-radius:499.5px;background:#6676ff;color:#fff;font-weight:1000;font-size:16px;margin-top:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 9px 17px rgba(102,118,255,.28)}.submit-btn::after{border:0}.status-page,.approved-page{min-height:100vh;background:#f6f7fb;padding:66px 17px;box-sizing:border-box}.status-card{padding:25px 17px;text-align:center}.status-icon{width:66px;height:66px;border-radius:50%;margin:0 auto 13px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:1000}.status-icon.pending{background:#fff4d8;color:#ffae2e}.status-icon.ok{background:#e7fff8;color:#18c79c}.status-title{font-size:21px;font-weight:1000;margin-bottom:7px}.status-desc{font-size:14px;color:#667085;line-height:1.65;margin-bottom:15px}.info-line{min-height:38px;display:flex;align-items:center;justify-content:space-between;border-top:0.5px solid #f0f2f6;font-size:13.5px;text-align:left;gap:10px}.info-line text{color:#98a2b3}.info-val{font-weight:900!important;color:#202938!important;text-align:right;max-width:235px}.exam-mask{position:fixed;z-index:60;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:26px;box-sizing:border-box}.exam-modal{width:100%;background:#fff;border-radius:15px;padding:18px 17px 15px;text-align:center;box-sizing:border-box;box-shadow:0 13px 40px rgba(0,0,0,.22)}.modal-title{font-size:18px;font-weight:1000;margin-bottom:12px}.exam-qr{width:260px;max-width:100%;border-radius:10px;background:#f5f6fb}.modal-tip{font-size:13px;color:#667085;line-height:1.55;margin:10px 0}.modal-close{height:41px;border-radius:499.5px;background:#6676ff;color:#fff;font-weight:900;font-size:15px}.modal-close::after{border:0}

/* 2026-07-06：审核通过后的“陪玩登录”进入陪玩中心仪表盘，去接单后才进入接单大厅 */
.join-page.center-shell{
  min-height:100vh!important;
  background:linear-gradient(180deg,#eef3ff 0%,#f2eaff 80px,#f6f6f6 210px,#f6f6f6 100%)!important;
  padding:18px 13px calc(83px + env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
  color:#202938!important;
}
.center-page{min-height:100vh;background:transparent!important;padding:0!important;box-sizing:border-box;}
.center-hero-card{position:relative;margin:11px 3px 14px;padding:26px 9px 9px;border-radius:13px;background:linear-gradient(135deg,#7083ff 0%,#7d6dff 62%,#7892ff 100%);box-shadow:0 7px 14px rgba(101,114,255,.16);}
.center-hero-card:before{content:"";position:absolute;left:44px;right:44px;top:-11px;height:21px;border-radius:9px 9px 0 0;background:rgba(114,126,255,.18);}
.hero-board-title{position:absolute;left:50%;top:-13px;transform:translateX(-50%);z-index:2;width:118px;height:31px;line-height:31px;text-align:center;color:#fff;font-size:18px;font-weight:1000;letter-spacing:1px;background:linear-gradient(135deg,#657eff,#29c7f4);clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%);text-shadow:0 2px 0 rgba(40,80,190,.25);}
.hero-board-inner{position:relative;background:linear-gradient(180deg,#edf8ff 0%,#fff 58%,#fff 100%);border:5px solid #eef8ff;border-radius:11px;min-height:207px;box-sizing:border-box;padding:24px 15px 19px;text-align:center;box-shadow:inset 0 0 0 0.5px rgba(255,255,255,.75);}
.notice-btn{position:absolute;right:-5px;top:14px;height:27px;line-height:27px;border-radius:13px 0 0 13px;background:linear-gradient(135deg,#6c7cff,#9072ff);color:#fff;font-size:13px;font-weight:900;padding:0 8px 0 11px;box-shadow:0 4px 9px rgba(112,122,255,.22);}
.notice-btn text{font-size:17px;vertical-align:-1px;}
.taking-segment{width:124px;height:31px;border-radius:499.5px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;padding:2px;box-shadow:0 2px 5px rgba(66,80,160,.05);}
.taking-item{flex:1;height:27px;line-height:27px;text-align:center;border-radius:499.5px;color:#a0a4ad;font-size:13.5px;font-weight:900;}
.taking-item.active{background:#59b45e;color:#fff;box-shadow:0 3px 7px rgba(89,180,94,.2);}
.taking-item.stop-active{background:#8f96a8;color:#fff;}
.month-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:800;color:#1f2937;margin-top:3px;}
.month-label text{font-family:serif;color:#c9b7ff;font-weight:1000;font-size:20px;line-height:1;}
.month-value{font-size:23px;line-height:31px;color:#000;font-weight:1000;margin-top:12px;}
.rank-line{font-size:15px;color:#8a8f99;line-height:20px;margin-top:8px;}
.go-hall-btn{position:relative;width:195px;height:46px;line-height:46px;margin:16px auto 0;padding:0;border-radius:13px;background:linear-gradient(135deg,#5867ff 0%,#9857ef 100%);color:#fff;font-size:18px;font-weight:1000;box-shadow:0 5px 0 rgba(116,88,222,.18),0 10px 14px rgba(86,92,255,.20);}
.go-hall-btn:before,.go-hall-btn:after{content:"◇";position:absolute;top:50%;transform:translateY(-50%);font-size:20px;color:#d9fbff;text-shadow:6px 0 0 rgba(255,255,255,.65);}
.go-hall-btn:before{left:17px;}.go-hall-btn:after{right:25px;}.go-hall-btn::after{border:0;}
.promo-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0 0 14px;}
.promo-card{position:relative;height:68px;border-radius:7px;overflow:hidden;padding:15px 14px;box-sizing:border-box;border:1px solid rgba(255,255,255,.8);}
.promo-card.rule{background:linear-gradient(135deg,#ffd6ff 0%,#f4c5ff 48%,#ffd6fb 100%);}
.promo-card.money{background:linear-gradient(135deg,#fff4b6 0%,#fff0a2 50%,#fff9d8 100%);}
.promo-title{position:relative;z-index:2;font-size:16px;font-weight:1000;color:#3f2a4b;line-height:19px;white-space:nowrap;}
.promo-sub{position:relative;z-index:2;font-size:13.5px;color:#776070;line-height:17px;margin-top:5px;}
.promo-watermark{position:absolute;right:0;top:9px;font-size:28px;letter-spacing:1px;color:rgba(255,255,255,.58);font-weight:1000;}
.promo-emoji{position:absolute;right:14px;bottom:-5px;font-size:35px;transform:rotate(-8deg);}
.center-tool-card{background:#fff;border-radius:9px;padding:16px 8px 14px;margin:0 0 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:17px 4px;box-shadow:0 5px 13px rgba(75,88,140,.04);}
.center-tool{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;}
.tool-icon{width:36px;height:36px;border-radius:50%;background:#eef0ff;display:flex;align-items:center;justify-content:center;color:#6477ff;}
.tool-icon text{font-size:17px;font-weight:1000;line-height:1;color:#6477ff;}
.tool-text{font-size:13.5px;color:#777d87;line-height:17px;white-space:nowrap;}
.service-head{height:36px;display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;}
.service-title{font-size:16px;font-weight:1000;color:#111827;}
.service-actions{display:flex;align-items:center;gap:9px;}
.mini-pill{margin:0;padding:0;width:66px;height:31px;line-height:31px;border-radius:17px;font-size:12.5px;font-weight:900;}
.mini-pill::after{border:0;}.mini-pill.pause{background:#edf1ff;color:#5d72ff;}.mini-pill.start{background:#4f68ff;color:#fff;box-shadow:0 4px 9px rgba(79,104,255,.18);}
.service-list{display:flex;flex-direction:column;gap:11px;margin-bottom:15px;}
.service-card{position:relative;min-height:77px;background:#fff;border-radius:8px;padding:15px 14px 12px;box-sizing:border-box;display:flex;align-items:flex-start;box-shadow:0 4px 11px rgba(76,87,130,.035);overflow:hidden;}
.service-status{position:absolute;right:0;top:0;height:26px;line-height:26px;min-width:60px;text-align:center;border-radius:0 0 0 9px;background:#eafff1;color:#44c76f;font-size:13px;font-weight:900;padding:0 8px;box-sizing:border-box;}
.service-icon{width:43px;height:43px;border-radius:7px;background:#eef0ff;margin-right:13px;flex:none;}
.service-info{flex:1;min-width:0;padding-top:1px;}
.service-name{font-size:17px;font-weight:1000;color:#161b25;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.service-level{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:4px;background:#f7efd9;color:#3d3325;font-size:12px;font-weight:900;}
.service-btns{position:absolute;right:12px;bottom:11px;display:flex;gap:6px;}
.soft-btn{margin:0;padding:0 11px;height:29px;line-height:29px;border-radius:5px;background:#f6f6f7;color:#111827;font-size:12.5px;font-weight:900;}
.soft-btn.review{background:#fff0ef;color:#ff6b5f;}.soft-btn::after{border:0;}
.center-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;height:60px;padding:5px 14px calc(6px + env(safe-area-inset-bottom));box-sizing:content-box;background:rgba(255,255,255,.96);display:grid;grid-template-columns:1fr 1fr 89px 1fr 1fr;align-items:center;box-shadow:0 -4px 11px rgba(60,70,120,.06);}
.tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c3c5cc;font-size:12px;gap:2px;}
.tabbar-icon{font-size:22px;line-height:23px;color:#c5c7cd;font-weight:900;}
.tabbar-item text{font-size:12.5px;line-height:17px;color:#aeb1ba;}
.tabbar-center{display:flex;align-items:center;justify-content:center;}
.tabbar-center image{width:82px;display:block;}

/* 2026-07-06：修复陪玩中心“我的服务”模块，按参考图横向排版，避免标题竖排和按钮堆叠 */
.service-head{height:36px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 9px!important;padding:0 0!important;box-sizing:border-box!important;overflow:visible!important;}
.service-title{flex:0 0 auto!important;width:auto!important;max-width:none!important;white-space:nowrap!important;word-break:keep-all!important;font-size:16px!important;line-height:22px!important;font-weight:1000!important;color:#111827!important;letter-spacing:0!important;writing-mode:horizontal-tb!important;}
.service-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;width:auto!important;min-width:0!important;}
.service-actions .mini-pill{flex:0 0 66px!important;width:66px!important;min-width:66px!important;max-width:66px!important;height:31px!important;line-height:31px!important;margin:0!important;padding:0!important;border-radius:17px!important;font-size:12.5px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;}
.service-actions .mini-pill::after{border:0!important;}
.service-actions .mini-pill.pause{background:#edf1ff!important;color:#5d72ff!important;}
.service-actions .mini-pill.start{background:#4f68ff!important;color:#fff!important;box-shadow:0 4px 9px rgba(79,104,255,.18)!important;}
.service-list{display:flex!important;flex-direction:column!important;gap:11px!important;margin:0 0 15px!important;overflow:visible!important;}
.service-list .service-card{position:relative!important;width:100%!important;min-height:77px!important;height:77px!important;background:#fff!important;border-radius:8px!important;padding:15px 14px 12px!important;box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;box-shadow:0 4px 11px rgba(76,87,130,.035)!important;overflow:hidden!important;}
.service-list .service-status{position:absolute!important;right:0!important;top:0!important;height:26px!important;line-height:26px!important;min-width:60px!important;text-align:center!important;border-radius:0 0 0 9px!important;background:#eafff1!important;color:#44c76f!important;font-size:13px!important;font-weight:900!important;padding:0 8px!important;box-sizing:border-box!important;white-space:nowrap!important;}
.service-list .service-icon{width:43px!important;height:43px!important;border-radius:7px!important;background:#eef0ff!important;margin:0 13px 0 0!important;flex:0 0 43px!important;display:block!important;}
.service-list .service-info{flex:1 1 auto!important;min-width:0!important;max-width:165px!important;padding-top:1px!important;padding-right:0!important;overflow:hidden!important;}
.service-list .service-name{font-size:17px!important;font-weight:1000!important;color:#161b25!important;line-height:21px!important;height:21px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:0!important;}
.service-list .service-level{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:5px!important;padding:2px 8px!important;height:17px!important;line-height:17px!important;border-radius:4px!important;background:#f7efd9!important;color:#3d3325!important;font-size:12px!important;font-weight:900!important;box-sizing:border-box!important;white-space:nowrap!important;}
.service-list .service-btns{position:absolute!important;right:12px!important;bottom:11px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;width:auto!important;min-width:0!important;z-index:2!important;}
.service-list .soft-btn{flex:0 0 auto!important;margin:0!important;padding:0!important;height:29px!important;line-height:29px!important;border-radius:5px!important;font-size:12.5px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;}
.service-list .soft-btn.review{width:75px!important;min-width:75px!important;background:#fff0ef!important;color:#ff6b5f!important;}
.service-list .soft-btn:not(.review){width:61px!important;min-width:61px!important;background:#f6f6f7!important;color:#111827!important;}
.service-list .soft-btn::after{border:0!important;}

/* 2026-07-07：陪玩中心接单开关联动，停止接单时大厅按钮置灰、服务卡显示休息中 */
.taking-item.stop-active{background:#ff7b61!important;color:#fff!important;box-shadow:0 3px 7px rgba(255,123,97,.22)!important;}
.go-hall-btn.disabled,
.go-hall-btn[disabled]{
  background:linear-gradient(135deg,#bdbdbd 0%,#a8a8a8 100%)!important;
  color:#fff!important;
  box-shadow:0 5px 0 rgba(166,166,166,.22),0 9px 12px rgba(150,150,150,.18)!important;
  opacity:1!important;
}
.go-hall-btn.disabled:before,
.go-hall-btn.disabled:after,
.go-hall-btn[disabled]:before,
.go-hall-btn[disabled]:after{color:#f6f6f6!important;text-shadow:6px 0 0 rgba(255,255,255,.65)!important;}
.service-list .service-status.open{background:#eafff1!important;color:#44c76f!important;}
.service-list .service-status.rest{background:#e6e6e6!important;color:#8a8a8a!important;}
.service-list .service-status.pending{background:#fff0ef!important;color:#ff6b5f!important;}

/* 2026-07-07：陪玩中心按参考图二重做主视觉、工具图标和不透明底栏 */
.join-page.center-shell{
  min-height:100vh!important;
  background:linear-gradient(180deg,#edf3ff 0%,#f0eaff 88px,#f6f6f6 210px,#f6f6f6 100%)!important;
  padding:19px 13px calc(89px + env(safe-area-inset-bottom))!important;
  overflow-x:hidden!important;
}
.center-page{background:transparent!important;overflow:visible!important;}
.center-hero-card{
  margin:11px 3px 14px!important;
  padding:26px 8px 9px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#6d7cff 0%,#786cff 58%,#7793ff 100%)!important;
  box-shadow:none!important;
}
.center-hero-card:before{
  left:46px!important;right:46px!important;top:-11px!important;height:21px!important;
  border-radius:9px 9px 0 0!important;background:#d8ddff!important;opacity:1!important;
}
.hero-board-title{
  top:-14px!important;width:119px!important;height:31px!important;line-height:31px!important;
  background:linear-gradient(135deg,#687dff 0%,#2ac7f5 100%)!important;
  border-left:3px solid rgba(255,255,255,.88)!important;border-right:3px solid rgba(255,255,255,.88)!important;
  color:#fff!important;font-size:18px!important;font-weight:1000!important;letter-spacing:1px!important;
  text-shadow:0 2px 0 rgba(49,79,197,.28)!important;
  clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)!important;
}
.hero-board-inner{
  min-height:208px!important;
  padding:27px 15px 18px!important;
  border:5px solid #edf8ff!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#effaff 0%,#ffffff 56%,#ffffff 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9)!important;
}
.notice-btn{
  right:-5px!important;top:17px!important;height:27px!important;line-height:27px!important;
  border-radius:14px 0 0 14px!important;background:linear-gradient(135deg,#6977ff 0%,#9072ff 100%)!important;
  color:#fff!important;font-size:12.5px!important;font-weight:1000!important;padding:0 7.5px 0 11px!important;
}
.taking-segment{
  width:127px!important;height:31px!important;margin:0 auto 14px!important;padding:2px!important;background:#fff!important;
  border-radius:499.5px!important;box-shadow:0 3px 6px rgba(60,76,150,.05)!important;
}
.taking-item{height:27px!important;line-height:27px!important;font-size:13px!important;color:#9fa3aa!important;font-weight:900!important;}
.taking-item.active{background:#58b45e!important;color:#fff!important;box-shadow:none!important;}
.taking-item.stop-active{background:#ff7d62!important;color:#fff!important;box-shadow:none!important;}
.month-label{margin-top:1px!important;font-size:16px!important;font-weight:900!important;color:#1a2231!important;gap:11px!important;}
.month-label text{font-size:19px!important;color:#c9b5ff!important;font-family:serif!important;}
.month-value{font-size:25px!important;line-height:33px!important;margin-top:11px!important;color:#000!important;font-weight:1000!important;}
.rank-line{font-size:15px!important;color:#858b96!important;margin-top:7px!important;line-height:21px!important;}
.go-hall-btn{
  width:197px!important;height:46px!important;line-height:46px!important;margin:15px auto 0!important;
  border-radius:14px!important;background:linear-gradient(135deg,#5d6bff 0%,#9b58ef 100%)!important;
  color:#fff!important;font-size:18px!important;font-weight:1000!important;letter-spacing:0.5px!important;
  box-shadow:0 5px 0 rgba(132,100,228,.18)!important;
}
.go-hall-btn:before{left:18px!important;}
.go-hall-btn:after{right:26px!important;}
.promo-row{gap:11px!important;margin:0 0 14px!important;}
.promo-card{
  height:68px!important;border-radius:7px!important;padding:15px 14px!important;border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:none!important;overflow:hidden!important;
}
.promo-card.rule{background:linear-gradient(105deg,#ffd8ff 0%,#f6c8ff 58%,#ffd9ff 100%)!important;}
.promo-card.money{background:linear-gradient(105deg,#fff2a4 0%,#fff0a8 62%,#fff8cf 100%)!important;}
.promo-title{font-size:16px!important;line-height:19px!important;color:#3b2747!important;font-weight:1000!important;}
.promo-sub{font-size:13.5px!important;line-height:17px!important;margin-top:5px!important;color:#715c70!important;}
.promo-watermark{right:0!important;top:9px!important;font-size:28px!important;color:rgba(255,255,255,.62)!important;font-weight:1000!important;letter-spacing:1px!important;}
.promo-emoji{display:none!important;}
.promo-illus{position:absolute;z-index:2;right:13px;bottom:-2px;width:52px;height:46px;}
.rule-illus .rule-book{position:absolute;left:16.5px;bottom:6px;width:26px;height:31px;border-radius:4px;background:linear-gradient(135deg,#fff 0%,#e6e7ef 100%);border:2px solid #575464;box-shadow:5px 5px 0 rgba(74,51,107,.18);transform:rotate(-8deg);}
.rule-illus .rule-book:before{content:"";position:absolute;left:5.5px;right:5.5px;top:6px;height:2px;background:#9ca0ad;box-shadow:0 6px 0 #9ca0ad,0 12px 0 #9ca0ad;}
.rule-illus .rule-pen{position:absolute;left:10px;bottom:2px;width:7px;height:36px;border-radius:4.5px;background:linear-gradient(180deg,#8f75ff,#5e6dff);transform:rotate(-34deg);box-shadow:0 0 0 1.5px rgba(255,255,255,.65);}
.rule-illus .rule-eye{position:absolute;bottom:11px;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #6e63d9;}
.rule-illus .eye-left{left:4px;}.rule-illus .eye-right{left:17px;}
.money-illus .money-face{position:absolute;right:3px;bottom:0;width:39px;height:39px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff6a1 0,#ffe26a 42%,#ffc52e 100%);box-shadow:0 4px 7px rgba(255,176,39,.22);display:flex;align-items:center;justify-content:center;color:#936722;font-size:14px;font-weight:1000;}
.money-illus .money-face:before,.money-illus .money-face:after{content:"";position:absolute;top:11px;width:4.5px;height:4.5px;border-radius:50%;background:#46311e;box-shadow:0 0 0 2.5px rgba(255,255,255,.38);}
.money-illus .money-face:before{left:11px;}.money-illus .money-face:after{right:11px;}
.money-illus .money-face text{position:relative;top:7px;color:#1fc66f;font-size:15px;text-shadow:0 1px 0 rgba(255,255,255,.5);}
.money-illus .money-hand{position:absolute;bottom:14px;width:14px;height:5px;border-radius:5px;background:#ffcf54;}
.money-illus .money-hand.left{left:2px;transform:rotate(-28deg);}.money-illus .money-hand.right{right:0;transform:rotate(28deg);}
.center-tool-card{
  background:#fff!important;border-radius:9px!important;padding:16px 8px 14px!important;margin:0 0 14px!important;
  grid-template-columns:repeat(4,1fr)!important;gap:17px 4px!important;box-shadow:none!important;
}
.center-tool{gap:7px!important;}
.tool-icon{
  width:36px!important;height:36px!important;border-radius:50%!important;background:#eef0ff!important;
  color:#6676ff!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.tool-icon text{display:none!important;}
.tool-image{display:block!important;width:26px!important;height:26px!important;}
.tool-text{font-size:13.5px!important;line-height:17px!important;color:#777d87!important;font-weight:500!important;white-space:nowrap!important;}
.tool-line-icon{position:relative;width:21px;height:21px;color:#6676ff;box-sizing:border-box;}
.tool-line-icon:before,.tool-line-icon:after{content:"";position:absolute;box-sizing:border-box;}
.i-exam:before{left:8.5px;top:2.5px;width:5px;height:14px;border-radius:3.5px;background:currentColor;box-shadow:-4px 5px 0 -1px currentColor,4px 6px 0 -1px currentColor;}
.i-exam:after{left:3.5px;bottom:1px;width:13px;height:10px;border:2.5px solid currentColor;border-top:0;border-radius:0 0 7.5px 7.5px;}
.i-orders:before{left:4.5px;top:4px;width:12.5px;height:14px;border:2.5px solid currentColor;border-radius:2.5px;}
.i-orders:after{left:7.5px;top:1.5px;width:7px;height:4px;border-radius:2.5px;background:currentColor;box-shadow:1px 7.5px 0 -0.5px currentColor,1px 12px 0 -0.5px currentColor;}
.i-profile:before{left:5px;top:3.5px;width:12px;height:15px;border:2.5px solid currentColor;border-radius:2px;}
.i-profile:after{left:11px;top:10px;width:3px;height:11px;border-radius:2.5px;background:currentColor;transform:rotate(45deg);box-shadow:0 -4.5px 0 -1px currentColor;}
.i-album:before{left:3.5px;top:4.5px;width:14.5px;height:12px;border:2.5px solid currentColor;border-radius:2px;}
.i-album:after{left:7px;top:11px;width:8.5px;height:6.5px;background:currentColor;clip-path:polygon(0 100%,45% 28%,64% 55%,82% 22%,100% 100%);}
.i-post:before{left:4.5px;top:5.5px;width:12px;height:9px;border:2.5px solid currentColor;border-radius:50% 0 50% 50%;transform:rotate(-20deg);}
.i-post:after{left:11px;top:10.5px;width:2.5px;height:7.5px;background:currentColor;transform:rotate(42deg);border-radius:2px;}
.i-home:before{left:5px;top:3.5px;width:11.5px;height:14px;border:2.5px solid currentColor;border-radius:6.5px 6.5px 3.5px 3.5px;}
.i-home:after{left:9px;top:7.5px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 6px 0 2.5px rgba(102,118,255,.28);}
.i-complaint:before{left:5px;top:2.5px;width:13px;height:15.5px;background:currentColor;clip-path:polygon(0 100%,100% 0,100% 100%);}
.i-complaint:after{left:10px;top:6px;width:2.5px;height:10px;border-radius:2.5px;background:#eef0ff;transform:rotate(44deg);}
.i-rule:before{left:5px;top:4px;width:12px;height:14px;border-radius:2px;border:2.5px solid currentColor;}
.i-rule:after{left:8px;top:7.5px;width:7.5px;height:2px;background:currentColor;box-shadow:0 4px 0 currentColor,0 8px 0 currentColor;}
.i-rank:before{left:4px;top:7px;width:13px;height:8.5px;border:2.5px solid currentColor;border-top:0;border-radius:0 0 6px 6px;}
.i-rank:after{left:9px;top:3.5px;width:3.5px;height:14px;background:currentColor;border-radius:2px;box-shadow:-4.5px 12.5px 0 -1px currentColor,4.5px 12.5px 0 -1px currentColor;}
.i-data:before{left:4px;bottom:3.5px;width:3.5px;height:8px;background:currentColor;border-radius:2px 2px 0 0;box-shadow:6px -4.5px 0 currentColor,12px -8.5px 0 currentColor;}
.i-data:after{left:3.5px;bottom:3px;width:15px;height:2.5px;background:currentColor;border-radius:2px;}
.service-list .service-level-icon{display:block!important;height:17px!important;max-width:72px!important;margin-top:5px!important;}
.center-tabbar{
  height:59px!important;padding:4px 14px calc(6px + env(safe-area-inset-bottom))!important;box-sizing:content-box!important;
  background:#fff!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  grid-template-columns:1fr 1fr 88px 1fr 1fr!important;box-shadow:0 -3px 9px rgba(31,35,70,.04)!important;z-index:999!important;
}
.center-tabbar:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:#fff;}
.tabbar-item{height:56px!important;gap:1.5px!important;color:#b7bac2!important;}
.tabbar-img{width:22px!important;height:22px!important;display:block!important;opacity:.38!important;filter:grayscale(1)!important;}
.tabbar-icon{display:none!important;}
.tabbar-item text{font-size:12.5px!important;line-height:17px!important;color:#aeb1ba!important;font-weight:500!important;}
.tabbar-center image{width:82px!important;display:block!important;}

/* 2026-07-29：陪玩中心文字按钮统一垂直居中。 */
.service-actions .mini-pill,.service-list .soft-btn,.go-hall-btn{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}

/* 2026-07-29：去接单与底部陪玩中心使用设计稿原图，避免 CSS 近似图形走样。 */
.go-hall-btn{
  width:205px!important;
  height:56px!important;
  margin:12px auto 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.go-hall-btn::before,.go-hall-btn::after{display:none!important;content:none!important}
.go-hall-btn .go-hall-image{display:block;width:205px;height:auto}
.go-hall-btn.disabled .go-hall-image,.go-hall-btn[disabled] .go-hall-image{
  filter:grayscale(1)!important;
  opacity:.56!important;
}
.tabbar-center image{
  width:82px!important;
  height:71px!important;
  display:block!important;
  transform:translateY(-1.5px);
}

/* 接单规则：按陪玩已开通的游戏分类和当前等级展示入口。 */
.order-rule-mask{
  position:fixed;
  z-index:1300;
  left:0;
  right:0;
  top:0;
  bottom:0;
  padding:0 44px calc(85px + env(safe-area-inset-bottom));
  box-sizing:border-box;
  background:rgba(24,29,49,.58);
  display:flex;
  align-items:center;
  justify-content:center;
}
.order-rule-modal{
  width:100%;
  max-height:380px;
  overflow:hidden;
  background:#fff;
  border-radius:14px;
  box-shadow:0 14px 40px rgba(26,30,59,.28);
}
.order-rule-modal-head{
  position:relative;
  height:47px;
  padding:0 16px;
  background:
    radial-gradient(circle at 24% 110%,rgba(255,255,255,.18) 0 28%,transparent 29%),
    linear-gradient(135deg,#3c8cff 0%,#6483ff 48%,#a479ff 100%);
  display:flex;
  align-items:center;
  color:#fff;
  box-sizing:border-box;
}
.order-rule-modal-title{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:15.5px;
  line-height:1;
  font-weight:1000;
}
.order-rule-book-mark{font-size:14px;color:#fff;}
.order-rule-close{
  position:absolute;
  right:13px;
  top:50%;
  width:26px;
  height:26px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:27px;
  line-height:1;
  font-weight:200;
  color:#fff;
}
.order-rule-list{
  max-height:310px;
  padding:8px 10px 15px;
  box-sizing:border-box;
}
.order-rule-item{
  min-height:61px;
  margin:0 0 7px;
  padding:10px 10px 9px 12px;
  border-radius:9px;
  background:linear-gradient(135deg,#f4f6ff 0%,#f1f1ff 100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  box-sizing:border-box;
}
.order-rule-info{flex:1;min-width:0;}
.order-rule-game{
  font-size:14px;
  line-height:19px;
  color:#191d27;
  font-weight:900;
  white-space:normal;
  word-break:keep-all;
}
.order-rule-level{
  display:block;
  height:19px;
  max-width:85px;
  margin-top:5px;
}
.order-rule-level-text{
  display:inline-flex;
  min-height:18px;
  margin-top:5px;
  padding:1px 7px;
  border-radius:4px;
  background:#f7efd8;
  align-items:center;
  color:#413827;
  font-size:11.5px;
  font-weight:900;
}
.order-rule-view{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:26px;
  margin:0;
  padding:0;
  border:0;
  border-radius:499.5px;
  background:linear-gradient(135deg,#5c86ff,#4975ff);
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 46px!important;
  box-shadow:0 3px 6px rgba(72,112,255,.16);
}
.order-rule-view::after{border:0;}
.order-rule-empty{
  padding:40px 18px;
  text-align:center;
  color:#989eab;
  font-size:13px;
  line-height:1.65;
}

/* 2026-08-08：大神等级筛选紧凑靠左，同时保留移动端可点击热区。 */
.home-shell.players .god-filter{
  justify-content:flex-start!important;
  gap:9px!important;
  white-space:nowrap;
}
.home-shell.players .god-filter button{
  position:relative;
  min-width:38px;
  min-height:44px;
  padding:0 1px 8px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:15px!important;
}
/* Langtui web holiday packet: mirrors the mini-program festival component. */
.web-festival-mask{position:fixed;z-index:6000;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(13,17,38,.76);box-sizing:border-box}
.web-festival-card,.web-festival-card *{box-sizing:border-box}
.web-festival-card{position:relative;top:13px;width:min(82.667vw,49.04vh,500px);aspect-ratio:620/1024;max-height:81vh;overflow:hidden;border:1px solid var(--fr-border);border-radius:17.5px;background:#24105a;box-shadow:0 14px 45px rgba(17,8,49,.46);animation:webFestivalEnter .35s ease-out both}
.web-festival-card.theme-spring{background:radial-gradient(circle at 50% 34%,#ffba65 0,#c62f31 45%,#7e1528 100%)}
.web-festival-card.theme-gold{background:radial-gradient(circle at 50% 32%,#b28a4d 0,#604426 45%,#241a23 100%)}
.web-festival-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill}
.web-festival-card.stage-opened .web-festival-art{top:-2.5%;height:102.5%}
.web-festival-fallback{position:absolute;inset:0;overflow:hidden}
.web-festival-fallback>span{position:absolute;top:17%;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:65%;aspect-ratio:1;border:2.5px solid rgba(255,239,189,.7);border-radius:50%;background:radial-gradient(circle,#fff3cb,#e3aa57 65%,rgba(248,215,151,.2));box-shadow:0 0 40px rgba(255,206,125,.56);color:#a03432;font-family:STKaiti,KaiTi,serif;font-size:clamp(60px,22vw,120px)}
.web-festival-fallback>small{position:absolute;top:71%;left:0;width:100%;color:#f8d89d;font-size:29px;letter-spacing:12px;text-align:center;opacity:.62}
.web-festival-brand{position:absolute;z-index:2;top:4.5%;left:50%;display:flex;align-items:center;gap:6px;transform:translateX(-50%);white-space:nowrap;color:#fff;text-shadow:0 1px 4px rgba(25,10,62,.7)}
.web-festival-brand img{width:33px;height:33px;flex:0 0 33px;object-fit:cover;border:1px solid #f4e5ff;border-radius:50%;box-shadow:0 2.5px 6px rgba(24,8,72,.25)}
.web-festival-brand span{display:flex;flex-direction:column;align-items:flex-start}
.web-festival-brand b{font-size:17px;line-height:20px;font-weight:900;letter-spacing:1px}
.web-festival-brand small{font-size:8px;line-height:12px;letter-spacing:2.5px}
.web-festival-close{position:absolute!important;z-index:4!important;right:9.5px!important;top:9.5px!important;display:grid!important;place-items:center!important;width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.62)!important;border-radius:50%!important;background:rgba(21,15,58,.58)!important;color:#fff!important;font-size:25px!important;font-weight:300!important;line-height:1!important}
.web-festival-title{position:absolute;z-index:2;top:var(--fr-title-top);left:0;width:100%;margin:0;text-align:center;color:var(--fr-title);font-family:STKaiti,KaiTi,serif;font-size:clamp(38px,13.6vw,70px);font-weight:900;letter-spacing:3.5px;line-height:1.35;text-shadow:0 1.5px 1px rgba(255,255,255,.42)}
.web-festival-subtitle{position:absolute;z-index:2;top:var(--fr-subtitle-top);left:0;width:100%;text-align:center;color:var(--fr-body);font-size:clamp(10px,2.93vw,15px);font-weight:750;letter-spacing:1px;line-height:1.7}
.web-festival-open{position:absolute!important;z-index:3!important;top:var(--fr-open-top)!important;left:50%!important;display:block!important;width:31.29%!important;height:auto!important;aspect-ratio:1!important;min-height:0!important;margin:0!important;padding:0!important;transform:translateX(-50%);border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;perspective:300px}
.web-festival-coin{position:absolute;inset:0;display:block;width:100%;height:100%;transform-style:preserve-3d}
.web-festival-face{position:absolute;inset:0;display:grid;place-items:center;border:3.5px solid #ffdf99;border-radius:50%;background:var(--fr-button);box-shadow:0 0 0 1.5px #fff2c3 inset,0 6px 12.5px rgba(25,10,65,.3),0 0 17.5px rgba(255,205,105,.4);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.web-festival-front{color:#331064;font-family:STKaiti,KaiTi,serif;font-size:clamp(38px,11.86vw,60px);font-weight:900;line-height:1}
.web-festival-back{transform:rotateY(180deg)}
.web-festival-back-mark{display:block;width:35%;height:35%;background:#bd514f;box-shadow:0 0 0 2.5px rgba(255,239,191,.7)}
.web-festival-card.stage-opening .web-festival-coin{animation:webFestivalCoinFlip 1.2s linear 1 both}
.web-festival-card.stage-opened .web-festival-art,.web-festival-card.stage-opened .web-festival-fallback,.web-festival-card.stage-opened .web-festival-result,.web-festival-card.stage-opened .web-festival-gem,.web-festival-card.stage-opened .web-festival-view{animation:webFestivalReveal .24s ease-out both}
.web-festival-result{position:absolute;z-index:2;top:var(--fr-result-top);left:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:76%;height:20%;text-align:center;color:var(--fr-body)}
.web-festival-amount{display:flex;align-items:baseline;justify-content:center;gap:4px;font-size:clamp(34px,12.26vw,65px);line-height:1;font-weight:900;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.web-festival-amount small{font-size:clamp(15px,4.53vw,23px);letter-spacing:0}
.web-festival-result>b{margin-top:6.5px;font-size:clamp(13px,3.87vw,21px);line-height:1.4;font-weight:800;letter-spacing:1px}
.web-festival-result>small{margin-top:2px;font-size:clamp(10px,2.93vw,16px);line-height:1.5;letter-spacing:.5px}
.web-festival-gem{position:absolute;z-index:2;top:65.5%;left:50%;width:22.26%;height:6.45%;transform:translateX(-50%);object-fit:contain}
.web-festival-view{position:absolute!important;z-index:3!important;top:var(--fr-action-top)!important;left:50%!important;width:51.29%!important;height:9.96%!important;min-height:0!important;margin:0!important;padding:0!important;transform:translateX(-50%);border:2.5px solid #ffebae!important;border-radius:56px!important;background:var(--fr-button)!important;box-shadow:0 0 0 1px rgba(172,92,32,.38) inset,0 6px 13px rgba(36,11,70,.24)!important;color:#31105c!important;font-size:clamp(17px,5.33vw,28px)!important;font-weight:900!important;line-height:1!important;letter-spacing:2px!important}
.web-festival-footer{position:absolute;z-index:2;bottom:4.7%;left:0;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;text-align:center;color:var(--fr-footer);font-size:clamp(9px,2.8vw,15px);font-weight:700;letter-spacing:2.5px;white-space:nowrap;text-shadow:0 1px 3px rgba(20,5,45,.65)}
.web-festival-footer span{font-size:13px;font-weight:300;letter-spacing:0}
@keyframes webFestivalEnter{from{opacity:0;transform:translateY(15px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes webFestivalCoinFlip{0%,48%{transform:rotateY(0deg)}55%{transform:rotateY(90deg)}79%{transform:rotateY(180deg)}100%{transform:rotateY(230deg)}}
@keyframes webFestivalReveal{from{opacity:0}to{opacity:1}}


/* source: parity.css */
:root{--web-width:430px;--theme:#6476ff;--safe-bottom:max(12px,env(safe-area-inset-bottom))}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#edf0f8;color:#151a28;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
body{overflow-x:hidden}.ambient,.web-chrome-hidden{display:none!important}
button,input,textarea{font:inherit}.app-shell{width:100%;max-width:var(--web-width);min-height:100dvh;margin:0 auto;background:#f7f8fc;box-shadow:0 0 40px rgba(17,25,55,.08);position:relative;overflow:hidden}
.main-view{width:100%;max-width:none;margin:0;padding:0 0 calc(68px + var(--safe-bottom));min-height:100dvh}.main-view>section{max-width:none}.mobile-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:90;width:100%;max-width:var(--web-width);height:calc(62px + var(--safe-bottom));padding:5px 10px var(--safe-bottom);display:flex;align-items:flex-start;justify-content:space-around;background:rgba(255,255,255,.98);border-top:1px solid #f1f2f6;box-shadow:0 -6px 16px rgba(17,25,55,.04)}
.mobile-link{appearance:none;border:0;background:none;color:#aeb3bf;display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:3px;font-size:12px;padding:2px 0;white-space:nowrap}.mobile-link img{width:25px;height:25px;object-fit:contain}.mobile-link.active{color:var(--theme)}.mobile-link.player-center-link{position:relative}.mobile-link.player-center-link img{width:138px;height:68px;margin-top:-17px}.mobile-link.player-center-link span{display:none}
.parity-page{min-height:100dvh;background:#f7f8fc}.parity-page img{display:block}.home-shell{padding-bottom:10px}.top-hero{padding-top:max(22px,env(safe-area-inset-top));min-height:223px}.hero-top{height:48px}.nav-tabs{display:flex;align-items:center;gap:24px}.nav-tabs button{border:0;background:none;padding:0;color:rgba(255,255,255,.6);font-weight:700;font-size:21px}.nav-tabs button.active{color:#fff}.search-bubble{border:0}.notice{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-scroll,.cat-scroll,.game-row{scrollbar-width:none}.game-scroll::-webkit-scrollbar,.cat-scroll::-webkit-scrollbar,.game-row::-webkit-scrollbar{display:none}.game-item,.cat,.game,.side-item{cursor:pointer}.game-item img,.game img{object-fit:cover}.product,.goods-item,.player-card,.msg-row,.menu-cell,.list>div,.promo-card,.center-tool{cursor:pointer}
.home-content,.god-content,.rank-list-card{padding-bottom:12px}.product.card{overflow:hidden}.product.card>img{width:100%;aspect-ratio:1.2;object-fit:cover}.product-badge{position:absolute}.player-card{display:flex}.avatar-wrap img.avatar{object-fit:cover}.level-icon-img,.level-pill-img{width:auto!important;object-fit:contain}.empty{padding:50px 12px;text-align:center;color:#a7abb5}
.web-customer-float{position:fixed;z-index:89;left:calc(50% + 112px);bottom:calc(80px + var(--safe-bottom));width:59px;height:59px;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}.web-customer-float img{display:block;width:59px;height:59px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none}.web-customer-float.preset img{width:54px;height:54px;border-radius:50%}.web-customer-float span{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);padding:2px 5px;border-radius:4px;background:#ffa72b;color:#fff;font-size:10px;font-weight:900;white-space:nowrap}.web-customer-sheet{margin:-22px;padding:20px 20px max(18px,env(safe-area-inset-bottom));text-align:center;background:#fff}.web-customer-sheet>img{display:block;width:100%;max-width:300px;height:auto;margin:4px auto 10px;border-radius:11px}.web-customer-sheet>p{margin:0;color:#7d8491;font-size:12px}.web-entry-ad{position:fixed;z-index:140;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;background:rgba(15,23,42,.62)}.web-entry-ad>img{display:block;width:310px;max-width:100%;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none}.avatar-voice-pill{position:absolute!important;left:3px!important;bottom:0!important;width:auto!important;height:17px!important;padding:0 5px!important;border:0!important;border-radius:9px!important;background:linear-gradient(90deg,#5bbdff,#6a76ff)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:1!important}.voice-wave-dot{margin-right:2px;font-size:9px}.god-filter button{position:relative;padding:0 0 8px;border:0;background:transparent;color:#6b7280;font-size:17px}.god-filter button.active{color:#202938;font-weight:900}.god-filter button.active:after{content:"";position:absolute;left:28%;right:28%;bottom:0;height:4px;border-radius:4px;background:var(--theme)}.home-shell.rank .rank-title-img{display:block;width:227.5px!important;height:119px!important;margin:auto}.home-shell.rank .avatark{position:relative;margin:auto}.home-shell.rank .podium-item img.pod-avatar{display:block;width:63px!important;height:63px!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;border:3.5px solid rgba(255,255,255,.92)!important;border-radius:50%!important;background:#fff!important;box-shadow:0 5px 12px rgba(94,72,183,.16)!important;object-fit:cover!important}.home-shell.rank .podium-item.first img.pod-avatar{width:74px!important;height:74px!important}.home-shell.rank .crown-img,.home-shell.rank .no-img{position:absolute!important;display:block!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important}.home-shell.rank .rank-podium-bg{object-fit:contain}.home-shell.rank .rank-row>img{width:46px!important;height:46px!important;margin-right:14px!important;border-radius:50%!important;background:#eef1f8!important;object-fit:cover!important}.home-shell.rank .vote-bar{left:50%!important;right:auto!important;width:var(--web-width)!important;transform:translateX(-50%)!important}.home-shell.rank .vote-user{display:flex;min-width:0;flex:1;flex-direction:column}.home-shell.rank .vote-user small{display:block;color:#667085;font-size:13px;font-weight:500}.home-shell.rank .vote-bar button{border:0}.vote-sheet-web{margin:-22px}.vote-search-web{height:40px;margin-bottom:10px;padding:0 12px;display:flex;align-items:center;gap:8px;border-radius:8px;background:#f4f5f8}.vote-search-web input{min-width:0;flex:1;border:0;background:transparent;outline:none;font-size:12px}.vote-candidate-web{max-height:44dvh;overflow:auto;display:flex;flex-direction:column;gap:8px}.vote-candidate-web>button{width:100%;min-height:61px;padding:9px 10px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:9px;background:#f7f8fc;text-align:left}.vote-candidate-web>button.selected{border-color:#697aff;background:#eff1ff}.vote-candidate-web img{width:43px;height:43px;flex:0 0 43px;border-radius:50%;object-fit:cover}.vote-candidate-web span{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.vote-candidate-web b{font-size:13px}.vote-candidate-web small{color:#979ba5;font-size:10px}.vote-candidate-web i{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#dfe2e9;color:#fff;font-style:normal}.vote-candidate-web>button.selected i{background:#6678ff}.vote-checkout-web{min-height:55px;margin-top:11px;padding-top:10px;display:flex;align-items:center;gap:7px;border-top:1px solid #eee}.vote-checkout-web>span{min-width:0;flex:1;color:#888;font-size:10px}.vote-checkout-web label{display:flex;align-items:center}.vote-checkout-web label button{width:25px;height:25px;padding:0;border:0;border-radius:50%;background:#f0f1f5}.vote-checkout-web label b{padding:0 5px;font-size:10px}.vote-checkout-web>.primary{height:31px;padding:0 12px;border:0;border-radius:16px;background:#6678ff;color:#fff;font-size:11px}.vote-checkout-web>.primary:disabled{background:#dfe2e9}
.products-page{height:calc(100dvh - 68px);overflow:hidden;background:#f7f8fc}.products-hero{padding-top:max(18px,env(safe-area-inset-top))}.products-body{height:calc(100dvh - 205px)}.side,.goods-list{overflow-y:auto}.goods-list{padding-bottom:30px}.tip-banner-img{width:100%;height:auto}.goods-item>img{object-fit:cover}.goods-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.msg-page{min-height:calc(100dvh - 68px);background:#fff;padding-top:max(26px,env(safe-area-inset-top))}.msg-top button{border:0;background:none}.msg-row{border:0;background:none;width:100%;text-align:left}.msg-avatar{flex:0 0 auto}.msg-avatar.notice,.msg-avatar.stranger{display:grid;place-items:center;color:white}.msg-avatar.notice{background:linear-gradient(135deg,#706cff,#9c86ff)}.msg-avatar.stranger{background:linear-gradient(135deg,#ffc952,#ffdb77)}.msg-avatar span{font-size:27px}.chat-avatar{object-fit:cover}.gift-preview{color:#d9a827!important}.dnd-switch{width:45px;height:25px;border-radius:14px;background:#e7e9ef;position:relative}.dnd-switch::after{content:"";position:absolute;left:2px;top:2px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #aeb3bf}.contacts-panel{padding-bottom:30px}.contact-item img{object-fit:cover}
.mine{min-height:calc(100dvh - 68px);padding-top:max(45px,env(safe-area-inset-top))}.profile{padding-top:0}.profile-avatar{object-fit:cover}.vip-medal-image,.stat-icon-image,.menu-icon img,.list-icon-img{object-fit:contain}.mine .login-btn{border:0}.menu-cell{border:0;background:none}.list>div{display:flex;align-items:center}.mine .card{border:0;box-shadow:none}.mine .role-switch-row{display:flex;gap:8px;padding:0 14px 14px}.mine .role-switch-row button{border:0;border-radius:18px;padding:9px 15px;background:#eef0ff;color:#5f6fff}.mine .role-switch-row .danger{color:#ee5967;background:#fff0f2}
.center-page{padding:max(30px,env(safe-area-inset-top)) 15px 90px;background:#f7f8fc;min-height:100dvh}.center-page-title{text-align:center;font-size:21px;font-weight:700;margin-bottom:28px}.center-hero-card{margin-top:0}.go-hall-btn{border:0;background:none}.go-hall-image{width:100%;height:auto}.promo-card{border:0}.center-tool-card{display:grid;grid-template-columns:repeat(4,1fr)}.center-tool{border:0;background:none}.tool-image,.service-icon{object-fit:contain}.service-actions button{border:0}.service-card{position:relative}.center-tabbar{display:none}
.order-rule-modal{max-width:390px}.order-rule-view{border:0}.order-rule-item{display:flex;align-items:center;justify-content:space-between}.order-rule-game{white-space:normal;overflow:visible;text-overflow:clip}.order-rule-level{width:auto;max-width:100px;object-fit:contain}
.modal{z-index:150}.modal-panel{width:min(94vw,410px);max-height:88dvh;overflow:auto}.modal-backdrop{position:absolute;inset:0}.login-card{min-height:calc(100dvh - 68px);padding:80px 25px}.login-card>div{width:100%;max-width:360px}.system-message{background:#f3f4f8;border-radius:12px;padding:12px;margin:10px}.system-message-foot{display:flex;justify-content:space-between;align-items:center}.system-message-foot button{border:0;background:none;color:#6575ff}.standalone-chat{min-height:calc(100dvh - 68px);border:0;border-radius:0}.chat-compose{position:sticky;bottom:0}.loading-screen{min-height:60dvh}.parity-back{position:absolute;left:18px;top:max(22px,env(safe-area-inset-top));z-index:4;border:0;background:none;font-size:32px}.feature-page{min-height:calc(100dvh - 68px);padding:72px 18px 24px;background:#f7f8fc}.feature-page h1{text-align:center;margin:0 0 25px}.feature-card{background:#fff;border-radius:16px;padding:18px;margin-bottom:14px}.feature-card button{border:0;border-radius:24px;background:#6575ff;color:#fff;padding:11px 22px}
.login-underlay{min-height:calc(100dvh - 68px);background:#f7f8fc}.modal.web-login-modal{align-items:center!important;padding:0 39px!important}.web-login-modal .modal-backdrop{background:rgba(0,0,0,.34)!important;backdrop-filter:none!important}.web-login-modal .modal-panel{width:100%!important;max-width:300px!important;max-height:none!important;overflow:visible!important;border-radius:7px!important;background:#fff!important;padding:0!important;box-shadow:0 12px 35px rgba(27,35,78,.18)!important}.web-login-card{position:relative;min-height:252px;padding:63px 27px 14px;text-align:center}.web-login-illustration{position:absolute;left:50%;top:-37px;width:85px;height:75px;transform:translateX(-50%)}.web-game-tile{position:absolute;left:16px;top:9px;width:53px;height:53px;border-radius:12.5px;transform:rotate(8deg);background:linear-gradient(145deg,#74c5ff 0%,#3c95ff 48%,#3578f5 100%);box-shadow:0 8px 11px rgba(54,126,245,.28),inset 0 3.5px 5px rgba(255,255,255,.45),inset 0 -4px 6px rgba(32,69,178,.18)}.web-game-tile:before{content:"";position:absolute;left:6px;right:6px;top:5px;height:14px;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0))}.web-gamepad{position:absolute;left:11.5px;top:18px;width:31px;height:17px;border-radius:8px 8px 9px 9px;background:#fff;box-shadow:0 2.5px 5px rgba(34,81,184,.16)}.web-gamepad:before,.web-gamepad:after{content:"";position:absolute;bottom:-3.5px;width:11px;height:9px;border-radius:0 0 7px 7px;background:#fff}.web-gamepad:before{left:1.5px;transform:rotate(18deg)}.web-gamepad:after{right:1.5px;transform:rotate(-18deg)}.web-gamepad i{position:absolute;left:6.5px;top:6px;width:9px;height:3px;border-radius:4px;background:#3981f6}.web-gamepad i:after{content:"";position:absolute;left:3px;top:-3px;width:3px;height:9px;border-radius:4px;background:#3981f6}.web-gamepad b,.web-gamepad em{position:absolute;width:3.5px;height:3.5px;border-radius:50%;background:#3981f6}.web-gamepad b{right:9px;top:5.5px}.web-gamepad em{right:5px;top:9px}.web-login-star{position:absolute;color:#ffd22e;font-weight:900;text-shadow:0 1.5px 3px rgba(245,175,0,.25)}.web-login-star.one{right:7.5px;top:1px;font-size:15px}.web-login-star.two{right:2px;top:14px;font-size:10px}.web-icon-shadow{position:absolute;left:22.5px;right:22.5px;bottom:2px;height:9px;border-radius:50%;background:rgba(68,118,255,.16);filter:blur(2.5px)}.web-login-card h2{margin:0 0 12px;color:#222838;font-size:15px;line-height:21px;font-weight:800}.web-login-desc{margin-bottom:18px;color:#6f7684;font-size:14.5px;line-height:25px}.web-login-main{width:207px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;margin:0 auto;border:0;border-radius:999px;background:#6375ff;color:#fff;font-size:15px;font-weight:700}.web-login-sub{height:18px;margin:12.5px auto 0;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#9ca3af;font-size:12.5px;line-height:18px}.web-login-policy{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:680px){:root{--web-width:100vw}html,body{width:100%;max-width:none}.app-shell{width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none}.mobile-nav{width:100%;max-width:none}.web-customer-float{left:auto;right:16px}.home-shell.rank .vote-bar{left:0!important;right:0!important;width:100%!important;transform:none!important}.profile-actions,.rules-read-bar{left:0!important;width:100%!important;max-width:none!important;transform:none!important}.hall-bottom{left:0;width:100%;max-width:none;transform:none}}
@media(min-width:681px){body{padding:18px 0}.app-shell{border-radius:24px;min-height:calc(100dvh - 36px)}.mobile-nav{bottom:18px;border-radius:0 0 24px 24px}.products-page{height:calc(100dvh - 104px)}.products-body{height:calc(100dvh - 241px)}}

/* Browser parity: WeChat scroll-view/text/image are replaced by semantic HTML. */
button{font-family:inherit}
.hero-top{display:flex!important;align-items:center!important;justify-content:space-between!important}
.home-shell.home .blue-hero{padding:16px 12px 4px!important;min-height:0!important}
.home-shell.home .hero-top{height:37px!important;margin-top:-5px!important;gap:18px!important;justify-content:flex-start!important}
.home-shell.home .nav-tabs{display:flex!important;gap:24px!important;font-size:16.5px!important;line-height:1!important}
.home-shell.home .nav-tabs button{color:rgba(255,255,255,.78)!important;font-size:16.5px!important}
.home-shell.home .nav-tabs button.active{color:#fff!important;font-size:23px!important;font-weight:1000!important}
.home-shell.home .search-bubble{width:38px!important;height:38px!important;flex:0 0 38px!important;margin-left:1px!important;border-radius:50%!important}
.home-shell.home .notice{margin:14px auto 8px!important;height:29px!important;width:84%!important;font-size:13.5px!important}
.game-scroll,.game-row,.cat-scroll{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;-webkit-overflow-scrolling:touch}
.home-shell.home .game-scroll{min-height:61px!important;margin:0!important;padding:0 0 1px!important}
.game-item,.game,.cat{appearance:none!important;border:0!important;flex:0 0 auto!important}
.home-shell.home .game-item{display:flex!important;width:71px!important;margin-right:9px!important;padding:0!important;background:transparent!important}
.home-shell.home .game-item img{width:39px!important;height:39px!important;border-radius:10px!important}
.home-shell.home .game-item span{margin-top:5px!important;font-size:13px!important;line-height:16px!important;max-width:75px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.home-content{padding:12px!important}
.cat-scroll{margin:4px 0 12px!important;min-height:32px!important}
.cat{display:flex!important;height:32px!important;align-items:center!important;padding:0 16px!important;margin-right:7px!important;background:#fff!important;border-radius:6px!important;color:#999!important;font-size:14px!important;white-space:nowrap!important}
.cat.on{background:var(--theme,#6676ff)!important;color:#fff!important;font-weight:800!important}
.grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;width:100%!important}
.product.card{position:relative!important;display:block!important;width:auto!important;margin:0!important;border-radius:12px!important}
.product.card>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.067/1!important;object-fit:cover!important;background:#eef0ff!important}
.p-body{padding:9px!important}.p-title{font-size:16px!important;line-height:1.25!important;min-height:40px!important}.p-sub{font-size:13px!important;height:36px!important;margin:5px 0!important}

.products-hero{padding:18px 15px 15px!important}.products-hero .page-title{padding:12px 0 0!important;margin:0 0 14px!important;font-size:18px!important;line-height:25px!important}
.products-hero .game-row{height:79px!important;overflow-x:auto!important;overflow-y:hidden!important}
.products-hero .game{display:flex!important;width:63px!important;margin:0 12px 0 0!important;padding:0!important;background:transparent!important}
.products-hero .game:first-child{margin-left:9px!important}
.products-hero .game img{display:block!important;width:44px!important;height:44px!important;border-radius:9px!important;object-fit:cover!important}
.products-hero .game span{display:block!important;margin-top:6px!important;max-width:66px!important;font-size:12.5px!important;line-height:16.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#242a34!important}
.products-hero .game.on span{display:flex!important;align-items:center!important;justify-content:center!important;max-width:none!important;min-height:18px!important;line-height:18px!important;padding:0 7px!important;border-radius:999px!important;background:#6676ff!important;color:#fff!important;overflow:visible!important}
.products-body{display:flex!important;align-items:stretch!important;min-height:0!important;margin-top:-4px!important;overflow:hidden!important}
.side{display:block!important;flex:0 0 78px!important;width:78px!important;overflow-y:auto!important}.side-item{display:flex!important;width:100%!important;height:56px!important;padding:0 4px!important;border:0!important;background:transparent!important;align-items:center!important;justify-content:center!important;font-size:15.5px!important}.side-item.on{background:#fff!important;color:#6676ff!important}
.goods-list{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow-y:auto!important;padding:9px 13px 30px 14px!important}.tip-banner-img{display:block!important;width:100%!important;height:auto!important;border-radius:9px!important;margin-bottom:13px!important}
.goods-item{display:flex!important;align-items:flex-start!important;gap:9px!important;margin:0 0 17px!important;width:100%!important}.goods-item>img{display:block!important;width:97px!important;height:84px!important;flex:0 0 97px!important;border-radius:7px!important;object-fit:cover!important}.goods-info{flex:1!important;min-width:0!important}.goods-name{font-size:17px!important;line-height:21px!important}.goods-sub{font-size:14.5px!important;line-height:20.5px!important}

@media(min-width:681px){.home-shell.home .blue-hero{min-height:0!important}}

/* 2026-07-30 full mini-program/web parity: mine and feature pages. */
.mine .vip-medal-image{display:block!important;width:43px!important;height:43px!important;max-width:43px!important;max-height:43px!important;object-fit:contain!important}
.mine .stat-icon-image{display:block!important;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;object-fit:contain!important}
.mine .grid-menu .menu-icon{display:flex!important;width:39px!important;height:39px!important;flex:0 0 39px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:50%!important}
.mine .grid-menu .menu-icon img{display:block!important;width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;object-fit:contain!important}
.mine .list-icon-img{display:block!important;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;flex:0 0 22px!important;object-fit:contain!important;margin-right:10px!important}
.mine .menu-text{font-size:12.5px!important;line-height:18px!important;white-space:nowrap!important}

.feature-page{position:relative!important;min-height:calc(100dvh - 68px)!important;padding:48px 15px 24px!important;background:#f7f8fc!important;color:#171c27!important;overflow-x:hidden!important}
.feature-page>.parity-back{position:absolute!important;left:8px!important;top:2px!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;background:transparent!important;color:#121722!important;font-size:35px!important;line-height:1!important}
.feature-page>h1{height:48px!important;margin:-48px 40px 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:24px!important;font-weight:800!important;color:#111621!important}
.feature-card,.feature-section{width:100%!important;background:#fff!important;border-radius:15px!important;padding:16px!important;margin:0 0 13px!important;box-shadow:0 4px 16px rgba(34,45,90,.035)!important}
.feature-section>h2{font-size:18px!important;margin:0 0 13px!important}
.feature-empty{min-height:150px!important;display:grid!important;place-items:center!important;padding:30px!important;text-align:center!important;color:#9ca2ad!important;background:#fff!important;border-radius:14px!important}
.feature-form{display:flex!important;flex-direction:column!important;gap:13px!important}
.feature-form-row{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;width:100%!important}
.feature-label{padding-top:11px!important;font-size:14px!important;font-weight:800!important;color:#27303f!important;text-align:right!important}
.feature-control{min-width:0!important;display:block!important}
.feature-control input:not([type=checkbox]):not([type=file]),.feature-control select,.feature-control textarea{display:block!important;width:100%!important;min-height:42px!important;padding:10px 12px!important;border:1px solid #dde1eb!important;border-radius:9px!important;background:#fafbfe!important;color:#171c27!important;outline:none!important}
.feature-control textarea{resize:vertical!important;line-height:1.55!important}
.feature-control input[type=file]{display:block!important;width:100%!important;padding:10px!important;border:1px dashed #bdc5dd!important;border-radius:9px!important;background:#f8f9ff!important}
.feature-control small,.upload-note{display:block!important;margin-top:6px!important;color:#9aa1ae!important;font-size:11.5px!important;line-height:1.5!important}
.feature-primary{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:45px!important;margin-top:5px!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#6679ff,#7757fa)!important;color:#fff!important;font-size:16px!important;font-weight:900!important}
.feature-primary:disabled{background:#e4e7f1!important;color:#a6adbb!important}
.avatar-editor{display:flex!important;justify-content:center!important;position:relative!important;margin:2px 0 10px!important}
.avatar-editor>img{width:82px!important;height:82px!important;border-radius:50%!important;object-fit:cover!important;background:#eef0ff!important}
.avatar-plus{position:absolute!important;right:calc(50% - 48px)!important;bottom:1px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border:3px solid #fff!important;border-radius:50%!important;background:#6476ff!important;color:#fff!important;font-size:20px!important;line-height:1!important;cursor:pointer!important}
.avatar-plus input{display:none!important}
.game-checks{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding-top:6px!important}
.game-checks label{display:flex!important;align-items:center!important;gap:6px!important;padding:9px!important;border-radius:8px!important;background:#f3f5ff!important;font-size:13px!important}
.application-status{display:flex!important;flex-direction:column!important;gap:5px!important;margin-bottom:15px!important;padding:12px 14px!important;border-radius:10px!important;background:#f4f6ff!important;color:#6676ff!important}
.application-status span{font-size:12px!important;color:#8f96a4!important}

.coupon-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:13px!important}
.coupon-tabs span{padding:10px 4px!important;text-align:center!important;border-radius:10px!important;background:#fff!important;color:#6676ff!important;font-size:12.5px!important;font-weight:800!important}
.coupon-list{display:flex!important;flex-direction:column!important;gap:11px!important}
.coupon-card{display:grid!important;grid-template-columns:78px minmax(0,1fr) 58px!important;align-items:center!important;gap:10px!important;padding:15px!important;border-radius:14px!important;background:linear-gradient(135deg,#fff,#f7f8ff)!important;border:1px solid #eceeff!important}
.coupon-money{color:#ff685d!important}.coupon-money b{font-size:28px!important}.coupon-info{display:flex!important;min-width:0!important;flex-direction:column!important;gap:4px!important}.coupon-info span,.coupon-info small{color:#9299a7!important;font-size:11.5px!important}.coupon-state{text-align:right!important;color:#6676ff!important;font-size:12px!important}
.feature-products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.feature-products .feature-empty{grid-column:1/-1!important}

.report-list{display:flex!important;flex-direction:column!important;gap:11px!important}.report-card{padding:14px!important;border-radius:12px!important;background:#f8f9fd!important;border:1px solid #edf0f7!important}.report-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.report-status{flex:0 0 auto!important;padding:4px 9px!important;border-radius:999px!important;background:#fff0ca!important;color:#ba7b00!important;font-size:11px!important}.report-status.resolved{background:#e8fbef!important;color:#20a45b!important}.report-status.rejected{background:#ffedf0!important;color:#e24d61!important}.report-time{margin:7px 0 10px!important;color:#9ba1ad!important;font-size:11px!important}.report-images{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.report-images img{width:100%!important;aspect-ratio:1!important;border-radius:8px!important;object-fit:cover!important}.report-card p{margin:9px 0 0!important;font-size:13px!important;line-height:1.6!important}

.about-card{text-align:center!important}.about-logo{width:88px!important;height:88px!important;border-radius:22px!important;object-fit:cover!important;margin:0 auto 12px!important}.about-card h2{margin:0 0 12px!important}.about-card p{color:#69707d!important;line-height:1.75!important;text-align:left!important}.license-image{display:block!important;width:100%!important;height:auto!important;margin-top:17px!important;border-radius:9px!important;background:#f4f4f4!important}
.contact-card{text-align:center!important}.contact-hero{width:78px!important;height:78px!important;margin:0 auto 10px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(135deg,#edf0ff,#f8eaff)!important;font-size:39px!important}.contact-card p{color:#9097a4!important}.contact-line{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 0!important;border-top:1px solid #f0f1f5!important;font-size:14px!important}.contact-qr{display:block!important;width:180px!important;height:180px!important;margin:12px auto!important;object-fit:contain!important}
.settings-card{padding:4px 16px 14px!important}.feature-switch-row,.feature-link-row{width:100%!important;min-height:55px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:0!important;border-bottom:1px solid #f0f1f4!important;border-radius:0!important;background:#fff!important;color:#202632!important;padding:0!important;text-align:left!important}.feature-switch{width:47px!important;height:27px!important;border-radius:999px!important;background:#dfe2e9!important;position:relative!important}.feature-switch:after{content:""!important;position:absolute!important;left:3px!important;top:3px!important;width:21px!important;height:21px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 5px rgba(30,40,70,.2)!important}.feature-switch.on{background:#6576ff!important}.feature-switch.on:after{left:23px!important}.feature-danger{width:100%!important;margin-top:16px!important;background:#fff0f2!important;color:#ee5265!important}

.metric-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important;margin-bottom:13px!important}.metric-grid article{min-height:100px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;padding:16px!important;border-radius:15px!important;background:#fff!important}.metric-grid span{color:#9299a6!important;font-size:12px!important}.metric-grid b{font-size:22px!important;color:#6576ff!important}
.album-upload{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;border:1px dashed #7383ff!important;border-radius:12px!important;color:#6576ff!important;font-weight:800!important}.album-upload input{display:none!important}.album-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.album-grid article{position:relative!important}.album-grid img{width:100%!important;aspect-ratio:1!important;border-radius:9px!important;object-fit:cover!important}.album-grid button{position:absolute!important;right:4px!important;bottom:4px!important;border:0!important;border-radius:12px!important;background:rgba(15,19,29,.72)!important;color:#fff!important;padding:4px 8px!important;font-size:10px!important}
.ranking-feature{padding:7px 15px!important}.ranking-feature article{display:grid!important;grid-template-columns:31px 50px minmax(0,1fr) 55px!important;align-items:center!important;gap:10px!important;min-height:72px!important;border-bottom:1px solid #f0f1f5!important}.ranking-feature article>img{width:46px!important;height:46px!important;border-radius:50%!important;object-fit:cover!important}.ranking-feature article>div{display:flex!important;min-width:0!important;flex-direction:column!important;gap:5px!important}.ranking-feature article>div img{width:auto!important;height:19px!important;max-width:80px!important;object-fit:contain!important}.rank-number{font-size:19px!important;font-weight:900!important;color:#7a83a2!important}.ranking-feature strong{text-align:right!important;color:#6676ff!important}

.player-profile-hero{height:330px!important;margin:-72px -15px 0!important;background-size:cover!important;background-position:center!important;position:relative!important}.player-profile-id{position:absolute!important;left:0!important;right:0!important;bottom:0!important;min-height:132px!important;display:flex!important;align-items:center!important;gap:16px!important;padding:22px 19px!important;background:rgba(25,31,37,.62)!important;backdrop-filter:blur(12px)!important;color:#fff!important}.player-profile-id>img{width:74px!important;height:74px!important;border-radius:50%!important;object-fit:cover!important}.player-profile-id h2{margin:0 0 9px!important;text-align:left!important;color:#fff!important}.profile-level{width:auto!important;height:24px!important;max-width:110px!important;object-fit:contain!important}.player-profile-intro{margin:0 -15px!important;padding:17px 20px!important;background:#fff!important;font-size:15px!important;line-height:1.7!important}.profile-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin:0 -15px!important;background:#fff!important}.profile-tabs button{position:relative!important;min-height:58px!important;border:0!important;background:#fff!important;color:#6f7581!important;font-size:17px!important}.profile-tabs button.on{color:#6274ff!important;font-weight:900!important}.profile-tabs button.on:after{content:""!important;position:absolute!important;left:calc(50% - 16px)!important;bottom:6px!important;width:32px!important;height:3px!important;border-radius:2px!important;background:#6676ff!important}.profile-content{padding:13px 0 90px!important;background:transparent!important;box-shadow:none!important}.profile-services,.profile-gifts,.profile-moments{display:flex!important;flex-direction:column!important;gap:11px!important}.profile-services article{display:flex!important;align-items:center!important;gap:11px!important;min-height:92px!important;padding:13px!important;border-radius:13px!important;background:#fff!important}.profile-services article>img{width:58px!important;height:58px!important;border-radius:10px!important;object-fit:cover!important}.profile-services article>div{display:flex!important;min-width:0!important;flex:1!important;flex-direction:column!important;gap:6px!important}.profile-services article>div img{width:auto!important;height:20px!important;max-width:92px!important;object-fit:contain!important}.profile-services article>button{border:0!important;border-radius:999px!important;background:#f0f2ff!important;color:#6476ff!important;padding:10px 15px!important;font-weight:800!important}.profile-gifts{display:grid!important;grid-template-columns:repeat(4,1fr)!important}.profile-gifts article{text-align:center!important;padding:10px 4px!important;background:#fff!important;border-radius:10px!important}.profile-gifts img{width:64px!important;height:64px!important;object-fit:contain!important;margin:auto!important}.profile-gifts b,.profile-gifts span{display:block!important;font-size:11px!important;margin-top:5px!important}.moment-card{padding:15px!important;border-radius:13px!important;background:#fff!important}.moment-text{line-height:1.65!important;margin-bottom:10px!important}.moment-media{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.moment-media img{width:100%!important;aspect-ratio:1!important;border-radius:7px!important;object-fit:cover!important}.moment-foot{display:flex!important;justify-content:space-between!important;margin-top:10px!important;color:#9ca2ad!important;font-size:11px!important}.profile-actions{position:fixed!important;left:50%!important;bottom:calc(62px + var(--safe-bottom))!important;transform:translateX(-50%)!important;z-index:80!important;width:100%!important;max-width:var(--web-width)!important;display:grid!important;grid-template-columns:90px 100px 1fr!important;gap:9px!important;padding:10px 15px!important;background:rgba(255,255,255,.97)!important}.profile-actions button{min-height:43px!important;border:0!important;border-radius:999px!important;background:#f0f2ff!important;color:#6476ff!important}.profile-actions .primary{background:#6476ff!important;color:#fff!important;font-weight:900!important}

.rules-banner{width:100%!important;margin:0 0 14px!important;border-radius:0!important;overflow:hidden!important;background:#8f80ff!important}.rules-banner img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:750/240!important;object-fit:cover!important}.rule-scope{display:flex!important;flex-direction:column!important;gap:7px!important;padding:15px!important;margin-bottom:16px!important;border-radius:13px!important;background:#f0f2ff!important}.rule-scope span{color:#969da9!important;font-size:13px!important}.rule-scope b{font-size:17px!important}.rules-copy{padding-bottom:85px!important;background:#fff!important}.rules-copy h2{font-size:17px!important;margin:0 0 26px!important}.rules-copy h3{font-size:16px!important;margin:28px 0 14px!important}.rules-copy p{font-size:14.5px!important;line-height:1.95!important;margin:0 0 12px!important;white-space:normal!important}.rules-read-bar{position:fixed!important;left:50%!important;bottom:calc(62px + var(--safe-bottom))!important;transform:translateX(-50%)!important;z-index:82!important;width:100%!important;max-width:var(--web-width)!important;padding:10px 16px!important;background:rgba(247,248,252,.94)!important;backdrop-filter:blur(10px)!important}.rules-read-bar button{width:100%!important;height:48px!important;border:0!important;border-radius:999px!important;background:#6276ff!important;color:#fff!important;font-size:16px!important;font-weight:900!important}.rules-read-bar button:disabled{background:#e1e6f3!important;color:#a7aebb!important}

.order-rule-modal{width:min(92vw,360px)!important}.order-rule-list{padding:10px 11px 17px!important}.order-rule-item{min-height:72px!important;padding:11px 12px!important;gap:10px!important}.order-rule-info{min-width:0!important}.order-rule-game{display:block!important;max-width:none!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;font-size:14px!important;line-height:20px!important;word-break:keep-all!important}.order-rule-level{display:block!important;width:auto!important;height:20px!important;max-width:90px!important;margin-top:5px!important}.order-rule-view{width:54px!important;min-width:54px!important;max-width:54px!important;height:29px!important;flex:0 0 54px!important;padding:0!important;margin-left:auto!important;border-radius:999px!important;font-size:12px!important}

@media(max-width:370px){.feature-form-row{grid-template-columns:80px minmax(0,1fr)!important}.feature-label{font-size:13px!important}.profile-actions{grid-template-columns:76px 88px 1fr!important}.coupon-card{grid-template-columns:68px minmax(0,1fr) 50px!important}}

/* 2026-07-30 mini-program parity: orders, hall, service orders, wallet and chat. */
.mobile-nav.route-hidden{display:none!important}.main-view.subpage-route{padding-bottom:0!important}.mini-native-nav{position:sticky;top:0;z-index:45;height:48px;min-height:48px;padding:2px 12px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;background:#fff}.mini-native-nav h1{margin:0;text-align:center;font-size:18px;line-height:32px;font-weight:800}.mini-native-nav button{width:44px;height:44px;border:0;background:transparent;color:#222;font-size:35px;line-height:30px;padding:0}.mini-order-center,.service-order-page,.mini-wallet,.mini-hall,.mini-chat-page{min-height:100dvh;background:#f5f6f8;color:#26282d}.focus-card{outline:2px solid rgba(94,116,255,.45)!important}
/* User order center */
.oc-main-tabs{height:55px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid #f6f6f7}.oc-main-tabs button{position:relative;border:0;background:#fff;color:#666;font-size:16px}.oc-main-tabs button.active{color:#17191f;font-weight:800}.oc-main-tabs button.active:after{content:"";position:absolute;left:50%;bottom:6px;width:32px;height:3px;transform:translateX(-50%);border-radius:4px;background:#6277ff}.oc-filters{height:51px;padding:9px 12px;display:flex;gap:9px;overflow-x:auto;background:#fff;border-top:1px solid #f2f3f5;scrollbar-width:none}.oc-filters::-webkit-scrollbar{display:none}.oc-filters button{height:31px;min-width:64px;flex:0 0 auto;border:0;border-radius:17px;background:#f3f4f7;color:#74777e;font-size:13px;padding:0 14px}.oc-filters button.active{background:#6478ff;color:#fff;font-weight:700}.oc-list{padding:12px 12px 35px;display:flex;flex-direction:column;gap:12px}.oc-empty,.service-empty,.hall-empty,.wallet-empty,.chat-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a2a5ad;font-size:14px}.oc-empty b{font-size:42px;font-weight:400;color:#d3d6de;margin-bottom:12px}.oc-card{overflow:hidden;border:0;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(43,49,78,.035)}.oc-card-head{height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f2f5;color:#999;font-size:12px}.oc-status{font-size:13px;color:#6678ff}.oc-status.closed{color:#aaa}.oc-status.completed{color:#31ad68}.oc-card-body{padding:13px;display:flex;gap:11px}.oc-thumb{width:84px;height:84px;flex:0 0 84px;border-radius:7px;object-fit:cover;background:#eef0f5}.oc-info{display:flex;min-width:0;flex-direction:column;gap:3px}.oc-info h3{margin:0;font-size:15px;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-info p{margin:0;color:#8d9098;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-info span{color:#62656c;font-size:12px;line-height:17px}.oc-remark{min-height:40px;margin:0 13px;padding:10px 0;display:flex;gap:12px;border-top:1px solid #f2f2f4;color:#777;font-size:12px}.oc-remark b{color:#333}.boss-order-list{gap:13px}.boss-order-card{border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 10px rgba(43,49,78,.035)}.boss-head{height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f3;font-size:11.5px;color:#8d9097}.boss-head i{font-style:normal;color:#262a32}.boss-goods-row{min-height:112px;padding:14px 13px 10px;display:grid;grid-template-columns:78px minmax(0,1fr) 31px;gap:10px}.boss-thumb{width:78px;height:78px;border-radius:7px;object-fit:cover;background:#eef0f5}.boss-goods-info{min-width:0;display:flex;flex-direction:column;gap:4px}.boss-goods-info h3{margin:0;font-size:15px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boss-goods-info p{margin:0;color:#9a9da4;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boss-goods-info b{color:#ff6472;font-size:13px}.boss-goods-info span{font-size:11.5px;color:#74777f}.boss-qty{font-size:12px;font-weight:500;text-align:right}.boss-total-row{min-height:50px;padding:7px 13px;display:flex;align-items:center;justify-content:flex-end;gap:7px;border-top:1px solid #f4f4f5;font-size:12px}.boss-total-row>span:first-child{margin-right:auto}.boss-total-row>span b{margin-left:4px;color:#ff5e70;font-size:16px}.boss-state{font-size:12px;color:#6276ff}.boss-state.paused{color:#f0a43f}.boss-service-actions{display:flex;gap:5px}.boss-mini-action,.boss-rebuy{height:27px;min-width:43px;padding:0 8px;border:1px solid #dfe2ea;border-radius:14px;background:#fff;color:#5d626c;font-size:11px}.boss-mini-action.finish{border-color:#6277ff;color:#6277ff}.boss-mini-action.refund{border-color:#ffccd1;color:#ff6875}.boss-mini-action:disabled{opacity:.42}.boss-rebuy{height:30px;border-color:#6277ff;background:#6277ff;color:#fff}.boss-divider{height:1px;background:#f1f2f4;margin:0 13px}.boss-player-row{min-height:62px;padding:8px 13px;display:flex;align-items:center;gap:9px}.boss-player-label{flex:0 0 auto;font-size:12px;color:#666}.boss-player-list{display:flex;flex:1;min-width:0}.boss-player{position:relative;width:38px;height:38px;border:0;background:none;padding:0;margin-right:-5px}.boss-player img{width:36px;height:36px;border:2px solid #fff;border-radius:50%;object-fit:cover}.boss-player i{position:absolute;left:-4px;right:-4px;bottom:-3px;height:14px;border-radius:7px;background:#6678ff;color:#fff;font:8px/14px sans-serif;font-style:normal;white-space:nowrap}.boss-no-player{font-size:12px;color:#aaa}.boss-contact{height:29px;padding:0 12px;border:0;border-radius:15px;background:#edf0ff;color:#6075ff;font-size:11.5px}.mini-approval{margin:0 13px 10px;padding:10px;display:flex;align-items:center;gap:7px;border-radius:8px;background:#f3f5ff;font-size:11px}.mini-approval span{margin-right:auto}.mini-approval button{height:27px;border:0;border-radius:14px;padding:0 10px;background:#6678ff;color:#fff}.mini-approval .reject{background:#fff;color:#687080}.mini-approval .danger{background:#ff6976}
.dispatch-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.dispatch-card:active{transform:scale(.992)}.dispatch-card:focus-visible{outline:2px solid #6377ff;outline-offset:2px}
/* Dispatch detail: mirrors miniprogram/pkg-order/dispatch-detail. */
.web-dispatch-detail{min-height:100dvh;background:#f5f5f5;color:#111;padding-bottom:60px}.web-dispatch-detail>.mini-native-nav{margin-bottom:12px}.web-dispatch-order-card{margin:0 12px;padding:12px 10px;border-radius:9px;background:#fff}.web-dispatch-order-top{display:flex;align-items:flex-start;gap:12px}.web-dispatch-order-top>img{width:80px;height:80px;flex:0 0 80px;border-radius:6px;background:#eef0ff;object-fit:cover}.web-dispatch-order-top>div{min-width:0;flex:1;padding-top:1px}.web-dispatch-order-top h2{margin:0 0 4px;font-size:16px;line-height:21px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-dispatch-order-top p{margin:0;color:#7e7e7e;font-size:15px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-dispatch-prize{margin-top:13px;display:flex;align-items:center;color:#747474;font-size:15px;line-height:21px}.web-dispatch-prize img{width:18px;height:18px;margin-right:7px;border-radius:50%;object-fit:cover}.web-dispatch-prize span{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-dispatch-prize b{margin-left:auto;color:#9b9b9b;font-weight:400}.web-dispatch-section-title{margin:18px 12px 12px;color:#7f7f7f;font-size:15px;line-height:21px;font-weight:400}.web-dispatch-player-list{margin:0 12px;display:flex;flex-direction:column;gap:9px}.web-dispatch-player-card{min-height:92px;overflow:hidden;border-radius:9px;background:#fff}.web-dispatch-greet{height:27px;display:flex;align-items:center;background:#eaf2ff;color:#787878;font-size:14px;line-height:27px}.web-dispatch-greet b{height:27px;min-width:52px;padding:0 8px;border-radius:0 0 12px 0;background:linear-gradient(135deg,#5794ff,#8bb5ff);color:#fff;font-size:15px;line-height:27px;text-align:center;font-weight:400}.web-dispatch-greet span{min-width:0;padding-left:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-dispatch-player-main{height:74px;padding:0 14px 4px 9px;display:flex;align-items:center}.web-dispatch-avatar{width:44px;height:44px;flex:0 0 44px;margin-right:12px;padding:0;border:0;border-radius:50%;background:#eef0ff}.web-dispatch-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}.web-dispatch-player-info{min-width:0;flex:1}.web-dispatch-player-info>div{height:23px;display:flex;align-items:center;gap:4px}.web-dispatch-player-info strong{max-width:105px;color:#111;font-size:17px;line-height:23px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-dispatch-player-info i{font-size:16px;line-height:17px;font-style:normal;transform:translateY(-2px)}.web-dispatch-player-info i.male{color:#35bfe9}.web-dispatch-player-info i.female{color:#ef6794}.web-dispatch-player-info img{width:auto;height:17px;max-width:70px;object-fit:contain}.web-dispatch-player-info>span{display:inline-flex;height:19px;margin-top:7px;padding:0 6px;align-items:center;border-radius:3px;background:#f1f1f1;color:#8b8b8b;font-size:12px}.web-dispatch-player-info>span.rating{background:#fff5df;color:#d8a642}.web-dispatch-order-button,.web-dispatch-joined{width:72px;height:29px;flex:0 0 72px;margin-left:9px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#f0f1ff;color:#6879ff;font-size:14px;font-weight:500}.web-dispatch-order-button.disabled,.web-dispatch-order-button:disabled{background:#f4f5f8;color:#aeb4c3}.web-dispatch-order-button.busy{opacity:.55}.web-dispatch-joined{width:56px;flex-basis:56px;background:#edf8f2;color:#16a56a;font-weight:700}.web-dispatch-empty{height:130px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fff;color:#9a9a9a;font-size:14px}
/* Player reviews opened from dispatch detail. */
.web-player-reviews{min-height:100dvh;padding-bottom:104px;background:linear-gradient(180deg,#eef0ff 0,#f7f7fa 260px,#fff 450px);color:#1f2026}.web-player-reviews>.mini-native-nav{background:transparent}.web-review-summary{margin:12px 14px 0;padding:12px 10px;display:flex;gap:12px;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 5px 17px rgba(101,112,190,.08)}.web-review-summary>img{width:107px;height:107px;flex:0 0 107px;border-radius:10px;object-fit:cover;background:#eceef6}.web-review-summary>div{min-width:0;flex:1;padding:3px 0}.web-review-summary h2{height:24px;margin:0;display:flex;align-items:center;color:#17181d;font-size:18px;line-height:24px;font-weight:800}.web-review-summary h2 i{margin-left:5px;font-size:17px;font-style:normal}.web-review-summary h2 i.male{color:#31bce8}.web-review-summary h2 i.female{color:#ef6794}.web-review-level{height:24px;margin-top:2px;display:flex;align-items:center}.web-review-level img{width:auto;height:21px;max-width:75px}.web-review-level span{margin-left:2px;padding:3px 7px;border-radius:5px;background:#f6ecd6;color:#362f27;font-size:13px;font-weight:700}.web-review-summary p{height:36px;margin:3px 0 0;color:#777a84;font-size:13px;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.web-review-summary small{display:block;margin-top:6px;color:#767985;font-size:13px;white-space:nowrap}.web-review-summary small b{color:#24252b}.web-review-head{padding:19px 16px 10px;display:flex;align-items:flex-end;justify-content:space-between}.web-review-head h3{margin:0;font-size:18px;line-height:24px;font-weight:500}.web-review-head span{color:#9699a4;font-size:11px;line-height:18px}.web-review-list{background:#fff}.web-review-item{padding:14px 16px 17px;border-bottom:1px solid #f0f1f5}.web-reviewer{display:flex;align-items:center}.web-reviewer>img{width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover}.web-reviewer>div{min-width:0;margin-left:8px;display:flex;flex-direction:column}.web-reviewer b{max-width:250px;color:#696c76;font-size:15px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-reviewer span{color:#8d9099;font-size:12px;line-height:17px}.web-review-item>p{margin:6px 0 0;padding-left:44px;color:#2c2d33;font-size:15px;line-height:23px;word-break:break-word}.web-review-tags{padding-left:44px;margin-top:6px;display:flex;flex-wrap:wrap;gap:5px}.web-review-tags span{padding:3px 7px;border-radius:4px;background:#f1f3ff;color:#6676ff;font-size:11px}.web-review-product{min-height:77px;margin:6px 0 0 44px;padding:6px 8px 6px 6px;display:flex;align-items:center;border-radius:8px;background:#f5f5f6}.web-review-product>img{width:69px;height:69px;flex:0 0 69px;border-radius:6px;object-fit:cover}.web-review-product>div{min-width:0;flex:1;margin-left:7px}.web-review-product>div b,.web-review-product>div span{display:block;overflow:hidden;text-overflow:ellipsis}.web-review-product>div b{font-size:15px;line-height:21px;white-space:nowrap}.web-review-product>div span{height:36px;margin-top:2px;color:#777a84;font-size:12px;line-height:18px}.web-review-product>strong{margin-left:6px;color:#ff8c7f;font-size:15px;font-weight:400}.web-review-images{margin:8px 0 0 44px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.web-review-images.count-1{grid-template-columns:140px}.web-review-images.count-2{grid-template-columns:repeat(2,1fr)}.web-review-images button{padding:0;border:0;background:transparent}.web-review-images img{width:100%;height:95px;border-radius:4px;object-fit:cover}.web-review-images.count-1 img{height:140px}.web-review-empty{padding:50px 16px 70px;display:flex;flex-direction:column;align-items:center;background:#fff}.web-review-empty b{color:#4e515a;font-size:16px}.web-review-empty span{margin-top:6px;color:#a0a3ad;font-size:12px}.web-review-dispatch-pill{position:fixed;right:max(0px,calc((100vw - var(--web-width))/2));bottom:68px;z-index:66;width:143px;height:39px;padding:0 11px 0 6px;display:flex;align-items:center;border:0;border-radius:20px 0 0 20px;background:linear-gradient(110deg,#5d75ff,#773cf4);box-shadow:0 5px 14px rgba(101,75,245,.25);color:#fff}.web-review-dispatch-pill img{width:29px;height:29px;flex:0 0 29px;border-radius:7px;object-fit:cover}.web-review-dispatch-pill span{flex:1;margin-left:10px;font-size:14px}.web-review-dispatch-pill b{font-size:24px;font-weight:200}.web-review-actions{position:fixed;left:50%;bottom:0;z-index:65;width:100%;max-width:var(--web-width);min-height:59px;padding:7px 15px max(7px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.97);box-shadow:0 -4px 14px rgba(37,40,61,.06)}.web-review-actions button{height:43px;min-height:43px;border:0;border-radius:22px;font-size:15px}.web-review-actions .minor{width:72px;flex:0 0 72px;background:#f2f3ff;color:#6271d9}.web-review-actions .minor.selected{background:#ebedff;color:#5367e7}.web-review-actions .primary{min-width:0;flex:1;background:linear-gradient(100deg,#5e78ff,#6675f6);color:#fff;font-size:16px}.web-review-actions .primary.disabled,.web-review-actions .primary:disabled{background:#cfd3e9}.web-review-image-preview{position:relative;margin:-22px;display:grid;place-items:center;min-height:65dvh;background:#111}.web-review-image-preview>button{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:26px}.web-review-image-preview>img{display:block;max-width:100%;max-height:80dvh;object-fit:contain}
@media(min-width:681px){.web-dispatch-detail,.web-player-reviews{max-width:var(--web-width);margin-right:auto;margin-left:auto}}

/* Deep-page parity shared by grab records, team, completion, deposit, ranking and catalog. */
.dispatch-card.enterable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.dispatch-card.enterable:active{transform:scale(.992)}.dispatch-card:not(.enterable){cursor:default}.service-team-add{height:27px;margin-left:auto;border:0;background:transparent;color:#6276ff;font-size:13px;white-space:nowrap}.service-team-add b{font-size:18px}.profile-extra-actions{display:flex;gap:8px;margin:9px 12px}.profile-extra-actions button{flex:1;height:36px;border:0;border-radius:18px;background:#eef0ff;color:#6276ff;font-size:13px;font-weight:700}
.chat-profile-hotspot{position:absolute;z-index:6;top:0;left:74px;right:74px;height:48px;border:0;background:transparent}
.sync-tabs{height:48px;margin:0 12px 12px;padding:4px;display:flex;gap:4px;border-radius:24px;background:#eef0f5}.sync-tabs button{flex:1;border:0;border-radius:20px;background:transparent;color:#727680;font-size:14px}.sync-tabs button.on{background:#fff;color:#526cff;font-weight:700;box-shadow:0 3px 12px rgba(65,77,120,.08)}
.sync-record-list{margin:0 12px 24px;display:flex;flex-direction:column;gap:10px}.sync-record-card{overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 2px 10px rgba(31,38,75,.04)}.sync-record-goods{padding:12px;display:flex;gap:10px;align-items:flex-start}.sync-record-goods>img{width:64px;height:64px;border-radius:7px;object-fit:cover}.sync-record-goods>div{min-width:0;flex:1}.sync-record-goods h3{margin:0 0 6px;font-size:15px}.sync-record-goods h3 span{font-weight:400}.sync-record-goods p{margin:3px 0;color:#777;font-size:12px}.sync-record-goods>strong{color:#555;font-size:11px;white-space:nowrap}.sync-record-goods>strong b{display:block;margin-top:3px;color:#ff5b6f;font-size:17px}.sync-record-note{margin:0;padding:8px 12px;border-top:1px solid #f2f3f6;color:#777;font-size:12px}.sync-record-state{padding:7px 12px;display:flex;justify-content:space-between;color:#999;font-size:11px;background:#fafbfc}.sync-record-owner{padding:10px 12px;display:flex;align-items:center;gap:9px}.sync-record-owner>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.sync-record-owner>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.sync-record-owner span{color:#999;font-size:10px}.sync-record-owner b{font-size:13px}.sync-record-owner button{height:29px;border:0;border-radius:15px;padding:0 13px;background:#eef0ff;color:#6276ff;font-size:12px}
.sync-team-summary{margin:0 12px 10px;padding:12px;display:flex;align-items:center;gap:10px;border-radius:10px;background:#fff}.sync-team-summary>img,.sync-team-summary>.avatar-placeholder{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#edf0f6;object-fit:cover}.sync-team-summary>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.sync-team-summary>div b{font-size:15px}.sync-team-summary>div span{color:#888;font-size:11px}.sync-team-summary>strong{color:#526cff;font-size:13px}.sync-team-panel,.sync-team-system,.sync-form-card{margin:0 12px 12px;padding:14px;border-radius:10px;background:#fff}.sync-share{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f4}.sync-share input{width:80px;height:32px;border:1px solid #e1e4ed;border-radius:7px;text-align:center}.sync-share.amount b{color:#ff596e}.sync-team-search{margin:12px 0;display:flex;gap:8px}.sync-team-search input{min-width:0;flex:1;height:36px;border:0;border-radius:18px;padding:0 13px;background:#f4f5f8}.sync-team-search button,.sync-team-system>button{height:36px;border:0;border-radius:18px;padding:0 18px;background:#6276ff;color:#fff}.sync-candidate-list{display:flex;flex-direction:column;gap:8px}.sync-candidate{min-height:66px;padding:8px;display:flex;align-items:center;gap:9px;border:1px solid #eceef4;border-radius:9px;background:#fff}.sync-candidate.selected{border-color:#6276ff;background:#f6f7ff}.sync-candidate>img{width:44px;height:44px;border-radius:50%;object-fit:cover}.sync-candidate>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.sync-candidate>div b{font-size:13px}.sync-candidate>div em{display:inline-flex;width:max-content;border-radius:3px;padding:1px 4px;background:#edf7f2;color:#20a06b;font-size:9px;font-style:normal}.sync-candidate>div span{color:#888;font-size:10px}.sync-candidate>button{border:0;background:transparent;color:#6276ff;font-size:11px}.sync-candidate>i{width:18px;height:18px;border:1px solid #cbd0dd;border-radius:50%}.sync-candidate.selected>i{border:5px solid #6276ff}.sync-team-system{min-height:250px;text-align:center}.sync-team-system img{width:120px;height:100px;object-fit:contain}.sync-team-system p{color:#777}.sync-team-system textarea{width:100%;height:80px;margin:8px 0;padding:10px;border:0;border-radius:8px;background:#f5f6f8;resize:none}.sync-bottom-actions{position:sticky;bottom:0;padding:10px 12px max(10px,env(safe-area-inset-bottom));display:flex;gap:10px;background:rgba(255,255,255,.96)}.sync-bottom-actions button{flex:1;height:42px;border:0;border-radius:22px;background:#edf0f5;color:#666}.sync-bottom-actions button.primary{background:linear-gradient(90deg,#6377ff,#8463f5);color:#fff}
.sync-form-card h2{margin:0 0 12px;font-size:17px}.sync-form-card .feature-form{padding:0}.sync-form-card .feature-form>label{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;font-size:14px;font-weight:700}.sync-form-card small{margin-left:auto;color:#999;font-weight:400}.sync-form-card input,.sync-form-card select,.sync-form-card textarea{width:100%;border:0;border-radius:8px;padding:10px;background:#f5f6f8;font-size:13px;box-sizing:border-box}.sync-form-card textarea{min-height:90px;resize:none}.sync-output-head{margin:12px 0 8px;display:flex;justify-content:space-between}.sync-output-head span{font-size:14px;font-weight:700}.sync-output-head b{color:#526cff;font-size:12px}.sync-output-row{min-height:43px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between}.sync-output-row input{width:120px!important}.sync-notice{margin:0 12px 18px;padding:12px;border-radius:9px;background:#fff8e8;color:#9c7834;font-size:12px;line-height:20px}.sync-notice b,.sync-notice span{display:block}.sync-progress{margin:0 12px 12px;padding:14px;border-radius:10px;background:#edf8f2;color:#16895e}.sync-progress b,.sync-progress span{display:block}.sync-progress span{margin-top:5px;font-size:12px}.sync-refund-order{margin:0 12px 12px;padding:12px;display:flex;gap:11px;border-radius:10px;background:#fff}.sync-refund-order img{width:62px;height:62px;border-radius:8px;object-fit:cover}.sync-refund-order div{display:flex;flex-direction:column;gap:4px}.sync-refund-order b{font-size:15px}.sync-refund-order span{color:#888;font-size:12px}
.sync-deposit-summary{margin:0 12px 12px;padding:18px;border-radius:13px;background:linear-gradient(135deg,#6678ff,#8a68f7);color:#fff}.sync-deposit-summary>span{font-size:13px}.sync-deposit-summary>strong{display:block;margin:5px 0 15px;font-size:29px}.sync-deposit-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sync-deposit-summary p{margin:0;padding:9px;border-radius:8px;background:rgba(255,255,255,.12);font-size:11px}.sync-deposit-summary p b{display:block;margin-top:3px;font-size:15px}.sync-warning{margin:0 12px 12px;padding:12px;border-radius:9px;background:#fff2ee;color:#c75f51}.sync-warning b,.sync-warning span{display:block}.sync-warning span{margin-top:4px;font-size:11px}.sync-history-title{margin:18px 14px 9px;font-size:16px}.sync-deposit-record{padding:12px;border-radius:9px;background:#fff}.sync-deposit-record>div{display:flex;justify-content:space-between}.sync-deposit-record>div span{color:#6276ff;font-size:11px}.sync-deposit-record>strong{display:block;margin:9px 0;color:#ff596e;font-size:21px}.sync-deposit-record p,.sync-deposit-record time{margin:2px 0;color:#888;font-size:11px}
.sync-rank-hero{margin:0 12px 12px;padding:21px 18px;border-radius:14px;background:linear-gradient(135deg,#5d6cff,#8e61f1);color:#fff;text-align:center}.sync-rank-hero small{letter-spacing:1px;opacity:.75}.sync-rank-hero h2{margin:7px 0;font-size:25px}.sync-rank-hero>span{font-size:11px;opacity:.8}.sync-rank-hero p{margin:14px 0 0;padding:9px;border-radius:8px;background:rgba(255,255,255,.12);font-size:11px;line-height:18px}.sync-rank-list{margin:0 12px;display:flex;flex-direction:column;gap:8px}.sync-rank-list article{min-height:66px;padding:9px;display:flex;align-items:center;gap:9px;border-radius:10px;background:#fff}.sync-rank-list article>span{width:24px;color:#737989;font-weight:800;text-align:center}.sync-rank-list article>img{width:44px;height:44px;border-radius:50%;object-fit:cover}.sync-rank-list article>div{min-width:0;flex:1;display:flex;flex-direction:column}.sync-rank-list article>div small{color:#999}.sync-rank-list article>strong{color:#ff9d3d;font-size:16px;text-align:right}.sync-rank-list article>strong small{display:block;color:#999;font-size:9px}.sync-rank-list article>i{color:#ffc13c;font-size:18px}.sync-rank-list article.rank-1{background:linear-gradient(90deg,#fff9e7,#fff)}
.sync-catalog-player{margin:0 12px 10px;padding:11px;display:flex;align-items:center;gap:9px;border-radius:10px;background:#fff}.sync-catalog-player>img:first-child{width:44px;height:44px;border-radius:50%;object-fit:cover}.sync-catalog-player>b{min-width:0;flex:1}.sync-catalog-player>img:last-child{max-width:72px;height:18px;object-fit:contain}.sync-category-row{margin:0 12px 12px;display:flex;gap:7px;overflow-x:auto}.sync-category-row button{height:32px;flex:0 0 auto;border:0;border-radius:16px;padding:0 14px;background:#eef0f5;color:#777}.sync-category-row button.on{background:#6276ff;color:#fff}.sync-catalog-grid{margin:0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sync-catalog-grid article{overflow:hidden;border-radius:10px;background:#fff}.sync-catalog-grid article>img{width:100%;aspect-ratio:1.2;object-fit:cover}.sync-catalog-grid article>div{padding:9px;display:flex;flex-direction:column;gap:4px}.sync-catalog-grid b{font-size:14px}.sync-catalog-grid span{color:#888;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-catalog-grid strong{color:#ff596e}.sync-boss-hero{margin:0 12px 12px;padding:24px;text-align:center;border-radius:14px;background:linear-gradient(135deg,#6578ff,#8966f6);color:#fff}.sync-boss-hero img{width:76px;height:76px;border:3px solid rgba(255,255,255,.8);border-radius:50%;object-fit:cover}.sync-boss-hero h2{margin:9px 0 3px}.sync-boss-card{margin:0 12px 12px;padding:0 14px;border-radius:10px;background:#fff}.sync-boss-card p{min-height:50px;margin:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f3}.sync-boss-card p:last-child{border:0}.sync-boss-card span{color:#777}.sync-privacy{text-align:center;color:#999;font-size:11px}
/* 指定陪玩商品目录按小程序 750rpx 画布等比缩放；仅作用于“护航商品”页面。 */
.feature-page[data-player-page="护航商品"]{--catalog-rpx:calc(min(100vw,var(--web-width,430px))/750);padding:48px calc(24 * var(--catalog-rpx)) calc(70 * var(--catalog-rpx))!important;background:linear-gradient(180deg,#eef0ff 0,#f6f7fb calc(360 * var(--catalog-rpx)))!important}
.feature-page[data-player-page="护航商品"]>h1{margin-left:40px!important;margin-right:40px!important;margin-bottom:calc(24 * var(--catalog-rpx))!important}
.feature-page[data-player-page="护航商品"] .sync-catalog-player{height:calc(146 * var(--catalog-rpx));margin:0;padding:0 calc(26 * var(--catalog-rpx));gap:calc(24 * var(--catalog-rpx));box-sizing:border-box;border-radius:calc(22 * var(--catalog-rpx));box-shadow:none}
.feature-page[data-player-page="护航商品"] .sync-catalog-player>img:first-child{width:calc(86 * var(--catalog-rpx));height:calc(86 * var(--catalog-rpx));flex:none}
.feature-page[data-player-page="护航商品"] .sync-catalog-player>b{font-size:calc(32 * var(--catalog-rpx));font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feature-page[data-player-page="护航商品"] .sync-catalog-player>img:last-child{display:block;height:calc(42 * var(--catalog-rpx));max-width:calc(178 * var(--catalog-rpx));flex:none;object-fit:contain}
.feature-page[data-player-page="护航商品"] .sync-category-row{width:auto;margin:calc(24 * var(--catalog-rpx)) calc(-24 * var(--catalog-rpx)) calc(22 * var(--catalog-rpx));padding:0 calc(24 * var(--catalog-rpx));gap:calc(14 * var(--catalog-rpx));scrollbar-width:none}
.feature-page[data-player-page="护航商品"] .sync-category-row::-webkit-scrollbar{display:none}
.feature-page[data-player-page="护航商品"] .sync-category-row button{height:calc(66 * var(--catalog-rpx));min-width:calc(128 * var(--catalog-rpx));padding:0 calc(24 * var(--catalog-rpx));border-radius:calc(8 * var(--catalog-rpx));background:#fff;color:#999;font-size:calc(28 * var(--catalog-rpx))}
.feature-page[data-player-page="护航商品"] .sync-category-row button.on{background:var(--theme,#6276ff);color:#fff}
.feature-page[data-player-page="护航商品"] .sync-catalog-grid{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(18 * var(--catalog-rpx));align-items:start}
.feature-page[data-player-page="护航商品"] .sync-catalog-grid article{border-radius:calc(14 * var(--catalog-rpx));box-shadow:0 calc(6 * var(--catalog-rpx)) calc(18 * var(--catalog-rpx)) rgba(52,64,96,.04);cursor:pointer}
.feature-page[data-player-page="护航商品"] .sync-catalog-grid article>img{display:block;width:100%;height:calc(306 * var(--catalog-rpx));aspect-ratio:auto;object-fit:cover;background:#edf0f6}
.feature-page[data-player-page="护航商品"] .sync-catalog-grid article>div{padding:calc(18 * var(--catalog-rpx)) calc(18 * var(--catalog-rpx)) calc(20 * var(--catalog-rpx));gap:0}
.feature-page[data-player-page="护航商品"] .sync-catalog-grid b{min-height:calc(84 * var(--catalog-rpx));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#222;font-size:calc(31 * var(--catalog-rpx));line-height:calc(42 * var(--catalog-rpx));font-weight:600}
.feature-page[data-player-page="护航商品"] .sync-catalog-grid span{height:calc(76 * var(--catalog-rpx));margin-top:calc(10 * var(--catalog-rpx));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;color:#777;font-size:calc(25 * var(--catalog-rpx));line-height:calc(38 * var(--catalog-rpx));overflow:hidden}
.feature-page[data-player-page="护航商品"] .sync-catalog-grid p{margin:calc(12 * var(--catalog-rpx)) 0 0;display:flex;align-items:baseline;gap:calc(12 * var(--catalog-rpx))}
.feature-page[data-player-page="护航商品"] .sync-catalog-grid strong{color:#f26955;font-size:calc(32 * var(--catalog-rpx));line-height:1.2}
.feature-page[data-player-page="护航商品"] .sync-catalog-grid del{color:#aaa;font-size:calc(24 * var(--catalog-rpx))}
/* Hall */
.mini-hall{padding-bottom:66px}.hall-filter{height:52px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid #f3f3f4}.hall-filter>button{height:34px;border:0;background:transparent;color:#60636a;font-size:13px}.hall-filter>div{display:flex;height:34px;padding:3px;border-radius:18px;background:#f1f2f5}.hall-filter>div button{position:relative;min-width:62px;border:0;border-radius:15px;background:transparent;color:#888;font-size:12px}.hall-filter>div button.active{background:#fff;color:#6175ff;box-shadow:0 2px 8px rgba(42,47,70,.08)}.hall-filter i{position:absolute;right:-2px;top:-6px;min-width:17px;height:17px;border-radius:9px;background:#ff5a68;color:#fff;font:9px/17px sans-serif;font-style:normal}.hall-list{padding:11px 11px 0;display:flex;flex-direction:column;gap:11px}.hall-order-card{overflow:hidden;border-radius:11px;background:#fff}.hall-goods{min-height:118px;padding:12px 11px;display:grid;grid-template-columns:80px minmax(0,1fr) 82px;gap:9px}.hall-goods>img{width:80px;height:80px;border-radius:7px;object-fit:cover}.hall-detail{min-width:0}.hall-detail h3{margin:0 0 5px;font-size:14px;line-height:20px}.hall-detail h3 span{font-size:11px;font-weight:400}.hall-detail p{margin:2px 0;color:#777b83;font-size:10.5px;line-height:14px}.hall-detail p.transfer{color:#f06b64}.hall-amount{text-align:right;display:flex;flex-direction:column;gap:6px;color:#858991;font-size:10px}.hall-amount span{line-height:14px}.hall-amount b{color:#ff5f6d;font-size:13px;margin-left:2px}.hall-owner{height:57px;padding:8px 11px;display:flex;align-items:center;gap:8px;border-top:1px solid #f1f2f4}.hall-owner>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.hall-owner>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.hall-owner span{font-size:9px;color:#a0a3a9}.hall-owner b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hall-owner button{height:29px;padding:0 10px;border:0;border-radius:15px;font-size:10.5px}.hall-owner .contact{background:#f0f2ff;color:#6376ff}.hall-owner .apply{background:#6176ff;color:#fff}.hall-more{display:block;margin:11px auto 75px;border:0;background:transparent;color:#858993;font-size:12px}.hall-bottom{position:fixed;z-index:55;left:50%;bottom:max(0px,env(safe-area-inset-bottom));transform:translateX(-50%);width:100%;max-width:var(--web-width);height:62px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid #eceef2}.hall-bottom label{display:flex;align-items:center;gap:7px;font-size:12px}.hall-bottom input{display:none}.hall-bottom label i{position:relative;width:43px;height:25px;border-radius:13px;background:#dfe2e9}.hall-bottom label i:after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #aeb3bf}.hall-bottom input:checked+i{background:#6176ff}.hall-bottom input:checked+i:after{left:21px}.hall-bottom>button{height:34px;border:0;border-radius:18px;padding:0 18px;background:#f0f2ff;color:#6175ff;font-size:12px}
/* Service orders */
.service-tabs{height:44px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.service-tabs button{position:relative;border:0;background:#fff;color:#777b83;font-size:13px}.service-tabs button.on{color:#252830;font-weight:800}.service-tabs button.on:after{content:"";position:absolute;left:50%;bottom:5px;width:28px;height:3px;transform:translateX(-50%);border-radius:3px;background:#6377ff}.service-order-list{padding:11px;display:flex;flex-direction:column;gap:12px}.service-order-card{overflow:hidden;border-radius:11px;background:#fff;box-shadow:0 2px 10px rgba(43,49,78,.035)}.service-brand{height:32px;padding:0 12px;display:flex;align-items:center;gap:7px}.service-brand img{width:23px;height:23px;border-radius:50%;object-fit:cover}.service-brand b{font-size:12px}.service-number{height:28px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f2f3f5;border-bottom:1px solid #f2f3f5;color:#90939a;font-size:10px}.service-goods{min-height:82px;padding:10px 12px;display:grid;grid-template-columns:60px minmax(0,1fr) 30px;gap:10px}.service-goods>img{width:60px;height:60px;border-radius:7px;object-fit:cover}.service-goods>div{display:flex;min-width:0;flex-direction:column;gap:5px}.service-goods h3{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-goods b{font-size:12px;color:#ff6471}.service-goods span{font-size:10.5px;color:#858990}.service-goods>strong{text-align:right;font-size:11px}.service-team{min-height:50px;padding:8px 12px;display:flex;align-items:center;gap:9px;border-top:1px solid #f2f3f5}.service-team-tag{font-size:11px;color:#777}.service-team>div{display:flex;flex:1;gap:8px}.service-mate{display:flex;align-items:center;gap:4px;font-size:10px}.service-mate img{width:27px;height:27px;border-radius:50%;object-fit:cover}.service-none{font-size:11px;color:#aaa}.service-commission{height:42px;padding:0 12px;display:flex;align-items:center;border-top:1px solid #f2f3f5;font-size:11px}.service-commission b{color:#ff6270;font-size:15px}.service-commission i{margin-left:auto;font-style:normal;color:#6276ff}.transfer-bonus{padding:8px 12px;background:#fff8e9;color:#9c762c;font-size:11px}.service-actions-row{min-height:50px;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f2f3f5}.service-state{font-size:11px;color:#32a865}.service-state.paused{color:#ef9f36}.service-actions-row>div{display:flex;gap:5px}.service-actions-row button{height:27px;min-width:42px;border:1px solid #dfe2e8;border-radius:14px;background:#fff;color:#636871;font-size:10px}.service-actions-row .refund{color:#ff6876;border-color:#ffd4d8}.service-actions-row .finish{color:#fff;border-color:#6377ff;background:#6377ff}.service-waiting{padding:9px 12px;background:#fff5ee;color:#d88042;font-size:11px}.service-buyer{height:58px;padding:8px 12px;display:flex;align-items:center;gap:8px;border-top:1px solid #f1f2f4}.service-buyer>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.service-buyer>div{display:flex;flex:1;flex-direction:column;gap:3px}.service-buyer span{font-size:9px;color:#aaa}.service-buyer b{font-size:12px}.service-buyer button{height:29px;border:0;border-radius:15px;padding:0 13px;background:#f0f2ff;color:#6276ff;font-size:11px}
/* Wallet */
.mini-wallet{background:#f6f7fa}.income-card{margin:12px 12px 10px;padding:20px 18px 14px;border-radius:15px;background:linear-gradient(135deg,#697cff,#7760ef);color:#fff;box-shadow:0 12px 25px rgba(99,116,244,.21)}.income-card>span{font-size:12px;color:rgba(255,255,255,.78)}.cash-row{height:59px;display:flex;align-items:center;justify-content:space-between}.cash-row>b{font-size:37px;letter-spacing:-1px}.cash-row button{height:31px;padding:0 18px;border:0;border-radius:16px;background:#fff;color:#6677f7;font-size:12px}.income-stats{padding-top:12px;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.2)}.income-stats>div,.income-stats>button{min-width:0;display:flex;flex-direction:column;gap:6px;border:0;border-left:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;text-align:center}.income-stats>*:first-child{border-left:0}.income-stats span{font-size:10px;color:rgba(255,255,255,.72)}.income-stats b{font-size:14px}.withdrawal-profile-entry{width:calc(100% - 24px);min-height:67px;margin:0 12px 10px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:0;border-radius:12px;background:#fff;text-align:left}.profile-entry-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#edf2ff;color:#2676e8;font-weight:900}.profile-entry-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.profile-entry-main b{font-size:13px}.profile-entry-main small{color:#92959c;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.withdrawal-profile-entry>i{padding:4px 8px;border-radius:10px;background:#fff0e9;color:#ef7c49;font-size:9px;font-style:normal}.withdrawal-profile-entry>i.configured{background:#eaf9f0;color:#36a567}.withdrawal-profile-entry>strong{color:#bbb;font-size:20px}.income-tabs{height:48px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff}.income-tabs button{position:relative;border:0;background:#fff;color:#80838a;font-size:12px}.income-tabs button.active{color:#6175ff;font-weight:800}.income-tabs button.active:after{content:"";position:absolute;left:50%;bottom:5px;width:29px;height:3px;transform:translateX(-50%);border-radius:3px;background:#6175ff}.wallet-record-list{padding:11px 12px 30px;display:flex;flex-direction:column;gap:10px}.wallet-record{min-height:88px;padding:12px;display:grid;grid-template-columns:40px minmax(0,1fr) 86px;gap:9px;border-radius:11px;background:#fff}.money-icon,.wallet-record-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:#edf0ff;color:#6175ff;font-weight:800}.wallet-record>div{min-width:0}.wallet-record h3{margin:0 0 5px;font-size:13px}.wallet-record p,.wallet-record small{display:block;margin:2px 0;color:#989ba2;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-record aside{text-align:right;display:flex;flex-direction:column;gap:5px}.wallet-record aside b{font-size:9px;color:#efa039}.wallet-record aside b.paid{color:#35aa6a}.wallet-record aside b.rejected{color:#e8616d}.wallet-record aside strong{color:#ff6471;font-size:13px}.wallet-record aside strong.income{color:#30aa68}.wallet-record aside small{font-size:9px;color:#999}
/* Shared mobile bottom sheets */
.mini-sheet{margin:-22px;padding:20px 20px max(18px,env(safe-area-inset-bottom));background:#fff}.mini-sheet-head{min-height:43px;display:flex;align-items:flex-start;justify-content:space-between}.mini-sheet-head h2{margin:0;font-size:17px}.mini-sheet-head>button{width:30px;height:30px;border:0;background:transparent;color:#777;font-size:25px}.mini-sheet-form{display:flex;flex-direction:column;gap:12px}.mini-sheet-form label{display:flex;flex-direction:column;gap:7px;color:#545860;font-size:12px}.mini-sheet-form input,.mini-sheet-form textarea,.greeting-sheet textarea,.chat-report-sheet textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid #e1e3ea;border-radius:8px;background:#f9fafc;outline:none}.mini-sheet-form textarea{min-height:72px;resize:vertical}.mini-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.mini-sheet-actions button{height:42px;border:0;border-radius:21px;background:#f0f1f5;color:#666}.mini-sheet-actions .primary{background:#6276ff;color:#fff;font-weight:800}.qr-upload span{height:116px;display:grid;place-items:center;border:1px dashed #bfc6e8;border-radius:9px;color:#6276ff}.qr-upload input{display:none}.qr-upload img{width:105px;height:105px;object-fit:contain}.withdraw-sheet>p{font-size:12px;color:#888}.withdraw-amount{height:60px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e5e7ec}.withdraw-amount span{font-size:25px}.withdraw-amount input{flex:1;border:0;outline:none;font-size:25px}.greeting-sheet>p,.chat-report-sheet>p{display:flex;justify-content:space-between;color:#9699a1;font-size:10px}.game-options label{height:49px;display:flex;align-items:center;border-bottom:1px solid #f0f1f3}.game-options label span{flex:1;font-size:13px}.game-options input{display:none}.game-options i{width:20px;height:20px;border:1px solid #cfd3dd;border-radius:50%}.game-options input:checked+i{display:grid;place-items:center;border-color:#6276ff;background:#6276ff;color:#fff}.game-options input:checked+i:after{content:"✓";font-size:12px}.chat-action-sheet{display:flex;flex-direction:column;padding-top:12px}.chat-action-sheet>button{height:50px;border:0;border-bottom:1px solid #f0f1f3;background:#fff}.chat-action-sheet .danger{color:#ee5967}
/* Chat */
.mini-chat-page{height:100dvh;display:flex;flex-direction:column;background:#f2f3f5;position:relative}.mini-chat-page>.mini-native-nav{flex:0 0 48px}.chat-nav-warn{position:absolute;z-index:50;right:13px;top:max(18px,env(safe-area-inset-top));width:34px;height:34px;border:0;background:transparent;color:#50535a;font-size:19px}.chat-order-strip{min-height:72px;padding:8px 12px;display:grid;grid-template-columns:54px minmax(0,1fr) 56px;gap:9px;background:#fff;border-top:1px solid #f0f1f3}.chat-order-strip>img{width:54px;height:54px;border-radius:7px;object-fit:cover}.chat-order-strip>div{min-width:0}.chat-order-strip h3{margin:3px 0 7px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-order-strip p{margin:0;color:#898c93;font-size:10px}.chat-order-strip aside{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chat-order-strip aside span{color:#6276ff;font-size:10px}.chat-order-strip aside button{height:26px;border:0;border-radius:13px;background:#6276ff;color:#fff;font-size:10px}.chat-top-event{min-height:53px;padding:9px 12px;display:flex;align-items:center;gap:8px;background:#fff7e8;border-top:1px solid #f6e7c7}.chat-top-event>div:first-child{flex:1;min-width:0}.chat-top-event h4{margin:0 0 4px;font-size:11px;color:#9a7431}.chat-top-event p{margin:0;color:#a38651;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-top-event>span{font-size:10px;color:#d58e2f}.chat-system-actions{display:flex!important;flex:0 0 auto!important;gap:5px}.chat-system-actions button{height:25px;border:0;border-radius:13px;padding:0 9px;background:#6276ff;color:#fff;font-size:9px}.chat-system-actions button:last-child{background:#fff;color:#727680}.mini-chat-list{flex:1;min-height:0;padding:13px 11px;overflow-y:auto}.mini-msg{display:flex;align-items:flex-end;gap:7px;margin:12px 0}.mini-msg.mine{justify-content:flex-end}.chat-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:8px!important;object-fit:cover!important}.mini-msg>div{display:flex;max-width:75%;flex-direction:column}.mini-msg.mine>div{align-items:flex-end}.sender-name{margin-bottom:3px;color:#9a9da4;font-size:9px}.mini-bubble{padding:9px 11px;border-radius:4px 12px 12px 12px;background:#fff;font-size:13px;line-height:19px;word-break:break-word;box-shadow:0 1px 4px rgba(37,41,58,.035)}.mini-msg.mine .mini-bubble{border-radius:12px 4px 12px 12px;background:#7182ff;color:#fff}.mini-bubble.image,.mini-bubble.video,.mini-bubble.sticker,.mini-bubble.card,.mini-bubble.gift{padding:0;background:transparent;box-shadow:none}.chat-message-image,.chat-message-video{display:block;max-width:210px;max-height:270px;border-radius:9px;object-fit:cover}.chat-sticker{width:92px;height:92px;object-fit:contain}.chat-voice{min-width:95px;height:35px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:inherit}.chat-game-card{width:235px;overflow:hidden;border-radius:9px;background:#fff;color:#333}.chat-game-card header{height:49px;padding:8px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f1f3}.chat-game-card header img{width:33px;height:33px;border-radius:6px;object-fit:cover}.chat-game-card p{height:40px;margin:0;padding:0 10px;display:flex;align-items:center;border-bottom:1px solid #f4f4f5;font-size:10px}.chat-game-card p span{width:70px;color:#999}.chat-gift-card{width:215px;min-height:78px;padding:8px;display:flex;align-items:center;gap:9px;border-radius:10px;background:linear-gradient(135deg,#fff7dd,#fff0c3);color:#75521d}.chat-gift-card img{width:62px;height:62px;object-fit:contain}.chat-gift-card div{display:flex;flex-direction:column;gap:7px}.chat-gift-card span{font-size:10px}.chat-system-row{margin:10px 12px}.chat-system-row .chat-top-event{border-radius:8px;background:#e9eaed;border:0}.chat-quick-row{height:46px;padding:5px 8px;display:flex;gap:6px;background:#fff;border-top:1px solid #eceef1}.chat-quick-row button{height:35px;display:flex;align-items:center;gap:4px;border:0;border-radius:18px;padding:0 9px;background:#f1f3ff;color:#6376ff;font-size:9px}.chat-quick-row img{width:19px;height:19px;object-fit:contain}.chat-gift-pill{height:31px;align-self:flex-start;margin:4px 10px;border:0;border-radius:16px;padding:0 12px;background:#fff2ce;color:#a36e17;font-size:10px}.mini-send-bar{min-height:55px;padding:7px 8px max(7px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:5px;background:#fff;border-top:1px solid #e6e8ec}.mini-send-bar>button{width:33px;height:33px;flex:0 0 33px;border:0;background:transparent;color:#565960;font-size:24px;padding:0}.mini-send-bar>input:not([hidden]){min-width:0;flex:1;height:37px;border:0;border-radius:7px;background:#f2f3f5;padding:0 10px;outline:none;font-size:12px}.mini-send-bar .send-text{width:48px;flex:0 0 48px;border-radius:7px;background:#6276ff;color:#fff;font-size:11px}.web-sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.web-sticker-grid button{height:52px;border:0;border-radius:9px;background:#f6f7fa;font-size:25px}.game-card-options{display:flex;flex-direction:column;gap:8px}.game-card-options button{min-height:55px;padding:9px 12px;display:flex;flex-direction:column;gap:5px;border:1px solid #e4e6ed;border-radius:8px;background:#fff;text-align:left}.game-card-options span{font-size:10px;color:#999}.gift-sheet{max-height:82dvh}.web-gift-grid{max-height:48dvh;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.web-gift-grid button{min-width:0;padding:6px 3px;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid transparent;border-radius:8px;background:#f8f9fb}.web-gift-grid button.active{border-color:#6276ff;background:#f0f2ff}.web-gift-grid img{width:51px;height:51px;object-fit:contain}.web-gift-grid b{max-width:100%;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-gift-grid span{font-size:9px;color:#e89c33}.gift-checkout{min-height:52px;margin-top:11px;display:flex;align-items:center;gap:8px;border-top:1px solid #eee}.gift-checkout>span{min-width:0;flex:1;font-size:9px;color:#999}.gift-checkout>span b{color:#e4a13a}.gift-checkout label{display:flex;align-items:center}.gift-checkout label button{width:27px;height:27px;border:0;border-radius:50%;background:#f0f1f5}.gift-checkout label b{padding:0 6px;font-size:10px}.gift-checkout>.primary{height:31px;border:0;border-radius:16px;padding:0 15px;background:#6276ff;color:#fff;font-size:11px}.gift-pay-tip{margin:0;text-align:right;color:#aaa;font-size:8px}
@media(min-width:681px){.mini-native-nav{padding-top:2px}.mini-chat-page{height:calc(100dvh - 36px)}.hall-bottom{bottom:18px;border-radius:0 0 24px 24px}.chat-nav-warn{top:18px}}
@media(max-width:365px){.boss-goods-row{grid-template-columns:70px minmax(0,1fr) 27px}.boss-thumb{width:70px;height:70px}.boss-service-actions{gap:3px}.boss-mini-action{min-width:38px;padding:0 6px}.hall-goods{grid-template-columns:72px minmax(0,1fr) 76px}.hall-goods>img{width:72px;height:72px}.hall-owner button{padding:0 7px}.service-actions-row button{min-width:37px}}
@media(min-width:681px){.mini-chat-page{height:calc(100dvh - 36px)!important}}
@media(min-width:681px){.mini-chat-page{height:calc(100dvh - 72px)!important}}

/* 2026-08-06: functional parity for messages, game cards and dedicated checkout. */
.dnd-switch{width:45px!important;height:25px!important;flex:0 0 45px!important;padding:0!important;border:0!important;border-radius:14px!important;background:#e7e9ef!important;position:relative!important;transition:background .18s ease!important}
.dnd-switch::after{content:""!important;position:absolute!important;left:2px!important;top:2px!important;width:21px!important;height:21px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px #aeb3bf!important;transition:transform .18s ease!important}
.dnd-switch.on{background:#6678ff!important}.dnd-switch.on::after{transform:translateX(20px)!important}.dnd-switch:disabled{opacity:.55}
.contact-tabs button{min-width:0!important;width:100%!important;height:32px!important;padding:0 4px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#222!important;font-size:15px!important;line-height:32px!important;white-space:nowrap!important;word-break:keep-all!important}
.contact-tabs button.on{background:#fff!important;color:#1687e9!important;box-shadow:0 4px 12px rgba(30,40,80,.05)!important}
.feature-logout-row{margin-top:10px!important;border-bottom:0!important;color:#ef5368!important}.feature-logout-row span:first-child{font-size:16px!important;font-weight:700!important}.feature-logout-row span:last-child{color:#b9bdc7!important;font-size:23px!important}
.checkout-route-page{min-height:100dvh;background:#f6f6f7;color:#23262e}.checkout-route-page .checkout-sheet{min-height:calc(100dvh - 64px);max-height:none;padding-top:0;background:#f6f6f7}.checkout-route-page .checkout-form{overflow:visible;padding-bottom:4px}.checkout-route-page .checkout-bar{position:sticky;left:0;right:0;bottom:0;z-index:30;margin:0}.checkout-route-page .checkout-product-summary{padding-top:12px}.checkout-route-page .checkout-daily-limit{margin:11px 12px 0}.checkout-route-page .checkout-traffic-mask{z-index:180}
.checkout-game-card-entry{width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;text-align:left}.checkout-game-card-entry>span:first-child{display:flex;min-width:0;flex-direction:column;gap:5px}.checkout-game-card-entry>span:first-child b{font-size:15px}.checkout-game-card-entry>span:first-child small{color:#9a9da6;font-size:10px}.checkout-game-card-preview{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#9699a2}.checkout-game-card-preview>em{font-style:normal;font-size:13px}.checkout-game-card-preview>i{font-size:23px;font-style:normal}.selected-card-mini{min-width:0;display:flex;align-items:center;gap:8px}.selected-card-mini img{width:38px;height:38px;flex:0 0 38px;border-radius:8px;object-fit:cover}.selected-card-mini>span{min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.selected-card-mini b{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#30333b;font-size:12px!important}.selected-card-mini small{color:#9a9da4;font-size:9px;white-space:nowrap}
.game-card-picker-mask{position:fixed;z-index:170;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(20,24,44,.48);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.game-card-picker-mask.hidden{display:none}.game-card-picker{width:100%;max-width:var(--web-width);max-height:82dvh;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:#f6f6f7;box-shadow:0 -16px 45px rgba(20,24,44,.18)}.game-card-picker-head{height:56px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:22px 22px 0 0;border-bottom:1px solid #eee}.game-card-picker-head b{font-size:17px}.game-card-picker-head button{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f1f2f5;color:#666;font-size:24px}.game-card-picker-list{min-height:170px;max-height:58dvh;padding:12px;overflow-y:auto}.game-card-choice{margin-bottom:10px;padding:12px;border:1px solid transparent;border-radius:12px;background:#fff}.game-card-choice.selected{border-color:#6678ff;background:#f4f5ff}.game-card-choice-top{display:flex;align-items:center;gap:9px}.game-card-choice-top img{width:42px;height:42px;border-radius:8px;object-fit:cover}.game-card-choice-top b{min-width:0;flex:1;font-size:14px}.game-card-choice-top em{padding:2px 7px;border-radius:10px;background:#e9edff;color:#6073ff;font-size:9px;font-style:normal}.game-card-choice-top>i{width:21px;height:21px;display:grid;place-items:center;border:1px solid #ccd0dc;border-radius:50%;color:#fff;font-size:12px;font-style:normal}.game-card-choice.selected .game-card-choice-top>i{border-color:#6678ff;background:#6678ff}.game-card-choice-info{margin:10px 0 7px;padding:8px 9px;display:flex;flex-direction:column;gap:6px;border-radius:8px;background:#f7f8fa;color:#60636c;font-size:11px}.game-card-choice-actions{display:flex;justify-content:flex-end;gap:16px}.game-card-choice-actions button{padding:3px 0;border:0;background:transparent;color:#6576ff;font-size:11px}.game-card-choice-actions button.delete{color:#ef5d68}.game-card-picker-empty{height:150px;display:grid;place-items:center;padding:24px;text-align:center;color:#a0a4ad;font-size:12px}.game-card-picker-actions{min-height:66px;padding:10px 13px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fff}.game-card-picker-actions button{height:44px;border:0;border-radius:22px;background:#eef0f5;color:#62666f;font-weight:700}.game-card-picker-actions button.primary{background:linear-gradient(135deg,#6577ff,#826bf4);color:#fff}.game-card-inline-form{padding:4px 2px 10px}.game-card-form-game{height:58px;padding:0 12px;display:flex;align-items:center;gap:10px;border-radius:11px;background:#fff}.game-card-form-game img{width:40px;height:40px;border-radius:8px;object-fit:cover}.game-card-inline-form>label{min-height:56px;padding:0 12px;display:flex;align-items:center;gap:10px;background:#fff;border-top:1px solid #f0f1f3}.game-card-inline-form>label>span{min-width:88px;font-size:13px}.game-card-inline-form input:not([type=checkbox]){min-width:0;flex:1;height:40px;border:0;background:transparent;outline:none;text-align:right;font-size:13px}.game-card-default-line{margin-top:9px;border:0!important;border-radius:11px}.game-card-default-line>span{display:flex;flex:1;flex-direction:column;gap:3px}.game-card-default-line small{color:#9ca0aa;font-size:9px}.game-card-default-line input{width:42px;height:24px;accent-color:#6678ff}.game-card-save{width:100%;height:44px;margin-top:12px;border:0;border-radius:22px;background:#6678ff;color:#fff;font-weight:800}

/* 2026-07-31: iPhone WeChat parity, five-item navigation and JSAPI checkout. */
html,body,.app-shell,.main-view{width:100%;max-width:100%}
.mobile-nav{height:calc(68px + var(--safe-bottom));padding:7px 10px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;justify-content:stretch}
.mobile-link{height:55px;justify-content:flex-start;gap:3px;padding:1px 0;font-size:12px;line-height:17px}
.mobile-link img{width:24px;height:24px}
.mobile-link.user-center-link{position:relative;overflow:visible;justify-content:flex-start;padding-top:0}
.mobile-link.user-center-link span{display:flex;width:104px;max-width:calc(100vw / 5 + 24px);height:43px;margin:-8px auto 0;align-items:center;justify-content:center;border-radius:23px;background:linear-gradient(145deg,#5878ff,#278dff);box-shadow:0 7px 15px rgba(48,109,255,.27),inset 0 1px 0 rgba(255,255,255,.35);color:#fff;font-size:14px;font-weight:700;white-space:nowrap}
.mobile-link.user-center-link.active span{background:linear-gradient(145deg,#526cff,#1687ff)}
.main-view{padding-bottom:calc(74px + var(--safe-bottom))}
.web-customer-float{bottom:calc(88px + var(--safe-bottom))}

.products-grid-page{height:auto;min-height:100dvh;overflow:visible;background:#f7f8fc}
.products-grid-page .products-hero{padding:calc(max(18px,env(safe-area-inset-top)) + 4px) 12px 13px!important;background:linear-gradient(155deg,#eff0ff 0%,#e7e7ff 100%)}
.products-grid-page .page-title{text-align:left;padding:0!important;margin:0 0 18px!important;color:#171b27;font-size:20px!important;font-weight:800!important}
.products-grid-page .game-row{height:72px!important}
.products-grid-page .product-catalog{padding:12px!important;background:#f7f8fc;border-radius:18px 18px 0 0}
.products-grid-page .cat-scroll{margin:0 0 12px!important}
.products-grid-page .tip-banner-img{display:block;width:100%;margin:0 0 12px;border-radius:9px;box-shadow:none}
.products-grid-page .product.card>img{height:auto!important;aspect-ratio:1/1!important}
.products-grid-page .p-title{min-height:20px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.products-grid-page .p-sub{height:36px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.toast{z-index:260!important;max-width:min(88vw,380px)!important;white-space:normal!important;text-align:center!important;line-height:1.5!important}
.checkout-modal{align-items:flex-end!important;padding:0!important}
.checkout-modal .modal-backdrop{background:rgba(19,23,38,.48)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.checkout-modal .modal-panel{width:100%!important;max-width:var(--web-width)!important;max-height:88dvh!important;margin:0 auto!important;padding:0!important;overflow:hidden!important;border-radius:22px 22px 0 0!important;background:#f6f6f7!important}
.checkout-sheet{position:relative;display:flex;max-height:88dvh;flex-direction:column;padding-top:15px;background:#f6f6f7}
.checkout-handle{position:absolute;left:50%;top:7px;width:38px;height:4px;transform:translateX(-50%);border-radius:3px;background:#d8d9de}
.checkout-close{position:absolute;z-index:2;right:13px;top:14px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(238,239,242,.94);color:#656870;font-size:23px;line-height:30px}
.checkout-product-summary{min-height:72px;padding:14px 52px 11px 18px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #ececef}
.checkout-product-summary>img{width:48px;height:48px;border-radius:9px;object-fit:cover}
.checkout-product-summary>div{display:flex;min-width:0;flex-direction:column;gap:5px}.checkout-product-summary b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-product-summary span{color:#92949a;font-size:11px}.checkout-product-summary>strong{color:#ff5966;font-size:17px}
.checkout-form{min-height:0;padding:11px 12px 0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.checkout-section{margin:0 0 11px;padding:15px 14px;border-radius:12px;background:#fff}
.checkout-section>b,.checkout-section label>b{display:block;margin:0 0 11px;color:#22252d;font-size:15px}
.spec-options{display:flex;flex-wrap:wrap;gap:9px}.spec-option{min-width:70px;height:37px;padding:0 14px;border:1px solid #e0e2e8!important;border-radius:10px!important;background:#fff!important;color:#63666e!important}.spec-option.active{border-color:#6477ff!important;background:#f1f3ff!important;color:#5369ff!important;font-weight:700}
.quantity-section{display:flex;align-items:center;justify-content:space-between}.quantity-section>b{margin:0}.stepper{display:flex;align-items:center;gap:14px}.stepper button{width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:10px!important;background:#eff1ff!important;color:#526bff!important;font-size:23px!important}.stepper strong{min-width:18px;text-align:center;font-size:17px}
.checkout-fields{padding-top:2px;padding-bottom:2px}.checkout-fields label{min-height:66px;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;border-bottom:1px solid #eeeeef}.checkout-fields label:last-child{border-bottom:0}.checkout-fields label>b{margin:0}.checkout-fields input{width:100%;height:42px;padding:0;border:0;background:transparent;outline:none;text-align:right;color:#24262c;font-size:14px}.checkout-fields input::placeholder{color:#a2a3a8}
.remark-section label{display:grid;grid-template-columns:1fr auto}.remark-section label>b{margin:0 0 10px}.remark-section label>span{color:#8b8d93;font-size:12px}.remark-section textarea{grid-column:1/-1;width:100%;height:118px;padding:12px;border:0;border-radius:2px;background:#f6f6f7;resize:none;outline:none;font-size:14px;line-height:1.6}
.checkout-payment-error{margin:0 0 11px;padding:11px 13px;border-radius:9px;background:#fff0f1;color:#d84957;font-size:12px;line-height:1.55}.checkout-payment-error.hidden{display:none}
.checkout-sheet .checkout-bar{position:relative;flex:0 0 auto;min-height:68px;padding:10px 13px max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;background:#fff;border-top:1px solid #e7e8eb}.checkout-sheet .checkout-bar>div{min-width:112px;color:#34363d;font-size:14px}.checkout-sheet .checkout-bar strong{color:#ff4f63;font-size:22px}.checkout-sheet .checkout-bar button{height:47px;min-width:0;flex:1;border:0;border-radius:24px;background:linear-gradient(135deg,#6577ff,#826bf4);color:#fff;font-size:15px;font-weight:800;box-shadow:0 7px 15px rgba(101,119,255,.2)}.checkout-sheet .checkout-bar button:disabled{opacity:.68}

.join-page{padding-bottom:calc(82px + var(--safe-bottom))!important}.join-page .apply-form{display:block}.join-page .game-chip{cursor:pointer}.join-page .game-chip input{position:absolute;opacity:0;pointer-events:none}.join-page .game-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-page .label small{color:#98a2b3;font-size:11px}.join-page .field-input{display:block;width:100%;outline:none}.join-page .submit-btn{width:100%;border:0}.join-page .status-page{padding-bottom:calc(90px + var(--safe-bottom))}.join-page .status-card .submit-btn{margin-top:18px}

.service-team-commission-row{min-height:44px;padding:4px 12px;display:flex;align-items:center;gap:10px;border-top:1px solid #f2f3f5}.service-team-commission-row .service-team{min-height:0;padding:0;border:0;flex:1;min-width:0}.service-team-commission-row .service-team>div{min-width:0;overflow-x:auto}.service-team-commission-row .service-mate{max-width:150px;flex:none;flex-direction:row;align-items:center;gap:6px}.service-team-commission-row .service-mate img{width:29px;height:29px}.service-team-commission-row .service-mate em{display:block;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;color:#666;font-style:normal}.service-earned{display:flex;flex:none;align-items:center;white-space:nowrap;color:#858990;font-size:11px}.service-earned b{color:#ff6270;font-size:15px}.service-team-commission-row+.service-commission{height:22px;justify-content:flex-end;border-top:0}

@media(max-width:365px){.mobile-link.user-center-link span{width:92px;font-size:13px}.checkout-product-summary{padding-left:13px}.checkout-form{padding-left:9px;padding-right:9px}.products-grid-page .product-catalog{padding:9px!important}}

+/* 1.9.288：消息列表与聊天页铂金头像框完整居中，容器预留全部装饰空间。 */
.web-message-avatar-shell{
  position:relative;
  width:48px;
  height:48px;
  flex:0 0 48px;
  margin-right:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.web-message-avatar-shell .chat-avatar{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  margin:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.web-message-avatar-shell.has-platinum-frame{
  width:58px;
  height:58px;
  flex-basis:58px;
  margin-right:5px;
}
.web-message-avatar-shell.has-platinum-frame .chat-avatar{
  position:relative;
  z-index:1;
  width:42px!important;
  height:42px!important;
  flex-basis:42px!important;
}
.web-platinum-frame{
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  width:100%;
  height:100%;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  pointer-events:none;
}
.web-chat-avatar-shell{
  position:relative;
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.web-chat-avatar-shell .chat-avatar{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  margin:0!important;
  border-radius:50%!important;
}
.web-chat-avatar-shell.has-platinum-frame{
  width:49px;
  height:49px;
  flex-basis:49px;
}
.web-chat-avatar-shell.has-platinum-frame .chat-avatar{
  position:relative;
  z-index:1;
  width:32px!important;
  height:32px!important;
  flex-basis:32px!important;
}

/* 2026-09-02：进行中订单支持更换或取消队友。 */
.sync-team-replacing{margin:0 12px 10px;padding:10px 12px;display:grid;grid-template-columns:auto 38px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #e4e8ff;border-radius:10px;background:#f5f7ff}.sync-team-replacing>span,.sync-team-replacing>small{color:#7b83a5;font-size:11px}.sync-team-replacing>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.sync-team-replacing>b{overflow:hidden;color:#303653;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sync-tabs.single{justify-content:center}.sync-bottom-actions.replace-actions{gap:7px}.sync-bottom-actions.replace-actions button{min-width:0}.sync-bottom-actions button.danger{background:#fff0f1;color:#d92d20}

/* 2026-08-07：大神五级筛选、指定下单、语音动画与服务主页相册重构。 */
.mini-read-status{margin:3px 3px 0;color:#8f97a8;font-size:9px;line-height:12px}.mini-read-status.unread{color:#ff846e}
.home-shell.players .god-filter{justify-content:space-between!important;gap:0!important}.home-shell.players .god-filter button{min-width:44px;min-height:44px;padding:0 0 8px!important;font-size:15px!important}.home-shell.players .player-card{min-height:130px!important;height:auto!important;cursor:pointer;transition:transform .16s ease,background .16s ease}.home-shell.players .player-card:active{transform:scale(.992);background:#fbfcff}.home-shell.players .avatar-wrap{position:relative!important;width:70px!important;height:79px!important;flex:0 0 70px!important}.home-shell.players .avatar-wrap .avatar{display:block!important;width:70px!important;height:70px!important;cursor:pointer;box-shadow:0 4px 12px rgba(55,70,126,.13)}.home-shell.players .avatar-voice-pill{left:50%!important;right:auto!important;bottom:0!important;width:49px!important;height:20px!important;padding:0 5px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;border:1px solid rgba(255,255,255,.94)!important;border-radius:999px!important;transition:width .18s ease,filter .18s ease!important}.home-shell.players .avatar-voice-pill.playing{width:59px!important;filter:saturate(1.18)}.voice-bars{height:11px;display:flex;align-items:center;gap:2px}.voice-bars i{display:block;width:2px;height:5px;border-radius:2px;background:#fff;transform-origin:center}.voice-bars i:nth-child(2){height:10px}.voice-bars i:nth-child(3){height:5px}.avatar-voice-pill.playing .voice-bars i{opacity:.24;animation:webVoiceStep .9s linear infinite both}.avatar-voice-pill.playing .voice-bars i:nth-child(2){animation-delay:.3s}.avatar-voice-pill.playing .voice-bars i:nth-child(3){animation-delay:.6s}.voice-duration{font-size:9px;line-height:1}@keyframes webVoiceStep{0%,28%{opacity:1;transform:scaleY(1.12)}29%,100%{opacity:.24;transform:scaleY(.82)}}.home-shell.players .gender{display:inline!important;height:auto!important;line-height:1!important;margin-left:3px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:15px!important;font-weight:900!important;vertical-align:2px}.home-shell.players .gender.male,.profile-gender.male{color:#3b82f6!important}.home-shell.players .gender.female,.profile-gender.female{color:#f472b6!important}.profile-gender{display:inline!important;width:auto!important;height:auto!important;margin-left:7px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:22px!important;font-style:normal!important;line-height:1!important}.home-shell.players .player-side{width:84px!important;justify-content:flex-end!important;gap:12px!important}.home-shell.players .order-player-cta{display:flex;align-items:center;justify-content:center;min-height:30px;padding:0 9px;border-radius:999px;background:#eef1ff;color:var(--theme,#6676ff);font-size:12px;font-weight:800;white-space:nowrap}.home-shell.players .hour-price{color:#596bdf!important;font-size:14px!important;font-weight:800!important;white-space:nowrap}
.album-manager-hero{position:relative;overflow:hidden;margin-bottom:13px;padding:24px 20px 20px;border-radius:18px;background:linear-gradient(135deg,#526cff 0%,#7564f7 60%,#9a70ff 100%);color:#fff;box-shadow:0 12px 27px rgba(80,91,215,.19)}.album-manager-hero:before,.album-manager-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}.album-manager-hero:before{width:150px;height:150px;right:-55px;top:-75px}.album-manager-hero:after{width:90px;height:90px;right:100px;bottom:-68px}.album-manager-hero small{position:relative;display:block;letter-spacing:2px;opacity:.7;font-size:10px}.album-manager-hero h2{position:relative;margin:5px 0 3px!important;color:#fff;font-size:25px!important}.album-manager-hero p{position:relative;margin:0;max-width:310px;color:rgba(255,255,255,.84);font-size:13px;line-height:1.55}.album-progress-copy{position:relative;margin-top:18px;padding:10px 11px 7px;display:flex;align-items:center;justify-content:space-between;border-radius:11px 11px 0 0;background:rgba(255,255,255,.14);font-size:12px}.album-progress-track{position:relative;height:5px;margin:0;padding:0 11px 11px;border-radius:0 0 11px 11px;background:rgba(255,255,255,.14);box-sizing:content-box;overflow:hidden}.album-progress-track:before{content:"";position:absolute;left:11px;right:11px;top:0;height:5px;border-radius:999px;background:rgba(255,255,255,.2)}.album-progress-track i{position:relative;z-index:1;display:block;height:5px;border-radius:999px;background:#fff;transition:width .25s ease}.album-upload-card{width:100%;min-height:63px;margin-bottom:17px;padding:10px 13px;display:flex;align-items:center;gap:11px;border-radius:14px;background:#fff;box-shadow:0 5px 17px rgba(43,54,94,.06);cursor:pointer}.album-upload-card.disabled{opacity:.62;cursor:default}.album-upload-card>input{display:none}.album-upload-plus{display:grid;width:39px;height:39px;flex:none;place-items:center;border-radius:12px;background:linear-gradient(135deg,#5d75ff,#8b64f7);box-shadow:0 5px 12px rgba(92,106,239,.25);color:#fff;font-size:25px;font-weight:300}.album-upload-card>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.album-upload-card b{font-size:15px}.album-upload-card small{color:#99a2b4;font-size:11px}.album-upload-card>i{color:#aab2c2;font-size:27px;font-style:normal}.album-section-head{margin:0 2px 10px;display:flex;align-items:baseline;justify-content:space-between}.album-section-head b{font-size:16px}.album-section-head span{color:#9aa3b4;font-size:11px}.feature-page .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.feature-page .album-grid article{height:170px!important;border-radius:13px!important;overflow:hidden!important;background:#e9edf6!important;box-shadow:0 5px 14px rgba(46,55,83,.08)!important}.feature-page .album-grid .album-photo{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.feature-page .album-grid .album-photo img{width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important;object-fit:cover!important}.feature-page .album-grid .album-photo span{position:absolute;left:7px;top:7px;min-width:23px;height:23px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:rgba(18,24,39,.55);color:#fff;font-size:10px}.feature-page .album-grid [data-delete-album]{right:7px!important;top:7px!important;bottom:auto!important;width:27px!important;height:27px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(18,24,39,.62)!important;color:#fff!important;font-size:20px!important;line-height:1!important}.album-empty-card{width:100%;min-height:240px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #d9def0;border-radius:16px;background:rgba(255,255,255,.75);color:#172033}.album-empty-icon{display:grid;width:60px;height:50px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#eef1ff,#e4e8ff);color:#7482f7;font-size:30px;box-shadow:0 6px 15px rgba(86,99,197,.12)}.album-empty-card b{margin-top:16px;font-size:16px}.album-empty-card small{margin-top:6px;color:#9aa3b4;font-size:12px;line-height:1.5;text-align:center}.album-empty-card em{margin-top:14px;padding:9px 19px;border-radius:999px;background:#6676ff;color:#fff;font-size:13px;font-style:normal;font-weight:800}.album-manager-tip{margin-top:14px;padding:12px 13px;display:flex;align-items:flex-start;gap:9px;border-radius:12px;background:#eef1f9}.album-manager-tip>b{display:grid;width:18px;height:18px;flex:none;place-items:center;border-radius:50%;background:#7e8baf;color:#fff;font-size:11px}.album-manager-tip>span{display:flex;min-width:0;flex-direction:column;gap:3px}.album-manager-tip strong{font-size:12px}.album-manager-tip small{color:#8f98aa;font-size:11px;line-height:1.45}.web-album-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px;background:#111;border-radius:16px;overflow:hidden}.web-album-preview img{display:block;width:100%;max-height:78dvh;object-fit:contain}.web-album-preview button{position:absolute;z-index:2;right:10px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:24px}

/* 订单来源品牌，与小程序品牌名称保持一致。 */
.hall-order-brand{display:inline-block;max-width:100%;padding:2px 7px;margin:2px 0;border-radius:4px;background:#f0edff;color:#6676ff;font-size:11px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.service-brand img{border-radius:50%;flex-shrink:0}

/* 自定义礼物视频特效与内置礼物动效，网页端与小程序共用同一礼物配置。 */
.web-gift-effect-overlay{position:fixed;z-index:10020;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 43%,rgba(105,87,188,.46),rgba(13,8,35,.9) 62%,rgba(6,4,20,.96));pointer-events:none;animation:webGiftSceneIn .38s ease both}.web-gift-effect-overlay.leaving{animation:webGiftSceneOut .36s ease both}.web-gift-effect-glow{position:absolute;width:min(78vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.34),rgba(173,139,255,.16) 42%,transparent 70%);animation:webGiftGlow 1.2s ease-in-out infinite alternate}.web-gift-effect-art{position:relative;z-index:3;width:min(48vw,390px);height:min(48vw,390px);object-fit:contain;filter:drop-shadow(0 0 34px rgba(196,168,255,.9));animation:webGiftBloom .9s cubic-bezier(.18,.88,.25,1.18) both}.web-gift-effect-orbit{position:absolute;inset:0;z-index:2}.web-gift-effect-orbit img{position:absolute;width:92px;height:92px;object-fit:contain;opacity:0;filter:drop-shadow(0 0 14px rgba(255,255,255,.8));animation:webGiftOrbit 2.7s ease-in-out both}.web-gift-effect-orbit img:nth-child(1){left:13%;top:28%}.web-gift-effect-orbit img:nth-child(2){right:13%;top:32%;animation-delay:.2s}.web-gift-effect-orbit img:nth-child(3){left:calc(50% - 46px);bottom:18%;animation-delay:.42s}.web-gift-effect-copy{position:relative;z-index:4;margin-top:6px;display:grid;gap:10px;color:#fff;text-align:center;text-shadow:0 2px 14px #000}.web-gift-effect-copy b{color:#ffe89a;font-size:clamp(27px,6vw,48px);letter-spacing:4px}.web-gift-effect-copy span{font-size:clamp(18px,4vw,30px)}.web-gift-effect-overlay.has-video{background:rgba(5,4,18,.9)}.web-gift-effect-video{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain}.web-gift-effect-overlay.has-video .web-gift-effect-copy{position:absolute;bottom:max(9vh,70px)}@keyframes webGiftSceneIn{from{opacity:0}to{opacity:1}}@keyframes webGiftSceneOut{to{opacity:0;transform:scale(1.02)}}@keyframes webGiftGlow{to{transform:scale(1.1);opacity:.7}}@keyframes webGiftBloom{from{opacity:0;transform:scale(.18) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes webGiftOrbit{0%{opacity:0;transform:scale(.3) rotate(-15deg)}25%{opacity:.8}70%{opacity:.55}100%{opacity:0;transform:translateY(-90px) scale(1.3) rotate(24deg)}}


/* source: fidelity-tab-sync-202608060210.css */
/* Web fidelity layer: loaded last so the browser follows the mini-program layout. */
:root {
  --web-width: 680px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --bottom-nav-offset: 0px;
  --bottom-nav-height: calc(min(13.8667vw, 94.293px) + var(--safe-bottom));
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body,
.app-shell,
.main-view {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

button,
input,
textarea,
select {
  font: inherit;
}

button,
[data-go],
[data-feature],
[data-product],
[data-mine-action] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.main-view > * {
  width: 100%;
  max-width: 100%;
}

.main-view img,
.main-view video {
  max-width: 100%;
}

.main-view button:active:not(:disabled),
.mobile-link:active:not(:disabled) {
  opacity: .76;
}

/* Keep the existing desktop offset shared with the recommendation vote bar. */
@media(min-width:681px){:root{--bottom-nav-offset:18px;}}

/* Bottom tab bar: reuse the mini-program assets and its exact 750rpx proportions. */
.mobile-nav {
  bottom: var(--bottom-nav-offset) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: stretch !important;
  width: 100% !important;
  height: var(--bottom-nav-height) !important;
  min-height: var(--bottom-nav-height) !important;
  padding: 0 0 var(--safe-bottom) !important;
  border-top: min(.2667vw, 1.813px) solid #f2f4f7 !important;
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-sizing: border-box !important;
}

.mobile-link {
  position: relative;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: min(13.8667vw, 94.293px) !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: visible;
  color: #9ca3af !important;
  font-size: min(3.2vw, 21.76px) !important;
  line-height: min(4.2667vw, 29.013px) !important;
  font-weight: 500 !important;
}

.mobile-link.active {
  color: #6676ff !important;
  font-weight: 700 !important;
}

.mobile-link:not(.player-center-entry) > img {
  width: min(5.8667vw, 39.893px) !important;
  height: min(5.8667vw, 39.893px) !important;
  margin: 0 0 min(.2667vw, 1.813px) !important;
  object-fit: contain !important;
}

.mobile-link > span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-link.player-center-entry {
  z-index: 2;
  justify-content: center !important;
}

.mobile-link.player-center-entry > .custom-player-center-image {
  position: absolute !important;
  left: 50% !important;
  top: max(-9.973px, -1.4667vw) !important;
  width: min(18.1333vw, 123.307px) !important;
  height: min(15.7333vw, 106.987px) !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
  object-fit: contain !important;
  transform: translateX(-50%) !important;
}

.mobile-link.player-center-entry > span {
  display: none !important;
}

.main-view:not(.subpage-route) {
  padding-bottom: calc(min(13.8667vw, 94.293px) + var(--safe-bottom)) !important;
}

/* “我的”: preserve the mini-program card proportions and isolate role actions. */
.mine {
  min-height: calc(100dvh - 68px) !important;
  padding-top: max(9px, env(safe-area-inset-top)) !important;
  padding-bottom: calc(96px + var(--safe-bottom)) !important;
}

.mine .profile,
.mine .vip,
.mine .stats,
.mine .grid-menu,
.mine .list,
.mine .role-switch-row {
  width: 100%;
  max-width: 100%;
}

.mine .profile {
  display: flex !important;
  align-items: center !important;
}

.mine .vip-medal-image {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
}

.mine .stat-card,
.mine .menu-cell {
  appearance: none;
  border: 0;
}

.mine .stat-copy,
.mine .profile-info {
  min-width: 0;
}

.mine .stat-copy > span,
.mine .menu-text {
  white-space: nowrap !important;
}

.mine .role-switch-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
  margin: 18px 0 0;
  padding: 12px !important;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(30, 40, 80, .04);
}

.mine .role-switch-row button {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 0 10px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 21px !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.mine .role-switch-row button:only-child,
.mine .role-switch-row button:last-child:nth-child(3) {
  grid-column: 1 / -1;
}

/* “陪玩中心”: use the same nesting and dimensions as player-login.wxml/wxss. */
.join-page.center-shell {
  width: 100%;
  min-height: 100dvh !important;
  padding: 19px 13px calc(89px + var(--safe-bottom)) !important;
  overflow-x: hidden !important;
  background: linear-gradient(180deg, #edf3ff 0%, #f0eaff 88px, #f6f6f6 210px, #f6f6f6 100%) !important;
}

.join-page.center-shell .center-page {
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

.center-page-title {
  margin: 0 0 26px !important;
  color: #202938;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 30px;
  text-align: center;
}

.center-page button {
  appearance: none;
  margin: 0;
  border: 0;
}

.center-hero-card {
  width: calc(100% - 6px);
}

.notice-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin: 0 !important;
  border: 0 !important;
  white-space: nowrap;
}

.notice-btn span {
  font-size: 17px;
  line-height: 1;
}

.taking-segment {
  display: flex !important;
  align-items: center !important;
  justify-content: stretch !important;
  overflow: hidden;
}

.taking-item {
  appearance: none;
  min-width: 0;
  height: 27px !important;
  flex: 1 1 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  background: transparent;
  line-height: 1 !important;
  white-space: nowrap;
}

.taking-item:disabled {
  opacity: 1;
}

.month-label span {
  color: #c9b5ff;
  font-family: serif;
  font-size: 19px;
  font-weight: 1000;
  line-height: 1;
}

.go-hall-btn,
.go-hall-btn:disabled {
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  background: transparent !important;
}

.go-hall-btn .go-hall-image {
  display: block;
  width: 205px !important;
  height: auto !important;
  margin: 0 auto;
}

.promo-card {
  appearance: none;
  width: 100%;
  margin: 0 !important;
  text-align: left;
}

.promo-card > span:not(.promo-illus) {
  display: block;
}

.promo-illus i {
  display: block;
  font-style: normal;
}

.center-tool {
  appearance: none;
  min-width: 0;
  padding: 0;
  text-align: center;
}

.service-head,
.service-actions,
.service-btns {
  min-width: 0;
}

.service-actions .mini-pill,
.service-list .soft-btn {
  appearance: none;
  border: 0 !important;
}

.service-list .service-status.open {
  background: #eafff1 !important;
  color: #44c76f !important;
}

.service-list .service-status.rest {
  background: #e6e6e6 !important;
  color: #8a8a8a !important;
}

/* Checkout sheet: keep every row and the WeChat-pay CTA inside the viewport. */
.checkout-sheet,
.checkout-form,
.checkout-section,
.checkout-sheet .checkout-bar {
  width: 100%;
  max-width: 100%;
}

.checkout-sheet button {
  appearance: none;
  margin: 0;
}

.checkout-sheet .checkout-bar > div {
  min-width: 0 !important;
  flex: 0 0 112px;
  padding-left: 2px;
  white-space: nowrap;
}

.checkout-sheet .checkout-bar button {
  min-width: 0 !important;
}

.notification-settings-card .feature-switch-row {
  width: 100%;
}

.notification-note {
  margin-top: 12px;
  padding: 12px;
  border-radius: 9px;
  background: #f1f3ff;
  color: #697086;
  font-size: 11px;
  line-height: 1.7;
}

.assessment-intro h2 {
  margin-top: 0;
}

@media (max-width: 365px) {
  .mine .role-switch-row {
    grid-template-columns: 1fr;
  }

  .mine .role-switch-row button,
  .mine .role-switch-row button:last-child:nth-child(3) {
    grid-column: 1;
  }

  .service-actions {
    gap: 6px !important;
  }

  .service-actions .mini-pill {
    flex-basis: 60px !important;
    width: 60px !important;
    min-width: 60px !important;
  }

  .checkout-sheet .checkout-bar > div {
    flex-basis: 102px;
  }
}

@media (min-width: 681px) {
  .join-page.center-shell,
  .mine,
  .feature-page,
  .mini-order-center,
  .service-order-page,
  .mini-wallet,
  .mini-hall,
  .mini-chat-page {
    max-width: var(--web-width);
    margin-right: auto;
    margin-left: auto;
  }
}

/* 2026-08-06: recharge/game-card parity and corrected iPhone safe-area sizing. */
.checkout-game-card-entry > span:first-child b {
  color: #1687e9 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.checkout-game-card-preview {
  flex: 1 1 auto !important;
}

.selected-card-mini {
  justify-content: flex-end !important;
}

.selected-card-mini > span {
  align-items: flex-start !important;
  text-align: left !important;
}

.selected-card-mini img {
  width: 39px !important;
  height: 39px !important;
  flex: 0 0 39px !important;
  border-radius: 10px !important;
}

.selected-card-mini b {
  color: #30333b !important;
  font-size: 13px !important;
}

.selected-card-mini small {
  color: #9a9da4 !important;
  font-size: 10px !important;
}

.game-card-inline-form {
  padding: 0 0 12px !important;
}

.game-card-form-game {
  height: 52px !important;
  padding: 0 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-radius: 10px !important;
  background: #fff !important;
}

.game-card-form-game > span,
.game-card-form-game > strong {
  color: #1d2129 !important;
  font-size: 14px !important;
}

.game-card-form-title {
  height: 49px !important;
  margin-top: 10px !important;
  padding: 0 13px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 10px 10px 0 0 !important;
  border-bottom: 1px solid #efeff2 !important;
  background: #fff !important;
  color: #777b85 !important;
  font-size: 13px !important;
}

.game-card-inline-form > label:not(.game-card-default-line) {
  min-height: 57px !important;
  padding: 0 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  border-top: 0 !important;
  border-bottom: 1px solid #f1f1f3 !important;
  background: #fff !important;
}

.game-card-inline-form > label > span {
  min-width: 84px !important;
  color: #1d2129 !important;
  font-size: 14px !important;
}

.game-card-inline-form > label > i {
  color: #222 !important;
  font-size: 23px !important;
  font-style: normal !important;
}

.game-card-inline-form input:not([type=checkbox]) {
  color: #222 !important;
  font-size: 14px !important;
}

.game-card-default-line {
  min-height: 61px !important;
  margin-top: 10px !important;
}

.game-card-save {
  height: 48px !important;
  margin: 14px 3px 0 !important;
  width: calc(100% - 6px) !important;
  border-radius: 999px !important;
  background: #6172ff !important;
  font-size: 15px !important;
}

.recharge-feature-page {
  min-height: 100dvh !important;
  padding-right: 12px !important;
  padding-bottom: calc(min(13.8667vw, 94.293px) + var(--safe-bottom) + 92px) !important;
  padding-left: 12px !important;
  background: linear-gradient(180deg, #eef0ff 0, #fff 215px, #fff 100%) !important;
}

.web-recharge-balance {
  height: 125px;
  padding: 18px 13px;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(47, 64, 144, .05);
}

.web-recharge-user {
  display: flex;
  align-items: center;
  gap: 8px;
}

.web-recharge-user img {
  width: 27px !important;
  height: 27px !important;
  flex: 0 0 27px;
  border-radius: 50%;
  object-fit: cover;
  background: #f3f4f6;
}

.web-recharge-user b {
  min-width: 0;
  overflow: hidden;
  color: #252a35;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.web-recharge-user span {
  margin-left: auto;
  color: #8b8f99;
  font-size: 13px;
}

.web-recharge-label {
  margin-top: 17px;
  color: #252a35;
  font-size: 17px;
}

.web-recharge-balance > strong {
  display: block;
  margin-top: 3px;
  color: #5f7dff;
  font-size: 33px;
  line-height: 38px;
  font-weight: 900;
}

.recharge-feature-page > .web-recharge-title {
  height: auto !important;
  margin: 17px 0 14px !important;
  display: block !important;
  color: #252a35 !important;
  font-size: 19px !important;
  line-height: 26px !important;
  text-align: left !important;
}

.web-recharge-promos {
  margin-bottom: 10px;
  padding: 9px 11px;
  border-radius: 9px;
  background: #fff8e6;
  color: #b7791f;
  font-size: 12px;
}

.web-recharge-packs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 23px 9px;
}

.web-recharge-pack {
  position: relative;
  height: 77px;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #333 !important;
  box-shadow: 0 5px 14px rgba(47, 64, 144, .04);
}

.web-recharge-pack.active {
  border-color: #6676ff !important;
  box-shadow: 0 7px 16px rgba(102, 118, 255, .15);
}

.web-recharge-pack > b {
  color: #333;
  font-size: 23px;
  line-height: 26px;
  font-weight: 900;
}

.web-recharge-pack > b small {
  margin-left: 3px;
  color: #777;
  font-size: 13px;
  font-weight: 500;
}

.web-recharge-pack > span {
  margin-top: 7px;
  padding: 4px 12px;
  border-radius: 999px;
  background: #eef0ff;
  color: #6676ff;
  font-size: 13px;
  line-height: 16px;
  font-weight: 900;
}

.web-recharge-pack > em {
  position: absolute;
  top: -9px;
  right: 5px;
  padding: 2px 5px;
  border-radius: 999px;
  background: #ff6b63;
  color: #fff;
  font-size: 10px;
  font-style: normal;
}

.web-recharge-custom {
  height: 50px;
  margin-top: 26px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #9da8ff;
  border-radius: 9px;
  background: #f4f5ff;
}

.web-recharge-custom img {
  width: 21px !important;
  height: 21px !important;
  object-fit: contain;
}

.web-recharge-custom input {
  min-width: 0;
  height: 46px;
  flex: 1;
  border: 0;
  background: transparent;
  color: #333;
  outline: none;
  font-size: 15px;
}

.web-recharge-custom > span {
  color: #555;
  font-size: 17px;
}

.web-recharge-rate {
  margin: 9px 2px 0;
  color: #a3a8b3;
  font-size: 12px;
}

.web-recharge-pay {
  position: fixed;
  z-index: 95;
  left: 50%;
  width: min(calc(100% - 30px), 650px);
  bottom: calc(min(13.8667vw, 94.293px) + var(--safe-bottom) + 14px);
  height: 46px;
  transform: translateX(-50%);
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #6676ff !important;
  color: #fff !important;
  box-shadow: 0 9px 20px rgba(102, 118, 255, .22);
  font-size: 16px;
  font-weight: 800;
}

.web-recharge-pay:disabled {
  opacity: .72;
}

/* 2026-08-06 浪推“我的”：严格沿用小程序卡片比例、留白与后台功能开关。 */
.mine.web-mine-page{min-height:calc(100dvh - 68px)!important;padding:9px 12px calc(94px + var(--safe-bottom))!important;background:linear-gradient(180deg,#eef0ff 0,#f6f7fb 260px,#f6f7fb 100%)!important;box-sizing:border-box!important}
.mine.web-mine-page .profile{height:66px!important;margin:3px 0 0!important;gap:13px!important;padding:0!important}
.mine.web-mine-page .profile-avatar{width:61px!important;height:61px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:none!important}
.mine.web-mine-page .profile-info{display:flex!important;min-width:0!important;flex:1!important;flex-direction:column!important;justify-content:center!important}
.mine.web-mine-page .nick{font-size:17px!important;line-height:22px!important;font-weight:900!important;color:#202938!important}
.mine.web-mine-page .user-code{margin-top:4px!important;color:#667085!important;font-size:13px!important;line-height:17px!important;font-weight:600!important}
.mine.web-mine-page .edit-pencil{width:37px!important;height:37px!important;margin-left:auto!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#969696!important;font:300 24px/1 sans-serif!important;appearance:none!important}
.mine.web-mine-page .edit-pencil span{display:block!important;transform:scaleX(-1)!important;transform-origin:center!important}
.mine.web-mine-page .vip{width:100%!important;height:72px!important;margin:11px 0 0!important;padding:0 14px!important;display:flex!important;align-items:center!important;border:0!important;border-radius:7px!important;text-align:left!important;appearance:none!important;box-shadow:none!important}
.mine.web-mine-page .vip-info{display:flex!important;flex:1!important;flex-direction:column!important;color:rgba(255,255,255,.86)!important;font-size:14px!important;line-height:18px!important}
.mine.web-mine-page .vip-info .big{margin-top:4px!important;color:#fff!important;font-size:19px!important;line-height:23px!important;font-weight:500!important}
.mine.web-mine-page .vip-medal{width:52px!important;height:52px!important;margin-right:14px!important;flex:0 0 52px!important;background:transparent!important;box-shadow:none!important}
.mine.web-mine-page .vip-medal-image{width:52px!important;height:52px!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
.mine.web-mine-page .vip-score{width:94px!important;display:flex!important;flex-direction:column!important;color:#fff!important;font-size:15px!important;line-height:19px!important;text-align:left!important}
.mine.web-mine-page .vip-score>.progress{width:100%!important;height:7px!important;margin-top:9px!important;display:block!important;overflow:hidden!important;border-radius:999px!important;background:rgba(255,255,255,.32)!important}
.mine.web-mine-page .vip-score>.progress>span{display:block!important;height:100%!important;border-radius:999px!important;background:#fff!important}
.mine.web-mine-page .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:8px 0 9px!important}
.mine.web-mine-page .stats.single{grid-template-columns:minmax(0,1fr)!important}
.mine.web-mine-page .stat-card{width:100%!important;height:64px!important;min-width:0!important;margin:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;border:0!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;text-align:left!important;appearance:none!important}
.mine.web-mine-page .stat-icon{width:31px!important;height:31px!important;flex:0 0 31px!important;border-radius:50%!important;background:#f0f1ff!important}
.mine.web-mine-page .stat-icon-image{width:22px!important;height:22px!important;object-fit:contain!important}
.mine.web-mine-page .stat-copy{display:flex!important;min-width:0!important;flex-direction:column!important;position:relative!important;z-index:1!important}
.mine.web-mine-page .stat-copy b{color:#252a35!important;font-size:17px!important;line-height:19px!important;font-weight:900!important}
.mine.web-mine-page .stat-copy span{color:#9298a5!important;font-size:14px!important;line-height:17px!important;white-space:nowrap!important}
.mine.web-mine-page .stat-watermark{position:absolute!important;right:10px!important;bottom:-10px!important;width:59px!important;height:59px!important;opacity:.09!important;transform:rotate(-10deg) scale(1.14)!important;object-fit:contain!important;pointer-events:none!important}
.mine.web-mine-page .stat-card .arrow{position:absolute!important;right:12px!important;top:19px!important;z-index:2!important;color:#a8adb7!important;font-size:27px!important;line-height:27px!important}
.mine.web-mine-page .grid-menu{min-height:174px!important;margin:0!important;padding:17px 9px 18px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:63px!important;align-content:start!important;gap:17px 4px!important;border-radius:9px!important;box-sizing:border-box!important;box-shadow:none!important}
.mine.web-mine-page .menu-cell{width:100%!important;height:63px!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;border:0!important;background:transparent!important;color:#6b7280!important;appearance:none!important}
.mine.web-mine-page .menu-icon{width:39px!important;height:39px!important;flex:0 0 39px!important;border-radius:50%!important;background:#eff0ff!important}
.mine.web-mine-page .menu-icon img{width:22px!important;height:22px!important;object-fit:contain!important}
.mine.web-mine-page .menu-icon.contact img{width:24px!important;height:24px!important}
.mine.web-mine-page .menu-text{max-width:100%!important;color:#6b7280!important;font-size:13.5px!important;line-height:18px!important;font-weight:400!important;white-space:nowrap!important}
.mine.web-mine-page .mine-list{height:180px!important;margin-top:9px!important;padding:14px 17px!important;display:flex!important;flex-direction:column!important;border-radius:9px!important;box-shadow:none!important;box-sizing:border-box!important}
.mine.web-mine-page .mine-list-row{width:100%!important;height:50.5px!important;min-height:50.5px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;border:0!important;background:transparent!important;color:#222831!important;font-size:16px!important;line-height:22px!important;text-align:left!important;appearance:none!important}
.mine.web-mine-page .mine-list-row .list-icon-img{width:22px!important;height:22px!important;margin:0 15px 0 0!important;flex:0 0 22px!important;object-fit:contain!important}
.mine.web-mine-page .mine-list-row .list-arrow{margin-left:auto!important;color:#a6abb4!important;font-size:25px!important;line-height:25px!important;font-weight:300!important}

/* 用户资料修改：网页版读取、提交同一套 /api/me 字段，布局复用小程序正常用户页。 */
.web-profile-edit-page{min-height:100dvh!important;padding:72px 19px 124px!important;background:#fff!important;color:#242832!important;box-sizing:border-box!important}
.web-profile-edit-page>.parity-back{top:max(25px,env(safe-area-inset-top))!important}
.web-profile-edit-page>h1{margin:-45px 46px 18px!important}
.web-profile-edit-form{display:block!important}
.web-profile-avatar-zone{display:flex;flex-direction:column;align-items:center;margin:21px 0 17px}
.web-profile-avatar-picker{position:relative;width:89px;height:98px;display:flex;align-items:flex-start;justify-content:center}
.web-profile-avatar-picker>img{width:89px;height:89px;display:block;border-radius:50%;object-fit:cover;background:#f2f3f7;box-shadow:0 7px 19px rgba(20,28,60,.08)}
.web-profile-camera{position:absolute;right:4px;bottom:3px;width:28px;height:28px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#6378ff;box-shadow:0 3px 8px rgba(99,120,255,.25)}
.web-profile-camera img{width:17px;height:17px;object-fit:contain;filter:brightness(0) invert(1)}
.web-profile-camera input,.web-profile-background input{display:none}
.web-profile-avatar-zone>b{max-width:280px;margin-top:11px;overflow:hidden;color:#242832;font-size:15px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.web-profile-avatar-zone>span{margin-top:4px;color:#9aa0aa;font-size:12px;font-weight:700}
.web-profile-gender{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 -9px 23px}
.web-profile-gender button{height:39px;border:0;border-radius:6px;background:#dedede;color:#12161f;font-size:15px;font-weight:900}
.web-profile-gender button.on{background:#6676ff;color:#fff}
.web-profile-fields{margin-top:2px}
.web-profile-fields label{min-height:49px;display:flex;align-items:center}
.web-profile-fields label>b{width:95px;flex:0 0 95px;color:#2c3039;font-size:15px;font-weight:900}
.web-profile-fields input{min-width:0;min-height:35px;flex:1;border:0;outline:none;background:transparent;color:#343944;font:400 15px/35px sans-serif;text-align:right}
.web-profile-fields input::placeholder{color:#b6bbc4}
.web-profile-fields label>span{width:17px;color:#30343c;font-size:27px;line-height:1;text-align:right}
.web-profile-signature{margin-top:10px;display:grid;grid-template-columns:75px minmax(0,1fr);align-items:start}
.web-profile-signature>b,.web-profile-tags>b,.web-profile-background>b{color:#111827;font-size:15px;line-height:29px;font-weight:900}
.web-profile-signature textarea{width:100%;height:159px;padding:17px;border:0;border-radius:5px;outline:none;resize:none;box-sizing:border-box;background:#f7f7f8;color:#222;font:400 15px/21px sans-serif}
.web-profile-tags{margin-top:15px}
.web-profile-tags>div{display:flex;flex-wrap:wrap;gap:11px 23px;margin-top:11px;padding-left:17px}
.web-profile-tags button{padding:5px 6px;border:0;border-radius:6px;background:transparent;color:#111827;font-size:15px}
.web-profile-tags button.on{background:#eef0ff;color:#6676ff;font-weight:900}
.web-profile-background{margin-top:20px}
.web-profile-background label{position:relative;height:150px;margin-top:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#f7f7f8;color:#666b75;font-size:14px;font-weight:900}
.web-profile-background label img{width:100%;height:100%;object-fit:cover}
.web-profile-background label img.empty{width:36px;height:36px;object-fit:contain;filter:grayscale(.2);opacity:.76}
.web-profile-background label span{position:absolute;margin-top:86px;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,.84)}
.web-profile-save{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:65;width:210px;height:44px;transform:translateX(-50%);border:0;border-radius:999px;background:#6378ff;color:#fff;font-size:16px;font-weight:700;box-shadow:0 6px 15px rgba(99,120,255,.22)}
.web-profile-save:disabled{opacity:.65}

/* 会员中心：会员卡、等级轴、特权和经验任务与小程序共用真实图片资产。 */
.web-vip-page{position:relative;min-height:100dvh;padding:26px 15px 40px;overflow:hidden;box-sizing:border-box;background:radial-gradient(circle at 10% 4%,rgba(255,232,139,.22),transparent 6%),linear-gradient(180deg,#121212 0%,#101010 100%);color:#fff}
.web-vip-back{position:absolute;left:10px;top:max(10px,env(safe-area-inset-top));z-index:5;width:38px;height:38px;padding:0;border:0;background:transparent;color:#fff;font-size:36px;line-height:32px}
.web-vip-level-card{position:relative;height:125px;margin-top:22px;padding:17px 16px 12px 79px;overflow:visible;border-radius:13px;box-sizing:border-box;background:linear-gradient(135deg,rgba(123,99,80,.72),rgba(66,58,52,.84));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.web-vip-level-card.card-silver{background:linear-gradient(135deg,#5f626b,#393d47)}
.web-vip-level-card.card-gold{background:linear-gradient(135deg,#7c4e2e,#a47a53)}
.web-vip-level-card.card-platinum,.web-vip-level-card.card-diamond{background:linear-gradient(135deg,#443d72,#675893)}
.web-vip-level-card.card-king{background:linear-gradient(135deg,#8b363a,#b96565)}
.web-vip-avatar{position:absolute;left:12px;top:-11px;width:55px;height:55px;border:3px solid #fff;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 5px 13px rgba(255,255,255,.12)}
.web-vip-copy{display:flex;min-width:0;flex-direction:column}
.web-vip-copy>span{color:rgba(255,255,255,.55);font-size:14px}
.web-vip-copy>strong{margin-top:6px;font-size:18px}
.web-vip-copy>small{margin-top:22px;color:rgba(255,255,255,.82);font-size:13px;white-space:nowrap}
.web-vip-progress{width:235px;max-width:100%;height:6px;margin-top:9px;overflow:hidden;border-radius:999px;background:rgba(0,0,0,.42)}
.web-vip-progress i{display:block;height:100%;border-radius:999px;background:#ffd8cf}
.web-vip-medal{position:absolute;right:6px;top:-26px;z-index:3;width:86px;height:86px;object-fit:contain}
.web-vip-level-track{position:relative;height:61px;margin:-4px -15px 12px;padding:0 17px;display:flex;overflow-x:auto;scrollbar-width:none}
.web-vip-level-track::-webkit-scrollbar{display:none}
.web-vip-level-track:before{content:"";position:absolute;left:32px;right:32px;top:19px;height:2px;border-radius:999px;background:rgba(255,255,255,.38)}
.web-vip-level-track button{position:relative;z-index:1;width:94px;min-width:94px;height:61px;padding:0;display:flex;flex-direction:column;align-items:center;border:0;background:transparent;color:rgba(255,255,255,.56)}
.web-vip-level-track button i{width:11px;height:11px;margin-top:14px;border-radius:50%;background:rgba(255,255,255,.84);box-shadow:0 0 8px rgba(255,255,255,.38)}
.web-vip-level-track button span{margin-top:10px;font-size:14px;white-space:nowrap}
.web-vip-level-track button.current{color:#fff;font-weight:800}
.web-vip-level-track button.current i{width:13px;height:13px;margin-top:13px;background:#fff}
.web-vip-level-track button.passed i{background:#ffd8cf}
.web-vip-ticket{width:100%;height:59px;padding:0 14px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:linear-gradient(90deg,rgba(53,51,72,.84),rgba(20,20,24,.86));color:#fff;text-align:left}
.web-vip-ticket>span{padding:4px 6px;border-radius:5px;background:linear-gradient(135deg,#8a46ff,#ffac40);font-size:12px;font-weight:900;transform:rotate(-6deg)}
.web-vip-ticket>strong{flex:1;font-size:16px}
.web-vip-ticket>small{color:rgba(255,255,255,.55);font-size:13px}
.web-vip-section-head{margin:21px 0 12px;display:flex;align-items:center;justify-content:space-between}
.web-vip-section-head strong{font-size:17px}.web-vip-section-head span{color:rgba(255,255,255,.55);font-size:13px}
.web-vip-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 10px;overflow:visible}
.web-vip-benefits article{position:relative;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;border-radius:12px;background:#20202a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.065);color:rgba(255,255,255,.86)}
.web-vip-benefits article.unlocked{background:#252432;box-shadow:inset 0 0 0 1px rgba(246,216,158,.18),0 6px 15px rgba(0,0,0,.16)}
.web-vip-benefits img{position:absolute;left:50%;top:-17px;width:44px;height:44px;transform:translateX(-50%);object-fit:contain}
.web-vip-benefits strong{margin-top:21px;font-size:14px;white-space:nowrap}
.web-vip-benefits span{margin-top:7px;color:rgba(255,255,255,.48);font-size:12px;white-space:nowrap}
.web-vip-benefits article.unlocked span{color:#e7c98e}
.web-vip-experience-title{margin:25px 0 10px;color:#fff;font-size:17px}
.web-vip-experience{display:flex;flex-direction:column;gap:10px}
.web-vip-experience article{min-height:66px;padding:11px;display:flex;align-items:center;border-radius:9px;background:#24252a;box-sizing:border-box}
.web-vip-experience article>img{width:30px;height:30px;margin-right:9px;object-fit:contain}
.web-vip-experience article>div{min-width:0;display:flex;flex:1;flex-direction:column}
.web-vip-experience article strong{font-size:15px;color:#f4f4f4}.web-vip-experience article span{margin-top:2px;color:rgba(255,255,255,.57);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web-vip-experience article button{width:63px;height:34px;margin-left:9px;border:0;border-radius:999px;background:linear-gradient(100deg,#ffe9a7,#ffb7bb);color:#4d412f;font-size:13px}
.web-vip-rule-sheet{margin:-22px;padding:18px 16px max(18px,env(safe-area-inset-bottom));background:#fff;color:#333}
.web-vip-rule-sheet header{display:flex;align-items:center;justify-content:space-between}.web-vip-rule-sheet h2{margin:0;font-size:18px}.web-vip-rule-sheet header button{width:36px;height:36px;border:0;background:transparent;color:#111;font-size:32px}.web-vip-rule-sheet p{margin:12px 0 0;color:#777;font-size:16px;line-height:1.58}


/* source: latest-parity-20260825.css */
/* 2026-08-25：以最新版小程序为基准统一网页端密度、控件尺寸和移动端安全区。 */
:root{--parity-gap:12px;--parity-radius:14px}
button,input,textarea,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb,var(--theme,#6476ff) 72%,#fff);outline-offset:2px}
.parity-page,.feature-page,.checkout-route-page,.mini-order-center,.service-order-page,.mini-wallet,.mini-hall,.mini-chat-page{overflow-x:hidden}
.quantity-section .stepper{gap:8px!important}.quantity-input-wrap{height:38px;min-width:82px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:11px;background:#f4f5f9;color:#7b8190}.quantity-input-wrap input{width:52px;height:34px;padding:0 2px;border:0;background:transparent;color:#202632;font-size:17px;font-weight:900;text-align:center;outline:0;-moz-appearance:textfield}.quantity-input-wrap input::-webkit-outer-spin-button,.quantity-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input-wrap span{padding-right:7px;font-size:11px}

/* 聊天送礼：统一老板钻石口径，余额、数量和按钮与四列礼物左右边界对齐。 */
.gift-sheet{padding-left:16px!important;padding-right:16px!important}.gift-sheet .mini-sheet-head{padding:0 2px}.web-gift-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.web-gift-grid button{min-height:91px!important;padding:7px 3px!important}.web-gift-grid span{display:flex;align-items:center;justify-content:center;gap:4px!important;color:#3e8fd0!important;font-weight:900}.web-diamond-icon{width:10px;height:9px;display:inline-block;flex:none;background:linear-gradient(145deg,#3dc5f1,#168acb);clip-path:polygon(24% 0,76% 0,100% 38%,50% 100%,0 38%)}.web-diamond-icon.balance{width:14px;height:13px}.gift-checkout{width:100%;min-height:72px!important;margin:9px 0 0!important;padding:8px 0 0!important;display:grid!important;grid-template-columns:minmax(92px,1fr) minmax(116px,1.15fr) minmax(96px,1fr)!important;gap:10px!important;align-items:center!important}.gift-balance{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#6f7684!important}.gift-balance em{font-style:normal;font-size:12px;font-weight:800}.gift-balance strong{display:flex;align-items:center;justify-content:center;gap:5px;color:#1f2634!important}.gift-balance strong b{color:#1f2634!important;font-size:19px!important;line-height:22px}.gift-quantity{height:39px!important;padding:0 5px!important;display:grid!important;grid-template-columns:29px 11px minmax(30px,1fr) 29px!important;align-items:center!important;border-radius:21px!important;background:#f2f3f7!important}.gift-quantity button{width:29px!important;height:29px!important;background:transparent!important;color:#596174!important;font-size:19px!important}.gift-quantity span{font-size:12px;color:#4e5667}.gift-quantity input{min-width:0;width:100%;height:32px;padding:0;border:0;background:transparent;color:#1f2634;font-size:16px;font-weight:900;text-align:center;outline:0;-moz-appearance:textfield}.gift-quantity input::-webkit-outer-spin-button,.gift-quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gift-checkout>.primary{width:100%!important;height:39px!important;border-radius:21px!important;padding:0 12px!important;font-size:16px!important;font-weight:900!important}.gift-pay-tip{display:none!important}

/* 今日幸运用户九宫格：网页与小程序共用同一信息层级和无关闭叉交互。 */
.web-lucky-user-mask{position:fixed;z-index:1550;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(16,12,35,.72);backdrop-filter:blur(8px)}.web-lucky-user-card{position:relative;width:min(100%,372px);max-height:min(92dvh,820px);overflow:auto;padding:22px 18px 20px;border:1px solid rgba(255,220,113,.9);border-radius:24px;background:radial-gradient(circle at 14% 16%,rgba(255,214,80,.34),transparent 25%),radial-gradient(circle at 86% 22%,rgba(154,108,255,.24),transparent 30%),linear-gradient(160deg,#fff9df 0%,#fff 42%,#f5edff 100%);box-shadow:0 24px 70px rgba(28,16,70,.42);color:#4c2c7c;text-align:center;animation:webLuckyIn .48s cubic-bezier(.18,.9,.28,1.18)}.web-lucky-kicker{position:relative;z-index:2;color:#9a63d6;font-size:12px;font-weight:900;letter-spacing:1.5px}.web-lucky-medal{position:relative;z-index:2;width:58px;height:58px;margin:10px auto 4px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.78);border-radius:50%;background:linear-gradient(145deg,#ffe474,#ffae35);box-shadow:0 8px 18px rgba(255,169,45,.35);color:#fff;font-size:30px}.web-lucky-user-card h2{position:relative;z-index:2;margin:7px 0 4px;font-size:22px;line-height:1.35}.web-lucky-user-card>p{position:relative;z-index:2;margin:0;color:#816a9e;font-size:13px;line-height:1.55}.web-lucky-grid{position:relative;z-index:2;margin:14px auto 12px;padding:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border:3px solid rgba(255,229,131,.95);border-radius:17px;background:linear-gradient(145deg,#ffcd4e,#ff9f32);box-shadow:0 12px 24px rgba(176,99,25,.2),inset 0 0 0 2px rgba(255,255,255,.38)}.web-lucky-prize,.web-lucky-center{min-width:0;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:11px;overflow:hidden}.web-lucky-prize{padding:5px 4px;background:linear-gradient(180deg,#fff,#fff8ee);box-shadow:0 5px 0 rgba(178,94,35,.22)}.web-lucky-prize img{width:43px;height:43px;object-fit:contain}.web-lucky-prize b{width:100%;margin-top:3px;overflow:hidden;color:#4d3474;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.web-lucky-center{background:linear-gradient(145deg,#8f5cff,#5e37ca);box-shadow:0 6px 0 #4928aa;color:#fff;font-size:14px}.web-lucky-center b{line-height:18px}.web-lucky-center span{margin-top:2px;color:#f8e7ff;font-size:10px}.web-lucky-rule{position:relative;z-index:2;padding:9px 8px;border-radius:10px;background:rgba(116,72,180,.07);color:#795994;font-size:11px;font-weight:800}.web-lucky-action{position:relative;z-index:2;width:84%;min-height:45px;margin:12px auto 0;border:0;border-radius:999px;background:linear-gradient(90deg,#8f5cff,#5e37ca);box-shadow:0 8px 17px rgba(91,51,196,.28);color:#fff;font-size:14px;font-weight:900}.web-lucky-user-card>small{position:relative;z-index:2;display:block;margin-top:8px;color:#9a8aa9;font-size:10px}.lucky-spark{position:absolute;z-index:3;color:#ffca40;font-style:normal}.lucky-spark.one{left:30px;top:54px}.lucky-spark.two{right:35px;top:73px;font-size:11px}.lucky-spark.three{right:52px;top:145px;font-size:10px}@keyframes webLuckyIn{from{opacity:0;transform:translateY(28px) scale(.86)}to{opacity:1;transform:none}}

/* 账号设置补齐小程序入口并保持统一行高。 */
.settings-profile-row{min-height:74px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px!important;padding:12px 14px!important}.settings-profile-row>img{width:46px;height:46px;border-radius:50%;object-fit:cover}.settings-profile-row>span{min-width:0;display:flex;flex-direction:column;gap:4px}.settings-profile-row b,.settings-profile-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-profile-row b{font-size:15px}.settings-profile-row small{color:#9297a3;font-size:10px}.settings-profile-row>button{padding:8px 10px!important;background:#eef0ff!important;color:#6276ff!important;font-size:10px!important}.feature-cancel-row{color:#e75768!important}.feature-logout-row{color:#687080!important}

/* 桌面仍保持小程序比例，宽屏只增加留白；窄屏所有按钮和卡片不得横向溢出。 */
@media(min-width:681px){.app-shell{border:1px solid rgba(96,108,160,.08)}.web-lucky-user-mask{border-radius:24px}.checkout-page-sheet,.feature-page{scrollbar-width:thin}.gift-sheet{margin-left:auto!important;margin-right:auto!important}}
@media(max-width:430px){.gift-checkout{grid-template-columns:minmax(84px,.95fr) minmax(108px,1.1fr) minmax(88px,.95fr)!important;gap:7px!important}.gift-balance strong b{font-size:18px!important}.gift-quantity{grid-template-columns:26px 9px minmax(27px,1fr) 26px!important}.gift-quantity button{width:26px!important}.gift-checkout>.primary{font-size:15px!important}.web-lucky-user-mask{padding:14px}.web-lucky-user-card{padding:20px 15px 18px}.web-lucky-grid{gap:6px;padding:8px}.web-lucky-prize,.web-lucky-center{height:78px}}
@media(max-width:360px){.web-gift-grid{gap:4px!important}.gift-checkout{grid-template-columns:1fr 1.15fr .9fr!important;gap:5px!important}.gift-balance em{font-size:10px}.gift-balance strong b{font-size:16px!important}.gift-checkout>.primary{padding:0 7px!important;font-size:14px!important}.quantity-input-wrap{min-width:72px}}

/* 1.9.301 首页活动星轨：公告关闭时用整行活动入口承接真实营销配置。 */
.home-shell.home.announcement-hidden.activity-visible .blue-hero{padding-bottom:9px!important}
.web-home-activity-rail{position:relative;z-index:4;width:calc(100% + 30px);height:48px;margin:18px -15px 10px;padding:0 15px;display:flex;align-items:center;overflow:hidden;border:0;border-radius:0;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(246,244,255,.95));box-shadow:0 7px 18px rgba(47,55,135,.14),inset 0 1px 0 rgba(255,255,255,.92);color:#20263a;text-align:left;cursor:pointer}
.web-home-activity-rail:after{content:"";position:absolute;right:34px;top:-34px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(117,91,255,.2),transparent 68%);pointer-events:none}
.web-home-activity-orbit{position:relative;width:29px;height:29px;flex:0 0 29px;margin-right:10px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7867ff,#5c39d7);box-shadow:0 4px 10px rgba(91,61,211,.26);color:#fff}
.web-home-activity-orbit b{position:relative;z-index:2;font-size:15px}.web-home-activity-orbit i{position:absolute;right:-2px;top:-2px;width:7px;height:7px;border-radius:50%;background:#ffd561;box-shadow:-19px 21px 0 -2px rgba(255,190,73,.7);animation:webHomeActivityOrbit 2.4s linear infinite}
.web-home-activity-copy{position:relative;z-index:2;min-width:0;flex:1;display:flex;flex-direction:column;transition:opacity .18s ease,transform .18s ease}.web-home-activity-rail.is-switching .web-home-activity-copy{opacity:0;transform:translateY(4px)}.web-home-activity-copy b{overflow:hidden;color:#22283b;font-size:13.5px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.web-home-activity-copy small{margin-top:1px;overflow:hidden;color:#81889c;font-size:10.5px;line-height:14px;text-overflow:ellipsis;white-space:nowrap}
.web-home-activity-all{position:relative;z-index:2;flex:0 0 auto;margin-left:9px;padding-left:10px;display:flex;align-items:center;gap:3px;border-left:1px solid rgba(105,111,145,.15);color:#6654e8;font-size:12px;font-weight:900;white-space:nowrap}.web-home-activity-all em{min-width:14px;height:14px;display:grid;place-items:center;border-radius:8px;background:#ece8ff;font-style:normal;font-size:9px}.web-home-activity-all i{font-size:18px;font-style:normal}
.web-home-activity-rail.tone-amber .web-home-activity-orbit{background:linear-gradient(145deg,#ffb239,#ff793d)}.web-home-activity-rail.tone-rose .web-home-activity-orbit{background:linear-gradient(145deg,#ff7d9d,#e94e85)}.web-home-activity-rail.tone-blue .web-home-activity-orbit{background:linear-gradient(145deg,#5fa4ff,#5570ed)}
@keyframes webHomeActivityOrbit{to{transform:rotate(360deg)}}

.web-lucky-close{position:absolute;z-index:8;right:10px;top:10px;width:31px;height:31px;padding:0;border:0;border-radius:50%;background:rgba(105,76,145,.1);color:#765a91;font-size:21px;line-height:29px}.web-lucky-home-meteor{position:fixed;z-index:1900;width:40px;height:40px;pointer-events:none;transform:translate(-50%,-50%) scale(1) rotate(-18deg);opacity:1;transition:left .72s cubic-bezier(.18,.86,.22,1),top .72s cubic-bezier(.18,.86,.22,1),transform .72s cubic-bezier(.18,.86,.22,1),opacity .72s ease;filter:drop-shadow(0 4px 8px rgba(255,201,73,.45))}.web-lucky-home-meteor i{position:absolute;right:23px;top:17px;width:82px;height:7px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(255,229,128,.38),#fff0a8);transform:rotate(-18deg);transform-origin:right center}.web-lucky-home-meteor b{position:absolute;inset:0;display:grid;place-items:center;color:#ffd45b;font-size:37px;text-shadow:0 0 10px rgba(255,220,94,.85)}.web-lucky-home-meteor.landed{opacity:.12;transform:translate(-50%,-50%) scale(.18) rotate(36deg)}

.web-home-activity-sheet{width:min(100%,430px);max-height:min(82dvh,720px);padding:16px 14px 13px;border-radius:23px;background:linear-gradient(180deg,#fafaff,#f3f5fb);box-shadow:0 20px 64px rgba(22,28,70,.3)}
.web-home-activity-sheet>header{height:56px;display:flex;align-items:flex-start}.web-home-activity-sheet>header>div{min-width:0;flex:1}.web-home-activity-sheet h2{margin:0;color:#171c31;font-size:21px;line-height:27px}.web-home-activity-sheet>header p{margin:2px 0 0;color:#9298aa;font-size:11px}.web-home-activity-sheet>header>button{width:31px;height:31px;padding:0;border:0;border-radius:50%;background:#eceef7;color:#757b8d;font-size:21px}.web-home-activity-list{max-height:calc(min(82dvh,720px) - 105px);overflow:auto;overscroll-behavior:contain}
.web-home-activity-list article{position:relative;min-height:76px;margin:9px 0;padding:12px 11px;display:flex;align-items:center;overflow:hidden;border-radius:15px;background:#fff;box-shadow:0 6px 16px rgba(52,62,119,.07)}.web-home-activity-list article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#765dff}.web-home-activity-list article.tone-amber:before{background:#ff9e43}.web-home-activity-list article.tone-rose:before{background:#f45d91}.web-home-activity-list article.tone-blue:before{background:#5c83f4}
.web-home-activity-list article>span{width:39px;height:39px;flex:0 0 39px;margin-right:10px;display:grid;place-items:center;border-radius:12px;background:#f0edff;color:#674fe7;font-size:16px;font-weight:900}.web-home-activity-list article.tone-amber>span{background:#fff2df;color:#f28b28}.web-home-activity-list article.tone-rose>span{background:#ffeaf1;color:#e84d83}.web-home-activity-list article.tone-blue>span{background:#eaf1ff;color:#4e73e8}
.web-home-activity-list article>div{min-width:0;flex:1}.web-home-activity-list article b{display:block;overflow:hidden;color:#20263a;font-size:14.5px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.web-home-activity-list article p{display:-webkit-box;margin:3px 0 0;overflow:hidden;color:#858c9e;font-size:11px;line-height:15px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.web-home-activity-list article>button{flex:0 0 auto;min-width:65px;height:32px;margin-left:9px;padding:0 10px;border:0;border-radius:17px;background:linear-gradient(100deg,#6e78fa,#7653ee);color:#fff;font-size:11.5px;font-weight:900}.web-home-activity-list article>button:disabled{opacity:.6}.web-home-activity-sheet>small{display:block;padding-top:5px;color:#a1a6b4;font-size:10px;text-align:center}
@media(max-width:430px){.web-home-activity-sheet{width:calc(100vw - 22px);max-height:82dvh}.web-home-activity-list{max-height:calc(82dvh - 105px)}}
.web-home-activity-list article>span{overflow:hidden}.web-home-activity-list article>span img{width:100%;height:100%;object-fit:cover}.web-home-activity-list article>div>small{display:block;margin-top:3px;overflow:hidden;color:#6d5cc7;font-size:9.5px;line-height:13px;text-overflow:ellipsis;white-space:nowrap}
.web-activity-wheel{position:relative;width:min(100%,390px);padding:24px 18px 20px;border-radius:25px;background:radial-gradient(circle at 86% 5%,rgba(255,210,100,.25),transparent 29%),linear-gradient(155deg,#fff9ff,#f1eaff);box-shadow:0 28px 70px rgba(25,14,61,.38);text-align:center}.web-activity-wheel>.close{position:absolute;right:12px;top:12px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(92,65,150,.1);color:#77668f;font-size:22px}.web-activity-wheel>p{margin:0;color:#8969d6;font-size:11px;font-weight:900;letter-spacing:3px}.web-activity-wheel>h2{margin:6px 0 17px;color:#25173d;font-size:22px}.web-activity-wheel .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;border-radius:20px;background:linear-gradient(145deg,#6741d7,#9258ef);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 11px 23px rgba(93,50,177,.24)}.web-activity-wheel .grid article,.web-activity-wheel .center{height:82px;min-width:0;padding:6px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid transparent;border-radius:14px;background:linear-gradient(155deg,#fff,#f3eeff);box-sizing:border-box}.web-activity-wheel .grid article.active{border-color:#ffda61;background:linear-gradient(155deg,#fffbe7,#ffecc4);box-shadow:0 0 16px rgba(255,216,91,.9)}.web-activity-wheel .grid article img{width:42px;height:42px;object-fit:contain}.web-activity-wheel .grid article b{width:100%;margin-top:3px;overflow:hidden;color:#44365c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.web-activity-wheel .center{border:0;background:linear-gradient(145deg,#ffca4e,#ff7654);color:#fff}.web-activity-wheel .center b{font-size:15px}.web-activity-wheel .center small{margin-top:4px;font-size:9px}.web-activity-wheel .result{margin-top:14px;padding:11px;border-radius:14px;background:rgba(255,255,255,.78)}.web-activity-wheel .result span,.web-activity-wheel .result small{display:block;color:#8e83a5;font-size:10px}.web-activity-wheel .result b{display:block;margin:3px 0;color:#6b42dd;font-size:20px}.web-activity-wheel .done{width:100%;height:43px;margin-top:13px;border:0;border-radius:22px;background:linear-gradient(100deg,#7355e9,#9b59ed);color:#fff;font-weight:900}


/* source: web-miniapp-parity-20260827.css */
/* 2026-08-27: 网页端与当前小程序首页、大神、推荐榜及下单页对齐。 */
.parity-page button,
.checkout-route-page button{
  font:inherit;
}

/* 首页：固定露出 4.5 个游戏，让横滑关系一眼可见。 */
.home-shell .game-scroll{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:calc((100% - 32px)/4.5)!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.home-shell .game-scroll::-webkit-scrollbar,
.home-shell .rank-game-filter::-webkit-scrollbar{display:none}
.home-shell .game-scroll .game-item{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  flex-direction:column!important;
  align-items:center!important;
  border:0!important;
  background:transparent!important;
  color:#1f2937!important;
  scroll-snap-align:start;
}
.home-shell .game-icon-shell{
  position:relative!important;
  display:block!important;
  width:43px!important;
  height:43px!important;
  flex:0 0 43px!important;
  border-radius:11px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
.home-shell .game-icon-shell .game-icon-art{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  object-fit:cover!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
}
.home-shell .game-icon-shell .game-icon-mask{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border-radius:inherit!important;
  background:rgba(244,247,255,.64)!important;
  z-index:2!important;
  pointer-events:none!important;
}
.home-shell .game-icon-shell.is-selected .game-icon-mask{display:none!important}
.home-shell .game-item.on .game-icon-shell{
  box-shadow:0 0 0 2px rgba(255,255,255,.92),0 0 0 4px rgba(95,116,255,.48)!important;
}
.home-shell .game-item>span:last-child{
  display:block!important;
  width:100%!important;
  margin-top:7px!important;
  overflow:hidden!important;
  color:#a9afc2!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:18px!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.home-shell .game-item.on>span:last-child{color:#222a3d!important;font-weight:800!important}
.home-shell.home .blue-hero{padding-bottom:12px!important}
.home-shell.home .notice{margin-bottom:12px!important}

/* 大神：游戏栏与小程序使用同一层蒙版，搜索、性别与卡片结构同步。 */
.home-shell.players .blue-hero{padding-bottom:0!important}
.home-shell.players .players-game-panel{
  margin:24px -15px 0!important;
  padding:17px 15px 15px!important;
  border-radius:22px 22px 0 0!important;
  overflow:hidden!important;
  background:#eef3fb!important;
}
.home-shell.players .gods-games{
  height:auto!important;
  padding:3px 0 0!important;
}
.home-shell.players .game-icon-shell{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:12px!important}
.home-shell.players .god-content{padding:14px 15px 82px!important;background:#eef3fb!important}
.home-shell.players .player-search-box{
  display:flex!important;
  height:49px!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 18px!important;
  border:1px solid rgba(95,113,255,.12)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(67,82,139,.06)!important;
  box-sizing:border-box!important;
}
.home-shell.players .player-search-icon{
  position:relative!important;
  display:block!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border:2px solid #9ca3af!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}
.home-shell.players .player-search-icon:after{
  content:"";
  position:absolute;
  right:-6px;
  bottom:-4px;
  width:8px;
  height:2px;
  border-radius:2px;
  background:#9ca3af;
  transform:rotate(45deg);
}
.home-shell.players .player-search-box input{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#1f2937!important;
  font-size:15px!important;
}
.home-shell.players .player-gender-filter{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin:12px 0 14px!important;
  padding:4px!important;
  border-radius:15px!important;
  background:#e6ecf9!important;
}
.home-shell.players .player-gender-filter button{
  height:39px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#81889a!important;
  font-size:15px!important;
  font-weight:700!important;
}
.home-shell.players .player-gender-filter button.active{
  background:#6175ff!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(80,101,235,.23)!important;
}
.home-shell.players .player-list{gap:12px!important}
.home-shell.players .player-card{
  display:flex!important;
  min-height:118px!important;
  height:auto!important;
  align-items:center!important;
  gap:13px!important;
  padding:14px!important;
  border:1px solid rgba(91,124,250,.07)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(65,83,145,.075)!important;
  box-sizing:border-box!important;
}
.home-shell.players .player-card[hidden]{display:none!important}
.home-shell.players .player-card .avatar-wrap{width:70px!important;flex:0 0 70px!important}
.home-shell.players .player-card .avatar{width:70px!important;height:70px!important;margin:0!important}
.home-shell.players .player-main{margin-left:0!important;min-width:0!important}
.home-shell.players .player-name-row{display:flex!important;align-items:center!important;gap:5px!important}
.home-shell.players .player-name{font-size:18px!important;line-height:24px!important}
.home-shell.players .level-line{height:22px!important;margin-top:4px!important}
.home-shell.players .level-icon-img{display:block!important;max-width:92px!important;height:20px!important;object-fit:contain!important;object-position:left center!important}
.home-shell.players .intro{max-width:none!important;margin-top:8px!important;color:#9ca3af!important;font-size:13px!important;line-height:19px!important}
.home-shell.players .player-side{
  display:flex!important;
  width:86px!important;
  height:auto!important;
  flex:0 0 86px!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.home-shell.players .order-player-cta{
  display:flex!important;
  width:86px!important;
  height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:20px!important;
  background:#eef0ff!important;
  color:#6175ff!important;
  font-size:14px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.home-shell.players .service-tag,
.home-shell.players .hour-price,
.home-shell.players .service-banners,
.home-shell.players .god-filter{display:none!important}
.home-shell.players .player-filter-empty{display:none!important}
.home-shell.players .player-filter-empty.visible{display:block!important}

/* 推荐榜：补全游戏分类，限定头像/皇冠/名次图层，防止图片样式串扰。 */
.home-shell.rank .rank-hero{
  min-height:500px!important;
  padding:0 15px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.home-shell.rank .rank-game-filter{
  position:relative!important;
  z-index:5!important;
  width:calc(100% + 30px)!important;
  margin:19px -15px 0!important;
  padding:0 15px 5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  box-sizing:border-box!important;
  scrollbar-width:none!important;
}
.home-shell.rank .rank-game-filter-inner{display:flex!important;gap:9px!important;width:max-content!important}
.home-shell.rank .rank-game-chip{
  display:flex!important;
  height:42px!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 14px 0 7px!important;
  border:1px solid rgba(255,255,255,.48)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.14)!important;
  color:rgba(255,255,255,.74)!important;
  white-space:nowrap!important;
}
.home-shell.rank .rank-game-chip.selected{background:#fff!important;color:#2d3550!important;box-shadow:0 6px 17px rgba(82,63,178,.17)!important}
.home-shell.rank .rank-game-chip img{display:block!important;width:30px!important;height:30px!important;margin:0!important;border:0!important;border-radius:9px!important;object-fit:cover!important}
.home-shell.rank .rank-game-chip span{font-size:14px!important;font-weight:700!important}
.home-shell.rank .rank-title-art{height:96px!important;margin:25px auto 0!important;transform:none!important;text-align:center!important}
.home-shell.rank .rank-title-art:before,
.home-shell.rank .rank-title-art:after{display:none!important;content:none!important}
.home-shell.rank .rank-title-img{display:block!important;width:245px!important;height:96px!important;margin:0 auto!important;object-fit:contain!important}
.home-shell.rank .podium{
  display:flex!important;
  height:286px!important;
  align-items:flex-end!important;
  justify-content:center!important;
  margin:2px 0 0!important;
  padding:0!important;
  position:relative!important;
  z-index:4!important;
}
.home-shell.rank .podium-item,
.home-shell.rank .podium-item.first,
.home-shell.rank .podium-item.second,
.home-shell.rank .podium-item.third{
  position:relative!important;
  width:31.8%!important;
  margin:0!important;
  text-align:center!important;
  transform:none!important;
}
.home-shell.rank .podium-item.first{width:36.4%!important;transform:translateY(-35px)!important}
.home-shell.rank .podium-item.second{transform:translateY(-4px)!important}
.home-shell.rank .avatark,
.home-shell.rank .podium-item.first .avatark{
  position:relative!important;
  width:78px!important;
  height:78px!important;
  margin:0 auto!important;
}
.home-shell.rank .podium-item.first .avatark{width:86px!important;height:86px!important}
.home-shell.rank .podium .podium-item img.pod-avatar,
.home-shell.rank .podium .podium-item.first img.pod-avatar{
  position:static!important;
  display:block!important;
  width:78px!important;
  height:78px!important;
  margin:0!important;
  padding:0!important;
  border:4px solid rgba(255,255,255,.92)!important;
  border-radius:50%!important;
  background:#eef0ff!important;
  box-shadow:0 6px 18px rgba(80,63,169,.17)!important;
  object-fit:cover!important;
  box-sizing:border-box!important;
}
.home-shell.rank .podium .podium-item.first img.pod-avatar{width:86px!important;height:86px!important}
.home-shell.rank .podium .crown-img,
.home-shell.rank .podium .podium-item.first .crown-img{
  position:absolute!important;
  top:-12px!important;
  right:-3px!important;
  z-index:4!important;
  display:block!important;
  width:29px!important;
  height:25px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  transform:rotate(12deg)!important;
}
.home-shell.rank .podium .no-img,
.home-shell.rank .podium .podium-item.first .no-img{
  position:absolute!important;
  left:50%!important;
  bottom:-11px!important;
  z-index:5!important;
  display:block!important;
  width:53px!important;
  height:25px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  transform:translateX(-50%)!important;
}
.home-shell.rank .pod-name{
  height:25px!important;
  margin-top:15px!important;
  overflow:hidden!important;
  color:#242232!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:25px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.home-shell.rank .podium .rank-badge-slot,
.home-shell.rank .podium .podium-item.first .rank-badge-slot{
  display:flex!important;
  width:78px!important;
  height:21px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  align-items:center!important;
  justify-content:center!important;
  margin:3px auto 0!important;
}
.home-shell.rank .podium .rank-badge-art,
.home-shell.rank .podium .podium-item.first .rank-badge-art{
  position:static!important;
  display:block!important;
  width:78px!important;
  height:21px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
.home-shell.rank .vote-box{
  position:relative!important;
  z-index:3!important;
  width:88px!important;
  height:31px!important;
  margin:5px auto 0!important;
  border:1.5px solid rgba(255,255,255,.88)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.55)!important;
  box-shadow:0 4px 10px rgba(100,88,180,.08)!important;
  color:#626271!important;
  font-size:16px!important;
  line-height:28px!important;
  box-sizing:border-box!important;
}
.home-shell.rank .stage{height:79px!important;margin-top:-3px!important;border-radius:9px 9px 0 0!important}
.home-shell.rank .stage:after{top:21px!important;font-size:14px!important}
.home-shell.rank .stage.purple{height:108px!important}
.home-shell.rank .rank-podium-bg{display:none!important}
.home-shell.rank .rank-list-card{
  z-index:8!important;
  margin:-73px 0 0!important;
  padding:17px 15px 100px!important;
  border-radius:18px 18px 0 0!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 -5px 18px rgba(128,115,205,.1)!important;
  backdrop-filter:blur(12px)!important;
}
.home-shell.rank .rank-row{height:78px!important;cursor:pointer!important}
.home-shell.rank .rank-row img.rank-avatar{width:46px!important;height:46px!important;margin-right:14px!important;border-radius:50%!important;object-fit:cover!important}
.home-shell.rank .rank-index{width:28px!important;font-size:15px!important}
.home-shell.rank .rank-name{margin:0 0 3px!important;font-size:18px!important;line-height:23px!important}
.home-shell.rank .rank-meta{display:flex!important;align-items:center!important}
.home-shell.rank .rank-list-card .rank-row .rank-badge-slot.small{
  display:flex!important;
  width:78px!important;
  height:20px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
}
.home-shell.rank .rank-list-card .rank-row .rank-badge-art{
  display:block!important;
  width:78px!important;
  height:20px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
}
.home-shell.rank .rank-score{min-width:58px!important;font-size:16px!important;text-align:right!important}

/* 下单页：补齐极速下单，名片和备注收敛为小程序式行布局。 */
.checkout-route-page{background:#f3f5fb!important}
.checkout-route-page .checkout-page-sheet{background:transparent!important;box-shadow:none!important}
.checkout-route-page .checkout-form{display:flex!important;flex-direction:column!important;gap:10px!important}
.checkout-route-page .checkout-section{
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(65,83,145,.055)!important;
}
.checkout-route-page .quick-order-row{
  display:flex!important;
  min-height:72px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
}
.checkout-route-page .quick-order-copy{display:flex!important;min-width:0!important;flex:1!important;flex-direction:column!important;align-items:flex-start!important}
.checkout-route-page .quick-order-copy b{font-size:16px!important;line-height:22px!important}
.checkout-route-page .quick-order-copy small{margin-top:4px!important;color:#9299aa!important;font-size:12px!important;line-height:18px!important;text-align:left!important}
.checkout-route-page .quick-order-switch{
  position:relative!important;
  display:block!important;
  width:48px!important;
  height:28px!important;
  flex:0 0 48px!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#d9deea!important;
  transition:background .18s ease!important;
}
.checkout-route-page .quick-order-switch i{
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  display:block!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 6px rgba(15,23,42,.18)!important;
  transition:transform .18s ease!important;
}
.checkout-route-page .quick-order-switch.on{background:var(--theme,#6476ff)!important}
.checkout-route-page .quick-order-switch.on i{transform:translateX(20px)!important}
.checkout-route-page .checkout-game-card-entry{
  display:flex!important;
  min-height:61px!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:12px 16px!important;
  color:#202938!important;
  text-align:left!important;
}
.checkout-route-page .checkout-game-card-entry>span:first-child small{display:none!important}
.checkout-route-page .checkout-game-card-preview{max-width:66%!important}
.checkout-route-page .checkout-remark-entry{
  display:flex!important;
  min-height:61px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:12px 16px!important;
  color:#202938!important;
  text-align:left!important;
}
.checkout-route-page .checkout-remark-entry>span:last-child{
  display:flex!important;
  min-width:0!important;
  max-width:68%!important;
  align-items:center!important;
  gap:7px!important;
  color:#939aab!important;
}
.checkout-route-page .checkout-remark-entry em{
  overflow:hidden!important;
  font-style:normal!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.checkout-route-page .remark-section{padding:13px 16px!important}
.checkout-route-page .remark-section label{display:block!important}
.checkout-route-page .remark-heading{display:flex!important;align-items:center!important;justify-content:space-between!important}
.checkout-route-page .remark-heading>span{color:#b0b5c2!important;font-size:12px!important}
.checkout-route-page .remark-section textarea{
  width:100%!important;
  min-height:48px!important;
  margin-top:8px!important;
  padding:9px 11px!important;
  border:0!important;
  border-radius:10px!important;
  outline:0!important;
  background:#f6f7fb!important;
  box-sizing:border-box!important;
  resize:none!important;
}
.checkout-route-page .checkout-remark-editor{
  width:min(100%,430px)!important;
  margin:0 auto!important;
  padding:20px 18px calc(18px + env(safe-area-inset-bottom))!important;
  border-radius:22px 22px 0 0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.checkout-route-page .checkout-remark-editor header{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:17px!important}
.checkout-route-page .checkout-remark-editor header span{color:#a2a8b6!important;font-size:13px!important}
.checkout-route-page .checkout-remark-editor textarea{
  display:block!important;
  width:100%!important;
  height:145px!important;
  margin:16px 0!important;
  padding:13px!important;
  border:0!important;
  border-radius:13px!important;
  outline:0!important;
  background:#f5f6fa!important;
  font-size:15px!important;
  line-height:22px!important;
  resize:none!important;
  box-sizing:border-box!important;
}
.checkout-route-page .checkout-remark-editor footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important}
.checkout-route-page .checkout-remark-editor footer button{height:46px!important;border:0!important;border-radius:24px!important;background:#f0f2f8!important;color:#667085!important}
.checkout-route-page .checkout-remark-editor footer button:last-child{background:var(--theme,#6476ff)!important;color:#fff!important;font-weight:800!important}

@media (min-width:700px){
  .home-shell .game-scroll{grid-auto-columns:76px!important;justify-content:start!important}
  .home-shell.players .player-list{display:grid!important;grid-template-columns:1fr 1fr!important}
  .home-shell.rank .rank-hero{min-height:510px!important}
}

/* 2026-08-27: 按当前小程序截图收口网页端首页、大神和推荐榜视觉。 */
@media (min-width:431px){
  :root{--web-width:430px!important}
  html,body{width:100%!important;max-width:none!important}
  .app-shell{width:430px!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important}
  .mobile-nav{width:430px!important;max-width:430px!important}
  .home-shell .game-scroll{grid-auto-columns:calc((100% - 32px)/4.5)!important;justify-content:start!important}
  .home-shell.players .player-list{display:flex!important;grid-template-columns:none!important}
  .home-shell.rank .vote-bar{left:50%!important;right:auto!important;width:430px!important;transform:translateX(-50%)!important}
  .web-customer-float{left:calc(50% + 112px)!important;right:auto!important}
}

.home-shell.home .blue-hero,
.home-shell.players .blue-hero{
  background:linear-gradient(135deg,#526cff 0%,#625ff7 55%,#7655f4 100%)!important;
}
.home-shell.home .blue-hero{border-radius:0 0 23px 23px!important}
.home-shell .game-icon-shell{background:transparent!important}
.home-shell .game-icon-shell .game-icon-mask{
  background:rgba(54,63,158,.45)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.home-shell.home .game-item.on .game-icon-shell{box-shadow:none!important}
.home-shell.home .game-item.on>span:last-child{color:#141a2a!important}
.home-shell.home .game-item:not(.on)>span:last-child{color:rgba(32,38,68,.42)!important}

.home-shell.players .blue-hero{
  min-height:0!important;
  padding-bottom:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.home-shell.players .players-game-panel{
  margin:20px -15px -1px!important;
  padding:17px 15px 12px!important;
  border-radius:22px 22px 0 0!important;
  background:#eef3fb!important;
  box-shadow:none!important;
}
.home-shell.players .god-content{
  margin-top:-1px!important;
  padding-top:10px!important;
  background:#eef3fb!important;
}
.home-shell.players .game-item.on .game-icon-shell{
  box-shadow:0 0 0 1px #eef3fb,0 0 0 3px #6579ff!important;
}
.home-shell.players .order-player-cta{
  background:linear-gradient(135deg,#5d79ff 0%,#7353f5 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(90,92,235,.22)!important;
}

.home-shell.rank .rank-game-filter{
  margin-top:9px!important;
  padding-bottom:2px!important;
}
.home-shell.rank .rank-game-filter-inner{gap:7px!important}
.home-shell.rank .rank-game-chip{
  height:34px!important;
  gap:6px!important;
  padding:0 10px 0 5px!important;
  border-radius:18px!important;
}
.home-shell.rank .rank-game-chip img{
  width:25px!important;
  height:25px!important;
  border-radius:7px!important;
}
.home-shell.rank .rank-game-chip span{font-size:12px!important}
.home-shell.rank .rank-title-art{
  height:100px!important;
  margin-top:17px!important;
}
.home-shell.rank .rank-title-img{
  width:255px!important;
  height:100px!important;
}
.home-shell.rank .rank-hero{
  min-height:552px!important;
  overflow:hidden!important;
}
.home-shell.rank .podium{
  height:296px!important;
  margin-top:5px!important;
}
.home-shell.rank .podium-item.second,
.home-shell.rank .podium-item.third{transform:none!important}
.home-shell.rank .podium-item.first{transform:translateY(-33px)!important}
.home-shell.rank .vote-box{
  background:#fff!important;
  border-color:#fff!important;
  box-shadow:0 5px 12px rgba(97,86,177,.11)!important;
}
.home-shell.rank .rank-podium-bg{
  display:block!important;
  width:350px!important;
  height:196px!important;
  bottom:0!important;
}
.home-shell.rank .rank-list-card{
  margin:-28px 0 0!important;
  background:#fff!important;
  backdrop-filter:none!important;
}
.home-shell.rank .vote-bar{background:linear-gradient(90deg,#e4f5ff 0%,#eee6ff 100%)!important}

/* 1.9.287：前三名等级在上、游戏在下；第四名起游戏在等级左侧。 */
.home-shell.rank .rank-identity-row{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  height:21px!important;
  margin:3px auto 0!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
}
.home-shell.rank .rank-identity-row.with-game{
  height:38px!important;
}
.home-shell.rank .rank-identity-row .rank-game-pill,
.home-shell.rank .rank-meta .rank-game-pill{
  display:block!important;
  max-width:66px!important;
  height:18px!important;
  padding:0 6px!important;
  border:1px solid rgba(255,222,168,.94)!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#ffb84e 0%,#ff7a2f 100%)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:17px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  text-shadow:0 1px 1px rgba(151,57,9,.22)!important;
  box-shadow:0 2px 5px rgba(219,91,19,.22),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.home-shell.rank .rank-identity-row .rank-badge-slot,
.home-shell.rank .podium .podium-item.first .rank-identity-row .rank-badge-slot{
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:0!important;
}
.home-shell.rank .rank-identity-row .rank-badge-art,
.home-shell.rank .podium .podium-item.first .rank-identity-row .rank-badge-art{
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
}
.home-shell.rank .rank-meta .rank-game-pill.small{
  flex:0 1 auto!important;
  max-width:66px!important;
  margin:0 4px 0 0!important;
}
.home-shell.rank.rank-mode-overall .rank-title-art{margin-top:24px!important}

.web-entry-ad>img{
  width:342px!important;
  max-width:calc(100vw - 32px)!important;
}

/* 2026-08-27 第二轮：消除网页端残留偏移，并补齐推荐榜页内搜索。 */
@media (min-width:431px){
  .web-customer-float{left:calc(50% + 144px)!important;right:auto!important}
}
@media (max-width:430px){
  .web-customer-float{left:auto!important;right:10px!important}
}

.home-shell.home .game-icon-shell{
  width:48px!important;
  height:48px!important;
  flex-basis:48px!important;
  border-radius:12px!important;
}
.home-shell.home .game-icon-shell .game-icon-mask{display:none!important}
.home-shell.home .game-icon-shell.is-muted .game-icon-art{
  opacity:.58!important;
  filter:saturate(.74) brightness(.92)!important;
}
.home-shell.home .game-icon-shell.is-selected .game-icon-art{
  opacity:1!important;
  filter:none!important;
}

/* 2026-08-28：首页游戏区与客服悬浮球继续按小程序位置收口。 */
.home-shell.home .game-scroll{
  position:relative!important;
  top:-10px!important;
}
.home-shell.home .game-item{
  justify-items:center!important;
  text-align:center!important;
}
.home-shell.home .game-item>span:last-child{
  margin-top:1px!important;
  text-align:center!important;
}
.web-customer-float{
  bottom:156px!important;
}
@media (min-width:431px){
  .web-customer-float{left:calc(50% + 147px)!important;right:auto!important}
}
@media (max-width:430px){
  .web-customer-float{left:auto!important;right:5px!important}
}

/* 网页端商品搜索同步小程序直播裂变关键词领券。 */
.web-product-search{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:12px 14px 8px!important;
  background:#eef3fb!important;
}
.web-product-search label{
  display:flex!important;
  flex:1!important;
  min-width:0!important;
  align-items:center!important;
  gap:8px!important;
  height:42px!important;
  padding:0 13px!important;
  border-radius:22px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.web-product-search input{width:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;font-size:14px!important}
.web-product-search>button{height:38px!important;padding:0 12px!important;border:0!important;border-radius:19px!important;background:#6476ff!important;color:#fff!important;font-weight:700!important}
.web-product-search>button.clear{background:transparent!important;color:#8b93a7!important;padding:0 2px!important}
/* Match the mini-program coupon card (750rpx canvas). One real action, no poster/button image. */
.web-live-referral-card{position:relative!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:calc(14 * var(--search-unit))!important;min-height:calc(144 * var(--search-unit));margin:calc(26 * var(--search-unit)) calc(28 * var(--search-unit)) calc(24 * var(--search-unit))!important;padding:calc(22 * var(--search-unit)) calc(18 * var(--search-unit))!important;box-sizing:border-box!important;border:0!important;border-radius:calc(18 * var(--search-unit))!important;background:#fff0ef!important;box-shadow:none!important;overflow:hidden}
.web-live-referral-value{width:calc(140 * var(--search-unit));flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ef5655!important;line-height:1}
.web-live-referral-value b{font-size:calc(44 * var(--search-unit))!important;font-weight:700;line-height:calc(54 * var(--search-unit))!important}
.web-live-referral-value span{width:100%;margin-top:calc(8 * var(--search-unit));text-align:center;color:#b86f6a!important;font-size:calc(23 * var(--search-unit))!important;font-weight:500;line-height:calc(30 * var(--search-unit));white-space:nowrap}
.web-live-referral-copy{display:flex!important;flex:1;flex-direction:column!important;justify-content:center;min-width:0!important;gap:calc(10 * var(--search-unit))!important}
.web-live-referral-copy b{color:#202124!important;font-size:calc(29 * var(--search-unit))!important;font-weight:700;line-height:calc(40 * var(--search-unit));white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.web-live-referral-copy span{color:#b27c77!important;font-size:calc(24 * var(--search-unit))!important;line-height:calc(34 * var(--search-unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web-live-referral-card>button{width:calc(118 * var(--search-unit));min-width:calc(118 * var(--search-unit));max-width:calc(118 * var(--search-unit));height:calc(64 * var(--search-unit))!important;flex:none;display:flex;align-items:center;justify-content:center;margin:0;padding:0;box-sizing:border-box;border:0!important;border-radius:calc(34 * var(--search-unit))!important;background:#ff5e50!important;color:#fff!important;font-size:calc(21 * var(--search-unit))!important;font-weight:700!important;line-height:1;white-space:nowrap;box-shadow:none!important;text-shadow:none!important;opacity:1!important;transform:none!important;animation:none!important}
.web-live-referral-card>button:disabled{background:#d8d9df!important;color:#fff!important;cursor:default}
.web-live-referral-card:before,.web-live-referral-card>button:before,.web-live-referral-card>button:after{display:none!important;content:none!important}


.home-shell.players .player-side{
  width:78px!important;
  flex-basis:78px!important;
}
.home-shell.players .order-player-cta{
  width:76px!important;
  height:34px!important;
  border-radius:18px!important;
  font-size:13px!important;
}

.home-shell.rank .hero-top{
  position:relative!important;
  z-index:30!important;
}
.home-shell.rank .nav-tabs{
  max-width:calc(100% - 54px)!important;
  gap:24px!important;
}
.home-shell.rank .search-bubble{
  position:absolute!important;
  top:50%!important;
  right:0!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
.home-shell.rank .podium{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:end!important;
  justify-content:stretch!important;
}
.home-shell.rank .podium-item,
.home-shell.rank .podium-item.first,
.home-shell.rank .podium-item.second,
.home-shell.rank .podium-item.third{
  width:100%!important;
  transform:none!important;
}
.home-shell.rank .podium .podium-item img.pod-avatar,
.home-shell.rank .podium .podium-item.first img.pod-avatar{
  position:static!important;
  inset:auto!important;
  transform:none!important;
}
.home-shell.rank .rank-podium-bg{display:none!important}
.home-shell.rank .stage{
  display:block!important;
  position:relative!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.home-shell.rank .vote-bar{
  overflow:hidden!important;
}
.home-shell.rank .vote-bar>img{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  flex:0 0 44px!important;
  margin:0 11px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  transform:none!important;
}

.home-shell.rank .rank-search-panel{
  position:absolute!important;
  z-index:40!important;
  top:max(68px,calc(env(safe-area-inset-top) + 48px))!important;
  left:15px!important;
  right:15px!important;
  display:block!important;
  padding:10px!important;
  border:1px solid rgba(102,120,255,.14)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 16px 36px rgba(48,40,117,.24)!important;
  color:#202938!important;
  box-sizing:border-box!important;
}
.home-shell.rank .rank-search-panel[hidden]{display:none!important}
.home-shell.rank .rank-search-field{
  display:flex!important;
  height:42px!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 4px 0 13px!important;
  border-radius:13px!important;
  background:#f2f4fa!important;
}
.home-shell.rank .rank-search-field .player-search-icon{
  position:relative!important;
  display:block!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  border:2px solid #9ca3af!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}
.home-shell.rank .rank-search-field .player-search-icon:after{
  content:"";
  position:absolute;
  right:-6px;
  bottom:-4px;
  width:8px;
  height:2px;
  border-radius:2px;
  background:#9ca3af;
  transform:rotate(45deg);
}
.home-shell.rank .rank-search-field input{
  min-width:0!important;
  flex:1!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#202938!important;
  font-size:14px!important;
}
.home-shell.rank .rank-search-field button{
  height:34px!important;
  padding:0 9px!important;
  border:0!important;
  background:transparent!important;
  color:#6577ff!important;
  font-size:13px!important;
  font-weight:800!important;
}
.home-shell.rank .rank-search-results{
  display:flex!important;
  max-height:276px!important;
  margin-top:7px!important;
  flex-direction:column!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
}
.home-shell.rank .rank-search-results::-webkit-scrollbar{display:none!important}
.home-shell.rank .rank-search-result{
  display:flex!important;
  min-height:57px!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 8px!important;
  border:0!important;
  border-bottom:1px solid #f0f1f5!important;
  background:#fff!important;
  color:#202938!important;
  text-align:left!important;
}
.home-shell.rank .rank-search-result[hidden]{display:none!important}
.home-shell.rank .rank-search-result>img{
  display:block!important;
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  margin:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.home-shell.rank .rank-search-result>span{
  display:flex!important;
  min-width:0!important;
  flex:1!important;
  flex-direction:column!important;
  gap:3px!important;
}
.home-shell.rank .rank-search-result b{
  overflow:hidden!important;
  font-size:14px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.home-shell.rank .rank-search-result small{
  color:#959cad!important;
  font-size:11px!important;
}
.home-shell.rank .rank-search-result em{
  color:#7360ef!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.home-shell.rank .rank-search-empty{
  display:none!important;
  padding:24px 0!important;
  color:#9ca3af!important;
  font-size:13px!important;
  text-align:center!important;
}
.home-shell.rank .rank-search-empty.visible{display:block!important}

/* 2026-08-27：网页商品下单页与当前小程序逐项对齐。 */
.checkout-route-page{
  min-height:100dvh!important;
  padding:0!important;
  background:linear-gradient(180deg,#f4f5ff 0%,#f7f8ff 48%,#f5f6fb 100%)!important;
  color:#171923!important;
}
.checkout-route-page .mini-native-nav{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  height:62px!important;
  padding:max(13px,env(safe-area-inset-top)) 14px 7px!important;
  background:#f4f5ff!important;
  box-sizing:content-box!important;
}
.checkout-route-page .mini-native-nav h1{font-size:19px!important;font-weight:800!important}
.checkout-route-page .checkout-page-sheet{
  display:block!important;
  min-height:calc(100dvh - 62px)!important;
  max-height:none!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.checkout-route-page .checkout-form{
  display:flex!important;
  min-height:0!important;
  padding:10px 14px calc(188px + env(safe-area-inset-bottom))!important;
  flex-direction:column!important;
  gap:10px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.checkout-route-page .checkout-main-card{
  overflow:hidden!important;
  border:0!important;
  border-radius:21px!important;
  background:#fff!important;
  box-shadow:0 7px 24px rgba(75,86,148,.065)!important;
}
.checkout-route-page .checkout-product-summary{
  min-height:110px!important;
  padding:17px 13px 13px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
  border:0!important;
  background:#fff!important;
}
.checkout-route-page .checkout-product-summary>img{
  display:block!important;
  width:72px!important;
  height:72px!important;
  border-radius:13px!important;
  object-fit:cover!important;
}
.checkout-route-page .checkout-product-summary>div{
  display:flex!important;
  min-width:0!important;
  padding-top:2px!important;
  flex-direction:column!important;
  gap:10px!important;
}
.checkout-route-page .checkout-product-summary>div>b{
  overflow:hidden!important;
  color:#161821!important;
  font-size:19px!important;
  line-height:24px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.checkout-route-page .checkout-product-summary>div>span{
  display:-webkit-box!important;
  overflow:hidden!important;
  color:#666b77!important;
  font-size:14px!important;
  line-height:24px!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.checkout-route-page .checkout-product-summary>strong{
  display:flex!important;
  min-width:74px!important;
  padding-top:11px!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:5px!important;
  color:#ff5f54!important;
  font-size:0!important;
  white-space:nowrap!important;
}
.checkout-route-page .checkout-product-summary>strong small{
  color:#6f7077!important;
  font-size:13px!important;
  font-weight:500!important;
}
.checkout-route-page .checkout-product-summary>strong em{
  color:#ff5f54!important;
  font-size:18px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.checkout-route-page .checkout-daily-limit{
  margin:0 16px 12px!important;
  padding:10px 12px!important;
  border-radius:11px!important;
  background:#fff7ed!important;
}
.checkout-route-page .checkout-main-fields{padding:0 16px 10px!important}
.checkout-route-page .checkout-main-section{
  margin:0!important;
  padding:13px 0 15px!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.checkout-route-page .checkout-main-section>b,
.checkout-route-page .checkout-main-section .quick-order-copy>b{
  display:block!important;
  margin:0 0 12px!important;
  color:#171923!important;
  font-size:17px!important;
  line-height:23px!important;
  font-weight:900!important;
}
.checkout-route-page .spec-options{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.checkout-route-page .spec-option{
  min-width:88px!important;
  height:47px!important;
  padding:0 18px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:#f5f6fb!important;
  color:#606574!important;
  font-size:15px!important;
  font-weight:500!important;
}
.checkout-route-page .spec-option.active{
  border-color:#7084ff!important;
  background:#f3f4ff!important;
  color:#5b6fe8!important;
  box-shadow:0 3px 11px rgba(98,116,238,.06)!important;
}
.checkout-route-page .spec-option.disabled{opacity:.42!important}
.checkout-route-page .quick-order-row{
  display:flex!important;
  min-height:68px!important;
  padding:13px 0 11px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:13px!important;
}
.checkout-route-page .quick-order-copy{display:flex!important;min-width:0!important;flex:1!important;flex-direction:column!important;align-items:flex-start!important}
.checkout-route-page .quick-order-copy>b{margin:0 0 4px!important}
.checkout-route-page .quick-order-copy small{color:#a0a4ad!important;font-size:12px!important;line-height:18px!important;text-align:left!important}
.checkout-route-page .quick-order-switch{
  position:relative!important;
  width:48px!important;
  height:28px!important;
  flex:0 0 48px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#e5e6ea!important;
}
.checkout-route-page .quick-order-switch i{
  position:absolute!important;
  left:3px!important;
  top:3px!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(35,39,54,.14)!important;
  transition:transform .18s ease!important;
}
.checkout-route-page .quick-order-switch.on{background:linear-gradient(135deg,#5e79ff,#7b65f6)!important}
.checkout-route-page .quick-order-switch.on i{transform:translateX(20px)!important}
.checkout-route-page .quantity-section{
  display:flex!important;
  min-height:58px!important;
  padding:13px 0 4px!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.checkout-route-page .quantity-section>b{margin:0!important}
.checkout-route-page .stepper{display:flex!important;align-items:center!important;gap:11px!important}
.checkout-route-page .stepper button{
  width:40px!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#f0f2ff!important;
  color:#5572ef!important;
  font-size:22px!important;
  font-weight:700!important;
}
.checkout-route-page .quantity-input-wrap{display:block!important}
.checkout-route-page #orderQty{
  width:68px!important;
  height:40px!important;
  padding:0 7px!important;
  border:1px solid #e2e4ee!important;
  border-radius:9px!important;
  outline:0!important;
  background:#fff!important;
  color:#20232c!important;
  font-size:16px!important;
  font-weight:700!important;
  text-align:center!important;
  box-sizing:border-box!important;
  appearance:textfield!important;
}
.checkout-route-page #orderQty::-webkit-outer-spin-button,
.checkout-route-page #orderQty::-webkit-inner-spin-button{margin:0!important;appearance:none!important}
.checkout-route-page .checkout-line-card{
  width:100%!important;
  min-height:64px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border:0!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#242630!important;
  box-shadow:0 6px 20px rgba(75,86,148,.055)!important;
  text-align:left!important;
}
.checkout-route-page .checkout-line-card>span{display:flex!important;min-width:0!important;align-items:center!important;gap:7px!important}
.checkout-route-page .checkout-line-card>span:first-child b{font-size:17px!important;font-weight:500!important;white-space:nowrap!important}
.checkout-route-page .checkout-game-card-entry>span:first-child b{color:#242630!important}
.checkout-route-page .checkout-line-card>span:last-child{margin-left:auto!important;justify-content:flex-end!important}
.checkout-route-page .checkout-line-card em{
  overflow:hidden!important;
  max-width:235px!important;
  color:#a1a3aa!important;
  font-size:14px!important;
  font-style:normal!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.checkout-route-page .checkout-line-card em.discount{color:#ff615a!important;font-weight:800!important}
.checkout-route-page .checkout-line-card i{color:#8d919c!important;font-size:24px!important;font-style:normal!important;line-height:1!important}
.checkout-route-page .checkout-payment-error{margin:0!important}
.checkout-route-page .checkout-fixed-payment{
  position:fixed!important;
  z-index:120!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  width:100%!important;
  max-width:430px!important;
  transform:translateX(-50%)!important;
  border-top:1px solid rgba(224,226,239,.85)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 -9px 26px rgba(64,74,128,.07)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.checkout-route-page .checkout-payment-breakdown{
  padding:12px 14px 9px!important;
  background:linear-gradient(100deg,#f0f3ff 0%,#f6f1ff 100%)!important;
}
.checkout-route-page .checkout-payment-breakdown.hidden{display:none!important}
.checkout-route-page .checkout-payment-head,
.checkout-route-page .checkout-payment-detail{display:flex!important;align-items:center!important;justify-content:space-between!important}
.checkout-route-page .checkout-payment-head{margin-bottom:6px!important}
.checkout-route-page .checkout-payment-head b{font-size:15px!important}
.checkout-route-page .checkout-payment-head span{color:#6574c8!important;font-size:11px!important}
.checkout-route-page .checkout-payment-detail{min-height:24px!important;color:#777c8d!important;font-size:13px!important}
.checkout-route-page .checkout-payment-detail b{font-size:14px!important}
.checkout-route-page .checkout-payment-detail .wallet{color:#506be0!important}
.checkout-route-page .checkout-payment-detail .wechat{color:#ff5a52!important}
.checkout-route-page .checkout-balance{
  height:45px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  background:linear-gradient(90deg,#eef2ff,#f2efff)!important;
  color:#5871d8!important;
  font-size:14px!important;
}
.checkout-route-page .checkout-balance img{width:21px!important;height:21px!important;object-fit:contain!important}
.checkout-route-page .checkout-balance b{font-size:16px!important}
.checkout-route-page .checkout-pay-row{
  min-height:72px!important;
  padding:9px 14px calc(9px + env(safe-area-inset-bottom))!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  background:#fff!important;
}
.checkout-route-page .checkout-pay-row>div{min-width:135px!important;color:#5f626d!important;font-size:14px!important;white-space:nowrap!important}
.checkout-route-page .checkout-pay-row>div strong{margin-left:4px!important;color:#ff584f!important;font-size:20px!important;font-weight:900!important}
.checkout-route-page .checkout-pay-button{
  min-width:0!important;
  height:56px!important;
  flex:0 0 150px!important;
  margin-left:auto!important;
  padding:5px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  border:0!important;
  border-radius:29px!important;
  background:linear-gradient(135deg,#5979ff 0%,#765ff2 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(91,104,241,.24)!important;
}
.checkout-route-page .checkout-pay-button:disabled{opacity:.62!important;box-shadow:none!important}
.checkout-route-page .checkout-pay-button .pay-main{font-size:17px!important;font-weight:900!important;line-height:21px!important}
.checkout-route-page .checkout-pay-button .pay-tip{font-size:11px!important;line-height:15px!important;opacity:.82!important}
.checkout-route-page .checkout-overlay{
  position:fixed!important;
  z-index:240!important;
  inset:0!important;
  padding:16px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  background:rgba(24,28,46,.52)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.checkout-route-page .checkout-overlay.hidden{display:none!important}
.checkout-route-page .checkout-option-sheet{
  width:100%!important;
  max-width:430px!important;
  max-height:76dvh!important;
  overflow:auto!important;
  padding:16px 14px calc(16px + env(safe-area-inset-bottom))!important;
  border-radius:24px 24px 0 0!important;
  background:#f7f8fc!important;
  box-sizing:border-box!important;
}
.checkout-route-page .checkout-option-sheet>header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 3px 13px!important}
.checkout-route-page .checkout-option-sheet>header b{font-size:18px!important}
.checkout-route-page .checkout-option-sheet>header button{width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#eceef5!important;color:#5f6472!important;font-size:23px!important}
.checkout-route-page .checkout-coupon-list{display:flex!important;flex-direction:column!important;gap:9px!important}
.checkout-route-page .checkout-no-coupon,
.checkout-route-page .checkout-coupon-option{
  width:100%!important;
  min-height:68px!important;
  padding:11px 13px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#252834!important;
  text-align:left!important;
}
.checkout-route-page .checkout-no-coupon.selected,
.checkout-route-page .checkout-coupon-option.selected{border-color:#6d7fff!important;background:#f3f4ff!important}
.checkout-route-page .checkout-no-coupon>span,
.checkout-route-page .checkout-coupon-option>span{display:flex!important;min-width:0!important;flex:1!important;flex-direction:column!important;gap:4px!important}
.checkout-route-page .checkout-no-coupon small,
.checkout-route-page .checkout-coupon-option small{color:#999fad!important;font-size:11px!important}
.checkout-route-page .checkout-coupon-option>strong{min-width:82px!important;display:flex!important;flex-direction:column!important;color:#ff665d!important}
.checkout-route-page .checkout-coupon-option>strong>b{font-size:18px!important}
.checkout-route-page .checkout-coupon-option>i,
.checkout-route-page .checkout-no-coupon>i{color:#6277f2!important;font-size:18px!important;font-style:normal!important}
.checkout-route-page .checkout-coupon-empty{padding:34px 10px!important;color:#9ca2af!important;text-align:center!important}
.checkout-route-page .game-card-picker-mask{z-index:245!important}
.checkout-route-page .checkout-payment-success{
  width:min(92%,380px)!important;
  margin:auto!important;
  padding:14px!important;
  border-radius:23px!important;
  background:#fff!important;
  box-shadow:0 18px 55px rgba(26,31,58,.24)!important;
}
.checkout-route-page .checkout-payment-success img{display:block!important;width:100%!important;max-height:58dvh!important;border-radius:15px!important;object-fit:contain!important}
.checkout-route-page .checkout-payment-success button{
  width:100%!important;
  height:48px!important;
  margin-top:12px!important;
  border:0!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#5c78ff,#795ff1)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
}
.checkout-route-page .checkout-lottery-panel{
  position:relative!important;
  width:min(100%,410px)!important;
  margin:auto!important;
  padding:44px 18px 24px!important;
  overflow:hidden!important;
  border:2px solid #ffc557!important;
  border-radius:26px!important;
  background:linear-gradient(160deg,#fff7ce 0%,#ffe7c5 48%,#f5e9ff 100%)!important;
  box-shadow:0 22px 70px rgba(45,34,94,.35)!important;
  box-sizing:border-box!important;
}
.checkout-route-page .checkout-lottery-close{
  position:absolute!important;
  right:13px!important;
  top:11px!important;
  width:32px!important;
  height:32px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.76)!important;
  color:#7a668e!important;
  font-size:22px!important;
}
.checkout-route-page .checkout-lottery-title{margin-bottom:15px!important;color:#6e3bb5!important;font-size:25px!important;font-weight:950!important;text-align:center!important}
.checkout-route-page .checkout-lottery-machine{padding:10px!important;border-radius:19px!important;background:linear-gradient(145deg,#ffc83e,#ff9e35)!important;box-shadow:inset 0 0 0 4px rgba(255,255,255,.42),0 9px 22px rgba(218,125,30,.18)!important}
.checkout-route-page .checkout-lottery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.checkout-route-page .checkout-lottery-slot,
.checkout-route-page .checkout-lottery-center{
  min-width:0!important;
  aspect-ratio:1/1!important;
  padding:6px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:2px solid transparent!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#4d3b64!important;
  box-sizing:border-box!important;
}
.checkout-route-page .checkout-lottery-slot.active,
.checkout-route-page .checkout-lottery-slot.winner{border-color:#ff4e44!important;background:#fff3c6!important;box-shadow:0 0 0 3px rgba(255,255,255,.55)!important}
.checkout-route-page .checkout-lottery-slot img{width:42px!important;height:42px!important;object-fit:contain!important}
.checkout-route-page .checkout-lottery-slot span{display:-webkit-box!important;overflow:hidden!important;font-size:10px!important;font-weight:800!important;line-height:13px!important;text-align:center!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.checkout-route-page .checkout-lottery-center{
  border:0!important;
  background:linear-gradient(145deg,#8150ec,#5e3bd7)!important;
  color:#fff!important;
  box-shadow:0 7px 15px rgba(80,52,190,.3)!important;
}
.checkout-route-page .checkout-lottery-center span{font-size:17px!important;font-weight:950!important;line-height:18px!important}
.checkout-route-page .checkout-lottery-center small{font-size:9px!important;opacity:.76!important}
.checkout-route-page .checkout-wheel-result{
  width:min(88%,350px)!important;
  margin:auto!important;
  padding:24px 20px 20px!important;
  border-radius:22px!important;
  background:#fff!important;
  text-align:center!important;
  box-shadow:0 20px 65px rgba(33,39,72,.3)!important;
}
.checkout-route-page .checkout-wheel-result h2{margin:0!important;font-size:20px!important}
.checkout-route-page .checkout-wheel-result p{margin:13px 0!important;color:#626778!important;font-size:15px!important;line-height:1.6!important}
.checkout-route-page .checkout-wheel-result img{display:block!important;width:104px!important;height:104px!important;margin:0 auto 14px!important;object-fit:contain!important}
.checkout-route-page .checkout-wheel-result button{width:100%!important;height:47px!important;border:0!important;border-radius:24px!important;background:linear-gradient(135deg,#5d78ff,#775ff2)!important;color:#fff!important;font-size:16px!important;font-weight:900!important}
@media(max-width:365px){
  .checkout-route-page .checkout-form{padding-left:10px!important;padding-right:10px!important}
  .checkout-route-page .checkout-product-summary{grid-template-columns:72px minmax(0,1fr) auto!important;padding-left:12px!important;padding-right:12px!important;gap:9px!important}
  .checkout-route-page .checkout-product-summary>img{width:72px!important;height:72px!important}
  .checkout-route-page .checkout-product-summary>strong{min-width:72px!important}
  .checkout-route-page .checkout-pay-row>div{min-width:116px!important}
}


/* source: six-client-parity-20260831.css */
/* 1.9.284 六端功能同步：高清直播口令海报、陪玩评价主页、推广中心、充值活动。 */
.modal.fan-poster-modal{z-index:260!important;display:grid!important;place-items:center!important;padding:18px!important}
.fan-poster-modal .modal-backdrop{background:rgba(45,24,39,.68)!important;backdrop-filter:blur(7px)!important}
.fan-poster-modal .modal-panel{width:min(92vw,calc(88dvh * .6667),410px)!important;max-height:none!important;overflow:visible!important;border-radius:24px!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.web-fan-poster{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:24px;background:#ffc5d7;box-shadow:0 24px 72px rgba(102,22,60,.4);animation:webFanPosterIn .55s cubic-bezier(.2,.88,.28,1.15) both}
.web-fan-poster:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:url('./assets/fan-coupon-poster-bg-v6-hd.jpg') center/100% 100% no-repeat;clip-path:polygon(29% 15.5%,72% 15.5%,82% 19%,82% 24%,18% 24%,18% 19%)}
.web-fan-poster-bg{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:fill}
.web-fan-avatar{position:absolute;z-index:1;left:50%;top:3.3%;width:23.5%;aspect-ratio:1;transform:translateX(-50%);overflow:hidden;border-radius:50%;background:#ffe5ed}
.web-fan-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.web-fan-close{position:absolute;z-index:8;right:2.2%;top:1.5%;width:36px;height:36px;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:rgba(126,39,70,.72);box-shadow:0 4px 14px rgba(72,16,42,.25);color:#fff;font-size:25px;line-height:29px}
.web-fan-headline{position:absolute;z-index:4;left:10%;right:10%;top:17.1%;height:7.3%;display:flex;align-items:flex-start;justify-content:center;color:#fff;font-size:clamp(14px,3.8vw,20px);font-weight:900;line-height:1;text-shadow:0 2px 6px rgba(129,27,65,.38);white-space:nowrap}
.web-fan-headline span{display:inline-block;min-width:.48em;transform:translateY(var(--fan-y)) rotate(var(--fan-r));transform-origin:center}
.web-fan-label{position:absolute;z-index:3;top:47.9%;color:#bf5471;font-size:clamp(10px,2.25vw,13px);font-weight:800;white-space:nowrap}
.web-fan-label.amount{left:12.3%}.web-fan-label.threshold{left:51%;right:8%;text-align:center}
.web-fan-amount{position:absolute;z-index:3;left:7.8%;top:49.5%;width:36%;height:17%;display:flex;align-items:center;justify-content:center;color:#ef3c70;font-weight:950;letter-spacing:-2px}
.web-fan-amount i{margin-right:5px;font-size:clamp(21px,5.4vw,31px);font-style:normal}.web-fan-amount b{font-size:clamp(52px,14vw,78px)}
.web-fan-threshold{position:absolute;z-index:3;left:46%;right:6%;top:53.1%;height:10%;display:flex;align-items:center;justify-content:center;color:#e43d67;font-size:clamp(23px,6.5vw,36px);font-weight:950;white-space:nowrap}
.web-fan-validity{position:absolute;z-index:3;left:12%;right:12%;top:70.8%;display:flex;align-items:center;justify-content:center;color:#b64b67;font-size:clamp(16px,4.1vw,22px);font-weight:850}
.web-fan-action{position:absolute;z-index:5;left:21%;right:21%;bottom:10%;height:9%;border:3px solid rgba(255,255,255,.94);border-radius:999px;color:#fff;font-size:clamp(19px,5vw,28px);font-weight:950;text-shadow:0 2px 5px rgba(117,26,57,.25);display:flex;align-items:center;justify-content:center;margin:0;padding:0;box-sizing:border-box;line-height:1;appearance:none;box-shadow:none!important;transform:none!important;animation:none!important;text-shadow:none!important}
.web-fan-action.eligible{background:linear-gradient(180deg,#ff5b82,#f33871)}
.web-fan-action.disabled{background:#adb1bc}
.web-fan-auto-note{position:absolute;z-index:4;left:12%;right:12%;bottom:5.6%;margin:0;color:#b95672;text-align:center;font-size:clamp(10px,2.5vw,13px);font-weight:750}
@keyframes webFanPosterIn{0%{opacity:0;transform:translateY(30px) scale(.74) rotate(-2deg)}60%{opacity:1;transform:translateY(-5px) scale(1.035) rotate(.6deg)}100%{transform:none}}@keyframes webFanPulse{50%{transform:scale(1.025)}}

/* 2026-09-12 粉丝券信息重排与彩带烟花入场。 */
.web-fan-poster{z-index:2;animation-delay:.08s}
.web-fan-avatar{left:50.8%}.web-fan-avatar img{object-position:52% center}
.web-fan-headline{top:16.9%;height:7.5%;align-items:center}
.web-fan-label{top:48.2%}
.web-fan-amount{top:51.5%;height:15.5%}
.web-fan-threshold{top:54.2%;height:12%}
.web-fan-validity{top:71.9%;height:8%;text-align:center}
.web-fan-action{bottom:7.3%}
.web-fan-ticket-cover{position:absolute;z-index:2;left:43%;right:5.5%;top:50.5%;height:17.5%;background:linear-gradient(180deg,#fff7f3,#fff9f6)}
.web-fan-threshold-ticket{position:absolute;z-index:3;left:45.5%;right:7%;top:53.75%;height:13.65%;box-sizing:border-box;border:1px solid #efc2b8;border-radius:13px;background:linear-gradient(145deg,#ffe8dc,#fee1d5);box-shadow:0 4px 10px rgba(201,91,91,.12)}
.web-fan-threshold-ticket:before,.web-fan-threshold-ticket:after{content:"";position:absolute;top:50%;width:17px;height:25px;margin-top:-12.5px;border:1px solid #efc2b8;border-radius:50%;background:#fff8f5}.web-fan-threshold-ticket:before{left:-10px}.web-fan-threshold-ticket:after{right:-10px}
.web-fan-label{z-index:4;top:49.7%}
.web-fan-amount{z-index:4;top:52.25%;height:17%;transform:translateY(-.4%)}
.web-fan-amount i{font-size:clamp(25px,6.4vw,37px)}.web-fan-amount b{font-size:clamp(60px,16vw,89px)}
.web-fan-threshold{z-index:4;top:53.75%;height:13.65%}


.web-fan-celebration{position:fixed;z-index:10001;inset:0;overflow:hidden;pointer-events:none}
.web-fan-surprise{position:absolute;width:30px;height:41px;opacity:0;color:var(--c1);transform-origin:50% 70%;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both;will-change:transform,opacity}
.web-fan-celebration.playing .web-fan-surprise{animation-name:webFanSurpriseFloat}
.web-fan-surprise>b{position:relative;display:block}
.web-fan-surprise.balloon>b{width:24px;height:30px;margin:1px auto 0;border-radius:52% 52% 48% 48%;background:linear-gradient(145deg,var(--c1),var(--c2))}
.web-fan-surprise.balloon>b:before{content:"";position:absolute;left:5px;top:5px;width:5px;height:8px;border-radius:50%;background:rgba(255,255,255,.62);transform:rotate(22deg)}
.web-fan-surprise.balloon>b:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:7px;margin-left:-4px;background:var(--c2);clip-path:polygon(50% 0,100% 100%,0 100%)}
.web-fan-surprise.balloon:after{content:"";position:absolute;left:50%;top:36px;width:1px;height:22px;background:rgba(255,255,255,.5);transform:rotate(4deg);transform-origin:top}
.web-fan-surprise.heart>b{width:30px;height:32px;display:flex;align-items:center;justify-content:center}
.web-fan-surprise.heart>b:before{content:"♥";color:var(--c1);font-size:28px;font-weight:900;line-height:1}
.web-fan-surprise.ribbon>b{width:25px;height:14px;margin:7px auto 0;border-top:4px solid var(--c1);border-radius:65% 40% 0 0;transform:rotate(-10deg)}
.web-fan-surprise.ribbon>b:after{content:"";position:absolute;right:-2px;top:1px;width:14px;height:11px;border-bottom:4px solid var(--c2);border-radius:0 0 65% 45%;transform:rotate(18deg)}
.web-fan-surprise.p1{left:6%;top:84%;--xm:-10px;--xe:-17px;--ym:-68px;--ye:-116px;--s:0.8;--r0:-13deg;--r1:8deg;--c1:#ff76a8;--c2:#e93678;animation-delay:0.00s;animation-duration:1.68s}.web-fan-surprise.p2{left:16%;top:66%;--xm:6px;--xe:11px;--ym:-73px;--ye:-125px;--s:0.92;--r0:8deg;--r1:-5deg;--c1:#ff547f;--c2:#ff93b6;animation-delay:0.04s;animation-duration:1.88s}.web-fan-surprise.p3{left:27%;top:91%;--xm:-5px;--xe:-9px;--ym:-77px;--ye:-133px;--s:0.72;--r0:-19deg;--r1:12deg;--c1:#ffd059;--c2:#ff8d55;animation-delay:0.07s;animation-duration:2.04s}.web-fan-surprise.p4{left:39%;top:74%;--xm:8px;--xe:15px;--ym:-82px;--ye:-142px;--s:1.0;--r0:12deg;--r1:-8deg;--c1:#7acfff;--c2:#4b78f2;animation-delay:0.02s;animation-duration:1.76s}.web-fan-surprise.p5{left:52%;top:88%;--xm:-8px;--xe:-13px;--ym:-87px;--ye:-150px;--s:0.84;--r0:-9deg;--r1:6deg;--c1:#9b8bff;--c2:#6551dc;animation-delay:0.08s;animation-duration:1.96s}.web-fan-surprise.p6{left:64%;top:63%;--xm:5px;--xe:8px;--ym:-62px;--ye:-108px;--s:0.76;--r0:16deg;--r1:-10deg;--c1:#ff5f98;--c2:#ff9fbd;animation-delay:0.03s;animation-duration:1.72s}.web-fan-surprise.p7{left:76%;top:94%;--xm:11px;--xe:19px;--ym:-68px;--ye:-116px;--s:0.96;--r0:-6deg;--r1:4deg;--c1:#7de7c1;--c2:#2ab899;animation-delay:0.06s;animation-duration:1.91s}.web-fan-surprise.p8{left:90%;top:78%;--xm:-6px;--xe:-10px;--ym:-73px;--ye:-125px;--s:0.82;--r0:14deg;--r1:-9deg;--c1:#ff7daa;--c2:#f03d78;animation-delay:0.01s;animation-duration:1.82s}.web-fan-surprise.p9{left:10%;top:47%;--xm:8px;--xe:14px;--ym:-77px;--ye:-133px;--s:0.88;--r0:-17deg;--r1:11deg;--c1:#ffbf51;--c2:#ff6b75;animation-delay:0.05s;animation-duration:2.08s}.web-fan-surprise.p10{left:24%;top:55%;--xm:-9px;--xe:-16px;--ym:-82px;--ye:-142px;--s:1.03;--r0:10deg;--r1:-6deg;--c1:#b68fff;--c2:#724fe2;animation-delay:0.03s;animation-duration:1.74s}.web-fan-surprise.p11{left:37%;top:40%;--xm:4px;--xe:7px;--ym:-87px;--ye:-150px;--s:0.78;--r0:-12deg;--r1:8deg;--c1:#ff477b;--c2:#ff8caf;animation-delay:0.07s;animation-duration:1.98s}.web-fan-surprise.p12{left:50%;top:52%;--xm:-7px;--xe:-12px;--ym:-62px;--ye:-108px;--s:0.9;--r0:18deg;--r1:-12deg;--c1:#55d8df;--c2:#4d7af0;animation-delay:0.02s;animation-duration:1.85s}.web-fan-surprise.p13{left:62%;top:36%;--xm:10px;--xe:17px;--ym:-68px;--ye:-116px;--s:0.8;--r0:-13deg;--r1:8deg;--c1:#ff8dbb;--c2:#ef477c;animation-delay:0.00s;animation-duration:1.68s}.web-fan-surprise.p14{left:75%;top:48%;--xm:-5px;--xe:-8px;--ym:-73px;--ye:-125px;--s:0.92;--r0:8deg;--r1:-5deg;--c1:#ffe066;--c2:#f18c44;animation-delay:0.04s;animation-duration:1.88s}.web-fan-surprise.p15{left:89%;top:57%;--xm:8px;--xe:13px;--ym:-77px;--ye:-133px;--s:0.72;--r0:-19deg;--r1:12deg;--c1:#ff5a87;--c2:#ff9ebc;animation-delay:0.07s;animation-duration:2.04s}.web-fan-surprise.p16{left:5%;top:29%;--xm:-10px;--xe:-18px;--ym:-82px;--ye:-142px;--s:1.0;--r0:12deg;--r1:-8deg;--c1:#7fc7ff;--c2:#5b6ff2;animation-delay:0.02s;animation-duration:1.76s}.web-fan-surprise.p17{left:18%;top:20%;--xm:6px;--xe:10px;--ym:-87px;--ye:-150px;--s:0.84;--r0:-9deg;--r1:6deg;--c1:#ff517e;--c2:#ff97b5;animation-delay:0.08s;animation-duration:1.96s}.web-fan-surprise.p18{left:31%;top:31%;--xm:-8px;--xe:-14px;--ym:-62px;--ye:-108px;--s:0.76;--r0:16deg;--r1:-10deg;--c1:#8ce7d0;--c2:#3bb99c;animation-delay:0.03s;animation-duration:1.72s}.web-fan-surprise.p19{left:45%;top:23%;--xm:9px;--xe:16px;--ym:-68px;--ye:-116px;--s:0.96;--r0:-6deg;--r1:4deg;--c1:#c199ff;--c2:#7955e8;animation-delay:0.06s;animation-duration:1.91s}.web-fan-surprise.p20{left:58%;top:15%;--xm:-4px;--xe:-7px;--ym:-73px;--ye:-125px;--s:0.82;--r0:14deg;--r1:-9deg;--c1:#ffca5f;--c2:#ff735f;animation-delay:0.01s;animation-duration:1.82s}.web-fan-surprise.p21{left:71%;top:28%;--xm:7px;--xe:12px;--ym:-77px;--ye:-133px;--s:0.88;--r0:-17deg;--r1:11deg;--c1:#ff4f88;--c2:#ff9ab9;animation-delay:0.05s;animation-duration:2.08s}.web-fan-surprise.p22{left:84%;top:18%;--xm:-8px;--xe:-15px;--ym:-82px;--ye:-142px;--s:1.03;--r0:10deg;--r1:-6deg;--c1:#67d9f2;--c2:#4777e8;animation-delay:0.03s;animation-duration:1.74s}.web-fan-surprise.p23{left:95%;top:35%;--xm:5px;--xe:9px;--ym:-87px;--ye:-150px;--s:0.78;--r0:-12deg;--r1:8deg;--c1:#ff6495;--c2:#ffacc3;animation-delay:0.07s;animation-duration:1.98s}.web-fan-surprise.p24{left:93%;top:89%;--xm:10px;--xe:17px;--ym:-62px;--ye:-108px;--s:0.9;--r0:18deg;--r1:-12deg;--c1:#a890ff;--c2:#6650df;animation-delay:0.02s;animation-duration:1.85s}
@keyframes webFanSurpriseFloat{0%{opacity:0;transform:translate3d(0,7px,0) scale(.78) rotate(var(--r0))}7%{opacity:1;transform:translate3d(0,0,0) scale(var(--s)) rotate(var(--r0))}62%{opacity:.96;transform:translate3d(var(--xm),var(--ym),0) scale(var(--s)) rotate(0deg)}100%{opacity:0;transform:translate3d(var(--xe),var(--ye),0) scale(var(--s)) rotate(var(--r1))}}

.player-profile-id{align-items:center!important}.profile-avatar-box{position:relative;flex:0 0 82px;width:82px;align-self:center}.profile-avatar-box>img{display:block;width:74px;height:74px;margin:0 auto;border-radius:50%;object-fit:cover;background:#e9edf3}
.profile-voice-capsule{position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);min-width:64px;height:25px;display:flex;align-items:center;justify-content:center;gap:5px;border:2px solid rgba(255,255,255,.95);border-radius:999px;background:linear-gradient(135deg,#5bbcff,#6674ff);color:#fff;box-shadow:0 4px 12px rgba(61,99,221,.35);font-size:10px}
.profile-voice-capsule>span{height:12px;display:flex;align-items:center;gap:2px}.profile-voice-capsule i{display:block;width:2px;height:7px;border-radius:3px;background:#fff}.profile-voice-capsule i:nth-child(2){height:12px}.profile-voice-capsule.playing i{animation:webVoiceWave .65s ease-in-out infinite alternate}.profile-voice-capsule.playing i:nth-child(2){animation-delay:.12s}.profile-voice-capsule.playing i:nth-child(3){animation-delay:.24s}
@keyframes webVoiceWave{to{height:3px}}
.profile-metrics{display:flex;align-items:center;gap:7px;margin-top:8px}.profile-metrics span{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:6px;font-size:12px;font-weight:900}.profile-metrics .wealth{background:linear-gradient(100deg,#fff0b9,#ffd36f);color:#70501d}.profile-metrics .charm{background:linear-gradient(100deg,#ffdce9,#ffb9d4);color:#9b4f73}
.profile-tabs{grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important}
.profile-reviews>header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px}.profile-reviews>header>b{font-size:19px}.profile-reviews>header>span{color:#9b9fab;font-size:12px}
.profile-review-item{padding:17px 5px;border-top:1px solid #eef0f5}.profile-reviewer{display:flex;align-items:center;gap:10px}.profile-reviewer>img{width:43px;height:43px;border-radius:50%;object-fit:cover}.profile-reviewer>div{display:flex;flex-direction:column;gap:3px}.profile-reviewer b{font-size:14px}.profile-reviewer span{color:#a0a4af;font-size:11px}.profile-review-item>p{margin:12px 0 9px;font-size:15px;line-height:1.65}
.profile-review-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.profile-review-tags span{padding:5px 8px;border-radius:5px;background:#f0efff;color:#6c70dc;font-size:10px}
.profile-review-product{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;padding:9px;border-radius:9px;background:#f6f6f8}.profile-review-product>img{width:58px;height:58px;border-radius:7px;object-fit:cover}.profile-review-product>div{min-width:0;display:flex;flex-direction:column;gap:5px}.profile-review-product b,.profile-review-product span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-review-product span{color:#838895;font-size:11px}.profile-review-product strong{color:#ef6b70}
.profile-review-images{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.profile-review-images button{padding:0;border:0;background:none}.profile-review-images img{display:block;width:100%;aspect-ratio:1;border-radius:7px;object-fit:cover}

.web-promotion-apply{position:relative;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(75,39,151,.16)}.web-promotion-apply>img{display:block;width:100%;height:auto}.web-promotion-apply>button{position:absolute;left:11%;right:11%;bottom:4.5%;height:9.5%;border:0;border-radius:999px;background:rgba(94,45,215,.04);color:transparent}.web-promotion-apply>button:disabled{cursor:default}
.web-promotion-state{display:flex;flex-direction:column;gap:7px;margin-top:14px;padding:16px;border-radius:14px;background:#fff}.web-promotion-state b{color:#6540d3}.web-promotion-state.rejected b{color:#df5871}.web-promotion-state span{color:#8f899a;font-size:12px}
.web-promotion-hero{padding:18px 19px 17px;border-radius:18px;background:linear-gradient(135deg,#41209f,#7245e6 55%,#9d65ff);box-shadow:0 12px 32px rgba(91,47,185,.22);color:#fff}.web-promotion-identity-row{min-height:76px;display:flex;align-items:center;gap:14px}.web-promotion-player{width:68px;flex:0 0 68px;display:flex;flex-direction:column;align-items:center;min-width:0}.web-promotion-player img{display:block;width:50px;height:50px;border:2px solid rgba(255,255,255,.94);border-radius:50%;object-fit:cover;background:rgba(255,255,255,.16);box-shadow:0 5px 15px rgba(39,17,95,.28)}.web-promotion-player b{display:block;width:100%;margin-top:5px;overflow:hidden;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;text-shadow:0 1px 4px rgba(38,15,87,.25)}.web-promotion-heading{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}.web-promotion-heading small{font-size:11px;letter-spacing:1px;opacity:.75}.web-promotion-heading h2{margin:7px 0 0;font-size:23px;line-height:1.15}.web-promotion-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;padding-top:13px;border-top:1px solid rgba(255,255,255,.2)}.web-promotion-summary>b{text-align:center;font-size:21px}.web-promotion-summary small{display:block;margin-top:4px;font-size:10px;font-weight:500;opacity:.75}
.web-promotion-campaigns{margin-top:13px;padding:0 15px;border-radius:15px;background:#fff}.web-promotion-campaigns article{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0edf7}.web-promotion-campaigns article:last-child{border:0}.web-promotion-campaigns article div,.web-promotion-campaigns article strong{display:flex;flex-direction:column;gap:5px}.web-promotion-campaigns article span,.web-promotion-campaigns article small{color:#8d8798;font-size:10px}.web-promotion-campaigns article>strong{color:#673ce0;text-align:right;font-size:18px}
.web-promotion-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:14px 0 10px;padding:4px;border-radius:14px;background:#eae6f6}.web-promotion-tabs button{height:39px;border:0;border-radius:11px;background:transparent;color:#777087;font-weight:750}.web-promotion-tabs button.on{background:#fff;color:#5f35d3;box-shadow:0 4px 13px rgba(64,35,133,.1)}
.web-promotion-records{display:flex;flex-direction:column;gap:8px}.web-promotion-record{min-height:74px;display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(61,43,102,.06)}.web-promotion-record>img{width:46px;height:46px;border-radius:50%;object-fit:cover}.web-promotion-record>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.web-promotion-record b,.web-promotion-record span,.web-promotion-record small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-promotion-record span{color:#746e80;font-size:11px}.web-promotion-record small{display:block;color:#aaa4b4;font-size:10px}.web-promotion-record>strong{flex:none;color:#5d35ce;text-align:right}.web-promotion-record>strong.commission{color:#eb5778}

.web-recharge-promos{display:block!important;padding:0!important;border:0!important;background:transparent!important}.web-recharge-promos>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.web-recharge-promos>header div{display:flex;flex-direction:column}.web-recharge-promos>header b{font-size:17px}.web-recharge-promos>header span{color:#9297a5;font-size:10px}.web-recharge-promos>header em{padding:5px 9px;border-radius:999px;background:#ffe8ef;color:#ec5c85;font-size:10px;font-style:normal}.web-recharge-promo-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory}.web-recharge-promo-track>article{min-width:100%;padding:14px;border:1px solid #f1ddff;border-radius:15px;background:linear-gradient(145deg,#fff,#fbf5ff);scroll-snap-align:start;box-sizing:border-box}.web-recharge-promo-title{display:flex;align-items:center;gap:9px}.web-recharge-promo-title>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#7260ff,#9c6cff);color:#fff}.web-recharge-promo-title>div{display:flex;flex-direction:column}.web-recharge-promo-title small{margin-top:3px;color:#9297a5}.web-recharge-promo-tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:11px}.web-recharge-promo-tiers>div{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:9px;background:#f2efff;font-size:11px}.web-recharge-promo-tiers b{color:#6651db}.web-recharge-promo-track p{margin:10px 0 0;color:#9893a5;text-align:center;font-size:10px}
@media(max-width:680px){.modal.fan-poster-modal{align-items:center!important;padding:16px!important}.fan-poster-modal .modal-panel{width:min(92vw,calc(88dvh * .6667))!important;border-radius:24px!important;padding:0!important}.player-profile-id{gap:10px!important;padding-left:14px!important;padding-right:14px!important}.profile-avatar-box{flex-basis:78px;width:78px}}

/* 1.9.289 推荐榜：领奖台与第四名榜单无缝衔接，游戏分类文字垂直居中。 */
.home-shell.rank .rank-hero{min-height:0!important;padding-bottom:0!important}
.home-shell.rank .rank-hero:after{display:none!important;content:none!important}
.home-shell.rank .podium{margin-bottom:0!important}
.home-shell.rank .rank-podium-bg{display:none!important}
.home-shell.rank .rank-list-card{margin:-2px 0 0!important;border-top-left-radius:18px!important;border-top-right-radius:18px!important}
.home-shell.rank .rank-identity-row .rank-game-pill,
.home-shell.rank .rank-meta .rank-game-pill{display:inline-flex!important;height:19px!important;min-height:19px!important;align-items:center!important;justify-content:center!important;line-height:1!important;vertical-align:middle!important}

/* 1.9.290 我的推广：新申请海报与独立审核中状态。 */
.web-promotion-apply>button{bottom:3.5%!important;height:10%!important}
.web-promotion-review-page{min-height:calc(100dvh - 126px);display:flex;align-items:flex-start;justify-content:center;padding:56px 4px 32px;box-sizing:border-box}
.web-promotion-review-card{width:100%;padding:28px 18px 17px;border:1px solid rgba(105,75,200,.08);border-radius:18px;background:radial-gradient(circle at 92% 0,rgba(139,94,255,.13),transparent 35%),#fff;text-align:center;box-shadow:0 11px 32px rgba(74,45,139,.12);box-sizing:border-box}
.web-promotion-review-icon{width:68px;height:68px;margin:0 auto 14px;border:5px solid #fff4dc;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff0c8,#ffe2a2);color:#ee941b;font-size:27px;font-weight:900;line-height:1;box-shadow:0 6px 17px rgba(238,148,27,.18)}
.web-promotion-review-card h2{margin:0;color:#231936;font-size:22px;line-height:1.2}
.web-promotion-review-card>p{max-width:295px;margin:9px auto 17px;color:#706a7b;font-size:13.5px;line-height:1.7}
.web-promotion-review-info{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f0edf5;font-size:13px;text-align:left}
.web-promotion-review-info span{color:#9a94a4}.web-promotion-review-info b{max-width:215px;color:#292134;text-align:right}.web-promotion-review-info b.pending{color:#7146df}
.web-promotion-review-tip{margin-top:13px;padding:10px 12px;border-radius:10px;background:#f4f0ff;color:#7652d8;font-size:12px;line-height:1.45}

/* 1.9.292 我的推广：六项统计统一为上方数字、下方名称的两行三列布局。 */
.web-promotion-summary{row-gap:12px}
.web-promotion-summary>b{min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;line-height:1.05}
.web-promotion-payout-note{margin:8px 0 0;color:rgba(255,255,255,.72);text-align:center;font-size:9.5px;line-height:14px}
.web-promotion-record>strong.commission.pending{color:#8155e5}

/* One button surface in all coupon states; no offset shadow or duplicate decoration. */
.web-fan-action:before,.web-fan-action:after{display:none!important;content:none!important}


/* source: home-blue-sheet-20260902.css */
/* 1.9.303 六端首页：蓝色品牌头部、白色弧面发现层、优惠短标签。 */
.parity-page.home-shell.home{background:#fff!important}
.parity-page.home-shell.home .blue-hero{
  padding:0 14px!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:linear-gradient(146deg,transparent 0 61%,rgba(255,255,255,.055) 61% 73%,transparent 73%),linear-gradient(34deg,transparent 0 73%,rgba(159,181,255,.16) 73% 100%),radial-gradient(circle at 84% 10%,rgba(184,200,255,.34),transparent 32%),linear-gradient(135deg,#3154f4 0%,#5873f7 48%,#8798fb 100%)!important;
}
.parity-page.home-shell.home .top-hero.blue-hero{min-height:0!important;padding-bottom:0!important}
.parity-page.home-shell.home .hero-top{height:68px!important;margin:-8px 0 0!important;padding:0 5px!important;box-sizing:border-box;position:relative;z-index:4}
.parity-page.home-shell.home .home-discovery-sheet{position:relative;z-index:3;margin:5px -14px 0;padding:14px 14px 0;min-height:0!important;box-sizing:border-box;border-radius:26px 26px 0 0;background:#fff!important;color:#202536;box-shadow:0 -2px 0 rgba(255,255,255,.4),0 -9px 24px rgba(37,64,171,.08),0 8px 0 #fff}
.parity-page.home-shell.home .notice{width:100%!important;height:27px!important;margin:0 0 11px!important;border-radius:7px!important;background:#f6f7fb!important;color:#7d8291!important;font-size:12px!important;line-height:27px!important}
.web-home-activity-strip{position:relative;height:34px;margin:0 0 12px;overflow:hidden;border-bottom:1px solid #f3f0f0;background:#fff}
.web-home-activity-scroller{display:flex;align-items:center;gap:9px;width:100%;height:30px;padding:0 87px 4px 0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.web-home-activity-scroller::-webkit-scrollbar{display:none}
.web-home-activity-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:140px;height:24px;padding:0 11px;border:1px solid #f0a1a8;border-radius:6px;box-sizing:border-box;background:#fff;color:#dc404a;font:600 12.5px/24px inherit;cursor:pointer;white-space:nowrap}
.web-home-activity-chip span{display:block;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.web-home-activity-chip.type-coupon{padding-left:14px;padding-right:14px;border-radius:5px}
.web-home-activity-chip .ticket-notch{position:absolute;top:50%;width:7px;height:11px;margin-top:-5.5px;border-radius:50%;background:#fff}
.web-home-activity-chip .ticket-notch.left{left:-4px;border-right:1px solid #f0a1a8}.web-home-activity-chip .ticket-notch.right{right:-4px;border-left:1px solid #f0a1a8}
.web-home-activity-chip.tone-amber{border-color:#efad83;color:#db6f2f;background:#fffdfb}.web-home-activity-chip.tone-violet{border-color:#d7b0ee;color:#9755be;background:#fefcff}.web-home-activity-chip.tone-blue{border-color:#aabdf1;color:#4d70c9;background:#fbfcff}.web-home-activity-chip.tone-green{border-color:#a5d7be;color:#388d61;background:#fbfffd}
.web-home-activity-chip:active{transform:scale(.97)}
.web-home-activity-spacer{flex:0 0 66px;height:1px}
/* 仅在“全部”左侧最后 24px 逐渐淡出，前面的活动始终清晰。 */
.web-home-activity-fade{position:absolute;z-index:4;right:58px;top:0;width:24px;height:31px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.06) 20%,rgba(255,255,255,.22) 40%,rgba(255,255,255,.5) 65%,rgba(255,255,255,.82) 85%,#fff 100%)}
.web-home-activity-all{position:absolute;z-index:5;right:0;top:0;display:flex;align-items:center;justify-content:flex-end;width:58px;height:30px;padding:0;border:0;background:#fff;color:#d83f48;font-size:13px;font-weight:800;cursor:pointer}
.web-home-activity-all em{display:none}.web-home-activity-all>i{margin-left:3px;font-size:17px;font-style:normal;line-height:1}
.parity-page.home-shell.home .game-scroll{height:61px!important;min-height:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;background:#fff!important;border:0!important;box-shadow:none!important}
.parity-page.home-shell.home .game-scroll::-webkit-scrollbar{display:none}
.parity-page.home-shell.home .home-category-bridge{position:relative!important;z-index:7!important;display:block!important;width:100%!important;height:12px!important;margin:-1px 0 0!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important}
.parity-page.home-shell.home .game-item{flex:0 0 calc(22.2222% - 10.6667px)!important;width:calc(22.2222% - 10.6667px)!important;margin:0!important;padding:0!important}
.parity-page.home-shell.home .game-item .game-icon-shell,.parity-page.home-shell.home .game-item>img{width:38px!important;height:38px!important;border:0!important;border-radius:9px!important;box-shadow:0 4px 10px rgba(52,65,119,.10)!important}
.parity-page.home-shell.home .game-item.on .game-icon-shell,.parity-page.home-shell.home .game-item.on>img{box-shadow:0 0 0 2px rgba(87,108,245,.23),0 4px 10px rgba(52,65,119,.12)!important}
.parity-page.home-shell.home .game-item>span:last-child{margin-top:4px!important;color:#646976!important;font-size:12.5px!important;font-weight:500!important;line-height:16px!important}
.parity-page.home-shell.home .game-item.on>span:last-child{color:#252a38!important;font-weight:800!important}
.parity-page.home-shell.home .home-sheet-categories{position:relative!important;z-index:6!important;display:flex!important;gap:7px!important;height:32px!important;min-height:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;background:#fff!important;border:0!important;box-shadow:none!important;scrollbar-width:none!important}
.parity-page.home-shell.home .home-sheet-categories::-webkit-scrollbar{display:none}
.parity-page.home-shell.home .home-sheet-categories .cat{flex:0 0 auto!important;height:29px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:6px!important;background:#f7f7fb!important;color:#8b8e99!important;font-size:13px!important;line-height:29px!important;box-shadow:none!important}
.parity-page.home-shell.home .home-sheet-categories .cat.on{background:var(--theme,#6676ff)!important;color:#fff!important;font-weight:800!important}
.parity-page.home-shell.home+.home-content,.parity-page.home-shell.home .home-content{position:relative!important;z-index:5!important;margin-top:0!important;padding-top:0!important;background:#fff!important;box-shadow:0 -4px 0 #fff!important}
@media (min-width:768px){
  .parity-page.home-shell.home .blue-hero{padding-left:20px!important;padding-right:20px!important}
  .parity-page.home-shell.home .home-discovery-sheet{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
  .web-home-activity-chip{max-width:180px;height:28px;padding:0 14px;font-size:13px;line-height:28px}.web-home-activity-chip span{max-width:150px}
  .web-home-activity-strip{height:40px}.web-home-activity-scroller{height:36px}.web-home-activity-fade{height:36px}.web-home-activity-all{height:35px}
}


/* source: category-state-1.9.308.css */
/* 1.9.308 六端游戏分类状态：严格对齐首页与全部商品参考图。 */

/* 首页：选中原色无描边；未选中覆盖白雾；标题黑/灰。 */
.parity-page.home-shell.home .game-scroll{height:77px!important}
.parity-page.home-shell.home .game-item{position:relative!important}
.parity-page.home-shell.home .game-item .game-icon-shell,
.parity-page.home-shell.home .game-item>img{
  width:52px!important;
  height:52px!important;
  flex-basis:52px!important;
  border:0!important;
  border-radius:11.5px!important;
  background:transparent!important;
  box-shadow:0 4px 10px rgba(52,65,119,.08)!important;
}
.parity-page.home-shell.home .game-item .game-icon-shell .game-icon-art{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:inherit!important;
  object-fit:cover!important;
}
.parity-page.home-shell.home .game-icon-shell .game-icon-mask{
  display:block!important;
  background:rgba(255,255,255,.46)!important;
  box-shadow:none!important;
}
.parity-page.home-shell.home .game-icon-shell.is-muted .game-icon-art{
  opacity:.78!important;
  filter:saturate(.72) brightness(1.08) contrast(.92)!important;
}
.parity-page.home-shell.home .game-icon-shell.is-selected .game-icon-mask{display:none!important}
.parity-page.home-shell.home .game-icon-shell.is-selected .game-icon-art{opacity:1!important;filter:none!important}
.parity-page.home-shell.home .game-item.on .game-icon-shell,
.parity-page.home-shell.home .game-item.on>img{box-shadow:0 4px 10px rgba(52,65,119,.10)!important}
.parity-page.home-shell.home .game-item>span:last-child{
  margin-top:5px!important;
  color:#9b9da4!important;
  font-size:14px!important;
  line-height:17px!important;
  font-weight:400!important;
}
.parity-page.home-shell.home .game-item.on>span:last-child{color:#111318!important;font-weight:500!important}

/* 全部商品：选中蓝色紧贴描边与蓝色胶囊；未选中白色描边，无胶囊。 */
.products-grid-page .game-row{height:95px!important}
.products-grid-page .game{width:79px!important;margin:0 4px 0 0!important}
.products-grid-page .game:first-child{margin-left:9px!important}
.products-grid-page .game img{
  width:56px!important;
  height:56px!important;
  padding:0!important;
  border:3.5px solid #fff!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:0 3px 6px rgba(70,79,136,.10)!important;
}
.products-grid-page .game.on img{
  padding:0!important;
  border:2px solid #6577f4!important;
  background:transparent!important;
  box-shadow:0 3px 6px rgba(92,110,238,.12)!important;
}
.products-grid-page .game span,
.products-grid-page .game:not(.on) span{
  max-width:85px!important;
  margin-top:6px!important;
  padding:0!important;
  color:#151821!important;
  font-size:14.5px!important;
  line-height:20px!important;
  font-weight:400!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.products-grid-page .game.on span{
  display:inline-flex!important;
  min-height:23px!important;
  height:23px!important;
  padding:0 9px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#6577f4!important;
  color:#fff!important;
  font-size:14.5px!important;
  line-height:23px!important;
  font-weight:400!important;
  white-space:nowrap!important;
  overflow:visible!important;
}


/* source: products-category-1.9.310.css */
/* 1.9.310 全部商品游戏分类：四个半、原图、蓝框紧贴、标题常规字重。 */
.products-grid-page .products-hero .page-title{justify-content:center!important;text-align:center!important;font-weight:400!important}
.products-grid-page .game-row{height:79px!important;padding:0!important}
.products-grid-page .game{width:21.4%!important;flex:0 0 21.4%!important;margin:0 .6% 0 0!important}
.products-grid-page .game:first-child{margin-left:1.2%!important}
.products-grid-page .game img{width:48px!important;height:48px!important;padding:0!important;border:.5px solid #fff!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;outline:0!important}
.products-grid-page .game span,.products-grid-page .game:not(.on) span{max-width:74px!important;margin-top:5px!important;font-size:13px!important;line-height:17px!important}
.products-grid-page .game.on img{padding:0!important;border:1.5px solid #6577f4!important;background:transparent!important;box-shadow:none!important;outline:0!important}
.products-grid-page .game.on span{min-height:19px!important;height:19px!important;padding:0 4px!important;font-size:12.5px!important;line-height:19px!important}


/* source: home-quick-entry-1.9.309.css */
/* 1.9.309 首页快捷入口：游戏分类下方的人工客服 / 考核商行双卡片。 */
.parity-page.home-shell.home .home-quick-entry-row{display:flex;align-items:center;gap:8px;height:71px;margin:5px 0 0;padding:0;box-sizing:border-box;background:#fff}
.parity-page.home-shell.home button.home-quick-entry{position:relative;display:flex;align-items:center;justify-content:flex-start!important;flex:1 1 0;min-width:0;height:65px;margin:0;padding:0;overflow:hidden;border:0;border-radius:13px;box-sizing:border-box;color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:0 5px 12px rgba(125,72,202,.10)}
.parity-page.home-shell.home .home-quick-entry.customer{background:linear-gradient(112deg,#ff45ce 0%,#ff66d4 56%,#f999d9 100%)}
.parity-page.home-shell.home .home-quick-entry.player-apply{background:linear-gradient(112deg,#ae49ef 0%,#b54ff3 48%,#d05de9 100%)}
.parity-page.home-shell.home .home-quick-entry-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding-left:15px;white-space:nowrap;text-align:left}
.parity-page.home-shell.home .home-quick-entry-copy strong{display:block;color:#fff;font-size:17px;line-height:21px;font-weight:900;letter-spacing:.25px;text-shadow:0 2px 4px rgba(89,33,137,.10)}
.parity-page.home-shell.home .home-quick-entry-copy small{display:block;margin-top:2px;color:rgba(255,255,255,.88);font-size:11.5px;line-height:15px;font-weight:500}
.parity-page.home-shell.home .home-quick-entry-art{position:absolute;z-index:2;right:-3px;bottom:-4px;display:block;width:81px;height:58px;object-fit:contain;pointer-events:none}
.parity-page.home-shell.home .home-quick-entry:active{transform:scale(.985)}


/* source: home-category-1.9.311.css */
/* 1.9.311 首页游戏分类与快捷入口：清晰原图 + 白色蒙层，不使用模糊。 */
.parity-page.home-shell.home .game-item .game-icon-shell{
  width:52px!important;
  height:52px!important;
  flex-basis:52px!important;
  padding:0!important;
  border:0!important;
  border-radius:11.5px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.parity-page.home-shell.home .game-item .game-icon-shell .game-icon-art,
.parity-page.home-shell.home .game-icon-shell.is-muted .game-icon-art,
.parity-page.home-shell.home .game-icon-shell.is-selected .game-icon-art{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
  object-fit:cover!important;
}
.parity-page.home-shell.home .game-icon-shell .game-icon-mask{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:rgba(255,255,255,.50)!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.parity-page.home-shell.home .game-icon-shell.is-selected .game-icon-mask{display:none!important}
.parity-page.home-shell.home .game-item.on .game-icon-shell{border:0!important;box-shadow:none!important}
.parity-page.home-shell.home .home-quick-entry-row{gap:6px!important}
.parity-page.home-shell.home button.home-quick-entry.customer{border-radius:14px 19px 19px 14px!important}
.parity-page.home-shell.home button.home-quick-entry.player-apply{border-radius:19px 14px 14px 19px!important}


/* source: home-activity-icon-polish-1.9.314.css */
/* 1.9.314 首页活动条统一蓝色，游戏图标裁切素材透明留白。 */
.web-home-activity-chip,.web-home-activity-chip.tone-amber,.web-home-activity-chip.tone-violet,.web-home-activity-chip.tone-blue,.web-home-activity-chip.tone-green,.web-home-activity-chip.tone-rose{border-color:#aabdf1!important;background:#fbfcff!important;color:#4d70c9!important}
.web-home-activity-chip span{color:#4d70c9!important}
.web-home-activity-chip .ticket-notch.left{border-right-color:#aabdf1!important}.web-home-activity-chip .ticket-notch.right{border-left-color:#aabdf1!important}
.web-home-activity-all,.web-home-activity-all>i{color:#4d70c9!important}
.parity-page.home-shell.home .game-item .game-icon-shell{overflow:hidden!important;border:0!important;background:transparent!important;box-shadow:none!important}
.parity-page.home-shell.home .game-item .game-icon-shell .game-icon-art{width:119%!important;height:119%!important;max-width:none!important;max-height:none!important;left:-9.5%!important;top:-9.5%!important;border:0!important;background:transparent!important;box-shadow:none!important}
.parity-page.home-shell.home .game-item.on .game-icon-shell,.parity-page.home-shell.home .game-item.on .game-icon-shell .game-icon-art{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}


/* source: home-products-scale-1.9.315.css */
/* 1.9.315 首页与全部商品分类按参考图比例收口。 */
.parity-page.home-shell.home .game-scroll{height:68px!important}
.parity-page.home-shell.home .game-item .game-icon-shell{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:10px!important}
.parity-page.home-shell.home .game-item .game-icon-shell .game-icon-art{width:119%!important;height:119%!important;left:-9.5%!important;top:-9.5%!important;border-radius:12px!important}
.parity-page.home-shell.home .game-item .game-icon-mask{border-radius:10px!important}
.parity-page.home-shell.home .game-item>span:last-child{max-width:65px!important;margin-top:4px!important;font-size:11.5px!important;line-height:15px!important}

/* 首项文字对齐 78px 侧栏中 15.5px 三字分类的起点，随视口宽度校准。 */
.products-grid-page .game-row{height:73px!important;position:relative;left:calc(32.5px - 11.9%)}
.products-grid-page .game .game-icon-frame{position:relative;display:flex;width:44px;height:44px;flex:none;align-items:center;justify-content:center;overflow:hidden;border:1px solid #fff;border-radius:9.5px;background:#fff;box-shadow:none;box-sizing:border-box;font-style:normal}
.products-grid-page .game .game-icon-frame img{position:relative;width:52.5px!important;height:52.5px!important;max-width:none!important;max-height:none!important;flex:none;padding:0!important;border:0!important;border-radius:11.5px!important;background:transparent!important;box-shadow:none!important;outline:0!important;object-fit:cover!important}
.products-grid-page .game.on .game-icon-frame{border:1.5px solid #6577f4;background:#6577f4}
.products-grid-page .game.on .game-icon-frame img{width:50px!important;height:50px!important}
.products-grid-page .game>span:last-child,.products-grid-page .game:not(.on)>span:last-child{max-width:68px!important;margin-top:4px!important;font-size:12px!important;line-height:15.5px!important}
.products-grid-page .game.on>span:last-child{min-height:18px!important;height:18px!important;padding:0 4px!important;font-size:11.5px!important;line-height:18px!important}

.products-grid-page .tip-banner-frame{position:relative;width:100%;aspect-ratio:586/151;margin:0 0 12px;overflow:hidden;border:0;border-radius:7px;background:transparent;box-shadow:none}
.products-grid-page .tip-banner-frame .tip-banner-img{position:absolute!important;left:-1.2%!important;top:-6%!important;display:block!important;width:102.4%!important;max-width:none!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}


/* source: activity-entitlement-1.9.316.css */
/* 1.9.316 全部活动：头像、标题、真实进度、右侧紧凑操作。 */
.web-home-activity-list article{min-height:68px;padding:12px 9px 12px 11px;gap:0}
.web-home-activity-list article>span{width:44px;height:44px;flex:0 0 44px;margin-right:10px;border-radius:50%}
.web-home-activity-card-main{min-width:0;flex:1;height:44px;display:flex;flex-direction:column;justify-content:space-between}
.web-home-activity-list .web-home-activity-card-main>b{display:block;overflow:hidden;color:#20263a;font-size:13px;line-height:17px;text-overflow:ellipsis;white-space:nowrap}
.web-home-activity-progress{height:4px;margin-top:0;overflow:hidden;border-radius:99px;background:#eceefa}
.web-home-activity-progress>i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#6284ff,#7653ee);transition:width .28s ease}
.web-home-activity-progress-meta{display:flex!important;align-items:center;justify-content:space-between;gap:6px;margin-top:3px}
.web-home-activity-progress-meta small{min-width:0;overflow:hidden;color:#9298aa!important;font-size:9.5px!important;line-height:11px!important;text-overflow:ellipsis;white-space:nowrap}
.web-home-activity-progress-meta small:last-child{color:#6171c9!important;font-weight:800}
.web-home-activity-list article>.web-home-activity-action-hit{width:62px;min-height:44px;flex:0 0 62px;margin-left:7px;display:flex!important;align-items:center;justify-content:center}
.web-home-activity-list .web-home-activity-action-hit>button{min-width:54px;height:28px;margin:0;padding:0 8px;border:0;border-radius:15px;background:linear-gradient(100deg,#6e78fa,#7653ee);color:#fff;font-size:10.5px;font-weight:900;cursor:pointer}
.web-home-activity-list .web-home-activity-action-hit>button:disabled{background:#d8dbea;color:#8c92a6;opacity:1;cursor:default}
.web-home-activity-sheet>small{padding-top:6px}
.web-home-activity-progress-block{flex:0 0 auto;min-width:0}


/* source: activity-lifecycle.css */
/* 首页活动只用红色长方形，不为优惠券单独添加缺口。 */
/* 活动弹层复用通用 modal 时只保留一层内边距，宽度按容器而非视口计算。 */
.web-home-activities-modal .modal-panel{width:min(430px,calc(100vw - 24px));padding:0;overflow:hidden}
.web-home-activities-modal .web-home-activity-sheet{width:100%;max-width:100%;box-shadow:none}
.web-home-activity-sheet>header>button{width:44px;height:44px;flex:0 0 44px}
.web-home-activity-chip.web-home-activity-chip{border-color:#dc535c!important;color:#d33e48!important;background:#fffafa!important;border-radius:4px!important;padding:0 10px!important}
.web-home-activity-chip.web-home-activity-chip span,.web-home-activity-all.web-home-activity-all,.web-home-activity-all.web-home-activity-all>i{color:#d33e48!important}
.web-home-activity-chip .ticket-notch{display:none!important}
.activity-address-form header button{border:0;border-radius:50%;background:#f2f4f9;color:#6e788d}
.activity-prizes{max-width:800px;margin:auto;padding:0 0 32px}.activity-prizes>p{color:#727c92}.activity-prizes article{background:var(--card,#fff);border:1px solid var(--border,#e7ebf3);border-radius:16px;padding:20px;margin-bottom:16px}.activity-prizes header{display:flex;align-items:center;gap:12px}.activity-prizes header img,.activity-prizes .gift{width:52px;height:52px;object-fit:cover;border-radius:12px}.activity-prizes .gift{display:grid;place-items:center;background:#fff0f1;color:#d33e48}.activity-prizes b,.activity-prizes small{display:block}.activity-prizes small{margin-top:6px;color:#727c92}.activity-prizes p{overflow-wrap:anywhere;line-height:1.7}.activity-prizes .recovery{color:#c25240}.activity-prizes button,.activity-prize-empty button{display:block;margin:16px 0 0 auto;min-height:44px;border:0;border-radius:10px;background:#eff2ff;color:#536bef;padding:10px 18px;font:inherit}.activity-prize-empty{padding:36px;text-align:center;color:#7c8596}.activity-address-form{padding:24px;max-width:480px;margin:auto}.activity-address-form header{display:flex;justify-content:space-between;align-items:center}.activity-address-form h2{margin:0;font-size:22px}.activity-address-form header button{background:transparent;color:inherit;width:44px;height:44px;margin:0;font-size:28px}.activity-address-form p{color:#7c8596;font-size:14px}.activity-address-form label{display:block;margin:16px 0;font-size:14px}.activity-address-form input,.activity-address-form textarea{box-sizing:border-box;width:100%;display:block;margin-top:8px;border:1px solid #dce2eb;border-radius:8px;padding:12px;font:inherit;background:var(--card,#fff);color:inherit}.activity-address-form textarea{min-height:95px;resize:vertical}.activity-address-form button[type=submit]{border:0;border-radius:10px;min-height:44px;width:100%;background:#536bef;color:white;font:inherit}.activity-address-form button:disabled{opacity:.5}#activityAddressError{color:#c93e48}.web-recharge-promo-title small[data-promo-expires]{color:#bc4e30;font-weight:600;margin-top:4px}.web-recharge-promo-tiers [data-recharge-amount]{cursor:pointer}


/* source: review-reward.css */
/* 与 miniprogram/styles/review-reward.wxss 同源生成。 */
/* 固定蒙层自身承载抽奖机，清除通用弹窗底板，避免露出白色空卡片。 */
.modal.web-review-reward-modal{z-index:480;padding:0}
.modal.web-review-reward-modal .modal-backdrop{background:transparent;backdrop-filter:none}
.modal.web-review-reward-modal .modal-panel{position:static;width:0;height:0;max-height:none;padding:0;overflow:visible;background:transparent;border-radius:0;box-shadow:none}
.reward-mask{position:fixed;inset:0;z-index:460;background:rgba(23,24,38,.62);display:flex;align-items:center;justify-content:center;padding:calc(var(--reward-unit) * 40);box-sizing:border-box}
.reward-wheel-mask{align-items:flex-end;padding:0;overflow:hidden}
.reward-wheel-panel{position:relative;width:100%;min-height:calc(var(--reward-unit) * 1080);max-height:96vh;overflow-y:auto;background:linear-gradient(180deg,#ffad8e 0%,#ffe4c9 48%,#fff7ea 100%);border-radius:calc(var(--reward-unit) * 30) calc(var(--reward-unit) * 30) 0 0;padding:calc(var(--reward-unit) * 34) calc(var(--reward-unit) * 38) calc(calc(var(--reward-unit) * 46) + env(safe-area-inset-bottom));box-sizing:border-box;text-align:center;box-shadow:0 calc(var(--reward-unit) * -24) calc(var(--reward-unit) * 80) rgba(26,32,78,.24)}
.reward-wheel-close{position:absolute;right:calc(var(--reward-unit) * 30);top:calc(var(--reward-unit) * 22);z-index:10;width:calc(var(--reward-unit) * 54);height:calc(var(--reward-unit) * 54);border-radius:50%;background:rgba(255,255,255,.58);color:#c97054;font-size:calc(var(--reward-unit) * 42);line-height:calc(var(--reward-unit) * 50);text-align:center}
.reward-wheel-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;padding:0 calc(var(--reward-unit) * 70) calc(var(--reward-unit) * 22)}
.reward-kicker{display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--reward-unit) * 8) calc(var(--reward-unit) * 20);border-radius:calc(var(--reward-unit) * 999);background:#eef0ff;color:#5f73ff;font-size:calc(var(--reward-unit) * 23);font-weight:800;letter-spacing:calc(var(--reward-unit) * 2)}
.reward-title{margin-top:calc(var(--reward-unit) * 14);color:#202437;font-size:calc(var(--reward-unit) * 38);line-height:calc(var(--reward-unit) * 50);font-weight:900;text-align:center}.reward-subtitle{margin-top:calc(var(--reward-unit) * 4);color:#8b6b62;font-size:calc(var(--reward-unit) * 24);line-height:calc(var(--reward-unit) * 36);text-align:center}
.reward-wheel-sign{position:relative;z-index:5;width:calc(var(--reward-unit) * 390);height:calc(var(--reward-unit) * 84);margin:0 auto calc(var(--reward-unit) * -4);border-radius:calc(var(--reward-unit) * 14);background:#26303d;border:calc(var(--reward-unit) * 10) solid #c9dbef;box-shadow:0 calc(var(--reward-unit) * 10) 0 rgba(75,92,125,.30),inset 0 calc(var(--reward-unit) * 4) calc(var(--reward-unit) * 10) rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;box-sizing:content-box}.reward-wheel-sign span{font-size:calc(var(--reward-unit) * 43);font-weight:1000;letter-spacing:calc(var(--reward-unit) * 2);color:#fff;text-shadow:0 calc(var(--reward-unit) * 4) 0 rgba(0,0,0,.22)}
.reward-wheel-roof{position:relative;z-index:2;width:calc(var(--reward-unit) * 610);height:calc(var(--reward-unit) * 64);margin:0 auto;border-radius:50% 50% calc(var(--reward-unit) * 18) calc(var(--reward-unit) * 18);background:linear-gradient(180deg,#eef8ff,#8aa5d6);box-shadow:inset 0 calc(var(--reward-unit) * -8) 0 rgba(66,84,130,.25),0 calc(var(--reward-unit) * 12) calc(var(--reward-unit) * 16) rgba(172,75,56,.14)}
.reward-wheel-body{position:relative;z-index:3;width:calc(var(--reward-unit) * 598);margin:calc(var(--reward-unit) * -10) auto 0;padding:calc(var(--reward-unit) * 38) calc(var(--reward-unit) * 34) calc(var(--reward-unit) * 130);background:linear-gradient(180deg,#ff8f66 0%,#ff7857 70%,#f55f50 100%);border-radius:calc(var(--reward-unit) * 34) calc(var(--reward-unit) * 34) calc(var(--reward-unit) * 80) calc(var(--reward-unit) * 80);box-shadow:inset 0 0 0 calc(var(--reward-unit) * 8) rgba(255,255,255,.42),0 calc(var(--reward-unit) * 22) calc(var(--reward-unit) * 46) rgba(211,86,65,.25);box-sizing:border-box}.reward-wheel-body:before{content:'';position:absolute;left:calc(var(--reward-unit) * -20);right:calc(var(--reward-unit) * -20);bottom:calc(var(--reward-unit) * -30);height:calc(var(--reward-unit) * 58);border-radius:50%;background:linear-gradient(180deg,#ff7d61,#e95d53);box-shadow:0 calc(var(--reward-unit) * 8) 0 rgba(190,75,67,.2)}
.reward-wheel-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,calc(var(--reward-unit) * 150));grid-template-rows:repeat(3,calc(var(--reward-unit) * 150));grid-auto-flow:row;justify-content:center;gap:calc(var(--reward-unit) * 12);padding:calc(var(--reward-unit) * 18);background:#fff9f5;border-radius:calc(var(--reward-unit) * 24);border:calc(var(--reward-unit) * 8) solid rgba(255,238,230,.95);box-shadow:inset 0 0 0 calc(var(--reward-unit) * 4) rgba(255,150,114,.24)}
.reward-prize-cell,.reward-wheel-center{height:calc(var(--reward-unit) * 150);border-radius:calc(var(--reward-unit) * 24);box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column}
.reward-prize-cell{position:relative;background:#fff6f2;border:calc(var(--reward-unit) * 2) solid #ffd8ce;box-shadow:0 calc(var(--reward-unit) * 12) 0 #f3c3b8;color:#333;font-size:calc(var(--reward-unit) * 23);line-height:calc(var(--reward-unit) * 30);text-align:center;padding:calc(var(--reward-unit) * 12) calc(var(--reward-unit) * 8) calc(var(--reward-unit) * 10);transition:background .08s,transform .08s,box-shadow .08s}.reward-prize-cell.active,.reward-prize-cell.winner{background:#ffe900;border-color:#ffe900;box-shadow:0 calc(var(--reward-unit) * 12) 0 #f2b600;transform:translateY(calc(var(--reward-unit) * -2))}.reward-prize-cell img{width:calc(var(--reward-unit) * 62);height:calc(var(--reward-unit) * 62);margin-bottom:calc(var(--reward-unit) * 8)}.reward-prize-cell span{display:block;max-width:calc(var(--reward-unit) * 142);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.reward-wheel-center{grid-column:2;grid-row:2;place-self:center;width:calc(var(--reward-unit) * 150)!important;min-width:calc(var(--reward-unit) * 150)!important;max-width:calc(var(--reward-unit) * 150)!important;height:calc(var(--reward-unit) * 150)!important;min-height:calc(var(--reward-unit) * 150)!important;background:#ffe800;box-shadow:0 calc(var(--reward-unit) * 14) 0 #ebbd00;color:#d71919;font-weight:1000;font-size:calc(var(--reward-unit) * 32);line-height:calc(var(--reward-unit) * 38)}.reward-wheel-center small{font-size:calc(var(--reward-unit) * 22);line-height:calc(var(--reward-unit) * 30);color:#7a5b13;margin-top:calc(var(--reward-unit) * 5);font-weight:600}.reward-wheel-center.drawing{animation:rewardLotteryPulse .48s infinite alternate}
.reward-wheel-door{position:absolute;z-index:5;left:50%;bottom:calc(var(--reward-unit) * 28);transform:translateX(-50%);width:calc(var(--reward-unit) * 140);height:calc(var(--reward-unit) * 112);border-radius:calc(var(--reward-unit) * 18);background:#f4f7fa;box-shadow:inset 0 0 0 calc(var(--reward-unit) * 10) #d4dbe4}.reward-wheel-door:after{content:'';position:absolute;left:calc(var(--reward-unit) * 24);right:calc(var(--reward-unit) * 24);bottom:calc(var(--reward-unit) * 18);height:calc(var(--reward-unit) * 48);border-radius:calc(var(--reward-unit) * 4);background:#c51f30}.reward-wheel-dot{position:absolute;z-index:5;bottom:calc(var(--reward-unit) * 80);width:calc(var(--reward-unit) * 42);height:calc(var(--reward-unit) * 42);border-radius:50%;background:#eef4fb;box-shadow:inset 0 0 0 calc(var(--reward-unit) * 5) #b9c5d5,0 calc(var(--reward-unit) * 4) calc(var(--reward-unit) * 8) rgba(0,0,0,.18)}.reward-wheel-dot.left{left:calc(var(--reward-unit) * 68)}.reward-wheel-dot.right{right:calc(var(--reward-unit) * 68)}
@keyframes rewardLotteryPulse{from{transform:scale(1)}to{transform:scale(.96)}}
.reward-result{display:flex;align-items:center;justify-content:center;gap:calc(var(--reward-unit) * 10);margin:calc(var(--reward-unit) * 42) 0 calc(var(--reward-unit) * 4);color:#7f8494;font-size:calc(var(--reward-unit) * 27)}.reward-result b{color:#ff655f;font-size:calc(var(--reward-unit) * 34)}.reward-wheel-accept{margin-top:calc(var(--reward-unit) * 16)!important}
.reward-primary{width:82%!important;height:calc(var(--reward-unit) * 88)!important;line-height:calc(var(--reward-unit) * 88)!important;margin:calc(var(--reward-unit) * 18) auto 0!important;padding:0!important;border:0!important;border-radius:calc(var(--reward-unit) * 46)!important;background:#6175ff!important;color:#fff!important;font-size:calc(var(--reward-unit) * 31)!important;font-weight:800!important}.reward-primary:after{border:0}
.reward-coupon-card{position:relative;width:100%;max-width:calc(var(--reward-unit) * 650);background:#fff;border-radius:calc(var(--reward-unit) * 34);padding:calc(var(--reward-unit) * 42) calc(var(--reward-unit) * 34) calc(var(--reward-unit) * 32);box-sizing:border-box;text-align:center;box-shadow:0 calc(var(--reward-unit) * 30) calc(var(--reward-unit) * 90) rgba(26,32,78,.28)}.reward-coupon-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}.reward-coupon-heading .reward-title{margin-top:calc(var(--reward-unit) * 14)}.reward-coupon-icon{display:block;width:calc(var(--reward-unit) * 112);height:calc(var(--reward-unit) * 112);margin:0 auto calc(var(--reward-unit) * 12)}.reward-coupon-ticket{margin:calc(var(--reward-unit) * 30) 0 calc(var(--reward-unit) * 24);min-height:calc(var(--reward-unit) * 176);border-radius:calc(var(--reward-unit) * 22);background:#fff3ef;border:calc(var(--reward-unit) * 2) solid #ffb49d;display:flex;align-items:center;text-align:left;overflow:hidden}.reward-coupon-value{width:calc(var(--reward-unit) * 210);align-self:stretch;background:#ff685e;color:#fff;display:flex;align-items:center;justify-content:center}.reward-coupon-value span{font-size:calc(var(--reward-unit) * 30);margin-top:calc(var(--reward-unit) * 16)}.reward-coupon-value b{font-size:calc(var(--reward-unit) * 70);line-height:1}.reward-coupon-copy{padding:calc(var(--reward-unit) * 22);display:flex;flex-direction:column;gap:calc(var(--reward-unit) * 8);color:#8d5a50}.reward-coupon-copy b{color:#3b3130;font-size:calc(var(--reward-unit) * 29)}.reward-coupon-copy span{font-size:calc(var(--reward-unit) * 23)}
/* 同一九宫格：阻止按钮默认宽度和长奖品名撑大中间列。 */
.reward-wheel-center,.reward-prize-cell{margin:0;padding:calc(var(--reward-unit) * 12) calc(var(--reward-unit) * 8);overflow:hidden}.reward-prize-cell{min-width:0;width:calc(var(--reward-unit) * 150);max-width:calc(var(--reward-unit) * 150)}
.reward-wheel-center{border:0}.reward-wheel-center:after,.reward-wheel-close:after{border:0}
.reward-wheel-center[disabled]{opacity:1;color:#d71919;background:#ffe800}
.reward-wheel-center.ineligible,.reward-wheel-center.ineligible[disabled]{background:#c7cad3;box-shadow:0 calc(var(--reward-unit) * 14) 0 #a7abb7;color:#fff;cursor:not-allowed}.reward-wheel-center.ineligible small{color:#f7f7f9}
.reward-prize-cell span{width:100%;max-width:100%;font-size:calc(var(--reward-unit) * 22);line-height:calc(var(--reward-unit) * 28);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.reward-prize-cell img{flex:none}.reward-wheel-close{margin:0;padding:0;border:0;display:flex;align-items:center;justify-content:center;line-height:1;overflow:visible}
.reward-wheel-close:before{content:'';position:absolute;inset:calc(var(--reward-unit) * -18)}
.reward-result{flex-wrap:wrap}.reward-result b{max-width:100%;overflow-wrap:anywhere}
.reward-result-note{font-size:calc(var(--reward-unit) * 24);line-height:calc(var(--reward-unit) * 34);color:#8b6b62;margin-top:calc(var(--reward-unit) * 12)}
.reward-coupon-value{flex:none}.reward-coupon-copy{min-width:0;overflow-wrap:anywhere}
.reward-primary{display:flex!important;align-items:center;justify-content:center;line-height:1.2!important}
@media(prefers-reduced-motion:reduce){.reward-wheel-center.drawing{animation:none}.reward-prize-cell{transition:none}}

.web-review-reward{--reward-unit:min(.133333vw,.64px);font-family:inherit}.web-review-reward [hidden]{display:none!important}.web-review-reward button{font-family:inherit;cursor:pointer}.web-review-reward .reward-wheel-panel{max-width:480px}.web-review-reward .reward-wheel-close{min-width:32px;min-height:32px}.web-review-reward .reward-wheel-close:before{inset:-6px}.web-review-reward .reward-wheel-panel small,.web-review-reward .reward-wheel-panel b{display:block}.web-review-reward .reward-wheel-copy{gap:0}.web-review-reward .reward-coupon-card{max-width:420px}.web-review-reward .reward-coupon-ticket b{display:block}.web-review-reward .reward-coupon-copy span{display:block}.web-review-reward .reward-prize-cell img{object-fit:contain}.web-review-reward .reward-wheel-panel{overscroll-behavior:contain}

/* 1.9.387：可编辑矢量装饰，按 calc(var(--reward-unit) * 682) 原图坐标定位，底部波浪贴合弹窗底边。 */
.fan-referral-wheel-mask{align-items:center;padding:calc(var(--reward-unit) * 34);background:rgba(25,30,54,.72)}
.fan-referral-wheel-panel{position:relative;width:calc(var(--reward-unit) * 682);max-width:100%;min-height:0;max-height:94vh;padding:0;box-sizing:border-box;border:calc(var(--reward-unit) * 2) solid rgba(255,255,255,.95);border-radius:calc(var(--reward-unit) * 38);background:#fcfbff;box-shadow:0 calc(var(--reward-unit) * 28) calc(var(--reward-unit) * 86) rgba(14,22,55,.32);overflow:auto;overflow-x:hidden}
.fan-referral-wheel-panel .reward-wheel-close{right:calc(var(--reward-unit) * 16);top:calc(var(--reward-unit) * 20);width:calc(var(--reward-unit) * 66);height:calc(var(--reward-unit) * 66);min-width:0;min-height:0;background:rgba(219,222,255,.62);color:#696c7b;font-size:calc(var(--reward-unit) * 47);font-weight:400;box-shadow:none}
.fan-wheel-hero{position:relative;height:calc(var(--reward-unit) * 274);padding:0;box-sizing:border-box;overflow:visible}
.fan-wheel-header-art{position:absolute;left:0;top:0;width:100%;height:calc(var(--reward-unit) * 302);pointer-events:none}
.fan-wheel-identity{position:absolute;z-index:2;left:calc(var(--reward-unit) * 68);right:calc(var(--reward-unit) * 30);top:calc(var(--reward-unit) * 65);display:flex;align-items:center;gap:calc(var(--reward-unit) * 26);text-align:left}
.fan-wheel-avatar-wrap{position:relative;width:calc(var(--reward-unit) * 146);height:calc(var(--reward-unit) * 146);flex:none;padding:calc(var(--reward-unit) * 6);box-sizing:border-box;border:calc(var(--reward-unit) * 2) solid #d6d4ff;border-radius:50%;background:linear-gradient(135deg,#f7f7ff,#fff);box-shadow:0 calc(var(--reward-unit) * 10) calc(var(--reward-unit) * 24) rgba(106,106,221,.25)}
.fan-wheel-avatar-wrap .fan-wheel-avatar{display:block;width:100%;height:100%;border:0;border-radius:50%;object-fit:cover;box-shadow:none}
.fan-wheel-avatar-wrap .fan-wheel-crown{position:absolute;z-index:3;right:calc(var(--reward-unit) * 2);bottom:calc(var(--reward-unit) * 3);width:calc(var(--reward-unit) * 55);height:calc(var(--reward-unit) * 55);filter:drop-shadow(0 calc(var(--reward-unit) * 5) calc(var(--reward-unit) * 5) rgba(94,77,215,.2))}
.fan-wheel-identity-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start}
.fan-wheel-name{display:block;max-width:100%;margin:0;color:#1c2038;font-size:calc(var(--reward-unit) * 40);line-height:calc(var(--reward-unit) * 54);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fan-wheel-name b{display:inline;color:#4837ff}
.fan-wheel-congrats{display:block;margin:calc(var(--reward-unit) * 9) 0 0;color:#7775ac;font-size:calc(var(--reward-unit) * 28);line-height:calc(var(--reward-unit) * 38);font-weight:400;white-space:nowrap}
.fan-wheel-helper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:calc(var(--reward-unit) * 16);height:calc(var(--reward-unit) * 56);padding:0 calc(var(--reward-unit) * 24);box-sizing:border-box;color:#7976b5;font-size:calc(var(--reward-unit) * 22);line-height:calc(var(--reward-unit) * 30);font-weight:400;white-space:nowrap}
.fan-wheel-helper>span{color:#8077ff;font-size:calc(var(--reward-unit) * 24)}
.fan-referral-wheel-panel .reward-wheel-copy,.fan-referral-wheel-panel .reward-wheel-sign,.fan-referral-wheel-panel .reward-wheel-roof,.fan-referral-wheel-panel .reward-wheel-door,.fan-referral-wheel-panel .reward-wheel-dot{display:none}
.fan-referral-wheel-panel .reward-wheel-body{width:calc(var(--reward-unit) * 630);max-width:calc(100% - calc(var(--reward-unit) * 52));margin:0 auto;padding:calc(var(--reward-unit) * 16) calc(var(--reward-unit) * 14);border:calc(var(--reward-unit) * 2) solid rgba(255,255,255,.85);border-radius:calc(var(--reward-unit) * 32);box-sizing:border-box;background:linear-gradient(140deg,#eeebff,#e7e2ff 56%,#eeebff);box-shadow:inset 0 0 calc(var(--reward-unit) * 24) rgba(255,255,255,.5),0 0 calc(var(--reward-unit) * 34) rgba(170,146,255,.12)}
.fan-referral-wheel-panel .reward-wheel-body:before{display:none}
.fan-referral-wheel-panel .reward-wheel-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,calc(var(--reward-unit) * 168));gap:calc(var(--reward-unit) * 12);padding:0;border:0;border-radius:calc(var(--reward-unit) * 24);background:transparent;box-shadow:none}
.fan-referral-wheel-panel .reward-prize-cell,.fan-referral-wheel-panel .reward-wheel-center{width:100%!important;min-width:0!important;max-width:none!important;height:calc(var(--reward-unit) * 168)!important;min-height:calc(var(--reward-unit) * 168)!important;border-radius:calc(var(--reward-unit) * 26)}
.fan-referral-wheel-panel .reward-prize-cell{padding:calc(var(--reward-unit) * 12) calc(var(--reward-unit) * 6);background:radial-gradient(ellipse at 50% 28%,#f7efff 0%,#fff7fb 62%,#fffcff 100%);border:calc(var(--reward-unit) * 2) solid #fff;box-shadow:0 calc(var(--reward-unit) * 7) calc(var(--reward-unit) * 18) rgba(161,128,240,.09);color:#202039}
.fan-referral-wheel-panel .reward-prize-cell img{width:calc(var(--reward-unit) * 70);height:calc(var(--reward-unit) * 70);margin-bottom:calc(var(--reward-unit) * 10);object-fit:contain}
.fan-referral-wheel-panel .reward-prize-cell span{font-size:calc(var(--reward-unit) * 23);line-height:calc(var(--reward-unit) * 29);font-weight:700}
.fan-referral-wheel-panel .reward-prize-cell.active,.fan-referral-wheel-panel .reward-prize-cell.winner{background:#fff8d8;border-color:#ffd95c;box-shadow:0 calc(var(--reward-unit) * 4) calc(var(--reward-unit) * 18) rgba(218,170,20,.22);transform:translateY(calc(var(--reward-unit) * -2))}
.fan-referral-wheel-panel .reward-wheel-center,.fan-referral-wheel-panel .reward-wheel-center[disabled]{position:relative;justify-content:flex-start!important;isolation:isolate;overflow:hidden;padding:calc(var(--reward-unit) * 60) calc(var(--reward-unit) * 4) 0!important;border:calc(var(--reward-unit) * 2) solid #f9f5ff;background:radial-gradient(ellipse at 9% 0%,rgba(201,156,255,.95),transparent 60%),radial-gradient(ellipse at 53% 100%,#4239ef,transparent 72%),linear-gradient(140deg,#af71ff 0%,#854eff 48%,#583cff 100%);box-shadow:inset 0 0 calc(var(--reward-unit) * 13) rgba(255,255,255,.75),0 calc(var(--reward-unit) * 8) calc(var(--reward-unit) * 22) rgba(113,75,235,.25);color:#fff;font-size:calc(var(--reward-unit) * 35);line-height:calc(var(--reward-unit) * 40);font-weight:900;text-shadow:0 calc(var(--reward-unit) * 3) calc(var(--reward-unit) * 5) rgba(63,31,197,.25)}
.fan-referral-wheel-panel .reward-wheel-center:before{content:'';position:absolute;z-index:0;left:50%;top:calc(var(--reward-unit) * 24);width:calc(var(--reward-unit) * 117);height:calc(var(--reward-unit) * 117);box-sizing:border-box;transform:translateX(-50%);border:calc(var(--reward-unit) * 6) dotted rgba(236,214,255,.38);border-radius:50%;background:radial-gradient(ellipse,rgba(191,150,255,.13),transparent 68%);-webkit-mask-image:linear-gradient(#000 5%,rgba(0,0,0,.22) 90%);mask-image:linear-gradient(#000 5%,rgba(0,0,0,.22) 90%);pointer-events:none}
.fan-referral-wheel-panel .reward-wheel-center:after{border:0}
.fan-referral-wheel-panel .reward-wheel-center span,.fan-referral-wheel-panel .reward-wheel-center small{position:relative;z-index:1;line-height:calc(var(--reward-unit) * 40)}
.fan-referral-wheel-panel .reward-wheel-center small{display:block;margin-top:calc(var(--reward-unit) * 10);color:#eee9ff;font-size:calc(var(--reward-unit) * 25);line-height:calc(var(--reward-unit) * 31);font-weight:400}
.fan-referral-wheel-panel .reward-wheel-center.ineligible,.fan-referral-wheel-panel .reward-wheel-center.ineligible[disabled]{background:linear-gradient(145deg,#cbd0dd,#a9afc1);box-shadow:inset 0 0 calc(var(--reward-unit) * 12) rgba(255,255,255,.6);font-size:calc(var(--reward-unit) * 31);color:#fff;text-shadow:none;cursor:not-allowed}
.fan-referral-wheel-panel .reward-wheel-center.ineligible:before{opacity:.35}
.fan-referral-wheel-panel .reward-wheel-center.ineligible small{font-size:calc(var(--reward-unit) * 22)}
.fan-referral-wheel-panel .reward-result{margin:calc(var(--reward-unit) * 24) calc(var(--reward-unit) * 26) 0;color:#7775ac}
.fan-referral-wheel-panel .reward-result-note{margin-right:calc(var(--reward-unit) * 26);margin-left:calc(var(--reward-unit) * 26);color:#7775ac}
.fan-referral-wheel-panel .reward-wheel-accept{margin-bottom:calc(var(--reward-unit) * 14)!important;background:linear-gradient(120deg,#9d71ff,#6049ff)!important}
.fan-wheel-footer{position:relative;height:calc(var(--reward-unit) * 78);margin:0;display:flex;align-items:center;justify-content:center;gap:calc(var(--reward-unit) * 20);color:#8581be;font-size:calc(var(--reward-unit) * 21);line-height:calc(var(--reward-unit) * 28);font-weight:400;letter-spacing:calc(var(--reward-unit) * 1);pointer-events:none}
.fan-wheel-footer>img{position:absolute;z-index:0;left:0;bottom:0;display:block;width:100%;height:calc(var(--reward-unit) * 90)}
.fan-wheel-footer>span{position:relative;z-index:1;white-space:nowrap}

.fan-referral-wheel-panel .fan-wheel-name b{display:inline!important}.web-review-reward .fan-referral-wheel-panel{max-width:calc(var(--reward-unit) * 682);scrollbar-width:none}.fan-referral-wheel-panel::-webkit-scrollbar{display:none}

.fan-wheel-helper>span{position:relative}.fan-wheel-helper>span:after{content:"✦";position:absolute;left:calc(var(--reward-unit) * -11);top:calc(var(--reward-unit) * 2);font-size:calc(var(--reward-unit) * 11);color:#d3ccff}.fan-wheel-helper>span:last-child:after{left:auto;right:calc(var(--reward-unit) * -11)}.fan-wheel-header-art{clip-path:inset(0 0 calc(var(--reward-unit) * 2) 0)}


/* source: web-shopping-1.9.332.css */
/* 网页浏览流程：保留小程序式详情，搜索与分类分开。 */
@media(max-width:680px){
  :root{--web-width:100vw!important}
  html,body{margin:0!important;padding:0!important;width:100%!important}
  #app.app-shell{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
  #mainView.main-view{width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important}
  .mobile-nav{width:100%!important;max-width:none!important;bottom:0!important;border-radius:0!important}
  .home-shell.rank .vote-bar{width:100%!important;left:0!important;right:0!important;transform:none!important}
}
.products-grid-page .products-hero{padding-top:12px!important;padding-bottom:16px!important}
.products-grid-page{display:flex!important;flex-direction:column!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}
.products-grid-page .products-hero{flex-shrink:0}
@media(min-width:681px){.products-grid-page{height:calc(100dvh - 36px)!important}}
.products-grid-page .products-body{flex:1!important;min-height:0!important;height:auto!important}
.home-shell.rank .podium .stage{margin-top:8px!important}
.checkout-route-page .mini-native-nav{height:52px!important;min-height:52px!important;padding:4px 12px!important;box-sizing:border-box!important;grid-template-columns:44px 1fr 44px!important}
.checkout-route-page .mini-native-back,.web-product-detail .mini-native-back,.web-search-page .mini-native-back{width:44px!important;height:44px!important;font-size:44px!important;line-height:40px!important;display:grid!important;place-items:center!important;padding:0!important}
.checkout-route-page .checkout-form{padding-top:4px!important}
.web-product-detail,.web-search-page{min-height:100dvh;background:#f6f7fb;color:#171923;padding-bottom:calc(88px + env(safe-area-inset-bottom))}
.web-product-detail .mini-native-nav,.web-search-page .mini-native-nav{height:52px;padding:4px 12px;grid-template-columns:44px 1fr 44px}
.web-detail-cover{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#eef0f5}
.web-detail-info,.web-detail-content{padding:20px 16px;background:#fff}
.web-detail-name{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.web-detail-name h1{margin:0;font-size:22px;line-height:1.4;font-weight:800}
.web-detail-name strong{white-space:nowrap;color:#ff655e;font-size:24px}.web-detail-name small{font-size:13px;margin-left:2px}
.web-detail-sales{display:flex;justify-content:space-between;color:#9297a2;font-size:13px;margin:8px 0 16px}
.web-detail-description,.web-detail-content{font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.web-detail-description{white-space:pre-wrap}.web-detail-content p{white-space:pre-wrap;margin:12px 0}
.web-detail-description img,.web-detail-content img{display:block;max-width:100%;height:auto;margin:0 auto}
.web-detail-content h2{margin:0 0 16px;font-size:20px}.web-detail-service{padding:16px;color:#6476ff;font-size:14px;background:#f1f3ff}.web-detail-limit{color:#ed615c;font-size:13px}
.web-detail-actions{position:fixed;z-index:85;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--web-width);display:flex;gap:12px;align-items:center;background:#fff;border-top:1px solid #edf0f6;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
.web-detail-actions button{min-height:44px;padding:0 8px;border:0;background:transparent;color:#697285;font-size:13px}.web-detail-actions .web-detail-order{flex:1;border-radius:28px;background:#6573ff;color:#fff;font-size:18px;font-weight:700}.web-detail-order:disabled{background:#b5bccd}
/* Search history and coupon placement use the same 750rpx proportions as the mini program. */
.web-search-page{--search-unit:calc(min(100vw, var(--web-width, 430px)) / 750);background:#fff}
.web-search-form{display:flex;gap:calc(24 * var(--search-unit));align-items:center;padding:calc(24 * var(--search-unit)) calc(38 * var(--search-unit)) calc(26 * var(--search-unit))}
.web-search-box{height:calc(76 * var(--search-unit));flex:1;min-width:0;display:flex;align-items:center;border-radius:calc(42 * var(--search-unit));background:#f3f3f3;padding:0 calc(34 * var(--search-unit))}
.web-search-form input{flex:1;min-width:0;height:100%;border:0;border-radius:0;background:transparent;padding:0;font-size:calc(34 * var(--search-unit));color:#222;outline:none}
.web-search-form button{height:calc(76 * var(--search-unit));min-width:0;padding:0;border:0;background:none;color:#6676ff;font-size:calc(34 * var(--search-unit));white-space:nowrap}
.web-search-box .web-search-submit{flex:none;width:calc(40 * var(--search-unit));margin-right:calc(24 * var(--search-unit));display:flex;align-items:center;justify-content:flex-start}
.web-search-submit .input-search-icon{width:calc(32 * var(--search-unit));height:calc(32 * var(--search-unit));border:calc(6 * var(--search-unit)) solid #b7b7b7;border-radius:50%;box-sizing:border-box;position:relative;flex:none}
.web-search-submit .input-search-icon:after{content:"";position:absolute;width:calc(18 * var(--search-unit));height:calc(6 * var(--search-unit));background:#b7b7b7;border-radius:99px;right:calc(-15 * var(--search-unit));bottom:calc(-8 * var(--search-unit));transform:rotate(45deg)}
.web-search-history{padding:0}
.web-search-history header{display:flex;align-items:center;justify-content:space-between;padding:calc(18 * var(--search-unit)) calc(40 * var(--search-unit)) calc(14 * var(--search-unit))}
.web-search-history h2{margin:0;color:#202938;font-size:calc(38 * var(--search-unit));line-height:calc(48 * var(--search-unit));font-weight:900}
.web-search-history header button{margin:0;padding:0;min-height:0;border:0;background:none;color:#8b8b8b;font-size:calc(30 * var(--search-unit));line-height:calc(48 * var(--search-unit))}
.web-search-tags{display:flex;flex-wrap:wrap;gap:calc(16 * var(--search-unit));padding:calc(10 * var(--search-unit)) calc(40 * var(--search-unit)) calc(18 * var(--search-unit))}
.web-search-tags span{display:flex;align-items:center;gap:calc(8 * var(--search-unit));height:calc(54 * var(--search-unit));border-radius:calc(30 * var(--search-unit));background:#f4f4f4;padding:0 calc(8 * var(--search-unit)) 0 calc(26 * var(--search-unit))}
.web-search-tags button{min-height:0;height:100%;margin:0;padding:0;border:0;background:none;font-size:calc(30 * var(--search-unit));color:#4b5563;white-space:nowrap}
.web-search-tags button+button{padding:0;font-size:calc(34 * var(--search-unit));color:#b0b0b0;line-height:1}
.web-search-history p{margin:0;padding:0 calc(40 * var(--search-unit));color:#969ba6;font-size:14px}
.web-search-results{padding:calc(8 * var(--search-unit)) calc(30 * var(--search-unit)) calc(80 * var(--search-unit))}
.web-search-results:empty{padding:0}
.web-search-results .goods-item{cursor:pointer}
.web-search-empty{padding:36px 16px;color:#969ba6;text-align:center}


/* Payment feedback and image customer service share the same behavior on every web entry. */
#submitOrder .pay-main{white-space:nowrap!important;text-align:center;max-width:100%}
#toast.payment-cancel-toast{top:50%!important;bottom:auto!important;left:50%!important;transform:translate(-50%,-50%)!important;background:rgba(0,0,0,.78)!important;color:#fff;z-index:500!important;white-space:nowrap!important;text-align:center;width:max-content;max-width:calc(100vw - 20px)!important;padding:12px 10px;font-size:clamp(10px,3.1vw,13px);line-height:20px!important;border-radius:8px}
#modal:has(.web-image-customer):not(.hidden){display:grid!important;place-items:center!important;padding:20px!important}
#modal:has(.web-image-customer) .modal-panel{width:min(100%,380px)!important;max-width:380px!important;margin:0!important;padding:0!important;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;max-height:calc(100dvh - 80px)!important}
.web-image-customer{position:relative;display:flex;align-items:center;justify-content:center;padding:0!important;margin:0!important;background:transparent!important}
.web-image-customer>img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 150px);object-fit:contain;-webkit-touch-callout:default;user-select:auto}
.web-image-customer>p{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin:16px 0 0;padding:8px 18px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:transparent;color:#fff;font-size:13px;line-height:20px;white-space:nowrap;text-align:center;pointer-events:none}


/* source: messages-parity-1.9.334.css */
/* 与小程序 messages.wxss 的最终连续列表布局同源比例，网页不重复预留原生状态栏。 */
.msg-page{--msg-rpx:calc(var(--web-width) / 750);background:#fff!important;color:#222a36!important;padding:calc(18 * var(--msg-rpx)) calc(22 * var(--msg-rpx)) calc(160 * var(--msg-rpx))!important;min-height:100dvh;box-sizing:border-box}
.msg-page .msg-top{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:calc(48 * var(--msg-rpx))!important;height:calc(58 * var(--msg-rpx))!important;margin:0 calc(6 * var(--msg-rpx)) calc(38 * var(--msg-rpx))!important;padding:0!important}
.msg-page .msg-top button{border:0!important;box-shadow:none!important;line-height:1!important;margin:0!important;padding:0!important;position:relative}
.msg-page .msg-top .top-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:calc(8 * var(--msg-rpx));box-sizing:content-box!important;flex:0 0 calc(184 * var(--msg-rpx))!important;width:calc(184 * var(--msg-rpx))!important;min-width:0!important;height:calc(58 * var(--msg-rpx))!important;padding:0 calc(14 * var(--msg-rpx))!important;border-radius:999px!important;background:#f5f5f5!important;color:#8b8b8b!important;font-size:calc(28 * var(--msg-rpx))!important;font-weight:400!important;white-space:nowrap}
.msg-page .trash{font-size:calc(31 * var(--msg-rpx));color:#8b8b8b}
.msg-page .msg-top .top-tab,.msg-page .msg-top .top-title{flex:none!important;width:auto!important;color:#8a8a8a!important;font-size:calc(34 * var(--msg-rpx))!important;font-weight:400!important;background:transparent!important}
.msg-page .msg-top .active{font-size:calc(48 * var(--msg-rpx))!important;font-weight:900!important;color:#171717!important}
.msg-page .msg-top button::before{content:'';position:absolute;inset:-8px 0}
.msg-page .msg-top button::after{display:none!important;content:none!important}
.msg-page .msg-list{display:flex!important;flex-direction:column!important;gap:0!important;margin:0 calc(-22 * var(--msg-rpx))!important;padding:0!important;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.msg-page .msg-list .msg-row{display:flex!important;align-items:center!important;position:relative!important;width:100%!important;min-height:calc(140 * var(--msg-rpx))!important;height:auto!important;margin:0!important;padding:calc(18 * var(--msg-rpx)) calc(24 * var(--msg-rpx))!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left!important;box-sizing:border-box!important;gap:0!important}
.msg-page .msg-row::after{content:'';position:absolute;left:calc(154 * var(--msg-rpx));right:0;bottom:0;height:1px;background:rgba(224,228,236,.42);transform:scaleY(.5);transform-origin:0 100%;pointer-events:none}
.msg-page .msg-row.last::after{display:none}
.msg-page .msg-avatar{position:relative!important;width:calc(96 * var(--msg-rpx))!important;height:calc(96 * var(--msg-rpx))!important;flex:0 0 calc(96 * var(--msg-rpx))!important;margin:0 calc(30 * var(--msg-rpx)) 0 0!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.msg-page .msg-avatar.notice{background:linear-gradient(135deg,#858dff,#aaa8ff)!important;overflow:visible!important}
.msg-page .notice-bell{font-size:calc(46 * var(--msg-rpx))!important;filter:grayscale(100%) brightness(0) invert(1);opacity:.88}
.msg-page .web-message-avatar-shell{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:calc(104 * var(--msg-rpx))!important;height:calc(104 * var(--msg-rpx))!important;flex:0 0 calc(104 * var(--msg-rpx))!important;margin:0 calc(26 * var(--msg-rpx)) 0 0!important}
.msg-page .web-message-avatar-shell .chat-avatar{width:calc(96 * var(--msg-rpx))!important;height:calc(96 * var(--msg-rpx))!important;margin:0!important;border-radius:50%!important;object-fit:cover;background:#f1f2f6!important}
.msg-page .web-message-avatar-shell.has-platinum-frame{width:calc(114 * var(--msg-rpx))!important;height:calc(114 * var(--msg-rpx))!important;flex-basis:calc(114 * var(--msg-rpx))!important;margin-right:calc(16 * var(--msg-rpx))!important}
.msg-page .has-platinum-frame .chat-avatar{width:calc(82 * var(--msg-rpx))!important;height:calc(82 * var(--msg-rpx))!important}
.msg-page .web-platinum-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none;transform:none!important}
.msg-page .msg-main{display:block!important;min-width:0!important;flex:1!important;margin:0!important;padding:0!important;overflow:hidden}
.msg-page .msg-name{display:block;font-size:calc(36 * var(--msg-rpx))!important;font-weight:700!important;color:#151b2e!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none!important}
.msg-page .chat-name{display:flex!important;align-items:center!important;min-width:0!important;gap:0!important}
.msg-page .msg-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg-page .gender-icon{width:calc(30 * var(--msg-rpx));height:calc(30 * var(--msg-rpx));margin-left:calc(7 * var(--msg-rpx));flex:none;object-fit:contain}
.msg-page .msg-desc{display:block!important;font-size:calc(28 * var(--msg-rpx))!important;font-weight:400!important;color:#7d8799!important;line-height:calc(34 * var(--msg-rpx))!important;margin:calc(14 * var(--msg-rpx)) 0 0!important;max-width:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-page .msg-desc.gift-preview{color:#e9ad18!important;font-weight:700!important}
.msg-page .msg-side{display:flex!important;flex-direction:column!important;align-items:flex-end!important;align-self:stretch!important;min-width:calc(72 * var(--msg-rpx))!important;margin-left:calc(18 * var(--msg-rpx))!important;padding-top:calc(8 * var(--msg-rpx))!important;position:static!important}
.msg-page .msg-side .msg-time{display:block!important;margin:0!important;align-self:auto!important;font-size:calc(30 * var(--msg-rpx))!important;font-weight:400!important;line-height:calc(36 * var(--msg-rpx))!important;color:#b2b2b2!important;white-space:nowrap}
.msg-page .row-unread{display:block;margin-top:calc(34 * var(--msg-rpx))!important;min-width:calc(38 * var(--msg-rpx))!important;height:calc(38 * var(--msg-rpx))!important;padding:0 calc(10 * var(--msg-rpx))!important;line-height:calc(38 * var(--msg-rpx))!important;font-size:calc(24 * var(--msg-rpx))!important;background:#ff5b3f!important;border-radius:999px;color:#fff;text-align:center;font-weight:700;box-sizing:border-box;box-shadow:0 2px 5px #ff5b3f38}
.msg-page .badge{position:absolute;right:calc(-4 * var(--msg-rpx));top:calc(-6 * var(--msg-rpx));border:2px solid #fff;border-radius:999px;background:#ff5b3f;color:#fff;padding:0 4px;font-size:calc(20 * var(--msg-rpx));line-height:calc(32 * var(--msg-rpx))!important;height:calc(36 * var(--msg-rpx))!important;min-width:calc(36 * var(--msg-rpx))!important;width:auto!important;box-sizing:border-box!important;font-weight:700}
.msg-page .msg-bottom{background:#fff!important;margin:0!important;font-size:calc(30 * var(--msg-rpx))!important;line-height:calc(110 * var(--msg-rpx))!important;color:#777!important;text-align:center}
.msg-page .boss-vip-badge{display:inline-flex;align-items:center;flex:none;margin-left:4px;padding:1px 4px;border-radius:20px;background:#e8eaff;color:#6972da;font-size:calc(19 * var(--msg-rpx));line-height:calc(34 * var(--msg-rpx))}.msg-page .boss-vip-badge img{width:calc(27 * var(--msg-rpx));height:calc(27 * var(--msg-rpx));margin-right:2px}.msg-page .chat-status{flex:none;margin-left:5px;padding:1px 4px;color:#fff;font-size:calc(18 * var(--msg-rpx));border-radius:3px;background:#5f73ff}.msg-page .chat-status.completed{background:#32b96b}.msg-page .vip-colorful-name{background:linear-gradient(90deg,#7a5cff,#28b8ff,#ff56b8,#ff9b43);background-clip:text;-webkit-background-clip:text;color:transparent}
.mobile-link{position:relative}.web-message-tab-badge{position:absolute;top:4px;left:calc(50% + 7px);min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#ff5b3f;color:white;font:700 12px/16px sans-serif!important;font-style:normal;box-sizing:border-box;box-shadow:0 2px 4px #ff5b3f33}
/* 聊天记录是独立滚动容器，图片完成布局后仍能真正滚到底。 */
.mini-chat-page .mini-msg.mine{min-height:0!important;height:auto!important;padding:0!important;background:transparent!important}
.mini-chat-page{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important}
.mini-chat-page .mini-chat-list{flex:1 1 0!important;height:auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto!important}
.mini-chat-page>#chatOrderArea,.mini-chat-page>#chatQuickArea,.mini-chat-page>.mini-send-bar{flex-shrink:0}
@media(min-width:681px){.mini-chat-page{height:calc(100dvh - 36px)!important;max-height:calc(100dvh - 36px)!important}}


/* source: product-detail-parity-1.9.335.css */
/* 1.9.335 网页商品详情、无动画切页与大神分类状态，对齐当前小程序。 */
#mainView.route-pending{cursor:default}
.instant-route-shell{min-height:100dvh;background:#f5f5f7}

.web-product-detail{
  --detail-theme:#6476ff;
  min-height:100dvh!important;
  padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;
  overflow-x:hidden;
  background:#f5f5f7!important;
  color:#30333a!important;
}
.web-product-detail>.mini-native-nav{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:30!important;
  height:75px!important;
  padding:0!important;
  display:block!important;
  background:transparent!important;
  pointer-events:none;
}
.web-product-detail>.mini-native-nav h1,
.web-product-detail>.mini-native-nav>span{display:none!important}
.web-product-detail>.mini-native-nav .mini-native-back{
  position:absolute!important;
  left:12px!important;
  top:66px!important;
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 0 5px!important;
  border:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(0,0,0,.32)!important;
  color:#fff!important;
  font:200 36px/28px Arial,"PingFang SC",sans-serif!important;
  backdrop-filter:blur(5px);
  pointer-events:auto;
}
.web-detail-cover{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:750/760!important;
  object-fit:cover!important;
  background:#dfe4f3!important;
}
.web-detail-info{
  position:relative;
  z-index:2;
  margin:-46px 14px 0!important;
  padding:15px 15px 17px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 7px 18px rgba(31,41,55,.08)!important;
  backdrop-filter:blur(7px);
}
.web-detail-name{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important}
.web-detail-name h1{max-width:215px;margin:0!important;overflow:hidden;color:#262a31!important;font-size:17px!important;font-weight:900!important;line-height:1.25!important;text-overflow:ellipsis;white-space:nowrap}
.web-detail-name strong{min-width:65px;color:#ff765f!important;font-size:22px!important;font-weight:900!important;line-height:1.08!important;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.web-detail-name strong small{margin-left:1px!important;font-size:13px!important}
.web-detail-sales{margin:11px 0 0!important;display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;color:#a1a4aa!important;font-size:15px!important;line-height:1.1!important}
.web-detail-sales del{padding-right:5px;color:#a1a4aa!important;font-size:14px!important;text-decoration-thickness:1px;font-variant-numeric:tabular-nums}
.web-detail-description{margin-top:12px!important;color:#70757d!important;font-size:15px!important;line-height:1.68!important;letter-spacing:.1px;white-space:normal!important}
.web-detail-description p{margin:0!important}
.web-detail-limit{margin:10px 0 0!important;padding:8px 10px;border-radius:7px;background:#f5f6ff;color:var(--detail-theme)!important;font-size:12px!important;font-weight:700;line-height:17px}
.web-detail-service{
  min-height:46px!important;
  margin:11px 14px 0!important;
  padding:0 17px!important;
  border-radius:11px 11px 0 0!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  background:linear-gradient(90deg,#f8f6ff 0%,#fff 100%)!important;
  color:#2f3036!important;
  box-shadow:0 4px 12px rgba(68,76,130,.05)!important;
}
.web-detail-service strong{font-size:15px!important;font-weight:900!important;line-height:20px}
.web-detail-shield{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#7ca7ff,var(--detail-theme));box-shadow:0 5px 11px rgba(102,118,255,.25);color:#fff;font-size:16px;font-weight:900;line-height:1}
.web-detail-content{
  min-height:250px;
  margin:0 14px!important;
  padding:19px 0 17px!important;
  border-radius:0 0 11px 11px!important;
  background:#fff!important;
  box-shadow:0 4px 13px rgba(31,41,55,.04)!important;
  color:#555b64!important;
  font-size:15px!important;
  line-height:1.8!important;
  overflow:hidden!important;
}
.web-detail-content h2{margin:0!important;padding:0 16px 14px!important;color:#111827!important;font-size:17px!important;font-weight:500!important;line-height:24px!important}
.web-detail-blocks{padding:0 12px!important}
.web-detail-blocks>img,.web-detail-blocks img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:10px 0!important;border-radius:6px!important;background:#fff!important;object-fit:contain!important}
.web-detail-blocks p{margin:5px 4px 10px!important;color:#70757d!important;font-size:15px!important;line-height:1.8!important;white-space:pre-wrap!important}
.web-detail-actions{
  position:fixed!important;
  z-index:85!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  width:100%!important;
  max-width:var(--web-width)!important;
  min-height:72px!important;
  padding:8px 16px calc(9px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:59px 43px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border:0!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 -4px 13px rgba(15,23,42,.06)!important;
}
.web-detail-actions .web-detail-icon-action{width:100%!important;height:48px!important;min-height:48px!important;padding:0!important;border:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;background:transparent!important;color:#73777d!important;font-size:12.5px!important;line-height:1!important;white-space:nowrap!important}
.web-detail-icon-action img{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important;opacity:.86!important}
.web-detail-actions .web-detail-order{width:100%!important;height:45px!important;min-height:45px!important;padding:0!important;border:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:var(--detail-theme)!important;box-shadow:0 8px 15px rgba(96,116,255,.25)!important;color:#fff!important;font-size:17px!important;font-weight:500!important}
.web-detail-actions .web-detail-order:disabled{background:#b8bdc9!important;box-shadow:none!important}

/* 大神页未选中分类保留原图清晰度，只叠加小程序同款白色蒙层。 */
.parity-page.home-shell.players .game-icon-shell.is-muted .game-icon-art{
  opacity:1!important;
  filter:none!important;
}
.parity-page.home-shell.players .game-icon-shell.is-muted .game-icon-mask{
  display:block!important;
  background:rgba(255,255,255,.56)!important;
  backdrop-filter:none!important;
  filter:none!important;
}
.parity-page.home-shell.players .game-icon-shell.is-selected .game-icon-mask{display:none!important}

@media(max-width:360px){
  .web-detail-name h1{max-width:190px;font-size:15.5px!important}
  .web-detail-actions{grid-template-columns:56px 40px minmax(0,1fr)!important;column-gap:10px!important;padding-left:14px!important;padding-right:14px!important}
  .web-detail-service{padding-left:15px!important;padding-right:15px!important;gap:9px!important}
  .web-detail-service strong{font-size:14px!important}
}


/* source: players-voice-1.9.338.css */
.parity-page.home-shell.players .players-surface{margin:23px -16px 0;background:#edf4fb;border-radius:24px 24px 0 0;overflow:hidden;min-height:calc(100vh - 110px)}
.parity-page.home-shell.players .players-surface .players-game-panel{margin:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.parity-page.home-shell.players .players-surface .god-content{background:transparent!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
.web-voice-editor{padding:20px 0;border-top:1px solid #eef0f6;border-bottom:1px solid #eef0f6}
.web-voice-editor h3{font-size:16px;margin:0 0 16px;color:#232936}
.web-voice-editor audio{display:block;width:100%;max-width:400px;height:44px}
.web-voice-editor [hidden]{display:none!important}
.web-voice-editor [data-voice-status]{font-size:14px;color:#657086;line-height:1.6;margin:12px 0}
.voice-edit-actions{display:flex;gap:12px;flex-wrap:wrap}
.voice-edit-actions button{min-height:44px;flex:1;padding:10px 16px;border:0;border-radius:12px;background:#edf0ff;color:#5667d8;font-size:14px;font-weight:600;cursor:pointer}
.voice-edit-actions [data-voice-remove]{background:#f3f4f7;color:#7a6570}
.voice-edit-actions button:disabled{opacity:.5;cursor:default}
.voice-save-hint{font-size:12px;color:#8a92a4;line-height:1.6;margin:12px 0 0}


/* source: players-search-1.9.339.css */
.parity-page.home-shell.players .players-surface .player-search-box{
  width:calc(100% - 16px)!important;
  height:48px!important;
  margin:0 8px 12px!important;
  padding:0 8px 0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  border:1px solid rgba(105,122,178,.34)!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 4px 12px rgba(67,83,142,.035)!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
.parity-page.home-shell.players .players-surface .player-search-box:focus-within{
  border-color:rgba(92,108,221,.7)!important;
  box-shadow:0 0 0 3px rgba(92,108,221,.08)!important;
}
.parity-page.home-shell.players .players-surface .player-search-box input{
  width:auto!important;
  min-width:0!important;
  height:46px!important;
  flex:1 1 auto!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#273149!important;
  font-size:14px!important;
  line-height:46px!important;
  text-align:left!important;
}
.parity-page.home-shell.players .players-surface .player-search-box input::placeholder{color:#8994aa!important;opacity:1}
.parity-page.home-shell.players .players-surface .player-search-action{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  pointer-events:none;
}
.parity-page.home-shell.players .players-surface .player-search-icon{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  border:2px solid #6676d9!important;
}
.parity-page.home-shell.players .players-surface .player-search-icon:after{
  width:7px!important;
  height:2px!important;
  right:-5px!important;
  bottom:-3px!important;
  background:#6676d9!important;
}
@media (min-width:760px){
  .parity-page.home-shell.players .players-surface .player-search-box{height:48px!important}
}


/* source: players-game-peek-1.9.340.css */
/* Keep the fifth game visibly half exposed as the horizontal-scroll cue. */
.parity-page.home-shell.players .players-surface .gods-games{
  width:100%!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
.parity-page.home-shell.players .players-surface .gods-games .game-item{
  width:68px!important;
  margin-right:9px!important;
}


/* source: order-about-1.9.351.css */
.oc-card-body .oc-info{flex:1;min-width:0;overflow:hidden}
.oc-info p,.boss-goods-info p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.about-custom-card .license-image{display:block;width:100%;max-height:none!important;height:auto!important;object-fit:contain;margin:20px auto 0}


/* source: home-quick-full-card-1.9.353.css */
.parity-page.home-shell.home button.home-quick-entry.has-custom-card{background:transparent!important}
.parity-page.home-shell.home .home-quick-entry-card-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;pointer-events:none!important}


/* source: application-parity-1.9.358.css */
/* Match the current miniapp recruitment form; scope every rule to these pages. */
.join-page .recruitment-poster-wrap{width:100%;overflow:hidden;background:#8872e9}
.join-page .recruitment-poster{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.join-page .join-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px}
.join-page .join-action.yellow{min-height:48px;background:linear-gradient(135deg,#ffec55,#ffae30)!important;color:#293243!important;border:0;border-radius:10px;font-weight:800;box-shadow:0 7px 14px #ffae3047}
.join-page .apply-form{margin:14px 16px;padding:18px;border-radius:16px;background:#fff}
.join-page .label{display:block;margin:18px 0 10px;font-size:16px;font-weight:800;color:#202938}
.join-page .label small{color:#98a2b3;font-size:12px;font-weight:500}
.join-page .field-input{box-sizing:border-box;width:100%;min-height:46px;background:#f7f8fc;border:1px solid #eef0f5;border-radius:10px;padding:12px;font-size:16px;color:#263244}
.join-page .games{display:flex;flex-wrap:wrap;gap:8px}
.join-page .game-chip{position:relative;display:flex;gap:6px;align-items:center;min-height:42px;padding:8px;border-radius:12px;background:#f7f6fc;max-width:100%;box-sizing:border-box;font-size:15px}
.join-page .game-chip input{position:absolute;opacity:0;width:1px;height:1px}
.join-page .game-chip:focus-within{outline:2px solid #6576ff}
.join-page .game-chip.active{background:#edeaff;box-shadow:inset 0 0 0 1px #8872e9}
.join-page .game-chip-icon{width:22px;height:22px;border-radius:5px;object-fit:cover}
.join-page .check-dot{width:16px;height:16px;border-radius:50%;background:#eeedf6;line-height:16px;text-align:center;font-style:normal}
.join-page .assessment-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.join-page .assessment-mode{min-height:58px;padding:9px;border:1px solid #e9edf5;border-radius:10px;background:#f7f8fc;display:flex;flex-direction:column;justify-content:center;text-align:left}
.join-page .assessment-mode.active{border-color:#ffb52e;background:#fff8df;box-shadow:0 5px 12px #ffb52e29}
.join-page .assessment-mode-title{font-size:14px;color:#263244}
.join-page .assessment-mode.active .assessment-mode-title{color:#d98200}
.join-page .assessment-mode-desc{margin-top:3px;color:#8c95a5;font-size:11px;line-height:1.35}
.join-page .assessment-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.join-page .assessment-image-item,.join-page .assessment-image-add{position:relative;height:88px;border-radius:9px;overflow:hidden;box-sizing:border-box}
.join-page .assessment-image-preview{display:block;width:100%;height:100%;padding:0;border:0}
.join-page .assessment-image{width:100%;height:100%;display:block;object-fit:cover;background:#f0f2f7}
.join-page .assessment-image-remove{position:absolute;right:0;top:0;min-width:32px;min-height:32px;border:0;border-radius:50%;background:#182030c7;color:#fff;font-size:24px}
.join-page .assessment-image-add{border:1px dashed #bfc6d6;background:#f7f8fc;color:#717b8d;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.join-page .assessment-image-add-icon{font-size:32px;line-height:1;color:#6676ff}
.join-page .assessment-tip{margin-top:6px;color:#98a2b3;font-size:11px;line-height:1.5}
.join-page .pending-evidence{padding:10px 0;border-top:1px solid #f0f2f6;text-align:left}
.join-page .pending-evidence-title{margin-bottom:7px;color:#667085;font-size:13px;font-weight:800}
.join-page .pending-evidence-list{display:flex;flex-wrap:wrap;gap:6px}
.join-page .pending-evidence-list button{padding:0;border:0;border-radius:7px;overflow:hidden}
.join-page .pending-evidence-image{display:block;width:56px;height:56px;object-fit:cover;background:#f0f2f7}
.join-page button:disabled{opacity:.55;cursor:wait}
.web-assessment-page .assessment-top{background:#fff;padding:12px;border-radius:12px}
.assessment-games{display:flex;gap:16px;overflow:auto;scrollbar-width:none}
.assessment-games button{flex:0 0 64px;display:flex;align-items:center;flex-direction:column;gap:6px;border:0;background:none;color:#888;font-size:12px}
.assessment-games img{width:40px;height:40px;object-fit:cover;border-radius:8px}
.assessment-games .active{color:#6576ff;font-weight:800}
.assessment-types{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.assessment-types button{border:0;border-radius:8px;background:#f7f6fc;color:#8c95a5;padding:10px 14px;min-height:40px}
.assessment-types .active{background:#6576ff;color:#fff}
.assessment-grade-card{margin:12px 0;padding:16px;background:#fff;border-radius:12px}
.assessment-grade-card header{display:flex;justify-content:space-between;align-items:center}
.assessment-grade-card header button{border:0;background:none;color:#6576ff;min-height:44px}
.assessment-level-icon{height:26px;max-width:150px;object-fit:contain}
.assessment-grade-card p{padding:12px;background:#f7f8fc;border-radius:8px;white-space:pre-wrap;color:#667085;font-size:14px;line-height:1.6}
.assessment-order-title{display:flex;gap:12px;align-items:center}
.assessment-order-title img{width:52px;height:52px;border-radius:8px;object-fit:cover}
.assessment-order-title h2{font-size:18px}
.web-assessment-order textarea{display:block;box-sizing:border-box;width:100%;margin-top:12px;border:0;border-radius:8px;background:#f7f8fc;padding:12px;font:inherit}
@media(min-width:768px){.join-page{max-width:540px;margin:0 auto}.web-assessment-page,.web-assessment-order{max-width:720px;margin:0 auto}}

.join-page .game-chip{flex:0 0 auto;width:max-content;padding:8px;font-size:14px}
.join-page .game-chip .check-dot{position:static;transform:none;flex:none}
.join-page .game-chip span{flex:none;overflow:visible;text-overflow:clip}
.join-page .assessment-mode{align-items:flex-start!important;text-align:left!important}
.application-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;height:54px;background:#f1f2ff;color:#161b29;font-size:18px}
.application-topbar button{position:absolute;left:8px;top:5px;width:44px;height:44px;border:0;background:none;font-size:32px;color:inherit}


/* source: player-parity-1.9.359.css */
/* Scoped native mini-program layout parity. */
.player-parity-page{background:#f4f6fb;color:#172033;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)!important}
.player-parity-page .mini-native-nav{position:sticky;top:0;z-index:20;background:#f6f7fc}
.pp-body{padding:12px 12px 110px!important;max-width:760px;margin:auto;font-size:14px;line-height:1.6}
.pp-body *,.pp-sheet *{box-sizing:border-box}
.pp-body button,.pp-sheet button{font:inherit;cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;min-width:0;white-space:normal}
.pp-body button:disabled,.pp-sheet button:disabled{opacity:.45;cursor:default}
.pp-body h2,.pp-sheet h2{font-size:18px;line-height:1.4;margin:0 0 14px;font-weight:800}
.pp-body h3{font-size:15px;margin:14px 0 8px}
.pp-body p{margin:10px 0}
.pp-body small,.pp-body time{font-size:12px}
.pp-card{display:block;background:white;border:1px solid #edf0f6;border-radius:14px;padding:18px 14px!important;margin:12px 0;min-width:0;width:100%;text-align:left}
.pp-primary{border:0!important;border-radius:30px!important;background:linear-gradient(110deg,#6275ff,#7655fc)!important;color:#fff!important;padding:12px 20px!important;font-weight:700!important;min-height:44px;width:100%;box-shadow:none!important}
.pp-body input:not([type=checkbox]):not([type=file]),.pp-sheet input:not([type=checkbox]):not([type=file]),.pp-body textarea{display:block;min-width:0;max-width:100%;width:100%;border:1px solid #edf0f5;background:#f6f7fb;border-radius:10px;padding:14px 12px!important;outline-color:#6c69ff;font:inherit;color:#172033;box-sizing:border-box}
.pp-body textarea{min-height:125px;resize:vertical}
.pp-muted{color:#9198a6;font-size:13px;line-height:1.6}
.pp-empty{padding:65px 12px!important;text-align:center;color:#9ba1ac;display:block;width:100%;background:transparent;font-size:14px}
.pp-section-head,.pp-record-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.pp-section-head h2{margin:0}.pp-section-head small{display:block}
.pp-section-head button,.pp-outline{padding:6px 13px!important;background:#f0efff;border-radius:20px;color:#7771e6;flex-shrink:0}
.pp-body .pp-section-head .pp-withdraw-rule{flex:0 0 58px;width:58px;min-width:58px;max-width:58px;height:29px;min-height:29px;margin:0 0 0 auto!important;padding:0!important;line-height:1;border-radius:999px}
.pp-withdraw-method-head{margin-bottom:14px}
.pp-wallet-card{background:linear-gradient(120deg,#6673ff,#7654f5);border-radius:16px;padding:22px 16px!important;color:#fff;margin:12px 0}
.pp-wallet-card>span{font-size:13px;color:#dddfff}
.pp-cash{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:12px 0 20px}
.pp-cash>strong{font-size:32px;line-height:1.2;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pp-cash>div{display:flex;gap:8px;flex-shrink:0}
.pp-cash button{background:white;color:#8174eb;border-radius:22px;padding:7px 14px!important}
.pp-wallet-stats{border-top:1px solid #ffffff3b;padding-top:14px!important;display:grid;grid-template-columns:1fr 1fr}
.pp-wallet-stats>div{text-align:center;font-size:12px;color:#dcddff;min-width:0}
.pp-wallet-stats>div+div{border-left:1px solid #ffffff3b}
.pp-wallet-stats b{display:block;color:#fff;font-size:18px;margin-top:5px;overflow-wrap:anywhere}
.pp-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;margin:12px -12px 0}
.pp-tabs button{position:relative;padding:18px 0!important;background:none;color:#8f95a0;font-size:14px}
.pp-tabs .active{color:#716bff;font-weight:700}.pp-tabs .active:after{content:'';position:absolute;width:26px;height:3px;border-radius:4px;background:#7368ff;bottom:4px;left:calc(50% - 13px)}
.pp-record{padding:16px 12px!important;background:#fff;border-radius:12px;margin-top:12px;min-width:0}
.pp-record>header{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9298a6;margin-bottom:12px}
.pp-record-content{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}
.pp-record-content>img{width:40px;height:40px;object-fit:cover;border-radius:8px}
.pp-record-content b{font-size:14px;display:block;overflow-wrap:anywhere}.pp-record-content small{display:block;font-weight:400;color:#949ba8;font-size:11px;overflow-wrap:anywhere}
.pp-record-content>strong{font-size:16px;text-align:right;max-width:140px;overflow-wrap:anywhere;color:#e17a40}
.pp-record-content>strong.income{color:#6873f3}.pp-record-content>strong.pending{font-size:13px;color:#999}
.pp-status{border-radius:5px;font-size:11px;color:#8b7cf0;background:#f3f0ff;padding:2px 6px!important;white-space:nowrap}
.pp-status.success{color:#2ea46a;background:#e8f8ee}.pp-status.reject{color:#dc6379;background:#fff0f2}
.pp-transfer{background:#eeedff;color:#7365ed;border-radius:20px;padding:7px 15px!important;margin-top:10px;float:none}
.pp-balance-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;padding:18px 14px!important}
.pp-balance-grid>div{min-width:0;border-right:1px solid #ffffff30;padding-right:6px}.pp-balance-grid>div:last-child{border:0}
.pp-balance-grid small{font-size:10px;color:#dddfff}.pp-balance-grid b{display:block;font-size:clamp(13px,4vw,17px);overflow-wrap:anywhere}
.pp-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pp-methods button{background:#f8fafc;border:1px solid #e4e8f0;border-radius:12px;padding:14px 8px!important;justify-content:flex-start;gap:8px;text-align:left}
.pp-methods button.active{border-color:#716cff;background:#f1f0ff}
.pp-methods img{width:32px;height:32px}.pp-methods small{display:block;font-size:10px;color:#8c96a8}.pp-methods b{font-size:14px}
.pp-amount{display:flex;align-items:center;border-bottom:1px solid #e7e9f0;font-size:28px;font-weight:700;margin:12px 0;gap:8px}
.pp-body .pp-amount input{border:0;background:none;padding:12px 0!important;font-size:28px;font-weight:700}
.pp-amount button{flex-shrink:0;background:#eeedff;color:#7c77e4;font-size:13px;border-radius:24px;padding:5px 12px!important}
.pp-settlement{display:flex;justify-content:space-between;color:#949cab}.pp-settlement b{color:#605fe0}
.pp-account{display:flex;gap:5px;border:1px solid #e9edf5;border-radius:10px;margin:10px 0;padding:8px!important}
.pp-account.active{background:#f4f3ff;border-color:#7874ff}
.pp-account>button:first-child{flex:1;gap:8px;justify-content:flex-start;text-align:left;background:none}
.pp-account>button:first-child>span:nth-child(2){min-width:0}.pp-account small{display:block;color:#99a0b0;font-size:11px;overflow-wrap:anywhere}
.pp-account>button:last-child{color:#adb2bf;font-size:12px;background:none}
.pp-submit-bar{position:fixed;z-index:25;bottom:0;left:50%;transform:translateX(-50%);max-width:760px;width:100%;background:#ffffffed;backdrop-filter:blur(10px);padding:12px 15px calc(12px + env(safe-area-inset-bottom))!important;text-align:center;border-top:1px solid #eef0f7}
.pp-submit-bar small{display:block;font-size:10px;color:#a2a8b4;margin-top:8px}
.pp-actions{display:flex;gap:10px}.pp-actions>button{flex:1;background:#f0f1f7;padding:12px!important;border-radius:25px;color:#747e92}
.pp-actions>button.pp-primary{flex:2}
.pp-form>label,.pp-form .pp-card>label{display:block;font-weight:700;margin:14px 0}
.pp-form input{margin-top:8px;font-weight:400}
.pp-identity-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pp-identity-images label{background:#f4f6fc;border:1px dashed #c7cfe1;border-radius:12px;padding:25px 8px!important;text-align:center;color:#7484a4;font-size:13px;position:relative}
.pp-identity-images input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.pp-identity-images small{display:block}
.pp-form .pp-agreement{font-size:12px;font-weight:400;line-height:2.3}.pp-agreement input{display:inline;margin-right:5px}.pp-agreement button{background:none;color:#716cff;padding:0!important;font-size:12px}
.pp-sheet{color:#172033;background:#fff;padding:20px!important;border-radius:24px;max-height:80dvh;overflow:auto;text-align:left;font-size:14px;line-height:1.7}
.pp-sheet>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pp-sheet>header h2{margin:0}
.pp-sheet>header button{border-radius:50%;width:30px;height:30px;background:#f2f3f8;color:#9da2ac;font-size:24px}
.pp-sheet>p{margin:18px 0}.pp-sheet .pp-primary{margin-top:10px}.pp-sheet .pp-actions .pp-primary{margin-top:0}
#modal:has(.pp-sheet) .modal-panel{padding:0!important;background:none;border-radius:24px;max-width:600px;width:calc(100% - 24px);margin:0 auto;box-shadow:none}
.pp-rule-facts{padding:12px!important;background:#f4f3ff;border-radius:10px}.pp-rule-lines{padding-left:24px}.pp-rule-lines li{padding:6px 0!important}
.pp-pre{white-space:pre-wrap;word-break:break-word;line-height:1.9;font-size:14px}
.pp-rules-banner{width:100%;height:auto;display:block}.pp-scope{display:flex;align-items:center;gap:8px;margin-bottom:16px}.pp-scope img{max-width:65px;height:24px;object-fit:contain}
.pp-full-image{width:100%;max-height:65dvh;object-fit:contain}
.pp-deposit-total{display:block;font-size:34px;margin:12px 0 24px;overflow-wrap:anywhere}
.pp-warning{background:#fff9e8;border:1px solid #eedcaf;border-radius:12px;padding:14px!important;margin:15px 0;color:#ae7042;font-size:13px}
.pp-data-hero{background:linear-gradient(125deg,#6378ff,#8f6eff);padding:18px 14px!important;border-radius:14px;color:#fff}
.pp-player{display:flex;align-items:center;gap:10px;margin-bottom:20px}.pp-player img{width:45px;height:45px;object-fit:cover;border-radius:50%}.pp-player span{background:#ffffff28;font-size:12px;padding:3px 8px!important;border-radius:15px}
.pp-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 10px;margin:20px 0 8px}.pp-data-grid>div{min-width:0;text-align:center;font-size:12px}.pp-data-grid b{display:block;margin-top:6px;font-size:22px;overflow-wrap:anywhere}
.pp-data-hero .pp-data-grid{grid-template-columns:repeat(3,1fr)}.pp-data-hero .pp-data-grid b{font-size:19px}
.pp-section-title{margin:22px 4px 12px!important;font-size:17px!important}
.pp-composer-actions{display:flex;gap:10px;margin-top:12px}.pp-composer-actions label{position:relative;padding:8px 15px!important;background:#f2f1fc;border-radius:20px;color:#7c70e6}
.pp-composer-actions input{position:absolute;inset:0;width:100%;opacity:0}.pp-composer-actions .pp-primary{margin-left:auto;width:auto;padding:8px 25px!important;min-height:0}
.pp-media-preview{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.pp-media-preview img{width:100%;height:90px;object-fit:cover;border-radius:8px}.pp-media-preview button{position:absolute;right:0;top:0;border-radius:50%;background:#444a;color:white;width:25px;height:25px}
.pp-body video{width:100%;max-height:400px;border-radius:12px;background:#000}.pp-media-preview video{grid-column:1/-1}
.pp-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.pp-image-grid img{width:100%;height:95px;object-fit:cover;border-radius:8px;display:block}.pp-image-grid>div{position:relative}.pp-image-grid button{padding:0!important;background:transparent;width:100%}.pp-image-grid [data-remove]{position:absolute;right:-4px;top:-4px;background:#3339;color:white;width:22px;height:22px;border-radius:50%}
.pp-image-add{position:relative;border:1px dashed #c5c5de;border-radius:12px;height:95px;text-align:center;background:#f6f6fb;color:#8581db;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px}.pp-image-add small{font-size:12px}.pp-image-add input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.pp-record-head{font-size:12px;color:#969fad}.pp-record-head img{width:34px;height:34px;border-radius:50%;object-fit:cover}.pp-record-head>div{flex:1}.pp-record-head b{color:#172033}.pp-record-head small{display:block}.pp-record-head button{background:none;color:#a6acb5;font-size:12px;padding:0!important}
.pp-edit-hero{height:180px;background-size:cover;background-position:center;border-radius:12px;position:relative}.pp-edit-hero label{position:absolute;right:14px;top:14px;border:1px solid #fff9;color:#fff;border-radius:18px;padding:5px 12px!important;font-size:12px}
.pp-edit-hero input,.pp-edit-avatar input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.pp-edit-avatar{display:block;position:relative;margin:-40px auto 10px;width:90px;height:90px;border:4px solid white;border-radius:50%}.pp-edit-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pp-edit-avatar span{position:absolute;right:0;bottom:0;background:#7074f3;border-radius:50%;color:white;width:27px;height:27px;text-align:center}
.pp-genders{display:flex;justify-content:center;gap:35px;margin:20px 0}.pp-genders button{padding:7px 38px!important;border-radius:25px;background:#eaeef6;color:#a5abba}.pp-genders button.active{background:#bcdaf7;color:#3c8ac8}.pp-genders button[data-gender="女"].active{background:#fbe0eb;color:#d786ae}
.pp-profile-fields label{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f2f2f5;font-size:14px}.pp-profile-fields label:last-child{border:0}.pp-profile-fields b{min-width:70px;font-weight:400}.pp-profile-fields span{color:#c8cbd0}.pp-body .pp-profile-fields input{border:0;background:transparent;text-align:right;padding:14px 0!important}.pp-tags{display:flex;flex-wrap:wrap;gap:10px}.pp-tags button{border:1px solid #dde0e8;background:white;border-radius:18px;padding:5px 16px!important;color:#8c93a4}.pp-tags button.active{background:#f0ebff;border-color:#8578e8;color:#8275dc}
.center-shell .promo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.center-shell .promo-card{display:block!important;position:relative;text-align:left;padding:14px 12px!important;min-height:80px;height:auto!important;overflow:hidden;isolation:isolate}
.center-shell .promo-copy{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2;max-width:100%;gap:3px}
.center-shell .promo-title{display:block;position:static!important;font-size:15px!important;font-weight:800;line-height:1.45;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.center-shell .promo-sub{display:block;position:static!important;font-size:11px!important;line-height:1.4;color:#86758f;max-width:calc(100% - 35px)}
.center-shell .promo-illus{right:3px!important;bottom:0!important;top:auto!important;opacity:.5;z-index:0;transform:scale(.75);transform-origin:bottom right;pointer-events:none}
.center-shell .promo-watermark{z-index:0;opacity:.4;pointer-events:none}
/* Rules are a centered dialog, independent of mobile bottom sheets. */
#modal:has(.order-rule-modal):not(.hidden){display:grid!important;place-items:center!important;padding:16px!important}
#modal:has(.order-rule-modal) .modal-panel{width:min(100%,390px)!important;max-width:390px!important;max-height:calc(100dvh - 32px)!important;margin:0!important;padding:0!important;border-radius:20px!important;overflow:hidden;background:#fff}
#modal .order-rule-modal{display:flex;flex-direction:column;width:100%!important;max-width:none;padding:0!important;border-radius:20px;background:#fff;max-height:min(75dvh,560px);overflow:hidden}
#modal .order-rule-modal-head{display:flex;align-items:center;justify-content:space-between;flex:none;height:52px;padding:0 56px 0 16px!important;background:linear-gradient(100deg,#438cff,#9272ff)}
#modal .order-rule-modal-title{font-size:16px;margin:0;color:#fff}
#modal .order-rule-close{display:flex;align-items:center;justify-content:center;border:0!important;width:44px;height:44px;min-width:44px;background:#ffffff25!important;border-radius:50%;font-size:25px;color:#fff;padding:0!important}
#modal .order-rule-list{overflow:auto;min-height:0;max-height:none;overscroll-behavior:contain;padding:12px!important}
#modal .order-rule-item{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px!important;border-radius:12px;background:#f5f2ff;margin-bottom:8px}
#modal .order-rule-info{min-width:0}#modal .order-rule-game{font-size:14px;font-weight:700;overflow-wrap:anywhere}
#modal .order-rule-level{width:auto;max-width:65px;height:21px;object-fit:contain;margin-top:7px}
#modal .order-rule-view{flex-shrink:0;background:#557bff;border:0;border-radius:20px;color:#fff;font-size:13px;padding:0!important;min-height:36px;line-height:1;white-space:nowrap}
@media(max-width:360px){.pp-cash>strong{font-size:27px}.pp-cash button{padding:6px 10px!important}.pp-record-content{grid-template-columns:30px minmax(0,1fr) auto;gap:6px}.pp-record-content>img{width:30px;height:30px}.pp-record-content>strong{max-width:100px;font-size:14px}.center-shell .promo-title{font-size:14px!important}}

.pp-body button,.pp-sheet button{line-height:1.45!important}
.pp-cash button{min-height:32px}.pp-tabs button{min-height:48px}.pp-methods button{min-height:68px}.pp-genders button{min-height:35px}
.pp-body .pp-amount input{border:0!important;background:transparent!important;padding:12px 0!important;border-radius:0;outline:none;-moz-appearance:textfield}
.pp-amount input::-webkit-inner-spin-button,.pp-amount input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pp-body .pp-profile-fields input{border:0!important;background:transparent!important}
.pp-social-video{width:100%;max-height:420px;background:#111;border-radius:12px}.moment-media button{padding:0!important;border:0;background:transparent;border-radius:8px;overflow:hidden}.moment-foot>div{display:flex;gap:10px}.moment-foot button{border:0;background:transparent;color:#888;padding:5px!important}.moment-foot button.liked{color:#f17c9c}.social-comment{font-size:12px;background:#f4f5f9;margin:0;padding:6px 10px}.social-comment b{color:#8175b7}.pp-sheet textarea{width:100%;min-height:100px;border:1px solid #e6e6ee;border-radius:10px;padding:12px;font:inherit}


/* source: home-header-sync-1.9.373.css */
/* Shared top-tab geometry. Home keeps its existing 65px surface start.
   Explicit scope wins over legacy tab-specific and responsive overrides. */
#mainView .home-shell .top-hero { padding-top:0!important; }
#mainView .home-shell .hero-top {
  position:relative!important; height:68px!important;
  margin:-8px 0 0!important; padding:0 5px!important;
  display:flex!important; align-items:center!important; justify-content:flex-start!important;
  gap:0!important; box-sizing:border-box!important; z-index:30!important;
}
#mainView .home-shell.rank .rank-hero { padding-left:0!important; padding-right:0!important; }
#mainView .home-shell.rank .hero-top { margin-left:14px!important; margin-right:14px!important; }
#mainView .home-shell .nav-tabs {
  display:grid!important; grid-template-columns:56px 56px 84px!important;
  flex:none!important; gap:0!important; width:196px!important; max-width:none!important;
  padding:0!important; margin:0!important; align-items:center!important;
  font-size:16.5px!important; line-height:1!important;
}
#mainView .home-shell .nav-tabs button {
  display:block!important; padding:0!important; margin:0!important; width:100%!important;
  font-size:16.5px!important; height:28px!important; line-height:28px!important; text-align:left!important;
  white-space:nowrap!important; color:rgba(255,255,255,.78)!important;
}
#mainView .home-shell .nav-tabs button.active { font-size:23px!important; color:#fff!important; }
#mainView .home-shell .search-bubble {
  position:absolute!important; left:214px!important; right:auto!important; top:50%!important;
  transform:translateY(-50%)!important; width:47px!important; height:36px!important;
  flex:0 0 47px!important; margin:0!important; padding:0!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  box-sizing:border-box!important; border:0.5px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important; background:rgba(66,74,160,.34)!important;
  box-shadow:inset 0 1.5px 5px rgba(255,255,255,.16),0 4px 9px rgba(56,66,150,.12)!important;
}
#mainView .home-shell .search-icon-img { display:block!important; width:21px!important; height:21px!important; object-fit:contain!important; }
#mainView .home-shell.home .blue-hero,
#mainView .home-shell.players .blue-hero { padding-left:14px!important; padding-right:14px!important; padding-bottom:0!important; border-radius:0!important; }
#mainView .home-shell .home-discovery-sheet,
#mainView .home-shell .players-surface { margin:5px -14px 0!important; border-radius:26px 26px 0 0!important; }


/* source: player-center-parity-1.9.374.css */
/* Miniapp companion-center layout, scoped so checkout and other tenants' settings are unaffected. */
#mainView [data-player-page]{color:#171d2c!important;background:#f5f6fb!important;min-height:100dvh!important;box-sizing:border-box!important}
#mainView .player-parity-page .pp-body{padding:12px 12px calc(28px + env(safe-area-inset-bottom))!important;max-width:none!important;font-size:14px!important}
#mainView .player-parity-page .pp-card{border:0!important;border-radius:12px!important;padding:14px!important;margin:0 0 12px!important;box-shadow:none!important}
#mainView .player-parity-page h2{font-size:16px!important;line-height:23px!important;margin:0 0 12px!important;font-weight:700!important}
#mainView .player-parity-page .pp-primary{display:flex!important;align-items:center!important;justify-content:center!important;width:min(100%,210px)!important;min-height:42px!important;padding:0 16px!important;margin:13px auto 0!important;border-radius:999px!important;background:#6669ff!important;color:white!important;font-size:16px!important;line-height:1.3!important;font-weight:700!important}
#mainView .player-parity-page textarea{box-sizing:border-box!important;padding:18px 14px!important;background:#f7f7fa!important;border:0!important;border-radius:9px!important;font-size:14px!important;line-height:1.6!important;resize:none!important}
#mainView .player-parity-page .pp-section-title{margin:20px 3px 12px!important}
#mainView .player-parity-page .pp-empty{color:#a0a8b7!important;font-size:14px!important;padding:55px 12px!important;text-align:center!important}
/* 我的接单: six wallet values, then three groups of four statistics. */
#mainView [data-player-page="我的接单"]{background:#f5f5f5!important}
#mainView [data-player-page="我的接单"] .pp-body{padding:0 0 28px!important}
#mainView [data-player-page="我的接单"] .pp-data-hero{padding:16px 15px 29px!important;border-radius:0!important;background:linear-gradient(118deg,#f6edff,#fff1f5,#fff7f1)!important;color:#303030!important;margin:0!important}
#mainView [data-player-page="我的接单"] .pp-player{min-height:41px!important;gap:12px!important;margin:0!important;display:flex!important;align-items:center!important}
#mainView [data-player-page="我的接单"] .pp-player img{width:28px!important;height:28px!important;border-radius:50%!important}
#mainView [data-player-page="我的接单"] .pp-player b{font-size:20.5px!important;font-weight:500!important;flex:1!important}
#mainView [data-player-page="我的接单"] .pp-player>span{font-size:15.5px!important}
#mainView [data-player-page="我的接单"] .pp-data-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:21px 7px!important;margin:0!important;gap:0!important}
#mainView [data-player-page="我的接单"] .pp-data-grid>div{padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;border:0!important;background:none!important}
#mainView [data-player-page="我的接单"] .pp-data-grid span{font-size:13.5px!important;line-height:19px!important;color:#aa5154!important;white-space:nowrap!important}
#mainView [data-player-page="我的接单"] .pp-data-grid b{font-size:20.5px!important;font-weight:400!important;color:#303030!important;line-height:27px!important;margin-top:11px!important}
#mainView [data-player-page="我的接单"] .pp-data-hero .pp-data-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:16px!important;min-height:122px!important;border-radius:12px!important;padding:11px 8px!important;background:linear-gradient(110deg,#f9ead9,#f1d0bd)!important;row-gap:6px!important}
#mainView [data-player-page="我的接单"] .pp-data-hero .pp-data-grid span{font-size:14px!important;color:#6b3c35!important}
#mainView [data-player-page="我的接单"] .pp-data-hero .pp-data-grid b{margin-top:5px!important;font-size:19.5px!important}
#mainView [data-player-page="我的接单"] button.pp-section-head{width:calc(100% - 24px)!important;margin:10px 12px 0!important;padding:14px 13px!important;min-height:66px!important;background:linear-gradient(110deg,#646aff,#8b6bff)!important;color:#fff!important;border-radius:12px!important;text-align:left!important}
#mainView [data-player-page="我的接单"] button.pp-section-head span b{font-size:16px!important;font-weight:400!important}
#mainView [data-player-page="我的接单"] button.pp-section-head small{color:#dddfff!important;font-size:12px!important;margin-top:5px!important}
#mainView [data-player-page="我的接单"] button.pp-section-head>b{font-size:28px!important}
#mainView [data-player-page="我的接单"] .pp-stat-section{margin:18px 15px 0!important;padding:0!important;border-radius:0!important;min-height:140px!important}
#mainView [data-player-page="我的接单"] .pp-stat-section h2{height:36px!important;display:flex!important;align-items:center!important;padding-left:15px!important;background:linear-gradient(90deg,#fce7eb,#fff)!important;font-size:15.5px!important;font-weight:500!important;margin:0!important}
#mainView [data-player-page="我的接单"] .pp-stat-section:nth-last-child(2) h2{background:linear-gradient(90deg,#fdf1e5,#fff)!important}
#mainView [data-player-page="我的接单"] .pp-stat-section:last-child h2{background:linear-gradient(90deg,#e8faff,#fff)!important}
#mainView [data-player-page="我的接单"] .pp-stat-section:nth-last-child(2) span{color:#927757!important}
#mainView [data-player-page="我的接单"] .pp-stat-section:last-child span{color:#5096a6!important}
/* Composer and complaint. */
#mainView [data-player-page="我的动态"] #ppMomentText{height:89px!important;min-height:89px!important;width:100%!important;margin:0!important}
#mainView [data-player-page="我的动态"] .pp-composer-actions{display:grid!important;grid-template-columns:1fr 1fr .6fr!important;gap:8px!important;margin-top:10px!important;align-items:center!important}
#mainView [data-player-page="我的动态"] .pp-composer-actions>*{margin:0!important;width:100%!important;height:36px!important;min-height:36px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:700!important}
#mainView [data-player-page="我的动态"] .pp-moment-history>.pp-empty{background:white!important;border-radius:12px!important;padding:36px 12px!important}
#mainView [data-player-page="我的投诉"] #ppComplaintText{display:block!important;width:100%!important;height:115px!important;min-height:115px!important;border:1px solid #edf0f6!important;background:#f8f9fc!important;padding:16px 14px!important;font-size:13.5px!important}
#mainView .pp-upload-heading{display:flex!important;justify-content:space-between!important;margin:12px 0 8px!important;color:#788498!important;font-size:12.5px!important}
#mainView [data-player-page="我的投诉"] .pp-image-grid{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:0!important}
#mainView [data-player-page="我的投诉"] .pp-image-grid>div,#mainView [data-player-page="我的投诉"] .pp-image-add{width:89px!important;height:89px!important;border-radius:8px!important;flex:none!important}
#mainView [data-player-page="我的投诉"] .pp-image-add{border:1px dashed #cbd4eb!important;background:#fafbff!important;font-size:32px!important;font-weight:300!important;gap:3px!important;color:#6972ff!important}
#mainView [data-player-page="我的投诉"] .pp-image-add small{font-size:11px!important}
/* Deposit: same two inset balance panels and compact forms. */
#mainView [data-player-page="押金管理"] .pp-section-head{margin:2px 2px 12px!important}
#mainView [data-player-page="押金管理"] .pp-section-head h2{font-size:18px!important;margin:0 0 2px!important}
#mainView [data-player-page="押金管理"] .pp-outline{height:30px!important;min-height:30px!important;padding:0 15px!important;border:1px solid #6e6aff!important;border-radius:999px!important;background:white!important}
#mainView [data-player-page="押金管理"] .pp-wallet-card{padding:18px 16px 14px!important;border-radius:12px!important;margin:0 0 10px!important;background:linear-gradient(110deg,#626dff,#7b55ff)!important;color:white!important}
#mainView [data-player-page="押金管理"] .pp-wallet-card>span{font-size:14px!important;color:#dfdfff!important}
#mainView [data-player-page="押金管理"] .pp-deposit-total{font-size:30px!important;line-height:42px!important;margin:4px 0 14px!important}
#mainView [data-player-page="押金管理"] .pp-wallet-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;border:0!important;padding:0!important;margin:0!important;text-align:left!important}
#mainView [data-player-page="押金管理"] .pp-wallet-stats>div{border:0!important;border-radius:9px!important;background:#ffffff24!important;padding:10px!important;font-size:13px!important;color:#dedfff!important}
#mainView [data-player-page="押金管理"] .pp-wallet-stats b{display:block!important;font-size:16px!important;font-weight:400!important;margin-top:3px!important;color:white!important}
#mainView [data-player-page="押金管理"] .pp-card{padding:28px 14px 14px!important}
#mainView [data-player-page="押金管理"] .pp-muted{font-size:12px!important;line-height:1.6!important}
#mainView [data-player-page="押金管理"] .pp-amount{margin-top:18px!important;min-height:42px!important;padding:0 0 9px!important;font-size:24px!important;border-bottom:1px solid #eef0f7!important;display:flex!important;align-items:center!important;gap:8px!important}
#mainView [data-player-page="押金管理"] .pp-amount input{font-size:23px!important;font-weight:700!important;min-width:0!important;width:100%!important;border:0!important;padding:0!important;background:transparent!important}
#mainView [data-player-page="押金管理"] textarea{height:67px!important;min-height:67px!important;margin-top:12px!important}
/* Profile editor with overlapping avatar and full-bleed background. */
#mainView [data-player-page="修改资料"]{position:relative!important;background:#f2f2f2!important}
#mainView [data-player-page="修改资料"]>.mini-native-nav{position:absolute!important;left:0!important;right:0!important;top:0!important;background:transparent!important;z-index:3!important}
#mainView [data-player-page="修改资料"]>.mini-native-nav h1{visibility:hidden!important}
#mainView [data-player-page="修改资料"]>.mini-native-nav button{background:#ffffff55!important;color:white!important;border-radius:50%!important;width:29px!important;height:29px!important;left:16px!important;font-weight:300!important}
#mainView [data-player-page="修改资料"] .pp-body{padding:0 12px calc(90px + env(safe-area-inset-bottom))!important}
#mainView [data-player-page="修改资料"] .pp-edit-hero{height:186px!important;margin:0 -12px!important;border-radius:0!important;position:relative!important;background-color:#596169!important;background-size:cover!important;background-position:center!important}
#mainView [data-player-page="修改资料"] .pp-edit-hero:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:80px!important;background:linear-gradient(transparent,#f2f2f2)!important;pointer-events:none!important}
#mainView [data-player-page="修改资料"] .pp-edit-hero>label{position:absolute!important;right:17px!important;top:52px!important;padding:0 0 5px!important;border-radius:0!important;border-bottom:1px solid #fff8!important;background:none!important;color:white!important;font-size:15.5px!important;z-index:1!important}
#mainView [data-player-page="修改资料"] .pp-edit-avatar{position:relative!important;display:block!important;width:90px!important;height:90px!important;margin:-44px auto 14px!important;z-index:2!important}
#mainView [data-player-page="修改资料"] .pp-edit-avatar img{width:90px!important;height:90px!important;border:0!important;border-radius:50%!important;object-fit:cover!important}
#mainView [data-player-page="修改资料"] .pp-edit-avatar span{position:absolute!important;right:3px!important;bottom:2px!important;width:29px!important;height:29px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#6378ff!important;color:#fff!important;font-size:20px!important}
#mainView [data-player-page="修改资料"] .pp-genders{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0 0 17px!important}
#mainView [data-player-page="修改资料"] .pp-genders button{height:45px!important;width:100%!important;border-radius:5px!important;border:0!important;background:#fff!important;color:#888!important;font-size:16px!important;margin:0!important}
#mainView [data-player-page="修改资料"] .pp-genders button.active{background:#6378ff!important;color:white!important}
#mainView [data-player-page="修改资料"] .pp-card{border-radius:7px!important;padding:14px 16px!important}
#mainView [data-player-page="修改资料"] .pp-profile-fields label{min-height:50px!important;display:flex!important;align-items:center!important;border:0!important;padding:0!important;gap:6px!important}
#mainView [data-player-page="修改资料"] .pp-profile-fields b{width:105px!important;flex:none!important;font-size:15.5px!important;color:#111!important}
#mainView [data-player-page="修改资料"] .pp-profile-fields input{min-width:0!important;width:100%!important;flex:1!important;font-size:15.5px!important;text-align:right!important;padding:0!important;border:0!important;background:transparent!important}
#mainView [data-player-page="修改资料"] .pp-profile-fields span{color:#ccc!important;font-size:29px!important;width:13px!important}
#mainView [data-player-page="修改资料"] textarea[name=intro]{height:89px!important;min-height:89px!important;background:#f5f5f5!important;font-size:15.5px!important}
#mainView #ppProfileForm>button[type=submit]{position:fixed!important;bottom:calc(15px + env(safe-area-inset-bottom))!important;left:50%!important;transform:translateX(-50%)!important;width:calc(100% - 40px)!important;max-width:388px!important;height:43px!important;z-index:40!important;margin:0!important;background:#6378ff!important;font-weight:400!important}
/* Service orders. No large empty recipient block; keep all state-dependent actions. */
#mainView .service-order-page{background:#f5f5f5!important;min-height:100dvh!important}
#mainView .service-tabs{height:48px!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;background:white!important;border:0!important;border-radius:0!important}
#mainView .service-tabs button{font-size:16px!important;font-weight:400!important;position:relative!important;color:#222!important;padding:0!important;background:none!important;border:0!important}
#mainView .service-tabs button.on{color:#387cda!important}
#mainView .service-tabs button.on:after{content:""!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;bottom:0!important;width:31px!important;height:3px!important;border-radius:3px!important;background:#387cda!important}
#mainView .service-order-list{padding:7px 9px 24px!important}
#mainView .service-order-card{border-radius:4px!important;padding:12px!important;margin:0 0 9px!important;background:white!important;box-shadow:0 10px 20px #34456208!important;overflow:hidden!important}
#mainView .service-brand{padding:0!important;min-height:23px!important;gap:5px!important;border:0!important}
#mainView .service-brand img{width:17px!important;height:17px!important}
#mainView .service-brand b{font-size:18px!important;color:#242424!important}
#mainView .service-number{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:5px!important;margin:9px 0 12px!important;padding:0!important;font-size:12px!important;line-height:17px!important;border:0!important;color:#999!important}
#mainView .service-number>span{display:flex!important;align-items:center!important;white-space:nowrap!important;min-width:0!important}
#mainView .service-number time{font-size:11.5px!important;white-space:nowrap!important}
#mainView .service-copy{position:relative!important;width:16px!important;height:19px!important;padding:0!important;background:none!important;border:0!important;flex:none!important;margin-left:2px!important}
#mainView .service-copy i{position:absolute!important;width:7px!important;height:10px!important;border:1px solid #b4b9c3!important;border-radius:2px!important;top:3px!important;left:3px!important}
#mainView .service-copy i+i{top:6px!important;left:6px!important;background:#fff!important}
#mainView .service-goods{padding:0!important;margin:0 0 0!important;gap:9px!important;align-items:flex-start!important;border:0!important;min-height:60px!important}
#mainView .service-goods>img{width:60px!important;height:60px!important;border-radius:3px!important;object-fit:cover!important}
#mainView .service-goods>div{flex:1!important;min-width:0!important}
#mainView .service-goods h3{font-size:15px!important;line-height:20px!important;font-weight:400!important;color:#171717!important;margin:0!important}
#mainView .service-goods b,#mainView .service-goods span{display:block!important;color:#888!important;font-size:14px!important;font-weight:400!important;line-height:18px!important;margin:0!important}
#mainView .service-goods>strong{color:#888!important;font-size:14px!important;font-weight:400!important;margin:0!important}
#mainView .service-team-commission-row{display:block!important;border-top:1px solid #f5f5f5!important;border-bottom:0!important;padding:11px 0 0!important;margin:0!important;min-height:0!important}
#mainView .service-team{display:flex!important;align-items:center!important;min-height:28px!important;padding:0!important;gap:9px!important}
#mainView .service-team-tag{padding:4px 7px!important;border-radius:2px!important;background:#efefff!important;color:#6b6bff!important;font-size:13px!important;white-space:nowrap!important;flex:none!important}
#mainView .service-team>div{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important;overflow-x:auto!important}
#mainView .service-mate{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;flex:none!important;width:auto!important;max-width:none!important}
#mainView .service-mate-avatar{padding:0!important;width:28px!important;height:28px!important;border:0!important;border-radius:50%!important;background:none!important;flex:none!important}
#mainView .service-mate img{width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important}
#mainView .service-mate em{font-style:normal!important;color:#888!important;font-size:14px!important;white-space:nowrap!important}
#mainView .service-none{font-size:14px!important;color:#aaa!important}
#mainView .service-earned{margin:8px 0 0!important;color:#888!important;text-align:left!important;font-size:13px!important}
#mainView .service-earned b{font-size:15px!important;color:#888!important}
#mainView .service-commission{min-height:38px!important;padding:8px 0 10px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;border:0!important}
#mainView .service-commission i{font-style:normal!important;font-size:13px!important;color:#6871ff!important}
#mainView .service-buyer{margin:0!important;padding:12px 0 0!important;border-top:1px solid #f5f5f5!important;gap:8px!important;min-height:45px!important}
#mainView .service-buyer>img{width:33px!important;height:33px!important;border-radius:50%!important}
#mainView .service-buyer>div>span{font-size:12px!important;color:#aaa!important;line-height:17px!important}
#mainView .service-buyer b{font-size:14px!important;font-weight:400!important;color:#222!important;line-height:19px!important}
#mainView .service-buyer button{min-width:71px!important;height:30px!important;padding:0 14px!important;border-radius:999px!important;background:#5868ff!important;color:white!important;font-size:13px!important;font-weight:700!important;border:0!important;white-space:nowrap!important}
#mainView .service-manual{font-size:11px!important;color:#9c9eaa!important;margin-left:auto!important}
/* Shared image customer-service dialog. */
#modal:has(.web-image-customer) .modal-panel{width:min(100%,350px)!important;max-width:350px!important;border-radius:20px!important;overflow:visible!important}
#modal .web-image-customer{display:flex!important;flex-direction:column!important;gap:14px!important;background:white!important;border-radius:20px!important;padding:18px 18px 20px!important;box-sizing:border-box!important;box-shadow:0 14px 48px #121f3d30!important}
#modal .web-image-customer>img{width:100%!important;max-height:calc(100dvh - 190px)!important;height:auto!important;border-radius:12px!important;object-fit:contain!important}
#modal .web-image-customer>p{position:static!important;transform:none!important;align-self:center!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;padding:8px 14px!important;border:1px solid #d8dce8!important;border-radius:999px!important;background:transparent!important;color:#777e8d!important;font-size:12px!important;line-height:18px!important;white-space:nowrap!important}
#modal .customer-image-close{position:absolute!important;right:7px!important;top:7px!important;z-index:2!important;width:29px!important;height:29px!important;display:grid!important;place-items:center!important;border:2px solid white!important;border-radius:50%!important;background:#737987dd!important;color:white!important;font-size:23px!important;line-height:1!important;padding:0!important;box-shadow:0 2px 8px #0002!important}
/* Album hero and reference poster. */
#mainView [data-player-page="相册管理"]{padding-left:13px!important;padding-right:13px!important;background:#f4f5fc!important}
#mainView .album-manager-hero{margin-top:12px!important;padding:18px 16px 16px!important;border-radius:16px!important;background:linear-gradient(120deg,#526cff,#7564f7,#9a70ff)!important;color:white!important;position:relative!important;overflow:hidden!important}
#mainView .album-manager-hero>small{font-size:10px!important;letter-spacing:1.5px!important;color:#d5d5ff!important}
#mainView .album-manager-hero h2{font-size:21px!important;line-height:29px!important;margin:8px 0 4px!important}
#mainView .album-manager-hero p{font-size:12.5px!important;line-height:19px!important;color:#dedaff!important;margin:0!important}
#mainView .album-progress-panel{margin-top:15px!important;padding:9px 10px!important;border-radius:10px!important;background:#ffffff24!important}
#mainView .album-progress-copy{margin:0!important;font-size:11.5px!important;display:flex!important;justify-content:space-between!important}
#mainView .album-progress-copy b{font-size:12.5px!important;font-weight:400!important}
#mainView .album-progress-track{height:5px!important;margin-top:6.5px!important;background:#ffffff50!important;border-radius:999px!important;overflow:hidden!important}
#mainView .album-upload-card{display:flex!important;align-items:center!important;width:210px!important;max-width:100%!important;min-height:56px!important;padding:8px 12px!important;margin:12px auto!important;border-radius:13px!important;gap:10px!important;background:white!important;box-sizing:border-box!important}
#mainView .album-upload-plus{display:grid!important;place-items:center!important;width:33px!important;height:33px!important;flex:none!important;font-size:31px!important;font-weight:300!important;color:white!important;border-radius:10px!important;background:linear-gradient(120deg,#6474ff,#8b62ff)!important}
#mainView .album-upload-card>span:nth-child(2){flex:1!important;min-width:0!important}
#mainView .album-upload-card b{font-size:15px!important;display:block!important;color:#252b39!important}
#mainView .album-upload-card small{font-size:11.5px!important;line-height:18px!important;color:#9aa4b5!important;display:block!important}
#mainView .album-upload-card>i{font-size:24px!important;font-style:normal!important;color:#a4acbe!important}
#mainView .album-empty-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:210px!important;border:1px dashed #d8dff5!important;border-radius:15px!important;background:#fbfcff!important;padding:28px 12px!important;box-sizing:border-box!important}
#mainView .album-empty-icon{position:relative!important;width:56px!important;height:46px!important;border-radius:14px!important;background:#edefff!important;margin:0!important}
#mainView .album-empty-icon:before{content:""!important;position:absolute!important;width:35px!important;height:19px!important;left:11px!important;bottom:10px!important;background:linear-gradient(135deg,transparent 36%,#7974ff 37% 57%,transparent 58%),linear-gradient(35deg,transparent 34%,#a271ff 35% 60%,transparent 61%)!important}
#mainView .album-empty-icon i{position:absolute!important;right:10px!important;top:9px!important;width:8.5px!important;height:8.5px!important;background:#ffd272!important;border-radius:50%!important}
#mainView .album-empty-card>b{font-size:15.5px!important;font-weight:400!important;margin:15px 0 8px!important;color:#202737!important}
#mainView .album-empty-card>small{font-size:12px!important;line-height:19px!important;color:#9ca6b8!important}
#mainView .album-empty-card>em{font-size:14px!important;line-height:33px!important;padding:0 17px!important;border-radius:999px!important;margin-top:13px!important;background:#686bff!important;color:white!important;font-weight:700!important;font-style:normal!important}
#mainView .album-manager-tip{margin-top:12px!important;padding:11px 12px!important;border-radius:11px!important;background:#eef0f9!important;display:flex!important;gap:8px!important;align-items:flex-start!important}
#mainView .album-manager-tip>b{width:17px!important;height:17px!important;flex:none!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#8996b9!important;color:white!important;font-size:12px!important}
#mainView .album-manager-tip strong{font-size:12px!important;font-weight:400!important;display:block!important}
#mainView .album-manager-tip small{font-size:11px!important;line-height:18px!important;color:#98a3b6!important}
#mainView [data-player-page="我的推广"]{background:#f1edff!important;padding-left:12px!important;padding-right:12px!important}
#mainView .web-promotion-apply{position:relative!important;border-radius:15px!important;overflow:hidden!important;margin-top:12px!important;padding:0!important;background:#faf6ff!important}
#mainView .web-promotion-apply>img{display:block!important;width:100%!important;height:auto!important;border-radius:0!important}
#mainView .web-promotion-apply>[data-promotion-apply]{position:absolute!important;left:11%!important;right:11%!important;top:87%!important;height:9.5%!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:transparent!important;box-shadow:none!important;font-size:0!important}
#mainView .web-promotion-apply>[data-promotion-apply]:focus-visible{outline:3px solid #546dff!important;outline-offset:3px!important}
/* Public service homepage. */
#mainView [data-player-page="陪玩详情"]{position:relative!important;padding:0 0 100px!important;background:white!important;color:#151515!important}
#mainView [data-player-page="陪玩详情"]>h1{position:absolute!important;top:0!important;left:64px!important;right:64px!important;height:44px!important;margin:0!important;color:white!important;z-index:4!important;font-weight:500!important;font-size:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:none!important}
#mainView [data-player-page="陪玩详情"]>.parity-back{position:absolute!important;left:12px!important;top:0!important;z-index:5!important;color:white!important;background:none!important}
#mainView .player-profile-hero{height:276px!important;position:relative!important;margin:0!important;padding:0!important;border-radius:0!important;background-size:cover!important;background-position:center!important}
#mainView .player-profile-id{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:111px!important;margin:0!important;padding:17px 20px!important;box-sizing:border-box!important;border-radius:15px 15px 0 0!important;background:#1c242794!important;display:flex!important;align-items:center!important;gap:16px!important;color:white!important}
#mainView .profile-avatar-box{width:64px!important;min-width:64px!important;margin:0!important;position:relative!important}
#mainView .profile-avatar-box>img{width:64px!important;height:64px!important;border-radius:50%!important;border:1px solid white!important;object-fit:cover!important}
#mainView .player-profile-id h2{font-size:21.5px!important;line-height:29px!important;margin:0!important;color:white!important}
#mainView .profile-gender{background:none!important;font-size:17px!important;margin-left:4px!important;width:auto!important;height:auto!important}
#mainView .profile-metrics{display:flex!important;gap:8px!important;margin-top:8px!important}
#mainView .profile-metrics>span{height:24px!important;display:flex!important;align-items:center!important;border-radius:4px!important;padding:0 9px!important;font-size:13.5px!important;font-weight:700!important}
#mainView .profile-metrics>.wealth{background:#ffdf82!important;color:#7e5b20!important}
#mainView .profile-metrics>.charm{background:#ffbed9!important;color:#a5547c!important}
#mainView .player-profile-intro{min-height:69px!important;padding:14px 20px 12px!important;font-size:15.5px!important;line-height:1.6!important;margin:0!important;border-radius:0!important;background:white!important;color:#151515!important}
#mainView .profile-tabs{height:55px!important;display:flex!important;align-items:stretch!important;border-bottom:1px solid #f2f2f2!important;padding:0!important;margin:0!important;background:white!important}
#mainView .profile-tabs button{position:relative!important;flex:1!important;height:55px!important;font-size:17px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#777!important;padding:0!important;font-weight:400!important}
#mainView .profile-tabs button.on{color:#6175ff!important;font-weight:700!important}
#mainView .profile-tabs button.on:after{content:""!important;position:absolute!important;bottom:3.5px!important;left:50%!important;transform:translateX(-50%)!important;width:27px!important;height:3.5px!important;border-radius:3px!important;background:#6175ff!important}
#mainView .profile-content{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:white!important}
#mainView .profile-reviews>header{padding:16px!important;border-bottom:1px solid #f6f6f6!important;font-size:16px!important}
#mainView .profile-content .feature-empty{padding:55px 12px!important;font-size:14px!important;color:#aaa!important}
#mainView .profile-actions{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:0!important;width:100%!important;max-width:428px!important;box-sizing:border-box!important;padding:17px 14px calc(17px + env(safe-area-inset-bottom))!important;display:flex!important;gap:9px!important;background:#fffffff7!important;border:0!important;box-shadow:0 -3px 11px #0000000d!important;z-index:35!important}
#mainView .profile-actions>button{height:44px!important;min-width:0!important;padding:0!important;flex:0 0 62px!important;border:0!important;border-radius:999px!important;background:#f1f2ff!important;color:#6075ff!important;font-size:15px!important;font-weight:400!important}
#mainView .profile-actions>[data-profile-chat]{flex-basis:84px!important}
#mainView .profile-actions>.primary{flex:1!important;background:#6175ff!important;color:white!important;font-size:16px!important}
#mainView .profile-gifts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:0 10px!important}
#mainView .profile-gifts>article{padding:8px 2px 5px!important;background:#fafafa!important;border-radius:0!important;text-align:center!important;display:flex!important;align-items:center!important;flex-direction:column!important}
#mainView .profile-gifts img{width:58px!important;height:58px!important;object-fit:contain!important}
#mainView .profile-gifts b{font-size:13.5px!important;font-weight:400!important}
#mainView .profile-gifts span{font-size:14px!important;color:#aaa!important;margin-top:7px!important}
#mainView .profile-gifts>.feature-empty{grid-column:1/-1!important}
#mainView .profile-gift-title{font-size:16.5px!important;margin:16px 10px 14px!important}
#mainView .profile-gift-rank{display:block!important;margin:15px auto!important;color:#6175ff!important;background:none!important;border:0!important;font-size:13.5px!important}
/* Assessment. */
#mainView [data-player-page="申请考核"]{padding-left:0!important;padding-right:0!important;background:#f4f4f4!important}
#mainView .web-assessment-page{padding:0!important;background:#f4f4f4!important}
#mainView .assessment-top{padding:12px 14px 14px!important;margin:0!important;border-radius:0!important;background:linear-gradient(#dcdcff,#eeedff)!important}
#mainView .assessment-games{display:flex!important;gap:16px!important;overflow:auto!important;scrollbar-width:none!important;padding:0!important;margin:0 0 16px!important}
#mainView .assessment-games>button{min-width:72px!important;width:72px!important;flex:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:11px!important;border:0!important;padding:0!important;background:transparent!important;color:#999!important;font-size:14px!important}
#mainView .assessment-games img{width:42px!important;height:42px!important;border-radius:9px!important;object-fit:cover!important;border:3px solid #ffffff90!important;padding:0!important;filter:none!important;opacity:.5!important}
#mainView .assessment-games .active{color:#222!important}
#mainView .assessment-games .active img{opacity:1!important;border:3px solid white!important;outline:1px solid #6b71ff!important}
#mainView .assessment-types{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin:0!important}
#mainView .assessment-types>button{height:34px!important;min-width:64px!important;padding:0 12px!important;border-radius:4px!important;border:0!important;background:white!important;color:#a3a9b4!important;font-size:14px!important;font-weight:400!important}
#mainView .assessment-types>.active{background:#686cff!important;color:white!important}
#mainView .assessment-menu-mark{margin-left:auto!important;color:#9b9da7!important;font-size:21px!important}
#mainView .assessment-grade-list{padding:10px 14px 80px!important}
#mainView .assessment-grade-card{margin:0 0 14px!important;padding:16px 13px!important;border:0!important;border-radius:15px!important;background:white!important;box-shadow:0 7px 20px #32415f05!important}
#mainView .assessment-grade-card header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0 0 12px!important}
#mainView .assessment-grade-card .assessment-level-icon{width:auto!important;height:23px!important;max-width:120px!important;object-fit:contain!important}
#mainView .assessment-grade-card header button{background:none!important;color:#a1a7b1!important;border:0!important;font-size:14px!important;padding:0!important}
#mainView .assessment-grade-card p{white-space:pre-wrap!important;background:#f5f5f5!important;padding:16px 13px!important;border-radius:8px!important;font-size:15px!important;line-height:1.8!important;color:#222!important;margin:0!important}
#mainView .assessment-record-float{position:fixed!important;bottom:70px!important;right:max(14px,calc((100vw - 428px)/2 + 14px))!important;z-index:25!important;border:0!important;background:transparent!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important}
#mainView .assessment-record-float>span{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;background:#f9e8bb!important;border-radius:50%!important;font-size:35px!important}
#mainView .assessment-record-float>b{border-radius:999px!important;background:#333!important;color:white!important;padding:5px 10px!important;margin-top:-9px!important;font-size:13px!important}
/* Rules centered exactly like the reference, with a scrolling list. */
#modal:has(.order-rule-modal) .modal-panel{width:min(77.3vw,360px)!important;max-height:min(70dvh,560px)!important;margin:auto!important;border-radius:16px!important;overflow:hidden!important;padding:0!important}
#modal .order-rule-modal{max-height:min(70dvh,560px)!important;display:flex!important;flex-direction:column!important;border-radius:16px!important;overflow:hidden!important}
#modal .order-rule-modal .order-rule-list{overflow:auto!important;min-height:0!important}
#modal .order-rule-view{white-space:nowrap!important;min-width:46px!important;padding:0 10px!important}
@media(max-width:360px){#mainView .service-number{flex-wrap:wrap!important}#modal .web-image-customer>p{font-size:11px!important;padding-left:8px!important;padding-right:8px!important}}
/* Homepage and players share the same 4½-column rail and sharp source artwork. */
#mainView .home-shell.players .players-game-panel{padding:8px 12px 0!important;margin:0!important;min-height:0!important;background:transparent!important;border-radius:0!important}
#mainView .home-shell.players .gods-games{display:flex!important;gap:12px!important;width:100%!important;height:68px!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
#mainView .home-shell.players .gods-games .game-item{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;flex:0 0 calc(22.2222% - 10.6667px)!important;width:calc(22.2222% - 10.6667px)!important;margin:0!important;padding:0!important;overflow:visible!important}
#mainView .home-shell.players .game-item:after,#mainView .home-shell.players .game-icon-shell:after{display:none!important;content:none!important}
#mainView .home-shell.players .game-item .game-icon-shell{position:relative!important;display:block!important;width:44px!important;height:44px!important;flex:0 0 44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;overflow:hidden!important;box-shadow:none!important;outline:0!important}
#mainView .home-shell.players .game-icon-shell .game-icon-art{position:absolute!important;display:block!important;width:119%!important;height:119%!important;max-width:none!important;left:-9.5%!important;top:-9.5%!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;object-fit:cover!important;opacity:1!important;filter:none!important;box-shadow:none!important;outline:0!important}
#mainView .home-shell.players .game-icon-shell .game-icon-mask{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#ffffff80!important;filter:none!important;backdrop-filter:none!important;border-radius:inherit!important;display:block!important;box-shadow:none!important;pointer-events:none!important}
#mainView .home-shell.players .game-icon-shell.is-selected .game-icon-mask{display:none!important}
#mainView .home-shell.players .game-item.on .game-icon-shell{box-shadow:0 0 0 1.5px #6474ff!important}
#mainView .home-shell.players .game-item>span:last-child{max-width:65px!important;margin-top:4px!important;font-size:11.5px!important;line-height:15px!important;color:#9b9da4!important;font-weight:400!important}
#mainView .home-shell.players .game-item.on>span:last-child{color:#111318!important;font-weight:500!important}
#mainView [data-player-page="我的接单"] .pp-stat-section{width:calc(100% - 30px)!important}
#mainView [data-player-page="我的接单"] button.pp-section-head>span{flex:1!important;text-align:left!important}

#mainView .album-progress-copy{padding:0!important;background:transparent!important;border-radius:0!important}
#mainView .album-progress-track{padding:0!important;box-sizing:border-box!important}
#mainView .album-progress-track:before{display:none!important}
#mainView [data-player-page="修改资料"] .pp-profile-fields b{font-weight:900!important}
#mainView [data-player-page="修改资料"] .pp-edit-hero>label{border:0!important;border-bottom:1px solid #ffffff88!important}

#mainView [data-player-page="押金管理"] .pp-wallet-stats>div{text-align:left!important;align-items:flex-start!important}
#mainView .player-parity-page .pp-primary:disabled{background:#f6f6f6!important;color:#c9c9c9!important;opacity:1!important;box-shadow:none!important}


/* source: hall-parity-1.9.375.css */
/* Miniapp hall measurements use 750 design units, scaled with the actual web frame. */
#mainView .mini-hall{--u:calc(min(100vw,var(--web-width)) / 750);background:#f6f7fc!important;padding:0 calc(20 * var(--u)) calc(142 * var(--u) + env(safe-area-inset-bottom))!important;min-height:100dvh!important}
#mainView .mini-hall>.mini-native-nav{margin:0 calc(-20 * var(--u)) calc(18 * var(--u))!important;background:#f1f4ff!important}
#mainView .hall-filter{height:calc(78 * var(--u))!important;margin:0 0 calc(24 * var(--u))!important;padding:0 calc(18 * var(--u))!important;border:1px solid #eef0f6!important;border-radius:calc(9 * var(--u))!important;background:#fff!important}
#mainView .hall-filter>button{font-size:calc(27 * var(--u))!important;height:auto!important;padding:0!important}
#mainView .hall-filter>div{width:calc(250 * var(--u))!important;height:calc(58 * var(--u))!important;padding:calc(5 * var(--u))!important;background:#ebe7ff!important;box-sizing:border-box!important}
#mainView .hall-filter>div button{min-width:0!important;flex:1!important;height:calc(48 * var(--u))!important;font-size:calc(27 * var(--u))!important;line-height:1!important}
#mainView .hall-filter>div button.active{color:#222!important}
#mainView .hall-list{padding:0!important;gap:calc(24 * var(--u))!important}
#mainView .hall-order-card{padding:calc(20 * var(--u)) calc(20 * var(--u)) calc(16 * var(--u))!important;border-radius:calc(22 * var(--u))!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
#mainView .hall-goods{padding:0 0 calc(16 * var(--u))!important;display:flex!important;gap:0!important;min-height:0!important;border-bottom:1px solid #eceef2!important;align-items:flex-start!important}
#mainView .hall-goods>img{width:calc(94 * var(--u))!important;height:calc(94 * var(--u))!important;border-radius:calc(8 * var(--u))!important;margin-right:calc(20 * var(--u))!important;flex:none!important}
#mainView .hall-detail{flex:1!important;min-width:0!important}
#mainView .hall-detail h3{font-size:calc(30 * var(--u))!important;line-height:calc(38 * var(--u))!important;font-weight:800!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#mainView .hall-detail h3 span{font-size:calc(27 * var(--u))!important;color:#5370ff!important}
#mainView .hall-detail p{font-size:calc(26 * var(--u))!important;line-height:calc(37 * var(--u))!important;color:#81848c!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#mainView .hall-order-brand{display:inline-flex!important;height:calc(28 * var(--u))!important;line-height:calc(28 * var(--u))!important;margin:calc(3 * var(--u)) 0!important;padding:0 calc(10 * var(--u))!important;font-size:calc(20 * var(--u))!important;background:#edf1ff!important;color:#5570ff!important;border-radius:calc(8 * var(--u))!important}
#mainView .hall-amount{width:calc(190 * var(--u))!important;flex:none!important;line-height:calc(36 * var(--u))!important;text-align:right!important;white-space:nowrap!important}
#mainView .hall-amount time,#mainView .hall-amount span,#mainView .hall-amount b{font-size:calc(26 * var(--u))!important;line-height:calc(36 * var(--u))!important;font-weight:400!important;color:#92959c!important;margin:0!important}
#mainView .hall-amount b{color:#5876ff!important}
#mainView .hall-owner{height:calc(92 * var(--u))!important;padding:calc(14 * var(--u)) 0 0!important;gap:0!important;border:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important}
#mainView .hall-owner-avatar{position:relative!important;width:calc(64 * var(--u))!important;height:calc(64 * var(--u))!important;margin-right:calc(12 * var(--u))!important;flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
#mainView .hall-owner-avatar>img{width:calc(58 * var(--u))!important;height:calc(58 * var(--u))!important;object-fit:cover!important;border-radius:50%!important}
#mainView .hall-owner-avatar>.hall-vip-frame{position:absolute!important;width:calc(84 * var(--u))!important;height:calc(84 * var(--u))!important;left:calc(-10 * var(--u))!important;top:calc(-10 * var(--u))!important;border-radius:0!important;object-fit:contain!important}
#mainView .hall-owner-info{flex:1!important;min-width:0!important;overflow:hidden!important}
#mainView .hall-owner-info>span{font-size:calc(25 * var(--u))!important;line-height:calc(30 * var(--u))!important;color:#91949b!important}
#mainView .hall-owner-name-row{display:flex!important;align-items:center!important;min-width:0!important;height:calc(34 * var(--u))!important}
#mainView .hall-owner-name-row>b{font-size:calc(28 * var(--u))!important;line-height:calc(34 * var(--u))!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:400!important;min-width:0!important}
#mainView .hall-vip-badge{height:calc(30 * var(--u))!important;display:inline-flex!important;align-items:center!important;flex:none!important;margin-left:calc(7 * var(--u))!important;padding:0 calc(6 * var(--u))!important;border-radius:999px!important;background:#eee5d5!important;color:#806942!important;font-size:calc(17 * var(--u))!important}
#mainView .hall-vip-badge img{width:calc(23 * var(--u))!important;height:calc(23 * var(--u))!important;object-fit:contain!important;margin-right:calc(3 * var(--u))!important}
#mainView .hall-vip-badge em{font-size:inherit!important;font-weight:800!important;font-style:normal!important;white-space:nowrap!important}
#mainView .hall-vip-badge.vip-silver{background:#e8ecf2!important;color:#667182!important}
#mainView .hall-vip-badge.vip-gold{background:#ff9b45!important;color:#fff!important}
#mainView .hall-vip-badge.vip-platinum{background:#7d82f6!important;color:#fff!important}
#mainView .hall-vip-badge.vip-diamond{background:#5f7aff!important;color:#fff!important}
#mainView .hall-vip-badge.vip-king{background:#d66173!important;color:#fff!important}
#mainView .hall-priority{background:#ff9345!important;color:#fff!important;font-size:10px!important;border-radius:4px!important;flex:none!important}
#mainView .hall-owner .contact,#mainView .hall-owner .apply{flex:0 0 calc(132 * var(--u))!important;min-width:calc(132 * var(--u))!important;width:calc(132 * var(--u))!important;height:calc(58 * var(--u))!important;padding:0!important;margin:0 0 0 calc(12 * var(--u))!important;border-radius:999px!important;font-size:calc(26 * var(--u))!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;white-space:nowrap!important;background:#f0f2ff!important;color:#5f77ff!important}
#mainView .hall-owner .apply{flex-basis:calc(140 * var(--u))!important;width:calc(140 * var(--u))!important;min-width:calc(140 * var(--u))!important;background:#5570ff!important;color:white!important}
#mainView .hall-bottom{bottom:0!important;border-radius:0!important;background:#fff!important;box-sizing:border-box!important;height:calc(130 * var(--u) + env(safe-area-inset-bottom))!important;padding:calc(14 * var(--u)) calc(26 * var(--u)) calc(14 * var(--u) + env(safe-area-inset-bottom))!important;max-width:var(--web-width)!important}
#mainView .hall-bottom>button{width:calc(310 * var(--u))!important;height:calc(72 * var(--u))!important;margin:0!important;background:#5570ff!important;color:#fff!important;font-size:calc(30 * var(--u))!important;font-weight:700!important;border-radius:999px!important}
#mainView .hall-bottom label{font-size:calc(28 * var(--u))!important;color:#72757c!important}
/* Opaque viewport-bottom action surfaces cover the safe area as well. */
#mainView .profile-actions,#mainView .rules-read-bar,#mainView .sync-bottom-actions{bottom:0!important;background:#fff!important;border-radius:0!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#mainView .profile-actions{max-width:var(--web-width)!important}
#mainView .profile-services-toolbar{display:none!important}
#mainView .profile-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
#modal .modal-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(0,0,0,.42)!important}
#modal:has(.greeting-sheet){padding:0!important;align-items:end!important}
#modal:has(.greeting-sheet) .modal-panel{width:100%!important;max-width:var(--web-width)!important;margin:0 auto!important;max-height:90dvh!important;padding:0!important;border-radius:14px 14px 0 0!important;background:white!important}
#modal .greeting-sheet{--u:calc(min(100vw,var(--web-width)) / 750);margin:0!important;padding:calc(26 * var(--u)) calc(28 * var(--u)) calc(24 * var(--u) + env(safe-area-inset-bottom))!important;border-radius:14px 14px 0 0!important;background:#fff!important}
#modal .greeting-sheet .mini-sheet-head{height:calc(66 * var(--u))!important;border-bottom:1px solid #eee!important;align-items:flex-start!important;margin:0!important;padding:0!important}
#modal .greeting-sheet h2{font-size:calc(32 * var(--u))!important;color:#5570ff!important;font-weight:800!important;margin:0!important;line-height:1.25!important}
#modal .greeting-sheet h2:after{content:''!important;display:block!important;width:calc(66 * var(--u))!important;height:calc(7 * var(--u))!important;border-radius:4px!important;background:#5570ff!important;margin-top:calc(9 * var(--u))!important}
#modal .greeting-sheet .mini-sheet-head button{font-size:calc(50 * var(--u))!important;color:#bbb!important;background:none!important;line-height:1!important;padding:0!important}
#modal .greeting-sheet p{height:calc(76 * var(--u))!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#a2a6af!important;font-size:calc(25 * var(--u))!important}
#modal .greeting-sheet textarea{display:block!important;width:100%!important;height:calc(210 * var(--u))!important;min-height:0!important;border:0!important;border-radius:calc(16 * var(--u))!important;padding:calc(24 * var(--u))!important;background:#f6f7fa!important;font-size:calc(28 * var(--u))!important;resize:none!important;box-sizing:border-box!important}
#modal .greeting-sheet .mini-sheet-actions{display:flex!important;gap:calc(20 * var(--u))!important;margin-top:calc(38 * var(--u))!important;padding:0!important}
#modal .greeting-sheet .mini-sheet-actions button{flex:1!important;height:calc(74 * var(--u))!important;border-radius:999px!important;font-size:calc(29 * var(--u))!important;background:#f1f2f6!important;color:#777!important;display:flex!important;justify-content:center!important;align-items:center!important}
#modal .greeting-sheet .mini-sheet-actions .primary{background:#5570ff!important;color:white!important}

#mainView .hall-owner-name-row>.vip-colorful-name{background:linear-gradient(90deg,#7a5cff,#28b8ff,#ff56b8,#ff9b43)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
#mainView .pp-profile-savebar{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:0!important;width:100%!important;max-width:var(--web-width)!important;box-sizing:border-box!important;padding:12px 20px calc(15px + env(safe-area-inset-bottom))!important;z-index:40!important;background:#fff!important}
#mainView .pp-profile-savebar>button{position:static!important;transform:none!important;width:100%!important;height:43px!important;margin:0!important;background:#6378ff!important;font-weight:400!important}
#mainView #ppProfileForm{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
#mainView .pp-submit-bar,#mainView .web-review-actions,#mainView .checkout-submit,#mobileNav{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* source: detail-record-parity-1.9.376.css */
/* Follow mini-program design units inside the active web frame. */
#mainView{--detail-u:calc(min(100vw,var(--web-width)) / 750)}
#mainView .web-product-detail{position:relative!important}
#mainView .web-product-detail>.mini-native-nav .mini-native-back{top:8px!important;left:8px!important}
/* Reserve the external outline inside the horizontal scroll clip. */
#mainView .home-shell.players .game-row,#mainView .home-shell.players .game-scroll,#mainView .assessment-games{padding-top:3px!important;padding-bottom:3px!important}
#mainView .home-shell.players .game-item{padding-top:3px!important}
#mainView .home-shell:is(.home,.players) .game-item.on .game-icon-shell{box-shadow:none!important}
#mainView .home-shell:is(.home,.players) .game-item.on .game-icon-shell:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;border:1.5px solid #6474ff!important;border-radius:inherit!important;box-sizing:border-box!important;z-index:3!important;pointer-events:none!important}
#mainView .assessment-games .active img{outline:none!important;border-color:#6b71ff!important;box-shadow:inset 0 0 0 1px white!important}
/* A compact single row for participants and their selection status. */
#mainView .service-team-commission-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 0!important;min-height:0!important;margin:0!important}
#mainView .service-team{flex:1!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important}
#mainView .service-inline-status{flex:none!important;font-size:13px!important;color:#6376ff!important;white-space:nowrap!important;margin-left:auto!important}
#mainView .service-earned{padding:0!important;margin:0!important;min-height:0!important}
/* Only confirmation/game-selection dialogs are centered; greeting remains a bottom sheet. */
#modal:has(.pp-confirm-dialog),#modal:has(.game-sheet){display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}
#modal:has(.pp-confirm-dialog) .modal-panel,#modal:has(.game-sheet) .modal-panel{width:100%!important;max-width:390px!important;margin:0!important;background:#fff!important;border-radius:18px!important;max-height:80dvh!important;overflow:auto!important;padding:18px!important;transform:none!important}
#modal .pp-confirm-dialog,#modal .game-sheet{margin:0!important;padding:0!important;width:100%!important;border-radius:0!important}
#modal .game-options{max-height:52dvh!important;overflow:auto!important}
#modal .game-options label{display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important}
#modal .game-options label>span{flex:1!important;min-width:0!important}
#modal .hall-game-option-icon{width:34px!important;height:34px!important;object-fit:cover!important;border-radius:50%!important;flex:none!important}
#mainView .sync-record-owner .grab-cancel{margin-left:6px!important;background:#f1f2ff!important;color:#6576ee!important}
#mainView .sync-record-owner button{padding:0 10px!important;min-width:0!important;white-space:nowrap!important}
#mainView .sync-record-owner>div{min-width:0!important;flex:1!important}
#mainView .sync-record-owner>div>b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#mainView .player-profile-intro{min-height:calc(138 * var(--detail-u))!important;padding:calc(28 * var(--detail-u)) calc(40 * var(--detail-u)) calc(24 * var(--detail-u))!important;box-sizing:border-box!important;font-family:inherit!important;font-size:calc(31 * var(--detail-u))!important;line-height:1.6!important;font-weight:500!important;color:#151515!important;background:white!important;white-space:pre-wrap!important;word-break:break-word!important;text-align:left!important}
#mainView .profile-content{padding-left:0!important;padding-right:0!important;background:white!important}
#mainView .profile-reviews>header{height:calc(96 * var(--detail-u))!important;padding:0 calc(34 * var(--detail-u))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:calc(34 * var(--detail-u))!important;box-sizing:border-box!important}
#mainView .profile-reviews>header>span{font-size:calc(25 * var(--detail-u))!important;color:#979ba5!important;font-weight:500!important}
#mainView .profile-review-item{padding:calc(30 * var(--detail-u)) calc(34 * var(--detail-u)) calc(34 * var(--detail-u))!important;border-bottom:1px solid #eef0f4!important;background:white!important}
#mainView .profile-reviewer{display:flex!important;align-items:center!important;gap:0!important}
#mainView .profile-reviewer>img{width:calc(72 * var(--detail-u))!important;height:calc(72 * var(--detail-u))!important;border-radius:50%!important;margin-right:calc(18 * var(--detail-u))!important}
#mainView .profile-reviewer b{font-size:calc(29 * var(--detail-u))!important;font-weight:700!important;color:#343740!important}
#mainView .profile-reviewer span{font-size:calc(24 * var(--detail-u))!important;color:#a4a8b1!important;margin-top:calc(4 * var(--detail-u))!important}
#mainView .profile-review-item>p{margin:calc(22 * var(--detail-u)) 0 calc(14 * var(--detail-u)) calc(90 * var(--detail-u))!important;padding:0!important;font-size:calc(30 * var(--detail-u))!important;line-height:1.55!important;color:#252832!important;white-space:pre-wrap!important}
#mainView .profile-review-tags{margin:0 0 calc(18 * var(--detail-u)) calc(90 * var(--detail-u))!important;gap:calc(10 * var(--detail-u))!important;padding:0!important}
#mainView .profile-review-tags span{height:calc(43 * var(--detail-u))!important;padding:0 calc(15 * var(--detail-u))!important;border-radius:calc(8 * var(--detail-u))!important;font-size:calc(23 * var(--detail-u))!important;display:flex!important;align-items:center!important}
#mainView .profile-review-product{margin-left:calc(90 * var(--detail-u))!important;padding:calc(14 * var(--detail-u))!important;border-radius:calc(14 * var(--detail-u))!important;min-height:calc(128 * var(--detail-u))!important}
#mainView .profile-review-product>img{width:calc(98 * var(--detail-u))!important;height:calc(98 * var(--detail-u))!important}
#mainView .profile-review-product b{font-size:calc(28 * var(--detail-u))!important}
#mainView .profile-review-product span{font-size:calc(23 * var(--detail-u))!important;line-height:calc(32 * var(--detail-u))!important}
#mainView .profile-review-images{margin:calc(18 * var(--detail-u)) 0 0 calc(90 * var(--detail-u))!important}


/* source: entry-inline-1.9.399.css */
.promotion-keyword-label{display:grid;gap:10px;margin:22px 0}.promotion-keyword-label input{width:100%;box-sizing:border-box;border:1px solid #e0e2ef;background:#f7f7fb;border-radius:12px;padding:14px;font:inherit}


/* source: confirm-dialog.css */
/* Mini-program system confirmation: centered copy and two flat equal actions. */
.web-confirm-mask{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:24px;box-sizing:border-box;isolation:isolate;backdrop-filter:none;-webkit-backdrop-filter:none}
.web-confirm-mask,.web-confirm-mask *{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
.web-confirm-card{width:calc(min(100vw,var(--web-width,480px)) * .73);max-width:360px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:8px;outline:none;box-shadow:none;text-align:center;color:#111}
.web-confirm-copy{padding:28px 26px 30px;overflow:auto;overscroll-behavior:contain;min-height:0}
.web-confirm-copy h2{margin:0;font-size:17px;line-height:1.4;font-weight:600;color:#111;overflow-wrap:anywhere}
.web-confirm-copy p{margin:16px 0 0;font-size:16px;line-height:1.5;font-weight:400;color:#999;white-space:pre-wrap;overflow-wrap:anywhere}
.web-confirm-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid #eee;flex:none}
.web-confirm-actions button{appearance:none;-webkit-appearance:none;margin:0;padding:12px 8px;min-height:50px;width:100%;border:0;border-radius:0;background:#fff;color:#111;font-size:17px;font-weight:600;line-height:1.5;cursor:pointer;box-shadow:none}
.web-confirm-actions button+button{border-left:1px solid #eee;color:#6268ff}
.web-confirm-actions button:active{background:#f3f3f3}
.web-confirm-actions button:focus-visible{outline:2px solid #6268ff;outline-offset:-3px}
@media(max-height:360px){.web-confirm-copy{padding:18px 22px}.web-confirm-copy p{margin-top:10px}}


/* source: toast.css */
/* All transient system messages share one centered, neutral presentation. */
#toast.toast,
#toast.toast.error,
#toast.toast.payment-cancel-toast {
  position: fixed !important;
  z-index: 100001 !important;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  width: max-content !important;
  max-width: min(calc(100vw - 32px), 600px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, .88) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  pointer-events: none !important;
  transition: opacity .2s !important;
}


/* source: rank-badge-trim.css */
/* Clip only the opaque outer rectangle of the three bundled badge artworks.
   Keep their original colors and white lettering; animated badges stay intact. */
#mainView .home-shell.rank .rank-badge-slot,
#mainView .home-shell.rank .rank-badge-art{background:transparent!important;border:0!important;box-shadow:none!important}
#mainView .home-shell.rank .rank-badge-art[src*="/level-badges/fun.png"],
#mainView .home-shell.rank .rank-badge-art[src*="/level-badges/tech.png"],
#mainView .home-shell.rank .rank-badge-art[src*="/level-badges/king.png"]{width:auto!important;min-width:0!important;max-width:none!important;height:18px!important;min-height:18px!important;max-height:18px!important;object-fit:fill!important}
#mainView .home-shell.rank .rank-badge-art[src*="/level-badges/fun.png"]{clip-path:polygon(11% 4%,92% 4%,98% 10%,97% 35%,95% 77%,91% 89%,12% 94%,3% 67%,1% 47%,3% 30%)}
#mainView .home-shell.rank .rank-badge-art[src*="/level-badges/tech.png"]{clip-path:polygon(13% 2%,95% 4%,99% 13%,99% 43%,95% 88%,32% 90%,27% 98%,10% 96%,1% 54%,2% 34%)}
#mainView .home-shell.rank .rank-badge-art[src*="/level-badges/king.png"]{clip-path:polygon(9% 2%,23% 2%,29% 8%,93% 5%,98% 12%,98% 36%,95% 89%,32% 90%,26% 98%,4% 94%,1% 76%,1% 58%)}


/* source: system-notifications-1.9.382.css */
.web-notice-page{min-height:100dvh;background:#f7f7f7;color:#171717;padding-bottom:max(110px,env(safe-area-inset-bottom))}
.web-notice-page .mini-native-header{background:#fff;border-bottom:1px solid #f1f1f1}
.web-notice-list{padding:18px 18px 80px}
.web-notice-item{margin-bottom:28px}
.web-notice-time{text-align:center;color:#b6b6b6;font-size:14px;line-height:28px;margin-bottom:12px}
.web-notice-row{width:100%;display:flex;align-items:flex-start!important;justify-content:flex-start!important;padding:0;border:0;background:transparent;text-align:left;color:inherit}
.web-notice-icon{position:relative;width:48px;height:48px;flex:0 0 48px;align-self:flex-start!important;margin-right:14px;border-radius:50%;background:linear-gradient(145deg,#6978f6,#aaa7ff);box-shadow:0 5px 15px rgba(104,118,246,.14)}
.web-notice-icon i,.web-notice-icon i:before,.web-notice-icon i:after{position:absolute;display:block;background:#fff;content:''}
.web-notice-icon i{left:16px;top:13px;width:16px;height:19px;border-radius:10px 10px 4px 4px}
.web-notice-icon i:before{left:-3px;right:-3px;bottom:-2px;height:4px;border-radius:4px}
.web-notice-icon i:after{left:6px;bottom:-6px;width:5px;height:5px;border-radius:0 0 5px 5px}
.web-notice-bubble{position:relative;display:flex;flex:1;min-width:0;flex-direction:column;padding:13px;background:#fff;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,.025)}
.web-notice-bubble:before{content:'';position:absolute;left:-8px;top:15px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:9px solid #fff}
.web-notice-bubble b{font-size:15px;line-height:20px;margin-bottom:4px;color:#222}
.web-notice-bubble span{font-size:16px;line-height:1.62;color:#222;word-break:break-word}
.web-notice-bubble em{margin-top:9px;padding-top:9px;border-top:1px solid #f0f0f0;color:#6175ff;font-size:13px;font-style:normal;font-weight:700;text-align:right}
.web-notice-bubble[role="button"]{cursor:pointer}
.web-notice-bubble .web-notice-actions{margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.web-notice-bubble .web-notice-actions button{height:38px;margin:0;padding:0;border:0;border-radius:19px;font-size:14px;font-weight:700}
.web-notice-bubble .web-notice-actions .agree{background:#6175ff;color:#fff}
.web-notice-bubble .web-notice-actions .reject{background:#f0f1ff;color:#6175ff}
.web-notice-bubble .web-notice-state{margin-top:8px;color:#999;font-size:13px;line-height:20px}
.web-completion-reminder-mask{--completion-rpx:calc(min(100vw,var(--web-width,430px))/750);position:fixed;z-index:999;inset:0;padding:calc(118 * var(--completion-rpx)) calc(24 * var(--completion-rpx)) 0;box-sizing:border-box;background:rgba(18,25,48,.48);backdrop-filter:blur(calc(7 * var(--completion-rpx)))}
.web-completion-reminder-card{width:100%;padding:calc(28 * var(--completion-rpx)) calc(26 * var(--completion-rpx)) calc(6 * var(--completion-rpx));box-sizing:border-box;border-radius:calc(30 * var(--completion-rpx)) calc(30 * var(--completion-rpx)) 0 0;background-color:#f0f5ff;background-image:url('/assets/completion-bell.png'),radial-gradient(circle at 82% 0,rgba(103,215,245,.25),transparent 34%),linear-gradient(150deg,#edf3ff 0%,#f4efff 42%,#fff 100%);background-repeat:no-repeat,no-repeat,no-repeat;background-position:right calc(86 * var(--completion-rpx)),0 0,0 0;background-size:calc(220 * var(--completion-rpx)) auto,100% 100%,100% 100%;box-shadow:0 calc(24 * var(--completion-rpx)) calc(72 * var(--completion-rpx)) rgba(35,45,92,.2)}
.web-completion-reminder-card header{display:flex;align-items:center;justify-content:space-between;color:#32343b;font-size:calc(26 * var(--completion-rpx));line-height:calc(40 * var(--completion-rpx))}
.web-completion-reminder-card header>div{font-size:calc(28 * var(--completion-rpx))}.web-completion-reminder-card header b{color:#5b6fe8;font-weight:800}
.web-completion-reminder-info{position:relative;margin-top:calc(10 * var(--completion-rpx));display:flex;flex-direction:column;color:#63656d;font-size:calc(25 * var(--completion-rpx));line-height:calc(36 * var(--completion-rpx))}
.web-completion-reminder-info em{position:absolute;right:calc(4 * var(--completion-rpx));top:0;padding:calc(3 * var(--completion-rpx)) calc(10 * var(--completion-rpx));border:calc(1 * var(--completion-rpx)) solid #8b99ff;border-radius:calc(6 * var(--completion-rpx));color:#6577ff;font-size:calc(23 * var(--completion-rpx));line-height:calc(32 * var(--completion-rpx));font-style:normal}
.web-completion-reminder-detail{width:100%;height:calc(64 * var(--completion-rpx));margin:calc(16 * var(--completion-rpx)) 0 0;border:0;border-radius:calc(34 * var(--completion-rpx));display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#5b7cfa,#7458f5);box-shadow:0 calc(10 * var(--completion-rpx)) calc(24 * var(--completion-rpx)) rgba(91,103,232,.2);color:#fff;font-size:calc(28 * var(--completion-rpx))}
.web-completion-reminder-collapse{width:100%;height:calc(46 * var(--completion-rpx));margin:0;padding:0;border:0;background:transparent;color:#9b9da3;font-size:calc(24 * var(--completion-rpx))}
.web-notice-empty{text-align:center;color:#aaa;font-size:14px;padding-top:180px}
@media(min-width:821px){.web-notice-page{max-width:760px;margin:0 auto}.web-notice-list{padding:28px 34px 100px}.web-notice-icon{width:56px;height:56px;flex-basis:56px}.web-notice-icon i{left:20px;top:15px}}


/* source: chat-profile-parity-1.9.394.css */
/* 1.9.393: mini-program dimensions, scaled from the 750 rpx canvas. */
.mini-chat-page,.chat-parity-modal,.web-dispatch-float{--chat-rpx:calc(min(100vw, var(--web-width, 680px)) / 750)}
.mini-chat-page{background:#f3f3f3!important;padding:0!important;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif}
.mini-chat-page .mini-chat-list{padding:calc(20 * var(--chat-rpx)) calc(30 * var(--chat-rpx))!important;background:#f3f3f3!important}
.mini-chat-page .mini-msg,.mini-chat-page .mini-msg.mine{display:flex!important;align-items:flex-start!important;gap:calc(18 * var(--chat-rpx))!important;margin:0 0 calc(34 * var(--chat-rpx))!important;padding:0!important;text-align:left!important;min-height:calc(72 * var(--chat-rpx))!important}
.mini-chat-page .mini-msg>.chat-message-body{min-width:0;max-width:calc(100% - calc(104 * var(--chat-rpx)));display:flex!important;flex-direction:column;align-items:flex-start;flex:0 1 auto}
.mini-chat-page .mini-msg.mine>.chat-message-body{align-items:flex-end}
.mini-chat-page .web-chat-avatar-shell{position:relative!important;display:flex!important;align-items:center;justify-content:center;width:calc(66 * var(--chat-rpx))!important;height:calc(66 * var(--chat-rpx))!important;flex:0 0 calc(66 * var(--chat-rpx))!important;align-self:flex-start!important;margin:0!important}
.mini-chat-page .chat-avatar{width:calc(66 * var(--chat-rpx))!important;height:calc(66 * var(--chat-rpx))!important;flex:0 0 calc(66 * var(--chat-rpx))!important;max-width:none!important;border-radius:50%!important}
.mini-chat-page .web-chat-avatar-shell.has-platinum-frame{width:calc(98 * var(--chat-rpx))!important;height:calc(98 * var(--chat-rpx))!important;flex-basis:calc(98 * var(--chat-rpx))!important}
.mini-chat-page .has-platinum-frame .chat-avatar{width:calc(64 * var(--chat-rpx))!important;height:calc(64 * var(--chat-rpx))!important;flex-basis:calc(64 * var(--chat-rpx))!important}
.mini-chat-page .web-platinum-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;pointer-events:none}
.mini-chat-page .sender-name{position:static!important;display:block!important;max-width:100%;margin:0 calc(8 * var(--chat-rpx)) calc(8 * var(--chat-rpx))!important;font-size:calc(23 * var(--chat-rpx))!important;line-height:calc(30 * var(--chat-rpx))!important;color:#9297a1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-chat-page .mini-bubble{max-width:calc(520 * var(--chat-rpx));padding:calc(18 * var(--chat-rpx)) calc(24 * var(--chat-rpx))!important;background:#fff!important;border-radius:calc(14 * var(--chat-rpx))!important;color:#111!important;font-size:calc(32 * var(--chat-rpx))!important;line-height:1.45!important;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box;min-width:0}
.mini-chat-page .mine .mini-bubble{background:#5d73ff!important;color:#fff!important;border-radius:calc(16 * var(--chat-rpx))!important}
.mini-chat-page .mini-bubble.image,.mini-chat-page .mini-bubble.video{width:100%;max-width:calc(476 * var(--chat-rpx))}
.mini-chat-page .chat-message-image,.mini-chat-page .chat-message-video{width:100%!important;max-width:calc(430 * var(--chat-rpx))!important;height:auto!important;max-height:none!important;border-radius:calc(12 * var(--chat-rpx));display:block;object-fit:contain}
.mini-chat-page .mini-bubble.sticker{padding:0!important;background:transparent!important;box-shadow:none!important}
.mini-chat-page .chat-sticker{width:calc(152 * var(--chat-rpx))!important;height:calc(152 * var(--chat-rpx))!important;object-fit:contain}
.mini-chat-page .mini-read-status{display:block;margin-top:calc(8 * var(--chat-rpx))!important;color:#959cab!important;font-size:calc(23 * var(--chat-rpx))!important;line-height:calc(30 * var(--chat-rpx))!important}
.mini-chat-page .mini-bubble.voice{min-width:calc(168 * var(--chat-rpx));height:calc(72 * var(--chat-rpx));display:flex;align-items:center;padding:0 calc(18 * var(--chat-rpx))!important}
.mini-chat-page .chat-voice{padding:0!important;width:100%;min-width:calc(130 * var(--chat-rpx))!important;height:calc(72 * var(--chat-rpx))!important;color:inherit!important;font-size:calc(32 * var(--chat-rpx))!important;display:flex;gap:calc(18 * var(--chat-rpx));background:none!important;border:0!important;border-radius:0!important}
.chat-voice-signal{position:relative;display:block;width:calc(42 * var(--chat-rpx));height:calc(42 * var(--chat-rpx));flex:none;transform:rotate(180deg)}
.mine .chat-voice-signal{transform:none}.chat-voice-signal i{position:absolute;left:0;top:50%;border:calc(2 * var(--chat-rpx)) solid currentColor;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:translateY(-50%) rotate(45deg);width:calc(18 * var(--chat-rpx));height:calc(18 * var(--chat-rpx))}.chat-voice-signal i:nth-child(2){width:calc(30 * var(--chat-rpx));height:calc(30 * var(--chat-rpx))}.chat-voice-signal i:nth-child(3){width:calc(42 * var(--chat-rpx));height:calc(42 * var(--chat-rpx))}.chat-voice.playing .chat-voice-signal{animation:chatVoicePulse .7s infinite alternate}
.mini-chat-page .mini-bubble.card{padding:0!important;background:#fff!important;color:#222!important;border-radius:0!important;max-width:calc(456 * var(--chat-rpx))}
.mini-chat-page .chat-game-card{width:calc(456 * var(--chat-rpx));max-width:100%;border-radius:0!important}.mini-chat-page .chat-game-card header{height:calc(66 * var(--chat-rpx));padding:0 calc(22 * var(--chat-rpx));gap:calc(14 * var(--chat-rpx));background:linear-gradient(90deg,#e7edff,#f5f7ff);color:#5d73ff;font-size:calc(30 * var(--chat-rpx))}.mini-chat-page .chat-game-card header img{width:calc(44 * var(--chat-rpx));height:calc(44 * var(--chat-rpx))}.mini-chat-page .chat-game-card p{height:calc(58 * var(--chat-rpx));padding:0 calc(22 * var(--chat-rpx));font-size:calc(27 * var(--chat-rpx));gap:calc(8 * var(--chat-rpx))}.chat-game-card p span{width:calc(128 * var(--chat-rpx))!important;flex:none}.chat-game-card p b{min-width:0;flex:1;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-game-card [data-copy-card]{width:calc(40 * var(--chat-rpx));height:calc(48 * var(--chat-rpx));border:0;background:transparent;padding:0;color:#aeb2ba;font-size:calc(32 * var(--chat-rpx));display:flex;align-items:center;justify-content:center}.chat-game-card [data-copy-card]:disabled{opacity:.35}.chat-copy-glyph{position:relative;display:block;width:calc(30 * var(--chat-rpx));height:calc(30 * var(--chat-rpx))}.chat-copy-glyph>i{position:absolute;width:calc(19 * var(--chat-rpx));height:calc(22 * var(--chat-rpx));border:calc(3 * var(--chat-rpx)) solid #aeb2ba;border-radius:calc(4 * var(--chat-rpx));box-sizing:border-box;background:#fff}.chat-copy-glyph>i:first-child{left:calc(2 * var(--chat-rpx));top:calc(1 * var(--chat-rpx))}.chat-copy-glyph>i:last-child{left:calc(9 * var(--chat-rpx));top:calc(7 * var(--chat-rpx))}
.mini-chat-page .chat-order-strip{display:flex!important;align-items:center;gap:calc(20 * var(--chat-rpx))!important;padding:calc(20 * var(--chat-rpx)) calc(24 * var(--chat-rpx))!important;min-height:calc(146 * var(--chat-rpx))!important;background:#fff!important;box-sizing:border-box}
.mini-chat-page .chat-order-strip>img{width:calc(98 * var(--chat-rpx))!important;height:calc(98 * var(--chat-rpx))!important;flex:none;border-radius:calc(12 * var(--chat-rpx))!important}.mini-chat-page .chat-order-strip>div{flex:1;min-width:0}.mini-chat-page .chat-order-strip h3{margin:0!important;font-size:calc(32 * var(--chat-rpx))!important;line-height:calc(42 * var(--chat-rpx))!important;font-weight:700}.mini-chat-page .chat-order-strip p{font-size:calc(25 * var(--chat-rpx))!important;line-height:calc(38 * var(--chat-rpx))!important;margin:calc(4 * var(--chat-rpx)) 0 0!important}.mini-chat-page .chat-order-strip aside{display:flex;align-items:center;flex-direction:row;gap:calc(12 * var(--chat-rpx));flex:none}.mini-chat-page .chat-order-strip aside span{font-size:calc(25 * var(--chat-rpx))!important;white-space:nowrap}.mini-chat-page .chat-order-strip aside button{height:calc(62 * var(--chat-rpx))!important;padding:0 calc(16 * var(--chat-rpx))!important;border-radius:calc(34 * var(--chat-rpx))!important;background:#f0f1ff!important;color:#6275ff!important;font-size:calc(27 * var(--chat-rpx))!important;white-space:nowrap;line-height:1!important;display:flex;align-items:center;justify-content:center}
.mini-chat-page .category-card>img{width:calc(88 * var(--chat-rpx))!important;height:calc(88 * var(--chat-rpx))!important;border-radius:calc(14 * var(--chat-rpx))!important}.mini-chat-page .category-card aside button{width:calc(126 * var(--chat-rpx))!important}.chat-order-level-row{height:calc(38 * var(--chat-rpx));margin-top:calc(5 * var(--chat-rpx));display:flex;align-items:center}.chat-order-level-row img{height:calc(36 * var(--chat-rpx))!important;width:auto!important;max-width:calc(178 * var(--chat-rpx))!important;object-fit:contain}.chat-order-level-row span{font-size:calc(23 * var(--chat-rpx));color:#58513e;background:#ece8da;padding:calc(3 * var(--chat-rpx)) calc(12 * var(--chat-rpx));border-radius:calc(7 * var(--chat-rpx))}
.mini-chat-page #chatQuickArea{background:#f3f3f3}.mini-chat-page .chat-quick-row{height:auto!important;min-height:0!important;background:transparent!important;border:0!important;padding:0 calc(28 * var(--chat-rpx)) calc(8 * var(--chat-rpx))!important;gap:calc(18 * var(--chat-rpx))!important;display:flex;flex-wrap:wrap}.mini-chat-page .chat-quick-row:empty{display:none}.mini-chat-page .chat-quick-row button{width:auto!important;height:calc(68 * var(--chat-rpx))!important;min-height:0!important;padding:0 calc(22 * var(--chat-rpx))!important;border-radius:calc(38 * var(--chat-rpx))!important;background:#fff!important;color:#1d1d1f!important;font-size:calc(27 * var(--chat-rpx))!important;line-height:1!important;font-weight:500;box-shadow:none!important}.mini-chat-page .chat-quick-row img{width:calc(40 * var(--chat-rpx))!important;height:calc(40 * var(--chat-rpx))!important;margin-right:calc(8 * var(--chat-rpx))}
.mini-chat-page .mini-send-bar{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:calc(144 * var(--chat-rpx))!important;height:auto!important;padding:calc(18 * var(--chat-rpx)) calc(28 * var(--chat-rpx)) calc(calc(18 * var(--chat-rpx)) + env(safe-area-inset-bottom))!important;gap:calc(14 * var(--chat-rpx))!important;background:#fff!important;border:0!important;box-sizing:border-box!important;flex-shrink:0}
.mini-chat-page .chat-send-inner{display:flex;align-items:center;flex:1;min-width:0;height:calc(80 * var(--chat-rpx));border-radius:calc(44 * var(--chat-rpx));background:#f2f2f2;padding:0 calc(18 * var(--chat-rpx));gap:0;box-sizing:border-box;overflow:hidden;transition:width .24s ease}
.mini-chat-page .chat-send-inner>button:not(.chat-hold-talk){border:0!important;border-radius:0!important;background:transparent!important;margin:0!important;padding:0!important;width:calc(52 * var(--chat-rpx))!important;height:calc(52 * var(--chat-rpx))!important;min-width:calc(52 * var(--chat-rpx))!important;flex:none!important;display:flex!important;align-items:center;justify-content:center}
.mini-chat-page .chat-send-inner [data-chat-media]{margin-left:calc(12 * var(--chat-rpx))!important}.mini-chat-page .chat-send-inner img{display:block;width:calc(52 * var(--chat-rpx))!important;height:calc(52 * var(--chat-rpx))!important;object-fit:contain}
.mini-chat-page #chatInput,.mini-chat-page .chat-hold-talk{flex:1!important;min-width:0!important;width:0;height:calc(80 * var(--chat-rpx))!important;margin:0 calc(18 * var(--chat-rpx))!important;padding:0 calc(12 * var(--chat-rpx))!important;background:transparent!important;border:0!important;border-radius:0!important;outline:none;font-size:calc(32 * var(--chat-rpx))!important;line-height:calc(80 * var(--chat-rpx))!important;color:#111!important;box-shadow:none!important}
.mini-chat-page #chatInput::placeholder{color:#8c8c8c}.mini-chat-page .chat-hold-talk{text-align:center;font-weight:600;letter-spacing:calc(1 * var(--chat-rpx));white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:none}.mini-chat-page .chat-hold-talk.canceling{color:#ff4d4f!important}.mini-chat-page .mini-send-bar [hidden]{display:none!important}.mini-chat-page .mini-send-bar .send-text{flex:0 0 calc(112 * var(--chat-rpx))!important;width:calc(112 * var(--chat-rpx))!important;height:calc(80 * var(--chat-rpx))!important;margin:0!important;padding:0!important;background:#5f73ff!important;color:#fff!important;font-size:calc(33 * var(--chat-rpx))!important;font-weight:500!important;border:0!important;border-radius:calc(42 * var(--chat-rpx))!important}
.chat-keyboard-glyph{display:flex;flex-direction:column;align-items:center;font-size:calc(37 * var(--chat-rpx));color:#111;line-height:calc(30 * var(--chat-rpx))}.chat-keyboard-glyph i{height:calc(4 * var(--chat-rpx));width:calc(24 * var(--chat-rpx));background:currentColor}
.chat-parity-modal{padding:0!important;align-items:flex-end!important}.chat-parity-modal .modal-backdrop{background:rgba(0,0,0,.48)!important;backdrop-filter:none!important}.chat-parity-modal .modal-panel{width:100%!important;max-width:var(--web-width,680px)!important;margin:0 auto!important;padding:0!important;border-radius:calc(24 * var(--chat-rpx)) calc(24 * var(--chat-rpx)) 0 0!important;max-height:90dvh!important;overflow:hidden!important;background:#fff!important;animation:chatSheetIn .24s ease-out}
.chat-parity-modal .mini-sheet{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;background:#fff!important;border-radius:0!important;box-sizing:border-box!important;padding:calc(28 * var(--chat-rpx)) calc(24 * var(--chat-rpx)) calc(calc(24 * var(--chat-rpx)) + env(safe-area-inset-bottom))!important}
.chat-parity-modal .mini-sheet-head{height:calc(64 * var(--chat-rpx));display:flex;align-items:center;justify-content:space-between;margin:0!important;padding:0!important}.chat-parity-modal .mini-sheet-head h2{margin:0!important;font-size:calc(34 * var(--chat-rpx))!important;font-weight:500!important}.chat-parity-modal .mini-sheet-head>button{background:none!important;padding:0!important;width:calc(48 * var(--chat-rpx))!important;height:calc(48 * var(--chat-rpx))!important;font-size:calc(44 * var(--chat-rpx))!important;color:#aaa!important;line-height:1!important;border:0!important}
.chat-parity-modal .gift-sheet{height:min(calc(1006 * var(--chat-rpx)),78dvh)!important;max-height:78dvh!important;padding:calc(28 * var(--chat-rpx)) 0 calc(calc(24 * var(--chat-rpx)) + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column;overflow:hidden!important}
.chat-parity-modal .gift-sheet .mini-sheet-head{position:relative;flex:0 0 calc(64 * var(--chat-rpx));justify-content:center;padding:0 calc(26 * var(--chat-rpx))!important}.chat-parity-modal .gift-sheet h2{color:#6676ff!important;font-size:calc(38 * var(--chat-rpx))!important;font-weight:800!important}.chat-parity-modal .gift-sheet .mini-sheet-head button{position:absolute;right:calc(24 * var(--chat-rpx))}
.chat-parity-modal .web-gift-grid{flex:1;min-height:0;max-height:none!important;overflow-y:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc(218 * var(--chat-rpx));align-content:start;gap:calc(18 * var(--chat-rpx)) calc(4 * var(--chat-rpx))!important;padding:calc(10 * var(--chat-rpx)) calc(16 * var(--chat-rpx)) calc(28 * var(--chat-rpx))!important;overscroll-behavior:contain}
.chat-parity-modal .web-gift-grid button{height:calc(218 * var(--chat-rpx))!important;min-height:0!important;padding:0!important;border:calc(2 * var(--chat-rpx)) solid transparent!important;background:#fff!important;border-radius:calc(18 * var(--chat-rpx))!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0!important}.chat-parity-modal .web-gift-grid button.active{border-color:#8c9aff!important;background:#f6f7ff!important;box-shadow:0 calc(10 * var(--chat-rpx)) calc(24 * var(--chat-rpx)) #6676ff1a}
.chat-parity-modal .gift-art{position:relative;display:block;flex:none;width:calc(116 * var(--chat-rpx));height:calc(92 * var(--chat-rpx));overflow:hidden;margin-bottom:calc(10 * var(--chat-rpx))}.chat-parity-modal .gift-art img{position:absolute;left:0;top:0;width:calc(116 * var(--chat-rpx))!important;height:calc(116 * var(--chat-rpx))!important;margin:0!important;object-fit:contain}.chat-parity-modal .web-gift-grid b{max-width:calc(160 * var(--chat-rpx));font-size:calc(25 * var(--chat-rpx))!important;font-weight:400!important;color:#222;line-height:1.4}.chat-parity-modal .web-gift-grid button>span:not(.gift-art){display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--chat-rpx));margin-top:calc(5 * var(--chat-rpx));font-size:calc(24 * var(--chat-rpx))!important;color:#516cff!important;line-height:calc(30 * var(--chat-rpx));font-weight:700}
.chat-parity-modal .gift-diamond-icon{width:calc(24 * var(--chat-rpx))!important;height:calc(24 * var(--chat-rpx))!important;flex:none!important;display:inline-block!important;margin:0!important;object-fit:contain!important}.chat-parity-modal .gift-diamond-icon.balance{width:calc(32 * var(--chat-rpx))!important;height:calc(32 * var(--chat-rpx))!important}
.chat-parity-modal .gift-checkout{min-height:calc(96 * var(--chat-rpx))!important;height:calc(96 * var(--chat-rpx))!important;flex:none;margin:0!important;padding:0 calc(48 * var(--chat-rpx))!important;display:flex!important;align-items:center;justify-content:space-between;gap:0!important;border-top:1px solid #f0f2f7!important;background:#fff!important}
.chat-parity-modal .gift-balance{width:calc(160 * var(--chat-rpx))!important;flex:0 0 calc(160 * var(--chat-rpx))!important;display:flex;flex-direction:column}.chat-parity-modal .gift-balance em{font-style:normal;font-size:calc(28 * var(--chat-rpx))!important;line-height:calc(32 * var(--chat-rpx));color:#6f7686;font-weight:700}.chat-parity-modal .gift-balance strong{display:flex;align-items:center;gap:calc(8 * var(--chat-rpx));margin-top:calc(4 * var(--chat-rpx))}.chat-parity-modal .gift-balance b{color:#30343d!important;font-size:calc(38 * var(--chat-rpx))!important;line-height:calc(42 * var(--chat-rpx));overflow:hidden;text-overflow:ellipsis}
.chat-parity-modal .gift-quantity{width:calc(190 * var(--chat-rpx))!important;flex:0 0 calc(190 * var(--chat-rpx))!important;height:calc(64 * var(--chat-rpx))!important;display:flex!important;border-radius:calc(34 * var(--chat-rpx))!important;background:#f4f5f8!important;padding:0!important;gap:0!important;overflow:hidden}.chat-parity-modal .gift-quantity button{width:calc(56 * var(--chat-rpx))!important;height:calc(64 * var(--chat-rpx))!important;flex:none!important;padding:0!important;border:0!important;background:none!important;font-size:calc(30 * var(--chat-rpx))!important;color:#667085!important}.chat-parity-modal .gift-quantity span{font-size:calc(25 * var(--chat-rpx))!important;color:#344054}.chat-parity-modal #giftQty{width:calc(52 * var(--chat-rpx))!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:center;font-size:calc(27 * var(--chat-rpx))!important;font-weight:700;color:#344054!important;-moz-appearance:textfield}.chat-parity-modal #giftQty::-webkit-inner-spin-button{appearance:none}.chat-parity-modal #sendGift{width:calc(196 * var(--chat-rpx))!important;flex:0 0 calc(196 * var(--chat-rpx))!important;height:calc(72 * var(--chat-rpx))!important;border:0!important;border-radius:calc(38 * var(--chat-rpx))!important;background:#eef0ff!important;color:#6576ff!important;font-size:calc(30 * var(--chat-rpx))!important;font-weight:800!important;margin:0!important;padding:0!important}
.chat-parity-modal .sticker-sheet{height:min(calc(760 * var(--chat-rpx) + env(safe-area-inset-bottom)),80dvh)!important;padding:0 0 env(safe-area-inset-bottom)!important;display:flex;flex-direction:column}.chat-parity-modal .sticker-tabs{height:calc(98 * var(--chat-rpx));flex:none;display:flex;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #f1f1f1;scrollbar-width:none}.chat-parity-modal .sticker-tabs::-webkit-scrollbar{display:none}.chat-parity-modal .sticker-tabs button{flex:none;height:calc(98 * var(--chat-rpx));margin:0;padding:0 calc(32 * var(--chat-rpx))!important;background:none!important;border:0!important;font-size:calc(34 * var(--chat-rpx));font-weight:900;color:#222}.chat-parity-modal .sticker-tabs button.active{color:#6676ff}.chat-parity-modal .web-sticker-grid{min-height:0;flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:calc(116 * var(--chat-rpx));gap:calc(26 * var(--chat-rpx)) 0;padding:calc(40 * var(--chat-rpx)) calc(40 * var(--chat-rpx)) calc(70 * var(--chat-rpx));align-content:start;justify-items:center;overflow-y:auto;overscroll-behavior:contain}.chat-parity-modal .web-sticker-grid button,.chat-parity-modal .web-sticker-grid img{display:block;width:calc(116 * var(--chat-rpx))!important;height:calc(116 * var(--chat-rpx))!important;border:0!important;padding:0!important;margin:0!important;background:#fff!important;border-radius:calc(8 * var(--chat-rpx))!important;object-fit:contain}
.chat-parity-modal .game-card-sheet{max-height:78dvh;display:flex;flex-direction:column}.chat-parity-modal .game-card-picker-list{overflow-y:auto;max-height:52dvh;min-height:0}.chat-parity-modal .game-card-choice{margin:calc(16 * var(--chat-rpx)) 0;padding:calc(20 * var(--chat-rpx));border:calc(2 * var(--chat-rpx)) solid transparent;border-radius:calc(18 * var(--chat-rpx));background:#f7f8ff;cursor:pointer}.chat-parity-modal .game-card-choice.selected{border-color:#6676ff;background:#f1f3ff}.chat-parity-modal .game-card-choice-top{display:flex;align-items:center;gap:calc(16 * var(--chat-rpx));font-size:calc(32 * var(--chat-rpx))}.chat-parity-modal .game-card-choice-top>img{width:calc(58 * var(--chat-rpx));height:calc(58 * var(--chat-rpx));border-radius:calc(10 * var(--chat-rpx));flex:none}.chat-parity-modal .game-card-choice-top>b{flex:1;min-width:0;text-align:left}.chat-parity-modal .game-card-choice-top>em{background:#6676ff;color:#fff;border-radius:999px;padding:calc(4 * var(--chat-rpx)) calc(14 * var(--chat-rpx));font-size:calc(22 * var(--chat-rpx));font-style:normal}.chat-parity-modal .game-card-choice-top>i{width:calc(40 * var(--chat-rpx));height:calc(40 * var(--chat-rpx));border-radius:50%;border:calc(3 * var(--chat-rpx)) solid #c6c8d0;display:grid;place-items:center;color:#fff;font-style:normal;font-size:calc(25 * var(--chat-rpx));flex:none}.chat-parity-modal .selected .game-card-choice-top>i{background:#6676ff;border-color:#6676ff}.chat-parity-modal .game-card-choice-info{display:flex;gap:calc(24 * var(--chat-rpx));margin-top:calc(18 * var(--chat-rpx));color:#777;font-size:calc(26 * var(--chat-rpx))}.chat-parity-modal .game-card-choice-info>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-parity-modal .game-card-choice-actions{display:flex;justify-content:flex-end;gap:calc(40 * var(--chat-rpx));margin-top:calc(16 * var(--chat-rpx))}.chat-parity-modal .game-card-choice-actions>button{padding:0!important;border:0!important;background:none!important;color:#6676ff;font-size:calc(28 * var(--chat-rpx))}.chat-parity-modal .game-card-choice-actions>.delete{color:#ff5f57}.chat-parity-modal .game-card-picker-actions{display:flex;gap:calc(20 * var(--chat-rpx));margin-top:calc(20 * var(--chat-rpx));flex:none}.chat-parity-modal .game-card-picker-actions>button{flex:1;height:calc(88 * var(--chat-rpx));border:0;border-radius:999px;background:#f0f2ff;color:#6676ff;font-size:calc(32 * var(--chat-rpx));display:flex;align-items:center;justify-content:center}.chat-parity-modal .game-card-picker-actions>button.primary{background:#6175ff;color:#fff}.chat-parity-modal .game-card-picker-empty{padding:calc(72 * var(--chat-rpx)) calc(24 * var(--chat-rpx));text-align:center;color:#999;font-size:calc(28 * var(--chat-rpx));line-height:calc(42 * var(--chat-rpx))}
.web-dispatch-float{position:fixed;right:max(0px,calc((100vw - var(--web-width,680px))/2));bottom:calc(calc(430 * var(--chat-rpx)) + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:space-between;width:calc(276 * var(--chat-rpx));height:calc(64 * var(--chat-rpx));padding:0 calc(20 * var(--chat-rpx)) 0 calc(22 * var(--chat-rpx));border:0;border-radius:999px 0 0 999px;background:linear-gradient(100deg,#5b7cfa,#7458f5);color:#fff;font-size:calc(30 * var(--chat-rpx));box-shadow:0 calc(14 * var(--chat-rpx)) calc(34 * var(--chat-rpx)) #5b67e838}.web-dispatch-float img{width:calc(48 * var(--chat-rpx));height:calc(48 * var(--chat-rpx));border-radius:calc(10 * var(--chat-rpx));flex:none}.web-dispatch-float span{flex:1;text-align:center}.web-dispatch-float b{font-size:calc(50 * var(--chat-rpx));font-weight:300;line-height:1}
.web-dispatch-player-info[role=button]{cursor:pointer}.chat-record-mask{position:fixed;inset:0;z-index:1200;pointer-events:none;display:grid;place-items:center;background:#0002}.chat-record-mask section{background:#000c;color:#fff;border-radius:16px;min-width:190px;padding:30px;text-align:center;display:grid;gap:24px}.chat-record-mask.canceling section{background:#b22ada}.chat-record-mask span{font-size:12px;color:#fffc}.record-wave{font-size:24px;animation:chatVoicePulse .5s infinite alternate}
@keyframes chatVoicePulse{from{opacity:.4}to{opacity:1}}@keyframes chatSheetIn{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.chat-parity-modal .modal-panel,.record-wave,.chat-voice.playing .chat-voice-signal{animation:none}}

.chat-parity-modal .game-card-choice-info{flex-direction:row!important;align-items:center!important;padding:0!important;background:transparent!important;border:0!important}.chat-parity-modal .game-card-choice-info>span{display:block!important;font-size:calc(26 * var(--chat-rpx))!important}.chat-parity-modal .game-card-choice-top>b{font-size:calc(32 * var(--chat-rpx))!important;font-weight:600!important}

.chat-keyboard-glyph{width:calc(34 * var(--chat-rpx));height:calc(32 * var(--chat-rpx));gap:calc(3 * var(--chat-rpx));justify-content:flex-start}.chat-keyboard-glyph>span{height:calc(5 * var(--chat-rpx));display:flex;gap:calc(3 * var(--chat-rpx));justify-content:center}.chat-keyboard-glyph i{display:block;width:calc(4 * var(--chat-rpx));height:calc(5 * var(--chat-rpx));border-radius:calc(1 * var(--chat-rpx));background:#151515}.chat-keyboard-glyph b{width:calc(23 * var(--chat-rpx));height:calc(4 * var(--chat-rpx));margin-top:calc(3 * var(--chat-rpx));border-radius:calc(1 * var(--chat-rpx));background:#151515}
/* 1.9.394: voice appearance and order-selection workflow. */
.mini-chat-page .mini-read-status,.mini-chat-page .mini-read-status.unread,.mini-chat-page .mini-read-status.read{background:transparent!important;color:#959cab!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-width:0!important;width:auto!important;text-align:right!important}
.mini-chat-page .mini-bubble.voice{position:relative;overflow:visible!important;background:#fff!important;color:#171717!important;box-shadow:none!important;border-radius:calc(10 * var(--chat-rpx))!important}
.mini-chat-page .mine .mini-bubble.voice{background:#5d73ff!important;color:#fff!important}
.mini-chat-page .mini-bubble.voice:before{content:'';position:absolute;left:calc(-7 * var(--chat-rpx));top:calc(28 * var(--chat-rpx));width:calc(14 * var(--chat-rpx));height:calc(14 * var(--chat-rpx));background:inherit;transform:rotate(45deg)}
.mini-chat-page .mine .mini-bubble.voice:before{left:auto;right:calc(-7 * var(--chat-rpx))}
.mini-chat-page .chat-voice{justify-content:flex-start!important;color:#171717!important;gap:calc(16 * var(--chat-rpx))!important}
.mini-chat-page .other .chat-voice{flex-direction:row-reverse;justify-content:flex-end!important}
.mini-chat-page .mine .chat-voice{justify-content:flex-end!important}
.mini-chat-page .chat-voice-duration{font-variant-numeric:tabular-nums;line-height:1}
.mini-chat-page .chat-voice-signal{position:relative;width:calc(42 * var(--chat-rpx));height:calc(44 * var(--chat-rpx));transform:none!important;animation:none!important;flex:none}
.mini-chat-page .mine .chat-voice-signal{transform:rotate(180deg)!important}
.mini-chat-page .chat-voice-signal i{left:0!important;top:50%!important;border:calc(4 * var(--chat-rpx)) solid transparent!important;border-right-color:currentColor!important;border-radius:50%!important;transform:translateY(-50%)!important;box-sizing:border-box;opacity:1}
.mini-chat-page .chat-voice-signal i:nth-child(1){width:calc(14 * var(--chat-rpx));height:calc(14 * var(--chat-rpx))}
.mini-chat-page .chat-voice-signal i:nth-child(2){width:calc(28 * var(--chat-rpx));height:calc(28 * var(--chat-rpx))}
.mini-chat-page .chat-voice-signal i:nth-child(3){width:calc(42 * var(--chat-rpx));height:calc(42 * var(--chat-rpx))}
.mini-chat-page .chat-voice.playing i:nth-child(2){animation:voiceArcTwo 1.2s step-end infinite}
.mini-chat-page .chat-voice.playing i:nth-child(3){animation:voiceArcThree 1.2s step-end infinite}
@keyframes voiceArcTwo{0%{opacity:0}33.333%{opacity:1}100%{opacity:1}}
@keyframes voiceArcThree{0%{opacity:0}66.666%{opacity:1}100%{opacity:1}}
.web-dispatch-float>b{display:flex;align-items:center;justify-content:center;align-self:center;width:calc(26 * var(--chat-rpx));height:100%;font-size:0;line-height:1}
.web-dispatch-float>b:before{content:'';display:block;width:calc(12 * var(--chat-rpx));height:calc(12 * var(--chat-rpx));border-top:calc(3 * var(--chat-rpx)) solid currentColor;border-right:calc(3 * var(--chat-rpx)) solid currentColor;transform:rotate(45deg)}
.mini-chat-page .chat-send-inner [data-chat-media] img{width:calc(60 * var(--chat-rpx))!important;height:calc(60 * var(--chat-rpx))!important;max-width:none!important}
.web-selection-mask{--chat-rpx:calc(min(100vw,430px) / 750);position:fixed;inset:0;z-index:1300;background:#0008;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.web-selection-card{width:min(100%,390px);max-height:88dvh;overflow:auto;box-sizing:border-box;background:#fff;border-radius:16px;padding:24px;color:#30333c;box-shadow:0 12px 48px #0002}
.web-selection-card header{font-size:18px;font-weight:600;line-height:1.8}.web-selection-card header b,.web-selection-card strong{color:#6676ff}.web-selection-card p{margin:10px 0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.web-selection-card .selection-tip{font-size:13px;color:#a57622;background:#fff9eb;border-radius:8px;padding:10px}
.web-selection-card footer{display:flex;gap:12px;margin-top:24px}.web-selection-card button{flex:1;height:44px;border:0;border-radius:24px;background:#f0f2ff;color:#6676ff;font-size:16px}.web-selection-card button.primary{background:#6676ff;color:#fff}.web-selection-card button:disabled{opacity:.5}.web-selection-card small{display:block;text-align:center;margin-top:14px;color:#999;font-size:12px}.selection-feedback{color:#b44c43;font-size:13px;line-height:1.5;margin-top:8px}
.proof-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.proof-previews>div{position:relative;min-width:0}.proof-previews img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.proof-previews span{display:block;font-size:12px;color:#888}.proof-previews button{position:absolute;right:2px;top:2px;border:0;background:#000a;color:#fff;border-radius:50%;width:24px;height:24px;padding:0}.team-demand-summary{font-size:14px;line-height:1.8;color:#657187}

#completeOutputs{display:grid;gap:12px}.feature-form .sync-output-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0}.feature-form .sync-output-row>span{white-space:nowrap}.feature-form .sync-output-row>input{width:100%;min-width:0;box-sizing:border-box}

/* Sent text and voice share the same blue bubble and avatar-facing tail. */
.mini-chat-page .mine .chat-voice{color:#fff!important}
.mini-chat-page .mine .mini-bubble.text{position:relative;overflow:visible!important}
.mini-chat-page .mine .mini-bubble.text:before{content:'';position:absolute;right:calc(-7 * var(--chat-rpx));top:calc(28 * var(--chat-rpx));width:calc(14 * var(--chat-rpx));height:calc(14 * var(--chat-rpx));transform:rotate(45deg);background:inherit}

/* Personal message actions and quote previews. */
.mini-chat-page [data-chat-message-id]{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.mini-chat-page [data-chat-message-id]:focus-visible{outline:2px solid #8797ff;outline-offset:4px}
.mini-chat-page .chat-message-quote{display:flex;align-items:center;gap:calc(12 * var(--chat-rpx));max-width:calc(456 * var(--chat-rpx));margin-top:calc(10 * var(--chat-rpx));padding:calc(12 * var(--chat-rpx)) calc(16 * var(--chat-rpx));border-radius:calc(8 * var(--chat-rpx));background:#e8e9ed;color:#737887;font-size:calc(24 * var(--chat-rpx));line-height:1.45;box-sizing:border-box;text-align:left}
.mini-chat-page .chat-message-quote>span{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
.mini-chat-page .chat-message-quote b{font-weight:500}
.mini-chat-page .chat-message-quote img,.mini-chat-page .chat-reply-draft>img{width:calc(64 * var(--chat-rpx));height:calc(64 * var(--chat-rpx));border-radius:calc(6 * var(--chat-rpx));object-fit:cover;flex:none}
.mini-chat-page .mini-send-bar.with-chat-reply{flex-wrap:wrap!important}
.mini-chat-page .chat-reply-draft{flex:0 0 100%;display:flex;align-items:center;gap:calc(14 * var(--chat-rpx));min-width:0;padding:calc(14 * var(--chat-rpx)) calc(16 * var(--chat-rpx));border-radius:calc(12 * var(--chat-rpx));background:#eef0f7;color:#6b7284;box-sizing:border-box}
.mini-chat-page .chat-reply-draft>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(4 * var(--chat-rpx));font-size:calc(24 * var(--chat-rpx));line-height:1.4}
.mini-chat-page .chat-reply-draft b,.mini-chat-page .chat-reply-draft span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-chat-page .chat-reply-draft b{font-weight:600;color:#505c7c}
.mini-chat-page .chat-reply-draft>button{width:calc(52 * var(--chat-rpx))!important;height:calc(52 * var(--chat-rpx))!important;border:0!important;background:transparent!important;color:#788196!important;font-size:calc(38 * var(--chat-rpx))!important;padding:0!important;margin:0!important;flex:none}
/* Message-anchored toolbar, matching the supplied WeChat reference. */
.web-chat-message-menu-layer{--chat-rpx:calc(min(100vw,var(--web-width,430px))/750);position:fixed;inset:0;z-index:1500;background:transparent}
.web-chat-message-menu{position:absolute;display:flex;height:calc(148 * var(--chat-rpx));border-radius:calc(18 * var(--chat-rpx));background:#4a4a4a;box-shadow:0 3px 9px #00000012;overflow:visible}
.web-chat-message-menu>button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:calc(14 * var(--chat-rpx));flex:1;height:100%!important;min-width:0;padding:calc(16 * var(--chat-rpx)) 0!important;margin:0!important;background:transparent!important;color:#fff!important;border:0!important;border-radius:calc(18 * var(--chat-rpx))!important;font-size:calc(28 * var(--chat-rpx))!important;font-weight:400!important;line-height:calc(36 * var(--chat-rpx))!important;box-sizing:border-box;cursor:pointer}
.web-chat-message-menu>button:hover,.web-chat-message-menu>button:active{background:#5a5a5a!important}
.web-chat-message-menu>button:focus-visible{outline:2px solid #b6c5ff;outline-offset:-3px}
.web-chat-message-menu img{display:block;width:calc(44 * var(--chat-rpx))!important;height:calc(44 * var(--chat-rpx))!important;flex:none;object-fit:contain}
.web-chat-message-menu:after{content:'';position:absolute;left:var(--menu-pointer);bottom:calc(-10 * var(--chat-rpx));width:calc(24 * var(--chat-rpx));height:calc(24 * var(--chat-rpx));background:#4a4a4a;transform:translateX(-50%) rotate(45deg);border-radius:calc(3 * var(--chat-rpx));pointer-events:none}
.web-chat-message-menu.below:after{top:calc(-10 * var(--chat-rpx));bottom:auto}
.mini-chat-page .chat-message-selected{filter:brightness(.95)}


/* source: order-chat-parity-1.9.397.css */
/* 1.9.397：下单名片、接单确认和催上号系统卡片同步小程序。 */
.checkout-route-page{--checkout-rpx:calc(min(100vw,var(--web-width,430px))/750)}
.checkout-route-page .checkout-specified-card{
  overflow:hidden;margin:calc(20 * var(--checkout-rpx)) 0 calc(16 * var(--checkout-rpx));
  border:calc(1 * var(--checkout-rpx)) solid rgba(91,124,250,.07);border-radius:calc(26 * var(--checkout-rpx));
  background:#fff;box-shadow:0 calc(12 * var(--checkout-rpx)) calc(32 * var(--checkout-rpx)) rgba(65,83,145,.07)
}
.checkout-route-page .checkout-specified-card h2{
  height:calc(72 * var(--checkout-rpx));margin:0;padding:0 calc(24 * var(--checkout-rpx));display:flex;align-items:center;
  border-bottom:calc(1 * var(--checkout-rpx)) solid #fff0cc;background:linear-gradient(135deg,#fff8e9,#fffdf8);
  color:#dea934;font-size:calc(32 * var(--checkout-rpx));font-weight:700;line-height:1
}
.checkout-route-page .checkout-specified-card>div{
  height:calc(136 * var(--checkout-rpx));padding:0 calc(24 * var(--checkout-rpx));display:flex;align-items:center;
  gap:calc(24 * var(--checkout-rpx));box-sizing:border-box
}
.checkout-route-page .checkout-specified-card img{
  width:calc(84 * var(--checkout-rpx));height:calc(84 * var(--checkout-rpx));flex:none;border-radius:50%;background:#eef0ff;object-fit:cover
}
.checkout-route-page .checkout-specified-card b{
  min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111;
  font-size:calc(32 * var(--checkout-rpx));font-weight:500
}
.checkout-route-page .checkout-specified-card span{flex:none;color:#777;font-size:calc(28 * var(--checkout-rpx));white-space:nowrap}
.checkout-route-page .game-card-picker-mask{
  --chat-rpx:calc(min(100vw,var(--web-width,430px))/750);
  z-index:245!important;inset:0!important;align-items:flex-end!important;justify-content:center!important;
  padding:0!important;background:rgba(0,0,0,.48)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
.checkout-route-page .game-card-picker{
  width:min(100vw,var(--web-width,430px))!important;max-width:none!important;max-height:78dvh!important;
  box-sizing:border-box!important;padding:calc(28 * var(--chat-rpx)) calc(24 * var(--chat-rpx)) calc(24 * var(--chat-rpx) + env(safe-area-inset-bottom))!important;
  border-radius:calc(30 * var(--chat-rpx)) calc(30 * var(--chat-rpx)) 0 0!important;background:#fff!important;
  box-shadow:0 calc(-10 * var(--chat-rpx)) calc(34 * var(--chat-rpx)) rgba(25,28,52,.12)!important
}
.checkout-route-page .game-card-picker-head{
  height:calc(64 * var(--chat-rpx))!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;
  font-size:calc(34 * var(--chat-rpx))!important
}
.checkout-route-page .game-card-picker-head b{font-size:calc(34 * var(--chat-rpx))!important;color:#222!important}
.checkout-route-page .game-card-picker-head button{
  width:calc(54 * var(--chat-rpx))!important;height:calc(54 * var(--chat-rpx))!important;padding:0!important;
  border:0!important;background:transparent!important;color:#aaa!important;font-size:calc(44 * var(--chat-rpx))!important
}
.checkout-route-page .game-card-picker-list{
  min-height:0!important;max-height:52dvh!important;padding:0!important;overflow-y:auto!important
}
.checkout-route-page .game-card-choice{
  margin:calc(16 * var(--chat-rpx)) 0!important;padding:calc(20 * var(--chat-rpx))!important;
  box-sizing:border-box!important;border:calc(2 * var(--chat-rpx)) solid transparent!important;
  border-radius:calc(18 * var(--chat-rpx))!important;background:#f7f8ff!important
}
.checkout-route-page .game-card-choice.selected{border-color:#6676ff!important;background:#f1f3ff!important}
.checkout-route-page .game-card-choice-top{gap:calc(16 * var(--chat-rpx))!important;font-size:calc(32 * var(--chat-rpx))!important}
.checkout-route-page .game-card-choice-top img{
  width:calc(58 * var(--chat-rpx))!important;height:calc(58 * var(--chat-rpx))!important;
  border-radius:calc(10 * var(--chat-rpx))!important;flex:none!important
}
.checkout-route-page .game-card-choice-top b{font-size:calc(32 * var(--chat-rpx))!important;font-weight:700!important;color:#222!important}
.checkout-route-page .game-card-choice-top em{
  padding:calc(4 * var(--chat-rpx)) calc(14 * var(--chat-rpx))!important;border-radius:999px!important;
  background:#6676ff!important;color:#fff!important;font-size:calc(22 * var(--chat-rpx))!important
}
.checkout-route-page .game-card-choice-top>i{
  width:calc(40 * var(--chat-rpx))!important;height:calc(40 * var(--chat-rpx))!important;
  border:calc(3 * var(--chat-rpx)) solid #c6c8d0!important;font-size:calc(25 * var(--chat-rpx))!important
}
.checkout-route-page .game-card-choice.selected .game-card-choice-top>i{border-color:#6676ff!important;background:#6676ff!important}
.checkout-route-page .game-card-choice-info,
.chat-parity-modal .game-card-choice-info{
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:calc(24 * var(--chat-rpx))!important;
  margin-top:calc(18 * var(--chat-rpx))!important;padding:0!important;border:0!important;background:transparent!important;
  color:#777!important;font-size:calc(26 * var(--chat-rpx))!important
}
.checkout-route-page .game-card-choice-info>span,
.chat-parity-modal .game-card-choice-info>span{
  display:flex!important;align-items:center!important;gap:calc(12 * var(--chat-rpx))!important;min-width:0!important;flex:1!important;
  white-space:nowrap!important;overflow:hidden!important
}
.game-card-choice-info>span>i{flex:none;color:#858995;font:inherit;font-style:normal}
.game-card-choice-info>span>b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#535760;font:inherit;font-weight:400}
.checkout-route-page .game-card-choice-actions{
  margin-top:calc(16 * var(--chat-rpx))!important;gap:calc(40 * var(--chat-rpx))!important
}
.checkout-route-page .game-card-choice-actions button{
  padding:0!important;border:0!important;background:none!important;color:#6676ff!important;font-size:calc(28 * var(--chat-rpx))!important
}
.checkout-route-page .game-card-choice-actions button.delete{color:#ff5f57!important}
.checkout-route-page .game-card-picker-actions{
  min-height:0!important;padding:0!important;margin-top:calc(20 * var(--chat-rpx))!important;display:flex!important;
  gap:calc(20 * var(--chat-rpx))!important;background:#fff!important
}
.checkout-route-page .game-card-picker-actions button{
  flex:1!important;height:calc(88 * var(--chat-rpx))!important;border:0!important;border-radius:999px!important;
  background:#f0f2ff!important;color:#6676ff!important;font-size:calc(32 * var(--chat-rpx))!important
}
.checkout-route-page .game-card-picker-actions button.primary{background:#6175ff!important;color:#fff!important}
.checkout-route-page .game-card-picker-empty{
  height:auto!important;padding:calc(72 * var(--chat-rpx)) calc(24 * var(--chat-rpx))!important;
  color:#999!important;font-size:calc(28 * var(--chat-rpx))!important;line-height:calc(42 * var(--chat-rpx))!important
}

/* 陪玩被老板选中后的 100 秒确认卡。 */
.web-selection-mask{
  --chat-rpx:calc(min(100vw,var(--web-width,430px))/750);
  align-items:flex-start!important;justify-content:center!important;padding:calc(150 * var(--chat-rpx)) calc(24 * var(--chat-rpx)) 0!important;
  background:rgba(0,0,0,.38)!important
}
.web-selection-card{
  width:min(100%,calc(750 * var(--chat-rpx)))!important;max-width:none!important;max-height:calc(100dvh - calc(174 * var(--chat-rpx)))!important;
  padding:calc(28 * var(--chat-rpx)) calc(26 * var(--chat-rpx)) calc(12 * var(--chat-rpx))!important;
  border:calc(2 * var(--chat-rpx)) solid #dfe3ff!important;border-radius:calc(18 * var(--chat-rpx)) calc(18 * var(--chat-rpx)) 0 0!important;
  background:linear-gradient(145deg,#f5f6ff,#fff)!important;color:#3b3d45!important;
  box-shadow:0 calc(14 * var(--chat-rpx)) calc(44 * var(--chat-rpx)) rgba(40,45,82,.12)!important
}
.web-selection-card header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:calc(12 * var(--chat-rpx))!important;
  margin:0 0 calc(12 * var(--chat-rpx))!important;font-size:calc(29 * var(--chat-rpx))!important;line-height:calc(44 * var(--chat-rpx))!important
}
.web-selection-card header b,.web-selection-card header strong{color:#6578ff!important;font-weight:800!important}
.web-selection-card p{margin:0!important;font-size:calc(27 * var(--chat-rpx))!important;line-height:calc(44 * var(--chat-rpx))!important;color:#535760!important}
.web-selection-card p.selection-tip{
  margin-bottom:calc(10 * var(--chat-rpx))!important;padding:calc(12 * var(--chat-rpx)) calc(16 * var(--chat-rpx))!important;
  border-radius:calc(10 * var(--chat-rpx))!important;background:#f2f4ff!important;color:#6175ff!important;
  font-size:calc(25 * var(--chat-rpx))!important;line-height:calc(38 * var(--chat-rpx))!important
}
.web-selection-card footer{display:flex!important;gap:calc(22 * var(--chat-rpx))!important;margin-top:calc(18 * var(--chat-rpx))!important}
.web-selection-card footer button{
  flex:1!important;height:calc(70 * var(--chat-rpx))!important;border:0!important;border-radius:calc(38 * var(--chat-rpx))!important;
  background:#eef0ff!important;color:#6676ff!important;font-size:calc(29 * var(--chat-rpx))!important
}
.web-selection-card footer button.primary{background:#6175ff!important;color:#fff!important}
.web-selection-card small{
  margin:0!important;text-align:center!important;color:#a7a9b0!important;font-size:calc(25 * var(--chat-rpx))!important;
  line-height:calc(50 * var(--chat-rpx))!important
}
.web-selection-card .selection-feedback{min-height:0;margin:0;text-align:center;color:#b44c43;font-size:calc(23 * var(--chat-rpx))}

/* 聊天内系统卡片：老板/陪玩各自看到对应催上号文案，并可打开订单。 */
.mini-chat-page .chat-system-row{
  width:100%!important;margin:0 0 calc(34 * var(--chat-rpx))!important;box-sizing:border-box!important
}
.mini-chat-page .chat-system-row .chat-top-event{
  width:100%!important;min-height:calc(112 * var(--chat-rpx))!important;
  padding:calc(24 * var(--chat-rpx)) calc(26 * var(--chat-rpx))!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:calc(18 * var(--chat-rpx))!important;
  border:0!important;border-radius:calc(14 * var(--chat-rpx))!important;background:#fff!important;color:#111!important
}
.mini-chat-page .chat-system-main{min-width:0!important;flex:1!important}
.mini-chat-page .chat-system-row .chat-top-event h4{
  margin:0 0 calc(8 * var(--chat-rpx))!important;color:#111827!important;font-size:calc(32 * var(--chat-rpx))!important;
  font-weight:800!important;line-height:calc(44 * var(--chat-rpx))!important
}
.mini-chat-page .chat-system-row .chat-top-event p{
  margin:0!important;color:#9aa0aa!important;font-size:calc(28 * var(--chat-rpx))!important;
  line-height:calc(38 * var(--chat-rpx))!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important
}
.mini-chat-page .chat-system-link{
  flex:none!important;margin-left:calc(2 * var(--chat-rpx))!important;padding:0!important;border:0!important;background:transparent!important;
  color:#6676ff!important;font-size:calc(30 * var(--chat-rpx))!important;line-height:calc(42 * var(--chat-rpx))!important;white-space:nowrap!important
}
.mini-chat-page .chat-system-link i{margin-left:calc(8 * var(--chat-rpx));color:#aaa;font:inherit;font-style:normal}
@media (min-width:681px){
  .checkout-route-page .game-card-picker{width:min(100vw,430px)!important}
  .web-selection-card{max-width:430px!important}
}

/* 指定陪玩下单页按小程序比例收紧规格区，连续选项不再留下大块竖向空白。 */
.checkout-route-page.specified-checkout .checkout-form{gap:8px!important}
.checkout-route-page.specified-checkout .checkout-specified-card{margin:8px 0!important}
.checkout-route-page.specified-checkout .checkout-specified-card h2{height:36px!important;padding:0 14px!important;font-size:17px!important}
.checkout-route-page.specified-checkout .checkout-specified-card>div{height:68px!important;padding:0 14px!important;gap:12px!important}
.checkout-route-page.specified-checkout .checkout-specified-card img{width:46px!important;height:46px!important}
.checkout-route-page.specified-checkout .checkout-specified-card b{font-size:17px!important}
.checkout-route-page.specified-checkout .checkout-specified-card span{font-size:14px!important}
.checkout-route-page.specified-checkout .checkout-product-summary{min-height:100px!important;padding:14px 13px 10px!important}
.checkout-route-page.specified-checkout .checkout-main-fields{padding:0 16px 6px!important}
.checkout-route-page.specified-checkout .checkout-main-section{padding:8px 0 9px!important}
.checkout-route-page.specified-checkout .checkout-main-section>b{margin:0 0 8px!important}
.checkout-route-page.specified-checkout .spec-options{gap:8px!important}
.checkout-route-page.specified-checkout .spec-option{height:42px!important}
.checkout-route-page.specified-checkout .quantity-section{min-height:52px!important;padding:8px 0 3px!important}

/* 老板订单中的头像身份各自归属，接单人与队友标签不会再覆盖相邻头像。 */
.mini-order-center .boss-player-list{gap:10px!important;overflow:visible!important}
.mini-order-center .boss-player{width:43px!important;height:47px!important;margin:0!important;overflow:visible!important}
.mini-order-center .boss-player img{width:38px!important;height:38px!important}
.mini-order-center .boss-player i{left:50%!important;right:auto!important;bottom:-1px!important;width:38px!important;transform:translateX(-50%)!important;box-sizing:border-box!important;font-size:10px!important}
.mini-order-center .boss-player i.teammate{background:#eef0ff!important;color:#6074f5!important}

/* 2026-09-17：订单中心与小程序同一套尺寸、层级和浅蓝背景。 */
#mainView .mini-order-center{--order-rpx:calc(min(100vw,var(--web-width,430px))/750);min-height:100dvh!important;box-sizing:border-box!important;background:linear-gradient(180deg,#edf3ff 0,#f4f7ff calc(360 * var(--order-rpx)),#f7f9ff 100%)!important;color:#202938!important}
#mainView .mini-order-center .mini-native-nav{border:0!important;box-shadow:none!important}
#mainView .mini-order-center .oc-main-tabs{height:calc(104 * var(--order-rpx))!important;display:flex!important;align-items:flex-end!important;justify-content:space-around!important;padding:0 calc(74 * var(--order-rpx))!important;box-sizing:border-box!important;background:rgba(255,255,255,.94)!important;border:0!important;box-shadow:none!important}
#mainView .mini-order-center .oc-main-tabs button{position:relative!important;min-width:calc(180 * var(--order-rpx))!important;height:calc(88 * var(--order-rpx))!important;padding:0!important;border:0!important;background:transparent!important;color:#111!important;font-size:calc(32 * var(--order-rpx))!important;font-weight:500!important;line-height:calc(72 * var(--order-rpx))!important}
#mainView .mini-order-center .oc-main-tabs button.active{color:#5b6fe8!important;font-weight:800!important}
#mainView .mini-order-center .oc-main-tabs button.active:after{content:""!important;position:absolute!important;left:50%!important;bottom:0!important;width:calc(76 * var(--order-rpx))!important;height:calc(8 * var(--order-rpx))!important;transform:translateX(-50%)!important;border-radius:999px!important;background:linear-gradient(90deg,#67d7f5,#7458f5)!important}
#mainView .mini-order-center .oc-filters{height:auto!important;padding:calc(22 * var(--order-rpx)) calc(30 * var(--order-rpx)) calc(18 * var(--order-rpx))!important;gap:0!important;box-sizing:border-box!important;background:transparent!important;border:0!important;box-shadow:none!important}
#mainView .mini-order-center .oc-filters button{width:calc(122 * var(--order-rpx))!important;min-width:calc(122 * var(--order-rpx))!important;height:calc(62 * var(--order-rpx))!important;margin:0 calc(16 * var(--order-rpx)) 0 0!important;padding:0!important;border:calc(1 * var(--order-rpx)) solid #e7ebf6!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;color:#a2a7ae!important;font-size:calc(28 * var(--order-rpx))!important;font-weight:500!important;box-shadow:0 calc(7 * var(--order-rpx)) calc(18 * var(--order-rpx)) rgba(65,83,145,.05)!important}
#mainView .mini-order-center .oc-filters button.active{border-color:transparent!important;background:linear-gradient(100deg,#5b7cfa,#7458f5)!important;color:#fff!important;box-shadow:0 calc(9 * var(--order-rpx)) calc(22 * var(--order-rpx)) rgba(91,103,232,.18)!important}
#mainView .mini-order-center .oc-list{padding:0 calc(30 * var(--order-rpx)) calc(90 * var(--order-rpx))!important;gap:0!important;box-sizing:border-box!important}
#mainView .mini-order-center .oc-card,#mainView .mini-order-center .boss-order-card{width:100%!important;margin:0 0 calc(24 * var(--order-rpx))!important;padding:calc(30 * var(--order-rpx))!important;box-sizing:border-box!important;overflow:visible!important;border:calc(1 * var(--order-rpx)) solid rgba(91,124,250,.07)!important;border-radius:calc(26 * var(--order-rpx))!important;background:#fff!important;box-shadow:0 calc(12 * var(--order-rpx)) calc(34 * var(--order-rpx)) rgba(65,83,145,.07)!important}
#mainView .mini-order-center .oc-card-head{height:auto!important;margin:0 0 calc(24 * var(--order-rpx))!important;padding:0!important;border:0!important;color:#8f96a3!important;font-size:calc(29 * var(--order-rpx))!important;line-height:calc(42 * var(--order-rpx))!important}
#mainView .mini-order-center .oc-status{font-size:calc(29 * var(--order-rpx))!important;color:#8f96a3!important}
#mainView .mini-order-center .oc-status.dispatching,#mainView .mini-order-center .oc-status.doing{color:#5d75ff!important}
#mainView .mini-order-center .oc-card-body{padding:0!important;gap:calc(20 * var(--order-rpx))!important;align-items:flex-start!important}
#mainView .mini-order-center .oc-thumb{width:calc(160 * var(--order-rpx))!important;height:calc(160 * var(--order-rpx))!important;flex:0 0 calc(160 * var(--order-rpx))!important;border-radius:calc(18 * var(--order-rpx))!important;background:#eef3ff!important}
#mainView .mini-order-center .oc-info{gap:0!important;padding-top:calc(2 * var(--order-rpx))!important}
#mainView .mini-order-center .oc-info h3{font-size:calc(31 * var(--order-rpx))!important;font-weight:500!important;line-height:calc(42 * var(--order-rpx))!important;color:#111!important}
#mainView .mini-order-center .oc-info p,#mainView .mini-order-center .oc-info span{font-size:calc(28 * var(--order-rpx))!important;line-height:calc(39 * var(--order-rpx))!important;color:#858585!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#mainView .mini-order-center .order-prize-line,#mainView .mini-order-center .boss-prize-line{display:flex!important;align-items:center!important;height:calc(42 * var(--order-rpx))!important;margin:calc(22 * var(--order-rpx)) 0 0!important;color:#747474!important;font-size:calc(29 * var(--order-rpx))!important;line-height:calc(42 * var(--order-rpx))!important;white-space:nowrap!important;overflow:hidden!important}
#mainView .mini-order-center .order-prize-line img,#mainView .mini-order-center .boss-prize-line img,#mainView .mini-order-center .prize-coin{width:calc(36 * var(--order-rpx))!important;height:calc(36 * var(--order-rpx))!important;margin-right:calc(14 * var(--order-rpx))!important;border-radius:50%!important;flex:none!important}
#mainView .mini-order-center .prize-coin{display:grid!important;place-items:center!important;background:radial-gradient(circle at 32% 26%,#fff,#cfd3d7 36%,#6d747d 75%,#333a42)!important;color:#eef1f4!important;font-size:calc(26 * var(--order-rpx))!important;font-style:normal!important;line-height:1!important}
#mainView .mini-order-center .order-prize-line span,#mainView .mini-order-center .boss-prize-line span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
#mainView .mini-order-center .oc-remark{min-height:0!important;margin:calc(20 * var(--order-rpx)) 0 0!important;padding:0!important;gap:calc(12 * var(--order-rpx))!important;border:0!important;color:#8b8b8b!important;font-size:calc(30 * var(--order-rpx))!important;line-height:calc(42 * var(--order-rpx))!important}
#mainView .mini-order-center .oc-remark b{color:#111!important;font-weight:500!important}
#mainView .mini-order-center .boss-order-list{padding:0 calc(30 * var(--order-rpx)) calc(90 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-order-card{margin-bottom:calc(28 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-head{height:calc(44 * var(--order-rpx))!important;margin:0 0 calc(30 * var(--order-rpx))!important;padding:0!important;border:0!important;gap:calc(12 * var(--order-rpx))!important;color:#9a9a9a!important;font-size:calc(27 * var(--order-rpx))!important;font-weight:700!important}
#mainView .mini-order-center .boss-head span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#mainView .mini-order-center .boss-head i{color:#9a9a9a!important;font-weight:700!important}
#mainView .mini-order-center .boss-head time{flex:none!important;color:#686868!important;font-size:calc(27 * var(--order-rpx))!important;font-weight:800!important}
#mainView .mini-order-center .boss-goods-row{display:flex!important;min-height:calc(148 * var(--order-rpx))!important;padding:0!important;gap:0!important;align-items:flex-start!important}
#mainView .mini-order-center .boss-thumb{width:calc(120 * var(--order-rpx))!important;height:calc(120 * var(--order-rpx))!important;flex:0 0 calc(120 * var(--order-rpx))!important;margin-right:calc(22 * var(--order-rpx))!important;border-radius:calc(18 * var(--order-rpx))!important;background:#eef3ff!important}
#mainView .mini-order-center .boss-goods-info{gap:0!important;padding:0!important}
#mainView .mini-order-center .boss-goods-info h3{font-size:calc(32 * var(--order-rpx))!important;font-weight:400!important;line-height:calc(40 * var(--order-rpx))!important;color:#222!important}
#mainView .mini-order-center .boss-goods-info p,#mainView .mini-order-center .boss-goods-info b,#mainView .mini-order-center .boss-goods-info span{font-size:calc(29 * var(--order-rpx))!important;font-weight:400!important;line-height:calc(40 * var(--order-rpx))!important;color:#777!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#mainView .mini-order-center .boss-goods-info b{color:#777!important}
#mainView .mini-order-center .boss-qty{width:calc(58 * var(--order-rpx))!important;padding-top:calc(18 * var(--order-rpx))!important;color:#9e9e9e!important;font-size:calc(31 * var(--order-rpx))!important;line-height:calc(42 * var(--order-rpx))!important;font-weight:400!important}
#mainView .mini-order-center .boss-prize-line{margin-top:calc(18 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-total-row{min-height:calc(94 * var(--order-rpx))!important;height:auto!important;margin-top:calc(12 * var(--order-rpx))!important;padding:0!important;border:0!important;gap:calc(8 * var(--order-rpx))!important;font-size:calc(30 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-total-row>span:first-child{color:#b2b2b2!important;font-size:calc(30 * var(--order-rpx))!important;white-space:nowrap!important}
#mainView .mini-order-center .boss-total-row>span b{margin-left:calc(2 * var(--order-rpx))!important;color:#ff7f64!important;font-size:calc(34 * var(--order-rpx))!important;font-weight:800!important}
#mainView .mini-order-center .boss-total-row .boss-state{width:auto!important;min-width:calc(82 * var(--order-rpx))!important;margin:0!important;color:#a7a7a7!important;font-size:calc(25 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-total-row .boss-state.doing{color:#6676ff!important}
#mainView .mini-order-center .boss-service-actions{height:calc(54 * var(--order-rpx))!important;gap:calc(6 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-mini-action{width:calc(78 * var(--order-rpx))!important;min-width:calc(78 * var(--order-rpx))!important;height:calc(54 * var(--order-rpx))!important;min-height:calc(54 * var(--order-rpx))!important;border-radius:calc(9 * var(--order-rpx))!important;font-size:calc(23 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-rebuy{width:calc(158 * var(--order-rpx))!important;height:calc(66 * var(--order-rpx))!important;border:0!important;border-radius:999px!important;font-size:calc(29 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-divider{height:calc(1 * var(--order-rpx))!important;margin:0 0 calc(20 * var(--order-rpx))!important;background:#eee!important}
#mainView .mini-order-center .boss-player-row{min-height:calc(94 * var(--order-rpx))!important;height:auto!important;padding:0!important;gap:0!important}
#mainView .mini-order-center .boss-player-label{font-size:calc(30 * var(--order-rpx))!important;color:#aaa!important;margin-right:calc(18 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-player-list{gap:calc(22 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-player{width:calc(82 * var(--order-rpx))!important;height:calc(82 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-player img{width:calc(72 * var(--order-rpx))!important;height:calc(72 * var(--order-rpx))!important;border:0!important}
#mainView .mini-order-center .boss-player i{left:50%!important;right:auto!important;bottom:calc(-8 * var(--order-rpx))!important;width:calc(66 * var(--order-rpx))!important;height:calc(30 * var(--order-rpx))!important;transform:translateX(-50%)!important;border-radius:999px!important;font-size:calc(20 * var(--order-rpx))!important;line-height:calc(30 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-no-player{font-size:calc(26 * var(--order-rpx))!important;color:#b2b2b2!important}
#mainView .mini-order-center .boss-contact{width:calc(148 * var(--order-rpx))!important;height:calc(66 * var(--order-rpx))!important;margin-left:calc(16 * var(--order-rpx))!important;border-radius:999px!important;font-size:calc(30 * var(--order-rpx))!important}

/* 多陪玩订单的联系选择与小程序一致。 */
#modal:has(.order-contact-picker):not(.hidden){display:grid!important;place-items:center!important;padding:calc(24 * var(--contact-rpx,1px))!important}
#modal:has(.order-contact-picker) .modal-backdrop{background:rgba(0,0,0,.42)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#modal:has(.order-contact-picker) .modal-panel{width:min(calc(604 * var(--contact-rpx,1px)),calc(100vw - 48px))!important;max-width:360px!important;max-height:calc(100dvh - 48px)!important;margin:auto!important;padding:0!important;border-radius:calc(28 * var(--contact-rpx,1px))!important;overflow:hidden!important;background:#fff!important;box-shadow:0 18px 46px rgba(25,32,68,.18)!important}
.order-contact-picker{--contact-rpx:calc(min(100vw,var(--web-width,430px))/750);padding:calc(42 * var(--contact-rpx)) calc(30 * var(--contact-rpx)) calc(28 * var(--contact-rpx));box-sizing:border-box}
.order-contact-picker .modal-head{justify-content:center;margin:0 0 calc(24 * var(--contact-rpx))}
.order-contact-picker .modal-head h2{font-size:calc(34 * var(--contact-rpx));font-weight:800}
.order-contact-list{display:grid;gap:calc(12 * var(--contact-rpx))}
.order-contact-list>button{width:100%;min-height:calc(86 * var(--contact-rpx));padding:0!important;display:flex;align-items:center;gap:calc(16 * var(--contact-rpx));border:0!important;background:#fff!important;color:#222!important;text-align:left!important}
.order-contact-list img{width:calc(66 * var(--contact-rpx));height:calc(66 * var(--contact-rpx));border-radius:50%;object-fit:cover;flex:none}
.order-contact-list span{min-width:0;flex:1;display:flex;align-items:center;gap:calc(12 * var(--contact-rpx))}
.order-contact-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(29 * var(--contact-rpx))}
.order-contact-list em{padding:calc(4 * var(--contact-rpx)) calc(12 * var(--contact-rpx));border-radius:999px;background:#505050;color:#fff;font-size:calc(21 * var(--contact-rpx));font-style:normal;white-space:nowrap}
.order-contact-list strong{height:calc(58 * var(--contact-rpx));padding:0 calc(25 * var(--contact-rpx));display:flex;align-items:center;border-radius:999px;background:#eef0ff;color:#6676ff;font-size:calc(26 * var(--contact-rpx));white-space:nowrap}
.order-contact-back{width:100%;height:calc(70 * var(--contact-rpx));margin-top:calc(26 * var(--contact-rpx));border:0!important;border-radius:999px!important;background:#eef0ff!important;color:#6676ff!important;font-size:calc(28 * var(--contact-rpx))!important}

/* 老板订单：人员头像间距减半；暂停前与完成同态，暂停后置灰。 */
#mainView .mini-order-center .boss-player-list{gap:calc(11 * var(--order-rpx))!important}
#mainView .mini-order-center .boss-mini-action.pause:not(.is-paused){border:1px solid #6676ff!important;background:#fff!important;color:#6676ff!important}
#mainView .mini-order-center .boss-mini-action.pause.is-paused{border:0!important;background:#f5f5f5!important;color:#888!important}

/* 1.9.430：恢复原图片预览比例，只把发送/接收图片的气泡边缘收窄。 */
#mainView .mini-chat-page .mini-msg .mini-bubble.image{width:100%!important;max-width:calc(476 * var(--chat-rpx))!important;padding:1px!important;background:#fff!important;border:0!important;border-radius:calc(12 * var(--chat-rpx))!important;box-shadow:none!important;overflow:hidden!important}
#mainView .mini-chat-page .mini-msg.mine .mini-bubble.image{background:#5d73ff!important}
#mainView .mini-chat-page .mini-bubble.image::before,#mainView .mini-chat-page .mini-bubble.image::after{display:none!important}
#mainView .mini-chat-page .chat-image-button{display:block!important;width:100%!important;max-width:calc(430 * var(--chat-rpx))!important;margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;border:0!important;border-radius:calc(10 * var(--chat-rpx))!important;background:transparent!important;line-height:0!important;cursor:zoom-in!important}
#mainView .mini-chat-page .chat-image-button .chat-message-image{display:block!important;width:100%!important;max-width:calc(430 * var(--chat-rpx))!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:contain!important}
.web-chat-image-preview>img{max-width:100%!important;max-height:80dvh!important;object-fit:contain!important}


/* source: service-order-parity-1.9.398.css */
/* calc(var(--sr) * 750) reference: mini service orders / transfer / complete / team. */
#mainView:has(.service-transfer-page,.service-proof-page,.service-team-page,.service-order-page){padding:0!important}
#mainView .service-order-page,#mainView .service-transfer-page,#mainView .service-proof-page,#mainView .service-team-page{--sr:min(.1333333333vw,.5733333333px) !important;min-height:100dvh !important;color:#242424 !important}
#mainView .service-order-page{padding:0 !important;background:#f5f5f5 !important}
#mainView .service-tabs{height:calc(var(--sr) * 96) !important;margin:0 !important;padding:0 !important;background:#fff !important}
#mainView .service-tabs button{font-size:calc(var(--sr) * 31) !important;font-weight:400 !important}
#mainView .service-tabs button.on{color:#3778d4 !important}
#mainView .service-tabs button.on:after{width:calc(var(--sr) * 62) !important;height:calc(var(--sr) * 7) !important;background:#3778d4 !important;bottom:0 !important}
#mainView .service-order-list{padding:calc(var(--sr) * 14) calc(var(--sr) * 18) !important}
#mainView .service-order-card{padding:calc(var(--sr) * 22) calc(var(--sr) * 24) calc(var(--sr) * 18) !important;margin:0 0 calc(var(--sr) * 18) !important;border-radius:calc(var(--sr) * 8) !important;box-shadow:none !important;overflow:hidden !important}
#mainView .service-brand{height:calc(var(--sr) * 44) !important;min-height:calc(var(--sr) * 44) !important;gap:calc(var(--sr) * 9) !important;padding:0 !important}
#mainView .service-brand img{width:calc(var(--sr) * 34) !important;height:calc(var(--sr) * 34) !important}
#mainView .service-brand b{font-size:calc(var(--sr) * 31) !important;font-weight:800 !important}
#mainView .service-number{margin:calc(var(--sr) * 18) 0 !important;padding:0 !important;line-height:calc(var(--sr) * 40) !important;gap:calc(var(--sr) * 10) !important;flex-wrap:nowrap !important;font-size:calc(var(--sr) * 25) !important;color:#8f8f8f !important}
#mainView .service-number time{font-size:calc(var(--sr) * 25) !important;flex:none !important;white-space:nowrap !important}
#mainView .service-number>span{min-width:0 !important;flex:1 !important;font-size:calc(var(--sr) * 25) !important}
#mainView .service-copy{width:calc(var(--sr) * 30) !important;height:calc(var(--sr) * 40) !important}
#mainView .service-goods{position:relative !important;width:100% !important;min-width:0 !important;box-sizing:border-box !important;min-height:calc(var(--sr) * 120) !important;gap:calc(var(--sr) * 20) !important;display:flex !important}
#mainView .service-goods>img{width:calc(var(--sr) * 118) !important;height:calc(var(--sr) * 118) !important;border-radius:calc(var(--sr) * 8) !important;flex:none !important}
#mainView .service-goods>div{flex:1 !important;min-width:0 !important;padding-right:calc(var(--sr) * 40) !important}
#mainView .service-goods h3{font-size:calc(var(--sr) * 30) !important;line-height:calc(var(--sr) * 38) !important;font-weight:400 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
#mainView .service-goods b,#mainView .service-goods span{font-size:calc(var(--sr) * 26) !important;line-height:calc(var(--sr) * 36) !important;color:#707070 !important}
#mainView .service-goods>strong{position:absolute !important;right:0 !important;top:calc(var(--sr) * 8) !important;font-size:calc(var(--sr) * 26) !important}
#mainView .service-goods>.service-transfer-compensation{position:absolute!important;right:calc(var(--sr) * 50)!important;bottom:calc(var(--sr) * 4)!important;display:inline-flex!important;align-items:baseline!important;color:#ff665f!important;font-size:calc(var(--sr) * 25)!important;line-height:calc(var(--sr) * 34)!important;white-space:nowrap!important}
#mainView .service-goods>.service-transfer-compensation b{display:inline!important;color:#ff665f!important;font-size:calc(var(--sr) * 28)!important;line-height:inherit!important}
#mainView .service-team-commission-row{display:flex !important;align-items:center !important;min-height:calc(var(--sr) * 96) !important;padding:0 !important;margin:0 !important;border-top:1px solid #f4f4f4 !important}
#mainView .service-team{width:100% !important;min-height:0 !important;padding:0 !important;gap:calc(var(--sr) * 8) !important}
#mainView .service-team-tag{width:calc(var(--sr) * 70) !important;height:calc(var(--sr) * 48) !important;padding:0 !important;border-radius:calc(var(--sr) * 6) !important;background:#eef0ff !important;color:#6276ff !important;font-size:calc(var(--sr) * 25) !important;line-height:1 !important;white-space:nowrap !important;flex:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;box-sizing:border-box !important}
#mainView .service-mate{height:calc(var(--sr) * 88) !important;gap:calc(var(--sr) * 8) !important;margin-right:calc(var(--sr) * 18) !important}
#mainView .service-mate-avatar{width:calc(var(--sr) * 72) !important;height:calc(var(--sr) * 88) !important;display:flex !important;align-items:center !important;justify-content:center !important}
#mainView .service-mate img{width:calc(var(--sr) * 54) !important;height:calc(var(--sr) * 54) !important}
#mainView .service-mate em{font-size:calc(var(--sr) * 26) !important;color:#666 !important;width:auto !important;text-align:left !important}
#mainView .service-none{font-size:calc(var(--sr) * 26) !important;color:#888 !important}
#mainView .service-team-add{margin-left:auto !important;min-width:calc(var(--sr) * 96) !important;height:calc(var(--sr) * 88) !important;font-size:calc(var(--sr) * 27) !important;color:#777 !important;background:none !important;border:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:flex-end !important}
#mainView .service-team-add b{font-size:calc(var(--sr) * 34) !important;font-weight:400 !important}
#mainView .service-own-action-row{min-height:calc(var(--sr) * 74) !important;display:flex !important;align-items:center !important;gap:calc(var(--sr) * 10) !important;margin-bottom:calc(var(--sr) * 10) !important;flex-wrap:wrap !important}
#mainView .service-own-share{display:flex !important;align-items:center !important;gap:calc(var(--sr) * 8) !important;font-size:calc(var(--sr) * 26) !important;color:#666 !important;white-space:nowrap !important}
#mainView .service-own-share>img{width:calc(var(--sr) * 54) !important;height:calc(var(--sr) * 54) !important;border-radius:50% !important;object-fit:cover !important;flex:none !important}
#mainView .service-actions-row{display:flex !important;margin:0 0 0 auto !important;padding:0 !important;min-height:calc(var(--sr) * 58) !important;border:0 !important}
#mainView .service-actions-row>div{display:flex !important;gap:calc(var(--sr) * 7) !important}
#mainView .service-actions-row button{width:calc(var(--sr) * 88) !important;min-width:calc(var(--sr) * 88) !important;height:calc(var(--sr) * 58) !important;min-height:calc(var(--sr) * 58) !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:calc(var(--sr) * 9) !important;background:#f5f5f5 !important;color:#8a8a8a !important;font-size:calc(var(--sr) * 23) !important;line-height:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-weight:400 !important}
#mainView .service-actions-row [data-player-transfer]{background:#fff7e9 !important;color:#df9837 !important}
#mainView .service-actions-row .finish{background:#f0f2ff !important;color:#6676ff !important}
#mainView .service-actions-row .refund{background:#fff1ee !important;color:#f17868 !important}
#mainView .service-inline-status{margin-left:auto !important;font-size:calc(var(--sr) * 25) !important;color:#5473ff !important}
#mainView .service-buyer{min-height:calc(var(--sr) * 88) !important;padding:calc(var(--sr) * 14) 0 0 !important;gap:calc(var(--sr) * 16) !important;border-top:1px solid #eee !important}
#mainView .service-buyer>img{width:calc(var(--sr) * 66) !important;height:calc(var(--sr) * 66) !important}
#mainView .service-buyer>div>span{font-size:calc(var(--sr) * 25) !important;line-height:calc(var(--sr) * 34) !important;color:#999 !important}
#mainView .service-buyer b{font-size:calc(var(--sr) * 27) !important;line-height:calc(var(--sr) * 36) !important;font-weight:400 !important}
#mainView .service-buyer button{width:calc(var(--sr) * 142) !important;min-width:calc(var(--sr) * 142) !important;height:calc(var(--sr) * 58) !important;min-height:calc(var(--sr) * 58) !important;margin:0 0 0 calc(var(--sr) * 12) !important;padding:0 !important;border-radius:calc(var(--sr) * 32) !important;font-size:calc(var(--sr) * 25) !important;background:#5670ff !important;color:#fff !important;font-weight:400 !important}

/* 队友与“我的”采用同一列宽；单人订单把自己的分成与操作按钮放在同一行。 */
#mainView .service-team-tag{width:calc(var(--sr) * 70) !important;padding-left:0 !important;padding-right:0 !important;text-align:center !important;box-sizing:border-box !important}
#mainView .service-team>div{display:flex !important;align-items:center !important;min-width:0 !important;flex:1 !important;overflow-x:auto !important}
#mainView .service-mate{height:calc(var(--sr) * 74) !important;gap:calc(var(--sr) * 8) !important}
#mainView .service-mate-avatar{width:calc(var(--sr) * 54) !important;height:calc(var(--sr) * 74) !important}
#mainView .service-own-action-row{min-height:calc(var(--sr) * 74) !important;flex-wrap:nowrap !important}
#mainView .service-own-share{gap:calc(var(--sr) * 8) !important;flex:none !important}
#mainView .service-solo-team-manage{height:calc(var(--sr) * 52) !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;border-top:1px solid #f4f4f4 !important}
#mainView .service-solo-team-manage .service-team-add{height:calc(var(--sr) * 52) !important}
#mainView .service-proof-page input:focus,#mainView .service-proof-page input:focus-visible{outline:0!important;border:0!important;box-shadow:none!important}
/* Dedicated pages: no modal gutters, calc(var(--sr) * 750) proportional content. */
#mainView .service-transfer-page,#mainView .service-proof-page,#mainView .service-team-page{padding:calc(var(--sr) * 112) calc(var(--sr) * 24) calc(var(--sr) * 180) !important;border-radius:0 !important;overflow:visible !important;box-sizing:border-box !important}
#mainView :is(.service-transfer-page,.service-proof-page,.service-team-page)>h1{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:calc(var(--sr) * 88) !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:calc(var(--sr) * 32) !important;font-weight:400 !important;background:transparent !important}
#mainView :is(.service-transfer-page,.service-proof-page,.service-team-page)>.parity-back{position:absolute !important;top:0 !important;left:calc(var(--sr) * 16) !important;height:calc(var(--sr) * 88) !important;width:calc(var(--sr) * 60) !important;z-index:2 !important;background:none !important;color:#222 !important;font-size:calc(var(--sr) * 50) !important;padding:0 !important;border:0 !important}
#mainView .service-transfer-page{background:linear-gradient(180deg,#f1f4ff calc(var(--sr) * 88),#f7f7f7 calc(var(--sr) * 498)) !important}
#mainView .service-transfer-page>h1{background:#fff !important}
#mainView .transfer-card{background:#fff !important;border-radius:calc(var(--sr) * 18) !important;margin:0 0 calc(var(--sr) * 24) !important;padding:calc(var(--sr) * 18) calc(var(--sr) * 26) !important}
#mainView .transfer-row{min-height:calc(var(--sr) * 104) !important;display:flex !important;align-items:center !important;font-size:calc(var(--sr) * 31) !important;font-weight:400 !important;gap:0 !important}
#mainView .transfer-row+.transfer-row{border-top:1px solid #f1f1f1 !important}
#mainView .transfer-row>span:first-child{flex:1 !important;white-space:nowrap !important}
#mainView .transfer-row input{width:calc(var(--sr) * 180) !important;min-width:0 !important;text-align:right !important;border:0 !important;background:none !important;padding:0 !important;color:#242424 !important;font-size:calc(var(--sr) * 31) !important;appearance:textfield !important}
#mainView .transfer-row input:focus,#mainView .transfer-row input:focus-visible{outline:0!important;border:0!important;box-shadow:none!important}
#mainView .transfer-row input::-webkit-inner-spin-button{appearance:none !important}
#mainView .transfer-row i{font-size:calc(var(--sr) * 48) !important;margin-left:calc(var(--sr) * 18) !important;font-style:normal !important;font-weight:300 !important}
#mainView .transfer-row output{color:#777 !important}
#mainView .transfer-note{padding-bottom:calc(var(--sr) * 28) !important}
#mainView .transfer-note>div{display:flex !important;align-items:center !important;justify-content:space-between !important;height:calc(var(--sr) * 74) !important;font-size:calc(var(--sr) * 31) !important}
#mainView .transfer-note>div>span:last-child{color:#777 !important}
#mainView .transfer-note textarea{width:100% !important;height:calc(var(--sr) * 260) !important;padding:calc(var(--sr) * 24) !important;background:#f7f7f7 !important;border:0 !important;resize:none !important;font-size:calc(var(--sr) * 29) !important;border-radius:0 !important}
#mainView .transfer-rules{font-size:calc(var(--sr) * 26) !important;line-height:calc(var(--sr) * 40) !important;color:#666 !important}
#mainView .transfer-rules>b{display:block !important;font-size:calc(var(--sr) * 32) !important;color:#222 !important;font-weight:700 !important;margin-bottom:calc(var(--sr) * 8) !important}
#mainView .transfer-progress{background:#6276ff !important;color:#fff !important;padding:calc(var(--sr) * 28) calc(var(--sr) * 32) !important;border-radius:calc(var(--sr) * 20) !important;margin-bottom:calc(var(--sr) * 24) !important;font-size:calc(var(--sr) * 26) !important;line-height:calc(var(--sr) * 40) !important}
#mainView .transfer-progress p{margin:calc(var(--sr) * 10) 0 0 !important}
#mainView .transfer-bottom{position:fixed !important;left:50% !important;transform:translateX(-50%) !important;bottom:0 !important;width:100% !important;max-width:430px !important;padding:calc(var(--sr) * 18) calc(var(--sr) * 28) calc(calc(var(--sr) * 18) + env(safe-area-inset-bottom)) !important;display:flex !important;gap:calc(var(--sr) * 18) !important;background:#fff !important;z-index:35 !important}
#mainView .transfer-bottom button{flex:1 !important;height:calc(var(--sr) * 84) !important;margin:0 !important;border:0 !important;border-radius:calc(var(--sr) * 44) !important;background:#eff1ff !important;color:#6676ff !important;font-size:calc(var(--sr) * 32) !important;padding:0 !important;line-height:1 !important}
#mainView .transfer-bottom .primary{background:#5f73ff !important;color:#fff !important}
#mainView .transfer-bottom button:disabled{opacity:.6 !important}
#mainView .service-proof-page{padding:calc(var(--sr) * 106) calc(var(--sr) * 22) calc(var(--sr) * 150) !important;background:#f7f7f7 !important}
#mainView .service-proof-page>h1{background:white !important}
#mainView .service-proof-page .sync-form-card{padding:calc(var(--sr) * 20) calc(var(--sr) * 24) calc(var(--sr) * 10) !important;margin:0 !important;background:white !important;border-radius:calc(var(--sr) * 22) !important}
#mainView .service-proof-page .feature-form{display:block !important;padding:0 !important;margin:0 !important}
#mainView .service-proof-page .proof-note{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;font-size:calc(var(--sr) * 30) !important;gap:0 !important;line-height:calc(var(--sr) * 62) !important;font-weight:400 !important}
#mainView .service-proof-page .proof-note small{color:#888 !important;font-size:calc(var(--sr) * 26) !important}
#mainView .service-proof-page textarea{width:100% !important;height:calc(var(--sr) * 156) !important;background:#f7f7f7 !important;border-radius:calc(var(--sr) * 8) !important;padding:calc(var(--sr) * 24) !important;margin:0 !important;border:0 !important;font-size:calc(var(--sr) * 27) !important;line-height:calc(var(--sr) * 38) !important;resize:none !important}
#mainView .service-proof-page .proof-title{font-size:calc(var(--sr) * 30) !important;margin:calc(var(--sr) * 28) 0 calc(var(--sr) * 18) !important;line-height:calc(var(--sr) * 40) !important}
#mainView .service-proof-page .proof-images{display:flex !important;flex-wrap:wrap !important;gap:calc(var(--sr) * 14) !important;min-height:calc(var(--sr) * 158) !important;margin-bottom:calc(var(--sr) * 34) !important}
#mainView .service-proof-page .proof-previews{display:contents !important}
#mainView .service-proof-page .proof-previews>div,#mainView .service-proof-page .proof-add{position:relative !important;width:calc(var(--sr) * 154) !important;height:calc(var(--sr) * 154) !important;border-radius:calc(var(--sr) * 8) !important;background:#f2f2f2 !important;margin:0 !important;flex:none !important;overflow:visible !important}
#mainView .service-proof-page .proof-previews img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:calc(var(--sr) * 8) !important}
#mainView .service-proof-page .proof-previews>div>span{display:none !important}
#mainView .service-proof-page .proof-previews button{position:absolute !important;right:calc(var(--sr) * -8) !important;top:calc(var(--sr) * -8) !important;width:calc(var(--sr) * 34) !important;height:calc(var(--sr) * 34) !important;border:0 !important;border-radius:50% !important;background:#555 !important;color:#fff !important;padding:0 !important;line-height:1 !important;font-size:calc(var(--sr) * 26) !important}
#mainView .service-proof-page .proof-add{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;gap:0 !important;cursor:pointer !important}
#mainView .service-proof-page .proof-add[hidden]{display:none !important}
#mainView .service-proof-page .proof-add b{font-size:calc(var(--sr) * 60) !important;line-height:calc(var(--sr) * 62) !important;color:#aaa !important;font-weight:300 !important}
#mainView .service-proof-page .proof-add span{font-size:calc(var(--sr) * 25) !important;color:#888 !important}
#mainView .service-proof-page .proof-add input{position:absolute !important;inset:0 !important;opacity:0 !important;width:100% !important;height:100% !important;padding:0 !important;cursor:pointer !important}
#mainView .service-proof-page .proof-select{height:calc(var(--sr) * 76) !important;display:flex !important;align-items:center !important;font-size:calc(var(--sr) * 29) !important;gap:calc(var(--sr) * 12) !important;font-weight:400 !important}
#mainView .service-proof-page .proof-select>span{flex:1 !important}
#mainView .service-proof-page .proof-select select{border:0 !important;background:none !important;appearance:none !important;width:auto !important;max-width:calc(var(--sr) * 200) !important;padding:0 !important;height:auto !important;text-align:right !important;color:#999 !important;font-size:calc(var(--sr) * 29) !important}
#mainView .service-proof-page .proof-select i{font-style:normal !important;font-size:calc(var(--sr) * 44) !important;font-weight:300 !important;color:#999 !important}
#mainView .service-proof-page .proof-number{height:calc(var(--sr) * 76) !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;gap:calc(var(--sr) * 16) !important;margin:0 !important;padding:0 !important;border-top:1px solid #eee !important;font-size:calc(var(--sr) * 29) !important;font-weight:400 !important}
#mainView .service-proof-page .proof-number>span:last-child{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:calc(var(--sr) * 8) !important}
#mainView .service-proof-page .proof-number input{width:calc(var(--sr) * 180) !important;min-width:0 !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;text-align:right !important;color:#333 !important;font-size:calc(var(--sr) * 29) !important}
#mainView .service-proof-page .proof-number b{color:#777 !important;font-size:calc(var(--sr) * 27) !important;font-weight:400 !important}
#mainView .service-proof-page .sync-output-head{display:flex !important;align-items:flex-end !important;justify-content:space-between !important;margin:calc(var(--sr) * 18) 0 !important;padding:0 !important;font-size:calc(var(--sr) * 29) !important}
#mainView .service-proof-page .sync-output-head small{display:block !important;color:#777 !important;font-size:calc(var(--sr) * 24) !important;font-weight:400 !important}
#mainView .service-proof-page .sync-output-head b{font-size:calc(var(--sr) * 28) !important;font-weight:400 !important;color:#333 !important}
#mainView .service-proof-page .sync-output-row{height:calc(var(--sr) * 76) !important;border-top:1px solid #eee !important;display:flex !important;align-items:center !important;justify-content:space-between !important;font-size:calc(var(--sr) * 26) !important;color:#666 !important}
#mainView .service-proof-page .sync-output-row input{width:calc(var(--sr) * 200) !important;text-align:right !important;font-size:calc(var(--sr) * 28) !important;background:none !important;border:0 !important;padding:0 !important}
#mainView .service-proof-page .sync-notice{margin:calc(var(--sr) * 28) 0 0 !important;padding:0 !important;background:none !important;font-size:calc(var(--sr) * 26) !important;color:#777 !important;line-height:calc(var(--sr) * 38) !important}
#mainView .service-proof-page .proof-submit{position:fixed !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;bottom:calc(calc(var(--sr) * 24) + env(safe-area-inset-bottom)) !important;width:calc(var(--sr) * 356) !important;height:calc(var(--sr) * 78) !important;min-height:calc(var(--sr) * 78) !important;border:0 !important;border-radius:calc(var(--sr) * 42) !important;background:#5974ff !important;color:#fff !important;font-size:calc(var(--sr) * 30) !important;line-height:1 !important;margin:0 !important;padding:0 !important;z-index:35 !important}
#mainView .service-team-page{padding:calc(var(--sr) * 114) calc(var(--sr) * 30) calc(var(--sr) * 150) !important;background:white !important}
#mainView .service-team-page .sync-team-summary{min-height:calc(var(--sr) * 146) !important;padding:calc(var(--sr) * 16) calc(var(--sr) * 26) !important;background:#f7f7f7 !important;border-radius:calc(var(--sr) * 12) !important;gap:calc(var(--sr) * 24) !important;margin:0 !important}
#mainView .service-team-page .sync-team-summary>img,#mainView .service-team-page .avatar-placeholder{width:calc(var(--sr) * 72) !important;height:calc(var(--sr) * 72) !important;flex:0 0 calc(var(--sr) * 72) !important;background:#ddd !important}
#mainView .service-team-page .sync-team-summary b{font-size:calc(var(--sr) * 30) !important;font-weight:400 !important}
#mainView .service-team-page .sync-team-summary span{font-size:calc(var(--sr) * 23) !important;color:#777 !important;margin-top:calc(var(--sr) * 5) !important}
#mainView .service-team-page .sync-team-summary>strong{font-size:calc(var(--sr) * 27) !important;font-weight:400 !important;color:#777 !important;white-space:nowrap !important}
#mainView .service-team-page .sync-team-replacing{display:block !important;padding:calc(var(--sr) * 16) calc(var(--sr) * 20) !important;margin:calc(var(--sr) * 16) 0 0 !important;border:0 !important;border-radius:calc(var(--sr) * 12) !important;background:#eef1ff !important;color:#6175ff !important;font-size:calc(var(--sr) * 25) !important}
#mainView .service-team-page .sync-tabs{height:calc(var(--sr) * 94) !important;margin:0 !important;padding:0 calc(var(--sr) * 46) !important;gap:calc(var(--sr) * 76) !important;align-items:center !important;background:none !important;border:0 !important}
#mainView .service-team-page .sync-tabs.single{padding:0 !important;justify-content:center !important}
#mainView .service-team-page .sync-tabs button{flex:none !important;position:relative !important;font-size:calc(var(--sr) * 30) !important;background:none !important;border:0 !important;color:#aaa !important;border-radius:0 !important;padding:0 !important;font-weight:400 !important}
#mainView .service-team-page .sync-tabs button.on{color:#222 !important}
#mainView .service-team-page .sync-tabs button.on:after{content:'' !important;position:absolute !important;left:0 !important;right:0 !important;bottom:calc(var(--sr) * -18) !important;margin:auto !important;width:calc(var(--sr) * 100) !important;height:calc(var(--sr) * 6) !important;background:#6175ff !important}
#mainView .service-team-page .sync-team-panel{margin:0 !important;padding:0 !important;background:none !important}
#mainView .service-team-page .sync-share{height:calc(var(--sr) * 76) !important;min-height:0 !important;border:0 !important;font-size:calc(var(--sr) * 29) !important;color:#666 !important}
#mainView .service-team-page .sync-share.amount{height:calc(var(--sr) * 66) !important}
#mainView .service-team-page .sync-share.amount b{color:#222 !important;font-size:calc(var(--sr) * 32) !important;font-weight:400 !important}
#mainView .service-team-page .team-share-stepper{display:flex !important;align-items:center !important;gap:calc(var(--sr) * 26) !important}
#mainView .service-team-page .team-share-stepper button{width:calc(var(--sr) * 50) !important;height:calc(var(--sr) * 50) !important;min-height:calc(var(--sr) * 50) !important;border:0 !important;border-radius:calc(var(--sr) * 4) !important;background:#f6f6f6 !important;font-size:calc(var(--sr) * 34) !important;padding:0 !important;line-height:1 !important;color:#222 !important}
#mainView .service-team-page .team-share-stepper input{width:calc(var(--sr) * 76) !important;height:calc(var(--sr) * 54) !important;border:0 !important;border-bottom:1px solid #d9d9d9 !important;border-radius:0 !important;font-size:calc(var(--sr) * 32) !important;text-align:center !important;padding:0 !important;appearance:textfield !important}
#mainView .service-team-page .team-share-stepper input::-webkit-inner-spin-button{appearance:none !important}
#mainView .service-team-page .sync-team-search{margin:calc(var(--sr) * 20) 0 calc(var(--sr) * 16) !important;gap:calc(var(--sr) * 16) !important}
#mainView .service-team-page .sync-team-search input{height:calc(var(--sr) * 72) !important;padding:0 calc(var(--sr) * 22) !important;border-radius:calc(var(--sr) * 40) !important;background:#f5f5f5 !important;font-size:calc(var(--sr) * 27) !important}
#mainView .service-team-page .sync-team-search button{width:calc(var(--sr) * 124) !important;flex:0 0 calc(var(--sr) * 124) !important;height:calc(var(--sr) * 72) !important;padding:0 !important;border-radius:calc(var(--sr) * 38) !important;background:#5972ff !important;color:white !important;font-size:calc(var(--sr) * 27) !important}
#mainView .service-team-page .feature-empty{padding:calc(var(--sr) * 80) 0 !important;color:#aaa !important;font-size:calc(var(--sr) * 26) !important;text-align:center !important}
#mainView .service-team-page .sync-candidate{min-height:calc(var(--sr) * 132) !important;padding:calc(var(--sr) * 10) 0 !important;border:0 !important;border-radius:0 !important;background:white !important;gap:calc(var(--sr) * 20) !important}
#mainView .service-team-page .sync-candidate>img{width:calc(var(--sr) * 68) !important;height:calc(var(--sr) * 68) !important}
#mainView .service-team-page .sync-candidate>div b{font-size:calc(var(--sr) * 28) !important}
#mainView .service-team-page .sync-candidate>div span{font-size:calc(var(--sr) * 23) !important}
#mainView .service-team-page .sync-bottom-actions{position:fixed !important;bottom:calc(calc(var(--sr) * 24) + env(safe-area-inset-bottom)) !important;left:50% !important;transform:translateX(-50%) !important;width:calc(min(100vw,430px) - calc(var(--sr) * 60)) !important;padding:0 !important;display:flex !important;gap:calc(var(--sr) * 14) !important;background:white !important;z-index:35 !important}
#mainView .service-team-page .sync-bottom-actions button{height:calc(var(--sr) * 76) !important;min-width:0 !important;flex:1 !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:calc(var(--sr) * 42) !important;background:#f0f1ff !important;color:#6175ff !important;font-size:calc(var(--sr) * 29) !important;line-height:1 !important;font-weight:400 !important}
#mainView .service-team-page .sync-bottom-actions .primary{background:#5e74ff !important;color:#fff !important}
#mainView .service-team-page .sync-bottom-actions .danger{background:#fff0f1 !important;color:#d92d20 !important}
#mainView .service-proof-page .proof-note,#mainView .service-proof-page .proof-select,#mainView .service-proof-page .sync-output-row{flex-direction:row !important;text-align:left !important}
#mainView .service-proof-page .proof-note textarea{flex-basis:100% !important}
#mainView .service-proof-page .proof-previews button{right:calc(-8 * var(--sr)) !important;top:calc(-8 * var(--sr)) !important;z-index:3 !important}
#mainView .service-proof-page .proof-select>span{font-size:calc(var(--sr) * 29) !important;color:#333 !important;font-weight:400 !important}
#mainView .service-team-page .sync-share{flex-direction:row !important}
.app-shell:has(.service-order-page,.service-transfer-page,.service-proof-page,.service-team-page){padding-bottom:0!important}
#mainView .service-proof-page .proof-note,#mainView .service-proof-page .proof-select,#mainView .service-proof-page .sync-output-row{margin:0 !important;padding:0 !important}
#mainView .service-proof-page textarea{min-height:0 !important;flex:none !important}
#mainView .service-proof-page .sync-output-head>span{font-size:calc(var(--sr) * 29) !important;font-weight:400 !important}
#mainView .service-order-page .service-own-add{flex:none !important;margin-left:auto !important;white-space:nowrap !important}
#mainView .service-team-page .sync-team-search{position:relative !important}
#mainView .service-team-page .sync-team-search:before{content:'⌕' !important;position:absolute !important;left:calc(var(--sr) * 22) !important;top:0 !important;height:calc(var(--sr) * 72) !important;display:flex !important;align-items:center !important;color:#aaa !important;font-size:calc(var(--sr) * 36) !important;pointer-events:none !important}
#mainView .service-team-page .sync-team-search input{padding-left:calc(var(--sr) * 56) !important}

/* 战绩提交：与小程序一致的底部滚轮和逐局带出物资。 */
#mainView .service-proof-page .proof-select{width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;justify-content:space-between!important;color:#333!important;line-height:1!important;box-shadow:none!important}
#mainView .service-proof-page .proof-select+.proof-select{border-top:1px solid #eee!important}
#mainView .service-proof-page .proof-select>span:first-child{flex:0 0 auto!important}
#mainView .service-proof-page .proof-select>span:last-child{display:flex!important;flex:0 0 auto!important;align-items:center!important;color:#999!important}
#mainView .service-proof-page .proof-select output{font-size:calc(var(--sr) * 29)!important;color:#999!important}
#mainView .service-proof-page .proof-select b{margin-left:calc(var(--sr) * 12)!important;color:#999!important;font-size:calc(var(--sr) * 44)!important;font-weight:300!important;line-height:1!important}
#mainView .service-proof-page .proof-output-section{margin-top:calc(var(--sr) * 18)!important}
#mainView .service-proof-page .proof-output-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin-bottom:0!important}
#mainView .service-proof-page .proof-output-head>span{display:block!important}
#mainView .service-proof-page .proof-output-head b{display:block!important;color:#333!important;font-size:calc(var(--sr) * 29)!important;font-weight:400!important;line-height:calc(var(--sr) * 38)!important}
#mainView .service-proof-page .proof-output-head small{display:block!important;color:#777!important;font-size:calc(var(--sr) * 24)!important;line-height:calc(var(--sr) * 34)!important}
#mainView .service-proof-page .proof-output-head output{color:#333!important;font-size:calc(var(--sr) * 28)!important;white-space:nowrap!important}
#mainView .service-proof-page .proof-output{height:calc(var(--sr) * 76)!important;display:flex!important;align-items:center!important;border-top:1px solid #eee!important;color:#666!important;font-size:calc(var(--sr) * 26)!important}
#mainView .service-proof-page .proof-output span{flex:1!important}
#mainView .service-proof-page .proof-output input{width:calc(var(--sr) * 220)!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;text-align:right!important;color:#333!important;font-size:calc(var(--sr) * 28)!important;appearance:textfield!important}
#mainView .service-proof-page .proof-output input::-webkit-inner-spin-button{appearance:none!important}
#mainView .service-proof-page .proof-output input:focus,#mainView .service-proof-page .proof-output input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}
#mainView .service-proof-page .hidden{display:none!important}
#mainView .proof-picker-mask{position:fixed!important;inset:0!important;left:50%!important;transform:translateX(-50%)!important;width:min(100vw,430px)!important;z-index:120!important;display:flex!important;align-items:flex-end!important;background:rgba(0,0,0,.5)!important}
#mainView .proof-picker-mask.hidden{display:none!important}
#mainView .proof-picker-sheet{position:relative!important;width:100%!important;min-height:calc(var(--sr) * 650)!important;padding:calc(var(--sr) * 48) calc(var(--sr) * 42) calc(calc(var(--sr) * 58) + env(safe-area-inset-bottom))!important;border-radius:calc(var(--sr) * 28) calc(var(--sr) * 28) 0 0!important;background:#fff!important;box-sizing:border-box!important}
#mainView .proof-picker-wheel{position:relative!important;height:calc(var(--sr) * 300)!important;padding:calc(var(--sr) * 100) 0!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important;overscroll-behavior:contain!important;scrollbar-width:none!important;box-sizing:border-box!important}
#mainView .proof-picker-wheel::-webkit-scrollbar{display:none!important}
#mainView .proof-picker-wheel button{display:block!important;width:100%!important;height:calc(var(--sr) * 100)!important;min-height:calc(var(--sr) * 100)!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#c7c7c7!important;font-size:calc(var(--sr) * 31)!important;font-weight:400!important;line-height:1!important;scroll-snap-align:center!important}
#mainView .proof-picker-wheel button.selected{color:#242424!important;font-size:calc(var(--sr) * 38)!important}
#mainView .proof-picker-window{position:absolute!important;left:calc(var(--sr) * 42)!important;right:calc(var(--sr) * 42)!important;top:calc(var(--sr) * 148)!important;height:calc(var(--sr) * 100)!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;pointer-events:none!important;z-index:2!important}
#mainView .proof-picker-sheet footer{display:flex!important;justify-content:center!important;gap:calc(var(--sr) * 30)!important;margin-top:calc(var(--sr) * 72)!important}
#mainView .proof-picker-sheet footer button{width:calc(var(--sr) * 220)!important;height:calc(var(--sr) * 76)!important;min-height:calc(var(--sr) * 76)!important;margin:0!important;padding:0!important;border:0!important;border-radius:calc(var(--sr) * 4)!important;background:#f5f5f5!important;color:#05c46b!important;font-size:calc(var(--sr) * 30)!important;line-height:1!important}
#mainView .proof-picker-sheet footer .confirm{background:#05c46b!important;color:#fff!important}

/* 队友与“我的”两行收紧为原间距的一半。 */
#mainView .service-team-commission-row{min-height:calc(var(--sr) * 58)!important}
#mainView .service-mate{height:calc(var(--sr) * 58)!important;margin-right:calc(var(--sr) * 9)!important}
#mainView .service-mate-avatar{height:calc(var(--sr) * 58)!important}
#mainView .service-own-action-row{min-height:calc(var(--sr) * 58)!important;margin-bottom:calc(var(--sr) * 5)!important}

/* 队长/队友与“我的”严格共用身份、头像、分成标签、金额四列。 */
#mainView .service-team,#mainView .service-team>div{margin-left:0!important;padding-left:0!important}
#mainView .service-mate,#mainView .service-own-share{display:grid!important;grid-template-columns:calc(var(--sr) * 70) calc(var(--sr) * 54) auto!important;column-gap:calc(var(--sr) * 8)!important;align-items:center!important}
#mainView .service-mate,#mainView .service-own-share{row-gap:0!important;column-gap:calc(var(--sr) * 8)!important}
#mainView .service-mate .service-role-tag,#mainView .service-own-share .service-role-tag{margin:0!important}
#mainView .service-mate-avatar{width:calc(var(--sr) * 54)!important;margin:0!important}
#mainView .service-own-share>img{margin:0!important}
#mainView .service-commission-copy{display:grid!important;grid-template-columns:calc(var(--sr) * 78) auto!important;align-items:center!important;color:#666!important;font-size:calc(var(--sr) * 26)!important;line-height:calc(var(--sr) * 34)!important;white-space:nowrap!important}
#mainView .service-commission-copy i,#mainView .service-commission-copy b{margin:0!important;padding:0!important;color:#666!important;font-size:inherit!important;font-style:normal!important;font-weight:400!important;line-height:inherit!important;text-align:left!important}
#mainView .service-commission-copy b{font-variant-numeric:tabular-nums!important}


/* source: order-review-1.9.399.css */
/* 750rpx, matching the effective mini review-sheet declarations. */

.web-order-review-modal{--rr:min(.1333333333vw,.9066666667px);padding:0!important;align-items:flex-end!important}
.web-order-review-modal .modal-backdrop{background:rgba(0,0,0,.38)!important;backdrop-filter:none!important}
.web-order-review-modal .modal-panel{width:100%!important;max-width:680px!important;padding:0!important;margin:0 auto!important;background:#fff!important;border-radius:calc(28 * var(--rr)) calc(28 * var(--rr)) 0 0!important;max-height:92dvh!important;overflow:auto!important}
.web-order-review{padding:calc(28 * var(--rr)) calc(24 * var(--rr)) calc(calc(22 * var(--rr)) + env(safe-area-inset-bottom));color:#222;background:#fff;box-sizing:border-box}
.web-order-review *{box-sizing:border-box}
.web-order-review button{border:0;box-shadow:none;font-family:inherit;cursor:pointer}
.web-order-review .review-head{height:calc(56 * var(--rr));display:flex;align-items:center;justify-content:space-between;font-size:calc(32 * var(--rr));margin-bottom:calc(18 * var(--rr))}
.web-order-review .review-head>button{width:calc(56 * var(--rr));height:calc(56 * var(--rr));padding:0;background:none;font-size:calc(48 * var(--rr));color:#aaa;line-height:1}
.web-order-review .review-player-card{display:flex;align-items:center;margin-bottom:calc(22 * var(--rr));padding:calc(14 * var(--rr)) calc(18 * var(--rr));border-radius:calc(16 * var(--rr));background:#f5f6ff;font-size:calc(28 * var(--rr))}
.web-order-review .review-player-card>img{width:calc(72 * var(--rr));height:calc(72 * var(--rr));border-radius:50%;object-fit:cover;background:#e9ebf2;flex:none}
.web-order-review .review-player-card>div{min-width:0;margin-left:calc(16 * var(--rr));display:flex;flex-direction:column}
.web-order-review .review-player-card b{font-size:calc(29 * var(--rr));line-height:calc(38 * var(--rr));color:#202126;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web-order-review .review-player-card span{font-size:calc(23 * var(--rr));line-height:calc(32 * var(--rr));color:#858995}
.web-order-review .review-row{display:flex;align-items:flex-start;margin-bottom:calc(24 * var(--rr))}
.web-order-review .review-label{width:calc(88 * var(--rr));flex:none;font-size:calc(28 * var(--rr));line-height:calc(52 * var(--rr))}
.web-order-review .stars{display:flex;align-items:center;height:calc(52 * var(--rr));gap:calc(13 * var(--rr))}
.web-order-review .stars button{width:calc(38 * var(--rr));height:calc(52 * var(--rr));background:none;padding:0;display:flex;align-items:center}
.web-order-review .stars img{width:calc(38 * var(--rr));height:calc(38 * var(--rr));object-fit:contain}
.web-order-review .review-tags-row{margin-bottom:calc(28 * var(--rr))}
.web-order-review .tag-list{display:flex;flex-wrap:wrap;gap:calc(16 * var(--rr)) calc(14 * var(--rr))}
.web-order-review .tag{min-width:calc(146 * var(--rr));height:calc(60 * var(--rr));line-height:calc(60 * var(--rr));padding:0 calc(16 * var(--rr));font-size:calc(26 * var(--rr));border-radius:calc(6 * var(--rr));background:#f5f5f5;color:#8e8e8e}
.web-order-review .tag.active{background:#6175ff;color:#fff}
.web-order-review .review-comment-label{display:block;font-size:calc(30 * var(--rr));margin:0 0 calc(20 * var(--rr))}
.web-order-review .textarea-box{position:relative;height:calc(176 * var(--rr));padding:calc(20 * var(--rr));margin-bottom:calc(18 * var(--rr));background:#f6f6f6;border-radius:calc(6 * var(--rr))}
.web-order-review .textarea-box textarea{display:block;height:calc(116 * var(--rr));min-height:0;width:100%;resize:none;padding:0;border:0;background:transparent;font-family:inherit;font-size:calc(28 * var(--rr));outline:none}
.web-order-review .textarea-box>span{position:absolute;right:calc(22 * var(--rr));bottom:calc(16 * var(--rr));font-size:calc(25 * var(--rr));color:#999}
.web-order-review .review-photo-head{display:flex;align-items:center;justify-content:space-between;margin:0 calc(4 * var(--rr)) calc(12 * var(--rr));font-size:calc(28 * var(--rr))}
.web-order-review .review-photo-head span:last-child{color:#999;font-size:calc(24 * var(--rr))}
.web-order-review .review-photo-list{display:flex;flex-wrap:wrap;gap:calc(12 * var(--rr));margin-bottom:calc(20 * var(--rr))}
.web-order-review .review-photo,.web-order-review .review-photo-add{position:relative;width:calc(136 * var(--rr));height:calc(136 * var(--rr));border-radius:calc(10 * var(--rr));overflow:hidden;background:#f3f4f7}
.web-order-review .review-photo img{width:100%;height:100%;object-fit:cover}
.web-order-review .review-photo-remove{position:absolute;right:calc(5 * var(--rr));top:calc(5 * var(--rr));width:calc(34 * var(--rr));height:calc(34 * var(--rr));padding:0;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font-size:calc(28 * var(--rr));line-height:calc(31 * var(--rr));text-align:center}
.web-order-review .review-photo-loading{position:absolute;left:0;right:0;bottom:0;padding:calc(7 * var(--rr)) 0;background:rgba(0,0,0,.55);color:#fff;text-align:center;font-size:calc(21 * var(--rr))}
.web-order-review .review-photo-add{border:calc(2 * var(--rr)) dashed #cfd2dc;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;padding:0}
.web-order-review .review-photo-add span{font-size:calc(48 * var(--rr));line-height:calc(48 * var(--rr));font-weight:200}
.web-order-review .review-photo-add small{font-size:calc(22 * var(--rr));line-height:calc(30 * var(--rr))}
.web-order-review .review-submit{display:flex;align-items:center;justify-content:center;width:100%;height:calc(88 * var(--rr));line-height:1;border-radius:calc(46 * var(--rr));background:#6175ff;color:#fff;font-size:calc(32 * var(--rr));font-weight:500;padding:0}
.web-order-review .review-submit:disabled{opacity:.55}
.web-order-review .review-error{font-size:calc(24 * var(--rr));color:#d94740;margin:calc(12 * var(--rr)) 0}
.web-order-review .review-error:empty{display:none}


/* source: vip-stellar-1.9.417.css */
/* 方案C｜星轨晶核。定稿卡面、王者专属头像框和升级点亮。 */
.web-mine-avatar-shell{position:relative;width:76px;height:76px;display:flex;align-items:center;justify-content:center;flex:none}.web-mine-avatar-shell .profile-avatar{width:70px!important;height:70px!important;margin:0!important}.web-mine-avatar-shell.king-frame .profile-avatar{width:62px!important;height:62px!important;border:2px solid rgba(255,255,255,.92)!important;box-shadow:0 0 18px rgba(92,219,255,.65)!important}.web-king-avatar-frame{position:absolute;z-index:3;width:108px;height:108px;max-width:none;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,210,102,.6));animation:webKingFrameBreath 2.8s ease-in-out infinite}.web-mine-page .stellar-vip-card{height:132px!important;padding:0 28px!important;background-image:var(--vip-card-art)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:1px solid rgba(169,193,255,.28)!important;box-shadow:0 18px 42px rgba(45,55,167,.24)!important;color:#fff!important;overflow:hidden!important}.web-mine-page .stellar-vip-card:before,.web-mine-page .stellar-vip-card:after{display:none!important}.web-mine-page .stellar-vip-card .vip-medal{width:130px!important;height:118px!important;margin-right:12px!important;background:transparent!important;box-shadow:none!important;flex:0 0 130px!important}.web-mine-page .stellar-vip-card .vip-info,.web-mine-page .stellar-vip-card .vip-score{position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,20,.72)}.web-mine-page .stellar-vip-card .progress{background:rgba(255,255,255,.2)!important}.web-mine-page .stellar-vip-card .progress>span{background:linear-gradient(90deg,#5fe6ff,#a970ff,#ffe59a)!important;box-shadow:0 0 12px rgba(93,224,255,.8)}
.stellar-web-vip-page{background-color:#070a1c!important;background-repeat:no-repeat!important;background-position:center top!important;background-size:cover!important;color:#fff!important;min-height:100vh!important;position:relative}.stellar-web-vip-page:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,24,.04),rgba(5,8,24,.76) 56%,#070a1c 100%);pointer-events:none}.stellar-web-vip-page>*{position:relative;z-index:1}.stellar-web-vip-card{height:176px!important;padding:22px 34px 18px 31%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;border:1px solid rgba(169,193,255,.28)!important;border-radius:24px!important;box-shadow:0 20px 56px rgba(43,54,177,.34),inset 0 0 0 1px rgba(173,198,255,.15)!important;overflow:hidden!important}.stellar-web-vip-card .web-vip-copy{width:62%!important;max-width:none!important;text-align:left!important;text-shadow:0 2px 12px rgba(0,0,20,.8)}.stellar-web-vip-card .web-vip-copy>span{color:#c8d7ff!important;letter-spacing:.12em;font-size:12px!important}.stellar-web-vip-card .web-vip-copy>strong{font-size:27px!important;line-height:1.15!important;margin:2px 0!important;color:#fff!important}.stellar-web-vip-card .web-vip-copy>small{color:#eef3ff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stellar-web-vip-card .web-vip-progress{height:7px!important;margin-top:8px!important;background:rgba(6,10,38,.56)!important}.stellar-web-vip-card .web-vip-progress i{background:linear-gradient(90deg,#5fe6ff,#a86dff,#ffe492)!important;box-shadow:0 0 13px rgba(95,226,255,.85)}.stellar-web-vip-page .web-vip-ticket,.stellar-web-vip-page .web-vip-benefits article,.stellar-web-vip-page .web-vip-experience article{background:linear-gradient(145deg,rgba(20,28,69,.94),rgba(15,18,47,.96))!important;border-color:rgba(127,160,255,.2)!important;color:#fff!important}.stellar-web-vip-page .web-vip-benefits article.unlocked{background:linear-gradient(145deg,rgba(35,51,121,.96),rgba(69,39,112,.95))!important;box-shadow:inset 0 0 0 1px rgba(123,214,255,.2),0 14px 36px rgba(54,59,179,.25)!important}.stellar-web-vip-page .web-vip-level-track button span,.stellar-web-vip-page .web-vip-section-head span,.stellar-web-vip-page .web-vip-experience span{color:rgba(228,234,255,.68)!important}.vip-upgrade-pulse{animation:webVipCrystalIgnite 1.8s cubic-bezier(.2,.8,.2,1) both!important}@keyframes webVipCrystalIgnite{0%{filter:brightness(.72);transform:scale(.96)}24%{filter:brightness(1.85) saturate(1.35);transform:scale(1.025);box-shadow:0 0 0 4px rgba(112,222,255,.34),0 0 58px rgba(145,84,255,.72)!important}54%{filter:brightness(1.12);transform:scale(1)}76%{filter:brightness(1.48)}100%{filter:none;transform:none}}@keyframes webKingFrameBreath{0%,100%{filter:drop-shadow(0 0 5px rgba(115,97,255,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,211,105,.88)) brightness(1.12)}}
@media (max-width:560px){.web-mine-page .stellar-vip-card{height:112px!important;padding:0 16px!important}.web-mine-page .stellar-vip-card .vip-medal{width:104px!important;height:94px!important;flex:0 0 104px!important}.stellar-web-vip-card{height:142px!important;padding:18px 22px 14px 30%!important}.stellar-web-vip-card .web-vip-copy>strong{font-size:22px!important}.stellar-web-vip-card .web-vip-copy>small{font-size:12px!important}}
@media (prefers-reduced-motion:reduce){.vip-upgrade-pulse,.web-king-avatar-frame{animation:none!important}}
.web-message-avatar-shell.has-king-frame .web-platinum-frame,.web-chat-avatar-shell.has-king-frame .web-platinum-frame{width:78px!important;height:78px!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;max-width:none!important;filter:drop-shadow(0 0 6px rgba(255,211,101,.62))}.web-vip-entrance{position:fixed;inset:0;z-index:240;display:flex;align-items:center;justify-content:center;background:#07091c url('/web/assets/vip/stellar/space-background.png') center/cover no-repeat;overflow:hidden;pointer-events:none;animation:webVipEntranceFade 2.8s ease both}.web-vip-entrance:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(122,94,255,.13),rgba(4,6,20,.78) 68%)}.web-vip-entrance section{position:relative;z-index:2;width:min(86vw,520px);min-height:174px;padding:28px 42px;border:1px solid rgba(113,218,255,.4);border-radius:32px;background:linear-gradient(128deg,rgba(17,27,79,.91),rgba(71,37,122,.92));box-shadow:0 0 72px rgba(91,63,230,.58);display:flex;align-items:center;justify-content:center;gap:42px;box-sizing:border-box;animation:webVipEntranceCard 2.8s cubic-bezier(.2,.8,.2,1) both}.web-vip-entrance-avatar{width:104px;height:104px;position:relative;display:flex;align-items:center;justify-content:center;flex:none}.web-vip-entrance-avatar img:first-child{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 24px rgba(90,222,255,.72)}.web-vip-entrance-avatar img:last-child{position:absolute;width:154px;height:154px;max-width:none;animation:webKingFrameReveal 2.8s cubic-bezier(.2,.8,.2,1) both}.web-vip-entrance section>div:last-child{display:flex;flex-direction:column}.web-vip-entrance small{color:#ffe5a0;letter-spacing:.2em}.web-vip-entrance strong{font-size:34px;color:#fff}.web-vip-entrance section span{color:#d4c5ff}.web-vip-entrance-orbit{position:absolute;border:1px solid rgba(111,214,255,.25);border-radius:50%;animation:webVipOrbit 4s linear infinite}.web-vip-entrance-orbit.one{width:720px;height:720px}.web-vip-entrance-orbit.two{width:960px;height:420px;transform:rotate(28deg);animation-direction:reverse}@keyframes webVipEntranceFade{0%,100%{opacity:0}12%,78%{opacity:1}}@keyframes webVipEntranceCard{0%{opacity:0;transform:scale(.66) translateY(50px)}20%{opacity:1;transform:scale(1.03)}36%,78%{transform:scale(1)}100%{opacity:0;transform:scale(1.05) translateY(-12px)}}@keyframes webKingFrameReveal{0%{opacity:0;transform:scale(.28) rotate(-35deg);filter:brightness(2)}26%{opacity:1;transform:scale(1.18) rotate(5deg);filter:brightness(1.7) drop-shadow(0 0 16px rgba(255,215,105,.92))}44%,80%{transform:scale(1);filter:brightness(1.08)}100%{opacity:0;transform:scale(1.08)}}@keyframes webVipOrbit{to{transform:rotate(360deg)}}

/* 1.9.418 星轨晶核卡片重排：原图等比裁切作纹理，徽章独立展示，消除拉伸和黑色四角。 */
.web-mine-vip-carousel{width:100%;margin-top:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.web-mine-vip-carousel::-webkit-scrollbar{display:none}.web-mine-vip-track{display:flex;gap:14px}.web-mine-page .web-mine-vip-track .stellar-vip-card{position:relative;isolation:isolate;clip-path:inset(0 round 24px);min-width:100%;width:100%;height:154px!important;margin:0!important;padding:0 28px!important;box-sizing:border-box;scroll-snap-align:start;background:#151a35!important;border-radius:24px!important}.web-mine-page .stellar-vip-card.vip-none{background:linear-gradient(125deg,#3c4357,#20273e)!important}.web-mine-page .stellar-vip-card.vip-bronze{background:linear-gradient(125deg,#5b2f20,#221b26)!important}.web-mine-page .stellar-vip-card.vip-silver{background:linear-gradient(125deg,#626d83,#262d42)!important}.web-mine-page .stellar-vip-card.vip-gold{background:linear-gradient(125deg,#755126,#2c2230)!important}.web-mine-page .stellar-vip-card.vip-platinum{background:linear-gradient(125deg,#33778d,#30325c)!important}.web-mine-page .stellar-vip-card.vip-diamond{background:linear-gradient(125deg,#235990,#342467)!important}.web-mine-page .stellar-vip-card.vip-king{background:linear-gradient(125deg,#34215e,#6d2f70)!important}.vip-card-texture,.stellar-card-texture{position:absolute;z-index:0;left:-3%;top:-8%;width:106%;height:116%;max-width:none;object-fit:cover;opacity:.9;border-radius:28px;pointer-events:none}.vip-card-shade,.stellar-card-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,7,21,.08),rgba(5,8,25,.13) 48%,rgba(5,7,25,.36));pointer-events:none}.web-mine-page .vip-medal-image{position:relative;z-index:3;width:118px;height:118px;object-fit:contain;flex:0 0 118px;margin-right:18px;filter:drop-shadow(0 8px 12px rgba(0,0,16,.34));transform:scale(1.65)}.web-mine-page .web-mine-vip-track .vip-info,.web-mine-page .web-mine-vip-track .vip-score{z-index:3}.web-mine-page .web-mine-vip-track .vip-info{min-width:0}.web-mine-page .web-mine-vip-track .vip-info .big{font-size:34px;line-height:1.16}.web-mine-page .web-mine-vip-track .vip-score{width:210px;font-size:14px}.vip-preview-state,.stellar-card-state{position:absolute;z-index:4;right:18px;top:14px;padding:4px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(7,11,34,.5);color:rgba(255,255,255,.84);font-size:11px;line-height:16px}
.stellar-web-vip-card{position:relative;isolation:isolate;height:194px!important;padding:25px 34px 20px 194px!important;background:#151a35!important;background-image:none!important;clip-path:inset(0 round 26px);touch-action:pan-y}.stellar-web-vip-card.card-none{background:linear-gradient(125deg,#3c4357,#20273e)!important}.stellar-web-vip-card.card-bronze{background:linear-gradient(125deg,#5b2f20,#221b26)!important}.stellar-web-vip-card.card-silver{background:linear-gradient(125deg,#626d83,#262d42)!important}.stellar-web-vip-card.card-gold{background:linear-gradient(125deg,#755126,#2c2230)!important}.stellar-web-vip-card.card-platinum{background:linear-gradient(125deg,#33778d,#30325c)!important}.stellar-web-vip-card.card-diamond{background:linear-gradient(125deg,#235990,#342467)!important}.stellar-web-vip-card.card-king{background:linear-gradient(125deg,#34215e,#6d2f70)!important}.stellar-web-vip-card .stellar-card-texture{opacity:.88}.stellar-level-emblem{position:absolute;z-index:3;left:34px;top:29px;width:136px;height:136px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,18,.44));transform:scale(1.7)}.stellar-web-vip-card .web-vip-copy{position:relative;z-index:3;width:100%!important}.stellar-web-vip-card .web-vip-copy>strong{font-size:30px!important}.stellar-web-vip-card .web-vip-copy>small{font-size:14px!important}.stellar-web-vip-card .web-vip-progress{width:min(390px,100%)}
@media (max-width:560px){.web-mine-vip-carousel{margin-top:14px}.web-mine-vip-track{gap:10px}.web-mine-page .web-mine-vip-track .stellar-vip-card{height:132px!important;padding:0 16px!important;border-radius:20px!important;clip-path:inset(0 round 20px)}.web-mine-page .vip-medal-image{width:92px;height:92px;flex-basis:92px;margin-right:10px}.web-mine-page .web-mine-vip-track .vip-info{font-size:13px}.web-mine-page .web-mine-vip-track .vip-info .big{font-size:25px}.web-mine-page .web-mine-vip-track .vip-score{width:128px;font-size:12px}.vip-preview-state{right:10px;top:9px;padding:2px 7px;font-size:9px}.stellar-web-vip-card{height:164px!important;padding:21px 18px 16px 135px!important;border-radius:22px!important;clip-path:inset(0 round 22px)}.stellar-level-emblem{left:18px;top:25px;width:104px;height:104px}.stellar-web-vip-card .web-vip-copy>strong{font-size:24px!important}.stellar-web-vip-card .web-vip-copy>small{font-size:12px!important}.stellar-card-state{right:10px;top:10px;padding:2px 7px;font-size:9px}}
.web-mine-page .stellar-vip-card.vip-bronze,.stellar-web-vip-card.card-bronze{border-color:rgba(245,190,116,.82)!important;box-shadow:0 18px 42px rgba(77,38,25,.28),inset 0 0 0 1px rgba(255,222,166,.22)!important}

/* 1.9.420 星轨晶核定稿：完整一体卡面，不再叠加抠图徽章。 */
.mine.web-mine-page{background:linear-gradient(180deg,#fff 0,#f7f9ff 210px,#f7f9ff 100%)!important}
.web-mine-vip-carousel{margin-top:9px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important}
.web-mine-vip-track{gap:8px!important}
.web-mine-page .web-mine-vip-track .stellar-vip-card{min-width:100%!important;width:100%!important;height:auto!important;aspect-ratio:879/138!important;margin:0!important;padding:0 10px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;scroll-snap-align:start!important;border:1px solid rgba(173,191,255,.28)!important;border-radius:9px!important;background-color:#11162f!important;background-image:var(--vip-card-art)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;clip-path:none!important;box-shadow:0 5px 14px rgba(43,52,130,.18)!important;color:#fff!important;overflow:hidden!important}
.web-mine-page .web-mine-vip-track .stellar-vip-card:before,.web-mine-page .web-mine-vip-track .stellar-vip-card:after{display:none!important}
.web-mine-page .vip-art-spacer{display:block;width:21%;height:100%;flex:0 0 21%}
.web-mine-page .web-mine-vip-track .vip-info{position:relative;z-index:2;flex:1;min-width:0;font-size:9.5px!important;line-height:12px!important;font-weight:600!important;text-shadow:0 1px 5px rgba(0,0,20,.82)!important}
.web-mine-page .web-mine-vip-track .vip-info .big{margin-top:0!important;font-size:14px!important;line-height:17px!important;font-weight:900!important;white-space:nowrap!important}
.web-mine-page .web-mine-vip-track .vip-score{position:relative;z-index:2;width:92px!important;flex:0 0 92px!important;font-size:10px!important;line-height:13px!important;text-align:left!important;text-shadow:0 1px 5px rgba(0,0,20,.86)!important}
.web-mine-page .web-mine-vip-track .vip-score>span:first-child{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.web-mine-page .web-mine-vip-track .vip-score>.progress{width:100%!important;height:4px!important;margin-top:4px!important;background:rgba(6,10,38,.6)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important}
.web-mine-page .web-mine-vip-track .vip-score>.progress>span{background:linear-gradient(90deg,#5fe6ff,#a86dff,#ffe492)!important;box-shadow:0 0 7px rgba(95,226,255,.82)!important}

.stellar-web-vip-card{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:879/160!important;margin-top:9px!important;padding:6px 10px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;border:1px solid rgba(173,191,255,.3)!important;border-radius:10px!important;background-color:#11162f!important;background-image:var(--vip-card-art)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;clip-path:none!important;isolation:auto!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(33,45,150,.3)!important;touch-action:pan-y!important}
.stellar-web-vip-page .stellar-web-vip-card{background-color:#11162f!important;background-image:var(--vip-card-art)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}
.stellar-web-vip-card .stellar-card-art-spacer{display:block;width:24%;height:100%;flex:0 0 24%}
.stellar-web-vip-card .web-vip-copy{position:relative!important;z-index:2!important;width:auto!important;max-width:none!important;min-width:0!important;flex:1!important;text-align:left!important;text-shadow:0 1px 6px rgba(0,0,20,.86)!important}
.stellar-web-vip-card .web-vip-copy>span{font-size:9px!important;line-height:11px!important;letter-spacing:.08em!important;color:#c8d7ff!important}
.stellar-web-vip-card .web-vip-copy>strong{display:block!important;margin:0!important;font-size:15px!important;line-height:18px!important;color:#fff!important;white-space:nowrap!important}
.stellar-web-vip-card .web-vip-copy>small{display:block!important;font-size:9px!important;line-height:11px!important;color:#eef3ff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.stellar-web-vip-card .web-vip-progress{width:100%!important;height:4px!important;margin-top:3px!important;background:rgba(6,10,38,.6)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important}
.stellar-web-vip-card .web-vip-progress i{background:linear-gradient(90deg,#5fe6ff,#a86dff,#ffe492)!important;box-shadow:0 0 7px rgba(95,226,255,.82)!important}

@media (min-width:561px){.web-mine-page .web-mine-vip-track .stellar-vip-card{max-height:112px!important}.stellar-web-vip-card{max-height:128px!important}}
@media (max-width:560px){.web-mine-vip-carousel{margin-top:9px!important}.web-mine-page .web-mine-vip-track .stellar-vip-card{height:auto!important;padding:0 10px!important;border-radius:9px!important}.stellar-web-vip-card{height:auto!important;padding:6px 10px!important;border-radius:10px!important}.stellar-web-vip-card .web-vip-copy>strong{font-size:15px!important}.stellar-web-vip-card .web-vip-copy>small{font-size:9px!important}}

/* 1.9.421 去掉卡面原图两端的深色底边，保持完整横幅并增加会员中心切换动效。 */
.web-mine-page .web-mine-vip-track .stellar-vip-card{
  border-radius:15px!important;
  background-size:102% 100%!important;
  clip-path:inset(1px round 15px)!important;
}
.web-mine-page .web-mine-vip-track .stellar-vip-card.vip-king{
  background-size:102% 100%!important;
}
.stellar-web-vip-card{
  border-radius:16px!important;
  background-size:102% 100%!important;
  clip-path:inset(1px round 16px)!important;
  will-change:transform,opacity,filter;
}
.stellar-web-vip-page .stellar-web-vip-card{
  background-size:102% 100%!important;
}
.stellar-web-vip-card.card-king{
  background-size:102% 100%!important;
}
.stellar-web-vip-card.vip-slide-next{animation:vipCardSlideFromRight .38s cubic-bezier(.22,.74,.24,1) both}
.stellar-web-vip-card.vip-slide-prev{animation:vipCardSlideFromLeft .38s cubic-bezier(.22,.74,.24,1) both}
@keyframes vipCardSlideFromRight{0%{opacity:.42;transform:translate3d(46px,0,0) scale(.965);filter:brightness(.78)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}}
@keyframes vipCardSlideFromLeft{0%{opacity:.42;transform:translate3d(-46px,0,0) scale(.965);filter:brightness(.78)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}}
@media (prefers-reduced-motion:reduce){.stellar-web-vip-card.vip-slide-next,.stellar-web-vip-card.vip-slide-prev{animation:none!important}}

/* 1.9.422 等级横幅：提高卡面高度，并只保留素材自带的一道四周描边。 */
.web-mine-page .web-mine-vip-track .stellar-vip-card{
  aspect-ratio:879/160!important;
  border:0!important;
  outline:0!important;
  background-size:102% 102%!important;
  clip-path:none!important;
  box-shadow:0 5px 14px rgba(43,52,130,.18)!important;
}
.web-mine-page .web-mine-vip-track .stellar-vip-card.vip-bronze{
  border:0!important;
  box-shadow:0 5px 14px rgba(43,52,130,.18)!important;
}
.stellar-web-vip-card{
  aspect-ratio:879/174!important;
  border:0!important;
  outline:0!important;
  background-size:102% 102%!important;
  clip-path:none!important;
  box-shadow:0 8px 24px rgba(33,45,150,.3)!important;
}
.stellar-web-vip-card.card-bronze{
  border:0!important;
  box-shadow:0 8px 24px rgba(33,45,150,.3)!important;
}
.stellar-web-vip-page .stellar-web-vip-card,
.stellar-web-vip-card.card-king{
  background-size:102% 102%!important;
}

/* 1.9.426 卡面单层化：透明容器承载完整卡图，不再叠加浅蓝底层与投影。 */
.web-mine-vip-carousel,
.web-mine-vip-track{
  background:transparent!important;
}
.web-mine-page .web-mine-vip-track .stellar-vip-card,
.web-mine-page .web-mine-vip-track .stellar-vip-card.vip-bronze{
  border:0!important;
  border-radius:15px!important;
  outline:0!important;
  background-color:transparent!important;
  background-image:var(--vip-card-art)!important;
  background-position:center!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
}
.stellar-web-vip-card,
.stellar-web-vip-card.card-bronze,
.stellar-web-vip-card.card-king{
  border:0!important;
  border-radius:15px!important;
  outline:0!important;
  background-color:transparent!important;
  background-image:var(--vip-card-art)!important;
  background-position:center!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
}

/* 1.9.427 七张卡面已重制为无边框平铺素材；容器只负责圆角裁切，不再制造第二层边线。 */
.web-mine-page .web-mine-vip-track .stellar-vip-card,
.web-mine-page .web-mine-vip-track .stellar-vip-card.vip-bronze,
.stellar-web-vip-card,
.stellar-web-vip-card.card-bronze,
.stellar-web-vip-card.card-king{
  border:0!important;
  outline:0!important;
  background-color:transparent!important;
  background-position:center!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
  clip-path:none!important;
}


/* source: invite-rewards.css */
/* 1.9.475: source artwork with live invitation data. */
.web-invite-page{--ir-unit:.133333333vw;max-width:430px;margin:auto;width:100%}.web-invite-page *{box-sizing:border-box}.web-invite-page button{font-family:inherit;cursor:pointer}.web-invite-page .ir-nav{box-sizing:content-box}.web-invite-page h1{margin:0;font-size:inherit;font-weight:inherit}.web-invite-page .ir-hero-art{object-fit:fill}.web-invite-page .ir-steps{max-width:none}.web-invite-page p{margin:0}.web-invite-page .ir-share:disabled{cursor:default}
/* Shared paper invitation skin. Editable values are never baked into illustration assets. */
.ir-page{min-height:100vh;box-sizing:border-box;padding-bottom:calc(32 * var(--ir-unit));color:#342521;background:#fff5e5 url("/web/assets/invite-rewards/paper-texture.webp") repeat;background-size:calc(750 * var(--ir-unit)) auto;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.ir-nav{position:relative;height:calc(70 * var(--ir-unit));box-sizing:content-box;display:flex;align-items:center;justify-content:center;color:#4d2618;font-size:calc(31 * var(--ir-unit));font-weight:600}
.ir-back{position:absolute;left:calc(20 * var(--ir-unit));bottom:calc(-8 * var(--ir-unit));width:calc(70 * var(--ir-unit));height:calc(88 * var(--ir-unit));display:flex;align-items:center;justify-content:flex-start;background:transparent;border:0;padding:0}
.ir-back image,.ir-back img{display:block;width:calc(36 * var(--ir-unit));height:calc(36 * var(--ir-unit))}
.ir-hero{position:relative;width:100%;height:calc(621 * var(--ir-unit))}
.ir-hero-art{display:block;width:100%;height:100%}
.ir-ticket{position:absolute;left:35.5%;top:65.7%;width:27.5%;height:28.9%;box-sizing:border-box;padding:0 calc(2 * var(--ir-unit));background:#ffebbd url("/web/assets/invite-rewards/ticket-paper.webp") center/100% 100%;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#211c16;text-align:center}
.ir-ticket-value{display:flex;align-items:baseline;justify-content:center;height:calc(89 * var(--ir-unit));font-family:Arial,sans-serif;font-size:calc(88 * var(--ir-unit));line-height:1;font-weight:800;color:#ed521f;white-space:nowrap;letter-spacing:calc(-3 * var(--ir-unit))}
.ir-ticket-unit{font-size:calc(53 * var(--ir-unit));letter-spacing:0;margin-left:calc(4 * var(--ir-unit))}
.ir-ticket-value.ir-ticket-closed{font-family:inherit;font-size:calc(43 * var(--ir-unit));height:calc(75 * var(--ir-unit));line-height:calc(75 * var(--ir-unit));letter-spacing:0}
.ir-ticket-label{display:block;font-size:calc(25 * var(--ir-unit));line-height:calc(34 * var(--ir-unit));white-space:nowrap;font-weight:600;padding-top:calc(1 * var(--ir-unit))}
.ir-ticket-period{display:block;width:100%;margin-top:calc(7 * var(--ir-unit));padding-top:calc(9 * var(--ir-unit));border-top:calc(1 * var(--ir-unit)) dashed #6f614e;font-size:calc(23 * var(--ir-unit));line-height:calc(30 * var(--ir-unit));white-space:nowrap}
.ir-content{padding:0 calc(26 * var(--ir-unit))}
.ir-share{margin:0;width:100%;height:calc(87 * var(--ir-unit));box-sizing:border-box;display:flex;gap:calc(20 * var(--ir-unit));align-items:center;justify-content:center;border:0;border-radius:calc(50 * var(--ir-unit));background:#ff642f;color:#fff;font-size:calc(31 * var(--ir-unit));font-weight:600;line-height:1;box-shadow:none;padding:0 calc(12 * var(--ir-unit))}
.ir-share:after{border:0}.ir-share image,.ir-share img{display:block;width:calc(52 * var(--ir-unit));height:calc(52 * var(--ir-unit))}.ir-share .ir-chevron{width:calc(25 * var(--ir-unit));height:calc(25 * var(--ir-unit));flex:none;margin-left:calc(-8 * var(--ir-unit))}
.ir-share-disabled{background:#dbb28f;font-size:calc(26 * var(--ir-unit))}
.ir-share-hint{display:block;margin:calc(14 * var(--ir-unit)) 0 calc(17 * var(--ir-unit));text-align:center;font-size:calc(19 * var(--ir-unit));line-height:calc(27 * var(--ir-unit));color:#4e4a47}
.ir-stats{position:relative;display:flex;margin:0 calc(-2 * var(--ir-unit));min-height:calc(155 * var(--ir-unit));border-top:calc(1 * var(--ir-unit)) dashed #cbb494;padding:calc(18 * var(--ir-unit)) 0 calc(13 * var(--ir-unit));box-sizing:border-box}
.ir-stat{position:relative;width:47%;box-sizing:border-box;text-align:center;z-index:1}.ir-stat+.ir-stat{width:53%;padding-right:calc(28 * var(--ir-unit))}.ir-stat:first-child:after{content:"";position:absolute;right:0;top:calc(20 * var(--ir-unit));bottom:calc(18 * var(--ir-unit));border-right:calc(1 * var(--ir-unit)) solid #d5cbbb}
.ir-stat-label{display:block;font-size:calc(20 * var(--ir-unit));line-height:calc(27 * var(--ir-unit));color:#444044}
.ir-stat-value{display:block;margin-top:calc(3 * var(--ir-unit));color:#da431b;font-family:Arial,sans-serif;font-size:calc(55 * var(--ir-unit));line-height:calc(65 * var(--ir-unit));font-weight:700;white-space:nowrap}
.ir-currency{font-size:calc(32 * var(--ir-unit));font-weight:500}.ir-stat-sub{display:block;font-size:calc(18 * var(--ir-unit));color:#696261;line-height:calc(27 * var(--ir-unit))}
.ir-friends-doodle{position:absolute;width:calc(165 * var(--ir-unit));height:calc(110 * var(--ir-unit));right:calc(-20 * var(--ir-unit));bottom:calc(-6 * var(--ir-unit));object-fit:contain;z-index:0}
.ir-steps{display:block;width:calc(100% + calc(10 * var(--ir-unit)));height:auto;margin:calc(12 * var(--ir-unit)) calc(-5 * var(--ir-unit)) calc(8 * var(--ir-unit))}
.ir-section{position:relative;margin-top:calc(12 * var(--ir-unit))}.ir-section-heading{display:flex;align-items:center;gap:calc(12 * var(--ir-unit));min-height:calc(53 * var(--ir-unit))}
.ir-paper-title{flex:none;display:flex;align-items:center;justify-content:center;width:calc(174 * var(--ir-unit));height:calc(55 * var(--ir-unit));background:url("/web/assets/invite-rewards/title-paper.webp") center/100% 100% no-repeat;color:#311b10;font-size:calc(29 * var(--ir-unit));line-height:1;font-weight:600;font-family:"STKaiti","KaiTi","Kaiti SC",serif;white-space:nowrap}
.ir-dash{flex:1;border-top:calc(1 * var(--ir-unit)) dashed #bfae97;min-width:calc(16 * var(--ir-unit))}
.ir-rules{position:relative;z-index:1;padding:calc(8 * var(--ir-unit)) calc(6 * var(--ir-unit)) 0;max-width:100%}
.ir-rule{display:block;margin:0;font-size:calc(18.5 * var(--ir-unit));line-height:calc(29 * var(--ir-unit));color:#3f3d49}.ir-rule:nth-child(-n+3){padding-right:calc(115 * var(--ir-unit))}
.ir-gamepad-doodle{position:absolute;right:calc(-19 * var(--ir-unit));top:calc(52 * var(--ir-unit));width:calc(150 * var(--ir-unit));height:calc(142 * var(--ir-unit));object-fit:contain;z-index:0}
.ir-debt{display:block;color:#af641e;font-size:calc(20 * var(--ir-unit));line-height:calc(29 * var(--ir-unit));margin:calc(9 * var(--ir-unit)) calc(4 * var(--ir-unit))}
.ir-records{margin-top:calc(22 * var(--ir-unit))}.ir-view-all{background:transparent;border:0;padding:0;font-size:calc(20 * var(--ir-unit));line-height:calc(35 * var(--ir-unit));color:#77716d;white-space:nowrap}
.ir-record{display:flex;align-items:center;gap:calc(18 * var(--ir-unit));min-height:calc(67 * var(--ir-unit));margin:0 calc(10 * var(--ir-unit));border-bottom:calc(1 * var(--ir-unit)) solid #ded3c4;box-sizing:border-box}.ir-record:last-child{border:0}
.ir-record-avatar{width:calc(52 * var(--ir-unit));height:calc(52 * var(--ir-unit));border-radius:50%;flex:none;object-fit:cover}.ir-record-friend{font-size:calc(24 * var(--ir-unit));color:#33262f;white-space:nowrap;min-width:calc(95 * var(--ir-unit))}.ir-record-date{flex:1;min-width:0;font-size:calc(20 * var(--ir-unit));line-height:calc(27 * var(--ir-unit));color:#69646a}.ir-record-status{display:block;font-size:calc(17 * var(--ir-unit));color:#9c7f65}.ir-record-amount{font-size:calc(29 * var(--ir-unit));font-weight:600;white-space:nowrap;color:#df451d;flex:none}
.ir-empty,.ir-state{color:#8b7660;text-align:center;font-size:calc(24 * var(--ir-unit));line-height:calc(36 * var(--ir-unit));padding:calc(35 * var(--ir-unit)) calc(16 * var(--ir-unit))}.ir-state .ir-share{margin:calc(26 * var(--ir-unit)) auto 0;max-width:calc(500 * var(--ir-unit))}.ir-empty{font-size:calc(21 * var(--ir-unit));padding:calc(22 * var(--ir-unit)) calc(8 * var(--ir-unit))}

/* User requested this smooth gradient, continuous through title and profile. */
.mine.web-mine-page{background:linear-gradient(180deg,#cdd1ff 0,#dfdff5 180px,#f5f5f5 370px,#f5f5f5 100%)!important;padding-top:0!important}
.mine.web-mine-page .mine-page-heading{font-size:24px;font-weight:700;line-height:44px;margin:0;padding:12px 0 14px;color:#26262b}
.mine.web-mine-page .profile{background:transparent!important;margin:0 0 14px!important}
.mine.web-mine-page .profile-avatar{border:0!important;box-shadow:none!important}.mine.web-mine-page .edit-pencil img{width:23px;height:23px}.mine.web-mine-page .edit-pencil{transform:none!important}
.invite-config-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px 0}.invite-config-form label{display:flex;flex-direction:column;gap:9px;font-size:14px}.invite-config-form label[hidden]{display:none}.invite-config-form input,.invite-config-form select{height:42px;padding:0 10px;border:1px solid #dce2ed;border-radius:7px;background:white;color:#25314a}.invite-config-form small,.invite-rules{font-size:12px;color:#748097;line-height:1.7}.invite-config-form button{height:42px;align-self:start}
/* Compact voice capsule, retaining the duration inside the background. */
.home-shell.players .avatar-voice-pill{width:62px!important;min-width:62px!important;max-width:62px!important;box-sizing:border-box!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;justify-content:center!important;gap:3px!important;overflow:hidden!important}.home-shell.players .avatar-voice-pill .voice-duration{flex:none!important;white-space:nowrap!important}

@font-face{font-family:RewardMarker;src:url("/web/assets/invite-rewards/reward-marker.ttf") format("truetype");font-display:swap}.ir-ticket-value{font-family:RewardMarker,Arial,sans-serif;font-size:calc(91 * var(--ir-unit));letter-spacing:calc(-1 * var(--ir-unit))}.ir-ticket-unit{font-size:calc(62 * var(--ir-unit))}.ir-paper-title{color:transparent;background-image:url("/web/assets/invite-rewards/title-rules.webp")}.ir-records .ir-paper-title{background-image:url("/web/assets/invite-rewards/title-records.webp")}.ir-steps{margin-top:0}.ir-rule{font-size:calc(20 * var(--ir-unit));line-height:calc(29 * var(--ir-unit))}

/* Preserve the selected paper button and isolate headings from host styles. */
.web-invite-page h2{margin:0}.ir-content{padding:0 calc(32 * var(--ir-unit))}.ir-share{background:#ff642f url("/web/assets/invite-rewards/share-paper.webp") center/100% 100%}.ir-share-disabled{background:#dbb28f}.ir-record-amount{font-size:calc(32 * var(--ir-unit))}

/* Explicitly scoped dimensions resist older H5 button/image styles. */
@media(min-width:430px){.web-invite-page{--ir-unit:.573333333px}}
.web-invite-page .ir-back{min-width:0!important;max-width:none!important;border-radius:0!important;background:transparent!important;width:calc(70 * var(--ir-unit))!important;height:calc(88 * var(--ir-unit))!important}
.web-invite-page .ir-back img{width:calc(36 * var(--ir-unit))!important;height:calc(36 * var(--ir-unit))!important;object-fit:contain!important}
.web-invite-page .ir-nav h1{font-size:calc(31 * var(--ir-unit))!important;line-height:1.25!important;margin:0!important}
.mine.web-mine-page{--mine-unit:.133333333vw;background:linear-gradient(180deg,#cdd1ff 0,#dfdff5 180px,#f5f5f5 370px,#f5f5f5 100%)!important}
@media(min-width:430px){.mine.web-mine-page{--mine-unit:.573333333px}}
.mine.web-mine-page .edit-pencil{width:calc(74 * var(--mine-unit))!important;height:calc(74 * var(--mine-unit))!important;min-width:0!important;padding:0!important;display:flex;align-items:center;justify-content:center}
.mine.web-mine-page .edit-pencil img{width:calc(42 * var(--mine-unit))!important;height:calc(42 * var(--mine-unit))!important;max-width:none!important;object-fit:contain!important}
.mine.web-mine-page .menu-icon{width:calc(72 * var(--mine-unit))!important;height:calc(72 * var(--mine-unit))!important}
.mine.web-mine-page .menu-icon img{width:calc(44 * var(--mine-unit))!important;height:calc(44 * var(--mine-unit))!important;object-fit:contain!important}
.mine.web-mine-page .menu-icon.coupon img{width:calc(46 * var(--mine-unit))!important;height:calc(38 * var(--mine-unit))!important}
.mine.web-mine-page .mine-list{margin-top:calc(10 * var(--mine-unit))!important}


/* source: player-discovery.css */
.home-shell.players{--discovery-unit:.133333333vw}
@media(min-width:430px){.home-shell.players{--discovery-unit:.573333333px}}
/* 方形头像陪玩卡片，独立类名避免旧圆形头像样式覆盖。 */
.home-shell.players.players .player-list{gap:calc(25 * var(--discovery-unit))!important}
.discovery-player-card{--voice-accent:#318efa;display:flex;align-items:stretch;gap:calc(20 * var(--discovery-unit));margin:0;padding:calc(18 * var(--discovery-unit));background:#fff;border-radius:calc(24 * var(--discovery-unit));box-sizing:border-box;box-shadow:0 calc(8 * var(--discovery-unit)) calc(24 * var(--discovery-unit)) rgba(48,65,111,.035);color:#232833}
.discovery-player-card.is-female{--voice-accent:#ec62ad}
.discovery-player-photo{position:relative;flex:0 0 calc(184 * var(--discovery-unit));width:calc(184 * var(--discovery-unit));height:calc(184 * var(--discovery-unit));border-radius:calc(20 * var(--discovery-unit));overflow:hidden;background:#f1f3f8}
.discovery-player-avatar{display:block;width:100%;height:100%;border-radius:calc(20 * var(--discovery-unit))}
.discovery-voice-hit{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;width:100%;height:calc(88 * var(--discovery-unit));padding:0 0 calc(8 * var(--discovery-unit));box-sizing:border-box}
.discovery-voice-pill{display:flex;flex:0 0 calc(124 * var(--discovery-unit));align-items:center;gap:calc(5 * var(--discovery-unit));width:calc(124 * var(--discovery-unit));height:calc(38 * var(--discovery-unit));padding:0 calc(9 * var(--discovery-unit)) 0 0;border-radius:calc(24 * var(--discovery-unit));background:rgba(255,255,255,.96);color:var(--voice-accent);box-sizing:border-box;font-size:calc(18 * var(--discovery-unit));font-weight:600;white-space:nowrap;overflow:hidden}
.discovery-voice-duration{display:block;flex:1;min-width:0;margin:0;padding:0;font-size:calc(18 * var(--discovery-unit));line-height:calc(38 * var(--discovery-unit));text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.discovery-voice-play{display:flex;align-items:center;justify-content:center;flex:0 0 calc(38 * var(--discovery-unit));height:calc(38 * var(--discovery-unit));border-radius:50%;background:var(--voice-accent)}
.discovery-voice-symbol{width:0;height:0;margin-left:calc(3 * var(--discovery-unit));border-top:calc(8 * var(--discovery-unit)) solid transparent;border-bottom:calc(8 * var(--discovery-unit)) solid transparent;border-left:calc(11 * var(--discovery-unit)) solid #fff}
.discovery-voice-hit.playing .discovery-voice-symbol{width:calc(5 * var(--discovery-unit));height:calc(15 * var(--discovery-unit));margin-left:0;border:0;border-left:calc(4 * var(--discovery-unit)) solid #fff;border-right:calc(4 * var(--discovery-unit)) solid #fff}
.discovery-voice-wave{display:flex;flex:0 0 calc(23 * var(--discovery-unit));align-items:center;gap:calc(2 * var(--discovery-unit));width:calc(23 * var(--discovery-unit));height:calc(21 * var(--discovery-unit))}
.discovery-voice-wave i{width:calc(3 * var(--discovery-unit));height:calc(7 * var(--discovery-unit));border-radius:calc(3 * var(--discovery-unit));background:var(--voice-accent)}
.discovery-voice-wave i:nth-child(2),.discovery-voice-wave i:nth-child(4){height:calc(13 * var(--discovery-unit))}
.discovery-voice-wave i:nth-child(3){height:calc(21 * var(--discovery-unit))}
.discovery-voice-hit.playing .discovery-voice-wave i{animation:discoveryVoiceWave .85s ease-in-out infinite alternate}
.discovery-voice-hit.playing .discovery-voice-wave i:nth-child(2n){animation-delay:.25s}
@keyframes discoveryVoiceWave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
.discovery-player-body{display:flex;flex-direction:column;flex:1;min-width:0;min-height:calc(184 * var(--discovery-unit))}
.discovery-player-top{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--discovery-unit));min-width:0}
.discovery-player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(30 * var(--discovery-unit));line-height:calc(40 * var(--discovery-unit));font-weight:700;color:#20242d}
.discovery-player-tags{display:flex;align-items:center;gap:calc(10 * var(--discovery-unit));min-width:0;height:calc(38 * var(--discovery-unit));margin-top:calc(6 * var(--discovery-unit))}
.discovery-player-level{display:block;flex:0 0 calc(118 * var(--discovery-unit));width:calc(118 * var(--discovery-unit));height:calc(36 * var(--discovery-unit))}
.discovery-player-level-text{font-size:calc(22 * var(--discovery-unit));line-height:calc(32 * var(--discovery-unit));color:#796035;background:#fff3d8;border-radius:calc(8 * var(--discovery-unit));padding:0 calc(8 * var(--discovery-unit))}
.discovery-player-voice-tag{display:flex;align-items:center;justify-content:center;gap:calc(5 * var(--discovery-unit));min-width:0;max-width:calc(190 * var(--discovery-unit));height:calc(32 * var(--discovery-unit));padding:0 calc(9 * var(--discovery-unit)) 0 calc(3 * var(--discovery-unit));border-radius:calc(18 * var(--discovery-unit));background:var(--voice-accent);color:#fff;font-size:calc(19 * var(--discovery-unit));line-height:calc(32 * var(--discovery-unit));white-space:nowrap}
.discovery-player-tag-avatar{display:block;flex:0 0 calc(26 * var(--discovery-unit));width:calc(26 * var(--discovery-unit));height:calc(26 * var(--discovery-unit));border-radius:50%;background:#fff}
.discovery-player-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(12 * var(--discovery-unit));flex:1;min-width:0;margin-top:calc(8 * var(--discovery-unit))}
.discovery-player-signature{flex:1;min-width:0;align-self:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:calc(24 * var(--discovery-unit));line-height:calc(34 * var(--discovery-unit));color:#9296a0;word-break:break-all}
.discovery-player-action{display:flex;flex-direction:column;align-items:center;flex:0 0 calc(118 * var(--discovery-unit));gap:calc(7 * var(--discovery-unit))}
.discovery-player-region{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:calc(5 * var(--discovery-unit));max-width:calc(118 * var(--discovery-unit));min-height:calc(25 * var(--discovery-unit));color:#a4a9b2;font-size:calc(20 * var(--discovery-unit));line-height:calc(25 * var(--discovery-unit))}
.discovery-player-region span{display:block;max-width:calc(96 * var(--discovery-unit));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.discovery-location-icon{position:relative;flex:0 0 calc(12 * var(--discovery-unit));width:calc(12 * var(--discovery-unit));height:calc(12 * var(--discovery-unit));margin-top:calc(-5 * var(--discovery-unit));border:calc(2 * var(--discovery-unit)) solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-sizing:border-box}
.discovery-location-icon:after{content:'';position:absolute;left:calc(3 * var(--discovery-unit));top:calc(3 * var(--discovery-unit));width:calc(3 * var(--discovery-unit));height:calc(3 * var(--discovery-unit));background:currentColor;border-radius:50%}
.discovery-player-order{display:flex;align-items:center;justify-content:center;width:calc(118 * var(--discovery-unit));height:calc(52 * var(--discovery-unit));border-radius:calc(28 * var(--discovery-unit));background:#328df7;color:#fff;font-size:calc(24 * var(--discovery-unit));line-height:calc(32 * var(--discovery-unit));white-space:nowrap}
.discovery-player-order:active{opacity:.8}

.home-shell.players .discovery-voice-hit{min-width:0;border:0;margin:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}
.discovery-player-avatar{object-fit:cover}.discovery-player-level{object-fit:contain}.discovery-player-tag-avatar{object-fit:cover}.discovery-player-region span{max-width:calc(96 * var(--discovery-unit));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Preserve the existing gender/name filter despite the card flex layout. */
.discovery-player-card[hidden]{display:none!important}

/* Global button centering must not lift the voice capsule above the photo edge. */
.home-shell.players .discovery-voice-hit{align-items:flex-end!important;padding:0 0 calc(4 * var(--discovery-unit))!important}


/* source: player-order-ranking.css */
/* Selected design: 853 x 1844, units shared with miniapp WXSS. */
body.player-ranking-active{background:#f3f5ff;}
.player-ranking-active .site-header,.player-ranking-active #mobileNav{display:none!important;}
.player-ranking-active .app-shell{padding:0!important;}
.player-ranking-active #mainView{padding:0!important;margin:0 auto!important;width:100%;max-width:480px;}
.order-ranking-page{--rank-unit:calc(min(100vw,480px) / 853);padding-bottom:calc(66 * var(--rank-unit) + env(safe-area-inset-bottom));}
.order-ranking-page *{box-sizing:border-box;}
.order-ranking-page ol{list-style:none;padding:0;margin:0;}

.order-ranking-page{position:relative;color:#11182f;background:#f3f5ff;min-height:100vh;padding:0 calc(22 * var(--rank-unit)) calc(66 * var(--rank-unit));box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;}
.order-ranking-page .ranking-hero{height:calc(787 * var(--rank-unit));position:relative;margin:0 calc(-22 * var(--rank-unit));overflow:hidden;}
.order-ranking-page .ranking-scene{position:absolute;left:0;top:0;width:100%;height:calc(810 * var(--rank-unit));object-fit:fill;pointer-events:none;}
.order-ranking-page .ranking-month{position:absolute;left:0;top:calc(119 * var(--rank-unit));width:100%;margin:0;text-align:center;color:#6978a7;font-size:calc(26 * var(--rank-unit));font-weight:500;line-height:calc(34 * var(--rank-unit));letter-spacing:calc(0.2 * var(--rank-unit));z-index:1;}
.order-ranking-page .ranking-winner{position:absolute;text-align:center;width:calc(220 * var(--rank-unit));transform:translateX(-50%);z-index:1;}
.order-ranking-page .ranking-place-1{left:50%;top:calc(300 * var(--rank-unit));}
.order-ranking-page .ranking-place-2{left:23.92%;top:calc(384 * var(--rank-unit));}
.order-ranking-page .ranking-place-3{left:76.32%;top:calc(389 * var(--rank-unit));}
.order-ranking-page .ranking-portrait{position:relative;width:calc(168 * var(--rank-unit));height:calc(168 * var(--rank-unit));margin:0 auto calc(7 * var(--rank-unit));}
.order-ranking-page .ranking-avatar{display:block;width:100%;height:100%;object-fit:cover;border:calc(4 * var(--rank-unit)) solid #9bc8f2;border-radius:50%;box-sizing:border-box;box-shadow:inset 0 0 0 calc(1 * var(--rank-unit)) #fff,0 0 0 calc(2 * var(--rank-unit)) #ffffffc9;}
.order-ranking-page .ranking-place-1 .ranking-portrait{width:calc(190 * var(--rank-unit));height:calc(190 * var(--rank-unit));margin-bottom:calc(7 * var(--rank-unit));}
.order-ranking-page .ranking-place-1 .ranking-avatar{border:calc(6 * var(--rank-unit)) solid #f2cb68;}
.order-ranking-page .ranking-place-3 .ranking-avatar{border:calc(5 * var(--rank-unit)) solid #eeb39b;}
.order-ranking-page .ranking-medal{position:absolute;left:50%;top:calc(-41 * var(--rank-unit));transform:translateX(-50%);width:calc(122 * var(--rank-unit));height:calc(76 * var(--rank-unit));object-fit:contain;}
.order-ranking-page .ranking-place-1 .ranking-medal{top:calc(-43 * var(--rank-unit));}
.order-ranking-page .ranking-name{display:block;margin:0;font-size:calc(30 * var(--rank-unit));font-weight:600;line-height:calc(39 * var(--rank-unit));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.order-ranking-page .ranking-count{font-size:calc(40 * var(--rank-unit));font-weight:600;color:#5957ff;line-height:calc(52 * var(--rank-unit));white-space:nowrap;font-family:Arial,"PingFang SC",sans-serif;}
.order-ranking-page .ranking-unit{font-size:calc(27 * var(--rank-unit));margin-left:calc(4 * var(--rank-unit));font-weight:600;}
.order-ranking-page .ranking-list{position:relative;z-index:2;background:#ffffffed;border-radius:calc(28 * var(--rank-unit));padding:0 calc(34 * var(--rank-unit)) calc(4 * var(--rank-unit));margin:0;}
.order-ranking-page .ranking-list-title{display:flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--rank-unit));height:calc(96 * var(--rank-unit));font-size:calc(38 * var(--rank-unit));font-weight:700;line-height:calc(48 * var(--rank-unit));}
.order-ranking-page .ranking-limit{color:#9198b3;font-size:calc(24 * var(--rank-unit));font-weight:400;white-space:nowrap;}
.order-ranking-page .ranking-row{display:flex;align-items:center;gap:0;height:calc(143 * var(--rank-unit));border-top:calc(1 * var(--rank-unit)) solid #e8ecf4;padding:0;box-sizing:border-box;}
.order-ranking-page .ranking-number{width:calc(60 * var(--rank-unit));margin-right:calc(40 * var(--rank-unit));text-align:center;flex:none;font-size:calc(38 * var(--rank-unit));line-height:calc(48 * var(--rank-unit));font-weight:500;color:#82889e;font-style:italic;font-family:Arial,sans-serif;}
.order-ranking-page .ranking-row-avatar{display:block;width:calc(108 * var(--rank-unit));height:calc(108 * var(--rank-unit));object-fit:cover;border-radius:50%;flex:none;border:calc(1 * var(--rank-unit)) solid #dce2f1;}
.order-ranking-page .ranking-row-name{margin-left:calc(28 * var(--rank-unit));font-size:calc(34 * var(--rank-unit));line-height:calc(44 * var(--rank-unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;font-weight:500;}
.order-ranking-page .ranking-row-count{margin-left:auto;padding-left:calc(12 * var(--rank-unit));color:#5957ff;font-size:calc(38 * var(--rank-unit));line-height:calc(48 * var(--rank-unit));font-weight:600;white-space:nowrap;flex:none;font-family:Arial,"PingFang SC",sans-serif;}
.order-ranking-page .ranking-row.is-me{background:#f4f6ff;}
.order-ranking-page .ranking-mine{position:relative;display:flex;align-items:center;gap:0;border-radius:calc(28 * var(--rank-unit));margin:calc(22 * var(--rank-unit)) 0 calc(34 * var(--rank-unit));padding:0 calc(34 * var(--rank-unit));min-height:calc(151 * var(--rank-unit));box-sizing:border-box;background:linear-gradient(110deg,#e8edff,#eff3ff);}
.order-ranking-page .ranking-mine-label{position:absolute;top:calc(16 * var(--rank-unit));left:calc(36 * var(--rank-unit));color:#5978df;font-size:calc(26 * var(--rank-unit));line-height:calc(36 * var(--rank-unit));font-weight:600;}
.order-ranking-page .ranking-my-rank{display:block;width:calc(222 * var(--rank-unit));flex:none;padding:calc(10 * var(--rank-unit)) calc(40 * var(--rank-unit)) 0 0;text-align:right;font-size:calc(60 * var(--rank-unit));line-height:calc(74 * var(--rank-unit));color:#5957ff;font-weight:600;font-style:italic;font-family:Arial,sans-serif;}
.order-ranking-page .ranking-unranked{font-size:calc(24 * var(--rank-unit));font-style:normal;white-space:nowrap;}
.order-ranking-page .ranking-mine .ranking-row-avatar{width:calc(112 * var(--rank-unit));height:calc(112 * var(--rank-unit));}
.order-ranking-page .ranking-my-name{margin-left:calc(30 * var(--rank-unit));min-width:0;flex:1;font-size:calc(34 * var(--rank-unit));line-height:calc(44 * var(--rank-unit));font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.order-ranking-page .ranking-cta{display:flex;align-items:center;justify-content:center;width:calc(100% - calc(24 * var(--rank-unit)));gap:calc(18 * var(--rank-unit));border:0;border-radius:calc(60 * var(--rank-unit));background:linear-gradient(110deg,#7e87ff,#6165ff);color:#fff;font-size:calc(38 * var(--rank-unit));font-weight:700;height:calc(111 * var(--rank-unit));margin:0 calc(12 * var(--rank-unit));line-height:1;box-shadow:0 calc(22 * var(--rank-unit)) calc(40 * var(--rank-unit)) #6470ff16;padding:0;min-width:0;}
.order-ranking-page .ranking-cta-arrow{width:calc(44 * var(--rank-unit));height:calc(37 * var(--rank-unit));object-fit:fill;filter:brightness(0) invert(1);}
.order-ranking-page .ranking-state{padding:calc(120 * var(--rank-unit)) calc(24 * var(--rank-unit));text-align:center;line-height:2;color:#727b98;font-size:calc(28 * var(--rank-unit));}
.order-ranking-page .ranking-state button{margin-top:calc(24 * var(--rank-unit));color:#5e65ee;}
.order-ranking-page .ranking-empty{position:absolute;left:calc(24 * var(--rank-unit));right:calc(24 * var(--rank-unit));top:calc(350 * var(--rank-unit));padding:calc(30 * var(--rank-unit));text-align:center;font-weight:600;font-size:calc(30 * var(--rank-unit));line-height:2;color:#626df7;background:#ffffffdc;border-radius:calc(24 * var(--rank-unit));}
.order-ranking-page .ranking-empty-help{display:block;font-size:calc(24 * var(--rank-unit));font-weight:400;color:#78829f;}
.order-ranking-page .ranking-short-list{text-align:center;padding:calc(28 * var(--rank-unit)) 0 calc(40 * var(--rank-unit));margin:0;font-size:calc(24 * var(--rank-unit));color:#8d95ae;}

.order-ranking-page .ranking-nav{position:absolute;z-index:2;left:0;top:36px;top:calc(36 * var(--rank-unit));width:100%;display:flex;align-items:center;justify-content:center;height:calc(84 * var(--rank-unit));}
.order-ranking-page .ranking-nav h1{margin:0;text-align:center;font-size:calc(40 * var(--rank-unit));line-height:calc(54 * var(--rank-unit));font-weight:700;letter-spacing:calc(1 * var(--rank-unit));}
.order-ranking-page .ranking-nav button{position:absolute;left:calc(48 * var(--rank-unit) - 22px);top:50%;transform:translateY(-50%);border:0;box-shadow:none;background:transparent;padding:0;display:flex;width:44px;height:44px;align-items:center;justify-content:center;min-width:0;}
.order-ranking-page .ranking-nav img{width:calc(50 * var(--rank-unit));height:calc(47 * var(--rank-unit));object-fit:fill;filter:brightness(0);}
.order-ranking-page .ranking-list-title h2{margin:0;font-size:inherit;font-weight:800;line-height:inherit;letter-spacing:calc(1 * var(--rank-unit));}
.order-ranking-page button.ranking-cta{background:linear-gradient(110deg,#7e87ff,#6165ff);color:#fff;}
.order-ranking-page button:focus-visible{outline:2px solid #4c5ad5;outline-offset:3px;}


/* source: recommend-ranking-20261015.css */
/* Selected recommendation mock: 853 x 1844. Configured level GIFs stay animated. */
body.recommend-rank-page{--recommend-unit:calc(min(100vw,480px) / 853);background:#f4f6ff;padding:0!important;}
body.recommend-rank-page .site-header{display:none!important;}
body.recommend-rank-page .app-shell{width:100%!important;max-width:480px!important;padding:0!important;margin:0 auto!important;border:0!important;border-radius:0!important;}
body.recommend-rank-page #mainView{width:100%!important;padding:0!important;margin:0!important;}

#mainView .home-shell.rank.rank-crystal{--recommend-unit:calc(min(100vw,480px) / 853);position:relative!important;min-height:100vh!important;color:#07143f!important;background:#f4f6ff!important;padding:0 0 calc(var(--bottom-nav-height) + var(--bottom-nav-offset) + 156 * var(--recommend-unit))!important;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;}
#mainView .home-shell.rank.rank-crystal .rank-hero{position:relative!important;height:calc(1000 * var(--recommend-unit))!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:0!important;background:none!important;overflow:hidden!important;box-sizing:border-box!important;}
#mainView .home-shell.rank.rank-crystal .rank-hero:before,#mainView .home-shell.rank.rank-crystal .rank-hero:after,#mainView .home-shell.rank.rank-crystal .hero-lights,#mainView .home-shell.rank.rank-crystal .rank-title-art,#mainView .home-shell.rank.rank-crystal .stage,#mainView .home-shell.rank.rank-crystal .rank-podium-bg{display:none!important;content:none!important;}
#mainView .home-shell.rank.rank-crystal .recommend-scene{position:absolute!important;left:0!important;top:0!important;display:block!important;width:100%!important;height:calc(1000 * var(--recommend-unit))!important;max-width:none!important;border:0!important;border-radius:0!important;object-fit:fill!important;pointer-events:none!important;}
#mainView .home-shell.rank.rank-crystal .hero-top{position:absolute!important;top:-8px!important;left:14px!important;right:14px!important;width:auto!important;height:68px!important;min-height:0!important;margin:0!important;padding:0 5px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;box-sizing:border-box!important;z-index:30!important;}
#mainView .home-shell.rank.rank-crystal .nav-tabs{display:grid!important;grid-template-columns:56px 56px 84px!important;align-items:center!important;gap:0!important;flex:none!important;width:196px!important;max-width:none!important;margin:0!important;padding:0!important;line-height:1!important;}
#mainView .home-shell.rank.rank-crystal .nav-tabs button{position:relative!important;display:block!important;width:100%!important;min-width:0!important;height:28px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;line-height:28px!important;font-size:16.5px!important;font-weight:600!important;text-align:left!important;color:rgba(255,255,255,.78)!important;white-space:nowrap!important;text-shadow:none!important;opacity:1!important;}
#mainView .home-shell.rank.rank-crystal .nav-tabs button.active{font-size:23px!important;color:#fff!important;font-weight:1000!important;text-shadow:none!important;}
#mainView .home-shell.rank.rank-crystal .nav-tabs button.active:after{content:""!important;display:block!important;position:absolute!important;left:40%!important;right:40%!important;bottom:calc(-12 * var(--recommend-unit))!important;height:calc(5 * var(--recommend-unit))!important;background:#fff!important;border-radius:calc(3 * var(--recommend-unit))!important;filter:none!important;}
#mainView .home-shell.rank.rank-crystal .search-bubble{position:absolute!important;left:214px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 47px!important;width:47px!important;height:36px!important;padding:0!important;margin:0!important;border:.5px solid rgba(255,255,255,.28)!important;border-radius:999px!important;box-sizing:border-box!important;background:rgba(66,74,160,.34)!important;box-shadow:inset 0 1.5px 5px rgba(255,255,255,.16),0 4px 9px rgba(56,66,150,.12)!important;}
#mainView .home-shell.rank.rank-crystal .search-icon-img{display:block!important;width:21px!important;height:21px!important;object-fit:contain!important;border:0!important;}
#mainView .home-shell.rank.rank-crystal .podium{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important;z-index:2!important;}
#mainView .home-shell.rank.rank-crystal .podium-item{display:block!important;position:absolute!important;top:calc(451 * var(--recommend-unit))!important;left:calc(24 * var(--recommend-unit))!important;width:calc(248 * var(--recommend-unit))!important;height:auto!important;margin:0!important;padding:0!important;text-align:center!important;transform:none!important;}
#mainView .home-shell.rank.rank-crystal .podium-item.first{left:calc(277 * var(--recommend-unit))!important;top:calc(345 * var(--recommend-unit))!important;width:calc(298 * var(--recommend-unit))!important;margin:0!important;transform:none!important;}
#mainView .home-shell.rank.rank-crystal .podium-item.third{left:calc(586 * var(--recommend-unit))!important;top:calc(459 * var(--recommend-unit))!important;width:calc(248 * var(--recommend-unit))!important;transform:none!important;}
#mainView .home-shell.rank.rank-crystal .podium-item .avatark{flex:none!important;position:relative!important;display:block!important;width:calc(248 * var(--recommend-unit))!important;height:calc(281 * var(--recommend-unit))!important;margin:0!important;padding:0!important;}
#mainView .home-shell.rank.rank-crystal .podium-item.first .avatark{width:calc(298 * var(--recommend-unit))!important;height:calc(318 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .podium-item .pod-avatar{z-index:1!important;position:absolute!important;left:51.05%!important;top:48.86%!important;transform:translate(-50%,-50%)!important;display:block!important;width:77%!important;height:auto!important;aspect-ratio:1!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;padding:0!important;border:0!important;background:#e5ebff!important;box-shadow:none!important;}
#mainView .home-shell.rank.rank-crystal .podium-item.first .pod-avatar{left:50.66%!important;top:50.58%!important;width:73%!important;height:calc(217.54 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .podium-item.second .pod-avatar{height:calc(190.96 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .podium-item.third .pod-avatar{left:50%!important;top:50.09%!important;width:75%!important;height:calc(186 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .podium-item .recommend-frame{z-index:2!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;display:block!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;background:none!important;box-shadow:none!important;pointer-events:none!important;}
#mainView .home-shell.rank.rank-crystal .pod-name{display:block!important;height:calc(44 * var(--recommend-unit))!important;width:calc(100% - calc(12 * var(--recommend-unit)))!important;max-width:none!important;line-height:calc(44 * var(--recommend-unit))!important;margin:0 calc(6 * var(--recommend-unit)) 0!important;padding:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:calc(34 * var(--recommend-unit))!important;font-weight:700!important;color:#07143f!important;}
#mainView .home-shell.rank.rank-crystal .podium-item.first .pod-name{height:calc(46 * var(--recommend-unit))!important;line-height:calc(46 * var(--recommend-unit))!important;font-size:calc(36 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .rank-identity-row{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:calc(7 * var(--recommend-unit))!important;margin:0!important;padding:0!important;height:calc(96 * var(--recommend-unit))!important;min-height:0!important;}
#mainView .home-shell.rank.rank-crystal .rank-badge-slot{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:calc(184 * var(--recommend-unit))!important;height:calc(48.3 * var(--recommend-unit))!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;}
#mainView .home-shell.rank.rank-crystal .rank-badge-art{position:static!important;display:block!important;float:none!important;transform:none!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important;}
#mainView .home-shell.rank.rank-crystal .rank-game-pill{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:calc(220 * var(--recommend-unit))!important;height:calc(39 * var(--recommend-unit))!important;line-height:calc(39 * var(--recommend-unit))!important;padding:0 calc(16 * var(--recommend-unit))!important;margin:0!important;border:0!important;border-radius:calc(12 * var(--recommend-unit))!important;box-sizing:border-box!important;font-size:calc(26 * var(--recommend-unit))!important;font-weight:600!important;color:#fff!important;background:#4d9aff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:none!important;}
#mainView .home-shell.rank.rank-crystal .vote-box{display:block!important;width:calc(210 * var(--recommend-unit))!important;height:calc(60 * var(--recommend-unit))!important;line-height:calc(60 * var(--recommend-unit))!important;margin:calc(8 * var(--recommend-unit)) auto 0!important;padding:0!important;border:calc(2 * var(--recommend-unit)) solid #ffffffbd!important;border-radius:calc(15 * var(--recommend-unit))!important;background:#ffffffc7!important;color:#07143f!important;font-size:calc(34 * var(--recommend-unit))!important;font-weight:700!important;box-shadow:none!important;box-sizing:border-box!important;}
#mainView .home-shell.rank.rank-crystal .podium-item.first .vote-box{width:calc(226 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .podium-item.second .pod-name,#mainView .home-shell.rank.rank-crystal .podium-item.second .rank-identity-row,#mainView .home-shell.rank.rank-crystal .podium-item.second .vote-box,#mainView .home-shell.rank.rank-crystal .podium-item.third .pod-name,#mainView .home-shell.rank.rank-crystal .podium-item.third .rank-identity-row,#mainView .home-shell.rank.rank-crystal .podium-item.third .vote-box{position:relative!important;top:calc(-22 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .podium-item.first .pod-name,#mainView .home-shell.rank.rank-crystal .podium-item.first .rank-identity-row,#mainView .home-shell.rank.rank-crystal .podium-item.first .vote-box{position:relative!important;top:calc(-4 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .rank-list-card{position:relative!important;z-index:3!important;margin:calc(-7 * var(--recommend-unit)) calc(8 * var(--recommend-unit)) 0!important;padding:calc(16 * var(--recommend-unit)) calc(30 * var(--recommend-unit)) calc(8 * var(--recommend-unit))!important;min-height:0!important;border:0!important;border-radius:calc(30 * var(--recommend-unit)) calc(30 * var(--recommend-unit)) 0 0!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;box-sizing:border-box!important;}
#mainView .home-shell.rank.rank-crystal .rank-row{display:flex!important;align-items:center!important;gap:0!important;height:calc(170 * var(--recommend-unit))!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-bottom:calc(1.5 * var(--recommend-unit)) solid #e9edf7!important;background:none!important;box-shadow:none!important;box-sizing:border-box!important;}
#mainView .home-shell.rank.rank-crystal .rank-row:last-child{border-bottom:0!important;}
#mainView .home-shell.rank.rank-crystal .rank-index{display:block!important;width:calc(64 * var(--recommend-unit))!important;flex:0 0 calc(64 * var(--recommend-unit))!important;margin:0!important;padding:0!important;text-align:center!important;font-size:calc(32 * var(--recommend-unit))!important;line-height:calc(44 * var(--recommend-unit))!important;font-weight:700!important;color:#7b849d!important;}
#mainView .home-shell.rank.rank-crystal .rank-row .rank-avatar{display:block!important;width:calc(118 * var(--recommend-unit))!important;height:calc(118 * var(--recommend-unit))!important;min-width:0!important;flex:0 0 calc(118 * var(--recommend-unit))!important;object-fit:cover!important;margin:0 calc(26 * var(--recommend-unit)) 0 calc(5 * var(--recommend-unit))!important;padding:0!important;border:0!important;border-radius:50%!important;background:#edf0ff!important;}
#mainView .home-shell.rank.rank-crystal .rank-info{display:block!important;flex:1!important;min-width:0!important;margin:0!important;padding:0!important;}
#mainView .home-shell.rank.rank-crystal .rank-name{display:block!important;max-width:100%!important;height:calc(48 * var(--recommend-unit))!important;line-height:calc(48 * var(--recommend-unit))!important;margin:0 0 calc(10 * var(--recommend-unit))!important;padding:0!important;color:#07143f!important;font-size:calc(36 * var(--recommend-unit))!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#mainView .home-shell.rank.rank-crystal .rank-meta{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:calc(10 * var(--recommend-unit))!important;min-width:0!important;margin:0!important;padding:0!important;}
#mainView .home-shell.rank.rank-crystal .rank-meta .rank-game-pill{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:calc(168 * var(--recommend-unit))!important;height:calc(40 * var(--recommend-unit))!important;line-height:calc(40 * var(--recommend-unit))!important;border-radius:calc(7 * var(--recommend-unit))!important;font-size:calc(25 * var(--recommend-unit))!important;padding:0 calc(12 * var(--recommend-unit))!important;color:#175ee0!important;background:#e8f1ff!important;}
#mainView .home-shell.rank.rank-crystal .rank-meta .rank-badge-slot{width:calc(138 * var(--recommend-unit))!important;height:calc(48.3 * var(--recommend-unit))!important;flex:0 0 calc(138 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .rank-score{display:block!important;flex:none!important;margin:0 0 0 calc(16 * var(--recommend-unit))!important;padding:0!important;font-size:calc(36 * var(--recommend-unit))!important;line-height:calc(48 * var(--recommend-unit))!important;font-weight:700!important;color:#1659e9!important;white-space:nowrap!important;}
#mainView .home-shell.rank.rank-crystal .vote-bar{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(var(--bottom-nav-height) + var(--bottom-nav-offset))!important;transform:translateX(-50%)!important;width:100%!important;max-width:480px!important;height:calc(156 * var(--recommend-unit))!important;display:flex!important;align-items:center!important;gap:0!important;margin:0!important;padding:0 calc(38 * var(--recommend-unit))!important;z-index:40!important;border:0!important;border-radius:calc(40 * var(--recommend-unit)) calc(40 * var(--recommend-unit)) 0 0!important;box-sizing:border-box!important;background:#e9eeff url("/web/assets/recommend-ranking/recommend-vote-bar.webp?v=b6e2e48abd81b1e39b70") center calc(-77 * var(--recommend-unit)) / 100% calc(301 * var(--recommend-unit)) no-repeat!important;box-shadow:none!important;}
#mainView .home-shell.rank.rank-crystal .me-label{display:block!important;flex:none!important;margin:0 calc(23 * var(--recommend-unit)) 0 0!important;padding:0!important;color:#5d79b4!important;font-size:calc(36 * var(--recommend-unit))!important;font-weight:700!important;line-height:calc(46 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .vote-bar .vote-avatar{display:block!important;flex:none!important;width:calc(110 * var(--recommend-unit))!important;height:calc(110 * var(--recommend-unit))!important;margin:0 calc(30 * var(--recommend-unit)) 0 0!important;padding:0!important;object-fit:cover!important;border:0!important;border-radius:50%!important;background:#d5e5ff!important;}
#mainView .home-shell.rank.rank-crystal .vote-user{flex:1!important;min-width:0!important;margin:0!important;padding:0!important;text-align:left!important;font-size:calc(36 * var(--recommend-unit))!important;font-weight:700!important;line-height:calc(46 * var(--recommend-unit))!important;color:#07143f!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#mainView .home-shell.rank.rank-crystal .vote-user .vote-remaining{display:block!important;margin:calc(5 * var(--recommend-unit)) 0 0!important;padding:0!important;font-size:calc(28 * var(--recommend-unit))!important;font-weight:500!important;line-height:calc(38 * var(--recommend-unit))!important;color:#6779a0!important;white-space:nowrap!important;}
#mainView .home-shell.rank.rank-crystal .vote-bar button{flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:calc(216 * var(--recommend-unit))!important;min-width:0!important;height:calc(108 * var(--recommend-unit))!important;min-height:0!important;line-height:1!important;margin:0 0 0 calc(15 * var(--recommend-unit))!important;padding:0 0 calc(4 * var(--recommend-unit))!important;border:0!important;border-radius:calc(55 * var(--recommend-unit))!important;color:#fff!important;font-size:calc(40 * var(--recommend-unit))!important;font-weight:700!important;background:#615bff url("/web/assets/recommend-ranking/recommend-vote-button.webp?v=59d0ac628c3747620076") center calc(-26 * var(--recommend-unit)) / calc(244 * var(--recommend-unit)) calc(163 * var(--recommend-unit)) no-repeat!important;box-shadow:none!important;text-shadow:0 calc(2 * var(--recommend-unit)) calc(3 * var(--recommend-unit)) #5261da55!important;}
#mainView .home-shell.rank.rank-crystal .vote-bar button:after{border:0!important;}
#mainView .home-shell.rank.rank-crystal .empty{padding:calc(50 * var(--recommend-unit)) 0!important;font-size:calc(28 * var(--recommend-unit))!important;line-height:calc(42 * var(--recommend-unit))!important;color:#7b849d!important;text-align:center!important;}
#mainView .home-shell.rank.rank-crystal .rank-search-panel{position:absolute!important;top:calc(143 * var(--recommend-unit))!important;left:calc(20 * var(--recommend-unit))!important;right:calc(20 * var(--recommend-unit))!important;z-index:60!important;border-radius:calc(24 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal .rank-game-filter{position:relative!important;top:calc(144 * var(--recommend-unit))!important;z-index:20!important;margin:0!important;padding:0 calc(20 * var(--recommend-unit))!important;height:calc(78 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal.rank-mode-game .rank-hero{height:calc(1080 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal.rank-mode-game .recommend-scene{top:calc(80 * var(--recommend-unit))!important;}
#mainView .home-shell.rank.rank-crystal.rank-mode-game .podium{top:calc(80 * var(--recommend-unit))!important;}

#mainView .home-shell.rank.rank-crystal [data-player-profile]:focus-visible{outline:2px solid #4c5fe9;outline-offset:2px;}


/* source: customer-payment-success.css */
body.customer-success-route{background:#f8f9ff;padding:0!important;margin:0!important}
body.customer-success-route::before,body.customer-success-route::after{display:none!important}
.customer-success-route .topbar,.customer-success-route .mobile-nav{display:none!important}
.customer-success-route #app.app-shell{width:100%!important;max-width:none!important;min-height:100svh;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent;overflow:visible!important}
.customer-success-route #mainView.main-view{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:0!important;overflow:visible!important}
.customer-success{box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;min-height:100svh;margin:0 auto;padding:0 27px;overflow:hidden;color:#08132b;background:#fafaff url('/web/assets/payment-success/page-background-v1.webp') center top/100% 100% no-repeat;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
.customer-success *{box-sizing:border-box}
.customer-success-route .customer-success{max-width:480px}
.customer-success-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;flex:none;height:72px;margin:0 -8px}
.customer-success-header h1{margin:0;font-size:18px;line-height:24px;font-weight:700;text-align:center;letter-spacing:0}
.customer-success-back{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.customer-success-back img{width:24px;height:24px}
.customer-success-hero{position:relative;flex:none;height:150px;margin-top:24px;padding-top:14px}
.customer-success-brand{position:relative;z-index:1;margin:0;color:#6573ff;font-size:16px;line-height:22px;font-weight:700;letter-spacing:1px}
.customer-success-title{position:relative;z-index:1;margin:10px 0 0;font-size:42px;line-height:48px;font-weight:700;letter-spacing:0}
.customer-success-subtitle{position:relative;z-index:1;margin:0;color:#69708a;font-size:15px;line-height:24px;font-weight:500;white-space:nowrap}
.customer-success-seal{position:absolute;z-index:0;top:-13px;right:-7px;width:148px;height:148px;object-fit:contain;pointer-events:none}
.customer-success-receipt{position:relative;flex:none;min-height:244px;padding:24px 25px 25px}
.customer-success .customer-success-paper{position:absolute;z-index:0;top:-12px;left:-10px;width:calc(100% + 20px);max-width:none;height:280px;pointer-events:none}
.customer-success-receipt-content{position:relative;z-index:1}
.customer-success-paid-label{margin:0;color:#687189;font-size:16px;line-height:24px;font-weight:500}
.customer-success-amount{display:flex;align-items:baseline;gap:5px;margin:6px 0 0;color:#6155ff;font-size:48px;line-height:58px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-1px;overflow-wrap:anywhere}
.customer-success-amount-currency{font-size:26px;letter-spacing:0}
.customer-success-divider{margin:15px 0 14px;border:0;border-top:1px dashed #dfe2ef}
.customer-success-receipt-rows{display:grid;gap:10px;margin:0}
.customer-success-receipt-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:15px;line-height:22px}
.customer-success-receipt-row dt{flex:none;color:#6a728a;font-weight:500}
.customer-success-receipt-row dd{margin:0;color:#0c172e;font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0;font-variant-numeric:tabular-nums}
.customer-success-actions{margin-top:auto;padding-top:24px;padding-bottom:max(40px,calc(100svh * .168));position:relative;z-index:1}
.customer-success-return-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;padding:14px 18px;border:0;border-radius:14px;background:#5866ff url('/web/assets/payment-success/button-fill-v1.webp') center/100% 100% no-repeat;color:#fff;font:700 18px/24px -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;box-shadow:0 12px 26px rgba(91,102,248,.14);cursor:pointer}
.customer-success-return-button:disabled{cursor:wait;opacity:.72}
.customer-success-return-button img{width:22px;height:22px;filter:brightness(0) invert(1)}
.customer-success-return-button:focus-visible,.customer-success-back:focus-visible{outline:3px solid #7385ff;outline-offset:4px}
.customer-success-live-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:375px){.customer-success{padding:0 24px}.customer-success-title{font-size:38px;line-height:46px}.customer-success-hero{height:142px}.customer-success-seal{width:135px;height:135px;right:-7px}.customer-success-subtitle{font-size:14px}.customer-success-receipt{min-height:236px;padding:22px 24px}.customer-success .customer-success-paper{height:270px}.customer-success-amount{font-size:44px}.customer-success-return-button{font-size:17px}}
@media(max-width:340px){.customer-success-title{font-size:34px}.customer-success-brand{font-size:15px}.customer-success-subtitle{font-size:12px}.customer-success-seal{width:120px;height:120px;right:-10px}.customer-success-receipt-row{font-size:14px}.customer-success-amount{font-size:40px}.customer-success-actions{padding-bottom:40px}}