:root{--bg:#fff;--ink:#34383d;--deep:#2f3439;--muted:#72777c;--light:#eef0f1;--line:#d9dde0;--orange:#d66b32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}.nav{position:sticky;top:0;z-index:20;height:68px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}a{text-decoration:none;color:inherit}.logo{font-weight:700;letter-spacing:.08em}.nav nav{display:flex;gap:22px;color:var(--muted);font-size:13px}.hero{min-height:calc(100vh - 68px);display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;padding:8vh 5vw;align-items:center}.eyebrow,.section-label,.section-head span,.project-title p,.contact p{font-size:12px;letter-spacing:.18em;color:var(--orange);margin:0 0 18px}.hero h1{font-size:clamp(64px,9vw,118px);line-height:.88;letter-spacing:-.07em;margin:0 0 26px;color:var(--deep)}.hero h1 span{font-weight:300;color:var(--ink)}.hero h2{font-size:24px;font-weight:400}.intro{max-width:680px;color:var(--muted);font-size:15px}.hero-right{min-height:520px;background:var(--light);position:relative;display:flex;align-items:center;justify-content:center}.hero-right:after{content:"";position:absolute;inset:28px;border:1px solid #d8dde0}.portrait{max-width:72%;max-height:78%;width:auto;height:auto;object-fit:contain;z-index:1}.hero-mark{position:absolute;bottom:34px;left:36px;color:var(--deep);font-size:12px;line-height:1.05;letter-spacing:.12em;font-weight:700}.about,.index-section,.projects,.project-section{padding:100px 5vw;border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:280px 1fr;gap:8vw}.about h2,.section-head h2,.project-title h2{font-size:38px;line-height:1.12;margin:0;color:var(--deep)}.profile-lead{font-size:18px!important;color:var(--orange);line-height:1.5!important}.about p{font-size:21px;line-height:1.65}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:32px 0 0}.process div{background:var(--light);padding:20px}.process strong{display:block;color:var(--orange);font-size:12px;letter-spacing:.12em}.process b{display:block;font-size:16px;margin:10px 0 8px;color:var(--deep)}.process span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);list-style:none;margin:32px 0 0;padding:0}.facts li{background:var(--light);padding:20px}.facts b{display:block;color:var(--muted);font-size:12px;font-weight:400}.facts span{font-size:17px;color:var(--deep)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.index-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.index-list a{background:var(--light);padding:22px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:14px;transition:.2s}.index-list a:hover{background:#e4e7e9}.index-list span{grid-row:1/3;color:var(--orange);font-size:12px;letter-spacing:.12em}.index-list b{font-size:17px;color:var(--deep)}.index-list em{font-style:normal;color:var(--muted);font-size:12px;margin-top:5px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--light);border:1px solid var(--line);overflow:hidden;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2d32351a}.thumb{height:230px;overflow:hidden;background:#e4e7e9;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:contain}.thumb span{color:var(--muted);font-size:12px}.card-copy{padding:18px}.card-copy p{margin:0 0 6px;color:var(--orange);font-size:11px;letter-spacing:.14em}.card-copy h3{font-size:18px;margin:0;color:var(--deep)}.project-section{display:grid;grid-template-columns:330px 1fr;gap:34px}.project-title{position:sticky;top:92px;align-self:start;background:#fff;padding-bottom:20px}.project-title dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:24px 0}.project-title dl div{display:grid;grid-template-columns:84px 1fr;gap:12px;margin:9px 0}.project-title dt{color:var(--muted);font-size:13px}.project-title dd{margin:0;font-size:13px;color:var(--deep)}.back{font-size:12px;color:var(--orange)}.ppt-pages{display:flex;flex-direction:column;gap:40px}.ppt-page-image{margin:0 0 14px;background:#f4f5f5;border:1px solid var(--line);padding:12px;cursor:zoom-in}.ppt-page-image img{display:block;width:100%;height:auto;object-fit:contain}.contact{margin:90px 5vw 5vw;background:var(--deep);color:#fff;padding:70px}.contact h2{font-size:48px;margin:0 0 24px}.contact div{display:flex;gap:28px;color:#e7e9ea}.lightbox{position:fixed;inset:0;z-index:100;background:#181c20f2;display:none;align-items:center;justify-content:center;padding:28px}.lightbox.open{display:flex}.lightbox img{max-width:96vw;max-height:94vh;width:auto;height:auto;object-fit:contain}.close{position:absolute;top:18px;right:26px;background:none;border:0;color:#fff;font-size:42px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.project-section{grid-template-columns:1fr}.project-title{position:static}.process{grid-template-columns:repeat(2,1fr)}.index-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav nav{display:none}.hero,.about-grid{grid-template-columns:1fr}.hero-right{min-height:400px}.facts,.cards,.index-list,.process{grid-template-columns:1fr}.contact div{flex-direction:column}.hero h1{font-size:62px}}