/* The member surface follows the supplied deeppurple template. All rules stay inside H5. */
body.member-mode{--primary:#a700ff;--primary-dark:#8800cf;--primary-light:#f0dcfa;--bg:#fff;--ink:#212529;--muted:#6c757d;--line:#e8e2ec;background:#f2edf4;color:#212529;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:16px;line-height:1.4;}
body.member-mode #app{background:linear-gradient(180deg,#fcedff 0,#fff 650px);box-shadow:0 0 30px #3320410a;border-color:#eee5f2;}
body.member-mode a{color:inherit;}
body.member-mode h1,body.member-mode h2,body.member-mode h3,body.member-mode strong{color:inherit;letter-spacing:0;}
body.member-mode .btn{min-height:46px;padding:10px 20px;border:0;border-radius:30px;background:#a700ff;color:#fff;box-shadow:none;font-size:16px;line-height:1.4;font-weight:400;}
body.member-mode .btn:hover{background:#e36900;color:#fff;}
body.member-mode .btn.secondary{background:#fff;color:#a700ff;border:1px solid #dbc7ea;}
body.member-mode .btn.soft{background:#f0dcfa;color:#a700ff;}
body.member-mode .btn.danger{background:#fff0ef;color:#c94940;}
body.member-mode .btn.text-link,body.member-mode .text-link{background:none;border:0;color:#f87708;padding:8px 0;min-height:44px;font-size:14px;}
body.member-mode .btn svg{height:20px;width:20px;}
body.member-mode button:focus-visible,body.member-mode a:focus-visible{outline:3px solid #e7b3ff;outline-offset:3px;}
body.member-mode .legacy-member-topbar{height:54px;display:grid;grid-template-columns:60px 1fr 60px;gap:0;align-items:center;background:transparent;position:relative;border:0;box-shadow:none;padding:0 15px;}
body.member-mode .legacy-header-side{display:flex;align-items:center;}
body.member-mode .legacy-header-side:last-child{justify-content:flex-end;}
body.member-mode .legacy-header-title{font-size:18px;font-weight:400;text-align:center;white-space:nowrap;}
body.member-mode .legacy-header-button{background:none;border:0;padding:0;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:#212529;font-size:16px;position:relative;}
body.member-mode .legacy-header-button svg{height:24px;width:24px;}
body.member-mode .legacy-back svg{transform:rotate(180deg);}
body.member-mode .legacy-header-support,body.member-mode .legacy-header-team{background:linear-gradient(135deg,#a700ff,#00189a);color:white;}
body.member-mode .legacy-header-support .legacy-header-button,body.member-mode .legacy-header-team .legacy-header-button{color:white;}
body.member-mode .legacy-page{padding:15px 15px calc(85px + env(safe-area-inset-bottom));max-width:430px;}
body.member-mode .legacy-home-page{padding:0 0 calc(85px + env(safe-area-inset-bottom));}
body.member-mode .legacy-container{padding:0 15px;}
body.member-mode .legacy-footer{height:calc(60px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);background:#fffffff2;border-top:0;box-shadow:0 -.1rem .5rem #00000020;backdrop-filter:blur(8px);align-items:center;}
body.member-mode .legacy-footer a{height:60px;min-width:0;flex:1;display:flex;align-items:center;justify-content:center;gap:0;position:relative;color:#666;font-weight:400;font-size:11px;}
body.member-mode .legacy-footer a svg{width:27px;height:27px;}
body.member-mode .legacy-footer a.active{color:#f87708;}
body.member-mode .legacy-footer a.active:before,body.member-mode .legacy-footer a.active:after{display:none;}
body.member-mode .legacy-card,body.member-mode .panel,body.member-mode .ticket,body.member-mode .announcement,body.member-mode .address-card,body.member-mode .table-wrap tr{background:white;border:0;border-radius:10px;box-shadow:0 .3rem .6rem #0000001a;padding:15px;}
body.member-mode .legacy-subtitle{font-size:18px;font-weight:400;margin:24px 0 16px;}
body.member-mode .legacy-small-note{font-size:12px;line-height:1.7;color:#777;margin-top:20px;}
body.member-mode .legacy-main-button{display:flex;align-items:center;justify-content:center;width:100%;font-size:18px;min-height:50px;gap:8px;}
body.member-mode .legacy-banner{height:280px;position:relative;overflow:hidden;}
body.member-mode .legacy-banner-track{height:280px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
body.member-mode .legacy-banner-track::-webkit-scrollbar{display:none;}
body.member-mode .legacy-banner-slide{position:relative;display:block;flex:0 0 100%;height:280px;scroll-snap-align:start;overflow:hidden;background:#9c50ff;}
body.member-mode .legacy-banner-slide>img{display:block;width:100%;height:280px;object-fit:fill;}
body.member-mode .legacy-banner-copy{position:absolute;left:15px;right:15px;bottom:20px;background:#ffffffeb;color:#4c1766;padding:11px 15px;border-radius:10px;}
body.member-mode .legacy-banner-copy strong{display:block;font-size:16px;font-weight:400;}
body.member-mode .legacy-banner-copy p{font-size:12px;margin:3px 0 0;line-height:1.5;}
body.member-mode .legacy-banner-dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:3px;pointer-events:none;}
body.member-mode .legacy-banner-dots button{width:25px;height:20px;border:0;background:none;padding:6px;pointer-events:auto;}
body.member-mode .legacy-banner-dots button:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#ffffff88;}
body.member-mode .legacy-banner-dots button.active:after{background:white;}
body.member-mode .legacy-home-user{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px 15px;min-height:123px;}
body.member-mode .legacy-home-user>a{display:block;width:83px;height:83px;flex-shrink:0;}
body.member-mode .legacy-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;}
body.member-mode .legacy-home-user>span{max-width:220px;overflow-wrap:anywhere;font-size:20px;}
body.member-mode .legacy-income-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:center;}
body.member-mode .legacy-income-grid .legacy-card{padding:20px 10px 15px;}
body.member-mode .legacy-income-grid strong{font-size:24px;font-weight:400;white-space:nowrap;}
body.member-mode .legacy-income-grid p{font-size:14px;color:#888;margin:6px 0 0;}
body.member-mode .legacy-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:25px 0;}
body.member-mode .legacy-quick{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;padding:0;font-size:13px;color:#212529;white-space:nowrap;}
body.member-mode .legacy-quick-circle{display:flex;align-items:center;justify-content:center;border:1px solid #dcd3e1;background:#fff;border-radius:50%;width:60px;height:60px;}
body.member-mode .legacy-quick-circle svg{height:28px;width:28px;}
body.member-mode .legacy-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:25px 0 27px;}
body.member-mode .legacy-guide-grid a{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;text-align:center;}
body.member-mode .legacy-guide-grid img{width:54px;height:54px;object-fit:contain;}
body.member-mode .legacy-level-card{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:12px;margin:0 0 15px;padding:15px 12px;border:0;border-radius:10px;min-height:105px;color:white;background:linear-gradient(120deg,#748ca1,#aecad8);box-shadow:0 .3rem .6rem #0000001a;}
body.member-mode .legacy-level-card:before{content:"";position:absolute;inset:0;background:url('/assets/legacy/static/images/vip-bg.png') center/160px 64px no-repeat;z-index:-1;}
body.member-mode .legacy-level-card>img{width:64px;height:64px;object-fit:contain;flex-shrink:0;}
body.member-mode .legacy-level-card>div{flex:1;min-width:0;}
body.member-mode .legacy-level-title{display:flex;align-items:center;justify-content:space-between;gap:4px;}
body.member-mode .legacy-level-title h3{font-size:19px;font-weight:500;margin:0;}
body.member-mode .legacy-level-title span,body.member-mode .legacy-level-title button{font-size:12px;color:white;background:transparent;border:1px solid #ffffffaa;border-radius:20px;padding:4px 9px;white-space:nowrap;min-height:32px;}
body.member-mode .legacy-level-title button{border:0;min-height:44px;padding:0 2px;}
body.member-mode .legacy-level-card p{font-size:12px;color:white;margin:5px 0 0;line-height:1.5;}
body.member-mode .legacy-level-0{background:linear-gradient(240deg,rgb(12,36,66),rgb(79,116,146));}
body.member-mode .legacy-level-1{background:linear-gradient(240deg,rgb(89,112,149),rgb(118,138,170));}
body.member-mode .legacy-level-2{background:linear-gradient(240deg,rgba(219,111,33,.99),rgb(249,153,5));}
body.member-mode .legacy-level-3{background:linear-gradient(240deg,rgba(39,53,131,.99),rgb(47,67,177));}
body.member-mode .legacy-level-4{background:linear-gradient(240deg,rgba(61,147,181,.99),rgb(49,179,139));}
body.member-mode .legacy-level-5{background:linear-gradient(240deg,rgba(33,35,39,.99),rgb(67,69,73));}
body.member-mode .legacy-level-6{background:linear-gradient(240deg,rgba(72,0,154,.99),rgb(97,0,160));}
body.member-mode .legacy-level-7{background:linear-gradient(to right,rgb(186,139,2),rgb(209,145,60));}
body.member-mode .legacy-service-terms p{font-size:14px;color:#777;line-height:1.9;margin:0;}
body.member-mode .legacy-task-balance{display:flex;justify-content:space-between;align-items:center;padding:7px 15px 25px;}
body.member-mode .legacy-task-balance strong{font-size:30px;font-weight:400;}
body.member-mode .legacy-task-balance p{font-size:14px;color:#777;margin:6px 0 0;}
body.member-mode .legacy-circle-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;}
body.member-mode .legacy-circle-button svg{width:25px;height:25px;}
body.member-mode .legacy-task-tier{height:200px;background:linear-gradient(135deg,#a700ff,#00189a);border-radius:10px;padding:18px 20px;color:#fff;}
body.member-mode .legacy-task-tier-title{display:flex;justify-content:space-between;align-items:center;}
body.member-mode .legacy-task-tier-title h2{font-size:22px;font-weight:400;margin:0;}
body.member-mode .legacy-task-tier-title button{background:none;color:inherit;border:0;width:44px;height:36px;}
body.member-mode .legacy-task-tier-title button svg{width:21px;height:21px;}
body.member-mode .legacy-task-tier>p{font-size:13px;margin:2px 0 17px;color:#eee0ff;}
body.member-mode .legacy-task-counts{display:grid;grid-template-columns:1fr 1fr;text-align:center;}
body.member-mode .legacy-task-counts>div+div{border-left:1px solid #ffffff66;}
body.member-mode .legacy-task-counts strong{display:block;font-size:27px;font-weight:400;}
body.member-mode .legacy-task-counts span{font-size:13px;}
body.member-mode .legacy-task-summary{margin:-40px 15px 24px;position:relative;padding:5px 15px 18px;}
body.member-mode .legacy-task-summary-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;text-align:center;padding:15px 0;border-bottom:1px solid #f0edf2;}
body.member-mode .legacy-task-summary-row strong{display:block;font-weight:400;font-size:20px;}
body.member-mode .legacy-task-summary-row span{display:block;font-size:13px;margin-top:5px;color:#888;}
body.member-mode .legacy-task-start{padding-top:18px;}
body.member-mode .legacy-task-rules p{font-size:14px;line-height:1.9;margin:0 0 8px;color:#777;}
body.member-mode .legacy-task-rules p:last-child{margin:0;}
body.member-mode .legacy-catalog-toggle{background:none;color:#f87708;border:0;width:100%;min-height:54px;margin-top:10px;display:flex;align-items:center;justify-content:center;font-size:14px;gap:10px;}
body.member-mode .legacy-catalog-toggle svg{width:18px;height:18px;}
body.member-mode .legacy-task-catalog{padding-top:15px;}
body.member-mode .legacy-task-catalog[hidden]{display:none;}
body.member-mode .tabs{background:none;border-radius:30px;border:0;}
body.member-mode .tab{background:#fff;border:1px solid #ddd;border-radius:30px;color:#333;min-height:40px;font-size:13px;font-weight:400;padding:7px 15px;}
body.member-mode .tab.active{background:#a700ff;color:white;border-color:#a700ff;box-shadow:none;}
body.member-mode .legacy-order-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;}
body.member-mode .legacy-order-tabs .tab{flex:1 0 auto;}
body.member-mode .legacy-order-card{background:#fff;border-radius:10px;box-shadow:0 .3rem .6rem #0000001a;padding:15px;margin-bottom:20px;}
body.member-mode .legacy-order-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eee;padding-bottom:12px;font-size:12px;color:#777;}
body.member-mode .legacy-order-card .badge{font-size:12px;border-radius:20px;padding:4px 10px;}
body.member-mode .legacy-order-card .badge.pending,body.member-mode .legacy-order-card .badge.submitted{background:#ffc107;color:#2e2710;}
body.member-mode .legacy-order-product{display:flex;align-items:center;gap:15px;padding:20px 0;}
body.member-mode .legacy-order-product p{font-size:16px;overflow-wrap:anywhere;line-height:1.6;margin:0;}
body.member-mode .legacy-order-image{flex:0 0 60px;width:60px;height:60px;background:#f5eff8;border-radius:4px;}
body.member-mode .legacy-order-image img,body.member-mode .legacy-order-image svg{width:60px;height:60px;object-fit:contain;}
body.member-mode .legacy-order-card>footer>div:not(.legacy-order-actions){display:flex;justify-content:space-between;gap:8px;font-size:14px;margin-bottom:9px;}
body.member-mode .legacy-order-card>footer strong{font-weight:400;}
body.member-mode .legacy-order-number{color:#999;font-size:11px;margin:8px 0 15px;overflow-wrap:anywhere;}
body.member-mode .legacy-order-actions{display:flex;justify-content:space-between;}
body.member-mode .legacy-order-actions .btn{font-size:12px;min-height:38px;}
body.member-mode .legacy-profile-page{padding-top:0;}
body.member-mode .legacy-profile-head{margin:0 -15px;height:190px;padding:10px 25px;background:linear-gradient(135deg,#a700ff,#00189a);color:#fff;}
body.member-mode .legacy-header-profile{background:linear-gradient(135deg,#a700ff,#6c09d2);color:#fff;}
body.member-mode .legacy-header-profile .legacy-header-button{color:#fff;}
body.member-mode .legacy-profile-person{display:flex;align-items:center;gap:15px;}
body.member-mode .legacy-profile-person>button{width:60px;height:60px;flex-shrink:0;border:0;background:none;padding:0;}
body.member-mode .legacy-profile-person>div{min-width:0;}
body.member-mode .legacy-profile-person h2{font-size:18px;font-weight:400;margin:0 0 7px;overflow-wrap:anywhere;}
body.member-mode .legacy-profile-person h2 small{font-size:12px;padding:3px 7px;display:inline-block;border:1px solid #fff9;border-radius:20px;}
body.member-mode .legacy-profile-person p{font-size:12px;color:#efe3fa;margin:0;}
body.member-mode .legacy-profile-person p a{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;min-height:32px;min-width:32px;}
body.member-mode .legacy-profile-person p svg{height:18px;width:18px;}
body.member-mode .legacy-profile-money{position:relative;margin-top:-100px;padding:20px 15px;}
body.member-mode .legacy-profile-total{display:grid;grid-template-columns:1fr 1fr 44px;gap:8px;align-items:center;border-bottom:1px solid #eee;padding-bottom:20px;text-align:center;}
body.member-mode .legacy-profile-total strong{display:block;font-size:23px;font-weight:400;white-space:nowrap;}
body.member-mode .legacy-profile-total span,body.member-mode .legacy-profile-money-split span{display:block;font-size:12px;color:#888;margin-top:5px;}
body.member-mode .legacy-profile-money-split{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding-top:18px;}
body.member-mode .legacy-profile-money-split strong{font-weight:400;font-size:20px;}
body.member-mode .legacy-profile-money-split>div+div{border-left:1px solid #eee;}
body.member-mode .legacy-account-menu{padding:0;margin-top:24px;overflow:hidden;}
body.member-mode .legacy-menu-row{width:100%;display:flex;align-items:center;gap:15px;min-height:80px;padding:15px;background:white;border:0;border-bottom:1px solid #efefef;color:#212529;font-size:16px;text-align:left;}
body.member-mode .legacy-menu-row:last-child{border-bottom:0;}
body.member-mode .legacy-menu-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:#dbc7ea;color:#a700ff;}
body.member-mode .legacy-menu-icon svg{width:24px;height:24px;}
body.member-mode .legacy-chevron{margin-left:auto;font-size:25px;color:#999;font-weight:300;}
body.member-mode .legacy-support-page{padding-top:0;}
body.member-mode .legacy-support-head{margin:0 -15px;height:155px;background:linear-gradient(135deg,#a700ff,#00189a);text-align:center;color:white;padding-top:20px;}
body.member-mode .legacy-support-head h1{font-size:22px;font-weight:400;margin:0;}
body.member-mode .legacy-support-card{position:relative;margin:-70px 0 24px;padding:20px;text-align:center;}
body.member-mode .legacy-support-card p{font-size:16px;margin:0 0 15px;}
body.member-mode .legacy-support-card>p:first-child{text-align:left;color:#a700ff;font-size:14px;}
body.member-mode .legacy-support-symbol{background:#dbc7ea;color:#a700ff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;}
body.member-mode .legacy-support-symbol svg{height:30px;width:30px;}
body.member-mode .legacy-support-card small{font-size:12px;color:#888;display:block;line-height:1.6;}
body.member-mode .legacy-support-card .btn{margin-top:20px;}
body.member-mode .ticket{margin-bottom:15px;}
body.member-mode .ticket p,body.member-mode .faq p{font-size:14px;color:#777;line-height:1.8;}
body.member-mode .ticket-reply{background:#f7eefc;border-left-color:#a700ff;}
body.member-mode .ticket-reply strong{color:#a700ff;}
body.member-mode .legacy-team-page{padding-top:0;}
body.member-mode .legacy-team-head{margin:0 -15px;text-align:center;padding:20px 15px 45px;background:linear-gradient(135deg,#a700ff,#00189a);color:white;}
body.member-mode .legacy-team-head h1{font-size:22px;font-weight:400;margin:0 0 20px;}
body.member-mode .legacy-team-head p{font-size:13px;margin:0 0 10px;}
body.member-mode .legacy-team-head strong{font-size:34px;font-weight:400;}
body.member-mode .legacy-team-summary{position:relative;margin-top:-25px;display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:8px;}
body.member-mode .legacy-team-summary span{font-size:12px;color:#777;}
body.member-mode .legacy-team-summary strong{display:block;font-size:22px;font-weight:400;margin-top:8px;}
body.member-mode .legacy-invite-card{margin-top:24px;text-align:center;padding:25px 20px;}
body.member-mode .legacy-invite-card h2{font-weight:400;font-size:18px;}
body.member-mode .legacy-invite-card>strong{font-size:28px;letter-spacing:4px;color:#a700ff;display:block;margin:20px 0;overflow-wrap:anywhere;}
body.member-mode .legacy-invite-card p{font-size:13px;color:#888;line-height:1.7;}
body.member-mode .legacy-invite-card .btn{margin-top:14px;}
body.member-mode .legacy-wallet-page{background:#fff;}
body.member-mode .legacy-wallet-balance{text-align:center;padding:25px 0;color:#b5a483;}
body.member-mode .legacy-wallet-balance>p{font-size:16px;margin:0 0 12px;}
body.member-mode .legacy-wallet-balance h1{font-size:35px;color:#ea5514;font-weight:400;margin:0 0 25px;}
body.member-mode .legacy-wallet-balance>div{display:grid;grid-template-columns:1fr 1fr;}
body.member-mode .legacy-wallet-balance section+section{border-left:1px solid #eee;}
body.member-mode .legacy-wallet-balance section span{font-size:13px;display:block;}
body.member-mode .legacy-wallet-balance section strong{font-size:20px;font-weight:400;color:#555;display:block;margin-top:8px;}
body.member-mode .legacy-wallet-actions{display:flex;justify-content:space-between;margin:5px 0 28px;}
body.member-mode .legacy-wallet-actions .btn{width:45%;background:#ea5514;}
body.member-mode .legacy-wallet-actions .btn.secondary{background:#b5a483;color:white;border:0;}
body.member-mode .legacy-wallet-tabs{display:flex;gap:0;background:#5d5e5f;padding:3px;border-radius:25px;margin-bottom:20px;overflow:auto;}
body.member-mode .legacy-wallet-tabs .tab{flex:1;min-width:0;padding:8px 5px;font-size:12px;background:none;color:white;border:0;white-space:nowrap;}
body.member-mode .legacy-wallet-tabs .tab.active{background:#ea5514;}
body.member-mode .legacy-wallet-security{text-align:center;margin-top:15px;}
body.member-mode .legacy-wallet-security .btn{color:#b5a483;}
body.member-mode .legacy-passport{background:linear-gradient(180deg,#fcedff,#fff);}
body.member-mode .legacy-passport-header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:16px;}
body.member-mode .legacy-passport-header>span:first-child{min-width:44px;}
body.member-mode .legacy-passport .auth-main{padding:30px 20px;min-height:calc(100dvh - 54px);background:none;display:block;}
body.member-mode .legacy-passport .auth-box{width:100%;max-width:320px;margin:0 auto;}
body.member-mode .legacy-passport-brand{text-align:center;margin:25px 0 35px;}
body.member-mode .legacy-passport-logo{display:block;width:360px;max-width:100%;height:100px;object-fit:fill;border-radius:10px;margin:0 auto 18px;}
body.member-mode .legacy-passport-brand h1{font-size:30px;color:#a700ff;margin:0 0 18px;line-height:1.5;font-weight:500;}
body.member-mode .legacy-passport-brand p{font-size:16px;margin:0 0 10px;}
body.member-mode .legacy-passport-brand i{font-style:normal;font-size:12px;color:#999;line-height:1.7;}
body.member-mode .legacy-passport .auth-form{gap:17px;}
body.member-mode .legacy-passport .field label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
body.member-mode .legacy-passport .field input{font-size:18px;min-height:48px;height:48px;padding:10px 20px;border:1px solid #e4dbea;border-radius:30px;background:#fff;}
body.member-mode .legacy-passport .auth-form>.btn{min-height:48px;margin-top:5px;font-size:18px;}
body.member-mode .legacy-password-hint{font-size:11px;color:#888;margin:-4px 5px 0;line-height:1.6;}
body.member-mode .legacy-passport-links{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;}
body.member-mode .legacy-passport-links .btn{font-size:14px;}
body.member-mode .legacy-passport-note{text-align:center;font-size:11px;color:#999;line-height:1.6;margin-top:35px;}
body.member-mode .field input,body.member-mode .field select,body.member-mode .field textarea{border:1px solid #e4dbea;border-radius:25px;background:#fff;font-size:16px;min-height:46px;color:#333;}
body.member-mode .field textarea{border-radius:16px;min-height:105px;}
body.member-mode .field label{font-size:14px;color:#555;}
body.member-mode .field input:focus,body.member-mode .field select:focus,body.member-mode .field textarea:focus{border-color:#b44cea;box-shadow:0 0 0 3px #a700ff10;}
body.member-mode .modal,body.member-mode .modal.wide{border-radius:16px 16px 0 0;background:linear-gradient(180deg,#fcf1ff,#fff 180px);padding:20px 20px calc(20px + env(safe-area-inset-bottom));}
body.member-mode .modal-header{border-bottom:1px solid #ede3f2;padding-bottom:14px;margin-bottom:20px;}
body.member-mode .modal-header h2{font-size:20px;font-weight:400;}
body.member-mode .modal .form-footer{border-color:#eee2f5;}
body.member-mode .modal-copy,body.member-mode .hint,body.member-mode .muted{color:#777;}
body.member-mode .callout{background:#f5eafb;color:#80558f;border:0;border-radius:10px;font-size:13px;}
body.member-mode .callout.warning{background:#fff8e6;color:#936e2c;}
body.member-mode .badge.active,body.member-mode .badge.approved,body.member-mode .badge.completed,body.member-mode .badge.answered{background:#f1e4fa;color:#8b26b2;}
body.member-mode .chip{background:#f4e5fc;color:#a700ff;}
body.member-mode .page-heading{margin-bottom:20px;}
body.member-mode .page-heading .eyebrow{display:none;}
body.member-mode .page-heading h1{font-size:22px;font-weight:400;}
body.member-mode .page-heading p{font-size:13px;color:#777;}
body.member-mode .table-wrap td:before,body.member-mode .address-card>small{color:#888;}
body.member-mode .table-wrap tr{margin-bottom:15px;}
body.member-mode .announcement.is-unread,body.member-mode .address-card.is-default{border-color:#dbc7ea;background:#fff;}
body.member-mode .announcement-symbol,body.member-mode .empty-icon{background:#f3e6fb;color:#a700ff;}
body.member-mode .unread-dot,body.member-mode .notification-badge{background:#f87708;}
body.member-mode .toast{border-color:#dbc7ea;background:#fff;color:#333;border-radius:10px;box-shadow:0 .3rem .6rem #0000001a;font-size:14px;}
body.member-mode .toast>svg{color:#a700ff;}
body.member-mode #toast-root{bottom:calc(75px + env(safe-area-inset-bottom));}
body.member-mode .product-card{border:0;border-radius:10px;box-shadow:0 .3rem .6rem #0000001a;}
body.member-mode .product-footer .btn{background:#a700ff;color:#fff;border-radius:30px;}
body.member-mode .commission strong{color:#a700ff;}
body.member-mode .search-input{background:#fff;border:1px solid #e4dbea;border-radius:25px;}
body.member-mode .empty{padding:30px 15px;}
body.member-mode .empty h3{font-size:16px;font-weight:400;}
body.member-mode .empty p{font-size:13px;}
body.member-mode .legacy-member-workspace{padding-top:54px;}
body.member-mode .legacy-member-topbar{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100%,430px);z-index:25;background:#fcedfff5;backdrop-filter:blur(6px);}
body.member-mode .legacy-header-support,body.member-mode .legacy-header-team,body.member-mode .legacy-header-profile{background:linear-gradient(135deg,#a700ff,#00189a);}
body.member-mode .legacy-order-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;}
body.member-mode .legacy-order-tabs .tab{flex:1 0 auto;padding:7px 12px;font-size:12px;}
body.member-mode .legacy-payment-backdrop{padding:0;align-items:stretch;}
body.member-mode .legacy-payment-modal,body.member-mode .legacy-payment-modal.wide{height:100dvh;max-height:100dvh;border-radius:0;padding:0 0 env(safe-area-inset-bottom);margin:0 auto;background:linear-gradient(180deg,#fcedff,#fff 650px);}
body.member-mode .legacy-payment-modal .modal-header{height:54px;min-height:54px;position:sticky;top:0;z-index:2;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 10px;margin:0;background:linear-gradient(135deg,#a700ff,#00189a);color:white;border:0;}
body.member-mode .legacy-payment-modal .modal-header h2{grid-column:2;grid-row:1;font-size:18px;text-align:center;font-weight:400;}
body.member-mode .legacy-payment-modal .modal-header [data-action="close-modal"]{grid-column:1;grid-row:1;width:44px;height:44px;color:white;background:none;}
body.member-mode .legacy-payment-modal .modal-header [data-action="close-modal"] svg{transform:rotate(180deg);}
body.member-mode .legacy-payment-support{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;height:44px;color:white;}
body.member-mode .legacy-payment-support svg{width:24px;height:24px;}
body.member-mode .legacy-payment-modal #modal-form{padding:0 15px;}
body.member-mode .legacy-payment-content{padding-top:20px;}
body.member-mode .legacy-payment-label{text-align:center;color:#777;font-size:16px;margin:0 0 14px;}
body.member-mode .legacy-recharge-content>.field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
body.member-mode .legacy-recharge-content>.field input{text-align:center;font-size:24px;min-height:54px;}
body.member-mode .legacy-amount-presets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 25px;}
body.member-mode .legacy-amount-presets .btn{color:#333;background:#fff;border:1px solid #ddd;border-radius:5px;font-size:16px;min-height:48px;}
body.member-mode .legacy-amount-presets .btn.active{border-color:#a700ff;color:#a700ff;background:#f5e6ff;}
body.member-mode .legacy-payment-channel{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#a700ff,#00189a);color:white;padding:18px 15px;border-radius:10px;box-shadow:0 .3rem .6rem #0000001a;margin-bottom:24px;}
body.member-mode .legacy-payment-channel>svg{height:26px;width:26px;flex-shrink:0;}
body.member-mode .legacy-payment-channel>svg:last-child{margin-left:auto;width:21px;height:21px;}
body.member-mode .legacy-payment-channel strong{font-size:16px;font-weight:400;display:block;margin-bottom:5px;}
body.member-mode .legacy-payment-channel small{font-size:12px;color:#eee2ff;}
body.member-mode .legacy-payment-notice{margin-top:25px;}
body.member-mode .legacy-payment-notice h3{font-size:16px;font-weight:400;margin:0 0 10px;}
body.member-mode .legacy-payment-notice p{font-size:13px;line-height:1.8;color:#777;margin:7px 0;}
body.member-mode .legacy-payment-modal .form-footer{border:0;margin:25px 0 0;padding:0 0 25px;}
body.member-mode .legacy-payment-modal .form-footer .btn{width:100%;font-size:18px;min-height:50px;}
body.member-mode .legacy-withdraw-balance{height:135px;background:linear-gradient(135deg,#a700ff,#00189a);color:white;border-radius:10px;text-align:center;padding:20px 15px;}
body.member-mode .legacy-withdraw-balance strong{font-size:29px;font-weight:400;}
body.member-mode .legacy-withdraw-balance p{font-size:14px;color:#eee2ff;margin:7px 0 0;}
body.member-mode .legacy-withdraw-account{position:relative;margin:-35px 15px 25px;}
body.member-mode .legacy-withdraw-account>div:first-child{display:flex;gap:15px;align-items:center;font-size:14px;margin:2px 0 14px;}
body.member-mode .legacy-withdraw-account>div:first-child span{color:#888;min-width:65px;}
body.member-mode .legacy-withdraw-account>div:first-child strong{font-weight:400;overflow-wrap:anywhere;}
body.member-mode .legacy-withdraw-account .field select{font-size:16px;padding-left:12px;padding-right:24px;}
body.member-mode .legacy-withdraw-account>p{font-size:12px;color:#999;margin:12px 0 0;}
body.member-mode .legacy-withdraw-content>.legacy-subtitle{font-size:16px;margin-bottom:15px;}
body.member-mode .legacy-withdraw-net{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#777;font-size:14px;padding:0 12px;}
body.member-mode .legacy-withdraw-net strong{font-size:18px;color:#a700ff;font-weight:400;}
@media(max-width:360px){body.member-mode .legacy-income-grid strong{font-size:21px;}body.member-mode .legacy-profile-total strong{font-size:19px;}body.member-mode .legacy-level-card{gap:8px;padding:12px 10px;}body.member-mode .legacy-level-card>img{width:50px;height:50px;}body.member-mode .legacy-level-card p{font-size:11px;}}