/* ============================================================
   tb_besscare_24 · 首页 v3 重设计 CSS（精确复刻视觉稿 besscare_Homepage.dc.html）
   CEO 2026-10-03。仅首页生效。自托管字体。
   ============================================================ */

/* 自托管字体（latin 子集；中文回退系统字体） */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/themes/besscare-theme/fonts/space-grotesk-400.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/themes/besscare-theme/fonts/space-grotesk-600.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/themes/besscare-theme/fonts/space-grotesk-700.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/themes/besscare-theme/fonts/ibm-plex-sans-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/themes/besscare-theme/fonts/ibm-plex-sans-500.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/themes/besscare-theme/fonts/ibm-plex-sans-600.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/themes/besscare-theme/fonts/ibm-plex-mono-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/themes/besscare-theme/fonts/ibm-plex-mono-500.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/themes/besscare-theme/fonts/ibm-plex-mono-600.woff2') format('woff2')}

/* 配色令牌（视觉稿） */
.v3-hero,.v3-topnews,.v3-tools,.v3-countries,.v3-review,.v3-news,.v3-method,.v3-subscribe,.v3-adwrap,.v3-skywrap{
  --v3-bg:#F6F7F2; --v3-surface:#FFFFFF; --v3-primary:#0E3B2C; --v3-ink:#10241B;
  --v3-muted:#4B5852; --v3-line:#DCE3DF; --v3-accent-light:#1F7A4D;
  --v3-accent-dark:#C6F24E; --v3-tint:#EEF3EF; --v3-card-line:#C7D0CB;
  font-family:'IBM Plex Sans','Segoe UI',sans-serif;color:var(--v3-ink);background:var(--v3-bg)
}
.v3-hero h1,.v3-hero h2,.v3-tools h2,.v3-countries h2,.v3-review h2,.v3-news h2,.v3-method .p,
.v3-tool .t,.v3-entry .t,.v3-news-item a,.v3-datacard h3,.v3-datacard .big,.v3-review-box h3,
.v3-col-head .t,.v3-news-card .ttl{font-family:'Space Grotesk','Segoe UI',sans-serif}
.mono,.v3-kicker,.v3-entry .n,.v3-datacard .hd,.v3-tool .tag,.v3-country .st,.v3-news-item .meta,
.v3-press-note,.v3-news-card .meta,.v3-tags span,.v3-chart .mono{font-family:'IBM Plex Mono',monospace}
.v3-kicker{font-size:12px;letter-spacing:.08em;color:var(--v3-accent-light);font-weight:500}
.v3-more{font-weight:600;font-size:14px;color:var(--v3-accent-light);text-decoration:none}
.v3-more:hover{color:var(--v3-primary)}
.v3-adwrap{background:var(--v3-bg);padding:8px 0 0}
.v3-skywrap{background:var(--v3-bg)}

/* ============ HERO（视觉稿）============ */
.v3-hero{padding:72px 0 56px;background-color:#F6F7F2;
  background-image:radial-gradient(rgba(14,59,44,0.10) 1px,transparent 1px);background-size:18px 18px}
.v3-hero .wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:40px;flex-wrap:wrap;align-items:stretch}
.v3-hero-left{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.v3-hero h1{margin:0;font-weight:700;font-size:3.4rem;line-height:1.05;letter-spacing:-.02em;color:var(--v3-ink)}
.v3-sub{margin:0;font-size:1.15rem;color:#3D4A44;max-width:600px}
.v3-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:8px}
.v3-entry{text-decoration:none;color:var(--v3-ink);background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px}
.v3-entry .n{font-size:11px;color:var(--v3-accent-light)}
.v3-entry .t{font-weight:600;font-size:1.15rem}
.v3-entry .d{font-size:14px;color:var(--v3-muted)}
.v3-entry.dark{color:#fff;background:var(--v3-primary)}
.v3-entry.dark .n{color:var(--v3-accent-dark)}
.v3-entry.dark .d{color:#DDE8E1}
.v3-datacard{flex:1 1 360px;min-width:0;background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px}
.v3-datacard .hd{display:flex;justify-content:space-between;font-size:11px;color:var(--v3-muted)}
.v3-datacard h3{font-weight:600;font-size:1.2rem;margin:0}
.v3-datacard .big{font-weight:700;font-size:2.2rem;line-height:1}
.v3-chart{display:flex;flex-direction:column;gap:6px}
.v3-chart .bars{display:flex;align-items:flex-end;gap:4px;height:70px}
.v3-chart .bars span{flex:1 1 0;background:#C9D7CF;border-radius:3px 3px 0 0;display:block}
.v3-chart .bars span.grn{background:#1F7A4D}
.v3-chart .mono{font-size:11px;color:var(--v3-muted)}
.v3-tags{display:flex;gap:8px;flex-wrap:wrap}
.v3-tags span{font-size:12px;background:var(--v3-tint);border-radius:999px;padding:5px 10px;color:var(--v3-ink)}
.v3-datacard .src{font-size:13px;color:var(--v3-muted)}
.v3-datacard .src a{color:var(--v3-accent-light)}

/* ============ 工具区 ============ */
.v3-tools{padding:32px 0}
.v3-tools .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.v3-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.v3-tools h2{margin:8px 0 0;font-size:2.2rem;line-height:1.15}
.v3-toolgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:28px}
.v3-tool{background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;color:var(--v3-ink);text-decoration:none}
.v3-tool .t{font-weight:600;font-size:1.1rem}
.v3-tool p{margin:0;font-size:14px;color:var(--v3-muted);flex-grow:1}
.v3-tool .tag{font-size:11px;color:var(--v3-accent-light)}

/* ============ 国家区 ============ */
.v3-countries{padding:48px 0 32px}
.v3-countries .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.v3-countries h2{margin:8px 0 24px;font-size:2.2rem;line-height:1.15}
.v3-countrygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.v3-country{background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;min-height:44px;color:var(--v3-ink);text-decoration:none}
.v3-country .nm{font-weight:600}
.v3-country .st{font-size:11px;color:var(--v3-muted)}
.v3-country.more{background:var(--v3-tint);color:var(--v3-accent-light);font-weight:600}

/* ============ 预审 ============ */
.v3-review{background:var(--v3-primary);color:#fff}
.v3-review .wrap{max-width:1200px;margin:0 auto;padding:72px 24px;display:flex;gap:40px;flex-wrap:wrap;align-items:center}
.v3-review-left{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
.v3-review .v3-kicker{color:var(--v3-accent-dark)}
.v3-review h2{margin:0;font-size:2.2rem;line-height:1.15}
.v3-review p{margin:0;color:#DDE8E1;max-width:620px}
.v3-review p.small{font-size:14px;color:#C3D4CA;max-width:620px}
.v3-review-box{flex:1 1 320px;min-width:0;background:var(--v3-surface);color:var(--v3-ink);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}
.v3-review-box h3{font-weight:600;font-size:1.2rem;margin:0}
.v3-review-box .row{display:flex;justify-content:space-between;border-top:1px solid var(--v3-line);padding-top:8px;font-size:14px}
.v3-review-box .row .mono{color:var(--v3-muted)}
.v3-review-box a.cta{margin-top:6px;text-align:center;background:var(--v3-primary);color:#fff;font-weight:600;padding:14px;border-radius:10px;text-decoration:none}

/* ============ 新闻区（Top News 1大+2小）============ */
.v3-news{padding:72px 0 40px}
.v3-news .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.v3-news h2{margin:8px 0 28px;font-size:2.2rem;line-height:1.15}
.v3-topnews{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.v3-topnews-main{flex:2 1 560px;min-width:0}
.v3-topnews-side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}
.v3-news-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;background:#24352C}
.v3-news-card.main{height:436px}
.v3-news-card.small{height:210px}
.v3-news-card .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-color:#24352C}
.v3-news-card .ph-fallback{background-color:#24352C;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0.05) 0 2px,transparent 2px 16px)}
.v3-news-card .cap{position:relative;background:rgba(12,21,18,0.82);padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.v3-news-card .meta{font-size:11px;color:#C6F24E}
.v3-news-card .ttl{font-weight:600;line-height:1.2}
.v3-news-card.main .ttl{font-size:1.6rem}
.v3-news-card.small .ttl{font-size:1.15rem}
.v3-news-card .ai{font-size:12px;color:#C3D4CA}
.v3-news-cols{display:flex;gap:32px;flex-wrap:wrap;align-items:flex-start}
.v3-col-main{flex:2 1 520px;min-width:0;background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:16px;padding:8px 22px 12px}
.v3-col-side{flex:1 1 320px;min-width:0}
.v3-col-card{background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:16px;padding:8px 22px 12px}
.v3-col-head{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.v3-col-head .t{font-weight:600;font-size:1.15rem}
.v3-news-list{list-style:none;margin:0;padding:0}
.v3-news-item{border-top:1px solid var(--v3-line);padding:14px 0;display:flex;flex-direction:column;gap:4px}
.v3-news-item .meta{font-size:11px;color:var(--v3-muted)}
.v3-news-item a{color:var(--v3-ink);font-weight:600;font-size:1.05rem;text-decoration:none}
.v3-press-note{margin:0 0 6px;font-size:12px;color:var(--v3-muted)}

/* ============ 原则区 ============ */
.v3-method{background:var(--v3-surface);border-top:1px solid var(--v3-line);border-bottom:1px solid var(--v3-line)}
.v3-method .wrap{max-width:1200px;margin:0 auto;padding:56px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.v3-method .p{font-weight:600}
.v3-method .d{margin:4px 0 0;font-size:14px;color:var(--v3-muted)}

/* ============ 订阅 ============ */
.v3-subscribe{padding:40px 0 64px}
.v3-subscribe .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.v3-subscribe .nlbox{max-width:640px;margin:0 auto;background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:16px;padding:32px;text-align:center}
.v3-subscribe .nlbox h3{font-family:'Space Grotesk',sans-serif;font-size:1.6rem;margin:0 0 8px}
.v3-subscribe .nlbox p{margin:0 0 20px;color:var(--v3-muted)}

/* ============ Header 覆盖（跟视觉稿）============ */
body.home .mast,body.blog .mast{background:#FFFFFF;border-bottom:1px solid #DCE3DF}
body.home .mast .wrap,body.blog .mast .wrap{padding:14px 24px}
body.home .brand-text,body.blog .brand-text{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:26px;letter-spacing:-.02em;color:#10241B;text-decoration:none}
body.home .brand-text .dot,body.blog .brand-text .dot{color:#0ADB6D}
body.home .mast-tagline,body.blog .mast-tagline{display:none}
body.home .searchform,body.blog .searchform{border-radius:10px;border-color:#C7D0CB}
body.home .searchform .searchgo,body.blog .searchform .searchgo{background:#0E3B2C;border-radius:0 10px 10px 0}
body.home .mainnav,body.blog .mainnav{background:#FFFFFF;border-bottom:1px solid #DCE3DF}
body.home .mainnav .wrap,body.blog .mainnav .wrap{display:flex;gap:22px;padding:0 24px;overflow:visible}
body.home .mainnav li a,body.blog .mainnav li a{font-family:'IBM Plex Sans',sans-serif;font-size:15px;color:#10241B}
body.home .mainnav li a:hover,body.blog .mainnav li a:hover{color:#1F7A4D}
body.home .mainnav .wrap > a,body.blog .mainnav .wrap > a{font-family:'IBM Plex Sans',sans-serif;font-size:15px;font-weight:500;color:#10241B;padding:11px 0;white-space:nowrap;display:block;text-decoration:none}
body.home .mainnav .wrap > a:hover,body.blog .mainnav .wrap > a:hover{color:#1F7A4D}
body.home .countriesnav,body.blog .countriesnav{background:#FFFFFF;border-bottom:1px solid #DCE3DF}
body.home .countriesnav a,body.blog .countriesnav a{font-family:'IBM Plex Sans',sans-serif;font-size:13px}
body.home .hambtn,body.blog .hambtn{color:#0E3B2C}

/* ============ 响应式 ============ */
@media (max-width:860px){
  .v3-hero h1{font-size:2.4rem}
  .v3-news-card.main,.v3-news-card.small{height:auto;min-height:220px;width:100%}
  .v3-topnews{flex-direction:column}
  .v3-topnews-main,.v3-topnews-side{flex:1 1 100%;width:100%}
  .v3-news-card.main{min-height:300px}
}
@media (max-width:600px){
  .v3-hero{padding:48px 0 32px}
  .v3-hero h1{font-size:2rem}
  .v3-tools h2,.v3-countries h2,.v3-review h2,.v3-news h2{font-size:1.7rem}
  .v3-datacard .big{font-size:1.8rem}
}