*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0c1a0f;--bg2:#122018;--bg3:#1a2d1e;--tx:#e0ede2;--tx2:#9dbfa1;--ac:#3dba6a;--ac2:#52d47f;--gd:linear-gradient(135deg,#3dba6a,#52d47f);--bd:rgba(255,255,255,.06);--card:#122018;--dark:#e0ede2;--mid:#9dbfa1;--light:#7aaa82;--border:rgba(61,186,106,.1);--primary:#3dba6a;--gold:#f59e0b;--green:#10b981}
body{font-family:-apple-system,"PingFang SC",sans-serif;background:var(--bg);min-height:100vh;color:var(--dark);padding-bottom:80px;max-width:480px;margin:0 auto}

/* 顶部用户卡片 */
.user-card{background:linear-gradient(135deg,#1a6b4a,#0d5c32);padding:30px 20px 60px;color:#fff;position:relative}
.user-info{display:flex;align-items:center;gap:16px}
.user-avatar{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid rgba(255,255,255,0.25)}
.user-detail{flex:1}
.user-name{font-size:16px;font-weight:500;display:flex;align-items:center;gap:6px}
.user-id{font-size:12px;opacity:0.7;margin-top:3px}
.vip-badge{padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:16px;font-size:12px;font-weight:500}
.settings-btn{position:absolute;top:20px;right:20px;font-size:22px;opacity:0.8;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}

/* 会员卡片 */
.member-card{margin:-30px 16px 12px;background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:16px;padding:16px;color:#fff;position:relative;overflow:hidden}
.member-card::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);pointer-events:none}
.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.member-title{display:flex;align-items:center;gap:6px}
.member-title span{font-size:14px}
.member-level{font-size:13px;font-weight:500}
.member-expire{font-size:12px;opacity:0.6}
.member-renew{padding:10px 16px;min-height:44px;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:16px;font-size:13px;color:#1a1a2e;font-weight:500;border:none;cursor:pointer}
.member-stats{display:flex;justify-content:space-around;padding-top:12px;border-top:1px solid rgba(255,255,255,0.08)}
.member-stat{text-align:center}
.stat-value{font-size:14px;font-weight:400;color:#fbbf24;transition:color .3s}
.stat-label{font-size:12px;opacity:0.55;margin-top:2px}

/* 资产卡片 */
.asset-card{margin:12px 16px;background:var(--card);border-radius:16px;padding:20px;display:flex;justify-content:space-around}
.asset-item{text-align:center;cursor:pointer}
.asset-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 8px}
.asset-icon.wallet{background:rgba(245,158,11,0.15)}
.asset-icon.deposit{background:rgba(16,185,129,0.15)}
.asset-icon.commission{background:rgba(102,126,234,0.15)}
.asset-icon.coupon{background:rgba(239,68,68,0.15)}
.asset-value{font-size:16px;font-weight:600}
.asset-label{font-size:12px;color:var(--light);margin-top:2px}

/* 邀请卡片 */
.invite-card{margin:0;background:linear-gradient(135deg,#e08a3a,#c97a30);border-radius:16px;padding:14px 16px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}
.invite-card:hover{transform:translateY(-1px);box-shadow:0 2px 12px rgba(224,138,58,0.2)}
.invite-card:active{transform:scale(.98)}
.invite-header{display:flex;justify-content:space-between;align-items:center}
.invite-title{font-size:12px;font-weight:400}
.invite-subtitle{font-size:12px;opacity:0.8;margin-top:2px}
.invite-arrow{font-size:16px}
.invite-stats{display:flex;gap:24px;margin-top:10px}
.invite-stat{display:flex;align-items:baseline;gap:4px}
.invite-stat-value{font-size:15px;font-weight:400}
.invite-stat-label{font-size:12px;opacity:0.8}

/* 功能列表 */
.section{margin:16px}
.section-title{font-size:12px;color:var(--light);margin-bottom:10px;padding-left:4px}
.func-list{background:var(--card);border-radius:16px;overflow:hidden}
.func-item{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer}
.func-item:last-child{border:none}
.func-item:active{background:var(--bg)}
.func-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;margin-right:10px}
.func-icon.purple{background:rgba(102,126,234,0.15)}
.func-icon.green{background:rgba(16,185,129,0.15)}
.func-icon.orange{background:rgba(245,158,11,0.15)}
.func-icon.blue{background:rgba(59,130,246,0.15)}
.func-icon.red{background:rgba(239,68,68,0.15)}
.func-icon.gray{background:rgba(107,114,128,0.15)}
.func-info{flex:1}
.func-name{font-size:13px;font-weight:400}
.func-desc{font-size:12px;color:var(--light);margin-top:2px}
.func-arrow{color:var(--light);font-size:14px}
.func-badge{padding:2px 8px;background:#ef4444;color:#fff;border-radius:10px;font-size:12px;margin-right:8px}

/* 邀请+合伙人容器：上下排列 */
.invite-partner-group { margin: 12px 16px; display: flex; flex-direction: column; gap: 8px; }
.invite-partner-group .invite-card { margin: 0; }
.invite-partner-group .partner-card { margin: 0; }
/* 合伙人入口 */
.partner-card{margin:0;background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:16px;padding:14px 16px;color:#fff;cursor:pointer;transition:transform .2s}
.partner-card:active{transform:scale(.98)}
.partner-header{display:flex;align-items:center;gap:10px}
.partner-icon{display:none}
.partner-info{flex:1}
.partner-title{font-size:12px;font-weight:400}
.partner-desc{font-size:12px;opacity:0.55;margin-top:2px}
.partner-arrow{font-size:16px;opacity:0.5}
.partner-benefits{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.1)}
.partner-benefit{font-size:12px;opacity:0.7}
.partner-benefit span{color:#fbbf24;font-weight:500}

/* 底部导航 */
.nav{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0 20px}
.nav a{display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--light);text-decoration:none;gap:4px}
.nav a.on{color:var(--primary)}
.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.8);color:#fff;padding:16px 24px;border-radius:12px;font-size:14px;opacity:0;transition:opacity 0.3s;z-index:1003}
.toast.show{opacity:1}

/* 弹窗 */
.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1002;display:none;align-items:flex-end;justify-content:center}
.modal.show{display:flex}
.modal-box{background:var(--card);border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:80vh;overflow:hidden}
.modal-header{padding:20px;text-align:center;border-bottom:1px solid var(--border)}
.modal-title{font-size:16px;font-weight:600}
.modal-close{position:absolute;right:20px;top:20px;font-size:20px;color:var(--light);cursor:pointer}
.modal-body{padding:20px;overflow-y:auto}
input::placeholder{color:rgba(255,255,255,0.5)}
.member-renew{transition:.15s}
.member-card{transition:transform .2s}
.member-card:hover{transform:translateY(-1px)}
.func-item{transition:background .15s}
.asset-item{transition:transform .15s}
.asset-item:hover{transform:translateY(-2px)}
.asset-value{transition:color .3s}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}