/* ===== help.css — 帮助页专属样式（与 buy.css 保持一致风格） ===== */

body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin:0; color:#222; }
html { scroll-behavior:smooth; }

/* ---------- 隐藏全局装饰伪元素 ---------- */
body.helpPage::before,
body.helpPage::after { display:none !important; }

/* ---------- 主容器 ---------- */
.wrap { max-width:1040px; margin:0 auto; padding:22px 18px 56px; }

/* ---------- 顶栏 ---------- */
.top { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.top a { text-decoration:none; font-weight:800; }

/* ---------- hero ---------- */
.heroBuy { padding:16px; border-radius:22px; background:linear-gradient(135deg, rgba(255,255,255,0.78), rgba(247,255,252,0.84)); border:1px solid #f1dce6; margin-bottom:14px; }
.badge { display:inline-flex; align-items:center; padding:8px 12px; border-radius:999px; font-size:12px; font-weight:900; background:#fff0f5; color:#ff5e91; border:1px solid #ffd0df; }
.heroBuyTitle { margin-top:12px; font-size:28px; font-weight:900; line-height:1.3; }
.heroBuySub { margin-top:10px; color:#6f6571; line-height:1.7; font-size:12px; }
.tipsRow { margin-top:14px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.tip { padding:10px; border-radius:16px; background:rgba(255,255,255,0.84); border:1px solid #f2dbe5; text-align:center; }
.tip b { display:block; margin-bottom:6px; font-size:15px; }
.heroActions { margin-top:14px; display:flex; gap:12px; flex-wrap:wrap; }
.anchorNav { margin-top:14px; display:flex; gap:8px; flex-wrap:wrap; }
.anchorNav a { padding:8px 14px; border-radius:14px; background:rgba(255,255,255,0.74); border:1px solid #f2dbe5; color:#6b6470; text-decoration:none; font-size:12px; font-weight:800; }

/* ---------- 按钮 ---------- */
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 14px; border-radius:14px; text-decoration:none; font-weight:800; cursor:pointer; border:none; font-size:15px; }
.muted { color:#667085; font-size:12px; line-height:1.7; }

/* ---------- 卡片容器 block ---------- */
.block { margin-top:14px; padding:16px; border-radius:22px; background:rgba(255,255,255,0.8); border:1px solid #eedde6; }

/* ---------- 流程网格 process ---------- */
.process { margin-top:14px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.processItem { padding:13px 12px; border-radius:18px; background:rgba(255,255,255,0.84); border:1px solid #efdee7; }
.processNum { width:32px; height:32px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-weight:900; color:#fff; background:linear-gradient(135deg,#8edccd,#5cc9b5); }
.processItem b { display:block; margin:8px 0 4px; font-size:15px; }

/* ---------- 帮助页 3 列网格 ---------- */
.helpGrid3 { grid-template-columns:repeat(3,1fr); }

/* ---------- 双列布局 ---------- */
.two { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:14px; }
.box { padding:16px; border-radius:20px; background:rgba(255,255,255,0.8); border:1px solid #eedde6; }

/* ---------- 表格 ---------- */
.tableCard { width:100%; max-width:100%; overflow:hidden; }
.tableCard table { width:100%; border-collapse:collapse; display:table; table-layout:fixed; background:transparent; border-color:transparent; border-radius:0; box-shadow:none; }
.tableCard th,.tableCard td { padding:14px 16px; border-bottom:1px solid #f0e6eb; text-align:left; font-size:12px; line-height:1.8; vertical-align:top; }
.tableCard thead th { background:#fff8fb; color:#6b6470; font-size:12px; font-weight:900; }
.tableCard tbody tr:last-child td { border-bottom:none; }

/* ---------- 渐变色卡片 ---------- */
.accent-pink { border-color:#f5d4e0; background:linear-gradient(135deg, rgba(255,248,251,0.96), rgba(255,255,255,0.96)); }
.accent-orange { border-color:#f7dfcc; background:linear-gradient(135deg, rgba(255,248,242,0.96), rgba(255,255,255,0.96)); }
.accent-yellow { border-color:#f5ebc8; background:linear-gradient(135deg, rgba(255,252,242,0.96), rgba(255,255,255,0.96)); }
.accent-green { border-color:#d8efdf; background:linear-gradient(135deg, rgba(245,255,247,0.96), rgba(255,255,255,0.96)); }
.accent-blue { border-color:#d8e9f9; background:linear-gradient(135deg, rgba(245,250,255,0.96), rgba(255,255,255,0.96)); }
.accent-purple { border-color:#e3ddfb; background:linear-gradient(135deg, rgba(248,246,255,0.96), rgba(255,255,255,0.96)); }

/* ---------- 页脚 ---------- */
.footer { border-top:1px solid #eef0f3; padding:14px 16px; font-size:12px; color:#667085; line-height:1.65; margin-top:16px; }

/* ========== 响应式 ========== */
@media (max-width:840px) {
    .process, .helpGrid3, .two { grid-template-columns:1fr; }
    .tipsRow { grid-template-columns:1fr; }
    .heroBuyTitle { font-size:28px; }
    .heroActions { flex-direction:column; }
    .btn { width:100%; }
}
@media (max-width:560px) {
    .wrap { padding:18px 16px 42px; }
    .heroBuy { padding:16px; }
    .heroBuyTitle { font-size:25px; line-height:1.4; }
    .tipsRow { gap:6px; }
    .tip { padding:10px 6px; border-radius:14px; }
    .tip b { margin-bottom:4px; font-size:13px; }
    .tip .muted { font-size:11px; line-height:1.5; }
    .block, .box { padding:16px; }
    .anchorNav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .anchorNav a { text-align:center; width:100%; }
    .tableCard { padding:0; }
    .tableCard table,
    .tableCard thead,
    .tableCard tbody,
    .tableCard tr,
    .tableCard th,
    .tableCard td { display:block; width:100%; }
    .tableCard thead { display:none; }
    .tableCard tbody { display:grid; gap:12px; }
    .tableCard tr { border:1px solid #f0e6eb; border-radius:16px; background:#fff; overflow:hidden; }
    .tableCard td { padding:12px 14px 12px 108px; position:relative; border-bottom:1px solid #f6edf1; font-size:13px; line-height:1.7; text-align:left; }
    .tableCard td:last-child { border-bottom:none; }
    .tableCard td::before { content:attr(data-label); position:absolute; left:14px; top:12px; width:84px; color:#7a6170; font-size:12px; font-weight:900; line-height:1.5; }
}