@charset "UTF-8";
:root{--bg:#0b0d0e;--surface:#111416;--text:#e7e5df;--muted:#92999a;--line:#2b3032;--accent:#ef875e;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"Inter","Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#ef875e;color:#0b0d0e}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);color:var(--bg);padding:10px;z-index:20}.skip:focus{top:15px}.header{height:88px;padding:0 5.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;background:#0b0d0eed;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{font-size:32px;color:var(--accent);line-height:1}.brand strong{font-size:18px;letter-spacing:3px}.brand strong span{font-weight:400;color:#a4aaab;font-size:12px;margin-left:9px}.brand i{font-style:normal;font-size:8px;letter-spacing:1.6px;width:105px;white-space:normal;line-height:1.6;border-left:1px solid var(--line);padding-left:14px;margin-left:6px}.header nav{display:flex;gap:34px;font-size:12px;color:#b5b9b9}.header nav a:hover,.nav-end:hover{color:var(--accent)}.nav-end{font-size:11px;letter-spacing:1px}.nav-end span{margin-left:17px;color:var(--accent)}.hero{min-height:730px;height:calc(100svh - 88px);max-height:1000px;position:relative;overflow:hidden;padding:105px 8% 98px;display:flex;align-items:center;background:radial-gradient(ellipse at 76% 55%,#1c2020 0,transparent 57%)}.hero-content{position:relative;z-index:2;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--accent);font-weight:500;line-height:1.8}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:9px;box-shadow:0 0 15px #ef875e77}h1,h2,h3,p{margin-top:0}h1{font:120px/1.1 var(--serif);font-weight:500;letter-spacing:18px;margin:30px 0 24px}h1 span{display:block;font-size:47px;line-height:1.5;letter-spacing:9px;margin-top:12px}.hero-en{font-size:9px;letter-spacing:4.5px;color:#a3aaaa;margin-bottom:28px}.hero-description{font-size:14px;line-height:2.1;color:#a4aaab;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;background:var(--accent);color:#161a1b;padding:13px 21px;font-size:12px;letter-spacing:1px;transition:background .2s,transform .2s}.button:hover{background:#f7a984;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.hero-note{font-size:9px;color:#899192;margin-top:14px;letter-spacing:1px}.hero-note span{margin:0 7px}.hero-bottom{position:absolute;bottom:0;left:5.6%;right:5.6%;height:66px;border-top:1px solid #ffffff21;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:2px;color:#9aa1a1}.hero-bottom span:nth-child(2){font-size:11px;letter-spacing:3px}.hero-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.starfield{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 15% 20%,#aaa 70%,transparent),radial-gradient(1px 1px at 80% 62%,#777 70%,transparent),radial-gradient(1px 1px at 63% 20%,#bbb 70%,transparent),radial-gradient(1px 1px at 45% 85%,#888 70%,transparent);background-size:213px 231px,337px 317px,419px 233px,281px 371px;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 50%)}.planet{width:clamp(360px,43vw,700px);aspect-ratio:1;position:absolute;top:48%;left:71%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 26% 22%,#c5c8b6 0%,#7b8176 12%,#414942 30%,#222b28 43%,#0d1111 60%,#07090a 75%);box-shadow:-8px -6px 12px #a5ac8d12,-2px -2px 2px #e1ddbd80,30px 40px 100px #000;overflow:hidden}.planet:after{content:"";position:absolute;inset:-20%;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.014 .032' numOctaves='6' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:soft-light;opacity:.65;transform:rotate(-28deg)}.orbit{position:absolute;left:71%;top:48%;border:1px solid #bcc4bf26;border-radius:50%;width:66vw;height:25vw;transform:translate(-50%,-50%) rotate(-36deg)}.orbit-two{width:75vw;height:35vw;transform:translate(-50%,-50%) rotate(-36deg);border-color:#ffffff12}.orbit-three{width:50vw;height:61vw;transform:translate(-50%,-50%) rotate(30deg);border-style:dashed;border-color:#ffffff0d}.sun{position:absolute;border-radius:50%;background:#fff4cf;box-shadow:0 0 10px #fff2b3,0 0 35px #ed944b90,0 0 80px #ee783644;z-index:1}.sun-one{left:51%;top:20%;width:24px;height:24px}.sun-two{right:10%;top:15%;width:9px;height:9px}.sun-three{right:7%;bottom:24%;width:13px;height:13px}.planet-label{position:absolute;right:6%;bottom:17%;font:10px/2 monospace;letter-spacing:2px;color:#c5c6bb;border-left:1px solid #b2b6a455;padding-left:14px}.planet-label span{font-size:7px;color:#7f8a84}.cross{position:absolute;color:#7c837c;font-size:19px;font-weight:200}.cross-one{right:28%;top:9%}.cross-two{left:48%;bottom:17%}.section{padding:90px 8%;max-width:1600px;margin:auto}.intro{border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:28px}h2{font:34px/1.6 var(--serif);font-weight:500;letter-spacing:2px;margin-bottom:24px}.intro p{color:var(--muted);font-size:13px;line-height:2.1;margin-bottom:16px}.mini-stats{display:flex;justify-content:space-between;margin-top:29px;padding-top:22px;border-top:1px solid var(--line);gap:20px}.mini-stats div{display:flex;flex-direction:column}.mini-stats strong{font:30px/1.3 Georgia,serif;color:#d2d3ca;font-weight:400}.mini-stats span{font-size:9px;color:#969d9d;margin-top:6px;letter-spacing:1px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:33px}.section-heading h2{margin:12px 0 0}.section-aside{font-size:10px;color:#969d9d;padding-bottom:9px;letter-spacing:.5px}.book-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:42px}.book-tabs button{border:0;background:transparent;text-align:left;padding:27px 26px 23px;position:relative;border-right:1px solid var(--line)}.book-tabs button:first-child{border-left:1px solid var(--line)}.book-tabs button[aria-selected=true]{background:#191c1c}.book-tabs button[aria-selected=true]:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--accent)}.book-tabs span{display:block;font-size:9px;letter-spacing:1.7px;color:#91999a}.book-tabs strong{display:block;font:27px/1.4 var(--serif);margin:13px 0}.book-tabs i{font-size:8px;letter-spacing:1.4px;color:#939b9a;font-style:normal}.book-tabs button[aria-selected=true] span,.book-tabs button[aria-selected=true] i{color:var(--accent)}.book-tabs button:hover{background:#151819}.book-overview{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px}.book-art{min-height:305px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 48%,#60402d 0,#27231d 23%,#161a19 62%);border:1px solid #ffffff16}.art-index{position:absolute;top:17px;left:23px;font:18px Georgia;color:#c3b5a2}.art-orb{position:absolute;width:160px;height:160px;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 28%,#bca181,#3c362b 43%,#0b0d0c 74%);box-shadow:-2px -1px 2px #c2a48666,0 0 60px #b1693d25}.art-line{position:absolute;top:42%;left:50%;height:65px;width:280px;border:1px solid #cbb08a66;border-radius:50%;transform:translate(-50%,-50%) rotate(-35deg)}.art-caption{position:absolute;bottom:23px;left:23px;font-size:9px;color:#c4b6a1;letter-spacing:2px;line-height:2}.book-art[data-volume="1"]{background:radial-gradient(ellipse at 45% 35%,#1e434c,#101c23 45%,#121517 75%)}.book-art[data-volume="1"] .art-orb{width:40px;height:175px;border-radius:100% 100% 65% 65%;transform:translate(-50%,-50%) rotate(40deg);background:linear-gradient(90deg,#202d32,#b9d0cc 45%,#fff 50%,#31434a 80%);box-shadow:-2px 2px 25px #9dc9d455}.book-art[data-volume="1"] .art-line{width:330px;height:330px;border-color:#accbd529;transform:translate(-50%,-50%)}.book-art[data-volume="2"]{background:radial-gradient(ellipse at center,#544a26,#252418 40%,#151714 80%)}.book-art[data-volume="2"] .art-orb{border-radius:0;width:130px;height:150px;transform:translate(-50%,-50%) rotate(-24deg) skewY(10deg);background:linear-gradient(135deg,#efe7bc,#9b915b50,#dfd2a1);box-shadow:0 0 36px #e4c86833;border:1px solid #f9eabc}.book-art[data-volume="2"] .art-line{border-radius:0;border-color:#efe2a32b;width:185px;height:195px;transform:translate(-50%,-50%) rotate(-24deg) skewY(10deg)}.book-intro{align-self:center}.book-intro h3{font:29px/1.5 var(--serif);letter-spacing:1px;margin:14px 0 18px}.book-intro p{color:#a6aeae;font-size:13px;line-height:2.2;max-width:650px}.tags{display:flex;gap:9px;flex-wrap:wrap}.tags span{border:1px solid #ffffff20;color:#a4aaa8;font-size:9px;padding:2px 10px}.spoiler-toggle{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:11px;width:fit-content;cursor:pointer}.spoiler-toggle small{font-size:9px;margin-left:9px;color:var(--accent)}.spoiler-toggle input{position:absolute;opacity:0;width:32px;height:20px}.switch{width:30px;height:16px;background:#454b4b;border-radius:20px;display:inline-block;position:relative}.switch:after{content:"";width:10px;height:10px;position:absolute;left:3px;top:3px;background:#101415;border-radius:50%;transition:transform .2s}.spoiler-toggle input:checked+.switch{background:var(--accent)}.spoiler-toggle input:checked+.switch:after{transform:translateX(14px)}.spoiler-toggle input:focus-visible+.switch{outline:2px solid #fff;outline-offset:4px}.plot{display:grid;grid-template-columns:1fr 1fr;gap:25px 45px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.plot[hidden]{display:none}.plot-step{display:grid;grid-template-columns:25px 1fr;gap:10px}.plot-step>span{color:var(--accent);font:11px/2 monospace}.plot-step h4{font-size:14px;font-weight:500;margin:0 0 8px}.plot-step p{font-size:12px;line-height:2;color:#919b9c;margin:0}.reading-question{padding:20px 0 0;margin:30px 0 0;font-size:12px;color:#c9b79e;border-top:1px solid var(--line)}.reading-question:before{content:"思考 / ";font-size:10px;color:var(--accent);margin-right:12px}.transmission{position:relative;text-align:center;overflow:hidden;padding:80px 8%;background:#121717;border-block:1px solid var(--line)}.transmission p{position:relative;font:34px/1.7 var(--serif);letter-spacing:4px;margin:25px 0}.transmission>span{font-size:10px;color:#899390;position:relative}.transmission .eyebrow{position:relative}.transmission-lines{position:absolute;inset:-200px;background:repeating-radial-gradient(ellipse at center,transparent 0,transparent 48px,#b9c5b408 49px,#b9c5b408 50px);transform:rotate(-12deg)}.section-lead{font-size:12px;line-height:2;color:var(--muted);margin-top:-10px;margin-bottom:36px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0;gap:38px 0}.timeline li{border-top:1px solid #4d5755;padding:26px 28px 0 0;position:relative}.timeline li:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border:1px solid var(--accent);background:var(--bg);border-radius:50%}.timeline li:first-child:before{background:var(--accent);box-shadow:0 0 10px #ef875e66}.timeline span{font-size:9px;letter-spacing:1px;color:var(--accent)}.timeline h3{font:19px/1.5 var(--serif);margin:14px 0 12px}.timeline p{font-size:11px;line-height:2;color:#969f9f;max-width:235px;margin:0}.people-section{border-block:1px solid var(--line);background:var(--surface)}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.people-grid details{border-top:1px solid var(--line);padding:25px 25px 25px 0;margin-right:30px}.people-grid summary{list-style:none}.people-grid summary::-webkit-details-marker,.concept-list summary::-webkit-details-marker{display:none}.person-no{display:block;font-size:8px;letter-spacing:2px;color:#939f9c}.person-name{font:27px/1.5 var(--serif);display:block;margin:20px 0 12px}.person-role{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9ca6a4}.person-role b{font:20px/1 monospace;color:var(--accent);font-weight:400}.people-grid p{font-size:12px;color:#9da8a5;line-height:2;margin:20px 0 0}.people-grid details[open] b,.concept-list details[open] b{transform:rotate(45deg)}.concept-list details{border-top:1px solid var(--line)}.concept-list details:last-child{border-bottom:1px solid var(--line)}.concept-list summary{list-style:none;display:grid;grid-template-columns:60px 1fr 1fr 24px;align-items:center;padding:25px 0;gap:10px}.concept-list summary>span{font:11px monospace;color:var(--accent)}.concept-list h3{font:23px/1.5 var(--serif);margin:0}.concept-list em{font-size:9px;letter-spacing:2px;font-style:normal;color:#899593}.concept-list b{font:20px/1 monospace;color:var(--accent);text-align:center}.concept-body{padding:0 15% 30px 70px}.concept-body p{font-size:13px;line-height:2.1;color:#9ba6a3;max-width:800px}.concept-body>span{font-size:10px;color:#bcac95}.ending{text-align:center;padding-block:90px 100px;background:radial-gradient(ellipse at center,#27271b55,transparent 60%)}.ending h2{font-size:48px;line-height:1.5;letter-spacing:5px;margin:23px 0}.ending p{color:var(--muted);font-size:12px;margin-bottom:30px}.button-outline{background:transparent;color:var(--text);border:1px solid #565d56}.button-outline:hover{background:#222923}.section#about{padding-top:38px;padding-bottom:32px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px}.footer-top>span,.footer-top>a:last-child{font-size:10px;color:#949e9c}.footer-bottom{display:flex;justify-content:space-between;gap:50px;border-top:1px solid var(--line);padding-top:24px}.footer-bottom p{font-size:10px;color:#83908b;max-width:620px;line-height:2;margin:0}.sources{font-size:9px;display:flex;flex-wrap:wrap;gap:4px 13px;color:#a2aaa6;max-width:330px}.sources a{text-decoration:underline;text-underline-offset:4px}.sources span{display:block;width:100%;font-size:8px;letter-spacing:1.6px;color:#818c86;margin-top:8px}
@media(min-width:1600px){.hero{padding-left:max(8%,calc((100vw - 1344px)/2))}.hero-art{max-width:1800px;left:50%;width:100%;transform:translateX(-50%)}}
@media(max-width:1000px){.header{padding:0 5%}.brand i,.nav-end{display:none}.header nav{gap:24px}.hero{padding:70px 7% 100px;min-height:690px}h1{font-size:100px}h1 span{font-size:38px}.planet{left:78%;width:53vw;top:45%}.orbit{left:78%}.hero-art{opacity:.8}.hero-content{max-width:500px}.section{padding:70px 7%}.intro-grid{gap:6%}h2{font-size:29px}.book-overview{gap:30px}.book-intro h3{font-size:25px}.book-tabs button{padding:23px 19px}.book-tabs i{font-size:7px;letter-spacing:1px}.timeline{grid-template-columns:repeat(2,1fr)}.timeline p{max-width:100%}.people-grid{grid-template-columns:repeat(2,1fr)}.section-aside{max-width:175px}.footer-top>span{display:none}.footer-bottom{gap:30px}}
@media(max-width:600px){html{scroll-padding-top:20px}.header{height:75px;flex-wrap:wrap;justify-content:center;padding:10px 6% 9px;gap:8px}.brand{gap:8px}.brand-mark{font-size:23px}.brand strong{font-size:15px;letter-spacing:2px}.brand strong span{font-size:10px}.header nav{width:100%;justify-content:space-between;font-size:10px;gap:10px}.hero{height:auto;min-height:775px;padding:50px 7% 100px;align-items:flex-start}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-content{width:100%}h1{font-size:87px;letter-spacing:13px;margin:23px 0 14px}h1 span{font-size:31px;letter-spacing:6px;margin-top:12px}.hero-en{font-size:7px;letter-spacing:2.6px;margin-bottom:22px}.hero-description{font-size:12px;line-height:2}.hero .button{gap:30px;padding:11px 17px}.hero-note{font-size:8px;letter-spacing:0}.planet{width:330px;left:83%;top:71%;opacity:.75}.hero-art{opacity:.8}.orbit{width:490px;height:170px;left:83%;top:71%}.orbit-two{width:570px;height:255px}.orbit-three{width:400px;height:520px}.sun-one{top:55%;left:52%;width:13px;height:13px}.sun-two{top:25%;right:8%}.sun-three{bottom:16%;right:4%;width:8px;height:8px}.planet-label{right:7%;bottom:12%;font-size:8px}.planet-label span{font-size:6px}.cross-one{top:43%;right:16%}.cross-two{bottom:24%;left:13%}.hero-bottom{left:7%;right:7%;height:57px;font-size:6px;letter-spacing:1px}.hero-bottom span:nth-child(2){display:none}.section{padding:55px 7%}.eyebrow{font-size:8px;letter-spacing:1.7px}h2{font-size:26px;letter-spacing:1px}.intro-grid{grid-template-columns:1fr;gap:4px;margin-top:20px}.intro p{font-size:12px}.mini-stats{margin-top:24px}.mini-stats strong{font-size:26px}.mini-stats span{font-size:8px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{margin-top:12px}.section-aside{display:block;margin-top:12px;max-width:none;font-size:9px;padding:0}.book-tabs{margin-bottom:25px}.book-tabs button{padding:16px 10px}.book-tabs span{font-size:7px;letter-spacing:0}.book-tabs strong{font-size:19px;margin:9px 0 0;white-space:nowrap}.book-tabs i{display:none}.book-overview{grid-template-columns:1fr;gap:24px}.book-art{min-height:230px}.art-orb{width:140px;height:140px;top:45%}.art-line{top:45%;width:245px}.art-caption{font-size:8px;bottom:15px;left:18px}.book-intro h3{font-size:24px;margin:12px 0 15px}.book-intro p{font-size:12px}.plot{grid-template-columns:1fr;gap:23px;margin-top:28px;padding-top:25px}.plot-step p{font-size:12px}.reading-question{font-size:11px;line-height:2}.transmission{padding:55px 7%}.transmission p{font-size:25px;letter-spacing:2px}.transmission>span{font-size:8px}.section-lead{font-size:11px;margin-top:0}.timeline{gap:27px 0}.timeline li{padding:20px 17px 0 0}.timeline span{font-size:8px;letter-spacing:0}.timeline h3{font-size:17px}.timeline p{font-size:10px}.people-grid details{margin-right:17px;padding:22px 0}.person-no{font-size:6px;letter-spacing:1px}.person-name{font-size:24px;margin:14px 0 9px}.person-role{font-size:9px;align-items:start;gap:8px}.people-grid p{font-size:11px}.concept-list summary{grid-template-columns:30px 1fr 22px;padding:20px 0}.concept-list h3{font-size:21px}.concept-list em{display:none}.concept-body{padding:0 0 24px 40px}.concept-body p{font-size:12px}.concept-body>span{font-size:9px}.ending h2{font-size:36px;letter-spacing:3px}.ending p{font-size:11px}.footer-bottom{display:block}.footer-bottom p{font-size:9px}.sources{margin-top:18px;font-size:8px}.footer-top{margin-bottom:23px}.footer-top>a:last-child{font-size:9px}.section#about{padding-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.switch{pointer-events:none}