:root{--bg:#0a0c10;--bg-elev:#12151b;--navy:#232f43;--line:#738cad29;--line-strong:#738cad52;--paper:#ede8de;--paper-text:#232f43;--paper-line:#232f4324;--text:#ede8de;--text-2:#ede8dea8;--text-3:#ede8de8c;--brand:#738cad;--brand-strong:#0085ff;--radius:12px;--radius-lg:18px;--section-gap:clamp(56px, 7vw, 76px);--max:1200px;--ease:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 28px}.display{letter-spacing:-.02em;text-wrap:balance;color:var(--text);margin:0;font-weight:650;line-height:1.08}.display-lg{font-size:clamp(28px,3.6vw,44px)}.section{padding:var(--section-gap) 0;scroll-margin-top:92px;position:relative}.section-head{max-width:720px;margin-bottom:44px}.btn{letter-spacing:.01em;cursor:pointer;height:46px;transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 22px;font-size:14.5px;font-weight:600;display:inline-flex}.btn-primary{background:var(--paper);color:var(--paper-text)}.btn-primary:hover{background:var(--paper-hover);transform:translateY(-2px)}.btn-ghost{border-color:var(--line-strong);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--brand);color:var(--text-strong);transform:translateY(-2px)}.btn-sm{height:40px;padding:0 18px;font-size:14px}.site-header{z-index:60;transition:background .3s var(--ease), border-color .3s var(--ease), backdrop-filter .3s var(--ease);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-header.is-scrolled{background:var(--header-bg);backdrop-filter:blur(18px);border-bottom-color:var(--line)}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:76px;display:grid}.brand{letter-spacing:.01em;grid-column:1;justify-self:start;align-items:center;gap:12px;font-weight:650;display:inline-flex}.brand-mark{flex:none;width:auto;height:34px;display:block}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text b{font-size:15px;font-weight:650}.brand-text small{color:var(--text-3);letter-spacing:.06em;font-size:11px}.site-nav{grid-column:2;align-items:center;gap:30px;display:flex}.site-nav a{color:var(--text-2);transition:color .2s var(--ease);font-size:14.5px;position:relative}.site-nav a:after{content:"";background:var(--brand-strong);transform-origin:0;width:100%;height:1px;transition:transform .25s var(--ease);position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a.is-active{color:var(--text)}.site-nav a:hover:after,.site-nav a.is-active:after{transform:scaleX(1)}.header-actions{grid-column:3;justify-self:end;align-items:center;gap:14px;display:flex}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 11px;display:none}.nav-toggle span{background:var(--text);border-radius:2px;height:1.5px;display:block}.page-hero{padding:calc(var(--section-gap) + 20px) 0 8px}.page-project{padding-top:calc(var(--section-gap) + 28px)}.page-lede{max-width:640px;color:var(--text-2);margin:20px 0 0;font-size:16px}.project-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.project-card{display:block}.project-card .work-media{aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--navy);position:relative;overflow:hidden}.project-card .work-media.is-empty{background:var(--media-empty)}.project-card .work-media img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s var(--ease)}.project-card:hover .work-media img{transform:scale(1.03)}.work-body{margin-top:16px}.work-title{color:var(--text);transition:color .2s var(--ease);margin:0;font-size:17px;font-weight:600;line-height:1.4}.project-card:hover .work-title{color:var(--text-strong)}.work-date{color:var(--text-3);margin:8px 0 0;font-size:13px}.project-status{color:var(--text-3);margin:0;font-size:14.5px}.project-status[hidden]{display:none}.project-filters{margin-bottom:28px}.project-filters[hidden]{display:none}.filter-track-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.segmented{border:1px solid var(--line);background:var(--surface-03);border-radius:999px;align-items:center;height:40px;padding:4px;display:inline-flex;position:relative}.segmented[hidden]{display:none}.segmented__thumb{background:var(--paper);width:0;height:calc(100% - 8px);transition:left .28s var(--ease), width .28s var(--ease);border-radius:999px;position:absolute;top:4px;left:4px}.segmented__option{z-index:1;height:30px;color:var(--text-2);white-space:nowrap;cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:13.5px;font-weight:600;position:relative}.segmented__option:hover{color:var(--text)}.segmented__option.is-active{color:var(--paper-text)}.filter-active{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-active:empty{display:none}.filter-pill{border:1px solid var(--line-strong);height:40px;color:var(--text-2);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.filter-pill:hover{color:var(--text);border-color:var(--text-3);background:var(--surface-05)}.filter-pill--remove{padding-right:10px}.filter-pill__x{opacity:.7;font-size:15px;line-height:1}.filter-pill--remove:hover .filter-pill__x{opacity:1}.filter-search{border:1px solid var(--line-strong);background:var(--input-bg);width:260px;max-width:100%;height:40px;color:var(--text-3);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px;display:flex}.filter-search:focus-within{border-color:var(--brand-strong);color:var(--text)}.filter-search__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;width:16px;height:16px}.filter-search__input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:13.5px}.filter-search__input::placeholder{color:var(--text-3)}.filter-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.back-link{color:var(--text-2);border-bottom:1px solid var(--line-strong);transition:color .2s var(--ease), border-color .2s var(--ease);align-items:center;gap:6px;margin-bottom:28px;padding-bottom:3px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--text-strong);border-color:var(--brand-strong)}.project-detail[hidden]{display:none}.project-detail__head{max-width:760px}.project-detail__title{letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.6vw,44px);font-weight:650;line-height:1.15}.project-detail__summary{max-width:660px;color:var(--text-2);margin:18px 0 0;font-size:17px;line-height:1.65}.project-detail__dates{color:var(--text-3);flex-wrap:wrap;align-items:center;margin:16px 0 0;font-size:13px;display:flex}.project-detail__dates span{align-items:center;display:inline-flex}.project-detail__dates span+span{margin-left:12px}.project-detail__dates span+span:before{content:"";background:var(--line-strong);border-radius:50%;width:3px;height:3px;margin-right:12px}.project-detail__layout{grid-template-columns:minmax(0,1fr) 300px;gap:56px;margin-top:44px;display:grid}.project-detail__main{min-width:0}.project-prose{border-top:1px solid var(--line);color:var(--text-2);margin-top:36px;padding-top:36px;font-size:15.5px;line-height:1.75}.project-prose h2,.project-prose h3{color:var(--text);margin:28px 0 12px;line-height:1.3}.project-prose h2{font-size:22px}.project-prose h3{font-size:18px}.project-prose p{margin:0 0 14px}.project-prose ul{margin:0 0 14px;padding-left:1.25em}.project-prose li+li{margin-top:6px}.project-prose a{color:var(--brand-strong);text-underline-offset:3px;text-decoration:underline}.project-prose strong{color:var(--text)}.project-prose code{background:var(--code-bg);color:var(--code-text);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em}.project-prose img{border-radius:10px;width:100%;margin:10px 0}.project-video{margin-top:36px}.project-video iframe{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;border:0;width:100%;display:block}.project-aside{flex-direction:column;gap:26px;display:flex}.project-meta{gap:16px;margin:0;font-size:14px;display:grid}.project-meta>div{border-top:1px solid var(--line);padding-top:14px}.project-meta dt{letter-spacing:.06em;color:var(--text-3);margin-bottom:4px;font-size:12px}.project-meta dd{color:var(--text);margin:0}.project-tech{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-tech__item{border:1px solid var(--line);color:var(--text-2);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;display:inline-flex}.project-tech__icon{width:20px;height:20px;color:var(--text);flex:none;justify-content:center;align-items:center;display:inline-flex}.project-tech__icon img,.project-tech__icon svg{object-fit:contain;width:100%;height:100%;display:block}.project-partner{align-items:center;gap:8px;margin:0;display:inline-flex}.project-partner__icon{object-fit:contain;flex:none;width:auto;max-width:80px;height:20px;display:block}.project-env{flex-wrap:wrap;gap:8px;margin:0;display:flex}.project-env__item{border:1px solid var(--line);color:var(--text-2);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;display:inline-flex}.project-env__icon{width:18px;height:18px;color:var(--text);flex:none;justify-content:center;align-items:center;display:inline-flex}.project-env__icon img,.project-env__icon svg{object-fit:contain;width:100%;height:100%;display:block}.project-env__icon--apple{transform:translateY(-1px)}.project-entries{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.project-entry-qr{position:relative}.project-entry-pill{cursor:pointer;height:40px;transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);border:0;border-radius:999px;align-items:center;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.project-entry-pill--primary{background:var(--paper);color:var(--paper-text)}.project-entry-pill--primary:hover{background:var(--paper-hover);transform:translateY(-2px)}.project-entry-pill--secondary{border:1px solid var(--line-strong);color:var(--text);background:0 0}.project-entry-pill--secondary:hover{background:var(--bg-elev);transform:translateY(-2px)}.project-qr-pop{z-index:6;border:1px solid var(--line-strong);border-radius:var(--radius);width:168px;box-shadow:var(--shadow-sm);opacity:0;visibility:hidden;transition:opacity .18s var(--ease), transform .18s var(--ease), visibility .18s;background:#fff;padding:10px;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(4px)}.project-qr-pop img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.project-entry-qr:hover .project-qr-pop,.project-entry-qr:focus-within .project-qr-pop,.project-entry-qr.is-open .project-qr-pop{opacity:1;visibility:visible;transform:translateY(0)}.project-aside__title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin:0 0 12px;font-size:12.5px;font-weight:600}.project-gallery-section{margin-top:36px}.project-gallery{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:12px;margin-top:16px;padding-bottom:4px;display:flex;overflow-x:auto}.project-gallery figure{border-radius:var(--radius);scroll-snap-align:start;flex:none;margin:0;line-height:0;overflow:hidden}.project-gallery img{cursor:zoom-in;width:auto;max-width:none;height:400px;display:block}.project-gallery img:focus-visible{outline:2px solid var(--brand-strong);outline-offset:3px}.lightbox{z-index:200;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s var(--ease);background:#0a0e16db;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox.is-open{opacity:1}.lightbox__img{border-radius:var(--radius);object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 24px 60px #00000073}.lightbox__close{color:#fff;cursor:pointer;width:40px;height:40px;transition:background .2s var(--ease);background:#ffffff24;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute;top:24px;right:28px}.lightbox__close:hover{background:#ffffff42}body.lightbox-open{overflow:hidden}@media (width<=620px){.lightbox{padding:16px}.lightbox__close{top:12px;right:12px}}.site-footer{border-top:1px solid var(--line);color:var(--text-3);padding:64px 0 40px;font-size:13.5px}.footer-top{border-bottom:1px solid var(--line);grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-bottom:44px;display:grid}.footer-brand b{color:var(--text);font-size:15px}.footer-brand p{max-width:320px;margin:14px 0 0}.footer-col h4{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin:0 0 16px;font-size:12.5px;font-weight:600}.footer-col a{transition:color .2s var(--ease);padding:6px 0;display:block}.footer-col a:hover{color:var(--text)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-top:26px;display:flex}.footer-bottom a{color:var(--text-2);transition:color .2s var(--ease)}.footer-bottom a:hover{color:var(--text)}.beian-icon{vertical-align:-2px;width:14px;height:15px;margin-right:4px;display:inline-block}@media (width<=1080px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.project-detail__layout{grid-template-columns:1fr;gap:40px}}@media (width<=860px){.site-nav{display:none}.nav-toggle{display:flex}.site-header,.site-header.is-scrolled{backdrop-filter:none;background:0 0;border-bottom-color:#0000}.site-header:before{content:"";z-index:-1;background:var(--header-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);pointer-events:none;position:absolute;inset:0}.site-header.is-menu-open .site-nav{background:var(--header-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 28px 16px;display:flex;position:absolute;top:100%;left:0;right:0}.site-header.is-menu-open .site-nav a{border-bottom:1px solid var(--line);padding:14px 0;font-size:16px}.site-header.is-menu-open .site-nav a:last-child{border-bottom:0}.site-header.is-menu-open .site-nav a:after{display:none}}@media (width<=620px){.brand-text,.header-actions .btn-primary{display:none}.brand-mark{height:36px}.header-inner{gap:12px}.project-grid{grid-template-columns:1fr}.project-gallery img{height:300px}.segmented{scrollbar-width:none;max-width:100%;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.filter-search{flex:100%;width:auto}.footer-top{grid-template-columns:repeat(3,1fr);gap:22px 16px}.footer-brand{grid-column:1/-1}.footer-col h4{margin-bottom:10px;font-size:12px}.footer-col a{overflow-wrap:anywhere;padding:5px 0;font-size:12px;display:block}}.js .reveal{opacity:0;transform:translateY(18px)}.js .reveal.is-visible{opacity:1;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none}.btn-primary:hover,.btn-ghost:hover,.project-card:hover,.project-entry-pill--primary:hover,.project-entry-pill--secondary:hover{transform:none}.filter-pill,.segmented__thumb{transition:none}.project-card:hover .work-media img{transform:none}}