/* ============================================================
 *  jewelmanufacture.com — Wholesale B2B theme (t-whole)
 *  深墨绿 + 胡桃金 · 宽容器 · 理性商务批发气质
 *  本皮肤在底座 style-whole.css 之后加载，仅覆盖变量与皮肤层。
 * ==========================================================*/

body.t-whole{
  --ink:#16241c;
  --ink-2:#1f3328;
  --ink-3:#2a4436;
  --line:#e1e4db;
  --line-2:#eef0e9;
  --bg:#ffffff;
  --bg-2:#f6f5f0;
  --bg-3:#eceee3;
  --text:#1d2620;
  --muted:#647067;
  --muted-2:#76806f;
  --gold:#9a7b2e;
  --gold-2:#8a6f2c;
  --gold-3:#8b8259;
  --green:#1f7a4d;
  --red:#b4272b;
  --radius:6px;
  --radius-lg:10px;
  --shadow:0 1px 2px rgba(22,36,28,.06), 0 10px 28px rgba(22,36,28,.07);
  --shadow-lg:0 20px 54px rgba(22,36,28,.15);
  --maxw:1320px;
}

/* 大气化：标题更重、字距收紧，容器留白加大 */
body.t-whole h1{font-weight:700;letter-spacing:-.015em}
body.t-whole h2{font-weight:700;letter-spacing:-.012em}
body.t-whole .sec{padding:84px 0}
body.t-whole .wrap{padding:0 28px}

/* 顶部信任条：墨绿实底 */
body.t-whole .topbar{background:var(--ink);letter-spacing:.02em}

/* 头部：更宽的行高与细分隔线 */
body.t-whole .head-in{min-height:80px}
body.t-whole .nav-root > li > a{font-weight:700;letter-spacing:.05em}

/* Hero：墨绿渐变 + 暖金光晕，保持左右分栏商务结构 */
body.t-whole .hero{background:linear-gradient(158deg,#142119 0%,#1f3328 52%,#2c4738 100%);padding:72px 0 0}
body.t-whole .hero::after{background:radial-gradient(circle,rgba(190,150,66,.24),transparent 62%)}
body.t-whole .hero-in{grid-template-columns:1.12fr .88fr;gap:56px}
body.t-whole .hero h1{font-size:clamp(32px,4.4vw,54px)}
body.t-whole .hero-lead{font-size:17.5px}
body.t-whole .trustbar{gap:22px;padding:24px 28px}
body.t-whole .trust b{font-size:26px}

/* 商品卡片：细边框、克制悬浮阴影、4 列批发网格 */
body.t-whole .grid-4{grid-template-columns:repeat(4,1fr)}
body.t-whole .card{border-radius:var(--radius-lg)}
body.t-whole .card-body{padding:16px 17px 18px}
body.t-whole .card-title{font-weight:600}
body.t-whole .price .now{font-weight:700}

/* 分类瓦片：4 列 */
body.t-whole .cat-grid{grid-template-columns:repeat(4,1fr)}
body.t-whole .cat-tile{border-radius:var(--radius-lg)}

/* 方案/能力卡片：直角偏理性 */
body.t-whole .sol,body.t-whole .fact,body.t-whole .cap{border-radius:var(--radius-lg)}

/* 页脚：墨绿深底，五列商务 */
body.t-whole .site-foot{background:var(--ink)}
body.t-whole .foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr}

/* 宽表格：窄屏包裹层横向滚动，避免末列被裁 */
body.t-whole .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* 按钮：矩形偏硬朗，金色 CTA */
body.t-whole .btn{border-radius:var(--radius);font-weight:700}
body.t-whole .btn-gold{background:var(--gold);border-color:var(--gold)}
body.t-whole .btn-gold:hover{background:#87691f;border-color:#87691f}

/* 响应式：宽屏以下逐级收列（覆盖底座默认） */
@media (max-width:1180px){
  body.t-whole .grid-4{grid-template-columns:repeat(3,1fr)}
  body.t-whole .cat-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1000px){
  body.t-whole .hero-in{grid-template-columns:1fr;gap:36px}
  body.t-whole .grid-4,body.t-whole .cat-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  body.t-whole .sec{padding:54px 0}
  body.t-whole .wrap{padding:0 18px}
  body.t-whole .grid-3,body.t-whole .grid-4,body.t-whole .cat-grid,body.t-whole .cap-grid,body.t-whole .post-grid{grid-template-columns:1fr}
  body.t-whole .foot-grid{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:28px}
}