[data-mmyww-intro]{position:fixed;inset:0;z-index:var(--z-intro);min-height:100dvh;overflow:hidden;background:var(--color-bg);isolation:isolate}[data-mmyww-intro][hidden]{display:none}[data-mmyww-intro] .intro__stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;perspective:clamp(880px,92vw,1400px);perspective-origin:50% 48%}[data-mmyww-intro] .intro__ambient{position:absolute;inset:-10%;background:linear-gradient(112deg,oklch(.478 .136 251.8 / .28),transparent 34%),linear-gradient(292deg,oklch(.72 .19 350 / .12),transparent 27%),var(--color-bg)}[data-mmyww-intro] .photo-wall,[data-mmyww-intro] .exposure-layer,[data-mmyww-intro] .shutter,[data-mmyww-intro] .logo-stage,[data-mmyww-intro] .intro__grain{position:absolute;inset:0}[data-mmyww-intro] .photo-wall{z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(7px,1.1vw,16px);padding:clamp(64px,8vh,88px) clamp(28px,6vw,108px) clamp(34px,5vh,58px);transform-style:preserve-3d}[data-mmyww-intro] .photo-tile{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;visibility:hidden;background:#020407;clip-path:polygon(2% 0,100% 1%,98% 100%,0 99%);filter:drop-shadow(0 0 7px oklch(.66 .14 251.8 / .36));backface-visibility:hidden;contain:paint;transform-origin:center;transform-style:preserve-3d}[data-mmyww-intro] .photo-tile:nth-child(2n){clip-path:polygon(0 1%,98% 0,100% 99%,2% 100%);filter:drop-shadow(0 0 7px oklch(.68 .17 350 / .3))}[data-mmyww-intro] .photo-tile img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.86) contrast(1.12) brightness(.82);backface-visibility:hidden}[data-mmyww-intro] .photo-tile:after{position:absolute;inset:1px;background:linear-gradient(112deg,oklch(.64 .14 251.8 / .24),transparent 38%,transparent 68%,oklch(.72 .19 350 / .13));box-shadow:inset 0 0 0 1px #8cc2ff66;box-shadow:inset 0 0 0 1px oklch(.8 .12 251.8 / .4);content:"";mix-blend-mode:screen;pointer-events:none}[data-mmyww-intro] .photo-tile:nth-child(2n):after{box-shadow:inset 0 0 0 1px #f786be57}[data-mmyww-intro] .exposure-layer{z-index:5;visibility:hidden;background:#f86ab5d1;mix-blend-mode:screen}[data-mmyww-intro] .shutter{z-index:6;overflow:hidden}[data-mmyww-intro] .shutter-panel{position:absolute;inset-inline:0;height:50.5%;background:#010102;box-shadow:0 0 44px #0c5ea640}[data-mmyww-intro] .shutter-panel--top{inset-block-start:0;border-block-end:1px solid oklch(.69 .13 251.8 / .42)}[data-mmyww-intro] .shutter-panel--bottom{inset-block-end:0;border-block-start:1px solid oklch(.69 .13 251.8 / .42)}[data-mmyww-intro] .logo-stage{z-index:7;display:grid;align-content:center;justify-items:center;visibility:hidden;color:var(--color-ink);text-align:center;transform-style:preserve-3d}[data-mmyww-intro] .logo-stage--fallback{visibility:visible}[data-mmyww-intro] .logo-stage__name{font-size:clamp(52px,10vw,96px);font-weight:900;line-height:1;letter-spacing:0;text-shadow:0 0 22px oklch(.82 .12 251.8 / .34),0 0 70px oklch(.478 .136 251.8 / .22)}[data-mmyww-intro] .logo-stage__domain{margin-block-start:18px;color:#a8b9ce;font-size:11px;font-weight:700;letter-spacing:0}[data-mmyww-intro] .intro__grain{z-index:8;background-image:linear-gradient(104deg,transparent 0 44%,oklch(1 0 0 / .026) 49%,transparent 54% 100%);background-repeat:no-repeat;opacity:.34;mix-blend-mode:soft-light}[data-mmyww-intro].is-playing .photo-tile,[data-mmyww-intro].is-playing .exposure-layer,[data-mmyww-intro].is-playing .shutter-panel,[data-mmyww-intro].is-playing .logo-stage{will-change:transform,opacity}[data-mmyww-intro] .skip-button{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:12;min-width:64px;padding:0 16px;border:1px solid oklch(.97 .008 251.8 / .6);border-radius:3px;color:var(--color-ink);background:#010101c7;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}[data-mmyww-intro] .skip-button:hover{border-color:var(--color-ink);background:#060e18e6}[data-mmyww-intro] .skip-button:active{transform:scale(.98)}@media(max-width:700px){[data-mmyww-intro] .photo-wall{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:5px 7px;padding:max(66px,calc(env(safe-area-inset-top) + 58px)) 10px max(20px,env(safe-area-inset-bottom))}[data-mmyww-intro] .logo-stage__domain{margin-block-start:14px}}@media(prefers-reduced-motion:reduce){[data-mmyww-intro] [data-motion-layer],[data-mmyww-intro] .intro__ambient,[data-mmyww-intro] .intro__grain{display:none}}[data-mmyww-intro]{color-scheme:dark;--color-bg: oklch(.075 0 0);--color-surface: oklch(.14 .018 251.8);--color-ink: oklch(.97 .008 251.8);--color-primary: oklch(.478 .136 251.8);--color-accent: oklch(.72 .19 350);--z-intro: 2147483000;box-sizing:border-box;color:var(--color-ink);font-family:Microsoft YaHei UI,PingFang SC,sans-serif}[data-mmyww-intro] *,[data-mmyww-intro] *:before,[data-mmyww-intro] *:after{box-sizing:border-box}body.mmyww-home-intro-active{overflow:hidden!important}[data-mmyww-intro] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-mmyww-intro] button{min-height:44px;font:inherit}[data-mmyww-intro] :focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}