@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap');
:root{--bg:#f6f5f1;--ink:#202321;--muted:#787c76;--line:#dcded6;--green:#d8ef6b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk','Noto Sans SC',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #7c9b1d;outline-offset:5px}header{max-width:1320px;margin:auto;height:106px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:26px;padding:0 30px}.logo{font-size:33px;font-weight:700;letter-spacing:-2px}.logo span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;gap:36px;margin:auto;font-size:13px}nav a{color:var(--muted)}nav a:hover,nav .active{color:var(--ink)}header button{border:0;background:none;font-size:25px;padding:5px}main{max-width:1260px;padding:0 30px;margin:auto}.hero{padding:65px 0 29px;position:relative}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:500;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#7d9a38;border-radius:50%}h1{font-size:clamp(56px,6.6vw,90px);line-height:1.23;letter-spacing:-5px;margin:29px 0 24px;font-weight:800}.serif{font-weight:400}.asterisk{font-size:90px;position:absolute;right:70px;top:121px;font-weight:400;transform:rotate(12deg);color:#647941}.hero-bottom{display:flex;align-items:end;justify-content:space-between}.hero p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.round-link{font-size:13px;display:flex;align-items:center;gap:22px}.round-link span{display:grid;place-items:center;width:45px;height:45px;border:1px solid #a6ad9e;border-radius:50%;font-size:24px}.hero-index{font-size:9px;letter-spacing:1.6px;color:#8b8e87;margin-top:44px}.featured{margin-top:0;display:grid;grid-template-columns:40% 60%;min-height:395px;background:#212624;color:white;border-radius:4px;overflow:hidden}.feature-copy{padding:33px;display:flex;flex-direction:column;justify-content:space-between}.feature-copy .eyebrow{font-size:9px;color:#c9ccc8}.red-line{height:2px;width:22px;background:#f0493d}.issue{font-size:12px;color:#a9ada8;margin:30px 0 12px}.featured h2{font-size:38px;letter-spacing:-1px;line-height:1.35;margin:0}.description{color:#a9ada8;line-height:1.9;font-size:12px;margin:15px 0 25px}.white-link{border:0;border-top:1px solid #49504b;padding:17px 0 0;background:none;color:white;text-align:left;font-size:12px;display:flex;justify-content:space-between}.race-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 45%,#424743,#1c211e 75%)}.race-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:45px 45px;transform:rotate(-14deg) scale(1.4)}.big-one{position:absolute;right:18px;top:-25px;font-size:230px;font-style:italic;font-weight:700;color:#ffffff06}.race-art>svg{position:absolute;width:110%;top:6%;left:-3%;filter:drop-shadow(0 20px 20px #0008)}.race-caption{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#b1b6af}#journal{padding:67px 0}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{font-size:25px;letter-spacing:-1px;margin:0}.section-head h2 span{font-size:10px;font-weight:400;letter-spacing:1px;margin-left:17px;color:var(--muted)}.count{font-size:10px;color:var(--muted)}.filters{display:flex;gap:10px;border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:28px}.filters button{border:1px solid transparent;border-radius:30px;padding:9px 17px;background:none;font-size:12px;color:var(--muted)}.filters button.selected{background:var(--ink);color:var(--bg)}.filters span{font-size:9px;opacity:.55;margin-left:9px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card-art{position:relative;height:237px;width:100%;border:0;text-align:left;overflow:hidden;border-radius:3px;transition:transform .3s}.card-art:hover{transform:translateY(-4px)}.art-label,.art-bottom{position:absolute;left:18px;font-size:8px;letter-spacing:1.3px;z-index:2}.art-label{top:18px}.art-bottom{bottom:16px}.software{background:#dce8ce;color:#465942}.app-icon{position:absolute;left:48px;top:69px;width:90px;height:90px;border-radius:24px;background:#2d482f;color:#dcf4b3;font-size:58px;text-align:center;box-shadow:0 10px 20px #35573525;transform:rotate(-9deg);z-index:1}.window{position:absolute;width:180px;height:125px;background:#f7f9ec;right:25px;top:58px;border:1px solid #b7c6a6;border-radius:8px;transform:rotate(8deg);padding:12px}.window i{display:inline-block;height:5px;width:5px;border-radius:50%;background:#a5b293;margin-right:3px}.code-line{height:6px;width:70%;background:#ccdac0;margin:12px 0 0 20px}.short{width:45%}.tech{background:#e7e5f0;color:#5c557a}.orbit{position:absolute;width:168px;height:168px;left:50%;top:50%;border:1px solid #aaa0c5;border-radius:50%;transform:translate(-50%,-50%)}.o2{width:210px;height:92px;transform:translate(-50%,-50%) rotate(-35deg)}.o3{width:210px;height:92px;transform:translate(-50%,-50%) rotate(35deg)}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:80px;color:#71629a}.track{background:#293b37;color:#dbe5db}.track svg{position:absolute;width:100%;height:100%;top:0;left:0}.meta{display:flex;justify-content:space-between;margin:21px 0 13px;font-size:10px;color:var(--muted)}.meta span:first-child{color:var(--ink)}h3{font-size:18px;line-height:1.6;margin:0 0 10px;letter-spacing:-.5px}h3 button{border:0;background:none;text-align:left;padding:0;font-weight:600}article>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.card-footer{border-top:1px solid var(--line);padding-top:15px;margin-top:22px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.card-footer button{background:none;border:0;font-size:20px;color:var(--ink)}#about{border-top:1px solid var(--line);padding:40px 0 55px;display:grid;grid-template-columns:1fr 1fr;gap:25px}#about>.eyebrow{grid-column:1/-1;color:var(--muted);font-size:9px}#about h2{font-size:36px;margin:0;line-height:1.4;letter-spacing:-1px}#about p{font-size:13px;color:var(--muted);line-height:2;margin:0 0 20px}.about-note{font-size:11px}footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}footer .logo{color:var(--ink);font-size:24px}dialog{border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);max-width:730px;width:90%;padding:55px}dialog::backdrop{background:#1119;backdrop-filter:blur(6px)}.close{position:absolute;right:20px;top:12px;border:0;background:none;font-size:30px}dialog h2{font-size:30px;line-height:1.5}dialog p{line-height:2;font-size:14px;color:var(--muted)}dialog h3{margin-top:28px}#searchbox{margin-bottom:25px}#query{background:transparent;color:var(--ink);border:1px solid var(--line);padding:12px;width:min(75%,500px)}#clear{background:none;border:0;margin-left:10px}body.dark{--bg:#171c19;--ink:#e7eade;--muted:#a4ada3;--line:#394139}[hidden]{display:none!important}@media(min-width:1450px){header{max-width:1380px}main{max-width:1320px}.hero{padding-top:75px}.featured{min-height:420px}}@media(max-width:750px){header{height:82px;padding:0 20px;gap:14px}nav{gap:15px;font-size:11px}nav a:last-child{display:none}.logo{font-size:26px}main{padding:0 20px}h1{letter-spacing:-3px}.hero{padding-top:40px}.asterisk{right:10px;top:110px;font-size:60px}.hero-bottom{align-items:start;gap:20px}.hero p{font-size:11px}.round-link{font-size:10px;gap:9px}.round-link span{width:32px;height:32px}.featured{grid-template-columns:1fr}.feature-copy{padding:27px}.feature-copy h2{font-size:32px}.race-art{height:270px}.race-art>svg{width:90%;top:-12%;left:6%}.cards{grid-template-columns:1fr}.card-art{height:265px}.window{right:20%;width:180px}.app-icon{left:20%}.filters{gap:0}.filters button{padding:8px 10px;font-size:11px}.section-head h2 span{display:none}#journal{padding:43px 0}#about{grid-template-columns:1fr}#about h2{font-size:30px}footer{flex-wrap:wrap;gap:20px}footer>span:nth-child(2){display:none}dialog{padding:40px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 页面结构与中文字体优化 */
:root{--bg:#f7f6f2;--ink:#202623;--muted:#777d76;--line:#e0e1da;--green:#b4d36a;--red:#ed4b40}html{scroll-padding-top:25px}body{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-weight:400;letter-spacing:.01em}.site-header{max-width:1320px;height:100px;padding:0 30px;margin:auto;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.brand img{width:43px;height:43px}.site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,40px);flex:1;margin:0;font-size:14px;font-weight:400}.site-header nav a{color:var(--muted);white-space:nowrap;transition:color .2s}.site-header nav a:hover,.site-header nav a.active{color:var(--ink)}.theme-toggle{height:38px;width:38px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:19px;font-weight:400}.home-main,.content-main{max-width:1260px;margin:auto;padding:0 30px}.home-intro{min-height:650px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:60px;padding:75px 0 100px}.intro-copy{max-width:690px}.eyebrow{font-size:13px;font-weight:400;letter-spacing:.04em;color:var(--muted)}.dot{background:#829b47;width:8px;height:8px}h1.home-title,.home-intro h1{font-size:clamp(48px,6vw,76px);line-height:1.4;letter-spacing:-.045em;margin:34px 0 23px;font-weight:500}.intro-copy>p{max-width:560px;font-size:17px;font-weight:300;line-height:2.1;color:var(--muted);margin:0}.intro-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.intro-links a{font-size:13px;color:var(--ink);padding:12px 16px;border:1px solid var(--line);border-radius:28px;transition:background .2s,border-color .2s}.intro-links a:hover{background:#e9eddf;border-color:#c7d0b3}.intro-links span{margin-left:13px;color:#758a4c}.intro-mark{display:grid;justify-items:center;gap:25px;color:var(--muted);font-size:13px;letter-spacing:.1em}.intro-mark img{width:min(100%,300px);filter:drop-shadow(0 18px 32px #18211b18)}.site-footer{max-width:1260px;margin:auto;border-top:1px solid var(--line);padding:25px 30px 35px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted);font-weight:400}.site-footer .footer-brand{font-size:20px;color:var(--ink);font-weight:600}.site-footer a:hover{color:var(--ink)}.content-main{min-height:calc(100vh - 170px);padding-top:85px;padding-bottom:95px}.page-kicker{color:#71834e;font-size:13px;letter-spacing:.04em;margin-bottom:19px;font-weight:400}.page-title{font-size:clamp(42px,6vw,68px);font-weight:500;line-height:1.45;letter-spacing:-.035em;margin:0 0 18px}.page-lead{font-size:16px;line-height:2.1;font-weight:300;color:var(--muted);max-width:720px;margin:0 0 55px}.project-panel{display:grid;grid-template-columns:1fr 1fr;min-height:350px;background:#212824;color:#f5f4ed;border-radius:5px;overflow:hidden}.project-visual{position:relative;background:#dce8ce;min-height:350px;display:grid;place-items:center;overflow:hidden}.project-visual:before,.project-visual:after{content:"";position:absolute;border:1px solid #b7c9a9;border-radius:50%;width:300px;height:300px}.project-visual:after{width:390px;height:390px}.project-visual .app-icon{position:relative;left:auto;top:auto;width:100px;height:100px;display:grid;place-items:center;font-size:54px;transform:rotate(-8deg);z-index:2}.project-visual .window{right:8%;top:22%;z-index:3}.project-copy{align-self:center;padding:42px 48px}.project-copy .eyebrow{color:#c8d4bd}.project-copy h2{font-size:32px;line-height:1.6;font-weight:500;margin:20px 0}.project-copy p{font-size:14px;line-height:2;color:#c2c9c1;font-weight:300}.project-copy .muted-note{font-size:12px;color:#97a197;margin-top:24px}.reading{max-width:900px}.reading .page-lead{margin-bottom:42px}.article-body{max-width:720px;border-top:1px solid var(--line);padding-top:25px}.article-body h2{font-weight:500;font-size:21px;margin:32px 0 9px}.article-body p{font-size:15px;line-height:2.15;font-weight:300;color:var(--muted);margin:0 0 20px}.race-banner{height:300px;background:radial-gradient(ellipse at 65% 45%,#414842,#1c211e 75%);position:relative;overflow:hidden;border-radius:5px;margin:0 0 48px}.race-banner:before{content:"";position:absolute;inset:-30%;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:44px 44px;transform:rotate(-14deg)}.race-banner svg{position:absolute;width:75%;height:120%;left:20%;top:-10%;filter:drop-shadow(0 18px 18px #0007)}.banner-line{position:absolute;width:36%;height:5px;background:var(--red);left:0;top:50%;z-index:1}.about-page{position:relative;min-height:calc(100vh - 170px)}.about-page .page-lead{max-width:650px}.about-logo{position:absolute;width:230px;right:10%;top:40%;filter:drop-shadow(0 18px 30px #18211b18)}body.dark{--bg:#171c19;--ink:#e7eade;--muted:#a4ada3;--line:#394139}.dark .intro-links a:hover{background:#263029}.dark .project-copy{background:#212824}@media(max-width:760px){.site-header{height:auto;min-height:82px;padding:13px 20px;gap:10px;flex-wrap:wrap}.brand{font-size:22px}.brand img{width:36px;height:36px}.site-header nav{order:3;flex-basis:100%;justify-content:flex-start;overflow:auto;padding:9px 0 5px;gap:22px;font-size:12px}.theme-toggle{margin-left:auto}.home-main,.content-main{padding-left:20px;padding-right:20px}.home-intro{min-height:auto;grid-template-columns:1fr;gap:42px;padding:70px 0 80px}.intro-copy>p{font-size:15px}.home-intro h1{font-size:50px}.intro-mark img{width:135px}.intro-links{gap:8px}.intro-links a{font-size:12px;padding:10px 12px}.site-footer{padding:21px 20px 28px;flex-wrap:wrap}.site-footer>span{order:3;flex-basis:100%}.content-main{padding-top:60px;padding-bottom:65px}.page-title{font-size:42px}.page-lead{font-size:14px;margin-bottom:35px}.project-panel{grid-template-columns:1fr}.project-visual{min-height:260px}.project-copy{padding:28px}.project-copy h2{font-size:27px}.race-banner{height:220px}.race-banner svg{width:105%;left:2%}.about-logo{position:static;width:130px;margin-top:25px}}@media(prefers-reduced-motion:reduce){*,html{scroll-behavior:auto!important;transition:none!important}}
/* 纯白底色与更有编辑感的版式 */
:root{--bg:#fff;--ink:#242925;--muted:#737973;--line:#e8e9e5;--green:#829b65;--red:#d9685e}body{background:#fff;font-weight:400}.site-header{background:#fff;border-color:#ecece8}.site-header nav a{position:relative;padding:8px 0}.site-header nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#788d68;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.site-header nav a:hover:after,.site-header nav a.active:after{transform:scaleX(1)}.theme-toggle{border-color:transparent;transition:background .25s,transform .25s}.theme-toggle:hover{background:#f2f3ef;transform:rotate(-12deg)}.home-intro{min-height:680px;padding-top:96px;padding-bottom:110px}.home-intro h1{font-weight:400;letter-spacing:-.055em;line-height:1.48;margin-top:0;animation:soft-rise .85s cubic-bezier(.2,.7,.2,1) both}.intro-copy>p{font-weight:300;max-width:600px}.intro-mark{position:relative;isolation:isolate}.intro-mark:before{content:"";position:absolute;width:280px;height:280px;border:1px solid #e8eae4;border-radius:48% 52% 57% 43%;transform:rotate(-23deg);z-index:-1;animation:orbit-drift 14s ease-in-out infinite alternate}.intro-mark:after{content:"";position:absolute;width:245px;height:245px;border:1px dashed #e3e6de;border-radius:50%;transform:rotate(22deg);z-index:-1;animation:orbit-drift 20s ease-in-out infinite alternate-reverse}.intro-mark img{width:108px;filter:none;animation:mark-float 4.8s ease-in-out infinite}.intro-mark span{margin-top:14px;color:#747a72;font-weight:300;letter-spacing:.13em}.intro-links{gap:0;margin-top:45px;border-top:1px solid var(--line);max-width:640px}.intro-links a{border:0;border-radius:0;padding:16px 17px 16px 0;margin-right:27px;font-size:13px;position:relative}.intro-links a:after{content:"";position:absolute;bottom:9px;left:0;width:calc(100% - 23px);height:1px;background:#c8d0c0;transform:scaleX(0);transform-origin:left;transition:transform .25s}.intro-links a:hover{background:transparent;border-color:transparent}.intro-links a:hover:after{transform:scaleX(1)}.intro-links span{display:inline-block;transition:transform .25s}.intro-links a:hover span{transform:translate(3px,-3px)}.site-footer{background:#fff}.content-main{animation:soft-rise .7s ease both}.page-title{font-weight:400}.page-kicker{letter-spacing:.1em}.project-panel{border-radius:2px}.project-visual{background:#eef1e9}.article-body h2{font-weight:400}.article-body p{font-weight:300}.race-banner{border-radius:2px}@keyframes soft-rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes orbit-drift{from{rotate:-5deg;scale:.98}to{rotate:7deg;scale:1.03}}body.dark{--bg:#171c19;--ink:#e7eade;--muted:#a4ada3;--line:#394139;background:var(--bg)}body.dark .site-header,body.dark .site-footer{background:var(--bg)}body.dark .intro-mark:before{border-color:#394139}body.dark .intro-mark:after{border-color:#313a33}body.dark .intro-links a:hover{background:transparent}@media(max-width:760px){.home-intro{padding-top:75px;padding-bottom:70px;gap:42px}.home-intro h1{font-size:48px}.intro-mark:before{width:210px;height:210px}.intro-mark:after{width:185px;height:185px}.intro-mark img{width:83px}.intro-links{display:grid;grid-template-columns:1fr;margin-top:32px}.intro-links a{border-bottom:1px solid var(--line);padding:13px 20px 13px 0;margin:0}.intro-links a:after{bottom:4px;width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){.home-intro h1,.content-main,.intro-mark img,.intro-mark:before,.intro-mark:after{animation:none!important}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}