/* 罗伯特易卖 · 供应商入驻引导页 (cn_join.blade.php) — 2026-08-22 */
:root{
  --c-dk:#0f2027; --c-md:#203a43; --c-cyan:#4fc3f7; --c-orange:#ff7043; --c-text:#1f2937; --c-text2:#6b7280; --c-line:#e5e7eb;
}
/* Hero */
.cnj-hero{ background:linear-gradient(135deg,#0f2027 0%,#203a43 55%,#2c5364 100%); color:#e8f0f2; position:relative; overflow:hidden; padding:70px 0 60px; }
.cnj-hero::before{ content:""; position:absolute; top:-60px; right:-60px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle,rgba(79,195,247,.28),transparent 70%); }
.cnj-hero::after{ content:""; position:absolute; bottom:-90px; left:-50px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(255,112,67,.18),transparent 70%); }
.cnj-kicker{ display:inline-flex; align-items:center; gap:8px; background:rgba(79,195,247,.14); border:1px solid rgba(79,195,247,.4); color:#4fc3f7; font-size:.82rem; padding:6px 14px; border-radius:30px; letter-spacing:.5px; }
.cnj-hero h1{ font-size:2.6rem; font-weight:800; line-height:1.25; margin:18px 0 14px; }
.cnj-hero h1 .hl{ color:#4fc3f7; }
.cnj-sub{ font-size:1.02rem; color:#a7c4d0; max-width:620px; line-height:1.9; margin-bottom:28px; }
.cnj-cta{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:24px; }
.btn-or{ background:linear-gradient(135deg,#ff7043,#ff8a50); border:0; color:#fff; font-weight:700; border-radius:10px; padding:12px 30px; transition:transform .15s,box-shadow .15s; }
.btn-or:hover{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(255,112,67,.4); color:#fff; }
.btn-ghost{ background:transparent; color:#4fc3f7; border:1px solid rgba(79,195,247,.5); border-radius:10px; font-weight:600; padding:12px 26px; }
.btn-ghost:hover{ background:rgba(79,195,247,.12); color:#fff; }
.btn-ghost2{ background:transparent; color:#1f2937; border:1px solid #cfd6dd; border-radius:10px; font-weight:600; padding:12px 26px; }
.btn-ghost2:hover{ border-color:#4fc3f7; color:#1565c0; }
.cnj-trust{ display:flex; flex-wrap:wrap; gap:18px; font-size:.86rem; color:#d9e7ee; }
.cnj-trust span{ display:inline-flex; align-items:center; gap:6px; }

/* 数据条 */
.cnj-stats{ background:#fff; border-bottom:1px solid var(--c-line); padding:28px 0; }
.cnj-st-num{ font-size:1.9rem; font-weight:800; color:#203a43; }
.cnj-st-lb{ font-size:.82rem; color:var(--c-text2); margin-top:2px; }

/* 区块标题 */
.cnj-sec-head{ text-align:center; margin:6px 0 34px; }
.cnj-sec-head h2{ font-size:1.6rem; font-weight:800; color:var(--c-text); margin-bottom:8px; }
.cnj-sec-head p{ color:var(--c-text2); font-size:.95rem; }

/* 卖点卡 */
.cnj-benefit{ border:1px solid var(--c-line); border-radius:14px; background:#fff; padding:24px 20px; height:100%; transition:box-shadow .16s,transform .16s; }
.cnj-benefit:hover{ box-shadow:0 10px 26px rgba(32,58,67,.12); transform:translateY(-3px); }
.cnj-b-ico{ font-size:2rem; margin-bottom:10px; }
.cnj-benefit h5{ font-size:1rem; font-weight:700; color:var(--c-text); margin-bottom:8px; }
.cnj-benefit p{ font-size:.83rem; color:var(--c-text2); line-height:1.7; margin:0; }

/* 流程步骤 */
.cnj-step{ border:1px solid var(--c-line); border-radius:14px; background:#fff; padding:26px 20px; text-align:center; height:100%; }
.cnj-step-no{ width:38px;height:38px;line-height:38px; margin:0 auto 12px; border-radius:50%; background:linear-gradient(135deg,#4fc3f7,#1565c0); color:#fff; font-weight:800; font-size:1.05rem; }
.cnj-step h5{ font-size:.98rem; font-weight:700; color:var(--c-text); margin-bottom:6px; }
.cnj-step p{ font-size:.82rem; color:var(--c-text2); margin:0; }

/* 已入驻厂商 */
.cnj-firm{ display:block; border:1px solid var(--c-line); border-radius:12px; background:#fff; padding:18px 16px; text-decoration:none; color:inherit; height:100%; transition:.16s; }
.cnj-firm:hover{ box-shadow:0 8px 22px rgba(32,58,67,.12); transform:translateY(-3px); text-decoration:none; color:inherit; }
.cnj-firm-name{ font-size:.95rem; font-weight:700; color:var(--c-text); }
.cnj-firm-city{ font-size:.78rem; color:#e65100; margin-top:6px; }
.cnj-firm-prod{ font-size:.75rem; color:var(--c-text2); margin-top:6px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* 底部 CTA */
.cnj-cta-bottom{ background:linear-gradient(135deg,#0f2027,#2c5364); border-radius:20px; padding:46px 32px; text-align:center; color:#fff; position:relative; overflow:hidden; }
.cnj-cta-bottom h3{ font-size:1.55rem; font-weight:800; margin-bottom:10px; color:#fff; }
.cnj-cta-bottom p{ color:#a7c4d0; font-size:.95rem; line-height:1.9; max-width:660px; margin:0 auto 24px; }

@media (max-width:768px){
  .cnj-hero h1{ font-size:1.9rem; }
  .cnj-st-num{ font-size:1.4rem; }
}