/* ===== MERCHANT PAGE-SPECIFIC STYLES ===== */
/* banner 轮播公共样式见 css/banner-common.css，本文件仅保留商家端差异部分 */

/* BANNER CAROUSEL — 页面差异 */
/* Slide backgrounds */
.s1 .bg{background:linear-gradient(135deg,#0a1020 0%,#0f2035 40%,rgba(0,220,130,0.08) 100%)}
.s2 .bg{background:linear-gradient(135deg,#0a1020 0%,#0f1a2e 50%,rgba(59,130,246,0.08) 100%)}
.s3 .bg{background:linear-gradient(135deg,#0a1020 0%,#1a1a2e 50%,rgba(255,122,61,0.08) 100%)}

/* Visual base offset & per-slide offsets */
.banner-visual{margin-right:24px}
.s1 .banner-visual{margin-right:43px;top:10px}
/* Slide 2 visual ~10% larger (uniform scale of the SVG content) */
.s2 .banner-visual{flex:0 0 396px;height:473px;margin-right:100px;top:19px}
.s3 .banner-visual{margin-right:100px}

/* Slide-1 long description: keep on a single line (desktop) */
.banner-content .p-one-line{white-space:nowrap;font-size:1rem}
@media(max-width:768px){.banner-content .p-one-line{white-space:normal;font-size:.95rem}}

/* "+1" particle flying into the cart (slide 1) */
.fly-plus{opacity:0;transform-box:fill-box;animation:flyPlus 3.4s ease-in infinite 1.6s}
@keyframes flyPlus{0%{opacity:0;transform:translate(0,0) scale(.7)}15%{opacity:1;transform:translate(-18px,9px) scale(1.15)}60%{opacity:1}100%{opacity:0;transform:translate(-92px,46px) scale(.85)}}

/* Glow badge (slide 3 open-for-business star) — orange */
.glow-badge{filter:drop-shadow(0 0 12px rgba(255,122,24,.5))}

@media(prefers-reduced-motion:reduce){
    .fly-plus{animation:none}
}

/* SOLUTIONS */
.solutions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.solution-card{padding:32px 20px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);text-align:center;transition:all 0.35s}
.solution-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.25)}
.solution-icon{width:52px;height:52px;border-radius:14px;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 14px;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.solution-icon svg{width:30px;height:30px;display:block}
.solution-card h4{font-size:0.95rem;font-weight:700;margin-bottom:6px}
.solution-card p{font-size:0.8rem}

/* VIDEO SHOWCASE */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:48px;max-width:750px;margin-left:auto;margin-right:auto}
.video-box{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:all 0.35s}
.video-box:hover{border-color:var(--surface-border);box-shadow:0 16px 48px rgba(0,0,0,0.25)}
.video-player{width:100%;height:auto;display:block;background:#000}
.video-label{padding:16px 24px;font-size:0.95rem;font-weight:600;text-align:center;border-top:1px solid var(--border)}

/* TAG LIST */
.tag-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}
.tag{padding:10px 20px;border-radius:24px;background:var(--surface);border:1px solid var(--border);font-size:0.88rem;color:var(--text-sec);transition:all 0.3s}
.tag:hover{background:var(--accent);color:#060b18;border-color:var(--accent)}

/* FEATURE SPLIT */
.feature-split{display:block}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.feature-item{display:flex;gap:16px;padding:20px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);transition:all 0.3s}
.feature-item:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(0,220,130,0.06)}
.feature-num{width:44px;height:44px;border-radius:12px;background:rgba(0,220,130,.10);border:1px solid rgba(0,220,130,.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;flex-shrink:0}
.feature-item h4{font-size:0.95rem;font-weight:700;margin-bottom:4px}
.feature-item p{font-size:0.82rem;line-height:1.6}
.feature-screenshot{border-radius:var(--radius);height:480px;background:linear-gradient(135deg,var(--surface),#1a2844);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:0.88rem}

/* FUNCTIONS */
.functions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.func-card{padding:24px 16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);text-align:center;transition:all 0.35s}
.func-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.2)}
.func-icon{font-size:1.8rem;margin-bottom:10px}
.func-card h4{font-size:0.88rem;font-weight:700;margin-bottom:4px}
.func-card p{font-size:0.75rem;line-height:1.5}

/* MINI APP */
.mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.mini-card{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);transition:all 0.3s}
.mini-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.3)}
.mini-card img{width:100%;height:auto;display:block}

/* CLIENTS */
.clients-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.client-logo{width:130px;height:130px;border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all 0.3s;padding:8px;overflow:hidden}
.client-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px}
.client-logo:hover{border-color:var(--accent);transform:translateY(-2px)}

/* ===== SHOWCASE ===== */
.showcase-sec{position:relative;overflow:hidden;padding:96px 0}
.showcase-sec::before,.showcase-sec::after{content:'';position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,220,130,.09),transparent 70%);pointer-events:none;z-index:0}
.showcase-sec::before{width:340px;height:340px;top:30px;right:-80px}
.showcase-sec::after{width:260px;height:260px;bottom:30px;left:30px}
.showcase-row{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.showcase-row.img-left{grid-template-columns:685px 1fr}
.showcase-row.img-right{grid-template-columns:1fr 685px}
.showcase-row.reverse .showcase-img{order:-1}
.showcase-img{background:transparent;border:none;border-radius:0;overflow:visible}
.showcase-img img{width:100%;display:block}
.showcase-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.showcase-title svg{width:54px;height:54px;color:var(--accent);flex-shrink:0}
.showcase-emoji{font-size:2.2rem;line-height:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;background:rgba(0,220,130,.10);border-radius:14px}
.showcase-title h2{margin:0;font-size:1.65rem;font-weight:900;color:var(--text);letter-spacing:-.5px}
.showcase-text p{font-size:.98rem;line-height:1.85;color:#5b6577;margin-bottom:32px}
.showcase-text p.indent{margin-right:38px}
.btn-green-outline{display:inline-flex;align-items:center;justify-content:center;padding:13px 38px;border-radius:60px;border:1.5px solid var(--accent);color:var(--accent);background:transparent;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s;font-family:inherit}
.btn-green-outline:hover{background:var(--accent);color:#060b18;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,220,130,.25)}
@media(max-width:1150px){
    .showcase-row.img-left,.showcase-row.img-right{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
    .showcase-row,.showcase-row.img-left,.showcase-row.img-right{grid-template-columns:1fr;gap:32px}
    .showcase-row.reverse .showcase-img{order:0}
    .showcase-text p.indent{margin-right:0}
}

/* ===== PRICING ===== */
.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:880px;margin:0 auto}
.price-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:40px 36px;transition:all .3s;position:relative}
.price-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.28)}
.price-name{font-size:1.05rem;font-weight:800}
.price-head{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:26px;text-align:center}
.ps-badge{position:absolute;top:14px;right:14px;padding:4px 12px;border-radius:20px;font-weight:700;font-size:.75rem}
.ps-badge.warn{color:#f59e0b;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35)}
.ps-badge.ok{color:var(--accent);background:rgba(0,220,130,.1);border:1px solid rgba(0,220,130,.3)}
.price-value{font-size:2rem;font-weight:900;color:var(--accent);line-height:1.2}
.price-value small{font-size:.85rem;color:var(--text-muted);font-weight:600}
.price-list{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-direction:column;gap:12px}
.price-list li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text-sec);line-height:1.5}
.price-list .ck{color:var(--accent);flex-shrink:0;font-weight:900}
.price-list .ck.no{color:#ef4444;opacity:.9}
.price-btn{display:inline-block;width:100%;text-align:center;padding:14px 0;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;border:none;transition:all .3s;font-family:inherit}
.price-btn.primary{background:linear-gradient(135deg,var(--accent),#00b36b);color:#060b18}
.price-btn.primary:hover{box-shadow:0 6px 24px rgba(0,220,130,.35);transform:translateY(-2px)}
.price-btn.ghost{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}
.price-btn.ghost:hover{background:rgba(0,220,130,.08)}
@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;gap:24px}}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
    .solutions-grid,.functions-grid{grid-template-columns:repeat(3,1fr)}
    .video-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
    .banner-content h1, .banner-content h2{font-size:2rem}
    .banner-grid-overlay{opacity:0.5}
    .solutions-grid,.functions-grid,.mini-grid{grid-template-columns:1fr 1fr}
    .feature-list,.video-grid{grid-template-columns:1fr}
    /* 手机端收紧卡片内边距、压缩过高截图占位 */
    .price-card{padding:32px 22px}
    .feature-screenshot{height:300px}
}