@charset "UTF-8";
:root{--paper:#f6f4ed;--ink:#252920;--muted:#707269;--line:#dedfd4;--orange:#dc5b32;--green:#647453;--white:#fffcf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#eec0a8}.skip{position:fixed;top:-90px;left:15px;background:var(--ink);color:white;padding:10px;z-index:10}.skip:focus{top:10px}.header{max-width:1280px;margin:auto;padding:25px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:750;line-height:1.25}.brand-icon{font-size:34px;color:var(--orange);font-weight:400}.brand-en{display:block;font:9px/1.8 monospace;letter-spacing:2px;margin-top:3px}.header nav{display:flex;gap:33px;font-size:13px}.header nav a{padding:9px 0;color:var(--muted);position:relative}.header nav a.active{color:var(--ink);font-weight:700}.header nav a.active:after{content:"";position:absolute;width:16px;height:3px;background:var(--orange);bottom:0;left:0}.header nav a:hover{color:var(--orange)}main{max-width:1184px;padding:0 0 60px;margin:auto;min-height:70vh}main:focus{outline:none}.eyebrow{font:11px/1.5 monospace;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.eyebrow .dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:9px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;min-height:570px;padding:60px 0 50px}.hero h1{font-size:clamp(44px,5vw,67px);line-height:1.22;letter-spacing:-2px;margin:25px 0;font-weight:700}.hero h1 em{font-style:normal;color:var(--orange);position:relative}.hero p{max-width:440px;color:var(--muted);font-size:15px;line-height:2}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--ink);color:var(--white);padding:12px 21px;border:1px solid var(--ink);font-size:13px;transition:transform .2s,background .2s}.btn:hover{background:#454d3b;transform:translateY(-2px)}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.text-link{font-size:13px;border-bottom:1px solid #a7aa9c;padding:5px 0}.text-link:hover{color:var(--orange);border-color:var(--orange)}.hero-foot{font:10px monospace;letter-spacing:1px;color:var(--muted);margin-top:32px}.visual{position:relative;min-height:390px;background-color:#ebece3;background-image:radial-gradient(#c9cdbf 1px,transparent 1px);background-size:18px 18px;border:1px solid #dde0d4;border-radius:2px;display:flex;justify-content:center;align-items:center;overflow:hidden}.visual svg{width:90%;max-width:410px}.v-label{position:absolute;top:20px;left:23px;font:10px monospace;color:#6d7761;letter-spacing:1px}.v-caption{position:absolute;bottom:20px;left:23px;font:10px monospace;letter-spacing:1px;color:#6d7761}.code-note{position:absolute;right:16px;bottom:37px;background:#fffcf5;border:1px solid #d6d9ce;padding:16px 20px;transform:rotate(-5deg);box-shadow:0 8px 20px #29331c0c;font:12px/1.8 monospace;color:#686e5c}.code-note b{color:var(--orange);font-weight:500}.status-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;padding:22px 0;margin-bottom:58px}.status-item{padding-left:28px;border-left:1px solid var(--line);font-size:13px}.status-item:first-child{padding-left:0;border:0}.status-item span{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-bottom:5px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 25px;gap:16px}.section-head h2{font-size:27px;font-weight:650;margin:7px 0 0;letter-spacing:-.5px}.section-number{color:var(--orange);margin-right:10px}.project-card{display:grid;grid-template-columns:1fr 1.08fr;border:1px solid var(--line);background:var(--white)}.project-art{min-height:310px;background:#e7eadd;padding:35px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mini-app{background:#fafbf6;border:1px solid #ced4c0;border-radius:9px;max-width:360px;width:100%;box-shadow:15px 20px 0 #dce1d0;transform:rotate(-3deg)}.mini-top{border-bottom:1px solid #e0e3d7;padding:11px 16px;display:flex;justify-content:space-between;font:10px monospace;color:#828975}.mini-body{padding:25px}.mini-symbol{font-size:24px;color:#698052}.mini-body h3{font-size:21px;margin:6px 0}.mini-body p{color:#818873;font-size:11px}.mini-row{display:flex;gap:7px;margin-top:23px}.mini-row span{background:#e9edde;padding:7px 10px;border-radius:4px;font-size:10px;color:#687557}.art-note{position:absolute;right:14px;bottom:9px;font-size:9px;color:#738065}.project-content{padding:33px 38px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;font-size:10px;padding:3px 9px;background:#edefe7;color:#647151;border:1px solid #dce2cf}.badge.orange{background:#faeee5;color:#af643e;border-color:#eed9c7}.badge.neutral{background:transparent;color:var(--muted);border-color:var(--line)}.project-content h3{font-size:31px;margin:16px 0 6px}.project-content p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 18px}.project-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:22px;font-size:12px}.source-label{color:var(--muted);font:10px monospace}.lower-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;margin-top:65px}.journal-row{display:grid;grid-template-columns:72px 1fr 20px;gap:15px;border-top:1px solid var(--line);padding:23px 0;align-items:start}.journal-row:last-child{border-bottom:1px solid var(--line)}.journal-date{font:11px/1.6 monospace;color:var(--muted)}.journal-row h3{font-size:16px;margin:0 0 5px;font-weight:550}.journal-row p{margin:0;color:var(--muted);font-size:12px}.journal-row:hover h3{color:var(--orange)}.journal-arrow{font-size:20px}.now-card{background:#eceee4;padding:29px 30px;border-top:3px solid #8a9678}.now-card h3{font-size:21px;margin:12px 0 8px}.now-card p{font-size:13px;color:var(--muted)}.now-card .small-list{padding-left:17px;font-size:13px;color:#59644e}.now-card li{margin:12px 0}.quote{margin:65px 0 0;border-top:1px solid var(--line);padding:30px 0 0;display:flex;justify-content:space-between;gap:20px;font-size:19px}.quote span{color:var(--orange)}.quote small{font:10px/2 monospace;color:var(--muted);letter-spacing:1px}footer{border-top:1px solid var(--line);max-width:1280px;margin:0 auto;padding:27px 48px;display:flex;align-items:center;gap:23px;font-size:11px;color:var(--muted)}.footer-brand{font-size:16px;font-weight:600;color:var(--ink)}.footer-note{margin-left:auto}.page-heading{padding:58px 0 36px;max-width:760px}.page-heading h1{font-size:46px;line-height:1.25;letter-spacing:-1px;margin:16px 0}.page-heading p{font-size:15px;color:var(--muted);line-height:2}.breadcrumbs{font-size:12px;color:var(--muted);padding-top:30px}.breadcrumbs a:hover{color:var(--orange)}.detail-grid{display:grid;grid-template-columns:1fr 290px;gap:70px}.prose{max-width:760px}.prose h2{font-size:24px;line-height:1.5;margin:35px 0 15px}.prose h3{font-size:17px;margin:25px 0 10px}.prose p,.prose li{font-size:14px;line-height:2;color:#5f6659}.prose ul,.prose ol{padding-left:23px}.prose a{color:var(--orange);text-decoration:underline;text-underline-offset:4px}.callout{background:#eceee4;border-left:3px solid #879471;padding:18px 23px;margin:26px 0}.callout p{margin:0}.fact-box{background:var(--white);border:1px solid var(--line);padding:25px;margin-top:35px;align-self:start;position:sticky;top:25px}.fact-box h2{font-size:15px;margin:0 0 20px}.fact-box dl{margin:0}.fact-box dt{font-size:11px;color:var(--muted);margin-top:16px}.fact-box dd{font-size:13px;margin:3px 0}.fact-box .btn{width:100%;margin-top:25px;gap:15px}.step{display:grid;grid-template-columns:29px 1fr;gap:15px;border-top:1px solid var(--line);padding:20px 0}.step-num{color:var(--orange);font:13px monospace;padding-top:4px}.step h3{margin:0 0 6px}.step p{margin:0}.filters{display:flex;gap:8px;margin:0 0 28px}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;font-size:12px;padding:7px 17px;color:var(--muted)}.filter[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.journal-list{max-width:850px}.journal-list .journal-row{grid-template-columns:95px 1fr 25px;padding:28px 0}.journal-list .badge{margin-bottom:10px}.empty-note{color:var(--muted);font-size:13px;margin-top:25px}.about-layout{display:grid;grid-template-columns:1fr 340px;gap:90px}.about-portrait{background:#e9ebdf;border:1px solid #dbe0ce;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:60px}.about-portrait .big-mark{font:90px/1.4 Georgia,serif;color:#7e8b6c}.about-portrait p{font:11px monospace;letter-spacing:2px;color:#738063}.info-row{padding:18px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}.info-row span{color:var(--muted)}.next-banner{margin-top:35px;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 20px;display:none;font-size:13px;z-index:5}#toast.show{display:block}.notice{font-size:12px;color:var(--muted);padding:18px 0}.article-date{font:11px monospace;letter-spacing:.5px;color:var(--muted)}.reading-width{max-width:760px;margin:auto}.reading-width .page-heading h1{font-size:39px}.inline-label{font-size:12px;color:var(--orange)}
@media(min-width:1450px){.hero{min-height:610px}}@media(max-width:1270px){main{margin:0 48px}}@media(max-width:900px){.hero{gap:30px}.hero h1{font-size:48px}.visual{min-height:340px}.lower-grid{gap:30px}.detail-grid{gap:30px;grid-template-columns:1fr 250px}.about-layout{gap:35px;grid-template-columns:1fr 270px}.project-content{padding:25px}.project-art{padding:25px}}@media(max-width:680px){.header{padding:20px 22px;align-items:flex-start;gap:20px;flex-direction:column}.header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}.brand{font-size:18px}.brand-en{font-size:8px}main{margin:0 22px;padding-bottom:40px}.hero{grid-template-columns:1fr;gap:30px;padding:38px 0}.hero h1{font-size:44px;letter-spacing:-1.5px;margin:20px 0}.hero p{font-size:14px}.visual{min-height:310px}.visual svg{max-width:330px}.hero-foot{margin-top:24px}.status-strip{margin-bottom:38px;padding:18px 0}.status-item{padding-left:12px;font-size:11px}.status-item span{font-size:9px}.section-head h2{font-size:24px}.section-head .text-link{font-size:11px}.project-card{grid-template-columns:1fr}.project-art{min-height:265px;padding:30px}.project-content{padding:25px}.project-content h3{font-size:28px}.lower-grid{grid-template-columns:1fr;margin-top:40px;gap:35px}.quote{margin-top:40px;flex-direction:column;font-size:17px;gap:5px}footer{padding:24px 22px;flex-wrap:wrap;gap:12px 20px}.footer-note{margin-left:0;width:100%}.detail-grid,.about-layout{grid-template-columns:1fr;gap:15px}.fact-box{position:static;margin-top:15px}.page-heading{padding:35px 0 25px}.page-heading h1,.reading-width .page-heading h1{font-size:33px}.page-heading p{font-size:14px}.about-portrait{margin-top:10px;min-height:230px}.journal-list .journal-row{grid-template-columns:65px 1fr 15px;gap:10px}.journal-row h3{font-size:15px}.journal-list .journal-row p{font-size:12px}.next-banner{flex-direction:column}.actions{gap:17px}.code-note{right:12px;bottom:23px;padding:11px 13px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}