/* National standard covers: restrained, responsive horizontal pages. */
.about-standards { scroll-margin-top:90px; }
.about-standards .standards-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:28px; }
.standards-controls { display:flex; align-items:center; gap:10px; flex:none; }
.standards-controls>span { min-width:42px; margin-right:8px; color:#8492a6; font-size:12px; font-variant-numeric:tabular-nums; }
.standards-controls button { display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid #dce4ef; border-radius:50%; background:#fff; color:#526781; cursor:pointer; transition:background .2s ease,border-color .2s ease; }
.standards-controls button:hover:not(:disabled) { background:#f1f5fd; border-color:#bfd0ec; }
.standards-controls button:disabled { opacity:.35; cursor:default; }
.standards-controls [data-standards-next] svg { transform:rotate(180deg); }
.standards-track { position:relative; width:100%; min-width:0; padding:18px 0; overflow:hidden; touch-action:pan-y; isolation:isolate; }
.standards-card { box-sizing:border-box; position:absolute; left:50%; top:18px; width:300px; max-width:78%; overflow:hidden; border:1px solid #e0e6ef; border-radius:12px; background:#fff; transform:translateX(calc(-50% + var(--ring-x,0px))) translateY(var(--ring-y,0px)) scale(var(--ring-scale,1)); transform-origin:center center; opacity:var(--ring-opacity,0); z-index:var(--ring-z,0); transition:transform .8s cubic-bezier(.22,.68,.25,1),opacity .65s ease,border-color .5s ease; will-change:transform; }
.standards-card.is-active { border-color:#c6d3e6; }
.standards-card.is-repositioning { transition:none!important; }
.standards-card[aria-hidden="true"] { pointer-events:none; }
.standards-cover { display:block; width:100%; padding:12px; border:0; border-bottom:1px solid #edf0f5; background:#f6f8fb; cursor:pointer; }
.standards-cover img { display:block; width:100%; height:auto; object-fit:contain; transition:filter .2s ease; }
.standards-card.is-active .standards-cover { cursor:zoom-in; }
.standards-cover:hover img { filter:brightness(.98); }
.standards-caption { padding:16px 18px 18px; }
.standards-caption>span { color:#617ba0; font-size:12px; letter-spacing:.02em; }
.standards-caption h3 { margin:9px 0 0; color:var(--ink,#172c48); font-size:16px; line-height:1.7; font-weight:600; }
.standards-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; }
.standards-footer>span { color:#8b99ac; font-size:12px; }
.standards-dots { display:flex; flex-wrap:wrap; align-items:center; gap:2px; }
.standards-dots button { display:grid; place-items:center; width:28px; height:28px; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; }
.standards-dots button::after { content:""; width:6px; height:6px; border-radius:50%; background:#d5deeb; }
.standards-dots button[aria-current="true"]::after { background:#4b73ba; }
.about-standards :is(button,[tabindex]):focus-visible { outline:2px solid #4d79ce; outline-offset:3px; }
.standards-dialog { box-sizing:border-box; width:min(920px,94vw); max-height:94dvh; margin:auto; padding:20px; border:1px solid #dce4ef; border-radius:14px; background:#fff; color:#233952; }
.standards-dialog::backdrop { background:rgba(13,25,43,.68); }
.standards-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }
.standards-dialog-head h3 { margin:0; font:600 15px/1.6 "Microsoft YaHei","PingFang SC",sans-serif; }
.standards-dialog-head button { flex:none; min-width:44px; min-height:40px; padding:8px 12px; border:1px solid #dce4ef; border-radius:7px; background:#f6f8fc; color:#526781; cursor:pointer; }
.standards-dialog>img { display:block; width:100%; max-height:calc(94dvh - 120px); object-fit:contain; background:#f7f8fa; }

@media(max-width:700px) {
  .standards-card { width:240px; max-width:74%; }
  .about-standards .standards-heading { flex-direction:column; align-items:flex-start; gap:20px; }
  .standards-cover { padding:12px; }
  .standards-cover img { height:auto; }
  .standards-caption { padding:16px 18px 18px; }
  .standards-dialog { padding:14px; }
  .standards-footer { flex-direction:column; align-items:center; gap:8px; }
  .standards-footer>span { text-align:center; }
  .standards-dots { flex-wrap:nowrap; }
}

@media(prefers-reduced-motion:reduce) { .standards-card { transition:none; } }

.standards-hint-touch { display:none; }
@media(hover:none) { .standards-hint-mouse { display:none; } .standards-hint-touch { display:inline; } }