.human-history-root .hero{grid-template-columns:minmax(0,1fr);align-items:center;min-height:100dvh;padding:max(80px,min(12vh,140px)) max(24px,min(6vw,80px)) max(60px,min(8vh,120px));display:grid;position:relative;overflow:hidden}@media (min-width:960px){.human-history-root .hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:max(40px,min(6vw,96px))}}.human-history-root .hero-canvas{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.human-history-root .hero-watermark{font-family:var(--brush);color:var(--cinnabar);opacity:.045;z-index:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-.08em;white-space:nowrap;font-size:max(36rem,min(60vw,64rem));line-height:.85;position:absolute;top:50%;left:-2%;transform:translateY(-50%)}.light .human-history-root .hero-watermark{opacity:.06}.human-history-root .hero-side{z-index:1;flex-direction:column;align-items:flex-start;gap:28px;display:flex;position:relative}.human-history-root .hero-marker{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--parchment-mute);align-items:center;gap:14px;font-size:.7rem;display:inline-flex}.human-history-root .hero-marker:before{content:"";background:var(--cinnabar);width:36px;height:1px}.human-history-root .hero-marker em{color:var(--cinnabar);font-style:normal;font-family:var(--italic);text-transform:none;letter-spacing:.08em;font-size:.78rem}.human-history-root .hero-seal{background:linear-gradient(135deg,var(--cinnabar)0%,#9c2e26 100%);border-radius:4px;place-items:center;width:88px;height:88px;margin:0 0 4px;display:grid;position:relative;box-shadow:0 14px 40px -16px rgba(200,68,58,.55),inset 0 0 0 1px rgba(241,229,192,.08)}.human-history-root .hero-seal:after{content:"";pointer-events:none;border:1px solid rgba(241,229,192,.55);border-radius:2px;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.human-history-root .hero-seal-glyph{font-family:var(--brush);color:var(--silk);letter-spacing:-.05em;z-index:1;font-size:3.4rem;line-height:1;position:relative}.human-history-root .hero h1{font-family:var(--serif);color:var(--parchment);letter-spacing:.06em;text-wrap:balance;margin:0;font-size:max(3rem,min(9vw,6.4rem));font-weight:900;line-height:1.02}.human-history-root .hero h1 .hero-h1-cn{display:block}.human-history-root .hero h1 .hero-h1-en{font-family:var(--display);letter-spacing:.04em;color:color-mix(in oklab,var(--gold)42%,var(--parchment));text-transform:none;margin-top:16px;font-size:max(1.2rem,min(2.4vw,1.85rem));font-style:italic;font-weight:400;display:block}.human-history-root .hero h2{font-family:var(--display);color:var(--parchment-dim);letter-spacing:.4em;text-transform:uppercase;align-items:center;gap:18px;margin:0;font-size:max(.95rem,min(1.3vw,1.1rem));font-weight:300;display:flex}.hero h2:before,.human-history-root .hero h2:after{content:"";background:linear-gradient(90deg,transparent,var(--gold)50%,transparent);flex:1;max-width:80px;height:1px}.human-history-root .hero-desc{color:var(--parchment-dim);text-wrap:pretty;max-width:56ch;margin:0;font-size:max(.98rem,min(1.2vw,1.1rem));line-height:1.95}.human-history-root .hero-desc .hero-cinnabar{color:var(--cinnabar-soft);font-style:italic;font-family:var(--italic);padding:0 .1em;font-weight:500}.human-history-root .hero-actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.human-history-root .hero-vitals{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0;width:100%;margin-top:8px;display:grid}.human-history-root .hero-vital{border-right:1px solid var(--border);padding:18px 16px 4px 0}.human-history-root .hero-vital:last-child{border-right:0}.human-history-root .hero-vital-val{font-family:var(--display);color:var(--parchment);letter-spacing:-.01em;font-feature-settings:"lnum" 1,"tnum" 1;font-size:max(1.4rem,min(2.4vw,2rem));font-weight:500;line-height:1.1}.human-history-root .hero-vital-val sup{color:var(--cinnabar);vertical-align:super;margin-left:2px;font-size:.5em}.human-history-root .hero-vital-label{color:var(--parchment-mute);letter-spacing:.12em;font-size:.7rem;font-family:var(--sans);margin-top:6px}.human-history-root .hero-aside{z-index:1;flex-direction:column;gap:14px;display:flex;position:relative}.human-history-root .hero-aside-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;display:flex}.human-history-root .hero-aside-head strong{font-family:var(--display);letter-spacing:.04em;color:var(--parchment);font-size:.95rem;font-weight:500}.human-history-root .hero-aside-head span{font-family:var(--mono);letter-spacing:.18em;color:var(--parchment-mute);text-transform:uppercase;font-size:.65rem}.human-history-root .hero-era-strip{flex-direction:column;gap:2px;display:flex}.human-history-root .hero-era-row{color:inherit;border-bottom:1px dashed var(--border-soft);cursor:pointer;transition:transform .4s var(--ease-cinema),padding .4s var(--ease-cinema),background .3s var(--ease-out);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 4px;text-decoration:none;display:grid;position:relative}.human-history-root .hero-era-row:before{content:"";background:var(--era-color,var(--gold));opacity:0;width:2px;transition:opacity .3s var(--ease-out);position:absolute;top:14%;bottom:14%;left:0}.human-history-root .hero-era-row:hover{background:color-mix(in oklab,var(--era-color,var(--gold))6%,transparent);padding-left:16px}.human-history-root .hero-era-row:hover:before{opacity:1}.human-history-root .hero-era-num{font-family:var(--mono);letter-spacing:.05em;color:var(--parchment-mute);font-size:.72rem}.human-history-root .hero-era-name{font-family:var(--serif);color:var(--parchment);letter-spacing:.05em;font-size:1rem;font-weight:600}.human-history-root .hero-era-name em{font-family:var(--italic);color:var(--parchment-mute);letter-spacing:.02em;margin-left:8px;font-size:.78rem;font-style:italic;font-weight:400}.human-history-root .hero-era-range{font-family:var(--mono);color:color-mix(in oklab,var(--era-color,var(--gold))42%,var(--parchment));letter-spacing:.04em;text-align:right;white-space:nowrap;font-size:.7rem}@media (max-width:959px){.human-history-root .hero-aside{margin-top:32px}}.human-history-root .btn{font-family:var(--serif);transition:transform .4s var(--ease-cinema),background .3s var(--ease-out),color .3s var(--ease-out),box-shadow .4s var(--ease-cinema);cursor:pointer;letter-spacing:.18em;isolation:isolate;border:none;border-radius:2px;align-items:center;gap:12px;padding:14px 26px 14px 22px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.human-history-root .btn:after{content:"→";font-family:var(--display);transition:transform .45s var(--ease-cinema);font-size:1.1em;font-style:italic;font-weight:400}.human-history-root .btn:hover:after{transform:translate(4px)}.human-history-root .btn-primary{background:linear-gradient(135deg,var(--cinnabar)0%,#9c2e26 100%);color:var(--silk);box-shadow:inset 0 1px rgba(241,229,192,.18),0 18px 40px -16px rgba(200,68,58,.45)}.human-history-root .btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px rgba(241,229,192,.25),0 24px 48px -16px rgba(200,68,58,.6)}.human-history-root .btn-outline{color:var(--parchment);border:1px solid var(--gold);box-shadow:inset 0 0 0 0 var(--gold);background:0 0}.human-history-root .btn-outline:hover{color:var(--bg);box-shadow:inset 0 -3em 0 0 var(--gold-light)}.human-history-root .section-frame{max-width:1600px;margin:0 auto;padding:96px 28px 0}.human-history-root .section-eyebrow{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--cinnabar);align-items:center;gap:14px;margin-bottom:18px;font-size:.7rem;display:inline-flex}.human-history-root .section-eyebrow:before{content:"";background:var(--cinnabar);width:32px;height:1px}.human-history-root .section-eyebrow span{font-family:var(--italic);text-transform:none;letter-spacing:.08em;color:var(--parchment-mute);font-size:.78rem;font-style:italic}.human-history-root .section-title{font-family:var(--serif);color:var(--parchment);text-align:inherit;letter-spacing:.04em;text-wrap:balance;margin:0 0 14px;font-size:max(2rem,min(5vw,3.6rem));font-weight:700;line-height:1.12}.human-history-root .section-title em{font-family:var(--italic);color:var(--gold);letter-spacing:0;font-style:italic;font-weight:400}.human-history-root .section-sub{color:var(--parchment-dim);text-align:inherit;max-width:64ch;margin:0 auto 56px;font-size:1.02rem;line-height:1.85}.human-history-root .section-frame{text-align:left}.human-history-root .section-frame>.section-sub{margin-left:0;margin-right:0}.human-history-root .section-frame.is-centered{text-align:center}.human-history-root .section-frame.is-centered .section-sub{margin-left:auto;margin-right:auto}.human-history-root .section-divider{max-width:1600px;color:var(--parchment-mute);align-items:center;gap:18px;margin:88px auto 0;padding:0 28px;display:flex}.section-divider:before,.human-history-root .section-divider:after{content:"";background:linear-gradient(90deg,transparent,var(--border-hover)50%,transparent);flex:1;height:1px}.human-history-root .section-divider-glyph{font-family:var(--brush);color:var(--cinnabar);opacity:.7;font-size:1.4rem;line-height:1}.human-history-root .era-list{grid-template-columns:minmax(0,1fr);gap:0;max-width:1600px;margin:0 auto;padding:0 28px 24px;display:grid}@media (min-width:720px){.human-history-root .era-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}.human-history-root .era-card{color:inherit;border-top:1px solid var(--border);cursor:pointer;transition:background .6s var(--ease-cinema);background:0 0;border-bottom:1px solid transparent;border-radius:0;grid-template-columns:56px minmax(0,1fr);gap:20px;padding:36px 28px 32px;text-decoration:none;display:grid;position:relative;overflow:hidden}.human-history-root .era-list .era-card:last-child{border-bottom-color:var(--border)}.human-history-root .era-card:before{content:"";background:var(--era-color,var(--gold));transform-origin:top;width:2px;transition:transform .65s var(--ease-cinema);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.human-history-root .era-card:after{content:attr(data-stem);font-family:var(--brush);color:color-mix(in oklab,var(--era-color,var(--gold))42%,var(--parchment));opacity:.05;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .5s var(--ease-out),transform .6s var(--ease-cinema);font-size:7rem;line-height:1;position:absolute;bottom:12px;right:24px;transform:translate(20px)translateY(20px)}.human-history-root .era-card:hover{background:color-mix(in oklab,var(--era-color,var(--gold))5%,transparent)}.human-history-root .era-card:hover:before{transform:scaleY(1)}.human-history-root .era-card:hover:after{opacity:.14;transform:translate(0)translateY(0)}.human-history-root .era-card-link{color:inherit;cursor:pointer;text-decoration:none;display:contents}.human-history-root .era-expand-btn{border:1px solid var(--border);color:var(--parchment-dim);cursor:pointer;font-size:.72rem;font-family:var(--sans);background:0 0;border-radius:99px;grid-column:2;justify-self:start;margin-top:8px;padding:4px 14px;transition:all .2s}.human-history-root .era-expand-btn:hover{color:var(--gold);border-color:var(--gold)}.human-history-root .era-expand-body{border-top:1px solid var(--border);grid-column:1/-1;margin-top:12px;padding:16px 0 0;display:none}.human-history-root .era-card-expanded{background:var(--bg-card)}.human-history-root .era-card-head{grid-column:2;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.human-history-root .era-stem{font-family:var(--display);color:var(--parchment-mute);letter-spacing:.18em;border-right:1px dashed var(--border);text-align:right;font-feature-settings:"lnum" 1,"tnum" 1;grid-area:1/1/span 3;padding-top:2px;padding-right:14px;font-size:.78rem;font-weight:500}.human-history-root .era-stem strong{font-family:var(--brush);color:var(--era-color,var(--gold));letter-spacing:0;margin-bottom:8px;font-size:1.6rem;font-weight:400;display:block}.human-history-root .era-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex;background:color-mix(in oklab,var(--era-color,var(--gold))12%,transparent)!important;border:1px solid color-mix(in oklab,var(--era-color,var(--gold))35%,transparent)!important}.human-history-root .era-icon iconify-icon{color:var(--era-color,var(--gold))}.human-history-root .era-name-wrap{flex-direction:column;flex:1;gap:4px;display:flex}.human-history-root .era-name{font-family:var(--serif);color:var(--parchment);letter-spacing:.04em;font-size:1.35rem;font-weight:700;line-height:1.1}.human-history-root .era-name em{font-family:var(--italic);color:var(--parchment-mute);letter-spacing:.08em;margin-top:4px;font-size:.72rem;font-style:italic;font-weight:400;display:block}.human-history-root .era-date{font-family:var(--mono);color:color-mix(in oklab,var(--era-color,var(--gold))42%,var(--parchment));letter-spacing:.04em;white-space:nowrap;margin-left:auto;padding-top:6px;font-size:.7rem}.human-history-root .era-desc{color:var(--parchment-dim);grid-column:2;max-width:56ch;margin-bottom:16px;font-size:.92rem;line-height:1.85}.human-history-root .era-tags{z-index:1;flex-wrap:wrap;grid-column:2;gap:6px;display:flex;position:relative}.human-history-root .tag{font-size:.7rem;font-family:var(--sans);letter-spacing:.04em;border:1px solid;border-radius:2px;padding:4px 10px}.human-history-root .era-detail-panel{flex-direction:column;gap:16px;display:flex}.human-history-root .era-detail-quote{font-family:var(--serif);color:var(--gold);border-left:3px solid var(--gold);background:var(--bg-card);border-radius:0 var(--radius)var(--radius)0;margin:0;padding:14px 18px;font-size:.92rem;font-style:italic;line-height:1.8}.human-history-root .era-detail-quote cite{color:var(--parchment-dim);margin-top:8px;font-size:.78rem;font-style:normal;display:block}.human-history-root .era-detail-desc p{color:var(--parchment-dim);text-indent:2em;margin:0 0 12px;font-size:.88rem;line-height:1.9}.human-history-root .era-detail-desc p:first-child{text-indent:0}.human-history-root .era-detail-section h4{font-family:var(--serif);color:var(--parchment);border-bottom:1px solid var(--border-soft);margin:0 0 8px;padding-bottom:4px;font-size:.85rem;font-weight:600}.human-history-root .era-detail-tags{flex-wrap:wrap;gap:6px;display:flex}.human-history-root .era-detail-tag{border:1px solid var(--border);color:var(--parchment-dim);background:var(--bg-card);border-radius:99px;padding:3px 10px;font-size:.72rem}.human-history-root .era-tag-figure{border-color:color-mix(in oklab,var(--gold)25%,transparent);color:var(--gold-light)}.human-history-root .era-detail-legacy{color:var(--parchment-dim);background:var(--bg-card);border-radius:var(--radius);border-left:2px solid var(--cinnabar);margin:0;padding:10px 14px;font-size:.84rem;line-height:1.85}.human-history-root .mini-tl{flex-direction:column;gap:0;max-width:1400px;margin:0 auto;padding:0 28px 32px;display:flex;position:relative}.human-history-root .mini-tl:before{content:"";background:linear-gradient(180deg,transparent,var(--gold)8%,var(--gold)92%,transparent);opacity:.24;width:1px;position:absolute;top:0;bottom:0;left:28px}.human-history-root .mini-tl-item{border-bottom:1px dashed var(--border-soft);transition:padding .4s var(--ease-cinema),background .3s var(--ease-out);grid-template-columns:120px 36px minmax(0,1fr);align-items:start;gap:16px 20px;padding:18px 0 18px 14px;display:grid;position:relative}.human-history-root .mini-tl-item:last-child{border-bottom:0}.human-history-root .mini-tl-item:hover{background:color-mix(in oklab,var(--gold)3%,transparent);padding-left:22px}.human-history-root .mini-tl-item:hover .mini-tl-dot{background:var(--cinnabar);box-shadow:0 0 0 4px color-mix(in oklab,var(--cinnabar)18%,transparent)}.human-history-root .mini-tl-year{font-family:var(--display);color:var(--gold);letter-spacing:.02em;text-align:right;font-feature-settings:"lnum" 1,"tnum" 1;grid-column:1;padding-right:4px;font-size:1.05rem;font-weight:500}.human-history-root .mini-tl-dot{background:var(--gold);z-index:1;width:9px;height:9px;transition:background .3s var(--ease-out),box-shadow .4s var(--ease-cinema);border-radius:50%;grid-column:2;margin:9px auto 0;position:relative}.human-history-root .mini-tl-content{text-align:left;flex-direction:column;grid-column:3;gap:4px;display:flex}.human-history-root .mini-tl-content h3{font-family:var(--serif);color:var(--parchment);letter-spacing:.03em;font-size:1.05rem;font-weight:600;line-height:1.4}.human-history-root .mini-tl-content .mtl-desc{color:var(--parchment-dim);max-width:64ch;font-size:.86rem;line-height:1.7}.human-history-root .figures-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.human-history-root .figure-card{color:inherit;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:transform .3s var(--ease-out),border-color .3s var(--ease-out);border-radius:2px;padding:24px;text-decoration:none}.human-history-root .figure-card:hover{border-color:var(--border-hover);outline:none;transform:translateY(-3px)}.human-history-root .figure-card:focus-visible{border-color:var(--border-hover);outline:none;transform:translateY(-3px)}.human-history-root .figure-head{align-items:center;gap:14px;margin-bottom:12px;display:flex}.human-history-root .figure-avatar{width:48px;height:48px;color:var(--gold);font-family:var(--brush);background:color-mix(in oklab,var(--gold)10%,transparent);border:1px solid color-mix(in oklab,var(--gold)20%,transparent);border-radius:50%;flex:0 0 48px;place-items:center;font-size:1.5rem;display:grid}.human-history-root .figure-name{color:var(--parchment);font-family:var(--serif);font-size:1.1rem}.human-history-root .figure-title-text{color:var(--gold);font-size:.8rem}.human-history-root .figure-desc{color:var(--parchment-dim);font-size:.85rem;line-height:1.6}.human-history-root .quote-section{text-align:center;max-width:920px;margin:96px auto 0;padding:96px 32px;position:relative}.human-history-root .quote-section:before{content:"「";font-family:var(--brush);color:var(--cinnabar);opacity:.55;font-size:5rem;line-height:1;position:absolute;top:40px;left:50%;transform:translate(-50%)}.human-history-root .quote-section .section-title{text-align:center;margin-bottom:36px}.human-history-root .quote-section blockquote{font-family:var(--serif);color:var(--parchment);letter-spacing:.08em;text-wrap:balance;max-width:32ch;margin:0 auto 28px;font-size:max(1.4rem,min(2.6vw,2.1rem));font-style:normal;font-weight:400;line-height:1.9}.human-history-root .quote-section cite{color:var(--parchment-dim);letter-spacing:.16em;font-size:.82rem;font-style:normal;font-family:var(--mono);align-items:center;gap:14px;display:inline-flex}.human-history-root .quote-section cite:before{content:"";background:var(--cinnabar);width:32px;height:1px}.human-history-root .quote-seal{background:linear-gradient(135deg,var(--cinnabar)0%,#9c2e26 100%);width:64px;height:64px;font-family:var(--brush);color:var(--silk);opacity:.82;border-radius:4px;place-items:center;font-size:1.6rem;display:grid;position:absolute;bottom:56px;right:12%;transform:rotate(-8deg);box-shadow:0 14px 36px -16px rgba(200,68,58,.5)}.human-history-root .quote-seal:after{content:"";border:1px solid rgba(241,229,192,.5);border-radius:2px;position:absolute;top:4px;bottom:4px;left:4px;right:4px}@media (max-width:720px){.human-history-root .quote-seal{width:52px;height:52px;font-size:1.3rem;bottom:24px;right:24px}}