/* Current mini-program screenshots; keep all four fully visible. */
#miniapp .phones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
#miniapp .phone{min-width:0;margin:0}
#miniapp .phone-frame{display:block;width:100%;max-width:280px;padding:8px;transition:transform .2s ease,border-color .2s ease}
#miniapp .phone-frame:hover{transform:translateY(-4px);border-color:var(--gold)}
#miniapp .phone-frame:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
#miniapp .phone-frame img{display:block;width:100%;height:auto}
#miniapp .phone figcaption{font-size:13px;letter-spacing:.06em;line-height:1.8;margin-top:16px}
@media(max-width:1000px){#miniapp .phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}}
@media(max-width:560px){#miniapp .phones{grid-template-columns:1fr;gap:36px}#miniapp .phone-frame{max-width:300px}}
@media(prefers-reduced-motion:reduce){#miniapp .phone-frame{transition:none}#miniapp .phone-frame:hover{transform:none}}