:root{--paper:#f4f2ee;--paper2:#ebe8e2;--paper3:#e2ded6;--ink:#16223d;--ink2:#3a4458;--mute:#7d8494;--line:#cfccc5;--blue:#5e86c4;--blue-soft:#9fbbe4;--silver:#b9c2d3;--night:#11142b;--night2:#1a1d3a;--violet:#a690ff;--gold:#c9a96a;--serif:"Noto Serif SC","Songti SC",serif;--latin:"Cormorant Garamond","Times New Roman",serif;--gutter:clamp(16px,4vw,64px);--ease:cubic-bezier(.2,.7,.2,1);--ease-io:cubic-bezier(.76,0,.24,1);--header:72px;--bg:var(--paper);--fg:var(--ink);--fg2:var(--ink2);--rule:var(--line)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--serif);letter-spacing:.05em;font-weight:300;line-height:2;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;letter-spacing:inherit;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:1px solid var(--blue);outline-offset:3px}.en-i{font-family:var(--latin);font-style:italic}.latin{font-family:var(--latin)}.mute{color:var(--mute)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body:after{content:"";z-index:100;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}.theme-night body:after,body.theme-night:after{opacity:.09;mix-blend-mode:screen;filter:invert()}.site-header{z-index:60;height:var(--header);padding:0 var(--gutter);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);transition:border-color .4s,transform .5s var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.site-header.scrolled{border-color:color-mix(in srgb,var(--rule) 80%,transparent)}.site-header.hide{transform:translateY(-100%)}.brand{align-items:center;gap:12px;display:flex}.brand svg{width:34px;height:34px;transition:transform 1.2s var(--ease)}.brand:hover svg{transform:rotate(90deg)}.brand span{font-family:var(--latin);letter-spacing:.32em;white-space:nowrap;font-size:20px;font-weight:500}.gnav{gap:clamp(20px,3vw,44px);font-size:13px;display:flex}.gnav a{line-height:1.5;position:relative}.gnav a small{font-family:var(--latin);color:var(--mute);letter-spacing:.2em;font-size:11px;display:block}.gnav a:after{content:"";height:1px;transition:right .45s var(--ease);background:currentColor;position:absolute;bottom:-4px;left:0;right:100%}.gnav a:hover:after,.gnav a[aria-current=page]:after{right:0}.hd-right{align-items:center;gap:18px;display:flex}.lang-toggle{font-family:var(--latin);letter-spacing:.2em;padding:6px 0;font-size:15px}.lang-toggle b{font-weight:500}.lang-toggle span{color:var(--mute)}.menu-btn{width:32px;height:32px;display:none;position:relative}.menu-btn i{height:1px;transition:.4s var(--ease);background:currentColor;position:absolute;left:4px;right:4px}.menu-btn i:first-child{top:12px}.menu-btn i:nth-child(2){top:20px}.menu-open .menu-btn i:first-child{top:16px;transform:rotate(45deg)}.menu-open .menu-btn i:nth-child(2){top:16px;transform:rotate(-45deg)}.mnav{z-index:55;background:var(--bg);padding:0 var(--gutter);clip-path:circle(0% at calc(100% - 40px) 36px);transition:clip-path .8s var(--ease-io);flex-direction:column;justify-content:center;gap:8px;display:flex;position:fixed;inset:0}.menu-open .mnav{clip-path:circle(150% at calc(100% - 40px) 36px)}.mnav a{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:14px 0;font-size:26px;display:flex}.mnav a small{font-family:var(--latin);color:var(--mute);font-size:16px;font-style:italic}.progress{z-index:70;background:var(--blue);transform-origin:0;width:100%;height:1px;transform:scaleX(var(--p,0));pointer-events:none;position:fixed;top:0;left:0}.nav-preview{z-index:80;aspect-ratio:4/3;pointer-events:none;opacity:0;width:220px;transition:opacity .35s,transform .5s var(--ease);position:fixed;overflow:hidden;transform:translate(-50%,24px)scale(.92);box-shadow:0 20px 40px -20px #00000059}.nav-preview.on{opacity:1;transform:translate(-50%,24px)scale(1)}.nav-preview img{object-fit:cover;width:100%;height:100%}main{padding-top:var(--header);display:block}.section{padding:clamp(88px,12vw,160px) var(--gutter);position:relative}.label{align-items:baseline;gap:18px;margin-bottom:clamp(40px,6vw,72px);padding-bottom:16px;display:flex;position:relative}.label:after{content:"";opacity:.9;background:repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 24px) bottom/100% 4px no-repeat;border-bottom:1px solid;height:7px;position:absolute;bottom:0;left:0;right:0}.label .n{font-family:var(--latin);letter-spacing:.2em;white-space:nowrap;font-size:13px}.label h2{font-family:var(--latin);letter-spacing:.03em;font-size:clamp(34px,4.6vw,66px);font-weight:400;line-height:1}.label .zh{color:var(--mute);letter-spacing:.3em;text-align:right;margin-left:auto;font-size:13px}.eyebrow{font-family:var(--latin);letter-spacing:.3em;text-transform:uppercase;color:var(--mute);font-size:14px}.lead{color:var(--fg2);max-width:36em;font-size:clamp(15px,1.25vw,17px)}.quote{letter-spacing:.12em;font-size:clamp(22px,2.6vw,38px);font-weight:300;line-height:1.75}.quote-en{font-family:var(--latin);color:var(--mute);margin-top:10px;font-size:clamp(17px,1.6vw,22px);font-style:italic}.foil{background:linear-gradient(100deg,var(--fg) 0 40%,#a9b6cc 48%,#fff 50%,#a9b6cc 52%,var(--fg) 60% 100%) 120% 0/250% 100%;color:#0000;transition:background-position 1.6s var(--ease);-webkit-background-clip:text;background-clip:text}.foil:hover,.in .foil,.foil.in{background-position:-20% 0}.btn{letter-spacing:.2em;border:1px solid;align-items:center;gap:12px;padding:14px 30px;font-size:13px;transition:background .35s,color .35s,border-color .35s;display:inline-flex;position:relative;overflow:hidden}.btn:hover,.btn.solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.solid:hover{color:var(--fg);background:0 0}.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.link-u{font-family:var(--latin);letter-spacing:.25em;border-bottom:1px solid;padding-bottom:2px;font-size:14px}.tag{letter-spacing:.18em;border:1px solid var(--rule);color:var(--mute);padding:1px 10px;font-size:11px;line-height:1.9;display:inline-block}.tag.blue{color:var(--blue);border-color:var(--blue-soft)}.tag.violet{color:var(--violet);border-color:#a690ff80}.tag.gold{color:var(--gold);border-color:#c9a96a80}.vtext{writing-mode:vertical-rl;letter-spacing:.5em;line-height:2.2}.archive-no{font-family:var(--latin);letter-spacing:.3em;color:var(--mute);text-transform:uppercase;font-size:12px}.on-ink{--bg:var(--ink);--fg:var(--paper);--fg2:#c3c9d6;--rule:#ffffff2e;--mute:#9aa3b8;background:var(--bg);color:var(--fg)}.on-paper2{background:var(--paper2)}.theme-night{--bg:var(--night);--fg:#e8e6f2;--fg2:#b8bbd0;--rule:#ffffff29;--mute:#8f93ad}.theme-night ::selection{background:var(--violet);color:var(--night)}.night2{background:var(--night2)}.frame{position:relative}.frame:before,.frame:after{content:"";border:1px solid var(--silver);z-index:3;pointer-events:none;width:18px;height:18px;transition:all .6s var(--ease);position:absolute}.frame:before{border-bottom:0;border-right:0;top:10px;left:10px}.frame:after{border-top:0;border-left:0;bottom:10px;right:10px}.frame:hover:before{top:6px;left:6px}.frame:hover:after{bottom:6px;right:6px}.marquee{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);white-space:nowrap;padding:16px 0;overflow:hidden}.marquee .track{font-family:var(--latin);letter-spacing:.12em;will-change:transform;font-size:clamp(22px,3vw,40px);display:inline-block}.marquee i{color:var(--blue);margin:0 .8em;font-style:normal}.js .rv{opacity:0;transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);transform:translateY(28px)}.js .rv.in{opacity:1;transform:none}.js .rv.d1{transition-delay:.12s}.js .rv.d2{transition-delay:.24s}.js .rv.d3{transition-delay:.36s}.js .draw :is(path,circle,line,ellipse,polyline,rect){stroke-dasharray:var(--len,1200);stroke-dashoffset:var(--len,1200);transition:stroke-dashoffset 2.6s var(--ease)}.js .draw.in :is(path,circle,line,ellipse,polyline,rect){stroke-dashoffset:0}.js .split-line{display:block;overflow:hidden}.js .split-line>span{transition:transform 1.2s var(--ease);display:block;transform:translateY(105%)}.js .in .split-line>span,.js .split-line.in>span{transform:none}.js .in .split-line:nth-child(2)>span{transition-delay:.1s}.js .in .split-line:nth-child(3)>span{transition-delay:.2s}.cursor{z-index:95;pointer-events:none;display:none;position:fixed;top:0;left:0}.has-cursor .cursor{display:block}.cursor .dot{background:var(--blue);width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;transform:rotate(45deg)}.cursor .ring{border:1px solid color-mix(in srgb,var(--fg) 45%,transparent);width:36px;height:36px;transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .4s,border-color .4s;border-radius:50%;margin:-18px 0 0 -18px;position:absolute}.cursor .lbl{font-family:var(--latin);letter-spacing:.25em;white-space:nowrap;color:var(--fg);opacity:0;font-size:11px;transition:opacity .3s;position:absolute;top:14px;left:24px}.cursor.hover .ring{background:color-mix(in srgb,var(--blue) 12%,transparent);border-color:var(--blue);width:64px;height:64px;margin:-32px 0 0 -32px}.cursor.label .lbl{opacity:1}.cursor.down .ring{width:28px;height:28px;margin:-14px 0 0 -14px}@media (pointer:fine){.has-cursor,.has-cursor a,.has-cursor button{cursor:none}}.veil{z-index:90;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.veil .disc{left:var(--vx,50%);top:var(--vy,50%);background:var(--ink);width:300vmax;height:300vmax;transition:transform .75s var(--ease-io);border-radius:50%;margin:-150vmax 0 0 -150vmax;position:absolute;transform:scale(0)}.veil svg{opacity:0;width:96px;height:96px;color:var(--paper);transition:opacity .3s;position:relative}.leaving .veil{pointer-events:auto}.leaving .veil .disc{transform:scale(1)}.leaving .veil svg{opacity:1;transition-delay:.35s}.arriving .veil .disc{transition:none;transform:scale(1)}.arriving .veil svg{opacity:1;transition:none}.arrived .veil .disc{transform:scale(0)}.arrived .veil svg{opacity:0}.veil svg .spin{transform-origin:50%;animation:3s linear infinite spin}.loader{z-index:92;background:var(--paper);color:var(--ink);place-items:center;display:none;position:fixed;inset:0}.first-visit .loader{animation:lift .9s var(--ease-io) 2.3s forwards;display:grid}.loader .seal{aspect-ratio:1;width:min(44vw,220px);position:relative}.loader svg{width:100%;height:100%}.loader .stamp{transform-origin:50%;opacity:0;animation:stamp .6s 1.25s var(--ease-io) forwards;transform:scale(1.6)}.loader .ink{opacity:0;animation:.6s 1.7s forwards ink}.loader .name{font-family:var(--latin);letter-spacing:.5em;white-space:nowrap;opacity:0;font-size:14px;animation:.8s 1.5s forwards ink;position:absolute;top:calc(100% + 28px);left:50%;transform:translate(-50%)}.loader .ring path,.loader .ring circle{stroke-dasharray:1300;stroke-dashoffset:1300px;animation:drawring 1.4s var(--ease) forwards}.loader.out{animation:lift .9s var(--ease-io) forwards}@keyframes drawring{to{stroke-dashoffset:0}}@keyframes stamp{to{opacity:1;transform:scale(1)}}@keyframes ink{to{opacity:1}}@keyframes lift{to{clip-path:inset(0 0 100%)}}@keyframes spin{to{transform:rotate(360deg)}}.page-hero{padding:clamp(72px,10vw,140px) var(--gutter) clamp(48px,6vw,80px);border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;align-items:end;gap:40px;display:grid}.page-hero h1{font-family:var(--latin);letter-spacing:.01em;font-size:clamp(52px,8vw,128px);font-weight:400;line-height:.95}.page-hero h1 em{color:var(--blue);font-style:italic}.page-hero .zh{letter-spacing:.4em;margin-top:18px;font-size:clamp(18px,1.8vw,24px)}.page-hero .side{max-width:380px;color:var(--fg2);font-size:14px}.crumb{font-family:var(--latin);letter-spacing:.2em;color:var(--mute);margin-bottom:24px;font-size:13px}.crumb a:hover{color:var(--fg)}.g2{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);display:grid}.split{grid-template-columns:5fr 7fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.sticky{top:calc(var(--header) + 32px);position:sticky}.fig{background:var(--paper2);display:block;position:relative;overflow:hidden}.theme-night .fig{background:var(--night2)}.fig img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--ease)}.fig:hover img{transform:scale(1.04)}figcaption,.figcap{color:var(--mute);letter-spacing:.1em;margin-top:10px;font-size:12px;line-height:1.7}.figcap b{font-family:var(--latin);color:var(--fg);letter-spacing:.15em;margin-right:8px;font-weight:500}.timeline{padding-left:48px;position:relative}.timeline:before{content:"";background:var(--rule);width:1px;position:absolute;top:6px;bottom:6px;left:11px}.tl{padding:0 0 44px;transition:opacity .5s;position:relative}.tl:last-child{padding-bottom:0}.tl .node{background:var(--bg);place-items:center;width:24px;height:24px;display:grid;position:absolute;top:4px;left:-48px}.tl .when{font-family:var(--latin);letter-spacing:.2em;color:var(--blue);font-size:14px}.tl h4{letter-spacing:.1em;margin:2px 0 4px;font-size:19px;font-weight:400}.tl p{color:var(--fg2);font-size:14px}.spec{border-collapse:collapse;width:100%;font-size:14px}.spec th,.spec td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:16px 0}.spec th{color:var(--mute);letter-spacing:.15em;width:34%;font-weight:400}.faq details{border-top:1px solid var(--rule)}.faq details:last-child{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;letter-spacing:.08em;padding:22px 40px 22px 0;font-size:17px;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--latin);font-size:28px;transition:transform .4s;position:absolute;top:16px;right:4px}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--fg2);max-width:46em;padding:0 0 24px;font-size:14px}.news-list a{border-bottom:1px solid var(--rule);transition:padding .45s var(--ease),background .45s;grid-template-columns:120px 130px 150px 1fr 40px;align-items:center;gap:0 16px;padding:22px 0;display:grid}.news-list a:first-child{border-top:1px solid var(--rule)}.news-list a:hover{background:var(--paper2);padding-left:16px}.news-list .th{aspect-ratio:4/3;background:var(--paper2);width:120px;overflow:hidden}.news-list .th img{object-fit:cover;width:100%;height:100%}.news-list time{font-family:var(--latin);font-size:20px}.news-list .ar{font-family:var(--latin);text-align:right;transition:transform .4s var(--ease);font-size:22px}.news-list a:hover .ar{transform:translate(6px)}.news-list .work{font-family:var(--latin);color:var(--mute);font-size:14px;font-style:italic;display:block}.news-list.compact a{grid-template-columns:130px 150px 1fr 40px}.news-list a[hidden]{display:none}.filters{flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex}.filters button{border:1px solid var(--rule);letter-spacing:.12em;padding:4px 16px;font-size:13px;transition:all .3s}.filters button[aria-pressed=true],.filters button:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.filters .sep{background:var(--rule);width:1px;margin:0 6px}[data-lb]{cursor:zoom-in}.lightbox{z-index:88;opacity:0;pointer-events:none;background:#0e1222f0;place-items:center;padding:40px 16px;transition:opacity .4s;display:grid;position:fixed;inset:0}.lightbox.open{opacity:1;pointer-events:auto}.lightbox img{object-fit:contain;max-width:min(1400px,100%);max-height:84vh;transition:transform .6s var(--ease);transform:scale(.96)}.lightbox.open img{transform:none}.lightbox p{color:#c3c9d6;text-align:center;letter-spacing:.1em;margin-top:14px;font-size:13px}.lightbox button{color:#fff;font-family:var(--latin);font-size:34px;line-height:1;position:absolute;top:16px;right:20px}.site-footer{border-top:1px solid var(--fg);margin:0 var(--gutter);padding:56px 0 48px}.site-footer .big{font-family:var(--latin);letter-spacing:.08em;white-space:nowrap;font-size:clamp(42px,9.6vw,150px);line-height:1;overflow:hidden}.ft-grid{grid-template-columns:1.2fr 1fr 2fr;gap:40px;margin-top:48px;font-size:13px;display:grid}.ft-grid h5{font-family:var(--latin);letter-spacing:.3em;color:var(--mute);margin-bottom:14px;font-size:13px;font-weight:500}.ft-grid ul{list-style:none}.ft-grid li a:hover{color:var(--blue)}.qr-row{flex-wrap:wrap;gap:14px;display:flex}.qr{text-align:center;width:84px;color:var(--mute);font-size:11px}.qr img{object-fit:contain;border:1px solid var(--line);width:84px;height:84px;transition:transform .4s var(--ease);background:#fff;margin-bottom:6px;padding:4px}.qr:hover img{transform:translateY(-4px)}.ft-bottom{color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;font-size:12px;display:flex}@media (width<=980px){.gnav{display:none}.menu-btn{display:block}.split,.g2{grid-template-columns:1fr}.g3{grid-template-columns:1fr 1fr}.sticky{position:static}.page-hero{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr 1fr}.ft-grid .qr-col{grid-column:1/-1}.news-list a{grid-template-columns:100px 1fr auto;grid-template-areas:"th time tag""th t t";gap:4px 14px}.news-list .th{grid-area:th;width:100px}.news-list time{grid-area:time;font-size:17px}.news-list .tag{grid-area:tag;justify-self:end}.news-list .t{grid-area:t}.news-list .ar{display:none}.news-list.compact a{grid-template-columns:1fr auto;grid-template-areas:"time tag""t t"}}@media (width<=640px){:root{--header:60px}.brand span{letter-spacing:.24em;font-size:16px}.brand svg{width:28px;height:28px}.g3,.ft-grid{grid-template-columns:1fr}.label{flex-wrap:wrap}.label .zh{text-align:left;width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transition:none;transform:none}.js .draw :is(path,circle,line,ellipse,polyline,rect){stroke-dashoffset:0;transition:none}.js .split-line>span{transition:none;transform:none}.first-visit .loader,.veil{display:none}}
