* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Inter, "Microsoft YaHei", "PingFang SC", sans-serif; background: #f8fafc; color: #0f172a; line-height: 1.65; }
a { color: #0b7de8; text-decoration: none; }
.wrap { max-width: 1120px; margin: 0 auto; padding: 40px 24px 80px; }

/* ===== 顶部栏：1:1 对齐 web3hire.help 主站（2026-09-22）===== */
.topbar { background: rgba(255,255,255,.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(15,23,42,.08); padding: 0 34px; }
.topbar .in { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; gap: 14px; height: 68px; }
.topbar .brand, .brand { display: flex; align-items: center; gap: 11px; text-decoration: none; flex: none; }
.topbar .brand svg, .brand svg { display: block; width: 32px; height: 32px; flex: none; }
.brand-txt { display: flex; flex-direction: column; line-height: 1.18; }
.brand-txt b { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 800; font-size: 14px; color: #1e293b; letter-spacing: -.01em; }
.brand-txt i { font-style: normal; font-size: 12px; color: #64748b; letter-spacing: .01em; }
.topbar .sp { margin-left: auto; font-size: 12.5px; font-weight: 500; }
.topbar .logo { font-weight: 800; color: #0a2540; font-size: 15px; text-decoration: none; display: inline-block; }
.topbar .logo span { color: #1a8cff; }

.btn { display: inline-block; border: 0; cursor: pointer; font-family: inherit; border-radius: 8.5px; padding: 10px 20px; font-size: 13.5px; font-weight: 600; transition: opacity .15s; }
.btn:hover { opacity: .9; }
/* 主按钮与主站一致：深蓝→藏青渐变 + 轻微投影 */
.btn-p { color: #fff; background: linear-gradient(#0a63d6,#0a2540); box-shadow: 0 2px 8px rgba(10,37,64,.22); }
.btn-o { color: #0a63d6; background: #fff; border: 1px solid rgba(10,99,214,.32); box-shadow: 0 1px 2px rgba(10,37,64,.04); }
.btn-s { padding: 6px 14px; font-size: 12.5px; }
.card { background: #fff; border: 1px solid rgba(15,23,42,.08); border-radius: 14px; padding: 26px 28px; margin-bottom: 18px; }
h1 { font-size: 24px; font-weight: 800; color: #0a2540; margin-bottom: 6px; letter-spacing: -.01em; }
h2 { font-size: 16px; font-weight: 700; color: #0a2540; margin-bottom: 12px; }
.sub { font-size: 13.5px; color: #64748b; margin-bottom: 20px; }
label { display: block; font-size: 12.5px; font-weight: 600; color: #334155; margin: 12px 0 5px; }
input, select, textarea { width: 100%; border: 1px solid rgba(15,23,42,.14); border-radius: 9px; padding: 10px 12px; font-size: 14px; font-family: inherit; background: #fff; }
input:focus, textarea:focus { outline: 2px solid rgba(26,140,255,.3); border-color: #1a8cff; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th { text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; color: #64748b; padding: 8px 10px; border-bottom: 1.5px solid rgba(15,23,42,.1); }
td { padding: 10px; border-bottom: 1px solid rgba(15,23,42,.06); color: #334155; vertical-align: top; }
.tag { display: inline-block; font-size: 11.5px; font-weight: 600; border-radius: 999px; padding: 2px 11px; white-space: nowrap; }
.tag.ok { color: #16a34a; background: rgba(22,163,74,.09); }
.tag.pend { color: #b45309; background: rgba(217,119,6,.1); }
.tag.bad { color: #dc2626; background: rgba(220,38,38,.08); }
.tag.info { color: #0b7de8; background: rgba(26,140,255,.09); }
.tabs { display: flex; gap: 4px; background: rgba(15,23,42,.05); border-radius: 999px; padding: 4px; margin-bottom: 20px; flex-wrap: wrap; }
.tab { border: 0; background: transparent; cursor: pointer; border-radius: 999px; padding: 7px 18px; font-size: 13px; font-weight: 600; color: #64748b; font-family: inherit; }
.tab.on { background: #fff; color: #0b7de8; box-shadow: 0 1px 4px rgba(10,37,64,.12); }
.grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px,100%),1fr)); gap: 14px; }
.stat { background: rgba(26,140,255,.05); border: 1px solid rgba(26,140,255,.15); border-radius: 12px; padding: 16px 18px; }
.stat .n { font-size: 22px; font-weight: 800; color: #0a2540; }
.stat .l { font-size: 12px; color: #64748b; margin-top: 2px; }
.paybox { border: 1.5px dashed rgba(26,140,255,.35); background: rgba(26,140,255,.04); border-radius: 14px; padding: 20px; }
.addr { font-family: ui-monospace, Consolas, monospace; font-size: 13.5px; word-break: break-all; background: #fff; border: 1px solid rgba(15,23,42,.1); border-radius: 9px; padding: 12px 14px; }
.mono { font-family: ui-monospace, Consolas, monospace; }
.note { font-size: 12px; color: #94a3b8; margin-top: 8px; }
.err { color: #dc2626; font-size: 13px; margin-top: 10px; min-height: 18px; }
.ok { color: #16a34a; }
.muted { color: #94a3b8; }
.copy { cursor: pointer; color: #0b7de8; font-size: 12px; font-weight: 600; }
.invoice-doc { background: #fff; border: 1px solid rgba(15,23,42,.1); border-radius: 12px; padding: 40px 48px; max-width: 720px; margin: 0 auto; }
.invoice-doc .h { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid #0a2540; padding-bottom: 14px; margin-bottom: 20px; }
.invoice-doc .h .t { font-size: 26px; font-weight: 800; color: #0a2540; }
.invoice-doc .kv { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 30px; font-size: 13.5px; margin-bottom: 24px; }
.invoice-doc .kv b { color: #0f172a; }

/* ===== BEP20 付款：二维码 + 固定金额警示 ===== */
.paygrid { display: grid; grid-template-columns: 220px 1fr; gap: 24px; align-items: center; }
.payqr { text-align: center; }
.qrsvg { display: inline-block; background: #fff; border: 1px solid rgba(15,23,42,.1); border-radius: 12px; padding: 12px; }
.qrsvg svg { display: block; width: 176px; height: 176px; }
.qrhint { font-size: 12.5px; color: #475569; line-height: 1.75; margin-top: 14px; background: rgba(26,140,255,.05); border: 1px solid rgba(26,140,255,.16); border-radius: 10px; padding: 10px 12px; }
.addr.amt { font-size: 20px; font-weight: 700; color: #0b7de8; }

/* ===== 二维码模式切换 + 手续费提示 ===== */
.qrmode { display: flex; gap: 4px; background: rgba(15,23,42,.05); border-radius: 999px; padding: 4px; margin-bottom: 12px; }
.qrmode-b { flex: 1 1 0; min-width: 0; border: 0; background: transparent; cursor: pointer; border-radius: 999px; padding: 6px 6px; font-size: 12px; font-weight: 600; color: #64748b; font-family: inherit; white-space: nowrap; }
.qrmode-b.on { background: #fff; color: #0b7de8; box-shadow: 0 1px 4px rgba(10,37,64,.12); }
.paygrid { grid-template-columns: 240px 1fr; }
.fee-note { margin-top: 12px; font-size: 12.5px; line-height: 1.7; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px; padding: 10px 12px; }
.paywarn li { margin-bottom: 3px; }
@media (max-width: 560px) { .qrmode-b { font-size: 11px; padding: 6px 2px; } }

.paywarn { margin-top: 18px; border: 1px solid rgba(220,38,38,.3); background: rgba(220,38,38,.05); border-radius: 12px; padding: 14px 16px; }
.paywarn-t { font-size: 13.5px; font-weight: 700; color: #b91c1c; }
.paywarn ul { margin: 8px 0 0 18px; padding: 0; }
.paywarn li { font-size: 12.5px; color: #7f1d1d; line-height: 1.85; }
.paywarn li b { color: #b91c1c; }

/* ===== rd-* 产品页样式（来自原 radar 设计） ===== */

.rd-page { font-family: Inter, system-ui, sans-serif; color: #0f172a; background: #fff; }
.rd-hero { position: relative; padding: 128px 0 72px; overflow: hidden; }
/* ★ 装饰层必须 pointer-events:none —— 否则绝对定位、inset:0 的网格/光晕会盖在 hero 内容之上，
   把切换卡片、按钮的点击全部吃掉（用户"点了没反应"）。 */
.rd-hero-bg { position: absolute; inset: 0; pointer-events: none; background:
  radial-gradient(900px 420px at 15% -10%, rgba(26,140,255,0.10), transparent 60%),
  radial-gradient(700px 380px at 90% 0%, rgba(10,37,64,0.07), transparent 60%); }
.rd-hero-grid { position: absolute; inset: 0; pointer-events: none; background-image:
  linear-gradient(rgba(15,23,42,0.035) 1px, transparent 1px),
  linear-gradient(90deg, rgba(15,23,42,0.035) 1px, transparent 1px);
  background-size: 44px 44px; mask-image: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent 78%); -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent 78%); }
/* hero 内容抬到装饰层之上，保证可点 */
.rd-hero > .container { position: relative; z-index: 2; }
.rd-h1 { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 51px; line-height: 1.15; font-weight: 800; color: #334155; letter-spacing: -0.02em; }
.rd-h1 .accent { background: linear-gradient(90deg, #0b7de8, #1a8cff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rd-sub { font-size: 17px; color: #64748b; max-width: 680px; line-height: 1.65; }
.rd-sub b { color: #0b7de8; font-weight: 600; }
.rd-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 18px; font-size: 13px; color: #64748b; }
.rd-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(26,140,255,0.25); background: rgba(26,140,255,0.07); color: #0b7de8; border-radius: 999px; padding: 4px 14px; font-size: 12px; font-weight: 600; }
.rd-chip-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #1a8cff; box-shadow: 0 0 0 3px rgba(26,140,255,0.18); }
.rd-tabs { display: inline-flex; gap: 4px; background: rgba(15,23,42,0.05); border-radius: 999px; padding: 4px; margin-bottom: 18px; }
.rd-tab { border-radius: 999px; padding: 7px 20px; font-size: 13px; font-weight: 600; color: #64748b; text-decoration: none; transition: all .2s; }
.rd-tab:hover { color: #0a2540; }
.rd-tab.on { background: #fff; color: #0b7de8; box-shadow: 0 1px 4px rgba(10,37,64,0.12); }
.rd-h2 { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 25.5px; font-weight: 700; color: #0a2540; letter-spacing: -0.01em; }
.rd-h2-sub { font-size: 14px; color: #64748b; margin-top: 6px; }
.rd-move { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(15,23,42,0.06); }
.rd-move:last-child { border-bottom: none; padding-bottom: 4px; }
.rd-dot { flex: none; width: 10px; height: 10px; border-radius: 50%; background: #1a8cff; margin-top: 8px; box-shadow: 0 0 0 4px rgba(26,140,255,0.14); }
.rd-move-who { font-weight: 700; font-size: 15px; color: #0f172a; }
/* 公开渠道的当事人真实姓名：单独用主色，一眼能看到"人"是谁 */
.rd-person { color: #0a63d6; font-weight: 800; }
.rd-move-org { display: inline-block; margin-left: 8px; padding-left: 8px; border-left: 1px solid rgba(15,23,42,.14); font-weight: 700; color: #0f172a; }
.rd-move-role { display: inline-block; margin-left: 8px; font-weight: 600; font-size: 13px; color: #64748b; }
.rd-move-loc { font-weight: 400; font-size: 12px; color: #94a3b8; margin-left: 10px; }
.rd-move-what { font-size: 14px; color: #475569; margin-top: 3px; line-height: 1.65; }
.rd-move-what b { color: #0b7de8; font-weight: 600; }
/* ★ 加厚信息条：汇报对象 / 硬门槛 / 团队 / 邮箱 / 前任 / 继任 / 生效 / 范围 */
.rd-facts { margin: 8px 0 0; padding: 9px 12px; border-radius: 9px; background: rgba(10,99,214,.045); border: 1px solid rgba(10,99,214,.10); }
.rd-facts > div { display: flex; gap: 10px; font-size: 12.5px; line-height: 1.7; }
.rd-facts > div + div { margin-top: 3px; }
.rd-facts dt { flex: none; width: 66px; color: #94a3b8; font-weight: 600; }
.rd-facts dd { margin: 0; color: #334155; font-weight: 500; word-break: break-word; }
.rd-tag { display: inline-block; background: rgba(26,140,255,0.08); color: #0b7de8; border: 1px solid rgba(26,140,255,0.18); border-radius: 999px; padding: 1px 11px; font-size: 12px; margin-right: 6px; }
.rd-job { border: 1px solid rgba(15,23,42,0.08); background: rgba(255,255,255,0.92); border-radius: 14px; padding: 20px 22px; }
.rd-job-top { display: flex; align-items: baseline; gap: 10px; }
.rd-job-title { font-weight: 700; font-size: 15px; color: #0f172a; }
.rd-job-meta { font-size: 12.5px; color: #94a3b8; margin-top: 5px; }
.rd-job-desc { font-size: 13.5px; color: #475569; margin-top: 8px; line-height: 1.6; }
.rd-price { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 34px; font-weight: 800; color: #0a2540; }
.rd-price small { font-size: 13px; color: #94a3b8; font-weight: 400; }
.rd-check { display: flex; gap: 9px; font-size: 13.5px; color: #475569; margin-bottom: 8px; line-height: 1.5; }
.rd-check::before { content: ""; flex: none; width: 16px; height: 16px; margin-top: 2px; border-radius: 50%; background: rgba(26,140,255,0.12) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="%230b7de8" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') center/contain no-repeat; }
.rd-note { font-size: 12px; color: #94a3b8; }
.rd-btn-ghost { border: 1px solid #e2e8f0; color: #334155; background: #fff; transition: border-color .2s; }
.rd-btn-ghost:hover { border-color: rgba(26,140,255,0.4); }
.rd-btn-outline { border: 1px solid rgba(26,140,255,0.4); color: #0b7de8; background: #fff; transition: background .2s; }
.rd-btn-outline:hover { background: rgba(26,140,255,0.05); }
.rd-vip-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #0b7de8; background: rgba(26,140,255,0.08); border: 1px solid rgba(26,140,255,0.22); border-radius: 999px; padding: 3px 12px; }
.rd-step { display: flex; gap: 14px; margin-bottom: 14px; }
.rd-step-n { flex: none; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg,#1a8cff,#0b7de8); color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.rd-step-t { font-size: 14px; color: #334155; line-height: 1.6; padding-top: 3px; }
.rd-step-t b { color: #0b7de8; font-weight: 600; }
.rd-banner { margin-top: 28px; border: 1px solid rgba(26,140,255,0.22); background: rgba(255,255,255,0.92); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 24px rgba(10,37,64,0.06); }
.rd-banner-head { display: flex; align-items: center; gap: 8px; padding: 8px 18px; border-bottom: 1px solid rgba(15,23,42,0.06); background: rgba(26,140,255,0.05); }
.rd-banner-tag { font-size: 11px; font-weight: 700; letter-spacing: .1em; color: #0b7de8; }
.rd-banner-tag::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #1a8cff; margin-right: 7px; }
.rd-banner-dots { margin-left: auto; display: flex; gap: 6px; }
.rd-banner-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(15,23,42,0.15); cursor: pointer; transition: background .2s; }
.rd-banner-dot.on { background: #1a8cff; }
.rd-banner-viewport { position: relative; height: 196px; overflow: hidden; }
.rd-banner-slide { position: absolute; inset: 0; display: flex; align-items: center; gap: 22px; padding: 0 32px; opacity: 0; transform: translateX(48px); transition: opacity .55s, transform .55s; pointer-events: none; }
/* flex 子项默认 min-width:auto 不会收缩，会把内容顶出容器（窄屏被裁切）——必须放开 */
.rd-banner-slide > div { min-width: 0; }
.rd-banner-slide.on { opacity: 1; transform: translateX(0); pointer-events: auto; }
.rd-banner-slide.brand-blue { background: linear-gradient(105deg, rgba(26,140,255,0.10), rgba(26,140,255,0.03) 55%, transparent); }
.rd-banner-slide.brand-navy { background: linear-gradient(105deg, rgba(10,37,64,0.08), rgba(26,140,255,0.04) 55%, transparent); }
.rd-banner-slide.brand-rent { background: linear-gradient(105deg, rgba(15,23,42,0.04), transparent 60%); border: 0; }
.rd-banner-logo { flex: none; width: 84px; height: 84px; border-radius: 20px; background: linear-gradient(135deg,#1a8cff,#0b7de8); color: #fff; font-weight: 800; font-size: 34px; display: flex; align-items: center; justify-content: center; font-family: "Plus Jakarta Sans", system-ui, sans-serif; box-shadow: 0 8px 20px rgba(10,99,214,0.25); }
.rd-banner-logo.gray { background: linear-gradient(135deg,#cbd5e1,#94a3b8); box-shadow: none; }
.rd-banner-name { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 800; font-size: 22px; color: #0a2540; letter-spacing: -0.01em; }
.rd-banner-badge { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #0b7de8; background: rgba(26,140,255,0.10); border: 1px solid rgba(26,140,255,0.22); border-radius: 999px; padding: 2px 12px; margin-bottom: 8px; }
.rd-banner-pitch { font-size: 14.5px; color: #475569; margin-top: 8px; line-height: 1.6; max-width: min(560px, 100%); }
.rd-banner-cta { margin-left: auto; flex: none; font-size: 13px; font-weight: 600; color: #fff; background: linear-gradient(#0a63d6,#0a2540); border-radius: 8.5px; padding: 12px 24px; white-space: nowrap; box-shadow: 0 2px 8px rgba(10,37,64,.22); }
.rd-banner-rent { margin-left: auto; flex: none; text-align: right; white-space: nowrap; }
.rd-banner-rent .p { font-size: 15px; font-weight: 700; color: #0b7de8; }
.rd-banner-rent .s { font-size: 12px; color: #94a3b8; margin-top: 3px; }
.rd-deliv { border: 1px solid rgba(15,23,42,0.08); border-radius: 16px; padding: 24px 28px; background: rgba(255,255,255,0.92); margin-bottom: 28px; }
.rd-deliv-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rd-deliv-head h2 { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 25.5px; font-weight: 700; color: #0a2540; letter-spacing: -0.01em; margin: 0; }
.rd-deliv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px,100%),1fr)); gap: 14px; margin-top: 18px; }
.rd-deliv-item { border: 1px solid rgba(26,140,255,0.16); border-radius: 12px; padding: 18px 20px; background: linear-gradient(180deg, rgba(26,140,255,0.05), transparent 70%); }
.rd-deliv-item.alert { border-color: rgba(10,37,64,0.16); background: linear-gradient(180deg, rgba(10,37,64,0.05), transparent 70%); }
.rd-deliv-item .n { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 8px; background: linear-gradient(135deg,#1a8cff,#0b7de8); color: #fff; font-weight: 700; font-size: 12px; margin-bottom: 10px; font-family: "Plus Jakarta Sans", system-ui, sans-serif; }
.rd-deliv-item.alert .n { background: linear-gradient(#334155,#0a2540); }
.rd-deliv-item .t { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 700; font-size: 15px; color: #0a2540; }
.rd-deliv-item .s { font-size: 12px; font-weight: 600; color: #0b7de8; margin-top: 2px; letter-spacing: .04em; }
.rd-deliv-item .d { font-size: 13px; color: #475569; line-height: 1.7; margin-top: 8px; }
.rd-deliv-item .d b { color: #0b7de8; font-weight: 600; }
.rd-deliv-free { margin-top: 16px; display: flex; align-items: baseline; gap: 10px; font-size: 13px; color: #64748b; border-top: 1px dashed rgba(15,23,42,0.12); padding-top: 14px; }
.rd-deliv-free b { color: #334155; font-weight: 600; white-space: nowrap; }
.rd-deliv-flow { margin-top: 18px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12.5px; color: #64748b; }
.rd-deliv-flow .st { border: 1px solid rgba(26,140,255,0.22); background: rgba(26,140,255,0.06); color: #0b7de8; border-radius: 999px; padding: 5px 14px; font-weight: 600; white-space: nowrap; }
.rd-deliv-flow .ar { color: #94a3b8; }
.rd-adcard { margin-bottom: 28px; display: flex; align-items: center; gap: 24px; border: 1px solid rgba(26,140,255,0.18); border-radius: 16px; padding: 24px 28px; background: linear-gradient(105deg, rgba(26,140,255,0.07), rgba(255,255,255,0.95) 60%); }
.rd-adcard .rd-banner-logo { width: 64px; height: 64px; border-radius: 16px; font-size: 26px; }
.rd-adcard .rd-banner-name { font-size: 17px; }
.rd-adcard .rd-banner-pitch { font-size: 13.5px; margin-top: 5px; }
.rd-adcard .rd-banner-cta { padding: 10px 22px; font-size: 12.5px; }
.rd-mobile-menu { display: none; position: fixed; top: 64px; left: 0; right: 0; z-index: 60; background: #fff; border-bottom: 1px solid rgba(15,23,42,0.08); box-shadow: 0 12px 32px rgba(10,37,64,0.10); padding: 12px 24px; }
.rd-mobile-menu a { display: block; padding: 10px 0; font-size: 14px; color: #334155; border-bottom: 1px solid rgba(15,23,42,0.05); }
.rd-mobile-menu a:last-child { border-bottom: none; }

/* ===== 通道 Tab（顶部导航，与 web3hire 的 pill 导航一致）===== */
.nav-tabs { display: flex; gap: 3px; background: rgba(15,23,42,.045); border-radius: 999px; padding: 4px; }
.nav-tab { border: 0; background: transparent; cursor: pointer; font-family: inherit; border-radius: 999px;
  padding: 7px 16px; font-size: 13.5px; font-weight: 600; color: #64748b; transition: all .18s; white-space: nowrap; }
.nav-tab:hover { color: #0a2540; }
.nav-tab.on { background: #fff; color: #0b7de8; box-shadow: 0 1px 5px rgba(10,37,64,.12); }

/* ===== 情报可信度 / 时效 / 行动入口 =====
   付费痛点：用户拿到一条消息却不敢据此行动（不知道多久以前、信源靠不靠谱、
   拿到后能干什么）。这三样就是把「消息」升级成「可行动情报」的关键。 */
.rd-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;}
.rd-badge{font-size:11px;font-weight:600;line-height:1;padding:4px 9px;border-radius:999px;
  border:1px solid transparent;white-space:nowrap;}
.rd-badge.fresh{color:#0b7de8;background:rgba(26,140,255,.09);border-color:rgba(26,140,255,.22);}
.rd-badge.t-official{color:#0f6e56;background:#E1F5EE;border-color:rgba(29,158,117,.28);}
.rd-badge.t-media{color:#854F0B;background:#FAEEDA;border-color:rgba(186,117,23,.28);}
.rd-badge.t-job{color:#185FA5;background:#E6F1FB;border-color:rgba(55,138,221,.28);}
.rd-badge.t-other{color:#5F5E5A;background:#F1EFE8;border-color:rgba(136,135,128,.25);}
.rd-badge.win{color:#993C1D;background:#FAECE7;border-color:rgba(216,90,48,.28);}
.rd-badge.win.cool{color:#5F5E5A;background:#F1EFE8;border-color:rgba(136,135,128,.25);}
.rd-act{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:12.5px;font-weight:600;
  color:#0a63d6;background:transparent;border:1px solid rgba(10,99,214,.28);border-radius:8.5px;
  padding:7px 13px;text-decoration:none;cursor:pointer;transition:all .18s;}
.rd-act:hover{color:#fff;background:linear-gradient(#0a63d6,#0a2540);border-color:transparent;}
.rd-act.lock{color:#94a3b8;border-color:rgba(148,163,184,.30);cursor:default;}
.rd-act.lock:hover{color:#94a3b8;background:transparent;border-color:rgba(148,163,184,.30);}

/* ===== 内容锁（未订阅时前端打码 / 付费后解锁）===== */
.lock-wrap { position: relative; border-radius: 14px; }
.lock-ov { position: absolute; inset: 0; display: none; flex-direction: column; align-items: center;
  justify-content: flex-end; gap: 9px; text-align: center; padding: 26px 16px;
  /* 渐变起点下移到 45%：前 2 条免费内容必须完整清晰，否则「免费试读 2 条」的承诺等于只给 1 条 */
  background: linear-gradient(180deg, rgba(255,255,255,0) 45%, rgba(255,255,255,.86) 78%, rgba(255,255,255,.97) 100%);
  border-radius: 14px;
  /* 遮罩层不能挡住免费条目的「投递入口 / 委托递话」按钮 —— 只让解锁按钮可点 */
  pointer-events: none; }
.lock-ov .lock-btn { pointer-events: auto; }
.lock-wrap.locked .lock-ov { display: flex; }
/* 交付物网格：这块内容本来就要整块收起，维持原来的打码方式 */
.lock-wrap.locked .rd-deliv-grid > *:nth-child(n+3) {
  filter: blur(4.5px); opacity: .5; pointer-events: none; user-select: none;
}
/* 未解锁条目：只淡化，不糊。
   公司名 / 职位 / 地区 / 时效是「让客户眼见为实」的部分，打码等于自毁价值；
   付费买的是详情、联系方式和背景档案。 */
.lock-wrap.locked .rd-job.is-locked,
.lock-wrap.locked .rd-move.is-locked {
  background: rgba(248,250,252,.66); border-style: dashed;
}
.lock-wrap.locked .rd-job.is-locked .rd-job-desc,
.lock-wrap.locked .rd-move.is-locked .rd-move-what {
  color: #94a3b8;
}
.lock-ico { width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(135deg,#1a8cff,#0b7de8);
  color: #fff; display: flex; align-items: center; justify-content: center; font-size: 21px;
  box-shadow: 0 8px 22px rgba(26,140,255,.32); }
.lock-t { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 800; font-size: 17px; color: #0a2540; }
.lock-s { font-size: 12.5px; color: #64748b; line-height: 1.6; max-width: 460px; }
.lock-btn { margin-top: 4px; font-size: 13.5px; font-weight: 600; color: #fff;
  background: linear-gradient(#0a63d6,#0a2540); border-radius: 8.5px; padding: 11px 26px;
  box-shadow: 0 2px 8px rgba(10,37,64,.22); display: inline-block; }
.lock-btn.ghost { background: #fff; color: #0a63d6; border: 1px solid rgba(10,99,214,.32); box-shadow: 0 1px 2px rgba(10,37,64,.04); }
.masked { color: #94a3b8 !important; letter-spacing: .06em; }
.free-flag { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700;
  color: #16a34a; background: rgba(22,163,74,.09); border: 1px solid rgba(22,163,74,.2);
  border-radius: 999px; padding: 2px 10px; }
.free-flag.lock { color: #b45309; background: rgba(217,119,6,.1); border-color: rgba(217,119,6,.22); }

/* ===== 会员时长档位（1/3/12/36/60 个月，越长越便宜）===== */
.term-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 14px; }
.term { position: relative; border: 1.5px solid rgba(15,23,42,.1); border-radius: 14px; padding: 18px 10px 14px;
  cursor: pointer; background: #fff; text-align: center; transition: all .18s; }
.term:hover { border-color: rgba(26,140,255,.45); }
.term.on { border-color: #1a8cff; background: linear-gradient(180deg, rgba(26,140,255,.07), #fff);
  box-shadow: 0 6px 20px rgba(26,140,255,.16); }
.term .tm { font-size: 13px; font-weight: 700; color: #0a2540; }
.term .tp { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 20px; font-weight: 800;
  color: #0a2540; margin-top: 7px; letter-spacing: -.01em; }
.term .tu { font-size: 11px; color: #94a3b8; margin-top: 3px; }
.term .ts { font-size: 11px; font-weight: 700; color: #16a34a; margin-top: 7px; }
.term .top-badge { position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
  background: linear-gradient(135deg,#1a8cff,#0b7de8); color: #fff; font-size: 10px; font-weight: 700;
  border-radius: 999px; padding: 2px 10px; white-space: nowrap; box-shadow: 0 3px 10px rgba(26,140,255,.3); }
.term-note { margin-top: 12px; display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px;
  color: #475569; background: rgba(26,140,255,.05); border: 1px solid rgba(26,140,255,.16);
  border-radius: 10px; padding: 11px 14px; line-height: 1.7; }

/* ===== 用户中心：资料 / 头像 / 通道卡 ===== */
.avatar-row { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.avatar { width: 78px; height: 78px; border-radius: 50%; object-fit: cover; border: 3px solid #fff;
  box-shadow: 0 5px 18px rgba(10,37,64,.16); background: linear-gradient(135deg,#1a8cff,#0b7de8);
  color: #fff; display: flex; align-items: center; justify-content: center;
  font-size: 27px; font-weight: 800; font-family: "Plus Jakarta Sans", system-ui, sans-serif; flex: none; }
.avatar-acts { display: flex; flex-direction: column; gap: 7px; align-items: flex-start; }
.field { display: grid; grid-template-columns: 118px 1fr; gap: 10px 12px; align-items: center; margin-bottom: 11px; }
.field label { margin: 0; }
.field .hint { font-size: 11.5px; color: #94a3b8; margin-top: 4px; grid-column: 2; }
.chan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px,100%),1fr)); gap: 14px; }
.chan-card { border: 1.5px solid rgba(15,23,42,.1); border-radius: 14px; padding: 18px 20px; background: #fff; }
.chan-card.on { border-color: rgba(26,140,255,.5); background: linear-gradient(160deg, rgba(26,140,255,.06), #fff 65%); }
.chan-card.off { background: #fafafa; }
.chan-card .ct { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 800; font-size: 16px; color: #0a2540; }
.chan-card .cd { font-size: 12.5px; color: #64748b; margin-top: 4px; line-height: 1.65; }
.chan-card .cf { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.sub-line { font-size: 12px; color: #64748b; margin-top: 6px; }
.sub-line b { color: #0b7de8; font-weight: 700; }
.notice { border: 1px solid rgba(26,140,255,.2); background: rgba(26,140,255,.05); border-radius: 12px;
  padding: 12px 15px; font-size: 12.5px; color: #334155; line-height: 1.7; }
.sec-t { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 800; font-size: 16px;
  color: #0a2540; display: flex; align-items: center; gap: 9px; margin-bottom: 4px; }
.sec-t .ic { width: 26px; height: 26px; border-radius: 8px; background: linear-gradient(135deg,#1a8cff,#0b7de8);
  color: #fff; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }

/* ===== 移动端适配（子页面：登录 / 下单 / 用户中心 / 发票 / 后台）===== */
@media (max-width: 640px) {
  .topbar { padding: 0 16px; }
  .topbar .in { height: 60px; gap: 10px; }
  .brand svg, .topbar .brand svg { width: 28px; height: 28px; }
  .brand-txt { display: none; }        /* 与主站一致：窄屏只留图形 logo */
  .topbar .sp { font-size: 12.5px; }
  .wrap { padding: 20px 12px 56px; }
  .card { padding: 18px 15px; border-radius: 12px; }
  h1 { font-size: 21px; }
  h2 { font-size: 15px; }

  /* 表格：改为「横向滚动」而不是把每一列挤成竖排 */
  .card table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .card table th, .card table td { white-space: nowrap; }

  /* 指标卡一行一个 */
  .grid2 { grid-template-columns: 1fr; }

  /* 付款二维码：窄屏上下排布并居中 */
  .paygrid { grid-template-columns: 1fr; gap: 16px; }
  .qrsvg svg { width: 200px; height: 200px; margin: 0 auto; }

  /* 按钮行：窄屏改为整行堆叠，不再挤成两行小字 */
  .btn-row { flex-direction: column !important; }
  .btn-row .btn { width: 100%; text-align: center; }

  /* 发票 */
  .invoice-doc { padding: 22px 16px; }
  .invoice-doc .h { flex-direction: column; align-items: flex-start; gap: 6px; }
  .invoice-doc .kv { grid-template-columns: 1fr; gap: 3px 0; }

  /* 标签栏可横向滑动，避免挤成两行 */
  .tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .tab { white-space: nowrap; }

  /* 会员档位：窄屏两列 */
  .term-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .term .tp { font-size: 18px; }
  .term-grid .term:nth-child(5) { grid-column: span 2; }

  /* 资料表单：标签换行到输入框上方 */
  .field { grid-template-columns: 1fr; gap: 4px; }
  .field .hint { grid-column: 1; }
  .avatar { width: 66px; height: 66px; font-size: 23px; }

  /* 内容锁遮罩：窄屏缩小留白 */
  .lock-ov { padding: 12px; gap: 7px; }
  .lock-t { font-size: 14.5px; }
  .lock-s { font-size: 11.5px; }
  .lock-btn { padding: 9px 18px; font-size: 12.5px; }

  /* 首页广告轮播：窄屏整体缩小并允许换行，避免内容被裁切 */
  .rd-banner-viewport { height: 268px; }
  .rd-banner-slide { padding: 0 16px; gap: 12px; flex-wrap: wrap; align-content: center; }
  .rd-banner-logo { width: 46px; height: 46px; border-radius: 12px; font-size: 19px; }
  .rd-banner-name { font-size: 16px; }
  .rd-banner-pitch { font-size: 12.5px; margin-top: 5px; }
  .rd-banner-cta { margin-left: 0; padding: 9px 18px; font-size: 12px; }
  .rd-banner-rent { margin-left: 0; text-align: left; white-space: normal; }
  .rd-banner-tag { letter-spacing: .04em; }
  .rd-adcard { flex-wrap: wrap; gap: 14px; padding: 18px 16px; }
  .rd-adcard .rd-banner-cta { margin-left: 0; }
  .rd-mobile-menu { top: 56px; }
}

/* ===== 到账核对：TXID 输入 ===== */
.txbox { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(26,140,255,.18); }
.txbox-t { font-size: 13px; font-weight: 700; color: #0a2540; margin-bottom: 8px; }
.txrow { display: flex; gap: 8px; flex-wrap: wrap; }
.txrow input { flex: 1 1 260px; min-width: 0; font-family: ui-monospace, Consolas, monospace; font-size: 12.5px; padding: 10px 12px; border: 1px solid rgba(15,23,42,.14); border-radius: 9px; background: #fff; color: #0f172a; }
.txrow input:focus { outline: 0; border-color: #1a8cff; box-shadow: 0 0 0 3px rgba(26,140,255,.14); }
.txrow .btn { flex: 0 0 auto; }
@media (max-width: 560px) { .txrow input { flex: 1 1 100%; } .txrow .btn { width: 100%; } }