@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap');
@font-face{font-family:"Ouyang Xun";src:url("../liuyao/ouyangxun.ttf") format("truetype");font-display:swap;font-weight:400}
:root{--ink:#171b19;--night:#101b1b;--night2:#1a2d2b;--paper:#f0e8d7;--paper2:#dfd1b8;--red:#aa3528;--fire:#d6802d;--gold:#c8a45c;--coal:#2f3330;--jade:#436c62;--muted:#747b76;--line:rgba(24,31,28,.18);--display:"Ouyang Xun","STKaiti","KaiTi",serif;--serif:"Noto Serif SC","Songti SC",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.75}body:before{content:"";position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit}.reading-progress{position:fixed;z-index:60;top:0;left:0;height:3px;width:0;background:var(--red)}
.masthead{position:absolute;z-index:10;top:0;left:0;right:0;height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,5vw,80px);color:#f3ead8;border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.14em}.brand span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--fire);color:var(--fire);transform:rotate(-4deg);font-family:var(--display);font-size:22px}.brand b{font-weight:500}.masthead nav{display:flex;gap:32px}.masthead nav a{opacity:.6}.masthead nav a:hover{opacity:1;color:var(--fire)}.home{justify-self:end;font-size:13px;letter-spacing:.1em}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(#101918,#1c302c 62%,#7a6345)}#hero-forge{position:absolute;inset:0;width:100%;height:100%}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,18,17,.91),rgba(12,18,17,.38) 55%,rgba(12,18,17,.1)),linear-gradient(0deg,rgba(14,18,16,.35),transparent 42%)}.hero-copy{position:relative;z-index:2;width:min(720px,88vw);margin-left:clamp(28px,9vw,150px);padding-top:68px;color:#f5ecda}.hero-copy>p{margin:0 0 26px;color:var(--gold);letter-spacing:.28em;font-size:13px}.hero-copy h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(66px,8.5vw,142px);line-height:.94;letter-spacing:.03em}.hero-copy h1 em{color:#df593e;font-style:normal}.hero-copy>span{display:block;max-width:610px;margin:34px 0 26px;color:#c7d0ca;font-size:clamp(16px,1.4vw,21px)}.hero-copy>a{display:inline-flex;gap:36px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.35);color:var(--gold);font-size:14px;letter-spacing:.1em}.hero-copy>a b{font-size:20px}.hero-number{position:absolute;z-index:2;right:clamp(28px,6vw,100px);bottom:clamp(36px,8vh,90px);display:grid;justify-items:end;color:#fff}.hero-number small{color:#9cac9f;letter-spacing:.16em}.hero-number strong{font:clamp(38px,5vw,76px) Georgia,serif;color:var(--gold);line-height:1.1}.hero-number span{font-size:14px;letter-spacing:.12em}.thesis{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#d7c9b1}.thesis span{color:#776c5e;font-size:12px;letter-spacing:.18em}.thesis strong{margin:20px 0;font-family:var(--display);font-weight:400;font-size:clamp(38px,5.5vw,78px);line-height:1.15}
.chapter{display:grid;grid-template-columns:minmax(280px,34%) 1fr;gap:clamp(25px,5vw,80px);padding:clamp(90px,10vw,150px) clamp(25px,6vw,100px);min-height:900px}.intro{position:sticky;top:80px;align-self:start}.intro>p{margin:0 0 24px;color:var(--red);font-size:12px;letter-spacing:.2em}.intro h2{font-family:var(--display);font-size:clamp(50px,6vw,88px);font-weight:400;line-height:1.1;margin:0 0 30px}.intro h2 em{color:var(--red);font-style:normal}.intro>span{display:block;max-width:430px;color:var(--muted);font-size:14px}.stage{align-self:start;padding:clamp(20px,4vw,55px);border:1px solid var(--line);background:rgba(255,255,255,.34)}.discover{margin:30px 0 0;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.estimate-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.estimate-switch button{border:1px solid var(--line);background:transparent;padding:16px 18px;text-align:left;color:inherit;cursor:pointer}.estimate-switch button b,.estimate-switch button span{display:block}.estimate-switch button span{color:var(--muted);font-size:11px}.estimate-switch button.active{border-color:var(--red);background:rgba(170,53,40,.07)}.iron-number{display:flex;align-items:baseline;gap:12px;margin:45px 0 20px}.iron-number small{margin-right:auto;color:var(--muted);font-size:11px}.iron-number strong{font:clamp(46px,6vw,82px) Georgia,serif;color:var(--red);line-height:1}.iron-number span{color:var(--muted)}.iron-yard{display:grid;grid-template-columns:repeat(25,1fr);align-content:end;gap:4px;min-height:260px;padding:26px;background:linear-gradient(#d9d3c5,#b9af9b);overflow:hidden}.iron-ingot{height:13px;background:linear-gradient(135deg,#4a4e49,#202522);clip-path:polygon(10% 15%,80% 0,100% 38%,86% 82%,14% 100%,0 55%);animation:ingot .4s both}.iron-ingot.hot{background:linear-gradient(135deg,#e59945,#8c3328)}@keyframes ingot{from{opacity:0;transform:translateY(-20px)}}.iron-uses{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px}.iron-uses button{border:0;border-right:1px solid var(--line);background:transparent;padding:20px 10px;color:inherit;cursor:pointer}.iron-uses button:last-child{border:0}.iron-uses i{display:block;font-family:var(--display);font-style:normal;font-size:30px;color:var(--muted)}.iron-uses b,.iron-uses span{display:block}.iron-uses span{font-size:10px;color:var(--muted)}.iron-uses button.active i,.iron-uses button.active b{color:var(--red)}
.night{background:var(--night);color:#eef0e8}.night .intro>span{color:#8ca09a}.night .intro h2 em{color:#e05a3f}.system-stage{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.14)}.system-head{display:grid;grid-template-columns:130px 1fr auto;gap:20px;align-items:center;margin-bottom:25px}.system-head small{display:block;color:#829690;font-size:10px}.system-head strong{font:36px Georgia,serif;color:var(--gold)}.system-head p{margin:0;color:#91a49f;font-size:12px}.system-head button{border:1px solid var(--gold);background:transparent;color:var(--gold);padding:11px 16px;cursor:pointer}.system-map{position:relative;min-height:560px;background:radial-gradient(circle at 49% 45%,rgba(218,115,40,.18),transparent 25%),linear-gradient(#152826,#0d1c1b);overflow:hidden}.system-map svg{position:absolute;inset:0;width:100%;height:100%}.link{fill:none;stroke:rgba(200,164,92,.6);stroke-width:3;stroke-dasharray:8 8;transition:.35s}.link.inner{stroke:rgba(90,134,119,.5)}.link.off{stroke:rgba(255,255,255,.07)}.node{position:absolute;left:var(--x);top:var(--y);width:112px;height:112px;transform:translate(-50%,-50%);border:1px solid rgba(200,164,92,.55);border-radius:50%;background:rgba(17,31,29,.92);color:#d7dfd7;cursor:pointer;z-index:3}.node i,.node b,.node span{display:block}.node i{font-family:var(--display);font-style:normal;font-size:28px;color:var(--gold)}.node b{font-size:13px}.node span{font-size:9px;color:#829690}.node:not(.active){opacity:.35;filter:grayscale(1)}.node.core{width:140px;height:140px;background:#5e2922;box-shadow:0 0 55px rgba(218,108,42,.28)}.forge-glow{position:absolute;left:49%;top:45%;width:12px;height:12px;border-radius:50%;background:var(--fire);transform:translate(-50%,-50%);box-shadow:0 0 80px 40px rgba(214,128,45,.28);animation:pulse 2.8s ease-in-out infinite}.system-map.stalled .forge-glow{opacity:.1;animation:none}.night .discover{border-color:rgba(255,255,255,.13);color:#829690}@keyframes pulse{50%{box-shadow:0 0 105px 55px rgba(214,128,45,.42)}}
.coal-chapter{background:#ded3be}.energy-scene{position:relative;min-height:440px;overflow:hidden;background:linear-gradient(#b7cbc2 0 52%,#93826a 52%)}.mountains{position:absolute;inset:50px 0 auto;height:250px}.mountains i{position:absolute;bottom:0;width:36%;height:80%;background:#607b6d;clip-path:polygon(0 100%,25% 38%,42% 64%,60% 18%,100% 100%)}.mountains i:nth-child(2){left:25%;transform:scale(.8)}.mountains i:nth-child(3){right:-4%;height:95%}.mountains i:nth-child(4){left:-10%;height:60%;opacity:.7}.mountains i:nth-child(5){right:25%;height:55%;opacity:.75}.forest{position:absolute;left:3%;right:38%;bottom:18%;display:flex;align-items:end;gap:6px;height:140px}.tree{flex:1;min-width:5px;background:#37584d;clip-path:polygon(50% 0,80% 36%,67% 36%,100% 75%,58% 75%,58% 100%,42% 100%,42% 75%,0 75%,33% 36%,20% 36%);transition:.35s}.kiln{position:absolute;right:14%;bottom:17%;width:120px;height:190px;background:#352d28;clip-path:polygon(15% 100%,0 30%,25% 0,75% 0,100% 30%,85% 100%);box-shadow:inset 0 -45px 65px #7d2e20}.kiln:after{content:"";position:absolute;left:35%;bottom:10%;width:30%;height:31%;border-radius:50% 50% 0 0;background:#ed8d35;box-shadow:0 0 30px #e04f22}.kiln i{position:absolute;left:34%;top:-50px;width:32%;height:65px;background:#3e3731}.kiln b{position:absolute;z-index:2;left:42%;top:34%;font-family:var(--display);font-size:30px;color:#d6c5a4;font-weight:400}.smoke{position:absolute;right:19%;top:5%;width:80px;height:180px;background:radial-gradient(ellipse at 30% 90%,rgba(64,67,61,.5),transparent 55%),radial-gradient(ellipse at 70% 55%,rgba(64,67,61,.35),transparent 55%),radial-gradient(ellipse at 40% 20%,rgba(64,67,61,.2),transparent 55%);animation:smoke 5s ease-in-out infinite}.energy-readout{position:absolute;left:28px;top:25px;padding:16px 20px;border-left:3px solid var(--red);background:rgba(240,232,215,.82)}.energy-readout small,.energy-readout strong,.energy-readout span{display:block}.energy-readout small{font-size:9px;color:var(--muted)}.energy-readout strong{font-family:var(--display);font-size:29px;font-weight:400}.energy-readout span{font-size:11px;color:var(--muted)}@keyframes smoke{50%{transform:translate(15px,-15px) scale(1.12);opacity:.6}}.slider-label{display:flex;justify-content:space-between;margin:25px 0 8px;color:var(--muted);font-size:12px}.slider-label b{color:var(--ink);font-weight:500}.slider-label em{color:var(--red);font-style:normal}input[type=range]{width:100%;accent-color:var(--red);cursor:ew-resize}.energy-facts{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.energy-facts>div{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.energy-facts small,.energy-facts b{display:block}.energy-facts small{color:var(--red);font-size:10px}.energy-facts p{margin:8px 0 0;color:var(--muted);font-size:12px}
.money-chapter{background:#eee5d5}.money-machine{position:relative;display:grid;grid-template-columns:170px 1fr 190px;align-items:center;gap:20px;min-height:390px;padding:35px;background:#19312e;color:#edf0e8;overflow:hidden}.coin-load{display:grid;place-items:center;height:170px;border-radius:50%;background:#84714e;box-shadow:inset 0 0 0 14px #b99a5e}.coin-load span{font-family:var(--display);font-size:42px}.coin-load b{font-size:11px}.trade-river{position:relative;height:80px;background:rgba(255,255,255,.07);overflow:hidden}.trade-river i{position:absolute;left:0;top:0;bottom:0;width:70%;background:repeating-linear-gradient(110deg,transparent 0 22px,rgba(200,164,92,.8) 23px 26px,transparent 27px 45px);transition:.3s}.trade-river span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;letter-spacing:.16em}.note-stack{position:absolute;left:43%;bottom:25px;width:170px;height:130px;pointer-events:none}.banknote{position:absolute;width:88px;height:42px;border:1px solid #9e613d;background:#d7b878;color:#543b2b;display:grid;place-items:center;font-family:var(--display);transform:translate(var(--x),var(--y)) rotate(var(--r));animation:notein .4s both}.trust{text-align:right}.trust small,.trust strong,.trust span{display:block}.trust small{color:#91a49f;font-size:10px}.trust strong{font-family:var(--display);font-size:55px;font-weight:400;color:var(--gold)}.trust span{font-size:12px;color:#91a49f}@keyframes notein{from{opacity:0;transform:translate(var(--x),-100px) rotate(var(--r))}}
.answer{padding:clamp(100px,12vw,180px) clamp(25px,8vw,130px);background:var(--ink);color:#eef0e8;text-align:center}.answer>p{color:var(--gold);font-size:12px;letter-spacing:.2em}.answer h2{font-family:var(--display);font-size:clamp(48px,7vw,102px);font-weight:400;line-height:1.08;margin:30px 0 70px}.answer h2 em{color:#df5a40;font-style:normal}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14);text-align:left}.answer-grid article{padding:34px;background:var(--ink)}.answer-grid span{color:var(--gold);font-size:10px}.answer-grid b{display:block;margin:8px 0;font-size:20px}.answer-grid p{margin:0;color:#8da09b;font-size:12px}.answer blockquote{margin:80px auto 0;max-width:800px;font-family:var(--display);font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1.45;color:#d7cfbd}.answer blockquote strong{color:var(--gold);font-weight:400}.sources{padding:100px clamp(25px,8vw,130px);background:#e5dbc8}.sources>p:first-child{color:var(--red);font-size:12px;letter-spacing:.2em}.sources h2{font-family:var(--display);font-size:52px;font-weight:400}.sources>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sources a{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.sources a:hover{background:rgba(255,255,255,.45)}.sources a b,.sources a span{display:block}.sources a b{font-size:14px}.sources a span{margin-top:6px;color:var(--muted);font-size:11px}.sources .note{max-width:900px;margin-top:28px;color:var(--muted);font-size:12px}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;padding:55px clamp(25px,6vw,90px);background:#101817;color:#e8dfcc}footer>b{font-family:var(--display);font-size:32px;font-weight:400}footer>span{align-self:center;color:#82948e;font-size:12px;letter-spacing:.16em}footer>a{justify-self:end;color:var(--gold);font-size:12px}.visitor-map{grid-column:1/-1;min-height:80px;margin-top:25px;overflow:hidden;opacity:.82}
@media(max-width:900px){.masthead{grid-template-columns:1fr auto}.masthead nav{display:none}.hero-copy{margin-left:28px;margin-bottom:150px}.hero-number{left:28px;right:auto;bottom:28px;justify-items:start}.chapter{grid-template-columns:1fr;min-height:auto}.intro{position:static}.system-map{min-height:500px}.sources>div{grid-template-columns:1fr}.sources>div{border-top:0}.sources a{border-left:1px solid var(--line);border-top:1px solid var(--line)}footer{grid-template-columns:1fr auto}footer>span{display:none}}
@media(max-width:650px){.masthead{height:68px;padding:0 18px}.brand b{display:none}.home{font-size:11px}.hero-copy h1{font-size:61px}.hero-copy>span{font-size:14px}.thesis{min-height:260px}.chapter{padding:75px 18px}.intro h2{font-size:48px}.stage{padding:18px}.estimate-switch,.energy-facts,.answer-grid{grid-template-columns:1fr}.iron-number{display:grid;grid-template-columns:1fr auto}.iron-number small{grid-column:1/-1}.iron-yard{grid-template-columns:repeat(15,1fr);padding:15px}.iron-uses{grid-template-columns:1fr 1fr}.iron-uses button:nth-child(2){border:0}.system-head{grid-template-columns:1fr auto}.system-head p{grid-column:1/-1;grid-row:2}.system-map{min-height:560px;margin-left:-18px;margin-right:-18px}.node{width:88px;height:88px}.node.core{width:108px;height:108px}.node i{font-size:22px}.node b{font-size:11px}.node span{display:none}.money-machine{grid-template-columns:80px 1fr 70px;padding:18px;min-height:320px}.coin-load{height:80px}.coin-load span{font-size:24px}.coin-load b{display:none}.note-stack{left:35%;bottom:18px}.trust strong{font-size:36px}.answer,.sources{padding-left:18px;padding-right:18px}.answer-grid article{padding:24px}footer{padding:42px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.iron-compare{margin-top:24px;padding:28px;border:1px solid var(--line);background:rgba(23,27,25,.94);color:#eee8dc}.compare-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.compare-heading small{color:#98a39d;font-size:10px;letter-spacing:.15em}.compare-heading strong{color:var(--gold);font-family:var(--display);font-size:24px;font-weight:400;text-align:right}.compare-row{display:grid;grid-template-columns:110px 1fr 82px;gap:14px;align-items:center;margin:13px 0;font-size:11px}.compare-row>span{color:#aeb8b1}.compare-row>i{height:12px;background:rgba(255,255,255,.08);overflow:hidden}.compare-row>i b{display:block;width:var(--share);height:100%;background:#66736e;transition:width .5s ease}.compare-row.song>i b{background:linear-gradient(90deg,var(--red),var(--fire))}.compare-row>strong{font:14px Georgia,serif;text-align:right}.iron-compare>p{margin:25px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:#abb5ae;font-size:12px}
@media(max-width:650px){.iron-compare{padding:20px 16px}.compare-heading{display:block}.compare-heading strong{display:block;margin-top:8px;text-align:left;font-size:20px}.compare-row{grid-template-columns:82px 1fr 68px;gap:8px}}