/* 从原子到鲸鱼: info card, zoom stage HUD and slider ends. */
.micro-card{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--panel)),var(--panel));border:1px solid var(--line)}
.micro-icon{font-size:44px;width:70px;height:70px;display:grid;place-items:center;border-radius:20px;background:var(--soft);flex:none}
.micro-card small{display:block;font-size:14.5px;color:var(--muted)}
.micro-card b{display:block;font:850 clamp(28px,3.6vw,42px)/1.15 var(--font);color:var(--accent);letter-spacing:-.02em}
.micro-card span{display:block;font-size:15.5px;color:var(--ink);margin-top:4px}
.zoom-stage{position:relative}
.zoom-stage .interactive-canvas{cursor:grab;background:#03141b}
.zoom-stage .hud{left:auto;right:12px}
.zoom-stage .hud span{font-size:14px}
.zoom-stage .hud[data-tool=eye] span:last-child{background:rgb(31 120 90/.8)}
.zoom-stage .hud[data-tool=light] span:last-child{background:rgb(150 95 20/.82)}
.zoom-stage .hud[data-tool=em] span:last-child{background:rgb(95 60 150/.82)}
.zoom-ends{display:flex;justify-content:space-between;gap:10px;font-size:14.5px;color:var(--muted);margin-top:-4px}
@media (max-width:720px){.micro-card{padding:14px;gap:12px}.micro-icon{width:54px;height:54px;font-size:32px}.zoom-ends span:nth-child(2){display:none}.zoom-stage .hud{left:8px;right:auto;top:8px}.zoom-stage .hud span{font-size:12.5px}}