/* 二手车连锁 · SEO 网页版（配色与小程序统一：#2157FF 主蓝 / #f4f6f9 底 / 白卡） */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif; background:#f4f6f9; color:#333; font-size:15px; line-height:1.6; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }
.wrap { max-width:1160px; margin:0 auto; padding:0 16px; }

/* 顶部导航 */
.topbar { background:#fff; box-shadow:0 1px 6px rgba(20,40,90,.06); position:sticky; top:0; z-index:50; }
.topbar-in { display:flex; align-items:center; justify-content:space-between; height:58px; }
.logo { font-size:20px; font-weight:700; color:#2157FF; display:flex; align-items:center; gap:8px; }
.logo-dot { width:14px; height:14px; border-radius:4px; background:linear-gradient(135deg,#3ab3f9,#005bea); display:inline-block; }
.topbar nav { display:flex; gap:26px; }
.topbar nav a { color:#555; font-size:15px; padding:6px 2px; }
.topbar nav a.on, .topbar nav a:hover { color:#2157FF; font-weight:600; border-bottom:2px solid #2157FF; }

/* Hero */
.hero { background:linear-gradient(120deg,#2157FF 0%,#005bea 55%,#1c8cf0 100%); color:#fff; padding:58px 0 66px; text-align:center; }
.hero h1 { font-size:34px; letter-spacing:2px; }
.hero p { margin-top:12px; font-size:16px; opacity:.92; }
.hero-search { margin:26px auto 0; max-width:560px; display:flex; background:#fff; border-radius:10px; overflow:hidden; padding:5px; }
.hero-search input { flex:1; border:0; outline:0; padding:10px 16px; font-size:15px; color:#333; }
.hero-search button { border:0; background:linear-gradient(315deg,#3ab3f9,#005bea); color:#fff; padding:10px 30px; font-size:15px; border-radius:8px; cursor:pointer; }
.hero-tags { margin-top:16px; font-size:13px; opacity:.85; }
.hero-tags a { color:#fff; margin:0 8px; text-decoration:underline; text-underline-offset:3px; }

/* 区块 */
.sec { margin:34px 0; }
.sec-h { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:16px; }
.sec-h h2 { font-size:22px; color:#222; }
.sec-h h2::before { content:''; display:inline-block; width:5px; height:18px; background:linear-gradient(#3ab3f9,#005bea); border-radius:3px; margin-right:10px; vertical-align:-2px; }
.sec-h a { font-size:13px; color:#2157FF; }

/* 车源网格 */
.car-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.car-card { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 10px rgba(20,40,90,.06); transition:transform .18s, box-shadow .18s; display:block; }
.car-card:hover { transform:translateY(-3px); box-shadow:0 8px 22px rgba(20,40,90,.12); }
.car-img { height:172px; background:#eef2f8; overflow:hidden; position:relative; }
.car-img img { width:100%; height:100%; object-fit:cover; }
.img-ph { height:100%; display:flex; align-items:center; justify-content:center; color:#b9c6dd; font-size:16px; letter-spacing:2px; }
.car-bd { padding:12px 14px 14px; }
.car-bd h3 { font-size:15px; font-weight:600; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.car-meta { margin-top:7px; font-size:12.5px; color:#8a93a3; }
.car-meta i { font-style:normal; margin:0 7px; color:#d5dbe6; }
.car-price { margin-top:8px; font-size:19px; font-weight:700; color:#e54d42; }

/* 新闻列表 */
.news-list { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 10px rgba(20,40,90,.06); }
.news-item { display:block; padding:16px 20px; border-bottom:1px solid #f0f3f8; }
.news-item:last-child { border-bottom:0; }
.news-item:hover { background:#f8faff; }
.news-item h3 { font-size:16px; color:#222; font-weight:600; }
.news-item p { margin-top:5px; font-size:13.5px; color:#8a93a3; }
.news-meta { display:inline-block; margin-top:7px; font-size:12px; color:#aab3c2; }

/* 筛选条 */
.filter { background:#fff; border-radius:12px; padding:14px 18px; box-shadow:0 2px 10px rgba(20,40,90,.06); display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:18px; }
.filter span.lb { font-size:13px; color:#8a93a3; }
.filter a { font-size:13.5px; padding:5px 14px; border-radius:16px; background:#f2f5fa; color:#556; }
.filter a.on { background:#2157FF; color:#fff; }

/* 详情页 */
.detail { background:#fff; border-radius:12px; box-shadow:0 2px 10px rgba(20,40,90,.06); overflow:hidden; }
.detail-hero { position:relative; background:#e9edf4; }
.detail-hero .main-img { width:100%; max-height:480px; object-fit:contain; margin:0 auto; background:#f4f6fa; display:block; }
.thumbs { display:flex; gap:8px; padding:10px 14px; overflow-x:auto; background:#0d1530; }
.thumbs img { width:110px; height:74px; object-fit:cover; border-radius:6px; cursor:pointer; opacity:.75; }
.thumbs img.on { opacity:1; outline:2px solid #2157FF; }
.detail-bd { display:flex; gap:26px; padding:24px; flex-wrap:wrap; }
.detail-info { flex:1.6; min-width:300px; }
.detail-info h1 { font-size:24px; color:#1a1f2b; }
.detail-price { margin-top:14px; font-size:30px; font-weight:700; color:#e54d42; }
.detail-price small { font-size:13px; color:#98a2b3; font-weight:400; margin-left:10px; }
.d-tags { margin-top:14px; display:flex; flex-wrap:wrap; gap:8px; }
.d-tags span { font-size:12.5px; background:#eef4ff; color:#2157FF; padding:4px 12px; border-radius:14px; }
.d-desc { margin-top:18px; padding-top:16px; border-top:1px dashed #e5eaf2; font-size:14.5px; color:#4b5566; white-space:pre-wrap; }
.detail-aside { flex:1; min-width:260px; }
.spec { width:100%; border-collapse:collapse; font-size:14px; }
.spec td { padding:9px 6px; border-bottom:1px solid #f0f3f8; }
.spec td:first-child { color:#8a93a3; width:76px; }
.cta-box { margin-top:18px; background:linear-gradient(160deg,#f4f8ff,#eef4ff); border:1px solid #d9e6ff; border-radius:12px; padding:18px; text-align:center; }
.cta-box p { font-size:13.5px; color:#5b6b85; }
.cta-btn { display:inline-block; margin-top:12px; background:linear-gradient(315deg,#3ab3f9,#005bea); color:#fff; font-size:15px; font-weight:600; padding:11px 30px; border-radius:24px; }
.qr-ph { margin:14px auto 0; width:132px; height:132px; border-radius:10px; background:#fff; border:1px dashed #b9cffb; display:flex; align-items:center; justify-content:center; color:#9db6e3; font-size:12.5px; }

/* FAQ */
.faq-list { max-width:820px; }
.faq-item { background:#fff; border-radius:12px; padding:18px 22px; margin-bottom:14px; box-shadow:0 2px 10px rgba(20,40,90,.06); }
.faq-item h3 { font-size:16px; color:#222; }
.faq-item p { margin-top:8px; font-size:14px; color:#5b6b85; }

/* 分页 */
.pager { display:flex; gap:8px; justify-content:center; margin:26px 0; flex-wrap:wrap; }
.pager a { min-width:34px; text-align:center; padding:7px 12px; background:#fff; border-radius:8px; color:#556; font-size:14px; box-shadow:0 1px 5px rgba(20,40,90,.06); }
.pager a.on { background:#2157FF; color:#fff; }

/* 优势条 */
.adv { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.adv-it { background:#fff; border-radius:12px; padding:22px 18px; text-align:center; box-shadow:0 2px 10px rgba(20,40,90,.06); }
.adv-it b { display:block; font-size:16px; color:#2157FF; margin-bottom:6px; }
.adv-it span { font-size:13px; color:#8a93a3; }

/* ===================== 朋友圈车源 ===================== */
.cc-intro { background:#fff; border-radius:12px; padding:26px 24px; box-shadow:0 2px 10px rgba(20,40,90,.06); }
.cc-intro h1 { font-size:24px; color:#1a1f2b; }
.cc-intro h1::before { content:''; display:inline-block; width:5px; height:18px; background:linear-gradient(#3ab3f9,#005bea); border-radius:3px; margin-right:10px; vertical-align:-2px; }
.cc-intro p { margin-top:10px; font-size:14px; color:#6b7a90; max-width:820px; }
.cc-search { margin-top:16px; max-width:520px; display:flex; background:#f2f5fa; border-radius:10px; overflow:hidden; padding:4px; }
.cc-search input { flex:1; border:0; outline:0; background:transparent; padding:9px 14px; font-size:15px; color:#333; }
.cc-search button { border:0; background:linear-gradient(315deg,#3ab3f9,#005bea); color:#fff; padding:9px 24px; font-size:14px; border-radius:8px; cursor:pointer; }
.cc-hot { margin-top:12px; font-size:13px; color:#8a93a3; }
.cc-hot a { color:#2157FF; margin:0 8px 0 0; }
.cc-count { font-size:13px; color:#8a93a3; margin-bottom:12px; }
.cc-count b { color:#2157FF; }
.cc-empty { background:#fff; border-radius:12px; padding:60px 20px; text-align:center; color:#8a93a3; }
.cc-empty a { color:#2157FF; }

.cc-list { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; align-items:start; }
.cc-card { background:#fff; border-radius:12px; padding:16px 18px 14px; box-shadow:0 2px 10px rgba(20,40,90,.06); display:block; transition:transform .18s, box-shadow .18s; }
.cc-card:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(20,40,90,.12); }
.cc-hd { display:flex; align-items:center; gap:10px; }
.cc-ava { width:38px; height:38px; border-radius:50%; overflow:hidden; flex:0 0 38px; background:#eef4ff; display:flex; align-items:center; justify-content:center; }
.cc-ava img { width:100%; height:100%; object-fit:cover; }
.cc-ava i { font-style:normal; color:#2157FF; font-weight:700; font-size:16px; }
.cc-who { flex:1; min-width:0; }
.cc-who b { display:block; font-size:14.5px; color:#1a1f2b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cc-who em { font-style:normal; font-size:12px; color:#9aa5b5; }
.cc-tag { flex:0 0 auto; font-size:11.5px; color:#0f9d58; background:#e8f7ef; padding:3px 9px; border-radius:10px; }
.cc-bd { margin-top:11px; font-size:14px; color:#48546a; line-height:1.75; white-space:pre-wrap; word-break:break-word; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; }
.cc-imgs { margin-top:11px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; position:relative; }
.cc-img { display:block; padding-top:72%; position:relative; border-radius:8px; overflow:hidden; background:#eef2f8; }
.cc-img img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cc-more { position:absolute; right:8px; bottom:6px; font-style:normal; font-size:11.5px; color:#fff; background:rgba(0,0,0,.42); padding:2px 8px; border-radius:10px; }
.cc-car { margin-top:11px; background:#f7faff; border:1px solid #e6eefc; border-radius:9px; padding:10px 12px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.cc-car b { font-size:14px; color:#1a1f2b; flex:1; min-width:120px; }
.cc-car i { font-style:normal; font-size:17px; font-weight:700; color:#e54d42; }
.cc-car em { font-style:normal; font-size:12px; color:#8a93a3; width:100%; }
.cc-ft { margin-top:11px; padding-top:10px; border-top:1px solid #f0f3f8; display:flex; justify-content:space-between; align-items:center; font-size:12.5px; }
.cc-visit { color:#aab3c2; }
.cc-go { color:#2157FF; font-weight:600; }

/* 朋友圈详情 */
.cd-card { background:#fff; border-radius:12px; padding:24px; box-shadow:0 2px 10px rgba(20,40,90,.06); }
.cd-hd { display:flex; align-items:center; gap:11px; padding-bottom:16px; border-bottom:1px dashed #e5eaf2; }
.cd-desc { margin-top:18px; font-size:15px; color:#3c4759; line-height:1.9; white-space:pre-wrap; word-break:break-word; }
.cd-imgs { margin-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.cd-img { display:block; padding-top:72%; position:relative; border-radius:10px; overflow:hidden; background:#eef2f8; }
.cd-img img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .2s; }
.cd-img:hover img { transform:scale(1.04); }
.cd-car { margin-top:22px; }
.cd-car h2 { font-size:17px; color:#1a1f2b; margin-bottom:10px; }
.cd-link { color:#2157FF; }
.cd-price { color:#e54d42; font-weight:700; font-size:17px; }


.footer { margin-top:50px; background:#1c2740; color:#9fb0cc; padding:34px 0 26px; text-align:center; font-size:13.5px; }
.footer .ft-t { color:#e8eefb; font-size:15px; margin-bottom:10px; }
.footer .ft-icp { margin-top:14px; font-size:12px; color:#6b7c9c; }

@media (max-width:900px) {
  .car-grid { grid-template-columns:repeat(2,1fr); }
  .adv { grid-template-columns:repeat(2,1fr); }
  .hero h1 { font-size:25px; }
  .detail-bd { padding:16px; gap:16px; }
  .topbar nav { gap:14px; }
  .cc-list { grid-template-columns:1fr; }
  .cd-card { padding:18px; }
}
@media (max-width:480px) {
  .car-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .car-img { height:120px; }
  .hero { padding:38px 0 46px; }
  .hero-search button { padding:10px 18px; }
  .topbar nav { gap:11px; }
  .topbar nav a { font-size:13.5px; }
  .logo { font-size:17px; }
  .cc-imgs, .cd-imgs { grid-template-columns:repeat(3,1fr); gap:5px; }
}

/* ===== 未登录图片闸（只给看首图，其余锁定） ===== */
.cd-lock { margin-top:10px; background:#f5f7fb; border:1px dashed #c9d3e6; border-radius:10px; padding:14px; text-align:center; }
.cd-lock-tip { font-size:15px; font-weight:600; color:#33415c; }
.cd-lock-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-top:10px; }
.cd-lock-cell { display:block; height:64px; border-radius:8px;
  background:repeating-linear-gradient(45deg,#e3e9f4 0 10px,#eef2f9 10px 20px); position:relative; }
.cd-lock-cell::after { content:'🔒'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:16px; opacity:.55; filter:blur(1px); }
.cd-lock-note { margin:10px 0 0; font-size:12.5px; color:#8a93a3; }
.cd-lock-inline { margin-top:12px; }
.cd-lock-inline .cd-lock-grid { grid-template-columns:repeat(6,1fr); }
@media (max-width:700px) {
  .cd-lock-grid, .cd-lock-inline .cd-lock-grid { grid-template-columns:repeat(3,1fr); }
}

/* ===== 1:1 详情页升级（9-30 第 3 批） ===== */
/* 图集：主图填满（不露黑边）、左右切换、计数角标 */
.detail-hero .gal { position:relative; border-radius:10px; overflow:hidden; background:#e9edf4; }
/* 10-1 修 #1057：cover 会把车图裁成局部特写，改 contain 显示整图 + 浅底兜底 */
.detail-hero .main-img { display:block; width:100%; height:420px; object-fit:contain; background:#f4f6fa; }
.th-ph { display:flex; align-items:center; justify-content:center; background:#eef1f7; color:#98a2b3; font-size:12px; border-radius:8px; height:76px; }
.gal-btn { position:absolute; top:50%; transform:translateY(-50%); width:40px; height:56px;
  border:none; border-radius:8px; background:rgba(15,25,45,.45); color:#fff; font-size:26px;
  cursor:pointer; line-height:1; }
.gal-btn:hover { background:rgba(15,25,45,.7); }
.gal-prev { left:10px; } .gal-next { right:10px; }
.gal-count { position:absolute; right:12px; bottom:10px; background:rgba(15,25,45,.6);
  color:#fff; font-size:12.5px; padding:3px 10px; border-radius:20px; }
.thumbs { display:flex; gap:8px; margin-top:10px; overflow-x:auto; padding-bottom:4px; }
.thumbs img { width:86px; height:64px; object-fit:cover; border-radius:6px; border:2px solid transparent; cursor:pointer; flex:0 0 auto; }
.thumbs img.on { border-color:#2157FF; }

/* 认证徽章 */
.badge-cert { display:inline-block; vertical-align:4px; margin-left:8px; font-size:12.5px; font-weight:600;
  color:#0a8f4e; background:#e5f7ee; border:1px solid #b7e6cd; border-radius:20px; padding:2px 10px; }
.badge-uncert { display:inline-block; vertical-align:4px; margin-left:8px; font-size:12.5px;
  color:#8a93a3; background:#f1f3f7; border:1px solid #dde3ec; border-radius:20px; padding:2px 10px; }

/* 瑕疵说明 */
.d-desc-warn { background:#fff7ef; border-left:3px solid #f0a24b; }

/* 配置信息折叠 */
details.cfg { margin:14px 0 0; border:1px solid #e4e9f2; border-radius:10px; padding:10px 14px; background:#fafbfe; }
details.cfg summary { cursor:pointer; font-weight:600; color:#33415c; font-size:14px; }
details.cfg .spec { margin-top:10px; }

/* 底部操作条 */
.act-bar { display:flex; gap:10px; margin-top:16px; }
.act-main { flex:1.2; text-align:center; background:#2157FF; color:#fff !important; font-weight:600;
  border-radius:10px; padding:12px 0; text-decoration:none; font-size:15.5px; }
.act-main:hover { background:#1a46d6; }
.act-sub { flex:1; text-align:center; background:#eef3ff; color:#2157FF !important; font-weight:600;
  border-radius:10px; padding:12px 0; text-decoration:none; font-size:14.5px; }
.act-sub:hover { background:#e0e9ff; }
.act-tip { margin:10px 0 0; font-size:13px; color:#c2410c; background:#fff7ed; border:1px solid #fed7aa;
  border-radius:8px; padding:8px 12px; }

/* 顶部「发布卖车」按钮 */
.topbar-in { position:relative; }
.pub-btn { margin-left:14px; background:#2157FF; color:#fff !important; font-size:13.5px; font-weight:600;
  border-radius:20px; padding:6px 14px; white-space:nowrap; }
.pub-btn:hover { background:#1a46d6; }

/* AI 客服 */
.chat-wrap { max-width:760px; margin:0 auto; background:#fff; border:1px solid #e4e9f2; border-radius:14px; overflow:hidden; }
.chat-hd { padding:14px 18px; border-bottom:1px solid #eef1f6; font-weight:700; color:#1c2b4a; }
.chat-hd i { display:block; font-style:normal; font-weight:400; font-size:12px; color:#8a93a3; margin-top:3px; }
.chat-list { height:400px; overflow-y:auto; padding:16px; background:#f7f9fc; display:flex; flex-direction:column; gap:12px; }
.chat-msg { display:flex; }
.chat-msg.u { justify-content:flex-end; }
.chat-msg .bubble { max-width:78%; padding:10px 14px; border-radius:12px; font-size:14px; line-height:1.65; }
.chat-msg.b .bubble { background:#fff; border:1px solid #e4e9f2; color:#1c2b4a; border-top-left-radius:4px; }
.chat-msg.u .bubble { background:#2157FF; color:#fff; border-top-right-radius:4px; }
.chat-quick { display:flex; gap:8px; padding:10px 16px; border-top:1px solid #eef1f6; flex-wrap:wrap; }
.chat-quick button { border:1px solid #cdd9f6; background:#f3f7ff; color:#2157FF; border-radius:16px;
  padding:5px 12px; font-size:12.5px; cursor:pointer; }
.chat-input { display:flex; gap:10px; padding:12px 16px; border-top:1px solid #eef1f6; }
.chat-input input { flex:1; border:1px solid #dbe2ee; border-radius:10px; padding:10px 14px; font-size:14px; outline:none; }
.chat-input input:focus { border-color:#2157FF; }
.chat-input button { background:#2157FF; color:#fff; border:none; border-radius:10px; padding:0 22px; font-size:14.5px; cursor:pointer; }

/* 检测报告闸与额度 */
.rpt-head h2 { margin:0 0 6px; }
.rpt-left { color:#8a93a3; font-size:13.5px; }
.rpt-gate { text-align:center; padding:30px 20px; background:#fafbfe; border:1px dashed #c9d3e6; border-radius:12px; }
.rpt-gate p { margin:6px 0; color:#33415c; }
.rpt-gate-note { font-size:13px; color:#8a93a3; }
.rpt-quota { text-align:center; padding:36px 20px; }
.rpt-quota h2 { color:#c2410c; }
.rpt-quota p { color:#33415c; margin:8px 0; }
.rpt-body { text-align:center; padding:26px 12px; }
.rpt-empty { color:#8a93a3; margin-bottom:18px; }

/* 发布卖车 */
.pub-hero { text-align:center; padding:26px 12px 10px; }
.pub-hero h2 { margin:0 0 8px; color:#1c2b4a; }
.pub-hero p { color:#5c6b85; margin:8px 0; }
.pub-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:22px 0 10px; }
.pub-steps > div { background:#fafbfe; border:1px solid #e4e9f2; border-radius:12px; padding:16px 14px; text-align:center; }
.pub-steps i { display:block; width:30px; height:30px; line-height:30px; border-radius:50%;
  background:#2157FF; color:#fff; font-style:normal; font-weight:700; margin:0 auto 8px; }
.pub-steps b { display:block; color:#1c2b4a; margin-bottom:5px; }
.pub-steps span { font-size:12.5px; color:#8a93a3; }

@media (max-width:900px) {
  .detail-hero .main-img { height:250px; }
  .pub-steps { grid-template-columns:repeat(2,1fr); }
  .pub-btn { display:none; }
}

/* ============ 9-30 晚第 4 批：导航下拉 / 悬浮码 / 聊天 / 查询·服务·管理中心 ============ */
.mainnav { display:flex; align-items:center; gap:4px; }
.nav-item { position:relative; }
.nav-t { display:flex; align-items:center; gap:4px; padding:8px 12px; border-radius:8px; color:#333; font-weight:500; }
.nav-t:hover { background:#eef3ff; color:#2157FF; }
.nav-item.on .nav-t { color:#2157FF; background:#eef3ff; }
.nav-arr { width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid currentColor; opacity:.55; }
.nav-drop { display:none; position:absolute; top:100%; left:0; min-width:160px; background:#fff; border:1px solid #e6eaf2; border-radius:10px; box-shadow:0 10px 30px rgba(20,40,90,.12); padding:6px; z-index:60; }
.nav-item:hover .nav-drop, .nav-item.open .nav-drop { display:block; }
.nav-drop a { display:block; padding:9px 12px; border-radius:8px; color:#333; font-size:14px; }
.nav-drop a:hover { background:#eef3ff; color:#2157FF; }

/* 右下角悬浮扫码进小程序 */
.wx-float { position:fixed; right:18px; bottom:22px; z-index:90; }
.wx-btn { display:flex; flex-direction:column; align-items:center; gap:2px; width:56px; height:56px; border:none; border-radius:50%; background:#2157FF; color:#fff; font-size:20px; cursor:pointer; box-shadow:0 8px 24px rgba(33,87,255,.4); }
.wx-btn span { font-size:10px; }
.wx-pop { display:none; position:absolute; right:64px; bottom:0; width:210px; background:#fff; border:1px solid #e6eaf2; border-radius:12px; box-shadow:0 12px 36px rgba(20,40,90,.18); padding:12px; text-align:center; }
.wx-float.open .wx-pop { display:block; }
.wx-pop-t { font-weight:600; margin-bottom:8px; color:#2157FF; }
.wx-pop img { display:block; margin:0 auto; border-radius:8px; background:#f4f6fb; }
.wx-pop p { font-size:12px; color:#8a93a3; margin-top:8px; line-height:1.6; }

/* 车页内嵌 AI 聊天 */
.chat-sec { padding:0; }
.chatbox { max-width:760px; margin:0 auto; background:#fff; border:1px solid #e6eaf2; border-radius:14px; overflow:hidden; }
.chat-hd { padding:12px 16px; font-weight:600; border-bottom:1px solid #eef1f6; }
.chat-sub { font-size:12px; color:#8a93a3; font-weight:400; margin-left:8px; }
.chat-ctx { padding:8px 16px; font-size:13px; color:#5a6478; background:#f6f9ff; border-bottom:1px solid #eef1f6; }
.chat-list { height:260px; overflow-y:auto; padding:14px 16px; display:flex; flex-direction:column; gap:10px; background:#fafbfe; }
.msg { max-width:78%; padding:9px 13px; border-radius:12px; font-size:14px; line-height:1.65; white-space:pre-wrap; }
.msg.ai { background:#fff; border:1px solid #e6eaf2; align-self:flex-start; border-top-left-radius:4px; }
.msg.me { background:#2157FF; color:#fff; align-self:flex-end; border-top-right-radius:4px; }
.chat-quick { padding:10px 16px 0; display:flex; gap:8px; flex-wrap:wrap; }
.chat-quick button { border:1px solid #cfd9ff; background:#fff; color:#2157FF; border-radius:14px; padding:5px 12px; font-size:12px; cursor:pointer; }
.chat-quick button:hover { background:#eef3ff; }
.chat-in { display:flex; gap:8px; padding:12px 16px; }
.chat-in input { flex:1; border:1px solid #dbe1ec; border-radius:10px; padding:10px 12px; font-size:14px; outline:none; }
.chat-in input:focus { border-color:#2157FF; }
.chat-in button { background:#2157FF; color:#fff; border:none; border-radius:10px; padding:10px 20px; cursor:pointer; font-size:14px; }
.chat-tip { padding:0 16px 12px; font-size:12px; color:#a8b0bf; }

/* 查询/服务/管理中心卡片 */
.page-hd { max-width:1060px; margin:18px auto 0; padding:0 16px; }
.page-hd h1 { font-size:24px; margin-bottom:6px; }
.page-hd p { color:#8a93a3; }
.q-grid { max-width:1060px; margin:16px auto; padding:0 16px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.q-card { background:#fff; border:1px solid #e6eaf2; border-radius:14px; padding:18px; display:block; color:inherit; text-decoration:none; transition:box-shadow .15s; }
.q-card:hover { box-shadow:0 10px 28px rgba(20,40,90,.10); }
.q-ico { font-size:26px; font-style:normal; }
.q-card h3 { margin:8px 0 6px; font-size:16px; }
.q-card p { font-size:13px; color:#5a6478; line-height:1.7; }
.q-card em { display:block; margin-top:10px; font-style:normal; font-size:12px; color:#2157FF; background:#eef3ff; border-radius:8px; padding:5px 8px; }
.page-tip { max-width:1060px; margin:6px auto 24px; padding:12px 16px; background:#fff8e8; border:1px solid #f2e2b3; border-radius:12px; font-size:13px; line-height:1.8; color:#7a6420; }

/* 管理中心登录闸 */
.login-gate { max-width:1060px; margin:10px auto 30px; padding:0 16px; display:flex; justify-content:center; }
.lg-box { background:#fff; border:1px solid #e6eaf2; border-radius:16px; padding:26px 30px; max-width:460px; text-align:center; }
.lg-box h3 { font-size:18px; margin-bottom:10px; }
.lg-qr { padding:10px; }
.lg-qr img { border-radius:8px; background:#f4f6fb; }
.lg-note { font-size:13px; color:#5a6478; margin:12px 0 4px; text-align:left; }
.lg-auth { text-align:left; font-size:13px; color:#5a6478; line-height:2; background:#f6f9ff; border-radius:10px; padding:10px 14px; margin:8px 0; }

/* 卡片认证角标 / 标签 */
.car-img { position:relative; }
.car-badge { position:absolute; left:8px; top:8px; background:rgba(21,160,80,.92); color:#fff; font-size:11px; font-style:normal; border-radius:6px; padding:2px 7px; }
.cc-tag.tag-ok { background:#e8f8ef; color:#15a050; }

/* 详情页检测报告区块 */
.rpt-box { border:1px solid #e6eaf2; border-radius:12px; padding:14px; margin-top:14px; background:#fafbfe; }
.rpt-hd { font-weight:600; margin-bottom:6px; }
.rpt-note { font-size:13px; color:#5a6478; line-height:1.7; }
.rpt-imgs { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:10px; }
.rpt-img img { width:100%; height:110px; object-fit:cover; border-radius:8px; border:1px solid #e6eaf2; }
.rpt-lock p { font-size:13px; color:#5a6478; line-height:1.8; margin-bottom:10px; }
.qr-real { padding:8px; }
.qr-real img { border-radius:8px; background:#f4f6fb; }
.qr-tip { font-size:12px; color:#8a93a3; margin-top:8px; }

@media (max-width:900px) {
  .q-grid { grid-template-columns:repeat(2,1fr); }
  .mainnav { overflow-x:auto; }
  .nav-drop { display:none; }
}
@media (max-width:600px) {
  .q-grid { grid-template-columns:1fr; }
  .chat-list { height:200px; }
}

/* ============ 10-1 第 5 批：lightbox / 按钮 1:1 / 模糊缩略图 / 双搜索 / 大平台美化 ============ */

/* 页内悬浮大图 */
.lb-box { display:none; position:fixed; inset:0; z-index:200; background:rgba(10,16,30,.86); align-items:center; justify-content:center; }
.lb-img { max-width:86vw; max-height:82vh; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.5); background:#111; }
.lb-close { position:absolute; top:16px; right:22px; width:44px; height:44px; border:none; border-radius:50%; background:rgba(255,255,255,.14); color:#fff; font-size:26px; cursor:pointer; }
.lb-nav { position:absolute; top:50%; transform:translateY(-50%); width:52px; height:52px; border:none; border-radius:50%; background:rgba(255,255,255,.14); color:#fff; font-size:30px; cursor:pointer; }
.lb-prev { left:18px; } .lb-next { right:18px; }
.lb-nav:hover, .lb-close:hover { background:rgba(255,255,255,.28); }
.lb-count { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); color:#fff; font-size:14px; background:rgba(0,0,0,.45); border-radius:14px; padding:5px 14px; }
img.lb { cursor:zoom-in; }
.main-img { cursor:zoom-in; }

/* 价格行按钮 + 功能按钮网格 + 底部功能条 */
.bt-row { display:flex; gap:10px; margin:10px 0 4px; flex-wrap:wrap; }
.bt { flex:1; min-width:96px; border:none; border-radius:10px; padding:10px 12px; font-size:14px; font-weight:600; cursor:pointer; color:#fff; }
.bt-blue { background:#2157FF; } .bt-blue:hover { background:#1a45d6; }
.bt-gold { background:#f5a623; } .bt-gold:hover { background:#dd9213; }
.bt-green { background:#15a050; } .bt-green:hover { background:#0f8a42; }
.bt-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:14px 0; }
.bt-grid button { border:1px solid #dbe4ff; background:#f6f9ff; color:#2b3a5c; border-radius:10px; padding:10px 6px; font-size:13px; cursor:pointer; transition:all .12s; }
.bt-grid button:hover { border-color:#2157FF; color:#2157FF; background:#eef3ff; }
.cd-btns { grid-template-columns:repeat(4,1fr); margin:14px 0 4px; }
.bt-bottom { display:flex; gap:6px; margin-top:6px; border-top:1px dashed #e6eaf2; padding-top:12px; flex-wrap:wrap; }
.bt-bottom a { flex:1; text-align:center; padding:9px 6px; border-radius:10px; background:#f6f8fc; color:#44506a; font-size:13px; text-decoration:none; }
.bt-bottom a:hover { background:#eef3ff; color:#2157FF; }
.bt-bottom .bt-deposit { background:#2157FF; color:#fff; font-weight:600; }
.bt-bottom .bt-deposit:hover { background:#1a45d6; color:#fff; }

/* 锁定缩略图：真实图模糊 + 锁标 */
.cd-lock-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin:10px 0; }
.cd-lock-cell { position:relative; display:block; height:78px; border-radius:8px; overflow:hidden; background:#e9edf5; }
.cd-lock-cell img { width:100%; height:100%; object-fit:cover; filter:blur(9px); transform:scale(1.25); opacity:.75; }
.cd-lock-cell i { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:11px; font-style:normal; color:#5a6478; background:rgba(240,244,252,.45); text-shadow:0 1px 2px rgba(255,255,255,.8); }
.cd-lock-inline .cd-lock-grid { grid-template-columns:repeat(6,1fr); }

/* 页内双按钮搜索 */
.page-search-sec { padding:14px 16px; }
.mini-search { display:flex; gap:10px; max-width:760px; margin:0 auto; }
.mini-search input { flex:1; border:2px solid #2157FF; border-radius:10px; padding:11px 14px; font-size:15px; outline:none; }
.mini-search button { border:none; border-radius:10px; padding:11px 18px; font-size:14px; font-weight:600; cursor:pointer; color:#fff; }
.ms-cert { background:#2157FF; } .ms-cert:hover { background:#1a45d6; }
.ms-stock { background:#15a050; } .ms-stock:hover { background:#0f8a42; }
.ps-tip { text-align:center; font-size:12px; color:#a8b0bf; margin-top:8px; }

/* 首页 Hero：双按钮 + 信任条 */
.hero-search { display:flex; gap:0; max-width:640px; margin:0 auto; }
.hero-search input { flex:1; border:none; border-radius:10px 0 0 10px; padding:14px 18px; font-size:16px; outline:none; }
.hero-search button { border:none; padding:14px 20px; font-size:15px; font-weight:600; cursor:pointer; color:#fff; }
.hs-cert { background:#0f3ecc; } .hs-cert:hover { background:#0c34ad; }
.hs-stock { background:#15a050; border-radius:0 10px 10px 0 !important; } .hs-stock:hover { background:#0f8a42; }
.hero-sub { color:rgba(255,255,255,.75); font-size:12.5px; margin-top:10px; }
.hero-stats { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:16px; color:rgba(255,255,255,.9); font-size:13px; flex-wrap:wrap; }
.hero-stats b { font-size:20px; margin-right:5px; }
.hero-stats i { width:1px; height:16px; background:rgba(255,255,255,.35); }

/* 底部合规声明 */
.ft-law { font-size:12px; color:#8fa0b8; line-height:1.8; margin-top:10px; padding:10px 14px; background:rgba(255,255,255,.05); border-radius:10px; }

/* 大平台感微调：卡片阴影与留白 */
.car-card, .cc-card { transition:box-shadow .15s, transform .15s; }
.car-card:hover, .cc-card:hover { box-shadow:0 12px 32px rgba(20,40,90,.12); transform:translateY(-2px); }

@media (max-width:900px) {
  .bt-grid, .cd-btns { grid-template-columns:repeat(3,1fr); }
  .cd-lock-grid, .cd-lock-inline .cd-lock-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:600px) {
  .bt-grid, .cd-btns { grid-template-columns:repeat(2,1fr); }
  .hero-search button { padding:12px 10px; font-size:13px; }
  .mini-search { flex-wrap:wrap; }
  .mini-search input { flex-basis:100%; }
  .mini-search button { flex:1; }
  .lb-nav { width:40px; height:40px; }
}

/* ============ 10-1 第 6 批：聊天悬浮球 / 查询升级 / 电子签 ============ */
.chat-fab { position:fixed; right:18px; bottom:92px; z-index:95; width:56px; height:56px; border:none; border-radius:50%; background:#0e9f6f; color:#fff; font-size:20px; cursor:pointer; box-shadow:0 8px 24px rgba(14,159,111,.4); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; }
.chat-fab span { font-size:10px; }
.chat-panel { display:none; position:fixed; right:18px; bottom:158px; z-index:96; width:min(380px, calc(100vw - 36px)); max-height:min(560px, 72vh); overflow-y:auto; background:#fff; border:1px solid #e6eaf2; border-radius:16px; box-shadow:0 18px 50px rgba(20,40,90,.22); }
.chat-panel.open { display:block; }
.chat-panel .chat-hd { position:sticky; top:0; background:#fff; display:flex; align-items:center; }
.chat-panel .chat-x { margin-left:auto; border:none; background:none; font-size:16px; color:#8a93a3; cursor:pointer; padding:4px 8px; }
.chat-panel .chat-list { height:220px; }
.chat-gate { text-align:center; padding:22px 18px; }
.chat-gate .cg-ico { font-size:30px; margin-bottom:6px; }
.chat-gate p { margin:6px 0; }
.chat-gate .cg-note { font-size:12.5px; color:#8a93a3; line-height:1.7; }
.chat-gate .cg-qr { border-radius:10px; background:#f4f6fb; margin:10px 0; }
.cc-alt-search { margin-top:10px; }
.cas-link { font-size:13.5px; color:#2157FF; text-decoration:none; background:#eef3ff; border-radius:10px; padding:8px 14px; display:inline-block; }
.cas-link:hover { background:#dfe9ff; }

/* ============ 10-1 第 7 批：橙底主导航（banner 下方 · 蓝橙配色 · hover 动效 · 下拉浅橙） ============ */
.gbnav { background:linear-gradient(135deg,#FF7A18 0%,#FF9A2E 52%,#FFB24D 100%); box-shadow:0 6px 22px rgba(255,122,24,.28); position:sticky; top:58px; z-index:49; }
/* 桌面端绝不允许 overflow 滚动：overflow-x 非 visible 会连带裁掉绝对定位的下拉菜单，
   且规范规定 overflow-x:auto 时 overflow-y 计算为 auto → 导航条出现诡异的上下滚动（10-1 用户实锤） */
.gbnav-in { display:flex; align-items:center; gap:2px; height:52px; }
.gb-item { position:relative; flex:0 0 auto; }
.gb-t { display:flex; align-items:center; gap:6px; height:52px; padding:0 20px; color:#fff; font-size:15.5px; font-weight:600; letter-spacing:.3px; position:relative; white-space:nowrap; transition:background .16s; }
.gb-t .gb-ico { font-size:16px; line-height:1; }
.gb-t .gb-arr { width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid rgba(255,255,255,.85); margin-left:2px; transition:transform .16s; }
.gb-t::after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#fff; border-radius:3px 3px 0 0; transition:width .18s ease, left .18s ease; }
.gb-item:hover .gb-t { background:rgba(255,255,255,.18); }
.gb-item:hover .gb-t::after { width:100%; left:0; }
.gb-item:hover .gb-arr { transform:rotate(180deg); }
.gb-item.on .gb-t { background:#fff; color:#E85D00; }
.gb-item.on .gb-t .gb-arr { border-top-color:#E85D00; }
.gb-item.on .gb-t::after { width:0; }
/* 浅橙下拉框 */
.gb-drop { display:none; position:absolute; top:100%; left:8px; min-width:190px; background:#FFF4E8; border:1px solid #FFDCB8; border-radius:14px; box-shadow:0 16px 40px rgba(200,110,20,.22); padding:8px; z-index:60; }
.gb-item:hover .gb-drop, .gb-item.open .gb-drop { display:block; animation:gbDrop .18s ease both; }
@keyframes gbDrop { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
.gb-drop a { display:block; padding:10px 14px; border-radius:10px; color:#8A4B00; font-size:14px; transition:background .14s, color .14s, padding-left .14s; }
.gb-drop a:hover { background:#FFE2C2; color:#D9500A; padding-left:20px; font-weight:600; }
.gb-drop a.on { background:#FFE2C2; color:#D9500A; font-weight:600; }
.gb-right { margin-left:auto; display:flex; align-items:center; gap:10px; padding-left:14px; flex:0 0 auto; }
.gb-login { color:#fff; font-size:13.5px; background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.55); border-radius:20px; padding:7px 16px; font-weight:600; text-decoration:none; white-space:nowrap; }
.gb-login:hover { background:#fff; color:#E85D00; }
.gb-login.reg { background:#fff; color:#E85D00; border-color:#fff; }
.gb-login.reg:hover { background:#FFE9D2; color:#D9500A; }

/* 使用教学页 */
.gd-sec { background:#fff; border:1px solid #e6eaf2; border-radius:14px; padding:18px 20px; margin-bottom:14px; }
.gd-sec h3 { margin:0 0 10px; font-size:17px; color:#1b2740; display:flex; align-items:center; gap:8px; }
.gd-sec h3 i { font-style:normal; width:26px; height:26px; border-radius:8px; background:#FFF0E0; color:#E85D00; font-size:14px; display:inline-flex; align-items:center; justify-content:center; }
.gd-steps { counter-reset:gs; margin:0; padding:0; list-style:none; }
.gd-steps li { counter-increment:gs; position:relative; padding:8px 0 8px 34px; color:#44506a; font-size:14.5px; line-height:1.75; border-bottom:1px dashed #eef1f7; }
.gd-steps li:last-child { border-bottom:none; }
.gd-steps li::before { content:counter(gs); position:absolute; left:0; top:8px; width:22px; height:22px; border-radius:50%; background:#2157FF; color:#fff; font-size:12px; display:flex; align-items:center; justify-content:center; font-weight:700; }
.gd-tip { background:#F4F8FF; border-left:3px solid #2157FF; border-radius:0 8px 8px 0; padding:10px 14px; font-size:13.5px; color:#40506e; line-height:1.8; margin-top:10px; }
.gd-tip.warn { background:#FFF7EC; border-left-color:#FF7A18; color:#8A4B00; }
.gd-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.gd-card { background:#fff; border:1px solid #e6eaf2; border-radius:14px; padding:16px; text-decoration:none; color:inherit; transition:box-shadow .15s, transform .15s, border-color .15s; display:block; }
.gd-card:hover { box-shadow:0 12px 30px rgba(20,40,90,.12); transform:translateY(-2px); border-color:#FFD9B0; }
.gd-card .gd-ico { font-size:24px; }
.gd-card b { display:block; margin:8px 0 4px; font-size:15.5px; color:#1b2740; }
.gd-card span { font-size:13px; color:#8a93a3; line-height:1.7; }
@media (max-width:900px) {
  .gb-t { padding:0 14px; font-size:14.5px; }
  /* #1063 窄窗口不再隐藏下拉：点导航标题展开固定面板（配合 ui.php 的 click 兜底 JS） */
  .gb-drop { position:fixed; top:112px; left:12px; right:12px; min-width:0; z-index:80; }
  .gb-item:hover .gb-drop { display:none; }  /* 触屏 hover 粘滞防误弹，只认 click 展开 */
  .gb-item.open .gb-drop { display:block; }
  .gb-right { display:none; }
  .gd-grid { grid-template-columns:repeat(2,1fr); }
  /* 窄屏允许横滑（下拉已改固定面板，不存在裁切问题） */
  .gbnav-in { overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; }
  .gbnav-in::-webkit-scrollbar { display:none; }
}
@media (max-width:600px) {
  .gd-grid { grid-template-columns:1fr; }
}

/* ============ 车源详情：图集全展示（不模糊）+ 点开才登录 ============ */
.gal-thumbs { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-top:10px; }
.gal-thumbs img { width:100%; height:76px; object-fit:cover; border-radius:8px; border:2px solid transparent; cursor:pointer; background:#eef1f7; transition:border-color .12s, transform .12s; }
.gal-thumbs img:hover { transform:translateY(-2px); }
.gal-thumbs img.on { border-color:#2157FF; }
.gal-gate { display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:#FFF7EC; border:1px solid #FFDCB8; border-radius:12px; padding:10px 14px; margin-top:10px; font-size:13.5px; color:#8A4B00; }
.gal-gate a { background:#FF7A18; color:#fff; border-radius:8px; padding:7px 16px; font-weight:600; text-decoration:none; }
.gal-gate a:hover { background:#E85D00; }
.gal-gate em { font-style:normal; color:#B4700F; }
.gal-hint { display:inline-block; margin-top:8px; font-size:12.5px; color:#8a93a3; }
@media (max-width:900px) { .gal-thumbs { grid-template-columns:repeat(4,1fr); } }
@media (max-width:600px) { .gal-thumbs { grid-template-columns:repeat(3,1fr); } }

/* ============ 服务大厅 · 服务商名录 ============ */
.pv-bar { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:12px; }
.pv-bar input { border:1px solid #dbe4ff; border-radius:10px; padding:9px 12px; font-size:14px; outline:none; min-width:180px; }
.pv-bar input:focus { border-color:#2157FF; }
.pv-bar select { border:1px solid #dbe4ff; border-radius:10px; padding:9px 12px; font-size:14px; background:#fff; color:#2b3a5c; }
.pv-bar button { border:none; border-radius:10px; background:#2157FF; color:#fff; font-size:14px; font-weight:600; padding:10px 20px; cursor:pointer; }
.pv-bar button:hover { background:#1a45d6; }
.pv-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.pv-card { background:#fff; border:1px solid #e6eaf2; border-radius:14px; padding:16px; transition:box-shadow .15s, transform .15s; }
.pv-card:hover { box-shadow:0 12px 30px rgba(20,40,90,.12); transform:translateY(-2px); }
.pv-hd { display:flex; align-items:flex-start; gap:10px; }
.pv-hd .pv-ava { width:38px; height:38px; border-radius:10px; background:linear-gradient(135deg,#FF9A2E,#FF7A18); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:16px; flex:0 0 auto; }
.pv-hd b { font-size:15.5px; color:#1b2740; display:block; line-height:1.4; }
.pv-hd span { font-size:12.5px; color:#8a93a3; }
.pv-tagok { background:#E8F7EF; color:#0e9f6f; border-radius:6px; padding:2px 8px; font-size:11.5px; font-weight:600; }
.pv-tag { background:#F1F4FA; color:#5a6478; border-radius:6px; padding:2px 8px; font-size:11.5px; }
.pv-meta { margin-top:10px; font-size:13px; color:#5a6478; line-height:1.9; }
.pv-meta em { font-style:normal; color:#a8b0bf; }
.pv-ft { margin-top:12px; display:flex; gap:8px; }
.pv-ft a, .pv-ft button { flex:1; text-align:center; border:none; border-radius:10px; padding:9px 0; font-size:13.5px; font-weight:600; cursor:pointer; text-decoration:none; }
.pv-join { background:#2157FF; color:#fff; }
.pv-join:hover { background:#1a45d6; }
.pv-lock { background:#FFF0E0; color:#E85D00; }
.pv-lock:hover { background:#FFE2C2; }
.pv-more { text-align:center; margin-top:14px; }
.pv-more button { border:1px solid #dbe4ff; background:#fff; color:#2157FF; border-radius:10px; padding:10px 28px; font-size:14px; font-weight:600; cursor:pointer; }
.pv-more button:hover { background:#eef3ff; }
@media (max-width:900px) { .pv-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px) { .pv-grid { grid-template-columns:1fr; } }

/* ============ 分页条补充（上一页/下一页/省略号/页码信息） ============ */
.pg-gap { padding:7px 4px; color:#a8b0bf; font-size:14px; }
.pg-info { padding:7px 6px; color:#8a93a3; font-size:13px; }

/* ============ 管理中心（#1065）：总览面板 + 二级列表页 ============ */
.my-panel { max-width:1080px; margin:16px auto 0; padding:0 16px; }
.mp-head { background:#fff; border:1px solid #e6eaf2; border-radius:16px; padding:20px 24px; display:flex; align-items:center; gap:16px; }
.mp-avatar { width:56px; height:56px; flex:0 0 56px; border-radius:50%; background:linear-gradient(315deg,#3ab3f9,#005bea); display:flex; align-items:center; justify-content:center; font-size:26px; font-style:normal; }
.mp-id { flex:1; min-width:0; }
.mp-id b { font-size:18px; color:#1a2233; margin-right:8px; }
.mp-out { font-size:13px; color:#8a93a3; text-decoration:none; border:1px solid #e6eaf2; border-radius:20px; padding:6px 14px; white-space:nowrap; }
.mp-out:hover { color:#E85D00; border-color:#ffd9b8; background:#FFF7EC; }
.mp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:14px; }
.mp-it { background:#fff; border:1px solid #e6eaf2; border-radius:14px; padding:18px 12px; text-align:center; display:block; color:inherit; text-decoration:none; transition:box-shadow .15s, transform .15s; }
a.mp-it:hover { box-shadow:0 10px 26px rgba(20,40,90,.10); transform:translateY(-2px); }
.mp-it b { display:block; font-size:26px; line-height:1.25; color:#2157FF; font-weight:700; }
.mp-it span { font-size:13px; color:#8a93a3; }
.mp-it em { display:block; font-style:normal; font-size:12px; color:#a8b0bf; margin-top:3px; }

/* 管理中心选项卡 / 二级页页头 */
.my-tabs { max-width:1080px; margin:18px auto 0; padding:0 16px; display:flex; gap:8px; flex-wrap:wrap; }
.my-tabs a { padding:8px 16px; border-radius:10px; background:#fff; border:1px solid #e6eaf2; color:#44506a; font-size:14px; text-decoration:none; }
.my-tabs a:hover { border-color:#bcd0ff; color:#2157FF; }
.my-tabs a.on { background:#2157FF; color:#fff; border-color:#2157FF; font-weight:600; }
.my-head { max-width:1080px; margin:18px auto 12px; padding:0 16px; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.my-head .mh-back { display:inline-block; font-size:13px; color:#8a93a3; text-decoration:none; margin-bottom:6px; }
.my-head .mh-back:hover { color:#2157FF; }
.my-head h2 { font-size:23px; color:#222; }
.my-head h2::before { content:''; display:inline-block; width:5px; height:19px; background:linear-gradient(#3ab3f9,#005bea); border-radius:3px; margin-right:10px; vertical-align:-2px; }
.my-head p { font-size:13.5px; color:#8a93a3; margin-top:4px; }
.my-head .mh-r { font-size:13px; color:#8a93a3; padding-bottom:4px; }

/* 二级页筛选条 */
.my-filter { max-width:1080px; margin:0 auto 14px; padding:0 16px; }
.my-filter .mf-in { background:#fff; border:1px solid #e6eaf2; border-radius:12px; padding:12px 16px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.my-filter .mf-lb { font-size:13.5px; color:#8a93a3; }
.my-filter a { font-size:13.5px; color:#44506a; text-decoration:none; padding:6px 14px; border-radius:20px; background:#f3f6fc; }
.my-filter a:hover { background:#e8efff; color:#2157FF; }
.my-filter a.on { background:#2157FF; color:#fff; font-weight:600; }
.my-filter .mf-cnt { margin-left:auto; font-size:13px; color:#8a93a3; }
.my-filter .mf-cnt b { color:#2157FF; }

/* 列表表格（列表页专用，不要复用 .spec —— .spec td:first-child 被写死 76px 会挤爆首列） */
.my-tbl-wrap { max-width:1080px; margin:0 auto; padding:0 16px; }
.my-table { width:100%; border-collapse:collapse; background:#fff; border-radius:14px; overflow:hidden; font-size:14px; }
.my-table th { text-align:left; padding:12px; background:#f6f9ff; color:#44506a; font-weight:600; font-size:13px; white-space:nowrap; }
.my-table td { padding:12px; border-top:1px solid #f0f3f8; color:#333; vertical-align:middle; }
.my-table tr:hover td { background:#fafbfe; }
.my-table .col-act { white-space:nowrap; }
.my-table .t-main { color:#1a2233; font-weight:600; }
.my-table .t-sub { display:block; font-size:12.5px; color:#8a93a3; margin-top:3px; font-weight:400; }
.my-table .t-price { color:#e54d42; font-weight:700; white-space:nowrap; }
.my-table a.t-go { color:#2157FF; text-decoration:none; }
.my-table a.t-go:hover { text-decoration:underline; }
.my-scroll { max-width:1080px; margin:0 auto; padding:0 16px; overflow-x:auto; }

/* 状态胶囊 */
.st-pill { display:inline-block; font-size:12.5px; border-radius:20px; padding:3px 11px; white-space:nowrap; font-weight:600; }
.st-pill.st-ok { background:#E8F7EF; color:#0e9f6f; }
.st-pill.st-run { background:#EAF1FF; color:#2157FF; }
.st-pill.st-warn { background:#FFF4E6; color:#E85D00; }
.st-pill.st-off { background:#F1F4FA; color:#8a93a3; }
.st-pill.st-pay { background:#FFF0F0; color:#e54d42; }

/* 管理中心空态 */
.my-empty { max-width:1080px; margin:0 auto; padding:0 16px; }
.my-empty .me-in { background:#fff; border:1px solid #e6eaf2; border-radius:14px; padding:56px 20px; text-align:center; color:#8a93a3; }
.my-empty .me-in a { color:#2157FF; }

/* 操作指引条（列表页底部/顶部的小贴士） */
.my-tip { max-width:1080px; margin:14px auto 0; padding:0 16px; }
.my-tip .mt-in { background:#F6F9FF; border:1px solid #E2EAFF; border-radius:12px; padding:12px 16px; font-size:13.5px; color:#44506a; line-height:1.9; }
.my-tip .mt-in b { color:#2157FF; }
@media (max-width:900px) {
  .mp-stats { grid-template-columns:repeat(2,1fr); }
  .my-table { min-width:640px; }
  .my-tbl-wrap, .my-scroll { overflow-x:auto; }
}
@media (max-width:600px) {
  .mp-head { flex-wrap:wrap; }
  .mp-id { flex:1 1 100%; order:2; }
  .mp-out { order:3; }
}