:root{--display:"STZhongsong","FZSong","Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;--text:"Noto Serif SC","Source Han Serif SC","Songti SC","Microsoft YaHei",serif}body{font-family:var(--text);letter-spacing:.015em}.brand,.hero h1,.page-hero h1,.card h2,.lead h1,.body h2,.placeholder h1,.timeline-intro h1,.timeline-item h2,.timeline-end h2,.event-hero h1,.event-content h2,.memory-hero h1,.core-card h2,.museum-copy h2,.quiz-hero h1,.quiz-card h2{font-family:var(--display);font-weight:900}.hero h1,.timeline-intro h1,.event-hero h1,.memory-hero h1,.quiz-hero h1{text-shadow:0 8px 38px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.12)}.hero h1:after,.timeline-intro h1:after,.memory-hero h1:after,.quiz-hero h1:after{display:block;width:92px;height:3px;margin-top:26px;background:linear-gradient(90deg,var(--red),var(--gold));content:""}
.music-control{position:fixed;z-index:99;right:26px;bottom:24px;display:flex;align-items:center;gap:11px;padding:12px 17px;border:1px solid rgba(195,154,90,.45);background:rgba(10,12,14,.88);backdrop-filter:blur(12px);color:var(--gold);cursor:pointer;font:12px var(--text);letter-spacing:.08em;box-shadow:0 8px 30px rgba(0,0,0,.3)}.music-control i{display:flex;height:15px;align-items:flex-end;gap:2px}.music-control b{display:block;width:2px;height:6px;background:var(--gold)}.music-control.is-playing b{animation:soundbar .8s ease-in-out infinite alternate}.music-control.is-playing b:nth-child(2){animation-delay:.25s;height:13px}.music-control.is-playing b:nth-child(3){animation-delay:.5s;height:9px}@keyframes soundbar{to{height:15px}}
.timeline-intro,.memory-hero,.quiz-hero{position:relative;display:flex;min-height:72vh;flex-direction:column;justify-content:center;padding:100px 9vw 70px;background:radial-gradient(circle at 78% 45%,rgba(165,31,36,.16),transparent 28%)}.timeline-intro h1,.memory-hero h1,.quiz-hero h1{max-width:950px;margin:18px 0 25px;font-size:clamp(52px,8vw,100px);line-height:1.1}.timeline-intro>p:last-of-type,.memory-hero>p:last-of-type,.quiz-hero>p:last-of-type{max-width:700px;color:#999;line-height:2}.scroll-mark{position:absolute;right:8vw;bottom:55px;color:#777;font-size:11px;letter-spacing:.16em}.scroll-mark span{display:block;margin-top:12px;color:var(--gold);font-size:24px;animation:float 1.8s infinite}@keyframes float{50%{transform:translateY(8px)}}
.timeline{position:relative;max-width:1180px;margin:auto;padding:120px 24px}.timeline:before{position:absolute;top:80px;bottom:60px;left:50%;width:1px;background:linear-gradient(transparent,var(--gold) 8%,var(--red) 92%,transparent);content:""}.timeline-item{position:relative;display:grid;min-height:310px;grid-template-columns:1fr 44px 1fr;align-items:start;opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s ease}.timeline-item.show{opacity:1;transform:none}.timeline-item:nth-child(odd) .timeline-date{grid-column:1;text-align:right}.timeline-item:nth-child(odd) i{grid-column:2}.timeline-item:nth-child(odd) article{grid-column:3}.timeline-item:nth-child(even) .timeline-date{grid-column:3;grid-row:1}.timeline-item:nth-child(even) i{grid-column:2;grid-row:1}.timeline-item:nth-child(even) article{grid-column:1;grid-row:1;text-align:right}.timeline-date{padding:10px 38px}.timeline-date strong{display:block;color:var(--gold);font:700 26px var(--display)}.timeline-date span{display:block;margin-top:8px;color:#777;font-size:11px;letter-spacing:.15em}.timeline-item i{position:relative;z-index:2;display:block;width:15px;height:15px;margin:16px auto;border:2px solid var(--gold);border-radius:50%;background:#111417;box-shadow:0 0 0 8px rgba(195,154,90,.08);transition:.3s}.timeline-item:hover i{background:var(--red);border-color:var(--red);box-shadow:0 0 0 12px rgba(165,31,36,.13),0 0 28px var(--red)}.timeline-item article{padding:6px 38px 30px}.timeline-item article small{color:var(--red);font-weight:bold;letter-spacing:.18em}.timeline-item h2{margin:12px 0 6px;font-size:38px}.timeline-item h3{margin:0;color:#aaa;font:16px var(--display)}.timeline-item article p{max-width:440px;color:#85827c;line-height:1.9}.timeline-item:nth-child(even) article p{margin-left:auto}.timeline-item article b{color:var(--gold);font-size:11px;font-weight:400}.timeline-end{padding:80px 24px 120px;text-align:center}.timeline-end span{color:var(--red);letter-spacing:.22em}.timeline-end h2{font:900 clamp(34px,5vw,60px) var(--display)}
.event-hero{display:grid;max-width:1180px;min-height:560px;margin:auto;padding:90px 24px;grid-template-columns:260px 1fr;align-items:center}.event-number{color:rgba(195,154,90,.13);font:900 clamp(150px,20vw,290px)/1 var(--display)}.event-hero h1{margin:15px 0 8px;font-size:clamp(58px,9vw,120px);line-height:1}.event-subtitle{color:var(--red);font:700 20px var(--display);letter-spacing:.12em}.event-summary{max-width:680px;color:#aaa;font-size:17px;line-height:2}.event-image{max-width:1180px;margin:0 auto 90px;padding:0 24px}.event-image img{display:block;width:100%;height:520px;object-fit:cover;filter:grayscale(.82) sepia(.12);border:1px solid rgba(195,154,90,.28)}.event-image figcaption{margin-top:10px;color:#6f6c66;font-size:10px}.event-content{display:grid;max-width:1180px;margin:auto;padding:0 24px 85px;grid-template-columns:repeat(3,1fr);gap:34px}.event-content article{padding-top:25px;border-top:1px solid var(--line)}.event-content article>span{color:var(--red);font-family:monospace}.event-content h2{font-size:30px}.event-content p{color:#96928b;line-height:2}.event-source{margin-bottom:30px}
.core-section{padding:110px 7vw}.core-heading{max-width:1180px;margin:0 auto 45px}.core-heading h2{font:900 clamp(38px,5vw,66px) var(--display)}.core-grid{display:grid;max-width:1180px;margin:auto;grid-template-columns:repeat(4,1fr);gap:18px}.core-card{min-height:330px;padding:30px;border:1px solid var(--line);background:#0d1012}.core-card span{color:var(--red);font-family:monospace}.core-card h2{font-size:27px}.core-card p{color:#918d86;line-height:1.9}.museum-section{display:grid;max-width:1180px;margin:0 auto 110px;padding:0 24px;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center}.museum-photo img{width:100%;min-height:430px;object-fit:cover;filter:grayscale(.45) sepia(.08)}.museum-photo small{display:block;margin-top:10px;color:#777}.museum-copy h2{font-size:clamp(36px,5vw,64px)}.museum-copy p{color:#999;line-height:2}.museum-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0}.museum-facts b{display:block;color:var(--gold);font:700 28px var(--display)}.museum-facts span{color:#777;font-size:10px}.quiz-entry{padding:100px 24px;text-align:center;border-top:1px solid var(--line)}.quiz-entry h2{font:900 42px var(--display)}
.quiz-shell{max-width:900px;margin:80px auto;padding:0 24px}.quiz-progress{height:2px;background:#292c2e}.quiz-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--gold));transition:.3s}.quiz-card{margin-top:28px;padding:42px;border:1px solid var(--line);background:#0d1012}.quiz-card small{color:var(--gold);letter-spacing:.18em}.quiz-card h2{font-size:30px;line-height:1.5}.quiz-options{display:grid;gap:12px}.quiz-options button{padding:16px 18px;border:1px solid var(--line);background:transparent;color:#bbb;text-align:left;cursor:pointer;font:15px var(--text)}.quiz-options button:hover{border-color:var(--gold)}.quiz-options button.correct{border-color:#6b9d76;background:rgba(64,112,72,.16)}.quiz-options button.wrong{border-color:var(--red);background:rgba(165,31,36,.14)}.quiz-explain{min-height:55px;color:#999;line-height:1.8}.quiz-next{padding:12px 20px;border:0;background:var(--red);color:white;cursor:pointer}.quiz-result{text-align:center;padding:80px 20px}.quiz-result strong{display:block;color:var(--gold);font:900 100px var(--display)}
@media(max-width:850px){.scroll-mark{display:none}.timeline:before{left:38px}.timeline-item{grid-template-columns:28px 1fr;min-height:0}.timeline-item .timeline-date,.timeline-item:nth-child(even) .timeline-date{grid-column:2;grid-row:1;text-align:left;padding:0 20px 15px}.timeline-item i,.timeline-item:nth-child(even) i{grid-column:1;grid-row:1;margin-top:8px}.timeline-item article,.timeline-item:nth-child(even) article{grid-column:2;grid-row:2;text-align:left;padding:0 20px 55px}.timeline-item:nth-child(even) article p{margin-left:0}.event-hero,.museum-section{grid-template-columns:1fr}.event-number{font-size:110px}.event-content,.core-grid{grid-template-columns:1fr}.event-image img{height:320px}.music-control{right:14px;bottom:14px}.museum-facts{grid-template-columns:1fr}.quiz-card{padding:25px}}