.drift-wall{position:relative;width:100%;height:100%;overflow:hidden;perspective:var(--dw-perspective, 1200px);perspective-origin:50% 50%;--dw-tile-w: 200px;--dw-tile-h: 132px;--dw-gap: 18px;--dw-radius: 14px;--dw-lift: 64px;--dw-dim: .55;--dw-gray: 0;--dw-overlay: #060010;--dw-edge: 40%;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);mask-composite:intersect}.drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;flex-direction:row;transform-style:preserve-3d;cursor:pointer;transform-origin:50% 50%;will-change:transform}.drift-wall__col{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d}.drift-wall__track{display:flex;flex-direction:column;will-change:transform;transform-style:preserve-3d}.drift-wall__tile{position:relative;display:block;width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));flex:0 0 auto;outline:none;transform-style:preserve-3d}.drift-wall__inner{position:absolute;inset:calc(var(--dw-gap) / 2);display:block;border-radius:var(--dw-radius);overflow:hidden;background:#0b0b12;opacity:var(--dw-dim);transform:translateZ(0);pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.drift-wall__tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(var(--dw-gray)) saturate(.92);transition:filter .42s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.drift-wall__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dw-overlay);opacity:.42;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px #000000b3}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0) saturate(1.05)}.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 60px -18px #000000b3,0 0 0 2px #ffffffe6}@media (prefers-reduced-motion: reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}:root{--white: #FDFEFA;--paper: #DDEBED;--paper-in: #F2F8F9;--ocean: #4D91B8;--ocean-dk: #2E6889;--ocean-lt: #CEE5EE;--gold: #C6A97B;--gold-lt: #E7D7B8;--gold-dk: #9E8054;--sage: #819F95;--sage-lt: #E3EFEB;--coral: #D59C98;--ink: #244959;--ink-2: #607984;--ink-3: #829AA3;--ink-4: #A2B4B9;--line: rgba(77, 145, 184, .18);--shadow-sm: 0 4px 18px rgba(37, 86, 107, .06);--shadow-md: 0 10px 30px rgba(37, 86, 107, .09);--shadow-lg: 0 18px 50px rgba(37, 86, 107, .14);--font-zh: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-serif: "Cormorant Garamond", "Georgia", var(--font-zh);--font-script: "Caveat", cursive;--font-body: var(--font-zh)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.page{position:relative;min-height:100vh;display:flex;justify-content:center;padding:10px 12px;overflow-x:hidden}.page:before{content:"";position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;pointer-events:none;background:radial-gradient(58% 42% at 14% 4%,rgba(206,229,238,.55),transparent 70%),radial-gradient(50% 36% at 88% 8%,rgba(227,239,235,.6),transparent 72%),radial-gradient(64% 44% at 50% 104%,rgba(231,215,184,.35),transparent 75%)}.content{position:relative;width:100%;max-width:1080px}.head{text-align:center;margin-bottom:32px}.eyebrow{margin:0 0 18px;font-family:var(--font-serif);font-size:12px;letter-spacing:.46em;text-transform:uppercase;color:var(--ink-3)}.title{margin:0 0 18px;font-family:var(--font-serif);font-size:clamp(28px,5vw,44px);font-weight:400;letter-spacing:.14em;color:var(--ink)}.amp{padding:0 8px;font-style:italic;color:var(--ocean)}.rule{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;color:var(--gold-dk)}.rule i{display:block;width:64px;height:1px;background:currentColor;opacity:.55}.rule s{display:block;width:6px;height:6px;border:1px solid currentColor;transform:rotate(45deg)}.sub{margin:0;font-family:var(--font-zh);font-weight:300;font-size:14px;letter-spacing:.18em;color:var(--ink-2)}.wall-frame{position:relative;height:calc(100vh - 20px);height:calc(100dvh - 20px);border-radius:24px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--white) 0%,var(--paper-in) 100%);box-shadow:var(--shadow-lg)}.wall-frame:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid var(--line);border-radius:16px;pointer-events:none;z-index:3}.wall-frame .drift-wall{position:absolute;top:26px;right:26px;bottom:26px;left:26px;width:auto;height:auto;-webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,#000 var(--dw-edge, 58%),transparent 100%);mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,#000 var(--dw-edge, 58%),transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}.wall-frame .drift-wall__inner{background:var(--paper-in)}.wall-frame .drift-wall__overlay{opacity:.14}.controls{position:absolute;left:50%;bottom:20px;z-index:4;transform:translate(-50%);display:flex;justify-content:center}.pause{padding:8px 20px;border:1px solid var(--line);border-radius:999px;background:#fdfefadb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);font-family:var(--font-zh);font-size:12.5px;letter-spacing:.14em;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .2s ease,border-color .2s ease}.pause:hover{background:var(--white);border-color:var(--ocean);color:var(--ocean-dk)}.pause:focus-visible{outline:2px solid var(--ocean);outline-offset:2px}.hint{max-width:620px;margin:10px auto 0;font-size:12px;line-height:1.7;text-align:center;color:var(--ink-4)}@media (max-width: 560px){.page{padding:8px 10px}.wall-frame{height:calc(100vh - 16px);height:calc(100dvh - 16px);border-radius:18px}.controls{bottom:16px}}