.detail-modal{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1a24d1;justify-content:center;align-items:center;padding:clamp(10px,3vw,32px);animation:.18s detail-fade;display:flex;position:fixed;inset:0}@keyframes detail-fade{0%{opacity:0}}.detail-box{background:var(--ivory-50);border-radius:10px;flex-direction:column;gap:14px;width:min(1200px,100%);max-height:100%;padding:clamp(14px,2.4vw,24px);display:flex;box-shadow:0 30px 80px #00000080}.detail-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-head h2{color:var(--navy-900);margin:2px 0;font-size:clamp(20px,2.4vw,26px)}.detail-sub{color:var(--ink-soft);margin:0;font-size:13px}.detail-close{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--navy-900);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:22px;line-height:1}.detail-close:hover{background:var(--tint)}.detail-frame{--frame:10px;--stage-h:calc(100vh - 230px - 2 * var(--frame));width:fit-content;max-width:100%;padding:var(--frame);background:linear-gradient(145deg,#252c37,#0b1017 50%,#1d242e);margin-inline:auto;box-shadow:0 24px 50px -26px #14273599,0 0 0 1px #dcc8a029,inset 0 0 0 1px #ffffff0d}.detail-frame.is-zoomed{width:100%}.detail-stage{min-height:0;max-height:var(--stage-h);background:#eae4d8;max-width:100%;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #14273559,0 1px 3px #00000040}.detail-stage:not(.is-zoomed){height:var(--stage-h)}.detail-pic{width:100%;height:100%;position:relative}.detail-stage.is-zoomed .detail-pic{width:max-content;height:auto}.detail-stage img{object-fit:contain;cursor:zoom-in;width:100%;height:100%;display:block}.detail-stage.is-zoomed{width:100%;height:var(--stage-h);overflow:auto}.detail-stage.is-zoomed img{object-fit:initial;cursor:zoom-out;width:auto;max-width:none;height:auto}.detail-wait{text-align:center;color:var(--ink-soft);justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex;position:absolute;inset:0}.detail-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-note{color:var(--ink-soft);flex:320px;margin:0;font-size:12.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.detail-modal{animation:none}}