:root{
  --fg:#0f172a; --muted:#64748b; --bg:#ffffff; --card:#ffffff;
  --border:rgba(16,24,40,.08); --indigo:#4f46e5; --indigo-600:#4338ca;
  --radius:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

/* Scroll-reveal (灵动) —— 仅在 html.js 下隐藏,否则禁用/加载失败 JS 会让整页空白 */
.js [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.js [data-reveal].is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none;transition:none}}

/* Card entrance (light, JS-free) */
@keyframes bwFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.bw-cat-card,.bw-brand-card{animation:bwFadeUp .5s both}
.bw-cat-card:nth-child(1),.bw-brand-card:nth-child(1){animation-delay:.02s}
.bw-cat-card:nth-child(2),.bw-brand-card:nth-child(2){animation-delay:.04s}
.bw-cat-card:nth-child(3),.bw-brand-card:nth-child(3){animation-delay:.06s}
.bw-cat-card:nth-child(4),.bw-brand-card:nth-child(4){animation-delay:.08s}
.bw-cat-card:nth-child(5),.bw-brand-card:nth-child(5){animation-delay:.10s}
.bw-cat-card:nth-child(6),.bw-brand-card:nth-child(6){animation-delay:.12s}
.bw-cat-card:nth-child(7),.bw-brand-card:nth-child(7){animation-delay:.14s}
.bw-cat-card:nth-child(8),.bw-brand-card:nth-child(8){animation-delay:.16s}
@media(prefers-reduced-motion:reduce){.bw-cat-card,.bw-brand-card{animation:none}}
/* logo hover pop */
.bw-cat-logos a,.bw-brand-card .bw-tile{transition:transform .2s}
.bw-cat-logos a:hover{transform:translateY(-2px) scale(1.06)}
body{
  margin:0; color:var(--fg); font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:
    radial-gradient(closest-side at 50% -10%, rgba(99,102,241,.14), transparent 70%),
    radial-gradient(closest-side at 8% 4%, rgba(56,189,248,.12), transparent 60%),
    radial-gradient(closest-side at 92% 2%, rgba(244,114,182,.12), transparent 60%),
    #f8fafc;
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
/* 和 .bw-container 挂在同一元素上的类只能用 padding-block:padding 简写会抹掉这里的左右 20px,窄屏文字贴边 */
.bw-container{max-width:1180px;margin:0 auto;padding:0 20px}
.bw-muted{color:var(--muted)}

/* Header */
.bw-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 1px 0 var(--border)}
.bw-header-inner{display:flex;align-items:center;gap:16px;height:64px}
.bw-brandmark{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}
.bw-logo-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--fg);color:#fff;font-weight:800;font-size:15px}
.bw-nav{display:flex;gap:4px;margin-left:12px}
.bw-nav a{padding:8px 12px;border-radius:9px;color:var(--muted);font-weight:500;font-size:14px}
.bw-nav a:hover{background:#f1f5f9;color:var(--fg)}
.bw-search{position:relative;margin-left:auto;width:320px;max-width:40vw}
.bw-search-toggle{display:none}
.bw-search input{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.8);border-radius:12px;padding:9px 14px;font-size:14px;outline:none}
.bw-search input:focus{border-color:rgba(15,23,42,.25)}
.bw-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 40px -14px rgba(16,24,40,.35);padding:6px;z-index:60;max-height:60vh;overflow:auto}
.bw-search-results a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px}
.bw-search-results a:hover,.bw-search-results a.active{background:#eef2ff}
.bw-main{min-height:60vh}

/* Footer */
.bw-footer{margin-top:56px;border-top:1px solid var(--border);background:rgba(255,255,255,.5)}
.bw-footer-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;padding:48px 20px}
.bw-foot-h{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.bw-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.bw-footer a{color:var(--muted)}.bw-footer a:hover{color:var(--fg)}
.bw-copyright{padding:16px 20px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}

/* Hero */
/* overflow-x:clip 只裁横向(挡住超宽背景),纵向允许搜索下拉溢出 */
.bw-hero-wrap{position:relative;overflow-x:clip;overflow-y:visible}
.bw-hero-bg{position:absolute;left:-12%;right:-12%;top:-22%;height:760px;z-index:0;pointer-events:none;filter:blur(64px);opacity:.95;
  background:
    radial-gradient(42% 60% at 20% 32%, rgba(56,189,248,.55), transparent 72%),
    radial-gradient(44% 62% at 50% 18%, rgba(139,92,246,.50), transparent 72%),
    radial-gradient(42% 60% at 80% 30%, rgba(244,114,182,.50), transparent 72%),
    radial-gradient(60% 80% at 50% 42%, rgba(99,102,241,.30), transparent 78%);
}
.bw-hero-bg::after{content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(2,6,23,.06) 1px, transparent 1px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 65% 60% at 50% 0%, #000, transparent 75%);
  mask-image:radial-gradient(ellipse 65% 60% at 50% 0%, #000, transparent 75%);}
.bw-hero{position:relative;z-index:1;text-align:center;padding-block:56px 64px}
.bw-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(16,24,40,.06);background:rgba(255,255,255,.72);backdrop-filter:blur(8px);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:600;color:var(--muted);box-shadow:0 1px 2px rgba(16,24,40,.05)}
.bw-badge .dot{width:7px;height:7px;border-radius:999px;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18)}
.bw-hero h1{font-size:clamp(2.4rem,5.2vw,4.1rem);font-weight:800;letter-spacing:-.025em;line-height:1.03;margin:.35em auto;max-width:840px;color:#0f172a}
.bw-hero p{color:var(--muted);font-size:18px;max-width:560px;margin:0 auto}
.bw-hero-search{display:flex;gap:8px;max-width:560px;margin:32px auto 0;position:relative;z-index:40}
.bw-hero-search input{flex:1;border:1px solid var(--border);background:rgba(255,255,255,.85);border-radius:16px;padding:14px 20px;font-size:16px;outline:none}
.bw-hero-search button{border:0;border-radius:16px;background:var(--fg);color:#fff;font-weight:600;padding:14px 24px;cursor:pointer}

/* Section heads */
.bw-sec{padding-block:24px}
.bw-sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}
.bw-sec-head h2{font-size:24px;font-weight:800;letter-spacing:-.01em;margin:0}
.bw-sec-head a{font-size:14px;font-weight:600}.bw-sec-head a:hover{text-decoration:underline}

/* Brand tile (square logo) */
.bw-tile{display:grid;place-items:center;overflow:hidden;background:#fff;border-radius:12px}
.bw-tile img{width:100%;height:100%;object-fit:contain;padding:16%}
.bw-tile .mono{font-weight:800;color:var(--muted)}
.bw-tile.has-img .mono{display:none}

/* Category cards */
.bw-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:640px){.bw-cat-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.bw-cat-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1280px){.bw-cat-grid{grid-template-columns:repeat(5,1fr)}}
.bw-cat-card{display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.7);border-radius:16px;padding:16px;box-shadow:0 10px 24px -16px rgba(16,24,40,.25);transition:.25s}
.bw-cat-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.85);box-shadow:0 18px 38px -14px rgba(79,70,229,.4)}
.bw-cat-logos{display:flex;flex-wrap:wrap;gap:6px}
.bw-cat-logos .bw-tile{width:32px;height:32px;background:#fff;border:1px solid var(--border)}
.bw-cat-more{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f1f5f9;color:var(--muted);font-size:11px;font-weight:700;border:1px solid var(--border)}
.bw-cat-card .name{font-weight:700;font-size:14px}
.bw-cat-card .cnt{color:var(--muted);font-size:12px;margin-top:2px}

/* Brand grid (cards) */
.bw-brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:640px){.bw-brand-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:768px){.bw-brand-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1024px){.bw-brand-grid{grid-template-columns:repeat(5,1fr)}}
/* 宽屏不再加到 6 列:1280px 屏幕内容区约 888px,分 6 列后卡片仅 140px,品牌名频繁换行 */
.bw-brand-card{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.7);border-radius:12px;padding:6px 10px 6px 6px;box-shadow:0 8px 20px -14px rgba(16,24,40,.2);transition:.25s}
.bw-brand-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.9);box-shadow:0 16px 34px -12px rgba(79,70,229,.38)}
.bw-brand-card .bw-tile{width:36px;height:36px;flex:none;border:1px solid var(--border)}
.bw-brand-card .t{font-size:13px;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bw-brand-card{min-height:56px}

/* Explore layout */
.bw-explore{display:grid;grid-template-columns:1fr;gap:32px;padding-block:40px}
@media(min-width:1024px){.bw-explore{grid-template-columns:220px minmax(0,1fr)}}
/* 无侧边栏时（资讯列表）内容占满，类选择器权重高于上面的媒体查询 */
.bw-explore.is-full{grid-template-columns:minmax(0,1fr)}
.bw-sidebar{position:sticky;top:80px;align-self:start}
@media(min-width:1024px){.bw-sidebar{max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}}
.bw-sidebar-head{display:block}
.bw-sidebar .h{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.bw-category-menu-toggle,.bw-category-group-toggle{display:none}
.bw-sidebar a{display:flex;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:9px;color:var(--muted);font-size:14px}
.bw-sidebar a:hover{background:#f1f5f9;color:var(--fg)}
.bw-sidebar a.active{background:#eef2ff;color:var(--fg);font-weight:600}
.bw-sidebar .n{font-size:12px;color:var(--muted)}
.bw-sidebar-group{margin-top:3px}
.bw-sidebar-parent-row{display:block}
.bw-sidebar .bw-sidebar-parent{font-weight:600;color:var(--fg)}
.bw-sidebar .bw-sidebar-parent.has-active-child{background:#f8fafc}
.bw-sidebar-children{position:relative;margin:2px 0 7px 12px;padding-left:9px}
.bw-sidebar-children::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--border)}
.bw-sidebar .bw-sidebar-children a{padding:6px 9px;font-size:13px;line-height:1.3}

/* Pagination */
.bw-pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px}
.bw-pager a,.bw-pager span{border:1px solid var(--border);border-radius:10px;padding:8px 16px;font-size:14px;font-weight:500}
.bw-pager a:hover{background:#f1f5f9}
.bw-pager .disabled{opacity:.5}

/* Brand detail */
.bw-brand{display:grid;grid-template-columns:1fr;gap:32px;padding-block:36px}
@media(min-width:1024px){.bw-brand{grid-template-columns:300px minmax(0,1fr) 200px}}
@media(min-width:1280px){.bw-brand{grid-template-columns:320px minmax(0,1fr) 220px}}

/* TOC right rail */
.bw-toc{display:none}
@media(min-width:1024px){.bw-toc{display:block}}
.bw-toc-inner{position:sticky;top:80px}
.bw-toc .h{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.bw-toc nav{display:flex;flex-direction:column;gap:2px}
.bw-toc a{display:block;padding:6px 10px;border-radius:8px;font-size:13px;line-height:1.35;color:var(--muted);transition:.15s}
.bw-toc a:hover{background:#f1f5f9;color:var(--fg)}
.bw-toc a.active{background:#eef2ff;color:var(--fg);font-weight:600}
.bw-toc a.lvl3{padding-left:20px;font-size:12px}
.bw-idcard{background:linear-gradient(180deg,#fff,rgba(241,245,249,.5));border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:0 18px 44px -20px rgba(16,24,40,.22);align-self:start}
@media(min-width:1024px){.bw-idcard{position:sticky;top:80px}}
.bw-idcard .logo{margin:0 auto;width:112px;height:112px;border:1px solid var(--border)}
.bw-idcard h1{text-align:center;font-size:22px;font-weight:800;margin:16px 0 0}
.bw-idcard .tagline{text-align:center;color:var(--muted);font-size:13px;line-height:1.5;margin-top:10px}
.bw-idcard .site{display:block;text-align:center;font-size:13px;font-weight:600;margin-top:12px;color:var(--muted)}
.bw-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px}
.bw-chip{background:#f1f5f9;color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}
.bw-chip:hover{background:#e2e8f0;color:var(--fg)}
.bw-facts{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:12px}
.bw-facts div{display:flex;justify-content:space-between;gap:12px}
.bw-facts dt{color:var(--muted);font-size:12px}
.bw-facts dd{margin:0;font-size:13px;font-weight:600;text-align:right}
.bw-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;background:var(--fg);color:#fff;border-radius:999px;padding:11px;font-weight:600;font-size:14px}
.bw-cta:hover{opacity:.9}
/* Product shelf */
.bw-shop{margin-bottom:40px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:22px;box-shadow:0 10px 28px -18px rgba(16,24,40,.28)}
.bw-shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.bw-kicker{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bw-shop-head h2{margin:4px 0 0;font-size:20px;font-weight:800;letter-spacing:-.01em}
.bw-shop-all{font-size:13px;font-weight:600}
.bw-shop-all:hover{text-decoration:underline}
/* Carousel */
.bw-carousel{position:relative}
.bw-car-track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:2px 2px 10px;
  scrollbar-width:none;-ms-overflow-style:none}
.bw-car-track::-webkit-scrollbar{display:none}
.bw-car-btn{position:absolute;top:38%;z-index:5;width:34px;height:34px;border-radius:999px;border:1px solid var(--border);
  background:rgba(255,255,255,.95);color:var(--fg);font-size:18px;line-height:1;cursor:pointer;box-shadow:0 6px 18px -8px rgba(16,24,40,.35);
  display:grid;place-items:center;transition:.18s}
.bw-car-btn:hover{background:#fff;border-color:rgba(15,23,42,.25);transform:scale(1.06)}
.bw-car-btn.prev{left:-10px}
.bw-car-btn.next{right:-10px}
.bw-car-btn[disabled]{opacity:0;pointer-events:none}

/* Wide product card */
.bw-prod{flex:0 0 auto;width:200px;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;transition:.22s}
.bw-prod:hover{transform:translateY(-3px);border-color:rgba(79,70,229,.35);box-shadow:0 14px 30px -14px rgba(79,70,229,.4)}
@media(max-width:520px){.bw-prod{width:280px}}
.bw-prod-img{position:relative;flex:none;width:100%;aspect-ratio:1/1;background:#f8fafc;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;overflow:hidden}
.bw-prod-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.bw-prod-badge{position:absolute;top:6px;left:6px;background:var(--indigo);color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:2px 7px}
.bw-prod-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
.bw-prod-title{margin:0;font-size:13px;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* rating */
.bw-prod-rate{margin:0;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.bw-prod-rate .stars{position:relative;display:inline-block;line-height:1;font-size:12px;letter-spacing:1px}
.bw-prod-rate .stars .bg{color:#e2e8f0}
.bw-prod-rate .stars .fill{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#f59e0b}
.bw-prod-rate b{color:var(--fg);font-size:12px}
.bw-prod-price{margin:0;font-size:15px;font-weight:800;color:var(--fg)}
.bw-prod-price s{margin-left:6px;font-size:12px;font-weight:500;color:var(--muted)}
/* AI review summary */
.bw-prod-sum{margin:2px 0 0;font-size:11.5px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bw-prod-sum .ai{display:inline-block;margin-right:5px;padding:1px 5px;border-radius:5px;background:#eef2ff;color:var(--indigo);font-size:9.5px;font-weight:800;letter-spacing:.04em;vertical-align:1px}

.bw-content h2.bw-about{font-size:28px;font-weight:800;letter-spacing:-.01em;margin:0 0 12px}

/* Collapsible body sections */
.bw-collapse{border-top:1px solid var(--border)}
.bw-collapse>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}
.bw-collapse>summary::-webkit-details-marker{display:none}
.bw-collapse>summary>h2{margin:.7em 0 .1em!important;flex:1}
.bw-collapse>summary::after{content:'▾';flex:none;color:var(--muted);transition:transform .2s}
.bw-collapse[open]>summary::after{transform:rotate(180deg)}
.bw-collapse>summary:hover>h2{color:var(--indigo)}
.bw-collapse-body{padding-bottom:8px}
.bw-collapse-body>*:first-child{margin-top:.3em}
.bw-meta{color:var(--muted);font-size:12px;font-weight:500;margin:0 0 24px;display:flex;gap:10px}
/* 品牌页中栏较窄:Related brands 用自适应列,避免撑破容器 */
.bw-content .bw-brand-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.bw-content .bw-brand-card{min-width:0}
.bw-content .bw-brand-card .t{min-width:0;word-break:break-word}

/* Brand stories (brand page — latest 2) */
/* 单列全宽卡:只显示标题(最多 2 行)+ 日期 */
.bw-story-grid{display:flex;flex-direction:column;gap:10px}
.bw-story{display:flex;align-items:center;gap:14px;min-width:0;background:rgba(255,255,255,.6);border:1px solid var(--border);border-radius:14px;padding:12px 16px;transition:.22s}
.bw-story:hover{transform:translateY(-2px);border-color:rgba(79,70,229,.35);box-shadow:0 14px 28px -16px rgba(79,70,229,.35)}
.bw-story-cover{flex:none;width:64px;height:64px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#eef2ff,#fff,#ffe4e6)}
.bw-story-cover img{width:100%;height:100%;object-fit:cover}
.bw-story-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.bw-story-title{margin:0;font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bw-story-date{margin:0;font-size:11px;color:var(--muted)}

/* No-body fallback: basic info card */
.bw-stub{border:1px solid var(--border);background:rgba(255,255,255,.55);border-radius:18px;padding:20px}
.bw-stub-lead{margin:0 0 18px;font-size:15px;line-height:1.7;color:#1e293b}
.bw-stub-lead a{color:var(--indigo);text-decoration:underline;text-underline-offset:2px}
.bw-stub-block{margin-top:16px}
.bw-stub-block .bw-kicker{margin-bottom:8px}
.bw-chips.left{justify-content:flex-start}
.bw-stub-facts{margin:0;display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:640px){.bw-stub-facts{grid-template-columns:repeat(2,1fr)}}
.bw-stub-facts div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--border);padding-bottom:6px}
.bw-stub-facts dt{color:var(--muted);font-size:12px}
.bw-stub-facts dd{margin:0;font-size:13px;font-weight:600;text-align:right}
.bw-stub-links{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.bw-stub-links a{border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;background:#fff;transition:.18s}
.bw-stub-links a:hover{border-color:rgba(79,70,229,.4);color:var(--indigo)}

/* Discreet footnote + report */
.bw-brand-foot{margin-top:32px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.bw-footnote{color:var(--muted)}
.bw-report-open{background:none;border:0;padding:0;font-size:12px;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.bw-report-open:hover{color:var(--fg)}
.bw-report-form{margin-top:14px;display:flex;flex-direction:column;gap:10px;max-width:460px;border:1px solid var(--border);background:rgba(255,255,255,.6);border-radius:14px;padding:16px}
.bw-report-form[hidden]{display:none}
.bw-report-h{margin:0;font-size:13px;color:var(--muted)}
.bw-report-form select,.bw-report-form textarea,.bw-report-form input[type=email]{width:100%;border:1px solid var(--border);border-radius:10px;padding:9px 12px;font:inherit;font-size:14px;background:#fff;outline:none}
.bw-report-form select:focus,.bw-report-form textarea:focus,.bw-report-form input:focus{border-color:rgba(15,23,42,.25)}
.bw-report-form .bw-hp{position:absolute;left:-9999px;width:1px;height:1px}
.bw-report-actions{display:flex;align-items:center;gap:12px}
.bw-report-form button[type=submit]{background:var(--fg);color:#fff;border:0;border-radius:10px;padding:9px 18px;font-weight:600;font-size:13px;cursor:pointer}
.bw-report-form button[disabled]{opacity:.6}
.bw-report-msg{font-size:12px;color:#dc2626}
.bw-report-ok{margin:0;font-size:13px;color:#059669;font-weight:600}

/* Journal (blog) */
.bw-journal{padding-block:48px}
.bw-journal-head{margin-bottom:32px}
.bw-journal-head h1{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}
.bw-article-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:640px){.bw-article-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.bw-article-grid{grid-template-columns:repeat(3,1fr)}}
.bw-article-card{display:flex;flex-direction:column;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.7);border-radius:18px;overflow:hidden;box-shadow:0 10px 24px -16px rgba(16,24,40,.25);transition:.25s}
.bw-article-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -16px rgba(79,70,229,.35)}
.bw-article-cover{aspect-ratio:16/10;background:linear-gradient(135deg,#eef2ff,#fff,#ffe4e6);overflow:hidden}
.bw-article-cover img{width:100%;height:100%;object-fit:cover}
.bw-article-body{padding:16px 18px}
.bw-article-cat{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo)}
.bw-article-body h2{font-size:17px;font-weight:700;line-height:1.3;margin:6px 0 8px}
.bw-article-excerpt{margin:0;font-size:13px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bw-article-meta{font-size:12px;color:var(--muted);margin:10px 0 0}

/* Article single */
/* minmax(0,…):不加的话正文的 min-content 会把网格撑出容器内边距,窄屏卡片被切边 */
/* padding-block:元素同时挂着 .bw-container,用 padding 简写会抹掉它的左右 20px */
.bw-article-single{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-block:8px 24px}
@media(min-width:1024px){.bw-article-single{grid-template-columns:minmax(0,1fr) 240px;padding-block:10px 28px}}
.bw-article-single h1{font-size:clamp(1.7rem,6.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin:.2em 0 .3em;max-width:760px}
.bw-article-hero{border-radius:18px;overflow:hidden;margin:16px 0 24px}
.bw-article-main .bw-prose{max-width:720px}
/* 卡片里的 meta 是 margin:10px 0 0,详情页需要与正文留出间距 */
.bw-article-main .bw-article-meta{margin:0 0 22px}
.bw-rel-h{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.bw-article-side{display:none}
@media(min-width:1024px){.bw-article-side{display:block}.bw-related-mobile{display:none}}
.bw-side-inner{position:sticky;top:80px}
.bw-side-brands{display:flex;flex-direction:column;gap:8px}
.bw-side-brand{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.6);border:1px solid var(--border);border-radius:12px;padding:8px 10px;transition:.2s}
.bw-side-brand:hover{background:#fff;border-color:rgba(15,23,42,.15);transform:translateY(-1px)}
.bw-side-brand .bw-tile{width:36px;height:36px;flex:none;border:1px solid var(--border)}
.bw-side-brand span{font-size:14px;font-weight:600}
.bw-related-mobile{margin-top:32px}

/* Breadcrumbs */
.bw-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--muted)}
.bw-crumbs a:hover{color:var(--fg)}
.bw-crumbs .sep{opacity:.5}
.bw-crumbs .cur{color:var(--fg);font-weight:600}

/* Featured brands marquee */
.bw-featured{padding:8px 0 8px;overflow:hidden}
.bw-featured-h{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.bw-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.bw-marquee-track{display:flex;gap:10px;width:max-content;animation:bwMarquee 60s linear infinite}
.bw-marquee:hover .bw-marquee-track{animation-play-state:paused}
@keyframes bwMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bw-mq-card{flex:none;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:6px 14px 6px 6px;box-shadow:0 6px 16px -12px rgba(16,24,40,.25);transition:.2s}
.bw-mq-card:hover{background:#fff;box-shadow:0 12px 26px -12px rgba(79,70,229,.4)}
.bw-mq-card .bw-tile{width:32px;height:32px;flex:none;border:1px solid var(--border)}
.bw-mq-card span{font-size:13px;font-weight:600;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.bw-marquee-track{animation:none}}

/* Explore heading + search */
.bw-explore-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;flex-wrap:wrap}
.bw-explore-head h2{font-size:24px;font-weight:800;margin:0}
.bw-explore-head .cnt{font-size:14px;font-weight:400;color:var(--muted)}

/* ---- Mobile responsive fixes ---- */
@media(max-width:767px){
  /* header: 站名 + 放大镜一行,导航挪到第二行横向滑动(390px 下三者同行会把站名挤换行) */
  .bw-header-inner{flex-wrap:wrap;height:auto;padding-top:10px;gap:8px}
  .bw-brandmark{flex:1;min-width:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bw-nav{order:3;width:100%;margin:0 -20px;padding:0 20px 8px;gap:2px;overflow-x:auto;scrollbar-width:none}
  .bw-nav::-webkit-scrollbar{display:none}
  .bw-nav a{flex:none;white-space:nowrap;padding:6px 10px;font-size:13px}
  .bw-search-toggle{display:grid;place-items:center;flex:none;margin-left:auto;width:36px;height:36px;border-radius:10px;color:var(--muted)}
  .bw-search-toggle[aria-expanded="true"]{background:#f1f5f9;color:var(--fg)}
  .bw-search{display:none;position:absolute;left:0;right:0;top:100%;width:auto;max-width:none;margin:0;padding:10px 20px 14px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--border)}
  .bw-header.search-open .bw-search{display:block}
  .bw-search .bw-search-results{left:20px;right:20px}
  /* 页脚:窄屏两栏会把站名和描述挤到换行 */
  .bw-footer-inner{grid-template-columns:1fr;gap:24px;padding:32px 20px}
  .bw-footer{margin-top:36px}
}
@media(max-width:1023px){
  /* Explore:品牌网格在前,分类使用紧凑的单列手风琴 */
  .bw-explore{grid-template-columns:minmax(0,1fr)} /* 防止子项撑破网格 */
  .bw-sidebar{order:0;position:static;top:auto;min-width:0;max-width:100%;overflow:visible;padding:14px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 12px 30px -24px rgba(16,24,40,.4)}
  .bw-sidebar-head{display:block}
  .bw-sidebar .h{margin:0 0 8px 2px}
  .bw-category-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--fg);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
  .bw-category-menu-toggle svg,.bw-category-group-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
  .bw-category-menu-toggle[aria-expanded="true"] svg,.bw-sidebar-group.is-open .bw-category-group-toggle svg{transform:rotate(180deg)}
  .js .bw-sidebar:not(.is-menu-open) .bw-sidebar-menu{display:none}
  .bw-sidebar-menu{margin-top:8px}
  .bw-sidebar a{min-width:0;white-space:normal;border:0;border-radius:10px;padding:9px 10px;line-height:1.35}
  .bw-sidebar-menu > a{background:#f8fafc;font-weight:600;color:var(--fg)}
  .bw-sidebar a .n{display:inline;font-size:11px;flex:none}
  .bw-sidebar-group{margin:6px 0 0;border-top:1px solid var(--border);padding-top:6px}
  .bw-sidebar-parent-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:4px}
  .bw-category-group-toggle{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}
  .bw-category-group-toggle:hover,.bw-category-group-toggle:focus-visible{background:#f1f5f9;color:var(--fg)}
  .js .bw-sidebar-group:not(.is-open) .bw-sidebar-children{display:none}
  .bw-sidebar-children{max-height:min(46vh,380px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:2px 0 6px 10px;padding:2px 4px 2px 10px;scrollbar-width:thin}
  .bw-sidebar .bw-sidebar-children a{padding:8px 10px;font-size:13px}
}

/* Prose (brand body from contentHtml) */
.bw-prose{max-width:none;color:#1e293b;line-height:1.7}
.bw-prose h2{font-size:22px;font-weight:700;margin:1.6em 0 .5em;scroll-margin-top:80px}
.bw-prose h3{font-size:18px;font-weight:700;margin:1.3em 0 .4em}
.bw-prose p{margin:0 0 1em}
.bw-prose ul,.bw-prose ol{margin:0 0 1em;padding-left:1.4em}
.bw-prose li{margin:.3em 0}
.bw-prose a{color:var(--indigo);text-decoration:underline;text-underline-offset:2px}
.bw-prose a.citation{display:inline-block;text-decoration:none;font-size:.7em;font-weight:700;vertical-align:super;line-height:1;margin-left:1px;padding:1px 4px;border-radius:5px;background:#eef2ff;color:var(--indigo)}
.bw-prose a.citation:hover{background:var(--indigo);color:#fff}
.bw-prose table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:14px;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.bw-prose th,.bw-prose td{border-bottom:1px solid var(--border);padding:9px 12px;text-align:left}
.bw-prose thead th{background:#f1f5f9;font-weight:700}
.bw-prose tbody tr:nth-child(even){background:rgba(241,245,249,.4)}
.bw-prose tbody tr:last-child td{border-bottom:0}
.bw-prose blockquote{border-left:3px solid var(--border);margin:1em 0;padding:.2em 1em;color:var(--muted)}
.bw-prose img{border-radius:12px;margin:1em 0}

.bw-toc[hidden]{display:none}

/* 404 */
.bw-404{padding-block:96px 120px;max-width:620px}
.bw-404 h1{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:10px 0 10px}
.bw-404 .bw-404-search{margin:24px 0 0;width:100%;max-width:none}
.bw-404 .bw-stub-links{margin-top:16px}

/* ---- Pages & Landing templates ---- */
.bw-page{padding-block:48px 24px;max-width:820px}
.bw-page-title{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 20px}
/* Wide 走文档流,顶层区块间给默认间距;Blank 画布刻意不给(色块要能直接相接) */
.bw-lp-wide{padding-block:40px}
.bw-lp-wide > * + *{margin-top:40px}
/* 全出血画布(Blank / Bare):alignfull 顶到视口边缘,其余按内容宽度居中 */
.bw-lp-blank,.bw-lp-bare{overflow-x:clip}
.bw-lp-bare{min-height:100vh}
.bw-lp-blank > .alignfull,.bw-lp-bare > .alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}
.bw-lp-blank > .alignwide,.bw-lp-bare > .alignwide{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.bw-lp-blank > *:not(.alignfull):not(.alignwide),
.bw-lp-bare > *:not(.alignfull):not(.alignwide){max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}

/* ---- BrandWiki 区块库 ---- */
.bw-block-empty{border:1px dashed var(--border);border-radius:14px;padding:28px;text-align:center;color:var(--muted);font-size:14px;background:rgba(255,255,255,.6)}
/* 自带上下留白:落地页里直接堆区块也不会挤在一起(编辑器可用间距控件覆盖) */
.wp-block-brandwiki-brand-hero,.wp-block-brandwiki-brand-grid,.wp-block-brandwiki-product-shelf,
.wp-block-brandwiki-lazada-cta,.wp-block-brandwiki-brand-facts{margin-block:56px}

/* FAQ 折叠项 —— 用自建 brandwiki/faq 区块;核心 Details 区块 WP 6.3 才有,线上是 6.1 */
.wp-block-brandwiki-faq{margin-block:56px}
.bw-faq-title{font-size:24px;font-weight:800;letter-spacing:-.01em;margin:0 0 16px}
.bw-lp .bw-faq details,.bw-lp .wp-block-details{background:var(--card);border-radius:14px;padding:14px 18px;margin-block:10px;box-shadow:0 1px 6px -2px rgba(16,24,40,.12)}
.bw-lp .bw-faq summary,.bw-lp .wp-block-details summary{cursor:pointer;font-weight:600;font-size:15px}
.bw-lp .bw-faq details[open] summary,.bw-lp .wp-block-details[open] summary{margin-bottom:8px}
.bw-lp .bw-faq p,.bw-lp .wp-block-details p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}

/* Brand hero */
.bw-bhero{display:flex;align-items:center;gap:28px;flex-wrap:wrap;background:var(--card);border-radius:24px;padding:32px;box-shadow:0 2px 16px -4px rgba(0,0,0,.12)}
.bw-bhero-logo{width:104px;height:104px;flex:none;border:1px solid var(--border);font-size:26px}
.bw-bhero-body{min-width:260px;flex:1}
.bw-bhero-body h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.02em;margin:0}
.bw-bhero-tag{color:var(--muted);font-size:16px;margin:10px 0 0;max-width:60ch}
.bw-bhero-facts{display:flex;flex-wrap:wrap;gap:8px 28px;margin:18px 0 0}
.bw-bhero-facts dt{font-size:12px;color:var(--muted)}
.bw-bhero-facts dd{margin:2px 0 0;font-size:14px;font-weight:600}
.bw-bhero-cta{display:inline-flex;align-items:center;gap:8px;margin-top:22px;background:var(--fg);color:#fff;border-radius:999px;padding:12px 22px;font-weight:600;font-size:14px}
.bw-bhero-cta:hover{opacity:.9}

/* Brand grid / shelf wrappers */
.bw-bgrid .bw-sec-head{margin-bottom:16px}
.bw-bshelf .bw-shop{background:var(--card);border-radius:24px;padding:24px;box-shadow:0 2px 16px -4px rgba(0,0,0,.12)}

/* Lazada CTA band */
.bw-cta-band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-radius:24px;padding:28px 32px;background:var(--card);box-shadow:0 2px 16px -4px rgba(0,0,0,.12)}
.bw-cta-band.is-dark{background:var(--fg);color:#fff;box-shadow:none}
.bw-cta-band-title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em}
.bw-cta-band-note{margin:6px 0 0;font-size:14px;color:var(--muted)}
.bw-cta-band.is-dark .bw-cta-band-note{color:rgba(255,255,255,.72)}
.bw-cta-band-btn{flex:none;border-radius:999px;padding:12px 24px;font-weight:700;font-size:14px;background:var(--fg);color:#fff}
.bw-cta-band.is-dark .bw-cta-band-btn{background:#fff;color:var(--fg)}
.bw-cta-band-btn:hover{opacity:.9}

/* Brand facts */
.bw-bfacts{background:var(--card);border-radius:20px;padding:24px 28px;box-shadow:0 2px 16px -4px rgba(0,0,0,.12)}
.bw-bfacts .bw-kicker{margin-bottom:14px}
.bw-bfacts dl{display:grid;gap:14px 32px;margin:0}
.bw-bfacts.cols-2 dl{grid-template-columns:1fr}
.bw-bfacts.cols-3 dl{grid-template-columns:1fr}
@media(min-width:640px){
  .bw-bfacts.cols-2 dl{grid-template-columns:repeat(2,1fr)}
  .bw-bfacts.cols-3 dl{grid-template-columns:repeat(3,1fr)}
}
.bw-bfacts dt{font-size:12px;color:var(--muted)}
.bw-bfacts dd{margin:3px 0 0;font-size:15px;font-weight:600}
.bw-bfacts dd a{color:var(--indigo);text-decoration:underline;text-underline-offset:2px}

/* ===== Article: hero / dropcap / progress / prev-next / side related ===== */
.bw-progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;background:transparent;pointer-events:none}
.bw-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--indigo),#ec4899);transition:width .1s linear}

/* 文章页整页白底,标题区不再单独铺白色造成横带 */
.bw-article-page{background:#fff}
.bw-article-head{padding:22px 0 10px}
.bw-article-head .bw-crumbs{margin-bottom:16px}
.bw-article-head .bw-article-cat{margin-bottom:10px}
.bw-article-head h1{font-size:clamp(1.9rem,5vw,2.9rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;margin:0;max-width:840px}
.bw-article-head .bw-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;font-size:13px}
.bw-article-head .bw-article-meta .sep{opacity:.45}
.bw-article-author{font-weight:600;color:var(--fg)}

.bw-article-cover-lg{border-radius:20px;overflow:hidden;margin:0 0 28px;box-shadow:0 24px 50px -28px rgba(16,24,40,.4)}

.bw-article-nav{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}
@media(min-width:640px){.bw-article-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bw-article-nav a{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.6);transition:.2s}
.bw-article-nav a:hover{background:#fff;box-shadow:0 16px 34px -20px rgba(79,70,229,.35);transform:translateY(-2px)}
.bw-article-nav .next{text-align:right}
.bw-article-nav .k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bw-article-nav .t{font-size:15px;font-weight:600;line-height:1.35;color:var(--fg)}

.bw-side-articles{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.bw-side-article{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--border);border-radius:12px;padding:8px;background:rgba(255,255,255,.6);transition:.2s}
.bw-side-article:hover{background:#fff;transform:translateY(-1px);box-shadow:0 12px 26px -18px rgba(16,24,40,.3)}
.bw-side-article .thumb{width:52px;height:52px;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#eef2ff,#fff,#ffe4e6);flex:none}
.bw-side-article .thumb img{width:100%;height:100%;object-fit:cover}
.bw-side-article .body{display:flex;flex-direction:column;gap:2px;min-width:0}
.bw-side-article .c{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo)}
.bw-side-article .t{font-size:13px;font-weight:600;line-height:1.3;color:var(--fg);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bw-side-article .d{font-size:11px;color:var(--muted)}

.bw-article-main .bw-prose > *:first-child{margin-top:0}

/* 商品卡 CTA:整卡是链接,这里只做按钮外观 */
.bw-prod-cta{margin-top:auto;display:block;text-align:center;padding:8px 10px;border-radius:10px;background:var(--indigo);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.01em;transition:.18s}
.bw-prod:hover .bw-prod-cta{background:#4338ca}