/* me.css — 我的·设置页（统一深色紫蓝） */
.me-card{ background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius); padding:18px 20px; margin-bottom:16px; }
.me-card-title,.me-row-label{ font-size:15px; font-weight:800; color:var(--text); margin-bottom:14px; }
.me-avatar{ width:54px; height:54px; border-radius:50%; background:var(--chip-bg); display:flex; align-items:center; justify-content:center; font-size:26px; flex-shrink:0; }
.me-info{ flex:1; min-width:0; }
.me-name{ font-size:17px; font-weight:800; color:var(--text); }
.me-phone{ font-size:13px; color:var(--sub-text); margin-top:2px; }
.me-badge{ display:inline-block; margin-left:8px; font-size:11px; font-weight:700; color:#fff; background:var(--accent); padding:1px 8px; border-radius:999px; vertical-align:middle; }
.me-badge-vip{ background:linear-gradient(135deg,#f5a623,#e8743b); color:#fff; box-shadow:0 1px 4px rgba(232,116,59,.4); }
.me-card{ display:flex; align-items:center; gap:14px; }
.me-logout{ margin-left:auto; }

/* 登录态 */
.me-login-card{ flex-wrap:wrap; }
.me-login-form{ width:100%; margin-top:14px; display:flex; flex-direction:column; gap:10px; }
.me-input{ width:100%; box-sizing:border-box; background:rgba(255,255,255,.04); border:1px solid var(--border-strong,#333); border-radius:10px; color:var(--text); padding:11px 12px; font-size:14px; font-family:inherit; }
.me-login-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.me-login-actions .btn{ flex:1; min-width:90px; }
.me-login-err{ color:#ff9a9a; font-size:13px; }

/* 主题色板 */
.me-swatches{ display:flex; gap:10px; flex-wrap:wrap; }
.me-swatch{ width:42px; height:42px; border-radius:12px; border:2px solid var(--border-strong,#333); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .12s; }
.me-swatch:hover{ transform:scale(1.08); }
.me-swatch-dot{ width:14px; height:14px; border-radius:50%; }
.me-custom-color{ display:flex; align-items:center; gap:10px; margin-top:14px; flex-wrap:wrap; }
.me-label{ font-size:13px; color:var(--sub-text); }
.me-slider{ width:90px; accent-color:var(--accent); }
.me-reset-theme{ margin-left:auto; }

/* 字体 */
.me-row-label{ margin-top:8px; }
.me-chips{ display:flex; gap:8px; flex-wrap:wrap; }
.me-chip{ padding:8px 16px; border:1px solid var(--border); background:transparent; color:var(--sub-text); border-radius:999px; cursor:pointer; font-size:13px; font-weight:600; transition:all .15s; }
.me-chip.on{ background:var(--chip-bg); color:var(--accent); border-color:var(--accent); }
.me-link-btn{ margin-left:auto; background:none; border:none; color:var(--accent); cursor:pointer; font-size:13px; font-weight:600; }
.me-custom-font{ width:100%; margin-top:12px; display:flex; flex-direction:column; gap:10px; }
.me-reset-font{ margin-top:12px; }

/* 其他链接 */
.me-link-list{ display:flex; flex-direction:column; }
.me-link{ padding:12px 4px; border-bottom:1px solid var(--border); color:var(--text); font-size:14px; cursor:pointer; transition:color .12s; }
.me-link:last-child{ border-bottom:none; }
.me-link:hover{ color:var(--accent); }
.me-link-danger{ color:#ff8a8a; }
.me-link-danger:hover{ color:var(--error,#e05050); }

/* 联系我们 */
.me-contact-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.me-contact-label{ font-size:13px; color:var(--sub-text); font-weight:600; }
.me-contact-email{ font-size:15px; font-weight:700; color:var(--accent); text-decoration:none; word-break:break-all; }
.me-contact-email:hover{ text-decoration:underline; }
.me-contact-tip{ font-size:13px; color:var(--sub-text); line-height:1.7; }

/* 模态 */
.me-modal-mask,.wd-modal-mask{ position:fixed; inset:0; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; z-index:9998; padding:20px; }
.me-modal{ background:var(--card-bg); border:1px solid var(--border-strong,#333); border-radius:var(--radius); padding:20px; width:min(520px,100%); box-shadow:0 20px 60px rgba(0,0,0,.5); }
.me-modal-title{ font-size:17px; font-weight:800; color:var(--text); margin-bottom:14px; }
.me-modal-body{ color:var(--sub-text); font-size:14px; line-height:1.8; }
.me-modal-actions{ display:flex; gap:10px; justify-content:flex-end; margin-top:16px; }