body{
margin:0;
background:#f3f4f6;
color:#333;
font-family:Arial,Helvetica,sans-serif
}
.top{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 18px;
max-width:1200px;
margin:auto
}
#c{font-weight:bold}
button{
width:44px;height:44px;border:none;border-radius:50%;
background:#fff;color:#333;font-size:22px;cursor:pointer;
box-shadow:0 2px 8px rgba(0,0,0,.18);
transition:.2s
}
button:hover{background:#2b7cff;color:#fff}
#main{
display:block;
width:min(96vw,1200px);
height:75vh;
object-fit:contain;
margin:auto;
background:#fff;
border-radius:10px;
box-shadow:0 4px 14px rgba(0,0,0,.18)
}
#thumbs{
display:flex;
gap:8px;
overflow-x:auto;
padding:14px;
justify-content:center
}
#thumbs img{
height:72px;
cursor:pointer;
opacity:.65;
border-radius:6px;
transition:transform .2s,opacity .2s
}
#thumbs img:hover{transform:scale(1.05);opacity:1}
#thumbs img.active{opacity:1;outline:3px solid #2b7cff}