:root{--paper: #faf9f4;--ink: #191814;--ink-soft: rgba(25, 24, 20, .58);--yellow: #f2c515;--editorial-red: #b22922;--line: rgba(24, 23, 20, .8);--serif: "Noto Serif SC", "Songti SC", "STSong", serif;--sans: "Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--paper)}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{color:inherit;font:inherit}a{text-decoration:none}button{border:0}:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}.gateway{position:relative;width:100%;height:100svh;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 48% 53%,rgba(255,244,188,.2),transparent 22%),var(--paper)}.gateway:after{position:absolute;z-index:20;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.065'/%3E%3C/svg%3E");content:"";pointer-events:none;mix-blend-mode:multiply}.masthead{position:absolute;z-index:30;top:0;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:clamp(20px,3vw,42px) clamp(22px,4vw,60px);pointer-events:none}.wordmark,.replay{display:inline-flex;min-height:44px;align-items:center;gap:12px;letter-spacing:.14em;pointer-events:auto}.wordmark{font-size:11px;text-transform:uppercase}.wordmark span:first-child{display:grid;width:34px;height:34px;border:1px solid currentColor;place-items:center;font-size:10px;font-weight:500;letter-spacing:0;transform:rotate(-4deg)}.replay{cursor:pointer;background:transparent;font-size:11px}.replay__mark{display:grid;width:28px;height:28px;border:1px solid rgba(25,24,20,.28);border-radius:50%;place-items:center;transition:transform .28s ease,background-color .28s ease}.replay:hover .replay__mark{background:var(--yellow);transform:rotate(45deg)}.worlds,.world{position:absolute;inset:0}.worlds{z-index:1}.world{overflow:hidden;visibility:hidden;background:#dddcd6;pointer-events:none;transition:filter .7s cubic-bezier(.2,.7,.2,1),opacity .7s cubic-bezier(.2,.7,.2,1)}.is-ready .world{pointer-events:auto}.world--portfolio{clip-path:polygon(0 0,86.5% 0,81.5% 7%,74.5% 15%,68.5% 23%,64% 31.5%,57.5% 39.5%,52% 47.8%,50% 50%,45.5% 56%,41.5% 64.5%,37.5% 73%,33% 81.5%,24% 89.5%,13.5% 100%,0 100%)}.world--journal{clip-path:polygon(86.5% 0,100% 0,100% 100%,13.5% 100%,24% 89.5%,33% 81.5%,37.5% 73%,41.5% 64.5%,45.5% 56%,50% 50%,52% 47.8%,57.5% 39.5%,64% 31.5%,68.5% 23%,74.5% 15%,81.5% 7%)}.world__video,.world__wash,.world__grain{position:absolute;inset:-2%;width:104%;height:104%}.world__video{object-fit:cover;opacity:.48;filter:grayscale(.9) contrast(.88) brightness(1.12);transform:scale(1.035);transition:opacity .85s cubic-bezier(.2,.75,.2,1),filter .85s cubic-bezier(.2,.75,.2,1),transform 1.25s cubic-bezier(.2,.75,.2,1)}.world__wash{background:#faf9f48c;transition:opacity .85s cubic-bezier(.2,.75,.2,1)}.world__grain{background-image:repeating-linear-gradient(0deg,rgba(20,20,17,.035) 0,rgba(20,20,17,.035) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply;opacity:.42}.world__label{position:absolute;z-index:4;display:flex;width:min(330px,31vw);flex-direction:column;align-items:flex-start;transition:color .6s ease,transform .85s cubic-bezier(.2,.75,.2,1)}.world--portfolio .world__label{top:25%;left:8%}.world--journal .world__label{right:7%;bottom:18%}.world__index,.world__kind{font-size:clamp(9px,.8vw,12px);letter-spacing:.18em}.world__index{margin-bottom:12px;color:var(--ink-soft)}.world__name{font-family:var(--serif);font-size:clamp(28px,4.4vw,72px);font-weight:700;letter-spacing:-.07em;line-height:1}.world__kind{margin-top:10px;color:var(--editorial-red);font-weight:500}.world__enter{display:inline-flex;min-height:44px;align-items:center;gap:8px;margin-top:22px;border-bottom:1px solid currentColor;font-family:var(--serif);font-size:13px}.world__enter b{font-family:var(--sans);font-weight:400;transition:transform .3s ease}.world:hover .world__video,.world:focus-visible .world__video,.world.is-active .world__video{opacity:1;filter:grayscale(0) contrast(1) brightness(1);transform:scale(1)}.world:hover .world__wash,.world:focus-visible .world__wash,.world.is-active .world__wash{opacity:0}.world:hover .world__label,.world:focus-visible .world__label,.world.is-active .world__label{color:#fffef7;text-shadow:0 1px 22px rgba(0,0,0,.42);transform:translateY(-7px)}.world:hover .world__index,.world:focus-visible .world__index,.world.is-active .world__index{color:#fffef7bd}.world:hover .world__kind,.world:focus-visible .world__kind,.world.is-active .world__kind{color:#ff665b}.world:hover .world__enter b,.world:focus-visible .world__enter b,.world.is-active .world__enter b{transform:translate(3px,-3px)}.worlds:has(.world--portfolio:hover) .world--journal,.worlds:has(.world--portfolio:focus-visible) .world--journal,.worlds:has(.world--portfolio.is-active) .world--journal,.worlds:has(.world--journal:hover) .world--portfolio,.worlds:has(.world--journal:focus-visible) .world--portfolio,.worlds:has(.world--journal.is-active) .world--portfolio{filter:grayscale(1);opacity:.4!important}.trajectory{position:absolute;z-index:8;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.trajectory__path{fill:none;stroke:var(--line);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4;vector-effect:non-scaling-stroke}.trajectory__tail{fill:none;stroke:url(#tail-gradient);stroke-linecap:round;stroke-width:9;vector-effect:non-scaling-stroke}.travelling-star{opacity:0;will-change:opacity,transform}.title-island{position:fixed;z-index:12;inset:0;pointer-events:none}.title-island h1{position:absolute;inset:0;margin:0;font-family:var(--serif)}.title-char{position:absolute;display:block;color:var(--ink);font-size:clamp(46px,8.5vmin,118px);font-weight:500;letter-spacing:.02em;line-height:1;opacity:0;filter:blur(6px);transform:translate(-50%,-50%) scale(.72);will-change:opacity,filter,transform}.hover-hint{position:absolute;z-index:30;bottom:clamp(22px,3.4vw,44px);left:50%;display:flex;align-items:center;gap:9px;color:#19181485;font-size:10px;letter-spacing:.13em;opacity:0;pointer-events:none;transform:translate(-50%);white-space:nowrap}.hover-hint__line{width:38px;height:1px;background:currentColor}.hover-hint__dot{width:3px;height:3px;border-radius:50%;background:var(--yellow)}.status{position:absolute;z-index:30;right:clamp(22px,4vw,60px);bottom:clamp(20px,3vw,40px);max-width:260px;margin:0;color:#1918148f;font-family:var(--serif);font-size:11px;letter-spacing:.08em;opacity:0;pointer-events:none}@media(max-width:760px){.masthead{padding:18px}.wordmark span:last-child,.replay{font-size:10px}.world--portfolio .world__label{top:18%;left:7%}.world--journal .world__label{right:6%;bottom:16%}.world__label{width:42vw}.world__name{font-size:clamp(25px,8vw,42px)}.world__enter{margin-top:12px}.hover-hint{left:18px;transform:none}.hover-hint__line,.hover-hint__dot,.hover-hint span:last-child{display:none}.status{right:18px;bottom:18px;max-width:48vw;text-align:right}}@media(hover:none){.hover-hint span:nth-of-type(2){display:none}.hover-hint span:nth-of-type(1):after{content:"轻触一侧，进入岛屿"}.hover-hint span:nth-of-type(1){font-size:0}.hover-hint span:nth-of-type(1):after{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}