/* 03 / 空间灵感图集（原图集弹窗）—— 深蓝色主题，与螺旋层统一 */
#folder-modal .modal-backdrop{background:rgba(4,9,18,.74)}

.gallery-window{
  width:80vw;height:80vh;max-height:none;padding:0;overflow:hidden;
  display:flex;flex-direction:column;
  background:linear-gradient(180deg,#12203a 0%,#0c1729 46%,#080f1c 100%);
  color:#e9eef6;
  border:1px solid rgba(216,231,250,.14);
}
.gallery-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;border-bottom:1px solid rgba(216,231,250,.14);flex:none}
.gallery-head .kicker{margin:0 0 5px;color:#8ea4bf;font-size:10px;letter-spacing:.16em}
.gallery-head h2{font-size:clamp(25px,2.7vw,39px);letter-spacing:-.055em;margin:0;color:#eef3fb}
.gallery-head-actions{display:flex;align-items:center;gap:24px}
#folder-count{font-size:12px;color:#93a8c2;letter-spacing:.16em;font-variant-numeric:tabular-nums;white-space:nowrap}
.gallery-window .modal-close{position:static;width:38px;height:38px;font-size:24px;flex:none;background:transparent;color:#e9eef6;border:1px solid rgba(216,231,250,.38);transition:background .2s,color .2s,border-color .2s}
.gallery-window .modal-close:hover{background:#e9eef6;color:#0b1626;border-color:#e9eef6}
.gallery-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0;flex:1}
.gallery-stage{position:relative;min-width:0;min-height:0;background:#050c17;overflow:hidden}
.gallery-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:none}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(226,237,250,.42);border-radius:50%;background:rgba(10,20,36,.72);color:#dce7f6;display:grid;place-items:center;font-size:32px;line-height:1;box-shadow:0 6px 26px rgba(2,6,14,.5);transition:background .2s,color .2s,transform .2s}
.gallery-nav:hover{background:#e9eef6;color:#0b1626;transform:translateY(-50%) scale(1.06)}
.gallery-prev{left:18px}.gallery-next{right:18px}
.gallery-side{display:flex;flex-direction:column;justify-content:space-between;gap:25px;padding:30px 24px 24px;border-left:1px solid rgba(216,231,250,.14);overflow-y:auto;min-height:0}
.gallery-side-kicker{font-size:9px;letter-spacing:.18em;color:#7f94ad}
.gallery-window .gallery-story h3{font-size:clamp(24px,2.1vw,32px);letter-spacing:-.05em;font-weight:450;color:#eef3fb;margin:15px 0 12px}
.gallery-window .gallery-story p{font-size:12px;line-height:1.9;color:#a3b5cb;margin:0}
.gallery-window .gallery-story .inspiration-source{font-size:11px;line-height:1.6;margin-top:20px;color:#d5b985}
.gallery-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.gallery-thumb{position:relative;border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;background:#12203a;min-width:0;aspect-ratio:1.12;opacity:.72;transition:opacity .2s,border-color .2s,transform .2s}
.gallery-thumb:hover{opacity:1;transform:translateY(-2px)}
.gallery-thumb[aria-pressed=true]{opacity:1;border-color:#6c8fc0}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}
.gallery-thumb span{position:absolute;inset:auto 0 0;padding:12px 5px 5px;background:linear-gradient(transparent,#050b14d9);color:#eef3fb;font-size:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery-window button:focus-visible,.gallery-window a:focus-visible{outline:3px solid #8db2e0;outline-offset:3px}
@media(max-width:900px){.gallery-window{width:min(720px,calc(100vw - 24px));height:min(850px,94dvh)}.gallery-head{padding:16px 20px}.gallery-main{display:block;overflow-y:auto}.gallery-stage{height:min(50dvh,490px);min-height:280px}.gallery-side{overflow:visible;border-left:0;padding:20px}.gallery-thumbs{grid-template-columns:repeat(6,minmax(0,1fr))}.gallery-thumb{aspect-ratio:.86}}
@media(max-width:640px){.gallery-window{border-radius:20px}.gallery-head{padding:14px 16px}.gallery-head h2{font-size:25px}.gallery-head-actions{gap:12px}.gallery-window .modal-close{width:34px;height:34px}.gallery-stage{height:min(43dvh,350px);min-height:220px}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-nav{width:38px;height:38px;font-size:28px}.gallery-side{padding:17px 16px 20px;gap:16px}.gallery-story h3{font-size:23px;margin:6px 0}.gallery-story p{font-size:11px}.gallery-story .inspiration-source{margin-top:9px}.gallery-thumbs{display:flex;overflow-x:auto;gap:8px;padding:0 0 7px;scroll-snap-type:x mandatory}.gallery-thumb{flex:0 0 82px;height:72px;aspect-ratio:auto;scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.gallery-nav,.gallery-thumb,.gallery-window .modal-close{transition:none}}
