*{box-sizing:border-box}html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#172033;background:#f4f5f8}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.flash{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:9999;padding:12px 20px;border-radius:14px;background:#1f2937;color:white;box-shadow:0 12px 30px #0003}.flash.err{background:#d84b58}.app-shell{max-width:430px;margin:auto;min-height:100vh}.home-head,.message-head{height:56px;background:linear-gradient(135deg,#5d63f4,#6570fb);color:#fff;display:grid;place-items:center;position:sticky;top:0;z-index:5}.home-head h1,.message-head h1{font-size:18px;margin:0}.mobile-main{max-width:430px;margin:auto;padding:12px 12px 88px}.home-main{background:linear-gradient(#6871f8 0 75px,#f4f5f8 75px)}.invite-banner{height:132px;background:#fff;border-radius:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 20px #3842b720}.invite-banner div{display:grid;gap:7px}.invite-banner small{font-size:19px;font-weight:800;color:#1f2b70}.invite-banner b{font-size:13px;color:#777;font-weight:500}.invite-banner a{background:linear-gradient(90deg,#6170fb,#5a63e6);color:#fff;padding:8px 18px;border-radius:999px;font-size:13px}.quick-grid{margin-top:12px;background:#fff;border-radius:14px;padding:18px 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-grid a{display:grid;justify-items:center;gap:8px;font-size:12px;font-weight:600}.quick-grid i,.feature-grid i{width:38px;height:38px;border-radius:11px;background:#edf0f5;display:grid;place-items:center;font-style:normal;font-size:20px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 10px;border-left:4px solid #6970ff;padding-left:8px}.section-title b{font-size:17px}.section-title small{color:#9298a7}.task-list{display:grid;gap:10px}.task-card{background:#fff;border-radius:14px;padding:14px;display:flex;gap:12px;box-shadow:0 2px 8px #0000000a}.platform-icon{width:50px;height:50px;border-radius:12px;background:#15284d;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;flex:none}.task-body{flex:1}.task-line{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.task-line b{font-size:14px}.task-line em{font-style:normal;color:#ff604c;background:#fff0ed;border-radius:6px;padding:4px 6px;font-size:11px;white-space:nowrap}.task-body small{display:block;color:#999;margin:7px 0}.flow-tag{color:#6c70f4;background:#eef0ff;padding:3px 6px;border-radius:4px}.task-action{height:28px;border-radius:999px;background:linear-gradient(90deg,#7f88ff,#6067ef);color:#fff;display:grid;place-items:center;font-size:12px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:430px;width:100%;height:62px;background:#fff;border-top:1px solid #e6e7eb;display:grid;grid-template-columns:repeat(4,1fr);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:grid;place-items:center;align-content:center;gap:2px;color:#7883b6;font-size:11px}.bottom-nav b{font-size:22px;color:#7887ff;line-height:1}.bottom-nav a.active{color:#5f64ef}.mobile-top{max-width:430px;margin:auto;height:56px;background:linear-gradient(135deg,#5960f1,#6670fb);color:#fff;display:grid;grid-template-columns:44px 1fr 44px;place-items:center;position:sticky;top:0;z-index:10}.mobile-top h1{font-size:18px;margin:0}.mobile-top a{font-size:34px;font-weight:200}.detail-main,.fixed-detail{padding-top:14px}.detail-card,.white-card,.tip-card,.withdraw-card,.arrival-tip{background:#fff;border-radius:14px;padding:16px;margin-bottom:12px}.pill{background:#eef0ff;color:#6268ef;padding:5px 9px;border-radius:999px;font-size:12px}.detail-card h2{margin:12px 0 6px}.detail-card p,.white-card p,.tip-card p{color:#667085;line-height:1.7;font-size:14px}.reward-row{border-top:1px solid #eee;margin-top:16px;padding-top:14px;display:flex;justify-content:space-between}.reward-row b{font-size:25px;color:#5f65f0}.big-btn,.outline-btn,.link-btn{width:100%;border:0;border-radius:12px;padding:13px;background:linear-gradient(90deg,#7582ff,#5f63ed);color:#fff;font-weight:700;text-align:center;display:block}.outline-btn{background:#eef0ff;color:#6167ef;margin-top:12px}.upload-box{border:1px dashed #aeb5ff;border-radius:12px;height:120px;display:grid;place-items:center;color:#6870f4;margin:10px 0;cursor:pointer}.upload-box input{display:none}textarea{width:100%;min-height:90px;border:1px solid #e4e7ed;border-radius:10px;padding:10px}.status-badge{display:inline-block;background:#eef0ff;color:#6067ef;padding:6px 10px;border-radius:999px}.reject{color:#ff4e56!important}.earn-head{max-width:430px;margin:auto;background:linear-gradient(135deg,#5960f1,#6670fb);color:#fff;padding:14px 14px 20px}.earn-head h1{text-align:center;font-size:18px}.earn-head>div{background:#ffffff22;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px}.earn-head span{font-size:12px}.earn-head b{font-size:26px;margin-right:auto}.earn-head a{background:#fff;color:#5f65ef;padding:9px 16px;border-radius:999px}.tip-card{border:1px solid #dfe2ff;background:#f7f7ff}.tip-card h3{color:#5f65ef;margin-top:0}.tip-card li{margin:8px 0;color:#575d6b;font-size:13px}.fixed-card{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:14px;margin-bottom:10px}.step-num{width:26px;height:26px;border-radius:50%;background:#7279f9;color:#fff;display:grid;place-items:center}.fixed-card h3{margin:0 0 5px;font-size:15px}.fixed-card p{margin:0;color:#6d7280;font-size:13px}.fixed-card button{border:0;background:#7c83f8;color:#fff;border-radius:999px;padding:8px 14px}.sample{max-width:100%;border-radius:12px}.points-bottom{background:#fff;border-radius:14px;padding:16px;display:flex;gap:7px;align-items:end}.points-bottom b{font-size:28px;color:#656bf3}.msg-main{background:linear-gradient(#646cf5 0 55px,#f4f5f8 55px)}.msg-tabs{background:#fff;border-radius:14px;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin-bottom:14px}.msg-tabs b{background:#727af7;color:#fff;border-radius:9px;padding:10px 0}.msg-tabs span{padding:10px 0;color:#777}.notice-card{background:#fff;border-radius:14px;padding:16px;margin-bottom:10px}.notice-card.important{border-left:5px solid #6670ff}.notice-card h3{margin:0 0 8px}.notice-card p{font-size:13px;line-height:1.7;color:#747985}.notice-card small{color:#aaa}.summary-3,.earnings4{background:#fff;border-radius:14px;padding:16px;display:grid}.summary-3{grid-template-columns:repeat(3,1fr)}.summary-3 div,.earnings4 div{text-align:center;display:grid;gap:5px}.summary-3 b{font-size:20px}.summary-3 span,.earnings4 span{font-size:12px;color:#777}.red{color:#ff4a58!important}.filter-tabs{margin:10px 0;background:#fff;border-radius:12px;display:grid;grid-template-columns:repeat(5,1fr);text-align:center;overflow:hidden}.filter-tabs>*{padding:11px 3px;font-size:13px}.filter-tabs b{background:#6c73f4;color:#fff}.filter-tabs.three{grid-template-columns:repeat(3,1fr)}.mytask-card{background:#fff;border-radius:12px;padding:14px;margin-bottom:10px}.mytask-card>div{display:flex;justify-content:space-between}.mytask-card em{font-style:normal;color:#ff5964;font-size:12px;background:#fff0f1;padding:3px 7px;border-radius:999px}.mytask-card p{font-size:12px;color:#777;margin:7px 0}.earnings4{grid-template-columns:repeat(4,1fr);padding:14px 6px}.earnings4 b{color:#6168f1;font-size:15px}.balance-panel{background:#fff;border-radius:14px;padding:16px;margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:12px}.balance-panel>div:first-child{display:grid}.balance-panel>div:first-child b{font-size:24px}.balance-panel>a{background:#6870f3;color:#fff;border-radius:999px;padding:9px 16px;align-self:center}.balance-split{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee;padding-top:14px}.balance-split section{display:grid;justify-items:center}.balance-split b{font-size:24px;color:#f0a000}.balance-split section+section b{color:#6268f1}.points-card{background:#fff;border-radius:14px;padding:14px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.points-card div{display:grid;gap:3px}.points-card b{font-size:25px;color:#6168f1}.points-card small{color:#999}.points-card button{border:0;border-radius:999px;padding:9px 14px;background:#eef0ff;color:#6067ef}.ledger-list{background:#fff;border-radius:14px;overflow:hidden}.ledger-list>div{padding:14px;display:flex;justify-content:space-between;border-bottom:1px solid #eee}.ledger-list section{display:grid;gap:5px}.ledger-list small{color:#999}.plus{color:#6067ef}.minus{color:#f35d66}.withdraw-card label{display:grid;gap:8px;margin:14px 0;font-weight:700}.withdraw-card input{border:1px solid #e3e6ed;border-radius:10px;padding:14px;background:#f8f9fb}.available{display:grid;gap:6px}.available b{font-size:30px;color:#6168f1}.arrival-tip{border:1px solid #cfe1ff;background:#f2f8ff}.arrival-tip h3{color:#3671dc}.invite-main{background:linear-gradient(#6169f4 0 120px,#f4f5f8 120px)}.invite-main>h2{color:#fff}.invite-section{background:#fff;border-radius:14px;padding:18px;margin-bottom:12px;display:flex;gap:12px}.invite-section>i{width:30px;height:30px;background:#747af4;color:#fff;border-radius:8px;display:grid;place-items:center;font-style:normal}.invite-section>div{flex:1}.invite-section h3{margin:4px 0 12px}.invite-section p{font-size:13px;color:#6e7481}.invite-section table{width:100%;border-collapse:collapse}.invite-section th{background:#858df8;color:#fff}.invite-section td,.invite-section th{padding:10px;border-bottom:1px solid #e6e8f4;text-align:center;font-size:13px}.share-bar{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);max-width:410px;width:calc(100% - 24px);background:#fff;padding:12px;border-radius:18px}.share-bar button{width:100%;border:0;border-radius:999px;padding:13px;background:linear-gradient(90deg,#6870f4,#a7b0ff);color:#fff}.rank-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#5e66f3,#8590ff);border-radius:16px;padding:24px;margin-bottom:10px}.rank-hero h2{font-size:27px;margin:0}.rank-list{background:#fff;border-radius:14px;padding:10px 14px}.rank-list>div{display:grid;grid-template-columns:38px 1fr auto;padding:13px 0;border-bottom:1px solid #eee}.rank-list>div>b{background:#747af5;color:#fff;border-radius:6px;padding:3px;text-align:center}.rank-list strong{color:#5f65ef}.profile-head2{max-width:430px;margin:auto;background:linear-gradient(135deg,#555ddd,#636cf6);color:#fff;padding:10px 14px 28px}.profile-head2>h1{text-align:center;font-size:18px}.profile-user{display:flex;gap:14px;align-items:center}.avatar-big{width:70px;height:70px;border-radius:50%;background:#fff;color:#5d64e8;display:grid;place-items:center;font-size:30px;font-weight:800}.profile-user section{display:grid;gap:5px}.profile-user b{font-size:18px}.profile-user em{font-style:normal;background:#ffffff2b;padding:3px 7px;border-radius:999px;font-size:11px}.profile-user span{font-size:12px;color:#e3e5ff}.profile-main2{margin-top:-8px}.merchant-card{background:#fff7ef;border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.merchant-card div{display:grid;gap:4px}.merchant-card small{color:#a28c79}.merchant-card button{border:0;background:#ff8a36;color:#fff;border-radius:999px;padding:10px 16px}.feature-grid{background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.feature-grid a,.feature-grid button{border:0;background:#f1f2f6;border-radius:10px;min-height:94px;display:grid;place-items:center;align-content:center;gap:8px;font-weight:600}.feature-grid .logout-item{background:#fff1f1;color:#ef4c58}.version{text-align:center;color:#bbb;margin:35px}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:100;align-items:center;justify-content:center}.modal.show{display:flex}.modal>div{width:280px;background:#fff;border-radius:16px;padding:20px;position:relative;text-align:center}.modal img{max-width:220px;max-height:320px}.modal-close{position:absolute;right:12px;top:10px;border:0;background:#f1f2f5;border-radius:50%;width:28px;height:28px}.qr-empty{padding:50px 10px;color:#aaa}
.auth-page{background:#eef2f8}.auth-wrap{max-width:430px;margin:auto;text-align:center;padding:8vh 18px}.brand-mark{width:66px;height:66px;border-radius:22px;background:linear-gradient(145deg,#1d2b4c,#526792);color:#fff;display:grid;place-items:center;margin:auto;font-size:23px;font-weight:900}.auth-wrap h1{margin:20px 0 6px}.auth-wrap>p{color:#8490a7}.auth-card{background:#fff;border-radius:20px;padding:18px;text-align:left;margin-top:25px;box-shadow:0 16px 35px #1b2e5410}.auth-card label{display:grid;gap:7px;margin-bottom:14px;color:#65728b;font-size:13px}.auth-card input{border:1px solid #dce3ef;background:#eef4ff;border-radius:13px;padding:14px}.auth-card button{width:100%;border:0;background:#19243a;color:#fff;border-radius:13px;padding:14px;font-weight:800}.auth-switch{font-size:13px}.auth-switch a{font-weight:800;color:#1d2841}
.admin-body{background:#eef1f6}.admin-layout{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#111827;color:#fff;padding:18px 14px;display:flex;flex-direction:column}.side-brand{display:flex;gap:10px;align-items:center;padding:4px 8px 24px}.side-brand>div{width:42px;height:42px;border-radius:13px;background:#fff;color:#111827;display:grid;place-items:center;font-weight:900}.side-brand section{display:grid}.side-brand small{color:#8490a5}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 13px;border-radius:10px;color:#abb6c7}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff14;color:#fff}.side-logout{margin-top:auto;color:#9ba6b8;padding:12px}.admin-main{grid-column:2;padding:0 26px 45px;min-width:0}.admin-top{height:72px;border-bottom:1px solid #dce2eb;display:flex;align-items:center;justify-content:space-between}.admin-top>div{display:grid}.admin-top small{color:#929caf}.admin-top>a{background:#fff;padding:9px 12px;border-radius:10px}.admin-title{margin:26px 0 16px}.admin-title h1{margin:0}.admin-title p{color:#8994a6}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.stat-grid>div,.panel{background:#fff;border:1px solid #e0e5ec;border-radius:16px}.stat-grid>div{padding:18px;display:grid;gap:8px}.stat-grid span{color:#8b96a8}.stat-grid b{font-size:25px}.panel{padding:17px;margin-top:16px;overflow:auto}.panel h3{margin-top:0}.admin-cols{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);gap:16px}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-form label{display:grid;gap:6px;color:#667085;font-size:13px}.grid-form .wide{grid-column:1/-1}.grid-form input,.grid-form textarea,.grid-form select,.link-form input,.adjust-form input{border:1px solid #dde3eb;border-radius:9px;padding:10px;background:#f9fafc}.admin-btn,.mini-btn,.link-form button,.adjust-form button{border:0;background:#202a41;color:#fff;border-radius:9px;padding:10px 13px}.admin-btn{align-self:end}.panel table{width:100%;border-collapse:collapse;font-size:13px}.panel th,.panel td{padding:11px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}.panel th{color:#8490a2}.inline{display:inline}.link-danger{border:0;background:none;color:#e64e5a;cursor:pointer}.link-form{display:grid;grid-template-columns:150px 1fr auto;gap:8px;margin-bottom:12px}.truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.review-card{background:#fff;border-radius:16px;padding:14px}.review-card>div:first-child{display:flex;justify-content:space-between}.review-card img{width:100%;height:240px;object-fit:contain;background:#f5f6f8;border-radius:10px;margin:10px 0}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review-actions form{display:grid;gap:6px}.review-actions input{border:1px solid #ddd;border-radius:8px;padding:8px}.approve,.reject-btn{border:0;border-radius:9px;padding:10px;color:#fff}.approve{background:#1d9b65}.reject-btn{background:#e45561}.adjust-form{display:flex;gap:5px}.adjust-form input{width:72px}.qr-preview{display:flex;gap:10px;margin-top:14px}.qr-preview img{width:120px;height:120px;object-fit:contain;border:1px solid #eee;border-radius:10px}.empty{text-align:center;color:#aaa;padding:50px 20px}
@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-cols{grid-template-columns:1fr}.admin-layout{grid-template-columns:190px 1fr}.sidebar{width:190px}}@media(max-width:680px){.admin-layout{display:block}.sidebar{position:static;width:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-main{padding:0 10px 30px}.stat-grid{grid-template-columns:1fr 1fr}.grid-form{grid-template-columns:1fr}.grid-form .wide{grid-column:auto}.admin-top{height:58px}.desktop-auth{padding-top:7vh}}
.invite-lock{font-size:12px;color:#5f67ef;background:#eef0ff;border-radius:10px;padding:10px;margin:-4px 0 14px}.avatar-big{overflow:hidden}.avatar-big img,.team-avatar img,.avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-user{position:relative;padding-right:112px}.edit-profile-btn{position:absolute;right:0;top:8px;border:1px solid #ffffff55;background:#ffffff18;color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700}.invite-qr-card{background:#fff;border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 10px 26px #5962ea12;text-align:center}.invite-qr-title{display:flex;align-items:center;justify-content:space-between;text-align:left}.invite-qr-title div{display:grid;gap:3px}.invite-qr-title small{color:#9095a5}.invite-qr-title b{font-size:22px;color:#6269f2;letter-spacing:2px}.invite-qr-title>span{background:#eef0ff;color:#6269f2;padding:7px 10px;border-radius:999px;font-size:12px}.invite-qrcode{width:230px;height:230px;background:#fff;border:1px solid #eceefa;border-radius:16px;margin:14px auto;display:grid;place-items:center;padding:10px}.invite-qrcode img,.invite-qrcode canvas{max-width:210px!important;max-height:210px!important}.invite-qr-card>p{font-size:12px;color:#777;line-height:1.7}.invite-link{font-size:11px;color:#7a8091;background:#f6f7fa;border-radius:10px;padding:9px;word-break:break-all;margin:10px 0}.invite-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invite-buttons button{border:0;border-radius:999px;padding:12px;background:linear-gradient(90deg,#626af4,#8f99ff);color:#fff;font-weight:700}.team-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.team-summary b{display:grid;text-align:center;background:#f3f4ff;color:#6168f1;border-radius:12px;padding:10px;font-size:20px}.team-summary small{font-size:11px;color:#8b90a0;margin-top:3px}.team-summary a{grid-column:1/-1;text-align:center;border:1px solid #747bf4;color:#636af1;border-radius:999px;padding:9px}.team-main{background:linear-gradient(#6169f4 0 115px,#f4f5f8 115px)}.team-main .summary-3{margin-top:0}.team-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:#fff;border-radius:14px;padding:10px 12px;margin:10px 0;gap:8px}.team-search input{border:0;outline:0;background:#f5f6f9;border-radius:10px;padding:12px}.team-search button{border:0;background:none;color:#6269f2;font-weight:800}.team-list{display:grid;gap:10px}.team-member{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:13px}.team-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7078f6,#aab1ff);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;flex:none}.team-member>div:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.team-member>div:nth-child(2) span,.team-member small{font-size:12px;color:#9095a5}.team-member em{font-style:normal;background:#f1efff;color:#7169df;border-radius:999px;padding:5px 8px;font-size:11px}.profile-edit-card{background:#fff;border-radius:18px;padding:18px;margin-top:10px}.avatar-editor{display:grid;justify-items:center;gap:10px;margin-bottom:22px;color:#6269f2;font-size:13px}.avatar-editor input{display:none}.avatar-preview{width:92px;height:92px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#6169f4,#aeb5ff);color:#fff;display:grid;place-items:center;font-size:32px;font-weight:800;border:4px solid #eef0ff}.profile-edit-card>label:not(.avatar-editor){display:grid;gap:8px;font-weight:700;margin:14px 0}.profile-edit-card>label input{border:1px solid #e3e6ed;background:#f6f7f9;border-radius:12px;padding:14px}.readonly-row{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:13px 2px;color:#7e8491}.readonly-row b{color:#30364a}

/* V2.2 */
.team-tabs button{border:0;background:#fff;color:#555b69;padding:11px 3px;font-size:13px;cursor:pointer}.team-tabs button.active{background:#6c73f4;color:#fff;font-weight:800}.poster-modal{display:none;position:fixed;inset:0;background:rgba(18,27,67,.78);z-index:500;align-items:center;justify-content:center;padding:18px}.poster-modal.show{display:flex}.poster-dialog{width:min(360px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:0 18px 18px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.3)}.poster-title{margin:0 -18px 16px;padding:18px;background:linear-gradient(135deg,#1768ff,#4389ff);border-radius:18px 18px 0 0;color:#fff;font-size:18px;font-weight:800}.poster-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff33;color:#fff;font-size:24px}.poster-dialog canvas{display:block;width:100%;height:auto;border-radius:12px;background:#eef3ff}.poster-save{margin-top:16px;width:100%;border:0;border-radius:12px;padding:14px;background:linear-gradient(90deg,#1768ff,#4389ff);color:#fff;font-size:15px;font-weight:800}.poster-tip{text-align:center;color:#9da3b1;font-size:12px;margin:10px 0 0}.avatar-big img,.team-avatar img,.avatar-preview img{display:block}

/* V2.4 platform task system */
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.platform-grid a{background:#fff;border-radius:16px;padding:16px 8px;text-align:center;display:grid;justify-items:center;gap:7px;box-shadow:0 4px 14px #3343a50b}.platform-grid a>b{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#1b2b52,#6072ff);color:#fff;display:grid;place-items:center;font-size:22px}.platform-grid a>span{font-weight:800}.platform-grid a>small{font-size:10px;color:#8b91a0}.task-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:14px;padding:4px;margin:0 0 12px}.task-tabs a{text-align:center;padding:11px 4px;border-radius:10px;color:#747989;font-size:13px}.task-tabs a.active{background:#6971f6;color:#fff;font-weight:800}.platform-page{background:linear-gradient(#626bf5 0 62px,#f4f5f8 62px)}.account-bind-card{background:#fff;border-radius:16px;padding:16px;margin:12px 0}.account-bind-card label{display:grid;gap:7px;margin:12px 0;font-size:13px;font-weight:700}.account-bind-card input,.white-card input[type=url]{border:1px solid #e2e6ee;background:#f7f8fb;border-radius:11px;padding:13px;width:100%}.account-platform{display:flex;gap:12px;align-items:center}.account-platform>b{width:46px;height:46px;border-radius:14px;background:#1b2b52;color:#fff;display:grid;place-items:center;font-size:20px}.account-platform section{display:grid;gap:3px}.account-platform small,.muted{color:#9298a7;font-size:12px}.daily-tip{margin-top:12px;background:#f1f3ff;color:#6269ed;border-radius:10px;padding:9px 11px;font-size:12px}.assigned-target{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:#f5f6ff;border:1px solid #e0e3ff;border-radius:12px;padding:12px;margin:10px 0}.assigned-target span{font-size:12px;color:#858b9b}.assigned-target b{color:#5058dc;font-size:17px}.copy-btn{border:0;background:#6870f4;color:#fff;border-radius:9px;padding:8px 10px}.material-img,.white-card video,.tutorial-modal video{width:100%;max-height:420px;object-fit:contain;border-radius:12px;background:#111}.copy-box,.disclosure-box{margin-top:12px;border-radius:12px;padding:12px;background:#f6f7fa}.copy-box b{font-size:13px}.copy-box p{margin-bottom:0}.disclosure-box{background:#fff7e8;color:#956300;font-size:12px}.tutorial-modal{display:none;position:fixed;inset:0;background:#182044bb;z-index:300;padding:20px;align-items:center;justify-content:center}.tutorial-modal.show{display:flex}.tutorial-modal>div{position:relative;background:#fff;border-radius:18px;padding:18px;width:min(390px,96vw);max-height:86vh;overflow:auto}.tutorial-modal img{max-width:100%;border-radius:12px}.tutorial-modal .modal-close{position:absolute;right:10px;top:10px}.my-task-list{display:grid;gap:10px;margin-top:12px}.my-task-card{background:#fff;border-radius:14px;padding:14px}.my-task-card>div{display:flex;justify-content:space-between;gap:8px}.my-task-card em{font-style:normal;color:#6269ef}.my-task-card p{font-size:12px;color:#777}.task-stats{background:#fff;border-radius:14px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr)}.task-stats div{text-align:center;display:grid;gap:5px}.task-stats b{font-size:22px;color:#6269ef}.task-stats span{font-size:12px;color:#858b98}.big-btn:disabled{opacity:.45;cursor:not-allowed}.review-card a{color:#5367e8;word-break:break-all}

/* V2.5 - compact account hub */
.account-hub-page{padding-top:16px}.account-hub-intro{background:#fff;border-radius:18px;padding:18px 18px 16px;box-shadow:0 6px 22px rgba(54,65,130,.06)}.account-hub-intro h3{margin:0 0 8px;font-size:19px}.account-hub-intro p{margin:0;color:#8b91a0;font-size:13px;line-height:1.7}.account-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.account-logo-card{border:0;background:#fff;border-radius:18px;min-height:150px;padding:17px 8px 14px;display:grid;justify-items:center;align-content:center;gap:9px;box-shadow:0 7px 22px rgba(50,61,120,.07);position:relative;cursor:pointer}.account-logo-card strong{font-size:15px;color:#20263a}.account-logo-card small{font-size:11px;color:#a1a6b2}.account-logo-card.bound:after{content:'✓';position:absolute;right:9px;top:9px;width:21px;height:21px;border-radius:50%;background:#6670f6;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.account-logo-card.bound small{color:#6169ef;font-weight:700}.platform-logo{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(16,24,40,.12)}.platform-logo i{font-style:normal;font-weight:900;line-height:1}.platform-logo.douyin{background:#0f1528;color:#fff}.platform-logo.douyin i{font-size:34px;text-shadow:-3px 0 #20f4e8,3px 0 #ff365f}.platform-logo.kuaishou{background:linear-gradient(145deg,#ff7a18,#ff4d00);color:#fff}.platform-logo.kuaishou i{font-size:35px;transform:rotate(90deg)}.platform-logo.xiaohongshu{background:#ff2442;color:#fff}.platform-logo.xiaohongshu i{font-size:17px;letter-spacing:-1px}.platform-logo.large{width:76px;height:76px;border-radius:22px;margin:4px auto 12px}.account-hub-tip{margin-top:14px;background:#eef1ff;border:1px solid #e1e5ff;color:#7178a0;border-radius:14px;padding:13px 14px;font-size:12px;line-height:1.65}.account-bind-modal>div{width:min(340px,90vw);padding:24px 20px 20px}.account-bind-modal h3{margin:4px 0 5px;font-size:20px}.account-bind-modal .bound-label{display:inline-block;margin:0 0 12px;color:#5f68ed;background:#eef0ff;border-radius:999px;padding:5px 10px;font-size:12px}.account-modal-form{text-align:left;margin-top:12px}.account-modal-form label{display:grid;gap:8px;font-size:13px;font-weight:700}.account-modal-form input{width:100%;border:1px solid #e1e5ed;background:#f7f8fb;border-radius:12px;padding:14px;margin-bottom:14px;outline:none}.account-modal-form input:focus{border-color:#7b83f8;background:#fff;box-shadow:0 0 0 3px rgba(103,112,246,.09)}


/* V2.6 real platform logos */
.section-title small:empty{display:none}
.platform-grid a{gap:8px}
.home-platform-logo{width:56px;height:56px;object-fit:cover;border-radius:16px;display:block;box-shadow:0 8px 20px rgba(16,24,40,.12)}
.platform-icon-img{width:58px;height:58px;border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.task-platform-logo{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}
.platform-logo-img{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 20px rgba(16,24,40,.12)}
.platform-logo-real{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}
.account-logo-card{min-height:160px}
.account-logo-card strong{font-size:17px}
.account-logo-card small{font-size:12px}
.platform-grid a>b{display:none}
@media (max-width:400px){.home-platform-logo{width:52px;height:52px}.platform-logo-img{width:58px;height:58px}}


/* V2.7 exact user-provided platform logos + modal warning fix */
.platform-logo-img.large{width:76px;height:76px;border-radius:22px;margin:4px auto 12px;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 20px rgba(16,24,40,.12)}
.platform-logo-img.large .platform-logo-real{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block}

/* V2.8 UI refinement + custom logo */
.auth-wrap .brand-mark{width:84px;height:84px;border-radius:24px;background:linear-gradient(135deg,#24345f,#6478ff);display:grid;place-items:center;color:#fff;font-size:30px;font-weight:900;box-shadow:0 18px 36px rgba(48,62,134,.22);overflow:hidden;margin:0 auto 16px}
.auth-wrap .brand-mark.image{background:#fff;padding:8px}
.auth-wrap .brand-mark.image img{width:100%;height:100%;object-fit:contain;border-radius:18px;display:block}
.side-brand-logo{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#24345f,#6478ff);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;overflow:hidden;box-shadow:0 12px 24px rgba(36,52,95,.18);flex:none}.side-brand-logo.image{background:#fff;padding:6px}.side-brand-logo.image img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.home-head,.topbar,.profile-head2,.message-head,.earn-head{box-shadow:0 14px 28px rgba(70,84,171,.12)}
.home-main,.msg-main,.earn-main,.platform-page,.team-main,.profile-main2,.my-tasks-page{background:linear-gradient(180deg,#f6f7fb 0%,#eef2ff 100%)}
.invite-banner,.quick-grid,.account-hub-intro,.account-hub-tip,.notice-card,.tip-card,.white-card,.fixed-card,.account-logo-card,.invite-qr-card,.rank-list,.feature-grid,.merchant-card,.task-stats,.my-task-card,.wallet-card,.panel{box-shadow:0 10px 30px rgba(49,62,120,.06)}
.quick-grid a,.feature-grid a,.feature-grid button{transition:transform .18s ease, box-shadow .18s ease}.quick-grid a:active,.feature-grid a:active,.feature-grid button:active,.platform-grid a:active,.task-card:active,.account-logo-card:active{transform:translateY(1px) scale(.99)}
.bottom-nav{max-width:430px;left:50%;transform:translateX(-50%);bottom:12px;width:calc(100% - 18px);border-radius:22px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 16px 40px rgba(39,48,94,.16);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.bottom-nav a{gap:6px;color:#8a91a5}.bottom-nav span:last-child{font-size:12px}
.bottom-nav .nav-ico{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#f2f4fb;color:#6470f5;font-size:18px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(99,112,246,.05)}
.bottom-nav a.active{color:#5d67ef;font-weight:800}.bottom-nav a.active .nav-ico{background:linear-gradient(135deg,#5d68f4,#8b95ff);color:#fff;box-shadow:0 10px 22px rgba(93,104,244,.28)}
.section-title{margin:18px 0 12px}.section-title b{font-size:24px;letter-spacing:-.4px}.section-title small{font-size:12px;color:#98a0b4}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;border-radius:18px}.quick-grid a{background:#fbfbff;border-radius:16px;padding:12px 6px;display:grid;justify-items:center;gap:8px}.quick-grid a i{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#f1f4ff,#fff);display:grid;place-items:center;box-shadow:0 6px 14px rgba(0,0,0,.06);font-style:normal;font-size:20px}
.platform-grid a{padding:18px 10px;border:1px solid #edf0f8}.platform-grid a small{font-size:11px}
.task-list{display:grid;gap:12px}.task-card{display:flex;gap:12px;align-items:center;background:#fff;border-radius:18px;padding:14px;border:1px solid #eef1f7;box-shadow:0 10px 30px rgba(49,62,120,.05)}.task-card .task-body{flex:1;display:grid;gap:8px}.task-line{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.task-line b{line-height:1.4}.task-line em{white-space:nowrap;background:#fff1ef;color:#ff6a52;border-radius:999px;padding:6px 10px;font-style:normal;font-size:12px;font-weight:800}.task-action{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:12px 14px;background:linear-gradient(90deg,#6271f6,#808bff);color:#fff;font-weight:800;box-shadow:0 12px 22px rgba(98,113,246,.2)}
.profile-head2{border-radius:0 0 28px 28px;padding-bottom:34px}.profile-head2>h1{font-size:20px;letter-spacing:.4px}.profile-user b{font-size:26px}.profile-user em{font-size:12px}.earnings4{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(49,62,120,.06)}
.feature-grid.modern{gap:12px;padding:14px}.feature-grid.modern a,.feature-grid.modern button{min-height:102px;border-radius:16px;background:linear-gradient(180deg,#fbfbff,#f4f6fb);box-shadow:inset 0 0 0 1px #eef1f7}.feature-grid.modern .fi{width:42px;height:42px;border-radius:14px;background:#eef1ff;display:grid;place-items:center;font-style:normal;font-size:22px;box-shadow:0 8px 16px rgba(99,112,246,.1)}.feature-grid.modern span{font-size:14px}.feature-grid.modern .logout-item{background:linear-gradient(180deg,#fff7f7,#fff0f0)}
.my-tasks-page{padding-top:10px}.task-stats.premium{border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(49,62,120,.08)}.task-stats.premium div{position:relative}.task-stats.premium div+div:before{content:'';position:absolute;left:-8px;top:20%;bottom:20%;width:1px;background:#eef1f7}.task-stats.premium b{font-size:28px}
.my-task-card.premium{border-radius:18px;padding:15px 15px 14px;border:1px solid #edf0f8;box-shadow:0 12px 30px rgba(49,62,120,.07)}.my-task-card.premium .my-task-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.my-task-title{display:flex;gap:12px;align-items:center;min-width:0;flex:1}.mini-platform-logo{width:50px;height:50px;border-radius:16px;background:#f4f6ff;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 18px rgba(30,41,96,.08);flex:none}.mini-platform-logo-img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.my-task-title div{display:grid;gap:4px;min-width:0}.my-task-title b{line-height:1.45;font-size:16px}.my-task-title small{color:#8a92a5;font-size:12px}.task-status-badge{font-style:normal;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;white-space:nowrap}.task-status-badge.claimed{background:#eef1ff;color:#5d69ef}.task-status-badge.submitted{background:#fff5e7;color:#c58b1f}.task-status-badge.approved{background:#ebfff2;color:#1c9963}.task-status-badge.rejected{background:#fff1f1;color:#e65163}.my-task-card.premium p{margin:10px 0 0;color:#616978;font-size:13px;line-height:1.7}.my-task-card.premium p span{color:#9aa1b1}.my-task-card .reject{color:#df596a;background:#fff7f8;border-radius:12px;padding:10px 12px}.task-card-actions{display:flex;justify-content:flex-start;margin-top:12px}.mini-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#192646;color:#fff;padding:11px 16px;font-weight:800;box-shadow:0 10px 20px rgba(25,38,70,.18)}.premium-empty{background:#fff;border:1px dashed #dfe5f5;border-radius:18px;padding:28px;text-align:center;color:#9aa1b1}
.account-hub-page .account-hub-intro,.account-hub-tip,.account-logo-card{border:1px solid #edf1f8}.account-logo-card{background:linear-gradient(180deg,#fff,#f8f9ff)}.account-logo-card.bound{box-shadow:0 10px 30px rgba(93,104,244,.12)}
.admin-top,.panel,.admin-side{box-shadow:0 10px 24px rgba(21,31,74,.06)}.qr-preview>div{margin-bottom:12px}.qr-preview small{display:block;color:#7d8596;margin-bottom:6px}
@media (max-width:420px){.section-title b{font-size:21px}.task-line{display:grid;gap:8px}.task-line em{justify-self:start}.profile-user{padding-right:0;grid-template-columns:1fr}.edit-profile-btn{position:static;justify-self:start;margin-top:8px}.feature-grid.modern a,.feature-grid.modern button{min-height:96px}.bottom-nav .nav-ico{width:36px;height:36px;font-size:17px}}

/* V2.9 3D visual refresh + login zoom fix */
html{-webkit-text-size-adjust:100%}
button,input,textarea,select{font:inherit;font-size:16px}
input,textarea,select{appearance:none;-webkit-appearance:none}
body{background:linear-gradient(180deg,#f6f8ff 0%,#eff3ff 100%)}
.home-head{height:58px;background:linear-gradient(135deg,#606bf5 0%,#7683ff 100%);box-shadow:0 16px 36px rgba(78,93,214,.18)}
.home-head h1{font-size:18px;font-weight:800;letter-spacing:.5px}
.home-main{background:linear-gradient(180deg,#6272f7 0 62px,#eef2ff 62px 100%)}
.banner-3d{position:relative;display:grid;grid-template-columns:124px 1fr;gap:14px;align-items:center;min-height:132px;padding:12px 16px 18px;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#f9fbff 52%,#eff3ff 100%);box-shadow:0 18px 36px rgba(73,90,181,.14), inset 0 1px 0 rgba(255,255,255,.95);overflow:hidden}
.banner-3d:before{content:'';position:absolute;inset:auto -40px -50px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(122,132,255,.3),rgba(122,132,255,0));pointer-events:none}
.invite-visual{position:relative;display:flex;align-items:center;justify-content:center;width:118px;height:86px;border-radius:22px;background:linear-gradient(180deg,#f5f7ff,#ffffff);box-shadow:0 16px 24px rgba(102,115,230,.10), inset 0 1px 0 rgba(255,255,255,.92)}
.invite-visual img{width:108px;max-width:100%;height:auto;display:block}
.invite-copy{display:grid;gap:7px;align-content:center;position:relative;z-index:1}
.invite-copy small{font-size:18px;font-weight:900;color:#162247;line-height:1.25}
.invite-copy b{font-size:14px;font-weight:500;color:#677388;line-height:1.55}
.invite-copy a{justify-self:start;margin-top:2px;padding:11px 18px;border-radius:999px;background:linear-gradient(135deg,#5f6cf4,#7f8aff);box-shadow:0 12px 24px rgba(96,108,244,.28);font-size:13px;font-weight:800;color:#fff}
.banner-indicator{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:#707cf7;box-shadow:0 0 0 4px rgba(112,124,247,.12)}
.quick-grid-3d{padding:14px 12px;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f7f9ff);box-shadow:0 18px 34px rgba(60,73,144,.10);gap:12px}
.quick-grid-3d a{padding:12px 4px 10px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8f9fe);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 22px rgba(67,80,150,.08)}
.quick-grid-3d a span{font-size:13px;font-weight:700;color:#1f2940}
.quick-grid-3d a i{width:52px;height:52px;border-radius:16px;background:linear-gradient(180deg,#ffffff,#eef2ff);box-shadow:0 10px 22px rgba(67,80,150,.10), inset 0 1px 0 rgba(255,255,255,.95);padding:6px}
.quick-grid-3d a i img{width:100%;height:100%;object-fit:contain;display:block}
.section-title{border-left:4px solid #6e79fb;padding-left:10px;margin:20px 2px 12px}
.section-title b{font-size:18px;font-weight:900;color:#18244a}
.section-title small{font-size:12px;color:#98a1b4}
.platform-grid{gap:12px}
.platform-grid a{border:1px solid rgba(235,239,248,.95);border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8faff);box-shadow:0 16px 30px rgba(52,65,128,.08);padding:18px 10px 14px;min-height:148px;display:grid;justify-items:center;align-content:center;gap:8px}
.platform-grid a span{font-size:17px;font-weight:900;color:#202a46}
.platform-grid a small{font-size:11px;color:#9098ab}
.home-platform-logo{width:62px;height:62px;border-radius:18px;box-shadow:0 14px 24px rgba(17,24,39,.16)}
.task-card.card-3d{border-radius:22px;padding:16px 16px 15px;background:linear-gradient(180deg,#ffffff,#fbfcff);box-shadow:0 18px 34px rgba(60,73,144,.09);border:1px solid rgba(236,239,246,.95)}
.task-card.card-3d .task-body small{font-size:12px;color:#8d95a8}
.task-card.card-3d .task-line b{font-size:15px;color:#152246}
.task-action{min-height:42px;font-size:13px;letter-spacing:.2px}
.platform-icon-img{border-radius:18px;box-shadow:0 14px 24px rgba(17,24,39,.12);background:#fff}
.bottom-nav{height:auto;min-height:86px;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;background:rgba(255,255,255,.94);border-top:1px solid rgba(232,236,246,.95);box-shadow:0 18px 38px rgba(53,64,124,.14)}
.bottom-nav a{padding:2px 0 0;font-size:12px;font-weight:600;gap:6px}
.bottom-nav .nav-ico{width:54px;height:54px;border-radius:18px;background:linear-gradient(180deg,#fbfbff,#f0f3ff);box-shadow:0 10px 20px rgba(71,84,156,.10), inset 0 1px 0 rgba(255,255,255,.95);padding:6px}
.bottom-nav .nav-svg{width:100%;height:100%;display:block;object-fit:contain}
.bottom-nav a.active .nav-ico{background:linear-gradient(180deg,#6673f7,#8590ff);box-shadow:0 14px 24px rgba(102,115,247,.30)}
.bottom-nav a.active{color:#5d68f0}
.bottom-nav a span:last-child{font-size:12px}
.auth-page{background:linear-gradient(180deg,#f3f6ff 0%,#eef2fb 100%)}
.auth-wrap{max-width:430px;padding:5.8vh 18px 28px}
.auth-wrap h1{font-size:34px;font-weight:900;color:#172247;letter-spacing:.4px;margin:18px 0 12px}
.auth-wrap>p{font-size:15px;color:#95a0b3;margin:0 0 10px}
.auth-card{margin-top:26px;padding:20px 18px 18px;border-radius:24px;background:linear-gradient(180deg,#ffffff,#fcfdff);box-shadow:0 24px 44px rgba(41,54,112,.10);border:1px solid rgba(235,239,248,.9)}
.auth-card label{gap:10px;margin-bottom:16px;font-size:13px;font-weight:700;color:#68748c}
.auth-card input{font-size:16px;line-height:1.2;border:1px solid #d6dff0;background:#eef4ff;border-radius:18px;padding:17px 16px;outline:none;transition:border-color .18s ease, box-shadow .18s ease, background .18s ease}
.auth-card input:focus{border-color:#79aef7;background:#f9fbff;box-shadow:0 0 0 4px rgba(121,174,247,.18)}
.auth-card button{margin-top:6px;border-radius:18px;padding:17px;background:linear-gradient(135deg,#1d2b4d,#1e2e56 55%,#243866);box-shadow:0 16px 28px rgba(29,43,77,.18);font-size:16px;font-weight:900;letter-spacing:.4px}
.auth-switch{margin-top:16px;font-size:14px;color:#8d96a8}
.auth-switch a{color:#1c2743}
@media (max-width:420px){.banner-3d{grid-template-columns:110px 1fr;padding:12px 14px 18px}.invite-visual{width:102px;height:78px}.invite-copy small{font-size:16px}.platform-grid a{min-height:140px}.bottom-nav .nav-ico{width:46px;height:46px;border-radius:16px}.quick-grid-3d a i{width:48px;height:48px}}

/* V2.9.2 visual polish */
.banner-3d{grid-template-columns:138px 1fr;min-height:134px;padding:10px 14px 18px}
.invite-visual{width:132px;height:96px;border-radius:20px;background:linear-gradient(160deg,#ffffff,#f4f7ff);box-shadow:0 12px 26px rgba(85,101,194,.10),inset 0 1px 0 #fff}
.invite-visual img{width:132px;height:96px;object-fit:contain;transform:scale(1.06);transform-origin:center}
.invite-copy{gap:6px}.invite-copy small{font-size:17px;letter-spacing:-.2px}.invite-copy b{font-size:13px}.invite-copy a{padding:10px 18px}
.quick-grid-3d a{box-shadow:0 12px 24px rgba(61,76,151,.075),inset 0 1px 0 #fff}
.quick-grid-3d a i{background:linear-gradient(160deg,#fff,#f1f4ff);box-shadow:0 10px 22px rgba(75,90,170,.12)}
.quick-grid-3d a i img{filter:saturate(1.12) contrast(1.02)}
.platform-grid a{box-shadow:0 14px 28px rgba(58,70,137,.075)}
.task-card.card-3d{box-shadow:0 14px 30px rgba(58,70,137,.085)}
.bottom-nav{min-height:76px;bottom:8px;width:calc(100% - 16px);border-radius:24px;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}
.bottom-nav .nav-ico{width:46px;height:46px;border-radius:15px;padding:5px}.bottom-nav a{gap:3px}.bottom-nav a span:last-child{font-size:11px}
@media(max-width:420px){.banner-3d{grid-template-columns:128px 1fr}.invite-visual{width:122px;height:92px}.invite-visual img{width:122px;height:92px}.invite-copy small{font-size:16px}.bottom-nav{min-height:72px}.bottom-nav .nav-ico{width:42px;height:42px}}

/* V2.9.4 Messages interaction + admin dashboard */
.msg-tabs.interactive{grid-template-columns:repeat(4,1fr);gap:7px;padding:7px;border-radius:16px;box-shadow:0 12px 28px rgba(71,84,160,.08)}
.msg-tabs.interactive a,.msg-tabs.interactive form{min-width:0}
.msg-tabs.interactive a,.msg-tabs.interactive button{position:relative;width:100%;height:42px;border:0;border-radius:11px;background:transparent;color:#777f92;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;padding:0 6px}
.msg-tabs.interactive a.active{background:linear-gradient(135deg,#6672f6,#7f89ff);color:#fff;font-weight:800;box-shadow:0 9px 18px rgba(102,114,246,.24)}
.msg-tabs.interactive a i{position:absolute;right:4px;top:3px;min-width:17px;height:17px;border-radius:999px;background:#ff5365;color:#fff;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800;padding:0 4px}
.msg-tabs.interactive button{color:#697186}
.msg-tabs.interactive button:not(:disabled):hover{background:#f0f2ff;color:#5f68e9}
.msg-tabs.interactive button:disabled{opacity:.42;cursor:not-allowed}
.message-list{display:grid;gap:11px}
.notice-card.message-item{margin:0;border:1px solid rgba(236,239,247,.95);border-radius:18px;padding:16px;box-shadow:0 12px 28px rgba(55,68,132,.06);transition:.18s ease}
.notice-card.message-item.unread{background:linear-gradient(180deg,#fff,#fbfcff);border-left:5px solid #6673f7}
.notice-card.message-item.read{opacity:.88}
.notice-card.message-item.important{border-left-color:#6673f7}
.message-card-head,.message-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.message-card-head h3{margin:0;font-size:16px;color:#172247}
.unread-badge,.read-badge{flex:none;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}
.unread-badge{background:#eef0ff;color:#626cf2}.read-badge{background:#f1f3f6;color:#a0a6b2}
.message-card-foot small{color:#a0a7b5}
.message-card-foot form{margin:0}.message-card-foot button{border:0;background:#eef1ff;color:#616bf0;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;cursor:pointer}
.message-empty{background:#fff;border-radius:18px;border:1px dashed #dfe5f4;margin-top:4px}

.dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dashboard-title>div{display:grid;gap:3px}.dashboard-title h1{font-size:30px;letter-spacing:-.6px;color:#111a2f}.dashboard-title p{margin:0}
.live-pill{display:inline-flex;align-items:center;gap:7px;background:#eafbf3;color:#16885b;border:1px solid #d5f2e4;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}
.live-pill i{width:8px;height:8px;border-radius:50%;background:#23b779;box-shadow:0 0 0 5px rgba(35,183,121,.12)}
.dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:14px}
.kpi-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f8faff);border:1px solid #e5eaf3;border-radius:20px;padding:20px;display:grid;gap:9px;min-height:132px;box-shadow:0 14px 34px rgba(30,43,89,.06)}
.kpi-card:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;bottom:-36px;background:radial-gradient(circle,rgba(103,116,247,.12),rgba(103,116,247,0))}
.kpi-card.primary{background:linear-gradient(135deg,#5e6af3,#7f8bff);border-color:transparent;color:#fff;box-shadow:0 18px 36px rgba(94,106,243,.22)}
.kpi-card.warning{background:linear-gradient(145deg,#fffaf4,#fff);border-color:#f4e2cc}
.kpi-card span{font-size:13px;color:#818b9e;font-weight:650}.kpi-card.primary span,.kpi-card.primary small{color:#e9ecff}
.kpi-card b{font-size:31px;line-height:1;color:#17213d}.kpi-card.primary b{color:#fff}.kpi-card.warning b{color:#d88d37}
.kpi-card small{font-size:12px;color:#9ca5b5}
.dashboard-grid{display:grid;grid-template-columns:minmax(560px,1.45fr) minmax(280px,.55fr);gap:16px;align-items:stretch}
.dashboard-grid>.panel{margin-top:16px}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading h3{margin:0 0 5px;font-size:18px;color:#16203a}.panel-heading p{margin:0;color:#939caf;font-size:12px}.panel-heading>span,.panel-heading>a{font-size:12px;color:#6972ec;background:#f0f2ff;border-radius:999px;padding:7px 10px}
.dashboard-chart{min-height:350px}.trend-chart{height:235px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;padding:12px 4px 0;border-bottom:1px solid #edf0f6;background:linear-gradient(to top,rgba(245,247,253,.8),transparent)}
.trend-col{height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:6px;min-width:0}.trend-bars{height:100%;width:100%;display:flex;justify-content:center;align-items:end;gap:5px}.bar{width:16%;min-width:8px;max-width:16px;border-radius:7px 7px 2px 2px;min-height:8px;transition:.2s}.bar.payout{background:linear-gradient(180deg,#6774f7,#8490ff);box-shadow:0 7px 16px rgba(103,116,247,.22)}.bar.orders{background:linear-gradient(180deg,#52c9a0,#72dfbc);box-shadow:0 7px 16px rgba(82,201,160,.18)}
.trend-col>b{font-size:11px;color:#727c8f}.trend-col>small{font-size:9px;color:#a2a9b7;white-space:nowrap}
.chart-legend{display:flex;gap:18px;margin-top:13px;color:#8b94a6;font-size:12px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:3px}.legend-payout{background:#707cf7}.legend-orders{background:#61cfaa}
.dashboard-todo{display:grid;align-content:start}.dashboard-todo>a{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding:16px 2px;border-top:1px solid #edf0f5;align-items:center}.dashboard-todo>a:first-of-type{border-top:0}.dashboard-todo>a span{font-size:13px;color:#6d778b}.dashboard-todo>a b{font-size:27px;color:#17213d}.dashboard-todo>a em{grid-column:1/-1;font-style:normal;color:#6972ef;font-size:11px}
.dashboard-table{margin-top:16px}.dashboard-table table{font-size:13px}.dashboard-table tr:hover td{background:#fafbff}.dashboard-table td strong{color:#1d2948}.dashboard-table td b{color:#5e67e9}
.admin-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.admin-status.pending{background:#fff3e6;color:#c17b28}.admin-status.processing{background:#eef1ff;color:#626bf0}.admin-status.paid{background:#eafbf2;color:#16875b}.admin-status.rejected{background:#fff0f1;color:#d95363}
@media(max-width:1180px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(190px,1fr))}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:680px){.dashboard-kpis{grid-template-columns:1fr 1fr}.kpi-card{min-height:112px;padding:15px}.kpi-card b{font-size:24px}.dashboard-title h1{font-size:24px}.trend-col>small{display:none}.msg-tabs.interactive a,.msg-tabs.interactive button{font-size:12px}}

/* V2.9.5 premium front login - frontend only */
.user-login-page{min-height:100vh;background:
radial-gradient(circle at 16% 10%,rgba(113,128,255,.20),transparent 30%),
radial-gradient(circle at 88% 24%,rgba(162,177,255,.20),transparent 28%),
linear-gradient(160deg,#f8f9ff 0%,#eef3ff 48%,#f7f9ff 100%);overflow-x:hidden;position:relative}
.user-login-page:before,.user-login-page:after{content:'';position:fixed;border-radius:50%;pointer-events:none;filter:blur(1px);z-index:0}
.user-login-page:before{width:240px;height:240px;right:-100px;top:-70px;background:linear-gradient(135deg,rgba(115,126,255,.18),rgba(183,194,255,.04))}
.user-login-page:after{width:220px;height:220px;left:-120px;bottom:-80px;background:linear-gradient(135deg,rgba(110,124,248,.12),rgba(255,255,255,.02))}
.login-premium{position:relative;z-index:1;max-width:430px;min-height:100vh;padding:7vh 20px 32px;display:flex;flex-direction:column;justify-content:center;text-align:left}
.login-brand{display:grid;grid-template-columns:86px 1fr;gap:18px;align-items:center;padding:0 4px;margin-bottom:22px}
.login-brand .login-logo{margin:0;width:82px;height:82px;border-radius:26px;box-shadow:0 20px 42px rgba(64,78,168,.20),inset 0 1px 0 rgba(255,255,255,.5);background:linear-gradient(145deg,#293b70,#6d7df6)}
.login-brand .login-logo.image{background:rgba(255,255,255,.92);padding:8px;border:1px solid rgba(255,255,255,.9)}
.login-brand .login-logo.image img{border-radius:18px}
.login-brand-copy{min-width:0}.login-brand-copy small{display:block;color:#7885ef;font-size:11px;font-weight:900;letter-spacing:1.8px;margin-bottom:5px}.login-brand-copy h1{margin:0;color:#152143;font-size:30px;line-height:1.15;font-weight:950;letter-spacing:-.8px}.login-brand-copy p{margin:8px 0 0;color:#9199ac;font-size:13px;line-height:1.6}
.login-card-premium{margin-top:0;border-radius:28px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,255,.96));border:1px solid rgba(255,255,255,.9);box-shadow:0 28px 60px rgba(48,63,132,.14),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(16px)}
.login-field{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:8px;border-radius:20px;background:linear-gradient(145deg,#f6f8ff,#edf2ff);border:1px solid #e5eaf7;box-shadow:inset 0 1px 2px rgba(74,88,150,.03);margin-bottom:13px;transition:.18s ease}
.login-field:focus-within{background:#fff;border-color:#b9c4ff;box-shadow:0 0 0 4px rgba(108,120,246,.08),0 12px 28px rgba(65,80,166,.08)}
.login-field>img{width:48px;height:48px;display:block;border-radius:15px;filter:drop-shadow(0 8px 14px rgba(94,107,235,.08))}
.login-field label{display:block!important;margin:0!important;color:#65708b!important;font-size:12px!important;font-weight:800!important;line-height:1.2}
.login-field input{width:100%;margin:4px 0 0!important;padding:5px 2px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:#1b2749;font-size:16px!important;font-weight:700;line-height:1.35}
.login-field input::placeholder{color:#a7afc0;font-weight:500}
.login-submit{width:100%;height:56px;margin-top:5px!important;padding:0 18px!important;border:0;border-radius:19px!important;background:linear-gradient(135deg,#5265ef 0%,#7080fa 54%,#5968ef 100%)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px!important;font-weight:900!important;letter-spacing:.5px;box-shadow:0 16px 30px rgba(84,101,239,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;transition:transform .16s ease,box-shadow .16s ease}
.login-submit i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:rgba(255,255,255,.17);font-size:18px;line-height:1}.login-submit:active{transform:translateY(1px) scale(.995);box-shadow:0 10px 20px rgba(84,101,239,.22)!important}
.login-safe{margin-top:13px;text-align:center;color:#a0a7b8;font-size:11px}.login-safe span{color:#55ba87;font-size:10px;margin-right:3px}
.login-switch{text-align:center!important;margin:18px 0 0!important;color:#8992a6!important;font-size:13px!important}.login-switch a{color:#5465ef!important;font-weight:900!important;margin-left:3px}
.login-footer{text-align:center;color:#b2b8c6;font-size:11px;margin-top:auto;padding-top:28px;letter-spacing:.3px}
@media (max-width:390px){.login-premium{padding:5vh 16px 24px}.login-brand{grid-template-columns:74px 1fr;gap:14px}.login-brand .login-logo{width:72px;height:72px;border-radius:22px}.login-brand-copy h1{font-size:27px}.login-card-premium{border-radius:24px;padding:15px}.login-field{grid-template-columns:50px 1fr}.login-field>img{width:44px;height:44px}}

/* V2.9.6 新手教程 */
.tutorial-main{background:linear-gradient(180deg,#eef1ff 0,#f5f6f8 190px,#f5f6f8 100%);padding-top:14px}
.tutorial-hero{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fff,#eef2ff);border:1px solid #dfe5ff;border-radius:16px;padding:14px 16px;box-shadow:0 10px 24px rgba(78,91,176,.08)}
.tutorial-hero-icon{width:38px;height:38px;border-radius:12px;background:#eaf0ff;display:grid;place-items:center;font-size:22px;box-shadow:inset 0 0 0 1px #dfe6ff}
.tutorial-hero h3{margin:0 0 4px;font-size:16px}.tutorial-hero p{margin:0;color:#6670f4;font-size:12px}
.tutorial-video-card{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;margin-top:14px;background:#fff;border-radius:16px;padding:13px 14px;box-shadow:0 10px 24px rgba(40,52,106,.08)}
.tutorial-video-card .video-icon{width:56px;height:44px;border-radius:10px;background:linear-gradient(135deg,#202744,#11162b);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 16px rgba(20,28,64,.18)}
.tutorial-video-card>div:nth-child(2){display:grid;gap:4px}.tutorial-video-card b{font-size:14px}.tutorial-video-card span{font-size:11px;color:#858c9c}.tutorial-video-card button,.tutorial-video-card a{border:1px solid #cbd2ff;background:#f6f7ff;color:#6871f5;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.tutorial-video-empty{color:#a2a7b3!important}
.tutorial-section-label{display:flex;align-items:center;gap:8px;margin:18px 2px 10px}.tutorial-section-label span{background:#5f74f8;color:#fff;border-radius:5px;padding:3px 6px;font-size:11px;font-weight:800}.tutorial-section-label.faq span{background:#ff8a16}.tutorial-section-label b{font-size:16px}
.tutorial-info-card,.tutorial-flow-card{background:#fff;border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 9px 24px rgba(42,53,102,.06)}.tutorial-info-card h3,.tutorial-flow-card h3{margin:0 0 14px;font-size:16px}.tutorial-info-card p{font-size:13px;line-height:1.9;color:#4c5362;margin:0}.tutorial-platform-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tutorial-platform-tags span{border:1px solid #bcc7ff;background:#f6f8ff;color:#6871f5;border-radius:999px;padding:5px 11px;font-size:12px}
.tutorial-step-list{display:grid;gap:13px}.tutorial-step{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.tutorial-step i{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#7a84ff,#6370ef);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;box-shadow:0 7px 14px rgba(103,112,241,.22)}.tutorial-step b{font-size:13px}.tutorial-step p{margin:5px 0 0;color:#777f8e;font-size:12px;line-height:1.7}.tutorial-tip{margin-top:14px;border-left:3px solid #6c76ff;background:#f1f3ff;color:#6570f3;border-radius:9px;padding:10px 12px;font-size:12px;line-height:1.6}
.tutorial-faq-list{display:grid;gap:10px}.tutorial-faq{background:#fff;border-radius:14px;box-shadow:0 7px 18px rgba(42,53,102,.06);overflow:hidden;border:1px solid transparent}.tutorial-faq[open]{border-color:#c5ceff}.tutorial-faq summary{list-style:none;display:grid;grid-template-columns:28px 1fr 22px;gap:7px;align-items:center;padding:13px 14px;cursor:pointer}.tutorial-faq summary::-webkit-details-marker{display:none}.tutorial-faq summary span{width:28px;height:28px;border-radius:8px;background:#eef2ff;display:grid;place-items:center}.tutorial-faq summary b{font-size:13px}.tutorial-faq summary i{font-style:normal;color:#8e94a0;transition:transform .2s}.tutorial-faq[open] summary i{transform:rotate(180deg);color:#6973ef}.tutorial-faq>div{border-top:1px solid #edf0f5;padding:14px 16px;font-size:13px;color:#4d5565;line-height:1.9}.tutorial-footer{text-align:center;color:#a0a5af;font-size:11px;margin:28px 0 12px}
.tutorial-video-modal{display:none;position:fixed;inset:0;background:rgba(22,29,58,.78);z-index:999;align-items:center;justify-content:center;padding:18px}.tutorial-video-modal.show{display:flex}.tutorial-video-modal>div{width:min(420px,96vw);position:relative;background:#0d1224;border-radius:18px;padding:12px;box-shadow:0 24px 60px rgba(0,0,0,.35)}.tutorial-video-modal video{width:100%;max-height:76vh;border-radius:12px;background:#000}.tutorial-video-close{position:absolute;right:-4px;top:-42px;width:34px;height:34px;border-radius:50%;border:0;background:#fff;color:#25304c;font-size:22px}
.tutorial-admin-cols{align-items:start}.tutorial-add-form{border:1px dashed #d9deec;border-radius:14px;padding:14px;margin:12px 0 16px;background:#fbfcff}.tutorial-admin-list{display:grid;gap:12px}.tutorial-admin-list article{border:1px solid #e5e8f1;border-radius:13px;padding:12px;background:#fbfcff}.tutorial-admin-list article form:first-child{display:grid;gap:9px}.tutorial-admin-row{display:grid;grid-template-columns:1fr 90px 92px;gap:8px}.tutorial-admin-list input,.tutorial-admin-list textarea,.tutorial-admin-list select{width:100%;border:1px solid #dfe3ec;background:#fff;border-radius:9px;padding:9px}.tutorial-admin-list textarea{min-height:76px}.admin-mini-btn{border:0;border-radius:8px;background:#6570ef;color:#fff;padding:8px 12px;font-weight:700}.admin-mini-btn.danger{background:#fff0f1;color:#dc4d5d;margin-top:7px}
@media(max-width:420px){.tutorial-video-card{grid-template-columns:52px 1fr auto}.tutorial-video-card button,.tutorial-video-card a{padding:7px 9px}.tutorial-admin-row{grid-template-columns:1fr 70px}.tutorial-admin-row select{grid-column:1/-1}}

/* V2.9.7 admin UI refresh */
.admin-body{
  background:
    radial-gradient(circle at 14% 12%, rgba(103,116,247,.10), transparent 22%),
    radial-gradient(circle at 88% 8%, rgba(106,189,255,.10), transparent 18%),
    linear-gradient(180deg,#f5f7fc 0%,#eef2f8 100%);
}
.admin-layout{grid-template-columns:260px 1fr;gap:22px;max-width:1680px;margin:0 auto;padding:20px 20px 24px;}
.sidebar{
  position:sticky;top:20px;inset:auto;height:calc(100vh - 40px);width:auto;
  border-radius:28px;
  background:linear-gradient(180deg,#0f172d 0%,#14213d 100%);
  box-shadow:0 24px 60px rgba(15,23,45,.22);
  border:1px solid rgba(255,255,255,.05);
  padding:18px 14px;
  overflow:auto;
}
.side-brand{
  margin-bottom:10px;padding:10px 10px 18px;border-bottom:1px solid rgba(255,255,255,.08);
}
.side-brand-logo,.side-brand>div{
  width:52px!important;height:52px!important;border-radius:18px!important;
  background:linear-gradient(145deg,#ffffff,#f0f3ff)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.18);
}
.side-brand section b{font-size:20px;letter-spacing:.2px}
.side-brand small{font-size:12px;color:#8e9bb3}
.sidebar nav{gap:8px;margin-top:12px}
.sidebar nav a{
  position:relative;display:flex;align-items:center;min-height:46px;
  padding:0 14px 0 18px;border-radius:14px;font-weight:650;font-size:14px;
  color:#a9b5cb;transition:all .18s ease;
}
.sidebar nav a::before{
  content:'';width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18);
  margin-right:12px;flex:none;box-shadow:0 0 0 6px transparent;transition:all .18s ease;
}
.sidebar nav a:hover{
  color:#fff;background:linear-gradient(90deg,rgba(103,116,247,.20),rgba(255,255,255,.07));transform:translateX(2px);
}
.sidebar nav a:hover::before{background:#8ea2ff;box-shadow:0 0 0 6px rgba(142,162,255,.12)}
.sidebar nav a.active{
  color:#fff;background:linear-gradient(135deg,#6473f7 0%,#5362e9 100%);
  box-shadow:0 14px 28px rgba(84,99,234,.30);
}
.sidebar nav a.active::before{background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.14)}
.side-logout{
  margin-top:auto;border-radius:14px;background:rgba(255,255,255,.05);text-align:center;
  color:#cad4e3;font-weight:650;transition:.18s ease;
}
.side-logout:hover{background:rgba(255,255,255,.10);color:#fff}
.admin-main{grid-column:auto;padding:0;min-width:0}
.admin-top{
  position:sticky;top:20px;z-index:15;height:auto;padding:16px 18px;margin-bottom:18px;
  border:1px solid rgba(215,222,236,.95);border-radius:22px;background:rgba(255,255,255,.86);
  backdrop-filter:blur(12px);box-shadow:0 14px 30px rgba(21,31,74,.08)
}
.admin-top>div{gap:4px}.admin-top>div b{font-size:21px;color:#101a34}.admin-top small{font-size:12px;color:#8e98ad}
.admin-top>a{
  border-radius:14px;padding:11px 14px;border:1px solid #e3e8f3;background:linear-gradient(180deg,#fff,#f8faff);
  color:#25324d;font-weight:700;box-shadow:0 8px 20px rgba(20,31,75,.06)
}
.admin-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:2px 0 18px;padding:4px 4px 0}
.admin-title h1{font-size:42px;letter-spacing:-1px;color:#0f1732}.admin-title p{max-width:820px;line-height:1.75;font-size:15px;color:#7f8aa0}
.panel{
  margin-top:0;padding:20px 20px 18px;border:1px solid #e6ebf4;border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:0 18px 42px rgba(33,46,94,.06)
}
.panel + .panel{margin-top:16px}
.panel h3{font-size:18px;color:#17213d}
.admin-cols{grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);gap:18px;align-items:start}
.grid-form{gap:14px}
.grid-form label{
  gap:7px;padding:12px 12px 10px;border:1px solid #eef1f7;border-radius:16px;background:#f9fbff;
  font-size:13px;color:#697588
}
.grid-form label small{color:#8f98a9;line-height:1.6}
.grid-form input,.grid-form textarea,.grid-form select,.link-form input,.adjust-form input{
  border:1px solid #dce4f2;border-radius:12px;padding:11px 12px;background:#fff;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.grid-form input:focus,.grid-form textarea:focus,.grid-form select:focus,
.link-form input:focus,.adjust-form input:focus{
  outline:none;border-color:#7684ff;box-shadow:0 0 0 4px rgba(118,132,255,.14)
}
.grid-form textarea{min-height:116px;resize:vertical}
.grid-form input[type=file]{padding:9px;background:#fff}
.admin-btn,.mini-btn,.link-form button,.adjust-form button{
  border-radius:12px;padding:11px 15px;font-weight:750;letter-spacing:.2px;
  background:linear-gradient(135deg,#1f2a44,#24365b);
  box-shadow:0 12px 24px rgba(25,37,71,.14)
}
.admin-btn:hover,.mini-btn:hover,.link-form button:hover,.adjust-form button:hover{filter:brightness(1.04)}
.link-form{grid-template-columns:180px 1fr auto;gap:10px;padding:12px;border:1px dashed #e4e8f2;border-radius:16px;background:#f9fbff}
.panel table{border-collapse:separate;border-spacing:0 10px}
.panel table tr{background:#fff}
.panel th,.panel td{padding:12px 12px;border:0;border-top:1px solid #eef2f8;border-bottom:1px solid #eef2f8;background:#fff;vertical-align:middle}
.panel th{background:transparent;color:#8a95a8;font-size:12px;font-weight:750}
.panel td:first-child,.panel th:first-child{border-left:1px solid #eef2f8;border-radius:14px 0 0 14px}
.panel td:last-child,.panel th:last-child{border-right:1px solid #eef2f8;border-radius:0 14px 14px 0}
.panel table tr:hover td{background:#fbfcff}
.truncate{max-width:340px}
.dashboard-kpis{gap:16px}
.kpi-card{border-radius:24px;padding:22px;min-height:138px}
.dashboard-todo>a{padding:16px 4px}
.admin-status{padding:6px 10px}
.review-card,.stat-grid>div{border-radius:20px;box-shadow:0 14px 30px rgba(21,31,74,.06)}
.review-card{border:1px solid #e7ebf4}
.review-card img{border-radius:14px}
.review-actions input{border:1px solid #dde3ee;background:#fff}
.approve,.reject-btn{border-radius:12px;font-weight:750}
.notice-card,.white-card,.tip-card,.withdraw-card,.arrival-tip{border-radius:18px}
@media(max-width:1280px){
  .admin-layout{grid-template-columns:232px 1fr;padding:16px}
  .sidebar{height:calc(100vh - 32px);top:16px}
  .admin-top{top:16px}
  .admin-title h1{font-size:34px}
  .admin-cols{grid-template-columns:1fr}
}
@media(max-width:780px){
  .admin-layout{display:block;padding:10px}
  .sidebar{position:static;height:auto;border-radius:22px;margin-bottom:14px}
  .sidebar nav{grid-template-columns:1fr 1fr;gap:8px}
  .sidebar nav a{min-height:44px;padding:0 10px 0 12px;font-size:13px}
  .side-logout{margin-top:14px}
  .admin-top{position:static;margin-bottom:14px}
  .admin-title{display:block;padding-left:2px}.admin-title h1{font-size:28px;margin-bottom:8px}
  .panel{padding:16px}
  .link-form{grid-template-columns:1fr}
  .panel table{display:block;overflow:auto}
}

/* V2.9.8 invite promotion redesign */
.invite-plan-page{background:linear-gradient(180deg,#6268f5 0,#8f97ff 145px,#f5f7fb 360px);padding-top:22px;padding-bottom:112px;min-height:100vh}
.invite-plan-page>h2{margin:0 8px;color:#fff;font-size:27px;letter-spacing:.2px}
.invite-accent{width:54px;height:4px;border-radius:99px;background:#4856e9;margin:16px 8px 28px}
.invite-plan-card{background:rgba(255,255,255,.98);border-radius:22px;padding:22px 18px;margin:0 4px 16px;box-shadow:0 16px 40px rgba(58,68,144,.11);border:1px solid rgba(226,230,244,.9)}
.invite-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.invite-card-heading i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6068f3,#91a0ff);color:#fff;font-style:normal;font-size:18px;box-shadow:0 9px 18px rgba(97,105,242,.24)}
.invite-card-heading h3{margin:0;font-size:21px;color:#121c34;letter-spacing:-.2px}
.direct-reward-list{display:grid;gap:11px;color:#6e7789;font-size:15px;line-height:1.55}
.direct-reward-list p{margin:0}.direct-reward-list span{color:#5d667a}
.invite-muted{color:#8a92a2;font-size:14px;line-height:1.65;margin:0 0 15px}
.invite-plan-card h4{font-size:17px;margin:20px 0 13px;color:#172033}
.invite-table-wrap{overflow:hidden;border:1px solid #edf0f6;border-radius:16px;box-shadow:0 8px 18px rgba(31,46,96,.04)}
.invite-plan-table{width:100%;border-collapse:collapse;background:#fff;text-align:center}
.invite-plan-table th{padding:14px 7px;background:linear-gradient(90deg,#6068f4,#9ea9ff);color:#fff;font-size:13px}
.invite-plan-table td{padding:15px 7px;border-bottom:1px solid #f0f2f7;color:#434b5c;font-size:14px}
.invite-plan-table tr:last-child td{border-bottom:0}.invite-plan-table b{font-size:17px;color:#111827}
.level-require-grid{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border-radius:15px;border:1px solid #edf0f6;background:#fff}
.level-require-grid div{display:grid;text-align:center}.level-require-grid b{padding:13px 2px;background:linear-gradient(90deg,#6770f6,#9ca7ff);color:#fff;font-size:12px}.level-require-grid span{padding:15px 2px;font-size:13px;color:#555e70}
.invite-level-tip{margin-top:14px;border-left:4px solid #151515;background:#f0f1f4;padding:13px 14px;border-radius:12px;color:#303746;font-size:13px;line-height:1.6}
.effective-desc{background:#f5f7fb;border-left:4px solid #6871f5;border-radius:12px;padding:14px;color:#8a93a4;line-height:1.65;font-size:13px}
.effective-count{margin-top:16px;background:linear-gradient(135deg,#5f67f2,#91a1ff);border-radius:18px;color:#fff;text-align:center;padding:20px;display:grid;gap:6px}.effective-count span{font-size:14px;color:#eef0ff}.effective-count b{font-size:48px;font-weight:500;line-height:1}.effective-count small{font-size:20px;margin-left:3px;font-weight:500}
.effective-progress{height:10px;background:#eef0f5;border-radius:99px;overflow:hidden;margin:22px 0 14px}.effective-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5e67f4,#91a3ff);min-width:3px}
.effective-next{display:grid;gap:10px}.effective-next>div:first-child{display:flex;align-items:end;justify-content:space-between}.effective-next b{font-size:16px}.effective-next span{color:#626bf0;font-weight:700;font-size:13px}.next-gap{background:#f6f7fb;padding:14px;border-radius:12px;color:#9aa1af;font-size:13px}
.milestone-details{margin-top:18px;border-top:1px solid #edf0f5;padding-top:16px}.milestone-details summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:17px;font-weight:800;color:#1d2538}.milestone-details summary::-webkit-details-marker{display:none}.milestone-details summary span{background:linear-gradient(135deg,#626af4,#7d88f8);color:#fff;padding:7px 13px;border-radius:12px;font-size:12px;font-weight:700}.milestone-details[open] summary span{font-size:0}.milestone-details[open] summary span:after{content:'收起';font-size:12px}
.milestone-list{margin-top:14px;background:#f8f9fc;border-radius:15px;padding:4px 14px}.milestone-list>div{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #edf0f5}.milestone-list>div:last-child{border-bottom:0}.milestone-list section{display:grid;gap:5px}.milestone-list section:last-child{text-align:right}.milestone-list b{font-size:18px}.milestone-list strong{color:#6169ec;font-size:18px}.milestone-list small{color:#a1a7b4;font-size:12px}
.invite-bottom-actions{position:fixed;z-index:45;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 -10px 28px rgba(28,39,93,.08);border-radius:22px 22px 0 0}
.invite-bottom-actions button{border:0;border-radius:999px;padding:14px 12px;background:linear-gradient(90deg,#6068f2,#a7b2ff);color:#fff;font-size:15px;box-shadow:0 9px 20px rgba(92,103,238,.20);cursor:pointer}
.invite-admin-form{display:grid;gap:16px}.invite-admin-form .panel{margin:0}.invite-admin-form textarea{min-height:120px}.invite-admin-preview{margin-top:14px}.invite-admin-preview img{max-width:220px;max-height:320px;object-fit:contain;border-radius:14px;border:1px solid #e8ecf4;background:#f7f8fb}.invite-admin-save{position:sticky;bottom:14px;z-index:10;display:flex;justify-content:flex-end;padding:10px;border-radius:18px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(21,31,74,.10)}.invite-admin-save .admin-btn{min-width:220px}
@media(max-width:680px){.invite-plan-card{padding:18px 14px}.invite-plan-page>h2{font-size:25px}.level-require-grid b,.level-require-grid span{font-size:11px}.invite-bottom-actions{gap:10px;padding-left:12px;padding-right:12px}.invite-bottom-actions button{font-size:14px}.invite-card-heading h3{font-size:19px}}

/* V2.9.10 real SMS registration */
.register-sms-page{min-height:100vh;background:radial-gradient(circle at 50% 8%,rgba(111,126,255,.16),transparent 26%),linear-gradient(180deg,#f4f7ff 0%,#eef3fb 100%)}
.register-wrap{padding-top:34px;padding-bottom:34px}
.register-wrap>h1{font-size:36px;color:#10204a;letter-spacing:-1px;margin:22px 0 6px}
.register-wrap>p{color:#91a0bb;margin:0 0 22px}
.register-card{border-radius:24px;box-shadow:0 20px 50px rgba(46,62,118,.12);border:1px solid rgba(255,255,255,.9)}
.register-card label{font-size:13px;color:#46618e;font-weight:700}
.register-card input{font-size:16px}
.sms-phone-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px}
.sms-phone-row input{min-width:0}
.sms-phone-row button{border:0;border-radius:12px;background:linear-gradient(135deg,#6875f6,#5363e8);color:#fff;font-weight:750;padding:0 10px;cursor:pointer;box-shadow:0 8px 18px rgba(83,99,232,.18)}
.sms-phone-row button:disabled{background:#aeb7d3;box-shadow:none;cursor:not-allowed}
.sms-status{min-height:20px;text-align:center;font-size:12px;margin-top:10px;color:#8390a8}
.sms-status.ok{color:#16875b}.sms-status.err{color:#d95363}
@media(max-width:420px){.sms-phone-row{grid-template-columns:minmax(0,1fr) 104px}.sms-phone-row button{font-size:12px}.register-wrap>h1{font-size:32px}}

/* V2.9.11 fixed screenshot upload + long-press poster */
.proof-picker{position:relative;height:auto;min-height:120px;overflow:hidden;padding:18px;display:flex;flex-direction:column;gap:10px;justify-content:center;cursor:pointer}
.proof-picker .proof-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:4;display:block}
.proof-picker-selected{display:none;color:#5664ef;font-weight:800;font-size:14px}
.proof-picker.has-file{border-style:solid;background:#f7f8ff}
.proof-picker.has-file .proof-picker-idle{display:none}
.proof-picker.has-file .proof-picker-selected{display:block}
.proof-preview{display:none;width:100%;max-height:300px;object-fit:contain;border-radius:12px;background:#fff;margin-top:4px}
.proof-picker.has-file .proof-preview{display:block}
.proof-file-name{font-size:12px;color:#8c94a5;margin:-2px 2px 12px;word-break:break-all}
.proof-submit:disabled{opacity:.72;cursor:not-allowed}
.invite-poster-longpress{display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:16px;background:#f4f6fb;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}
.poster-longpress-tip{margin-top:12px;padding:11px 12px;border-radius:12px;background:#eef1ff;color:#5965ef;font-size:13px;font-weight:700;text-align:center}

/* V2.9.12 task review sync + proof lightbox */
.review-proof-image{cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease}.review-proof-image:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(24,36,75,.12)}
.proof-tip{font-size:12px!important;color:#7f8aa1!important;margin:-2px 0 10px!important;text-align:center}
.proof-lightbox{position:fixed;inset:0;background:rgba(7,13,28,.88);z-index:10000;display:none;align-items:center;justify-content:center;padding:30px}.proof-lightbox.show{display:flex}.proof-lightbox img{max-width:min(92vw,1100px);max-height:90vh;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35)}.proof-lightbox-close{position:fixed;right:28px;top:22px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#111827;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.my-task-card.status-submitted{border-left:4px solid #6b74f7}.my-task-card.status-approved{border-left:4px solid #20a66a}.my-task-card.status-rejected{border-left:4px solid #e45561}.task-status-badge.submitted{background:#eef0ff;color:#5f68ef}.task-status-badge.approved{background:#eafaf2;color:#148658}.task-status-badge.rejected{background:#fff0f1;color:#d84e5c}.task-time{font-size:12px;color:#9aa3b2!important}


/* v2.9.14 收益排行榜升级 */
.rank-page-advanced{padding-bottom:96px}
.rank-hero.advanced{position:relative;overflow:hidden;padding:22px 18px 28px;background:linear-gradient(135deg,#5f67f3 0%,#8f9bff 100%);box-shadow:0 16px 40px rgba(88,99,241,.22)}
.rank-hero.advanced:before,.rank-hero.advanced:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.14)}
.rank-hero.advanced:before{width:120px;height:120px;right:-32px;top:-28px}
.rank-hero.advanced:after{width:86px;height:86px;left:-18px;bottom:-28px}
.rank-hero-badge{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.2);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:12px}
.rank-hero.advanced h2{font-size:30px;margin:0 0 10px}
.rank-hero.advanced p{margin:0;color:rgba(255,255,255,.92);font-size:14px}
.rank-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin:14px 0 16px}
.podium-card{flex:1;min-width:0;background:#fff;border-radius:20px 20px 16px 16px;padding:14px 10px 0;position:relative;text-align:center;box-shadow:0 14px 32px rgba(49,62,120,.1);overflow:hidden}
.podium-card:before{content:"";position:absolute;inset:0 0 auto 0;height:72px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.4));z-index:0}
.podium-card>*{position:relative;z-index:1}
.podium-card.rank-1{order:2;transform:translateY(0)}
.podium-card.rank-2{order:1}
.podium-card.rank-3{order:3}
.podium-card.gold{border:1px solid rgba(255,206,84,.55)}
.podium-card.silver{border:1px solid rgba(193,201,221,.9)}
.podium-card.bronze{border:1px solid rgba(214,155,111,.8)}
.podium-crown{font-size:24px;line-height:1;margin:0 auto 6px}
.gold .podium-crown{filter:drop-shadow(0 3px 8px rgba(255,197,61,.45))}
.silver .podium-crown{filter:drop-shadow(0 3px 8px rgba(173,183,200,.35))}
.bronze .podium-crown{filter:drop-shadow(0 3px 8px rgba(186,123,80,.35))}
.podium-avatar{width:58px;height:58px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;background:linear-gradient(135deg,#6c73f7,#8f9bff);box-shadow:0 10px 20px rgba(99,108,244,.24)}
.gold .podium-avatar{background:linear-gradient(135deg,#ffcc52,#f0a500)}
.silver .podium-avatar{background:linear-gradient(135deg,#d7deed,#adb8d5)}
.bronze .podium-avatar{background:linear-gradient(135deg,#e7b187,#c98245)}
.podium-name{font-size:14px;font-weight:800;color:#1f2855;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.podium-tag{display:inline-block;margin-top:7px;padding:4px 10px;border-radius:999px;background:#f4f6ff;color:#6670f4;font-size:12px;font-weight:700}
.gold .podium-tag{background:#fff5d9;color:#bf7b00}
.silver .podium-tag{background:#eef2f8;color:#7e8ba6}
.bronze .podium-tag{background:#fff0e6;color:#b66a2b}
.podium-income{font-size:20px;font-weight:900;color:#263168;margin:10px 0 12px}
.podium-base{border-radius:18px 18px 0 0;padding:12px 6px 13px;color:#fff;display:grid;gap:4px}
.podium-base b{font-size:17px}
.podium-base span{font-size:12px;opacity:.94}
.gold .podium-base{background:linear-gradient(180deg,#ffcf5b,#f0a500);min-height:88px}
.silver .podium-base{background:linear-gradient(180deg,#cfd8ea,#9eabc9);min-height:72px}
.bronze .podium-base{background:linear-gradient(180deg,#e8b68d,#c97e43);min-height:64px}
.rank-list-card{background:#fff;border-radius:16px;padding:14px;box-shadow:0 12px 30px rgba(49,62,120,.06)}
.rank-list-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.rank-list-title b{font-size:16px;color:#202957}
.rank-list-title span{font-size:12px;color:#9aa2b1}
.rank-list.modern{padding:0;box-shadow:none}
.rank-list.modern>div{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f6;gap:10px}
.rank-list.modern>div:last-child{border-bottom:0}
.rank-list.modern>div>b{width:34px;height:34px;border-radius:10px;padding:0;display:grid;place-items:center;background:linear-gradient(135deg,#6c73f7,#8b95ff)}
.rank-list.modern span{font-weight:700;color:#1f2855}
.rank-list.modern strong{font-size:14px;color:#5f65ef;white-space:nowrap}
.rank-empty{padding:26px 12px;text-align:center;color:#8b92a4;font-size:14px}
@media (max-width:380px){
  .rank-podium{gap:8px}
  .podium-avatar{width:50px;height:50px;font-size:22px}
  .podium-income{font-size:17px}
  .podium-base b{font-size:15px}
}


/* v2.9.16 leaderboard avatars + nickname masking */
.podium-avatar{overflow:hidden}
.podium-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.rank-list.modern>div{grid-template-columns:40px 40px 1fr auto}
.rank-list-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#7078f7,#9aa4ff);color:#fff;font-style:normal;font-weight:800;box-shadow:0 6px 14px rgba(99,108,244,.18)}
.rank-list-avatar img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:380px){.rank-list.modern>div{grid-template-columns:34px 34px 1fr auto}.rank-list-avatar{width:32px;height:32px}.rank-list.modern strong{font-size:12px}}

/* V2.9.21 迅雷内容体验任务 */
.platform-grid{grid-template-columns:repeat(2,1fr)}
.task-tabs.two{grid-template-columns:repeat(2,1fr)}
.xunlei-flow-tip{margin:12px 0;padding:13px 14px;border-radius:13px;background:linear-gradient(135deg,#eef5ff,#f8fbff);border:1px solid #dce9ff;color:#42536d}
.xunlei-flow-tip b{display:block;margin-bottom:6px;color:#2f6fd8}
.xunlei-flow-tip p{margin:0;line-height:1.65;font-size:13px}


/* V2.9.22 清晰富文本编辑器 */
.rich-editor-source{display:none!important}
.rich-editor-box{margin-top:2px;border:1px solid #dce4f2;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 5px 16px rgba(30,43,89,.04)}
.rich-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px 10px;border-bottom:1px solid #edf0f6;background:linear-gradient(180deg,#fbfcff,#f6f8fc)}
.rich-toolbar button{height:32px;min-width:34px;padding:0 10px;border:1px solid #dfe5f0;border-radius:9px;background:#fff;color:#34405c;font-size:12px;font-weight:700;cursor:pointer;box-shadow:none}
.rich-toolbar button:hover{border-color:#7481fb;color:#5967ed;background:#f4f6ff}
.rich-toolbar .rich-bold{font-size:16px;font-weight:900}
.rich-toolbar .rich-clear{margin-left:auto;color:#7d8799}
.rich-color-picker{width:32px;height:32px;border:0;padding:2px;border-radius:9px;background:#fff;cursor:pointer}
.rich-color-dot{width:25px!important;min-width:25px!important;height:25px!important;padding:0!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #dde3ed!important}
.rich-editor-content{min-height:145px;padding:14px 15px;outline:none;font-size:14px;line-height:1.75;color:#24304b;background:#fff;overflow:auto}
.rich-editor-content:focus{box-shadow:inset 0 0 0 2px rgba(108,115,247,.12)}
.rich-editor-content p{margin:0 0 8px}
.rich-editor-content ul,.rich-editor-content ol{padding-left:22px}
.rich-front-text{font-size:14px;line-height:1.75;color:#667085;word-break:break-word}
.rich-front-text p{margin:0 0 8px}
.rich-front-text p:last-child{margin-bottom:0}
.rich-front-text ul,.rich-front-text ol{padding-left:22px;margin:8px 0}
.rich-front-text li{margin:5px 0}
.rich-front-text strong,.rich-front-text b{font-weight:800;color:inherit}
.message-rich{margin:8px 0 4px}
.earn-rich{color:#575d6b}
.earn-rich p{margin:7px 0}
@media(max-width:680px){
 .rich-toolbar{gap:5px}
 .rich-toolbar button{padding:0 8px}
 .rich-editor-content{min-height:130px}
}


/* V2.9.23 迅雷领取后展示流程 + 富文本前端修复 */
.xunlei-before-claim p{color:#6c7487;line-height:1.75}
.xunlei-lock-tip{margin-top:12px;padding:11px 12px;border-radius:11px;background:#f1f4ff;color:#5d67dc;font-size:12px;line-height:1.6}
.claim-task-btn{margin-bottom:14px;box-shadow:0 12px 26px rgba(95,101,239,.2)}
.claimed-task-card{border:1px solid #e2e7ff;background:linear-gradient(180deg,#fff,#fafbff)}
.claimed-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.claimed-head small{color:#8d95a7}.claimed-head h3{margin:3px 0 0}
.xunlei-keyword{border:1px solid #dce4ff;background:linear-gradient(135deg,#f5f7ff,#eef2ff)}
.xunlei-keyword b{font-size:22px;color:#3f4fd7;letter-spacing:.3px}
.xunlei-after-claim h3,.settlement-card h3,.work-submit-card h3{margin-top:0;color:#17234a}
.settlement-card{border:1px solid #e4e8f4}
.settlement-reward{margin-top:14px;padding-top:13px;border-top:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between}
.settlement-reward span{color:#778096}.settlement-reward b{font-size:22px;color:#5e66ee}
.reject-reason-box{margin-top:12px;padding:12px;border-radius:11px;background:#fff1f2;color:#bd3441}
.reject-reason-box b{display:block;margin-bottom:4px}.reject-reason-box p{margin:0;font-size:13px;line-height:1.6}
.waiting-review,.approved-box{text-align:center;padding:22px}
.waiting-review b{color:#6670f4}.approved-box b{color:#159166}
.waiting-review p,.approved-box p{color:#8b93a3;font-size:13px}
.rich-front-text{white-space:normal}
.rich-front-text p{margin:0 0 9px}
.rich-front-text br{content:"";display:block;margin-bottom:3px}
.keyword-pool-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:18px 0 12px}
.keyword-pool-heading h3{margin:0 0 5px}
.keyword-pool-heading p{margin:0}
.pool-count{white-space:nowrap;padding:6px 10px;border-radius:999px;background:#eef1ff;color:#6470ee;font-size:12px;font-weight:700}
.keyword-batch-form{display:grid;gap:12px;padding:14px;border:1px solid #e7ebf5;border-radius:17px;background:#f9fbff;margin-bottom:14px}
.keyword-batch-form label{display:grid;gap:7px;color:#667085;font-size:13px}
.keyword-batch-form textarea{min-height:150px;background:#fff;border:1px solid #dce4f2;border-radius:12px;padding:12px;line-height:1.7}
.keyword-batch-form small{color:#8e97a8}
.keyword-batch-form .admin-btn{justify-self:start}
.keyword-table-wrap{overflow:auto}
.keyword-table-wrap strong{color:#25335c}


/* V2.9.24 富文本颜色显示修复 */
.rich-front-text span[style*="color"]{color:inherit}
.rich-front-text span[style]{font-weight:inherit}
.rich-editor-content span[style*="color"]{color:inherit}
/* Inline style declarations take precedence naturally; rules above only preserve inheritance fallback. */


/* V2.9.25 screenshot / tutorial / manual payout */
.tutorial-media-inline{margin-top:14px;padding-top:14px;border-top:1px solid #edf0f5}
.tutorial-media-inline img,.tutorial-media-inline video{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:14px;background:#f5f7fb}
.settlement-note{margin:9px 0 0!important;font-size:12px!important;color:#8a93a5!important}
.review-payout-actions{align-items:stretch}
.review-payout-actions .payout-form{display:grid;gap:9px;flex:1;padding:11px;border:1px solid #dfe6f3;border-radius:14px;background:#f8faff}
.review-payout-actions .payout-form label{display:grid;gap:5px;font-size:13px;font-weight:700;color:#39445d}
.review-payout-actions .payout-form small{font-size:11px;color:#8c95a8;font-weight:500}
.review-payout-actions .payout-form input{width:100%;border:1px solid #cfd9eb;border-radius:10px;padding:10px 11px;background:#fff}
.review-payout-actions .payout-form input:focus{outline:none;border-color:#6c78f6;box-shadow:0 0 0 3px rgba(108,120,246,.12)}
.proof-upload-form .proof-picker{transition:border-color .18s ease,background .18s ease}
.proof-upload-form .proof-picker.has-file{border-color:#6e78f7;background:#f7f8ff}
.proof-upload-form .proof-picker-selected{margin-bottom:4px}


/* V2.9.26 user center + performance */
.users-title{align-items:center}.users-count{padding:8px 12px;border-radius:999px;background:#eef1ff;color:#5d68e8;font-weight:800;font-size:12px}
.users-toolbar form{display:flex;gap:10px;align-items:center}.users-toolbar input{flex:1;min-width:220px;border:1px solid #dce4f2;border-radius:12px;padding:11px 13px;background:#fff}
.users-admin-grid{display:grid;grid-template-columns:minmax(620px,1.4fr) minmax(360px,.8fr);gap:18px;align-items:start}.users-list-panel{min-width:0}.users-table-wrap{overflow:auto}.users-table{min-width:720px}
.admin-user-cell{display:flex;gap:10px;align-items:center}.admin-user-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6874f7,#9ba5ff);color:#fff;display:grid;place-items:center;font-weight:800;overflow:hidden;flex:none}.admin-user-avatar img{width:100%;height:100%;object-fit:cover}.admin-user-cell>div:last-child{display:grid;gap:2px}.admin-user-cell small,.users-table td>small{display:block;color:#97a0b2;margin-top:3px}
.user-edit-stack{display:grid;gap:14px;position:sticky;top:104px}.user-edit-stack .panel{margin:0}.user-edit-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.user-edit-head span{font-size:12px;color:#8d96a8}.user-edit-head h3{margin:3px 0 0;font-size:21px}.user-edit-head>a{font-size:12px;color:#6872ed;background:#f0f2ff;padding:7px 10px;border-radius:9px}.user-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.user-info-grid>div{padding:10px;border-radius:12px;background:#f7f9fd;display:grid;gap:4px}.user-info-grid span{font-size:11px;color:#919aab}.user-info-grid b{font-size:13px;word-break:break-all}.user-profile-form{grid-template-columns:1fr 1fr}.wide-btn{grid-column:1/-1}
.asset-set-form,.stats-override-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-set-form label,.stats-override-form label{display:grid;gap:6px;padding:10px;border:1px solid #ebeff6;border-radius:12px;background:#fafbfe;font-size:12px;color:#737e92}.asset-set-form input,.stats-override-form input,.password-reset-panel input{border:1px solid #dce4f2;border-radius:10px;padding:10px 11px;background:#fff}.asset-set-form button{grid-column:1/-1}.stats-override-form button{grid-column:1/-1}.auto-stats-preview{padding:11px;border-radius:12px;background:#f4f7ff;margin-bottom:11px}.auto-stats-preview>span{display:block;font-size:11px;color:#8290ac;margin-bottom:7px}.auto-stats-preview>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.auto-stats-preview b{font-size:12px;color:#5060ce}.secondary-admin-btn{width:100%;margin-top:8px;border:1px solid #dfe5f1;background:#fff;color:#647086;border-radius:11px;padding:10px;font-weight:700}.password-reset-panel form{display:grid;grid-template-columns:1fr auto;gap:9px}.user-empty-panel{text-align:center;padding:55px 20px}.empty-icon{font-size:38px}.user-empty-panel p{color:#929bad;line-height:1.7}
/* smoother mobile rendering */
@media(max-width:780px){.invite-banner,.quick-grid,.task-card,.white-card,.notice-card,.tip-card,.feature-grid,.merchant-card,.mytask-card,.wallet-card{box-shadow:0 5px 16px rgba(49,62,120,.045)}.admin-top{backdrop-filter:none;background:#fff}.users-admin-grid{grid-template-columns:1fr}.user-edit-stack{position:static}.users-toolbar form{flex-wrap:wrap}.users-toolbar input{min-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.task-card,.notice-card,.mytask-card,.ledger-list>div,.team-member,.review-card{content-visibility:auto;contain-intrinsic-size:100px}
img{content-visibility:auto}


/* =========================================================
   V2.9.27 ADMIN UI REBUILD
   Desktop: fixed sidebar + fixed topbar + independent content scroll
   ========================================================= */
.admin-body{
  --admin-bg:#f4f6fb;
  --admin-card:#ffffff;
  --admin-line:#e8edf5;
  --admin-text:#17213d;
  --admin-muted:#8994a8;
  --admin-primary:#5e6bf2;
  --admin-primary-2:#7b86fb;
  --admin-sidebar:#111a2f;
  overflow:hidden;
  min-height:100vh;
  background:
    radial-gradient(circle at 74% -10%,rgba(93,107,242,.10),transparent 28%),
    linear-gradient(180deg,#f6f8fc 0%,#f1f4f9 100%);
}
.admin-v297{
  width:100%;
  max-width:none;
  height:100vh;
  min-height:0;
  margin:0;
  padding:14px;
  gap:14px;
  grid-template-columns:236px minmax(0,1fr);
  overflow:hidden;
}
.admin-v297 .sidebar{
  position:relative;
  top:auto;
  width:auto;
  height:calc(100vh - 28px);
  max-height:none;
  border-radius:24px;
  padding:16px 12px 12px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 0%,rgba(100,115,247,.18),transparent 28%),
    linear-gradient(180deg,#11192e 0%,#16213d 100%);
  box-shadow:0 18px 48px rgba(18,29,59,.20);
  display:flex;
  flex-direction:column;
}
.admin-v297 .side-brand{
  flex:none;
  padding:6px 8px 16px;
  margin:0 0 8px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.admin-v297 .side-brand-logo,
.admin-v297 .side-brand>div{
  width:46px!important;height:46px!important;border-radius:15px!important;
}
.admin-v297 .side-brand section b{font-size:17px}
.admin-v297 .side-brand small{font-size:11px;color:#8896b2}
.side-nav-title{
  flex:none;
  padding:9px 12px 7px;
  color:#65728f;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
.admin-v297 .sidebar nav{
  min-height:0;
  flex:1;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:0 2px 8px 0;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.16) transparent;
}
.admin-v297 .sidebar nav::-webkit-scrollbar{width:5px}
.admin-v297 .sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:99px}
.admin-v297 .sidebar nav a{
  min-height:42px;
  padding:0 12px;
  gap:11px;
  border-radius:12px;
  font-size:13px;
  font-weight:650;
  color:#aab5ca;
  transform:none!important;
}
.admin-v297 .sidebar nav a::before{display:none}
.admin-v297 .sidebar nav a i{
  width:25px;height:25px;display:grid;place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.055);
  font-style:normal;
  color:#7f8caa;
  font-size:12px;
  flex:none;
}
.admin-v297 .sidebar nav a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-v297 .sidebar nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.admin-v297 .sidebar nav a.active{
  color:#fff;
  background:linear-gradient(135deg,#5e6bf2,#6975f6);
  box-shadow:0 9px 20px rgba(81,94,232,.28);
}
.admin-v297 .sidebar nav a.active i{background:rgba(255,255,255,.18);color:#fff}
.side-footer{
  flex:none;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.075);
}
.admin-v297 .side-logout{
  display:block;
  margin:0;
  padding:11px 12px;
  text-align:center;
  border-radius:11px;
  background:rgba(255,255,255,.045);
  color:#95a2bc;
  font-size:12px;
}
.admin-v297 .side-logout:hover{background:rgba(255,255,255,.08);color:#fff}

.admin-v297 .admin-main{
  min-width:0;
  min-height:0;
  height:calc(100vh - 28px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:0;
  border-radius:24px;
  background:rgba(247,249,253,.74);
  border:1px solid rgba(224,230,241,.9);
}
.admin-v297 .admin-top{
  position:relative;
  top:auto;
  flex:none;
  height:74px;
  margin:0;
  border:0;
  border-bottom:1px solid var(--admin-line);
  border-radius:24px 24px 0 0;
  padding:0 22px;
  background:rgba(255,255,255,.94);
  backdrop-filter:none;
  box-shadow:none;
}
.admin-top-copy{display:grid;gap:2px}
.admin-top-copy small{
  order:0;
  color:#9aa4b6!important;
  font-size:10px!important;
  letter-spacing:.02em;
}
.admin-top-copy b{
  order:1;
  font-size:19px!important;
  color:#151f3c!important;
}
.admin-top-actions{display:flex;align-items:center;gap:10px}
.admin-live{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 10px;border-radius:999px;
  background:#f2f8f5;color:#4d7b65;
  font-size:11px;font-weight:700;
}
.admin-live i{width:7px;height:7px;border-radius:50%;background:#32b977;box-shadow:0 0 0 4px rgba(50,185,119,.10)}
.admin-v297 .admin-top>a,
.admin-top-actions>a{
  padding:9px 12px!important;
  border-radius:11px!important;
  background:#f7f9fd!important;
  border:1px solid #e7ebf3!important;
  box-shadow:none!important;
  font-size:12px;
}
.admin-scroll-area{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
  padding:20px 20px 32px;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#cbd3e2 transparent;
}
.admin-scroll-area::-webkit-scrollbar{width:8px}
.admin-scroll-area::-webkit-scrollbar-track{background:transparent}
.admin-scroll-area::-webkit-scrollbar-thumb{background:#cbd3e2;border-radius:99px;border:2px solid transparent;background-clip:content-box}
.admin-scroll-area::-webkit-scrollbar-thumb:hover{background:#aeb8ca;background-clip:content-box}

/* Headings */
.admin-v297 .admin-title{
  margin:0 0 16px;
  padding:2px 2px 0;
}
.admin-v297 .admin-title h1{
  margin:0 0 5px;
  font-size:28px;
  line-height:1.18;
  letter-spacing:-.5px;
  color:#14203d;
}
.admin-v297 .admin-title p{
  margin:0;
  max-width:860px;
  font-size:13px;
  line-height:1.65;
  color:#8994a8;
}
.admin-v297 .admin-title>div>h1{font-size:28px}

/* Core cards */
.admin-v297 .panel{
  margin-top:14px;
  padding:18px;
  border:1px solid var(--admin-line);
  border-radius:18px;
  background:var(--admin-card);
  box-shadow:0 7px 22px rgba(36,50,95,.045);
  overflow:visible;
}
.admin-v297 .admin-title + .panel,
.admin-v297 .admin-title + .admin-cols,
.admin-v297 .admin-title + .dashboard-kpis,
.admin-v297 .admin-title + .users-toolbar{margin-top:0}
.admin-v297 .panel h3{
  margin:0 0 14px;
  padding-bottom:11px;
  border-bottom:1px solid #eef1f6;
  font-size:16px;
  color:#17213d;
}
.admin-v297 .panel hr{
  border:0;border-top:1px solid #edf0f5;margin:20px 0;
}

/* Forms – less visual clutter */
.admin-v297 .grid-form{gap:11px 12px}
.admin-v297 .grid-form label,
.admin-v297 .asset-set-form label,
.admin-v297 .stats-override-form label{
  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
  gap:6px;
  color:#657188;
  font-size:12px;
  font-weight:650;
}
.admin-v297 .grid-form label small{font-weight:400;font-size:11px;color:#9aa3b3}
.admin-v297 .grid-form input,
.admin-v297 .grid-form textarea,
.admin-v297 .grid-form select,
.admin-v297 .link-form input,
.admin-v297 .adjust-form input,
.admin-v297 .asset-set-form input,
.admin-v297 .stats-override-form input,
.admin-v297 .password-reset-panel input{
  min-height:42px;
  border:1px solid #dfe5ef;
  border-radius:11px;
  padding:9px 11px;
  background:#fafbfe;
  color:#202b46;
  box-shadow:none;
}
.admin-v297 .grid-form textarea{min-height:108px;line-height:1.65}
.admin-v297 .grid-form input:focus,
.admin-v297 .grid-form textarea:focus,
.admin-v297 .grid-form select:focus,
.admin-v297 .users-toolbar input:focus{
  outline:none;
  border-color:#7380f5;
  background:#fff;
  box-shadow:0 0 0 3px rgba(102,114,242,.10);
}
.admin-v297 .admin-btn,
.admin-v297 .mini-btn,
.admin-v297 .link-form button,
.admin-v297 .adjust-form button{
  border-radius:10px;
  background:linear-gradient(135deg,#5664eb,#6572f3);
  box-shadow:none;
  font-size:12px;
  min-height:38px;
}
.admin-v297 .admin-btn{padding:10px 16px}

/* Two-column admin pages */
.admin-v297 .admin-cols{
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
  gap:14px;
  align-items:start;
}
.admin-v297 .admin-cols>.panel{margin-top:0;min-width:0}

/* Tables */
.admin-v297 .panel table{
  border-collapse:separate;
  border-spacing:0;
  width:100%;
}
.admin-v297 .panel th{
  position:sticky;
  top:-1px;
  z-index:2;
  padding:10px 11px;
  background:#f7f9fc;
  color:#8490a4;
  font-size:11px;
  font-weight:800;
  border-top:1px solid #edf1f6;
  border-bottom:1px solid #e7ecf3;
}
.admin-v297 .panel td{
  padding:11px;
  background:#fff;
  border-bottom:1px solid #eef1f5;
  font-size:12px;
  color:#445069;
}
.admin-v297 .panel td:first-child,.admin-v297 .panel th:first-child{
  border-left:0;border-radius:0;
}
.admin-v297 .panel td:last-child,.admin-v297 .panel th:last-child{
  border-right:0;border-radius:0;
}
.admin-v297 .panel tr:hover td{background:#fafbff}

/* Dashboard */
.admin-v297 .dashboard-kpis{gap:12px}
.admin-v297 .kpi-card{
  min-height:116px;
  border-radius:17px;
  padding:17px;
  box-shadow:0 7px 20px rgba(36,50,95,.045);
}
.admin-v297 .dashboard-grid{gap:14px}
.admin-v297 .dashboard-grid>.panel{margin-top:14px}

/* Review cards */
.admin-v297 .review-grid{gap:12px}
.admin-v297 .review-card{
  border:1px solid var(--admin-line);
  border-radius:18px;
  box-shadow:0 7px 20px rgba(36,50,95,.045);
}
.admin-v297 .review-card img{height:210px}
.admin-v297 .review-actions{gap:7px}

/* User center */
.admin-v297 .users-admin-grid{gap:14px}
.admin-v297 .user-edit-stack{top:0}
.admin-v297 .user-edit-stack .panel{box-shadow:0 6px 18px rgba(36,50,95,.04)}
.admin-v297 .users-toolbar{
  margin-bottom:12px;
  padding:12px;
  border:1px solid var(--admin-line);
  border-radius:15px;
  background:#fff;
}
.admin-v297 .users-toolbar input{background:#fafbfe}

/* Rich editor */
.admin-v297 .rich-editor-box{
  border-radius:13px;
  border-color:#e1e6ef;
  box-shadow:none;
}
.admin-v297 .rich-toolbar{
  padding:7px 8px;
  gap:5px;
  background:#f8f9fc;
}
.admin-v297 .rich-toolbar button{height:29px;min-width:30px;border-radius:8px;font-size:11px}
.admin-v297 .rich-color-picker{width:29px;height:29px}
.admin-v297 .rich-editor-content{
  min-height:130px;
  padding:12px 13px;
  font-size:13px;
}

/* Keep long editors from visually becoming one endless page */
.admin-v297 .tutorial-admin-list article{
  border:1px solid #e7ebf3;
  border-radius:14px;
  background:#fff;
}
.admin-v297 .keyword-batch-form{
  border:1px solid #e5eaf3;
  background:#fafbfe;
  border-radius:14px;
}

/* Smaller viewport desktop */
@media(max-width:1280px) and (min-width:781px){
 .admin-v297{grid-template-columns:210px minmax(0,1fr);padding:10px;gap:10px}
 .admin-v297 .sidebar,.admin-v297 .admin-main{height:calc(100vh - 20px)}
 .admin-v297 .admin-cols{grid-template-columns:1fr}
 .admin-v297 .sidebar nav a{font-size:12px}
 .admin-scroll-area{padding:16px}
}

/* Mobile/admin tablet: revert to natural document scroll */
@media(max-width:780px){
 .admin-body{overflow:auto}
 .admin-v297{display:block;height:auto;min-height:100vh;padding:8px;overflow:visible}
 .admin-v297 .sidebar{
   position:relative;
   height:auto;
   max-height:none;
   margin:0 0 9px;
   border-radius:18px;
   overflow:visible;
 }
 .side-nav-title{display:none}
 .admin-v297 .sidebar nav{
   display:grid;
   grid-template-columns:repeat(2,minmax(0,1fr));
   overflow:visible;
   max-height:none;
 }
 .admin-v297 .sidebar nav a{min-height:40px}
 .admin-v297 .side-footer{margin-top:8px}
 .admin-v297 .admin-main{
   height:auto;
   min-height:0;
   overflow:visible;
   border-radius:18px;
 }
 .admin-v297 .admin-top{
   position:sticky;
   top:0;
   z-index:20;
   height:62px;
   border-radius:18px 18px 0 0;
   padding:0 13px;
 }
 .admin-live{display:none}
 .admin-scroll-area{
   overflow:visible;
   height:auto;
   padding:13px 10px 24px;
 }
 .admin-v297 .admin-title h1{font-size:23px}
 .admin-v297 .panel{padding:14px;border-radius:15px}
 .admin-v297 .admin-cols{grid-template-columns:1fr}
 .admin-v297 .users-admin-grid{grid-template-columns:1fr}
 .admin-v297 .user-edit-stack{position:static}
}


/* =========================================================
   V2.9.31 FRONT HOME UI UPGRADE
   ========================================================= */
.home-main{
  position:relative;
  padding-top:12px;
  background:
    radial-gradient(circle at 92% 6%,rgba(124,135,255,.16),transparent 25%),
    linear-gradient(#6871f8 0 76px,#f5f7fc 76px 100%);
}
.home-head{
  background:linear-gradient(135deg,#5f68f3 0%,#7280fb 100%);
  box-shadow:0 8px 20px rgba(77,91,221,.13);
}
.home-head h1{
  font-weight:800;
  letter-spacing:.02em;
}

/* Invite */
.banner-3d{
  border:1px solid rgba(225,230,246,.92);
  background:
    radial-gradient(circle at 90% 25%,rgba(116,126,255,.16),transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f8f9ff 65%,#eef1ff 100%);
  box-shadow:
    0 16px 34px rgba(55,69,139,.09),
    inset 0 1px 0 rgba(255,255,255,.98);
}
.invite-copy small{
  color:#17213e;
  letter-spacing:-.15px;
}
.invite-copy b{
  color:#788198;
}
.invite-copy a{
  box-shadow:0 8px 18px rgba(92,103,238,.20);
}

/* Four main service cards */
.home-service-panel{
  position:relative;
  margin-top:13px;
  padding:12px;
  gap:8px;
  border-radius:24px;
  border:1px solid rgba(225,230,244,.88);
  background:
    radial-gradient(circle at 15% 0%,rgba(128,140,255,.10),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,255,.96));
  box-shadow:
    0 18px 38px rgba(48,62,127,.085),
    inset 0 1px 0 rgba(255,255,255,1);
  overflow:hidden;
}
.home-service-panel:before{
  content:"";
  position:absolute;
  width:125px;height:125px;
  right:-45px;top:-62px;
  border-radius:50%;
  background:rgba(110,121,245,.06);
  pointer-events:none;
}
.home-service-card{
  position:relative;
  min-width:0;
  min-height:118px;
  padding:12px 3px 10px!important;
  gap:5px!important;
  border:1px solid rgba(232,235,247,.92);
  border-radius:18px!important;
  background:
    linear-gradient(180deg,#fff 0%,#fbfcff 68%,#f7f8fe 100%)!important;
  box-shadow:
    0 9px 20px rgba(50,66,135,.06),
    inset 0 1px 0 #fff!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
  overflow:hidden;
}
.home-service-card:before{
  content:"";
  position:absolute;
  width:56px;height:56px;
  left:50%;top:7px;
  transform:translateX(-50%);
  border-radius:18px;
  background:radial-gradient(circle,rgba(110,120,245,.10),transparent 68%);
  pointer-events:none;
}
.home-service-card:active{
  transform:translateY(1px) scale(.985)!important;
  box-shadow:0 5px 12px rgba(50,66,135,.05)!important;
}
.home-service-card i{
  position:relative;
  z-index:1;
  width:49px!important;
  height:49px!important;
  margin-bottom:1px;
  padding:8px!important;
  border:1px solid rgba(230,233,247,.96);
  border-radius:16px!important;
  background:
    linear-gradient(150deg,#ffffff 0%,#f4f6ff 70%,#eef1ff 100%)!important;
  box-shadow:
    0 8px 18px rgba(66,80,154,.11),
    inset 0 1px 0 #fff!important;
}
.home-service-card i img{
  width:100%;height:100%;
  object-fit:contain;
  filter:saturate(1.16) contrast(1.03);
}
.home-service-card span{
  position:relative;
  z-index:1;
  margin-top:2px;
  color:#1c2746!important;
  font-size:12.5px!important;
  line-height:1.25;
  font-weight:800!important;
  white-space:nowrap;
}
.home-service-card small{
  position:relative;
  z-index:1;
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9aa3b5;
  font-size:9px;
  line-height:1.2;
  font-weight:500;
}
.home-service-card em{
  position:relative;
  z-index:1;
  display:block;
  width:22px;
  height:3px;
  margin-top:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#7180ff,#a1a9ff);
  box-shadow:14px 0 0 -1px rgba(113,128,255,.35);
}
.home-service-card.notice em{background:linear-gradient(90deg,#ff7d72,#ffad79);box-shadow:14px 0 0 -1px rgba(255,125,114,.28)}
.home-service-card.tutorial em{background:linear-gradient(90deg,#5d8cff,#7b77ff);box-shadow:14px 0 0 -1px rgba(93,140,255,.28)}
.home-service-card.chat em{background:linear-gradient(90deg,#8b72ff,#b17dfb);box-shadow:14px 0 0 -1px rgba(139,114,255,.28)}

/* Section headings */
.home-main .section-title{
  margin:20px 2px 11px;
  padding-left:10px;
  border-left:0;
  position:relative;
}
.home-main .section-title:before{
  content:"";
  width:4px;height:24px;
  position:absolute;
  left:0;top:50%;
  transform:translateY(-50%);
  border-radius:99px;
  background:linear-gradient(180deg,#6975ff,#8b93ff);
}
.home-main .section-title b{
  font-size:17px;
  color:#17213e;
  letter-spacing:-.2px;
}

/* Platform cards */
.home-main .platform-grid{
  gap:10px;
}
.home-main .platform-grid a{
  min-height:130px;
  border:1px solid #e8ecf5;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#fafbff);
  box-shadow:0 12px 26px rgba(49,63,130,.065);
  transition:transform .16s ease,box-shadow .16s ease;
}
.home-main .platform-grid a:active{
  transform:scale(.985);
  box-shadow:0 6px 14px rgba(49,63,130,.045);
}
.home-main .platform-grid span{
  color:#192441;
  font-weight:800;
}
.home-main .platform-grid small{
  color:#9ba4b5;
}

/* Latest task cards */
.home-main .task-card{
  border:1px solid #e9edf5;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fcfdff);
  box-shadow:0 11px 25px rgba(49,63,130,.055);
  padding:15px 14px;
}
.home-main .task-line b{
  color:#1b2541;
  line-height:1.45;
}
.home-main .task-line em{
  background:#fff0ed;
  color:#f05f51;
  border:1px solid #ffe0da;
}
.home-main .task-action{
  height:31px;
  border-radius:10px;
  background:linear-gradient(90deg,#6e7af7,#5f66ea);
  box-shadow:0 7px 15px rgba(96,104,235,.15);
}

/* Bottom nav – cleaner glass effect */
.bottom-nav{
  height:66px;
  border-top:1px solid rgba(225,229,239,.92);
  background:rgba(255,255,255,.96);
  box-shadow:0 -10px 30px rgba(53,65,121,.06);
}
.bottom-nav a{
  gap:3px;
  font-size:10.5px;
}
.bottom-nav a.active{
  font-weight:700;
}

/* Smooth/light mobile interactions */
@media(max-width:430px){
  .home-service-panel{padding:10px 8px;gap:6px}
  .home-service-card{
    min-height:111px;
    padding:10px 2px 9px!important;
  }
  .home-service-card i{
    width:46px!important;
    height:46px!important;
    border-radius:15px!important;
  }
  .home-service-card span{font-size:12px!important}
  .home-service-card small{font-size:8.5px}
  .home-main .platform-grid a{min-height:125px}
}
@media(prefers-reduced-motion:reduce){
  .home-service-card,.home-main .platform-grid a{transition:none!important}
}


/* V2.9.59 后台焕新版：清爽分组导航、统一表单与充值数据 */
.admin-v259{--v259-bg:#f5f7fb;--v259-card:#fff;--v259-line:#e8edf5;--v259-text:#17233d;--v259-muted:#8390a6;--v259-blue:#4f6ef7;--v259-green:#13aa73;background:var(--v259-bg);gap:14px;padding:14px;max-width:none}
.admin-v259 .sidebar{background:#15203a;border:1px solid rgba(255,255,255,.05);box-shadow:0 18px 45px rgba(18,30,58,.14);border-radius:20px;padding:16px 12px}
.admin-v259 .side-brand{padding:6px 7px 17px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-v259 .admin-group-nav{padding:2px 0 12px;gap:0!important}
.admin-v259 .side-group{display:grid;gap:4px;margin-top:8px}
.admin-v259 .side-group-title{padding:10px 12px 5px;color:#7785a3;font-size:10px;font-weight:800;letter-spacing:1.2px}
.admin-v259 .sidebar nav a{min-height:40px;border-radius:11px;padding:0 10px;color:#aeb9cd;font-size:13px;font-weight:650}
.admin-v259 .sidebar nav a i{width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.05);font-size:11px;color:#8594b2}
.admin-v259 .sidebar nav a:hover{background:rgba(255,255,255,.05)}
.admin-v259 .sidebar nav a.active{background:linear-gradient(135deg,#556cf4,#687af9);box-shadow:0 10px 26px rgba(79,105,245,.26);color:#fff}
.admin-v259 .admin-main{background:transparent;border:0;box-shadow:none}
.admin-v259 .admin-top{height:72px;border:1px solid var(--v259-line);border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 6px 22px rgba(31,50,92,.04);padding:0 20px}
.admin-v259 .admin-scroll-area{padding:20px 4px 28px}
.admin-v259 .admin-title{margin-bottom:16px;min-height:auto;padding:0 2px}
.admin-v259 .admin-title h1{font-size:25px;letter-spacing:-.5px;color:var(--v259-text);margin:0}
.admin-v259 .admin-title p{margin-top:6px;font-size:12px;color:var(--v259-muted)}
.admin-v259 .panel{border:1px solid var(--v259-line);border-radius:18px;background:var(--v259-card);box-shadow:0 7px 24px rgba(32,50,88,.035);padding:18px}
.admin-v259 .panel h3{font-size:16px;margin:0 0 15px;color:var(--v259-text)}
.admin-v259 .panel-heading{margin-bottom:14px}
.admin-v259 .panel-heading h3{margin:0;font-size:16px}.admin-v259 .panel-heading p{margin:4px 0 0;color:var(--v259-muted);font-size:11px}
.admin-v259 .grid-form{gap:12px 14px}
.admin-v259 .grid-form label,.admin-v259 .asset-set-form label,.admin-v259 .stats-override-form label{padding:0;border:0;background:transparent;color:#59667c;font-size:12px;gap:7px}
.admin-v259 .grid-form input,.admin-v259 .grid-form textarea,.admin-v259 .grid-form select,.admin-v259 .link-form input,.admin-v259 .adjust-form input,.admin-v259 .asset-set-form input,.admin-v259 .stats-override-form input,.admin-v259 .password-reset-panel input{border:1px solid #dfe6f0;background:#fbfcfe;border-radius:11px;padding:10px 12px;box-shadow:none;color:#1a2844;min-height:42px}
.admin-v259 .grid-form textarea{min-height:105px}
.admin-v259 .grid-form input:focus,.admin-v259 .grid-form textarea:focus,.admin-v259 .grid-form select:focus{border-color:#8ea3ff;background:#fff;box-shadow:0 0 0 3px rgba(80,111,247,.08)}
.admin-v259 .admin-btn{border-radius:10px;background:#526ff5;box-shadow:none;padding:10px 17px;font-size:12px}.admin-v259 .admin-btn:hover{background:#4563ed}
.admin-v259 .admin-cols{gap:14px}
.admin-v259 .panel table{border-collapse:collapse;border-spacing:0;width:100%}
.admin-v259 .panel th{background:#f7f9fc;border:0!important;border-bottom:1px solid var(--v259-line)!important;padding:11px 12px;font-size:11px;color:#7d899e;text-align:left;border-radius:0!important}
.admin-v259 .panel td{border:0!important;border-bottom:1px solid #eef2f7!important;padding:12px;background:#fff;font-size:12px;border-radius:0!important}
.admin-v259 .panel tr:last-child td{border-bottom:0!important}.admin-v259 .panel tr:hover td{background:#fbfcff}
.admin-v259 .dashboard-kpis{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.admin-v259 .dashboard-kpis .kpi-card{min-height:118px;border:1px solid var(--v259-line);border-radius:17px;background:#fff;box-shadow:0 6px 22px rgba(33,49,83,.035);padding:16px}.admin-v259 .kpi-card span{font-size:11px;color:#7f8ca2}.admin-v259 .kpi-card b{font-size:25px;color:#17243f;margin-top:9px}.admin-v259 .kpi-card small{font-size:10px;color:#96a0b2}.admin-v259 .kpi-card.topup{background:linear-gradient(145deg,#f1fbf7,#fff);border-color:#dff3e9}.admin-v259 .kpi-card.topup b,.admin-v259 .kpi-card.topup-total b{color:#119b6c}.admin-v259 .kpi-card.topup-total{background:linear-gradient(145deg,#eef6ff,#fff);border-color:#deebfb}
.admin-v259 .dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:14px}.admin-v259 .dashboard-grid>.panel{margin-top:0}
.admin-v259 .trend-chart-three .trend-bars{gap:4px}.admin-v259 .trend-bars .bar.topup{background:linear-gradient(180deg,#31c894,#13a875)}.legend-topup{background:#19b983!important}
.admin-v259 .dashboard-todo a{border:0;border-bottom:1px solid #eef2f7;border-radius:0;padding:13px 2px}.admin-v259 .dashboard-todo a:last-child{border-bottom:0}.admin-v259 .dashboard-todo a:hover{background:#fbfcff}
.admin-v259 .admin-filter-bar{display:grid;grid-template-columns:150px minmax(240px,1fr) auto;gap:10px;margin:4px 0 16px}.admin-v259 .admin-filter-bar input,.admin-v259 .admin-filter-bar select{height:42px;border:1px solid #dfe6f0;border-radius:10px;background:#fbfcfe;padding:0 11px;color:#26334e}.admin-v259 .table-scroll{overflow:auto}.admin-v259 .money-green{color:#12996c}.admin-v259 code{font-size:11px;color:#52627c;background:#f4f6fa;padding:4px 6px;border-radius:6px}.admin-v259 .empty-cell{text-align:center;color:#9aa5b7;padding:30px!important}
.admin-v259 .topup-summary{grid-template-columns:repeat(3,minmax(180px,1fr));margin-bottom:14px}
@media(max-width:1250px){.admin-v259 .dashboard-kpis{grid-template-columns:repeat(2,minmax(160px,1fr))}.admin-v259 .dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.admin-v259 .admin-filter-bar{grid-template-columns:1fr}.admin-v259 .topup-summary{grid-template-columns:1fr}.admin-v259 .dashboard-kpis{grid-template-columns:1fr 1fr}}


/* =========================================================
   V2.9.59.2 ADMIN UX FIX
   Fix independent scrolling + cleaner high-density admin UI
   ========================================================= */
html,body.admin-body{height:100%;min-height:100%;}
body.admin-body{margin:0;overflow:hidden!important;}
.admin-v259{
  width:100%;
  height:100dvh;
  min-height:0;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:236px minmax(0,1fr);
  gap:14px;
  padding:14px;
  overflow:hidden;
}
.admin-v259 .sidebar{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  width:auto!important;
  height:calc(100dvh - 28px)!important;
  min-height:0;
  max-height:none!important;
  display:flex;
  flex-direction:column;
  overflow:hidden!important;
}
.admin-v259 .side-brand,.admin-v259 .side-nav-title,.admin-v259 .side-footer{flex:0 0 auto;}
.admin-v259 .sidebar nav.admin-group-nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-right:5px;
}
.admin-v259 .sidebar nav.admin-group-nav::-webkit-scrollbar{width:5px}
.admin-v259 .sidebar nav.admin-group-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}
.admin-v259 .admin-main{
  grid-column:auto!important;
  width:auto;
  min-width:0;
  min-height:0!important;
  height:calc(100dvh - 28px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#f7f9fc!important;
}
.admin-v259 .admin-top{
  flex:0 0 72px!important;
  position:relative!important;
  top:auto!important;
  margin:0!important;
  z-index:20;
}
.admin-v259 .admin-scroll-area{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:auto!important;
  scrollbar-gutter:stable;
  padding:20px 18px 42px!important;
}
.admin-v259 .admin-scroll-area::-webkit-scrollbar{width:10px}
.admin-v259 .admin-scroll-area::-webkit-scrollbar-track{background:#f1f4f8;border-radius:99px}
.admin-v259 .admin-scroll-area::-webkit-scrollbar-thumb{background:#b8c3d5;border:3px solid #f1f4f8;border-radius:99px}
.admin-v259 .admin-scroll-area::-webkit-scrollbar-thumb:hover{background:#8f9db4}

/* Cleaner visual hierarchy */
.admin-v259 .admin-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:2px 0 14px!important}
.admin-v259 .admin-title h1{font-size:24px!important;line-height:1.25!important;font-weight:800;letter-spacing:-.4px}
.admin-v259 .admin-title p{max-width:760px!important;line-height:1.65!important;margin:3px 0 0!important}
.admin-v259 .panel{
  margin-top:14px!important;
  padding:18px!important;
  border-radius:16px!important;
  border:1px solid #e6ebf3!important;
  box-shadow:0 4px 16px rgba(30,48,84,.035)!important;
  overflow:visible!important;
}
.admin-v259 .admin-cols{align-items:start!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important}
.admin-v259 .grid-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 14px!important}
.admin-v259 .grid-form label{min-width:0!important;font-weight:650!important;color:#526078!important}
.admin-v259 .grid-form input,.admin-v259 .grid-form select{
  width:100%;box-sizing:border-box;height:42px;min-height:42px!important;
  border-radius:10px!important;background:#fbfcfe!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.admin-v259 .grid-form textarea{width:100%;box-sizing:border-box;min-height:100px!important;resize:vertical;border-radius:10px!important;line-height:1.6}
.admin-v259 .grid-form input:hover,.admin-v259 .grid-form textarea:hover,.admin-v259 .grid-form select:hover{border-color:#c8d2e2}
.admin-v259 .grid-form input:focus,.admin-v259 .grid-form textarea:focus,.admin-v259 .grid-form select:focus{outline:none!important;border-color:#7290ff!important;box-shadow:0 0 0 3px rgba(79,110,247,.10)!important;background:#fff!important}
.admin-v259 .admin-btn{min-height:40px!important;border-radius:10px!important;font-weight:750!important;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.admin-v259 .admin-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(72,101,231,.16)!important}
.admin-v259 .admin-btn:active{transform:translateY(0)}

/* Tables: clearer headers and smooth horizontal scroll instead of breaking pages */
.admin-v259 .panel:has(table){overflow:hidden!important}
.admin-v259 .panel table{font-size:12px!important}
.admin-v259 .panel th{position:sticky;top:0;z-index:2;background:#f6f8fc!important;font-weight:750!important;color:#657289!important}
.admin-v259 .panel td{color:#39465e!important;vertical-align:middle!important}
.admin-v259 .panel th,.admin-v259 .panel td{padding:11px 12px!important}
.admin-v259 .table-scroll{overflow:auto!important;max-width:100%;scrollbar-width:thin}

/* Rich editors should not dominate a page */
.admin-v259 .rich-editor-wrap,.admin-v259 .rich-editor-box{border-radius:12px!important;overflow:hidden}
.admin-v259 .rich-editor-source{min-height:120px!important;max-height:320px!important}

/* Friendly density for very wide desktop screens */
@media(min-width:1500px){
  .admin-v259{grid-template-columns:230px minmax(0,1fr);padding:12px;gap:12px}
  .admin-v259 .sidebar,.admin-v259 .admin-main{height:calc(100dvh - 24px)!important}
  .admin-v259 .admin-scroll-area{padding:18px 16px 38px!important}
  .admin-v259 .panel{padding:16px!important}
  .admin-v259 .grid-form{gap:10px 12px!important}
}
@media(max-width:1100px){
  body.admin-body{overflow:auto!important}
  .admin-v259{height:auto;min-height:100vh;grid-template-columns:200px minmax(0,1fr);overflow:visible}
  .admin-v259 .sidebar{height:calc(100vh - 28px)!important;position:sticky!important;top:14px!important}
  .admin-v259 .admin-main{height:auto!important;min-height:calc(100vh - 28px)!important;overflow:visible!important}
  .admin-v259 .admin-scroll-area{overflow:visible!important;height:auto!important}
  .admin-v259 .admin-cols{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .admin-v259{display:block!important;padding:8px!important}
  .admin-v259 .sidebar{position:relative!important;top:auto!important;height:auto!important;max-height:none!important;margin-bottom:10px}
  .admin-v259 .sidebar nav.admin-group-nav{max-height:none!important;overflow:visible!important}
  .admin-v259 .admin-main{min-height:0!important}
  .admin-v259 .admin-top{height:auto!important;min-height:62px;padding:10px 12px!important;gap:8px}
  .admin-v259 .admin-scroll-area{padding:14px 6px 30px!important}
  .admin-v259 .grid-form{grid-template-columns:1fr!important}
  .admin-v259 .grid-form .wide{grid-column:auto!important}
}


/* =========================================================
   V2.9.59.9 ADMIN PERFORMANCE / CLARITY
   Faster interaction on long management pages
   ========================================================= */
.admin-v259 .panel{
  box-shadow:0 2px 8px rgba(30,48,84,.025)!important;
  content-visibility:auto;
  contain-intrinsic-size:260px;
}
.admin-v259 .panel:hover{box-shadow:0 3px 10px rgba(30,48,84,.035)!important}
.admin-v259 .admin-btn,.admin-v259 input,.admin-v259 select,.admin-v259 textarea,.admin-v259 a{
  transition:none!important;
}
.admin-v259 .admin-btn:hover{transform:none!important;box-shadow:none!important}
.admin-v259 .invite-admin-save{backdrop-filter:none!important;background:#fff!important}
.admin-v259 .panel table{table-layout:auto}
.admin-v259 .panel img{content-visibility:auto}
.admin-v259 .admin-scroll-area{scroll-behavior:auto!important;will-change:scroll-position}
.admin-v259 .sidebar nav.admin-group-nav{scroll-behavior:auto!important}
@media (prefers-reduced-motion:no-preference){
  .admin-v259 *{animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* ================= V3.0.0 WEB MIGRATION ================= */
:root{--web-primary:#6074ff;--web-primary2:#7b6cff;--web-ink:#14234e;--web-muted:#8793b1;--web-bg:#eef4ff;--web-card:rgba(255,255,255,.94)}
body.web-v300,.web-v300-login{background:radial-gradient(circle at 12% 5%,rgba(122,105,255,.20),transparent 28%),radial-gradient(circle at 95% 10%,rgba(87,155,255,.18),transparent 25%),linear-gradient(180deg,#7182ff 0,#eff5ff 260px,#f7f9ff 100%);min-height:100vh;color:var(--web-ink)}
.web-v300 .mobile-top{background:transparent;color:#fff;border:0}.web-v300 .mobile-top a{color:#fff}.web-v300 .mobile-main{padding-bottom:108px}
.web-login-v300{max-width:440px}.web-login-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;margin:0 0 12px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8);border-radius:18px}.web-login-switch a{padding:11px 8px;text-align:center;border-radius:13px;color:#7883a0;font-weight:800}.web-login-switch a.active{background:linear-gradient(135deg,#6e78ff,#528dff);color:#fff;box-shadow:0 9px 20px rgba(85,111,255,.24)}.web-sms-row{display:grid;grid-template-columns:1fr auto;gap:8px}.web-sms-row button{border:0;border-radius:12px;background:#eef1ff;color:#5d68ed;padding:0 12px;font-weight:800;white-space:nowrap}
.web-asset-hero{margin:14px 0 18px;padding:24px;border-radius:28px;color:#fff;box-shadow:0 22px 45px rgba(55,76,170,.20);position:relative;overflow:hidden}.web-asset-hero:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;top:-80px;background:rgba(255,255,255,.18)}.web-asset-hero.points{background:linear-gradient(135deg,#586dff,#786df9)}.web-asset-hero.income{background:linear-gradient(135deg,#6578ff,#4b9af8)}.web-asset-hero>small{opacity:.88}.web-asset-hero>strong{display:block;font-size:42px;margin:8px 0 20px}.web-asset-hero>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.web-asset-hero span{background:rgba(255,255,255,.12);padding:10px;border-radius:14px;font-size:12px}.web-asset-hero span b{display:block;margin-top:5px;font-size:16px}.web-section-title{margin:10px 2px;color:#182a5c}.web-ledger-list{display:grid;gap:12px}.web-ledger-date{padding:6px 4px;color:#8b95ad;font-size:12px}.web-ledger-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--web-card);padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 30px rgba(53,73,145,.08)}.web-ledger-list article div{min-width:0}.web-ledger-list article b{display:block;font-size:15px}.web-ledger-list article small{display:block;margin-top:6px;color:#929bb0;font-size:11px;line-height:1.55}.web-ledger-list article strong{white-space:nowrap}.web-ledger-list .plus{color:#ff6d59}.web-ledger-list .minus{color:#7c86a0}
.web-card-task-hero{margin-top:12px;padding:24px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6c78ff,#698fff 55%,#8a6df8);color:#fff;box-shadow:0 22px 50px rgba(69,87,192,.25);overflow:hidden}.web-card-task-hero b{font-size:24px}.web-card-task-hero p{font-size:12px;opacity:.9;margin:8px 0 0}.web-card-stack{width:76px;height:76px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.35),rgba(255,255,255,.09));display:grid;place-items:center;font-size:38px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 15px 30px rgba(30,58,180,.18)}.web-two-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.web-two-actions a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;background:var(--web-card);padding:15px;border-radius:22px;color:var(--web-ink);box-shadow:0 12px 30px rgba(53,73,145,.08)}.web-two-actions i{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#7282ff,#536dff);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.web-two-actions b,.web-two-actions small{display:block}.web-two-actions small{margin-top:4px;color:#919ab0;font-size:11px}.web-two-actions span{font-size:26px}.web-stat-card,.web-card-task-action{background:var(--web-card);border-radius:26px;padding:20px;margin-bottom:14px;box-shadow:0 14px 34px rgba(53,73,145,.08)}.web-stat-card header{display:flex;justify-content:space-between;align-items:center}.web-stat-card header small{color:#909ab1}.web-stat-card>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px}.web-stat-card span{text-align:center;color:#7e89a5;font-size:12px}.web-stat-card strong{display:block;color:#18264e;font-size:22px;margin-top:8px}.web-task-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.web-task-numbers span{background:#f6f8ff;border-radius:18px;padding:14px;color:#8590aa;font-size:12px}.web-task-numbers strong{display:block;color:#5c70ff;font-size:22px;margin-top:6px}.web-card-task-action ol{padding-left:22px;color:#7c87a1;font-size:12px;line-height:1.8}.web-primary-btn,.web-create-btn{display:block;width:100%;border:0;border-radius:18px;background:linear-gradient(135deg,#6679ff,#4b88ff 55%,#7658ef);color:#fff;padding:15px;text-align:center;font-weight:900;box-shadow:0 14px 28px rgba(78,103,241,.25)}.web-limit-tip{text-align:center;background:#f0f2ff;color:#6872ee;border-radius:15px;padding:12px;font-size:12px;margin:14px 0 0}.web-countdown{margin-top:12px;color:#6872ee}.web-qr-large{display:block;width:min(280px,75vw);aspect-ratio:1/1;object-fit:contain;margin:18px auto;border-radius:18px;background:#fff}.web-upload-box{display:grid;place-items:center;min-height:145px;border:2px dashed #cfd8ff;border-radius:18px;background:#fafbff;color:#6773f4}.web-upload-box input{max-width:80%}.web-publish-page .web-create-btn{margin:14px 0}.web-publish-new .white-card{margin:12px 0}.web-publish-new input,.web-publish-new select{width:100%;border:1px solid #dfe5f2;border-radius:13px;padding:12px;background:#fff}.web-radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.web-radio-grid label{padding:12px;border-radius:14px;background:#f5f7ff;color:#37466f}.web-business-card>h1{text-align:center;color:#fff;margin-top:18px}.web-business-card>p{text-align:center;color:rgba(255,255,255,.9)}.web-business-card ul{list-style:none;padding:0;display:grid;gap:11px}.web-business-card li{color:#2f3e66}.web-scan-text{display:block;color:#ff7b2f;margin-top:14px}.web-business-img{display:block;max-width:260px;width:80%;margin:18px auto;border-radius:18px}.web-community-hero{margin:14px 0;padding:26px;border-radius:26px;background:linear-gradient(135deg,#6d78ff,#61a4ff);color:#fff;text-align:center}.web-community-hero h2{margin:0}.web-community-hero p{margin:8px 0 0;opacity:.9}.web-community-card{text-align:center}
.bottom-nav.web-bottom-five{grid-template-columns:repeat(5,1fr)}
@media(min-width:760px){body.web-v300 .mobile-main,body.web-v300 .mobile-top{max-width:520px;margin-left:auto;margin-right:auto}.web-v300-login .login-premium{max-width:460px}.web-v300{background-attachment:fixed}.web-card-task-page,.web-ledger-page,.web-publish-page,.web-publish-new,.web-business,.web-community{max-width:520px!important}}

/* V3.0.1 website login fix */
.web-login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 10px;padding:5px;border-radius:18px;background:rgba(235,239,255,.8);border:1px solid rgba(221,227,248,.95)}
.web-login-tabs button{height:42px;border:0;border-radius:14px;background:transparent;color:#7a849f;font-weight:800;font-size:14px;cursor:pointer;transition:.18s ease}
.web-login-tabs button.active{background:#fff;color:#5266ef;box-shadow:0 8px 20px rgba(71,89,180,.12)}
.web-login-panel{display:none}.web-login-panel.active{display:block}
.web-login-phone-row{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px;align-items:center}
.web-login-phone-row button{height:38px;border:0;border-radius:12px;background:linear-gradient(135deg,#6674f6,#5368ef);color:#fff;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.web-login-phone-row button:disabled{background:#b2bad6;color:#fff}
.web-v301-login .sms-status{margin:8px 2px 0;font-size:12px;text-align:center}.web-v301-login .sms-status.ok{color:#20a56a}.web-v301-login .sms-status.err{color:#df5663}

/* ================= V3.0.2 TASK HALL / TASK DETAIL ================= */
.task-hall-head{max-width:430px;margin:0 auto;padding:18px 18px 8px;display:flex;align-items:center;justify-content:space-between;color:#fff}.task-hall-head h1{margin:0;font-size:24px}.task-hall-head a{color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:14px;font-size:12px;font-weight:800}.task-hall-page{max-width:430px!important}.task-hall-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;margin:6px 0 14px;background:rgba(255,255,255,.95);border-radius:24px;box-shadow:0 14px 34px rgba(49,67,143,.10)}.task-hall-stats div{text-align:center;padding:10px 2px}.task-hall-stats b{display:block;font-size:22px;color:#26365f}.task-hall-stats span{display:block;margin-top:5px;font-size:11px;color:#8b95ad}.task-platform-filter{display:flex;gap:8px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.task-platform-filter::-webkit-scrollbar{display:none}.task-platform-filter a{flex:0 0 auto;min-width:58px;text-align:center;padding:9px 12px;border-radius:14px;background:#fff;color:#7f89a4;font-size:12px;font-weight:800;box-shadow:0 6px 18px rgba(53,73,145,.06)}.task-platform-filter a.active{background:linear-gradient(135deg,#6475ff,#596df3);color:#fff}.task-hall-list{padding-bottom:14px}.work-countdown{margin:14px 0 4px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#eef1ff,#f7f5ff);display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}.work-countdown span{color:#6976ef;font-size:12px;font-weight:800}.work-countdown b{font-size:25px;color:#5265ed;letter-spacing:1px}.work-countdown small{grid-column:1/-1;color:#8d96ad;font-size:11px}.work-countdown.expired{background:#fff1f1}.work-countdown.expired span,.work-countdown.expired b{color:#df5963}.work-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.work-media-grid video,.work-media-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:15px;background:#f2f4fb}.work-media-grid video{object-fit:contain}.work-image-zoom{padding:0;border:0;background:transparent;cursor:pointer}.copy-field,.music-resource{margin-top:12px;padding:14px;border-radius:16px;background:#f6f8ff;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.copy-field span,.music-resource span{grid-column:1/-1;color:#8791aa;font-size:11px}.copy-field b,.music-resource b{font-size:14px;color:#26365f;overflow-wrap:anywhere}.copy-field button,.music-resource button{border:0;border-radius:11px;background:#e8ecff;color:#5b6dec;padding:8px 10px;font-weight:800}.music-resource small{grid-column:1/-1;color:#8d96ad;overflow-wrap:anywhere}.work-image-mask{position:fixed;inset:0;z-index:9999;background:rgba(8,14,35,.88);display:flex;align-items:center;justify-content:center;padding:20px}.work-image-mask img{max-width:94vw;max-height:86vh;border-radius:18px;object-fit:contain}.work-image-mask button{position:absolute;right:18px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:28px}.my-task-card.status-expired{opacity:.72}.task-status-badge.expired{background:#eef0f5;color:#8a93a9}
@media(min-width:760px){.task-hall-head,.task-hall-page{max-width:430px!important}.work-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   V3.0.2.4 UI REFRESH — generated concept implementation
   Home / Earn / Task Hall / Messages / Profile
   ========================================================= */
:root{
  --ui24-blue:#5264ff;
  --ui24-blue2:#6e75ff;
  --ui24-purple:#8258ff;
  --ui24-ink:#132452;
  --ui24-muted:#7d89a9;
  --ui24-card:rgba(255,255,255,.94);
  --ui24-line:rgba(96,112,196,.12);
  --ui24-shadow:0 18px 45px rgba(53,71,157,.13);
  --ui24-glow:0 10px 28px rgba(95,90,255,.28);
}
body.ui-v3024{
  margin:0;
  min-height:100vh;
  color:var(--ui24-ink);
  background:
    radial-gradient(circle at 86% 2%,rgba(102,118,255,.26),transparent 25%),
    radial-gradient(circle at 12% 20%,rgba(126,95,255,.12),transparent 28%),
    linear-gradient(180deg,#6572ff 0,#edf2ff 255px,#f7f9ff 62%,#f2f6ff 100%);
  background-attachment:fixed;
}
.ui-v3024 .mobile-main{max-width:430px!important;margin:0 auto;padding-left:14px;padding-right:14px;padding-bottom:116px}
.ui-v3024 .bottom-nav.web-bottom-five{
  position:fixed;left:50%;bottom:8px;transform:translateX(-50%);z-index:1000;
  width:min(calc(100% - 14px),416px);height:72px;padding:5px 7px 4px;
  display:grid;grid-template-columns:repeat(5,1fr);align-items:center;
  border:1px solid rgba(255,255,255,.88);border-radius:27px;
  background:rgba(255,255,255,.90);backdrop-filter:blur(20px) saturate(1.2);
  box-shadow:0 18px 50px rgba(47,58,122,.19),inset 0 1px 0 #fff;
}
.ui-v3024 .bottom-nav.web-bottom-five a{height:62px;border-radius:21px;gap:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b97b2;font-size:11px;font-weight:800;position:relative}
.ui-v3024 .bottom-nav.web-bottom-five a .nav-ico{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;transition:.2s ease}
.ui-v3024 .bottom-nav.web-bottom-five .nav-svg{width:24px;height:24px;object-fit:contain;opacity:.78}
.ui-v3024 .bottom-nav.web-bottom-five a.active{color:#5366f6;background:linear-gradient(180deg,rgba(247,248,255,.98),rgba(234,238,255,.88));box-shadow:0 8px 23px rgba(92,92,236,.17),inset 0 0 0 1px rgba(255,255,255,.95)}
.ui-v3024 .bottom-nav.web-bottom-five a.active .nav-ico{width:40px;height:40px;background:linear-gradient(145deg,#7e75ff,#5368f6);box-shadow:0 9px 20px rgba(80,91,238,.32),inset 0 2px 2px rgba(255,255,255,.48)}
.ui-v3024 .bottom-nav.web-bottom-five a.active .nav-svg{filter:brightness(0) invert(1);opacity:1}
.ui-v3024 a,.ui-v3024 button{touch-action:manipulation}
.ui-v3024 button,.ui-v3024 .task-action,.ui-v3024 .invite-copy>a,.ui-v3024 .edit-profile-btn,.ui-v3024 .merchant-card button,.ui-v3024 .earn-points-hero>a{
  -webkit-tap-highlight-color:transparent;
}

/* HOME */
.ui-home-v3024 .home-head{max-width:430px;margin:0 auto;padding:22px 18px 12px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:transparent}
.ui-home-v3024 .home-head>div{display:flex;align-items:baseline;gap:13px}.ui-home-v3024 .home-head h1{font-size:29px;letter-spacing:1px;margin:0;font-weight:950}.ui-home-v3024 .home-head p{margin:0;font-size:13px;opacity:.82}
.ui-home-v3024 .home-notice-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 12px 26px rgba(43,52,167,.24)}
.ui-home-v3024 .home-main{padding-top:0}
.ui-home-v3024 .invite-banner{min-height:176px;margin:2px 0 14px;padding:22px 18px;border-radius:27px;overflow:hidden;position:relative;display:flex!important;align-items:center;background:linear-gradient(135deg,#302dc0 0,#4456ee 55%,#7554fa 100%);border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 45px rgba(46,54,171,.29),inset 0 1px 0 rgba(255,255,255,.25)}
.ui-home-v3024 .invite-banner:before{content:"";position:absolute;inset:-80px -110px auto auto;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.31),rgba(255,255,255,0) 68%)}
.ui-home-v3024 .invite-visual{order:2;position:absolute!important;right:-7px;bottom:-4px;width:48%!important;height:155px!important;display:flex;align-items:flex-end;justify-content:center;opacity:1!important;filter:drop-shadow(0 15px 20px rgba(13,24,116,.25))}
.ui-home-v3024 .invite-visual img{width:100%;height:100%;object-fit:contain}
.ui-home-v3024 .invite-copy{width:62%;z-index:3;color:#fff;display:flex;flex-direction:column;align-items:flex-start}.ui-home-v3024 .invite-copy small{font-size:12px;font-weight:850;padding:7px 11px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25)}
.ui-home-v3024 .invite-copy b{margin:14px 0 13px;font-size:19px;line-height:1.35;max-width:220px}.ui-home-v3024 .invite-copy>a{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:11px 18px;border-radius:19px;color:#fff;font-weight:900;background:linear-gradient(180deg,#9a84ff,#645cff);border:1px solid rgba(255,255,255,.48);box-shadow:0 10px 18px rgba(41,38,169,.33),inset 0 2px 4px rgba(255,255,255,.42),inset 0 -4px 7px rgba(65,38,190,.25)}
.ui-home-v3024 .banner-indicator{display:none}
.ui-home-v3024 .home-service-panel{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:0 0 18px!important;padding:12px 9px!important;border-radius:26px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:var(--ui24-shadow)!important;backdrop-filter:blur(10px)}
.ui-home-v3024 .home-service-card{min-height:104px!important;padding:13px 4px 10px!important;border-radius:19px!important;background:linear-gradient(180deg,#fff,rgba(247,249,255,.9))!important;border:1px solid rgba(223,229,250,.88)!important;box-shadow:0 10px 24px rgba(52,67,136,.08),inset 0 1px 0 #fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important}
.ui-home-v3024 .home-service-card i{width:40px!important;height:40px!important;border-radius:13px!important;background:linear-gradient(145deg,#f7f9ff,#e8edff)!important;box-shadow:0 8px 15px rgba(71,83,166,.14),inset 0 1px 0 #fff!important}.ui-home-v3024 .home-service-card i img{width:24px!important;height:24px!important}
.ui-home-v3024 .home-service-card span{font-size:12px!important;color:#172a56!important;font-weight:900!important}.ui-home-v3024 .home-service-card small{font-size:9px!important;color:#9aa4ba!important;text-align:center!important;line-height:1.3!important}.ui-home-v3024 .home-service-card em{margin-top:auto!important;width:18px!important;height:3px!important;border-radius:10px!important;display:block!important}.ui-home-v3024 .home-service-card.account em{background:#4c6dff}.ui-home-v3024 .home-service-card.notice em{background:#ff6945}.ui-home-v3024 .home-service-card.tutorial em{background:#39c57a}.ui-home-v3024 .home-service-card.chat em{background:#805eff}
.ui-home-v3024 .section-title{margin:15px 2px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.ui-home-v3024 .section-title>b{font-size:17px!important;color:#162951!important;position:relative;padding-left:12px}.ui-home-v3024 .section-title>b:before{content:"";position:absolute;left:0;top:3px;width:4px;height:17px;border-radius:4px;background:linear-gradient(#4f60ff,#8d60ff)}.ui-home-v3024 .section-title a{font-size:11px;color:#8894ae;font-weight:700}
.ui-home-v3024 .platform-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.ui-home-v3024 .platform-grid>a{min-height:130px!important;border-radius:22px!important;padding:14px 4px 10px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 14px 30px rgba(44,64,136,.09)!important;display:flex!important;flex-direction:column!important;align-items:center!important}.ui-home-v3024 .home-platform-logo{width:54px!important;height:54px!important;border-radius:16px!important;box-shadow:0 10px 17px rgba(40,50,114,.16)!important}.ui-home-v3024 .platform-grid span{margin-top:9px!important;font-size:15px!important;font-weight:950!important;color:#16284e!important}.ui-home-v3024 .platform-grid small{font-size:9px!important;color:#98a2b9!important;text-align:center!important;line-height:1.35!important;margin-top:5px!important}
.ui-home-v3024 .task-list{display:grid!important;gap:10px!important}.ui-home-v3024 .task-card{border-radius:22px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 14px 32px rgba(48,65,138,.10)!important;padding:13px!important;min-height:94px!important}.ui-home-v3024 .official-group-home-card{background:linear-gradient(135deg,#635fff,#5a66ef 48%,#855cf8)!important;color:#fff!important;box-shadow:0 17px 35px rgba(78,76,225,.27)!important}.ui-home-v3024 .official-group-home-card .task-body b,.ui-home-v3024 .official-group-home-card .task-body small{color:#fff!important}.ui-home-v3024 .official-group-home-card .task-body small{opacity:.82}.ui-home-v3024 .official-group-home-card .task-action{background:linear-gradient(180deg,#a98cff,#6d5cf3)!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important;box-shadow:0 8px 18px rgba(48,37,178,.28),inset 0 2px 3px rgba(255,255,255,.38)!important}.ui-home-v3024 .task-action{border-radius:16px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(84,92,224,.13)!important}

/* EARN */
.ui-earn-v3024{background:linear-gradient(180deg,#3541d9 0,#6c68ff 220px,#eef3ff 475px,#f7f9ff 100%)}
.ui-earn-v3024 .earn-head{max-width:430px;margin:0 auto;padding:18px 14px 16px;color:#fff;background:transparent!important;min-height:330px;position:relative;overflow:hidden}.ui-earn-v3024 .earn-head:after{content:"";position:absolute;right:-65px;top:82px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.23),transparent 65%);pointer-events:none}
.ui-earn-v3024 .earn-title-row{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.ui-earn-v3024 .earn-title-row a{font-size:39px;color:#fff;line-height:1;text-decoration:none}.ui-earn-v3024 .earn-title-row h1{font-size:26px;text-align:center;margin:0;font-weight:950}
.ui-earn-v3024 .earn-points-hero{margin-top:34px;height:185px;border:1px solid rgba(255,255,255,.38);border-radius:28px;padding:22px 20px;display:grid;grid-template-columns:1fr 95px;grid-template-rows:1fr auto;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#252ab2,#3645d9 55%,#6956ec);box-shadow:0 20px 40px rgba(24,29,139,.35),inset 0 1px 0 rgba(255,255,255,.34)}
.ui-earn-v3024 .earn-points-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 28%,rgba(255,255,255,.23),transparent 28%)}.ui-earn-v3024 .earn-points-hero section{z-index:2}.ui-earn-v3024 .earn-points-hero span{display:block;font-size:13px;letter-spacing:.4px}.ui-earn-v3024 .earn-points-hero b{display:block;font-size:52px;line-height:1;margin-top:13px}.ui-earn-v3024 .earn-points-hero img{width:105px;height:105px;object-fit:contain;z-index:2;filter:drop-shadow(0 14px 18px rgba(14,25,122,.26))}.ui-earn-v3024 .earn-points-hero>a{position:absolute;right:20px;bottom:23px;z-index:3;min-width:106px;text-align:center;padding:12px 17px;color:#fff;border-radius:24px;background:linear-gradient(180deg,#aa8dff,#6458f7);border:1px solid rgba(255,255,255,.47);box-shadow:0 10px 20px rgba(40,36,167,.35),inset 0 2px 3px rgba(255,255,255,.42),inset 0 -4px 7px rgba(58,31,188,.22);font-weight:950}
.ui-earn-v3024 .earn-main{margin-top:-26px!important;position:relative;z-index:3}.ui-earn-v3024 .tip-card{padding:18px!important;border-radius:27px!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:var(--ui24-shadow)!important}.ui-earn-v3024 .notice-title-3024{display:flex;align-items:center;gap:10px;margin-bottom:13px}.ui-earn-v3024 .notice-title-3024 img{width:42px;height:42px;object-fit:contain}.ui-earn-v3024 .notice-title-3024 h3{font-size:20px!important;margin:0!important;color:#172957!important}.ui-earn-v3024 .earn-rich{padding:14px 14px 14px 23px;border-radius:20px;background:linear-gradient(145deg,#fbfcff,#f4f7ff);line-height:1.8!important;color:#46567c!important;position:relative}.ui-earn-v3024 .earn-rich:before{content:"•\A•\A•\A•";white-space:pre;position:absolute;left:9px;top:15px;line-height:1.82;color:#6d69ff;font-weight:900}
.ui-earn-v3024 .section-title{margin:20px 3px 10px!important}.ui-earn-v3024 .section-title b{font-size:18px!important}.ui-earn-v3024 .section-title small{font-size:11px!important;color:#929db6!important}
.ui-earn-v3024 .fixed-card{display:grid!important;grid-template-columns:48px 1fr!important;gap:12px!important;align-items:start!important;padding:16px!important;border-radius:25px!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:var(--ui24-shadow)!important;position:relative}.ui-earn-v3024 .step-num{width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;background:linear-gradient(145deg,#735eff,#4a67ee)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 8px 16px rgba(72,79,220,.27),inset 0 2px 2px rgba(255,255,255,.42)!important}.ui-earn-v3024 .fixed-copy h3{margin:2px 0 7px;font-size:17px;color:#162951}.ui-earn-v3024 .fixed-copy h3 em{font-size:10px;font-style:normal;color:#7d65f6;background:#f0ecff;border-radius:10px;padding:4px 8px;margin-left:5px}.ui-earn-v3024 .fixed-copy p{font-size:12px;color:#667493;line-height:1.65;margin:0 0 10px}.ui-earn-v3024 .fixed-copy small{display:block;border-radius:14px;padding:10px;background:#f7f8ff;color:#8691ac}.ui-earn-v3024 .fixed-card form{grid-column:2;justify-self:end;margin-top:-43px}.ui-earn-v3024 .fixed-card button{min-width:94px;border:1px solid rgba(255,255,255,.55)!important;border-radius:19px!important;padding:10px 15px!important;color:#fff!important;font-weight:900!important;background:linear-gradient(180deg,#9d82ff,#6259f5)!important;box-shadow:0 9px 17px rgba(73,66,211,.28),inset 0 2px 3px rgba(255,255,255,.45)!important}

/* TASK HALL */
.ui-tasks-v3024{background:linear-gradient(180deg,#3545dc 0,#6d6cff 230px,#edf3ff 500px,#f8faff 100%)}
.ui-tasks-v3024 .task-hall-head{height:250px;max-width:430px!important;margin:0 auto!important;padding:24px 18px 0!important;box-sizing:border-box!important;position:relative!important;align-items:flex-start!important;background:transparent!important}.ui-tasks-v3024 .task-hall-head section{z-index:2}.ui-tasks-v3024 .task-hall-head h1{font-size:30px!important;text-shadow:0 3px 14px rgba(20,28,125,.3)}.ui-tasks-v3024 .task-hall-head p{margin:12px 0 0;font-size:13px;color:rgba(255,255,255,.76)}.ui-tasks-v3024 .task-hall-head>img{position:absolute;right:66px;top:68px;width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(30,35,148,.27));opacity:.88}.ui-tasks-v3024 .task-hall-head>a{z-index:3;background:linear-gradient(180deg,rgba(159,137,255,.92),rgba(88,90,240,.96))!important;border:1px solid rgba(255,255,255,.48)!important;box-shadow:0 10px 20px rgba(40,41,166,.30),inset 0 2px 3px rgba(255,255,255,.38)!important;border-radius:20px!important;padding:10px 14px!important}
.ui-tasks-v3024 .task-hall-page{margin-top:-69px!important;position:relative;z-index:3}.ui-tasks-v3024 .task-hall-stats{padding:16px 9px!important;border-radius:27px!important;gap:0!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 18px 42px rgba(45,58,140,.17)!important}.ui-tasks-v3024 .task-hall-stats div{position:relative;padding:6px 1px 10px!important;border-right:1px solid rgba(91,109,181,.10)}.ui-tasks-v3024 .task-hall-stats div:last-child{border-right:0}.ui-tasks-v3024 .task-hall-stats img{display:block;width:37px;height:37px;object-fit:contain;margin:0 auto 3px;filter:drop-shadow(0 6px 9px rgba(76,85,164,.14))}.ui-tasks-v3024 .task-hall-stats b{font-size:25px!important;color:#162951!important}.ui-tasks-v3024 .task-hall-stats span{font-size:11px!important}.ui-tasks-v3024 .task-platform-filter{margin-top:9px;padding-bottom:13px!important}.ui-tasks-v3024 .task-platform-filter a{border-radius:17px!important;padding:10px 15px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 8px 18px rgba(54,69,143,.08)!important}.ui-tasks-v3024 .task-platform-filter a.active{background:linear-gradient(180deg,#897aff,#5665f4)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 9px 19px rgba(77,75,218,.27),inset 0 2px 3px rgba(255,255,255,.4)!important}
.ui-tasks-v3024 .task-hall-list .task-card{padding:16px!important;border-radius:26px!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 16px 38px rgba(48,65,138,.11)!important}.ui-tasks-v3024 .task-hall-list .task-platform-logo{width:66px!important;height:66px!important;border-radius:20px!important;box-shadow:0 12px 21px rgba(42,54,128,.17)!important}.ui-tasks-v3024 .task-hall-list .task-line b{font-size:17px!important}.ui-tasks-v3024 .task-hall-list .task-line em{padding:7px 10px!important;border-radius:13px!important;background:#fff0f3!important;color:#f14c5f!important}.ui-tasks-v3024 .task-hall-list .task-body small{font-size:11px!important;color:#8792ad!important}.ui-tasks-v3024 .task-hall-list .task-action{display:flex!important;align-items:center!important;justify-content:center!important;margin-top:12px!important;width:100%!important;min-height:43px!important;border-radius:22px!important;color:#fff!important;background:linear-gradient(180deg,#8f79ff,#5664f1)!important;border:1px solid rgba(255,255,255,.52)!important;box-shadow:0 10px 19px rgba(77,73,217,.28),inset 0 2px 4px rgba(255,255,255,.45),inset 0 -4px 7px rgba(66,51,196,.18)!important;font-weight:950!important}

/* MESSAGES */
.ui-msg-v3024{background:linear-gradient(180deg,#4050e8 0,#7474ff 215px,#eef3ff 440px,#f8faff 100%)}
.ui-msg-v3024 .message-head{height:220px;max-width:430px;margin:0 auto!important;padding:28px 20px 0!important;box-sizing:border-box;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;color:#fff!important;background:transparent!important}.ui-msg-v3024 .message-head h1{font-size:30px!important;margin:0!important}.ui-msg-v3024 .message-head p{margin:13px 0 0;font-size:13px;opacity:.78}.ui-msg-v3024 .message-head img{width:115px;height:115px;object-fit:contain;margin-top:4px;filter:drop-shadow(0 15px 18px rgba(32,37,145,.23))}
.ui-msg-v3024 .msg-main{margin-top:-65px!important;position:relative;z-index:3}.ui-msg-v3024 .msg-tabs{height:74px!important;border-radius:28px!important;padding:8px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 18px 39px rgba(52,65,145,.14)!important}.ui-msg-v3024 .msg-tabs a,.ui-msg-v3024 .msg-tabs button{height:56px!important;border-radius:21px!important}.ui-msg-v3024 .msg-tabs a.active{background:linear-gradient(180deg,#8a77ff,#5766f4)!important;color:#fff!important;border:1px solid rgba(255,255,255,.48)!important;box-shadow:0 9px 18px rgba(82,75,219,.29),inset 0 2px 3px rgba(255,255,255,.42)!important}
.ui-msg-v3024 .message-list{display:grid!important;gap:11px!important;margin-top:14px!important}.ui-msg-v3024 .message-item{display:grid!important;grid-template-columns:56px 1fr!important;gap:12px!important;padding:16px!important;border-radius:25px!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 15px 34px rgba(49,64,138,.10)!important;opacity:1!important}.ui-msg-v3024 .message-type-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#f6f8ff,#e9edff);box-shadow:0 9px 18px rgba(67,79,160,.11),inset 0 1px 0 #fff}.ui-msg-v3024 .message-type-icon img{width:45px;height:45px;object-fit:contain}.ui-msg-v3024 .message-content-wrap{min-width:0}.ui-msg-v3024 .message-card-head{align-items:flex-start!important}.ui-msg-v3024 .message-card-head h3{font-size:15px!important;color:#172950!important;line-height:1.4!important;margin:1px 8px 6px 0!important}.ui-msg-v3024 .message-rich{font-size:11px!important;line-height:1.7!important;color:#75819f!important}.ui-msg-v3024 .read-badge,.ui-msg-v3024 .unread-badge{border-radius:11px!important;padding:5px 8px!important;font-size:9px!important}.ui-msg-v3024 .message-card-foot{margin-top:8px!important;border:0!important;padding-top:0!important}.ui-msg-v3024 .message-card-foot small{font-size:10px!important;color:#a0aac0!important}

/* PROFILE */
.ui-profile-v3024{background:linear-gradient(180deg,#3647dd 0,#6c68fb 285px,#edf2ff 520px,#f8faff 100%)}
.ui-profile-v3024 .profile-head2{max-width:430px!important;margin:0 auto!important;padding:18px 14px 0!important;height:350px!important;box-sizing:border-box!important;background:transparent!important;position:relative!important}.ui-profile-v3024 .profile-title-row{display:flex;align-items:center;justify-content:center;position:relative;color:#fff}.ui-profile-v3024 .profile-title-row h1{margin:0!important;font-size:25px!important}.ui-profile-v3024 .profile-title-row>a{position:absolute;right:1px;width:41px;height:41px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.32)}
.ui-profile-v3024 .profile-user{height:218px!important;margin-top:22px!important;padding:19px!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(93,92,250,.92),rgba(82,100,242,.88) 56%,rgba(122,82,245,.86))!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 20px 42px rgba(35,40,151,.30),inset 0 1px 0 rgba(255,255,255,.34)!important;position:relative;overflow:hidden}.ui-profile-v3024 .profile-user:after{content:"★";position:absolute;right:26px;top:25px;width:86px;height:86px;border-radius:31px;display:grid;place-items:center;font-size:38px;color:rgba(255,255,255,.48);background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.20)}
.ui-profile-v3024 .avatar-big{width:84px!important;height:84px!important;border-radius:50%!important;border:3px solid rgba(255,255,255,.78)!important;box-shadow:0 0 0 5px rgba(98,175,255,.25),0 12px 24px rgba(20,29,124,.26)!important;z-index:2}.ui-profile-v3024 .profile-user>section{z-index:2}.ui-profile-v3024 .profile-user>section b{font-size:23px!important;color:#fff!important}.ui-profile-v3024 .profile-user>section em{font-size:11px!important;padding:5px 9px!important;border-radius:13px!important;background:linear-gradient(145deg,#b08a67,#81614a)!important;color:#fff!important}.ui-profile-v3024 .profile-user>section span{font-size:12px!important;color:rgba(255,255,255,.88)!important;margin-top:7px!important}.ui-profile-v3024 .edit-profile-btn{position:absolute!important;right:17px!important;bottom:20px!important;z-index:4!important;padding:10px 15px!important;border-radius:20px!important;color:#fff!important;background:linear-gradient(180deg,#a487ff,#655af4)!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 10px 20px rgba(40,38,164,.28),inset 0 2px 3px rgba(255,255,255,.4)!important}
.ui-profile-v3024 .profile-main2{margin-top:-90px!important;position:relative;z-index:5}.ui-profile-v3024 .earnings4{border-radius:25px!important;padding:15px 5px!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 17px 38px rgba(46,61,139,.15)!important}.ui-profile-v3024 .earnings4>div{border-right:1px solid rgba(80,99,176,.10)}.ui-profile-v3024 .earnings4>div:last-child{border-right:0}.ui-profile-v3024 .earnings4 span{font-size:10px!important}.ui-profile-v3024 .earnings4 b{font-size:14px!important;color:#5265f2!important;margin-top:7px!important}
.ui-profile-v3024 .merchant-card{min-height:118px!important;margin:15px 0 12px!important;padding:18px!important;border-radius:26px!important;background:linear-gradient(135deg,#5a5cf0,#755cf6 58%,#4c75ef)!important;color:#fff!important;box-shadow:0 17px 36px rgba(75,76,218,.24)!important;position:relative;overflow:hidden}.ui-profile-v3024 .merchant-card div{z-index:3}.ui-profile-v3024 .merchant-card b{font-size:22px!important;color:#fff!important}.ui-profile-v3024 .merchant-card small{font-size:11px!important;color:rgba(255,255,255,.82)!important;margin-top:7px!important}.ui-profile-v3024 .merchant-handshake{position:absolute;left:48%;top:18px;font-size:62px;filter:drop-shadow(0 13px 15px rgba(34,38,142,.20));opacity:.95}.ui-profile-v3024 .merchant-card button{z-index:3;padding:11px 15px!important;border-radius:20px!important;background:linear-gradient(180deg,#a387ff,#645af5)!important;border:1px solid rgba(255,255,255,.46)!important;box-shadow:0 9px 18px rgba(36,38,154,.30),inset 0 2px 3px rgba(255,255,255,.42)!important;color:#fff!important;font-weight:900!important}
.ui-profile-v3024 .feature-grid.modern{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;border-radius:27px!important;overflow:hidden!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 18px 42px rgba(50,66,141,.12)!important}.ui-profile-v3024 .feature-grid.modern>a{height:157px!important;padding:13px 4px 9px!important;border-radius:0!important;background:transparent!important;border-right:1px solid rgba(84,101,177,.08)!important;border-bottom:1px solid rgba(84,101,177,.08)!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;position:relative}.ui-profile-v3024 .feature-grid.modern>a:nth-child(4n){border-right:0!important}.ui-profile-v3024 .feature-grid.modern>a:nth-child(n+9){border-bottom:0!important}.ui-profile-v3024 .feature-grid.modern .fi{width:60px!important;height:60px!important;display:grid!important;place-items:center!important;background:transparent!important;margin:0 0 4px!important;filter:drop-shadow(0 10px 10px rgba(49,63,140,.16))}.ui-profile-v3024 .feature-grid.modern .fi img{width:58px;height:58px;object-fit:contain}.ui-profile-v3024 .feature-grid.modern span{font-size:12px!important;color:#17294f!important;font-weight:950!important}.ui-profile-v3024 .feature-grid.modern small{display:block!important;text-align:center!important;margin-top:4px!important;font-size:8.5px!important;line-height:1.3!important;color:#909ab2!important}.ui-profile-v3024 .feature-grid.modern em{margin-top:auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#edf0ff;color:#6070f0;font-style:normal;font-size:16px;line-height:1}.ui-profile-v3024 .feature-grid.modern .logout-item{background:linear-gradient(145deg,#fff,#fff4f5)!important}.ui-profile-v3024 .feature-grid.modern .logout-item span{color:#df4c5f!important}.ui-profile-v3024 .version{font-size:10px!important;color:#9ea7bb!important;text-align:center!important;margin:13px 0!important}

@media(min-width:760px){
  body.ui-v3024{background-position:center top;background-repeat:no-repeat;background-size:100% auto}
  body.ui-v3024:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(239,244,255,.96) calc(50% - 250px),transparent calc(50% - 230px),transparent calc(50% + 230px),rgba(239,244,255,.96) calc(50% + 250px));z-index:-1}
}

/* =========================================================
   V3.0.2.5 STABLE PREMIUM UI
   Normal proportions · accurate icons · restrained depth
   ========================================================= */
:root{--v25:#626cf5;--v25-2:#7c68f7;--v25-deep:#26376d;--v25-bg:#f4f6fb;--v25-card:#fff;--v25-muted:#8993aa;--v25-line:#e9edf6;--v25-shadow:0 8px 24px rgba(35,53,111,.08)}
body.ui-v3025{margin:0;min-height:100vh;color:#18284e;background:var(--v25-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.ui-v3025 .mobile-main{max-width:430px!important;margin:0 auto;padding:12px 12px 88px!important}
.ui-v3025 .bottom-nav.web-bottom-five{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:1000;width:min(100%,430px);height:68px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(255,255,255,.97);border-top:1px solid #e9ecf4;box-shadow:0 -6px 20px rgba(37,51,99,.07);backdrop-filter:blur(14px)}
.ui-v3025 .bottom-nav.web-bottom-five a{height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8792ad;font-size:10px;font-weight:700;border-radius:14px}
.ui-v3025 .bottom-nav.web-bottom-five a .nav-ico{width:28px;height:28px;display:grid;place-items:center;border-radius:10px}
.ui-v3025 .bottom-nav.web-bottom-five .nav-svg{width:22px;height:22px;object-fit:contain;opacity:.72}
.ui-v3025 .bottom-nav.web-bottom-five a.active{color:#5e69f1;background:#f1f3ff}
.ui-v3025 .bottom-nav.web-bottom-five a.active .nav-ico{background:#6670f5;box-shadow:0 5px 12px rgba(88,100,230,.22)}
.ui-v3025 .bottom-nav.web-bottom-five a.active .nav-svg{filter:brightness(0) invert(1);opacity:1}
.ui-v3025 button,.ui-v3025 .task-action,.ui-v3025 .invite-copy>a,.ui-v3025 .edit-profile-btn,.ui-v3025 .merchant-card button,.ui-v3025 .earn-points-hero>a{box-shadow:0 5px 12px rgba(82,91,209,.16)!important;transform:none!important}

/* HOME */
.ui-home-v3025{background:linear-gradient(180deg,#6570f4 0 118px,var(--v25-bg) 118px)}
.ui-home-v3025 .home-head{max-width:430px;height:58px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#fff;position:relative;top:auto;box-shadow:none}
.ui-home-v3025 .home-head>div{display:flex;align-items:baseline;gap:10px}.ui-home-v3025 .home-head h1{font-size:22px;margin:0;font-weight:800}.ui-home-v3025 .home-head p{font-size:11px;margin:0;opacity:.82}.ui-home-v3025 .home-notice-orb{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.26);font-size:18px;color:#fff}
.ui-home-v3025 .home-main{background:transparent!important;padding-top:4px!important}
.ui-home-v3025 .invite-banner{height:142px!important;min-height:142px!important;margin:0 0 12px!important;padding:16px!important;border-radius:20px!important;background:linear-gradient(135deg,#4d58e8,#6d63f3)!important;border:0!important;box-shadow:0 10px 24px rgba(71,79,190,.18)!important;position:relative;overflow:hidden;display:flex!important;align-items:center!important}
.ui-home-v3025 .invite-visual{position:absolute!important;right:6px!important;bottom:0!important;width:43%!important;height:128px!important;display:flex!important;align-items:flex-end!important;opacity:1!important;filter:none!important}.ui-home-v3025 .invite-visual img{width:100%;height:100%;object-fit:contain!important}
.ui-home-v3025 .invite-copy{width:58%;z-index:2;display:flex!important;flex-direction:column!important;align-items:flex-start!important;color:#fff}.ui-home-v3025 .invite-copy small{font-size:10px;font-weight:700;padding:5px 8px;border-radius:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}.ui-home-v3025 .invite-copy b{font-size:17px;line-height:1.35;margin:10px 0 12px;color:#fff!important}.ui-home-v3025 .invite-copy>a{display:inline-flex!important;align-items:center;justify-content:center;padding:9px 17px!important;border-radius:12px!important;background:#fff!important;color:#5f68ed!important;font-size:12px!important;font-weight:800!important;border:0!important}.ui-home-v3025 .banner-indicator{display:none}
.ui-home-v3025 .home-service-panel{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin:0 0 14px!important;padding:10px 7px!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:var(--v25-shadow)!important}.ui-home-v3025 .home-service-card{min-height:88px!important;padding:9px 2px 7px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;background:transparent!important;border:0!important;box-shadow:none!important}.ui-home-v3025 .home-service-card i{width:35px!important;height:35px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#f1f4ff!important;box-shadow:none!important}.ui-home-v3025 .home-service-card i img{width:21px!important;height:21px!important}.ui-home-v3025 .home-service-card span{font-size:11px!important;font-weight:800!important;color:#1d2d51!important}.ui-home-v3025 .home-service-card small{font-size:8.5px!important;color:#9aa3b7!important;text-align:center!important;line-height:1.25!important}.ui-home-v3025 .home-service-card em{display:none!important}
.ui-home-v3025 .section-title{margin:15px 2px 9px!important;padding-left:8px!important;border-left:3px solid #6670f5!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.ui-home-v3025 .section-title>b{padding:0!important;font-size:16px!important;color:#1b2b50!important}.ui-home-v3025 .section-title>b:before{display:none!important}.ui-home-v3025 .section-title a{font-size:10px;color:#96a0b4}
.ui-home-v3025 .platform-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}.ui-home-v3025 .platform-grid>a{min-height:110px!important;padding:12px 3px 8px!important;border-radius:17px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:0 5px 14px rgba(43,59,114,.055)!important;display:flex!important;flex-direction:column!important;align-items:center!important}.ui-home-v3025 .home-platform-logo{width:48px!important;height:48px!important;border-radius:14px!important;box-shadow:none!important}.ui-home-v3025 .platform-grid span{font-size:13px!important;margin-top:7px!important;font-weight:800!important;color:#1b2b50!important}.ui-home-v3025 .platform-grid small{font-size:8px!important;line-height:1.25!important;color:#99a2b6!important;margin-top:3px!important;text-align:center!important}
.ui-home-v3025 .task-list{display:grid!important;gap:9px!important}.ui-home-v3025 .task-card{padding:12px!important;min-height:86px!important;border-radius:17px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:0 5px 15px rgba(40,55,108,.055)!important}.ui-home-v3025 .official-group-home-card{background:#fff!important;color:#1a2b50!important;border-left:4px solid #6570f5!important}.ui-home-v3025 .official-group-home-card .task-body b{color:#1a2b50!important}.ui-home-v3025 .official-group-home-card .task-body small{color:#8f99ad!important}.ui-home-v3025 .task-action,.ui-home-v3025 .official-group-home-card .task-action{height:30px!important;border-radius:10px!important;background:#6670f5!important;color:#fff!important;border:0!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}

/* EARN */
.ui-earn-v3025{background:var(--v25-bg)}.ui-earn-v3025 .earn-head{max-width:430px!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:14px 12px 12px!important;background:linear-gradient(135deg,#5964ee,#7769f3)!important;color:#fff!important;overflow:visible!important}.ui-earn-v3025 .earn-head:after{display:none!important}.ui-earn-v3025 .earn-title-row{height:42px!important;display:grid!important;grid-template-columns:40px 1fr 40px!important;align-items:center!important}.ui-earn-v3025 .earn-title-row>a{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;padding:0!important}.ui-earn-v3025 .earn-title-row h1{margin:0!important;text-align:center!important;font-size:20px!important}.ui-earn-v3025 .earn-points-hero{height:132px!important;margin-top:8px!important;padding:18px!important;border-radius:18px!important;background:rgba(37,44,170,.42)!important;border:1px solid rgba(255,255,255,.14)!important;display:flex!important;align-items:center!important;position:relative!important;box-shadow:none!important}.ui-earn-v3025 .earn-points-hero section{display:flex!important;flex-direction:column!important;gap:3px!important;z-index:2}.ui-earn-v3025 .earn-points-hero section span{font-size:11px!important}.ui-earn-v3025 .earn-points-hero section b{font-size:40px!important}.ui-earn-v3025 .earn-points-hero>img{display:none!important}.ui-earn-v3025 .earn-points-hero>a{margin-left:auto!important;padding:9px 16px!important;border-radius:12px!important;background:#fff!important;color:#5f68ed!important;border:0!important;font-size:12px!important;font-weight:800!important}
.ui-earn-v3025 .earn-main{padding-top:12px!important}.ui-earn-v3025 .tip-card{padding:15px!important;border-radius:17px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:var(--v25-shadow)!important}.ui-earn-v3025 .notice-title-3024 img{width:32px!important;height:32px!important}.ui-earn-v3025 .notice-title-3024 h3{font-size:17px!important;color:#253762!important}.ui-earn-v3025 .earn-rich{font-size:12px!important;line-height:1.75!important;color:#66738f!important;background:#f7f8fc!important;border-radius:12px!important;padding:12px!important}.ui-earn-v3025 .section-title{margin:16px 2px 9px!important;border-left:3px solid #6670f5!important}.ui-earn-v3025 .fixed-card{grid-template-columns:34px 1fr auto!important;gap:9px!important;padding:13px!important;border-radius:17px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:0 5px 15px rgba(40,55,108,.05)!important}.ui-earn-v3025 .step-num{width:30px!important;height:30px!important;background:#6771f5!important;box-shadow:none!important}.ui-earn-v3025 .fixed-copy h3{font-size:14px!important}.ui-earn-v3025 .fixed-copy h3 em{font-size:9px!important}.ui-earn-v3025 .fixed-copy p,.ui-earn-v3025 .fixed-copy small{font-size:10px!important}.ui-earn-v3025 .fixed-card button{padding:8px 12px!important;border-radius:11px!important;background:#6670f5!important;box-shadow:none!important}

/* TASK HALL */
.ui-tasks-v3025{background:var(--v25-bg)}.ui-tasks-v3025 .task-hall-head{max-width:430px!important;height:108px!important;margin:0 auto!important;padding:18px 14px!important;background:linear-gradient(135deg,#5964ee,#756cf2)!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;position:relative!important;color:#fff!important}.ui-tasks-v3025 .task-hall-head h1{font-size:23px!important;margin:0!important}.ui-tasks-v3025 .task-hall-head p{font-size:11px!important;margin:7px 0 0!important;color:rgba(255,255,255,.8)!important}.ui-tasks-v3025 .task-hall-head>img{display:none!important}.ui-tasks-v3025 .task-hall-head>a{padding:8px 11px!important;border-radius:11px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important}.ui-tasks-v3025 .task-hall-page{padding-top:10px!important}.ui-tasks-v3025 .task-hall-stats{margin:0 0 12px!important;padding:10px 4px!important;border-radius:17px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:var(--v25-shadow)!important}.ui-tasks-v3025 .task-hall-stats div{padding:5px 1px!important}.ui-tasks-v3025 .task-hall-stats b{font-size:19px!important}.ui-tasks-v3025 .task-hall-stats span{font-size:9px!important}.ui-tasks-v3025 .task-platform-filter{gap:7px!important;padding-bottom:10px!important}.ui-tasks-v3025 .task-platform-filter a{min-width:55px!important;padding:8px 11px!important;border-radius:10px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:none!important;font-size:11px!important}.ui-tasks-v3025 .task-platform-filter a.active{background:#6670f5!important;color:#fff!important;border-color:#6670f5!important}.ui-tasks-v3025 .task-hall-list .task-card{border-radius:17px!important;padding:13px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:var(--v25-shadow)!important}.ui-tasks-v3025 .task-hall-list .task-action{background:#6670f5!important;border-radius:11px!important;box-shadow:none!important}

/* MESSAGES */
.ui-msg-v3025{background:var(--v25-bg)}.ui-msg-v3025 .message-head{max-width:430px!important;height:104px!important;margin:0 auto!important;padding:18px 16px!important;background:linear-gradient(135deg,#5964ee,#756cf2)!important;color:#fff!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important}.ui-msg-v3025 .message-head h1{font-size:23px!important;margin:0!important}.ui-msg-v3025 .message-head p{font-size:11px!important;margin:7px 0 0!important;opacity:.82}.ui-msg-v3025 .message-head img{width:42px!important;height:42px!important;object-fit:contain!important;filter:none!important;opacity:.88}.ui-msg-v3025 .msg-main{margin-top:0!important;padding-top:10px!important}.ui-msg-v3025 .msg-tabs{height:auto!important;padding:5px!important;margin-bottom:10px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:var(--v25-shadow)!important}.ui-msg-v3025 .msg-tabs a,.ui-msg-v3025 .msg-tabs button{height:36px!important;border-radius:10px!important;font-size:11px!important}.ui-msg-v3025 .msg-tabs a.active{background:#6670f5!important;color:#fff!important;box-shadow:none!important;border:0!important}.ui-msg-v3025 .message-list{gap:8px!important;margin-top:0!important}.ui-msg-v3025 .message-item{grid-template-columns:42px 1fr!important;gap:10px!important;padding:13px!important;border-radius:16px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:0 4px 13px rgba(40,55,108,.045)!important}.ui-msg-v3025 .message-type-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:#f2f4ff!important;box-shadow:none!important}.ui-msg-v3025 .message-type-icon img{width:28px!important;height:28px!important}.ui-msg-v3025 .message-card-head h3{font-size:13px!important;margin:0 6px 4px 0!important}.ui-msg-v3025 .message-rich{font-size:10px!important;line-height:1.65!important}.ui-msg-v3025 .read-badge,.ui-msg-v3025 .unread-badge{font-size:8px!important;padding:4px 6px!important}.ui-msg-v3025 .message-card-foot{margin-top:5px!important}.ui-msg-v3025 .message-card-foot small{font-size:9px!important}

/* PROFILE */
.ui-profile-v3025{background:var(--v25-bg)}.ui-profile-v3025 .profile-head2{max-width:430px!important;height:auto!important;margin:0 auto!important;padding:14px 12px 16px!important;background:linear-gradient(135deg,#5964ee,#756cf2)!important;border-radius:0 0 22px 22px!important;box-shadow:none!important;position:relative!important}.ui-profile-v3025 .profile-title-row{height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;color:#fff!important}.ui-profile-v3025 .profile-title-row h1{font-size:21px!important;margin:0!important}.ui-profile-v3025 .profile-title-row>a{position:absolute!important;right:0!important;width:34px!important;height:34px!important;border-radius:11px!important;display:grid!important;place-items:center!important;color:#fff!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important;font-size:16px!important}.ui-profile-v3025 .profile-user{height:112px!important;margin-top:8px!important;padding:12px!important;border-radius:17px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:12px!important;position:relative!important;overflow:hidden!important}.ui-profile-v3025 .profile-user:after{display:none!important}.ui-profile-v3025 .avatar-big{width:64px!important;height:64px!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:none!important}.ui-profile-v3025 .profile-user>section b{font-size:18px!important;color:#fff!important}.ui-profile-v3025 .profile-user>section em{font-size:9px!important;padding:4px 7px!important;border-radius:9px!important;background:rgba(255,255,255,.2)!important;color:#fff!important}.ui-profile-v3025 .profile-user>section span{font-size:10px!important;color:rgba(255,255,255,.85)!important;margin-top:4px!important}.ui-profile-v3025 .edit-profile-btn{position:absolute!important;right:12px!important;top:12px!important;bottom:auto!important;padding:7px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;font-size:10px!important;box-shadow:none!important}.ui-profile-v3025 .profile-main2{margin-top:0!important;padding-top:10px!important}.ui-profile-v3025 .earnings4{border-radius:17px!important;padding:12px 4px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:var(--v25-shadow)!important}.ui-profile-v3025 .earnings4>div{border-right:1px solid #edf0f6!important}.ui-profile-v3025 .earnings4 span{font-size:9px!important}.ui-profile-v3025 .earnings4 b{font-size:12px!important;margin-top:5px!important;color:#5e69ef!important}.ui-profile-v3025 .merchant-card{min-height:86px!important;margin:11px 0!important;padding:14px!important;border-radius:17px!important;background:linear-gradient(135deg,#626cf2,#7968ef)!important;color:#fff!important;box-shadow:0 7px 18px rgba(78,86,196,.15)!important;overflow:hidden!important}.ui-profile-v3025 .merchant-card b{font-size:18px!important}.ui-profile-v3025 .merchant-card small{font-size:9px!important;color:rgba(255,255,255,.8)!important;margin-top:4px!important}.ui-profile-v3025 .merchant-handshake{font-size:34px!important;left:53%!important;top:20px!important;filter:none!important}.ui-profile-v3025 .merchant-card button{padding:8px 11px!important;border-radius:11px!important;background:#fff!important;color:#626cf2!important;border:0!important;font-size:10px!important;box-shadow:none!important}.ui-profile-v3025 .feature-grid.modern{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:9px!important;border-radius:17px!important;background:#fff!important;border:1px solid var(--v25-line)!important;box-shadow:var(--v25-shadow)!important;overflow:visible!important}.ui-profile-v3025 .feature-grid.modern>a{height:104px!important;padding:10px 4px!important;border-radius:13px!important;background:#f8f9fc!important;border:1px solid #eff1f6!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important}.ui-profile-v3025 .feature-grid.modern .fi{width:38px!important;height:38px!important;margin:0 0 4px!important;display:grid!important;place-items:center!important;background:transparent!important;filter:none!important}.ui-profile-v3025 .feature-grid.modern .fi img{width:34px!important;height:34px!important;object-fit:contain!important}.ui-profile-v3025 .feature-grid.modern span{font-size:11px!important;font-weight:800!important;color:#1b2c50!important}.ui-profile-v3025 .feature-grid.modern small{font-size:8px!important;line-height:1.2!important;margin-top:3px!important;color:#9aa3b5!important;text-align:center!important}.ui-profile-v3025 .feature-grid.modern em{display:none!important}.ui-profile-v3025 .feature-grid.modern .logout-item{background:#fff7f8!important}.ui-profile-v3025 .feature-grid.modern .logout-item span{color:#df4d5d!important}.ui-profile-v3025 .version{font-size:9px!important;color:#a4acbb!important;margin:13px 0!important;text-align:center!important}

@media(min-width:760px){body.ui-v3025{background:#eef1f6}.ui-v3025 .home-head,.ui-v3025 .earn-head,.ui-v3025 .task-hall-head,.ui-v3025 .message-head,.ui-v3025 .profile-head2{box-shadow:0 0 0 1px rgba(30,45,90,.03)}}

/* =========================================================
   V3.0.2.6 FLOW + TASK HALL NORMALIZATION
   Compact task stats · lighter rendering · account settings
   ========================================================= */
body.ui-v3026{background:#f4f6fb}
.ui-v3026 .mobile-main{max-width:430px}

/* Keep the bottom nav visually stable without expensive realtime blur on mobile. */
.ui-v3026 .bottom-nav.web-bottom-five{
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 -5px 18px rgba(35,53,111,.07)!important;
}
.ui-v3026 .bottom-nav.web-bottom-five a{transition:background-color .12s ease,color .12s ease,transform .12s ease!important}
.ui-v3026 .bottom-nav.web-bottom-five a:active{transform:scale(.96)}

/* Task hall: normal app proportions. No oversized decorative task images. */
.ui-v3026.ui-tasks-v3025 .task-hall-head{
  height:92px!important;
  padding:16px 14px 14px!important;
  background:linear-gradient(135deg,#5866ee,#726cf2)!important;
}
.ui-v3026.ui-tasks-v3025 .task-hall-head h1{font-size:22px!important;line-height:1.15!important}
.ui-v3026.ui-tasks-v3025 .task-hall-head p{font-size:11px!important;margin-top:6px!important}
.ui-v3026.ui-tasks-v3025 .task-hall-head>a{padding:7px 10px!important;border-radius:10px!important;font-size:10px!important}
.ui-v3026.ui-tasks-v3025 .task-hall-page{padding-top:10px!important}
.ui-v3026.ui-tasks-v3025 .task-hall-stats.compact-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  min-height:96px!important;
  padding:12px 6px!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
.ui-v3026.ui-tasks-v3025 .task-hall-stats.compact-stats>div{
  min-width:0!important;
  padding:3px 2px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border-right:1px solid #edf0f6!important;
}
.ui-v3026.ui-tasks-v3025 .task-hall-stats.compact-stats>div:last-child{border-right:0!important}
.ui-v3026.ui-tasks-v3025 .task-stat-icon{
  width:25px!important;height:25px!important;border-radius:8px!important;
  display:grid!important;place-items:center!important;margin:0 auto 5px!important;
  font-style:normal!important;font-size:10px!important;font-weight:900!important;
  box-shadow:none!important;
}
.ui-v3026.ui-tasks-v3025 .task-stat-icon.today{background:#edf1ff;color:#6070ee}
.ui-v3026.ui-tasks-v3025 .task-stat-icon.running{background:#fff2e9;color:#f08a43}
.ui-v3026.ui-tasks-v3025 .task-stat-icon.review{background:#fff7df;color:#d59b19}
.ui-v3026.ui-tasks-v3025 .task-stat-icon.done{background:#eaf8ef;color:#37a66a}
.ui-v3026.ui-tasks-v3025 .task-hall-stats.compact-stats b{font-size:20px!important;line-height:1.05!important;color:#21345c!important}
.ui-v3026.ui-tasks-v3025 .task-hall-stats.compact-stats span{font-size:9px!important;margin-top:4px!important;white-space:nowrap!important}
.ui-v3026.ui-tasks-v3025 .task-platform-filter{gap:6px!important;padding:0 0 10px!important}
.ui-v3026.ui-tasks-v3025 .task-platform-filter a{min-width:52px!important;padding:8px 10px!important;border-radius:10px!important}
.ui-v3026.ui-tasks-v3025 .task-hall-list{display:grid!important;gap:9px!important}
.ui-v3026.ui-tasks-v3025 .task-hall-list .task-card{
  display:grid!important;grid-template-columns:58px 1fr!important;gap:11px!important;
  padding:13px!important;border-radius:17px!important;align-items:center!important;
}
.ui-v3026.ui-tasks-v3025 .task-hall-list .task-platform-logo{width:54px!important;height:54px!important;border-radius:16px!important;object-fit:cover!important}
.ui-v3026.ui-tasks-v3025 .task-hall-list .task-line{gap:7px!important;align-items:flex-start!important}
.ui-v3026.ui-tasks-v3025 .task-hall-list .task-line b{font-size:14px!important;line-height:1.35!important;min-width:0!important}
.ui-v3026.ui-tasks-v3025 .task-hall-list .task-line em{font-size:10px!important;padding:5px 7px!important;border-radius:10px!important;white-space:nowrap!important}
.ui-v3026.ui-tasks-v3025 .task-hall-list .task-body small{display:block!important;margin-top:4px!important;font-size:10px!important}
.ui-v3026.ui-tasks-v3025 .task-hall-list .task-action{height:38px!important;min-height:38px!important;margin-top:9px!important;border-radius:11px!important;font-size:12px!important}

/* Settings: account + password are both editable, with a clean security layout. */
.ui-v3026 .web-settings-page{display:grid;gap:10px;padding-top:12px!important}
.ui-v3026 .web-settings-page .white-card{margin:0!important;padding:15px!important;border-radius:17px!important;border:1px solid #e9edf6!important;box-shadow:0 6px 18px rgba(35,53,111,.055)!important;background:#fff!important}
.ui-v3026 .web-settings-page .white-card h3{margin:0 0 12px;font-size:15px;color:#20345d}
.ui-v3026 .web-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;border-bottom:1px solid #f0f2f7;font-size:12px}
.ui-v3026 .web-setting-row:last-of-type{border-bottom:0}
.ui-v3026 .web-setting-row span{color:#8a94aa}.ui-v3026 .web-setting-row b{color:#24365d;font-size:12px;overflow-wrap:anywhere;text-align:right}
.ui-v3026 .web-setting-tip{margin:10px 0 0;padding:10px 11px;border-radius:11px;background:#f6f8ff;color:#7e89a3;font-size:10px;line-height:1.65}
.ui-v3026 .web-password-form{display:grid;gap:10px}
.ui-v3026 .web-password-form label{display:grid;gap:6px;font-size:11px;color:#65708a;font-weight:700}
.ui-v3026 .web-password-form input{height:43px;padding:0 12px;border:1px solid #e4e8f1;border-radius:11px;background:#f9faff;color:#24365d;font-size:13px;outline:none}
.ui-v3026 .web-password-form input:focus{border-color:#7a82f4;background:#fff;box-shadow:0 0 0 3px rgba(102,112,245,.10)}
.ui-v3026 .web-primary-btn{height:43px;border:0;border-radius:11px;background:#6670f5;color:#fff;font-size:13px;font-weight:800;box-shadow:0 6px 14px rgba(85,97,220,.18)}

/* Mobile performance: reduce expensive paint effects while preserving depth. */
@media(max-width:600px){
  .ui-v3026 .card-3d,.ui-v3026 .white-card,.ui-v3026 .task-card,.ui-v3026 .message-item,.ui-v3026 .feature-grid.modern,.ui-v3026 .earnings4{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .ui-v3026 .invite-banner,.ui-v3026 .merchant-card,.ui-v3026 .task-card,.ui-v3026 .white-card{box-shadow:0 6px 18px rgba(35,53,111,.07)!important}
  .ui-v3026 *{scroll-behavior:auto!important}
}

/* V3.0.2.7 bottom nav icon refresh: real 3D PNG assets */
.ui-v3024 .bottom-nav.web-bottom-five .nav-ico.nav-ico-3d,
.ui-v3025 .bottom-nav.web-bottom-five .nav-ico.nav-ico-3d,
.bottom-nav.web-bottom-five .nav-ico.nav-ico-3d{
  background:transparent!important;
  box-shadow:none!important;
  padding:1px!important;
  overflow:visible;
}
.ui-v3024 .bottom-nav.web-bottom-five .nav-svg.nav-svg-3d,
.ui-v3025 .bottom-nav.web-bottom-five .nav-svg.nav-svg-3d,
.bottom-nav.web-bottom-five .nav-svg.nav-svg-3d{
  width:29px!important;
  height:29px!important;
  object-fit:contain;
  opacity:1!important;
  filter:none!important;
  transform:translateZ(0);
}
.ui-v3024 .bottom-nav.web-bottom-five a.active .nav-ico.nav-ico-3d,
.ui-v3025 .bottom-nav.web-bottom-five a.active .nav-ico.nav-ico-3d,
.bottom-nav.web-bottom-five a.active .nav-ico.nav-ico-3d{
  background:rgba(102,112,245,.09)!important;
  box-shadow:0 4px 11px rgba(78,91,220,.14)!important;
}
.ui-v3024 .bottom-nav.web-bottom-five a.active .nav-svg.nav-svg-3d,
.ui-v3025 .bottom-nav.web-bottom-five a.active .nav-svg.nav-svg-3d,
.bottom-nav.web-bottom-five a.active .nav-svg.nav-svg-3d{
  width:32px!important;
  height:32px!important;
  filter:none!important;
  opacity:1!important;
  transform:translateY(-1px) scale(1.04);
}


/* =========================================================
   V3.0.2.9 UNIFIED PREMIUM UI
   richer hierarchy without heavy rendering effects
   ========================================================= */
body.ui-v3029{--p29-blue:#5865f2;--p29-purple:#7457e8;--p29-ink:#17264c;--p29-sub:#7f8ca8;--p29-line:#e8ecf6;--p29-shadow:0 10px 28px rgba(45,61,126,.10);background:#f3f6fb!important}
body.ui-v3029 .mobile-main{padding-left:14px!important;padding-right:14px!important}

/* Home */
.ui-v3029.ui-home-v3025{background:linear-gradient(180deg,#5362ee 0 130px,#f3f6fb 130px)!important}
.ui-v3029.ui-home-v3025 .home-head{height:64px!important;padding:0 17px!important}
.ui-v3029.ui-home-v3025 .home-head h1{font-size:23px!important;letter-spacing:.3px}
.ui-v3029.ui-home-v3025 .home-notice-orb{width:36px!important;height:36px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.09))!important;box-shadow:inset 0 1px rgba(255,255,255,.28),0 6px 16px rgba(30,38,130,.15)!important}
.ui-v3029.ui-home-v3025 .invite-banner{height:150px!important;border-radius:24px!important;padding:19px!important;background:linear-gradient(135deg,#3e50d9 0%,#5f5ce9 55%,#7557ea 100%)!important;box-shadow:0 14px 30px rgba(70,72,184,.23)!important;border:1px solid rgba(255,255,255,.14)!important}
.ui-v3029.ui-home-v3025 .invite-banner:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-48px;top:-88px;background:radial-gradient(circle,rgba(255,255,255,.26),rgba(255,255,255,0) 68%)}
.ui-v3029.ui-home-v3025 .invite-banner:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;left:-68px;bottom:-88px;background:radial-gradient(circle,rgba(130,190,255,.25),transparent 70%)}
.ui-v3029.ui-home-v3025 .invite-visual{right:7px!important;width:44%!important;height:136px!important;z-index:1}
.ui-v3029.ui-home-v3025 .invite-copy{width:61%!important}
.ui-v3029.ui-home-v3025 .invite-copy small{font-size:9px!important;border-radius:999px!important;background:rgba(20,28,116,.24)!important;border:1px solid rgba(255,255,255,.16)!important;padding:5px 9px!important}
.ui-v3029.ui-home-v3025 .invite-copy b{font-size:18px!important;margin:12px 0 13px!important;text-shadow:0 2px 8px rgba(27,31,101,.22)}
.ui-v3029.ui-home-v3025 .invite-copy>a{padding:10px 18px!important;border-radius:13px!important;background:linear-gradient(180deg,#fff,#eef1ff)!important;color:#5360e7!important;box-shadow:0 7px 15px rgba(23,30,121,.24),inset 0 1px #fff!important}
.ui-v3029.ui-home-v3025 .home-service-panel{gap:7px!important;padding:9px!important;border-radius:22px!important;box-shadow:var(--p29-shadow)!important}
.ui-v3029.ui-home-v3025 .home-service-card{min-height:94px!important;border-radius:15px!important;padding:10px 2px 8px!important}
.ui-v3029.ui-home-v3025 .home-service-card.account{background:linear-gradient(180deg,#f4f6ff,#fbfcff)!important}.ui-v3029.ui-home-v3025 .home-service-card.notice{background:linear-gradient(180deg,#fff5f2,#fff)!important}.ui-v3029.ui-home-v3025 .home-service-card.tutorial{background:linear-gradient(180deg,#f2fbf7,#fff)!important}.ui-v3029.ui-home-v3025 .home-service-card.chat{background:linear-gradient(180deg,#f7f3ff,#fff)!important}
.ui-v3029.ui-home-v3025 .home-service-card i{width:39px!important;height:39px!important;border-radius:13px!important;background:#fff!important;box-shadow:0 6px 13px rgba(45,61,126,.10),inset 0 0 0 1px rgba(110,125,190,.08)!important}
.ui-v3029.ui-home-v3025 .home-service-card i img{width:23px!important;height:23px!important}
.ui-v3029.ui-home-v3025 .platform-grid>a{border-radius:20px!important;box-shadow:0 8px 19px rgba(45,61,126,.075)!important;border-color:#edf0f7!important}
.ui-v3029.ui-home-v3025 .official-group-home-card{border-left:0!important;background:linear-gradient(135deg,#fff,#f8f7ff)!important;box-shadow:0 10px 22px rgba(54,65,140,.09)!important;position:relative;overflow:hidden}
.ui-v3029.ui-home-v3025 .official-group-home-card:before{content:"官方";position:absolute;right:0;top:0;padding:4px 9px;border-radius:0 17px 0 12px;background:linear-gradient(135deg,#675df1,#8b68ef);color:#fff;font-size:8px;font-weight:800}

/* Earn */
.ui-v3029.ui-earn-v3025 .earn-head{padding:14px 14px 15px!important;background:linear-gradient(145deg,#5262ea,#7557e9)!important}
.ui-v3029.ui-earn-v3025 .earn-points-hero{height:140px!important;border-radius:23px!important;background:linear-gradient(135deg,#293bbd 0%,#4b48d5 58%,#6849dc 100%)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 13px 27px rgba(40,49,153,.24)!important;overflow:hidden!important}
.ui-v3029.ui-earn-v3025 .earn-points-hero:before{content:"";position:absolute;right:-35px;top:-55px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%)}
.ui-v3029.ui-earn-v3025 .earn-points-hero>img{display:block!important;position:absolute!important;right:62px!important;top:18px!important;width:68px!important;height:68px!important;object-fit:contain!important;filter:drop-shadow(0 10px 12px rgba(16,22,95,.22))!important;opacity:.98}
.ui-v3029.ui-earn-v3025 .earn-points-hero>a{position:absolute!important;right:15px!important;bottom:16px!important;border-radius:13px!important;padding:10px 16px!important;box-shadow:0 6px 14px rgba(28,34,126,.22)!important}
.ui-v3029.ui-earn-v3025 .tip-card{border-radius:21px!important;padding:17px!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;box-shadow:var(--p29-shadow)!important;border-color:#e9edf7!important;position:relative;overflow:hidden}
.ui-v3029.ui-earn-v3025 .tip-card:after{content:"NOTICE";position:absolute;right:12px;top:14px;font-size:28px;font-weight:900;font-style:italic;color:#6975ee0b;letter-spacing:1px}
.ui-v3029.ui-earn-v3025 .notice-title-3024 img{width:37px!important;height:37px!important;padding:6px;border-radius:12px;background:#eef1ff;box-shadow:0 5px 12px rgba(84,95,199,.12)}
.ui-v3029.ui-earn-v3025 .earn-rich{border:1px solid #edf0f7!important;background:linear-gradient(180deg,#f7f9ff,#fafbfe)!important;padding:13px 14px!important}
.ui-v3029.ui-earn-v3025 .fixed-card{border-radius:19px!important;padding:14px!important;box-shadow:0 8px 19px rgba(45,61,126,.075)!important}.ui-v3029.ui-earn-v3025 .fixed-card button{background:linear-gradient(180deg,#747bf8,#5d64ea)!important;box-shadow:0 6px 12px rgba(77,86,205,.18)!important}

/* Task hall */
.ui-v3029.ui-tasks-v3025 .task-hall-head{height:104px!important;padding:17px 15px!important;background:linear-gradient(135deg,#4f62e9,#725eea)!important;border-radius:0 0 22px 22px!important}
.ui-v3029.ui-tasks-v3025 .task-hall-head>a{background:linear-gradient(145deg,rgba(255,255,255,.23),rgba(255,255,255,.10))!important;box-shadow:inset 0 1px rgba(255,255,255,.25)!important}
.ui-v3029.ui-tasks-v3025 .task-hall-stats.compact-stats{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:8px!important;min-height:82px!important;overflow:visible!important}
.ui-v3029.ui-tasks-v3025 .task-hall-stats.compact-stats>div{height:82px!important;border:1px solid #e9edf7!important;border-right:1px solid #e9edf7!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 18px rgba(45,61,126,.075)!important}
.ui-v3029.ui-tasks-v3025 .task-hall-stats.compact-stats>div:nth-child(1){background:linear-gradient(180deg,#f5f7ff,#fff)!important}.ui-v3029.ui-tasks-v3025 .task-hall-stats.compact-stats>div:nth-child(2){background:linear-gradient(180deg,#fff7f2,#fff)!important}.ui-v3029.ui-tasks-v3025 .task-hall-stats.compact-stats>div:nth-child(3){background:linear-gradient(180deg,#fffaef,#fff)!important}.ui-v3029.ui-tasks-v3025 .task-hall-stats.compact-stats>div:nth-child(4){background:linear-gradient(180deg,#f0faf4,#fff)!important}
.ui-v3029.ui-tasks-v3025 .task-stat-icon{width:27px!important;height:27px!important;border-radius:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.7)!important}
.ui-v3029.ui-tasks-v3025 .task-hall-list .task-card{border-radius:20px!important;border-color:#e8ecf5!important;box-shadow:0 10px 22px rgba(45,61,126,.085)!important;background:linear-gradient(145deg,#fff,#fbfcff)!important}.ui-v3029.ui-tasks-v3025 .task-hall-list .task-action{background:linear-gradient(180deg,#737af6,#5d66ea)!important;box-shadow:0 6px 12px rgba(76,87,207,.16)!important}

/* Messages */
.ui-v3029.ui-msg-v3025 .message-head{height:118px!important;padding:20px 17px!important;background:linear-gradient(135deg,#5062e8,#765be9)!important;border-radius:0 0 24px 24px!important;align-items:flex-start!important}
.ui-v3029.ui-msg-v3025 .message-head h1{font-size:25px!important}.ui-v3029.ui-msg-v3025 .message-head img{width:52px!important;height:52px!important;object-fit:contain!important;filter:drop-shadow(0 8px 10px rgba(26,32,110,.22))!important}
.ui-v3029.ui-msg-v3025 .msg-main{padding-top:12px!important}.ui-v3029.ui-msg-v3025 .msg-tabs{border-radius:18px!important;padding:6px!important;box-shadow:0 8px 20px rgba(45,61,126,.08)!important}.ui-v3029.ui-msg-v3025 .msg-tabs a.active{background:linear-gradient(180deg,#747bf7,#5d66ea)!important;box-shadow:0 5px 11px rgba(76,87,207,.16)!important}
.ui-v3029.ui-msg-v3025 .message-list{gap:10px!important}.ui-v3029.ui-msg-v3025 .message-item{padding:14px!important;border-radius:19px!important;border-color:#e9edf6!important;box-shadow:0 8px 20px rgba(45,61,126,.065)!important;background:linear-gradient(145deg,#fff,#fbfcff)!important}.ui-v3029.ui-msg-v3025 .message-type-icon{width:43px!important;height:43px!important;border-radius:14px!important;background:linear-gradient(145deg,#f0f2ff,#fafbff)!important;box-shadow:inset 0 0 0 1px #e9edfa,0 4px 9px rgba(71,83,164,.07)!important}

/* Profile business card */
.ui-v3029.ui-profile-v3025 .merchant-card{min-height:96px!important;border-radius:21px!important;padding:16px!important;background:linear-gradient(135deg,#4e61e7 0%,#6958e6 55%,#7f5ce8 100%)!important;box-shadow:0 12px 27px rgba(70,72,184,.20)!important;border:1px solid rgba(255,255,255,.12)!important;position:relative!important}
.ui-v3029.ui-profile-v3025 .merchant-card:after{content:"";position:absolute;right:-30px;top:-60px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 72%)}
.ui-v3029.ui-profile-v3025 .merchant-card b{font-size:19px!important}.ui-v3029.ui-profile-v3025 .merchant-card small{font-size:10px!important}
.ui-v3029.ui-profile-v3025 .merchant-handshake{position:absolute!important;left:53%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:56px!important;height:56px!important;display:grid!important;place-items:center!important;z-index:2}.ui-v3029.ui-profile-v3025 .merchant-handshake img{width:56px!important;height:56px!important;object-fit:contain!important;filter:drop-shadow(0 8px 10px rgba(29,34,115,.22))!important}
.ui-v3029.ui-profile-v3025 .merchant-card button{z-index:3!important;border-radius:13px!important;padding:9px 12px!important;background:linear-gradient(180deg,#fff,#eef1ff)!important;box-shadow:0 6px 13px rgba(31,38,124,.20)!important}

@media(max-width:380px){.ui-v3029.ui-home-v3025 .invite-copy b{font-size:16px!important}.ui-v3029.ui-tasks-v3025 .task-hall-stats.compact-stats{gap:5px!important}.ui-v3029.ui-tasks-v3025 .task-hall-stats.compact-stats b{font-size:18px!important}}

/* V3.0.2.10: real clickable filters, compact tasks, smoother mobile */
body.ui-v30210,body.ui-v30210 *{touch-action:manipulation}
.ui-v30210 .wallet-filter-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:0!important;overflow:hidden!important;border-radius:13px!important;background:#fff!important}
.ui-v30210 .wallet-filter-tabs a{height:40px;display:grid;place-items:center;color:#18233f;font-size:12px;font-weight:750;text-decoration:none;background:#fff}
.ui-v30210 .wallet-filter-tabs a.active{background:#6670f2;color:#fff}
.ui-v30210 .wallet-main .earnings4>a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:inherit;text-decoration:none;min-width:0}
.ui-v30210 .wallet-main .earnings4>a:not(:last-child){border-right:1px solid #edf0f6}
.ui-v30210 .wallet-main .earnings4 span{white-space:nowrap}
.ui-v30210 .ledger-row{content-visibility:auto;contain-intrinsic-size:62px}
.ui-v30210 .clickable-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:0!important;overflow:hidden}
.ui-v30210 .clickable-stats>a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:82px;color:inherit;text-decoration:none;position:relative;background:#fff}
.ui-v30210 .clickable-stats>a:not(:last-child){border-right:1px solid #edf0f6}
.ui-v30210 .clickable-stats>a.active:after{content:'';position:absolute;left:25%;right:25%;bottom:0;height:3px;border-radius:3px;background:#6670f2}
.ui-v30210 .compact-my-tasks .my-task-list{gap:8px!important}
.ui-v30210 .compact-my-tasks .my-task-card.compact{padding:10px 12px!important;border-radius:15px!important;min-height:0!important;margin:0!important;box-shadow:0 4px 13px rgba(35,53,111,.055)!important;content-visibility:auto;contain-intrinsic-size:98px}
.ui-v30210 .compact-my-tasks .my-task-head{align-items:flex-start!important;gap:8px!important}
.ui-v30210 .compact-my-tasks .my-task-title{gap:9px!important;min-width:0;flex:1}
.ui-v30210 .compact-my-tasks .mini-platform-logo,.ui-v30210 .compact-my-tasks .mini-platform-logo-img{width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important}
.ui-v30210 .compact-my-tasks .my-task-title b{font-size:12px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ui-v30210 .compact-my-tasks .my-task-title small{font-size:9px!important;line-height:1.35!important;margin-top:3px!important;color:#8994aa!important}
.ui-v30210 .compact-my-tasks .task-status-badge{font-size:9px!important;padding:5px 8px!important;border-radius:10px!important;white-space:nowrap}
.ui-v30210 .compact-my-tasks .task-card-actions{margin-top:7px!important;display:flex;justify-content:flex-start}
.ui-v30210 .compact-my-tasks .task-card-actions .mini-btn{padding:7px 12px!important;border-radius:9px!important;font-size:10px!important;min-height:0!important}
.ui-v30210 .compact-my-tasks .reject,.ui-v30210 .compact-my-tasks .task-time,.ui-v30210 .compact-my-tasks .task-meta-line{font-size:9px!important;line-height:1.4!important;margin:5px 0 0!important}
.ui-v30210 .my-task-card,.ui-v30210 .message-item,.ui-v30210 .ledger-list>div,.ui-v30210 .team-member{contain:layout style paint}
@media(max-width:759px){.ui-v30210 .my-task-card,.ui-v30210 .message-item,.ui-v30210 .ledger-list>div,.ui-v30210 .feature-grid.modern>a{box-shadow:0 3px 10px rgba(35,53,111,.05)!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ui-v30210 .bottom-nav *,.ui-v30210 a,.ui-v30210 button{transition:none!important;animation:none!important}}


/* ========================= V3.0.2.11 HOME HERO / ZHUANMI ========================= */
.ui-v30211 .home-main{background:linear-gradient(180deg,#6670f5 0 68px,#f4f6fb 68px)!important}
.ui-v30211 .home-head{height:60px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:linear-gradient(135deg,#5862ee 0%,#6d69f4 52%,#5668ef 100%)!important;box-shadow:none!important}
.ui-v30211 .home-head>div{display:flex!important;align-items:baseline!important;gap:10px!important}.ui-v30211 .home-head h1{font-size:23px!important;letter-spacing:.4px!important;font-weight:950!important}.ui-v30211 .home-head p{font-size:11px!important;margin:0!important;color:rgba(255,255,255,.78)!important}.ui-v30211 .home-notice-orb{width:34px!important;height:34px!important;border-radius:12px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.2)!important;display:grid!important;place-items:center!important;color:#fff!important}
.ui-v30211 .home-invite-premium{position:relative;min-height:170px;margin:4px 2px 14px;padding:20px 19px;border-radius:25px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#273bb9 0%,#4b4cd9 45%,#7359ed 100%);box-shadow:0 14px 30px rgba(49,59,158,.22),inset 0 1px 0 rgba(255,255,255,.2)}
.ui-v30211 .home-invite-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 28%,rgba(255,255,255,.18),transparent 25%),linear-gradient(115deg,transparent 55%,rgba(255,255,255,.06));pointer-events:none}
.ui-v30211 .home-invite-copy{position:relative;z-index:3;width:68%}.ui-v30211 .home-invite-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(13,21,95,.28);border:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:800;color:#eef0ff}.ui-v30211 .home-invite-badge i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffd85a,#ffac28);color:#7a4b00;font-style:normal;font-weight:950;box-shadow:inset 0 1px 1px #fff8}
.ui-v30211 .home-invite-copy h2{margin:12px 0 5px;font-size:22px;line-height:1.15;letter-spacing:.2px}.ui-v30211 .home-invite-copy h2 em{font-style:normal;color:#ffe87c}.ui-v30211 .home-invite-copy p{margin:0;max-width:240px;font-size:11px;line-height:1.55;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-v30211 .home-invite-meta{display:flex;gap:8px;margin:11px 0 12px}.ui-v30211 .home-invite-meta span{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:9px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1)}.ui-v30211 .home-invite-meta b{font-size:10px;color:#fff}.ui-v30211 .home-invite-meta small{font-size:9px;color:rgba(255,255,255,.67)}
.ui-v30211 .home-invite-copy>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:105px;height:36px;padding:0 15px;border-radius:12px;background:#fff;color:#4e55d8;font-size:12px;font-weight:900;box-shadow:0 7px 15px rgba(24,24,105,.2)}.ui-v30211 .home-invite-copy>a i{font-style:normal;font-size:18px;line-height:1}
.ui-v30211 .home-invite-art{position:absolute;right:-4px;top:12px;width:145px;height:145px}.ui-v30211 .home-invite-art .ring{position:absolute;right:8px;bottom:4px;width:112px;height:46px;border-radius:50%;border:10px solid rgba(255,255,255,.09);box-shadow:0 0 0 1px rgba(255,255,255,.12),inset 0 0 22px rgba(255,255,255,.12);transform:rotate(-8deg)}.ui-v30211 .home-invite-art .gem{position:absolute;right:40px;top:33px;font-size:54px;line-height:1;color:#ff65bb;text-shadow:0 4px 0 #b83491,0 10px 20px rgba(18,19,92,.35);transform:rotate(-6deg)}.ui-v30211 .home-invite-art .coin{position:absolute;border-radius:50%;display:grid;place-items:center;color:#86570a;font-weight:950;background:linear-gradient(145deg,#ffe67b,#ffb936);border:3px solid #fff0a0;box-shadow:0 7px 13px rgba(27,30,111,.28),inset 0 2px 2px #fff9}.ui-v30211 .home-invite-art .coin-a{width:42px;height:42px;right:19px;top:19px;transform:rotate(15deg)}.ui-v30211 .home-invite-art .coin-b{width:28px;height:28px;right:93px;top:82px;font-size:11px;transform:rotate(-15deg)}
.ui-v30211 .home-service-panel{margin-top:0!important;border-radius:20px!important;padding:13px 8px!important;box-shadow:0 8px 22px rgba(54,65,134,.08)!important}
.ui-v30211 .bottom-nav a:nth-child(2) span:last-child{font-weight:800}
@media (max-width:370px){.ui-v30211 .home-invite-copy{width:72%}.ui-v30211 .home-invite-copy h2{font-size:20px}.ui-v30211 .home-invite-art{right:-18px;transform:scale(.9)}.ui-v30211 .home-invite-meta small{display:none}}

/* V3.0.2.13 二次播放量截图奖励 */
.bonus-submit-page{padding-bottom:32px}.bonus-origin h2{margin:10px 0 8px}.bonus-origin p,.bonus-result p{color:#71809d;line-height:1.7;margin:8px 0}.bonus-result strong{display:block;color:#5a63f3;font-size:28px;margin:10px 0}.bonus-result.approved{border:1px solid rgba(28,190,120,.18);background:linear-gradient(180deg,#fff,#f3fff9)}.bonus-result.waiting{border:1px solid rgba(91,99,244,.15);background:linear-gradient(180deg,#fff,#f6f7ff)}.bonus-proof-preview{width:100%;max-height:360px;object-fit:contain;border-radius:14px;margin-top:12px;background:#f5f7fb}.bonus-btn{background:linear-gradient(135deg,#8d72ff,#5967f5)!important;color:#fff!important;border:0!important}.bonus-btn.waiting{background:#f1f3ff!important;color:#6971d9!important}.bonus-btn.approved{background:#e9fff5!important;color:#13a66a!important}.bonus-review-card .review-proof-image{max-height:520px;object-fit:contain}

/* =========================================================
   V3.0.2.14 CLEAN ADMIN UI
   Clean enterprise-style management console + low-cost rendering
   ========================================================= */
body.admin-body{background:#f3f5f8!important;color:#202b3c!important}
.admin-v30214{
  --a14-bg:#f3f5f8;--a14-card:#fff;--a14-line:#e8ecf2;--a14-line2:#f0f2f6;
  --a14-text:#1d2939;--a14-muted:#8993a4;--a14-blue:#5269f5;--a14-blue-soft:#eef1ff;
  --a14-green:#16a36f;--a14-red:#e6535f;--a14-orange:#e79432;
  grid-template-columns:218px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;background:var(--a14-bg)!important
}
.admin-v30214 .sidebar{
  height:calc(100dvh - 20px)!important;border:1px solid var(--a14-line)!important;border-radius:14px!important;
  background:#fff!important;box-shadow:none!important;padding:10px 8px!important;color:var(--a14-text)!important
}
.admin-v30214 .side-brand{padding:8px 8px 13px!important;margin:0 0 4px!important;border-bottom:1px solid var(--a14-line2)!important}
.admin-v30214 .side-brand section b{color:#182230!important;font-size:14px!important;letter-spacing:.1px}
.admin-v30214 .side-brand section small{color:#98a1b2!important;font-size:10px!important}
.admin-v30214 .side-brand-logo{width:34px!important;height:34px!important;border-radius:10px!important;box-shadow:none!important}
.admin-v30214 .side-nav-title{display:none!important}
.admin-v30214 .sidebar nav.admin-group-nav{padding:4px 2px 10px!important;scrollbar-gutter:auto!important}
.admin-v30214 .side-group{gap:2px!important;margin-top:5px!important}
.admin-v30214 .side-group-title{padding:11px 9px 5px!important;color:#a0a8b7!important;font-size:9.5px!important;letter-spacing:.6px!important;font-weight:800!important}
.admin-v30214 .sidebar nav a{
  min-height:36px!important;border-radius:9px!important;padding:0 8px!important;color:#5f6b7b!important;font-size:12px!important;font-weight:650!important;gap:7px!important
}
.admin-v30214 .sidebar nav a i{
  width:25px!important;height:25px!important;border-radius:8px!important;background:#f5f7fa!important;color:#8490a3!important;font-size:10px!important;border:1px solid #edf0f5!important
}
.admin-v30214 .sidebar nav a:hover{background:#f7f8fb!important;color:#29364a!important}
.admin-v30214 .sidebar nav a.active{background:var(--a14-blue-soft)!important;color:#4058e9!important;box-shadow:none!important}
.admin-v30214 .sidebar nav a.active i{background:#fff!important;color:#5067ee!important;border-color:#dfe4ff!important}
.admin-v30214 .side-footer{border-top:1px solid var(--a14-line2)!important;padding:8px 2px 0!important}
.admin-v30214 .side-logout{height:34px!important;border-radius:8px!important;color:#9b5360!important;background:#fff6f7!important;border:1px solid #fde6e9!important;font-size:11px!important}

.admin-v30214 .admin-main{height:calc(100dvh - 20px)!important;border-radius:14px!important;background:#f7f8fa!important;box-shadow:none!important}
.admin-v30214 .admin-top{
  flex-basis:62px!important;height:62px!important;border:1px solid var(--a14-line)!important;border-radius:14px!important;
  background:#fff!important;box-shadow:none!important;padding:0 17px!important
}
.admin-v30214 .admin-top-copy small{font-size:10px!important;color:#a0a8b7!important}
.admin-v30214 .admin-top-copy b{font-size:17px!important;color:#1f2937!important;margin-top:3px!important}
.admin-v30214 .admin-top-actions{gap:8px!important}
.admin-v30214 .admin-top-actions>a,.admin-v30214 .admin-live{height:32px!important;display:flex!important;align-items:center!important;padding:0 11px!important;border:1px solid var(--a14-line)!important;border-radius:8px!important;background:#fff!important;color:#667085!important;font-size:10px!important;box-shadow:none!important}
.admin-v30214 .admin-live i{width:6px!important;height:6px!important;background:#21b47b!important;box-shadow:none!important}
.admin-v30214 .admin-scroll-area{padding:16px 16px 30px!important;background:#f7f8fa!important;scrollbar-gutter:auto!important}
.admin-v30214 .admin-scroll-area::-webkit-scrollbar{width:8px!important}
.admin-v30214 .admin-scroll-area::-webkit-scrollbar-track{background:transparent!important}
.admin-v30214 .admin-scroll-area::-webkit-scrollbar-thumb{background:#cfd5df!important;border:2px solid #f7f8fa!important;border-radius:99px!important}

.admin-v30214 .admin-title{margin:1px 0 12px!important;padding:0 1px!important}
.admin-v30214 .admin-title h1{font-size:21px!important;letter-spacing:-.2px!important;color:var(--a14-text)!important;font-weight:800!important}
.admin-v30214 .admin-title p{margin-top:4px!important;color:#929baa!important;font-size:11px!important;line-height:1.55!important}
.admin-v30214 .panel{
  margin-top:10px!important;padding:15px!important;border:1px solid var(--a14-line)!important;border-radius:12px!important;
  background:#fff!important;box-shadow:none!important;content-visibility:auto!important;contain-intrinsic-size:220px!important
}
.admin-v30214 .panel:hover{box-shadow:none!important}
.admin-v30214 .panel h3{font-size:14px!important;margin:0 0 12px!important;color:#253044!important;font-weight:800!important}
.admin-v30214 .panel-heading{margin-bottom:11px!important}
.admin-v30214 .panel-heading h3{font-size:14px!important}.admin-v30214 .panel-heading p{font-size:10px!important;color:#98a1b2!important}
.admin-v30214 .admin-cols{gap:10px!important}
.admin-v30214 .dashboard-grid{gap:10px!important}
.admin-v30214 .dashboard-kpis{gap:8px!important}
.admin-v30214 .dashboard-kpis .kpi-card,.admin-v30214 .topup-summary .kpi-card{
  min-height:92px!important;padding:13px!important;border:1px solid var(--a14-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important
}
.admin-v30214 .kpi-card span{font-size:10px!important;color:#8b95a5!important}.admin-v30214 .kpi-card b{font-size:22px!important;margin-top:5px!important;color:#202b3c!important}.admin-v30214 .kpi-card small{font-size:9px!important;color:#a3abb9!important}

.admin-v30214 .grid-form{gap:10px 11px!important}
.admin-v30214 .grid-form label,.admin-v30214 .asset-set-form label,.admin-v30214 .stats-override-form label{font-size:11px!important;color:#677386!important;font-weight:700!important;gap:5px!important}
.admin-v30214 .grid-form input,.admin-v30214 .grid-form select,.admin-v30214 .grid-form textarea,
.admin-v30214 .link-form input,.admin-v30214 .adjust-form input,.admin-v30214 .asset-set-form input,
.admin-v30214 .stats-override-form input,.admin-v30214 .password-reset-panel input{
  min-height:38px!important;height:38px;border:1px solid #dde3eb!important;border-radius:8px!important;background:#fff!important;padding:8px 10px!important;color:#28364a!important;font-size:12px!important;box-shadow:none!important
}
.admin-v30214 .grid-form textarea{height:auto!important;min-height:88px!important;line-height:1.55!important;resize:vertical!important}
.admin-v30214 .grid-form input:hover,.admin-v30214 .grid-form textarea:hover,.admin-v30214 .grid-form select:hover{border-color:#cbd3df!important}
.admin-v30214 .grid-form input:focus,.admin-v30214 .grid-form textarea:focus,.admin-v30214 .grid-form select:focus{outline:none!important;border-color:#8798f7!important;box-shadow:0 0 0 2px rgba(82,105,245,.08)!important;background:#fff!important}
.admin-v30214 .grid-form small{font-size:9.5px!important;line-height:1.45!important;color:#9aa3b1!important}

.admin-v30214 .admin-btn,.admin-v30214 button.approve,.admin-v30214 .approve{
  min-height:36px!important;border:0!important;border-radius:8px!important;background:#5269f5!important;color:#fff!important;padding:8px 13px!important;font-size:11px!important;font-weight:750!important;box-shadow:none!important;cursor:pointer!important
}
.admin-v30214 button.approve,.admin-v30214 .approve{background:#18a772!important}
.admin-v30214 .reject-btn{min-height:34px!important;border:1px solid #f2cfd3!important;border-radius:8px!important;background:#fff6f7!important;color:#d64e5a!important;padding:7px 11px!important;font-size:11px!important;font-weight:700!important}
.admin-v30214 .mini-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;border:1px solid #e0e5ec!important;border-radius:7px!important;background:#fff!important;color:#596679!important;padding:5px 9px!important;font-size:10px!important;font-weight:700!important;box-shadow:none!important}
.admin-v30214 .link-danger{border:0!important;background:transparent!important;color:#dc5964!important;font-size:10px!important;font-weight:700!important;padding:5px 7px!important}
.admin-v30214 button:disabled{opacity:.55!important;cursor:not-allowed!important}
.admin-v30214 button,.admin-v30214 a,.admin-v30214 input,.admin-v30214 select,.admin-v30214 textarea{transition:none!important}

.admin-v30214 .panel:has(table){padding:0!important;overflow:auto!important}
.admin-v30214 .panel:has(table)>h3,.admin-v30214 .panel:has(table)>.panel-heading{padding:14px 14px 0!important}
.admin-v30214 .panel table{width:100%!important;border-collapse:collapse!important;font-size:11px!important;background:#fff!important}
.admin-v30214 .panel th{position:sticky!important;top:0!important;z-index:2!important;background:#f8f9fb!important;color:#778295!important;font-size:10px!important;font-weight:800!important;padding:9px 10px!important;border:0!important;border-bottom:1px solid #e8ecf2!important;white-space:nowrap!important}
.admin-v30214 .panel td{background:#fff!important;color:#3c485a!important;font-size:11px!important;padding:9px 10px!important;border:0!important;border-bottom:1px solid #f0f2f5!important;vertical-align:middle!important}
.admin-v30214 .panel tr:last-child td{border-bottom:0!important}.admin-v30214 .panel tr:hover td{background:#fbfcfe!important}
.admin-v30214 .panel td img{border-radius:8px!important;box-shadow:none!important}
.admin-v30214 .table-scroll{border:1px solid var(--a14-line)!important;border-radius:10px!important;overflow:auto!important}
.admin-v30214 .admin-filter-bar{gap:8px!important;margin:2px 0 11px!important}
.admin-v30214 .admin-filter-bar input,.admin-v30214 .admin-filter-bar select{height:38px!important;border-radius:8px!important;background:#fff!important;font-size:11px!important}
.admin-v30214 code{background:#f5f6f8!important;color:#667085!important;border-radius:5px!important;font-size:10px!important}
.admin-v30214 .qr-preview{gap:8px!important}.admin-v30214 .qr-preview img{max-width:120px!important;border:1px solid #eef0f4!important}
.admin-v30214 .empty-cell{padding:24px!important;color:#a0a8b7!important}

/* Tiny page-load indicator for perceived responsiveness. */
.admin-nav-progress{position:fixed;left:0;top:0;height:2px;width:0;background:#5269f5;z-index:100000;opacity:0;pointer-events:none}
.admin-nav-progress.is-loading{opacity:1;width:72%;transition:width .18s linear!important}

@media(max-width:1250px){.admin-v30214{grid-template-columns:200px minmax(0,1fr)!important}.admin-v30214 .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  body.admin-body{overflow:auto!important}.admin-v30214{display:block!important;padding:6px!important}.admin-v30214 .sidebar{height:auto!important;margin-bottom:6px!important}.admin-v30214 .admin-main{height:auto!important;min-height:0!important}.admin-v30214 .admin-top{min-height:56px!important;height:auto!important;padding:8px 10px!important}.admin-v30214 .admin-scroll-area{padding:10px 4px 24px!important}.admin-v30214 .admin-cols,.admin-v30214 .grid-form{grid-template-columns:1fr!important}.admin-v30214 .dashboard-kpis{grid-template-columns:1fr 1fr!important}
}


/* V3.0.2.15 — User management independent panes */
@media(min-width:761px){
  .admin-v30214.admin-users-page .admin-scroll-area{
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:calc(100dvh - 102px)!important;
    padding-bottom:14px!important;
  }
  .admin-v30214.admin-users-page .users-title,
  .admin-v30214.admin-users-page .users-toolbar{flex:0 0 auto!important}
  .admin-v30214.admin-users-page .users-title{margin-bottom:8px!important}
  .admin-v30214.admin-users-page .users-toolbar{margin-top:0!important;margin-bottom:10px!important;padding:10px 12px!important}
  .admin-v30214.admin-users-page .users-toolbar form{display:flex!important;align-items:center!important;gap:8px!important}
  .admin-v30214.admin-users-page .users-toolbar input{height:36px!important;flex:1!important;min-width:0!important;border:1px solid #dfe4ec!important;border-radius:8px!important;padding:0 11px!important;background:#fff!important}
  .admin-v30214.admin-users-page .users-toolbar .admin-btn{height:36px!important;min-height:36px!important;white-space:nowrap!important}
  .admin-v30214.admin-users-page .users-admin-grid{
    flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;
    grid-template-columns:minmax(560px,1.55fr) minmax(390px,.85fr)!important;gap:12px!important;align-items:stretch!important
  }
  .admin-v30214.admin-users-page .users-admin-grid.no-edit{grid-template-columns:1fr!important}
  .admin-v30214.admin-users-page .users-list-panel{
    height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;border-radius:12px!important
  }
  .admin-v30214.admin-users-page .users-list-panel>.panel-heading{
    flex:0 0 auto!important;margin:0!important;padding:11px 12px 9px!important;border-bottom:1px solid #edf0f4!important;background:#fff!important
  }
  .admin-v30214.admin-users-page .users-table-wrap{
    flex:1 1 auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;background:#fff!important
  }
  .admin-v30214.admin-users-page .users-table-wrap::-webkit-scrollbar,
  .admin-v30214.admin-users-page .user-edit-stack::-webkit-scrollbar{width:8px!important;height:8px!important}
  .admin-v30214.admin-users-page .users-table-wrap::-webkit-scrollbar-track,
  .admin-v30214.admin-users-page .user-edit-stack::-webkit-scrollbar-track{background:#f6f7f9!important}
  .admin-v30214.admin-users-page .users-table-wrap::-webkit-scrollbar-thumb,
  .admin-v30214.admin-users-page .user-edit-stack::-webkit-scrollbar-thumb{background:#cbd3df!important;border:2px solid #f6f7f9!important;border-radius:99px!important}
  .admin-v30214.admin-users-page .user-edit-stack{
    position:static!important;display:block!important;height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding-right:3px!important
  }
  .admin-v30214.admin-users-page .user-edit-stack>.panel{margin:0 0 10px!important;content-visibility:visible!important;contain:none!important}
  .admin-v30214.admin-users-page .user-edit-stack>.panel:last-child{margin-bottom:0!important}
  .admin-v30214.admin-users-page .users-table th{top:0!important;z-index:4!important}
  .admin-v30214.admin-users-page .users-table td{padding-top:8px!important;padding-bottom:8px!important}
  .admin-v30214.admin-users-page .admin-user-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important}
  .admin-v30214.admin-users-page .admin-user-cell b{font-size:11px!important}
  .admin-v30214.admin-users-page .admin-user-cell small{font-size:9px!important}
  .admin-v30214.admin-users-page .user-edit-head{position:sticky!important;top:-15px!important;z-index:6!important;background:#fff!important;padding:2px 0 9px!important;border-bottom:1px solid #eef1f5!important}
}
@media(max-width:1200px) and (min-width:761px){
 .admin-v30214.admin-users-page .users-admin-grid{grid-template-columns:minmax(500px,1.35fr) minmax(350px,.9fr)!important}
}
/* V3.0.2.16 - H5 withdraw route/page restore */
.withdraw-page-v30216{padding-bottom:36px}.withdraw-balance-card{margin:10px 0 12px;padding:22px 18px;border-radius:20px;background:linear-gradient(135deg,#5662f4,#7c86ff);color:#fff;box-shadow:0 10px 24px rgba(82,94,225,.14);display:grid;gap:5px}.withdraw-balance-card span{font-size:13px;opacity:.9}.withdraw-balance-card b{font-size:32px;line-height:1.15}.withdraw-balance-card small{font-size:12px;opacity:.75}.withdraw-form-card{padding:18px}.withdraw-form-card h3{margin:0 0 12px}.withdraw-form-card label{display:grid;gap:7px;margin:12px 0;font-size:13px;font-weight:700;color:#26314e}.withdraw-form-card input{width:100%;box-sizing:border-box;border:1px solid #e3e7f2;background:#f8f9fd;border-radius:12px;padding:13px 14px;font-size:14px;outline:none}.withdraw-form-card input:focus{border-color:#6671f4;box-shadow:0 0 0 3px rgba(102,113,244,.10);background:#fff}.withdraw-rule-card{margin-top:12px;padding:16px 18px}.withdraw-rule-card h3{margin:0 0 8px}.withdraw-rule-card p{margin:6px 0;color:#687189;font-size:13px;line-height:1.6}.withdraw-history{margin-top:12px}.withdraw-history-title{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.withdraw-history-title h3{margin:0}.withdraw-history-title span{font-size:12px;color:#9aa2b5}.withdraw-history-item{background:#fff;border-radius:14px;padding:14px 15px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;border:1px solid #eef0f6}.withdraw-history-item>div{display:grid;gap:4px}.withdraw-history-item b{font-size:17px}.withdraw-history-item span{font-size:11px;color:#9299aa}.withdraw-status{font-style:normal;font-size:12px;padding:6px 10px;border-radius:999px}.withdraw-status.pending{background:#fff7df;color:#b77800}.withdraw-status.processing{background:#eef0ff;color:#5f67e9}.withdraw-status.paid{background:#eafaf1;color:#15965a}.withdraw-status.rejected{background:#fff0f1;color:#dc5360}

.team-leader-mark{display:inline-flex;align-items:center;margin-left:6px;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#1f2d60,#465db2 60%,#c69b3c);color:#fff;border:1px solid rgba(255,224,137,.72);font-size:11px;font-weight:800;line-height:1.3;box-shadow:0 4px 12px rgba(47,63,132,.2)}


/* =========================================================
   V3.0.2.25 ADMIN PC + MOBILE RESPONSIVE
   One admin source, desktop layout + mobile drawer workflow
   ========================================================= */
.admin-mobile-menu,.admin-mobile-mask{display:none}

@media(max-width:760px){
  html,body.admin-body{width:100%;max-width:100%;overflow-x:hidden!important;background:#f4f6fa!important}
  body.admin-body{font-size:14px!important;-webkit-text-size-adjust:100%}
  .admin-v30214{display:block!important;padding:0!important;min-height:100dvh!important;background:#f4f6fa!important}
  .admin-v30214 .admin-main{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;margin:0!important;border-radius:0!important;background:#f4f6fa!important;overflow:visible!important}

  /* Mobile top bar */
  .admin-v30214 .admin-top{position:sticky!important;top:0!important;z-index:80!important;height:60px!important;min-height:60px!important;border:0!important;border-bottom:1px solid #e8ecf3!important;border-radius:0!important;padding:0 12px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important;box-shadow:0 4px 16px rgba(35,48,78,.05)!important;gap:10px!important}
  .admin-v30214 .admin-top-copy{flex:1!important;min-width:0!important;display:block!important}
  .admin-v30214 .admin-top-copy small{display:none!important}
  .admin-v30214 .admin-top-copy b{display:block!important;max-width:100%!important;margin:0!important;font-size:17px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#172033!important}
  .admin-v30214 .admin-top-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important}
  .admin-v30214 .admin-live{display:none!important}
  .admin-v30214 .admin-top-actions>a{height:34px!important;min-width:0!important;padding:0 10px!important;border-radius:10px!important;font-size:11px!important;background:#f7f8fc!important;color:#566174!important}
  .admin-mobile-menu{display:flex!important;flex:0 0 40px!important;width:40px!important;height:40px!important;border:1px solid #e2e7f0!important;border-radius:12px!important;background:#fff!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;padding:0!important;box-shadow:none!important}
  .admin-mobile-menu span{display:block;width:17px;height:2px;border-radius:99px;background:#4f5f78}

  /* Drawer sidebar */
  .admin-v30214 .sidebar{position:fixed!important;z-index:100!important;left:0!important;top:0!important;bottom:0!important;width:min(82vw,320px)!important;height:100dvh!important;margin:0!important;border:0!important;border-radius:0 18px 18px 0!important;padding:12px 10px calc(14px + env(safe-area-inset-bottom))!important;background:#fff!important;box-shadow:18px 0 48px rgba(26,36,62,.18)!important;transform:translate3d(-105%,0,0)!important;transition:transform .2s ease!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  .admin-v30214.mobile-nav-open .sidebar{transform:translate3d(0,0,0)!important}
  .admin-mobile-mask{display:block!important;position:fixed!important;inset:0!important;z-index:90!important;background:rgba(20,29,48,.34)!important;opacity:0!important;visibility:hidden!important;transition:opacity .2s ease,visibility .2s ease!important}
  .admin-v30214.mobile-nav-open .admin-mobile-mask{opacity:1!important;visibility:visible!important}
  .admin-v30214 .side-brand{flex:0 0 auto!important;padding:7px 7px 12px!important;margin:0!important}
  .admin-v30214 .side-brand-logo{width:40px!important;height:40px!important}
  .admin-v30214 .side-brand section b{font-size:15px!important}.admin-v30214 .side-brand section small{font-size:11px!important}
  .admin-v30214 .sidebar nav.admin-group-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:5px 2px 12px!important;-webkit-overflow-scrolling:touch!important}
  .admin-v30214 .side-group-title{padding:15px 10px 6px!important;font-size:10px!important}
  .admin-v30214 .sidebar nav a{min-height:44px!important;padding:0 10px!important;border-radius:11px!important;font-size:13px!important;gap:9px!important}
  .admin-v30214 .sidebar nav a i{width:30px!important;height:30px!important;border-radius:9px!important;font-size:11px!important}
  .admin-v30214 .side-footer{flex:0 0 auto!important;padding-top:9px!important}
  .admin-v30214 .side-logout{height:42px!important;font-size:12px!important;border-radius:10px!important}

  /* Main scroll/content */
  .admin-v30214 .admin-scroll-area{height:auto!important;min-height:calc(100dvh - 60px)!important;overflow:visible!important;padding:14px 12px calc(28px + env(safe-area-inset-bottom))!important;background:#f4f6fa!important}
  .admin-v30214 .admin-title{margin:0 0 12px!important;padding:2px 1px!important}
  .admin-v30214 .admin-title h1{font-size:20px!important;line-height:1.25!important}
  .admin-v30214 .admin-title p{margin:5px 0 0!important;font-size:11px!important;line-height:1.6!important}

  /* Dashboard cards */
  .admin-v30214 .dashboard-kpis,.admin-v30214 .stat-grid,.admin-v30214 .topup-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .admin-v30214 .dashboard-kpis .kpi-card,.admin-v30214 .topup-summary .kpi-card,.admin-v30214 .stat-grid>div{min-height:88px!important;padding:13px!important;border-radius:13px!important}
  .admin-v30214 .kpi-card b,.admin-v30214 .stat-grid b{font-size:21px!important;overflow-wrap:anywhere!important}

  /* Panels and forms */
  .admin-v30214 .panel{margin-top:10px!important;padding:14px!important;border-radius:14px!important;content-visibility:visible!important;contain:none!important;overflow:visible!important}
  .admin-v30214 .admin-cols,.admin-v30214 .grid-form,.admin-v30214 .dashboard-grid,.admin-v30214 .review-grid{grid-template-columns:1fr!important;gap:10px!important}
  .admin-v30214 .grid-form .wide{grid-column:auto!important}
  .admin-v30214 .grid-form label,.admin-v30214 .asset-set-form label,.admin-v30214 .stats-override-form label{font-size:12px!important;gap:7px!important}
  .admin-v30214 .grid-form input,.admin-v30214 .grid-form select,.admin-v30214 .grid-form textarea,
  .admin-v30214 .link-form input,.admin-v30214 .adjust-form input,.admin-v30214 .asset-set-form input,
  .admin-v30214 .stats-override-form input,.admin-v30214 .password-reset-panel input{
    width:100%!important;box-sizing:border-box!important;min-height:46px!important;height:46px!important;border-radius:11px!important;padding:10px 12px!important;font-size:14px!important
  }
  .admin-v30214 .grid-form textarea{height:auto!important;min-height:120px!important;line-height:1.65!important}
  .admin-v30214 .admin-btn,.admin-v30214 button.approve,.admin-v30214 .approve,.admin-v30214 .reject-btn,.admin-v30214 .mini-btn{min-height:42px!important;border-radius:10px!important;font-size:12px!important;padding:9px 13px!important}
  .admin-v30214 .grid-form>.admin-btn{width:100%!important;min-height:46px!important;font-size:14px!important}
  .admin-v30214 .link-form{grid-template-columns:1fr!important}.admin-v30214 .link-form button{width:100%!important}
  .admin-v30214 .adjust-form{flex-wrap:wrap!important}.admin-v30214 .adjust-form input{flex:1 1 100px!important;width:auto!important}
  .admin-v30214 .review-actions{grid-template-columns:1fr!important;gap:8px!important}
  .admin-v30214 .review-card{border-radius:14px!important;padding:13px!important}.admin-v30214 .review-card img{height:auto!important;max-height:52vh!important}

  /* Tables: keep all columns available by horizontal scroll */
  .admin-v30214 .panel:has(table){padding:0!important;overflow:hidden!important}
  .admin-v30214 .panel:has(table)>h3,.admin-v30214 .panel:has(table)>.panel-heading{padding:14px 14px 10px!important}
  .admin-v30214 .table-scroll,.admin-v30214 .users-table-wrap,.admin-v30214 .panel:has(table){-webkit-overflow-scrolling:touch!important}
  .admin-v30214 .panel:has(table)>table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .admin-v30214 .panel table{min-width:720px!important;font-size:11px!important}
  .admin-v30214 .panel th,.admin-v30214 .panel td{padding:10px 9px!important}
  .admin-v30214 .panel th{position:static!important}
  .admin-v30214 .table-scroll{width:100%!important;overflow-x:auto!important;border-radius:11px!important}

  /* Filters */
  .admin-v30214 .admin-filter-bar,.admin-v30214 .users-toolbar form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .admin-v30214 .admin-filter-bar input,.admin-v30214 .admin-filter-bar select,.admin-v30214 .users-toolbar input{width:100%!important;box-sizing:border-box!important;height:44px!important;font-size:13px!important}
  .admin-v30214 .users-toolbar .admin-btn{width:100%!important;height:44px!important}

  /* User management: list first, editor below as clean mobile cards */
  .admin-v30214.admin-users-page .admin-scroll-area{display:block!important;height:auto!important;min-height:calc(100dvh - 60px)!important;overflow:visible!important}
  .admin-v30214.admin-users-page .users-admin-grid,.admin-v30214.admin-users-page .users-admin-grid.no-edit{display:block!important;height:auto!important;overflow:visible!important}
  .admin-v30214.admin-users-page .users-list-panel{height:auto!important;max-height:none!important;margin:0 0 12px!important;overflow:hidden!important}
  .admin-v30214.admin-users-page .users-table-wrap{height:auto!important;max-height:52vh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;border-top:1px solid #edf0f4!important}
  .admin-v30214.admin-users-page .users-table{min-width:760px!important}
  .admin-v30214.admin-users-page .users-table th{position:sticky!important;top:0!important;z-index:4!important}
  .admin-v30214.admin-users-page .user-edit-stack{position:relative!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important}
  .admin-v30214.admin-users-page .user-edit-stack>.panel{margin:0 0 10px!important;padding:14px!important}
  .admin-v30214.admin-users-page .user-edit-head{position:sticky!important;top:68px!important;z-index:20!important;margin:-14px -14px 12px!important;padding:12px 14px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #edf0f4!important;border-radius:14px 14px 0 0!important}
  .admin-v30214.admin-users-page .admin-user-avatar{width:38px!important;height:38px!important;flex:0 0 38px!important}

  /* QR / preview / charts */
  .admin-v30214 .qr-preview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .admin-v30214 .qr-preview>div,.admin-v30214 .qr-preview img{width:100%!important;max-width:none!important;height:auto!important}
  .admin-v30214 canvas,.admin-v30214 svg{max-width:100%!important;height:auto!important}
}

@media(max-width:390px){
  .admin-v30214 .dashboard-kpis,.admin-v30214 .stat-grid,.admin-v30214 .topup-summary{grid-template-columns:1fr!important}
  .admin-v30214 .admin-top-actions>a{padding:0 8px!important;font-size:10px!important}
  .admin-v30214 .admin-scroll-area{padding-left:9px!important;padding-right:9px!important}
}

/* V3.0.2.30 admin performance: keep management UI visually clean but cheaper to paint. */
.admin-body .sidebar,
.admin-body .admin-top,
.admin-body .panel,
.admin-body .admin-title,
.admin-body .kpi-card,
.admin-body .review-card,
.admin-body .users-list-panel,
.admin-body .user-edit-stack > *{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}
.admin-body .panel,
.admin-body .kpi-card,
.admin-body .review-card{box-shadow:0 6px 20px rgba(35,55,100,.055)!important}
.admin-body *{scroll-behavior:auto!important}
.admin-body .admin-scroll-area,.admin-body .users-table-wrap,.admin-body .user-edit-stack{overscroll-behavior:contain}
.admin-body .admin-group-nav a,.admin-body button,.admin-body .mini-btn{transition:background-color .08s ease,border-color .08s ease,color .08s ease,opacity .08s ease!important}
@media (prefers-reduced-motion:no-preference){.admin-body .admin-nav-progress{transition:transform .12s ease,opacity .12s ease!important}}