:root{--bg:#fafbfc;--ink:#0f141b;--ink-2:#3c4654;--ink-3:#8a93a0;--line:#e7eaee;--acc:#2a55e0;--cover:#f0f2f5;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"IBM Plex Sans SC",system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;overflow-y:scroll}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.chip,.eyebrow,.footer,.label,.meta,.mono,.read{font-family:var(--mono)}.eyebrow,.label{color:var(--ink-3);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.wrap{width:min(1160px,calc(100% - 40px))}.col,.wrap{margin:0 auto}.col{width:min(720px,calc(100% - 40px))}.site-header{background:var(--bg)}.progress{position:fixed;top:0;left:0;z-index:50;height:3px;background:var(--acc);transition:width .08s linear}.nav{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:34px 0;display:flex;justify-content:space-between;gap:28px}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:13px}.avatar-ring,.brand-ring{border:1.5px solid var(--acc);border-radius:50%;position:relative;flex:none}.brand-ring{width:22px;height:22px}.avatar-ring:after,.brand-ring:after{content:"";position:absolute;background:var(--acc);border-radius:50%}.brand-ring:after{inset:5px}.brand-name{font-size:18px;font-weight:600;letter-spacing:.01em}.nav-links{display:flex;align-items:center;gap:40px}.nav-links a{color:var(--ink-2);font-size:15px;transition:color .15s ease;white-space:nowrap}.nav-links a.active,.nav-links a:hover{color:var(--acc)}.nav-links .now{color:var(--ink-3);font-family:var(--mono);font-size:12px;white-space:nowrap}.hero{max-width:920px;padding:80px 0 70px}.about-eyebrow,.hero-eyebrow{display:flex;align-items:center;gap:14px}.hero-eyebrow{margin-bottom:34px}.about-eyebrow{margin-bottom:32px}.eyebrow-line{width:54px;height:1px;background:var(--ink)}.hero-title{margin:0 0 36px;color:var(--ink);font-size:clamp(48px,7vw,78px);font-weight:600;letter-spacing:-.02em;line-height:1.06;text-wrap:balance}.accent{color:var(--acc)}.hero-lede{max-width:680px;margin:0;color:var(--ink-2);font-size:21px;line-height:1.7}.hero-foot{display:flex;align-items:center;gap:48px;margin-top:48px}.hero-role{color:var(--ink);font-size:15px;font-weight:500}.hero-role span{color:var(--ink-3);font-weight:400}.hero-stats{display:flex;gap:40px;margin-left:auto}.stat-number{font-family:var(--mono);font-size:24px;font-weight:500}.stat-key{margin-top:2px;color:var(--ink-3);font-size:12px}.rule{height:1px;background:var(--line)}.section-head{padding:60px 0 36px;justify-content:space-between;gap:24px}.section-head,.section-title{display:flex;align-items:baseline}.section-title{gap:18px}.section-index{color:var(--acc);font-family:var(--mono);font-size:13px}.section-head h1,.section-head h2{margin:0;color:var(--ink);font-size:30px;font-weight:600;letter-spacing:-.01em}.more{color:var(--ink-3);font-size:14px}.more:hover{color:var(--acc)}.cover{overflow:hidden;display:flex;align-items:flex-end;border-radius:6px;aspect-ratio:16/9;background:repeating-linear-gradient(45deg,transparent 0 11px,rgba(15,20,27,.04) 11px 12px),var(--cover)}.cover-grid{background:repeating-linear-gradient(0deg,transparent 0 14px,rgba(15,20,27,.045) 14px 15px),repeating-linear-gradient(90deg,transparent 0 14px,rgba(15,20,27,.045) 14px 15px),var(--cover)}.cover-orb{background:radial-gradient(circle at 35% 40%,rgba(42,85,224,.14),transparent 60%),var(--cover)}.cover-feature{background:radial-gradient(circle at 70% 30%,rgba(42,85,224,.16),transparent 60%),repeating-linear-gradient(45deg,transparent 0 13px,rgba(15,20,27,.035) 13px 14px),var(--cover)}.cover-label{padding:14px 18px;color:var(--ink-3);font-family:var(--mono);font-size:11px;letter-spacing:.14em}.featured{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding-bottom:64px}.featured-cover{aspect-ratio:16/9}.post-cover-image{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:6px;background:var(--cover);object-fit:cover}.featured-cover.post-cover-image{height:auto}.featured-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.pill{border:1px solid var(--acc);border-radius:100px;padding:4px 12px;color:var(--acc);font-size:11px;letter-spacing:.04em}.date,.pill{font-family:var(--mono)}.date{color:var(--ink-3);font-size:12px}.featured h3{margin:0 0 20px;color:var(--ink);font-size:clamp(30px,4vw,40px);font-weight:600;letter-spacing:-.015em;line-height:1.18;text-wrap:balance}.featured p{max-width:480px;margin:0;color:var(--ink-2);font-size:16.5px;line-height:1.75}.read{display:inline-flex;margin-top:28px;color:var(--acc);font-size:13px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 36px;padding-bottom:30px}.post-card .cover,.post-card .post-cover-image{margin-bottom:20px;transition:transform .2s ease}.post-card:hover .cover,.post-card:hover .post-cover-image{transform:translateY(-4px)}.post-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-family:var(--mono);font-size:11px}.post-card-meta .topic{color:var(--acc)}.post-card-meta .date{font-size:11px}.post-card h4{margin:0 0 10px;color:var(--ink);font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.4}.post-card p{margin:0;color:var(--ink-3);font-size:14px;line-height:1.6}.empty-panel{border:1px solid var(--line);border-radius:10px;padding:46px;background:#fff;color:var(--ink-2)}.contact{margin-top:48px;padding:84px 24px;border-radius:10px;background:var(--ink);color:#fff;text-align:center}.contact .brand-ring{width:38px;height:38px;margin:0 auto 30px;border-color:rgba(255,255,255,.5)}.contact .brand-ring:after{inset:11px}.contact .label{color:rgba(255,255,255,.5)}.contact h2{margin:22px 0 0;color:#fff;font-size:clamp(36px,5vw,52px);font-weight:600;letter-spacing:-.02em;line-height:1.1}.contact h2 .accent{color:#7e9bff}.mailbtn{display:inline-flex;align-items:center;margin-top:38px;border-radius:6px;padding:15px 26px;background:#fff;color:var(--ink);font-family:var(--mono);font-size:15px;transition:background .15s ease,color .15s ease}.mailbtn:hover{background:var(--acc);color:#fff}.socials{display:flex;justify-content:center;gap:30px;margin-top:40px;flex-wrap:wrap}.socials a{color:rgba(255,255,255,.6);font-family:var(--mono);font-size:13px}.socials a:hover{color:#fff}.footer{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:40px 0;display:flex;justify-content:space-between;gap:24px;color:var(--ink-3);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.page-list{padding-bottom:64px}.list-item{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:28px;align-items:center;padding:30px 0;border-top:1px solid var(--line);transition:transform .15s ease}.list-item:hover{transform:translateX(8px)}.list-cover{width:100%;aspect-ratio:16/9;border-radius:6px}.list-item:hover .list-cover{transform:translateY(-3px)}.list-content{min-width:0}.list-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--ink-3);font-family:var(--mono);font-size:12px;line-height:1.5;flex-wrap:wrap}.issue-label{color:var(--ink);font-weight:500}.list-item h2{margin:0 0 8px;font-size:26px;font-weight:600;letter-spacing:-.01em}.list-item p{max-width:620px;margin:0;color:var(--ink-2);font-size:15px;line-height:1.65}.breadcrumb{display:flex;gap:10px;align-items:center;padding:36px 0 0;color:var(--ink-3);font-family:var(--mono);font-size:12px}.breadcrumb a:hover{color:var(--acc)}.breadcrumb .sep{color:var(--line)}.article-header{padding:30px 0 0}.post-cat{display:inline-flex;align-items:center;margin-bottom:30px;border:1px solid var(--acc);border-radius:100px;padding:5px 14px;color:var(--acc);font-family:var(--mono);font-size:12px;letter-spacing:.04em}.article-header h1{margin:0 0 28px;color:var(--ink);font-size:clamp(38px,5vw,54px);font-weight:600;letter-spacing:-.02em;line-height:1.14;text-wrap:balance}.post-sub{margin:0 0 36px;color:var(--ink-2);font-size:20px;line-height:1.6}.post-meta{gap:20px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.post-meta,.post-meta .who{display:flex;align-items:center}.post-meta .who{gap:13px}.avatar-ring{width:38px;height:38px}.avatar-ring:after{inset:9px}.who-name{color:var(--ink);font-size:15px;font-weight:500}.meta-text,.who-role{color:var(--ink-3);font-family:var(--mono);font-size:12px;white-space:nowrap}.dot{width:3px;height:3px;border-radius:50%;background:var(--ink-3);flex:none}.article-cover{aspect-ratio:16/9}.article-cover,.article-image-cover{width:min(960px,calc(100% - 40px));margin:44px auto 56px;border-radius:8px}.article-image-cover{display:block;max-height:520px;height:auto;object-fit:cover}.pullquote{width:min(760px,calc(100% - 40px));margin:44px auto;padding:8px 0 8px 34px;border-left:3px solid var(--acc);color:var(--ink);font-size:26px;font-weight:500;letter-spacing:-.01em;line-height:1.5;text-wrap:balance}.prose{color:var(--ink-2);font-size:18px;line-height:1.85;counter-reset:article-heading}.prose>*{max-width:720px;margin-left:auto;margin-right:auto}.prose p{margin-top:0;margin-bottom:28px}.prose>p:first-of-type:first-letter{float:left;margin:6px 14px 0 0;color:var(--ink);font-size:64px;font-weight:600;line-height:.86}.prose h2{margin:56px auto 22px;color:var(--ink);font-size:30px;font-weight:600;letter-spacing:-.01em;line-height:1.3;counter-increment:article-heading}.prose h2:before{content:counter(article-heading,decimal-leading-zero);margin-right:14px;color:var(--acc);font-family:var(--mono);font-size:14px;font-weight:500}.prose h3{margin:40px auto 16px;font-size:22px}.prose h3,.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--acc);border-bottom:1px solid rgba(42,85,224,.3)}.prose ol{list-style:none;padding-left:0;counter-reset:step}.prose ol li{position:relative;margin-bottom:18px;padding-left:52px;counter-increment:step}.prose ol li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;color:var(--acc);font-family:var(--mono);font-size:13px;font-weight:500}.prose ul{padding-left:22px}.prose li{margin-bottom:12px}.prose blockquote{max-width:760px;margin:44px auto;padding:8px 0 8px 34px;border-left:3px solid var(--acc)}.prose blockquote p{margin:0;color:var(--ink);font-size:26px;font-weight:500;letter-spacing:-.01em;line-height:1.5}.prose img{display:block;max-width:min(840px,100%);margin:48px auto 14px;border-radius:8px}.prose pre{max-width:840px;margin:40px auto;overflow:auto;border-radius:8px;padding:26px 28px;background:var(--ink);color:#c7d0da;font-size:13.5px;line-height:1.85}.prose code,.prose pre{font-family:var(--mono)}.prose :not(pre)>code{border-radius:4px;padding:2px 6px;background:#edf0f4;color:var(--ink)}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:56px auto 0}.post-tags span{border:1px solid var(--line);border-radius:100px;padding:6px 14px;color:var(--ink-3);font-family:var(--mono);font-size:12px}.author-card{width:min(720px,calc(100% - 40px));margin:64px auto 0;border:1px solid var(--line);border-radius:10px;padding:34px;display:grid;grid-template-columns:64px 1fr auto;gap:24px;align-items:start;background:#fff}.author-card .avatar-ring{width:64px;height:64px}.author-card .avatar-ring:after{inset:16px}.author-name{margin-bottom:6px;font-size:18px;font-weight:600}.author-bio{max-width:440px;color:var(--ink-2);font-size:14.5px;line-height:1.65}.outline-btn{border:1px solid var(--acc);border-radius:6px;padding:10px 18px;color:var(--acc);font-family:var(--mono);font-size:13px;white-space:nowrap;transition:background .15s ease,color .15s ease}.outline-btn:hover{background:var(--acc);color:#fff}.newsletter{margin-top:80px;padding:72px 0;border-top:1px solid var(--line);text-align:center}.newsletter h2{margin:0 0 16px;font-size:38px;font-weight:600;letter-spacing:-.02em}.newsletter p{max-width:440px;margin:0 auto 30px;color:var(--ink-2);font-size:16px;line-height:1.7}.newsletter-form{max-width:440px;margin:0 auto;display:flex;gap:10px}.newsletter-form input{min-width:0;flex:1 1;border:1px solid var(--line);border-radius:6px;padding:14px 16px;background:#fff;color:var(--ink);font-family:var(--mono);font-size:14px;outline:none}.newsletter-form input:focus{border-color:var(--acc)}.newsletter-form button{border:none;border-radius:6px;padding:14px 22px;background:var(--ink);color:#fff;cursor:pointer;font-family:var(--mono);font-size:14px}.newsletter-form button:hover{background:var(--acc)}.about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:70px;align-items:center;padding:60px 0 80px}.about-hero h1{margin:0 0 30px;color:var(--ink);font-size:clamp(42px,6vw,62px);font-weight:600;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}.about-hero .lede{max-width:520px;margin:0;color:var(--ink-2);font-size:19px;line-height:1.75}.about-meta{display:flex;gap:36px;margin-top:38px}.about-meta .key{margin-bottom:7px;color:var(--ink-3);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.about-meta .value{font-size:15px;font-weight:500}.portrait,.portrait-frame{aspect-ratio:4/5;border-radius:10px}.portrait-frame{width:100%;overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(42,85,224,.1),transparent 62%),var(--cover)}.portrait{width:100%;height:100%;background:radial-gradient(circle at 50% 35%,rgba(42,85,224,.16),transparent 62%),repeating-linear-gradient(45deg,transparent 0 14px,rgba(15,20,27,.04) 14px 15px),#edeff3}.portrait-image{display:block;width:100%;height:100%;object-fit:contain}.focus-grid,.now-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:30px}.focus-card{border:1px solid var(--line);border-radius:10px;padding:34px 30px;background:#fff;transition:border-color .15s ease,transform .15s ease}.focus-card:hover{border-color:var(--acc);transform:translateY(-3px)}.focus-card .no{margin-bottom:22px;color:var(--ink-3);font-family:var(--mono);font-size:12px}.focus-card h3{margin:0 0 14px;font-size:21px;font-weight:600}.focus-card p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.7}.story{display:grid;grid-template-columns:200px 1fr;gap:50px;padding-bottom:40px}.story-aside{color:var(--ink-3);font-family:var(--mono);font-size:12px;letter-spacing:.06em;line-height:1.8}.story-body{max-width:680px}.story-body p{margin:0 0 26px;color:var(--ink-2);font-size:18px;line-height:1.85}.story-body p:first-child:first-letter{float:left;margin:6px 14px 0 0;color:var(--ink);font-size:60px;font-weight:600;line-height:.86}.story-body strong{color:var(--ink);font-weight:600}.now-grid{grid-template-columns:1fr 1fr;gap:60px;padding-bottom:40px}.now-col h3{margin:0 0 22px;padding-bottom:14px;color:var(--ink-3);font-family:var(--mono);font-size:15px;letter-spacing:.06em;text-transform:uppercase}.now-col h3,.now-row{border-bottom:1px solid var(--line)}.now-row{display:flex;gap:18px;align-items:baseline;padding:16px 0}.now-year{width:64px;flex:none;color:var(--acc);font-family:var(--mono);font-size:13px}.now-dot{width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--acc);flex:none}.now-text{color:var(--ink-2);font-size:15.5px;line-height:1.6}.now-text b{color:var(--ink);font-weight:600}@media (max-width:860px){.footer,.nav,.wrap{width:min(100% - 28px,1160px)}.nav{align-items:flex-start;flex-direction:column;gap:16px;padding:26px 0}.nav-links{width:100%;gap:20px;overflow-x:auto}.hero{padding:56px 0 54px}.about-meta,.hero-foot,.post-meta{align-items:flex-start;flex-direction:column;gap:16px}.hero-stats{margin-left:0}.about-hero,.author-card,.featured,.focus-grid,.list-item,.now-grid,.post-grid,.story{grid-template-columns:1fr}.article-cover,.featured-cover{min-height:0;height:auto}.section-head{align-items:flex-start;flex-direction:column}.list-cover{width:100%}.list-item:hover{transform:none}.footer,.newsletter-form{flex-direction:column}}