:root{
  --brand:#6366f1;
  --brand-600:#4f46e5;
  --brand-50:#eef2ff;
  --bg:#f4f5f7;
  --card:#ffffff;
  --text:#1f2330;
  --text-2:#6b7280;
  --text-3:#9ca3af;
  --line:#eceef2;
  --ok:#16a34a;
  --warn:#d97706;
  --err:#dc2626;
  --radius:14px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;height:100%;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--text);
  font-size:15px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
/* ── 顶部栏 ── */
#m-topbar{
  position:fixed;top:0;left:0;right:0;
  height:52px;display:flex;align-items:center;gap:.5rem;
  padding:0 12px;padding-top:env(safe-area-inset-top);
  background:var(--brand);color:#fff;
  box-shadow:0 1px 6px rgba(0,0,0,.08);z-index:50;
}
#m-back{
  border:none;background:transparent;color:#fff;font-size:15px;
  padding:6px 8px 6px 2px;cursor:pointer;font-weight:600;
}
#m-title{font-size:16px;font-weight:700;}
/* ── 视图区 ── */
#view{
  padding:64px 16px 64px;min-height:100vh;
}
.m-scroll{padding:12px;}
/* ── 底部 Tab ── */
#tabbar{
  position:fixed;bottom:0;left:0;right:0;
  height:56px;display:flex;
  padding-bottom:env(safe-area-inset-bottom);
  background:#fff;border-top:1px solid var(--line);z-index:50;
}
.m-tab{
  flex:1;border:none;background:transparent;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  color:var(--text-3);font-size:11px;
}
.m-tab.active{color:var(--brand);}
.m-tab-ic{font-size:21px;line-height:1;}
/* ── 卡片 ── */
.m-card{background:var(--card);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.m-card h3,.m-card h4{margin:.2rem 0 .6rem;}
/* ── 表单 ── */
.m-form-group{margin-bottom:12px;}
.m-form-group label{display:block;font-size:13px;color:var(--text-2);margin-bottom:5px;font-weight:600;}
.m-input{
  width:100%;border:1px solid var(--line);border-radius:10px;
  padding:11px 12px;font-size:15px;background:#fafbfc;color:var(--text);
  outline:none;transition:border-color .15s;
}
.m-input:focus{border-color:var(--brand);background:#fff;}
select.m-input{appearance:none;background:#fafbfc;}
.m-textarea{
  width:100%;border:1px solid var(--line);border-radius:10px;
  padding:11px 12px;font-size:15px;background:#fafbfc;color:var(--text);
  min-height:200px;resize:vertical;outline:none;font-family:inherit;line-height:1.7;
}
.m-textarea:focus{border-color:var(--brand);background:#fff;}
.req{color:var(--err);}
/* ── 按钮 ── */
.m-btn{
  border:none;border-radius:10px;padding:11px 16px;font-size:15px;
  font-weight:600;cursor:pointer;transition:opacity .15s,transform .05s;
}
.m-btn:active{transform:scale(.98);}
.m-btn:disabled{opacity:.6;cursor:default;}
.m-btn-primary{background:var(--brand);color:#fff;}
.m-btn-ghost{background:#fff;color:var(--brand);border:1px solid var(--brand);}
.m-btn-block{display:block;width:100%;text-align:center;}
.m-btn-sm{padding:7px 12px;font-size:13px;}
.m-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
/* ── 分段选择 ── */
.m-seg{display:flex;gap:8px;flex-wrap:wrap;}
.m-seg-item{
  border:1px solid var(--line);background:#fff;border-radius:20px;
  padding:7px 14px;font-size:13px;color:var(--text-2);cursor:pointer;
}
.m-seg-item.active{background:var(--brand-50);border-color:var(--brand);color:var(--brand-600);font-weight:600;}
/* ── 列表项 ── */
.m-list{display:flex;flex-direction:column;gap:8px;}
.m-li{
  display:flex;align-items:center;gap:10px;
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:12px;cursor:pointer;
}
.m-li:active{background:var(--brand-50);}
.m-li-main{flex:1;min-width:0;}
.m-li-title{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m-li-sub{font-size:12px;color:var(--text-3);margin-top:2px;}
.m-li-arrow{color:var(--text-3);font-size:20px;}
/* ── 菜单（我的） ── */
.m-menu{display:flex;flex-direction:column;gap:8px;}
.m-menu-item{
  text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:14px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;
}
.m-menu-item:active{background:var(--brand-50);}
/* ── 我的头部 ── */
.m-me-head{display:flex;align-items:center;gap:12px;}
.m-avatar{
  width:52px;height:52px;border-radius:50%;background:var(--brand);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;
}
.m-me-name{font-size:17px;font-weight:700;}
.m-me-sub{font-size:13px;color:var(--text-3);}
/* ── 结果展示 ── */
.m-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;}
.m-result-title{font-size:17px;font-weight:700;line-height:1.4;}
.m-result-tools{display:flex;flex-direction:column;gap:6px;flex-shrink:0;}
.m-result-body{white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.9;max-height:60vh;overflow:auto;background:#fafbfc;border-radius:10px;padding:12px;}
/* ── 标签 / 推荐词 ── */
.m-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.m-chip{background:var(--brand-50);color:var(--brand-600);border-radius:16px;padding:6px 12px;font-size:13px;cursor:pointer;}
.m-chip:active{opacity:.7;}
.m-muted{font-size:13px;color:var(--text-3);}
.m-empty{text-align:center;color:var(--text-3);padding:2rem 1rem;font-size:14px;}
/* ── 加载 ── */
.m-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-2);}
.m-spinner{width:34px;height:34px;border:3px solid var(--brand-50);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px;}
@keyframes spin{to{transform:rotate(360deg);}}
/* ── 登录 ── */
.m-login{max-width:420px;margin:0 auto;padding:18% 22px 0;text-align:center;}
.m-login-logo{font-size:26px;font-weight:800;color:var(--brand);display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.m-login-logo img{width:34px;height:34px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px rgba(14,165,233,0.25);}
.m-login-sub{color:var(--text-3);font-size:13px;margin:6px 0 22px;}
.m-login-tip{color:var(--text-3);font-size:12px;margin-top:16px;}
/* 登录页表单左对齐（手机号/密码/验证码文本靠左） */
.m-login .m-card{text-align:left;}
.m-login .m-input{text-align:left;}
/* 登录方式分段切换 */
.m-login-seg{display:flex;background:#eef1f6;border-radius:10px;padding:4px;margin-bottom:18px;}
.m-login-seg button{flex:1;border:none;background:transparent;padding:9px 0;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .15s;}
.m-login-seg button.active{background:#fff;color:var(--brand);box-shadow:0 1px 4px rgba(99,102,241,.18);}
/* 验证码 + 获取按钮 一行 */
.m-code-row{display:flex;gap:8px;align-items:stretch;}
.m-code-row .m-input{flex:1;min-width:0;}
.m-code-row .m-btn{flex:0 0 auto;white-space:nowrap;}
.m-code-row .m-btn:disabled{opacity:.55;cursor:default;}
/* ── 弹窗 ── */
.m-modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;}
.m-modal{background:#fff;border-radius:16px;padding:18px;width:100%;max-width:340px;box-shadow:0 10px 40px rgba(0,0,0,.2);}
.m-modal h3{margin:0 0 12px;font-size:16px;}
.m-modal .m-input{margin-bottom:14px;}
.m-modal .m-actions{justify-content:flex-end;}
/* ── 全屏「弹出页面」模态（软文生成结果） ── */
.m-pmodal-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:120;padding:0;}
.m-pmodal{background:#fff;width:100%;height:100%;max-width:560px;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.25);}
.m-pmodal-head{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--bd,#eee);background:#fff;gap:8px;flex:0 0 auto;}
.m-pmodal-back{background:none;border:none;color:var(--c, #3a6df0);font-size:16px;cursor:pointer;padding:4px 6px;white-space:nowrap;}
.m-pmodal-title{flex:1;font-size:16px;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-pmodal-sp{flex:0 0 56px;}
.m-pmodal-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px;background:#f7f8fa;}
.m-pmodal-foot{flex:0 0 auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:#fff;border-top:1px solid var(--bd,#eee);}
.m-pmodal .m-result-body{max-height:none;overflow:visible;background:#fff;}
/* ── Toast ── */
.m-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:80%;max-width:300px;}
.m-toast-item .m-toast-item{margin:0;}
.m-toast-item{
  background:rgba(0,0,0,.82);color:#fff;padding:10px 16px;border-radius:10px;
  font-size:14px;display:flex;align-items:center;gap:6px;max-width:100%;
  animation:toastIn .2s ease;box-shadow:0 4px 16px rgba(0,0,0,.3);
}
.m-toast-item.out{opacity:0;transition:opacity .3s;}
@keyframes toastIn{from{opacity:0;transform:scale(.9);}to{opacity:1;transform:scale(1);}}

/* ── 顶部提示条 ── */
.m-banner{padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:12px;line-height:1.5;}
.m-banner-warn{background:#fff7ed;color:#b45309;border:1px solid #fed7aa;}
/* ── 写作指南卡 ── */
.m-tip-card{background:#f8f9ff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:12px;}
.m-tip-h{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;color:var(--brand-600);cursor:pointer;}
.m-tip-arrow{transition:transform .2s;color:var(--text-3);}
.m-tip-desc{font-size:12px;color:var(--text-2);margin-top:4px;}
.m-tip-sub{font-size:12px;font-weight:700;color:var(--text-2);margin:8px 0 4px;}
.m-tip-text{font-size:13px;color:var(--text);line-height:1.7;}
.m-pre{white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.6;color:var(--text);margin:0;}
/* ── 开关 ── */
.m-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:var(--text);}
.m-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0;}
.m-switch input{opacity:0;width:0;height:0;}
.m-slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:26px;transition:.2s;}
.m-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.m-switch input:checked + .m-slider{background:var(--brand);}
.m-switch input:checked + .m-slider:before{transform:translateX(20px);}
/* ── 底部弹层 ── */
.m-sheet-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;z-index:150;animation:fadeIn .15s ease;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.m-sheet{background:#fff;width:100%;max-height:78vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .22s ease;}
@keyframes slideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
.m-sheet-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700;font-size:15px;}
.m-sheet-x{border:none;background:transparent;font-size:18px;color:var(--text-3);cursor:pointer;}
.m-sheet-list{overflow:auto;padding:8px 12px;flex:1;}
.m-sheet-item{display:flex;gap:10px;align-items:flex-start;padding:12px 8px;border-bottom:1px solid var(--line);cursor:pointer;}
.m-sheet-item:active{background:var(--brand-50);}
.m-sheet-ic{font-size:22px;flex-shrink:0;}
.m-sheet-main{flex:1;min-width:0;}
.m-sheet-title{font-weight:600;font-size:15px;}
.m-sheet-sub{font-size:12px;color:var(--text-3);margin-top:2px;}
.m-sheet-tag{display:inline-block;margin-top:4px;font-size:11px;color:var(--brand-600);background:var(--brand-50);border-radius:10px;padding:2px 8px;}
.m-sheet-cancel{border:none;background:#f4f5f7;color:var(--text-2);padding:14px;font-size:15px;font-weight:600;cursor:pointer;margin:8px 12px 14px;border-radius:12px;}

/* ── 项目主页宫格 ── */
.m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.m-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fafbfc;border:1px solid var(--line);border-radius:14px;padding:14px 6px;cursor:pointer;color:var(--text);font-size:12px;font-weight:600;}
.m-grid-item:active{background:var(--brand-50);}
.m-grid-ic{font-size:24px;line-height:1;}
/* ── 合规检测 ── */
.cp-score{font-size:15px;font-weight:700;padding:8px 12px;border-radius:10px;text-align:center;}
.cp-pass{background:#ecfdf5;color:var(--ok);}
.cp-fail{background:#fef2f2;color:var(--err);}
.cp-issue{border-radius:10px;padding:8px 10px;margin-bottom:8px;font-size:13px;line-height:1.5;}
.cp-err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;}
.cp-warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e;}
.cp-info{background:#f0f9ff;border:1px solid #bae6fd;color:#075985;}
.cp-it{font-weight:600;}
.cp-id{font-size:12px;color:var(--text-3);margin-top:3px;white-space:pre-wrap;word-break:break-word;}
/* ── 阅读器 ── */
.rd-chapter{line-height:1.9;}
.rd-ch-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:14px;}
.rd-p{margin:0 0 1rem;text-indent:2em;font-size:16px;line-height:2;}

/* ── 热点资讯模块 ── */
.m-hot-bar{display:flex;gap:8px;align-items:center;padding:2px 2px 4px;}
.m-hot-bar .m-input{flex:1;}
.m-chip.active{background:var(--brand-600);color:#fff;border-color:var(--brand-600);}
.m-btn-xs{padding:5px 10px;font-size:12px;border-radius:8px;}
.m-tag{display:inline-block;font-size:11px;color:var(--brand-600);background:var(--brand-50);border-radius:10px;padding:2px 8px;font-weight:600;}
.m-hot-card{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 2px;cursor:pointer;}
.m-hot-card:active{background:var(--brand-50);}
.m-hot-rank{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#f1f3f5;color:var(--text-3);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;}
.m-hot-rank.top1{background:#fff1f0;color:#f5222d;}
.m-hot-rank.top2{background:#fff7e6;color:#fa8c16;}
.m-hot-rank.top3{background:#fffbe6;color:#d4a017;}
.m-hot-main{flex:1;min-width:0;}
.m-hot-title{font-size:15px;font-weight:600;line-height:1.45;color:var(--text);}
.m-hot-sum{font-size:13px;color:var(--text-3);margin:5px 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.m-hot-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;margin:5px 0;color:var(--text-3);}
.m-hot-bottom{display:flex;align-items:center;gap:8px;margin-top:6px;}
.m-heat{font-size:12px;font-weight:700;color:#f5222d;}
.m-trend{font-size:11px;color:var(--text-3);}
.m-trend.hot{color:#f5222d;}
.m-trend.rising{color:#fa8c16;}
.m-trend.cooling{color:#52c41a;}
/* 详情弹层 */
.m-sheet.detail{max-height:86vh;}
.hd-detail{padding:2px 0 6px;}
.hd-title{font-size:17px;font-weight:700;line-height:1.5;color:var(--text);}
.hd-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;margin:10px 0;color:var(--text-3);}
.hd-sum{font-size:14px;line-height:1.85;color:var(--text);white-space:pre-wrap;word-break:break-word;}
.hd-tags{margin-top:10px;font-size:13px;color:var(--brand-600);}
.hd-link{display:inline-block;margin-top:10px;font-size:13px;color:var(--brand-600);}

/* ════════════════════════════════════════════════════════════════
   「我的」模块专属样式（靛蓝紫主题）
   仅作用于「我的」页及其弹层（会员卡 / 积分 / 订单 / 资料设置），
   不改动热点 / 撰写 / 小说 / 会员等其他模块的全局主题。
   ════════════════════════════════════════════════════════════════ */
.m-me-id{flex:1;min-width:0;}
.m-me-card{margin-bottom:0;}
.m-me-badge{
  margin-left:auto;align-self:flex-start;
  padding:4px 11px;border-radius:999px;
  font-size:12px;font-weight:700;color:#fff;background:var(--brand-600);white-space:nowrap;
}
/* 会员等级配色（实物色，与主题色无关，保留） */
.m-badge-normal{background:#b7bcc4;}
.m-badge-silver{background:linear-gradient(135deg,#c4cbd4,#8e97a4);}
.m-badge-gold{background:linear-gradient(135deg,#f0c45a,#d9a13a);color:#3a2a00;}
.m-badge-diamond{background:linear-gradient(135deg,#8a6d3b,#4a3a1a);}
.m-me-stats{
  display:flex;align-items:stretch;margin-top:14px;
  background:var(--bg);border-radius:12px;padding:12px 6px;
}
.m-stat{flex:1;text-align:center;}
.m-stat-div{width:1px;background:var(--line);margin:4px 0;}
.m-stat-label{font-size:12px;color:var(--text-3);}
.m-stat-val{font-size:18px;font-weight:800;color:var(--text);margin:2px 0;word-break:break-all;}
.m-stat-sub{font-size:11px;color:var(--text-3);}
/* ── 弹层内：会员 / 积分 / 订单 ── */
.mb-vip,.mb-pts{padding:4px 2px;}
.mb-vip-cur{margin:0 0 12px;font-size:14px;color:var(--text-2);}
.mb-tier{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:12px 14px;margin-bottom:10px;
}
.mb-tier-cur{border-color:var(--brand-600);background:var(--brand-50);}
.mb-tier-info{min-width:0;}
.mb-tier-name{font-size:15px;font-weight:700;color:var(--text);}
.mb-tier-desc{font-size:12px;color:var(--text-3);margin-top:2px;}
.mb-buy{
  border:none;background:linear-gradient(135deg,var(--brand),var(--brand-600));color:#fff;font-weight:800;
  padding:8px 16px;border-radius:999px;font-size:14px;cursor:pointer;white-space:nowrap;
}
.mb-buy:active{opacity:.85;}
.mb-tag{font-size:12px;color:var(--brand-600);font-weight:700;padding:4px 10px;background:var(--brand-50);border-radius:999px;}
/* ===== 我的订单：电商标准卡（参考图布局）===== */
.mb-orders{padding:2px 0;display:flex;flex-direction:column;gap:12px;}
.mb-order{
  display:flex;flex-direction:column;
  background:var(--card);border:1px solid var(--line);border-radius:14px;
  overflow:hidden;
}
/* 顶行：订单号 | 下单时间 */
.mb-order-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 14px;
}
.mb-order-no{
  font-size:12px;color:var(--text-2);font-weight:500;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
}
.mb-order-time{flex:0 0 auto;font-size:12px;color:var(--text-3);}
/* 主体：商品标题+副信息+金额 */
.mb-order-body{padding:2px 14px 10px;}
.mb-order-title{
  font-size:14.5px;font-weight:700;color:var(--text);line-height:1.5;
  padding:8px 0 2px;
}
.mb-order-sub{font-size:12px;color:var(--text-3);line-height:1.6;margin-top:2px;}
.mb-order-amtline{
  display:flex;justify-content:flex-end;align-items:baseline;gap:2px;
  margin-top:8px;
}
.mb-order-amtlbl{font-size:12px;color:var(--text-2);}
.mb-order-amt{font-size:17px;font-weight:800;color:var(--text);}
/* 底行：状态 | 操作按钮 */
.mb-order-foot{
  display:flex;align-items:center;justify-content:space-between;
  padding:9px 14px;border-top:1px solid var(--line);
}
.mb-order-badge{
  font-size:12px;font-weight:700;white-space:nowrap;
}
.mb-order.mb-st-paid .mb-order-badge{color:var(--ok);}
.mb-order.mb-st-failed .mb-order-badge{color:var(--err);}
.mb-order.mb-st-pending .mb-order-badge{color:var(--warn);}
.mb-order-acts{display:flex;gap:8px;}
.mb-order-pay{
  font-family:inherit;font-size:13px;font-weight:700;color:var(--brand-600);
  background:#fff;border:1.5px solid var(--brand-600);border-radius:999px;
  padding:5px 16px;outline:none;cursor:pointer;white-space:nowrap;
}
.mb-order-pay:active{background:var(--brand-50);}
.mb-order-pay:disabled{opacity:.5;cursor:default;}

/* ===== 收银台支付确认页 ===== */
.mb-pay-top{z-index:130;} /* 必须高于全屏页 .m-pmodal-mask(120)，否则支付页被压在页面底下 */
.mb-pay-modal{max-width:360px;}
.mb-paypage{display:flex;flex-direction:column;}
.mb-pay-name{font-size:14px;color:var(--text-2);text-align:center;margin-top:2px;}
.mb-pay-amount{
  font-size:20px;color:var(--text);text-align:center;margin:10px 0 16px;
}
.mb-pay-amount b{font-size:34px;font-weight:800;letter-spacing:-.5px;}
.mb-pay-rows{
  border:1px solid var(--line);border-radius:12px;overflow:hidden;
  display:flex;flex-direction:column;
}
.mb-pay-row{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:10px 14px;font-size:13px;color:var(--text-2);
}
.mb-pay-row + .mb-pay-row{border-top:1px solid var(--line);}
.mb-pay-row span:last-child{color:var(--text);font-weight:600;text-align:right;}
.mb-pay-mock{font-style:normal;font-size:11px;color:var(--warn);font-weight:500;}
.mb-pay-agree{
  display:flex;align-items:flex-start;gap:7px;margin:12px 2px 0;
  font-size:12.5px;color:var(--text-2);line-height:1.6;cursor:pointer;
}
.mb-pay-agree input{width:15px;height:15px;margin-top:2px;flex:0 0 auto;accent-color:var(--brand);}
.mb-pay-agree a{color:var(--brand-600);}
.mb-pay-tip{
  margin-top:12px;padding:8px 12px;border-radius:10px;
  background:#fffbeb;border:1px solid #fde68a;
  font-size:11.5px;color:#92400e;line-height:1.6;
}
.mb-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-3);}
.mb-empty-ic{font-size:34px;margin-bottom:8px;}
.mb-empty-tx{font-size:14px;font-weight:700;color:var(--text-2);margin-bottom:4px;}
.mb-empty-sub{font-size:12px;line-height:1.5;}
/* ── 弹层内：资料设置 ── */
.mb-prof{padding:4px 2px;}
.mb-prof-tabs{
  display:flex;gap:8px;margin-bottom:14px;
  background:var(--bg);border-radius:10px;padding:4px;
}
.mb-prof-tab{
  flex:1;border:none;background:transparent;color:var(--text-2);
  font-size:14px;font-weight:600;padding:8px 0;border-radius:8px;cursor:pointer;
}
.mb-prof-tab.active{background:#fff;color:var(--brand);box-shadow:0 1px 4px rgba(0,0,0,.08);}
.mb-prof-pane .m-form-group{margin-bottom:14px;}
.mb-prof-pane .m-input{width:100%;box-sizing:border-box;}

/* ── 「我的」布局重构：模块统一间距 + 列表分列分行 ── */
.m-me{padding-bottom:8px;}
/* 每个模块（section）之间统一留白，间距合理 */
.m-sec{margin-top:16px;}
.m-sec-h{font-size:13px;font-weight:700;color:var(--text-3);margin:0 4px 8px;letter-spacing:.3px;}
/* 我的服务：2 列网格，行列清晰 */
.m-me-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;}
.m-me-cell{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  background:var(--bg);border:1px solid var(--line);border-radius:12px;
  padding:16px 8px;cursor:pointer;
}
.m-me-cell:active{background:var(--brand-50);border-color:var(--brand-50);}
.m-me-ic{font-size:24px;line-height:1.2;}
.m-me-tx{font-size:14px;font-weight:600;color:var(--text);}
/* 其他：清晰分行的列表，带分隔线 */
.m-me-list{padding:4px 0;}
.m-me-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 14px;font-size:15px;color:var(--text);text-decoration:none;
  border-bottom:1px solid var(--line);
}
.m-me-row:last-child{border-bottom:none;}
.m-me-row:active{background:var(--brand-50);}
.m-me-row-tx{font-weight:600;}
.m-me-ar{color:var(--text-3);font-size:18px;line-height:1;}
.m-me-foot{text-align:center;font-size:11px;color:var(--text-3);margin:18px 0 12px;}

/* ── 资料设置·头像上传（同步 PC 个人中心） ── */
.mb-prof-avatar{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.mb-prof-avatar-box{width:56px;height:56px;font-size:22px;flex-shrink:0;}
.mb-prof-avatar-act{display:flex;flex-direction:column;gap:4px;}
.mb-prof-avatar-act .m-btn{font-size:12px;padding:5px 12px;}

/* ── 普通用户权益说明卡（同步 PC 会员中心概览） ── */
.mb-normal-note{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;}
.mbn-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.mbn-badge{background:var(--brand);color:#fff;font-size:11px;padding:2px 8px;border-radius:99px;white-space:nowrap;}
.mbn-title{font-size:13px;color:var(--text);}
.mbn-cols{display:flex;gap:10px;}
.mbn-col{flex:1;min-width:0;}
.mbn-col-title{font-size:12px;font-weight:700;margin-bottom:6px;}
.mbn-free{color:#16a34a;}
.mbn-lock{color:var(--brand);}
.mbn-list{margin:0;padding-left:16px;font-size:12px;color:var(--text-3);line-height:1.7;}
.mbn-lock-list{color:var(--text-tertiary);}
.mbn-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;color:var(--text-3);}
.mbn-foot .m-btn{padding:4px 10px;font-size:12px;white-space:nowrap;}

.pwd-wrap{position:relative;}
.pwd-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--text-3);display:inline-flex;line-height:0;z-index:2;}
.pwd-eye svg{width:20px;height:20px;}
.pwd-eye.on{color:var(--brand);}
.pwd-eye .ic-off{display:none;}
.pwd-eye.on .ic-on{display:none;}
.pwd-eye.on .ic-off{display:block;}
.pwd-wrap .m-input{padding-right:42px;}
/* 隐藏浏览器原生密码显示/自动填充按钮，避免与自研眼睛重复 */
input[type="password"]::-ms-reveal{display:none!important;}
input[type="password"]::-ms-clear{display:none!important;}
input[type="password"]::-webkit-credentials-auto-fill-button{display:none!important;}

/* 登录协议勾选 + 协议弹窗 (20260911) */
.m-agree-row{margin:10px 2px 4px;}
.m-agree-chk{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--text-2);line-height:1.5;}
.m-agree-chk input{width:15px;height:15px;accent-color:#7c5cff;margin-top:2px;flex:0 0 auto;}
.m-agree-chk a{color:#a5b4fc;text-decoration:underline;}
.m-agree-footer{margin:10px 0 2px;}
.m-agree-footer .m-agree-chk{justify-content:center;align-items:center;}
.agree-modal-mask{position:fixed;inset:0;background:rgba(8,9,16,.72);display:none;align-items:center;justify-content:center;z-index:99999;padding:16px;}
.agree-modal-box{width:100%;max-width:480px;max-height:82vh;background:var(--bg-1,#fff);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;}
.agree-modal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid rgba(124,124,140,.18);font-weight:700;color:var(--text-1,#111);}
.agree-modal-x{background:none;border:0;font-size:22px;line-height:1;color:var(--text-2,#666);cursor:pointer;}
.agree-modal-body{padding:14px 16px;overflow:auto;color:var(--text-1,#222);font-size:13px;line-height:1.8;}
.agree-modal-body p{margin:0 0 9px;}
.agree-modal-foot{padding:10px 16px;border-top:1px solid rgba(124,124,140,.18);text-align:right;}
.agree-modal-foot .m-btn{padding:7px 16px;}