:root{--green:#4caf50;--deep:#2e7d32;--muted:#999;--line:#eee}
*{box-sizing:border-box;margin:0;padding:0}
html{min-height:100%;background:#f5f5f5}
body{width:100%;max-width:768px;min-height:100vh;margin:0 auto;padding:calc(50px + env(safe-area-inset-top,0px)) 0 calc(80px + env(safe-area-inset-bottom,0px));background:#f5f5f5;color:#333;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;overflow-wrap:anywhere}
body.auth-page{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
a{color:var(--green);text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible{outline:2px solid var(--deep);outline-offset:3px}
.page,.login-container{width:100%;padding:15px max(15px,env(safe-area-inset-right,0px)) 15px max(15px,env(safe-area-inset-left,0px))}
.page-header{position:fixed;top:0;left:0;right:0;width:100%;max-width:768px;margin:0 auto;z-index:1000;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;min-height:calc(50px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(15px,env(safe-area-inset-right,0px)) 0 max(15px,env(safe-area-inset-left,0px));background:var(--green);color:#fff}
.page-header h1{font-size:18px;font-weight:600;text-align:center;line-height:1.4}.page-header .back-btn,.page-header .back-link{display:flex;align-items:center;justify-content:flex-start;width:36px;height:44px;color:#fff;background:none;border:0;font-size:18px}.page-header .header-action{color:#fff;text-align:right;font-size:18px}
.page-intro{margin:0 0 15px;color:#666;font-size:13px;line-height:1.7}
.glass,.card,.login-form-container,.total-commission-card,.rate-info-section,.commission-details-section{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px}
h2,h3{font-size:16px;font-weight:600}.profile{display:flex;align-items:center;gap:15px}.profile>div,.entry>div,.item>div,.row>b,.user>div{min-width:0}.profile h2{font-size:18px;margin-bottom:4px}.profile p{font-size:13px;color:#666}.avatar{width:52px;height:52px;flex-shrink:0;border-radius:50%;background:#e8f5e9;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}
.balance small,.total-commission-title{font-size:13px;color:#666}.amount,.total-commission-amount{font-size:30px;font-weight:700;color:var(--green);margin:5px 0 15px;line-height:1.3;font-variant-numeric:tabular-nums}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat{min-width:0;text-align:center}.stat b{display:block;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.stat span,.stat small{font-size:12px;color:#999}.balance .stats{padding-top:15px;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.referral-page .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.referral-page .stat b{font-size:24px;color:var(--green)}
.entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry{display:flex;align-items:center;gap:10px;margin:0;color:#333}.entry i,.panel .item>i{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--green);background:#e8f5e9;border-radius:8px;font-size:18px}.entry b,.item strong{display:block;font-size:15px;font-weight:600}.entry span,.item small{font-size:12px;color:#999}.entry:active,.panel .item:active{background:#fafafa}
.form,.form-grid{display:grid;gap:14px}.form h2,.card h2,.login-form-container h2{font-size:16px;margin:0 0 15px;text-align:left}.form h2{margin:0}.form-group{margin-bottom:14px}.field{min-width:0}.field label,.form-group label{display:block;font-size:13px;color:#666;margin-bottom:6px}.input,.select,.search input{width:100%;min-width:0;height:44px;border:1px solid #e5e7eb;border-radius:8px;background:#fafbfc;color:#333;padding:0 12px;outline:none;font-size:15px}.input:focus,.select:focus,.search input:focus{border-color:var(--green);background:#fff}.input-wrapper,.control-wrap{display:flex;align-items:center;min-height:44px;border:1px solid #e5e7eb;border-radius:8px;background:#fafbfc;overflow:hidden}.input-wrapper:focus-within,.control-wrap:focus-within{border-color:var(--green);background:#fff}.input-wrapper>i,.control-wrap>i{width:38px;flex:0 0 38px;font-size:14px;color:#999;text-align:center}.input-wrapper input,.control-wrap input,.control-wrap select{width:100%;min-width:0;flex:1;border:0;outline:none;background:transparent;color:#333;padding:11px 10px 11px 0;font-size:15px}.password-toggle{cursor:pointer;padding:12px 0}.password-label,.login-options{display:flex;align-items:center;justify-content:space-between}.forgot-password{font-size:12px}.login-options{margin-bottom:12px}.remember-me,.agreement{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#666;line-height:1.6}.remember-me{align-items:center}.remember-me label,.agreement label{margin:0}.remember-me input,.agreement input{width:17px;height:17px;flex:0 0 17px;margin-top:2px;accent-color:var(--green)}
.btn,.submit,.login-btn{width:100%;min-height:44px;padding:11px 12px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:16px;font-weight:600}.login-btn{margin:18px 0 15px}.btn:active,.submit:active,.login-btn:active{background:#45a049}.register-link,.signin{text-align:center;font-size:14px;color:#666}.signin{margin:15px 0}.register-link a,.signin a{font-weight:600}
.search{display:flex;gap:10px;padding:12px}.search button{width:44px;flex-shrink:0;border:0;border-radius:8px;background:var(--green);color:#fff}.list{display:grid;gap:12px}.list .item{margin:0}.item-head,.user{display:flex;align-items:center;gap:12px}.item-head{justify-content:space-between}.user{min-width:0}.user .avatar{width:44px;height:44px;font-size:18px}.user h3{font-size:15px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user p,.meta{font-size:12px;color:#999}.pill{flex-shrink:0;max-width:40%;padding:3px 8px;border-radius:4px;background:#e8f5e9;color:var(--deep);font-size:12px}.empty,.empty-state{text-align:center;padding:30px 15px;color:#999;font-size:13px}.empty i,.empty-icon{font-size:32px;color:#c8dfca;margin-bottom:10px}
.panel h3{margin-bottom:8px;color:#333}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f5f5f5}.row:first-of-type{border-top:0}.row span{flex-shrink:0;font-size:13px;color:#666}.row b{font-size:14px;text-align:right;font-weight:500}.panel .item{display:flex;align-items:center;gap:12px;padding:12px 0;color:#333;border-top:1px solid #f5f5f5}.panel .item:first-of-type{border-top:0}.item .arrow{margin-left:auto;color:#bbb;font-size:12px}.logout{width:100%;min-height:44px;border:0;border-radius:8px;background:#fff;color:#e53935;font-size:16px}
.nav{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:768px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:10px env(safe-area-inset-right,0px) calc(10px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px);border-top:1px solid #eee;background:#fff;z-index:1000}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:38px;color:#999;font-size:11px;text-align:center}.nav i{font-size:20px;line-height:20px}.nav a.active{color:var(--green)}
.toast{position:fixed;left:50%;top:calc(65px + env(safe-area-inset-top,0px));transform:translateX(-50%);width:max-content;max-width:min(360px,calc(100% - 30px));padding:10px 15px;border-radius:8px;background:rgba(0,0,0,.78);color:#fff;font-size:14px;opacity:0;pointer-events:none;z-index:2000;transition:opacity .2s}.toast.show{opacity:1}
.bind-status{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-size:14px;font-weight:600;margin-bottom:14px}.bind-status i{font-size:16px}.bind-status.reviewing{background:#fff8e1;color:#f57f17}.bind-status.approved{background:#e8f5e9;color:var(--deep)}
.readonly-val{min-height:44px;display:flex;align-items:center;padding:0 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f5f5f5;color:#333;font-size:15px;word-break:break-all}
.reject-note{padding:10px 12px;border-radius:8px;background:#ffebee;color:#c62828;font-size:13px;line-height:1.6}
.commission-list{list-style:none}.commission-item{padding:15px 0;border-bottom:1px solid #f0f0f0}.commission-item:last-child{border-bottom:0}.order-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.order-info{min-width:0;flex:1}.order-title{font-size:15px;font-weight:600;margin-bottom:4px}.order-meta{font-size:12px;color:#999}.order-amount{font-size:16px;font-weight:600}.fund-chain{background:#f8f9fa;border-radius:8px;padding:10px 12px;margin-top:8px}.fund-chain-title{display:flex;align-items:center;gap:6px;font-size:12px;color:#888;margin-bottom:8px}.fund-chain-rows{display:flex;flex-direction:column;gap:6px}.fund-row,.rate-info-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:#666}.fund-row .label{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.fund-row .rate{font-size:11px;color:#999;padding:1px 6px;background:#fff;border-radius:4px;border:1px solid #e8e8e8}.fund-row .value{font-weight:600}.fund-row.platform .value{color:#e53935}.fund-row.talent .value,.fund-row.distributor .value{color:var(--green)}.fund-row.branch .value{color:#ff9800}.fund-divider{height:1px;background:#e8e8e8;margin:4px 0}.rate-info-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;margin-bottom:10px}.rate-info-row{padding:6px 0}.rate-info-row .value{font-weight:600;text-align:right}.total-commission-amount{margin-bottom:0}
@media(max-width:360px){.entry{gap:8px;padding:12px}.entry i{width:30px;height:30px;font-size:16px}.entry b{font-size:14px}.stat b{font-size:16px}.item-head{gap:8px}}