/* BridgePicks Clean Premium 设计系统（CLI-B）
   由 bp-tweaks.php 用 wp_enqueue_style 版本化加载（filemtime 做缓存戳）。
   从内联 <style> 外置而来：可被浏览器跨页缓存，减小每页 HTML 体积（对应安全/设计体检「内联 CSS 过重」）。 */

/* ---- 设计令牌（design tokens） ---- */
:root{
  --bp-green:#2e7d5b;        /* 主强调色 */
  --bp-green-dark:#21624a;   /* hover */
  --bp-green-soft:#f1f7f3;   /* 浅绿块底 */
  --bp-mint:#f4f7f5;         /* 区块底色 */
  --bp-ink:#15211c;          /* 标题墨色 */
  --bp-body:#3c453f;         /* 正文 */
  --bp-muted:#6b7670;        /* 次要文字 */
  --bp-border:#e6eae7;       /* 边框 */
  --bp-amber:#f59e0b;        /* 评分星 */
  --bp-shadow:0 1px 2px rgba(21,33,28,.04),0 8px 24px -12px rgba(21,33,28,.12);
  --bp-shadow-lg:0 4px 12px rgba(21,33,28,.06),0 24px 48px -20px rgba(21,33,28,.18);
  --bp-radius:14px;
  /* 映射到 Astra 全局色槽：只改强调/文字，不碰背景槽 */
  --ast-global-color-0:#2e7d5b;
  --ast-global-color-1:#21624a;
  --ast-global-color-2:#15211c;
  --ast-global-color-3:#4b554f;
}
/* 兜底：确保页面/页眉为白底（防强调色误染背景） */
body,.site,.site-header,.ast-primary-header-bar,.main-header-bar,.site-content,.entry-content{background-color:#fff;}

/* ---- 基础排版 ---- */
body,button,input,select,textarea,.ast-button,.wp-block-button__link{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
body{color:var(--bp-body);line-height:1.7;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6,.site-title,.entry-title{
  font-family:'Inter',sans-serif;letter-spacing:-0.02em;font-weight:700;color:var(--bp-ink);
}
h1,.entry-title{font-weight:800;line-height:1.12;letter-spacing:-0.03em;}
h2{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;}
h3{font-size:1.3rem;}
a{color:var(--bp-green);text-decoration-thickness:1px;text-underline-offset:2px;}
a:hover{color:var(--bp-green-dark);}
.entry-content > *{margin-top:1.4em;}
.wp-block-columns{gap:2.5rem;}
::selection{background:var(--bp-green);color:#fff;}

/* ---- 页眉 / 导航 ---- */
.site-header{border-bottom:1px solid var(--bp-border);}
.main-header-menu .menu-link,.ast-header-navigation-bar .menu-link{font-weight:500;}
.main-header-menu .current-menu-item > .menu-link{color:var(--bp-green);font-weight:600;}
.ast-site-identity .site-title{font-weight:900;letter-spacing:-0.04em;}
.ast-site-identity .site-title a{color:var(--bp-ink);}

/* ---- 按钮 ---- */
.wp-block-button__link,.ast-button,.button,.wc-block-components-button,.added_to_cart,
button.single_add_to_cart_button,.woocommerce a.button,.woocommerce button.button,
.woocommerce #respond input#submit{
  border-radius:10px!important;font-weight:600!important;text-transform:none!important;
  letter-spacing:0!important;padding:14px 30px;transition:all .15s ease;line-height:1.2;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.woocommerce a.button.alt,.woocommerce button.button.alt,
button.single_add_to_cart_button{
  background:var(--bp-green);color:#fff;border:2px solid var(--bp-green);box-shadow:var(--bp-shadow);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
button.single_add_to_cart_button:hover{
  background:var(--bp-green-dark);border-color:var(--bp-green-dark);transform:translateY(-1px);
}
.wp-block-button.is-style-outline .wp-block-button__link{
  border:2px solid var(--bp-green);color:var(--bp-green);background:transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--bp-green);color:#fff;}

/* ---- 首页 hero（cover 区微调，front page = page 5） ---- */
.page-id-5 .entry-title,.page-id-5 .ast-single-post-title{display:none;}
.page-id-5 .entry-content > *:first-child{margin-top:0;}
.wp-block-cover{border-radius:0;min-height:600px;}
/* 渐变压暗（左下深→右上透），保证白字在任意背景图上都清晰、又不糊全图 */
.wp-block-cover .wp-block-cover__background{
  background:linear-gradient(105deg,rgba(13,33,27,.72) 0%,rgba(13,33,27,.45) 42%,rgba(13,33,27,.12) 100%)!important;
  opacity:1!important;}
.wp-block-cover h1{text-shadow:0 2px 20px rgba(0,0,0,.35);font-size:clamp(2.4rem,4.6vw,3.7rem);line-height:1.08;
  letter-spacing:-0.035em;max-width:16ch;}
.wp-block-cover .wp-block-cover__inner-container > p{font-size:clamp(1.05rem,1.5vw,1.28rem);
  max-width:46ch;color:rgba(255,255,255,.92);text-shadow:0 1px 10px rgba(0,0,0,.35);}
.wp-block-cover .wp-block-buttons{margin-top:1.6rem;gap:.9rem;}
.wp-block-cover .wp-block-button__link{padding:15px 34px;font-size:1.02rem;}
/* hero 上的描边按钮在深色底上用白描边白字 */
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link{border-color:rgba(255,255,255,.85);color:#fff;}
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover{background:#fff;color:var(--bp-ink);}

/* ---- 通用 section / eyebrow 标题 ---- */
.bp-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--bp-green);margin-bottom:.4em;}
.bp-section-soft{background:var(--bp-mint);}
.bp-lead{font-size:1.15rem;color:var(--bp-muted);max-width:680px;}

/* ---- 卡片系统（品类卡 / Hub 卡 / 通用） ---- */
.bp-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;}
.bp-card{display:block;background:#fff;border:1px solid var(--bp-border);border-radius:var(--bp-radius);
  padding:1.6rem;box-shadow:var(--bp-shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s;
  text-decoration:none;height:100%;}
a.bp-card:hover{transform:translateY(-4px);box-shadow:var(--bp-shadow-lg);border-color:#cfe0d6;}
a.bp-card,a.bp-card *{text-decoration:none;}
.bp-card__icon{font-size:2rem;line-height:1;display:flex;width:56px;height:56px;align-items:center;
  justify-content:center;background:var(--bp-green-soft);border-radius:12px;margin-bottom:1rem;}
.bp-card__title{display:block;font-weight:700;color:var(--bp-ink);font-size:1.15rem;margin:0 0 .35rem;}
.bp-card__desc{display:block;color:var(--bp-muted);font-size:.96rem;margin:0;line-height:1.6;}
.bp-card__more{display:block;margin-top:.9rem;color:var(--bp-green);font-weight:600;font-size:.92rem;}
a.bp-card:hover .bp-card__more{text-decoration:underline;}

/* ---- 品类配色（前 6 个卡片底色循环） ---- */
.bp-card-grid .bp-card:nth-child(6n+1) .bp-card__icon{background:#eaf4ee;}
.bp-card-grid .bp-card:nth-child(6n+2) .bp-card__icon{background:#fdf3e6;}
.bp-card-grid .bp-card:nth-child(6n+3) .bp-card__icon{background:#eaf1fb;}
.bp-card-grid .bp-card:nth-child(6n+4) .bp-card__icon{background:#fbeaf1;}
.bp-card-grid .bp-card:nth-child(6n+5) .bp-card__icon{background:#f0eafb;}
.bp-card-grid .bp-card:nth-child(6n+6) .bp-card__icon{background:#eafbf6;}

/* ---- Hub 榜单：排名卡片 ---- */
.bp-rank{position:relative;display:flex;gap:1.4rem;background:#fff;border:1px solid var(--bp-border);
  border-radius:var(--bp-radius);padding:1.6rem 1.6rem 1.6rem 1.4rem;box-shadow:var(--bp-shadow);margin-top:1.6rem;}
.bp-rank__num{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--bp-ink);color:#fff;
  font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.bp-rank.is-top .bp-rank__num{background:var(--bp-green);}
.bp-rank__body{flex:1 1 auto;min-width:0;}
.bp-rank__badge{display:inline-block;background:var(--bp-green-soft);color:var(--bp-green-dark);
  font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:.25em .7em;border-radius:999px;margin-bottom:.5rem;}
.bp-rank__title{font-size:1.2rem;font-weight:700;margin:0 0 .3rem;color:var(--bp-ink);}
.bp-rank__title a{color:var(--bp-ink);text-decoration:none;}
.bp-rank__title a:hover{color:var(--bp-green);}
.bp-rank__stars{color:var(--bp-amber);font-size:1rem;letter-spacing:1px;}
.bp-rank__score{color:var(--bp-muted);font-size:.9rem;font-weight:600;margin-left:.4rem;}
.bp-rank__cols{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1.6rem;margin:.8rem 0;}
.bp-rank__cols ul{margin:.2rem 0 0;padding:0;list-style:none;font-size:.92rem;}
.bp-rank__cols li{position:relative;padding-left:1.4em;margin:.25em 0;line-height:1.5;}
/* .bp-pros/.bp-cons li:before 见下方 v4 段（全局选择器，已覆盖旧 .bp-rank__cols 与新卡），此处不再重复定义 */
.bp-rank__cta{margin-top:.6rem;}

/* ---- 对比表 ---- */
.entry-content table,.wp-block-table table{border-collapse:collapse;width:100%;font-size:.95rem;}
.entry-content table th,.wp-block-table th{background:var(--bp-ink);color:#fff;font-weight:600;text-align:left;
  padding:.8em 1em;}
.entry-content table td,.wp-block-table td{padding:.75em 1em;border-bottom:1px solid var(--bp-border);}
.wp-block-table tbody tr:nth-child(even){background:var(--bp-mint);}

/* ---- FAQ 折叠（<details> 区块） ---- */
.bp-faq details{border:1px solid var(--bp-border);border-radius:12px;padding:0 1.2rem;margin-top:.8rem;
  background:#fff;transition:box-shadow .15s;}
.bp-faq details[open]{box-shadow:var(--bp-shadow);}
.bp-faq summary{cursor:pointer;font-weight:600;color:var(--bp-ink);padding:1.1rem 0;list-style:none;
  position:relative;padding-right:2rem;}
.bp-faq summary::-webkit-details-marker{display:none;}
.bp-faq summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);
  font-size:1.4rem;color:var(--bp-green);font-weight:400;}
.bp-faq details[open] summary:after{content:"–";}
.bp-faq details > p{margin:0 0 1.1rem;color:var(--bp-body);}

/* ---- TL;DR / Verdict 摘要框（P2.7：升级为签名级品牌 callout，带小桥标，全站最强识别点） ---- */
.bp-tldr{position:relative;background:var(--bp-green-soft);border:1px solid #d7e8de;border-left:4px solid var(--bp-green);
  border-radius:0 12px 12px 0;padding:1.15rem 1.4rem 1.15rem 3.5rem;font-size:1.02rem;line-height:1.6;
  box-shadow:var(--bp-shadow);}
.bp-tldr::before{content:"";position:absolute;left:1.15rem;top:1.25rem;width:22px;height:22px;flex:0 0 auto;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%232e7d5b'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2017h20'/%3E%3Cpath%20d='M4%2017V8'/%3E%3Cpath%20d='M20%2017V8'/%3E%3Cpath%20d='M4%208q8%206%2016%200'/%3E%3Cpath%20d='M8%2017v-3'/%3E%3Cpath%20d='M12%2017v-4'/%3E%3Cpath%20d='M16%2017v-3'/%3E%3C/svg%3E") center/contain no-repeat;}
.bp-tldr strong{color:var(--bp-green-dark);}

/* ---- 「Not ideal for」（P2.7 品牌组件，与 .bp-bestfor 成对；用 cons 暖橙强调标签） ---- */
.bp-notfor{margin:.1rem 0 .9rem;font-size:.96rem;color:var(--bp-body);line-height:1.55;}
.bp-notfor strong{color:#b4683c;font-weight:700;}

/* ---- 信任条 ---- */
.bp-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.5rem;align-items:center;}
.bp-trust span{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--bp-ink);font-size:.98rem;}
.bp-trust span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bp-green);}

/* ---- 面包屑（Yoast / Astra 输出） ---- */
.ast-breadcrumbs .trail-browse,.ast-breadcrumbs .trail-items,#breadcrumbs,.yoast-breadcrumb,
.woocommerce-breadcrumb{font-size:.85rem;color:var(--bp-muted);}
#breadcrumbs a,.woocommerce-breadcrumb a{color:var(--bp-muted);}
#breadcrumbs a:hover,.woocommerce-breadcrumb a:hover{color:var(--bp-green);}

/* ---- WooCommerce 商店列表（loop） ---- */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:#fff;border:1px solid var(--bp-border);border-radius:var(--bp-radius);
  padding:1rem;box-shadow:var(--bp-shadow);transition:transform .18s,box-shadow .18s;}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--bp-shadow-lg);}
.woocommerce ul.products li.product img{border-radius:10px;margin-bottom:.8rem;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:1.02rem;font-weight:600;color:var(--bp-ink);padding-bottom:.3em;}
.woocommerce ul.products li.product .price{color:var(--bp-ink);font-weight:700;}
.woocommerce .star-rating span:before,.star-rating span:before{color:var(--bp-amber);}

/* ---- WooCommerce 单品页 ---- */
.woocommerce div.product .product_title{font-size:2rem;font-weight:800;}
.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--bp-green-dark);font-weight:800;font-size:1.6rem;}
.woocommerce div.product .woocommerce-product-rating{margin-bottom:1rem;}
.woocommerce div.product form.cart{margin-top:1.4rem;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-color:var(--bp-border);}
.woocommerce-message,.woocommerce-info{border-top-color:var(--bp-green);}
.woocommerce-message:before,.woocommerce-info:before{color:var(--bp-green);}

/* ---- 品类归档页头部 ---- */
.woocommerce-products-header{text-align:center;max-width:760px;margin:0 auto 2rem;}
.woocommerce-products-header__title.page-title{font-size:2.2rem;font-weight:800;}
.term-description{color:var(--bp-muted);font-size:1.08rem;line-height:1.7;}

/* ---- 商品空状态（Shop 还没产品时友好提示） ---- */
.woocommerce-info.woocommerce-no-products-found,.woocommerce ul.products+.woocommerce-info{
  background:var(--bp-mint);border-radius:12px;text-align:center;}

/* ---- 页脚 ---- */
.site-footer,.ast-small-footer{background:#13211b;color:#c7d3cc;}
.ast-small-footer a{color:#e6f0ea;text-decoration:none;}
.ast-small-footer a:hover{color:#fff;text-decoration:underline;}
.site-footer{border-top:1px solid var(--bp-border);}

/* ---- 作者 / E-E-A-T 框 ---- */
.bp-author{display:flex;gap:1rem;align-items:flex-start;background:var(--bp-mint);border-radius:12px;
  padding:1.2rem 1.4rem;}
.bp-author__avatar{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:var(--bp-green);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.bp-author__name{font-weight:700;color:var(--bp-ink);}
.bp-author__role{color:var(--bp-muted);font-size:.9rem;}

/* ---- 文末免责声明 / 署名（口腔等健康类文章用，A 的配文管道输出 class） ---- */
.bp-disclaimer{margin-top:1.6rem;padding:.9rem 1.1rem;border-top:1px solid var(--bp-border);
  font-size:.86rem;color:var(--bp-muted);line-height:1.6;}
.bp-byline{margin-top:.6rem;font-size:.88rem;color:var(--bp-muted);font-style:italic;}

/* ---- 可访问性：skip-link（聚焦才显示） ---- */
.bp-skip{position:absolute;left:-9999px;top:0;z-index:100000;background:var(--bp-green);color:#fff;
  padding:10px 18px;border-radius:0 0 8px 0;font-weight:600;}
.bp-skip:focus{left:0;color:#fff;}

/* ---- 面包屑（普通 post/page 顶部） ---- */
.bp-crumbs{margin:0 0 1.4rem;font-size:.85rem;color:var(--bp-muted);}
.bp-crumbs a{color:var(--bp-muted);}
.bp-crumbs a:hover{color:var(--bp-green);}

/* ---- 404 / 搜索结果页 ---- */
.error-404.not-found,.search-no-results .ast-no-results-container{text-align:center;max-width:640px;
  margin:3rem auto;padding:2.4rem 1.5rem;}
.error-404 .page-title{font-size:clamp(3rem,8vw,5rem);color:var(--bp-green);font-weight:900;line-height:1;}
.error-404 .page-content,.search-no-results .page-content{font-size:1.05rem;color:var(--bp-muted);}
.search-form,.wp-block-search__inside-wrapper{max-width:480px;margin:1.4rem auto;}
.search-field,.wp-block-search__input{border:1px solid var(--bp-border)!important;border-radius:10px!important;padding:12px 14px!important;}
.search-results .entry-title{font-size:1.2rem;}

/* ---- 移动端 ---- */
@media(max-width:782px){
  .wp-block-cover{min-height:460px!important;}
  .wp-block-cover h1{font-size:34px!important;}
  .bp-rank{flex-direction:column;gap:.8rem;padding:1.3rem;}
  .bp-rank__cols{grid-template-columns:1fr;}
  .bp-trust{gap:.7rem 1.4rem;}
  .wp-block-columns{gap:1.4rem;}
}

/* ================= 美化升级 v2（2026-06-17 全站精修） ================= */

/* ---- 版块垂直节奏：内容区块更舒展的留白（更高级感） ---- */
.page-id-5 .entry-content > .wp-block-group,
.page-id-5 .entry-content > .wp-block-columns{padding-top:3.6rem;padding-bottom:3.6rem;}
@media(max-width:782px){
  .page-id-5 .entry-content > .wp-block-group,
  .page-id-5 .entry-content > .wp-block-columns{padding-top:2.4rem;padding-bottom:2.4rem;}
}
/* 区块标题居中区的引导文案统一风格 */
.bp-section-title{text-align:center;max-width:42ch;margin-left:auto;margin-right:auto;}
.bp-section-title + p,.has-text-align-center.bp-lead{margin-left:auto;margin-right:auto;}

/* ---- 信任条：精修成带细描边的浅底横带 ---- */
.bp-trust{gap:.9rem 2.2rem;padding:1rem 1.2rem;}
.bp-trust span{font-size:.95rem;color:var(--bp-body);}
.bp-trust span:before{width:7px;height:7px;box-shadow:0 0 0 3px var(--bp-green-soft);}

/* ---- 卡片：稍微收敛阴影、hover 更顺滑、圆角统一 ---- */
.bp-card{padding:1.7rem 1.6rem;}
.bp-card__icon{box-shadow:inset 0 0 0 1px rgba(46,125,91,.08);}
a.bp-card:hover{border-color:#bcd8c8;}

/* ---- 区块软底色之间增加分隔的呼吸感 ---- */
.bp-section-soft{border-top:1px solid var(--bp-border);border-bottom:1px solid var(--bp-border);}

/* ---- 链接下划线更克制（正文内） ---- */
.entry-content a:not(.wp-block-button__link):not(.bp-card):not(.bp-rank__cta a){
  text-decoration-color:rgba(46,125,91,.35);}
.entry-content a:not(.wp-block-button__link):not(.bp-card):hover{text-decoration-color:var(--bp-green);}

/* ---- 作者归档页头部（Astra archive） + 文末作者框美化（E-E-A-T） ---- */
.author .ast-archive-description,.author-archive .ast-archive-description{
  max-width:720px;margin:0 auto 2rem;text-align:center;}
.author .ast-archive-title{font-size:2rem;font-weight:800;color:var(--bp-ink);}
.ast-author-box,.author .ast-archive-description{
  background:var(--bp-mint);border:1px solid var(--bp-border);border-radius:var(--bp-radius);
  padding:1.6rem 1.8rem;box-shadow:var(--bp-shadow);}
.ast-author-box .author-title,.ast-author-box .post-author-name{font-weight:700;color:var(--bp-ink);font-size:1.1rem;}
.ast-author-box .avatar,.author .ast-archive-description .avatar{border-radius:50%;border:3px solid #fff;
  box-shadow:0 2px 8px rgba(21,33,28,.12);}
.ast-author-box a{color:var(--bp-green);}

/* ---- 方法论 / how-we-test 页：步骤块（与 bp-howto 同源） ---- */
.bp-method-steps{counter-reset:bpm;display:grid;gap:1rem;margin:1.6rem 0;}
.bp-method-step{position:relative;background:#fff;border:1px solid var(--bp-border);border-radius:var(--bp-radius);
  padding:1.3rem 1.4rem 1.3rem 4.2rem;box-shadow:var(--bp-shadow);}
.bp-method-step:before{counter-increment:bpm;content:counter(bpm);position:absolute;left:1.2rem;top:1.2rem;
  width:34px;height:34px;border-radius:50%;background:var(--bp-green);color:#fff;font-weight:800;
  display:flex;align-items:center;justify-content:center;font-size:1rem;}
.bp-method-step h3{margin:0 0 .35rem;font-size:1.12rem;}
.bp-method-step p{margin:0;color:var(--bp-body);}

/* ---- 页脚：更舒展的间距 + 链接分隔点更柔和 ---- */
.ast-small-footer{padding-top:1.6rem;padding-bottom:1.6rem;line-height:1.9;}

/* ---- 焦点可见性（可访问性 + 精致感） ---- */
a:focus-visible,button:focus-visible,.wp-block-button__link:focus-visible{
  outline:2px solid var(--bp-green);outline-offset:2px;border-radius:6px;}

/* ================= 美化升级 v3（2026-06-17 图标矢量化 + 品牌标记 + 精选真品行） ================= */

/* ---- 卡片图标：从 emoji 改为内联 SVG 线性图标（统一 28px、品牌绿描边、跨设备一致） ---- */
.bp-card__icon{color:var(--bp-green);}
.bp-card__icon svg{width:28px;height:28px;display:block;}
/* 品类卡保留 nth-child 的柔和底色，统一用品牌绿描边图标，呈 Stripe 式克制高级感 */

/* ---- 价值三栏（hero 下方）：比品类卡更轻——无边框/无阴影，仅图标圆角块 + 文案 ---- */
.bp-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;
  max-width:960px;margin:0 auto;}
.bp-feature{text-align:center;}
.bp-feature__icon{width:60px;height:60px;margin:0 auto 1.1rem;border-radius:16px;display:flex;
  align-items:center;justify-content:center;background:var(--bp-green-soft);color:var(--bp-green);
  box-shadow:inset 0 0 0 1px rgba(46,125,91,.08);}
.bp-feature__icon svg{width:28px;height:28px;display:block;}
.bp-feature__title{font-weight:700;color:var(--bp-ink);font-size:1.14rem;margin:0 0 .4rem;letter-spacing:-0.01em;}
.bp-feature__desc{color:var(--bp-muted);font-size:.96rem;line-height:1.6;margin:0 auto;max-width:30ch;}

/* ---- 品牌标记：站名前加极简「桥」形 logo（呼应 BridgePicks，纯 CSS、可缓存、可逆） ---- */
.ast-site-identity .site-title a,.site-title a{display:inline-flex;align-items:center;gap:.5rem;}
.ast-site-identity .site-title a:before,.site-title a:before{
  content:"";width:26px;height:26px;flex:0 0 auto;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%232e7d5b'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2017h20'/%3E%3Cpath%20d='M4%2017V8'/%3E%3Cpath%20d='M20%2017V8'/%3E%3Cpath%20d='M4%208q8%206%2016%200'/%3E%3Cpath%20d='M8%2017v-3'/%3E%3Cpath%20d='M12%2017v-4'/%3E%3Cpath%20d='M16%2017v-3'/%3E%3C/svg%3E") center/contain no-repeat;}

/* ---- 首页「精选真品」行：WooCommerce 商品短代码，居中收窄，复用商店卡样式 ---- */
.bp-home-products.products,.entry-content .woocommerce .bp-home-products{max-width:1100px;margin:0 auto!important;}
@media(max-width:782px){
  .bp-feature-grid{gap:1.6rem;}
}

/* ================= 美化升级 v4（2026-06-17 修复 Hub 新版排名卡版面） =================
   背景：A 的 build_content 输出了新版榜单卡标记（img + h3 标题 + .bp-bestfor + .bp-proscons
   [.bp-pros/.bp-cons] + .bp-keyspecs[.bp-keyspec] + .bp-cta），但旧 .bp-rank{display:flex}
   会把这些子项挤成一排窄列、且 .bp-pros li 缺定位上下文导致 ✓/– 飘到卡片左缘、
   .bp-keyspec 无样式导致规格粘连。这里用 :has(.bp-proscons) 精准命中新版卡，旧版 .bp-rank__* 不受影响。 */
.bp-rank:has(.bp-proscons){
  display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:.2rem 1.9rem;align-items:start;
  padding:1.7rem;}
.bp-rank:has(.bp-proscons) > img{
  grid-column:1;grid-row:1 / -1;align-self:start;width:100%;height:auto;margin:0;border-radius:12px;}
.bp-rank:has(.bp-proscons) > :not(img){grid-column:2;}
.bp-rank:has(.bp-proscons) > h3{
  margin:0 0 .55rem;font-size:1.22rem;font-weight:700;line-height:1.32;color:var(--bp-ink);letter-spacing:-0.01em;}
.bp-bestfor{margin:.1rem 0 .9rem;font-size:.96rem;color:var(--bp-body);line-height:1.55;}
.bp-bestfor strong{color:var(--bp-ink);font-weight:700;}
.bp-proscons{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1.8rem;margin:.5rem 0 1rem;}
.bp-proscons ul{margin:0;padding:0;list-style:none;font-size:.93rem;}
.bp-pros li,.bp-cons li{position:relative;padding-left:1.5em;margin:.32em 0;line-height:1.5;color:var(--bp-body);}
.bp-pros li:before{content:"✓";position:absolute;left:0;top:.02em;color:var(--bp-green);font-weight:800;}
.bp-cons li:before{content:"–";position:absolute;left:0;top:.02em;color:#b4683c;font-weight:800;}
.bp-keyspecs{display:flex;flex-wrap:wrap;gap:.5rem;margin:.3rem 0 1.1rem;}
.bp-keyspec{display:inline-block;background:var(--bp-green-soft);color:var(--bp-green-dark);
  font-size:.8rem;font-weight:600;padding:.32em .85em;border-radius:999px;line-height:1.35;}
.bp-cta{display:inline-block;background:var(--bp-green);color:#fff;font-weight:600;font-size:.96rem;
  padding:11px 24px;border-radius:10px;text-decoration:none;box-shadow:var(--bp-shadow);transition:all .15s;}
.bp-cta:hover{background:var(--bp-green-dark);color:#fff;transform:translateY(-1px);}
@media(max-width:700px){
  .bp-rank:has(.bp-proscons){grid-template-columns:1fr;gap:0;}
  .bp-rank:has(.bp-proscons) > img{grid-row:auto;grid-column:1;max-width:320px;margin:0 0 1.1rem;}
  .bp-rank:has(.bp-proscons) > :not(img){grid-column:1;}
  .bp-proscons{grid-template-columns:1fr;gap:.1rem;}
}

/* ================= 美化升级 v5（2026-06-17 商品卡等高 + Add to cart 底对齐） =================
   首页「精选真品」行 + Shop 商店页：标题行数不同 / 有无促销划线价导致卡片高度不一，
   Add to cart 按钮跟着高低错位。让每张卡纵向弹性布局、按钮 margin-top:auto 贴到卡底，
   同行卡片等高 → 按钮整齐对齐。同时把首页精选行固定成 4 列网格保证等宽。 */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  display:flex;flex-direction:column;height:100%;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{flex:0 0 auto;}
.woocommerce ul.products li.product .price{margin-top:.3rem;margin-bottom:.75rem;}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{margin-top:auto;align-self:flex-start;}
/* 首页精选行（短代码 columns=4）：固定 4 列网格、等宽等高 */
ul.products.bp-home-products,.bp-home-products ul.products{
  display:grid !important;grid-template-columns:repeat(4,1fr);gap:1.5rem;float:none;margin:0 auto !important;}
ul.products.bp-home-products li.product,.bp-home-products ul.products li.product{
  width:auto !important;margin:0 !important;float:none !important;}
@media(max-width:980px){
  ul.products.bp-home-products,.bp-home-products ul.products{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  ul.products.bp-home-products,.bp-home-products ul.products{grid-template-columns:1fr;}
}

/* ================= 美化升级 v6（2026-06-17 Hub 顶部快速对比表 .bp-compare） =================
   A 的 build_content 在 Hub 顶部输出 <table class="bp-compare">（产品横向对比）。
   桌面继承通用表格样式(深色表头/斑马纹)，这里补：首列产品名强调 + 圆角描边 + 手机端横向滚动（防溢出）。 */
.bp-compare{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.93rem;
  border:1px solid var(--bp-border);border-radius:var(--bp-radius);overflow:hidden;}
.bp-compare th{background:var(--bp-ink);color:#fff;font-weight:600;text-align:left;padding:.75em 1em;}
.bp-compare td{padding:.7em 1em;border-bottom:1px solid var(--bp-border);}
.bp-compare tbody tr:nth-child(even){background:var(--bp-mint);}
.bp-compare tbody tr:last-child td{border-bottom:0;}
.bp-compare th:first-child,.bp-compare td:first-child{font-weight:700;color:var(--bp-ink);}
@media(max-width:600px){
  /* 手机端：表格本身可横向滚动，单元格不换行，避免一字一行/挤爆 */
  .bp-compare{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:10px;}
}

/* ================= 美化升级 v7（2026-06-17 P1/P2:Shop筛选chip / 最新文章 / 评分表 / 流程视觉） ================= */

/* ---- Shop + 品类归档页：顶部品类筛选 chip（bp-shop.php 输出 .bp-shop-chips/.bp-chip） ---- */
.bp-shop-chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:0 0 2rem;}
.bp-chip{display:inline-block;padding:.5em 1.1em;border-radius:999px;border:1px solid var(--bp-border);
  background:#fff;color:var(--bp-body);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;}
.bp-chip:hover{border-color:#bcd8c8;color:var(--bp-green-dark);background:var(--bp-green-soft);}
.bp-chip.is-active{background:var(--bp-green);border-color:var(--bp-green);color:#fff;}
/* ---- 商品卡标题下「Best for …」短标签（仅有数据时由 bp-shop.php 渲染） ---- */
.bp-loop-bestfor{margin:.25rem 0 0;font-size:.84rem;color:var(--bp-muted);line-height:1.4;}
.bp-loop-bestfor strong{color:var(--bp-body);font-weight:700;}

/* ---- Guides 页「最新文章」网格（核心 wp:latest-posts，className=bp-latest-posts） ---- */
.bp-latest-posts{list-style:none;margin:0 auto !important;padding:0;max-width:1100px;}
/* 强制网格 + 重置 WP 给 li 的 width:calc(33%…)（否则在网格单元里再除三→卡片只剩~110px、标题压成黑块）。
   ul.bp-latest-posts.is-grid 特异性(0,2,1)高于 WP 的 .wp-block-latest-posts.is-grid(0,2,0)，再加 !important 兜底。 */
ul.bp-latest-posts.is-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:1.5rem !important;}
ul.bp-latest-posts.is-grid > li{width:auto !important;max-width:none !important;margin:0 !important;flex:none !important;}
.bp-latest-posts li{background:#fff;border:1px solid var(--bp-border);border-radius:var(--bp-radius);
  overflow:hidden;box-shadow:var(--bp-shadow);display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;}
.bp-latest-posts li:hover{transform:translateY(-4px);box-shadow:var(--bp-shadow-lg);}
.bp-latest-posts li > a:first-child{display:block;line-height:0;}
.bp-latest-posts img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover;}
.bp-latest-posts .wp-block-latest-posts__post-title{display:block;font-weight:700;color:var(--bp-ink);
  font-size:1.04rem;line-height:1.35;margin:0;padding:1rem 1.1rem .2rem;text-decoration:none;}
.bp-latest-posts .wp-block-latest-posts__post-title:hover{color:var(--bp-green);}
.bp-latest-posts time,.bp-latest-posts .wp-block-latest-posts__post-date{display:block;color:var(--bp-muted);
  font-size:.8rem;padding:.35rem 1.1rem 0;}
.bp-latest-posts .wp-block-latest-posts__post-excerpt{color:var(--bp-muted);font-size:.92rem;line-height:1.55;
  padding:.5rem 1.1rem 1.2rem;margin:.2rem 0 0;}
@media(max-width:900px){ul.bp-latest-posts.is-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:560px){ul.bp-latest-posts.is-grid{grid-template-columns:1fr !important;}}

/* ---- How We Vet：评分维度表首列强调（其余继承通用表格样式：深表头/斑马纹/正常换行） ---- */
.bp-scorecard td:first-child{font-weight:700;color:var(--bp-ink);white-space:nowrap;}

/* ---- How We Vet：流程视觉「Check specs → Verify packaging → …」 ---- */
.bp-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:.65rem;margin:1.3rem 0 .4rem;}
.bp-flow__step{position:relative;flex:1 1 0;min-width:135px;background:var(--bp-green-soft);
  border:1px solid #d7e8de;border-radius:12px;padding:.9rem 1rem;font-weight:600;color:var(--bp-green-dark);
  font-size:.92rem;text-align:center;display:flex;align-items:center;justify-content:center;}
.bp-flow__step:not(:last-child)::after{content:"→";position:absolute;right:-.58rem;top:50%;transform:translateY(-50%);
  color:var(--bp-green);font-weight:800;z-index:1;}
@media(max-width:560px){
  .bp-flow{flex-direction:column;}
  .bp-flow__step:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-.62rem;transform:translateX(50%);}
}

/* ===== v8 列表翻页：整组居中 + 清掉 Astra 把 Next 甩到最右的浮动 + 统一胶囊 ===== */
.navigation.pagination .nav-links{
  display:flex !important;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.5rem;margin-top:1.2rem;}
.navigation.pagination .nav-links .page-numbers{
  float:none !important;margin:0 !important;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 .9rem;
  border:1px solid var(--bp-border);border-radius:10px;background:#fff;
  color:var(--bp-ink);font-weight:600;text-decoration:none;
  transition:background .15s,border-color .15s,color .15s;}
.navigation.pagination .nav-links a.page-numbers:hover{
  border-color:var(--bp-green);color:var(--bp-green);background:var(--bp-green-soft);}
.navigation.pagination .nav-links .page-numbers.current{
  background:var(--bp-green);border-color:var(--bp-green);color:#fff;}
.navigation.pagination .nav-links .next,
.navigation.pagination .nav-links .prev{font-weight:700;gap:.3rem;}
.navigation.pagination .nav-links .dots{border:none;background:none;min-width:auto;padding:0 .15rem;}