:root{
    --bg1:#090d0e; --bg2:#111819; --bg3:#191613;
    --glass-bg:rgba(17,25,26,0.78);
    --glass-border:rgba(173,222,214,0.16);
    --glass-hover:rgba(255,255,255,0.10);
    --accent:#2dd4bf;
    --accent2:#4f8cff;
    --gold:#f6c76a;
    --green:#4ade80;
    --red:#ff6b6b;
    --orange:#f59e0b;
    --text:#f4f7f6;
    --text-dim:rgba(231,241,239,0.70);
    --text-muted:rgba(220,233,230,0.45);
    --radius:8px;
    --radius-sm:6px;
    --blur:blur(14px) saturate(135%);
    --shadow:0 12px 34px rgba(0,0,0,0.34);
    --shadow-glow:0 0 18px rgba(45,212,191,0.22);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;}
body{
    font-family:'PingFang SC','Noto Sans SC','Microsoft YaHei','Helvetica Neue',sans-serif;
    color:var(--text);
    background-color:var(--bg1);
    background-attachment:fixed;
    min-height:100vh;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
body::before{
    content:'';position:fixed;top:0;left:0;width:100%;height:100%;
    background-image:
        linear-gradient(rgba(173,222,214,0.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(173,222,214,0.035) 1px,transparent 1px),
        linear-gradient(180deg,rgba(45,212,191,0.055),transparent 32%,rgba(246,199,106,0.025));
    background-size:28px 28px,28px 28px,100% 100%;
    z-index:-1;pointer-events:none;
}
a{color:inherit;text-decoration:none;}
input,textarea,select,button{font-family:inherit;font-size:inherit;border:none;outline:none;}

.app{max-width:520px;margin:0 auto;min-height:100vh;padding-bottom:calc(102px + env(safe-area-inset-bottom));position:relative;}

/* 液态玻璃基础 */
.glass{
    background:var(--glass-bg);
    backdrop-filter:var(--blur);
    -webkit-backdrop-filter:var(--blur);
    border:1px solid var(--glass-border);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}

/* 导航栏 */
.nav-bar{
    position:sticky;top:0;z-index:100;
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 18px;border-radius:0 0 var(--radius) var(--radius);
}
.nav-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;}
.logo-icon{
    width:28px;height:28px;border-radius:8px;
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    box-shadow:0 0 12px rgba(0,212,255,0.5);
    display:inline-block;
}
.nav-right{display:flex;align-items:center;gap:12px;}
.nav-balance{
    display:flex;align-items:center;gap:4px;
    padding:6px 12px;border-radius:20px;
    background:rgba(255,215,0,0.15);border:1px solid rgba(255,215,0,0.3);
    font-weight:600;font-size:13px;color:var(--gold);
}
.balance-icon{font-size:12px;opacity:0.8;}
.nav-link{font-size:14px;color:var(--text-dim);padding:6px 8px;}
.glass-btn{
    display:inline-block;padding:10px 24px;border-radius:20px;
    background:linear-gradient(135deg,rgba(0,212,255,0.8),rgba(0,119,255,0.8));
    color:#fff;font-weight:600;cursor:pointer;
    box-shadow:0 4px 16px rgba(0,119,255,0.4),inset 0 1px 0 rgba(255,255,255,0.3);
    transition:transform .15s,box-shadow .15s;
}
.glass-btn:active{transform:scale(0.97);}
.glass-btn-sm{padding:7px 16px;font-size:13px;border-radius:16px;}

/* 主内容 */
.main-content{padding:18px 16px;animation:fadeIn .4s;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

/* 底部Tab */
.tab-bar{
    position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);
    width:calc(100% - 32px);max-width:488px;
    display:flex;justify-content:space-around;
    padding:10px 8px;border-radius:24px;z-index:500;
}
.tab-item{
    display:flex;flex:1;flex-direction:column;align-items:center;gap:2px;
    padding:6px 14px;border-radius:16px;font-size:11px;color:var(--text-muted);
    transition:all .2s;
}
.tab-item.active{color:var(--accent);background:rgba(0,212,255,0.12);}
.tab-ic{font-size:20px;line-height:1;}

/* 18+ 年龄确认 */
body.age-gate-open{overflow:hidden;}
.age-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(3,5,8,.97);}
.age-gate-panel{width:min(390px,100%);padding:30px 24px;text-align:center;background:rgba(12,17,22,.98);}
.age-gate-mark{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;border:2px solid var(--red);border-radius:50%;color:var(--red);font-size:24px;font-weight:900;}
.age-gate h1{font-size:23px;margin-bottom:9px;}
.age-gate p{margin-bottom:22px;color:var(--text-dim);font-size:13px;line-height:1.7;}
.age-confirm,.age-leave{width:100%;height:46px;border-radius:7px;cursor:pointer;font-weight:750;}
.age-confirm{background:var(--accent);color:#07110f;}
.age-leave{margin-top:8px;background:transparent;color:var(--text-muted);}

/* 搜索 */
.search-box{
    display:flex;gap:8px;margin-bottom:18px;
}
.search-box input{
    flex:1;padding:12px 16px;border-radius:16px;
    background:var(--glass-bg);border:1px solid var(--glass-border);
    backdrop-filter:var(--blur);color:#fff;
}
.search-box input::placeholder{color:var(--text-muted);}
.search-box input:focus{border-color:var(--accent);}
.search-box button{
    padding:0 20px;border-radius:16px;
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    color:#fff;font-weight:600;cursor:pointer;
}

/* 商品网格 */
.category-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;padding-bottom:2px;scrollbar-width:none;}
.category-tabs::-webkit-scrollbar{display:none;}
.category-tab{flex:0 0 auto;padding:8px 14px;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-dim);font-size:13px;background:var(--glass-bg);}
.category-tab.active{color:#fff;border-color:var(--accent);background:rgba(0,212,255,0.18);}
.product-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.product-card{
    padding:16px;cursor:pointer;
    transition:transform .2s,box-shadow .2s;
    position:relative;overflow:hidden;
}
.product-card:active{transform:scale(0.98);}
.product-card::after{
    content:'';position:absolute;top:0;left:0;width:4px;height:100%;
    background:linear-gradient(180deg,var(--accent),var(--accent2));
    opacity:0;transition:opacity .2s;
}
.product-card:hover::after{opacity:1;}
.product-name{font-size:17px;font-weight:700;margin-bottom:6px;}
.product-category{display:inline-block;padding:3px 8px;border-radius:6px;background:rgba(0,212,255,0.14);color:var(--accent);font-size:11px;margin-bottom:8px;}
.product-desc{font-size:13px;color:var(--text-dim);line-height:1.5;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    white-space:pre-line;margin-bottom:12px;}
.product-footer{display:flex;justify-content:space-between;align-items:center;}
.product-price{font-size:22px;font-weight:800;color:var(--gold);}
.product-price small{font-size:13px;font-weight:400;}
.product-sales{font-size:12px;color:var(--text-muted);}
.product-buy{
    padding:8px 18px;border-radius:14px;
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    color:#fff;font-weight:600;font-size:13px;
    box-shadow:0 4px 12px rgba(0,119,255,0.3);
}

/* 留言板与工单 */
.message-board{margin-top:30px;scroll-margin-top:80px;}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;}
.section-heading h2{font-size:20px;}
.section-heading span{font-size:12px;color:var(--text-muted);text-align:right;}
.message-form{padding:18px;margin-bottom:14px;}
.message-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.message-list{display:grid;gap:10px;}
.message-item{padding:16px;border-radius:8px;}
.message-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px;}
.message-meta strong{color:var(--accent);}
.message-meta time{color:var(--text-muted);font-size:11px;}
.message-item>p{font-size:14px;line-height:1.7;color:var(--text-dim);word-break:break-word;}
.message-reply{margin-top:12px;padding:12px;border-left:3px solid var(--accent);background:rgba(0,212,255,.08);border-radius:0 6px 6px 0;}
.message-reply strong{display:block;color:var(--accent);font-size:12px;margin-bottom:5px;}
.message-reply p{font-size:13px;line-height:1.6;color:var(--text-dim);word-break:break-word;}
.ticket-status{text-align:center;padding:72px 18px 40px;}
.ticket-status-icon{font-size:42px;color:var(--accent);margin-bottom:14px;}
.ticket-status h1{font-size:22px;margin-bottom:10px;}
.ticket-status p{color:var(--text-dim);font-size:14px;margin-bottom:22px;}

/* 登录注册 */
.auth-wrap{max-width:420px;margin:40px auto;padding:32px 24px;}
.auth-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--glass-bg);border-radius:16px;padding:4px;}
.auth-tab{flex:1;text-align:center;padding:12px;border-radius:12px;color:var(--text-dim);font-weight:600;transition:all .2s;cursor:pointer;}
.auth-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;}
.register-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;}
.register-method{padding:10px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-dim);cursor:pointer;}
.register-method.active{border-color:var(--accent);background:rgba(0,212,255,0.16);color:#fff;}
.verify-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;}
.verify-button{border-radius:8px;background:rgba(0,212,255,0.18);border:1px solid rgba(0,212,255,0.4);color:var(--accent);font-size:13px;cursor:pointer;}
.verify-button:disabled{opacity:.5;cursor:not-allowed;}
.form-group{margin-bottom:16px;}
.form-label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:8px;font-weight:500;}
.form-input,.form-textarea,.form-select{
    width:100%;padding:14px 16px;border-radius:14px;
    background:var(--glass-bg);border:1px solid var(--glass-border);
    backdrop-filter:var(--blur);color:#fff;font-size:15px;
    transition:border-color .2s;
}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,212,255,0.15);}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);}
.form-textarea{resize:vertical;min-height:80px;}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff80' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;}
.form-select option{background:#151b1d;color:#fff;}
.form-hint{font-size:12px;color:var(--text-muted);margin-top:6px;}
.btn-block{width:100%;padding:14px;border-radius:16px;font-weight:600;font-size:16px;cursor:pointer;
    background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;
    box-shadow:0 6px 20px rgba(0,119,255,0.35),inset 0 1px 0 rgba(255,255,255,0.3);
    transition:transform .15s;}
.btn-block:active{transform:scale(0.98);}

/* 充值页 */
.balance-card{
    padding:24px;text-align:center;margin-bottom:18px;
    background:linear-gradient(135deg,rgba(255,215,0,0.15),rgba(0,212,255,0.1));
    border:1px solid rgba(255,215,0,0.25);
}
.balance-label{font-size:13px;color:var(--text-dim);margin-bottom:8px;}
.balance-amount{font-size:38px;font-weight:800;color:var(--gold);line-height:1;}
.recharge-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;}
.amount-item{
    padding:18px 8px;text-align:center;border-radius:14px;
    background:var(--glass-bg);border:2px solid transparent;
    cursor:pointer;transition:all .2s;font-weight:700;font-size:18px;color:var(--accent);
}
.amount-item.active{border-color:var(--accent);background:rgba(0,212,255,0.15);box-shadow:var(--shadow-glow);}
.amount-item small{display:block;font-size:11px;color:var(--text-muted);margin-top:2px;font-weight:400;}

.pay-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;}
.pay-item{
    padding:14px;text-align:center;border-radius:14px;
    background:var(--glass-bg);border:2px solid transparent;cursor:pointer;transition:all .2s;
    display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;
}
.pay-item.active{border-color:var(--accent);background:rgba(0,212,255,0.12);}
.pay-item .pay-icon{font-size:24px;}

/* 订单列表 */
.order-card{padding:14px;margin-bottom:12px;cursor:pointer;transition:transform .15s;}
.order-card:active{transform:scale(0.99);}
.order-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.order-no{font-size:11px;color:var(--text-muted);}
.order-status{font-size:12px;font-weight:700;padding:3px 10px;border-radius:10px;}
.order-mid{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;}
.order-pname{font-size:15px;font-weight:600;}
.order-amount{font-size:17px;font-weight:800;color:var(--gold);}
.order-bottom{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);}
.status-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;}
.status-tab{padding:8px 16px;border-radius:14px;background:var(--glass-bg);font-size:13px;white-space:nowrap;color:var(--text-dim);transition:all .2s;}
.status-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;}

/* 订单详情 */
.detail-section{padding:18px;margin-bottom:14px;}
.detail-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.06);}
.detail-row:last-child{border:none;}
.detail-label{color:var(--text-dim);}
.detail-value{font-weight:600;text-align:right;word-break:break-all;max-width:65%;}
.deliver-box{
    margin-top:12px;padding:14px;border-radius:12px;
    background:rgba(0,230,118,0.1);border:1px solid rgba(0,230,118,0.3);
    font-size:14px;line-height:1.6;white-space:pre-wrap;color:var(--green);
}
.deliver-box.empty{color:var(--text-muted);background:rgba(255,255,255,0.04);}
.timeline{margin-top:12px;}
.timeline-item{display:flex;gap:10px;padding:6px 0;font-size:13px;position:relative;}
.timeline-item::before{content:'';position:absolute;left:5px;top:20px;bottom:-6px;width:1px;background:var(--glass-border);}
.timeline-item:last-child::before{display:none;}
.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:5px;flex-shrink:0;box-shadow:0 0 8px var(--accent);}

/* 空状态 */
.empty{text-align:center;padding:60px 20px;color:var(--text-muted);}
.empty-icon{font-size:48px;margin-bottom:12px;opacity:0.5;}

/* Flash提示 */
.flash-toast{
    position:fixed;top:16px;left:50%;transform:translateX(-50%);
    padding:12px 24px;border-radius:14px;z-index:9999;
    background:var(--glass-bg);backdrop-filter:var(--blur);
    border:1px solid var(--glass-border);box-shadow:var(--shadow);
    font-size:14px;font-weight:500;animation:slideDown .3s;
}
.flash-success{border-color:rgba(0,230,118,0.4);color:var(--green);}
.flash-error{border-color:rgba(255,82,82,0.4);color:var(--red);}
@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}

/* ========== 后台样式 ========== */
.admin-body{background-color:var(--bg1);}
.admin-layout{display:flex;min-height:100vh;}
.admin-sidebar{
    width:240px;min-height:100vh;border-radius:0;padding:24px 0;
    position:sticky;top:0;height:100vh;overflow-y:auto;
    display:flex;flex-direction:column;gap:4px;
}
.admin-brand{padding:0 24px 24px;font-size:18px;font-weight:700;border-bottom:1px solid var(--glass-border);margin-bottom:16px;}
.admin-brand small{display:block;font-size:12px;color:var(--text-muted);font-weight:400;margin-top:4px;}
.admin-nav{display:flex;flex-direction:column;padding:0 12px;gap:4px;}
.admin-nav a{padding:12px 16px;border-radius:12px;font-size:14px;color:var(--text-dim);transition:all .2s;}
.admin-nav a:hover{background:var(--glass-hover);color:#fff;}
.admin-nav a.active{background:linear-gradient(135deg,rgba(0,212,255,0.2),rgba(0,119,255,0.2));color:var(--accent);border:1px solid rgba(0,212,255,0.3);}
.admin-nav .logout-link{margin-top:auto;color:var(--red);}
.admin-main{flex:1;padding:24px;max-width:calc(100% - 240px);overflow-x:auto;}

.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.admin-title{font-size:24px;font-weight:700;}

.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;}
.stat-card{padding:20px;}
.stat-label{font-size:13px;color:var(--text-dim);margin-bottom:8px;}
.stat-value{font-size:28px;font-weight:800;}
.stat-value.accent{color:var(--accent);}
.stat-value.gold{color:var(--gold);}
.stat-value.green{color:var(--green);}

.admin-table{width:100%;border-collapse:separate;border-spacing:0 8px;}
.admin-table th{text-align:left;padding:8px 12px;font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;}
.admin-table td{padding:14px 12px;font-size:14px;background:var(--glass-bg);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);}
.admin-table td:first-child{border-left:1px solid var(--glass-border);border-radius:12px 0 0 12px;}
.admin-table td:last-child{border-right:1px solid var(--glass-border);border-radius:0 12px 12px 0;}

.badge{display:inline-block;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:600;}
.btn-sm{padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-bg);color:#fff;margin-right:4px;}
.btn-sm:hover{background:var(--glass-hover);}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;}
.btn-danger{color:var(--red);border-color:rgba(255,82,82,0.3);}
.btn-success{color:var(--green);border-color:rgba(0,230,118,0.3);}

.admin-form{max-width:600px;}
.admin-form .form-group{margin-bottom:16px;}
.field-config-box{background:rgba(0,0,0,0.2);padding:12px;border-radius:12px;font-family:monospace;font-size:12px;color:var(--accent);min-height:120px;}

.chart-box{height:200px;display:flex;align-items:flex-end;gap:8px;padding:16px 0;}
.chart-bar{flex:1;background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:6px 6px 0 0;min-height:4px;position:relative;transition:height .5s;}
.chart-bar:hover{opacity:0.8;}
.chart-bar small{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--text-muted);}
.chart-bar span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--accent);font-weight:600;}

/* 个人主页 */
.guest-entry{margin-top:22px;padding-top:18px;border-top:1px solid var(--glass-border);text-align:center;}
.guest-entry span{display:block;color:var(--text-muted);font-size:12px;margin-bottom:10px;}
.guest-button{display:block;background:rgba(255,255,255,.07);box-shadow:none;border:1px solid var(--glass-border);}
.profile-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px;margin-bottom:14px;}
.profile-avatar,.support-avatar,.conversation-avatar{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#1d615a;color:#fff;font-weight:800;}
.profile-identity{min-width:0;}.profile-identity h1{font-size:17px;margin-bottom:3px;}.profile-identity p{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.profile-balance{text-align:right;}.profile-balance span{display:block;font-size:11px;color:var(--text-muted);}.profile-balance strong{display:block;font-size:20px;color:var(--gold);margin-top:3px;}
.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;}
.profile-action{display:flex;align-items:center;gap:11px;padding:14px;min-height:68px;}.profile-action .action-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:rgba(45,212,191,.12);color:var(--accent);font-weight:800;}.profile-action strong,.profile-action small{display:block;}.profile-action strong{font-size:14px;}.profile-action small{font-size:11px;color:var(--text-muted);margin-top:3px;}.profile-action.is-disabled{opacity:.58;}
.referral-panel,.bind-panel{padding:18px;margin-bottom:14px;}.referral-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--glass-border);border-radius:8px;margin-bottom:16px;}.referral-stats>div{padding:14px;text-align:center;}.referral-stats>div+div{border-left:1px solid var(--glass-border);}.referral-stats strong,.referral-stats span{display:block;}.referral-stats strong{font-size:21px;color:var(--gold);}.referral-stats span{font-size:11px;color:var(--text-muted);margin-top:3px;}.copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}.profile-muted{font-size:13px;color:var(--text-dim);}.profile-logout{display:block;text-align:center;padding:14px;color:var(--red);font-size:13px;}
.bind-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.66);}.bind-modal-box{position:relative;width:min(360px,100%);padding:26px;text-align:center;}.modal-close{position:absolute;right:10px;top:8px;width:32px;height:32px;background:transparent;color:var(--text-muted);font-size:24px;cursor:pointer;}.modal-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:rgba(74,222,128,.14);color:var(--green);font-size:24px;}.bind-modal h2{font-size:20px;margin-bottom:8px;}.bind-modal p{font-size:13px;line-height:1.7;color:var(--text-dim);margin-bottom:18px;}.modal-later{margin-top:12px;background:transparent;color:var(--text-muted);cursor:pointer;padding:8px;}

/* Telegram风格客服 */
.support-user-shell{display:grid;grid-template-rows:auto minmax(300px,1fr) auto;gap:8px;height:calc(100vh - 146px);min-height:520px;}.support-chat-head{display:flex;align-items:center;gap:10px;padding:10px 12px;}.support-chat-head h1{font-size:15px;}.support-chat-head p{font-size:11px;color:var(--text-muted);margin-top:2px;}.chat-back{display:grid;place-items:center;width:28px;height:36px;font-size:30px;color:var(--text-dim);}.support-avatar{width:38px;height:38px;font-size:13px;}.online-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--green);}
.support-chat-body{padding:16px;overflow-y:auto;scroll-behavior:smooth;background-color:rgba(9,13,14,.84);background-image:linear-gradient(rgba(173,222,214,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(173,222,214,.025) 1px,transparent 1px);background-size:24px 24px;}.chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--text-muted);font-size:12px;}.chat-empty strong{color:var(--text-dim);font-size:14px;}.chat-message{display:flex;margin:7px 0;}.chat-message.is-mine{justify-content:flex-end;}.chat-message.is-other{justify-content:flex-start;}.chat-bubble{max-width:78%;padding:9px 11px 6px;border-radius:8px;background:#1a2426;border:1px solid rgba(255,255,255,.06);box-shadow:0 3px 10px rgba(0,0,0,.18);}.is-mine .chat-bubble{background:#145d55;border-color:rgba(45,212,191,.18);}.chat-text{font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word;}.chat-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:3px;font-size:9px;color:rgba(255,255,255,.52);}.message-state.is-error{color:var(--red);}
.support-composer{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;padding:8px;}.support-composer textarea{width:100%;max-height:120px;resize:none;padding:10px 12px;background:transparent;color:var(--text);line-height:1.45;}.send-button{width:40px;height:40px;align-self:end;border-radius:50%;background:var(--accent);color:#061211;font-size:20px;font-weight:800;cursor:pointer;}
.admin-subtitle{font-size:12px;color:var(--text-muted);margin-top:4px;}.support-admin-shell{display:grid;grid-template-columns:310px minmax(420px,1fr);height:calc(100vh - 110px);min-height:600px;border:1px solid var(--glass-border);border-radius:8px;overflow:hidden;background:rgba(10,15,16,.82);}.support-conversation-list{overflow-y:auto;border-right:1px solid var(--glass-border);}.conversation-list-title{display:flex;justify-content:space-between;padding:16px;font-size:14px;font-weight:700;border-bottom:1px solid var(--glass-border);}.conversation-list-title span{color:var(--text-muted);}.conversation-empty{padding:30px 16px;text-align:center;color:var(--text-muted);font-size:13px;}.conversation-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.05);}.conversation-item:hover,.conversation-item.active{background:rgba(45,212,191,.09);}.conversation-avatar{width:42px;height:42px;font-size:14px;}.conversation-copy{min-width:0;}.conversation-copy strong,.conversation-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.conversation-copy strong{font-size:13px;}.conversation-copy small{font-size:11px;color:var(--text-muted);margin-top:4px;}.conversation-side{text-align:right;align-self:stretch;}.conversation-side time{display:block;font-size:9px;color:var(--text-muted);}.conversation-side b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#061211;font-size:10px;margin-top:7px;}.support-admin-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;}.admin-chat-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--glass-border);}.admin-chat-head strong,.admin-chat-head small{display:block;}.admin-chat-head strong{font-size:14px;}.admin-chat-head small{font-size:10px;color:var(--text-muted);margin-top:3px;}.admin-chat-body{border:0;border-radius:0;}.admin-composer{border:0;border-top:1px solid var(--glass-border);border-radius:0;background:#11191a;}.support-no-selection{grid-row:1/-1;display:grid;place-items:center;align-content:center;gap:10px;color:var(--text-muted);}.support-no-selection span{font-size:38px;}

@media(max-width:768px){
    .message-contact-grid{grid-template-columns:1fr;gap:0;}
    .admin-sidebar{width:60px;}
    .admin-brand{font-size:0;text-align:center;}
    .admin-brand small{font-size:0;}
    .admin-nav a{padding:12px;text-align:center;font-size:18px;}
    .admin-main{max-width:calc(100% - 60px);padding:16px;}
    .stat-grid{grid-template-columns:1fr 1fr;}
    .support-admin-shell{grid-template-columns:1fr;grid-template-rows:180px 560px;height:auto;min-height:0;}
    .support-conversation-list{border-right:0;border-bottom:1px solid var(--glass-border);}
    .support-admin-chat{min-height:560px;}
}

/* ========== V10 响应式在线壁纸主题 ========== */
:root{
    --bg1:#080b0f;--bg2:#10151a;--bg3:#181c20;
    --glass-bg:rgba(12,17,22,.82);--glass-border:rgba(255,255,255,.12);--glass-hover:rgba(255,255,255,.08);
    --accent:#52e0b7;--accent2:#58a6ff;--gold:#ffc768;--green:#56d98b;--red:#ff7272;--orange:#ff9f43;
    --text:#f5f7f8;--text-dim:rgba(239,244,246,.72);--text-muted:rgba(226,234,238,.48);
    --radius:8px;--radius-sm:6px;--blur:blur(18px) saturate(120%);
    --shadow:0 16px 42px rgba(0,0,0,.34);--shadow-glow:0 0 0 3px rgba(82,224,183,.12);
}
html{background:#080b0f;}
body{background:transparent;isolation:isolate;letter-spacing:0;}
body::before{
    inset:0;width:auto;height:auto;z-index:-2;
    background-image:var(--page-background-desktop,none);
    background-size:cover;background-position:center;background-repeat:no-repeat;
    opacity:1;
}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:rgba(4,7,11,.42);}
.admin-body{background:#0c1116;}
.admin-body::before{background-image:none;opacity:0;}
.admin-body::after{background:#0c1116;}
.app{max-width:880px;padding-bottom:calc(104px + env(safe-area-inset-bottom));}
.glass{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow);}
.nav-bar{
    padding:13px 22px;border-width:0 0 1px;border-radius:0;
    background:rgba(8,12,16,.86);box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.nav-logo{gap:10px;font-size:16px;}
.logo-icon{position:relative;width:30px;height:30px;border-radius:7px;background:#52e0b7;box-shadow:none;}
.logo-icon::before{content:'A';position:absolute;inset:0;display:grid;place-items:center;color:#07110f;font-size:16px;font-weight:900;}
.nav-right{gap:8px;}
.nav-link{padding:8px 10px;}
.nav-balance{border-radius:7px;background:rgba(255,199,104,.1);border-color:rgba(255,199,104,.24);}
.glass-btn,.btn-block,.search-box button,.product-buy,.status-tab.active,.auth-tab.active,.btn-primary{
    border-radius:7px;background:var(--accent);color:#07110f;box-shadow:none;font-weight:750;
}
.glass-btn{padding:10px 18px;}
.glass-btn-sm{padding:7px 13px;border-radius:7px;}
.main-content{padding:26px 22px 34px;animation:fadeIn .3s;}
.home-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 2px 20px;}
.home-eyebrow{margin-bottom:8px;color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;}
.home-intro h1{font-size:30px;line-height:1.15;font-weight:850;}
.service-state{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(86,217,139,.3);border-radius:6px;background:rgba(8,15,13,.58);font-size:12px;color:var(--green);white-space:nowrap;}
.service-state i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(86,217,139,.75);}
.search-box{gap:9px;margin-bottom:14px;}
.search-box input{min-width:0;height:48px;padding:0 15px;border-radius:8px;background:rgba(10,15,20,.84);}
.search-box input:focus{border-color:rgba(82,224,183,.64);box-shadow:var(--shadow-glow);}
.search-box button{height:48px;padding:0 20px;}
.notice-bar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:13px 14px;margin-bottom:16px;background:rgba(13,18,23,.76);box-shadow:0 10px 28px rgba(0,0,0,.24);}
.notice-mark{padding:3px 6px;border-radius:5px;background:rgba(255,199,104,.14);color:var(--gold);font-size:11px;font-weight:800;}
.notice-bar p{font-size:13px;line-height:1.65;color:var(--text-dim);}
.category-tabs{gap:6px;margin-bottom:22px;padding:2px 0 4px;}
.category-tab{padding:8px 12px;border-radius:6px;background:rgba(10,15,20,.74);}
.category-tab.active{color:#07110f;border-color:var(--accent);background:var(--accent);font-weight:750;}
.catalog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;}
.catalog-heading h2{font-size:19px;}
.catalog-heading span{font-size:12px;color:var(--text-muted);}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.product-card{display:flex;flex-direction:column;min-height:214px;padding:17px;background:rgba(11,16,21,.86);transition:transform .18s,border-color .18s,background .18s;}
.product-card:hover{transform:translateY(-2px);border-color:rgba(82,224,183,.34);background:rgba(14,20,26,.92);}
.product-card:active{transform:translateY(0);}
.product-card::after{display:none;}
.product-category{align-self:flex-start;margin-bottom:11px;padding:4px 7px;border:1px solid rgba(82,224,183,.2);border-radius:5px;background:rgba(82,224,183,.08);font-size:10px;}
.product-name{font-size:17px;line-height:1.35;margin-bottom:7px;}
.product-desc{margin-bottom:18px;color:var(--text-dim);}
.product-footer{margin-top:auto;}
.product-price{font-size:21px;}
.product-buy{padding:9px 13px;border:1px solid rgba(82,224,183,.55);background:rgba(82,224,183,.1);color:var(--accent);}
.quantity-row{display:grid;grid-template-columns:auto 110px auto auto minmax(150px,1fr);align-items:center;gap:10px;}
.quantity-total{text-align:right;}
.message-board{margin-top:36px;}
.section-heading h2{font-size:19px;}
.message-form,.message-item,.detail-section,.order-card,.profile-head,.profile-action,.referral-panel,.bind-panel{background:rgba(11,16,21,.86);}
.message-reply{background:rgba(82,224,183,.07);}
.form-input,.form-textarea,.form-select{border-radius:7px;background:rgba(8,13,17,.78);}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:rgba(82,224,183,.64);box-shadow:var(--shadow-glow);}
.verify-button{border-radius:7px;background:rgba(82,224,183,.1);border-color:rgba(82,224,183,.35);}
.auth-wrap{margin-top:28px;background:rgba(10,15,20,.88);}
.auth-tabs{border-radius:7px;background:rgba(255,255,255,.045);}
.auth-tab{border-radius:6px;}
.register-method.active,.pay-item.active,.amount-item.active{border-color:var(--accent);background:rgba(82,224,183,.1);box-shadow:none;}
.balance-card{background:rgba(12,17,22,.86);border-color:rgba(255,199,104,.25);}
.amount-item,.pay-item{border-radius:7px;background:rgba(11,16,21,.82);}
.order-card{border-left:3px solid rgba(82,224,183,.5);}
.status-tab,.order-status{border-radius:6px;}
.tab-bar{bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 28px);max-width:600px;padding:6px;border-radius:8px;background:rgba(8,12,16,.96);border-color:rgba(255,255,255,.18);box-shadow:0 12px 34px rgba(0,0,0,.56);}
.tab-item{min-width:64px;padding:7px 8px;border-radius:6px;}
.tab-item.active{color:var(--accent);background:rgba(82,224,183,.1);}
.tab-ic{font-size:18px;}
.profile-head{padding:20px;}
.profile-avatar,.support-avatar,.conversation-avatar{background:#245e55;}
.profile-action .action-symbol{background:rgba(82,224,183,.1);}
.referral-stats{border-radius:7px;}
.support-user-shell{gap:7px;}
.support-chat-body{background-color:rgba(7,11,15,.9);background-image:none;}
.chat-bubble{background:#182027;border-color:rgba(255,255,255,.08);}
.is-mine .chat-bubble{background:#1d6658;border-color:rgba(82,224,183,.2);}
.send-button{background:var(--accent);color:#07110f;box-shadow:none;}
.admin-sidebar{background:#10161c;box-shadow:none;}
.admin-nav a{border-radius:7px;}
.admin-nav a.active{background:rgba(82,224,183,.1);color:var(--accent);border-color:rgba(82,224,183,.24);}
.admin-table td,.support-admin-shell{background:#11181e;}
.chart-bar{background:var(--accent);}

@media(max-width:699px){
    body::before{background-image:var(--page-background-mobile,none);background-position:center;opacity:1;}
    body::after{background:rgba(4,7,11,.47);}
    .app{max-width:560px;}
    .nav-bar{padding:11px 14px;}
    .nav-logo{font-size:15px;}
    .logo-icon{width:28px;height:28px;}
    .main-content{padding:18px 14px 28px;}
    .home-intro{padding:18px 2px 16px;}
    .home-intro h1{font-size:25px;}
    .home-eyebrow{margin-bottom:6px;}
    .search-box button{padding:0 16px;}
    .product-grid{grid-template-columns:1fr;}
    .product-card{min-height:196px;}
    .tab-bar{width:calc(100% - 20px);bottom:max(10px,env(safe-area-inset-bottom));}
    .tab-item{min-width:0;flex:1;padding:7px 4px;}
    .profile-actions{gap:8px;}
    .profile-action{padding:12px;}
    .quantity-row{grid-template-columns:auto minmax(90px,1fr) auto auto;}
    .quantity-total{grid-column:1/-1;text-align:right;margin-top:2px;}
}

/* ========== V13 外观模式与第三方壁纸库 ========== */
.appearance-panel{padding:18px;margin-bottom:14px;}
.appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.appearance-choice{display:flex;min-width:0;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 6px;border:1px solid var(--glass-border);border-radius:7px;background:rgba(255,255,255,.045);color:var(--text);cursor:pointer;}
.appearance-choice strong{font-size:12px;white-space:nowrap;}
.appearance-choice.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(82,224,183,.14);}
.appearance-swatch{display:block;width:28px;height:22px;border:1px solid rgba(127,140,150,.34);border-radius:5px;}
.appearance-swatch-light{background:#fff;}
.appearance-swatch-dark{background:#111820;}
.wallpaper-entry{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;margin-top:10px;padding:13px;border:1px solid var(--glass-border);border-radius:7px;background:rgba(255,255,255,.045);color:var(--text);text-align:left;cursor:pointer;}
.wallpaper-entry.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(82,224,183,.12);}
.wallpaper-entry-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;background:rgba(82,224,183,.11);color:var(--accent);font-size:18px;}
.wallpaper-entry strong,.wallpaper-entry small{display:block;}.wallpaper-entry strong{font-size:13px;}.wallpaper-entry small{margin-top:3px;color:var(--text-muted);font-size:10px;}
.wallpaper-entry-arrow{color:var(--text-muted);font-size:21px;}
.wallpaper-library-modal[hidden],.wallpaper-viewer[hidden]{display:none;}
.wallpaper-library-modal,.wallpaper-viewer{position:fixed;inset:0;z-index:11000;background:rgba(3,6,9,.88);}
.wallpaper-library-modal{display:grid;place-items:center;padding:18px;}
.wallpaper-library-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1040px,100%);height:min(88vh,820px);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0d1319;color:#f5f7f8;box-shadow:0 26px 80px rgba(0,0,0,.6);}
.wallpaper-library-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.1);}
.wallpaper-library-head h2{font-size:16px;}.wallpaper-library-head span{display:block;margin-top:3px;color:rgba(239,244,246,.5);font-size:10px;}
.wallpaper-close,.viewer-tool{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;}
.wallpaper-close{font-size:24px;}
.wallpaper-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);}
.wallpaper-type-tab{height:38px;border-radius:6px;background:transparent;color:rgba(239,244,246,.58);cursor:pointer;}
.wallpaper-type-tab.active{background:rgba(82,224,183,.14);color:#7ce8ca;}
.wallpaper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:10px;padding:12px;overflow-y:auto;}
.wallpaper-grid[data-type="mobile"]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));}
.wallpaper-card{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:2px solid transparent;border-radius:7px;background:#151c23;cursor:zoom-in;}
.wallpaper-card[data-type="mobile"]{aspect-ratio:2/3;}
.wallpaper-card img{display:block;width:100%;height:100%;object-fit:cover;}
.wallpaper-card span{position:absolute;left:7px;top:7px;padding:4px 7px;border-radius:5px;background:rgba(4,8,12,.8);color:#fff;font-size:11px;font-weight:800;}
.wallpaper-card i{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:rgba(4,8,12,.8);color:#fff;font-size:15px;font-style:normal;}
.wallpaper-card.selected{border-color:#52e0b7;box-shadow:0 0 0 2px rgba(82,224,183,.2);}
.wallpaper-card.selected::after{content:'✓';position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#52e0b7;color:#07110f;font-weight:900;}
.wallpaper-library-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid rgba(255,255,255,.1);}
.wallpaper-selection{min-width:0;color:rgba(239,244,246,.58);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wallpaper-apply,.viewer-select{height:40px;padding:0 18px;border-radius:7px;background:#52e0b7;color:#07110f;font-weight:800;cursor:pointer;}
.wallpaper-viewer{display:grid;place-items:center;overflow:hidden;}
.wallpaper-viewer-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;cursor:grab;touch-action:none;}
.wallpaper-viewer-stage.dragging{cursor:grabbing;}
.wallpaper-viewer-image{display:block;max-width:calc(100vw - 36px);max-height:calc(100vh - 126px);object-fit:contain;transform-origin:center;will-change:transform;user-select:none;-webkit-user-drag:none;}
.wallpaper-viewer-toolbar{position:absolute;z-index:2;top:max(14px,env(safe-area-inset-top));left:50%;display:flex;gap:7px;transform:translateX(-50%);}
.viewer-tool{font-size:20px;box-shadow:0 8px 24px rgba(0,0,0,.28);}
.viewer-close{position:fixed;right:14px;top:max(14px,env(safe-area-inset-top));}
.viewer-select{position:absolute;z-index:2;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);box-shadow:0 8px 28px rgba(0,0,0,.38);}
body.wallpaper-modal-open{overflow:hidden;}

@media(max-width:699px){
    .wallpaper-library-modal{padding:0;}
    .wallpaper-library-shell{width:100%;height:100%;border:0;border-radius:0;}
    .wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;}
    .wallpaper-grid[data-type="mobile"]{grid-template-columns:repeat(3,minmax(0,1fr));}
    .wallpaper-library-footer{grid-template-columns:1fr;gap:8px;}
    .wallpaper-apply{width:100%;}
    .wallpaper-selection{text-align:center;}
}

html[data-appearance="dark"] body::before{background-image:none;opacity:0;}
html[data-appearance="dark"] body::after{background:#050505;}

html[data-appearance="light"]{
    --bg1:#fff;--bg2:#f6f8fa;--bg3:#eef2f5;
    --glass-bg:rgba(255,255,255,.96);--glass-border:rgba(24,39,51,.13);--glass-hover:rgba(15,118,110,.07);
    --accent:#0f766e;--accent2:#2563eb;--gold:#a16207;--green:#15803d;--red:#dc2626;--orange:#c2410c;
    --text:#172027;--text-dim:rgba(23,32,39,.72);--text-muted:rgba(23,32,39,.49);
    --blur:blur(16px) saturate(115%);--shadow:0 10px 28px rgba(28,39,49,.10);--shadow-glow:0 0 0 3px rgba(15,118,110,.12);
    background:#fff;
}
html[data-appearance="light"] body{background:#fff;}
html[data-appearance="light"] body::before{background-image:none;opacity:0;}
html[data-appearance="light"] body::after{background:#fff;}
html[data-appearance="light"] .glass{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow);}
html[data-appearance="light"] .nav-bar{background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(28,39,49,.08);}
html[data-appearance="light"] .logo-icon{background:#14b8a6;}
html[data-appearance="light"] .nav-balance{background:#fff8e7;border-color:rgba(161,98,7,.2);}
html[data-appearance="light"] .tab-bar{background:rgba(255,255,255,.98);border-color:rgba(24,39,51,.15);box-shadow:0 10px 30px rgba(28,39,49,.14);}
html[data-appearance="light"] .tab-item.active{color:var(--accent);background:rgba(15,118,110,.08);}
html[data-appearance="light"] .glass-btn,
html[data-appearance="light"] .btn-block,
html[data-appearance="light"] .search-box button,
html[data-appearance="light"] .status-tab.active,
html[data-appearance="light"] .auth-tab.active,
html[data-appearance="light"] .btn-primary{background:var(--accent);color:#fff;}
html[data-appearance="light"] .service-state{background:#f3fbf8;border-color:rgba(21,128,61,.22);}
html[data-appearance="light"] .search-box input,
html[data-appearance="light"] .form-input,
html[data-appearance="light"] .form-textarea,
html[data-appearance="light"] .form-select{background:#fff;color:var(--text);border-color:rgba(24,39,51,.16);}
html[data-appearance="light"] .form-select option{background:#fff;color:var(--text);}
html[data-appearance="light"] .notice-bar,
html[data-appearance="light"] .category-tab,
html[data-appearance="light"] .product-card,
html[data-appearance="light"] .message-form,
html[data-appearance="light"] .message-item,
html[data-appearance="light"] .detail-section,
html[data-appearance="light"] .order-card,
html[data-appearance="light"] .profile-head,
html[data-appearance="light"] .profile-action,
html[data-appearance="light"] .appearance-panel,
html[data-appearance="light"] .referral-panel,
html[data-appearance="light"] .bind-panel,
html[data-appearance="light"] .auth-wrap,
html[data-appearance="light"] .balance-card,
html[data-appearance="light"] .amount-item,
html[data-appearance="light"] .pay-item{background:rgba(255,255,255,.97);}
html[data-appearance="light"] .category-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;}
html[data-appearance="light"] .product-card:hover{background:#fff;border-color:rgba(15,118,110,.28);}
html[data-appearance="light"] .product-buy{background:rgba(15,118,110,.08);border-color:rgba(15,118,110,.34);color:var(--accent);}
html[data-appearance="light"] .message-reply{background:rgba(15,118,110,.06);}
html[data-appearance="light"] .auth-tabs{background:#eef2f5;}
html[data-appearance="light"] .guest-button{background:#fff;color:var(--text);}
html[data-appearance="light"] .verify-button{background:rgba(15,118,110,.07);border-color:rgba(15,118,110,.25);color:var(--accent);}
html[data-appearance="light"] .register-method.active,
html[data-appearance="light"] .pay-item.active,
html[data-appearance="light"] .amount-item.active{background:rgba(15,118,110,.07);border-color:var(--accent);color:var(--text);}
html[data-appearance="light"] .profile-avatar,
html[data-appearance="light"] .support-avatar,
html[data-appearance="light"] .conversation-avatar{background:var(--accent);color:#fff;}
html[data-appearance="light"] .profile-action .action-symbol{background:rgba(15,118,110,.08);color:var(--accent);}
html[data-appearance="light"] .appearance-choice{background:#f7f9fa;color:var(--text);}
html[data-appearance="light"] .appearance-choice.active{background:#fff;border-color:var(--accent);box-shadow:0 0 0 2px rgba(15,118,110,.11);}
html[data-appearance="light"] .wallpaper-entry{background:#f7f9fa;color:var(--text);}
html[data-appearance="light"] .wallpaper-entry.active{background:#fff;border-color:var(--accent);box-shadow:0 0 0 2px rgba(15,118,110,.11);}
html[data-appearance="light"] .wallpaper-entry-icon{background:rgba(15,118,110,.08);color:var(--accent);}
html[data-appearance="light"] .support-chat-body{background-color:#f3f6f7;background-image:linear-gradient(rgba(24,39,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,39,51,.035) 1px,transparent 1px);}
html[data-appearance="light"] .chat-bubble{background:#fff;border-color:rgba(24,39,51,.11);box-shadow:0 3px 10px rgba(28,39,49,.08);}
html[data-appearance="light"] .is-mine .chat-bubble{background:#dff5ee;border-color:rgba(15,118,110,.16);}
html[data-appearance="light"] .chat-meta{color:rgba(23,32,39,.5);}
html[data-appearance="light"] .support-composer textarea{color:var(--text);}
html[data-appearance="light"] .send-button{background:var(--accent);color:#fff;}
html[data-appearance="light"] .btn-sm{background:#fff;color:var(--text);}
html[data-appearance="light"] .age-gate{background:rgba(248,250,252,.98);}
html[data-appearance="light"] .age-gate-panel{background:#fff;}