/* 金典简介：沿用图文、理念切换、门店、荣誉与社区模块。 */
#about-origin.about-origin{align-items:center;gap:clamp(32px,5vw,75px);padding-block:76px 70px}
#about-origin .inner-heading{margin-bottom:28px}
#about-origin .inner-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.4;max-width:15em;text-wrap:balance}
#about-origin .about-story p{font-size:18px;line-height:1.95;margin:0 0 20px;color:var(--muted)}
#about-origin blockquote{font-size:19px;line-height:1.7;margin-top:28px}
#about-origin figure{margin:0;align-self:center}
#about-origin figure img{width:100%;height:auto;aspect-ratio:1;max-height:540px;object-fit:contain}
#about-origin figcaption{font-size:12px;letter-spacing:.14em;margin-top:12px}
#about-values .values-layout{align-items:center;gap:clamp(36px,6vw,80px)}
#about-values .values-tabs button{font-size:23px;padding-block:23px;transition:color .25s,border-color .25s}
#about-values .values-tabs button span{transition:transform .3s}
#about-values .values-tabs button:hover span,#about-values .values-tabs button[aria-pressed=true] span{transform:translate(3px,-3px)}
#about-values .values-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:6px}
#about-values .values-content{padding:40px 44px;min-height:296px;display:flex;flex-direction:column;justify-content:center;background:#f4f6f7}
#about-values .values-content h3{font-size:34px;margin:18px 0 20px;line-height:1.3}
#about-values .values-content p{font-size:18px;line-height:1.95;margin:0}
#about-values .values-content.is-changing{animation:about-value-enter .35s ease-out}
#about-values .about-assurance{display:grid;grid-template-columns:1fr 2.15fr;gap:48px;border-top:1px solid var(--line);margin-top:56px;padding-top:36px}
#about-values .about-assurance h3{font-size:24px;line-height:1.5;margin:12px 0 0}
#about-values .about-assurance .eyebrow{font-size:12px}
#about-values .about-assurance-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px}
#about-values .about-assurance-copy p{margin:0;font-size:17px;line-height:1.95;color:var(--muted)}
.about-community .about-community-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);margin-bottom:38px}
.about-community .about-community-copy p{font-size:18px;line-height:1.95;margin:0;color:var(--muted)}
.community-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:40px 0 32px}
.community-story{display:flex;flex-direction:column;min-width:0;color:var(--ink);border-bottom:1px solid #cdd7df;padding-bottom:24px;transition:border-color .25s}
.community-story figure{margin:0;overflow:hidden;aspect-ratio:16/10;background:#e4e9ed}
.community-story figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.community-story-copy{display:flex;flex-direction:column;flex:1;padding-top:22px}
.community-story-meta{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}
.community-story-meta>span{color:var(--brand)}
.community-story h3{font-size:23px;line-height:1.55;margin:16px 0 12px;text-wrap:balance;transition:color .25s}
.community-story p{font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 24px}
.community-story-more{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;font-size:16px;color:var(--brand)}
.community-story-more>span{font-size:23px;transition:transform .25s}
.community-story:is(:hover,:focus-visible){border-color:var(--brand)}
.community-story:is(:hover,:focus-visible) h3{color:var(--brand)}
.community-story:is(:hover,:focus-visible) figure img{transform:scale(1.035)}
.community-story:is(:hover,:focus-visible) .community-story-more>span{transform:translate(3px,-3px)}
.community-story:focus-visible{outline:2px solid var(--brand);outline-offset:7px}
@keyframes about-value-enter{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){
  .community-stories{gap:20px}.community-story h3{font-size:21px}.community-story-meta{font-size:13px}
  #about-origin.about-origin{gap:32px}
  #about-origin .about-story p{font-size:17px}
  #about-values .values-content{padding:32px;min-height:300px}
  #about-values .about-assurance{grid-template-columns:1fr;gap:24px}
}
@media(max-width:700px){
  .community-stories{grid-template-columns:1fr;gap:32px;margin-top:28px}.community-story-copy{padding-top:18px}.community-story h3{font-size:23px}.community-story-meta{font-size:14px}
  #about-origin.about-origin{padding-block:44px;gap:28px}
  #about-origin figure{grid-row:auto}
  #about-origin figure img{max-height:380px}
  #about-origin .inner-heading h2{font-size:30px}
  #about-origin .about-story p,#about-origin blockquote{font-size:17px;line-height:1.9}
  #about-values .values-layout{gap:24px}
  #about-values .values-tabs button{font-size:21px;padding-block:18px}
  #about-values .values-content{padding:28px;min-height:278px}
  #about-values .values-content h3{font-size:28px}
  #about-values .values-content p{font-size:17px}
  #about-values .about-assurance{margin-top:38px;padding-top:28px}
  #about-values .about-assurance-copy,.about-community .about-community-copy{grid-template-columns:1fr;gap:18px}
  .about-community .about-community-copy p{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .community-story,.community-story figure img,.community-story h3,.community-story-more>span{transition:none}
  #about-values .values-tabs button,#about-values .values-tabs button span{transition:none}
  #about-values .values-content.is-changing{animation:none}
}