/* ============================================================
   帝国CMS 8.0 会员中心模板 · 水墨国风版（参考 d.xinhandan.net 风格）
   公共样式文件 —— 所有会员中心页面统一引用本文件
   目录：/e/template/member/（替换时按页面命名对应官方模板路径）
   ============================================================ */
:root{
  --ink:#1E1B16; --ink2:#4A443B; --tx:#6E655A;
  --paper:#F7F2E8; --card:#FFFDF7; --line:#E3DAC6;
  --red:#7A2930; --red-hi:#8E3A33; --red-dim:rgba(122,41,48,.12);
  --gold:#B08D4F; --gold-soft:#B9AB90; --gold-hi:#C9A96A;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{
  font-family:'Noto Sans SC',system-ui,-apple-system,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  background:var(--paper); color:var(--ink); font-size:15px; line-height:1.7; font-weight:500;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{border:0}
.serif{font-family:'Noto Serif SC','Songti SC',SimSun,serif}

/* ========== 墨色页头 ========== */
.ink-head{background:linear-gradient(180deg,#24201A,#191611);color:#EFE9DC;border-bottom:2px solid var(--red)}
.head-top{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13.5px;color:#B9B0A0}
.head-top .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.head-top a{color:#C9C0AE;transition:color .2s}
.head-top a:hover{color:#E5D9C4}
.head-top .sep{margin:0 7px;color:#6F675A}
.head-main{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:13px}
.brand .seal{width:40px;height:40px;border-radius:6px;background:var(--red);color:#F7F2E8;display:flex;align-items:center;justify-content:center;font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-weight:700;font-size:21px;box-shadow:0 0 0 2px rgba(122,41,48,.4);flex:none}
.brand-name{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-weight:700;font-size:21px;letter-spacing:.13em;color:#F3EDDF}
.brand-sub{font-size:12px;letter-spacing:.36em;color:#9A907E;margin-top:2px}
.head-nav{display:flex;align-items:center;gap:4px;font-size:14px;flex-wrap:wrap;font-weight:500}
.head-nav a{padding:6px 12px;border-radius:4px;color:#CFC6B4;transition:background .2s,color .2s}
.head-nav a:hover{color:var(--red);background:rgba(122,41,48,.35);font-weight:700}
.head-nav a.active{color:#F7F2E8;background:var(--red);box-shadow:inset 0 -2px 0 var(--red-hi);font-weight:700}

/* ========== 墨色横幅（子页矮版） ========== */
.banner{position:relative;overflow:hidden;background:radial-gradient(640px 240px at 50% -40%,rgba(176,141,79,.30),transparent 62%),radial-gradient(760px 300px at 84% 140%,rgba(122,41,48,.25),transparent 60%),linear-gradient(180deg,#2A261F,#1B1813);color:#F3EDDF;text-align:center;padding:36px 20px 40px}
.banner::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}
.banner .seal{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:7px;background:var(--red);color:#F7F2E8;font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-weight:700;font-size:22px;box-shadow:0 0 0 3px rgba(122,41,48,.3),0 8px 22px rgba(0,0,0,.35);margin-bottom:14px}
.banner h1{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-weight:700;font-size:29px;letter-spacing:.2em;text-indent:.2em}
.banner .en{font-size:12px;letter-spacing:.45em;color:#9A907E;margin-top:8px;text-indent:.45em}

/* ========== 面包屑 ========== */
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.crumb{font-size:14px;color:#8A8172;padding:13px 0 4px}
.crumb a{color:#8A8172;transition:color .2s}
.crumb a:hover{color:var(--red)}
.crumb .sep{margin:0 8px;color:#B7AD9C}
.crumb .cur{color:var(--red)}

/* ========== 主区布局：左菜单 + 右内容 ========== */
.main{display:flex;gap:20px;padding:14px 0 58px;align-items:flex-start}

/* 左侧墨色侧栏 */
.sidenav{width:232px;flex:none;background:linear-gradient(180deg,#26221C,#1C1914);border:1px solid #3A352B;border-radius:10px;padding:14px 10px;position:sticky;top:14px;box-shadow:0 14px 34px rgba(40,30,12,.18)}
.nav-group{margin-bottom:4px}
.nav-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:7px;cursor:pointer;color:#C9C0AE;font-size:16px;font-weight:600;transition:color .2s,background .2s}
.nav-head:hover{color:#fff;background:#7A2930;}
.nav-head:hover .dot{background:#fff;}
.nav-head:hover .nav-chevron{border-top-color:#fff;}
.nav-head .lbl{display:flex;align-items:center;gap:9px;letter-spacing:.05em}
.nav-head .dot{width:4px;height:4px;background:#fff;border-radius:50%;flex:none}
.nav-chevron{width:0;height:0;border:4px solid transparent;border-top-color:#6F675A;transition:transform .25s}
.nav-group.open .nav-chevron{transform:rotate(-180deg);border-top-color:var(--gold-hi)}
.nav-items{display:none;padding:2px 0 6px}
.nav-group.open .nav-items{display:block}
.nav-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 6px 23px;border-radius:6px;font-size:16px;font-weight:500;color:#B9B0A0;transition:background .18s,color .18s}
.nav-item:hover{color:#fff;background:#7A2930;font-weight:700}
.nav-item.active{background:var(--red);color:#F7F2E8;box-shadow:inset 2px 0 0 var(--red-hi);font-weight:700}
.nav-item .pub{font-size:12px;color:var(--gold-hi);border:1px solid rgba(176,141,79,.5);padding:1px 8px;border-radius:20px;transition:background .2s,color .2s}
.nav-item .pub:hover{background:var(--gold-hi);color:#1E1B16}

/* 右侧内容 */
.content{flex:1;min-width:0}
.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 38px rgba(72,56,32,.07);padding:26px 30px 30px}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--line);padding-bottom:16px;margin-bottom:20px;flex-wrap:wrap}
.page-title{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-weight:700;font-size:22px;letter-spacing:.08em}
.page-title small{display:block;font-family:'Noto Sans SC',sans-serif;font-size:12.5px;font-weight:400;color:var(--tx);letter-spacing:.18em;margin-top:5px}
.page-note{font-size:13.5px;color:var(--tx)}
.title-line{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0 10px}
.title-line i{display:block;width:52px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.title-line b{width:6px;height:6px;background:var(--red);transform:rotate(45deg);flex:none}
.title-line i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.sec-title{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-weight:600;font-size:16px;color:var(--ink2);margin:6px 0 14px;display:flex;align-items:center;gap:10px}
.sec-title::before{content:"";width:13px;height:1px;background:var(--red);flex:none}
.sec-title .idx{font-size:12.5px;letter-spacing:.18em;color:var(--gold);font-family:'Noto Sans SC',sans-serif}

/* ========== 表单（国风下划线式） ========== */
.f-item{display:block;margin-bottom:20px}
.f-label{display:block;font-size:14px;color:var(--ink2);letter-spacing:.06em;margin-bottom:7px}
.f-label b{color:var(--red);font-weight:600;margin-left:2px}
.inp,.sel,.area{
  width:100%;background:transparent;border:0;border-bottom:1px solid #CFC4AE;border-radius:0;
  color:var(--ink);font-family:inherit;font-size:15px;padding:8px 2px;outline:none;
  transition:border-color .25s,box-shadow .25s;
}
.inp:focus,.sel:focus{border-bottom-color:var(--red);box-shadow:0 2px 0 0 var(--red-dim)}
.inp::placeholder,.area::placeholder{color:#A89D8B}
.sel{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px;cursor:pointer}
.area{resize:vertical;min-height:120px;border:1px solid #CFC4AE;border-radius:6px;padding:9px 12px;line-height:1.75;background:var(--card)}
.area:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}
.file-box{position:relative}
.file-box .inp{cursor:pointer}
.file-box input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.f-grid .full{grid-column:1/-1}
.f-actions{display:flex;gap:14px;justify-content:center;margin-top:26px;padding-top:22px;border-top:1px dashed var(--line)}
.btn{font-family:inherit;font-size:15px;letter-spacing:.26em;text-indent:.26em;padding:11px 42px;border-radius:4px;cursor:pointer;transition:all .2s}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--red);color:#F7F2E8;border:1px solid var(--red);box-shadow:0 8px 20px rgba(122,41,48,.30)}
.btn-primary:hover{background:var(--red-hi);box-shadow:0 10px 26px rgba(122,41,48,.42)}
.btn-plain{background:transparent;color:var(--ink2);border:1px solid #C4BAA6}
.btn-plain:hover{color:var(--red);border-color:var(--red)}
.btn-ghost{font-size:13.5px;color:var(--red);border:1px solid var(--red);padding:5px 15px;border-radius:20px;background:transparent;cursor:pointer;transition:all .2s}
.btn-ghost:hover{background:var(--red);color:#F7F2E8}
.btn-sm{font-size:13px;letter-spacing:.08em;text-indent:.08em;padding:5px 14px;border-radius:3px}
.check-line{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--tx)}
.check-line input{accent-color:var(--red);width:15px;height:15px}
.radio-line{display:inline-flex;align-items:center;gap:6px;margin-right:20px;font-size:14.5px;color:var(--ink2)}
.radio-line input{accent-color:var(--red)}

/* ========== 表格 ========== */
.tbl{width:100%;border-collapse:collapse;table-layout:fixed}
.tbl th{background:linear-gradient(180deg,#2A261F,#201C16);color:#EDE5D4;font-weight:500;font-size:13.5px;letter-spacing:.06em;padding:10px 12px;border:1px solid #3A352B;text-align:left}
.tbl td{padding:9px 12px;border:1px solid var(--line);font-size:14px;color:var(--ink2);background:var(--card);vertical-align:middle}
.tbl tr:nth-child(even) td{background:#FAF6EC}
.tbl a{color:#5C5346;transition:color .2s}
.tbl a:hover{color:var(--red)}
.tbl .status{padding:2px 9px;border-radius:20px;font-size:12.5px}
.status-ok{background:rgba(122,41,48,.12);color:var(--red)}
.status-wait{background:rgba(176,141,79,.18);color:#8A6A32}
.status-no{background:#EDE9DF;color:#8A8172}
.tbl .ops a{margin-right:12px;font-size:13.5px}
.tbl .ops a.del{color:var(--red)}

/* ========== 数据卡 / 快捷入口 / 列表 ========== */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.stat{background:linear-gradient(150deg,#FFFDF7,#F6F0E2);border:1px solid var(--line);border-radius:8px;padding:16px 18px}
.stat .k{font-size:13px;color:var(--tx);letter-spacing:.1em;margin-bottom:6px}
.stat .v{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:24px;color:var(--red);font-weight:700}
.stat .v .u{font-size:13px;color:var(--tx);font-weight:400;margin-left:3px}
.stat .s{font-size:12.5px;color:#9A9070;margin-top:4px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.quick{display:block;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px 12px;text-align:center;transition:all .2s}
.quick:hover{border-color:var(--red);background:#FFFDF7;box-shadow:0 6px 16px rgba(122,41,48,.10)}
.quick .ic{width:36px;height:36px;margin:0 auto 8px;border-radius:50%;background:var(--red);color:#F7F2E8;display:flex;align-items:center;justify-content:center;font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:17px}
.quick .t{font-size:14px;color:var(--ink2)}
.quick .d{font-size:12px;color:#9A9070;margin-top:3px}
.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px dashed var(--line);font-size:14px}
.list-row:last-child{border-bottom:0}
.list-row .lt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-row .lt a{color:#5C5346;transition:color .2s}
.list-row .lt a:hover{color:var(--red)}
.list-row .rt{color:var(--tx);font-size:13px;flex:none}
.entry-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.entry{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px;transition:all .2s}
.entry:hover{border-color:var(--red);box-shadow:0 8px 20px rgba(122,41,48,.10)}
.entry .t{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:17px;color:var(--ink2);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.entry .t::before{content:"";width:9px;height:9px;background:var(--red);transform:rotate(45deg);flex:none}
.entry .d{font-size:13.5px;color:var(--tx);margin-bottom:12px}
.entry .go{font-size:13.5px;color:var(--red)}

/* ========== 登录页 ========== */
.login-page{min-height:100vh;background:radial-gradient(760px 340px at 50% -20%,rgba(176,141,79,.26),transparent 60%),linear-gradient(180deg,#211D16 0,#16130E 100%);display:flex;align-items:center;justify-content:center;padding:40px 20px}
.login-card{width:430px;max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 70px rgba(0,0,0,.45);padding:38px 40px 30px}
.login-brand{text-align:center;margin-bottom:24px}
.login-brand .seal{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:9px;background:var(--red);color:#F7F2E8;font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-weight:700;font-size:29px;box-shadow:0 0 0 4px rgba(122,41,48,.25),0 10px 26px rgba(122,41,48,.35);margin-bottom:14px}
.login-brand .t{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-weight:700;font-size:23px;letter-spacing:.2em;text-indent:.2em;color:var(--ink)}
.login-brand .d{font-size:12px;letter-spacing:.4em;color:#9A9070;margin-top:6px}
.cap-line{display:flex;gap:12px;align-items:flex-start}
.cap-line .inp{flex:1}
.cap-box{width:96px;height:33px;background:linear-gradient(120deg,#2A261F,#171410);border:1px solid #3A352B;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#EFE9DC;font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:17px;letter-spacing:.28em;flex:none;user-select:none}
.login-foot{display:flex;justify-content:space-between;margin-top:18px;font-size:13.5px;color:var(--tx)}
.login-foot a{color:var(--red)}
.login-foot a:hover{text-decoration:underline}

/* ========== 墨色页脚 ========== */
.ink-foot{background:linear-gradient(180deg,#191611,#131009);color:#B9B0A0;text-align:center;padding:42px 20px 36px;border-top:2px solid var(--red)}
.ink-foot .motto{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:20px;letter-spacing:.3em;color:#D8C9AC;margin-bottom:18px}
.ink-foot .divider{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}
.ink-foot .divider i{display:block;width:66px;height:1px;background:linear-gradient(90deg,transparent,rgba(176,141,79,.35))}
.ink-foot .divider b{width:5px;height:5px;background:var(--red);transform:rotate(45deg)}
.ink-foot .divider i:last-child{background:linear-gradient(90deg,rgba(176,141,79,.35),transparent)}
.ink-foot .copy{font-size:13.5px;line-height:2}
.ink-foot a{color:#9A907E;transition:color .2s}
.ink-foot a:hover{color:#D8C9AC}

/* ========== 分页 ========== */
.epages{margin:20px 0 0;text-align:center;font-size:13.5px}
.epages a,.epages b{padding:4px 11px;border:1px solid var(--line);margin:0 3px;border-radius:3px;color:var(--tx);display:inline-block;background:var(--card);transition:all .2s}
.epages a:hover{color:var(--red);border-color:var(--red)}
.epages b{background:var(--red);color:#F7F2E8;border-color:var(--red)}

/* ========== 响应式 ========== */
@media (max-width:960px){
  .main{flex-direction:column}
  .sidenav{width:100%;position:static}
  .f-grid{grid-template-columns:1fr}
  .stat-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}
  .entry-cards{grid-template-columns:1fr}
  /* 手机/窄窗口隐藏顶部主导航（左侧菜单已含全部导航） */
  .head-nav{display:none!important}
  /* ===== dingzhi 风格手机头部（仿 /dingzhi/dingzhi.html） ===== */
  .ink-head{background:#12090a}
  .ink-head .head-top{background:#7A2930;border-bottom:none;line-height:36px;padding:8px 0}
  .ink-head .head-top .wrap{display:flex;justify-content:center;text-align:center}
  .ink-head .head-top .wrap>div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
  .ink-head .head-top span[style]{color:#fff!important}
  .ink-head .head-top a{color:rgba(255,255,255,.72);padding:0 10px;font-weight:600}
  .ink-head .head-top a:hover{color:#fff;text-decoration:none}
  .ink-head .head-top .sep{margin:0;color:rgba(255,255,255,.3)}
  .ink-head .head-main{justify-content:center;padding:14px 0}
  .ink-head .brand{flex-direction:column;text-align:center;gap:8px}
  .ink-head .brand .seal{background:#7A2930;color:#F7F2E8;box-shadow:none;width:48px;height:48px;font-size:24px}
  .ink-head .brand-name{color:#F3EDDF}
  .ink-head .brand-sub{color:#9A907E}
  /* ===== dingzhi 风格手机底部 ===== */
  .ink-foot{background:#12090a;padding:26px 12px 18px}
  .ink-foot .motto{color:#C9BFA9}
  .ink-foot .divider b{background:rgba(255,255,255,.25)}
  .ink-foot .divider i{background:rgba(255,255,255,.1)}
  .ink-foot .copy{color:#8B8372}
  .ink-foot .copy a{color:#A99F8C}
}
@media (max-width:560px){
  .banner h1{font-size:23px}
  .panel{padding:20px 16px 24px}
  .stat-grid,.quick-grid{grid-template-columns:1fr}
  .head-top .wrap{justify-content:center}
}

/* ===== 手机端增强（≤640px） ===== */
@media (max-width:640px){
  /* 输入控件字号≥16px，避免 iOS 聚焦自动放大页面（手机端常见问题） */
  .inp,.sel,.area,.btn{font-size:16px}
  /* 表格横向滚动，防列挤压变形 */
  .tbl{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .tbl th,.tbl td{padding:8px 10px;white-space:nowrap}
  /* 面包屑超长滚动 */
  .crumb{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  /* 头部会员条：空间不足时隐藏次要入口 */
  .head-top{font-size:13px}
  .head-top .wrap{justify-content:center;text-align:center}
  /* 横幅收紧 */
  .banner{padding:30px 16px 34px}
  .banner .seal{width:36px;height:36px;font-size:19px;margin-bottom:12px}
  /* 侧栏在小屏更紧凑 */
  .sidenav{padding:10px 8px}
  .nav-item{padding:7px 10px 7px 20px}
  /* 信息条纵向堆叠 */
  .meta-line{flex-direction:column;align-items:flex-start;gap:8px}
  /* 按钮全宽 */
  .f-actions{flex-direction:column}
  .f-actions .btn{width:100%}
  /* 登录卡片 */
  .login-card{padding:28px 22px 24px;width:100%}
  .login-card .cap-line{flex-wrap:nowrap}
  /* 快捷入口、数据卡更紧凑 */
  .quick,.stat{padding:12px 10px}
  .quick .ic{width:32px;height:32px;font-size:14px}
  /* 表头标题换行自然 */
  .page-title{font-size:18px;letter-spacing:.05em}
  .page-note{width:100%;text-align:left}
  /* 列表行小屏换行 */
  .list-row{flex-wrap:wrap;gap:6px;padding:10px 8px}
  .list-row .rt{width:100%;text-align:left}
  /* 页脚 */
  .ink-foot{padding:32px 16px 28px}
  .ink-foot .motto{font-size:17px;letter-spacing:.18em}
  /* 分页横向滚动 */
  .epages{overflow-x:auto;white-space:nowrap;padding-bottom:4px}
}

/* ===== 会员名片（cp.php，官方字段） ===== */
.profile-card{display:flex;gap:24px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px 24px;margin-bottom:24px;flex-wrap:wrap}
.profile-avatar{flex:none;width:120px;height:120px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#F1EADC}
.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.profile-info{flex:1;min-width:260px}
.profile-info .line{display:flex;align-items:baseline;gap:14px;padding:6px 0;border-bottom:1px dashed var(--line);flex-wrap:wrap}
.profile-info .line:last-child{border-bottom:none}
.profile-info .k{flex:none;width:88px;color:var(--tx);font-weight:600}
.profile-info .v{color:var(--ink2)}

/* ===== 修改头像（EditUpic.php） ===== */
.avatar-edit{display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}
.avatar-edit-preview{flex:none;width:150px;height:150px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#F1EADC;display:flex;align-items:center;justify-content:center}
.avatar-edit-preview img{max-width:100%;max-height:100%;object-fit:cover}
.avatar-edit-info{flex:1;min-width:280px}
.avatar-edit-info .line{display:flex;align-items:center;gap:14px;padding:7px 0;border-bottom:1px dashed var(--line);flex-wrap:wrap}
.avatar-edit-info .k{flex:none;width:88px;color:var(--tx);font-weight:600}
.avatar-edit-info .v{color:var(--ink2)}
.f-tip{display:block;margin-top:6px;font-size:13px;color:#9A9070}

/* ===== 在线充值（buygroup.php） ===== */
.recharge-list{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.recharge-item{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px 16px;cursor:pointer;transition:border-color .2s}
.recharge-item:hover{border-color:var(--red)}
.recharge-item input{accent-color:var(--red);margin-top:5px}
.rc-body{flex:1}
.rc-title{font-size:16px;font-weight:700;color:var(--ink)}
.rc-say{font-size:13.5px;color:#9A9070;margin-top:5px;line-height:1.7}

/* ===== 页面头部操作链接 / 表单提示 ===== */
.page-tools{font-size:14.5px;color:#8A8172}
.page-tools a{color:var(--red);margin:0 2px}
.login-tip{display:block;margin-top:6px;font-size:13.5px;color:#8A8172}
.login-tip a{color:var(--red)}
/* ===== 右侧内容组件补齐（tab / 栏目分组 / 信息条 / 筛选条 / 表单卡片） ===== */
.tab-line{display:flex;gap:6px;border-bottom:2px solid var(--line);margin-bottom:22px;flex-wrap:wrap}
.tab-line a{padding:9px 20px;font-size:14.5px;color:var(--ink2);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;text-decoration:none}
.tab-line a:hover{color:var(--red)}
.tab-line a.active{color:var(--red);border-bottom-color:var(--red);font-weight:600}
.class-group{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;overflow:hidden}
.class-group .gt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;background:linear-gradient(180deg,#2A261F,#201C16);color:#EDE5D4;font-size:14.5px;font-weight:600;letter-spacing:.1em}
.class-group .gt .gn{font-size:12px;color:#9A907E;font-weight:400;letter-spacing:.05em;font-family:'Noto Sans SC',sans-serif}
.class-group .list-row{background:#FFFDF8}
.class-group .list-row:hover{background:#FAF4E6}
.meta-line{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:11px 15px;margin-bottom:22px;font-size:14.5px}
.meta-line .ml-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.meta-line .ml-k{color:var(--tx);font-weight:600}
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.filter-bar .sel{width:170px}
.form-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px 24px}
@media (max-width:640px){
  .tab-line a{flex:1;text-align:center;padding:9px 8px}
  .filter-bar .sel{width:100%}
}