/* 基础：所有字体均来自系统，无网络依赖。 */
:root{--paper:#f4f2ed;--ink:#292925;--muted:#696861;--line:#d4d1c9;--accent:#9b4a32;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#d9c2b7}a{transition:color .25s}a:hover{color:var(--accent)}.page,.header-inner{width:min(1200px,calc(100% - 128px));margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:.14em;line-height:1.6}.accent{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;left:20px;top:-100px;background:var(--paper);padding:16px;z-index:10}.skip-link:focus{top:12px}
/* 顶部导航 */
.site-header{position:sticky;top:0;z-index:5;background:var(--paper)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:20px;font-weight:700;letter-spacing:-.06em}.wordmark .accent{margin-left:3px}nav{display:flex;gap:31px}nav a{font-size:12px;position:relative;padding:10px 0}nav a::after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a[aria-current="location"]{color:var(--accent)}nav a[aria-current="location"]::after{transform:scaleX(1)}
/* 首屏 */
.hero{min-height:calc(100svh - 88px);max-height:1000px;position:relative;padding:38px 0 42px;display:flex;flex-direction:column;justify-content:space-between}.hero-top{display:flex;justify-content:space-between;color:var(--muted)}.hero-name{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:70px 0 54px}.hero h1{font-size:clamp(90.2px,12.3vw,177.12px);font-weight:500;letter-spacing:-.065em;line-height:1.3658536585;white-space:nowrap}.hero-wechat{margin:0;width:340px;max-width:100%;justify-self:end}.hero-wechat img{display:block;width:260px;max-width:100%;height:auto}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:32px}.identity{font-size:15px;line-height:1.9}.identity span{color:#aaa69b;padding:0 10px}.hero-intro{font-size:17px;line-height:1.9;color:var(--muted);justify-self:end;width:340px;max-width:100%}.hero-scroll{display:flex;gap:24px;align-items:center;margin-top:68px;width:fit-content;color:var(--muted)}.hero-scroll span{font-size:18px}
/* 通用章节：大编号、章节名、缩进正文 */
.section{border-top:1px solid var(--line);padding:66px 0 112px;scroll-margin-top:0}.section-heading{display:flex;gap:44px;align-items:start;margin-bottom:54px}.section-number{font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:1;letter-spacing:-.06em;width:82px;flex-shrink:0;color:var(--muted)}.section-heading .eyebrow{margin:3px 0 13px;color:var(--muted)}h2{font-size:29px;font-weight:500;letter-spacing:-.04em;line-height:1.4}.heading-english{font-family:Georgia,serif;font-size:22px;font-weight:400;color:var(--muted);margin-left:20px}.section-body{margin-left:126px}.large-copy{font-size:clamp(23px,2.7vw,35px);line-height:1.8;letter-spacing:-.04em}.about-detail{max-width:550px;margin-top:32px;color:var(--muted);font-size:15px;line-height:2}.about-detail p+p{margin-top:16px}.focus-line{font-size:12px;color:var(--muted);margin-top:38px;line-height:2}.focus-line span{padding:0 12px}
/* 项目目录 */
.project{display:grid;grid-template-columns:30px minmax(0,1fr) 150px;gap:25px;border-top:1px solid var(--line);padding:34px 0}.project:last-child{border-bottom:1px solid var(--line)}.item-number{font-size:11px;color:var(--muted);padding-top:7px}.project h3{font-size:23px;font-weight:500;line-height:1.55;transition:color .25s}.project:has(a:hover) h3{color:var(--accent)}.project-copy p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:10px}.project-meta{display:flex;flex-direction:column;justify-content:space-between;align-items:end;gap:20px;font-size:11px}.project-meta>span{color:var(--muted);line-height:1.9}.project-meta a{font-size:12px}.project-meta a>span:first-child{display:inline-block;margin-left:12px;transition:transform .25s}.project-meta a:hover>span:first-child{transform:translate(2px,-2px)}
/* 近况 */
.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:1px}.now-intro{font-size:24px;margin-bottom:40px;letter-spacing:-.03em}.now-list{display:grid;grid-template-columns:1fr 1fr 1.4fr;margin:0;gap:32px}.now-list>div{border-left:1px solid var(--line);padding-left:22px}.now-list dt{font-family:Georgia,serif;font-style:italic;font-size:15px;color:var(--muted);margin-bottom:18px}.now-list dd{margin:0;font-size:19px;line-height:1.6}.small-note{font-size:11px;color:var(--muted);margin-top:42px}
/* 文章目录 */
.list-caption{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:25px;display:flex;justify-content:space-between;gap:15px}.list-caption>span{font-size:11px}.notes-list{list-style:none;padding:0;margin:0}.notes-list li{display:grid;grid-template-columns:88px minmax(0,1fr) 70px;align-items:baseline;gap:25px;padding:29px 0;border-top:1px solid var(--line)}.notes-list li:last-child{border-bottom:1px solid var(--line)}.note-date,.note-category{font-size:11px;color:var(--muted)}.note-category{text-align:right}.notes-list a{font-size:17px;line-height:1.7}.note-arrow{font-size:15px;display:inline-block;margin-left:15px;color:var(--muted)}
/* 联系和页脚 */
.contact-section{padding-bottom:95px}.contact-statement{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,6.2vw,84px);line-height:1.12;letter-spacing:-.045em}.contact-statement em{font-weight:400;color:var(--accent)}.contact-links{display:flex;flex-wrap:wrap;gap:16px 42px;margin-top:46px;font-size:13px}.contact-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;white-space:nowrap}.contact-links a:hover,.contact-links a:focus-visible{color:var(--muted)}.contact-links a:focus-visible{outline-color:var(--ink)}.contact-links a span{display:inline-block;transition:transform .25s}.contact-links a:hover span,.contact-links a:focus-visible span{transform:translate(2px,-2px)}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;padding:27px 0 35px;font-size:10px;color:var(--muted)}.notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px);background:var(--ink);color:var(--paper);padding:14px 22px;font-size:13px;line-height:1.7;max-width:calc(100% - 32px);width:max-content;z-index:9;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s}.notice.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* 窄屏：保留完整导航，目录自然换行。 */
@media(min-width:1600px){.hero{min-height:800px}}
@media(max-width:1000px){.hero-wechat img{width:220px}.page,.header-inner{width:calc(100% - 80px)}.section-body{margin-left:100px}.section-heading{gap:28px}.section-number{width:72px}.project{grid-template-columns:24px minmax(0,1fr);gap:16px}.project-meta{grid-column:2;flex-direction:row;align-items:center}.hero-intro{width:auto}.identity span{padding:0 4px}.notes-list li{gap:15px;grid-template-columns:65px minmax(0,1fr) 65px}.now-list{gap:20px}.now-list dd{font-size:16px}}
@media(max-width:600px){html{scroll-padding-top:125px}.page,.header-inner{width:calc(100% - 40px)}.header-inner{height:102px;align-content:center;flex-wrap:wrap;gap:10px;padding:15px 0}.wordmark{font-size:18px}nav{width:100%;justify-content:space-between;gap:10px}nav a{font-size:11px;padding:6px 0}.hero{min-height:640px;max-height:none;padding-top:27px;padding-bottom:32px}.hero-top{font-size:9px}.hero-top>span:last-child{display:none}.hero-name{grid-template-columns:1fr;gap:24px;margin:74px 0 45px}.hero h1{font-size:clamp(82px,23.78vw,139.4px);line-height:1.12}.hero-wechat{width:auto;justify-self:start}.hero-wechat img{width:200px}.hero-bottom{grid-template-columns:1fr;gap:25px}.identity{font-size:13px}.identity span{padding:0 6px}.hero-intro{justify-self:start;font-size:15px;line-height:1.9}.hero-scroll{margin-top:52px}.section{padding:42px 0 70px}.section-heading{gap:20px;margin-bottom:36px}.section-number{font-size:45px;width:48px}.section-heading .eyebrow{font-size:9px;margin-top:0;margin-bottom:9px}h2{font-size:24px}.heading-english{font-size:18px;margin-left:13px}.section-body{margin-left:0}.large-copy{font-size:22px;line-height:1.9}.about-detail{font-size:14px;margin-top:23px}.focus-line{font-size:11px;margin-top:26px}.focus-line span{padding:0 6px}.project{padding:26px 0;column-gap:13px}.project h3{font-size:19px}.project-copy p{font-size:12px}.project-meta{margin-top:4px}.now-intro{font-size:22px;margin-bottom:30px}.now-list{grid-template-columns:1fr;gap:27px}.now-list>div{display:grid;grid-template-columns:105px 1fr;gap:12px;padding-left:15px}.now-list dt{margin:3px 0 0;font-size:14px}.now-list dd{font-size:16px}.small-note{margin-top:30px}.list-caption{flex-direction:column;gap:5px}.notes-list li{grid-template-columns:1fr auto;gap:10px;padding:23px 0}.note-date{grid-column:1}.note-category{grid-column:2;grid-row:1}.notes-list a{grid-column:1 / -1;font-size:17px}.contact-statement{font-size:clamp(40px,11.5vw,66px)}.contact-links{gap:16px 24px;margin-top:35px}.contact-links a{min-width:80px}.footer{flex-wrap:wrap;font-size:10px;padding:24px 0;row-gap:18px}.footer>span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Project Detail / Case Study：复用首页色彩、字体与外边距。 */
.case-hero{padding:58px 0 0}
.case-kicker{display:flex;justify-content:space-between;gap:20px;color:var(--muted)}
.case-hero h1{max-width:1080px;margin-top:68px;font-size:clamp(40px,5.5vw,78px);font-weight:500;line-height:1.3;letter-spacing:-.05em;text-wrap:balance;overflow-wrap:break-word}
.case-english{margin-top:21px;font:italic 24px/1.5 Georgia,"Times New Roman",serif;color:var(--muted)}
.case-title-part{display:inline-block}
.case-intro{max-width:660px;margin-top:42px;font-size:19px;line-height:1.95;color:var(--muted)}
.case-facts{display:grid;grid-template-columns:1.35fr .9fr 1.2fr;gap:48px;border-top:1px solid var(--line);margin:68px 0 0;padding:32px 0 64px}
.case-facts dt{font:italic 16px/1.5 Georgia,serif;color:var(--muted);margin-bottom:14px}
.case-facts dd{margin:0;max-width:320px;font-size:14px;line-height:1.9}
.case-section{display:grid;grid-template-columns:260px minmax(0,680px);gap:54px;border-top:1px solid var(--line);padding:68px 0 88px}
.case-section-label .eyebrow{display:block;color:var(--muted);margin-bottom:13px}
.case-section-label h2{font:400 30px/1.3 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.case-prose{font-size:17px;line-height:2.1}
.case-prose p+p{margin-top:22px;color:var(--muted)}
.case-decisions{list-style:none;padding:0;margin:0}
.case-decisions li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:27px;padding:28px 0;border-top:1px solid var(--line)}
.case-decisions li:first-child{padding-top:0;border-top:0}
.case-decisions li:last-child{padding-bottom:0}
.decision-number{font:400 44px/1.2 Georgia,serif;letter-spacing:-.06em;color:var(--muted)}
.case-decisions p{font-size:17px;line-height:2}
.case-back{padding:20px 0 32px;font-size:13px}
.case-pagination{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;border-top:1px solid var(--line);padding:40px 0 70px}
.case-pagination a{display:flex;flex-direction:column;align-items:start;gap:18px;padding:0}
.case-pagination a:last-child{text-align:right;align-items:end}
.case-pagination a::after{content:none}
.case-pagination .eyebrow{color:var(--muted);font-size:10px}
.case-neighbor{font-size:22px;line-height:1.6;letter-spacing:-.025em}
@media(max-width:1000px){
  .case-section{grid-template-columns:180px minmax(0,1fr);gap:34px}
  .case-facts{gap:30px}
  .case-section-label h2{font-size:27px}
  .case-decisions li{grid-template-columns:44px minmax(0,1fr);gap:20px}
  .decision-number{font-size:38px}
}
@media(max-width:600px){
  .case-hero{padding-top:33px}
  .case-kicker{font-size:9px}
  .case-hero h1{font-size:40px;margin-top:44px;line-height:1.4}
  .case-english{font-size:20px;margin-top:16px}
  .case-intro{font-size:16px;margin-top:30px;line-height:2}
  .case-facts{grid-template-columns:1fr;gap:25px;margin-top:38px;padding:28px 0 42px}
  .case-facts dt{margin-bottom:7px}
  .case-facts dd{max-width:none}
  .case-section{grid-template-columns:1fr;gap:29px;padding:40px 0 54px}
  .case-section-label .eyebrow{font-size:9px;margin-bottom:9px}
  .case-prose,.case-decisions p{font-size:16px;line-height:2}
  .case-decisions li{padding:24px 0}
  .case-back{padding:6px 0 27px}
  .case-pagination{gap:25px;padding:28px 0 48px}
  .case-pagination .eyebrow{font-size:9px;letter-spacing:.05em}
  .case-pagination a{gap:12px}
  .case-neighbor{font-size:16px}
}