/* 紧凑页面节奏 */
.nav nav a{font-size:16px;font-weight:500;letter-spacing:.01em}.compact-hero{padding-bottom:28px}.tools{padding:48px 0 56px}.title h2{font-size:32px;margin-top:9px}.grid{margin-top:26px;gap:14px}.grid article{padding:21px}.grid h3{margin-top:15px}.feature{padding:54px 0 52px;background:#f7f9fc}.feature .title h2{font-size:30px}.reasons{margin-top:28px;gap:14px}.reasons article{padding:22px}.reasons h3{margin:14px 0 5px}.safe{margin-top:24px;margin-bottom:28px;padding:19px 24px;border:1px solid #e1e9e7;border-radius:14px;background:#f7fbfa;color:#233b3a;box-shadow:none;gap:17px}.safe>b{font-size:18px;padding:8px 12px;border-radius:10px;background:#e6f3ef;color:#397866}.safe small{display:inline-block;margin-right:1em;color:#5d887b}.safe h2{display:inline;font-size:18px;margin:0 12px 0 0}.safe p{display:inline;color:#71807d;opacity:1;font-size:13px}.safe a{padding:9px 14px;border:1px solid #d7e5e1;background:#fff;color:#397866;box-shadow:none;font-size:12px}.photo-carousel .slide>img{filter:brightness(1.08) contrast(1.035) saturate(.94);transform:translateZ(0)}footer{padding:21px 0}@media(max-width:850px){.compact-hero{padding-bottom:20px}.tools{padding:38px 0 44px}.feature{padding:42px 0}.safe{margin-top:16px;margin-bottom:20px;padding:18px;align-items:center}.safe small{margin-right:0}.safe h2,.safe p{display:block}.safe h2{margin-bottom:4px}.safe a{margin-left:auto}.title h2{font-size:28px}}
/* Compact desktop page spacing. */
@media(min-width:851px){
  .nav{height:68px}
  .compact-hero{padding-top:16px;padding-bottom:16px}
  .photo-carousel .slides{height:450px}
  .photo-carousel .slide-caption{left:56px}
  .photo-carousel .slide-caption>b{align-self:flex-start}
  .photo-carousel .dots{left:56px;bottom:22px}
  .tools{padding:30px 0 40px}
  .tools .title h2{margin:11px 0 14px}
  .tools .title p{margin:0;line-height:1.8}
  .grid{margin-top:24px;gap:12px}
  .grid article{padding:18px}
  .grid>article>i{width:38px;height:38px;font-size:18px}
  .grid h3{margin:12px 0 6px}
  .grid p{margin:6px 0 12px}
  .feature{padding:40px 0}
  .reasons{margin-top:22px}
}

/* Consistent card rhythm; hover must not change the visible gutters. */
@media(min-width:851px){
  .tools .grid{gap:12px;grid-auto-rows:1fr}
  .tools .grid article{display:flex;flex-direction:column;align-items:flex-start;padding:22px 18px}
  .tools .grid h3{margin:16px 0 14px;line-height:1.4}
  .tools .grid p{margin:0 0 20px;line-height:1.8}
  .tools .grid a{margin-top:auto;line-height:1.7}
  .tools .grid article:hover{transform:none}
}

@media(min-width:851px){
  .feature .reasons{gap:12px;grid-auto-rows:1fr}
  .feature .reasons article{padding:24px 20px}
  .feature .reasons h3{margin:16px 0 14px;line-height:1.4}
  .feature .reasons p{margin:0;line-height:1.8}
}

@media(min-width:851px){.safe{padding-top:23px;padding-bottom:23px}.safe small{margin-right:20px}.safe h2{margin-right:20px}.safe>div{line-height:2}.safe p{line-height:2}.safe>a{flex-shrink:0;white-space:nowrap}}

/* One spacing rhythm for desktop headings, descriptions and actions. */
@media(min-width:851px){
  .tools .title,.feature .title{display:grid;gap:20px}
  .tools .title h2,.tools .title p,.feature .title h2{margin:0}
  .tools .grid article,.feature .reasons article{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
  .tools .grid h3,.tools .grid p,.feature .reasons h3,.feature .reasons p{margin:0}
  .tools .grid a{margin-top:auto}
  .safe>div{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;min-width:0;line-height:1.5}
  .safe small,.safe h2,.safe p{margin:0;line-height:1.5}
  .safe p{grid-column:1/-1}
}