500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--ink:#183a35;--forest:#122c28;--paper:#f4f3ed;--muted:#6a7771;--line:#d8ddd3;--lime:#d8f588;--teal:#20776c;--orange:#ae643f;--serif:'Noto Serif SC','SimSun',serif;--sans:'Noto Sans SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:hover,a:hover{transition:.2s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #90b655;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.skip{position:fixed;top:-80px;left:20px;padding:16px;background:var(--lime);z-index:100}.skip:focus{top:10px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#f8f8f1;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:2px}.brand small{display:block;font:8px var(--sans);letter-spacing:2px;margin-top:5px}.brand-mark{display:grid;place-items:center;width:39px;height:42px;background:var(--ink);color:var(--lime);font-family:var(--serif);font-size:24px;border-radius:3px}.topbar nav{height:100%;display:flex;gap:34px;align-items:center;font-size:13px}.topbar nav a,.topbar nav button{height:100%;display:flex;align-items:center;position:relative}.nav-active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--ink)}.nav-quiz{border:1px solid var(--ink);padding:10px 16px;border-radius:4px}.nav-quiz span{padding-left:20px}.hero{background:var(--forest);color:#f3f5df;display:grid;grid-template-columns:1fr 1fr;min-height:635px;padding:62px 7% 45px;overflow:hidden;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:#bbd0bc}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #d8f58866}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(42px,4.7vw,70px);line-height:1.38;margin:25px 0 19px;letter-spacing:3px}.hero-serif{color:var(--lime);position:relative}.hero-serif:after{content:'';position:absolute;width:100%;height:10px;bottom:-7px;left:0;border-top:1px solid var(--lime);border-radius:50%;transform:rotate(-5deg)}.hero-intro{font-size:13px;line-height:2;color:#b5c8b9;letter-spacing:1px}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:27px}.button{padding:15px 23px;display:inline-flex;align-items:center;gap:40px;border-radius:3px;font-weight:500;font-size:13px}.lime{color:var(--forest);background:var(--lime)}.lime:hover{background:#e6ffad;transform:translateY(-2px)}.hero-source{font-size:11px;color:#c5d5c4}.hero-source span{margin-left:8px}.hero-meta{display:flex;gap:21px;margin-top:34px;font-size:9px;letter-spacing:1px;color:#8fa99a}.hero-meta span+span{border-left:1px solid #4d6358;padding-left:21px}.hero-art{position:relative;min-height:485px}.orbit{position:absolute;border:1px solid #739d7b33;width:480px;height:480px;border-radius:50%;left:3%;top:20px;transform:rotate(-20deg)}.orbit-two{width:365px;height:365px;left:15%;top:85px;border-style:dashed}.hero-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b4d5a94a .7px,transparent .7px);background-size:25px 25px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.artifact{position:absolute;filter:drop-shadow(0 20px 22px #0005)}.artifact svg{width:100%;height:100%}.artifact-book{width:290px;height:210px;top:28px;left:0;transform:rotate(-13deg)}.artifact-computer{width:330px;height:250px;right:-20px;top:195px;transform:rotate(8deg)}.artifact-ai{width:180px;height:180px;right:12px;top:0;transform:rotate(10deg)}.float-year{position:absolute;font-family:Georgia,serif;font-size:27px;color:#d8f588;z-index:2}.float-year i{display:block;font:9px var(--sans);color:#b0c3ae;letter-spacing:2px;margin-top:5px}.fy1{left:9px;top:264px}.fy2{right:7px;top:468px}.fy3{right:155px;top:-15px}.art-label{position:absolute;left:40px;bottom:35px;font-size:9px;letter-spacing:5px;writing-mode:vertical-rl;color:#91b29b}.art-caption{position:absolute;bottom:0;left:35%;font-size:9px;color:#8ca48d}.chapter-strip{display:flex;justify-content:space-between;align-items:center;padding:23px 5%;border-bottom:1px solid var(--line);background:#e8ecdf;font-size:11px;gap:20px}.chapter-strip>span{color:var(--muted);font-size:10px}.chapter-strip a{white-space:nowrap}.chapter-strip i{font:italic 12px Georgia;color:#79917a;margin-right:8px}.chapter-strip a:hover{color:var(--orange)}.section-wrap{max-width:1440px;margin:auto;padding-left:7%;padding-right:7%}.explore{padding-top:76px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px;gap:20px}.dark{color:#71816f}.section-heading h2,.lab h2{font-family:var(--serif);font-size:32px;font-weight:500;letter-spacing:1px;margin:16px 0 13px}.section-heading p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.text-button{font-size:11px;border-bottom:1px solid #a0b09b;padding:9px 0;white-space:nowrap}.text-button span{margin-left:20px}.explore-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px}.era-sidebar{position:sticky;top:120px;height:fit-content}.sidebar-top{font-size:11px;color:#647c66;display:flex;justify-content:space-between;padding:0 14px 17px;border-bottom:1px solid var(--line);margin-bottom:9px}.era-button{display:block;text-align:left;width:100%;padding:13px 14px;border-left:2px solid transparent;margin-bottom:4px;border-radius:0 3px 3px 0}.era-button span{display:block;font-size:13px;margin-bottom:6px}.era-button small{font-size:10px;color:#7f8c7b}.era-button.active{background:#e3e9d8;border-left-color:#416647}.era-button.active span{font-weight:600}.era-button:hover{background:#e9ecdf}.legend{display:flex;flex-wrap:wrap;gap:18px;padding:25px 14px 12px;font-size:10px}.legend i,.region-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.cn-dot{background:var(--orange)}.world-dot{background:var(--teal)}.legend p{font-size:10px;line-height:1.9;color:#879080;margin-top:0}.saved-button{font-size:11px;border-top:1px solid var(--line);padding:17px 14px;width:100%;text-align:left}.saved-button span{float:right}.toolbar{display:flex;justify-content:space-between;gap:20px}.segmented{display:flex;background:#e7eade;padding:4px;border-radius:4px;gap:2px}.segmented button{font-size:11px;padding:9px 15px;border-radius:3px}.segmented button.active{background:#fbfcf6;box-shadow:0 1px 5px #253c2015}.search-box{display:flex;gap:8px;border:1px solid #ced7c8;align-items:center;border-radius:4px;padding:0 10px;background:#fafbf5;min-width:0}.search-box>span{font-size:23px}.search-box input{width:185px;min-width:0;border:0;outline:0;background:none;font-size:11px;padding:12px 0;color:var(--ink)}.search-box kbd{font-size:10px;color:#8b9686;border:1px solid var(--line);padding:1px 5px}.filters{display:flex;align-items:center;gap:15px;margin:18px 0 15px;font-size:10px}.region-filters{display:flex;gap:4px}.region-filters button{padding:6px 10px;border-radius:20px;color:#768371}.region-filters button.active{background:var(--ink);color:white}.filters label{margin-left:auto;color:#7c8875}.filters select{border:none;background:transparent;font-size:10px;padding:4px;color:var(--ink);max-width:100px}.reset{font-size:10px;color:#788a72}.result-line{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:9px;color:#8a9581}.era-heading{display:flex;align-items:center;gap:15px;margin:29px 0 18px}.era-number{font:italic 28px Georgia;color:#8c9f7f}.era-heading h3{font-size:16px;font-weight:500;margin:0 0 5px}.era-heading p{font-size:10px;color:#8a9581;margin:0}.era-heading .era-range{font:12px Georgia;margin-left:auto;color:#8b9982}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.event-card{border:1px solid #d9dfd1;background:#fafbf6;border-radius:5px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.event-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2440230c}.card-art{height:150px;position:relative;overflow:hidden;background:#e7eadc;border-bottom:1px solid #e1e5d9}.card-art svg{width:100%;height:100%;opacity:.95}.art-stamp{position:absolute;bottom:8px;left:12px;font-size:8px;color:#6f7d68;letter-spacing:1px}.card-body{padding:20px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.year{font:29px Georgia;letter-spacing:-1px;color:var(--ink)}.region-tag{font-size:9px;background:#eef0e6;padding:4px 7px;border-radius:20px}.event-card h4{font-family:var(--serif);font-size:17px;line-height:1.65;margin:0 0 7px;font-weight:600}.card-sub{font-size:10px;color:#7d8a74;margin:0 0 13px;line-height:1.8}.card-fact{font-size:11px;line-height:2;color:#51614d;margin:0}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;border-top:1px solid #e3e7db;padding-top:12px}.read-button{font-size:10px;color:#476747}.source-link{font-size:9px;color:#8b987e;display:block;margin:10px 0 0;text-decoration:underline;text-underline-offset:3px}.card-tools{display:flex;gap:7px}.card-tools button{font-size:10px;border:1px solid #d5ddce;border-radius:3px;padding:4px 7px}.card-tools button[aria-pressed=true]{background:#dae7c5;border-color:#a7ba8e}.timeline-end{text-align:center;margin-top:45px;padding-top:30px;border-top:1px solid var(--line);color:#8a987d}.timeline-end>span{font-size:22px}.timeline-end p{font-family:var(--serif);font-size:14px}.timeline-end small{font-size:9px}.compare-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-col>h4{font-size:10px;font-weight:500;letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:12px}.compare-col .event-card{margin-bottom:18px}.empty{padding:55px 25px;text-align:center;background:#e9eddf;border-radius:4px;line-height:2.3;color:#7b8b70;font-size:12px}.lab{background:var(--forest);color:#e6edda;padding:65px 0 45px}.lab .section-heading p{color:#9eb6a0}.lab-note{font-size:10px;color:#7e9c82}.lab-stage{display:grid;grid-template-columns:1fr 1fr;border:1px solid #52705366;min-height:310px;border-radius:7px;overflow:hidden}.lab-visual{display:grid;place-items:center;background:radial-gradient(ellipse at center,#57724b50,transparent 70%);position:relative}.lab-visual svg{width:90%;height:280px}.lab-copy{padding:38px 50px;border-left:1px solid #52705366}.lab-year{font:50px Georgia;color:var(--lime);margin-bottom:16px}.lab-copy h3{font-family:var(--serif);font-size:22px;line-height:1.7;font-weight:500;margin:0}.lab-copy p{font-size:12px;line-height:2.2;color:#a9bfa6}.lab-copy button{color:var(--lime);border-color:#819d64}.range-controls{display:flex;align-items:flex-start;gap:22px;margin-top:30px}.range-controls>button{width:38px;height:38px;border:1px solid #56745a;border-radius:50%;font-size:17px}.range-controls>button:hover{background:#37553b}.range-label{flex:1;padding-top:8px}input[type=range]{width:100%;accent-color:var(--lime);cursor:pointer}.range-ticks{display:flex;justify-content:space-between;margin-top:12px;font:10px Georgia;color:#9fb496}.scale-note{text-align:center;font-size:9px;color:#78967a;margin-top:18px}.closing{padding-top:80px;padding-bottom:85px;text-align:center}.closing .eyebrow{justify-content:center}.closing h2{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.8;margin:20px 0}.closing p{font-size:12px;line-height:2.2;color:#859077;margin-bottom:25px}.dark-button{background:var(--ink);color:#eef5df}.dark-button:hover{background:#315643}footer{border-top:1px solid var(--line);padding:35px 5% 70px;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{font-size:17px}footer p{font-size:10px;color:#8a9680;line-height:2}footer>button{font-size:10px}.compare-tray{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:25;background:#183a35;color:#ecf5de;padding:13px 18px;box-shadow:0 6px 35px #122c2850;border-radius:8px;display:flex;align-items:center;gap:20px;width:min(760px,94vw);font-size:11px}.compare-tray[hidden]{display:none}#compare-names{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b2c6a9;font-size:10px}.compare-tray button[data-action=compare-go]{background:var(--lime);padding:9px 15px;color:var(--forest);border-radius:3px;white-space:nowrap}.compare-tray button:last-child{font-size:22px}dialog{border:none;border-radius:10px;background:var(--paper);color:var(--ink);padding:0;width:min(900px,94vw);max-height:90vh;box-shadow:0 30px 120px #0005}dialog::backdrop{background:#0b221ed4;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;background:#e5eada;position:sticky;top:0;z-index:2;padding:16px 25px;font-size:10px;letter-spacing:2px}.dialog-top button{font-size:11px;letter-spacing:0}#dialog-body{padding:32px 45px 40px}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.detail-hero svg{height:220px;width:100%;background:#e6eadb;border-radius:6px}.detail-hero h2{font-family:var(--serif);font-size:25px;line-height:1.7;font-weight:500}.detail-hero .year{font-size:38px}.detail-section{margin-top:27px}.detail-section h3{font-size:11px;letter-spacing:2px;color:#7c8c70;border-left:2px solid #aabf8b;padding-left:10px}.detail-section p{font-size:13px;line-height:2.2}.caution{padding:15px 20px;border:1px solid #d5dbcb;border-radius:5px;background:#eceee4}.caution p{font-size:12px;margin:5px 0}.source-item{padding:16px 0;border-bottom:1px solid #d9dfd0;display:flex;gap:14px}.source-num{font:italic 16px Georgia;color:#91a27d;min-width:25px}.source-item a{font-size:12px;line-height:1.9}.source-item a:hover{text-decoration:underline}.source-item small{display:block;font-size:10px;color:#859475;margin-top:6px}.dialog-title{font-family:var(--serif);font-size:27px;font-weight:500;line-height:1.7}.dialog-desc{font-size:12px;line-height:2.2;color:#77866c}.source-search{width:100%;padding:12px;border:1px solid var(--line);background:#fbfcf7;margin:15px 0;border-radius:4px}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:30px}.side-by-side h3{font-family:var(--serif);font-size:21px;line-height:1.7}.side-by-side p{font-size:12px;line-height:2.1}.side-by-side svg{height:150px;width:100%;background:#e2e8d5;border-radius:5px}.side-by-side h4{font-size:11px;color:#879575;margin-top:25px}.question-counter{font:12px Georgia;color:#8b9c78;margin-top:15px}.quiz-options{display:grid;gap:11px;margin:25px 0}.quiz-options button{padding:16px 20px;border:1px solid #cdd7bf;border-radius:5px;text-align:left;background:#f9fbf2;font-size:13px}.quiz-options button:hover{background:#e4eccf}.quiz-options button.correct{background:#daebc0;border-color:#84a45b}.quiz-options button.wrong{background:#f0dfd0;border-color:#bc926d}.quiz-feedback{font-size:12px;line-height:2.1;min-height:30px}.quiz-feedback a{text-decoration:underline}.quiz-next{margin-top:20px}.score{font:70px Georgia;color:#4a7151}.toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);border-radius:5px;background:#345136;color:white;padding:13px 22px;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
[hidden]{display:none!important}.card-fact{font-size:13px;line-height:2}.card-sub{font-size:11px}.event-card h4{font-size:19px}.source-link{font-size:10px}.read-button{font-size:11px}.section-heading p{font-size:13px}.hero-intro{font-size:14px}.lab-copy p{font-size:13px}.detail-section p{font-size:14px}.source-item a{font-size:13px}
@media(min-width:1500px){.hero{padding-left:calc((100vw - 1240px)/2);padding-right:calc((100vw - 1240px)/2)}}
@media(max-width:1050px){.topbar nav{gap:18px}.hero{padding:50px 5%;min-height:610px}.artifact-book{width:240px}.artifact-computer{width:270px}.hero h1{font-size:50px}.hero-source{display:none}.section-wrap{padding-left:5%;padding-right:5%}.explore-layout{gap:25px;grid-template-columns:155px minmax(0,1fr)}.toolbar{gap:10px}.segmented button{padding:9px}.search-box input{width:140px}.card-body{padding:16px}.chapter-strip>span{display:none}.lab-copy{padding:30px}.section-heading h2{font-size:28px}}
@media(max-width:760px){html{scroll-padding-top:80px}.topbar{height:72px;padding:0 5%}.brand{font-size:16px;gap:9px}.brand small{font-size:6px;letter-spacing:1px}.brand-mark{width:32px;height:36px;font-size:21px}.topbar nav{display:none}.nav-quiz{font-size:11px;padding:9px}.nav-quiz span{padding-left:6px}.hero{grid-template-columns:1fr;padding:36px 7% 30px}.hero h1{font-size:45px;line-height:1.45;margin-top:22px}.hero h1 br:nth-of-type(2){display:none}.hero-intro{font-size:12px}.hero-art{min-height:300px;margin-top:30px;max-width:450px;width:100%;justify-self:center}.orbit{width:300px;height:300px;left:5%;top:0}.orbit-two{width:230px;height:230px;top:30px}.artifact-book{width:230px;height:150px;top:5px}.artifact-computer{width:240px;height:170px;top:130px;right:-10px}.artifact-ai{width:125px;height:125px;top:-15px;right:10px}.fy1{top:170px;font-size:22px}.fy2{top:278px;font-size:22px;right:15px}.fy3{right:120px;top:-23px;font-size:22px}.art-label{bottom:0;left:30px}.art-caption{bottom:-7px;font-size:7px}.hero-meta{font-size:8px;gap:15px}.hero-meta span+span{padding-left:15px}.chapter-strip{overflow:auto;justify-content:flex-start;padding:18px 7%;gap:25px}.chapter-strip a{font-size:10px}.explore{padding-top:44px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px;gap:10px}.section-heading h2,.lab h2{font-size:25px}.section-heading p{font-size:11px}.explore-layout{display:block}.era-sidebar{position:static;margin-bottom:20px}.sidebar-top,.legend,.era-sidebar>.era-button,.saved-button{display:none}#era-buttons{display:flex;gap:8px;overflow:auto;padding-bottom:5px}.era-button{min-width:118px;padding:10px;border:1px solid #d1dac7;border-radius:4px;margin:0}.era-button span{font-size:11px}.era-button small{font-size:9px}.era-button.active{border:1px solid #54784d}.toolbar{flex-direction:column}.segmented{align-self:flex-start}.search-box input{width:100%;font-size:12px}.search-box{width:100%}.search-box kbd{display:none}.result-line{font-size:8px}.filters{gap:5px}.region-filters button{font-size:10px;padding:6px 9px}.cards{gap:14px}.card-art{height:120px}.card-body{padding:15px}.event-card h4{font-size:16px}.card-fact{font-size:11px;line-height:2}.card-top{gap:5px}.year{font-size:25px}.region-tag{font-size:8px}.card-bottom{gap:5px;flex-wrap:wrap}.card-tools{gap:5px}.card-tools button{font-size:9px}.timeline-end small{font-size:8px}.lab{padding:42px 0 30px}.lab-stage{grid-template-columns:1fr}.lab-visual svg{height:220px}.lab-copy{border-left:none;border-top:1px solid #52705366;padding:25px}.lab-year{font-size:40px}.lab-copy h3{font-size:20px}.lab-copy p{font-size:11px}.range-controls{gap:12px}.range-controls>button{width:30px;height:30px}.closing{padding-top:50px;padding-bottom:50px}.closing h2{font-size:24px}.closing p{font-size:11px}footer{flex-wrap:wrap;padding:28px 6% 80px}footer p{font-size:9px;max-width:220px}#dialog-body{padding:25px 22px}.detail-hero{grid-template-columns:1fr}.detail-hero svg{height:180px}.detail-hero h2{font-size:23px}.detail-section p{font-size:12px}.side-by-side{gap:18px}.side-by-side h3{font-size:17px}.side-by-side p{font-size:11px}.compare-tray{gap:12px;padding:12px;font-size:10px}#compare-names{display:none}.compare-tray>span:first-child{flex:1}.dialog-title{font-size:23px}.era-heading .era-range{font-size:10px}.compare-columns{gap:12px}}
@media(max-width:450px){.cards{grid-template-columns:1fr}.card-art{height:165px}.card-body{padding:20px}.card-bottom{flex-wrap:nowrap}.event-card h4{font-size:19px}.compare-columns .event-card h4{font-size:15px}.compare-columns .card-body{padding:12px}.compare-columns .card-art{height:110px}.compare-columns .year{font-size:23px}.compare-columns .card-top{align-items:flex-start;flex-direction:column}.compare-columns .card-fact{font-size:10px}.compare-columns .card-bottom{flex-wrap:wrap}.side-by-side{grid-template-columns:1fr}.side-by-side>article+article{border-top:1px solid var(--line);padding-top:25px}.hero h1{font-size:40px}.hero-meta{gap:10px}.hero-meta span+span{padding-left:10px}.range-ticks{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.topbar,.hero,.chapter-strip,.era-sidebar,.toolbar,.filters,.lab,.closing,footer,.card-tools,.compare-tray,.toast,.result-line{display:none!important}.explore{padding:0}.explore-layout{display:block}.cards{grid-template-columns:1fr 1fr}.event-card{break-inside:avoid}.card-art{height:100px}dialog[open]{position:static;max-height:none;width:100%;overflow:visible}.dialog-top{display:none}}