.moment-page{margin:0;background:#f7f1e7;color:#052e42}
.moment-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:102px;padding:0 4%;border-bottom:1px solid #d79619;background:#003f45;color:#fff}
.moment-header img{width:245px;max-height:82px;object-fit:contain}
.moment-header nav{display:flex;gap:34px;align-items:center}
.moment-header a{color:#fff;text-decoration:none;font:17px Arial,sans-serif}
.moment-header a.active{color:#e7a52e;border-bottom:2px solid #e7a52e;padding-bottom:8px}
.moment-banner{position:relative;z-index:10;padding:13px 4%;text-align:center;background:#00474b;color:#f2b52e;letter-spacing:.16em;font:16px Arial,sans-serif}
.detail-page .moment-header{min-height:72px}
.detail-page .moment-header img{width:180px;max-height:58px}
.detail-page .moment-banner{padding:8px 4%;font-size:13px}
.detail-page .screen-reference{width:90%;margin-top:-8.595vw;margin-left:auto;margin-right:auto}
.screen{position:relative;width:100%;overflow:hidden;background:#f8f2e8}
.screen-reference{display:block;width:100%;height:auto;margin-top:-9.55vw}
.hero-video{position:absolute;left:44%;top:3.4%;width:56%;height:67.5%;object-fit:cover;background:#1e2a2a}
.explore-hotspot{position:absolute;left:4.7%;top:56%;width:17.2%;height:8%;border-radius:6px}
.name-screen{scroll-margin-top:12px}
.moment-grid{position:absolute;left:12%;top:30%;width:75%;height:68%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.5%}
.moment-choice{display:block;border-radius:14px;color:transparent;font-size:1px}
.back-hotspot{position:absolute;left:2.8%;top:5%;width:20%;height:8%;color:transparent}
.next-hotspot{position:absolute;left:34%;top:86%;width:32%;height:11%;color:transparent}
@media(max-width:900px){.moment-header{padding:14px 20px;align-items:flex-start;gap:14px}.moment-header img{width:180px}.moment-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.moment-header a{font-size:13px}.moment-banner{font-size:12px}}