/* saas 前台交易市场 · PC 端布局（桌面多列） */

/* ===== 顶部【单行紧凑导航】64px =====
   LOGO ｜ 菜单 ｜ 搜索 ｜ 消息 / 客服 / 发布 / 账号
   ★ 只保留一行，滚动时整条上滑收起（views-pc.js 的 pcTopApply 只做 transform 位移） */
.pcn{position:fixed;top:0;left:0;right:0;z-index:60;height:64px;background:#fff;
  border-bottom:1px solid var(--line-soft);
  will-change:transform;   /* 收起时只做 transform 位移 → 交给合成器，不掉帧 ✓ */
  box-shadow:0 2px 10px rgba(16,24,40,.05)}
.pcn .pcn-in{max-width:1352px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:14px;
  box-sizing:border-box}
.pcn-main{height:64px}
/* 品牌 */
.pcn .logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}
.pcn .brand-logo{width:36px;height:36px;border-radius:10px;object-fit:cover;display:block}
.pcn .brand-mark{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)));color:#fff;font-weight:800;font-size:17px}
.pcn .brand{font-size:16px;font-weight:800;color:var(--ink,#17202a);letter-spacing:.2px;white-space:nowrap}
/* 菜单：贴左排列，当前项主色 + 底部短指示条 */
.pcn-links{display:flex;align-items:center;gap:0;flex-shrink:0;align-self:stretch}
.pcn-links a{position:relative;display:flex;align-items:center;gap:5px;height:100%;padding:0 11px;
  font-size:14px;font-weight:600;color:#475467;text-decoration:none;white-space:nowrap;transition:color .16s}
.pcn-links a svg{width:16px;height:16px}
.pcn-links a:hover{color:var(--brand)}
.pcn-links a.on{color:var(--brand);font-weight:700}
.pcn-links a.on::after{content:'';position:absolute;left:11px;right:11px;bottom:0;height:2px;border-radius:2px 2px 0 0;
  background:linear-gradient(90deg,var(--brand),var(--brand-2,var(--brand)))}
/* 搜索 */
.pcn .search-wrap{flex:1;display:flex;justify-content:center;min-width:150px;margin:0 2px}
.pcn .search{display:flex;align-items:center;gap:8px;width:100%;max-width:440px;height:38px;padding:0 4px 0 13px;
  background:#f7f9fd;border:1px solid #e4eaf5;border-radius:10px;transition:border-color .16s,background .16s,box-shadow .16s}
.pcn .search:hover{border-color:#c6d5f3}
.pcn .search:focus-within{background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft,rgba(46,91,255,.12))}
.pcn .search svg{width:16px;height:16px;flex-shrink:0;color:#98a2b3}
.pcn .search input{flex:1;border:0;background:transparent;height:100%;font-size:13px;color:var(--ink,#17202a);
  outline:none;font-family:inherit;min-width:0}
.pcn .search input::placeholder{color:#a6aeba}
.pcn .search-submit{height:30px;padding:0 15px;border:0;border-radius:8px;cursor:pointer;font-family:inherit;
  background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)));color:#fff;font-size:13px;font-weight:700;
  flex-shrink:0;transition:filter .16s}
.pcn .search-submit:hover{filter:brightness(1.06)}
/* 右侧动作区 */
.pcn .usr{display:flex;align-items:center;gap:9px;flex-shrink:0;padding-left:13px;border-left:1px solid var(--line-soft)}
.pcn .btn-ghost{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:10px;
  border:1px solid #e4e9f2;background:#fff;color:#475467;font-size:13.5px;font-weight:700;font-family:inherit;
  white-space:nowrap;cursor:pointer;transition:border-color .16s,color .16s,background .16s}
.pcn .btn-ghost svg{width:16px;height:16px}
.pcn .btn-ghost:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft,rgba(46,91,255,.10))}
.pcn .btn-publish{height:36px;padding:0 14px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)));color:#fff;font-size:13.5px;font-weight:700;
  box-shadow:0 6px 16px rgba(46,91,255,.22);white-space:nowrap;transition:filter .16s,transform .16s}
.pcn .btn-publish:hover{filter:brightness(1.06)}
.pcn .btn-publish:active{transform:translateY(1px)}
/* 消息中心（图标按钮） */
.pcn-msg{position:relative;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #e4e9f2;background:#fff;color:#475467;text-decoration:none;transition:border-color .16s,color .16s,background .16s}
/* 未读角标：铃铛右上角（数字 1~99，超过显示 99+） */
.pcn-msg .corner-badge{top:-5px;right:-6px}
.pcn-msg svg{width:17px;height:17px}
.pcn-msg:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft,rgba(46,91,255,.10))}
/* 已登录：头像 + 昵称 */
.u-chip{display:flex;align-items:center;gap:7px;height:36px;padding:0 10px 0 4px;border-radius:20px;
  border:1px solid #e4e9f2;background:#fff;text-decoration:none;color:var(--ink-2);font-size:13px;font-weight:700;
  max-width:148px;transition:border-color .16s,background .16s}
.u-chip:hover{border-color:var(--brand);background:var(--brand-soft,rgba(46,91,255,.06))}
.u-chip .u-av{width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:800}
.u-chip .u-av img{width:100%;height:100%;object-fit:cover;display:block}
.u-chip .u-nk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 未登录：登录 / 注册 */
.pcn-login{height:36px;padding:0 15px;border:0;border-radius:10px;font-family:inherit;cursor:pointer;
  background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)));color:#fff;font-size:13.5px;font-weight:700;
  white-space:nowrap;transition:filter .16s}
.pcn-login:hover{filter:brightness(1.06)}
/* 顶栏占位：64px */
.pcn-space{height:64px}

/* ===== 全站内容容器与顶栏【完全同宽同内边距】=====
   ★ 整体宽度 1352px（1280 放不下 11 个筛选下拉 ✗，1400/1440 又太宽 ✗）
   顶栏 .pcn-in 与页面 .container 两处必须同步，否则边缘会错位 ✗
   注意：页面里自带的 style="max-width:680px" 等（窄表单页）仍然生效，不会被撑宽。 */
body.pc .container{max-width:1352px;margin:0 auto;padding:0 24px;box-sizing:border-box;width:100%}

/* ===== 预留竖向滚动条槽位（防左右跳动）=====
   个人中心里「分销中心 / 我的发布」等面板很长，切过去才有滚动条、切回来就没有：
   有无滚动条 = 内容宽度差 15px，居中的 .container 会整体左右位移 —— 观感就是左栏菜单"偏了一下" ✗
   scrollbar-gutter:stable 让槽位常驻，宽度恒定 ✓（本文件只在 PC 视图加载，不影响手机版） */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}

/* ===== 顶部渐变【一路铺到 banner 后面】=====
   顶栏是 fixed 且自带渐变，如果页面这层不给渐变，顶栏下面会"啪"地切成灰底（断层 ✗）。
   做法：#app 上再铺一道同色系渐变，64px 处的色值刻意与顶栏底色 #ffffff 对齐 ⇒ 接缝看不出来 ✓
   ★ background-attachment:fixed 是关键：用默认的 scroll 会随内容滚走，一滚就露接缝 ✗
   （fixed 的定位基准是视口，而顶栏也贴在视口顶部，两者始终对齐 ✓） */
body.pc #app{background-color:var(--bg,#f3f6fb);
  background-image:linear-gradient(180deg,#f7faff 0px,#f7faff 64px,#f8fbff 240px,#fafdff 380px,rgba(243,246,251,0) 520px);
  background-repeat:no-repeat;background-size:100% 520px;background-attachment:fixed;
  /* ★ 打开客服弹窗时会补载 h5.css，里面给 #app 加了 24px 底部内边距（给手机底部导航留位），
     PC 端底栏是深色的，会被这 24px 撑出一条浅色空白 ⇒ 这里显式清零 ✓ */
  padding-bottom:0}

/* ===== 首页首屏：左「快捷入口卡（5 行）」｜中「大 Banner」｜右个人信息卡 =====
   右卡固定 300px，左栏固定 300px，Banner 占满剩余宽度；无 Banner 时退回两栏 ✓ */
.pch-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin:14px 0 4px;align-items:stretch}
.pch-top.has-nav{grid-template-columns:300px minmax(0,1fr) 300px}
/* —— 左栏：一张卡片内放 5 行入口，行间分隔线，整体与 Banner 同高、每行平分（名字/链接后续补） —— */
.pch-nav{display:flex;flex-direction:column;min-width:0;overflow:hidden;
  background:var(--card,#fff);border:1px solid var(--line-card,#eaeff7);border-radius:14px;
  box-shadow:var(--shadow-sm,0 1px 4px rgba(16,24,40,.04))}
.pch-nav-i{flex:1;min-height:38px;display:flex;align-items:center;gap:10px;padding:0 14px;
  color:var(--ink-2,#41506b);text-decoration:none;font-size:13px;font-weight:700;
  transition:background .16s,color .16s}
.pch-nav-i+.pch-nav-i{border-top:1px solid var(--line-card,#eaeff7)}
.pch-nav-ic{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  background:var(--brand-soft,rgba(46,91,255,.09));color:var(--brand);flex-shrink:0;transition:background .16s,color .16s}
.pch-nav-ic svg{width:15px;height:15px}
.pch-nav-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 行尾右箭头：纯 CSS 折角箭头，随文字色变化 */
.pch-nav-i::after{content:'';flex-shrink:0;width:6px;height:6px;margin-left:4px;
  border-right:1.8px solid #c3ccdb;border-bottom:1.8px solid #c3ccdb;transform:rotate(-45deg);transition:border-color .16s,transform .16s}
a.pch-nav-i:hover{background:#f7f9ff;color:var(--brand)}
a.pch-nav-i:hover .pch-nav-ic{background:var(--brand);color:#fff}
a.pch-nav-i:hover::after{border-color:var(--brand);transform:translateX(2px) rotate(-45deg)}
.hc-side{display:flex;min-width:0}
.hc-side>.hc-card{flex:1;min-width:0}
/* —— 右卡：登录态用户卡 / 未登录欢迎卡 —— */
.hc-card{background:var(--card,#fff);border:1px solid var(--line-card,#eaeff7);border-radius:14px;
  padding:16px;box-shadow:var(--shadow,0 2px 10px rgba(16,24,40,.05));display:flex;flex-direction:column;gap:12px}
.hc-us{display:flex;align-items:center;gap:11px;min-width:0}
.hc-av{width:46px;height:46px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--brand-soft,rgba(46,91,255,.10));
  color:var(--brand);display:flex;align-items:center;justify-content:center}
.hc-av img{width:100%;height:100%;object-fit:cover;display:block}
.hc-av svg{width:24px;height:24px}
.hc-ut{flex:1;min-width:0}
.hc-ut b{display:block;font-size:15px;font-weight:800;color:var(--ink,#17202a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-ut span{display:block;margin-top:2px;font-size:12px;color:var(--ink-3,#8a94a8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 问候语行：左侧问候 + 靠卡片右边缘的红色退出按钮 */
.hc-greet{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
/* 问候语 = 副标题（小字、灰），昵称 = 主标题（大字、深色）
   用户反馈：原来问候 15px 很抢眼、昵称 12px 反而像备注，主次反了 */
.hc-greet b{min-width:0;font-size:12.5px;font-weight:600;color:var(--ink-3,#8a94a8);letter-spacing:.2px}
#hcNick{font-size:17px;font-weight:800;color:var(--ink,#17202a);margin-top:3px;line-height:1.25}
.hc-lo{width:26px;height:26px;flex-shrink:0;border:1px solid transparent;border-radius:8px;
  background:var(--danger,#e5484d);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;
  transition:background .16s,box-shadow .16s,transform .16s}
.hc-lo svg{width:14px;height:14px}
.hc-lo:hover{background:#cf3b40;box-shadow:0 4px 12px rgba(229,72,77,.35);transform:translateY(-1px)}
/* 余额行（已登录） */
.hc-bal{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:11px;text-decoration:none;
  background:#f7f9fd;border:1px solid #eef2f9;transition:border-color .16s,background .16s}
.hc-bal .k{font-size:12.5px;color:var(--ink-3,#8a94a8)}
.hc-bal b{margin-left:auto;font-size:15px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
.hc-bal i{font-style:normal;color:#b6bfcd;font-size:15px}
.hc-bal:hover{border-color:rgba(46,91,255,.3);background:var(--brand-soft,rgba(46,91,255,.06))}
/* 主按钮（进入个人中心 / 登录注册） */
.hc-main{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border:0;border-radius:11px;
  background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)));color:#fff;font-size:14px;font-weight:700;
  font-family:inherit;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px rgba(46,91,255,.24);transition:filter .16s}
.hc-main i{font-style:normal;font-size:15px;opacity:.9}
.hc-main:hover{filter:brightness(1.06)}
/* 两块快捷入口（我要租号 / 我要出租） */
.hc-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.hc-go{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:12px;border-radius:11px;
  text-decoration:none;background:var(--brand-soft,rgba(46,91,255,.09));border:1px solid rgba(46,91,255,.14);
  transition:transform .16s,border-color .16s}
.hc-go .g1{font-size:13px;font-weight:700;color:var(--ink,#17202a);white-space:nowrap}
.hc-go em{font-style:normal;align-self:flex-start;font-size:11px;font-weight:800;color:#fff;letter-spacing:.4px;
  padding:2px 9px;border-radius:6px;background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)))}
.hc-go.g2{background:#fff6ea;border-color:#ffe1b3}
.hc-go.g2 em{background:linear-gradient(135deg,#f7a832,#f0862a)}
.hc-go:hover{transform:translateY(-1px)}
/* —— 左栏：大 Banner ——
   ★ 高度不再写死：改由图片【真实宽高比】决定（views-pc.js 的 PCView.bnAR 把比例写进 --bn-ar）
     与手机端 H5 同一套机制 ⇒ 同一张图两端比例完全一致、都不裁切
     --bn-ar 未就绪（图未加载完）时先用 3.4/1 兜底（≈ 前任的观感，避免加载瞬间大跳）
     max-height:420px 只是防极端竖图把首屏撑爆（比例小于 ≈2.3:1 的图才会被裁切）
     注意 .hc-mid 必须 align-items:flex-start，否则 Banner 会被 flex 拉伸、比例失效 ✗ */
.hc-mid{min-width:0;display:flex;align-items:flex-start}
.hc-mid>.banner{margin:0;flex:1;aspect-ratio:var(--bn-ar,3.4 / 1);min-height:160px;max-height:300px}
.hc-mid>.banner .bn-track{height:100%}
.hc-mid>.banner .bn-slide img{height:100%;min-height:0;object-fit:cover;object-position:center}
/* —— 无 Banner 状态（新站还没上传轮播图）——
   原来侧卡只占右侧 300px，左边 1fr 空着 = 首屏一大片空白。
   现在整行交给侧卡横排：欢迎区｜登录按钮｜两个 GO，一行铺满，高度约 100px ✓ */
.pch-top.no-bn{grid-template-columns:minmax(0,1fr);margin-bottom:2px}
.pch-top.no-bn>.hc-mid{display:none}
.hc-side-row>.hc-card{flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px 18px;padding:15px 18px}
.hc-side-row .hc-us{flex:1 1 240px;min-width:200px}
.hc-side-row .hc-bal{flex:0 1 210px;margin:0}
.hc-side-row .hc-main{flex:0 0 168px;margin:0}
.hc-side-row .hc-acts{flex:1 1 300px;max-width:430px;margin:0;grid-template-columns:1fr 1fr}
.hc-side-row .hc-go{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}
.hc-side-row .hc-go em{align-self:center}
@media (max-width:1100px){
  .hc-side-row>.hc-card{gap:12px}
  .hc-side-row .hc-acts{max-width:none}
}

/* ===== Banner 下方：在租账号标题条（主站配色） ===== */
.sec-label{display:flex;align-items:center;gap:10px;margin:18px 0 12px}
.sec-label .rt{width:26px;height:26px;flex:0 0 26px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  background:var(--brand-soft);color:var(--brand);border:1px solid rgba(46,91,255,.16)}
.sec-label .rt svg{width:16px;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;display:block}
.sec-label b{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:.2px;white-space:nowrap}
.sec-label .code{font-size:11px;color:var(--ink-3);font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.6px;white-space:nowrap}
/* 标题条右侧的“警示带”色条 —— 照参考稿：
     flex:1 / height:6px / background:hazard 斜纹 / opacity:.25 / mask 左透明→40% 处实色
   ★ 两点保险（之前可能整条看不见 ✗）：
      ① 斜纹用【传统写法】`0,6px` 而不是 `0 6px`（后者是 Image L4 语法，旧内核会整条丢弃 ✗）
      ② 先给一个纯色底 fallback，斜纹不被支持时至少还有一条淡蓝色条 ✓
   颜色用【主站主色】（参考稿是橙粉，这里换成 --brand ✓）*/
.sec-label .hz{flex:1;min-width:40px;height:6px;border-radius:3px;opacity:.25;
  background:rgba(46,91,255,.55);                                   /* fallback：纯色淡蓝条 */
  background-image:repeating-linear-gradient(45deg,
    rgba(46,91,255,1) 0, rgba(46,91,255,1) 6px,
    rgba(46,91,255,0) 6px, rgba(46,91,255,0) 12px);                /* 主站蓝 45° 斜纹 */
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 40%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 40%)}
/* 标题条右侧：数量 + 视图切换（大图 / 列表） */
.sec-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.sec-count{font-size:12px;color:var(--ink-3,#8a94a8);white-space:nowrap}
.vc-switch{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}
.vc-btn{width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;
  color:var(--ink-3);cursor:pointer;transition:background .15s,color .15s}
.vc-btn+.vc-btn{border-left:1px solid var(--line)}
.vc-btn:hover{color:var(--brand)}
.vc-btn.on{background:var(--brand-soft);color:var(--brand)}
.vc-btn svg{display:block}
/* ===== 筛选排序面板：顶边直接用【边框】上色 =====
   ★ 用 border-top 而不是伪元素 ✗：
     伪元素做不出"完美贴合圆弧"的色带，总会留缝或露方角 ✗
     border-top 由浏览器按 border-radius 自动绘制圆弧 → 颜色一定包裹住上方两个圆角 ✓
     圆弧走完（到两侧直线处）就自动接回浅灰描边 ✓ 正是你要的效果 ✓ */
.panel{position:relative;background:var(--card);border:1px solid var(--line-card);
  border-top:3px solid var(--brand);border-radius:14px;
  padding:14px 16px;box-shadow:var(--shadow);margin-bottom:14px}
.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.fwrap{position:relative}
.fdrop{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line);
  border-radius:9px;background:#fff;color:var(--ink-2);font-size:13px;cursor:pointer;white-space:nowrap;
  transition:border-color .15s,background .15s,color .15s,box-shadow .15s}
.fdrop:hover{border-color:var(--brand);color:var(--brand)}
.fdrop.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);font-weight:700}
.fdrop svg{width:14px;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;
  transition:transform .16s}
.fwrap.open .fdrop svg{transform:rotate(180deg)}
.filter-row .spacer{flex:1;min-width:8px}
.fbtn{height:34px;padding:0 18px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;
  transition:background .15s,color .15s,border-color .15s,opacity .15s}
.fbtn.go{background:var(--brand);color:#fff;border:1px solid var(--brand)}
.fbtn.go:hover{opacity:.9}
.fbtn.reset{background:#fff;color:var(--ink-2);border:1px solid var(--line)}
.fbtn.reset:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
/* 下拉菜单 */
.fmenu{position:absolute;top:calc(100% + 6px);left:0;min-width:150px;max-height:264px;overflow-y:auto;
  background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;z-index:40;display:none;
  box-shadow:0 12px 28px -10px rgba(16,24,40,.25)}
.fwrap.open .fmenu{display:block}
.fmenu button{display:block;width:100%;text-align:left;padding:7px 10px;border:0;border-radius:7px;
  background:transparent;color:var(--ink-2);font-size:12.5px;font-family:inherit;cursor:pointer}
.fmenu button:hover{background:var(--brand-soft);color:var(--brand)}
.fmenu button.on{background:var(--brand-soft);color:var(--brand);font-weight:700}

/* ===== 首页 Banner：左右严格等高 + 自适应铺满 + 【整体高度压小】 =====
   行高由右侧大图决定（固定 BPAN_H 高，默认 210px，想再高一点改这一个数就行）；
   左侧两行 1:1 等分同一高度 → 左小图高度自动减半，天然等高对齐。
   图片 object-fit:cover → 等比缩放铺满整格，不留白、不拉伸。 */
body.pc .banner-custom{align-items:stretch;gap:12px;margin:20px 0}
body.pc .banner-custom .side{width:26%;display:grid;grid-template-rows:1fr 1fr;gap:12px}
body.pc .banner-custom .side>a,body.pc .banner-custom .side>span{display:block;height:100%;min-height:0;
  border-radius:12px;overflow:hidden}
body.pc .banner-custom .side img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;
  border-radius:12px;display:block}
body.pc .banner-custom .main{width:74%;display:flex;position:relative}
body.pc .banner-custom .main>span,body.pc .banner-custom .main>a{display:block;width:100%;height:100%;
  border-radius:12px;overflow:hidden}
body.pc .banner-custom .main img{width:100%;height:210px;min-height:0;object-fit:cover;object-position:center;
  border-radius:12px;display:block}
body.pc .banner-custom .main a{position:absolute;inset:0}
/* ===== 首页 Banner 轮播（参考 .banner/.bn-track/.bn-slide + 箭头 + 圆点）=====
   渲染尺寸：宽度 = 容器内宽 1304px（1352 − 左右各 24px），高度 = 300px
   → 出图比例请按 1304:300 ≈ 4.35:1；2 倍图建议 2608 × 600 px */
.banner{position:relative;margin:20px 0;border-radius:14px;overflow:hidden;background:#eef1f6}
.bn-track{display:flex;transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}
.bn-slide{flex:0 0 100%;width:100%}
.bn-slide img{width:100%;height:300px;object-fit:cover;object-position:center;display:block}
/* 左右箭头：白底 + 深色箭头（透明底在浅色 Banner 上会变灰，看不清 ✗）
   ★ 默认隐藏，鼠标移到 Banner 上才淡入；键盘聚焦时也显示 ✓
   ★ transform 里只做 translateY + scale，绝不动 top/margin → 不会引起页面跳动 ✓ */
.bn-arw{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;display:flex;
  align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(17,24,39,.2);
  transition:opacity .2s,visibility .2s,background .16s,color .16s,transform .16s;opacity:0;visibility:hidden}
.banner:hover .bn-arw,.bn-arw:focus-visible{opacity:1;visibility:visible}
.bn-arw:hover{background:#fff;color:var(--brand);transform:translateY(-50%) scale(1.06)}
.bn-arw:active{transform:translateY(-50%) scale(.96)}
.bn-arw.prev{left:14px}
.bn-arw.next{right:14px}
/* 圆点：与箭头统一为白色（之前半透明白在深图上显灰 ✗）；圆点现在可点击 ✓ */
.bn-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px}
.bn-dots .dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.75);
  cursor:pointer;transition:width .2s,background .2s;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.bn-dots .dot:hover{background:#fff}
.bn-dots .dot.on{width:22px;border-radius:5px;background:#fff}
/* 单张通栏大图：占满整行宽度，高度更舒展（想改高矮就改下面 height 一个数） */
body.pc .banner-custom.single .main{width:100%}
body.pc .banner-custom.single .main img{height:260px}

/* 顶部导航：固定在最上方（配 .topnav-space 占位，避免内容被盖住） */
.topnav{background:var(--card);border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;z-index:50}
/* 顶栏占位：60px 顶栏高度 + 12px 呼吸间距 */
.topnav-space{height:72px}
.topnav-in{max-width:1200px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;gap:24px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--ink);white-space:nowrap}
/* 站点名文字：字重加一档 + 略收字距；英文副行收窄字距，避免整块显得松散 */
.logo>span:last-child{font-weight:800;letter-spacing:.2px;line-height:1.15;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.logo .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;overflow:hidden}
.logo .mark img{width:100%;height:100%;object-fit:cover;display:block}
.logo .mark-img{background:none}
.logo small{display:block;font-size:9.5px;color:var(--ink-3);font-weight:400;letter-spacing:.6px;margin-top:1px}
.nav-links{display:flex;gap:4px;flex:1}
.nav-links a{padding:8px 14px;border-radius:8px;color:var(--ink-2);font-size:14px;white-space:nowrap}
.nav-links a.active,.nav-links a:hover{background:var(--brand-soft);color:var(--brand)}
.balance{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);white-space:nowrap}
.balance b{color:var(--brand);font-size:15px}
.userchip{display:flex;align-items:center;gap:8px;white-space:nowrap}

/* 首页 Hero */
.hero{background:linear-gradient(135deg,#2e5bff,#4c7bff);color:#fff;border-radius:16px;overflow:hidden;margin:24px 0}
.hero-in{padding:52px 48px;max-width:1200px;margin:0 auto}
.hero h1{font-size:32px;font-weight:800;line-height:1.25}
.hero h1 .hl{color:#ffd76a}
.hero p{margin-top:14px;font-size:15px;opacity:.92;max-width:640px}
.hero .acts{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.hero .acts .btn{background:#fff;color:var(--brand)}
.hero .acts .btn.ghost2{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.4)}

/* 自定义 Banner */
.banner-custom{display:flex;gap:12px;margin:24px 0}
.banner-custom .side{width:25%;display:flex;flex-direction:column;gap:12px}
.banner-custom .side img{width:100%;height:100%;object-fit:cover;border-radius:14px;min-height:120px}
.banner-custom .main{width:75%;position:relative}
.banner-custom .main img{width:100%;height:300px;object-fit:cover;border-radius:14px}
.banner-custom .main a{position:absolute;inset:0}

/* 账号网格（PC 4 列） */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* 商品卡片（PC：与 H5 同一套 .pcard 结构） */
.pcard{background:var(--card);border:1px solid rgba(46,91,255,.13);border-radius:11px;box-shadow:0 3px 12px rgba(16,24,40,.05);overflow:hidden;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.pcard:hover{will-change:transform}
.pcard:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,24,40,.09);border-color:rgba(46,91,255,.3)}
.pcard:active{transform:scale(.985)}
.pcard-media{position:relative;width:100%;height:124px;background:#eef1f6;overflow:hidden}
.pcard-media>img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.pc-no{position:absolute;top:7px;left:7px;background:rgba(46,91,255,.72);color:#fff;font-size:10px;padding:2px 8px;border-radius:5px;font-weight:700;letter-spacing:.4px}
.pc-online{position:absolute;top:7px;right:7px;background:rgba(255,255,255,.92);color:var(--ok);font-size:10px;padding:2px 8px;border-radius:20px;display:flex;align-items:center;gap:4px;font-weight:600}
.pc-online i{width:5px;height:5px;border-radius:50%;background:var(--ok)}
.pcard-promise{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#fff7e6;border-bottom:1px solid #ffe1a8;font-size:9.5px;color:#8a5a00}
.pcard-promise strong{font-size:11px;color:#b45309}
.pcard-promise .pp-shield,.pcard-promise .pp-lightning{width:15px;height:15px;flex-shrink:0;color:#f59e0b}
.pcard-promise .pp-lightning{margin-left:auto}
.pcard-promise svg{display:block}
.pcard-body{padding:9px 10px 7px}
.pcard-trow{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}
.pcard-meta{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}
/* 编号：必须是块级，否则 text-overflow:ellipsis 不生效、会被父级硬裁 */
.pcard-no{flex:0 1 auto;min-width:0;font-size:10.5px;font-weight:600;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard-no b{font-size:10.5px;font-weight:700;color:var(--brand);background:var(--brand-soft);border:1px solid rgba(46,91,255,.16);border-radius:4px;padding:1px 5px;font-variant-numeric:tabular-nums}
/* 日消耗：带边框 + 底色（flex-shrink:0 上写 ellipsis 无效，去掉） */
.pcard-daily{flex-shrink:0;font-size:10.5px;font-weight:700;color:var(--brand);background:var(--brand-soft);border:1px solid rgba(46,91,255,.16);border-radius:4px;padding:1px 5px;white-space:nowrap}
.pcard-ratio{flex-shrink:0;font-size:10.5px;font-weight:800;color:var(--brand);background:var(--brand-soft);border-radius:4px;padding:1px 6px;font-variant-numeric:tabular-nums}
.pcard-name{font-size:13px;font-weight:700;color:var(--ink);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pcard-skins{display:flex;gap:5px;overflow-x:auto;margin:7px 0;padding-bottom:2px;scrollbar-width:none}
.pcard-skins::-webkit-scrollbar{display:none}
.pchip{background:var(--brand-soft);color:var(--brand);font-size:10px;padding:1px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}
.pchip-dry{background:#fff4e5;color:#b45309}
.pchip-gun{background:#fdeceb;color:#d6453d}
.pcard-table{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#eaeff7;border:1px solid #eaeff7;border-radius:7px;overflow:hidden;margin-top:7px}
.pt-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 2px;background:#fff;font-size:10.5px;color:var(--ink-3);text-align:center;min-width:0;line-height:1.3}
.pt-cell span,.pt-cell b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pt-cell b{font-size:11.5px;font-weight:700;color:#1f2937;font-variant-numeric:tabular-nums}
.pt-cell.hot{background:#fff4f2}
.pt-cell.hot b{color:#f0483e}
.pcard-foot{display:flex;align-items:center;gap:7px;padding:7px 10px;border-top:1px solid var(--line-soft)}
.pcard-foot .pcard-price{flex:1}
.pcard-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px;min-width:0}
.pcard-price .pcp-tag{font-size:9px;font-weight:700;color:#f0483e;opacity:.8}
.pcard-price .pcp-amt{font-size:17px;font-weight:800;color:#f0483e;line-height:1.1;font-variant-numeric:tabular-nums}
.pcard-price .pcp-sub{flex-basis:100%;font-size:9px;font-weight:400;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== PC 账号卡片（独立实现，与 H5 分离）：大图 4 列 / 横向列表 ===== */
.pac-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
/* 列表加载占位：只显示「加载中」，不画灰色骨架块；min-height 占位防跳动 */
.grid-loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;
  min-height:420px;color:var(--ink-3,#8a94a8);font-size:13px;letter-spacing:2px}
.grid-loading span{animation:gridBreath 1.4s ease-in-out infinite}
@keyframes gridBreath{0%,100%{opacity:.35}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.grid-loading span{animation:none;opacity:.7}}
/* ★ 空状态居中：.empty 直接放进 grid 时只占一列（窄）⇒ 文字看着贴左 ✗ 让它占满整行 ✓ */
.pac-grid>.empty{grid-column:1/-1;width:100%}
.pac-list>.empty{width:100%}
.pac-list{display:flex;flex-direction:column;gap:12px}
.pac{background:var(--card);border:1px solid #e8edf5;border-radius:14px;padding:11px;overflow:hidden;cursor:pointer;
  display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.pac:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(15,39,68,.12);border-color:#dbe4f0}
/* 封面：固定高度，图片 cover 填充（卡片大小不随图片原始尺寸变化） */
.pac-media{position:relative;width:100%;height:146px;background:#eef1f6;overflow:hidden;border-radius:10px}
.pac-media>img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .35s ease}
.pac:hover .pac-media>img{transform:scale(1.03)}
.pac-noimg{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(135deg,#eef2f9,#e2e9f5)}
.pac-no{position:absolute;top:8px;left:8px;background:rgba(17,24,39,.62);color:#fff;
  font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.3px}
.pac-online{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.94);
  color:var(--ok,#12b76a);font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px}
.pac-online i{width:5px;height:5px;border-radius:50%;background:currentColor}
/* 押金秒退条（参照参考站：浅黄渐变 + 盾牌 / 闪电） */
.pac-promise{display:flex;align-items:center;gap:5px;margin-top:7px;padding:5px 9px;border-radius:8px;
  background:linear-gradient(90deg,#fff8e8,#fff2d2);color:#8a5a00;font-size:11.5px;white-space:nowrap}
.pac-promise strong{font-size:12.5px;color:#b45309;flex-shrink:0}
.pac-promise span{overflow:hidden;text-overflow:ellipsis}
.pac-promise svg{width:14px;height:14px;flex-shrink:0;color:#f59e0b}
.pac-promise svg:last-child{margin-left:auto}
/* 标题 + 皮肤（皮肤全部平铺在同一区域，不撑高卡片） */
.pac-body{padding:8px 3px 2px;display:flex;flex-direction:column;gap:7px}
.pac-name{margin:0;font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 皮肤：全部排在同一行、不换行；鼠标按住可左右拖动查看 */
.pac-skins{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;
  padding-bottom:2px;cursor:grab;user-select:none;-webkit-user-select:none;
  overscroll-behavior-x:contain;scrollbar-width:none}
.pac-skins.dragging{cursor:grabbing}
.pac-skins::-webkit-scrollbar{display:none}
.pac-sk{display:inline-block;flex:0 0 auto;max-width:100%;font-size:12.5px;line-height:1.45;padding:2px 8px;border-radius:6px;
  background:var(--brand-soft);color:var(--brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pac-sk-dry{background:#fff4e5;color:#b45309}
.pac-sk-gun{background:#fdeceb;color:#d6453d}
.pac-sk-none{background:#f3f6fb;color:var(--ink-3)}
.pac-sk-more{display:inline-block;flex:0 0 auto;font-size:13.5px;padding:3px 10px;border-radius:6px;background:#f3f6fb;color:var(--ink-3);white-space:nowrap}
/* 指标行：4 项等宽，文字在上、数值在下 */
.pac-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#edf1f7;border:1px solid #edf1f7;
  border-radius:10px;overflow:hidden}
.pac-mt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 3px;
  background:#f8fafd;min-width:0;white-space:nowrap}
.pac-mt i{font-style:normal;font-size:11.5px;color:#8a94a8;line-height:1.2}
/* 纯币 / 保险箱：只给这两格换浅底 + 数值强调色，标签文字保持默认灰（原来标签也染成红棕，显脏 ✗） */
.pac-mt.hot{background:#fff8f6}
.pac-mt.hot b{color:#e0483d}
.pac-mt b{font-size:14px;font-weight:800;color:var(--ink);line-height:1.2;font-variant-numeric:tabular-nums;
  overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* 大图卡片底部：租金 + 按钮 */
.pac-bot{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:8px}
.pac-price{display:flex;align-items:baseline;gap:2px;min-width:0;flex:1}
/* 租金金额用主站价格色（红）—— 原来跟正文同色，跟手机版/列表模式都不一致 */
.pac-cur{font-size:13px;font-weight:800;color:#f0483e}
.pac-price b{font-size:24px;font-weight:800;color:#f0483e;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.pac-price em{font-style:normal;font-size:12px;color:var(--ink-3)}
/* 列表卡片右侧：押金 / 租金 / 按钮面板（参照图1） */
.pac-payrow{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.pac-payrow.rent{border-top:1px solid var(--line-soft);padding-top:8px}
.pac-k{font-size:13px;color:var(--ink-3);line-height:1.2}
.pac-pv{display:flex;align-items:baseline;gap:3px;min-width:0}
.pac-dep{font-size:20px;font-weight:800;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.pac-rent{font-size:24px;font-weight:800;color:#f0483e;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.pac-payrow em{font-style:normal;font-size:13px;color:var(--ink-3)}
.pac-acts{display:flex;align-items:center;gap:8px;flex-shrink:0}
.pac-acts.col{flex-direction:column;align-items:stretch;gap:8px;width:100%}
.pac-btn{flex-shrink:0;height:34px;padding:0 12px;border:0;border-radius:9px;font-family:inherit;cursor:pointer;
  background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)));color:#fff;font-size:13px;font-weight:700;
  white-space:nowrap;transition:filter .16s,background .16s,color .16s}
.pac-btn:hover{filter:brightness(1.06)}
.pac-btn.ghost{background:#fff;border:1px solid rgba(46,91,255,.45);color:var(--brand)}
.pac-btn.ghost:hover{background:var(--brand-soft);filter:none}
.pac-btn.done{border:1px solid #e2e8f0;color:#a0aab8;background:#f8fafc;cursor:default;filter:none}
/* 横向列表：左图 + 信息 + 右侧价格按钮 */
.pac-row{display:flex;align-items:stretch;gap:14px;padding:11px;min-height:148px;background:var(--card);border:1px solid #e8edf5;
  border-radius:14px;cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .3s}
.pac-row:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,39,68,.12);border-color:#dbe4f0}
/* 列表封面：容器跟随卡片高度，图片绝对定位铺满，不参与高度计算 */
.pac-rimg{position:relative;width:22%;min-width:190px;max-width:250px;align-self:stretch;flex-shrink:0;
  border-radius:10px;overflow:hidden;background:#eef1f6}
.pac-rimg>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.pac-rimg>.pac-noimg{position:absolute;inset:0;width:100%;height:100%}
.pac-rbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px;justify-content:center}
.pac-rhd{display:flex;align-items:center;gap:8px;min-width:0}
.pac-rhd .pac-name{font-size:17px}
.pac-rhd .pac-online{position:static;background:var(--brand-soft);flex-shrink:0}
.pac-rside{width:196px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:8px}
.pac-rside .pac-acts{width:100%}
.pac-rside .pac-acts .pac-btn{flex:1;min-width:0}
/* 窄屏（≤1360）防止大金额 + 双按钮挤出卡片 */
@media (max-width:1360px){
  /* 卡片整体缩小后，窄屏只需要再微调一点点（原来这里把金额调得比基准还大 ✗） */
  .pac-price b{font-size:23px}
  .pac-rent{font-size:21px}
  .pac-dep{font-size:18px}
  .pac-btn{height:32px;padding:0 10px;font-size:12.5px}
  .pac-rimg{min-width:180px;max-width:240px}
}
/* 首页：账号卡片下方「查看更多」→ 租号大厅 */
.home-more{display:flex;align-items:center;justify-content:center;gap:6px;width:300px;height:44px;margin:22px auto 6px;
  border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-2);font-size:14px;font-weight:700;
  text-decoration:none;transition:border-color .16s,color .16s,background .16s}
.home-more svg{width:16px;height:16px}
.home-more:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
/* 大厅工具条：排序 + 搜索 + 卡片样式（紧贴账号卡片上方） */
.hall-toolbar{padding:10px 14px;margin-bottom:14px}
.ht-sorts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ht-sort{height:32px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:#f5f8fd;
  color:var(--ink-2);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;
  transition:border-color .16s,color .16s,background .16s}
.ht-sort:hover{color:var(--brand)}
.ht-sort.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand);font-weight:800}
.ht-total{font-size:12.5px;color:var(--ink-3);white-space:nowrap}
/* ===== 大厅顶部筛选盒（结构参照参考站 filter-box，配色取主站主色） ===== */
.pf-box{background:var(--card);border:1px solid var(--line-card);border-top:3px solid var(--brand);border-radius:14px;
  box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}
.pf-body{padding:14px 16px 6px}
.pf-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.pf-quick-btn{display:flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;
  background:#fff;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .16s,background .16s}
.pf-quick-btn:hover{border-color:var(--brand)}
.pf-quick-btn.active{border-color:var(--brand);background:var(--brand-soft)}
.pf-quick-ic{width:38px;height:38px;flex-shrink:0;border-radius:9px;background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center}
.pf-quick-ic svg{width:20px;height:20px}
.pf-quick-btn.active .pf-quick-ic{background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)));color:#fff}
.pf-quick-tx{min-width:0}
.pf-quick-tx b{display:block;font-size:16px;font-weight:800;color:var(--ink);line-height:1.3}
.pf-quick-tx em{display:block;font-style:normal;font-size:13px;color:var(--ink-3);margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line-soft)}
/* 同排多项：保险/体力/负重 或 区服/登录方式 并排在一行；组名紧贴自己的数据，整组一行显示完整 */
.pf-paired-row{flex-wrap:wrap;row-gap:8px;column-gap:24px}
.pf-grp{display:flex;align-items:flex-start;gap:10px;flex:0 1 auto;min-width:0}
.pf-grp-label{flex:0 0 auto;font-size:15px;color:var(--ink-3);font-weight:600;line-height:38px;white-space:nowrap}
/* 每行第一组的组名占位与普通行的标签列同宽（104px + 12px），
   这样保险箱、区服的「全部」与其它行的「全部」从同一列开始 */
.pf-paired-row > .pf-grp:first-child{gap:12px}
.pf-paired-row > .pf-grp:first-child .pf-grp-label{flex:0 0 104px}
.pf-grp .pf-opts{flex:0 1 auto;gap:8px}
.pf-paired-row .pf-tag{padding:0 10px}
/* 近战皮肤 / 武器皮肤 / 干员皮肤行：标签（含「全部」）尺寸与同排各组一致 */
.pf-compact-row .pf-tag{padding:0 10px}
.pf-compact-row .pf-opts{gap:8px}
@media (max-width:1200px){
  .pf-paired-row{column-gap:18px}
  .pf-grp{gap:8px}
  .pf-paired-row .pf-tag{padding:0 8px;font-size:14.5px}
  .pf-paired-row .pf-opts{gap:6px}
  .pf-compact-row .pf-tag{padding:0 8px;font-size:14.5px}
  .pf-compact-row .pf-opts{gap:6px}
}
.pf-label{flex:0 0 104px;font-size:15px;color:var(--ink-3);font-weight:600;line-height:38px;white-space:nowrap}
.pf-main{flex:1;min-width:0;display:flex;align-items:flex-start;gap:12px}
.pf-opts{display:flex;flex-wrap:wrap;gap:12px;min-width:0;overflow:hidden}
.pf-opts.collapsed{max-height:38px}
.pf-opts.single{flex-wrap:nowrap}
.pf-tag{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:9px;background:#f5f8fd;
  color:var(--ink-2);font-size:15px;cursor:pointer;user-select:none;white-space:nowrap;
  transition:background .15s,color .15s}
.pf-tag:hover{background:var(--brand-soft);color:var(--brand)}
.pf-tag.active{background:var(--brand);color:#fff;font-weight:700}
.pf-more{flex-shrink:0;height:38px;padding:0 6px;border:0;background:transparent;color:var(--brand);font-size:14px;
  font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px}
.pf-more svg{width:13px;height:13px}
.pf-divider{height:1px;background:var(--line-soft);margin:6px 0 1px}
/* 底部灰色条：重置筛选（左）+ 高级筛选（右），按钮直接落在灰条上（不额外加白底） */
.pf-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;
  background:#f6f8fc;border-top:1px solid var(--line-soft)}
.pf-reset,.pf-advanced{height:32px;padding:0 2px;border:0;background:transparent;color:var(--ink-2);
  font-size:14.5px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px}
.pf-reset:hover,.pf-advanced:hover{color:var(--brand)}
/* ===== 高级筛选弹窗 ===== */
.pfm-mask{position:fixed;inset:0;z-index:6000;background:rgba(26,36,56,.45);display:flex;
  align-items:flex-start;justify-content:center;padding:12vh 16px 24px;overflow-y:auto}
.pfm{width:680px;max-width:100%;background:#fff;border-radius:14px;box-shadow:0 18px 48px rgba(16,28,48,.22);
  overflow:hidden;animation:pfmIn .18s ease}
@keyframes pfmIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.pfm-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px}
.pfm-hd span{font-size:18px;font-weight:800;color:var(--ink)}
.pfm-x{width:32px;height:32px;border:0;background:transparent;color:var(--ink-3);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;border-radius:6px}
.pfm-x:hover{color:var(--brand);background:var(--brand-soft)}
.pfm-x svg{width:16px;height:16px}
.pfm-bd{padding:0 20px 18px}
.pfm-intro{margin:0 0 16px;font-size:13.5px;color:var(--ink-3)}
.pfm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
.pfm-field{min-width:0}
.pfm-field.pfm-triple{grid-column:span 1}
.pfm-field>label{display:block;margin-bottom:7px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.pfm-range{display:flex;align-items:center;gap:8px}
.pfm-dash{color:var(--ink-3);flex-shrink:0}
.pfm-in{position:relative;flex:1;min-width:0;display:block}
.pfm-in em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;
  font-size:13px;color:var(--ink-3);pointer-events:none}
.pfm-in input,.pfm-field select{width:100%;height:36px;padding:0 10px;border:1px solid var(--line);
  border-radius:8px;background:#fff;color:var(--ink);font-size:14px;font-family:inherit;outline:none}
.pfm-in input{padding-right:26px}
.pfm-in input:focus,.pfm-field select:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}
.pfm-ft{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px;
  border-top:1px solid var(--line-soft)}
.pfm-btn{height:36px;padding:0 18px;border:1px solid var(--line);border-radius:8px;background:#fff;
  color:var(--ink-2);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}
.pfm-btn:hover{border-color:var(--brand);color:var(--brand)}
.pfm-btn-main{background:var(--brand);border-color:var(--brand);color:#fff}
.pfm-btn-main:hover{background:var(--brand);border-color:var(--brand);color:#fff;opacity:.92}
/* ===== 大厅分页：页码 + 共 N 页 + 跳转（主站主色） ===== */
.pc-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px 0 8px}
.pc-pager .pp-btn{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;
  background:#fff;color:var(--ink-2);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;
  transition:border-color .16s,color .16s,background .16s}
.pc-pager .pp-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.pc-pager .pp-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:800}
.pc-pager .pp-btn:disabled{opacity:.45;cursor:default}
.pc-pager .pp-gap{color:var(--ink-3);padding:0 2px;user-select:none}
.pc-pager .pp-info{font-size:13px;color:var(--ink-3);white-space:nowrap}
.pc-pager .pp-jump{width:66px;height:38px;padding:0 8px;border:1px solid var(--line);border-radius:9px;
  font-size:14px;font-family:inherit;color:var(--ink);outline:none;text-align:center;background:#fff}
.pc-pager .pp-jump:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.pc-pager .pp-go{height:38px;padding:0 16px;border:0;border-radius:9px;background:var(--brand);color:#fff;
  font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .16s,opacity .16s}
.pc-pager .pp-go:hover:not(:disabled){filter:brightness(1.06)}
.pc-pager .pp-go:disabled{opacity:.45;cursor:default}

/* 筛选条 */
.filter{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--card);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow);margin-bottom:16px}

/* 详情页（PC 两列） */
.detail{display:grid;grid-template-columns:1fr 360px;gap:24px;margin:24px 0}
.detail .gallery img{width:100%;border-radius:12px;margin-bottom:10px;object-fit:cover}
.detail .thumbs{display:flex;gap:8px;overflow-x:auto}
.detail .thumbs img{width:72px;height:72px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent}
.detail .thumbs img.on{border-color:var(--brand)}

/* 登录 */
.auth{max-width:420px;margin:60px auto;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:38px 34px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* 品牌区：图标位放 Favicon；站点名以字重/字号区分层级 */
.auth .auth-icon-wrap{display:flex;justify-content:center;margin-bottom:14px}
.auth .auth-icon{width:58px;height:58px;border-radius:15px;object-fit:cover;display:block;box-shadow:var(--shadow)}
.auth .auth-logo{display:block;margin:0 auto;max-width:72%;max-height:46px;object-fit:contain}
.auth h2{font-size:22px;margin-bottom:6px;letter-spacing:.2px;line-height:1.3;text-wrap:balance}
/* 站点名：重一档字重 + 深色，与后面的说明文字拉开层级 */
.auth .sub{font-size:12.5px;color:var(--ink-2);margin-bottom:24px;display:flex;align-items:baseline;justify-content:center;gap:6px;flex-wrap:wrap;letter-spacing:.3px}
.auth .sub .nm{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:.4px}

/* 个人中心（PC 两列） */
.center{display:grid;grid-template-columns:240px 1fr;gap:24px;margin:24px 0}
.center .side{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.center .side a{display:block;padding:11px 14px;border-radius:8px;color:var(--ink-2);font-size:14px}
.center .side a.on{background:var(--brand-soft);color:var(--brand);font-weight:600}
.center .main{min-width:0}
.wallet-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}

/* ===================== PC 客服弹窗（可拖动悬浮窗 · 不遮挡页面 · 主站配色） ===================== */
/* 外层只是定位容器：透明 + pointer-events:none → 网站其它地方照常点击/滚动 ✓ */
.pcs-mask{position:fixed;inset:0;z-index:900;background:transparent;pointer-events:none}
/* ===== 「确认在线」弹窗（PC 专用，不再复用 H5 的整页）=====
   租客点「确认在线」/ 号主从消息列表进入，都在这个居中弹窗里完成确认，不跳页 ✓ */
.pcs-omask{position:fixed;inset:0;z-index:940;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:24px}
.pcs-ocard{width:420px;max-width:calc(100vw - 40px);background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 30px 70px -20px rgba(16,24,40,.42),0 2px 8px rgba(16,24,40,.08);display:flex;flex-direction:column}
.pcs-ohd{display:flex;align-items:center;gap:9px;padding:15px 18px;border-bottom:1px solid #f0f2f6}
.pcs-otag{flex-shrink:0;font-size:11.5px;font-weight:800;color:var(--brand);background:var(--brand-soft,#eef3ff);
  padding:3px 9px;border-radius:20px;letter-spacing:.3px}
.pcs-ott{flex:1;min-width:0;font-size:14.5px;font-weight:800;color:#18181b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcs-ox{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;
  background:transparent;color:#8a94a8;cursor:pointer}
.pcs-ox:hover{background:#f4f6fa;color:#3f3f46}
.pcs-obd{padding:18px}
.pcs-oempty{padding:26px 0;text-align:center;color:#8a94a8;font-size:13px}
.pcs-ostate{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px 4px 4px}
.pcs-ostate i{width:44px;height:44px;border-radius:50%;display:block;position:relative;margin-bottom:6px}
.pcs-ostate i:after{content:'';position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}
.pcs-ostate.wait i{background:#fff7e8}
.pcs-ostate.wait i:after{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.16)}
.pcs-ostate.done i{background:#e9f9f0}
.pcs-ostate.done i:after{background:#12b76a;box-shadow:0 0 0 5px rgba(18,183,106,.16)}
.pcs-ostate b{font-size:15.5px;font-weight:800;color:#18181b}
.pcs-ostate p{margin:0;font-size:12.5px;line-height:1.7;color:#7a8496}
.pcs-otips{margin-top:14px;padding:9px 12px;border-radius:10px;background:#f8fafc;font-size:11.5px;line-height:1.7;color:#8a94a8}
.pcs-oacts{display:flex;gap:10px;margin-top:14px}
.pcs-obtn{flex:1;height:40px;border:1px solid #e5e7eb;border-radius:11px;background:#fff;color:#3f3f46;
  font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer}
.pcs-obtn:hover{border-color:var(--brand);color:var(--brand)}
.pcs-obtn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)));border:0;color:#fff;
  box-shadow:0 8px 18px -8px rgba(46,91,255,.7)}
.pcs-obtn.primary:hover{filter:brightness(1.05);color:#fff}
.pcs-obtn.ghost{flex:0 0 auto;padding:0 18px}
.pcs-obtn[disabled]{opacity:.6;cursor:default}
.pcs-oft{display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid #f0f2f6;background:#fafbfc}
/* 弹窗：宽度/高度随可视窗口自适应（不用整体 scale，避免文字发虚 ✗）
   ★ 层次感 = 三层阴影叠加（大扩散 + 中距离 + 1px 描边），对应参考稿的 shadow-2xl + border */
.pcs-win{position:absolute;pointer-events:auto;
  width:1070px;max-width:calc(100vw - 32px);height:780px;max-height:calc(100vh - 32px);
  background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 40px 90px -24px rgba(16,24,40,.45),
             0 14px 32px -12px rgba(16,24,40,.22),
             0 0 0 1px rgba(16,24,40,.07);
  display:flex;font-size:13px;color:var(--ink);transform-origin:top left;
  animation:pcsIn .18s cubic-bezier(.2,.8,.2,1)}
@keyframes pcsIn{from{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}
/* —— 左栏 280px —— */
.pcs-side{width:280px;flex:0 0 280px;display:flex;flex-direction:column;border-right:1px solid #f0f0f0;
  background:#fff;box-shadow:inset -1px 0 0 rgba(16,24,40,.02)}
.pcs-brand{height:80px;flex:0 0 80px;display:flex;align-items:center;gap:12px;padding:0 20px;
  border-bottom:1px solid var(--line);cursor:move;user-select:none}
.pcs-brand .mk{width:40px;height:40px;border-radius:10px;overflow:hidden;flex:0 0 40px;
  display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff;font-weight:800;pointer-events:none}
.pcs-brand .mk img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.pcs-brand .tx{min-width:0;pointer-events:none}
.pcs-brand .tx b{display:block;font-size:16px;font-weight:800;letter-spacing:.3px;color:var(--ink);line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcs-brand .tx span{display:block;font-size:10px;color:var(--ink-3);margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcs-filter{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}
.pcs-filter .tabs{display:flex;gap:8px}
.pcs-filter .tab{padding:6px 16px;font-size:13px;border-radius:8px;border:0;cursor:pointer;
  background:var(--line-soft);color:var(--ink-2);font-family:inherit;transition:background .15s,color .15s}
.pcs-filter .tab:hover{background:var(--line)}
.pcs-filter .tab.on{background:var(--brand-soft);color:var(--brand);font-weight:700}
.pcs-filter .bell{width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  background:var(--brand-soft);color:var(--brand);border:1px solid var(--line);border-radius:8px;cursor:pointer}
.pcs-convs{flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain;overscroll-behavior-y:contain}
.pcs-empty{padding:40px 20px;text-align:center;color:var(--ink-3);font-size:12.5px;line-height:1.9}
.pcs-conv{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;
  border-left:3px solid transparent;transition:background .15s}
.pcs-conv:hover{background:var(--line-soft)}
.pcs-conv.on{background:var(--brand-soft);border-left-color:var(--brand);
  box-shadow:inset 0 -1px 0 rgba(46,91,255,.08),inset 0 1px 0 rgba(46,91,255,.08)}
.pcs-conv .av{width:44px;height:44px;flex:0 0 44px;border-radius:10px;overflow:hidden;background:#fff;
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--brand)}
.pcs-conv .av img{width:100%;height:100%;object-fit:cover;display:block}
.pcs-conv .bd{flex:1;min-width:0}
.pcs-conv .r1{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}
.pcs-conv .nm{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcs-conv .tm{font-size:11px;color:var(--ink-3);flex:0 0 auto}
.pcs-conv .pv{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcs-conv .un{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;
  font-size:11px;line-height:18px;text-align:center;font-weight:700;flex:0 0 auto}
/* —— 右栏 —— */
.pcs-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}
.pcs-hd{height:80px;flex:0 0 80px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 24px;background:#fff;border-bottom:1px solid #f0f0f0;cursor:move;user-select:none;
  box-shadow:0 1px 3px rgba(16,24,40,.04),0 4px 12px -8px rgba(16,24,40,.10);position:relative;z-index:3}
.pcs-hd .who{display:flex;align-items:center;gap:16px;min-width:0;pointer-events:none}
.pcs-hd .av{position:relative;width:48px;height:48px;flex:0 0 48px;border-radius:12px;overflow:hidden;
  background:var(--brand-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
  font-weight:800;color:var(--brand)}
.pcs-hd .av img{width:100%;height:100%;object-fit:cover;display:block}
.pcs-hd .av .dot{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;
  background:var(--ok);border:2px solid #fff}
.pcs-hd .tt{min-width:0}
.pcs-hd .tt h3{font-size:16px;font-weight:700;color:var(--ink);margin:0 0 2px;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 标题后的订单状态 / 租期小标签（与手机端 chat-st / chat-days 一致） */
.pcs-hd .tt h3 .pcs-st{display:inline-block;margin-left:6px;vertical-align:middle;font-size:10px;font-weight:800;
  line-height:1;padding:3px 6px;border-radius:6px;background:var(--brand-soft);color:var(--brand)}
.pcs-hd .tt h3 .pcs-days{display:inline-block;margin-left:6px;vertical-align:middle;font-size:10px;font-weight:800;
  line-height:1;padding:3px 6px;border-radius:6px;background:#f1f4f9;color:var(--ink-2)}
.pcs-hd .tt h3 .pcs-st.renting{background:#eef0ff;color:#5b53d6}
.pcs-hd .tt h3 .pcs-st.settling{background:#fff1f0;color:#d92d20}
.pcs-hd .tt h3 .pcs-st.completed{background:#e8f7ef;color:#0f8a4d}
.pcs-hd .tt h3 .pcs-st.cancelled,.pcs-hd .tt h3 .pcs-st.closed,.pcs-hd .tt h3 .pcs-st.refunded{background:#eef1f6;color:#8a94a8}
.pcs-hd .tt h3 .pcs-st.pending_confirm{background:#eaf3ff;color:#1a6fd4}
.pcs-hd .tt h3 .pcs-st.unpaid{background:#fff7e6;color:#b26a00}
.pcs-hd .tt p{font-size:11px;color:var(--ink-3);display:flex;align-items:center;gap:6px;margin:0}
.pcs-hd .tt p i{width:6px;height:6px;border-radius:50%;background:var(--ok);display:inline-block;font-style:normal}
.pcs-hd .ops{display:flex;align-items:center;gap:10px;flex:0 0 auto}
/* 头部操作按钮：统一主站配色（主色描边 / 幽灵 / 危险） */
.pcs-btn{padding:6px 14px;font-size:12px;font-weight:700;border-radius:8px;border:1px solid var(--line);
  cursor:pointer;font-family:inherit;background:#fff;color:var(--ink-2);transition:background .15s,color .15s,border-color .15s}
.pcs-btn:hover{background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}
.pcs-btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.pcs-btn.primary:hover{opacity:.9;color:#fff;background:var(--brand)}
.pcs-btn.danger{color:var(--danger);border-color:#ffdcd8}
.pcs-btn.danger:hover{background:#fff2f0;color:var(--danger);border-color:var(--danger)}
/* 设置下拉：设置群备注 / 隐藏聊天 */
.pcs-set{position:relative}
.pcs-set-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:12;min-width:150px;
  background:#fff;border:1px solid #eaeef5;border-radius:12px;padding:6px;
  box-shadow:0 12px 28px rgba(16,24,40,.16)}
.pcs-set-menu.open{display:block}
.pcs-set-menu button{display:block;width:100%;padding:10px 14px;border:0;border-radius:8px;background:transparent;
  font-family:inherit;font-size:13.5px;font-weight:600;color:#1f2937;text-align:left;cursor:pointer;white-space:nowrap}
.pcs-set-menu button:hover{background:var(--line-soft)}
.pcs-set-menu button.danger{color:#e5484d}
.pcs-set-menu button.danger:hover{background:#fff2f0}
.pcs-x{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;
  background:transparent;color:var(--ink-3);cursor:pointer;transition:background .15s,color .15s}
.pcs-x:hover{background:#fff2f0;color:var(--danger)}
/* 消息区 */
.pcs-msgs{flex:1;min-height:0;overflow-y:auto;padding:14px 24px;display:flex;flex-direction:column;gap:14px;
  overscroll-behavior:contain;overscroll-behavior-y:contain}
.pcs-sys{display:flex;justify-content:center;margin:2px 0}
.pcs-sys span{background:rgba(26,36,56,.05);border:1px solid var(--line-card);border-radius:999px;
  padding:6px 22px;font-size:11px;font-weight:700;color:var(--ink-3);letter-spacing:.2px;max-width:88%;
  text-align:center;line-height:1.6;word-break:break-word}
/* 订单群「系统通知」卡片：居中显示（宽度/配色沿用 h5.css 的 .chat-notice）
   ★ 必须 flex:0 0 auto：.pcs-msgs 是 overflow 的 flex 列容器，默认 flex-shrink:1 会把这
     张 overflow:hidden 的卡片压成一条 2px 的边框（实测高度 2px，标题/正文全看不见） */
.pcs-msgs .pcs-order-notice{align-self:center;margin:2px 0 4px;flex:0 0 auto}
.pcs-msg{display:flex;gap:12px;align-items:flex-start}
.pcs-msg .av{width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;border:1px solid var(--line);
  background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--brand);font-size:13px}
.pcs-msg .av img{width:100%;height:100%;object-fit:cover;display:block}
.pcs-msg .bd{max-width:70%;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.pcs-msg .meta{display:flex;align-items:center;gap:8px;margin:0 0 6px 4px;font-size:12px}
.pcs-msg .meta b{color:var(--brand);font-weight:700;display:inline-flex;align-items:center;gap:5px}
/* 角色小标签：租客 / 号主（自己的消息也显示，方便三方会话里一眼分清谁是谁） */
.pcs-msg .meta b .pcs-role{font-style:normal;font-size:10px;font-weight:700;line-height:1;
  padding:2px 5px;border-radius:4px;background:var(--brand-soft);color:var(--brand);border:1px solid rgba(46,91,255,.16)}
.pcs-msg.me .meta b .pcs-role{background:#fff;color:var(--brand);border-color:rgba(46,91,255,.2)}
/* 俱乐部认证盾牌：跟在昵称后，悬停由 title 提示「该用户已通过俱乐部认证」 */
.club-verified{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--brand);cursor:help;vertical-align:middle}
.club-verified svg{display:block;width:13px;height:13px}
.pcs-msg .meta em{font-style:normal;color:var(--ink-3);font-size:11px}
.pcs-msg .bubble{background:#fff;border:1px solid #eaeef5;border-radius:16px;border-top-left-radius:5px;
  padding:12px 16px;font-size:14px;line-height:1.7;color:var(--ink);
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 4px 12px -6px rgba(16,24,40,.10);
  word-break:break-word;white-space:pre-wrap}
.pcs-msg.me{flex-direction:row-reverse}
.pcs-msg.me .bd{align-items:flex-end}
.pcs-msg.me .meta{margin:0 4px 6px 0;flex-direction:row-reverse}
.pcs-msg.me .meta b{color:var(--ink-2)}
.pcs-msg.me .bubble{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent;
  border-radius:16px;border-top-right-radius:5px;
  box-shadow:0 4px 14px -6px rgba(46,91,255,.55),0 1px 2px rgba(46,91,255,.25)}
/* 卡片：跟随发送者左右对齐（只有系统通知才居中） */
.pcs-cardwrap{display:flex;justify-content:flex-start;margin:2px 0;max-width:100%}
.pcs-msg.me .pcs-cardwrap{justify-content:flex-end}
.pcs-cardwrap>*{max-width:340px;min-width:0}
.pcs-cardwrap .chat-ask-card,.pcs-cardwrap .chat-settle-card,.pcs-cardwrap .chat-cred-card{
  max-width:340px;box-shadow:var(--shadow-sm)}
/* 申请账密卡：区服下拉（QQ / Steam 图标 + 文字，自绘下拉） */
.ac-srv{position:relative}
.ac-srv-btn{display:flex;align-items:center;gap:8px;width:100%;height:40px;box-sizing:border-box;
  border:1px solid #dbe1ec;border-radius:11px;padding:0 12px;background:#fff;cursor:pointer;
  font-family:inherit;font-size:13.5px;color:var(--ink);text-align:left;transition:border-color .16s,box-shadow .16s}
.ac-srv-btn:hover{border-color:#c6d5f3}
.ac-srv.open .ac-srv-btn{border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,91,255,.1)}
.ac-srv-btn img{width:18px;height:18px;border-radius:4px;object-fit:cover;flex:0 0 auto;display:block}
/* 区服品牌图标改成内联 SVG 后同样按 18px 显示（不再依赖 uploads 里的图片） */
.ac-srv-btn svg,.ac-srv-opt svg{width:18px;height:18px;flex:0 0 auto;display:block}
/* 品牌图（QQ/Steam WebP）：透明底，用 contain 不裁切 */
.ac-srv-img{object-fit:contain}
.ac-srv-btn>span{flex:1;min-width:0}
.ac-srv-arrow{display:flex;flex:0 0 auto;color:#9aa3b2;transition:transform .16s}
.ac-srv.open .ac-srv-arrow{transform:rotate(180deg)}
.ac-srv-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:6;
  background:#fff;border:1px solid #e4e9f2;border-radius:11px;padding:4px;
  box-shadow:0 10px 24px rgba(16,24,40,.14)}
.ac-srv.open .ac-srv-list{display:block}
.ac-srv-opt{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;
  border-radius:8px;background:transparent;cursor:pointer;font-family:inherit;font-size:13.5px;
  color:var(--ink);text-align:left}
.ac-srv-opt:hover{background:var(--line-soft)}
.ac-srv-opt img{width:18px;height:18px;border-radius:4px;object-fit:cover;flex:0 0 auto;display:block}
.ac-srv-opt.on{background:var(--brand-soft);color:var(--brand);font-weight:700}
/* 账号信息卡：区服值前的 QQ / Steam 图标 */
.chat-cred-card .cc-v .cc-srv-ic{width:16px;height:16px;border-radius:3px;object-fit:contain;
  display:inline-block;vertical-align:-3px;margin-right:6px}
/* 常见问题条 */
.pcs-faq{margin:8px 16px 0;background:#fff;border:1px solid #eaeef5;border-radius:12px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 10px -8px rgba(16,24,40,.10)}
.pcs-faq>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 16px;border:0;background:transparent;cursor:pointer;font-family:inherit;color:var(--ink-3)}
.pcs-faq>button:hover{background:var(--line-soft)}
.pcs-faq .l{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}
.pcs-faq .l svg{color:var(--brand)}
.pcs-faq .chev{color:var(--brand);transition:transform .2s}
.pcs-faq.open .chev{transform:rotate(180deg)}
.pcs-faq .panel{display:none;padding:0 12px 10px;border-top:1px solid var(--line-soft)}
.pcs-faq.open .panel{display:block}
/* ★ 常见问题列表：最大 180px（约显示 4 条半），鼠标滚轮滚动看下方 ✓ */
.pcs-faq-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;
  padding:8px 0 2px;overscroll-behavior:contain;scrollbar-width:thin}
.pcs-faq-list::-webkit-scrollbar{width:6px}
.pcs-faq-list::-webkit-scrollbar-thumb{background:#dfe5ef;border-radius:3px}
.pcs-faq-list::-webkit-scrollbar-thumb:hover{background:#c9d3e2}
.pcs-faq-row{display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:100%;text-align:left;font-family:inherit;font-size:13px;color:var(--ink-2);
  padding:8px 12px;border:0;border-radius:8px;background:#f7f7f7;cursor:pointer;
  transition:background .15s,color .15s}
.pcs-faq-row:hover{background:var(--brand-soft);color:var(--brand)}
.pcs-faq-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcs-faq-row svg{flex:0 0 auto;color:#c9d0da}
.pcs-faq-row:hover svg{color:var(--brand)}
/* 输入区 */
/* 订单群快捷按钮：贴在输入框内左上角（不是独立卡片） */
.pcs-orderbar{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:10px 12px 0;
  background:transparent;border:none;border-radius:0;box-shadow:none}
.pcs-ob-btn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:1px solid #eaeef5;
  border-radius:8px;background:#fff;color:#52525b;font-size:12px;font-weight:600;font-family:inherit;
  cursor:pointer;transition:border-color .16s,color .16s,background .16s}
.pcs-ob-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.pcs-ob-ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px}
.pcs-ob-ic svg{width:13px;height:13px}
.pcs-ob-ic.brand{background:var(--brand-soft);color:var(--brand)}
.pcs-ob-ic.blue{background:#e6f4ff;color:#1677ff}
.pcs-ob-ic.amber{background:#fff4e5;color:#b45309}
.pcs-lockbar{margin:8px 16px 0;padding:9px 12px;border-radius:10px;background:#fff8ec;border:1px solid #ffe1b3;
  color:#b45309;font-size:11.5px;line-height:1.6}
.pct-num{width:64px;height:30px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;
  font-size:12.5px;text-align:center;color:#18181b;font-family:inherit;outline:none}
.pct-num:focus{border-color:var(--brand);background:#fff}
.pcs-inputwrap{height:200px;flex:0 0 200px;margin:8px 16px 16px;background:#fff;border:1px solid #eaeef5;
  border-radius:16px;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 16px -10px rgba(16,24,40,.14)}
/* 选择面板（收藏 / 足迹 / 订单）
   ★ 宽度跟聊天里的「商品卡片」一致（≈300px），不再是通栏 ✗
   ★ 默认可见高度 ≈ 2 条半（每条约 82px），其余靠滚轮看 ✓
   内部条目样式复用 h5.css 的 .chat-pick-* ✓（父级加了 .chat-quick ✓）*/
/* 底部区域：选择面板贴输入框上方向上弹出，不会被窗口裁掉 */
.pcs-foot{position:relative;flex:0 0 auto}
.pcs-pick{position:absolute;left:16px;right:auto;width:300px;max-width:calc(100% - 32px);
  bottom:calc(100% - 8px);max-height:360px;background:#fff;border:1px solid var(--line);border-radius:12px;
  box-shadow:0 12px 32px -8px rgba(17,24,39,.22);display:flex;flex-direction:column;
  overflow:hidden;z-index:40}
.pcs-pick-hd{height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:space-between;
  padding:0 12px;border-bottom:1px solid var(--line-soft);font-size:13px;font-weight:700;color:var(--ink)}
.pcs-pick-x{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--ink-3);
  cursor:pointer;font-size:13px;line-height:1}
.pcs-pick-x:hover{background:#fff2f0;color:var(--danger)}
/* ★ 206px ≈ 2 条半：每项 82px（封面 64 + 上下 padding 9×2）→ 2.5 条 ✓ */
.pcs-pick-bd{flex:0 1 auto;min-height:0;overflow-y:auto;padding:8px;height:206px;
  scrollbar-width:thin;overscroll-behavior:contain}
.pcs-pick-bd::-webkit-scrollbar{width:6px}
.pcs-pick-bd::-webkit-scrollbar-thumb{background:#dfe5ef;border-radius:3px}
/* 窄面板里把封面和字号收一档，保证 300px 宽也能排得开 ✓ */
.pcs-pick-bd .chat-pick-img{width:56px;height:56px;border-radius:11px}
.pcs-pick-bd .chat-pick-title{font-size:13px}
.pcs-pick-bd .chat-pick-item{gap:9px;padding:8px}
.pcs-main{position:relative}
.pcs-inputwrap textarea{flex:1;width:100%;border:0;outline:none;resize:none;padding:8px 16px;
  font-size:14px;color:var(--ink);background:transparent;font-family:inherit;line-height:1.7}
.pcs-inputwrap textarea::placeholder{color:#b6c0cf}
.pcs-sendbar{height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:flex-end;gap:16px;
  padding:0 16px 10px}
.pcs-sendbar .hint{font-size:11px;color:var(--ink-3)}
.pcs-send{padding:8px 28px;border-radius:8px;font-size:14px;font-weight:700;border:0;cursor:pointer;
  font-family:inherit;background:var(--brand);color:#fff;transition:opacity .15s}
.pcs-send:hover{opacity:.9}
.pcs-send:disabled{background:var(--line-soft);color:var(--ink-3);cursor:not-allowed;opacity:1}

/* ===================== 个人中心（PC：整页高侧栏 + 右栏顶部用户条 + 面板） =====================
   参照参考站 /orders：左侧菜单是按钮（点击只切右侧面板，不跳路由、不改地址）
   ★ 三条硬要求：① 左侧菜单栏【整页拉满】 ② 用户信息放在左栏【右侧】并置顶 ③ 用户信息【只占一行】 */
.pc-center{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;margin:22px 0 12px;align-items:start}
/* 左侧菜单栏：**内容多高就多高**，不锁一屏、不内部滚动（PC 全站已隐藏滚动条）
   sticky 钉在顶栏下沿（86 − 顶栏收起量），滚动时不动；
   菜单比视口长时下方超出部分先「藏在视口外」，不用滚动条 ——
   等滚到页面底部，sticky 受网格容器下沿限制被顶上去，露出的是下半截菜单，
   上半截自然滑出视口 ✓（正好符合「滑到最底部就不显示上边的菜单」）
   而且卡片底边始终止于容器下沿（页脚前 ~12px），不会压住底部栏 ✓ */
.pc-center .side{position:sticky;top:calc(86px - var(--pcy,0px));box-sizing:border-box;
  height:auto;max-height:none;align-self:start;
  background:var(--card);border-radius:14px;box-shadow:var(--shadow);
  padding:14px;display:flex;flex-direction:column;overflow:visible;z-index:3}
.pc-center.is-fixed .cp-main{grid-column:2;min-height:calc(100vh - 98px)}
/* 页脚滚上来时盖住左栏之外的内容；左栏自身层级更高（3），保持常驻 */
.pm-footer{position:relative;z-index:2}
/* 左栏现在会在页脚前 16px 收住（pcTopApply 里按页脚位置算高度），不再压住页脚，
   所以页脚不再需要整体右移让位 ✓ */
/* 菜单区独立滚动：细滚动条；滚到底后继续滚轮会自然带动整页（不写 overscroll-behavior:contain，
   否则鼠标停在侧栏上时滚不动页面，很别扭） */
/* 菜单区：不滚动（整块卡片跟着页面走），也就没有内部滚动条 */
.side-menu{margin:0 0 10px;flex:0 0 auto;min-height:0;overflow:visible}
/* 右栏：顶部用户条 + 下方面板
   至少一屏高：面板很短时（联系客服等）也不让页脚顶到半屏、把左栏露在页面外面 ✗ */
.cp-main{min-width:0;min-height:calc(100vh - 98px);padding-bottom:28px}
/* 用户条：置顶、单行（头像 · 昵称·用户 · UID·实名 | 账户余额 · 信用度 · 等级 | 右侧按钮） */
.cp-userbar{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line-card);
  border-radius:14px;box-shadow:var(--shadow);padding:13px 20px;margin-bottom:16px;white-space:nowrap;overflow-x:auto}
.cp-ub-av{width:42px;height:42px;flex:0 0 42px;border-radius:50%;overflow:hidden;background:var(--brand-soft);
  color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800}
.cp-ub-av img{width:100%;height:100%;object-fit:cover;display:block}
.cp-ub-nick{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:800;color:var(--ink)}
.cp-ub-uid{font-size:12px;color:var(--ink-3)}
/* 子账号徽章：顶部用户条 / 账户概览昵称行 */
.cp-subtag{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:6px;
  font-size:9px;font-weight:800;letter-spacing:.2px;color:var(--brand);background:var(--brand-soft);border:1px solid #cfdcff}
.cp-ub-sep{width:1px;height:24px;background:var(--line);flex:0 0 1px;margin:0 4px}
.cp-ub-stat{display:inline-flex;align-items:baseline;gap:6px;border:0;background:transparent;padding:0;font-family:inherit;cursor:pointer}
.cp-ub-stat i{font-style:normal;font-size:12px;color:var(--ink-3)}
.cp-ub-stat b{font-size:17px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.cp-ub-stat:hover b{color:var(--brand)}
.cp-ub-btns{margin-left:auto;display:flex;gap:8px;padding-left:10px}
/* 菜单项：按钮（点击切面板，不跳路由）
   ★ 字号加大 + 加粗（原 13.5 / 400 太细），并与上面的分组标题拉开间距 ✓ */
.cmi{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:11px 14px;border:0;border-radius:10px;background:transparent;
  color:var(--ink-2);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;margin-bottom:4px;
  letter-spacing:.2px;transition:background .15s,color .15s}
/* 左侧菜单项图标：随文字颜色（选中/悬停时一起变主色） */
.cmi-ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto;opacity:.85}
.cmi-ic svg{width:16px;height:16px}
.cmi.on .cmi-ic,.cmi:hover .cmi-ic{opacity:1}
.cmi-tx{flex:1 1 auto}
.cmi:hover{background:#f5f8ff;color:var(--brand)}
.cmi.on{background:var(--brand-soft);color:var(--brand);font-weight:700}
/* 面板卡（照参考站：白底 + 细边框 + 圆角 + 头部标题栏） */
.cp-panel{background:var(--card);border:1px solid var(--line-card);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;min-height:420px}
.cp-phd{padding:16px 22px;border-bottom:1px solid var(--line-soft);background:#fafbfe}
.cp-phd h3{margin:0;font-size:16px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:9px}
/* 面板标题左侧图标：浅主色圆角底 + 主色线性图标，图标语义与标题一致 */
.cp-phd-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 auto;
  border-radius:8px;background:var(--brand-soft,rgba(46,91,255,.10));color:var(--brand)}
.cp-phd-ic svg{width:15px;height:15px}
.cp-phd p{margin:4px 0 0;font-size:12px;color:var(--ink-3)}
/* 副标题内嵌告警图标（实名认证）：与首行文字对齐 */
.cp-phd p svg{width:13px;height:13px;vertical-align:-2px;margin-right:4px}
/* 实名认证副标题配色：与独立页 .pcrn-warn 一致的告警橙 */
.cp-phd p .cp-rn-warn{display:inline-flex;align-items:flex-start;gap:5px;color:#f97316;font-weight:600;line-height:1.6}
.cp-phd p .cp-rn-warn svg{flex:0 0 auto;margin:2px 0 0 0;vertical-align:0}
.cp-pbody{padding:20px 22px}
/* ★ 概览里各区块之间的分割线：我的分销收益 / 收支变动明细 各自带一条上分隔线
   （之前只有头像行下面那条，删掉「分销中心」按钮后中间两块连成一片，看着没有分界 ✗） */
.cp-sub{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
#cpAccDist{border-top:1px solid var(--line);padding-top:16px}
button.ov-st{background:none;border:0;padding:0;font-family:inherit;cursor:pointer}
/* 分组标题：与下方菜单项之间留出间距（下内边距 + 细分隔线 + 下外边距）✓ */
.side-menu .cgrp{margin:20px 0 10px;padding:0 0 8px 14px;font-size:11.5px;font-weight:800;color:var(--ink-3);
  letter-spacing:.8px;border-bottom:1px solid var(--line-soft)}
.side-menu .cgrp:first-child{margin-top:0}
.side-logout{width:100%;flex:0 0 auto;margin-top:0;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;
  color:var(--danger);font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.side-logout:hover{background:#fff2f0;border-color:#ffdcd8}
.pc-panelhd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.pc-panelhd b{font-size:15px;font-weight:800;color:var(--ink)}
.pc-more{font-size:12.5px;color:var(--brand);text-decoration:none;white-space:nowrap}
.pc-more:hover{text-decoration:underline}
.pc-panelfoot{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft)}
.pc-loading{padding:30px 0;text-align:center;font-size:13px;color:var(--ink-3)}
.pc-empty{padding:30px 0;text-align:center;font-size:13px;color:var(--ink-3)}
/* 账户概览卡 */
.ov-top{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.ov-av{width:64px;height:64px;flex:0 0 64px;border-radius:50%;overflow:hidden;background:var(--brand-soft);
  color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;
  border:2px solid #fff;box-shadow:0 0 0 3px rgba(46,91,255,.10)}
.ov-av img{width:100%;height:100%;object-fit:cover;display:block}
.ov-me{flex:1;min-width:0}
.ov-nick{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;color:var(--ink);line-height:1.3}
/* 会员等级徽章：0 普通用户 / 1 黄金会员 / 2 黑卡会员 / 3 超级VIP（四套不同底色） */
.vip-tag{display:inline-flex;align-items:center;padding:1px 8px;border-radius:20px;font-size:11px;font-weight:700;
  line-height:1.7;white-space:nowrap;letter-spacing:.2px;vertical-align:1px}
.vip-tag.vip-lv0{background:#eef1f6;color:#5a6478}
.vip-tag.vip-lv1{background:linear-gradient(135deg,#d4a24c,#f0d48a);color:#3a2a05}
.vip-tag.vip-lv2{background:linear-gradient(135deg,#1f2430,#414a5e);color:#f0d48a}
.vip-tag.vip-lv3{background:linear-gradient(135deg,#6d3bd4,#a855f7);color:#fff}
/* 俱乐部子账号：会员身份显示为入驻俱乐部名称（不参与 VIP 等级） */
.vip-tag.vip-club{background:var(--brand-soft);color:var(--brand);max-width:160px;overflow:hidden;text-overflow:ellipsis}
.cp-ub-stat b.cp-ub-cn{font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}
.ov-st b.ov-st-cn{font-size:14px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}
.ov-uid{margin:4px 0 0;font-size:12px;color:var(--ink-3)}
.ov-btns{display:flex;gap:8px;flex:0 0 auto}
.ov-stats{display:flex;align-items:center;margin-top:14px}
.ov-st{flex:1;min-width:0;text-align:center;text-decoration:none;display:block}
.ov-st p{margin:0 0 4px;font-size:12px;color:var(--ink-3)}
.ov-st b{font-size:20px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.ov-st:hover b{color:var(--brand)}
.ov-line{width:1px;height:26px;background:var(--line);flex:0 0 1px}

/* ===================== 我的钱包 / 收款账户（面板内核共用） ===================== */
.pc-wrap{margin-top:22px}
.wp-strip{display:flex;align-items:center;gap:34px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line-soft)}
.wp-s p{margin:0 0 4px;font-size:12px;color:var(--ink-3)}
.wp-s b{font-size:22px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.wp-s-btns{margin-left:auto;display:flex;gap:10px}
.wp-tabs{display:flex;gap:8px;margin:16px 0 14px;border-bottom:1px solid var(--line-soft);padding-bottom:12px}
.wprtab{padding:6px 16px;font-size:13px;border-radius:8px;background:var(--line-soft);color:var(--ink-2);cursor:pointer;
  transition:background .15s,color .15s}
.wprtab:hover{background:var(--line)}
.wprtab.on{background:var(--brand-soft);color:var(--brand);font-weight:700}
/* 流水行（资金流水 / 提现记录 共用） */
.pc-flow{padding:13px 2px;border-bottom:1px solid var(--line-soft)}
.pc-flow:last-child{border-bottom:0}
.pc-flow-hd{display:flex;align-items:center;gap:8px}
.pc-flow-badge{font-size:11.5px;font-weight:700;color:var(--brand);background:var(--brand-soft);
  border:1px solid rgba(46,91,255,.16);border-radius:5px;padding:1px 8px;white-space:nowrap}
.pc-flow-badge.freeze{background:#fff4e5;color:#b45309;border-color:#ffe1a8}
.pc-flow-badge.settle{background:#e8f7ef;color:var(--ok);border-color:#c7ecd8}
.pc-flow-tag{font-size:11px;color:var(--ink-3);background:#f1f4f9;border-radius:5px;padding:1px 7px}
.pc-flow-amt{margin-left:auto;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.pc-flow-amt.in{color:var(--ok)}
.pc-flow-amt.out{color:var(--danger)}
.pc-flow-rm{margin:6px 0 0;font-size:12.5px;color:var(--ink-2);word-break:break-word}
.pc-flow-rm.err{color:var(--danger)}
.pc-flow-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:11.5px;color:var(--ink-3)}
/* 提现弹窗内 */
.wd-bal{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line-soft)}
.wd-bal p{margin:0;font-size:13px;color:var(--ink-3)}
.wd-bal b{font-size:22px;font-weight:800;color:var(--danger);font-variant-numeric:tabular-nums}
.wd-label{margin:0 0 8px;font-size:13px;color:var(--ink-2)}
.wd-cards{display:flex;flex-direction:column;gap:8px}
.wd-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 10px;text-align:left;
  padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;
  font-family:inherit;transition:border-color .15s,background .15s}
.wd-card:hover{border-color:var(--brand)}
.wd-card.on{border-color:var(--brand);background:var(--brand-soft)}
.wd-card-m{grid-row:1/3;align-self:center;font-size:12px;font-weight:700;color:var(--brand);background:#fff;
  border:1px solid rgba(46,91,255,.2);border-radius:6px;padding:4px 9px;white-space:nowrap}
.wd-card-n{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-card-s{font-size:11.5px;color:var(--ink-3)}
.wd-amtrow{display:flex;gap:10px;align-items:center}
.wd-amtrow .input{flex:1;min-width:0}
.wd-note{margin-top:6px;background:#f7f9fd;border:1px solid var(--line-soft);border-radius:10px;padding:11px 13px}
.wd-note p{margin:0;font-size:12px;line-height:1.85;color:var(--ink-3)}
.wd-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;
  border-bottom:1px solid var(--line-soft);font-size:13px;color:var(--ink-2)}
.wd-row:last-child{border-bottom:0}
.wd-confirm-tx{margin:0;font-size:13.5px;line-height:1.8;color:var(--ink-2)}

/* ===================== 收款账户（PC） ===================== */
.wb-wrap{max-width:820px;margin:22px auto 0}
.wb-methods{display:flex;gap:10px;margin-bottom:12px}
.wbm{position:relative;padding:10px 22px;border:1px solid var(--line);border-radius:10px;background:#fff;
  color:var(--ink-2);font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;
  transition:border-color .15s,background .15s,color .15s}
.wbm:hover{border-color:var(--brand);color:var(--brand)}
.wbm.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:700}
.wbm i{margin-left:7px;font-style:normal;font-size:10.5px;color:var(--ok);background:#e8f7ef;border-radius:4px;padding:1px 6px}
.wb-fee{margin:0 0 14px;font-size:12.5px;color:var(--ink-3)}
.wb-tip{display:flex;align-items:center;gap:6px;margin-bottom:14px;padding:9px 12px;background:var(--brand-soft);
  border-radius:9px;font-size:12.5px;color:var(--brand);font-weight:700}
.wb-toggle{display:flex;gap:8px;margin-bottom:14px}
.wbt{padding:7px 18px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-2);
  font-size:13px;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.wbt:hover{border-color:var(--brand);color:var(--brand)}
.wbt.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:700}
.wb-qr{margin:4px 0 12px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  border:2px dashed var(--line);border-radius:12px;padding:22px;color:var(--ink-3);font-size:13px;cursor:pointer;
  transition:border-color .15s,color .15s}
.wb-qr:hover{border-color:var(--brand);color:var(--brand)}
.wb-qr.has{border-style:solid;padding:12px}
.wb-qr img{max-width:220px;max-height:260px;border-radius:10px;display:block}
.wb-qr-tip{font-size:11.5px;color:var(--ink-3)}
.wb-qr-hint{margin:0 0 6px;font-size:12px;color:var(--ink-3)}
.wb-hint{margin:6px 0 0;font-size:12px;line-height:1.7;color:var(--ink-3)}
.wb-red{color:var(--danger)}
.wb-actions{display:flex;gap:12px;margin-top:18px}
.wb-actions .btn{flex:1}

/* ===================== 我的租赁 / 我的出租（PC 订单面板：标签 + 卡片） ===================== */
.pco-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--line-soft);padding-bottom:12px}
.pco-tab{padding:6px 16px;border:0;border-radius:8px;background:var(--line-soft);color:var(--ink-2);font-size:13px;
  font-family:inherit;cursor:pointer;transition:background .15s,color .15s}
.pco-tab:hover{background:var(--line)}
.pco-tab.on{background:var(--brand-soft);color:var(--brand);font-weight:700}
.pco-list{display:flex;flex-direction:column;gap:12px}
/* 订单卡片：封面左 + 信息中 + 对方右，底部一行操作按钮 */
.pco{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.pco:hover{border-color:rgba(46,91,255,.3);box-shadow:0 6px 18px -10px rgba(16,24,40,.22)}
.pco-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:#fafbfe;border-bottom:1px solid var(--line-soft)}
.pco-no{font-size:12px;color:var(--ink-3);font-family:ui-monospace,Menlo,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pco-st{font-size:11.5px;font-weight:700;border-radius:5px;padding:2px 9px;white-space:nowrap;background:#eef1f6;color:var(--ink-2)}
.pco-st.unpaid,.pco-st.settle{background:#fff4e5;color:#b45309}
.pco-st.pending_confirm,.pco-st.renting{background:var(--brand-soft);color:var(--brand)}
.pco-st.completed{background:#e8f7ef;color:var(--ok)}
.pco-st.appealing,.pco-st.cancelled,.pco-st.closed,.pco-st.refunded{background:#fdeceb;color:var(--danger)}
.pco-body{display:flex;align-items:center;gap:14px;padding:14px}
.pco-img{width:86px;height:86px;flex:0 0 86px;border-radius:10px;overflow:hidden;background:#eef1f6}
.pco-img img{width:100%;height:100%;object-fit:cover;display:block}
.pco-main{flex:1;min-width:0}
.pco-name{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pco-pf{display:flex;align-items:baseline;gap:12px;margin-top:6px;flex-wrap:wrap}
.pco-pf b{font-size:18px;font-weight:800;color:var(--danger);font-variant-numeric:tabular-nums}
.pco-pf span{font-size:12px;color:var(--ink-3)}
.pco-meta{display:flex;gap:14px;margin-top:6px;font-size:11.5px;color:var(--ink-3);flex-wrap:wrap}
.pco-settled{color:var(--ok);font-weight:700}
.pco-peer{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 84px}
.pco-uav{width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.pco-uav img{width:100%;height:100%;object-fit:cover;display:block}
.pco-uname{font-size:11.5px;color:var(--ink-3);max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pco-foot{padding:10px 14px;border-top:1px solid var(--line-soft);display:flex;justify-content:flex-end}
.pco-btns{display:flex;gap:8px;flex-wrap:wrap}
.pco-btn{height:30px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-2);
  font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.pco-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.pco-btn.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);font-weight:700}
.pco-btn.danger{color:var(--danger);border-color:#ffdcd8}
.pco-btn.danger:hover{background:#fff2f0;border-color:var(--danger);color:var(--danger)}
/* ---------- 我的租赁 / 我的出租：参考稿三段式卡片 ---------- */
.pcr{border:1px solid var(--line,#eaeff7);border-radius:16px;background:#fff;overflow:hidden;margin-bottom:16px;
  box-shadow:0 2px 10px rgba(16,24,40,.04);transition:border-color .16s,box-shadow .16s}
.pcr:hover{border-color:rgba(46,91,255,.25);box-shadow:0 8px 24px -12px rgba(16,24,40,.24)}
.pcr-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;
  background:#f9fafb;border-bottom:1px solid #f0f2f6}
.pcr-hd-l{display:flex;align-items:center;flex-wrap:wrap;gap:16px;min-width:0;font-size:11.5px;color:#8a94a8}
.pcr-time{font-family:ui-monospace,Menlo,Consolas,monospace}
.pcr-gno-h{display:flex;align-items:center;gap:6px;font-weight:600;color:#52525b}
.pcr-gno-h .pcr-copy{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;font-weight:800;color:var(--brand);
  background:rgba(46,91,255,.08);padding:1px 7px;border-radius:5px;cursor:pointer;transition:background .15s}
.pcr-copy:hover{background:rgba(46,91,255,.18)}
.pcr-ono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:#a1a1aa}
.pcr-st{flex-shrink:0;padding:2px 10px;border-radius:4px;border:1px solid #e5e7eb;background:#fff;
  font-size:11px;font-weight:700;letter-spacing:.5px;color:#8a94a8}
.pcr-st.on{color:var(--brand);border-color:rgba(46,91,255,.3);background:var(--brand-soft)}
.pcr-st.ok{color:#059669;border-color:#c8ead9;background:#eefaf3}
.pcr-st.warn{color:#b45309;border-color:#ffe1b3;background:#fff7e6}
.pcr-st.danger{color:#dc2626;border-color:#ffd7d5;background:#fef2f2}
.pcr-body{display:flex;align-items:stretch}
/* 左栏：封面铺满整个左格（无内边距、无圆角，跟卡片左边缘齐平），
   下面依次是「商品编号」+「对方头像 / 昵称」（左下角、左对齐） */
.pcr-left{width:232px;flex:0 0 232px;padding:0;border-right:1px solid #f0f2f6;background:#fbfcfd;
  display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden}
/* ★ 封面绝不能反过来撑高卡片：flex 基准设 0、图片绝对定位
   （长图/竖图的 intrinsic 比例一旦参与布局，会把整张卡顶到几百像素高 ✗） */
.pcr-cover{position:relative;width:100%;height:auto;flex:1 1 0;min-height:0;border-radius:0;border:0;
  border-bottom:1px solid #f0f2f6;overflow:hidden;background:#eef1f6;cursor:pointer}
.pcr-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.pcr-cover:hover img{transform:scale(1.04)}
.pcr-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11.5px;color:#a1a1aa}
.pcr-linfo{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:10px 14px 12px}
.pcr-user{display:flex;align-items:center;gap:7px;max-width:100%;min-width:0}
.pcr-uav{width:24px;height:24px;flex:0 0 24px;border-radius:50%;overflow:hidden;background:var(--brand-soft);
  color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.pcr-uav img{width:100%;height:100%;object-fit:cover;display:block}
.pcr-uname{font-size:12px;font-weight:700;color:var(--ink-2);max-width:92px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcr-urole{flex:0 0 auto;font-size:10px;font-weight:700;color:#7b869c;background:#eef1f6;
  border-radius:4px;padding:1px 5px;line-height:1.6}
.pcr-gno{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#8a94a8}
.pcr-gno b{font-family:ui-monospace,Menlo,Consolas,monospace;color:#3f3f46;background:#f4f5f7;padding:1px 6px;border-radius:4px}
.pcr-mid{flex:1;min-width:0;display:flex;flex-direction:column}
.pcr-top{padding:12px 18px 10px}
.pcr-title{margin:0;font-size:14.5px;font-weight:700;color:#18181b;line-height:1.5;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcr-meta{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:#a1a1aa;flex-wrap:wrap}
/* 比例 / 区服 / 登录方式：统一做成浅底小标签（区服只放品牌图标，不放文字） */
.pcr-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:22px;padding:0 8px;
  border-radius:6px;background:#f4f6fa;border:1px solid #eaeef5;font-size:11.5px;font-weight:600;color:#5b6577;
  line-height:1;white-space:nowrap}
.pcr-chip.srv{padding:0 7px}
.pcr-chip.srv img{width:14px;height:14px;border-radius:3px;object-fit:contain;display:block}
.pcr-chip.srv svg{width:14px;height:14px;display:block}
/* 资产表：收紧行高，少留空白（原来 8px 上下内边距，三行看着很空） */
.pcr-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #f0f2f6;margin-top:auto}
.pcr-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;
  border-right:1px solid #f0f2f6;border-bottom:1px solid #f0f2f6}
.pcr-cell:nth-child(5n){border-right:none}
.pcr-cell.hi{background:#f3fbf3}
.pcr-v{font-size:13px;font-weight:800;color:#3f3f46;line-height:1.2}
.pcr-cell.hi .pcr-v{color:#22a55a}
.pcr-k{font-size:10.5px;color:#a1a1aa;margin-top:3px;white-space:nowrap}
.pcr-right{width:190px;flex:0 0 190px;border-left:1px solid #f0f2f6;padding:14px;
  display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.pcr-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;color:#8a94a8}
.pcr-price p{margin:0}
.pcr-price b{color:#18181b;font-weight:700}
.pcr-price b.orange{color:#ea580c}
/* 我的发布：租金 / 押金字号放大（原 12px 太小，右栏又空） */
.pcr-price.lg{gap:7px;font-size:12px}
.pcr-price.lg p{display:flex;align-items:baseline;justify-content:flex-end;gap:8px}
.pcr-price.lg .pcr-pk{color:#8a94a8;font-size:12px}
.pcr-price.lg b{font-size:17px;font-weight:700;letter-spacing:-.2px;line-height:1.2}
/* 无报价的账号（已下架等）：右栏只放按钮，去掉上方的价格留白 */
.pcr-right.bare .pcr-acts{margin-top:0}
.pcr-psum{margin-top:2px;padding-top:9px;border-top:1px dashed #eef1f6;width:100%;
  display:flex;align-items:baseline;justify-content:flex-end;gap:6px;font-size:11.5px;color:#a1a1aa}
.pcr-psum b{font-size:13.5px;font-weight:800;color:#ea580c}
.pcr-total{margin-top:6px;display:flex;align-items:baseline;justify-content:flex-end;gap:3px}
.pcr-total-k{font-size:10.5px;font-weight:900;color:#ea580c;letter-spacing:1px}
.pcr-total-v{font-size:24px;font-weight:900;line-height:1;color:#ea580c}
.pcr-total-u{font-size:12px;font-weight:700;color:#ea580c}
.pcr-settled{font-size:11px;color:#059669}
.pcr-acts{display:flex;flex-direction:column;gap:8px}
.pcr-acts .pco-btn{width:100%;height:30px;padding:0;font-size:12px;border-radius:8px}
.pcr-acts .pco-btn.on{background:rgba(46,91,255,.06)}
@media (max-width:1180px){
  .pcr-body{flex-wrap:wrap}
  .pcr-left{width:100%;flex-basis:100%;border-right:none;border-bottom:1px solid #f0f2f6;
    flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;padding:12px 14px}
  .pcr-cover{width:150px;flex:0 0 150px;height:96px;min-height:0;border:1px solid #eceaf0;border-radius:10px}
  .pcr-linfo{padding:0;gap:6px}
  .pcr-mid{flex:1 1 100%}
  .pcr-right{width:100%;flex-basis:100%;border-left:none;border-top:1px solid #f0f2f6;
    flex-direction:row;align-items:center;justify-content:space-between}
  .pcr-acts{flex-direction:row;flex-wrap:wrap}
  .pcr-acts .pco-btn{width:auto;padding:0 14px}
  .pcr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pcr-cell:nth-child(5n){border-right:1px solid #f0f2f6}
  .pcr-cell:nth-child(3n){border-right:none}
}
/* ---------- 订单详情弹窗（进度 / 商品 / 信息 / 金额 / 结算） ---------- */
.pod-mask{position:fixed;inset:0;z-index:520;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:24px}
.pod{width:760px;max-width:100%;max-height:86vh;background:#fff;border-radius:18px;display:flex;flex-direction:column;
  overflow:hidden;box-shadow:0 24px 60px rgba(15,23,42,.28)}
.pod-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid #f0f2f6}
.pod-hd-l{display:flex;align-items:baseline;gap:10px;min-width:0}
.pod-hd-l b{font-size:17px;font-weight:900;color:#18181b}
.pod-hd-l span{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:#a1a1aa;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pod-hd-r{display:flex;align-items:center;gap:10px;flex-shrink:0}
.pod-x{width:30px;height:30px;border:none;background:transparent;color:#a1a1aa;font-size:20px;line-height:1;
  cursor:pointer;border-radius:8px;font-family:inherit}
.pod-x:hover{background:#f4f5f7;color:#3f3f46}
.pod-bd{padding:18px 22px;overflow-y:auto;flex:1}
.pod-ft{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;
  border-top:1px solid #f0f2f6;background:#fafbfc}
.pod-flow{display:flex;align-items:flex-start;margin-bottom:18px}
.pod-step{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:62px;flex-shrink:0}
.pod-dot{width:12px;height:12px;border-radius:50%;background:#e5e7eb;border:2px solid #e5e7eb;box-sizing:border-box}
.pod-step.done .pod-dot{background:var(--brand);border-color:var(--brand)}
.pod-step.cur .pod-dot{background:#fff;border:3px solid var(--brand);box-shadow:0 0 0 3px rgba(46,91,255,.12)}
.pod-lb{font-size:11.5px;color:#a1a1aa;white-space:nowrap}
.pod-step.done .pod-lb{color:#52525b}
.pod-step.cur .pod-lb{color:var(--brand);font-weight:700}
.pod-bar{flex:1;height:2px;background:#e5e7eb;margin:5px -4px 0}
.pod-bar.done{background:var(--brand)}
.pod-void{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:16px;
  background:#f9fafb;border:1px solid #eef1f6;border-radius:10px;font-size:12.5px;color:#71717a}
.pod-card{border:1px solid #eef1f6;border-radius:12px;padding:14px 18px;margin-bottom:14px;background:#fff}
.pod-card:last-child{margin-bottom:0}
.pod-ct{font-size:13px;font-weight:800;color:#18181b;margin-bottom:10px}
.pod-goods{display:flex;gap:14px}
.pod-gimg{width:96px;height:96px;flex:0 0 96px;border-radius:10px;overflow:hidden;background:#f2f4f8}
.pod-gimg img{width:100%;height:100%;object-fit:cover;display:block}
.pod-gmain{flex:1;min-width:0}
.pod-gno{font-size:11.5px;color:#8a94a8}
.pod-gno b{font-family:ui-monospace,Menlo,Consolas,monospace;color:#3f3f46;background:#f4f5f7;padding:1px 6px;border-radius:4px}
.pod-gname{margin-top:6px;font-size:14px;font-weight:700;line-height:1.5;color:#18181b;word-break:break-all}
.pod-gprice{display:flex;align-items:baseline;gap:12px;margin-top:8px;font-size:12px;color:#8a94a8}
.pod-gprice b{color:#ea580c;font-size:18px;font-weight:900}
.pod-gratio{color:var(--brand);font-weight:700}
.pod-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 0;
  border-bottom:1px dashed #f3f4f6;font-size:12.5px}
.pod-row:last-child{border-bottom:none}
.pod-row>span{flex:0 0 auto;color:#8a94a8}
.pod-row>b{font-weight:600;color:#3f3f46;text-align:right;word-break:break-all}
.pod-row.sum{padding-top:10px;border-top:1px solid #eef1f6;border-bottom:none}
.pod-total{font-style:normal;color:#ea580c;font-size:18px;font-weight:900}
.pod-wait{font-style:normal;color:#f59e0b}
.pod-items{margin:6px 0 8px;padding:8px 12px;border-radius:10px;background:#f9fafb}
.pod-items-t{font-size:11px;color:#8a94a8;margin-bottom:6px}
.pod-item{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#52525b;padding:3px 0}
.pod-item b{color:#18181b}
.pod-btn{height:34px;padding:0 18px;border-radius:9px;border:1px solid #e5e7eb;background:#fff;color:#52525b;
  font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .16s,color .16s,background .16s}
.pod-btn:hover{border-color:var(--brand);color:var(--brand)}
.pod-btn.ghost{background:#fff}
.pod-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.pod-btn.primary:hover{opacity:.92;color:#fff}
.pod-btn.danger{color:#dc2626;border-color:#ffd7d5;background:#fff}
.pod-btn.danger:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}
/* ---------- 退款 / 售后 / 申诉弹窗 ---------- */
.pct-mask{position:fixed;inset:0;z-index:530;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:24px}
.pct{width:520px;max-width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(15,23,42,.28)}
.pct-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f2f6}
.pct-hd b{font-size:16px;font-weight:800;color:#18181b}
.pct-bd{padding:16px 20px}
.pct-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;padding-bottom:8px;
  border-bottom:1px dashed #f3f4f6;font-size:12.5px;color:#8a94a8}
.pct-row b{font-family:ui-monospace,Menlo,Consolas,monospace;color:#3f3f46}
.pct-lb{display:block;margin:14px 0 8px;font-size:13px;font-weight:700;color:#3f3f46}
.pct-ta{width:100%;box-sizing:border-box;min-height:96px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;
  background:#f9fafb;font-size:13px;line-height:1.7;color:#18181b;font-family:inherit;resize:vertical;outline:none}
.pct-ta:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,91,255,.12);background:#fff}
.pct-tip{margin:10px 0 0;font-size:11.5px;line-height:1.6;color:#8a94a8}
/* 下拉框 / 单行输入：★ 不能复用 .pct-ta（textarea 样式：min-height:96px + 上下 12px 内边距）
   —— 套到 <select> 上会把行高挤到只剩十几像素，选项文字只露出上半截 ✗ */
.pct-sel{width:100%;box-sizing:border-box;height:42px;padding:0 38px 0 14px;border:1px solid #e5e7eb;border-radius:12px;
  background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a94a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center;
  background-size:14px 14px;font-size:13px;line-height:42px;color:#3f3f46;font-family:inherit;cursor:pointer;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pct-sel:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,91,255,.12);outline:none;background-color:#fff}
.pct-inp{width:100%;box-sizing:border-box;height:42px;padding:0 14px;border:1px solid #e5e7eb;border-radius:12px;
  font-size:13px;line-height:42px;color:#3f3f46;font-family:inherit;background:#fff}
.pct-inp:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,91,255,.12);outline:none}
.pct-ft{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #f0f2f6;background:#fafbfc}
/* 订单详情弹窗内（旧版遗留） */
.pco-dwrap{display:flex;flex-direction:column}
.pco-drow{display:flex;gap:16px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13px}
.pco-drow:last-child{border-bottom:0}
.pco-dk{flex:0 0 96px;color:var(--ink-3)}
.pco-dv{flex:1;color:var(--ink);word-break:break-word}
.pco-dtx{margin:0;font-size:13.5px;line-height:1.9;color:var(--ink-2)}

/* ===================== 登录 / 注册 / 忘记密码（弹窗 · 自成一套，不依赖 h5.css） =====================
   ★ 下面这套 .lg-* 样式是 PC 自己的一份（作用域限定在 .pc-auth-in 内），
     所以 PC 端打开登录弹窗时【不需要】加载 h5.css，PC 与 H5 的登录样式互不干扰 ✓
   手机版登录页 .lg-page 是「固定铺满一屏」的面板，这里收进弹窗内正常排版；
   z-index 960：要盖住顶栏(60)/客服(900)，但要低于手机版滑块验证弹窗(9999) ✓ */
.pc-auth-mask{position:fixed;inset:0;z-index:960;background:rgba(26,36,56,.5);display:flex;align-items:center;
  justify-content:center;padding:20px;touch-action:none;overscroll-behavior:contain}
.pc-auth-dlg{width:452px;max-width:100%;height:min(700px,calc(100vh - 40px));background:#fff;border-radius:18px;
  overflow:hidden;box-shadow:0 30px 70px -20px rgba(16,24,40,.45),0 0 0 1px rgba(16,24,40,.06);
  animation:pcAuthIn .18s cubic-bezier(.2,.8,.2,1)}
@keyframes pcAuthIn{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
.pc-auth-in{height:100%;overflow:hidden}
.pc-auth-in .lg-page{position:static;max-width:none;margin:0;height:100%;z-index:auto;background:#fff;
  display:flex;flex-direction:column;overflow:hidden}
/* ★ PC 弹窗的登录 DOM 是 pc 自己的一套（head 是 .lg-page 的直接子项，不在 .lg-body 内）。
   注意 PC 页面同时加载了 h5.css，那边 .lg-head 有 margin:0 -24px（手机版要通栏），
   这里必须显式 margin:0 盖掉，否则顶栏会比弹窗左右各宽 24px、被 overflow 切掉。 */
.pc-auth-in .lg-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;min-height:56px;box-sizing:border-box;background:#fff;margin:0}
.pc-auth-in .lg-close{width:36px;height:36px;border:none;background:transparent;color:var(--ink-2);border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px}
.pc-auth-in .lg-close:hover{background:#f1f4f9;color:var(--ink)}
.pc-auth-in .lg-back{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 14px;border:1px solid var(--line);
  background:#fff;color:var(--ink-2);border-radius:18px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}
.pc-auth-in .lg-back:hover{color:var(--brand);border-color:var(--brand)}
.pc-auth-in .lg-back svg{display:block}
/* 内容区做成 flex 纵向，好让下方「数据加密直连 / 毫秒级极速响应」被顶到弹窗最底部 ✓ */
.pc-auth-in .lg-body{flex:1;min-height:0;overflow-y:auto;padding:0 24px 20px;display:flex;flex-direction:column}
.pc-auth-in .lg-logo{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;
  margin:16px auto 12px;box-shadow:var(--shadow);overflow:hidden}
.pc-auth-in .lg-logo img{width:100%;height:100%;object-fit:cover;display:block}
.pc-auth-in .lg-title{text-align:center;font-size:23px;font-weight:800;color:var(--ink);margin:2px auto 0;max-width:86%;
  letter-spacing:.5px;line-height:1.3;word-break:keep-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc-auth-in .lg-sub{text-align:center;font-size:12.5px;color:var(--ink-2);margin:10px 0 22px;letter-spacing:.3px;line-height:1.6}
.pc-auth-in .lg-tabs{display:flex;background:#f1f4f9;padding:4px;border-radius:12px;margin-bottom:20px}
.pc-auth-in .lgtab{flex:1;padding:10px 0;border:none;border-radius:9px;font-size:14px;font-weight:700;
  color:var(--ink-2);background:transparent;cursor:pointer;font-family:inherit}
.pc-auth-in .lgtab.on{background:#fff;color:var(--brand);box-shadow:var(--shadow)}
.pc-auth-in .lg-field{position:relative;margin-bottom:14px}
.pc-auth-in .lg-ic{position:absolute;left:14px;top:0;bottom:0;display:flex;align-items:center;color:var(--ink-2);pointer-events:none}
.pc-auth-in .lg-ic svg{display:block}
.pc-auth-in .lg-input{width:100%;box-sizing:border-box;border:1px solid #dbe1ec;border-radius:12px;padding:13px 14px;
  font-size:14px;color:var(--ink);outline:none;background:#fff;font-family:inherit}
.pc-auth-in .lg-field .lg-ic + .lg-input{padding-left:42px}
.pc-auth-in .lg-field .lg-pwd{padding-right:42px}
.pc-auth-in .lg-field:focus-within .lg-ic{color:var(--brand)}
.pc-auth-in .lg-field:focus-within .lg-input{border-color:var(--brand)}
.pc-auth-in .lg-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;
  align-items:center;justify-content:center;border:none;background:transparent;color:var(--ink-3);cursor:pointer;border-radius:8px}
.pc-auth-in .lg-eye:hover{background:#f1f4f9;color:var(--brand)}
.pc-auth-in .lg-eye svg{display:block}
.pc-auth-in .lg-coderow{display:flex;gap:10px;margin-bottom:14px}
.pc-auth-in .lg-flex{flex:1;margin-bottom:0}
.pc-auth-in .lg-send{flex-shrink:0;min-width:96px;padding:0 14px;border:1px solid rgba(46,91,255,.2);border-radius:12px;
  background:rgba(46,91,255,.1);color:var(--brand);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
.pc-auth-in .lg-send:hover{background:rgba(46,91,255,.16)}
.pc-auth-in .lg-send:disabled{opacity:.5;cursor:not-allowed}
/* 密码登录：「没有账号？立即注册」靠左、「忘记密码？」靠右，同一行（space-between） */
.pc-auth-in .lg-links{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:18px 0 6px}
/* 密码登录：忘记密码保持原位（距密码框 14+4=18px），行的总高度仍由 JS 撑到与协议行一致，按钮不偏移 */
.pc-auth-in .lg-links.single{justify-content:flex-end;align-items:flex-start;margin:0 0 8px;padding-top:4px}
.pc-auth-in .lg-links .lg-register{margin:0}
.pc-auth-in .lg-forgot{background:none;border:none;color:var(--brand);font-size:13px;line-height:1.6;cursor:pointer;padding:0;font-family:inherit}
/* 协议勾选 */
.pc-auth-in .lg-agree{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--ink-2);cursor:pointer;
  margin-bottom:8px;line-height:1.6;outline:none}
.pc-auth-in .lga-box{width:18px;height:18px;border:1.5px solid #c3ccdd;border-radius:5px;flex-shrink:0;margin-top:1px;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:transparent;line-height:1}
.pc-auth-in .lga-box.on{background:var(--brand);border-color:var(--brand);color:#fff}
.pc-auth-in .lg-link{color:var(--brand)}
/* ★ PC 登录按钮位置：改下面这行的 margin-top 即可整体上下移动（验证码/密码两个 tab 同步生效）
   注意：与上一行的 margin-bottom(8px) 发生外边距合并，实际间距 = max(8px, margin-top) */
.pc-auth-in .lg-submit{width:100%;border:none;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;
  font-size:14px;font-weight:700;padding:15px;border-radius:12px;cursor:pointer;margin-top:28px;font-family:inherit}
.pc-auth-in .lg-submit:hover{filter:brightness(1.05)}
/* 「没有账号？立即注册」：靠输入框左边（左对齐）
   ★ 上下间距与密码登录那一行（.lg-links 18/6）完全一致 → 两个 tab 来回切时不会上下跳 ✓ */
.pc-auth-in .lg-register{text-align:left;font-size:13px;color:var(--ink-2);margin:18px 0 6px}
.pc-auth-in .lg-register a{color:var(--brand);font-weight:700}
/* 底部信任条：顶到弹窗最底部 + 上方一条分割线 ✓ */
.pc-auth-in .lg-trust{margin-top:auto;padding-top:14px;border-top:1px solid var(--line-soft);
  display:flex;justify-content:center;gap:24px;font-size:10px;color:var(--ink-2)}
.pc-auth-in .lg-trust span{display:flex;align-items:center;gap:4px}
.pc-auth-in .lg-trust-ok svg{color:#22a55a}
.pc-auth-in .lg-trust-warn svg{color:#f59e0b}
/* 登录弹窗内点《用户服务协议》/《隐私协议》：协议弹窗默认 z-index 500，会被登录遮罩（960）压住
   → 登录弹窗存在时把后插入的协议弹窗提到 1200，保证显示在登录窗口之上 */
body > .pc-auth-mask ~ .agree-mask{z-index:1200}

/* ===================== 个人中心面板：收藏 / 足迹 / 发布 / 卡券 / 分销 / 资料 / 实名 / 安全 / 注销 / 公告 / 消息 ===================== */
/* 账号卡（我的收藏 / 浏览足迹 / 我的发布共用） */
.pc-acc{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;background:#fff;
  padding:12px 14px;margin-bottom:12px;transition:border-color .15s,box-shadow .15s}
.pc-acc.clickable{cursor:pointer}
.pc-acc:hover{border-color:rgba(46,91,255,.3);box-shadow:0 6px 18px -10px rgba(16,24,40,.22)}
.pc-acc-img{width:76px;height:76px;flex:0 0 76px;border-radius:10px;overflow:hidden;background:#eef1f6}
.pc-acc-img img{width:100%;height:100%;object-fit:cover;display:block}
.pc-acc-bd{flex:1;min-width:0}
.pc-acc-tt{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-acc-price{margin-top:6px;font-size:17px;font-weight:800;color:var(--danger);font-variant-numeric:tabular-nums}
.pc-acc-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;font-size:11.5px;color:var(--ink-3)}
.pc-acc-rej{margin-top:6px;font-size:12px;color:var(--danger)}
.pc-acc-acts{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto;justify-content:flex-end}
.pc-acc-arrow{flex:0 0 auto;font-size:12.5px;color:var(--brand)}
/* 我的发布：整卡纵向（顶部编号+状态 / 中部信息 / 底部操作） */
.pc-acc.col{align-items:stretch;flex-direction:column;gap:10px}
.pc-acc-no{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink-3)}
.pc-acc-row{display:flex;align-items:center;gap:14px}
.pc-acc-foot{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line-soft)}
.pc-act{height:30px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-2);
  font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.pc-act:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.pc-act.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);font-weight:700}
.pc-act.danger{color:var(--danger);border-color:#ffdcd8}
.pc-act.danger:hover{background:#fff2f0;border-color:var(--danger);color:var(--danger)}
/* ===== 我的收藏：三列卡片（参考稿：16:9 深底图 + 押金角标 + 标签 + 橙色价格 + 圆形操作） ===== */
.pcf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1180px){.pcf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pcf-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e4e4e7;border-radius:16px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .16s,box-shadow .16s}
.pcf-card:hover{border-color:rgba(46,91,255,.3);box-shadow:0 8px 20px rgba(16,24,40,.08)}
.pcf-media{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#27272a}
.pcf-media img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}
.pcf-card:hover .pcf-media img{transform:scale(1.03)}
.pcf-dep{position:absolute;top:8px;left:8px;background:#f5222d;color:#fff;font-size:10px;font-weight:700;
  line-height:1.4;padding:2px 8px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.pcf-bd{display:flex;flex-direction:column;flex:1;padding:16px}
.pcf-tt{font-size:14px;font-weight:700;line-height:1.5;color:#27272a;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;flex:1;text-decoration:none;transition:color .16s}
.pcf-tt:hover{color:var(--brand)}
.pcf-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.pcf-tag{font-size:10px;line-height:1.4;padding:2px 6px;border-radius:4px;border:1px solid transparent;white-space:nowrap}
.pcf-tag.no{background:rgba(46,91,255,.08);color:var(--brand);border-color:rgba(46,91,255,.18);font-weight:700;
  font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.2px}
.pcf-tag.asset{background:#fffbeb;color:#d97706;border-color:#fef3c7}
.pcf-tag.coin{background:#ecfdf5;color:#059669;border-color:#d1fae5}
.pcf-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #f4f4f5}
.pcf-price{display:flex;align-items:baseline;gap:2px;color:#ff6600;font-variant-numeric:tabular-nums}
.pcf-price i{font-size:12px;font-weight:700;font-style:normal}
.pcf-price b{font-size:18px;font-weight:900;line-height:1}
.pcf-acts{display:flex;gap:8px}
.pcf-act{width:32px;height:32px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .16s;text-decoration:none}
.pcf-act.view{background:rgba(46,91,255,.06);color:var(--brand)}
.pcf-act.view:hover{background:rgba(46,91,255,.14)}
.pcf-act.del{background:#fef2f2;color:#ef4444}
.pcf-act.del:hover{background:#fee2e2}
/* 足迹分组 */
.pc-hist{margin-bottom:16px}
.pc-hist-hd{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12.5px;color:var(--ink-3)}
.pc-hist-hd b{font-size:13.5px;font-weight:800;color:var(--ink)}
/* 通用行（公告 / 消息） */
.pc-line{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);
  border-radius:10px;background:#fff;padding:12px 14px;margin-bottom:10px;font-family:inherit;cursor:pointer;
  transition:border-color .15s,background .15s}
.pc-line:hover{border-color:var(--brand);background:var(--brand-soft)}
.pc-line-tt{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-line-mt{flex:0 0 auto;font-size:11.5px;color:var(--ink-3)}
.pc-line-ar{flex:0 0 auto;color:var(--ink-3)}
.pc-unread{flex:0 0 auto;font-size:11px;font-weight:700;color:#fff;background:var(--danger);border-radius:999px;padding:1px 7px}
/* 我的发布状态角标 */
.pc-st{font-size:11.5px;font-weight:700;border-radius:5px;padding:2px 9px;white-space:nowrap;background:#eef1f6;color:var(--ink-2)}
.pc-st.pending,.pc-st.settle{background:#fff4e5;color:#b45309}
.pc-st.on_sale,.pc-st.completed{background:#e8f7ef;color:var(--ok)}
.pc-st.locked{background:var(--brand-soft);color:var(--brand)}
.pc-st.rejected{background:#fdeceb;color:var(--danger)}
/* 公告正文（段落 / 引用 / 竖线表格） */
.pc-nt-detail{font-size:13px;line-height:1.9;color:var(--ink-2)}
.pc-nt-date{margin-bottom:8px;font-size:12px;color:var(--ink-3)}
.pc-nt-p{margin:0 0 10px;word-break:break-word}

/* ===== 系统通知详情弹窗（.pcnt-*）：与站点同一套 token，替代通用 openModal ===== */
.pcnt-mask{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;padding:28px;
  background:rgba(15,23,42,.42);-webkit-backdrop-filter:blur(4px) saturate(1.05);backdrop-filter:blur(4px) saturate(1.05);
  animation:pcntFade .18s ease-out}
@keyframes pcntFade{from{opacity:0}to{opacity:1}}
.pcnt-card{position:relative;width:600px;max-width:100%;max-height:calc(100vh - 112px);display:flex;flex-direction:column;
  background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(16,24,40,.06),0 2px 6px rgba(16,24,40,.04),0 32px 80px -24px rgba(15,23,42,.34);
  animation:pcntIn .26s cubic-bezier(.16,1,.3,1)}
@keyframes pcntIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* —— 头部：图标 + 标题 + 分类标签 · 时间 —— */
.pcnt-hd{display:flex;align-items:flex-start;gap:14px;padding:26px 30px 18px}
.pcnt-ic{flex:0 0 44px;width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#f2f6ff,#e7eeff);color:var(--brand,#2e5bff);
  box-shadow:inset 0 0 0 1px rgba(46,91,255,.07)}
.pcnt-ic svg{width:21px;height:21px}
/* 分类配色：资金=绿、审核=琥珀、俱乐部/会员=紫、系统/账号=石板灰，一眼分辨通知种类 */
.pcnt-ic.ic-fund{background:linear-gradient(150deg,#eefbf3,#e2f7ec);color:#12a150;box-shadow:inset 0 0 0 1px rgba(18,161,80,.08)}
.pcnt-ic.ic-audit{background:linear-gradient(150deg,#fff8ec,#fdf0dc);color:#d97706;box-shadow:inset 0 0 0 1px rgba(217,119,6,.09)}
.pcnt-ic.ic-club{background:linear-gradient(150deg,#f6f3ff,#ede8ff);color:#7c5cf5;box-shadow:inset 0 0 0 1px rgba(124,92,245,.09)}
.pcnt-ic.ic-sys{background:linear-gradient(150deg,#f6f8fb,#eef1f6);color:#64748b;box-shadow:inset 0 0 0 1px rgba(100,116,139,.08)}
.pcnt-tt{flex:1;min-width:0;padding-top:2px}
.pcnt-tt b{display:-webkit-box;font-size:18.5px;font-weight:600;line-height:1.4;letter-spacing:.2px;color:#1b2436;
  overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-wrap:pretty}
.pcnt-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:10px;font-size:12px;color:#9aa4b5}
.pcnt-tag{padding:1px 7px;border-radius:5px;background:rgba(46,91,255,.08);color:var(--brand,#2e5bff);
  font-size:10.5px;font-weight:600;letter-spacing:.4px;line-height:1.7}
/* 标签跟随图标分类配色，避免"绿图标 + 蓝标签"的割裂感 */
.pcnt-tag.ic-fund{background:rgba(18,161,80,.09);color:#0f8a45}
.pcnt-tag.ic-audit{background:rgba(217,119,6,.10);color:#b96a05}
.pcnt-tag.ic-club{background:rgba(124,92,245,.10);color:#6b4be0}
.pcnt-tag.ic-sys{background:rgba(100,116,139,.10);color:#5a6b80}
.pcnt-time{position:relative;padding-left:11px}
.pcnt-time::before{content:'';position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:#d2d9e4;transform:translateY(-50%)}
.pcnt-x{flex:0 0 32px;width:32px;height:32px;margin:-3px -6px 0 0;border:0;border-radius:10px;background:transparent;
  color:#98a2b3;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s,color .16s}
.pcnt-x:hover{background:#f1f4f9;color:#475467}

/* —— 正文：15px/1.85，行宽控制在 600 卡内约 30 字 —— */
.pcnt-bd{flex:1;min-height:0;overflow-y:auto;padding:6px 30px 12px;font-size:15.5px;line-height:1.78;color:#3a4152;
  letter-spacing:.012em;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dde3ec transparent}
.pcnt-bd .nt-p{font-size:15.5px;line-height:1.78;color:#3a4152;margin:0 0 16px;word-break:break-word;text-wrap:pretty}
.pcnt-bd .nt-p:last-child{margin-bottom:0}
/* 空行不再额外撑高度（间距统一交给段落 margin，避免"忽大忽小"） */
.pcnt-bd .nt-gap{height:0}

/* —— 短通知：主句（深）+ 说明（浅）两层，避免一句话铺满一行显得单薄 —— */
.pcnt-bd .pcnt-lead{font-size:15.5px;line-height:1.72;color:#2b3446;letter-spacing:.012em;text-wrap:pretty}
.pcnt-bd .pcnt-sub{margin-top:7px;font-size:13.5px;line-height:1.72;color:#6b7689;letter-spacing:.012em;text-wrap:pretty}
.pcnt-bd .pcnt-lead em,.pcnt-bd .pcnt-sub em{font-style:normal;font-weight:600;color:#16233a}
.pcnt-bd .pcnt-sub em{color:#4c5a70}
/* 只有一句结论（无说明）：字号略大 + 底部多留白，一行也不显空 */
.pcnt-bd.is-single{padding-bottom:18px}
.pcnt-bd.is-single .pcnt-lead{font-size:16.5px;line-height:1.7;color:#232d40}
/* 明细表：去掉网格与灰底表头，只留行分隔 → 像"账单摘要"而不是 Excel */
.pcnt-bd .nt-tblwrap{margin:2px 0 18px;overflow-x:auto}
.pcnt-bd .nt-table{width:100%;border:0 !important;border-radius:0;border-collapse:collapse;background:transparent;
  font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.pcnt-bd .nt-table th,.pcnt-bd .nt-table td{border:0;white-space:normal;word-break:break-word;text-align:left}
.pcnt-bd .nt-table th{padding:0 0 9px;font-size:11px;font-weight:600;letter-spacing:.6px;color:#98a2b3;
  border-bottom:1px solid rgba(16,24,40,.09);background:transparent}
.pcnt-bd .nt-table td{padding:12px 0;color:#3a4152;border-bottom:1px solid rgba(16,24,40,.055);background:transparent !important}
/* 两列表格（字段 / 值）：值列右对齐 → 金额竖向对齐，不再"中间空一大块" */
.pcnt-bd .nt-table tr > *:nth-child(2):last-child{text-align:right}
.pcnt-bd .nt-table td:first-child{color:#68758a}
.pcnt-bd .nt-table tbody tr:last-child td{border-bottom:0}
.pcnt-bd .nt-table td+td,.pcnt-bd .nt-table th+th{padding-left:16px}
/* 公告弹窗内的多列表格（物资价目表）：等宽 + 居中，抵消上面的左右内边距偏移 */
.pcnt-bd .nt-table.nt-eq{table-layout:fixed}
.pcnt-bd .nt-table.nt-eq th,.pcnt-bd .nt-table.nt-eq td{text-align:center;padding-left:8px;padding-right:8px}
.md-bd .pc-nt-table.nt-eq{table-layout:fixed}
.md-bd .pc-nt-table.nt-eq th,.md-bd .pc-nt-table.nt-eq td{text-align:center}
/* 引用/提醒块：去掉生硬左竖条，改淡蓝圆角块，字色更深 */
.pcnt-bd .nt-quote{margin:12px 0 18px;padding:13px 16px;background:#f5f8ff;border-left:0;border-radius:10px;
  font-size:13.5px;line-height:1.78;color:#42506b;word-break:break-word;letter-spacing:.01em;
  box-shadow:inset 0 0 0 1px rgba(46,91,255,.06)}
.pcnt-bd::-webkit-scrollbar{width:9px}
.pcnt-bd::-webkit-scrollbar-track{background:transparent}
.pcnt-bd::-webkit-scrollbar-thumb{background:#dfe5ee;border-radius:9px;border:2px solid #fff}
.pcnt-bd::-webkit-scrollbar-thumb:hover{background:#cbd4e1}

/* —— 底部：一条极淡分隔线 + 右对齐主按钮 —— */
.pcnt-ft{display:flex;justify-content:flex-end;padding:16px 30px 20px;border-top:1px solid rgba(16,24,40,.06);background:#fff}
.pcnt-ok{height:42px;padding:0 26px;border:0;border-radius:11px;background:var(--brand,#2e5bff);color:#fff;
  font-size:14px;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s;
  box-shadow:0 4px 12px -6px rgba(46,91,255,.75)}
.pcnt-ok:hover{filter:brightness(1.06)}
.pcnt-ok:active{transform:scale(.985)}
.pcnt-ok:focus-visible{outline:2px solid #9db4ff;outline-offset:2px}
/* —— 短通知（is-compact）：底部与内边距收紧，让内容占的比重更大 —— */
.pcnt-card.is-compact .pcnt-hd{padding:24px 28px 15px}
.pcnt-card.is-compact .pcnt-bd{padding:2px 28px 10px}
.pcnt-card.is-compact .pcnt-ft{padding:12px 28px 16px}
.pcnt-card.is-compact .pcnt-ok{height:38px;padding:0 22px;font-size:13.5px}
/* 正文与标题重复时不渲染正文：头部直接承接按钮，不留一条空分隔线 */
.pcnt-card.is-compact .pcnt-bd.is-dup{display:none}
.pcnt-card.no-body .pcnt-hd{padding-bottom:8px}
.pcnt-card.no-body .pcnt-ft{border-top:0;padding-top:4px}

@media (max-width:680px){
  .pcnt-mask{padding:16px}
  .pcnt-card{border-radius:18px;max-height:calc(100vh - 48px)}
  .pcnt-hd{padding:20px 20px 14px;gap:12px}
  .pcnt-tt b{font-size:17px}
  .pcnt-bd{padding:4px 20px 10px;font-size:15px}
  .pcnt-bd .nt-p{font-size:15px;margin-bottom:15px}
  .pcnt-ft{padding:14px 20px 18px}
  /* 短通知在窄屏同样收紧 */
  .pcnt-card.is-compact .pcnt-hd{padding:20px 20px 12px}
  .pcnt-card.is-compact .pcnt-bd{padding:2px 20px 8px}
  .pcnt-card.is-compact .pcnt-ft{padding:12px 20px 14px}
  .pcnt-card.no-body .pcnt-hd{padding-bottom:6px}
}
.pc-nt-gap{height:8px}
.pc-nt-quote{margin:0 0 10px;padding:8px 12px;border-left:3px solid var(--brand);background:#f7f9fd;
  border-radius:0 8px 8px 0;color:var(--ink-2)}
.pc-nt-tblwrap{overflow-x:auto;margin:0 0 12px}
.pc-nt-table{border-collapse:collapse;width:100%;font-size:12.5px}
.pc-nt-table th,.pc-nt-table td{border:1px solid var(--line);padding:7px 10px;text-align:left}
.pc-nt-table th{background:#fafbfe;font-weight:700;color:var(--ink)}
/* 分销中心 */
.pc-prom-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--line);
  border-radius:10px;background:#fafbfe;margin-bottom:8px}
.pc-prom-link span{flex:1;min-width:0;font-size:12.5px;color:var(--ink-2);word-break:break-all}
/* 分销中心（新版布局，pcpm- 前缀；与其它页面互不影响） */
.pcpm-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.pcpm-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid}
.pcpm-badge.blue{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.pcpm-badge.violet{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}
.pcpm-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px}
.pcpm-cardhd{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--brand)}
.pcpm-cardhd b{font-size:14px;color:var(--ink)}
.pcpm-code{margin-left:auto;font-size:12px;color:var(--ink-3)}
.pcpm-code b{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;font-size:12.5px;color:var(--ink)}
.pcpm-link{display:flex;align-items:center;padding:12px 14px;background:#fafafa;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
.pcpm-link span{flex:1;min-width:0;font-size:13px;font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--ink-2);word-break:break-all;user-select:all}
.pcpm-copybtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 0;border:none;border-radius:12px;
  background:var(--brand);color:#fff;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .16s,transform .12s}
.pcpm-copybtn:hover{opacity:.92}
.pcpm-copybtn:active{transform:scale(.99)}
.pcpm-copyhint{margin:12px 0 0;font-size:12px;color:var(--ink-3);text-align:center}
.pcpm-rulett{margin:0 0 12px;font-size:13.5px;font-weight:800;color:var(--ink)}
.pcpm-rules{list-style:none;margin:0;padding:0}
.pcpm-rules li{position:relative;padding-left:14px;font-size:12.5px;line-height:1.9;color:var(--ink-2)}
.pcpm-rules li:before{content:'·';position:absolute;left:2px;top:0;color:var(--brand);font-weight:800}
.pcpm-rulefoot{margin:12px 0 0;padding-top:12px;border-top:1px solid #f1f4f9;font-size:12px;line-height:1.85;color:var(--ink-3)}
.pcpm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pcpm-stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px}
.pcpm-stat .lb{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;font-weight:500;color:var(--ink-3)}
.pcpm-stat .lb svg{color:var(--ink-3)}
.pcpm-stat:nth-child(1) .lb svg{color:#2563eb}
.pcpm-stat:nth-child(2) .lb svg{color:#059669}
.pcpm-stat:nth-child(3) .lb svg{color:#d97706}
.pcpm-stat b{font-size:17px;font-weight:900;color:var(--ink)}
.pcpm-move{display:flex;align-items:center;gap:12px;margin-top:12px;padding:9px 14px;border:1px solid #dbe6ff;background:#f7faff;border-radius:11px;font-size:12.5px;color:var(--ink-2)}
.pcpm-move b{color:var(--brand);font-size:14px}
.pcpm-move .btn{margin-left:auto}
.pcpm-upd{display:flex;align-items:center;gap:5px;margin:10px 0 14px;font-size:11.5px;color:var(--ink-3)}
/* 走势卡（与 H5 .pm-trend-hd 结构一致） */
.pcpm-trend-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pcpm-tt{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:800;color:var(--ink)}
.pcpm-sub{margin:2px 0 0;font-size:10.5px;color:var(--ink-3)}
.pcpm-hseg{display:inline-flex;align-items:center;gap:2px;background:#f2f5fa;border-radius:10px;padding:2px;flex-shrink:0}
.pcpm-hseg button{border:none;background:transparent;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;color:var(--ink-3);cursor:pointer;white-space:nowrap;font-family:inherit}
.pcpm-hseg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(16,24,40,.10)}
/* 走势卡 - H5 对齐版：两个可点击统计格 */
.pcpm-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.pcpm-mini{border:1px solid rgba(16,24,40,.055);border-radius:12px;padding:10px 12px;background:#f8fafd;
  box-shadow:0 1px 1px rgba(16,24,40,.03),0 3px 8px -4px rgba(16,24,40,.06)}
.pcpm-mini.on{border-color:rgba(46,91,255,.30);background:var(--brand-soft,rgba(46,91,255,.12))}
/* 收益模式：红 #ff3b30 高亮 */
.pcpm-mini.on.pcpm-mini-red{border-color:rgba(255,59,48,.30);background:rgba(255,59,48,.055)}
.pcpm-mini.on.pcpm-mini-red b{color:#ff3b30}
/* 邀请模式：主色（沿用 .pcpm-mini.on 的主色高亮） */
.pcpm-mini.on b{color:var(--brand)}
.pcpm-mini{cursor:pointer;transition:border-color .16s ease,background .16s ease}
.pcpm-mini:active{transform:scale(.985)}
/* 15分钟更新小胶囊 */
.pcpm-warn-pill{margin-top:6px;display:inline-flex;align-items:center;gap:4px;border:1px solid #fde68a;background:#fffbeb;border-radius:7px;padding:2px 7px;font-size:10px;color:#b45309;line-height:1.6}
.pcpm-mini p{font-size:10.5px;color:var(--ink-3,#8a94a8)}
.pcpm-mini b{display:block;margin-top:3px;font-size:16px;font-weight:900;color:var(--ink)}
/* 今天汇总条 */
.pcpm-today{margin-top:12px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:#f5f7fb;padding:9px 12px}
.pcpm-today b{font-size:11.5px;font-weight:800;color:var(--ink)}
.pcpm-today b em{font-style:normal;font-weight:500;color:var(--ink-3);margin-left:5px}
.pcpm-today span{font-size:11px;color:var(--ink-3)}
.pcpm-today span strong{color:var(--brand);font-weight:900}
.pcpm-today span strong.pcpm-red{color:#ff3b30;font-weight:900}
.pcpm-chart-wrap{position:relative;margin-top:8px}
.pcpm-chart{width:100%;display:block;overflow:visible}
.pcpm-flowcard{padding-bottom:6px}
.pcpm-flowhd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid #f1f4f9}
.pcpm-flowhd>b{font-size:13.5px;font-weight:800;color:var(--ink)}
.pcpm-filters{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}
.pcpm-seg{display:flex;align-items:center;gap:2px;padding:2px;background:#f4f4f5;border-radius:9px}
.pcpm-seg button{border:none;background:transparent;padding:4px 10px;border-radius:7px;font-size:12px;font-weight:600;
  color:var(--ink-3);font-family:inherit;cursor:pointer;transition:background .16s,color .16s}
.pcpm-seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(26,36,56,.10)}
.pcpm-refresh{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;
  border-radius:8px;color:var(--ink-3);cursor:pointer}
.pcpm-refresh:hover{background:#f4f4f5;color:var(--ink)}
.pcpm-refresh.spinning svg{animation:pcpmSpin .8s linear infinite}
@keyframes pcpmSpin{to{transform:rotate(360deg)}}
.pcpm-log{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #f6f7fa}
.pcpm-log:last-child{border-bottom:none}
.pcpm-log-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pcpm-log-l b{font-size:12.5px;font-weight:800;color:var(--ink)}
.pcpm-log-l span{font-size:11.5px;color:var(--ink-3);word-break:break-all}
.pcpm-log-l em{font-size:11px;font-style:normal;color:#b9c2d4}
.pcpm-log-r{flex-shrink:0;text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.pcpm-log-r b{font-size:13.5px;font-weight:900}
.pcpm-log-r b.plus{color:#059669}
.pcpm-log-r b.minus{color:#dc2626}
.pcpm-st{padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:700;background:#f4f4f5;color:var(--ink-3)}
.pcpm-st.settled{background:#ecfdf5;color:#059669}
.pcpm-st.pending{background:#fffbeb;color:#b45309}
.pcpm-st.revoked{background:#fef2f2;color:#dc2626}
.pcpm-st.moved{background:#eff6ff;color:#1d4ed8}
.pcpm-empty{padding:44px 0;text-align:center;font-size:12.5px;color:var(--ink-3)}
/* ================= 商品详情（参考 P1：面包屑 + 左详情 + 右购买卡） ================= */
/* 商品详情页容器：必须比 body.pc .container 的 margin:0 auto 优先级高，否则会被顶栏贴住 */
body.pc .container.pcg-container{margin:24px auto 40px}
.pcg-bread{background:#fff;border:1px solid #eceaf0;border-radius:12px;padding:10px 16px;margin-bottom:20px;box-shadow:0 1px 3px rgba(24,16,30,.04)}
.pcg-bread-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:#999}
.pcg-bread-nav a{color:#999;text-decoration:none}
.pcg-bread-nav a:hover{color:var(--brand)}
.pcg-bread-nav svg{width:14px;height:14px}
.pcg-bread-back{display:flex;align-items:center;gap:4px;border:none;background:transparent;color:#54535f;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;padding:0}
.pcg-bread-back:hover{color:var(--brand)}
.pcg-bread-sep{width:1px;height:12px;background:#d4d4d8;margin:0 4px}
.pcg-bread-cur{color:#54535f}
.pcg-bread-no{margin-left:8px;color:#a1a1aa}
.pcg-bread-no b{color:#71717a;font-weight:600}
.pcg-bread-copy{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;color:#a1a1aa;cursor:pointer;border-radius:4px}
.pcg-bread-copy:hover{background:var(--brand-soft,rgba(46,91,255,.10));color:var(--brand)}
.pcg-bread-copy svg{width:12px;height:12px}
.pcg-bread-time{margin-left:4px;color:#a1a1aa}
/* 二级页（智能估价）返回栏：套用详情页面包屑，只补「距顶栏的间距」 */
.pc-crumb{margin-top:18px}
.pcg-row{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:stretch}
.pcg-left{min-width:0}
.pcg-card{background:#fff;border:1px solid #eceaf0;border-radius:16px;box-shadow:0 14px 36px rgba(24,16,30,.08)}
.pcg-detail-card{overflow:hidden}
.pcg-tabbar{display:flex;align-items:center;background:#f7f6fa;border-bottom:1px solid #eceaf0}
/* 头部右侧的小提示（例：号主特殊备注 → 游戏ID 不可修改），与「账号截图」同一套头部 */
.pcg-tab-hint{margin-left:auto;padding:0 24px;font-size:12.5px;color:#8a94a8;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pcg-tab-hint strong{color:var(--brand);font-weight:700}
.pcg-tab{padding:15px 28px;font-size:15px;font-weight:900;color:var(--brand);border-bottom:2px solid var(--brand);margin-bottom:-1px}
.pcg-content{padding:24px}
.pcg-title{margin:0;font-size:24px;line-height:1.45;font-weight:900;color:#18181b;word-break:break-all}
.pcg-gift{margin-top:12px;font-size:15px;font-weight:700;line-height:1.7;color:var(--brand);word-break:break-all}
/* 基础信息：图片下方，一行两个表格 */
.pcg-base{margin-bottom:20px;overflow:hidden}
/* 头部已改为与「账号截图」一致的 tabbar（.pcg-tabbar/.pcg-tab），.pcg-base-hd 保留但不再使用 */
.pcg-base-hd{padding:12px 18px;border-bottom:1px solid #eceaf0;font-size:14px;font-weight:800;color:#333}
.pcg-base-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:6px 24px 10px}
.pcg-base-cell{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #f1f4f9;font-size:13px}
.pcg-base-cell:nth-last-child(-n+2){border-bottom:none}
.pcg-base-cell span{color:#8a94a8;flex-shrink:0}
.pcg-base-cell b{color:#18181b;font-weight:700;text-align:right;word-break:break-all}
/* 账号信息 / 皮肤信息 / 额外物品信息 三个 tab（基础信息下方，独立按钮） */
.pcg-aitabs{display:flex;gap:8px;margin-top:20px}
.pcg-aitab{flex:1;padding:9px 0;border:1px solid #e8edf5;background:#fff;border-radius:10px;
  font-size:13px;color:#8a94a8;font-family:inherit;cursor:pointer;transition:border-color .16s,color .16s,background .16s}
.pcg-aitab:hover{border-color:rgba(46,91,255,.35);color:var(--brand)}
.pcg-aitab.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft,#eef3ff);font-weight:700}
.pcg-aitpanel{margin:14px 0 20px}
.pcg-sec-line{display:inline-block;width:3px;height:14px;border-radius:2px;background:var(--brand)}
.pcg-gamegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pcg-gc{display:flex;flex-direction:column;gap:3px;padding:10px 8px;border-radius:10px;background:#f8fafc;min-width:0;text-align:center}
.pcg-gcl{font-size:11px;color:#8a94a8}
.pcg-gcv{font-size:13px;font-weight:600;line-height:1.35;color:var(--ink);word-break:break-all}
.pcg-skins{margin-top:12px;border:1px solid #eceaf0;border-radius:12px;overflow:hidden;background:#f7f6fa;font-size:13px}
.pcg-skinrow{display:flex;align-items:flex-start;gap:16px;padding:12px 16px;border-bottom:1px solid #eceaf0}
.pcg-skinrow:last-child{border-bottom:none}
.pcg-skinlb{flex:0 0 80px;color:#999}
.pcg-skinval{flex:1;min-width:0;color:#333;font-weight:500;word-break:break-all}
.pcg-skinval.none{color:#9794a1;font-weight:400}
.pcg-skins-empty{padding:14px 16px;border-radius:10px;background:#f8fafc;font-size:13px;color:#9794a1}
/* 预付金额：文字靠右、金额红色加粗（与手机端 .ait-prepaid 一致） */
.pcg-prepaid{margin-top:10px;font-size:13px;color:#54535f;display:flex;align-items:baseline;justify-content:flex-end;gap:3px}
.pcg-prepaid b{color:#f0483e;font-weight:800;font-size:16px}
/* 号主特殊备注（tabs 下方） */
.pcg-remark{margin-bottom:20px;padding:0}
.pcg-remark .pcg-content{padding:16px 24px 18px}
.pcg-remark-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.pcg-remark-tt{font-size:15px;font-weight:800;color:#18181b}
.pcg-remark-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:8px;background:#f4f6fa;
  font-size:12px;color:#8a94a8;flex-shrink:0}
.pcg-remark-status strong{color:var(--brand);font-weight:700}
.pcg-remark-bd{font-size:13px;line-height:1.8;color:#343a40;word-break:break-all}
/* 账号截图（一列两张图） */
.pcg-shots-card + .pcg-shots-card{margin-top:20px}
.pcg-shots-card .pcg-gift{margin:0 0 14px}
/* 赠品现在挂在「号主特殊备注」卡里（原来的截图卡已并入轮播） */
.pcg-remark .pcg-gift{margin:0 0 10px;padding:0 16px}
/* 号主特殊备注下的「账号截图」清单：按原图比例完整展示（不裁切）
   —— 截图里是资产/装备明细，用 16:10 + cover 会把左右两侧切掉，看不全 ✗ */
.pcg-shots-card .pcg-shot img{aspect-ratio:auto;object-fit:contain;background:#12141a}
.pcg-shots{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pcg-shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;border:1px solid #eceaf0;
  cursor:zoom-in;transition:opacity .16s}
.pcg-shot img:hover{opacity:.9}
/* 商品截图轮播（无卡片外框，左上角账户截图角标） */
.pcg-gal{margin-bottom:20px}
.pcg-slide-view{position:relative;width:100%;overflow:hidden;border-radius:14px;background:#12141a;
  aspect-ratio:2.2;max-height:420px;box-shadow:0 10px 28px rgba(24,16,30,.10)}
.pcg-slide-track{display:flex;width:100%;height:100%;transition:transform .38s cubic-bezier(.22,.61,.36,1)}
/* ★ 高度由 16:9（实测 904×509）收到 360px：原来一张截图就占满一屏，
   下面的基础信息 / 账号信息全被挤到折叠线以下 ✗
   现在统一 360px，图片仍然铺满整幅（cover 只裁掉上下约一成边缘） */
.pcg-slide{flex:0 0 100%;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;
  background:#12141a;overflow:hidden}
/* contain：截图上都是资产数据，宁可两侧留一点，也不要上下裁掉一行字 */
.pcg-slide img{display:block;width:100%;height:100%;object-fit:cover;cursor:zoom-in;user-select:none}
.pcg-gal-badge{position:absolute;left:14px;top:14px;z-index:2;padding:4px 11px;border-radius:999px;
  background:rgba(24,16,30,.55);color:#fff;font-size:12px;font-weight:700;line-height:1.6;letter-spacing:.5px;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pcg-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;border:none;border-radius:50%;
  background:rgba(24,16,30,.45);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;
  opacity:.75;transition:opacity .18s,background .18s;z-index:2}
.pcg-gal:hover .pcg-arrow{opacity:1}
.pcg-arrow:hover{background:rgba(24,16,30,.68)}
.pcg-arrow.prev{left:14px}
.pcg-arrow.next{right:14px}
.pcg-arrow svg{width:18px;height:18px}
.pcg-counter{position:absolute;right:14px;bottom:12px;padding:3px 10px;border-radius:999px;background:rgba(24,16,30,.55);
  color:#fff;font-size:11px;font-weight:700;line-height:1.6;z-index:2}
.pcg-counter b{font-weight:900}
.pcg-dots{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0}
.pcg-dots i{width:6px;height:6px;border-radius:50%;background:#d8dbe4;cursor:pointer;transition:width .18s,background .18s}
.pcg-dots i.on{width:16px;border-radius:3px;background:var(--brand)}
.pcg-noimg{padding:40px 0;text-align:center;border:1px dashed #eceaf0;border-radius:14px;color:#9794a1;font-size:13px}
/* 全屏截图预览（黑底灯箱） */
.pcg-lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pcg-lb-img{max-width:90vw;max-height:82vh;object-fit:contain;user-select:none;border-radius:6px;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.75)}
.pcg-lb-count{position:absolute;top:24px;left:50%;transform:translateX(-50%);padding:6px 16px;border-radius:999px;
  background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:700;
  user-select:none;white-space:nowrap}
.pcg-lb-count b{font-weight:900}
.pcg-lb-actions{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px}
.pcg-lb-btn{display:flex;align-items:center;gap:4px;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.15);color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;user-select:none;
  box-shadow:0 10px 24px rgba(0,0,0,.35);transition:background .15s,transform .15s,box-shadow .15s}
.pcg-lb-btn:hover{background:rgba(255,255,255,.4);transform:translateY(-3px) scale(1.04);box-shadow:0 0 20px rgba(255,255,255,.35)}
.pcg-lb-btn:active{transform:scale(.94)}
.pcg-lb-btn svg{width:20px;height:20px}
.pcg-lb-main{padding:12px 32px;background:#fff;border-color:#fff;color:#111}
.pcg-lb-main:hover{background:#f3f4f6;box-shadow:0 0 24px rgba(255,255,255,.5)}
.pcg-right{min-width:0}
/* 右栏跟随：整列拉伸到与左栏等高，卡片在其内部 sticky，滚动时跟随下来 */
.pcg-buy-card{position:sticky;top:178px;overflow:hidden;box-shadow:0 14px 36px rgba(24,16,30,.10)}
.pcg-buy-hd{padding:20px;border-bottom:1px solid #eceaf0;background:linear-gradient(135deg,var(--brand-soft,#eef3ff),#fff);display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.pcg-buy-price{display:flex;align-items:flex-end;color:var(--brand);font-weight:900;line-height:1}
.pcg-buy-cur{font-size:18px;margin-right:2px;margin-bottom:2px}
.pcg-buy-int{font-size:32px;letter-spacing:-.5px}
.pcg-buy-dec{font-size:20px;margin-bottom:1px}
.pcg-buy-copy{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:5px 10px;border:1px solid rgba(46,91,255,.22);border-radius:8px;
  background:rgba(255,255,255,.85);color:var(--brand);font-size:11px;font-weight:700;font-family:inherit;cursor:pointer}
.pcg-buy-copy:hover{background:#fff}
.pcg-buy-copy svg{width:12px;height:12px}
.pcg-ratio{margin:12px 20px 0;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(46,91,255,.22);border-radius:10px;background:var(--brand-soft,#eef3ff)}
.pcg-ratio-label{font-size:12px;font-weight:700;color:#1d4ed8;flex-shrink:0}
.pcg-ratio-val{font-size:19px;font-weight:900;line-height:1;color:var(--brand);white-space:nowrap}
.pcg-ratio-sub{margin-left:auto;font-size:11px;color:#8a94a8;flex-shrink:0}
.pcg-summary{margin:16px 20px 0;padding:12px 16px;border:1px solid #eceaf0;border-radius:12px;background:#f7f6fa;
  font-size:13px;font-weight:700;line-height:1.7;color:#54535f;word-break:break-all}
.pcg-tags{margin:12px 20px 0;display:flex;flex-wrap:wrap;gap:8px}
.pcg-tag{padding:3px 8px;border-radius:8px;border:1px solid;font-size:11px;font-weight:700}
.pcg-tag-green{background:#f3fbf1;color:#278c3b;border-color:#bde8c3}
.pcg-tag-orange{background:var(--brand-soft,#eef3ff);color:var(--brand);border-color:rgba(46,91,255,.22);font-weight:900}
.pcg-buttons{margin-top:18px;padding:20px;background:#f7f6fa;display:flex;flex-direction:column;gap:12px}
.pcg-btns-row{display:flex;gap:12px}
.pcg-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 0;border-radius:12px;
  font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .16s,color .16s,background .16s}
.pcg-btn svg{width:16px;height:16px;flex-shrink:0}
.pcg-btn-ghost{flex:1;background:#fff;border:1px solid #eceaf0;color:#54535f}
.pcg-btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.pcg-btn-ghost.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft,#eef3ff)}
.pcg-trade{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 0;border:1px solid rgba(46,91,255,.22);border-radius:12px;
  background:var(--brand-soft,#eef3ff);color:var(--brand);font-size:12px;font-weight:700}
.pcg-trade-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:pcgPulse 1.4s ease-in-out infinite}
@keyframes pcgPulse{0%,100%{opacity:1}50%{opacity:.35}}
.pcg-trade-sub{text-align:center;font-size:11px;color:#9794a1}
.pcg-agree{margin:0;text-align:center;font-size:12px;line-height:1.7;color:#9794a1}
.pcg-agree-link{padding:0 2px;border:none;background:transparent;color:var(--brand);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}
.pcg-agree-link:hover{text-decoration:underline}
.pcg-buy-actions{display:flex;gap:10px}
.pcg-btn-time{flex:0 0 116px;background:#fff;border:1px solid rgba(46,91,255,.4);color:var(--brand);
  font-size:14px;font-weight:800;transition:background .16s}
.pcg-btn-time:hover{background:var(--brand-soft,#eef3ff)}
.pcg-btn-main{flex:1;padding:14px 0;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:900;
  background:linear-gradient(135deg,var(--brand),var(--brand-2,#4c7bff));box-shadow:0 8px 20px rgba(46,91,255,.28)}
.pcg-btn-main:hover{opacity:.92}
.pcg-btn-main:active{transform:scale(.985)}
.pcg-mini-tip{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border:1px solid #e4e4e7;border-radius:12px;background:#fafafa}
.pcg-mini-tip svg{width:16px;height:16px;flex-shrink:0;color:var(--brand);margin-top:2px}
.pcg-mini-tip p{margin:0;font-size:12px;font-weight:500;line-height:1.7;color:#52525b}
/* 确认下单弹层（与 H5 rent-sheet 一致；遮罩不绑定点击，点外部无效） */
.pcg-rent-mask{position:fixed;inset:0;z-index:500;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.pcg-rent-sheet{width:400px;max-width:100%;max-height:88vh;overflow-y:auto;background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.3)}
.pcg-rs-hd{display:flex;align-items:center;gap:10px;padding:15px 18px 12px;border-bottom:1px solid #f1f4f9;color:var(--brand)}
.pcg-rs-hd svg{width:24px;height:24px;flex-shrink:0}
.pcg-rs-hd h3{margin:0;font-size:17px;font-weight:900;color:#18181b}
.pcg-rs-body{padding:14px 18px 0}
.pcg-rs-price{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pcg-rs-col{flex:1;text-align:center}
.pcg-rs-k{font-size:12px;color:#8a94a8}
/* 俱乐部入驻免押：押金标签旁的绿色小徽章 */
.pcg-rs-free{font-style:normal;display:inline-block;margin-left:5px;padding:1px 6px;border-radius:999px;
  background:rgba(34,165,90,.1);color:#189b52;font-size:10px;font-weight:800;vertical-align:1px}
.pcg-rs-v{display:block;margin-top:5px;font-size:20px;font-weight:900;color:#18181b;line-height:1.1}
.pcg-rs-sym{font-size:12px;font-weight:700;margin-right:1px}
.pcg-rs-dec{font-size:13px}
.pcg-rs-mid{flex:0 0 auto;display:flex;align-items:center;gap:5px}
.pcg-rs-line{width:16px;height:1px;background:#e6e8ee}
.pcg-rs-badge{padding:2px 8px;border-radius:999px;background:#f4f6fa;color:#8a94a8;font-size:10px;font-weight:700;white-space:nowrap}
.pcg-rs-fee{display:flex;justify-content:space-between;margin-top:14px;font-size:13px;color:#8a94a8}
.pcg-rs-total{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px dashed #eceaf0}
.pcg-rs-total>span:first-child{font-size:14px;font-weight:700;color:#54535f}
.pcg-rs-total-v{font-size:20px;font-weight:900;color:var(--brand);line-height:1}
.pcg-rs-mats{margin-top:14px;padding-top:12px;border-top:1px solid #f1f4f9}
.pcg-rs-mats-t{margin:0 0 8px;font-size:12px;font-weight:700;color:#8a94a8}
.pcg-rs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pcg-rs-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;border-radius:8px;background:#f8fafc;font-size:12px}
.pcg-rs-item .n{color:#54535f}
.pcg-rs-item .p{color:#8a94a8;white-space:nowrap}
.pcg-rs-agree{margin:12px 18px 0;text-align:center;font-size:12px;color:#5b6577;line-height:1.7}
.pcg-rs-agree button{padding:0 2px;border:none;background:transparent;color:var(--brand);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}
.pcg-rs-agree button:hover{text-decoration:underline}
.pcg-rs-foot{display:flex;align-items:center;margin-top:16px;border-top:1px solid #f1f4f9}
.pcg-rs-cancel,.pcg-rs-ok{flex:1;padding:15px 0;border:none;background:transparent;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer}
.pcg-rs-cancel{color:#8a94a8}
.pcg-rs-cancel:hover{color:#54535f}
.pcg-rs-div{width:1px;height:20px;background:#eceaf0;flex-shrink:0}
.pcg-rs-ok{color:var(--brand)}
.pcg-rs-ok:disabled{opacity:.55;cursor:default}
@media (max-width:1180px){
  .pcg-row{grid-template-columns:minmax(0,1fr)}
  .pcg-buy-card{position:static}
}
@media (max-width:720px){
  .pcg-gamegrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcg-content{padding:16px}
  .pcg-title{font-size:19px}
  .pcg-lb-actions{gap:8px}
  .pcg-lb-btn{padding:10px 14px;font-size:14px}
  .pcg-lb-main{padding:10px 20px}
  .pcg-base-grid{grid-template-columns:1fr}
  .pcg-base-cell:nth-last-child(-n+2){border-bottom:1px dashed #f1f4f9}
  .pcg-base-cell:last-child{border-bottom:none}
  .pcg-aitabs{margin-top:14px;gap:6px}
  .pcg-remark{padding:0;margin-bottom:14px}
  .pcg-remark .pcg-content{padding:14px 16px}
  .pcg-base-grid{padding:4px 16px 8px}
  .pcg-tab-hint{padding:0 16px;font-size:12px}
  .pcg-shots{grid-template-columns:1fr}
  .pcg-aitab{font-size:12px}
  .pcg-rs-grid{grid-template-columns:1fr}
}
/* 资料 / 实名 / 安全 / 注销共用 */
.pc-hint{margin:6px 0 0;font-size:12px;line-height:1.8;color:var(--ink-3)}
.pc-pe-avwrap{margin-bottom:16px}
.pc-pe-av{width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;cursor:pointer}
.pc-pe-av img{width:100%;height:100%;object-fit:cover;display:block}
/* ===== 资料设置（参考稿：头像头部 + 退出登录 / 基础资料行 / 提交审核） ===== */
.pcpf-hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;
  background:#fafafa;border-bottom:1px solid #f0f2f6}
.pcpf-me{display:flex;align-items:center;gap:18px;min-width:0}
.pcpf-av{position:relative;width:80px;height:80px;flex:0 0 80px;border-radius:50%;overflow:hidden;
  border:4px solid #fff;box-shadow:0 2px 8px rgba(16,24,40,.12);background:#e4e4e7;color:#8a94a8;
  display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;cursor:pointer}
.pcpf-avimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pcpf-avimg img{width:100%;height:100%;object-fit:cover;display:block}
.pcpf-avmask{position:absolute;left:0;right:0;bottom:0;height:24px;background:rgba(0,0,0,.55);color:#fff;
  font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:3px}
.pcpf-me-tx{min-width:0}
.pcpf-me-tx h2{margin:0;font-size:19px;font-weight:900;color:#18181b;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcpf-me-tx p{margin:6px 0 0;font-size:12px;font-weight:600;color:#8a94a8}
.pcpf-logout{display:flex;align-items:center;gap:6px;height:38px;padding:0 18px;flex:0 0 auto;
  border:1px solid #e4e9f2;border-radius:11px;background:#fff;color:#475467;font-family:inherit;
  font-size:13.5px;font-weight:700;cursor:pointer;transition:border-color .16s,background .16s,color .16s}
.pcpf-logout:hover{border-color:#ffdcd8;background:#fff6f5;color:#e5484d}
.pcpf-bd{padding:24px 28px 28px}
.pcpf-tt{display:flex;align-items:center;gap:6px;margin:0 0 20px;font-size:14px;font-weight:800;color:#18181b}
.pcpf-tt svg{color:#10b981}
.pcpf-rows{display:flex;flex-direction:column;gap:18px;max-width:720px}
.pcpf-row{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px}
.pcpf-lb{font-size:13.5px;font-weight:700;color:#71717a;text-align:right}
.pcpf-ctl{display:flex;align-items:center;gap:10px;min-width:0}
.pcpf-ctl-wrap{flex-wrap:wrap}
.pcpf-readonly{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;
  background:#fafafa;border:1px solid #e4e4e7;border-radius:12px;font-size:13.5px;color:#a1a1aa}
.pcpf-readonly svg{flex:0 0 auto;color:#a1a1aa}
.pcpf-ro-tip{margin-left:auto;font-style:normal;font-size:11px;color:#a1a1aa;white-space:nowrap}
.pcpf-ok{flex:0 0 auto;font-size:12px;font-weight:700;color:#10b981;background:#ecfdf5;
  border:1px solid #d1fae5;padding:6px 12px;border-radius:8px}
.pcpf-inputwrap{display:flex;align-items:center;gap:8px;min-width:0;height:44px;padding:0 14px;
  background:#fafafa;border:1px solid #e4e4e7;border-radius:12px;transition:border-color .16s,box-shadow .16s,background .16s}
.pcpf-inputwrap:focus-within{background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,91,255,.1)}
.pcpf-inputwrap svg{flex:0 0 auto;color:#a1a1aa}
.pcpf-in{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;font-family:inherit;
  font-size:13.5px;color:#27272a}
.pcpf-in::placeholder{color:#a1a1aa}
.pcpf-codebtn{flex:0 0 auto;height:32px;padding:0 12px;border:1px solid #e4e9f2;border-radius:8px;background:#fff;
  color:#475467;font-size:12.5px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap}
.pcpf-codebtn:hover{border-color:var(--brand);color:var(--brand)}
.pcpf-save{display:flex;align-items:center;gap:6px;flex:0 0 auto;height:44px;padding:0 18px;border:0;border-radius:12px;
  background:#18181b;color:#fff;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;
  transition:background .16s,opacity .16s}
.pcpf-save:hover{background:#27272a}
.pcpf-save:disabled{opacity:.45;cursor:not-allowed}
.pcpf-row-tip .pcpf-tip{margin:0;font-size:12px;line-height:1.75;color:#a1a1aa}
.pcpf-row-tip .pcpf-tip span{color:#d97706;margin-left:6px}
.pc-rn-warn{margin-bottom:16px;padding:12px 14px;border:1px solid #ffe1a8;background:#fff8ec;border-radius:10px;
  font-size:12.5px;line-height:1.9;color:#b45309}
.pc-rn-tt{font-size:15px;font-weight:800;color:var(--ok);margin-bottom:6px}
.pc-rn-card{margin:14px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.pc-rn-row{display:flex;gap:16px;padding:11px 14px;border-bottom:1px solid var(--line-soft);font-size:13px}
.pc-rn-row:last-child{border-bottom:0}
.pc-rn-row span{flex:0 0 90px;color:var(--ink-3)}
.pc-rn-row b{flex:1;color:var(--ink);word-break:break-word}
/* 实名认证（参考稿：单卡片 + 居中表单） */
.pcrn{max-width:780px;margin:24px auto 40px}
.pcrn-card{background:#fff;border:1px solid #e8ebf0;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(24,16,30,.05)}
.pcrn-hd{padding:20px 28px;background:#fafbfc;border-bottom:1px solid #f0f2f6}
.pcrn-hd h3{margin:0;font-size:18px;font-weight:900;color:#18181b}
.pcrn-warn{display:flex;align-items:flex-start;gap:6px;margin:8px 0 0;font-size:12px;line-height:1.6;font-weight:600;color:#f97316}
.pcrn-warn svg{flex:0 0 auto;margin-top:2px}
.pcrn-bd{padding:34px 40px 40px}
.pcrn-main{max-width:520px;margin:0 auto}
.pcrn-tt{text-align:center;font-size:20px;font-weight:900;color:#27272a}
.pcrn-sub{text-align:center;margin:6px 0 26px;font-size:13px;color:#8a94a8}
.pcrn-field{margin-bottom:18px}
.pcrn-lb{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#3f3f46}
.pcrn-in{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;
  font-size:14px;color:#18181b;outline:none;font-family:inherit;
  transition:background .16s,border-color .16s,box-shadow .16s}
.pcrn-in:focus{background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,91,255,.12)}
.pcrn-submit{display:block;width:100%;margin-top:8px;padding:14px 0;border:none;border-radius:12px;
  background:linear-gradient(135deg,var(--brand),var(--brand-2,#4c7bff));color:#fff;font-size:15px;font-weight:800;
  font-family:inherit;cursor:pointer;box-shadow:0 10px 24px rgba(46,91,255,.24);
  transition:opacity .16s,transform .1s}
.pcrn-submit:hover{opacity:.93}
.pcrn-submit:active{transform:scale(.99)}
.pcrn-done{padding-top:6px}
.pcrn-ok{width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:#ecfdf5;
  color:#10b981;display:flex;align-items:center;justify-content:center}
.pcrn-ok svg{display:block}
.pcrn-info{max-width:420px;margin:18px auto 0;border:1px solid #eef1f6;border-radius:12px;overflow:hidden}
.pcrn-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 16px;
  border-bottom:1px solid #f0f2f6;font-size:13px}
.pcrn-row:last-child{border-bottom:none}
.pcrn-row span{color:#8a94a8}
.pcrn-row b{color:#3f3f46;font-weight:700;word-break:break-all}
@media (max-width:720px){.pcrn{padding:0 12px}.pcrn-bd{padding:22px 18px 26px}}
.pc-link{border:0;background:transparent;padding:0;font-family:inherit;font-size:13px;color:var(--brand);cursor:pointer}
.pc-link:hover{text-decoration:underline}

/* ===== 安全设置（站点配色：分段切换 + 扁平表单，不额外套卡片） ===== */
.pcsec{max-width:600px}
.pcsec-modes{display:flex;gap:4px;padding:4px;margin-bottom:22px;background:#f4f6fa;border-radius:12px}
.pcsec-mode{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;height:40px;
  border:0;border-radius:9px;background:transparent;color:var(--ink-3);
  font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;
  transition:background .16s,color .16s,box-shadow .16s}
.pcsec-mode:hover{color:var(--ink-2)}
.pcsec-mode.on{background:#fff;color:var(--brand);box-shadow:0 1px 3px rgba(26,36,56,.12)}
.pcsec-field{margin-bottom:18px}
.pcsec-lb{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;
  color:var(--ink-3);letter-spacing:.3px}
.pcsec-lb svg{flex:0 0 auto}
.pcsec-iw{display:flex;align-items:center;gap:9px;height:46px;padding:0 14px;background:#fafafa;
  border:1px solid var(--line);border-radius:12px;transition:background .16s,border-color .16s,box-shadow .16s}
.pcsec-iw:focus-within{background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,91,255,.1)}
.pcsec-iw>svg{flex:0 0 auto;color:var(--ink-3)}
.pcsec-in{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;
  font-family:inherit;font-size:14px;color:var(--ink)}
.pcsec-in::placeholder{color:#a1a1aa}
.pcsec-coderow{display:flex;gap:10px}
.pcsec-coderow .pcsec-iw{flex:1}
.pcsec-codebtn{flex:0 0 auto;min-width:118px;height:46px;padding:0 16px;border:1px solid var(--brand);border-radius:12px;
  background:var(--brand);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;
  transition:background .16s,opacity .16s}
.pcsec-codebtn:hover{background:var(--brand-2)}
.pcsec-codebtn:disabled{opacity:.5;cursor:not-allowed}
.pcsec-phone{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:12.5px;font-weight:600;color:var(--ink-3)}
.pcsec-phone svg{flex:0 0 auto}
.pcsec-divider{height:0;margin:4px 0 20px;border-top:1px dashed var(--line)}
.pcsec-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:8px;
  border:0;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;
  font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.3px;cursor:pointer;
  box-shadow:0 10px 24px rgba(46,91,255,.24);transition:opacity .16s,transform .1s}
.pcsec-submit:hover{opacity:.93}
.pcsec-submit:active{transform:scale(.99)}

/* ===== 账号注销（站点配色：提示卡 + 条件卡，整体不再套卡片） ===== */
.pcca{max-width:720px}
.pcca-lead{margin:0 0 20px;font-size:13.5px;font-weight:600;line-height:1.9;color:var(--ink-2)}
.pcca-danger{margin-bottom:20px;padding:16px 18px;border:1px solid #ffdcd8;background:#fff5f4;border-radius:12px}
.pcca-danger h4{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:13.5px;font-weight:800;color:var(--danger)}
.pcca-danger h4 svg{flex:0 0 auto}
.pcca-danger p{margin:4px 0;padding-left:2px;font-size:12.5px;line-height:1.8;font-weight:500;color:#e0685f}
.pcca-cond{padding:18px 20px;background:#fafafa;border:1px solid var(--line);border-radius:12px}
.pcca-cond h4{display:flex;align-items:center;gap:7px;margin:0 0 14px;font-size:13.5px;font-weight:800;color:var(--ink)}
.pcca-sec{margin-top:22px;padding-top:20px;border-top:1px solid var(--line-soft)}
.pcca-sec h4{display:flex;align-items:center;gap:7px;margin:0 0 14px;font-size:14px;font-weight:800;color:var(--ink)}
.pcca-cond ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;
  margin:0;padding:0;list-style:none}
.pcca-cond li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2)}
.pcca-cond li::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#b6bfd0}
.pcca-audit{display:flex;align-items:center;gap:6px;margin:16px 0 0;font-size:12.5px;font-weight:700;color:#f08c00}
.pcca-audit svg{flex:0 0 auto}
.pcca-act{text-align:center}
.pcca-act h4{justify-content:center;margin-bottom:12px}
.pcca-phone{margin-bottom:16px;font-size:18px;font-weight:800;font-family:ui-monospace,Menlo,Consolas,monospace;
  letter-spacing:2px;color:var(--ink)}
.pcca-form{max-width:380px;margin:0 auto}
.pcca-coderow{display:flex;gap:10px}
.pcca-coderow .pcsec-iw{flex:1}
.pcca-codewrap{height:46px}
.pcca-agreerow{display:flex;align-items:center;justify-content:center;gap:4px;margin:16px 0 4px;flex-wrap:wrap;
  font-size:12.5px;color:var(--ink-3)}
.pcca-agreerow label{display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none}
.pcca-agreerow input{width:15px;height:15px;margin:0;accent-color:var(--brand);cursor:pointer}
.pcca-btns{display:flex;gap:14px;margin-top:18px}
.pcca-btn{flex:1;height:46px;border:0;border-radius:12px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;
  transition:background .16s,opacity .16s,transform .1s}
.pcca-btn.ghost{background:#f4f6fa;color:var(--ink-2);border:1px solid var(--line)}
.pcca-btn.ghost:hover{background:#eef1f7;color:var(--ink)}
.pcca-btn.danger{background:var(--danger);color:#fff;box-shadow:0 10px 24px rgba(240,72,62,.22)}
.pcca-btn.danger:hover{background:#e13c32}
.pcca-btn.danger:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.pcca-btn:active{transform:scale(.99)}
@media (max-width:720px){
  .pcsec-modes{flex-direction:column}
  .pcca-cond ul{grid-template-columns:1fr}
  .pcca-btns{flex-direction:column}
}
/* 我的消息 */
.pc-msg-stat{display:flex;gap:34px;padding-bottom:14px;border-bottom:1px solid var(--line-soft);margin-bottom:16px}
.pc-msg-st p{margin:0 0 4px;font-size:12px;color:var(--ink-3)}
.pc-msg-st b{font-size:20px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.pc-msg-act{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.pc-msg-act .pc-hint{margin:0}
/* 客服卡片（公告页 / 联系客服面板） */
.pc-sv-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;
  background:#fafbfe;margin-bottom:16px}
.pc-sv-card b{font-size:14px;font-weight:800;color:var(--ink);white-space:nowrap}
.pc-sv-card p{flex:1;margin:0;font-size:12.5px;line-height:1.8;color:var(--ink-2)}
.pc-sv-card.big{flex-direction:column;align-items:flex-start;gap:10px}
.pc-sv-card.big p{flex:none}

/* ===== 智能估价（PC 版：左侧条件卡 ｜ 右侧粘性结果卡 —— 照 H5 改写为桌面布局）=====
   ★ 类名统一用 ape- 前缀：H5 那套是 ap-，两边必须互不干扰
     （PC 打开登录弹窗会加载 h5.css，同名类会被 H5 的移动端样式串味 ✗） */
.ape-subline{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3,#8a94a8);margin:-2px 0 14px}
.ape-dot{width:7px;height:7px;border-radius:50%;background:#2fbf71}
/* 左栏自适应 + 右栏固定 400px；结果卡 sticky 跟随，左侧滚动时金额始终看得见 ✓ */
.ape-wrap{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
.ape-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.ape-side{position:sticky;top:178px}   /* 178 = 顶栏 160 + 18 呼吸位，避开固定顶栏 ✓ */
.ape-card{background:var(--card,#fff);border:1px solid var(--line-card,#eaeff7);border-radius:16px;
  padding:18px 20px;box-shadow:var(--shadow,0 2px 10px rgba(16,24,40,.05))}
.ape-hd{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.ape-hd i{width:24px;height:24px;border-radius:8px;font-style:normal;font-size:12px;font-weight:800;color:#fff;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)))}
.ape-hd b{font-size:15.5px;font-weight:800;color:var(--ink,#17202a)}
.ape-hd span{margin-left:auto;font-size:12px;color:var(--ink-3,#8a94a8)}
.ape-lab{margin:14px 0 8px;font-size:12.5px;color:var(--ink-3,#8a94a8)}
/* ① 保险箱 / 日耗 档位（四等分） */
.ape-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.ape-opt{border:1px solid var(--line,#e6ebf4);background:#f8fafd;border-radius:12px;padding:12px 6px;
  text-align:center;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
.ape-opt b{display:block;font-size:16px;font-weight:800;color:var(--ink-2,#475467)}
.ape-opt span{font-size:11.5px;color:var(--ink-3,#8a94a8)}
.ape-opt:hover{border-color:var(--brand)}
.ape-opt.on{background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)));border-color:transparent;
  box-shadow:0 6px 16px rgba(46,91,255,.28)}
.ape-opt.on b,.ape-opt.on span{color:#fff}
/* 体力 / 负重 步进器 */
.ape-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.ape-drow{background:#f8fafd;border:1px solid var(--line,#e6ebf4);border-radius:12px;padding:11px 14px;
  display:flex;align-items:center;gap:8px}
.ape-drow>div{font-size:12.5px;color:var(--ink-3,#8a94a8)}
.ape-drow>div small{display:block;font-size:13.5px;font-weight:700;color:var(--ink,#17202a)}
.ape-step{margin-left:auto;display:flex;align-items:center;gap:10px}
.ape-step button{width:30px;height:30px;border-radius:9px;border:1px solid var(--line,#e6ebf4);background:#fff;
  color:var(--brand);font-size:17px;font-weight:800;line-height:1;cursor:pointer;font-family:inherit;
  transition:border-color .16s,background .16s}
.ape-step button:hover{border-color:var(--brand);background:var(--brand-soft,rgba(46,91,255,.08))}
.ape-step span{min-width:38px;text-align:center;font-size:17px;font-weight:800;color:var(--ink,#17202a)}
.ape-step span small{font-size:11px;font-weight:500;color:var(--ink-3,#8a94a8);margin-left:1px}
/* ② 纯币数量（大数字输入 + 滑杆 + 快捷档） */
.ape-coin{display:flex;align-items:center;justify-content:center;gap:20px;padding:6px 0 2px}
.ape-coin button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line,#e6ebf4);background:#f8fafd;
  color:var(--brand);font-size:22px;font-weight:800;cursor:pointer;font-family:inherit;
  transition:border-color .16s,background .16s}
.ape-coin button:hover{border-color:var(--brand);background:var(--brand-soft,rgba(46,91,255,.08))}
.ape-cv-wrap{display:flex;align-items:baseline;justify-content:center;min-width:160px}
.ape-cv{width:180px;border:0;outline:0;background:transparent;text-align:center;font-size:40px;font-weight:900;
  color:var(--brand);font-variant-numeric:tabular-nums;font-family:inherit;padding:0;
  -moz-appearance:textfield;appearance:textfield}
.ape-cv::-webkit-outer-spin-button,.ape-cv::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ape-cv-wrap small{font-size:15px;font-weight:700;color:var(--ink-3,#8a94a8);margin-left:3px}
.ape-range{width:100%;height:6px;border-radius:3px;margin:16px 0 10px;outline:0;cursor:pointer;
  -webkit-appearance:none;appearance:none;
  background:linear-gradient(90deg,var(--brand),var(--brand-2,var(--brand)))}
.ape-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;
  border:5px solid var(--brand);cursor:pointer}
.ape-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:5px solid var(--brand);cursor:pointer}
.ape-quick{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ape-quick span{border:1px solid var(--line,#e6ebf4);background:#f8fafd;border-radius:20px;padding:5px 14px;
  font-size:12.5px;color:var(--ink-2,#475467);cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.ape-quick span:hover{border-color:var(--brand);color:var(--brand)}
.ape-quick span.on{background:var(--brand-soft,rgba(46,91,255,.10));border-color:var(--brand);color:var(--brand);font-weight:700}
/* ③ 额外物资：桌面上排两列，省掉一半高度 ✓ */
.ape-mats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ape-mat{display:flex;align-items:center;gap:10px;background:#f8fafd;border:1px solid var(--line,#e6ebf4);
  border-radius:12px;padding:11px 13px;min-width:0}
.ape-mi{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font-size:16px;background:var(--brand-soft,rgba(46,91,255,.10))}
.ape-mn{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--ink,#17202a);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ape-mn small{display:block;font-size:11px;font-weight:500;color:var(--ink-3,#8a94a8);margin-top:1px}
.ape-ms{display:flex;align-items:center;gap:5px;flex-shrink:0}
.ape-mq{width:70px;height:34px;border:1px solid var(--line,#e6ebf4);border-radius:9px;background:#fff;text-align:center;
  font-size:14px;font-weight:800;color:var(--ink,#17202a);font-family:inherit;font-variant-numeric:tabular-nums;
  outline:0;padding:0;-moz-appearance:textfield;appearance:textfield}
.ape-mq::-webkit-outer-spin-button,.ape-mq::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ape-mq::placeholder{color:#c6cdda;font-weight:600}
.ape-mq:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft,rgba(46,91,255,.14))}
.ape-mu{font-size:12px;color:var(--ink-3,#8a94a8);min-width:18px}
/* 右侧结果卡 */
.ape-result{text-align:center;padding:20px 20px 16px}
.ape-label{font-size:12.5px;color:var(--ink-3,#8a94a8);letter-spacing:2px}
.ape-total{font-size:44px;font-weight:900;line-height:1.15;margin:6px 0 2px;color:var(--brand);
  font-variant-numeric:tabular-nums}
.ape-total span{font-size:21px;font-weight:800;margin-right:2px}
.ape-sub{font-size:12px;color:var(--ink-3,#8a94a8);margin-bottom:14px}
.ape-sub b{color:var(--brand)}
.ape-brk{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.ape-brk>div{background:#f7f9fd;border:1px solid var(--line-soft,#eef2f8);border-radius:12px;padding:10px 4px}
.ape-brk b{display:block;font-size:15.5px;font-weight:800;color:var(--ink,#17202a);font-variant-numeric:tabular-nums}
.ape-brk b.cy{color:var(--brand)}
.ape-brk b.gd{color:#d97706}
.ape-brk span{display:block;font-size:11px;color:var(--ink-3,#8a94a8);margin-top:2px}
.ape-chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:14px}
.ape-chips span{font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:20px;color:var(--brand);
  border:1px solid rgba(46,91,255,.16);background:var(--brand-soft,rgba(46,91,255,.08))}
.ape-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:16px}
.ape-btn{border:0;border-radius:12px;padding:13px 10px;font-size:13.5px;font-weight:800;cursor:pointer;
  font-family:inherit;transition:filter .16s,border-color .16s,color .16s}
.ape-btn.ghost{background:#fff;border:1px solid var(--line,#e6ebf4);color:var(--ink-2,#475467)}
.ape-btn.ghost:hover{border-color:var(--brand);color:var(--brand)}
.ape-btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2,var(--brand)));color:#fff;
  box-shadow:0 10px 24px rgba(46,91,255,.30)}
.ape-btn.primary:hover{filter:brightness(1.06)}
.ape-foot{text-align:center;font-size:11.5px;color:var(--ink-3,#8a94a8);margin-top:12px;line-height:1.6}
/* 皮肤加成：读后台「发布配置」的皮肤，勾选后按【最大】的「比例-N」参与减免
   · 选项上【只显示名字】，不显示减免数值（数值靠后台配的分组提示说明 ✓）
   · 每组最前是「无」（虚线框）：点它清空本组；选了皮肤则「无」自动取消（互斥 ✓） */
.ape-skrow{display:flex;flex-wrap:wrap;gap:9px}
.ape-skin{border:1px solid var(--line,#e6ebf4);background:#f8fafd;border-radius:10px;padding:7px 13px;
  font-size:13px;color:var(--ink-2,#475467);cursor:pointer;white-space:nowrap;
  transition:background .16s,border-color .16s,color .16s}
.ape-skin:hover{border-color:var(--brand)}
.ape-skin.on{background:var(--brand-soft,rgba(46,91,255,.10));border-color:var(--brand);color:var(--brand);font-weight:700}
.ape-skin-none{border-style:dashed;color:var(--ink-3,#8a94a8)}
/* 干员按钮角标：这个干员已经选了几条皮肤 */
.ape-skin-n{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:6px;padding:0 4px;border-radius:999px;background:var(--brand,#2e5bff);color:#fff;font-size:10px;font-weight:700;line-height:1;vertical-align:1px}
/* 干员和皮肤：点干员后，下面这块浅灰面板列出该干员的皮肤（不弹窗） */
.ape-drypanel{margin-top:10px;padding:12px 14px;background:#f6f7fa;border:1px solid #eef1f6;border-radius:12px}
.ape-drytt{font-size:12.5px;font-weight:700;color:var(--ink,#1a2438);margin:0 0 10px}
.ape-skin-hint{margin-left:9px;font-size:11.5px;font-weight:500;color:#b45309}
.ape-empty{font-size:12.5px;color:var(--ink-3,#8a94a8);padding:6px 0;margin:0}
.ape-tip{font-size:11.5px;color:var(--ink-3,#8a94a8);margin:12px 0 0;line-height:1.6}
.ape-chips span.sk{background:#fff7ea;border-color:#ffe1b3;color:#b45309}
/* ================= 发布出租（复用手机版表单，PC 桌面排版）
   布局参考：整页宽卡片分区 + 灰色卡片标题条 + 「左侧 140px 右对齐标签 / 右侧控件」行
   配色统一走主站 --brand，只改外观，不动任何字段与交互 ================= */
body.pc .pub-page{min-height:0;background:transparent;padding:0 0 124px;max-width:1200px;margin:20px auto 0}
body.pc .pub-head{display:none}
body.pc .pub-body{padding:0}
/* 顶部未成年人提示条 */
body.pc .pub-warn{display:flex;gap:10px;align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;
  border-radius:12px;padding:12px 16px;margin-bottom:20px}
body.pc .pub-warn svg{width:16px;height:16px;color:#f97316;flex-shrink:0;margin-top:2px}
body.pc .pub-warn p{font-size:12px;font-weight:500;line-height:1.7;color:#4b5563;margin:0}
/* STEP 分节标识 */
body.pc .pf-step{margin:18px 0 12px}
body.pc .pf-step-pill{font-size:11.5px;font-weight:800;padding:5px 14px}
body.pc .pf-step-line{background:#e5e7eb}
/* 分区卡片 */
body.pc .pf-card{background:#fff;border:1px solid #e8ebf0;border-radius:16px;padding:0;margin-bottom:20px;
  box-shadow:0 2px 10px rgba(16,24,40,.04);overflow:hidden}
body.pc .pf-card-hd{margin:0;padding:15px 24px;background:#fafbfc;border-bottom:1px solid #f0f2f6;
  font-size:15px;font-weight:800;color:#18181b}
body.pc .pf-card-hd .pf-card-ic{color:var(--brand)}
body.pc .pf-card.collapsed .pf-card-hd{border-bottom:none;padding-bottom:15px}
body.pc .pf-card-arrow{color:#b9c2d4;font-size:11px}
body.pc .pf-card-bd{padding:0 24px}
/* 表单行：左侧 140px 右对齐标签，右侧控件（绝对定位标签，不改 DOM 结构） */
body.pc .pub-page .pf-field{position:relative;margin:0;padding:14px 0 14px 156px;border-bottom:1px solid #f0f2f6;min-height:26px}
body.pc .pf-card-bd>.pf-field:last-child{border-bottom:none}
body.pc .pub-page .pf-field>.pf-label,
body.pc .pub-page .pf-field>.pf-lrow>.pf-label{position:absolute;left:0;top:17px;width:140px;margin:0;
  text-align:right;font-size:13.5px;font-weight:700;color:#3f3f46;line-height:1.5}
body.pc .pub-page .pf-field>.pf-label .red,
body.pc .pub-page .pf-field>.pf-lrow .red{color:#ef4444}
/* 右侧说明（如「需 ≥ 20M」）脱离文档流，避免把同一行的输入框顶下去 ⇒ 两列始终对齐 */
body.pc .pub-page .pf-field>.pf-lrow{display:block;margin:0;padding:0}
body.pc .pub-page .pf-lrow .pf-hint-r{position:absolute;right:0;top:18px;font-size:11.5px;color:#8a94a8;font-weight:500;white-space:nowrap}
/* 两列并排的字段组 */
body.pc .pf-grid{gap:0 32px;border-bottom:1px solid #f0f2f6}
body.pc .pf-grid>.pf-field{border-bottom:none;padding-left:156px}
body.pc .pf-card-bd>.pf-grid:last-child{border-bottom:none}
/* 外层只是包裹一组 pf-grid 的字段（无标签）：去掉自身的缩进与分割线，交给内部行 */
body.pc .pub-page .pf-field:has(>.pf-grid){padding-top:0;padding-bottom:0;padding-left:0;border-bottom:none}
body.pc .pf-card-bd>.pf-field:last-child:has(>.pf-grid)>.pf-grid{border-bottom:none}
/* 选项按钮 */
body.pc .pf-opts{gap:8px}
body.pc .popt{padding:6px 13px;border-radius:9px;border:1px solid #e5e7eb;background:#fff;color:#52525b;
  font-size:12.5px;font-weight:600;line-height:1.4;transition:border-color .16s,color .16s,background .16s}
body.pc .popt:hover{border-color:rgba(46,91,255,.5);color:var(--brand)}
body.pc .popt.on{background:var(--brand);border-color:var(--brand);color:#fff}
/* 输入类控件 */
body.pc .pf-input,body.pc .pf-select,body.pc .pf-textarea{background:#f9fafb;border:1px solid #e5e7eb;
  border-radius:12px;padding:10px 14px;font-size:13px;color:#18181b;max-width:240px;transition:border-color .16s,box-shadow .16s}
body.pc .pf-select{max-width:none;min-width:128px}
body.pc .pf-textarea{max-width:640px;min-height:92px;line-height:1.7}
body.pc .pf-input:focus,body.pc .pf-select:focus,body.pc .pf-textarea:focus{
  border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,91,255,.12);background:#fff}
body.pc .pf-input[readonly]{background:#f4f5f7;color:#71717a}
body.pc .pf-inline{gap:8px}
body.pc .pf-unit,body.pc .pf-hint2{font-size:11.5px;color:#8a94a8}
body.pc .pf-hint{font-size:12px;color:#f97316;font-weight:500;padding:14px 0 6px;margin:0}
body.pc .pf-hint2.orange{color:#f97316}
/* 兑换比例小方框 */
body.pc .pf-ratio{max-width:200px;height:40px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;
  font-size:13px;justify-content:center}
/* 常用地区选择器 */
body.pc .pf-region{width:100%;max-width:240px;height:40px;padding:0 12px;border:1px solid #e5e7eb;border-radius:12px;
  background:#f9fafb;font-size:13px}
body.pc .pf-region:hover{border-color:rgba(46,91,255,.5)}
body.pc .pf-region-go{color:#a1a1aa}
/* 额外物资：左侧名称、中间数量、右侧单价 */
body.pc .pf-card-bd>.pf-fee-grid{border-bottom:none;padding:10px 0 4px}
body.pc .pf-fee-grid{gap:0 32px}
/* 固定三列（名称 150 / 输入 88 / 单价 92）并整体居中 ⇒ 每行输入框严格对齐；
   分割线仍然铺满整列，和「基础数值」一致 */
body.pc .pf-fee{width:100%;margin:0;justify-content:center;grid-template-columns:150px 88px 92px;gap:12px;
  padding:11px 0;border-bottom:1px solid #f0f2f6}
body.pc .pf-fee-label{font-size:13.5px;font-weight:600;color:#3f3f46}
body.pc .pf-fee .pf-input{width:88px;max-width:88px;text-align:center;padding:9px 8px;font-size:13.5px}
body.pc .pf-fee-price{font-size:12.5px;color:#8a94a8}
/* 赔付方案 */
body.pc .pf-comp-note{font-size:12px}
body.pc .pf-comp-box{padding:16px 18px;border-color:#e5e7eb;border-radius:12px}
body.pc .pf-comp-hd{font-size:12px;margin-bottom:12px}
body.pc .pf-comp-badge{font-size:11px;padding:3px 10px}
body.pc .pf-comp-cols{grid-template-columns:1fr 1fr;gap:8px 40px}
body.pc .pf-comp-t{font-size:12px;margin-bottom:6px}
body.pc .pf-comp-li{font-size:12px;margin:4px 0}
body.pc .pf-comp-amt b{font-size:18px}
body.pc .pf-comp-amt span{font-size:12px}
/* 上传截图 */
body.pc .pf-imgs{gap:12px;padding:6px 0 14px}
body.pc .pf-up,body.pc .pf-img{width:92px;height:92px;border-radius:12px}
body.pc .pf-up{border:1.5px dashed #d4d4d8;background:#fff;color:#a1a1aa;font-size:12px;font-weight:600}
body.pc .pf-up:hover{border-color:var(--brand);color:var(--brand);background:rgba(46,91,255,.04)}
body.pc .pf-img i{width:20px;height:20px;font-size:12px}
/* 底部固定操作条 */
body.pc .pub-bar{position:fixed;left:0;right:0;bottom:0;max-width:none;margin:0;padding:14px 24px;
  background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -10px 40px rgba(16,24,40,.06);
  display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:28px;z-index:50}
body.pc .pub-bar-info{flex:0 1 auto;justify-content:flex-end;gap:16px;font-size:13px;color:#3f3f46}
body.pc .pub-bar-info b{color:#ea580c;font-size:16px;font-weight:800}
body.pc .pf-agree{flex:0 0 auto;margin:0;text-align:right;font-size:12px;color:#8a94a8}
body.pc .pf-agree-link{font-size:12px;font-weight:700;color:var(--brand)}
body.pc .pub-submit{width:auto;min-width:160px;padding:13px 30px;border-radius:12px;font-size:14px;font-weight:700;
  background:var(--brand);box-shadow:0 8px 20px rgba(46,91,255,.24)}
body.pc .pub-submit:hover{opacity:.92}
@media (max-width:1180px){
  body.pc .pub-page{max-width:860px;padding-left:16px;padding-right:16px}
  body.pc .pf-grid{grid-template-columns:1fr;gap:0}
  body.pc .pf-card-bd{padding:0 18px}
  body.pc .pub-page .pf-field{padding-left:0;padding-top:12px}
  body.pc .pub-page .pf-field>.pf-label,
  body.pc .pub-page .pf-field>.pf-lrow>.pf-label{position:static;width:auto;text-align:left;margin:0 0 6px}
  body.pc .pub-bar{flex-direction:column;align-items:stretch;gap:10px}
  body.pc .pf-agree{text-align:center}
  body.pc .pub-submit{width:100%}
}
/* ===================== PC 底部深色栏 ===================== */
/* margin-top:auto → 内容不足一屏时底栏被压到视口最底部，底栏下方不会再留一块浅色空白 ✗
   原来的 44px 间距改用透明上边框实现（background-clip:padding-box 让深色底不铺进边框） */
/* 顶部斜纹条改用主站品牌色（原来的 #ff8a00 / #ff3b30 橙色警示条与主站蓝色系不搭） */
.pm-footer{--pm-hazard:repeating-linear-gradient(-45deg,#2e5bff 0 9px,#6f8dff 9px 18px);
  margin-top:auto;background:#151a21;background-clip:padding-box;border-top:44px solid transparent;
  color:#c8c5d2;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif}
.pm-footer *{box-sizing:border-box}
.pm-footer-hz{height:8px;background:var(--pm-hazard);opacity:.9}
.pm-footer-in{max-width:1360px;margin:0 auto;padding:34px 24px;display:flex;gap:60px;flex-wrap:wrap}
.pm-footer-brand{max-width:340px}
.pm-footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#fff;text-decoration:none}
.pm-footer-logo img{height:38px;width:auto;max-width:140px;object-fit:contain;display:block;
  background:#fff;border-radius:8px;padding:4px}
.pm-footer-mark{width:38px;height:38px;border-radius:8px;background:#fff;color:#151a21;
  display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}
.pm-footer-logo span{font-size:19px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.pm-footer-brand p{font-size:12.5px;color:#8f8c99;line-height:1.7;margin:0}
/* 客户服务列：margin-left:auto 把它推到右侧；再留一段右边距，避免紧贴容器右边缘。
   列内文字保持左对齐（不跟着贴到右侧） */
.pm-footer-col{margin-left:auto;margin-right:clamp(0px,6vw,96px);text-align:left}
.pm-footer-col h5{color:#fff;font-size:13.5px;font-weight:700;margin:0 0 14px;letter-spacing:.5px}
/* width:100% 必须有：button 为 display:block 时仍是收缩宽度（不撑满父级），
   不加的话标题与按钮的左边线会对不齐 ✗ */
.pm-footer-link{display:block;width:100%;border:none;background:transparent;padding:0;text-align:left;text-decoration:none;
  font-size:12.5px;color:#a29fac;margin-bottom:10px;transition:.15s;cursor:pointer;font-family:inherit}
.pm-footer-link:hover{color:#fff}
.pm-footer-bar{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:16px 24px;
  font-family:"Bahnschrift","DIN Alternate","JetBrains Mono","Consolas",ui-monospace,monospace;
  font-size:11.5px;color:#6f6c79;letter-spacing:.5px}
.pm-footer-bar .icp{color:#d8d5e0;font-weight:600}
.pm-footer-bar .icp a{color:#d8d5e0;text-decoration:none;transition:.15s}
.pm-footer-bar .icp a:hover{color:#fff}
/* ===================== PC 右侧悬浮快捷菜单 ===================== */
/* 右中固定，每个按钮各自一张白卡片（不连成一整块）；层级低于客服窗(900)/登录(960)等弹层 ✗ */
/* 水平位置：卡片列表右侧 30px（内容容器 .container 最大 1352px 居中、左右各 24px 内边距
   → 内容右边缘 = 50% + 652px，50% 按不含滚动条的视口宽计算；再留 30px 间距 + 按钮宽 56px
   ⇒ right = 50% − 738px）；视口太窄放不下时最少保留 20px，避免跑出屏幕 ✗ */
.pm-side-dock{position:fixed;right:max(20px, calc(50% - 738px));top:50%;transform:translateY(-50%);z-index:88;
  display:flex;flex-direction:column;gap:10px}
.pm-side-dock .dk{width:56px;padding:10px 0 9px;border:1px solid var(--line-card);border-radius:var(--radius);
  background:var(--card);box-shadow:var(--shadow);color:var(--ink-2);
  display:flex;flex-direction:column;align-items:center;gap:5px;
  font-family:inherit;font-size:11.5px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;
  transition:background .15s,color .15s,border-color .15s,opacity .2s,transform .2s,visibility .2s}
.pm-side-dock .ic{width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.pm-side-dock .ic svg{width:20px;height:20px;display:block}
.pm-side-dock .dk:hover{background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}
.pm-side-dock .dk.pub{background:var(--brand);color:#fff;border-color:var(--brand)}
.pm-side-dock .dk.pub:hover{background:var(--brand-2);border-color:var(--brand-2);color:#fff}
/* 「顶部」：页面滚下来之后才出现（.on 由 pcDockApply 按滚动量切换） */
.pm-side-dock .dk.top{opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none}
.pm-side-dock .dk.top.on{opacity:1;visibility:visible;transform:none;pointer-events:auto}

/* ===================== PC 俱乐部入驻（#/club） ===================== */
/* 左栏表单（7）+ 右栏权益卡（5），右栏 sticky 跟随；配色沿用站点令牌 ✗ 不引外部样式 */
.pm-club{max-width:1016px;margin:0 auto;padding:18px 0 24px}
.pm-club-hd{display:flex;align-items:center;gap:16px;margin-bottom:34px}
.pm-club-ic{width:56px;height:56px;border-radius:18px;background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pm-club-ic svg{width:26px;height:26px}
.pm-club-hd h1{font-size:28px;font-weight:900;color:var(--ink);margin:0 0 6px;letter-spacing:.2px}
.pm-club-hd h1 em{font-style:normal;color:var(--brand)}
.pm-club-hd p{font-size:13px;color:var(--ink-3);margin:0}
.pm-club-h3{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;color:var(--ink);margin:0 0 14px}
.pm-club-h3::before{content:"";width:4px;height:17px;border-radius:2px;background:var(--brand)}
.pm-club-grid{display:grid;grid-template-columns:7fr 5fr;gap:34px;align-items:start}
.pm-club-sec{margin-bottom:28px}
/* 入驻类型：两张卡片，选中态整块高亮 + 右上角对勾角标 */
.pm-club-types{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pm-club-type{position:relative;text-align:left;font-family:inherit;cursor:pointer;width:100%;overflow:hidden;
  padding:22px 20px;border:2px solid var(--line-card);border-radius:18px;background:var(--card);
  transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}
.pm-club-type:hover{border-color:rgba(46,91,255,.32);transform:translateY(-2px)}
.pm-club-type.on{border-color:var(--brand);background:#f8faff;box-shadow:0 0 0 4px rgba(46,91,255,.10)}
.pm-club-ti{width:46px;height:46px;border-radius:13px;background:#f4f6fb;color:var(--ink-3);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:background .18s,color .18s,transform .18s}
.pm-club-ti svg{width:23px;height:23px}
.pm-club-ti.on{background:var(--brand);color:#fff}
.pm-club-type:hover .pm-club-ti{transform:scale(1.08)}
.pm-club-name{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:5px}
.pm-club-desc{font-size:12px;color:var(--ink-3);line-height:1.6;margin:0 0 14px;min-height:36px}
.pm-club-fee{font-size:21px;font-weight:900;color:var(--brand)}
.pm-club-type:not(.on) .pm-club-fee{color:var(--ink)}
.pm-club-badge{position:absolute;top:0;right:0;width:38px;height:38px;border-bottom-left-radius:18px;
  background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center}
.pm-club-badge svg{width:18px;height:18px}
/* 证件上传：3:2 虚线框，选图后直接显示缩略图 */
.pm-club-docs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
/* 俱乐部入驻：三张证件（俱乐部 = 身份证正反 + 营业执照）等宽一行 */
.pm-club-docs.three{grid-template-columns:repeat(3,1fr)}
/* 俱乐部名称输入（与 H5 的 .hc-name 同口径） */
.pm-club-field{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.pm-club-field>span{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap}
.pm-club-field>input{flex:1;height:38px;border:none;outline:none;background:transparent;font-size:14px;color:var(--ink)}
.pm-club-field>input::placeholder{color:var(--ink-3)}
.pm-club-doc-lb{font-size:12px;color:var(--ink-3);text-align:center;margin:8px 0 0;font-weight:600}
.pm-club-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  aspect-ratio:3/2;border:2px dashed var(--line-card);border-radius:18px;background:#f7f9fd;
  color:rgba(0,0,0,.22);font-size:13px;font-weight:700;cursor:pointer;overflow:hidden;transition:.18s;margin:0}
.pm-club-drop svg{width:30px;height:30px}
.pm-club-drop:hover{border-color:rgba(46,91,255,.5);color:rgba(46,91,255,.45);background:var(--brand-soft)}
.pm-club-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.pm-club-drop img{width:100%;height:100%;object-fit:cover;display:block}
.pm-club-drop.has{border-style:solid;border-color:var(--brand)}
/* 注意事项：琥珀提示条 */
.pm-club-note{padding:14px 16px;border:1px solid #fde68a;border-radius:14px;background:#fffbeb;margin-bottom:20px}
/* 已认证（已加入俱乐部）：PC 认证页 */
.pm-vf-badge{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;
  background:linear-gradient(135deg,#ecfdf5,#f0f7ff);border:1px solid #d7f0e3;margin-bottom:18px}
.pm-vf-badge>i{width:42px;height:42px;border-radius:50%;background:#10b981;color:#fff;
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pm-vf-badge>i svg{width:22px;height:22px}
.pm-vf-badge b{display:block;font-size:16px;font-weight:800;color:#0f766e}
.pm-vf-badge span{display:block;margin-top:4px;font-size:12.5px;color:#4b7d72;line-height:1.6}
.pm-vf-rows{border:1px solid #eceaf0;border-radius:14px;background:#fff;padding:0 20px}
.pm-vf-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #f2f4f8}
.pm-vf-row:last-child{border-bottom:none}
.pm-vf-row span{font-size:13px;color:#8a94a8;flex-shrink:0}
.pm-vf-row b{font-size:14px;font-weight:700;color:#18181b;text-align:right;word-break:break-all}
.pm-club-note-h{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#b45309;margin-bottom:5px}
.pm-club-note-h svg{width:15px;height:15px}
.pm-club-note p{font-size:12px;line-height:1.75;color:#d97706;margin:0}
/* 已提交申请的审核状态条（待审核 / 已通过 / 已驳回） */
.pm-club-state{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:14px;
  border:1px solid var(--line-card);background:var(--line-soft);margin:0 0 22px;font-size:13px;color:var(--ink-2)}
.pm-club-state b{font-size:13px;font-weight:800;color:var(--ink);flex-shrink:0}
.pm-club-state i{margin-left:auto;font-style:normal;font-size:12px;color:var(--ink-3)}
.pm-club-state.pending{background:#fffbeb;border-color:#fde68a}
.pm-club-state.pending b{color:#b45309}
.pm-club-state.approved{background:#ecfdf3;border-color:#bbf7d0}
.pm-club-state.approved b{color:#15803d}
.pm-club-state.rejected{background:#fef2f2;border-color:#fecaca}
.pm-club-state.rejected b{color:#b91c1c}
.pm-club-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:none;border-radius:16px;
  padding:17px 20px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-family:inherit;
  font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 12px 26px rgba(46,91,255,.28);transition:.18s}
.pm-club-submit svg{width:21px;height:21px}
.pm-club-submit:hover{filter:brightness(1.05)}
.pm-club-submit:active{transform:scale(.99)}
.pm-club-submit[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;filter:none;transform:none}
/* 右栏权益卡：滚动时粘在顶栏下方（顶栏 60px ⇒ top 88px） */
.pm-club-aside{position:sticky;top:88px}
.pm-club-card{border:1px solid var(--line-card);border-radius:22px;background:var(--card);padding:26px 24px;box-shadow:var(--shadow-sm)}
.pm-club-vip{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:900;color:var(--ink);margin:0 0 22px}
.pm-club-vip i{font-style:italic;font-size:9px;font-weight:900;letter-spacing:-.3px;color:#fff;background:#ff6600;
  padding:2px 5px;border-radius:3px;line-height:1.3}
.pm-club-bens{display:flex;flex-direction:column;gap:18px}
.pm-club-ben{display:flex;gap:12px}
.pm-club-ben-ic{width:38px;height:38px;flex-shrink:0;border-radius:11px;border:1px solid var(--line-card);background:#f7f9fd;
  color:var(--ink-3);display:flex;align-items:center;justify-content:center;transition:.18s}
.pm-club-ben-ic svg{width:19px;height:19px}
.pm-club-ben:hover .pm-club-ben-ic{background:var(--brand-soft);border-color:rgba(46,91,255,.2);color:var(--brand)}
.pm-club-ben h4{font-size:13.5px;font-weight:800;color:var(--ink);margin:0 0 4px}
.pm-club-ben p{font-size:11.5px;line-height:1.65;color:var(--ink-3);margin:0}
.pm-club-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;padding-top:20px;
  border-top:1px solid var(--line-card)}
.pm-club-stat p{font-size:11.5px;color:var(--ink-3);margin:0 0 3px}
.pm-club-stat b{font-size:20px;font-weight:900}
.pm-club-stat b.grn{color:#10b981}
.pm-club-stat b.blu{color:var(--brand)}
.pm-club-stat .rt{text-align:right}
.pm-club-arrow{display:flex;color:var(--line-card)}
.pm-club-arrow svg{width:26px;height:26px}
@media (max-width:1080px){.pm-club-grid{grid-template-columns:1fr}.pm-club-aside{position:static}.pm-club-types{grid-template-columns:1fr}}
/* ===== VIP 等级页 ===== */
.pm-vip{max-width:1016px;margin:0 auto;padding:8px 0 24px}
.pm-vip-hero{position:relative;overflow:hidden;border-radius:24px;padding:30px 34px;color:#fff;
  background:radial-gradient(120% 120% at 82% -30%,rgba(255,255,255,.30),rgba(255,255,255,0) 58%),
    linear-gradient(135deg,#2249d8 0%,var(--brand,#2e5bff) 46%,var(--brand-2,#4c7bff) 100%);
  box-shadow:0 18px 40px rgba(46,91,255,.24)}
.pm-vip-hero-main{position:relative;z-index:1}
.pm-vip-lv{display:flex;align-items:center;gap:12px}
.pm-vip-crown{display:flex;flex-shrink:0}
.pm-vip-crown svg{width:28px;height:28px;display:block}
.pm-vip-lv b{font-size:30px;font-weight:900;line-height:1;letter-spacing:.5px}
.pm-vip-pill{padding:5px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.65);font-size:13px;font-weight:800}
.pm-vip-stats{margin:15px 0 0;font-size:13.5px;opacity:.82}
.pm-vip-tip{margin:8px 0 0;font-size:12.5px;opacity:.9}
.pm-vip-tip em{font-style:normal;font-weight:800}
.pm-vip-hero-crown{position:absolute;right:40px;top:50%;transform:translateY(-50%);opacity:.15;pointer-events:none}
.pm-vip-hero-crown svg{width:150px;height:150px;stroke-width:1.2;display:block}
.pm-vip-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.pm-vip-card{border:1px solid var(--line-card);border-radius:20px;background:var(--card,#fff);padding:24px;box-shadow:var(--shadow-sm)}
.pm-vip-span{grid-column:1 / -1}
.pm-vip-h3{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:16px;font-weight:800;color:var(--ink)}
.pm-vip-h3 svg{width:19px;height:19px;flex-shrink:0;color:var(--brand)}
.pm-vip-prog-tip{margin:0 0 14px;font-size:12px;color:var(--ink-3)}
.pm-vip-prow + .pm-vip-prow{margin-top:16px}
.pm-vip-plab{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:7px}
.pm-vip-plab span{color:var(--ink-2)}
.pm-vip-plab i{font-style:normal;color:var(--ink-3)}
.pm-vip-bar{height:8px;border-radius:999px;background:var(--line-soft);overflow:hidden}
.pm-vip-bar i{display:block;height:100%;border-radius:999px;
  background:linear-gradient(90deg,var(--brand-2,#4c7bff),var(--brand,#2e5bff))}
.pm-vip-bens{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.pm-vip-ben{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}
.pm-vip-ben svg{width:16px;height:16px;flex-shrink:0}
.pm-vip-ben.on svg{color:var(--ok,#22a55a)}
.pm-vip-ben.off svg{color:var(--brand)}
.pm-vip-auto{margin:8px 0 0;font-size:12px;opacity:.75}
.pm-vip-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pm-vip-tier{border-radius:18px;padding:20px}
.pm-vip-tier-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:18px;font-weight:900}
.pm-vip-tier p{margin:0;font-size:12px;line-height:1.7;opacity:.82}
.pm-vip-tier p + p{margin-top:4px}
@media (max-width:900px){
  .pm-vip-grid{grid-template-columns:1fr}
  .pm-vip-tiers{grid-template-columns:1fr}
  .pm-vip-hero-crown{display:none}
  .pm-vip-bens{grid-template-columns:1fr}
}
/* 哈夫币行情页的 .pcm-* 样式已移到 base.css（PC / H5 共用同一份正文） */


/* ================= PC 安全收银台（#/confirm-order/:no） =================
   版式：返回 + 标题 + 盾牌 / 白色圆角卡双栏
   左：订单概览（流水交易号 / 橙色大金额 / 切换方式 2 列 / 返回重新生成）
   右：倒计时徽章 / 绿色安全通道提示 / 二维码或通道引导 / 底部浅蓝主按钮 */
.pcz-shell{max-width:1040px;margin:0 auto;padding:26px 0 44px}
.pcz-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.pcz-back{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;
  border:0;border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .18s,color .18s}
.pcz-back:hover{background:var(--line-soft);color:var(--ink)}
.pcz-back svg{width:20px;height:20px}
.pcz-head h1{margin:0;font-size:24px;font-weight:900;color:var(--ink);letter-spacing:.2px}
.pcz-head-shield{margin-left:-5px;display:inline-flex;align-items:center;color:var(--ok)}
.pcz-head-shield svg{width:24px;height:24px}
.pcz-card{background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:0 16px 40px rgba(24,36,64,.07);overflow:hidden;min-height:520px}
.pcz-wrap{display:flex;align-items:stretch;min-height:520px}

/* ---- 左侧订单概览 ---- */
.pcz-side{width:330px;flex:0 0 330px;display:flex;flex-direction:column;justify-content:space-between;gap:26px;
  padding:32px 28px 28px;background:#f8fafd;border-right:1px solid var(--line)}
.pcz-side-t{margin:0 0 20px;font-size:12.5px;font-weight:900;color:var(--ink-3);letter-spacing:2px}
.pcz-fl{margin:0 0 6px;font-size:12.5px;font-weight:600;color:var(--ink-3)}
.pcz-fv{display:block;width:100%;padding:8px 10px;border:0;border-radius:8px;background:#eef2f9;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;
  color:var(--ink-2);text-align:left;word-break:break-all;cursor:pointer;transition:background .18s,color .18s}
.pcz-fv:hover{background:#e5ecfa;color:var(--brand)}
.pcz-amt{display:flex;align-items:baseline;gap:2px;margin-top:2px}
.pcz-sym{font-size:19px;font-weight:800;color:#ff6600}
.pcz-num{font-size:38px;font-weight:900;line-height:1.05;color:#ff6600;letter-spacing:-1px}
.pcz-fees{margin:12px 0 0;font-size:12px;line-height:1.7;color:var(--ink-3)}
.pcz-free{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:999px;
  background:rgba(34,165,90,.1);color:#189b52;font-size:11px;font-weight:800;vertical-align:1px}
.pcz-side-b{padding-top:22px;border-top:1px solid var(--line)}
.pcz-switch-t{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;
  font-size:12.5px;font-weight:800;color:var(--ink-3)}
.pcz-switch-t svg{width:16px;height:16px;color:var(--ink-3)}
.pcz-chs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pcz-ch{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 6px;
  border:1px solid var(--line);border-radius:8px;background:#fff;font-family:inherit;
  font-size:12px;font-weight:800;color:var(--ink-2);cursor:pointer;white-space:nowrap;
  transition:border-color .18s,background .18s,color .18s,box-shadow .18s}
.pcz-ch:hover{border-color:rgba(46,91,255,.45);color:var(--brand)}
.pcz-ch.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);
  box-shadow:0 2px 8px rgba(46,91,255,.14)}
.pcz-ch-ic{display:inline-flex;align-items:center}
.pcz-ch-ic svg{width:15px;height:15px}
.pcz-regen{width:100%;margin-top:14px;padding:10px 0;border:1px solid #d8dfea;border-radius:8px;
  background:#fff;font-family:inherit;font-size:12.5px;font-weight:800;color:var(--ink-2);
  cursor:pointer;transition:background .18s,border-color .18s}
.pcz-regen:hover{background:var(--line-soft);border-color:#c9d3e2}

/* ---- 右侧支付区 ---- */
.pcz-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:30px 42px 26px}
.pcz-cd{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 16px;
  border:1px solid #fbd5d3;border-radius:999px;background:#fef2f1;color:var(--danger)}
.pcz-cd svg{width:15px;height:15px;animation:pczPulse 1.6s ease-in-out infinite}
.pcz-cd-n{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;
  font-weight:900;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.pcz-cd-t{font-size:12.5px;font-weight:800}
@keyframes pczPulse{0%,100%{opacity:1}50%{opacity:.35}}
.pcz-safe{width:100%;display:flex;align-items:flex-start;gap:8px;margin-bottom:20px;padding:10px 14px;
  border:1px solid #c6eccd;border-radius:10px;background:#f4fcf5;color:#389e0d}
.pcz-safe svg{flex:0 0 auto;width:15px;height:15px;margin-top:1px;color:var(--ok)}
.pcz-safe-t{margin:0 0 2px;font-size:12.5px;font-weight:900;color:#23893f}
.pcz-safe-d{margin:0;font-size:11.5px;line-height:1.6;color:#389e0d}
.pcz-stage{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px}
.pcz-qr-load{padding:70px 0;font-size:13px;font-weight:700;color:var(--ink-3)}
.pcz-idle{display:flex;flex-direction:column;align-items:center;padding:16px 0;text-align:center}
.pcz-idle-ic{width:86px;height:86px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;
  border-radius:24px;background:var(--brand-soft);color:var(--brand)}
.pcz-idle-ic svg{width:40px;height:40px}
.pcz-idle-t{margin:0 0 6px;font-size:17px;font-weight:900;color:var(--ink)}
.pcz-idle-d{margin:0;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 当面付（扫码）*/
.pcz-qr-wrap{margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:18px;
  background:#fff;box-shadow:0 10px 26px rgba(24,36,64,.09)}
.pcz-qr{width:200px;height:200px;display:flex;align-items:center;justify-content:center}
.pcz-qr svg{display:block;width:100%;height:100%}
.pcz-qr-fail{padding:0 10px;font-size:12.5px;line-height:1.7;color:var(--ink-3);text-align:center}
.pcz-scan{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;
  background:var(--line-soft);font-size:13px;font-weight:800;color:var(--ink-2)}
.pcz-scan svg{width:15px;height:15px;color:var(--brand)}
.pcz-scan-hl{margin:0 2px;color:var(--brand)}
.pcz-scan-tip{margin:10px 0 0;font-size:11.5px;color:var(--ink-3)}
.pcz-foot{width:100%;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
.pcz-foot-btn{width:100%;padding:13px 0;border:1px solid #d5e2ff;border-radius:12px;
  background:var(--brand-soft);color:var(--brand);font-family:inherit;font-size:14px;font-weight:900;
  cursor:pointer;transition:background .18s,border-color .18s,opacity .18s}
.pcz-foot-btn:hover{background:#e3ebff;border-color:#bfd3ff}
.pcz-foot-btn:disabled{opacity:.55;cursor:not-allowed}
/* ---- 第一段：确认订单页（订单信息 / 费用明细 / 支付方式 / 立即支付） ---- */
.pcc-wrap{display:flex;align-items:stretch;min-height:520px}
.pcc-main{flex:1;min-width:0;padding:30px 34px 28px}
.pcc-t{margin:0 0 12px;font-size:12.5px;font-weight:900;color:var(--ink-3);letter-spacing:2px}
.pcc-t + .pcc-t,.pcc-rows + .pcc-t,.pcc-goods + .pcc-t{margin-top:26px}
.pcc-goods{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);
  border-radius:14px;background:#fbfcff}
.pcc-cover{width:92px;height:92px;flex:0 0 92px;border-radius:10px;overflow:hidden;background:#eef1f6}
.pcc-cover img{width:100%;height:100%;object-fit:cover;display:block}
.pcc-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11.5px;color:var(--ink-3)}
.pcc-gmeta{flex:1;min-width:0}
.pcc-gname{margin:0 0 6px;font-size:14.5px;font-weight:800;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcc-gsub{margin:0;font-size:11.5px;line-height:1.7;color:var(--ink-3);word-break:break-all}
.pcc-gprice{flex:0 0 auto;text-align:right;font-size:11.5px;color:var(--ink-3)}
.pcc-gprice b{display:block;margin-top:4px;font-size:18px;font-weight:900;color:#ff6600;
  font-variant-numeric:tabular-nums}
.pcc-rows{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pcc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;
  border-bottom:1px solid var(--line-soft);font-size:13px;color:var(--ink-2)}
.pcc-row:last-child{border-bottom:0}
.pcc-row b{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.pcc-row.pcc-total{background:#fffaf5}
.pcc-row.pcc-total span{font-weight:900;color:var(--ink)}
.pcc-row.pcc-total b{font-size:20px;color:#ff6600}
.pcc-tip{display:flex;align-items:flex-start;gap:8px;margin-top:22px;padding:11px 14px;
  border:1px solid #c6eccd;border-radius:10px;background:#f4fcf5;font-size:12px;line-height:1.7;color:#389e0d}
.pcc-tip svg{flex:0 0 auto;width:15px;height:15px;margin-top:2px;color:var(--ok)}
.pcc-side{width:330px;flex:0 0 330px;display:flex;flex-direction:column;justify-content:space-between;gap:26px;
  padding:30px 28px 28px;background:#f8fafd;border-left:1px solid var(--line)}
.pcc-pays{display:flex;flex-direction:column;gap:8px}
.pcc-pay-item{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);
  border-radius:10px;background:#fff;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink-2);
  cursor:pointer;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}
.pcc-pay-item:hover{border-color:rgba(46,91,255,.45);color:var(--brand)}
.pcc-pay-item.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);
  box-shadow:0 2px 8px rgba(46,91,255,.14)}
.pcc-pay-ic{display:inline-flex;align-items:center}
.pcc-pay-ic svg{width:18px;height:18px}
.pcc-pay-n{flex:1;text-align:left}
.pcc-radio{width:16px;height:16px;flex:0 0 16px;border:1.5px solid #cfd7e4;border-radius:50%;
  background:#fff;transition:border .18s}
.pcc-radio.on{border:5px solid var(--brand)}
.pcc-side-b{padding-top:22px;border-top:1px solid var(--line)}
.pcc-sum{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.pcc-sum span{font-size:12.5px;font-weight:700;color:var(--ink-3)}
.pcc-sum b{font-size:26px;font-weight:900;color:#ff6600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.pcc-pay{width:100%;padding:13px 0;border:0;border-radius:12px;background:var(--brand);color:#fff;
  font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;
  transition:background .18s,box-shadow .18s}
.pcc-pay:hover{background:#2549d8;box-shadow:0 10px 22px -10px rgba(46,91,255,.8)}
.pcc-safe{display:flex;align-items:center;justify-content:center;gap:5px;margin:12px 0 0;
  font-size:11.5px;color:var(--ink-3)}
.pcc-safe svg{width:14px;height:14px;color:var(--ok)}
@media (max-width:900px){
  .pcz-shell{max-width:720px;padding:18px 0 30px}
  .pcz-head h1{font-size:20px}
  .pcz-card{min-height:0}
  .pcz-wrap{flex-direction:column;min-height:0}
  .pcz-side{width:100%;flex:none;gap:20px;padding:24px 20px;border-right:0;border-bottom:1px solid var(--line)}
  .pcz-num{font-size:32px}
  .pcz-main{padding:24px 20px 22px}
  .pcz-stage{min-height:240px}
  .pcz-qr{width:180px;height:180px}
  .pcc-wrap{flex-direction:column;min-height:0}
  .pcc-main{padding:22px 20px}
  .pcc-side{width:100%;flex:none;padding:22px 20px;border-left:0;border-top:1px solid var(--line)}
  .pcc-goods{gap:12px;padding:12px}
  .pcc-cover{width:76px;height:76px;flex-basis:76px}
  .pcc-gprice{display:none}
}

/* ===================== 复用手机版弹层的 PC 适配（打完结算 / 通用小弹窗） =====================
   h5.css 里的 .sm-mask 是移动端底部抽屉（align-items:flex-end、z-index:200），
   直接搬到 PC 会贴屏幕底部、还会被客服窗口(900)/订单详情(520)盖住。
   这里统一改成居中对话框，层级高于 PC 现有弹窗。pc.css 在 h5.css 之后加载，可覆盖 ✓ */
body.pc .sm-mask{z-index:1100;align-items:center;justify-content:center;padding:24px}
body.pc .sm-box{max-width:560px;max-height:86vh;border-radius:16px;animation:pcSmIn .2s cubic-bezier(.22,.9,.3,1)}
@keyframes pcSmIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}

/* 资金流水：冻结金额动向行（PC 版，与手机版同口径） */
.pc-flow-sub{display:flex;align-items:center;gap:10px;margin-top:8px;padding:6px 10px;border-radius:8px;
  background:#f7f9fd;border:1px solid #eef2f9;font-size:12px;color:var(--ink-3);flex-wrap:wrap}
.pc-flow-sub b{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.pc-flow-sub b.in{color:#22a55a}
.pc-flow-sub b.out{color:#f0483e}
.pc-flow-sub em{font-style:normal;color:#a8b1c2;font-variant-numeric:tabular-nums}

/* 商品详情 · 非在售状态的操作区（号主 / 租客 / 其他人）
   —— 已出租的号不能下单，这里只给状态文案 + 一个入口（管理账号 / 进入群聊） */
/* 详情页底部状态条：从裸文字改成带底色 + 状态圆点的框（与手机版 .db-disabled 同一心智），
   按状态分色：完成=绿 / 进行中=琥珀 / 已下架·待审=灰 / 号主在售=蓝 */
.pcg-buy-actions.one{align-items:stretch;justify-content:space-between;gap:12px}
/* 文字与圆点整体居中（原来是左对齐，右侧留一大片空白，看着像没排好） */
.pcg-state{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;
  min-height:44px;padding:11px 16px;border-radius:12px;text-align:center;
  background:#f4f6fb;border:1px solid #e8edf6;color:var(--ink-2);
  font-size:13.5px;font-weight:700;line-height:1.35}
.pcg-state::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#94a3b8}
.pcg-state.ok{background:#effaf4;border-color:#d3f0e0;color:#10784f}
.pcg-state.ok::before{background:#12b76a}
.pcg-state.warn{background:#fff8ec;border-color:#fbe7c6;color:#9a5a00}
.pcg-state.warn::before{background:#f59e0b}
.pcg-state.brand{background:#eff3ff;border-color:#dce6ff;color:#2445c9}
.pcg-state.brand::before{background:#2e5bff}
.pcg-state.muted{background:#f4f6fb;border-color:#e8edf6;color:#6b7689}
.pcg-btn-sm{flex:0 0 auto;padding:11px 20px;font-size:14px;border-radius:10px}

/* 个人中心左栏里「跳独立页」的菜单项（俱乐部入驻 / VIP等级）：<a> 不能带按钮样式残留 */
a.cmi{text-decoration:none}
a.cmi:hover{background:#f5f8ff;color:var(--brand)}

/* 我的发布：左栏封面下方的浏览 / 想要统计（与订单卡同一套左栏结构） */
.pcr-views{display:flex;align-items:center;gap:5px;font-size:11px;color:#a1a1aa}
.pcr-views i{font-style:normal;color:#d4d4d8}
/* 未通过原因在 .pcr-top 里也要有下间距 */
.pcr-top .pc-acc-rej{margin-top:8px;font-size:12px;color:var(--danger);line-height:1.5}


/* ---------- PC 全站隐藏滚动条 ----------
   页面照样能滚（滚轮 / 触控板 / 键盘都正常），只是不画那条灰色滚动条。
   只作用于 html（整页滚动容器），组件内部的滚动区域不受影响。 */
html{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}

/* 账号卡价格下方的小字：比例 · 押金 · 租期（表格里不再重复这三项） */
.pac-pinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pac-psub{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-variant-numeric:tabular-nums}
.pac-payrow .pac-psub{margin-top:2px}

/* ============================================================================
 * 聊天图片消息（多商户保留能力，随 views-pc.js 一起回补）
 * 选文件 / Ctrl+V 粘贴 → 上传 → 发一条 [[IMG]]<path>，气泡内渲染成图，点击铺满视口放大
 * ========================================================================== */
.pcs-imgbtn{flex:0 0 auto;width:32px;height:32px;margin-right:auto;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);cursor:pointer;
  transition:background .15s,color .15s}
.pcs-imgbtn:hover{background:var(--brand-soft);color:var(--brand)}
.pcs-msg .bubble.is-img{padding:5px;background:#fff;border:1px solid var(--line-soft);line-height:0}
.pcs-chat-img{max-width:220px;max-height:220px;width:auto;height:auto;border-radius:9px;display:block;
  cursor:zoom-in;background:#eef1f6}
.pcs-imgzoom{position:fixed;inset:0;z-index:6000;background:rgba(10,14,22,.86);display:flex;
  align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.pcs-imgzoom img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.45)}

/* ============================================================================
 * 资料设置页（2026-10-29 优化）
 * 问题：头像旁只有一行 UID、右侧大片空白、提交按钮挤在昵称行末尾且与输入框不对齐
 * 改法：① 头部用状态 chips 把实名/手机/俱乐部一眼铺开 ② 表单列收窄对齐
 *       ③ 提交按钮独立成底部操作栏（左说明 + 右主按钮），符合表单习惯
 * ========================================================================== */
.pcpf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pcpf-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;
  background:#f4f6fb;color:#6b7688;font-size:11.5px;font-weight:700;letter-spacing:.01em}
.pcpf-chip.ok{background:#ecfdf5;color:#0f9d6e}
.pcpf-chip.warn{background:#fff7ed;color:#c2740c}
.pcpf-chip.club{background:#eef2ff;color:#4356c9}
.pcpf-rows{max-width:640px}
.pcpf-foot{display:flex;align-items:center;gap:18px;margin-top:28px;padding-top:20px;border-top:1px solid #eef1f6}
.pcpf-foot .pcpf-tip{flex:1;margin:0;font-size:12px;line-height:1.7;color:#a1a1aa}
.pcpf-foot .pcpf-tip span{color:#d97706;margin-left:4px}
.pcpf-foot .pcpf-save{margin-left:auto;background:linear-gradient(135deg,#2e5bff,#4c7dff);
  box-shadow:0 8px 18px rgba(46,91,255,.18)}
.pcpf-foot .pcpf-save:hover{background:linear-gradient(135deg,#1f49e0,#3d6cf0)}
.pcpf-foot .pcpf-save:disabled{box-shadow:none}
@media (max-width:900px){
  .pcpf-foot{flex-direction:column;align-items:stretch;gap:12px}
  .pcpf-foot .pcpf-save{margin-left:0;justify-content:center}
}
/* 三个输入框统一最大宽度：原来用户名/手机/昵称行宽度不一，右边缘参差 */
.pcpf-rows .pcpf-ctl > .pcpf-inputwrap{max-width:380px}
.pcpf-rows .pcpf-ctl > .pcpf-readonly{max-width:380px}
@media (max-width:900px){
  .pcpf-rows .pcpf-ctl > .pcpf-inputwrap,
  .pcpf-rows .pcpf-ctl > .pcpf-readonly{max-width:100%}
}