/* ============================================================
   Burnout (Devore) Velvet Signature Collection — 专区专属样式
   自包含：导航/hero/花型卡/工艺/规格/GRS/详情页/浮动按钮
   2026-10-25 Mujia Textile
   ============================================================ */
:root{
  --bv:#6d3f82; --bv-d:#3a1b47; --bv-l:#f3e8f5; --bv-ink:#2c2233;
  --gold:#b8860b; --gold-l:#fff3d6; --ink:#232323; --mut:#666;
  --line:#e7e0ec; --ok:#2e7d4f;
}
*{box-sizing:border-box;}
body{margin:0;font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);line-height:1.65;background:#fff;}
a{color:var(--bv);}
img{max-width:100%;}
.container{max-width:1180px;margin:0 auto;padding:0 22px;}

/* 语言条 */
.bv-lang{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;background:#f8f8f8;border-bottom:1px solid #eee;flex-wrap:wrap;font-size:13px;}
.bv-lang a{padding:6px 8px;font-weight:700;color:#555;text-decoration:none;border-radius:4px;}
.bv-lang a.active{color:#222;}
.bv-lang .more{color:#aaa;font-size:12px;padding-left:6px;}

/* 专属横排导航 */
.bv-nav{position:sticky;top:0;z-index:800;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(58,27,71,.05);}
.bv-nav .in{max-width:1180px;margin:0 auto;padding:0 22px;height:62px;display:flex;align-items:center;gap:26px;}
.bv-brand{font-weight:800;font-size:19px;letter-spacing:.5px;color:var(--bv-d);text-decoration:none;white-space:nowrap;}
.bv-menu{list-style:none;display:flex;align-items:center;gap:22px;margin:0;padding:0;flex:1;}
.bv-menu a{color:#333;font-size:14.5px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s;}
.bv-menu a:hover{color:var(--bv);}
.bv-menu a.star{color:var(--bv);font-weight:800;}
.bv-cta{background:var(--gold);color:#fff!important;padding:9px 18px;border-radius:4px;font-weight:700!important;}

/* hero */
.bv-hero{background:linear-gradient(125deg,var(--bv-d),var(--bv) 60%,#8a52a0);color:#fff;padding:64px 0 70px;text-align:center;}
.bv-hero .kick{letter-spacing:3px;font-size:12.5px;text-transform:uppercase;color:#e6cdf0;margin-bottom:14px;}
.bv-hero h1{font-size:42px;line-height:1.18;margin:0 0 16px;font-weight:800;}
.bv-hero p.lead{max-width:760px;margin:0 auto 26px;font-size:17px;color:#f1e4f8;}
.bv-hero .stat{display:inline-flex;gap:34px;margin-top:8px;flex-wrap:wrap;justify-content:center;}
.bv-hero .stat div{font-size:14px;color:#e9d6f4;}
.bv-hero .stat b{display:block;font-size:24px;color:#fff;}
.btn{display:inline-block;background:var(--gold);color:#fff;padding:13px 30px;border-radius:5px;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.6px;border:0;cursor:pointer;}
.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.7);color:#fff;}
.btn.green{background:#25D366;}
.btn.purple{background:var(--bv);}

/* 通用区块 */
.bv-sec{padding:58px 0;}
.bv-sec.alt{background:#faf7fc;}
.h2{font-size:29px;text-align:center;margin:0 0 10px;color:var(--bv-d);}
.sub{text-align:center;color:var(--mut);max-width:780px;margin:0 auto 38px;font-size:16px;}

/* 三张牌 / 特性 */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;}
.card{background:#fff;border-radius:12px;padding:26px 22px;box-shadow:0 3px 14px rgba(58,27,71,.07);text-align:center;}
.card .ic{font-size:32px;margin-bottom:10px;}
.card h4{margin:0 0 8px;font-size:17px;color:var(--bv-d);}
.card p{margin:0;font-size:13.5px;color:var(--mut);line-height:1.65;}

/* 工艺步骤 */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;counter-reset:step;}
.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 20px;position:relative;}
.step::before{counter-increment:step;content:counter(step);position:absolute;top:-16px;left:20px;width:34px;height:34px;border-radius:50%;background:var(--bv);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.step h4{margin:8px 0 6px;font-size:15.5px;color:var(--bv-d);}
.step p{margin:0;font-size:13px;color:var(--mut);}

/* 花型库 */
.pat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:22px;}
.pat{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s;}
.pat:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(58,27,71,.16);}
.pat .ph{aspect-ratio:3/4;overflow:hidden;background:#f4f0f6;position:relative;}
.pat .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.pat:hover .ph img{transform:scale(1.05);}
.badge{position:absolute;top:10px;left:10px;background:rgba(58,27,71,.9);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:11px;letter-spacing:.5px;}
.badge.rhine{background:linear-gradient(120deg,#c8920a,#e6b93c);}
.pat .b{padding:15px 16px 18px;display:flex;flex-direction:column;flex:1;}
.pat .sku{color:var(--bv);font-size:11.5px;font-weight:800;letter-spacing:1px;}
.pat h3{margin:3px 0 6px;font-size:16px;color:var(--bv-d);}
.pat p{margin:0 0 8px;font-size:12.8px;color:var(--mut);line-height:1.55;flex:1;}
.chips{margin:2px 0 8px;}
.chip{display:inline-block;background:var(--bv-l);color:#7b3f8f;padding:2px 9px;border-radius:10px;font-size:10.5px;margin:0 5px 5px 0;}
.chip.g{background:var(--gold-l);color:#9a6a00;}
.chip.b{background:#eaf3fb;color:#23628f;}
.pprice{font-size:13.5px;font-weight:800;color:var(--ink);}
.pprice .ask{color:var(--gold);}

/* 用途 */
.useflow{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;}
.usechip{background:#fff;border:1px solid var(--line);border-radius:30px;padding:10px 20px;font-size:14px;color:#5b3b6b;box-shadow:0 2px 6px rgba(0,0,0,.04);}
.usechip b{color:var(--bv);}

/* GRS */
.grs{background:linear-gradient(135deg,#eef9f0,#f7fcf2);border:1px solid #cde8d0;border-radius:14px;padding:26px 28px;max-width:900px;margin:0 auto;}
.grs h3{margin:0 0 8px;color:var(--ok);}
.grs p{margin:6px 0;font-size:14px;color:#3f5b46;}
.grs .disc{font-size:12px;color:#7d8d80;margin-top:10px;}

/* 规格表 */
.spec{width:100%;border-collapse:collapse;max-width:820px;margin:0 auto;}
.spec th,.spec td{border:1px solid #e3e3e3;padding:13px 20px;text-align:left;font-size:14.5px;}
.spec th{background:#faf7fc;width:36%;color:#444;font-weight:700;}

/* FAQ */
.faq{max-width:840px;margin:0 auto;}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 20px;margin-bottom:12px;}
summary{cursor:pointer;font-weight:700;color:var(--bv-d);font-size:15px;}
details p{margin:10px 0 2px;font-size:14px;color:var(--mut);}

/* CTA */
.cta{background:linear-gradient(125deg,var(--bv-d),var(--bv));color:#fff;text-align:center;padding:60px 22px;}
.cta h2{margin:0 0 10px;font-size:30px;}
.cta p{color:#ecdcf6;margin:0 auto 24px;max-width:620px;}

/* 页脚 */
.bv-foot{background:#1c1424;color:#b8a9c4;padding:38px 22px;text-align:center;font-size:13.5px;}
.bv-foot a{color:#d9c6e6;text-decoration:none;margin:0 8px;}
.bv-foot .co{color:#fff;font-weight:700;margin-bottom:8px;}

/* 浮动 */
.f-inq{position:fixed;right:24px;bottom:24px;z-index:900;background:var(--gold);color:#fff;padding:14px 24px;font-size:13px;font-weight:700;box-shadow:0 8px 26px rgba(0,0,0,.22);text-decoration:none;border-radius:4px;}
.f-wa{position:fixed;right:24px;bottom:84px;z-index:900;background:#25D366;color:#fff;padding:12px 20px;font-size:13px;font-weight:700;border-radius:50px;box-shadow:0 8px 26px rgba(0,0,0,.22);text-decoration:none;}

/* ===== 详情页 ===== */
.pd{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:start;margin:34px 0 10px;}
.pd-main{width:100%;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.13);aspect-ratio:3/4;object-fit:cover;background:#f4f0f6;}
.pd-thumbs{display:flex;gap:12px;margin-top:12px;}
.pd-thumbs img{width:30%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.10);}
.pd-thumbs img.on{border-color:var(--bv);}
.pd-info .sku{color:var(--bv);font-weight:800;letter-spacing:1.5px;font-size:12.5px;}
.pd-info h1{font-size:28px;margin:4px 0 8px;color:var(--bv-d);}
.pd-info .desc{color:#555;line-height:1.7;margin:12px 0;}
.kv{width:100%;border-collapse:collapse;margin:16px 0;}
.kv th,.kv td{border:1px solid var(--line);padding:10px 14px;font-size:14px;text-align:left;}
.kv th{background:#faf7fc;width:42%;color:#444;}
.pricebox{background:linear-gradient(135deg,#fbf6ff,#f3e8f5);border:1px solid #e4d3ee;border-radius:10px;padding:16px 18px;margin:14px 0;}
.pricebox .p{font-size:24px;font-weight:800;color:var(--bv);}
.pricebox small{color:#7a6b82;}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;}
.rel{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);text-decoration:none;color:#333;}
.rel img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}
.rel .t{padding:10px 12px;font-size:13px;}
.rel .t b{display:block;font-size:13px;}
.rel .t span{color:var(--bv);font-size:11.5px;}
.crumbs{font-size:13px;color:#8a7c93;padding:18px 0 0;}
.crumbs a{color:#8a7c93;text-decoration:none;}

@media(max-width:780px){
  .bv-nav .in{height:auto;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 20px;}
  .bv-menu{flex-wrap:wrap;gap:14px;}
  .bv-hero h1{font-size:30px;}
  .bv-hero{padding:46px 0 52px;}
  .pd{grid-template-columns:1fr;gap:20px;}
  .pat-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .pat .b{padding:11px 11px 14px;}
  .pat h3{font-size:14px;}
  .pat p{display:none;}
}

/* ===== Site native header compatibility (burnout zone) ===== */
header{background:#fff;}
.header-inner .logo, .header-inner .logo-text{color:#111 !important;text-decoration:none !important;}
.header-inner .logo-text span{color:#888 !important;}
nav.main-nav a{color:#333;}
.nav-item{position:relative;display:inline-block;}
.nav-item.has-dropdown>.nav-dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #eee;box-shadow:0 6px 18px rgba(0,0,0,.08);min-width:210px;padding:8px 0;z-index:1001;border-radius:4px;}
.nav-item.has-dropdown:hover>.nav-dropdown,.nav-item.has-dropdown:focus-within>.nav-dropdown{display:block;}
.nav-dropdown a{display:block;padding:8px 18px;color:#333 !important;font-size:14px;white-space:nowrap;margin:0;}
.nav-dropdown a:hover{background:#f7f4ee;color:#8a6b2a !important;}
.nav-dropdown a strong{font-weight:600;color:#111 !important;}
.nav-item-ghost{border:1px solid #8a6b2a;color:#8a6b2a !important;padding:6px 12px;border-radius:4px;margin:0 6px;}
.nav-item-ghost:hover{background:#8a6b2a;color:#fff !important;}
@media(max-width:900px){
  .nav-item.has-dropdown>.nav-dropdown{position:static;display:none;background:transparent;border:0;box-shadow:none;padding:4px 0 4px 12px;}
  .nav-item.has-dropdown.open>.nav-dropdown{display:block;}
}

/* ===== mobile overflow fix (burnout zone) ===== */
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden;}
  .bv-wrap{width:100%;max-width:100%;box-sizing:border-box;padding-left:18px;padding-right:18px;}
  .bv-hero{padding:40px 0 44px;}
  .bv-hero .k{font-size:12px;letter-spacing:.14em;}
  .bv-hero h1{font-size:25px !important;line-height:1.22;word-break:break-word;overflow-wrap:anywhere;}
  .bv-hero p.lead{font-size:14.5px !important;line-height:1.7;word-break:break-word;overflow-wrap:anywhere;}
  .bv-hero .cta{display:flex;flex-direction:column;align-items:stretch;}
  .bv-hero .btn{width:100%;box-sizing:border-box;white-space:normal;}
  .bv-hero .stats{grid-template-columns:repeat(2,1fr) !important;gap:16px;}
  .bv-sec h2{font-size:23px;}
  .bv-grid{grid-template-columns:1fr;}
  .spec td,.spec th{font-size:12.5px;padding:9px 10px;}
  .faq details summary{font-size:14.5px;}
}

/* ===== mobile overflow fix v2: target real .container ===== */
@media(max-width:600px){
  .bv-hero .container,.bv-sec .container{width:100%;max-width:100%;box-sizing:border-box;padding-left:18px !important;padding-right:18px !important;margin-left:auto;margin-right:auto;}
  .bv-hero .kicker{font-size:12px;letter-spacing:.14em;}
  .bv-hero h1{font-size:24px !important;line-height:1.24;word-break:break-word;overflow-wrap:anywhere;hyphens:none;}
  .bv-hero p.lead{font-size:14.5px !important;line-height:1.7;word-break:break-word;overflow-wrap:anywhere;}
  .bv-hero .btn{width:100%;box-sizing:border-box;white-space:normal;margin-left:0 !important;}
  .bv-hero .stat{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:18px;}
}

/* ===== mobile overflow fix v3 (force) ===== */
@media(max-width:600px){
  .bv-hero *,.bv-sec *{white-space:normal !important;}
  .bv-hero,.bv-hero .container,.bv-sec,.bv-sec .container{width:100% !important;max-width:100% !important;box-sizing:border-box !important;}
  .bv-hero .container{padding-left:18px !important;padding-right:18px !important;}
  .bv-hero h1{font-size:23px !important;line-height:1.25 !important;white-space:normal !important;word-break:break-word !important;overflow-wrap:anywhere !important;}
  .bv-hero p.lead{font-size:14px !important;line-height:1.7 !important;max-width:100% !important;white-space:normal !important;word-break:break-word !important;overflow-wrap:anywhere !important;}
  .bv-hero .stat{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:16px !important;}
}