@layer base, components, responsive;@layer base{:root{color-scheme:dark;--bg:#111214;--panel:#191b1f;--panel-soft:#202329;--text:#f2f0eb;--muted:#a5a8af;--quiet:#92969f;--accent:#ed714b;--line:#2b2e35;--green:#b1bac8;--radius:12px;--font:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;background:var(--bg);color:var(--text);font-family:var(--font)}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth;scroll-padding-top:32px}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}h1,h2,h3,p{margin:0}img{max-width:100%}::selection{background:#794432;color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}main:focus{outline:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.skip-link{background:var(--text);border-radius:10px;color:var(--bg);left:20px;padding:12px 20px;position:fixed;top:-80px;z-index:30}.skip-link:focus{top:12px}}@layer components{.site-shell{margin:0 auto;max-width:1224px;padding:0 48px}.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;height:88px;justify-content:space-between}.brand{align-items:center;display:inline-flex;font-size:17px;font-weight:600;gap:12px}.brand-symbol{display:grid;gap:3px;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px)}.brand-symbol i{background:var(--text);border-radius:1px}.brand-symbol i:last-child{background:var(--accent)}.site-header nav{align-items:center;display:flex;gap:30px}.nav-link{color:var(--muted);font-size:14px;padding:12px 0;position:relative;transition:color .2s}.nav-link.is-active,.nav-link:hover{color:var(--text)}.nav-link.is-active:after{background:var(--accent);bottom:3px;content:"";height:1px;left:0;position:absolute;right:0}.eyebrow{align-items:center;color:var(--muted);display:inline-flex;font-size:13px;letter-spacing:.04em;line-height:1.6}.hero{max-width:850px;padding:80px 0 68px}.hero h1{font-size:clamp(42px,5vw,64px);font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:18px 0 22px}.hero p{color:var(--muted);font-size:16px;line-height:1.9;max-width:560px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:28px;margin-top:30px}.button{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;line-height:1.6;min-height:46px;padding:11px 18px;transition:background .2s,border-color .2s}.button-primary{background:var(--accent);color:#191412}.button-primary:hover{background:#f38764}.button-secondary{background:#ffffff04;border-color:#40444e;color:var(--text)}.button-secondary:hover:not(:disabled){background:#ffffff0a;border-color:#666c78}.text-link{align-items:center;color:var(--muted);display:inline-flex;font-size:14px;gap:10px;line-height:1.8;transition:color .2s}.text-link:hover{color:var(--text)}.works-section{padding:0 0 64px;scroll-margin-top:28px}.section-heading{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.section-heading h2{font-size:25px;font-weight:550;letter-spacing:0;line-height:1.5}.section-note{color:var(--quiet);font-size:13px}.project-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.project-cover{aspect-ratio:1.6;background:var(--panel-soft);display:block;overflow:hidden;position:relative}.project-cover img{display:block;height:100%;object-fit:cover;width:100%}.project-cover:focus-visible{outline-offset:-4px}.cover-label{background:var(--text);border-radius:6px;color:var(--bg);font-size:12px;left:16px;padding:5px 9px;position:absolute;top:16px}.project-copy{min-width:0;padding:28px}.project-meta{align-items:center;color:var(--quiet);display:flex;flex-wrap:wrap;font-size:12px;gap:8px 16px;line-height:1.8;margin-bottom:18px}.project-status{color:var(--muted)}.project-title{align-items:center;display:flex;gap:12px;justify-content:space-between}.project-title h3{font-size:26px;font-weight:550;line-height:1.5}.project-title:hover{color:var(--accent)}.project-summary{color:var(--muted);font-size:15px;line-height:1.9;margin:14px 0 20px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{background:#ffffff04;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px;line-height:1.5;padding:4px 8px}.project-actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-top:30px}.project-grid.is-single{grid-template-columns:1fr}.is-single .project-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.is-single .project-cover{aspect-ratio:auto;border-right:1px solid var(--line)}.is-single .project-cover>div{height:100%;min-height:360px;width:100%}.is-single .project-copy{align-self:center;padding:36px}.site-footer{align-items:center;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:40px;padding:28px 0 36px}.footer-brand{font-size:14px;font-weight:500}.site-footer p{color:var(--quiet);font-size:13px}.back-link{align-items:center;color:var(--muted);display:inline-flex;font-size:14px;gap:9px;transition:color .2s}.back-link:hover{color:var(--accent)}.detail-page,.lab-page{padding-top:36px}.detail-heading{align-items:center;display:flex;gap:30px;justify-content:space-between;padding:39px 0}.detail-heading h1{align-items:baseline;display:flex;flex-wrap:wrap;font-size:62px;font-weight:550;gap:20px;letter-spacing:-.02em;line-height:1.25;margin:13px 0}.detail-heading h1 span{color:var(--muted);font-size:23px;font-weight:400;letter-spacing:0}.detail-heading p{color:var(--muted);font-size:16px;line-height:1.9}.detail-heading .button{flex-shrink:0}.detail-cover{border-radius:10px;overflow:hidden}.detail-cover img{display:block;height:auto;width:100%}.detail-body{display:grid;gap:100px;grid-template-columns:1.6fr 1fr;padding:63px 0 67px}.detail-body h2{font-size:26px;font-weight:500;letter-spacing:-.5px;margin:13px 0 20px}.detail-description{color:var(--muted);font-size:16px;line-height:2.1}.concept-note{background:var(--panel);border-left:2px solid var(--accent);margin-top:25px;padding:19px}.concept-note p{color:var(--muted);font-size:14px;line-height:1.9;margin-top:9px}.pill{align-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:inline-flex;font-size:12px;gap:8px;padding:6px 10px;white-space:nowrap}.detail-facts>div{border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px;padding:20px 0}.detail-facts>div:first-child{padding-top:4px}.detail-facts>div>span{color:var(--quiet);font-size:13px}.detail-facts strong{font-size:13px;font-weight:400}.features-section{border-top:1px solid var(--line);padding:39px 0}.features-section .section-heading h2{font-size:25px}.mono{font-family:var(--mono)}.small{color:var(--quiet);font-size:13px}.feature-grid{display:grid;gap:35px;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-number{color:var(--accent);display:inline-block;font-family:var(--mono);font-size:13px;margin:0 0 24px}.feature-grid h3{font-size:17px;font-weight:500;margin-bottom:12px}.feature-grid p{color:var(--muted);font-size:14px;line-height:2}.next-project{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:30px;padding:34px 0}.next-project h2{font-size:32px;font-weight:500;margin-top:12px}.next-project h2 span{color:var(--muted);font-size:15px;margin-left:15px}.next-project>svg{color:var(--accent)}.empty-page{min-height:63vh;padding:105px 0}.empty-page h1{font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.5;margin:18px 0}.empty-page p{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:28px}.media-placeholder{background:var(--panel);color:var(--muted);display:grid;min-height:250px;place-items:center}}@layer responsive{@media (max-width:1000px){.site-shell{padding:0 32px}.is-single .project-copy{padding:28px}.detail-body{gap:48px}.detail-heading h1{font-size:48px}}@media (max-width:760px){.site-shell{padding:0 24px}.site-header{height:72px}.brand{font-size:16px;gap:9px}.site-header nav{gap:20px}.nav-link{font-size:13px}.hero{padding:52px 0 48px}.hero h1{font-size:36px;margin:16px 0 20px}.hero p{font-size:15px}.hero-actions{gap:24px;margin-top:26px}.works-section{padding-bottom:48px}.section-heading{align-items:baseline;gap:12px;margin-bottom:20px}.section-heading h2{font-size:22px}.section-note{font-size:12px;max-width:130px;text-align:right}.is-single .project-card,.project-grid{grid-template-columns:1fr}.project-grid{gap:28px}.is-single .project-cover{border-bottom:1px solid var(--line);border-right:0}.is-single .project-cover>div{height:auto;min-height:0}.is-single .project-copy,.project-copy{padding:24px}.project-title h3{font-size:24px}.project-actions{gap:20px;margin-top:24px}.site-footer{margin-top:24px}.detail-heading{align-items:start;flex-direction:column;gap:20px;padding:28px 0}.detail-heading h1{font-size:36px;gap:12px}.detail-heading h1 span{font-size:18px}.detail-heading p{font-size:15px}.detail-body{gap:28px;grid-template-columns:1fr;padding:36px 0}.detail-body h2{font-size:23px}.detail-description{font-size:15px}.detail-facts{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-facts>div{padding-top:4px}.detail-facts>div:last-child{grid-column:1/-1}.feature-grid{gap:24px;grid-template-columns:1fr}.feature-number{margin-bottom:12px}.feature-grid article{border-bottom:1px solid var(--line);padding-bottom:20px}.features-section .section-heading h2{font-size:22px}.empty-page{padding:64px 0}.next-project h2{font-size:26px}}@media (max-width:380px){.site-shell{padding:0 18px}.brand{font-size:15px;gap:8px}.site-header nav{gap:14px}.hero h1{font-size:36px}.is-single .project-copy,.project-copy{padding:20px}.project-actions{gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}}