.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-tile{min-width:0}.gallery-tile>span{display:block;font-size:10px;font-weight:700;margin-top:10px;color:#625762}.gallery-scene{height:170px;border-radius:10px;position:relative;overflow:hidden;display:block}.gallery-play .gallery-scene{background:linear-gradient(145deg,#f9e4e6,#f5cbd2)}.gallery-art .gallery-scene{background:linear-gradient(145deg,#fcf0cf,#f8dfb7)}.gallery-garden .gallery-scene{background:linear-gradient(180deg,#e9f0df 0 58%,#c8dcba 58%)}.gallery-music .gallery-scene{background:linear-gradient(145deg,#eee9f5,#dcd3eb)}.scene-sun{position:absolute;right:20px;top:15px;font-size:33px;color:#e5b85e}.scene-block{position:absolute;bottom:22px;border-radius:7px 7px 2px 2px;box-shadow:inset -5px -4px #0000000a}.block-a{height:65px;width:57px;left:42px;background:#d6899a;transform:rotate(-8deg)}.block-b{height:87px;width:67px;left:98px;background:#efc875;transform:rotate(5deg)}.block-c{height:53px;width:54px;left:162px;background:#a8bd96;transform:rotate(-4deg)}.scene-flower{position:absolute;bottom:15px;right:26px;font-size:42px;color:#fff1bc;text-shadow:0 2px #d399a2}.scene-paper{position:absolute;width:112px;height:116px;left:50%;top:25px;transform:translateX(-50%) rotate(-5deg);background:#fffaf0;border-radius:6px;box-shadow:0 7px 18px #795c3c16}.scene-paint{position:absolute;width:23px;height:23px;border-radius:50%;z-index:1}.paint-a{left:31%;top:39%;background:#dc8394}.paint-b{left:48%;top:52%;background:#e6bb59}.paint-c{left:58%;top:33%;background:#94ae82}.scene-pencil{position:absolute;left:67%;top:54%;font-size:42px;color:#9d7680;transform:rotate(22deg)}.scene-hill{position:absolute;left:-10%;right:-10%;height:83px;bottom:-22px;border-radius:50% 50% 0 0;background:#95b583;box-shadow:110px -15px #aec69c}.gallery-garden .scene-flower{bottom:29px;left:24px;font-size:37px}.scene-cloud{position:absolute;left:37px;top:27px;font-size:39px;color:#fffaf0}.gallery-garden .scene-sun{right:32px;top:16px}.music-note{position:absolute;font-size:64px;color:#bb91ae}.note-a{left:18%;top:34px;transform:rotate(-12deg)}.note-b{left:49%;top:65px;font-size:52px;color:#e1ae58}.note-c{right:14%;top:24px;color:#7e8eae}.scene-star{position:absolute;left:46%;top:16px;font-size:25px;color:#fff3c6}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.gallery-grid{gap:10px}.gallery-scene{height:135px}.gallery-tile>span{font-size:9px}.block-a{left:20px}.block-b{left:68px}.block-c{left:125px}}