/* ============================================================
   TEEZE · 信任背书样式（Trust Section）
   ============================================================ */
.tz-trust {
  --tz-black: #000;
  --tz-white: #fff;
  --tz-gold: #986518;
  --tz-bg: #ffffff;
  --tz-display: "Arial Narrow", "Helvetica Neue Condensed", "Helvetica Neue", Arial, sans-serif;
  --tz-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tz-mono: Consolas, "SFMono-Regular", "Liberation Mono", monospace;
  --tz-max: 1220px;
  --tz-gutter: clamp(18px, 3vw, 40px);
  --tz-section: clamp(72px, 9vw, 124px);
  --tz-pad-top: 0px;
  --tz-pad-bottom: 0px;
  --tz-ease: cubic-bezier(.16, 1, .3, 1);
}
.tz-trust, .tz-trust *, .tz-trust *::before, .tz-trust *::after { box-sizing: border-box; }
.tz-trust {
  position: relative;
  overflow: hidden;
  background: var(--tz-bg);
  color: var(--tz-black);
  font-family: var(--tz-sans);
  line-height: 1.55;
  padding-block: calc(var(--tz-section) + var(--tz-pad-top)) calc(var(--tz-section) + var(--tz-pad-bottom));
}
.tz-trust a { color: inherit; text-decoration: none; }
.tz-trust .tz-container { width: min(100% - var(--tz-gutter) * 2, var(--tz-max)); margin: auto; }
.tz-trust .tz-eyebrow { margin: 0; color: var(--tz-gold); font: 700 11px/1.3 var(--tz-mono); letter-spacing: .1em; text-transform: uppercase; }
.tz-trust h2, .tz-trust h3 { font-family: var(--tz-display); text-transform: uppercase; }
.tz-trust .tz-trust-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1.2fr; gap: 70px; }
.tz-trust .tz-quote blockquote { max-width: 570px; margin: 26px 0 34px; font: 500 clamp(38px, 4.5vw, 66px)/1 var(--tz-display); letter-spacing: -.035em; text-transform: uppercase; }
.tz-trust .tz-quote a { display: inline-flex; border-bottom: 1px solid; padding-bottom: 7px; font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.tz-trust .tz-trust-items { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(0, 0, 0, .2); }
.tz-trust .tz-trust-items article { padding: 26px 22px; border-right: 1px solid rgba(0, 0, 0, .2); }
.tz-trust .tz-trust-items i { color: var(--tz-item-index-color, var(--tz-gold)); font: 700 18px var(--tz-mono); font-style: normal; }
.tz-trust .tz-trust-items h3 { margin: 36px 0 9px; font-size: 19px; color: var(--tz-item-title-color, var(--tz-black)); }
.tz-trust .tz-trust-items p { margin: 0; color: var(--tz-item-desc-color, #494949); font-size: 13px; }
.tz-trust .tz-cert { grid-column: 2; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding-top: 24px; border-top: 1px solid rgba(0, 0, 0, .2); }
.tz-trust .tz-cert span { font: 700 10px var(--tz-mono); }
.tz-trust .tz-cert strong { grid-row: span 2; color: #aaa; font: 700 27px var(--tz-display); }
.tz-trust .tz-cert p { margin: 0; color: #666; font-size: 12px; }
.tz-trust .tz-trust-bg { position: absolute; top: 0; left: 0; right: 0; height: var(--tz-bg-height, 100%); z-index: 0; pointer-events: none; }
.tz-trust .tz-trust-bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tz-trust .tz-trust-bg-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, var(--tz-bg-overlay-color, #000) 0%, var(--tz-bg-overlay-color, #000) var(--tz-bg-overlay-mid, 0%), transparent var(--tz-bg-overlay-stop, 60%)); opacity: calc(var(--tz-bg-overlay-opacity, 0) / 100); }
.tz-trust .tz-reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s var(--tz-ease), transform .65s var(--tz-ease); }
.tz-trust .tz-reveal.tz-visible { opacity: 1; transform: none; }
@media (max-width: 1050px) {
  .tz-trust .tz-trust-grid { grid-template-columns: 1fr; }
  .tz-trust .tz-cert { grid-column: auto; }
}
@media (max-width: 767px) {
  .tz-trust .tz-trust-items { grid-template-columns: 1fr; }
  .tz-trust .tz-trust-items article { border-right: 0; border-bottom: 1px solid rgba(0, 0, 0, .2); }
  .tz-trust .tz-cert { grid-template-columns: 1fr; }
  .tz-trust .tz-cert strong { grid-row: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .tz-trust .tz-reveal { opacity: 1; transform: none; transition: none; }
}
/* 设备可见性：PC / 移动端分别隐藏整块 */
@media (min-width: 768px) {
  .tz-trust.tz-hide-pc { display: none !important; }
}
@media (max-width: 767px) {
  .tz-trust.tz-hide-mobile { display: none !important; }
}
