.colorful-life-pv{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;background:#0b0c12;color:#fff;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;--thanks-opacity: 0;--flash-opacity: 0;--poster-opacity: 0;--title-lift: 0;--outro-opacity: 1}.colorful-life-pv audio{display:none}.pv-content{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--outro-opacity)}.colorful-life-pv[data-scene=closing]{background:#000}.pv-scene{position:absolute;top:7%;right:7%;bottom:7%;left:7%;display:grid;grid-template-columns:1.21fr .89fr;align-items:center;gap:clamp(24px,4vw,84px);z-index:2;transform:translateY(var(--pv-offset, 0px))}.pv-picture{position:relative;height:88%;width:100%;margin:0;min-width:0}.pv-picture-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:16px}.pv-picture img{width:100%;height:calc(100% - 40px);object-fit:contain;border-radius:3px}.pv-picture figcaption{flex:0 0 auto;color:#b8bbc8;font-size:clamp(11px,1vw,16px);letter-spacing:.05em;text-align:center}.pv-card{position:relative;padding:clamp(22px,2.6vw,50px);background:#171925;border:1px solid #35384b;border-radius:8px;min-width:0}.pv-kicker{margin:0 0 14px;color:#8d4;font-size:clamp(10px,.8vw,14px);letter-spacing:.13em}.pv-card h2{color:#fff;font-size:clamp(26px,3vw,56px);line-height:1.3;margin:0 0 26px;font-weight:600;letter-spacing:.04em}.pv-copy{display:grid;gap:clamp(10px,1.3vh,18px)}.pv-copy p{margin:0;color:#d7d9e4;font-size:clamp(15px,1.25vw,25px);line-height:1.8;white-space:pre-line;transform:translateY(var(--pv-offset, 0px))}.pv-copy .pv-emphasis{color:#fff;font-weight:650}.pv-card-mark{display:block;margin-top:30px;padding-top:16px;border-top:1px solid #35384b;color:#a0a4b8;font-size:10px;letter-spacing:.18em}.pv-title{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;visibility:hidden;z-index:3;pointer-events:none}.pv-title>div{position:relative;width:min(84%,1200px);transform:translateY(calc(var(--title-lift) * -11vh))}.pv-title-safe{position:absolute;top:25%;right:21%;bottom:23%;left:22%}.pv-title svg{display:block;width:100%;height:auto}.colorful-life-pv[data-scene=title] .pv-title,.colorful-life-pv[data-scene=poster] .pv-title{visibility:visible}.colorful-life-pv[data-scene=poster] .pv-title{opacity:var(--poster-opacity)}.pv-thanks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;opacity:var(--thanks-opacity);z-index:3}.colorful-life-pv:not([data-scene=thanks]) .pv-thanks{visibility:hidden}.pv-thanks img{width:clamp(110px,14vw,220px);height:auto}.pv-thanks-brand{font:600 clamp(28px,4vw,58px)/1.4 Georgia,serif;margin-top:12px}.pv-thanks p{font-size:clamp(20px,2.5vw,40px);margin:30px 0 0;letter-spacing:.12em}.colorful-life-pv[data-scene=thanks],.colorful-life-pv[data-scene=title]{background:#000}.pv-poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:var(--poster-opacity)}.pv-poster img{width:100%;height:100%;object-fit:cover}.pv-poster-safe{position:absolute;top:20%;right:4%;bottom:3%;left:48%}.pv-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#fff;opacity:var(--flash-opacity);pointer-events:none}.pv-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.pv-bubble{position:absolute;display:block;border-radius:50%;opacity:0;animation:pv-bubble-rise var(--lifetime) var(--delay) linear both!important;pointer-events:none}@keyframes pv-bubble-rise{0%{opacity:0;transform:translate(0)}15%{opacity:.5}75%{opacity:.38}to{opacity:0;transform:translate(var(--drift),var(--rise))}}.pv-start{position:absolute;z-index:10;bottom:5%;left:50%;transform:translate(-50%);border:1px solid #fff;background:#171925;color:#fff;border-radius:5px;padding:12px 20px;cursor:pointer;font:inherit}.pv-audio-note{position:absolute;bottom:1%;left:7%;font-size:12px;color:#d7d9e4;z-index:8}.finale-layer[data-stage=pv] .finale-bg{display:none}.finale-layer[data-stage=pv] .finale-fg{padding:0}@media (max-width: 699px) and (orientation: portrait){.pv-scene{inset:max(18px,env(safe-area-inset-top)) 22px max(18px,env(safe-area-inset-bottom));grid-template-columns:1fr;grid-template-rows:minmax(0,41.8%) minmax(0,1fr);gap:18px;align-items:stretch}.pv-picture{height:100%}.pv-picture-item{gap:8px}.pv-picture img{height:calc(100% - 24px)}.pv-picture figcaption{font-size:10px;line-height:1.4}.pv-card{padding:18px;align-self:center;width:96%;justify-self:center}.pv-kicker{font-size:9px;margin-bottom:8px}.pv-card h2{font-size:27px;margin-bottom:14px}.pv-copy{gap:9px}.pv-copy p{font-size:14px;line-height:1.65}.pv-card-mark{margin-top:14px;padding-top:10px;font-size:8px;letter-spacing:.13em}.pv-title>div{width:94%}.colorful-life-pv[data-scene=poster] .pv-title>div{transform:translateY(calc(var(--title-lift) * -18vh))}.pv-poster img{object-position:72% center}.pv-poster-safe{top:32%;right:0;bottom:0;left:0}}@media (max-width: 699px),(orientation: landscape) and (max-height: 550px){.pv-scene,.pv-copy p{transform:translate(var(--pv-offset, 0px))}}@media (max-width: 380px) and (orientation: portrait),(max-height: 700px) and (orientation: portrait){.pv-scene{top:14px;right:18px;bottom:14px;left:18px;gap:12px;grid-template-rows:minmax(0,35.2%) minmax(0,1fr)}.pv-card{padding:15px}.pv-card h2{font-size:23px;margin-bottom:10px}.pv-copy{gap:7px}.pv-copy p{font-size:12.5px;line-height:1.6}.pv-card-mark{margin-top:10px;padding-top:8px}}@media (orientation: landscape) and (max-height: 550px){.pv-scene{top:4%;right:5%;bottom:4%;left:5%;gap:20px;grid-template-rows:auto}.pv-card{padding:14px}.pv-card h2{font-size:21px;margin-bottom:10px}.pv-copy{gap:5px}.pv-copy p{font-size:12px;line-height:1.5}.pv-card-mark{margin-top:10px;padding-top:7px}}