/* ============================================================
   珍友圈 · 商家入驻 SaaS（珍珠奢华风叠加层）
   玫瑰金 / 香槟金 / 象牙白 / 衬线，全暖调，无冷色交互元素
   ============================================================ */

/* ---- 首页：入驻商家 banner ---- */
.merchant-banner { position:relative; overflow:hidden; border-radius:20px; padding:34px 26px; color:var(--ink); }
.merchant-banner .bg { position:absolute; inset:0; background:linear-gradient(135deg,#f3e3c6 0%,#ecd7b2 40%,#e0c49a 75%,#d9b585 100%); }
.merchant-banner .sheen { position:absolute; inset:0; background:radial-gradient(520px 240px at 85% 10%, rgba(255,255,255,.55), transparent 60%); }
.merchant-banner .inner { position:relative; z-index:1; text-align:center; }
.merchant-banner .f-kicker { font-size:.64rem; letter-spacing:.34em; color:var(--rose-gold-deep); text-transform:uppercase; margin-bottom:10px; }
.merchant-banner h3 { font-family:var(--serif); font-size:1.5rem; font-weight:700; color:#6a4c2f; line-height:1.3; }
.merchant-banner p { font-size:.82rem; color:#7a5c40; margin:10px auto 18px; max-width:460px; line-height:1.7; }
.merchant-banner .mb-actions { display:flex; gap:12px; justify-content:center; }
.merchant-banner .mb-actions .btn-ghost { border-color:rgba(168,124,79,.5); color:#7d5a38; }

/* ---- 商品卡：店铺标签 ---- */
.pshop { display:inline-flex; align-items:center; gap:4px; font-size:.66rem; color:var(--rose-gold-deep); margin-top:4px; }
.pshop svg { opacity:.85; }

/* ---- 商品详情：进店逛逛 ---- */
.detail-shop { display:flex; align-items:center; justify-content:space-between; margin-top:12px; padding:11px 14px; border-radius:12px; background:linear-gradient(135deg,#faf4e8,#f6ead8); border:1px solid var(--line); font-size:.8rem; color:var(--rose-gold-deep); font-weight:600; }
.detail-shop span { display:inline-flex; align-items:center; gap:3px; font-size:.72rem; color:var(--ink-2); font-weight:400; }

/* ---- 商家街 ---- */
.shop-hero { text-align:center; padding:30px 22px; border-radius:20px; background:radial-gradient(520px 240px at 50% -10%, #f6ead6, #eeddc0 70%); border:1px solid var(--line); margin-bottom:16px; }
.shop-hero .ch-kicker { font-size:.62rem; letter-spacing:.32em; color:var(--rose-gold-deep); text-transform:uppercase; margin-bottom:10px; }
.shop-hero h3 { font-family:var(--serif); font-size:1.42rem; color:#6a4c2f; font-weight:700; line-height:1.3; }
.shop-hero p { font-size:.8rem; color:#7a5c40; margin:10px auto 16px; max-width:460px; line-height:1.7; }
.shop-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-bottom:14px; }
.shop-card { display:block; border-radius:16px; overflow:hidden; background:var(--card,#fffdf9); border:1px solid var(--line); box-shadow:0 4px 16px rgba(168,124,79,.06); }
.shop-card .sc-cover { height:96px; background:linear-gradient(135deg,#f0e2c8,#e0c49a); background-size:cover; background-position:center; position:relative; display:flex; align-items:flex-end; padding:10px; }
.shop-card .sc-cover::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(250,246,239,.05) 30%, rgba(120,80,40,.30) 100%); }
.shop-card .sc-logo { position:relative; z-index:1; width:42px; height:42px; border-radius:12px; object-fit:cover; background:#fffdf9; box-shadow:0 4px 12px rgba(120,80,40,.2); }
.shop-card .sc-logo-fb { display:grid; place-items:center; font-family:var(--serif); font-size:1.2rem; color:var(--rose-gold-deep); font-weight:700; }
.shop-card .sc-body { padding:12px 14px 14px; }
.shop-card .sc-name { font-family:var(--serif); font-size:.98rem; font-weight:700; color:var(--ink); }
.shop-card .sc-tagline { font-size:.72rem; color:var(--ink-2); margin-top:4px; line-height:1.5; min-height:2.2em; }
.shop-card .sc-meta { display:flex; gap:10px; margin-top:8px; font-size:.66rem; color:var(--rose-gold-deep); }
.shop-cta { margin-top:6px; }

/* ---- 店铺主页 ---- */
.shop-page .sp-cover { position:relative; height:150px; border-radius:0 0 22px 22px; overflow:hidden; background:linear-gradient(135deg,#f0e2c8,#e0c49a); display:flex; align-items:flex-end; }
.shop-page .sp-cover-mask { position:absolute; inset:0; background:linear-gradient(180deg, rgba(22,15,10,.05) 30%, rgba(22,15,10,.45) 100%); }
.shop-page .sp-brand { position:relative; z-index:1; display:flex; align-items:center; gap:12px; padding:0 18px 16px; color:#fffdf9; }
.shop-page .sp-brand h3 { font-family:var(--serif); font-size:1.3rem; font-weight:700; text-shadow:0 2px 8px rgba(0,0,0,.35); }
.shop-page .sp-brand p { font-size:.74rem; opacity:.92; margin-top:2px; }
.sp-logo { width:56px; height:56px; border-radius:16px; object-fit:cover; background:#fffdf9; box-shadow:0 6px 18px rgba(0,0,0,.25); }
.sp-logo-fb { display:grid; place-items:center; font-family:var(--serif); font-size:1.5rem; color:var(--rose-gold-deep); font-weight:700; }
.sp-stats { display:flex; margin:0 16px; padding:16px 0; border-bottom:1px solid var(--line); }
.sp-stats > div { flex:1; text-align:center; }
.sp-stats .n { font-family:var(--serif); font-size:1.05rem; font-weight:700; color:var(--rose-gold-deep); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 6px; }
.sp-stats .l { font-size:.68rem; color:var(--ink-3); margin-top:3px; }
.sp-desc { padding:16px 18px 4px; font-size:.8rem; color:var(--ink-2); line-height:1.7; }
.shop-page .section-head { padding:10px 18px 2px; }

/* ---- 商家入驻 ---- */
.ma-perks { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:16px; }
.ma-perk { background:var(--card,#fffdf9); border:1px solid var(--line); border-radius:14px; padding:16px 14px; text-align:center; }
.ma-perk .w-ico { width:40px; height:40px; margin:0 auto 8px; border-radius:50%; display:grid; place-items:center; background:var(--pearl-luster); color:var(--rose-gold-deep); }
.ma-perk b { display:block; font-size:.86rem; color:var(--ink); }
.ma-perk small { display:block; font-size:.68rem; color:var(--ink-2); margin-top:4px; line-height:1.5; }
.form-card { background:var(--card,#fffdf9); border:1px solid var(--line); border-radius:16px; padding:18px; margin-bottom:18px; }
.form-card .fc-title { font-size:.9rem; font-weight:700; color:var(--ink); margin-bottom:12px; display:flex; align-items:center; gap:6px; }
.form-card label { display:block; font-size:.76rem; color:var(--ink-2); margin:12px 0 5px; }
.form-card input, .form-card select, .form-card textarea { width:100%; padding:11px 13px; border-radius:11px; border:1.5px solid var(--line); font-size:.88rem; font-family:inherit; background:#fffdf9; color:var(--ink); }
.form-card textarea { min-height:76px; resize:vertical; }
.form-card .btn-block { margin-top:16px; }
.ma-note { margin-top:12px; font-size:.7rem; color:var(--ink-3); text-align:center; line-height:1.6; }
.ma-note svg { vertical-align:-2px; }