:root{color-scheme:dark;--bg: #05070d;--ink: #f7efe1;--muted: rgba(247, 239, 225, .7);--soft: rgba(247, 239, 225, .46);--gold: #e9c46a;--warm: #f4a261;--teal: #2a9d8f;--rose: #e76f51;--line: rgba(255, 255, 255, .15);--glass: rgba(11, 16, 28, .66);--paper: #f2e5cb;--paper-ink: #2b2118}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(36,58,110,.8),transparent 34%),linear-gradient(135deg,#030407,#07111f 44%,#05070d);color:var(--ink);font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;text-rendering:geometricPrecision}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 72%);mask-image:radial-gradient(circle at center,black 0%,transparent 72%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#00000014,#00000057)}a{color:inherit;text-decoration:none}button{font:inherit}.star-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.app-shell{position:relative;z-index:2;min-height:100vh}.page{position:relative;display:grid;min-height:100vh;padding:clamp(22px,5vw,72px)}.landing-page,.memory-select-page,.letter-page,.ending-page{place-items:center}.cinema-enter-active,.cinema-leave-active{transition:opacity .72s ease,transform .72s ease,filter .72s ease}.cinema-enter-from{opacity:0;transform:translateY(22px) scale(.985);filter:blur(16px)}.cinema-leave-to{opacity:0;transform:translateY(-18px) scale(1.012);filter:blur(14px)}.opening-copy,.section-heading,.ending-copy{text-align:center}.opening-copy{display:grid;justify-items:center;gap:20px}.opening-copy p{margin:0;font-size:clamp(26px,5.8vw,58px);line-height:1.45;font-weight:400;text-shadow:0 0 34px rgba(247,239,225,.16)}.reveal{opacity:0;transform:translateY(16px);animation:revealUp 1.1s ease forwards}.delay-1{animation-delay:.28s}.delay-2{animation-delay:1.22s}.delay-3{animation-delay:2.14s}.delay-4{animation-delay:2.92s}.identity-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 34%,rgba(233,196,106,.12),transparent 34%),#020408b3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.identity-dialog{position:relative;width:min(560px,100%);overflow:hidden;padding:clamp(26px,5vw,42px);border:1px solid rgba(255,255,255,.16);border-radius:8px;background:linear-gradient(180deg,#ffffff1a,#ffffff09),#0a0f1adb;box-shadow:0 30px 120px #0000008a,0 0 80px #e9c46a1a;text-align:center}.identity-dialog:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(233,196,106,.14);pointer-events:none}.identity-dialog h1{position:relative;margin:0;font-size:clamp(26px,5vw,42px);font-weight:500;line-height:1.28}.identity-note{position:relative;margin:16px auto 24px;max-width:420px;color:var(--muted);font-size:15px;line-height:1.8}.identity-options{position:relative;display:grid;gap:12px}.identity-option{display:grid;gap:6px;width:100%;min-height:72px;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:#ffffff12;color:var(--ink);cursor:pointer;text-align:left;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}.identity-option:hover{transform:translateY(-2px);border-color:#e9c46ab3;background:#ffffff1a;box-shadow:0 18px 54px #00000042}.identity-option.featured{background:linear-gradient(135deg,#e9c46a2e,#e76f511f),#ffffff12}.identity-option span{font-size:clamp(17px,3.8vw,20px);line-height:1.45}.identity-option small{color:var(--soft);font-size:13px}.identity-verifying{position:relative;display:grid;justify-items:center;gap:16px;padding:12px 0 4px}.seal-mark{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(233,196,106,.72);border-radius:50%;color:var(--gold);font-family:KaiTi,STKaiti,serif;font-size:38px;box-shadow:inset 0 0 24px #e9c46a1f,0 0 34px #e9c46a38;animation:sealIn .9s ease both}.identity-verifying p{margin:0;color:#f7efe1db;line-height:1.8}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .52s ease,filter .52s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0;filter:blur(12px)}.primary-action,.ghost-action,.music-control{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.primary-action{min-width:168px;padding:12px 24px;background:linear-gradient(135deg,#e9c46af5,#f4a261e6);color:#21160d;box-shadow:0 0 34px #e9c46a38;font-weight:700}.primary-action.small{min-width:126px;min-height:42px;padding:10px 18px}.ghost-action{min-width:136px;padding:10px 18px;background:#ffffff13;color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.primary-action:hover,.ghost-action:hover,.music-control:hover,.memory-card:hover{transform:translateY(-3px);border-color:#e9c46ab8;box-shadow:0 20px 70px #00000057,0 0 44px #e9c46a24}.ghost-action:disabled{cursor:default;opacity:.42;transform:none;box-shadow:none}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:14px;line-height:1.5}.section-heading h1{margin:0 0 clamp(26px,5vw,44px);font-size:clamp(30px,6vw,58px);font-weight:500;line-height:1.22}.memory-select-page{align-content:center;gap:28px}.memory-grid{display:grid;grid-template-columns:repeat(5,minmax(128px,1fr));gap:16px;width:min(1040px,100%)}.memory-card{position:relative;display:grid;align-content:end;min-height:214px;padding:18px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffff17,#ffffff06),radial-gradient(circle at 28% 22%,rgba(42,157,143,.32),transparent 34%),#0c111ca3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:cardFloat 5.2s ease-in-out infinite}.memory-card:nth-child(2){animation-delay:-.9s}.memory-card:nth-child(3){animation-delay:-1.7s}.memory-card:nth-child(4){animation-delay:-2.6s}.memory-card:nth-child(5){animation-delay:-3.3s;background:linear-gradient(180deg,#e9c46a33,#ffffff0a),radial-gradient(circle at 70% 24%,rgba(231,111,81,.38),transparent 34%),#0c111cad}.memory-card:hover{animation-play-state:paused}.memory-card:after{content:"";position:absolute;inset:auto -18% -28% -18%;height:86px;background:radial-gradient(ellipse,rgba(233,196,106,.32),transparent 66%)}.card-year{color:var(--gold);font-size:13px}.memory-card strong{margin:8px 0;font-size:30px;font-weight:500}.memory-card small{color:var(--muted);line-height:1.6}.memory-detail-page{grid-template-columns:minmax(86px,132px) minmax(0,1020px);justify-content:center;align-items:center;gap:clamp(18px,4vw,54px)}.timeline{display:grid;gap:12px}.timeline-item{display:grid;gap:2px;min-height:54px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff12;color:var(--ink);cursor:default;text-align:center;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.timeline-item.active{border-color:#e9c46ac7;background:#e9c46a2b}.timeline-item.passed{border-color:#e9c46a57;background:#e9c46a14}.timeline-item span{font-size:14px}.timeline-item small{color:var(--soft);font-size:12px}.memory-stage{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);align-items:center;gap:clamp(20px,4vw,48px);width:100%}.memory-photo{position:relative;min-height:min(58vh,540px);margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff0f;box-shadow:inset 0 0 90px #00000047,0 26px 90px #00000061}.memory-photo img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block;filter:saturate(.82) contrast(.98) brightness(.72);transform:scale(1.04)}.memory-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.46)),radial-gradient(circle at 68% 18%,rgba(233,196,106,.18),transparent 28%)}.memory-photo figcaption{position:absolute;left:18px;bottom:16px;z-index:1;color:#ffffffc2;font-size:13px}.memory-copy h1,.letter-paper h1{margin:0 0 16px;font-size:clamp(38px,7vw,72px);font-weight:500;line-height:1.08}.chapter-progress{margin:-2px 0 14px;color:var(--soft);font-size:14px}.film-page{display:block;min-height:100vh;padding:0;overflow:hidden;background:linear-gradient(90deg,#030407d6,#0304075c 48%,#030407c7),linear-gradient(180deg,#03040761,#030407cc),var(--memory-image),radial-gradient(circle at 50% 22%,#20365f,#05070d 72%);background-size:cover;background-position:center}.film-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 62% 42%,rgba(233,196,106,.1),transparent 28%),linear-gradient(180deg,rgba(0,0,0,.28),transparent 24%,rgba(0,0,0,.46))}.film-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 6px);opacity:.18;mix-blend-mode:screen}.film-page.ready{cursor:pointer}.film-video{position:absolute;bottom:400px;right:50px;width:50%;height:auto;object-fit:cover;filter:saturate(.82) contrast(1.02) brightness(.58);transform:scale(1.02);pointer-events:none;border-radius:8px;overflow:hidden}.film-progress{position:fixed;left:0;right:0;top:0;z-index:4;height:2px;background:#ffffff14}.film-progress span{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,#e9c46a47,#e9c46ae6);box-shadow:0 0 18px #e9c46a6b;transition:width .8s ease}.film-frame{position:relative;z-index:1;display:grid;align-content:center;min-height:100vh;padding:clamp(74px,8vw,116px) clamp(22px,8vw,118px)}.film-frame.has-gallery{grid-template-columns:minmax(360px,.9fr) minmax(320px,.82fr);grid-template-rows:auto 1fr;column-gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(56px,6vw,88px) clamp(28px,6vw,96px)}.film-frame.has-gallery .film-meta,.film-frame.has-gallery .film-copy{grid-column:1}.film-frame.has-gallery .film-meta{margin-bottom:clamp(14px,2.4vh,26px)}.film-frame.has-gallery .film-copy{width:min(650px,100%)}.film-frame.has-gallery .film-copy h1{margin-bottom:12px;font-size:clamp(54px,7vw,92px)}.film-frame.has-gallery .film-copy .memory-mood{margin-bottom:clamp(22px,3.8vh,34px);max-width:620px;font-size:clamp(17px,1.8vw,22px);line-height:1.65}.film-frame.has-gallery .film-copy .subtitle-lines{min-height:0}.film-frame.has-gallery .film-copy .subtitle-lines p{margin-bottom:14px;font-size:clamp(21px,2.75vw,34px);line-height:1.48}.film-meta{display:grid;gap:6px;width:min(720px,100%);margin-bottom:clamp(24px,5vh,52px);opacity:0;transform:translateY(12px);animation:revealUp .9s ease .22s forwards}.film-meta p{margin:0;color:var(--soft);font-size:clamp(14px,2vw,17px)}.film-meta .eyebrow{color:var(--gold);font-size:clamp(16px,2.4vw,22px)}.film-copy{width:min(790px,100%)}.film-copy h1{margin:0 0 16px;color:var(--ink);font-size:clamp(60px,11vw,128px);font-weight:500;line-height:.98;text-shadow:0 26px 80px rgba(0,0,0,.48);opacity:0;transform:translateY(18px);animation:revealUp .92s ease .42s forwards}.film-copy .memory-mood{margin:0 0 clamp(34px,7vh,62px);color:#f7efe1b8;font-size:clamp(18px,2.5vw,26px);line-height:1.7;opacity:0;transform:translateY(12px);animation:revealUp .9s ease .68s forwards}.film-copy .subtitle-lines{min-height:clamp(210px,28vh,320px)}.film-copy .subtitle-lines p{margin:0 0 18px;color:#fffcf4f0;font-size:clamp(24px,4.2vw,44px);font-weight:500;line-height:1.55;text-shadow:0 18px 52px rgba(0,0,0,.48)}.film-gallery{grid-column:2;grid-row:1 / span 2;position:relative;align-self:center;width:min(42vw,560px);height:min(70vh,620px);pointer-events:none}.memory-polaroid{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;box-shadow:0 26px 80px #0000006b,0 0 52px #e9c46a14;opacity:0;transform:translateY(22px) rotate(var(--rotate));animation:photoReveal .9s ease forwards;animation-delay:calc(.9s + var(--photo-index) * .52s)}.memory-polaroid img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04) brightness(.86)}.memory-polaroid:nth-child(1){--rotate: -3deg;top:0;left:0;width:78%;aspect-ratio:3 / 2}.memory-polaroid:nth-child(2){--rotate: 4deg;top:30%;right:0;width:70%;aspect-ratio:4 / 3}.memory-polaroid:nth-child(3){--rotate: -1.5deg;left:9%;bottom:0;width:66%;aspect-ratio:4 / 3}.gallery-phone-single .film-gallery{width:min(30vw,340px);height:min(76vh,660px)}.gallery-phone-single .memory-polaroid:nth-child(1){--rotate: 2deg;inset:0 auto auto 50%;width:min(100%,330px);height:100%;aspect-ratio:auto;transform:translate(-50%,22px) rotate(var(--rotate))}.gallery-phone-single .memory-polaroid:nth-child(1) img{object-fit:contain;background:#020408c7}.gallery-phone-single .memory-polaroid:nth-child(1){animation-name:phoneReveal}.gallery-phone-pair .film-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px;width:min(42vw,560px);height:min(74vh,650px)}.gallery-phone-pair .memory-polaroid{position:relative;inset:auto;width:100%;height:100%;aspect-ratio:auto}.gallery-phone-pair .memory-polaroid:nth-child(1){--rotate: -2deg;transform:translateY(22px) rotate(var(--rotate))}.gallery-phone-pair .memory-polaroid:nth-child(2){--rotate: 2.5deg;transform:translateY(46px) rotate(var(--rotate))}.gallery-phone-pair .memory-polaroid img{object-fit:contain;background:#020408c7}.gallery-meeting-pair .film-gallery{display:grid;align-content:center;gap:18px;width:min(43vw,600px);height:auto}.gallery-meeting-pair .memory-polaroid{position:relative;inset:auto;width:100%;aspect-ratio:16 / 9}.gallery-meeting-pair .memory-polaroid:nth-child(1){--rotate: -1.2deg}.gallery-meeting-pair .memory-polaroid:nth-child(2){--rotate: 1.8deg;width:86%;justify-self:end}.continue-hint{position:fixed;left:50%;bottom:clamp(26px,6vh,54px);transform:translate(-50%);color:#f7efe1ad;font-size:15px;letter-spacing:0}.continue-hint:after{content:"";display:block;width:1px;height:34px;margin:12px auto 0;background:linear-gradient(rgba(233,196,106,.9),transparent);animation:hintLine 1.7s ease-in-out infinite}.continue-hint-enter-active,.continue-hint-leave-active{transition:opacity .7s ease,transform .7s ease,filter .7s ease}.continue-hint-enter-from,.continue-hint-leave-to{opacity:0;transform:translate(-50%,12px);filter:blur(10px)}.memory-mood{margin:0 0 26px;color:var(--muted);font-size:clamp(16px,2vw,20px);line-height:1.8}.subtitle-lines{min-height:184px}.subtitle-lines p{margin:0 0 14px;color:#ffffffe0;font-size:clamp(18px,2.5vw,27px);line-height:1.75;opacity:0;transform:translateY(10px);animation:revealUp .68s ease forwards}.actions-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.actions-row.centered{justify-content:center}.letter-scene{width:min(880px,100%)}.letter-paper{position:relative;min-height:min(70vh,680px);max-height:74vh;overflow:auto;padding:clamp(30px,6vw,62px);border-radius:8px;background:linear-gradient(90deg,rgba(121,92,55,.075) 1px,transparent 1px),linear-gradient(180deg,var(--paper),#e8d7b8);background-size:34px 34px,auto;color:var(--paper-ink);box-shadow:0 30px 110px #00000080,0 0 90px #e9c46a1a;animation:paperOpen .9s ease both}.letter-paper:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(92,63,32,.16);pointer-events:none}.letter-paper .eyebrow{color:#8a6330}.letter-body{min-height:420px;white-space:pre-wrap;font-family:KaiTi,STKaiti,Songti SC,serif;font-size:clamp(18px,2.35vw,24px);line-height:2.05}.ending-page{transition:background 1.2s ease}.ending-page.finished{background:radial-gradient(circle,#e9c46a1a,#000000b8 58%)}.ending-copy{display:grid;justify-items:center;gap:14px}.ending-copy p{margin:0;font-size:clamp(28px,6vw,58px);line-height:1.32;opacity:0;transform:translateY(14px);animation:revealUp .9s ease forwards;animation-delay:calc(var(--i) * .52s)}.ending-copy .primary-action{margin-top:22px}.final-message{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;color:#fff3d6;font-size:clamp(58px,13vw,154px);text-shadow:0 0 44px rgba(233,196,106,.76);pointer-events:none}.final-title-enter-active,.final-title-leave-active{transition:opacity .9s ease,transform .9s ease,filter .9s ease}.final-title-enter-from,.final-title-leave-to{opacity:0;transform:scale(.96);filter:blur(18px)}.music-control{position:fixed;top:18px;right:18px;z-index:5;gap:8px;min-width:118px;padding:10px 14px;background:#05070db8;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.music-mark{display:grid;place-items:center;width:20px;height:20px;color:var(--gold)}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes paperOpen{0%{opacity:0;transform:translateY(24px) scaleY(.94);filter:blur(12px)}to{opacity:1;transform:translateY(0) scaleY(1);filter:blur(0)}}@keyframes sealIn{0%{opacity:0;transform:scale(.76) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes hintLine{0%,to{opacity:.28;transform:scaleY(.64)}50%{opacity:.9;transform:scaleY(1)}}@keyframes photoReveal{to{opacity:1;transform:translateY(0) rotate(var(--rotate))}}@keyframes phoneReveal{to{opacity:1;transform:translate(-50%) rotate(var(--rotate))}}@media(max-width:900px){body{overflow:auto}.page{min-height:100svh;padding:76px 18px 28px}.memory-grid{grid-template-columns:1fr}.memory-card{min-height:126px}.memory-detail-page{grid-template-columns:1fr;align-content:start;gap:22px}.timeline{display:flex;width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.timeline::-webkit-scrollbar{display:none}.timeline-item{min-width:82px}.memory-stage{grid-template-columns:1fr}.memory-photo{min-height:310px}.subtitle-lines{min-height:220px}.actions-row{width:100%}.actions-row>*{flex:1 1 140px}.letter-paper{max-height:none;min-height:68svh}.music-control{top:14px;right:14px}.identity-backdrop{align-items:end;padding:18px}.identity-dialog{padding:28px 20px 22px}.film-frame{align-content:end;padding:88px 20px}.film-frame.has-gallery{display:grid;grid-template-columns:minmax(0,.95fr) minmax(260px,.72fr);grid-template-rows:auto 1fr;align-content:center;align-items:center;min-height:100svh;gap:18px 24px;padding:70px 24px 56px}.film-meta{margin-bottom:22px}.film-frame.has-gallery .film-meta{margin-bottom:10px}.film-copy h1{font-size:clamp(58px,20vw,92px)}.film-frame.has-gallery .film-copy h1{font-size:clamp(48px,9vw,76px)}.film-copy .memory-mood{margin-bottom:28px}.film-frame.has-gallery .film-copy .memory-mood{margin-bottom:18px;font-size:clamp(15px,2.2vw,18px)}.film-copy .subtitle-lines{min-height:260px}.film-frame.has-gallery .film-copy .subtitle-lines{min-height:0}.film-copy .subtitle-lines p{font-size:clamp(23px,7vw,32px)}.film-frame.has-gallery .film-copy .subtitle-lines p{margin-bottom:10px;font-size:clamp(18px,3.4vw,28px);line-height:1.42}.film-gallery{align-self:center;width:min(34vw,330px);height:min(58vh,430px);margin-top:6px}.memory-polaroid:nth-child(1){width:70%}.memory-polaroid:nth-child(2){top:26%;width:62%}.memory-polaroid:nth-child(3){left:6%;width:58%}.gallery-phone-single .film-gallery{width:min(32vw,280px);height:min(62vh,520px)}.gallery-phone-pair .film-gallery{gap:10px;width:min(38vw,330px);height:min(56vh,450px)}.gallery-meeting-pair .film-gallery{width:min(36vw,360px);gap:12px}}@media(max-width:420px){.opening-copy{gap:16px}.opening-copy p{font-size:clamp(25px,8vw,34px)}.memory-copy h1,.letter-paper h1{font-size:40px}.letter-paper{padding:28px 22px}.letter-body{font-size:18px}}@media(max-width:680px){.film-page.has-gallery-page{overflow-y:auto}.film-frame.has-gallery{display:flex;min-height:100svh;flex-direction:column;justify-content:flex-end;gap:16px;padding:70px 18px 72px}.film-frame.has-gallery .film-meta,.film-frame.has-gallery .film-copy{width:100%}.film-frame.has-gallery .film-copy h1{font-size:clamp(42px,15vw,64px)}.film-frame.has-gallery .film-copy .memory-mood{font-size:15px;line-height:1.6}.film-frame.has-gallery .film-copy .subtitle-lines p{font-size:clamp(18px,6vw,24px);line-height:1.48}.film-gallery{order:-1;width:min(100%,390px);height:min(28vh,250px);margin:0 auto 2px}.gallery-phone-single .film-gallery{width:min(54vw,230px);height:min(38vh,360px)}.gallery-phone-pair .film-gallery{width:min(100%,350px);height:min(34vh,320px);gap:10px}.gallery-meeting-pair .film-gallery{width:min(100%,380px);height:auto;gap:10px}}