:root{color-scheme:light;--paper:#f5f3ed;--ink:#29332d;--muted:#777b71;--line:#dcded3;--ochre:#a77742;--serif:'STZhongsong','Songti SC','Noto Serif SC','SimSun',serif;--sans:'Microsoft YaHei','PingFang SC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.42}button:focus-visible,a:focus-visible,#viewer:focus-visible{outline:2px solid var(--ochre);outline-offset:5px}button,a{touch-action:manipulation}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:10px;left:10px;z-index:10;padding:12px 18px;background:var(--ink);color:white;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.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}
.site-header{height:104px;max-width:1680px;margin:0 auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.wordmark{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:29px;height:29px;stroke:var(--ink);stroke-width:2.3;stroke-linecap:round}.wordmark>span:first-of-type{font:600 30px/1 Georgia,serif;letter-spacing:-1.6px}.wordmark-dot{color:var(--ochre)}.wordmark-divider{width:1px;height:20px;background:var(--line);margin:0 5px}.brand-caption{font-size:11px;letter-spacing:2px;color:var(--muted)}.header-nav{display:flex;align-items:center;gap:33px;font-size:12px;color:var(--muted)}.header-nav a,.header-nav button{display:flex;align-items:center;gap:4px;background:transparent;padding:14px 0;transition:color .2s}.header-nav .nav-active{color:var(--ink);position:relative}.nav-active:after{content:'';height:3px;width:3px;border-radius:50%;background:var(--ochre);position:absolute;bottom:6px;left:50%}.header-nav button:hover,.header-nav a:hover{color:var(--ochre)}.header-nav .icon{width:15px;height:15px}.edition{font:10px/1.4 var(--sans);letter-spacing:1.9px;display:flex;align-items:center;gap:9px;color:var(--muted)}.edition>span{height:5px;width:5px;border-radius:50%;background:#849677}
.experience{max-width:1560px;min-height:calc(100svh - 174px);margin:0 auto;display:grid;grid-template-columns:minmax(365px,.86fr) minmax(0,1.3fr);align-items:center;gap:38px;padding:38px 64px 36px}.intro{padding:18px 0 12px;animation:reveal .8s ease both}.eyebrow{font-size:10px;letter-spacing:2.1px;display:flex;align-items:center;gap:12px;color:var(--ochre);font-weight:500}.eyebrow-line{width:22px;height:1px;background:var(--ochre)}h1{font-family:var(--serif);font-size:clamp(52px,5.1vw,79px);font-weight:400;line-height:1.28;letter-spacing:-2.4px;margin:26px 0 23px;white-space:nowrap}.title-accent{color:var(--ochre)}.lead{font-size:17px;line-height:1.8;letter-spacing:.4px;margin:0 0 16px}.description{font-size:13px;line-height:2.05;max-width:385px;color:var(--muted);margin:0}.description br{display:block;content:'';margin:8px 0}.mobile-break{display:none}.intro-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:30px 0 0}.primary-button{border-radius:40px;padding:10px 10px 10px 23px;min-height:50px;background:var(--ink);color:#f7f5ed;display:flex;align-items:center;gap:24px;font-size:12px;letter-spacing:.5px;box-shadow:0 6px 16px #29332d0c;transition:background .2s,transform .2s}.primary-button>span{display:grid;place-items:center;border:1px solid #ffffff35;border-radius:50%;width:31px;height:31px}.primary-button:hover{background:#415044;transform:translateY(-2px)}.primary-button:hover .icon{transform:translateX(2px)}.primary-button .icon{transition:transform .2s;width:16px}.text-button{color:var(--muted);padding:10px 0;display:flex;align-items:center;gap:3px;background:transparent;font-size:11px}.text-button:hover{color:var(--ochre)}.text-button .icon{width:17px}.capability-line{margin-top:36px;display:flex;align-items:center;gap:20px;color:#6a7166;font-size:11px}.capability-line span{display:flex;align-items:center;gap:8px}.capability-line b{font:italic 12px Georgia,serif;color:#9a9c90;font-weight:400}.capability-line i{height:11px;width:1px;background:var(--line)}.intro-note{margin-top:47px;display:flex;align-items:flex-start;gap:12px}.intro-note p{font:12px/1.9 var(--serif);letter-spacing:1px;color:#8c9083;margin:0}.note-line{height:1px;width:22px;background:#bcbfae;margin-top:10px}
.gallery{min-width:0;align-self:center;animation:reveal .9s .1s ease both}.viewer{position:relative;height:clamp(520px,66vh,740px);min-height:520px;border-radius:6px;background:radial-gradient(ellipse at 51% 41%,#faf9f4 12%,#eaece3 79%,#e5e8dd 100%);overflow:hidden;isolation:isolate}.viewer:after{content:'';position:absolute;pointer-events:none;inset:0;border:1px solid #53634a08;border-radius:inherit;z-index:8}.gallery-topline{position:absolute;top:25px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:5;pointer-events:none;font-size:8px;letter-spacing:1.6px;color:#8a9182}.live-status{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px}.live-status i{height:5px;width:5px;border-radius:50%;background:#b89871;box-shadow:0 0 0 4px #b8987110}.live-status.ready i{background:#7e916f;box-shadow:0 0 0 4px #7e916f12}.live-status.failed i{background:#b58a61}.ghost-type{position:absolute;left:0;right:0;top:24%;text-align:center;color:#64745c06;font-family:var(--serif);font-size:180px;font-weight:400;letter-spacing:22px;z-index:0;pointer-events:none;user-select:none}.canvas-host{position:absolute;inset:0;z-index:2}.canvas-host canvas{display:block;width:100%;height:100%;outline:none;cursor:grab;touch-action:pan-y!important}.canvas-host canvas:active{cursor:grabbing}.poster{position:absolute;inset:55px 40px 85px;display:flex;justify-content:center;align-items:center;z-index:3;opacity:.6;transition:opacity .55s ease;pointer-events:none}.poster img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.8);opacity:.7}.poster.dismissed{opacity:0;visibility:hidden;transition:opacity .55s,visibility 0s .55s}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:15px;background:#f5f3ede6;backdrop-filter:blur(12px);padding:25px 28px;border-radius:8px;min-width:230px;max-width:90%;color:#67705e;font-size:11px;box-shadow:0 15px 60px #3044250b;transition:opacity .3s,visibility .3s;text-align:center;line-height:1.7}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading-orbit{width:27px;height:27px;border:1px solid #bdc6b1;border-top-color:#6d805e;border-radius:50%;animation:spin 1s linear infinite}.loading-track{width:125px;height:2px;border-radius:2px;background:#d8dece;overflow:hidden}.loading-track>span{display:block;width:3%;height:100%;background:#7d8f6c;transition:width .2s}.loading.failed .loading-orbit,.loading.failed .loading-track{display:none}#retry-button{background:var(--ink);color:white;padding:10px 14px;border-radius:4px;font-size:11px}.zoom-controls{position:absolute;top:43%;right:20px;z-index:5;border:1px solid #ffffffb3;border-radius:30px;padding:5px;background:#f9faf487;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:2px}.zoom-controls>span{width:15px;height:1px;background:#bec6b642}.icon-button{width:33px;height:33px;padding:0;display:inline-grid;place-items:center;background:transparent;border-radius:50%;color:#697362;transition:background .2s,color .2s}.icon-button:hover{background:#d9dfd36b;color:var(--ink)}.zoom-controls .icon{width:15px;height:15px}.viewer-bottom{position:absolute;bottom:23px;left:25px;right:22px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px}.gesture-hint{margin:0;display:flex;align-items:center;gap:7px;color:#89917e;font-size:9px;letter-spacing:.5px;pointer-events:none}.gesture-hint .icon{width:14px;height:17px;stroke-width:1.2}.touch-gesture{display:none}.viewer-controls{display:flex;align-items:center;gap:3px;background:#fcfcf5c4;backdrop-filter:blur(14px);padding:5px 8px 5px 11px;border:1px solid #ffffffe0;border-radius:35px;box-shadow:0 3px 10px #75866608}.viewer-controls>button:not(.icon-button){display:flex;align-items:center;gap:6px;background:transparent;color:#727d66;font-size:10px;padding:7px;border-radius:20px}.viewer-controls>button[aria-pressed=true]{color:#2b4028;background:#dce6d4}.viewer-controls .icon{width:15px;height:15px}.control-divider{width:1px;height:14px;background:#cbd2c242;margin:0 4px}.object-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 1px 0}.object-caption>div{display:flex;align-items:center;gap:15px}.object-index{font:italic 12px Georgia,serif;color:var(--ochre)}.object-name{font-family:var(--serif);font-size:17px;white-space:nowrap;letter-spacing:1px;display:flex;align-items:baseline;gap:9px}.object-name>span{font-family:var(--sans);font-size:8px;letter-spacing:1.5px;color:#929687}.object-divider{height:14px;width:1px;background:var(--line)}.object-medium{color:#828978;font-size:10px;letter-spacing:.4px}.version{font-size:8px;letter-spacing:1.2px;color:#919789;white-space:nowrap}
.site-footer{max-width:1552px;min-height:70px;margin:0 auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 64px;color:#909385;font-size:10px}.site-footer p{margin:0;font-size:10px}.footer-dot{margin:0 10px}.site-footer a{display:flex;align-items:center;gap:2px}.site-footer a:hover{color:var(--ochre)}.site-footer .icon{width:13px;height:13px}
dialog{border:1px solid #e4e5d9;border-radius:12px;background:var(--paper);color:var(--ink);max-width:580px;width:calc(100% - 36px);padding:42px 43px;box-shadow:0 25px 110px #17291b33;max-height:90svh;overflow:auto}dialog::backdrop{background:#26322465;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:17px;right:17px}dialog .eyebrow{font-size:8px}dialog h2{font:400 35px/1.5 var(--serif);margin:20px 0}dialog>p{font-size:12px;line-height:2;color:var(--muted)}.process-list{padding:0;margin:24px 0;list-style:none;border-top:1px solid var(--line)}.process-list li{display:flex;gap:17px;padding:17px 0;border-bottom:1px solid var(--line)}.process-list li>span{font:italic 17px Georgia,serif;color:var(--ochre);padding-top:2px}.process-list h3{font-size:12px;font-weight:500;margin:0 0 5px}.process-list p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}dialog .dialog-caveat{font-size:10px;color:#939486}.source-link{font-size:11px;display:inline-flex;align-items:center;gap:4px;color:var(--ochre)}.source-link .icon{width:14px}.viewer:fullscreen{width:100vw;height:100vh;border-radius:0;min-height:0}.viewer:fullscreen .ghost-type{font-size:250px}.viewer:fullscreen .gallery-topline{top:35px;left:45px;right:45px}.viewer:fullscreen .viewer-bottom{bottom:35px;left:45px;right:45px}
@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.experience{gap:70px;padding-top:50px;padding-bottom:50px}.viewer{height:720px}.intro-note{margin-top:70px}.description{font-size:14px;max-width:410px}.lead{font-size:19px}}
@media(max-width:1180px){.site-header{padding:0 35px;height:88px}.experience{padding:33px 35px;gap:24px;grid-template-columns:minmax(305px,.85fr) minmax(0,1.15fr);min-height:calc(100svh - 158px)}h1{font-size:57px}.description{font-size:12px}.intro-actions{gap:16px}.primary-button{gap:15px;padding-left:18px}.text-button{font-size:10px}.viewer{min-height:540px}.site-footer{padding-left:35px;padding-right:35px}.version{display:none}.gallery-topline{left:20px;right:20px;letter-spacing:.8px}.viewer-bottom{left:18px;right:15px;flex-direction:column-reverse;gap:12px}.intro-note{margin-top:34px}.edition{font-size:8px;letter-spacing:1.2px}.header-nav{gap:23px}}
@media(max-width:820px){.site-header{height:80px;padding:0 25px}.edition{display:none}.experience{grid-template-columns:1fr;gap:27px;padding:38px 25px 31px;max-width:700px}.intro{padding:0}.eyebrow{font-size:9px;letter-spacing:1.8px}h1{font-size:60px;margin:22px 0 15px;line-height:1.2}.lead{font-size:16px;margin-bottom:13px}.description{max-width:480px;font-size:12px}.description br{margin:3px 0}.intro-actions{margin-top:22px;gap:24px}.capability-line{margin-top:24px;gap:23px}.intro-note{display:none}.viewer{height:56svh;min-height:450px;max-height:650px}.gallery-topline{top:23px;left:24px;right:24px}.viewer-bottom{flex-direction:row;left:22px;right:18px}.object-caption{padding-top:17px}.site-footer{padding:22px 25px;flex-wrap:wrap;gap:10px 20px;font-size:9px}.site-footer p{font-size:9px;order:3;flex-basis:100%}.site-footer a{font-size:9px}.brand-caption{font-size:10px}.header-nav{font-size:11px;gap:20px}}
@media(max-width:480px){.site-header{padding:0 21px;height:74px}.brand-mark{width:24px;height:24px}.wordmark>span:first-of-type{font-size:27px}.wordmark{gap:8px}.wordmark-divider,.brand-caption{display:none}.header-nav{font-size:10px;gap:18px}.experience{padding:31px 21px 25px;gap:27px}h1{font-size:52px;letter-spacing:-2px}.lead{font-size:15px}.description{font-size:11px;line-height:2}.primary-button{font-size:11px;min-height:47px}.text-button{font-size:10px}.intro-actions{gap:18px}.capability-line{font-size:10px;margin-top:23px}.viewer{min-height:410px;height:53svh}.gallery-topline{left:17px;right:17px;top:20px;font-size:7px;letter-spacing:.7px}.live-status{font-size:8px}.viewer-bottom{flex-direction:column-reverse;bottom:17px;gap:10px}.viewer-controls{padding:4px 8px}.zoom-controls{right:10px;padding:2px;top:42%}.zoom-controls .icon-button{width:29px;height:29px}.ghost-type{font-size:140px}.object-caption>div{gap:11px}.object-medium{font-size:9px}.object-name{font-size:16px}.poster{inset:45px 20px 90px}.site-footer{padding:20px 21px}.site-footer>span{font-size:9px}dialog{padding:36px 25px}dialog h2{font-size:31px}}
@media(pointer:coarse){.desktop-gesture{display:none}.touch-gesture{display:inline}.viewer-controls .icon-button{width:37px;height:37px}.zoom-controls .icon-button{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.description{font-size:14px;color:#62695f;max-width:400px}
.site-footer,.site-footer p,.site-footer a{color:#72796b}
.object-medium,.version,.object-name>span{color:#747e6b}
@media(max-width:1180px){.description{font-size:13px}}
@media(max-width:480px){.description{font-size:12px;line-height:2}.lead{font-size:14px}}
.has-failure .poster,.has-failure .poster img{opacity:1}
.has-failure .loading{top:auto;bottom:86px;transform:translateX(-50%);padding:14px 18px}
@media(max-width:820px){.desktop-gesture{display:none}.touch-gesture{display:inline}}