/* ============================================================
 *  moissasupply.com — Bespoke ring atelier theme (t-ring)
 *  炭黑 + 香槟金 / 铂银 · 大圆角 · 居中对称高端定制气质
 *  本皮肤在底座 style-ring.css 之后加载，仅覆盖变量与皮肤层。
 * ==========================================================*/

body.t-ring{
  --ink:#131316;
  --ink-2:#1d1d22;
  --ink-3:#2a2a31;
  --line:#e7e4df;
  --line-2:#f1eee9;
  --bg:#fdfcf9;
  --bg-2:#f7f4ee;
  --bg-3:#efe9dd;
  --text:#201f1d;
  --muted:#6f6a62;
  --muted-2:#827c72;
  --gold:#c2a05f;
  --gold-2:#b8954f;
  --gold-3:#a89a7c;
  --green:#1f7a4d;
  --red:#b4272b;
  --radius:14px;
  --radius-lg:18px;
  --shadow:0 2px 6px rgba(19,19,22,.06), 0 14px 34px rgba(19,19,22,.08);
  --shadow-lg:0 26px 60px rgba(19,19,22,.16);
  --maxw:1240px;
}

/* 高端感：标题更轻更舒朗，区块留白更大 */
body.t-ring h1{font-weight:500;letter-spacing:-.01em}
body.t-ring h2{font-weight:500;letter-spacing:-.005em}
body.t-ring .sec{padding:90px 0}
body.t-ring .wrap{padding:0 26px}

/* 顶部条：炭黑细条，铂银文字 */
body.t-ring .topbar{background:var(--ink);color:rgba(255,255,255,.78);letter-spacing:.03em}

/* 头部：居中品牌气质，细金线分隔 */
body.t-ring .head-in{min-height:82px}
body.t-ring .site-head{border-bottom:1px solid var(--line)}
body.t-ring .nav-root > li > a{font-weight:500;letter-spacing:.06em;text-transform:uppercase}

/* Hero：炭黑质感 + 香槟光晕，居中单列对称构图 */
body.t-ring .hero{background:linear-gradient(165deg,#0e0e11 0%,#1d1d22 58%,#2c2c34 100%);padding:88px 0 0;text-align:center}
body.t-ring .hero::after{background:radial-gradient(circle,rgba(194,160,95,.22),transparent 60%)}
body.t-ring .hero .wrap{position:relative;z-index:2}
body.t-ring .hero-in{grid-template-columns:1fr;gap:40px;max-width:880px;margin:0 auto;text-align:center}
body.t-ring .hero-copy{max-width:720px;margin:0 auto}
body.t-ring .hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:500}
body.t-ring .hero-lead{font-size:18px;margin:0 auto}
body.t-ring .hero-points{max-width:560px;margin:22px auto 28px;text-align:left}
body.t-ring .hero-actions{justify-content:center}
body.t-ring .hero-media{grid-template-columns:1fr 1fr;gap:18px;max-width:620px;margin:0 auto}
body.t-ring .hero-card{border-radius:var(--radius-lg)}
body.t-ring .trustbar{grid-template-columns:repeat(5,1fr);max-width:960px;margin:54px auto 0}
body.t-ring .trust b{font-weight:500;font-size:26px;color:var(--gold)}

/* 商品：3 列大图卡片，大圆角、宽松留白 */
body.t-ring .grid-4{grid-template-columns:repeat(3,1fr)}
body.t-ring .grid{gap:28px}
body.t-ring .card{border-radius:var(--radius-lg);border:1px solid var(--line)}
body.t-ring .card-media{border-radius:var(--radius-lg) var(--radius-lg) 0 0}
body.t-ring .card-body{padding:18px 18px 20px;gap:9px}
body.t-ring .card-title{font-weight:500;font-size:15.5px}
body.t-ring .price .now{font-weight:500}

/* 分类瓦片：3 列大图 */
body.t-ring .cat-grid{grid-template-columns:repeat(3,1fr);gap:22px}
body.t-ring .cat-tile{border-radius:var(--radius-lg)}
body.t-ring .cat-tile img{aspect-ratio:1/1}

/* 方案/能力/事实卡片：大圆角柔和阴影 */
body.t-ring .sol,body.t-ring .fact,body.t-ring .cap,body.t-ring .post-card,body.t-ring .side-card{border-radius:var(--radius-lg)}

/* 页脚：炭黑深底，四列宽松 */
body.t-ring .site-foot{background:var(--ink);padding-top:70px}
body.t-ring .foot-grid{grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:38px}
body.t-ring .foot-h{font-weight:600;letter-spacing:.16em}

/* 按钮：大圆角、香槟金 CTA、宽松内边距 */
body.t-ring .btn{border-radius:var(--radius);font-weight:600;letter-spacing:.04em}
body.t-ring .btn-lg{padding:16px 28px}
body.t-ring .btn-gold{background:var(--gold);border-color:var(--gold);color:#1a1608}
body.t-ring .btn-gold:hover{background:#b28f45;border-color:#b28f45;color:#1a1608}

/* 响应式 */
@media (max-width:1180px){
  body.t-ring .grid-4{grid-template-columns:repeat(3,1fr)}
  body.t-ring .cat-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1000px){
  body.t-ring .hero-in{grid-template-columns:1fr}
  body.t-ring .hero-points{text-align:center}
  body.t-ring .hero-actions{justify-content:center}
}
@media (max-width:700px){
  body.t-ring .sec{padding:58px 0}
  body.t-ring .wrap{padding:0 18px}
  body.t-ring .grid-4{grid-template-columns:repeat(2,1fr)}
  body.t-ring .cat-grid{grid-template-columns:repeat(2,1fr)}
  body.t-ring .trustbar{grid-template-columns:repeat(2,1fr)}
}