/* brand-case.css — 品牌维修案例库专属样式（仅追加，不改既有 CSS） */
.bc-info{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:18px 0 22px;padding:14px 18px;background:#F5F8FC;border:1px solid #E3ECF7;border-left:4px solid var(--bc-color,#1E6FCF);border-radius:12px;font-size:14px;color:#425466}
.bc-info b{color:#0E2A47}
.bc-info-chip{display:inline-block;background:var(--bc-color,#1E6FCF);color:#fff;font-weight:800;padding:4px 14px;border-radius:999px;font-size:13.5px}
.bc-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 26px}
.bc-photos figure{margin:0;background:#fff;border:1px solid #E3ECF7;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(14,42,71,.06)}
.bc-photos img{width:100%;height:230px;object-fit:cover;display:block;background:#EDF2F8}
.bc-photos figcaption{padding:9px 14px;font-size:12.5px;color:#5C6B78;line-height:1.6}
.bc-skill{background:linear-gradient(120deg,var(--bc-color,#1E6FCF),#0E2A47);color:#fff;border-radius:14px;padding:16px 20px;font-size:15px;font-weight:600;line-height:1.9;box-shadow:0 8px 22px rgba(14,42,71,.14)}
.bc-faq{display:grid;gap:12px}
.bc-faq-item{background:#F8FBFF;border:1px solid #E6EFFA;border-radius:12px;padding:14px 18px}
.bc-faq-item h3{margin:0 0 6px;font-size:15.5px;color:#0E2A47}
.bc-faq-item p{margin:0;font-size:14px;color:#475569;line-height:1.85}
.bc-local{margin:30px auto 46px}
.bc-local h2{font-size:19px;color:#0E2A47;margin:0 0 10px}
.bc-local p{font-size:14px;color:#475569;line-height:1.9}
.bc-hero{background:linear-gradient(135deg,#0E2A47,var(--bc-color,#1E6FCF));color:#fff;padding:28px 0 34px}
.bc-hero .cl-breadcrumb a{color:#CFE0F2}
.bc-hero .sep{color:#9AB4CE}
.bc-hero-in{display:grid;grid-template-columns:1.35fr .85fr;gap:28px;align-items:center;margin-top:22px}
.bc-hero .seo-eyebrow{color:#FFD9C2;letter-spacing:1.5px;font-size:12.5px;font-weight:800;margin:0 0 8px}
.bc-hero h1{font-size:27px;font-weight:800;margin:0 0 12px;line-height:1.4}
.bc-hero-sub{font-size:14.5px;line-height:1.95;color:#DCE9F7;margin:0 0 18px}
.bc-hero-cta{display:flex;gap:10px;flex-wrap:wrap}
.bc-hero-cta a{background:#fff;color:#0E2A47;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:800;text-decoration:none}
.bc-hero-cta a+a{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.4)}
.bc-hero figure{margin:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);border-radius:16px;overflow:hidden}
.bc-hero figure img{width:100%;height:250px;object-fit:cover;display:block}
.bc-hero figcaption{padding:8px 12px;font-size:12px;color:#DCE9F7}
.bc-meta{margin:30px auto 0}
.bc-meta h2{font-size:17px;color:#0E2A47;margin:22px 0 10px}
.bc-chips{display:flex;flex-wrap:wrap;gap:8px}
.bc-chip{background:#F0F6FF;border:1px solid #DCE8F7;color:#1E6FCF;border-radius:999px;padding:5px 13px;font-size:13px;font-weight:600}
.bc-list-sec{margin:34px auto 0}
.bc-list-head h2{font-size:21px;color:#0E2A47;margin:0 0 6px}
.bc-list-head p{font-size:13.5px;color:#5C6B78;margin:0 0 16px}
.bc-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.bc-filter-btn{background:#fff;border:1px solid #DCE5EE;color:#425466;border-radius:999px;padding:7px 15px;font-size:13.5px;cursor:pointer;transition:.18s}
.bc-filter-btn:hover{border-color:#1E6FCF;color:#1E6FCF}
.bc-filter-btn.active{background:#0E2A47;border-color:#0E2A47;color:#fff;font-weight:700}
.bc-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bc-case-card{background:#fff;border:1px solid #E3ECF7;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:0 5px 16px rgba(14,42,71,.05);transition:.2s}
.bc-case-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(14,42,71,.13);border-color:#B9D3F2}
.bc-case-cover{position:relative;height:160px;background:#EDF2F8;overflow:hidden}
.bc-case-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bc-case-cat{position:absolute;left:10px;top:10px;background:rgba(14,42,71,.88);color:#fff;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px}
.bc-case-body{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column}
.bc-case-model{font-size:12px;color:#1E6FCF;font-weight:800;letter-spacing:.4px;margin-bottom:6px}
.bc-case-title{font-size:15px;font-weight:800;color:#0E2A47;line-height:1.55;margin-bottom:8px}
.bc-case-body p{font-size:13px;color:#5C6B78;line-height:1.75;margin:0 0 12px;flex:1}
.bc-case-more{font-size:12.5px;color:#E8590C;font-weight:700}
.bc-empty{text-align:center;color:#5C6B78;font-size:14px;padding:26px}
.bc-gallery-sec{margin:44px auto 0}
.bc-gallery-sec h2{font-size:20px;color:#0E2A47;margin:0 0 8px}
.bc-gallery-sec p{font-size:13.5px;color:#5C6B78;line-height:1.85;margin:0 0 16px}
.bc-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bc-gallery figure{margin:0;background:#fff;border:1px solid #E3ECF7;border-radius:12px;overflow:hidden}
.bc-gallery img{width:100%;height:170px;object-fit:cover;display:block;background:#EDF2F8}
.bc-gallery figcaption{padding:8px 11px;font-size:11.5px;color:#5C6B78;line-height:1.55}
.bc-brands-sec{margin:44px auto 0}
.bc-brands-sec h2{font-size:20px;color:#0E2A47;margin:0 0 6px}
.bc-brands-sec p{font-size:13.5px;color:#5C6B78;margin:0 0 16px}
.bc-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bc-nav-card{background:#fff;border:1px solid #E3ECF7;border-left:4px solid var(--bc-color,#1E6FCF);border-radius:12px;padding:12px 14px;text-decoration:none;display:flex;flex-direction:column;gap:3px;transition:.18s}
.bc-nav-card:hover{border-color:#B9D3F2;box-shadow:0 8px 20px rgba(14,42,71,.09)}
.bc-nav-card b{color:#0E2A47;font-size:15px}
.bc-nav-card span{color:#5C6B78;font-size:12px}
@media(max-width:900px){.bc-hero-in{grid-template-columns:1fr}.bc-case-grid{grid-template-columns:repeat(2,1fr)}.bc-nav{grid-template-columns:repeat(2,1fr)}.bc-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bc-photos{grid-template-columns:1fr}.bc-case-grid{grid-template-columns:1fr}.bc-nav{grid-template-columns:1fr 1fr}.bc-gallery{grid-template-columns:1fr 1fr}.bc-hero h1{font-size:21px}.bc-hero figure img{height:190px}}
@media(prefers-reduced-motion:reduce){.bc-case-card{transition:none}.bc-case-card:hover{transform:none}}
