*{box-sizing:border-box}html{background:#ece9e1;color:#252328;font-family:Arial,"PingFang TC","Microsoft JhengHei",sans-serif}body{margin:0;min-height:100svh}a{color:inherit}header,footer{padding:24px 5vw;display:flex;justify-content:space-between;gap:18px;font-size:11px;letter-spacing:.09em}header{border-bottom:1px solid #cac6bf}header a{text-decoration:none}header span{opacity:.6}main{max-width:1440px;margin:auto;padding:35px 5vw 50px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#68646b}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:440px}h1{font-family:Georgia,"Songti TC",serif;font-weight:400;font-size:clamp(64px,9vw,134px);line-height:.95;margin:24px 0;letter-spacing:-.05em}.zh{display:block;font-size:.36em;letter-spacing:.15em;margin-bottom:20px}.status{font-size:14px;line-height:1.9;max-width:420px;color:#625e64}.stage{height:380px;display:grid;place-items:center;perspective:850px;touch-action:none;cursor:grab;overflow:hidden}.stage:active{cursor:grabbing}.portal{position:relative;width:190px;height:275px;transform-style:preserve-3d;transform:rotateX(-8deg) rotateY(-25deg);transition:transform .12s ease-out}.frame{position:absolute;inset:0;border:2px solid #47424d;transform:translateZ(var(--z));box-shadow:inset 0 0 0 1px #ece9e1}.frame:last-child{background:linear-gradient(155deg,#ff5b32,#c94336 50%,#24212c);border-color:#b54b37}.floor{position:absolute;left:-75px;right:-75px;top:100%;height:200px;background:linear-gradient(#beb8b0,transparent);transform-origin:top;transform:rotateX(90deg);opacity:.5}.drag-hint{text-align:center;font-size:11px;color:#767179;letter-spacing:.08em}.works{margin-top:35px;border-top:1px solid #bbb5ae}.works a{padding:22px 0;border-bottom:1px solid #cac6bf;display:grid;grid-template-columns:50px 1fr 35px;align-items:center;gap:12px;text-decoration:none;transition:padding .2s}.works a:hover,.works a:focus-visible{padding-left:12px;color:#b33b24}.num{font:11px monospace;color:#756d74}.title{font-family:Georgia,serif;font-size:clamp(21px,3vw,32px)}.arrow{text-align:right;font-size:24px}.work-title{font-size:clamp(44px,8vw,105px);max-width:1000px;line-height:1.02;overflow-wrap:anywhere}.screen{margin:35px 0;min-height:240px;aspect-ratio:16/7;background:#25232a;color:#ece9e1;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;position:relative}.screen:before{content:"";width:60px;height:90px;border:1px solid #bd6750;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateY(-25deg);opacity:.25}.screen p{position:relative;font-size:14px;line-height:2}.back{display:inline-block;margin:20px 0;text-decoration:none;font-size:13px}.work-nav{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.8}.work-nav a{max-width:45%}footer{border-top:1px solid #cac6bf;color:#6b646c;line-height:1.7}button:focus-visible,a:focus-visible,.stage:focus-visible{outline:2px solid #b33b24;outline-offset:5px}@media(max-width:680px){header,footer{padding:20px 6vw;font-size:10px}.hero{grid-template-columns:1fr;min-height:0}.stage{height:290px}.portal{width:140px;height:205px}main{padding:28px 6vw 40px}h1{font-size:80px}.hero .status{font-size:13px}.works{margin-top:30px}.screen{aspect-ratio:auto;min-height:260px}.work-nav{flex-direction:column}.work-nav a{max-width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}