/* Secondary member pages share the mobile app's spacing, surfaces and controls. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-screen .page-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sub-intro>span{display:block;color:#91a9f4;font-size:10px;font-weight:800;letter-spacing:.16em}
.sub-intro h2{margin:8px 0 5px;font-size:25px;line-height:1.2;letter-spacing:-.04em;color:#f7f8ff}
.sub-intro p{margin:0;color:#9ca8c2;font-size:12px;line-height:1.55}
.sub-section-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 2px 12px}
.sub-section-heading>span{font-size:15px;font-weight:750;color:#f5f6fe}
.sub-section-heading small{color:#8f9bb6;font-size:11px}
.page-footnote{font-size:11px;line-height:1.6;color:#8e9bb8;text-align:center;margin:20px 8px}
.empty-panel{min-height:190px;padding:29px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;background:#151925;border-color:#303b55}
.empty-panel .empty-icon{width:46px;height:46px;border-radius:15px;background:#242f53;display:grid;place-items:center;margin-bottom:3px}
.empty-panel .empty-icon .icon{width:23px;height:23px;filter:brightness(0) saturate(100%) invert(73%) sepia(17%) saturate(1972%) hue-rotate(191deg)}
.empty-panel strong{font-size:14px;color:#f2f4fc}.empty-panel p{margin:0;color:#9ca8bd;font-size:12px;line-height:1.5}
.empty-panel button{margin-top:8px;min-height:43px}
.form-section-title{font-size:15px;font-weight:750;color:#edf0fe;margin:0 0 17px}
.form-rule{margin:12px 0 18px;color:#9cabc9;font-size:11px;line-height:1.55;background:#1e2740;border:1px solid #354465;border-radius:12px;padding:11px 12px}

.vip-hero{padding:21px 19px 19px;border:1px solid #596baa;background:radial-gradient(circle at 86% 7%,#3a4e9b,#1d274d 44%,#161b2e 83%);box-shadow:0 17px 36px #0a133f66}
.vip-hero-top{display:flex;justify-content:space-between;align-items:center;color:#c5d0ed;font-size:11px}
.vip-symbol{font-size:23px;background:linear-gradient(130deg,#53d6f4,#a17eff,#efa0d2);color:transparent;background-clip:text;-webkit-background-clip:text}
.vip-hero h2{font-size:29px;margin:5px 0 3px;letter-spacing:-.045em;color:#fff}.vip-hero>p{font-size:12px;color:#bbc8e4;margin:0}
.vip-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #6980af66;margin-top:20px;padding-top:16px}
.vip-metrics>div{min-width:0;padding:0 9px;text-align:center}.vip-metrics>div:first-child{padding-left:0}.vip-metrics>div+div{border-left:1px solid #7180ad66}
.vip-metrics strong{display:block;font-size:17px;color:#fff;font-variant-numeric:tabular-nums}.vip-metrics span{display:block;margin-top:5px;color:#a8b5d2;font-size:10px}
.vip-list{display:grid;gap:11px}.vip-tier{padding:17px;border-color:#313950;background:#171a26}
.vip-tier.current{border-color:#6578bb;background:linear-gradient(125deg,#1e274c,#171b30)}
.vip-tier-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.vip-tier-heading strong{font-size:16px;color:#f5f6fe}.vip-tier-heading .pill{font-size:10px}
.vip-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;padding-top:15px;margin-top:14px;border-top:1px solid #343d56}
.vip-tier-grid>div{display:flex;flex-direction:column;gap:3px}.vip-tier-grid small{font-size:10px;color:#9ba7bd}.vip-tier-grid strong{font-size:13px;color:#e4eafb;font-variant-numeric:tabular-nums}
.vip-tier>p{font-size:11px;color:#9aa8c4;margin:15px 0 0}
.tip-summary{display:flex;gap:13px;align-items:center;padding:19px;margin-top:19px;background:linear-gradient(110deg,#1e2b56,#1a2037);border-color:#465b9b}
.tip-symbol{width:44px;height:44px;border-radius:14px;background:#344b91;display:grid;place-items:center;color:#cfe2ff;font-size:30px}.tip-summary>div{flex:1;min-width:0}.tip-summary small{display:block;color:#abb9d5;font-size:11px}.tip-summary strong{display:block;margin-top:4px;color:#fff;font-size:19px}.tip-summary strong span{font-size:10px;color:#abb9d5}.tip-summary button{padding:0 11px;min-height:38px;font-size:11px}
.tip-content>.empty-panel{margin-top:15px}
.notice-list,.record-list,.accounts-list{display:grid;gap:11px}
.notice-card,.record-card,.account-entry{padding:16px;background:#171b27;border-color:#30394e}
.notice-card-top{display:flex;align-items:center;gap:8px}.notice-dot{width:7px;height:7px;background:#718bff;border-radius:50%;flex:none}.notice-dot.read{background:#606a82}
.notice-card-top strong{font-size:13px;min-width:0;flex:1}.notice-card-top button{min-height:31px;padding:0 9px;font-size:10px}.notice-read{font-size:10px;color:#9ca7ba}
.notice-card>small{display:block;margin:8px 0 0 15px;color:#8793aa;font-size:10px}.notice-card>p{font-size:12px;line-height:1.6;white-space:pre-wrap;color:#c8d0e1;margin:13px 0 0}
.notice-content>.empty-panel{margin-top:19px}
.info-feature{margin-top:19px;padding:19px;display:flex;align-items:center;gap:15px;background:linear-gradient(115deg,#1f2d5a,#1a1d37);border-color:#4b619e}
.info-feature .brand-mark{width:47px;height:47px}.info-feature>div{display:flex;flex-direction:column;gap:4px}.info-feature small{font-size:11px;color:#aebbd9}.info-feature strong{font-size:22px;color:#fff}
.info-block{padding:19px;margin-top:14px}.info-block h3{font-size:15px;margin:0 0 10px}.info-block p{font-size:12px;line-height:1.7;white-space:pre-wrap;color:#b8c4da;margin:0 0 12px}.resource-image{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:15px;margin-bottom:17px}
.report-hero,.withdraw-hero{margin-top:19px;padding:20px;background:radial-gradient(circle at 85% 10%,#384f9d,#1c2854 47%,#151b31 84%);border-color:#4e63a0}
.report-hero>span,.withdraw-hero>span{font-size:11px;color:#bcc9e8}.report-hero strong,.withdraw-hero strong{display:block;color:#fff;font-size:37px;line-height:1.1;letter-spacing:-.045em;margin:9px 0 0;font-variant-numeric:tabular-nums}
.report-hero small,.withdraw-hero strong small{font-size:11px;color:#b7c5e7;letter-spacing:0}.withdraw-hero>p{font-size:11px;color:#a9badc;margin:12px 0 0}
.report-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.report-metrics>div{padding:16px;background:#171b2a;border-color:#303b58}
.report-metrics span{font-size:11px;color:#9eabc6}.report-metrics strong{display:block;font-size:17px;margin-top:5px;font-variant-numeric:tabular-nums}
.report-content .filters{margin:0 0 15px}.report-content .filter{min-height:36px;padding:0 16px}
.record-card-main{display:flex;align-items:center;gap:11px;min-width:0}.record-icon{width:39px;height:39px;border-radius:13px;background:#26345b;display:grid;place-items:center;flex:none}.record-icon .icon{filter:brightness(0) saturate(100%) invert(72%) sepia(20%) saturate(2277%) hue-rotate(188deg)}
.record-card-main>div{min-width:0;flex:1}.record-card-main strong{display:block;font-size:12px;color:#ecf1fc}.record-card-main small{display:block;color:#8997b1;font-size:10px;margin-top:4px}.record-card-main b{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.record-card p{border-top:1px solid #313a4d;color:#9daac2;font-size:11px;line-height:1.5;margin:13px 0 0;padding-top:11px}
.record-card-foot{display:flex;justify-content:space-between;gap:9px;border-top:1px solid #313a4d;margin-top:13px;padding-top:11px;color:#99a9c4;font-size:10px;overflow-wrap:anywhere}
.record-status{color:#b8c7ff;white-space:nowrap}.records-content>.empty-panel,.report-content>.empty-panel{margin-top:15px}
.withdraw-form{padding:19px;margin-top:16px;border-color:#303a55}.withdraw-form .form-field{margin:0 0 15px}.withdraw-form .form-field label{font-size:12px;color:#c9d2e5}
.withdraw-form input,.withdraw-form select{height:50px;background:#111724;border-color:#35415c;color:#f4f6fd;border-radius:13px}
.withdraw-form .primary{width:100%}.subpage-link{display:flex;align-items:center;justify-content:space-between;width:100%;height:53px;padding:0 16px;margin-top:14px;border:1px solid #303c56;border-radius:15px;background:#171c2b;color:#d9e0f2;font-size:12px}.subpage-link span{font-size:21px;color:#98aaf5}
.withdraw-content>.empty-panel{margin-top:16px;min-height:225px}
.accounts-list{margin-top:19px}.account-entry-top{display:flex;align-items:center;justify-content:space-between}.account-type{color:#aabfff;font-size:11px}.account-entry-top button{border:0;background:#302436;color:#ffadc1;border-radius:999px;padding:5px 10px;font-size:10px}
.account-entry>strong{display:block;margin-top:13px;color:#fff;font-size:17px}.account-entry>p{font-size:11px;color:#aab6c9;overflow-wrap:anywhere;line-height:1.5;margin:7px 0}.account-entry>small{color:#8998b1}
.accounts-content>.empty-panel{margin-top:18px}.account-add{margin-top:16px;min-height:48px}
.kyc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 14px}.kyc-steps span{background:#181c2b;border:1px solid #303951;border-radius:999px;text-align:center;padding:9px 2px;color:#8f9db6;font-size:10px;white-space:nowrap}
.kyc-steps .active{color:#d7e1ff;border-color:#5678e7;background:#243763}
.kyc-form{padding:19px}.kyc-form .form-field{margin:0 0 17px}.kyc-form .file-title{margin:5px 0 13px}
.kyc-form .file-box{height:128px;border-radius:15px;background:#171d2d;border-color:#4a5d92;color:#abbad7;gap:7px}.kyc-form .file-box strong{font-size:12px;color:#d8e1f6}.kyc-form .file-box small{font-size:10px;color:#9eacca}.kyc-form .file-box .icon{width:25px;height:25px;filter:brightness(0) saturate(100%) invert(77%) sepia(10%) saturate(2800%) hue-rotate(185deg)}
.kyc-form .form-rule{margin-top:16px}.kyc-status{font-size:12px;text-align:center;color:#afd2ff;margin:15px 0 0}
.support-heading{margin-top:3px;display:flex;align-items:center;gap:11px;padding:14px 2px 18px;border-bottom:1px solid #273149}.support-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#293b79}.support-heading>div{display:flex;flex-direction:column;gap:4px;flex:1}.support-heading strong{font-size:14px}.support-heading small{color:#8f9db8;font-size:11px}.support-online{font-size:10px;color:#63dac5}
.support-chat-list{display:flex;flex-direction:column;gap:13px;min-height:210px;padding:20px 0}.chat-line{max-width:82%;display:flex;flex-direction:column;align-items:flex-start}.chat-line.mine{align-self:flex-end;align-items:flex-end}.chat-bubble{border:1px solid #33405c;background:#1b2439;border-radius:16px 16px 16px 5px;padding:11px 13px;color:#f3f6fc;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.chat-line.mine .chat-bubble{background:#315de6;border-color:#4777fa;border-radius:16px 16px 5px 16px}.chat-line small{color:#8290a8;font-size:9px;margin:5px 4px 0}
.support-composer{display:flex;align-items:flex-end;gap:9px;padding:9px;border-radius:18px;background:#171d2c;border-color:#33405e}.support-composer textarea{flex:1;min-height:43px;max-height:120px;resize:vertical;padding:11px 12px;background:#101624;border:1px solid #35415b;border-radius:12px;color:#f1f4fc;font-size:12px}.support-composer button{min-width:65px;min-height:43px;padding:0 10px;font-size:12px}
.support-channel-list{display:grid;gap:10px;margin-top:19px}.support-channel{width:100%;display:flex;align-items:center;gap:12px;text-align:left;text-decoration:none;padding:13px 15px;color:#f6f7fd;background:#171b28;border-color:#303a55}.support-channel-icon{width:42px;height:42px;background:#2a3b77;border-radius:13px;display:grid;place-items:center}.support-channel>span:nth-child(2){min-width:0;flex:1}.support-channel strong{display:block;font-size:13px}.support-channel small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-top:4px}.support-channel b{color:#92a9e5;font-size:20px}
.detail-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.detail-kicker{font-size:9px;color:#93a9ec;letter-spacing:.13em;font-weight:800}.detail-intro h2{margin:7px 0 5px;font-size:23px}.detail-intro p{font-size:11px;color:#a3aec2;margin:0}.detail-rating{display:flex;gap:13px;align-items:center;margin:13px 0 15px;font-size:11px;color:#9ba7b9}.detail-rating .stars{font-size:11px}.detail-section p{font-size:12px;line-height:1.6;margin:0}.detail-photo .verified{background:#145e58;color:#adf5e7}

@media(max-width:899px){
  .page-screen .page-header{height:62px;position:sticky;top:0;font-size:16px;letter-spacing:0}
  .page-screen .header-back{top:13px;left:12px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#161b2a}
  .page-screen .header-back .icon{width:19px;height:19px}
  .page-screen .header-side{top:12px;right:17px}
  .page-screen .header-side button{width:36px;height:36px;border-radius:50%;border:1px solid #3b4a6c;background:#202943;color:#d7e4ff;font-size:24px;line-height:1}
  .page-screen .content{padding:20px 16px 92px}
  .page-screen .sub-intro{margin:2px 2px 0}
  [class*="route-girl-"] .detail-photo{height:42dvh;min-height:270px;max-height:360px}[class*="route-girl-"] .detail-content{padding:19px 17px 115px}
  [class*="route-girl-"] .sticky-action{padding:11px 16px calc(11px + env(safe-area-inset-bottom));background:linear-gradient(#06091200,#060912ee 35%);z-index:21}
  [class*="route-girl-"] .sticky-action .primary{min-height:49px}
  .merchant-banner{padding:18px 17px 17px;margin:16px 16px 18px;border-radius:22px}.merchant-banner-icon{font-size:25px}
  .merchant-banner h1{font-size:17px;margin:4px 0 14px}.merchant-banner .merchant-progress{height:7px}
  .merchant-count{font-size:11px;margin:6px 0 10px}.merchant-balance{font-size:12px;margin-top:4px}
  .merchant-content{padding:0 16px 90px}.merchant-state{min-height:185px;padding:25px 18px}.merchant-state-icon{font-size:29px}
  .merchant-state.locked{min-height:0;background:#30202f;border-color:#ad657e}.merchant-state.locked h2{color:#ffd3dd}
  .merchant-state.locked p{color:#e5b7c7;font-size:12px}.merchant-order-card{padding:17px 15px;border-radius:20px}
  .merchant-task-visual{margin:12px 0;padding:10px}.merchant-task-visual img,.merchant-task-visual>span{width:60px;height:60px}
  .merchant-card-body{padding-bottom:8px}.merchant-info-row{min-height:27px;gap:12px}.merchant-info-row strong{text-align:right;overflow-wrap:anywhere}
  .merchant-main-btn,.merchant-blue-btn{min-height:48px!important;font-size:13px!important}.merchant-history{margin-top:16px}.merchant-history>button{height:47px}
  .merchant-demo-note{line-height:1.5;text-align:center}
  .video-modal{max-height:90dvh;overflow:auto}.video-modal .page-header{height:58px}.video-modal .photo{height:36dvh;max-height:300px}
  .sheet{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.sheet .form-field input{height:49px}
  .modal{padding:20px;border-radius:20px}.modal p{font-size:12px}
}
@media(max-width:350px){.kyc-steps{gap:4px}.kyc-steps span{font-size:9px}.kyc-form .file-boxes{grid-template-columns:1fr}.kyc-form .file-box{height:100px}}
@media(min-width:900px){
  .page-screen .content{max-width:900px}
  .sub-intro>span{color:#8254cc}.sub-intro h2{color:#21152b}.sub-intro p,.page-footnote{color:#746b80}.sub-section-heading>span{color:#251b2e}.sub-section-heading small{color:#918797}
  .empty-panel,.vip-tier,.notice-card,.record-card,.account-entry,.info-block,.withdraw-form,.support-channel,.kyc-form{background:#fff;border-color:#e8deef}
  .empty-panel strong,.vip-tier-heading strong,.vip-tier-grid strong,.notice-card-top strong,.record-card-main strong,.account-entry>strong,.form-section-title,.support-heading strong,.support-channel strong{color:#271a32}
  .empty-panel p,.vip-tier-grid small,.vip-tier>p,.notice-card>p,.record-card p,.account-entry>p,.info-block p{color:#756b7e}
  .vip-hero,.report-hero,.withdraw-hero,.tip-summary,.info-feature{background:radial-gradient(circle at 84% 15%,#e1d8fb,#fff 67%);border-color:#e6d8f0;box-shadow:0 15px 35px #73528e18}
  .vip-hero h2,.vip-metrics strong,.tip-summary strong,.info-feature strong,.report-hero strong,.withdraw-hero strong{color:#503182}
  .vip-hero-top,.vip-hero>p,.vip-metrics span,.tip-summary small,.info-feature small,.report-hero>span,.withdraw-hero>span,.withdraw-hero>p{color:#78688d}
  .vip-metrics,.vip-tier-grid{border-color:#e8ddef}.vip-metrics>div+div{border-color:#e8ddef}.vip-tier.current{background:#f6f0ff;border-color:#c8b1ee}
  .record-icon,.support-channel-icon,.support-avatar,.empty-panel .empty-icon{background:#f0e8fb}.report-metrics>div{background:#fff;border-color:#e8deef}.report-metrics span,.record-card-main small,.notice-card>small,.support-heading small{color:#81768d}
  .record-card-foot,.record-card p,.notice-card>p{border-color:#ece3f1}.record-card-main b,.record-status{color:#7545bf}
  .withdraw-form input,.withdraw-form select,.support-composer textarea{background:#fff;color:#25192e;border-color:#e4d9ed}.form-rule{background:#f6f1fc;border-color:#e4d7f0;color:#786b8a}
  .subpage-link{background:#fff;border-color:#e7ddee;color:#473350}.account-entry-top button{background:#fff1f4;color:#bb4b72}
  .kyc-steps span{background:#fff;border-color:#e7daef;color:#83778c}.kyc-steps .active{background:#eee2ff;border-color:#b995e9;color:#7140ae}
  .kyc-form .file-box{background:#faf7fe;border-color:#d5c3e9;color:#6e5d79}.kyc-form .file-box strong{color:#453352}.kyc-form .file-box small{color:#8c7e96}
  .support-heading{border-color:#e9deef}.chat-bubble{background:#f7f2fb;border-color:#e8ddee;color:#33243d}.chat-line.mine .chat-bubble{color:#fff}.support-composer{background:#fff;border-color:#e7dbee}
  .support-channel small{color:#867b90}.detail-intro h2{color:#2a1d34}.detail-section p{color:#756b7e}
}