@font-face{font-family:Alibaba PuHuiTi;font-style:normal;font-weight:300 900;font-display:swap;src:local(Alibaba PuHuiTi),local("Alibaba PuHuiTi 2.0"),local(AlibabaPuHuiTi),url(/fonts/AlibabaPuHuiTi-3-55-Regular.woff2)format("woff2"),url(/fonts/AlibabaPuHuiTi-3-55-Regular.ttf)format("truetype")}:root{--color-background:#eeece7;--color-background-deep:#e3e0d8;--color-surface:#f8f7f3;--color-surface-muted:#e9e6df;--color-text:#30302d;--color-text-soft:#62615c;--color-text-muted:#8a867c;--color-border:#cbc6ba;--color-border-strong:#9e988e;--color-accent:#4b5148;--color-accent-warm:#8a7658;--color-focus:#343b33;--shadow-soft:0 18px 46px #3b373014;--font-alibaba:"Alibaba PuHuiTi", "Alibaba PuHuiTi 2.0", "AlibabaPuHuiTi";--font-sans:var(--font-alibaba);--font-display:var(--font-alibaba);--max-width:1700px;--gutter:40px;--radius-small:4px;--motion-fast:.18s;--motion-base:.32s;--motion-slow:.7s}@media (width<=760px){:root{--gutter:20px}}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);min-width:320px;color:var(--color-text);font-family:var(--font-sans);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.16;background-position:top;background-size:72px 72px;position:fixed;inset:0}body:after{z-index:-1;pointer-events:none;content:"";background:#eeece7db;position:fixed;inset:0}button,input,textarea{font:inherit}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-text);letter-spacing:0;font-weight:500}h1{max-width:980px;font-family:var(--font-display);font-size:72px;line-height:.98}h2{max-width:720px;font-family:var(--font-display);font-size:42px;line-height:1.08}h3{font-size:24px;line-height:1.14}p{color:var(--color-text-soft)}::selection{color:var(--color-surface);background:var(--color-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@media (width<=900px){h1{font-size:52px}h2{font-size:34px}}@media (width<=560px){h1{font-size:40px;line-height:1.04}h2{font-size:30px}h3{font-size:21px}}#root{min-height:100vh}.app-shell{background:#f8f7f36b;width:100%;min-height:100vh;margin:0 auto}.site-header{z-index:20;width:min(calc(100% - 48px), var(--max-width));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#eeece7c7;border:1px solid #cbc6baad;justify-content:space-between;align-items:center;margin:0 auto;padding:16px 18px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.brand-mark{color:var(--color-text);text-transform:uppercase;align-items:baseline;gap:10px;font-size:14px;line-height:1;display:inline-flex}.brand-mark span:first-child{background:var(--color-text);width:34px;height:34px;color:var(--color-surface);place-items:center;font-size:13px;display:inline-grid}.site-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav-link{color:var(--color-text-soft);transition:color var(--motion-fast) ease, background-color var(--motion-fast) ease;padding:10px 12px;font-size:14px;line-height:1}.nav-link:hover,.nav-link.is-active{color:var(--color-text);background:#cbc6ba47}.header-contact-button{color:var(--color-surface);background:var(--color-text);border:1px solid var(--color-text);transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease;margin-left:16px;padding:11px 16px;font-size:14px;line-height:1}.header-contact-button:hover{color:var(--color-text);background:var(--color-surface)}.page-transition{width:min(100%, var(--max-width));min-height:68vh;padding:132px var(--gutter) 96px;margin:0 auto}.home-page{width:100%;max-width:none;padding:0}.page-notice{border-left:2px solid var(--color-accent);max-width:760px;color:var(--color-text);background:#f8f7f3bd;margin:0 0 36px;padding:14px 16px}.hero-section{grid-template-columns:minmax(0,1.06fr) minmax(320px,.72fr);align-items:stretch;gap:72px;min-height:620px;padding:16px 0 96px;display:grid}.home-hero{min-height:100vh;color:var(--color-surface);background:#20211f;position:relative;overflow:hidden}.home-hero__video,.home-hero__fallback,.home-hero__overlay{width:100%;height:100%;position:absolute;inset:0}.home-hero__video{object-fit:cover;filter:grayscale()contrast(1.1);opacity:.46}.home-hero__fallback{background-color:#2d2e2a;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:108px 108px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.home-hero__overlay{background:linear-gradient(90deg,#141513db,#1415137a 58%,#141513b8),linear-gradient(#14151333,#141513e0)}.home-hero__inner{z-index:1;width:min(calc(100% - 80px), var(--max-width));flex-direction:column;justify-content:space-between;min-height:100vh;margin:0 auto;padding:148px 0 76px;display:flex;position:relative}.home-hero__meta{color:#f8f7f3b3;text-transform:uppercase;justify-content:space-between;gap:24px;font-size:13px;display:flex}.home-hero__content{gap:30px;max-width:1120px;display:grid}.home-hero h1{max-width:1180px;color:var(--color-surface);font-size:clamp(72px,7.2vw,132px);line-height:.92}.home-hero p{color:#f8f7f3c7;max-width:720px;font-size:22px;line-height:1.65}.home-hero p.english-support,.english-support{color:var(--color-text-muted);font-size:15px;line-height:1.6}.home-hero p.english-support{color:#f8f7f394}.home-hero .magnetic-button--secondary{color:var(--color-surface);border-color:#f8f7f373}.home-hero .magnetic-button:hover{background:var(--color-surface)}.home-section{width:min(calc(100% - 80px), var(--max-width));border-top:1px solid var(--color-border);margin:0 auto;padding:140px 0}.section-kicker{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:30px;font-size:13px}.experience-grid{grid-template-columns:minmax(420px,.56fr) minmax(0,1fr);align-items:stretch;gap:90px;display:grid}.experience-image{border:1px solid var(--color-border);background:var(--color-background-deep);min-height:680px;overflow:hidden}.experience-image img{object-fit:cover;width:100%;height:100%}.experience-copy{flex-direction:column;justify-content:center;gap:30px;display:flex}.experience-copy h2,.wide-section-heading h2,.closing-contact h2{max-width:980px;font-size:clamp(48px,4.2vw,82px);line-height:.98}.experience-copy p{max-width:780px;font-size:21px;line-height:1.72}.contact-lines{flex-wrap:wrap;gap:14px 26px;display:flex}.contact-lines a{border-bottom:1px solid}.stats-grid{background:var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:900px;margin-top:28px;display:grid}.stats-grid div{background:var(--color-background);gap:12px;min-height:150px;padding:28px;display:grid}.stats-grid strong{color:var(--color-text);font-family:var(--font-display);font-size:54px;font-weight:500;line-height:1}.stats-grid span{color:var(--color-text-muted);text-transform:uppercase;font-size:13px}.wide-section-heading{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:56px;display:flex}.wide-section-heading>span,.closing-contact__inner>span{color:var(--color-text-muted);text-transform:uppercase;font-size:13px}.wide-section-description{max-width:760px;color:var(--color-text-soft);margin:-28px 0 56px;font-size:19px;line-height:1.75}.featured-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.featured-project-card{background:var(--color-surface);border:1px solid var(--color-border);min-height:640px;transition:transform var(--motion-base) ease, box-shadow var(--motion-base) ease, border-color var(--motion-base) ease;display:grid;overflow:hidden}.featured-project-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-soft);transform:translateY(-10px)}.featured-project-card img{object-fit:cover;border-bottom:1px solid var(--color-border);width:100%;height:430px;transition:transform var(--motion-slow) ease}.featured-project-card:hover img{transform:scale(1.04)}.featured-project-card div{align-content:start;gap:16px;padding:26px;display:grid}.featured-project-card span{color:var(--color-text-muted);text-transform:uppercase;font-size:12px}.featured-project-card p{font-size:16px;line-height:1.7}.featured-project-card p.english-support{font-size:13px}.strength-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.strength-card{border:1px solid var(--color-border);background:#f8f7f3a8;align-content:space-between;min-height:360px;padding:28px;display:grid}.strength-card>span{background:var(--color-text);width:42px;height:3px}.strength-card h3{font-family:var(--font-display);margin-top:90px;font-size:34px}.strength-card small,.process-card small,.project-card__english-title{color:var(--color-text-muted);text-transform:uppercase;font-size:12px;line-height:1.5}.strength-card p{margin-top:18px;font-size:16px;line-height:1.7}.process-section{padding-top:120px}.process-grid{background:var(--color-border);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.process-card{background:var(--color-background);align-content:space-between;min-height:260px;padding:24px;display:grid}.process-card h3{font-family:var(--font-display);font-size:28px}.process-card p{color:var(--color-text-soft);align-self:end;font-size:15px;line-height:1.7}.closing-contact{min-height:100vh;color:var(--color-surface);background:var(--color-text);place-items:center;padding:120px 40px;display:grid}.closing-contact__inner{text-align:center;justify-items:center;gap:28px;width:min(100%,1200px);display:grid}.closing-contact h2{color:var(--color-surface)}.closing-contact p{color:#f8f7f3b8;max-width:720px;font-size:20px;line-height:1.7}.closing-contact .magnetic-button{color:var(--color-text);background:var(--color-surface);border-color:var(--color-surface)}.hero-copy{flex-direction:column;justify-content:center;gap:32px;display:flex}.hero-copy p,.page-hero p{max-width:650px;font-size:19px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-panel{background:var(--color-surface-muted);border:1px solid var(--color-border);min-height:520px;box-shadow:var(--shadow-soft);flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:relative;overflow:hidden}.hero-panel__topline{background:var(--color-text);width:100%;height:2px}.hero-panel__grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.hero-panel__grid span{aspect-ratio:1/.76;border:1px solid var(--color-border-strong);background:linear-gradient(90deg, transparent 49%, #30302d24 50%, transparent 51%), var(--color-surface)}.hero-panel__grid span:nth-child(2),.hero-panel__grid span:nth-child(5){background:var(--color-text)}.hero-panel__caption{color:var(--color-text-soft);text-transform:uppercase;justify-content:space-between;gap:18px;font-size:13px;display:flex}.section-block,.split-section,.contact-layout,.project-detail-grid,.capability-list{border-top:1px solid var(--color-border);padding:92px 0}.section-heading{grid-template-columns:220px minmax(0,1fr);gap:48px;margin-bottom:44px;display:grid}.section-label,.section-heading>span{color:var(--color-text-muted);text-transform:uppercase;font-size:13px;line-height:1.1}.split-section{grid-template-columns:minmax(0,.8fr) minmax(280px,.7fr);align-items:start;gap:72px;display:grid}.split-section h2{margin-top:18px}.split-section p{font-size:18px;line-height:1.75}.split-section--lined{border-bottom:1px solid var(--color-border)}.about-portrait{aspect-ratio:1/1.12;background:var(--color-background-deep);border:1px solid var(--color-border);margin-top:24px;overflow:hidden}.about-portrait img{object-fit:cover;width:100%;height:100%}.about-body{gap:24px;display:grid}.about-callout{border:1px solid var(--color-border);background:#f8f7f3b8;gap:14px;padding:26px;display:grid}.about-callout span,.about-expression span{color:var(--color-text-muted);text-transform:uppercase;font-size:12px}.about-callout h2{font-family:var(--font-display);font-size:34px}.about-info-section{border-top:1px solid var(--color-border);padding:92px 0}.about-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.about-info-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.about-info-card{border:1px solid var(--color-border);background:#f8f7f3a8;align-content:start;gap:18px;min-width:0;padding:26px;display:grid}.about-info-card h3{font-family:var(--font-display);font-size:28px}.about-expression{border-top:1px solid var(--color-border);gap:18px;max-width:980px;padding:92px 0 0;display:grid}.about-expression p{font-family:var(--font-display);font-size:clamp(32px,4vw,54px);line-height:1.12}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{border:1px solid var(--color-border);min-width:0;transition:border-color var(--motion-base) ease, box-shadow var(--motion-base) ease, background-color var(--motion-base) ease;background:#f8f7f39e}.project-card:hover{background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-soft)}.project-card a{height:100%;display:block}.project-card__media{aspect-ratio:1/.72;border-bottom:1px solid var(--color-border);background:var(--color-background-deep);overflow:hidden}.project-card__media img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-slow) ease}.project-card:hover .project-card__media img{transform:scale(1.045)}.project-card__content{gap:16px;padding:22px;display:grid}.project-card__meta{color:var(--color-text-muted);text-transform:uppercase;justify-content:space-between;gap:16px;font-size:12px;display:flex}.project-card p{font-size:15px;line-height:1.65}.page-hero{gap:24px;padding:34px 0 84px;display:grid}.page-hero--compact{max-width:920px}.project-detail-hero{gap:32px;display:grid}.project-detail-hero__copy{grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);align-items:end;gap:54px;display:grid}.project-detail-hero h1{margin-top:16px}.project-detail-hero p{font-size:18px;line-height:1.7}.project-detail-hero__media{aspect-ratio:1/.48;background:var(--color-background-deep);border:1px solid var(--color-border);overflow:hidden}.project-detail-hero__media img{object-fit:cover;width:100%;height:100%}.project-detail-grid{grid-template-columns:280px minmax(0,1fr);gap:84px;display:grid}.project-meta-list{border-top:1px solid var(--color-border);align-content:start;display:grid}.project-meta-list div{border-bottom:1px solid var(--color-border);gap:8px;padding:18px 0;display:grid}.project-meta-list span{color:var(--color-text-muted);text-transform:uppercase;font-size:12px}.project-meta-list strong{color:var(--color-text);font-size:15px;font-weight:500}.project-story{gap:24px;max-width:760px;display:grid}.project-story-section+.project-story-section{margin-top:28px}.project-story p{font-size:18px;line-height:1.8}.markdown-content{gap:18px;display:grid}.markdown-content ul{gap:10px;padding-left:20px;display:grid}.markdown-content li{color:var(--color-text-soft);font-size:17px;line-height:1.75}.markdown-heading,.markdown-subsection h3{font-family:var(--font-display);margin-top:8px;font-size:24px}.markdown-subsection{gap:12px;display:grid}.markdown-image{background:var(--color-background-deep);border:1px solid var(--color-border);margin:18px 0;overflow:hidden}.markdown-image img,.markdown-image .content-image-placeholder{aspect-ratio:16/10;object-fit:cover;width:100%}.content-image-placeholder{background:linear-gradient(90deg, #30302d14 1px, transparent 1px), linear-gradient(#30302d14 1px, transparent 1px), var(--color-background-deep);width:100%;min-height:220px;color:var(--color-text-muted);background-size:40px 40px;place-items:center;font-size:13px;display:grid}.content-image-placeholder:after{content:"图片待替换"}.project-gallery-section{border-top:1px solid var(--color-border);padding:92px 0}.project-gallery-groups{gap:64px;display:grid}.project-gallery-group{gap:22px;display:grid}.project-gallery-group__heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:16px;display:flex}.project-gallery-group__heading h3{font-family:var(--font-display);font-size:30px}.project-gallery-group__heading span{color:var(--color-text-muted);text-transform:uppercase;font-size:12px}.project-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-gallery-item{border:1px solid var(--color-border);min-width:0;transition:transform var(--motion-base) ease, border-color var(--motion-base) ease, box-shadow var(--motion-base) ease;background:#f8f7f3a8;overflow:hidden}.project-gallery-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-soft);transform:translateY(-6px)}.project-gallery-item img,.project-gallery-item .content-image-placeholder{aspect-ratio:4/3;object-fit:cover;width:100%}.project-gallery-item figcaption{color:var(--color-text-muted);border-top:1px solid var(--color-border);padding:12px 14px;font-size:12px}.capability-list{background:var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.capability-list div{background:var(--color-background);min-height:180px;padding:24px}.capability-list span{color:var(--color-text);font-family:var(--font-display);font-size:25px}.tools-list{border-top:1px solid var(--color-border);grid-template-columns:220px minmax(0,1fr);gap:48px;padding:92px 0;display:grid}.tools-list>div{flex-wrap:wrap;gap:12px;display:flex}.tools-list>div span{color:var(--color-text-soft);border:1px solid var(--color-border);background:#f8f7f3a3;padding:10px 14px;font-size:14px}.contact-layout{grid-template-columns:320px minmax(0,1fr);gap:72px;display:grid}.contact-aside{align-content:start;gap:14px;display:grid}.contact-aside a,.text-link{width:fit-content;color:var(--color-text);transition:color var(--motion-fast) ease;border-bottom:1px solid}.contact-aside a:hover,.text-link:hover{color:var(--color-accent-warm)}.contact-form{gap:18px;max-width:720px;display:grid}.contact-form label{color:var(--color-text-muted);text-transform:uppercase;gap:8px;font-size:12px;display:grid}.contact-form input,.contact-form textarea{width:100%;min-width:0;color:var(--color-text);border:0;border-bottom:1px solid var(--color-border);outline-offset:2px;resize:vertical;text-transform:none;background:0 0;border-radius:0;padding:16px 0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--color-text-muted)}.site-footer{width:min(100%, var(--max-width));padding:42px var(--gutter);border-top:1px solid var(--color-border);justify-content:space-between;gap:32px;margin:0 auto;display:flex}.site-footer p{max-width:460px;margin-top:8px;font-size:14px}.footer-brand{color:var(--color-text);text-transform:uppercase;font-size:14px}.footer-links{color:var(--color-text-soft);flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.footer-links a:hover{color:var(--color-text)}@media (width<=980px){.hero-section,.project-detail-hero__copy,.project-detail-grid,.contact-layout{grid-template-columns:1fr}.hero-section{gap:42px;min-height:auto}.hero-panel{min-height:420px}.project-grid,.project-grid--featured,.capability-list,.featured-projects,.strength-grid,.process-grid,.project-gallery-grid,.about-info-grid,.about-info-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.split-section,.experience-grid,.tools-list{grid-template-columns:1fr;gap:24px}.experience-image{min-height:520px}}@media (width<=680px){.site-header,.site-footer{flex-direction:column;align-items:flex-start}.site-nav{width:100%;padding-bottom:2px;overflow-x:auto}.page-transition{padding-top:54px;padding-bottom:72px}.hero-copy p,.page-hero p,.project-story p,.split-section p{font-size:16px}.hero-panel{min-height:340px;padding:18px}.project-grid,.project-grid--featured,.capability-list,.featured-projects,.strength-grid,.process-grid,.project-gallery-grid,.about-info-grid,.about-info-grid--wide{grid-template-columns:1fr}.home-hero__inner,.home-section{width:min(calc(100% - 32px), var(--max-width))}.home-hero h1{font-size:56px}.home-hero p{font-size:17px}.experience-image{min-height:420px}.featured-project-card{min-height:auto}.featured-project-card img{height:320px}.project-card__content{padding:18px}.project-detail-hero__media{aspect-ratio:1/.72}.capability-list div{min-height:128px}}.magnetic-button{border:1px solid var(--color-text);width:fit-content;min-height:48px;color:var(--color-surface);background:var(--color-text);transition:color var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.magnetic-button--secondary{color:var(--color-text);border-color:var(--color-border-strong);background:0 0}.magnetic-button:hover{color:var(--color-text);background:var(--color-surface)}.magnetic-button--secondary:hover{border-color:var(--color-text)}.magnetic-button__inner{white-space:nowrap;align-items:center;gap:14px;padding:14px 18px;font-size:14px;line-height:1;display:inline-flex}.magnetic-button__mark{place-items:center;width:18px;height:18px;display:inline-grid}.magnetic-button__mark svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.4px;width:16px;height:16px}.cursor-glow{z-index:4;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(circle,#30302d1c,#30302d00 62%);width:300px;height:300px;position:fixed;top:0;left:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.project-card:hover .project-card__media img{transform:none}.cursor-glow{display:none}}