:root{--font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-display: "Inter", "PingFang SC", sans-serif;--color-bg: #ffffff;--color-text: #1a1a1a;--color-text-light: #666666;--color-border: #e5e5e5;--color-accent: #1a1a1a;--max-width: 100%;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;letter-spacing:.01em}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:100%;padding:0 4rem}@media(max-width:1280px){.container{padding:0 3rem}.header-inner{padding:1.5rem 3rem}.footer-inner{padding:0 3rem}}@media(max-width:768px){.container{padding:0 1.5rem}.header-inner{padding:1rem 1.5rem}.footer-inner{padding:0 1.5rem}}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-bg);border-bottom:1px solid transparent}.site-header.scrolled{border-bottom-color:var(--color-border)}.header-inner{width:100%;padding:1.5rem 4rem;display:flex;justify-content:space-between;align-items:center}.site-logo{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.site-logo img{height:96px;width:auto}.site-nav{display:flex;gap:2rem;list-style:none}.site-nav a{font-size:.875rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-light)}.site-nav a:hover,.site-nav a.active{color:var(--color-text)}.home-hero{padding:8rem 0 4rem}.home-hero h1{font-family:var(--font-display);font-size:1rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:2rem}.home-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl) var(--spacing-lg);padding-bottom:var(--spacing-xl)}.home-sections .about-section{max-width:560px}.home-sections .about-section p{font-size:.9rem;line-height:1.8;color:var(--color-text-light);margin-bottom:1.5rem}.home-sections .contact-section h3{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}.home-sections .contact-section p{font-size:.85rem;color:var(--color-text-light);line-height:2}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:6rem 0 4rem}.project-thumb{aspect-ratio:1;overflow:hidden;background:#f5f5f5;position:relative}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb .project-label{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#00000080);color:#fff;font-size:.8rem;letter-spacing:.04em;opacity:0}.project-thumb:hover .project-label{opacity:1}.project-detail{padding:10rem 0 4rem}.project-detail .back-link{display:inline-block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:3rem}.project-detail .back-link:hover{color:var(--color-text)}.project-detail h1{font-family:var(--font-display);font-size:2rem;font-weight:500;letter-spacing:.02em;margin-bottom:.5rem}.project-detail .project-meta{font-size:.85rem;color:var(--color-text-light);margin-bottom:2rem;line-height:1.8}.project-detail .project-body{max-width:640px;font-size:.9rem;line-height:1.8;color:var(--color-text-light);margin-bottom:3rem}.project-body[lang=en]{text-align:justify;font-weight:300}.project-body[lang=zh-CN] p{line-height:2.4}.about-page p[lang=en]{text-align:justify;font-weight:300}.project-carousel{position:relative;width:100%;max-width:900px;margin:0 auto}.carousel-viewport{width:100%;aspect-ratio:4/3;overflow:hidden;background:#f5f5f5}.carousel-viewport img{width:100%;height:100%;object-fit:contain}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem}.carousel-btn{background:none;border:1px solid var(--color-border);width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-text);font-family:var(--font-sans)}.carousel-btn:hover{border-color:var(--color-text)}.carousel-counter{font-size:.8rem;color:var(--color-text-light);letter-spacing:.05em}.about-page{padding:10rem 0 4rem}.about-page .container{max-width:640px;margin:0 auto}.about-page h1{font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin-bottom:2rem}.about-page p{font-size:.9rem;line-height:2.1;color:var(--color-text-light);margin-bottom:1.5rem}.contact-item{margin-bottom:0;font-size:.85rem;color:var(--color-text-light);line-height:1.4}.about-page .contact-item{margin-bottom:0}.lang-toggle{background:none;border:none;font-family:var(--font-sans);font-size:.8rem;letter-spacing:.05em;color:var(--color-text-light);cursor:pointer;padding:.25rem 0}.lang-toggle:hover{color:var(--color-text)}.lang-toggle.active{color:var(--color-text);font-weight:500}.site-footer{border-top:1px solid var(--color-border);padding:2rem 0;font-size:.75rem;color:var(--color-text-light);letter-spacing:.04em}.footer-inner{width:100%;padding:0 4rem;display:flex;justify-content:space-between}@media(max-width:768px){.home-sections{grid-template-columns:1fr;gap:var(--spacing-lg)}.site-nav{gap:1rem}}@media(max-width:480px){.project-detail h1{font-size:1.5rem}}