:root{--paper:#f7f5ef;--paper-deep:#ece8de;--porcelain:#fbfcfa;--blue:#264a75;--blue-soft:#6b8db5;--red:#b54434;--ink:#2c302e;--muted:#69716c;--line:#d7dee1;--display:"ZCOOL XiaoWei","Noto Serif SC",serif}
.home-page .era-story{display:block;max-width:720px;margin:50px auto 0;text-align:center}
.era-story small{display:block;color:#d5e2e8;letter-spacing:.08em}.era-story b{display:block;font-family:var(--display);font-size:1.55rem;margin:7px 0}.era-story p{margin:0 0 10px;line-height:1.8;color:#dce5e8}.era-story a{color:#e4b186;font-size:.8rem;border-bottom:1px solid rgba(228,177,134,.5)}.era-links{display:flex;gap:18px;flex-wrap:wrap}.era-links #era-page{color:#fff;font-weight:700}
.knowledge-page{background:var(--paper)}.knowledge-page .site-header,.login-page .site-header{background:rgba(247,245,239,.94)}
.k-shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.k-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;padding:76px 0 82px}.k-eyebrow{color:var(--red);font:700 .7rem/1 Arial,sans-serif;letter-spacing:.26em}.k-hero h1{font-family:var(--display);font-size:clamp(3.4rem,6vw,6.2rem);font-weight:400;line-height:1.08;margin:24px 0}.k-hero h1 span{color:var(--blue)}.k-hero p:not(.k-eyebrow){color:var(--muted);line-height:2}.k-hero figure{margin:0;position:relative}.k-hero figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;box-shadow:0 28px 70px rgba(36,54,64,.15)}.k-hero figcaption{font-size:.72rem;color:#7e8580;text-align:right;margin-top:9px}
.learn-section{padding:82px 0}.learn-section.alt{background:var(--paper-deep)}.learn-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.learn-heading p{max-width:520px;color:var(--muted);line-height:1.8}.learn-heading h2{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.8rem);font-weight:400;margin:0}.knowledge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.knowledge-card{background:#fff;padding:26px 24px;border-top:3px solid var(--blue);min-height:270px}.knowledge-card .badge{font:700 .64rem Arial,sans-serif;color:var(--red);letter-spacing:.16em}.knowledge-card h3{font-family:var(--display);font-size:1.55rem;font-weight:400;margin:16px 0 10px}.knowledge-card p{color:var(--muted);font-size:.88rem;line-height:1.75}.story-chip{display:block;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--blue);font-size:.8rem;line-height:1.65}.story-chip b{color:var(--red)}
.memory-bar{background:var(--blue);color:#fff;padding:34px 40px;margin:4px auto 84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.memory-bar strong{font-family:var(--display);font-size:1.55rem;font-weight:400}.memory-bar p{color:#d8e2e8;margin:0}.memory-bar a{white-space:nowrap;color:#fff;border:1px solid #bdcad4;padding:12px 18px}
.form-figure{background:#e7e3d9;padding:34px;margin:0 0 42px}.form-figure svg{display:block;width:100%;height:auto}.form-lineup{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:end}.form-shape{text-align:center}.form-shape svg{height:190px;filter:drop-shadow(0 10px 10px rgba(38,74,117,.12))}.form-shape strong{display:block;font-family:var(--display);font-size:1.1rem;margin-top:12px}.form-shape small{color:var(--muted)}
.glaze-board{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:44px}.glaze-board img{width:100%;aspect-ratio:3/2;object-fit:cover}.swatch{height:76px;border-radius:50px;margin:16px 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.s-celadon{background:linear-gradient(130deg,#c8d9d1,#7d9d94)}.s-plum{background:linear-gradient(130deg,#a8c0a8,#557867)}.s-white{background:linear-gradient(130deg,#fffdf4,#dad7c7)}.s-jun{background:linear-gradient(130deg,#8bb2bb,#82446e)}.s-red{background:linear-gradient(130deg,#d25a43,#812f27)}.s-black{background:linear-gradient(130deg,#373735,#08090b)}
.quiz-intro{text-align:center;padding:70px 0 50px}.quiz-intro h1{font-family:var(--display);font-size:clamp(3.3rem,6vw,6rem);font-weight:400;margin:22px 0}.quiz-intro p{color:var(--muted);line-height:1.8}.gallery-quiz{padding-bottom:90px}.challenge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.challenge-card{background:#fff;border:1px solid var(--line);overflow:hidden}.challenge-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.challenge-body{padding:26px}.challenge-no{font:700 .68rem Arial,sans-serif;color:var(--red);letter-spacing:.16em}.challenge-body h2{font-family:var(--display);font-size:1.55rem;font-weight:400;margin:10px 0 18px}.guess-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guess-row label{font-size:.72rem;color:var(--muted)}.guess-row select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);background:#faf9f5;padding:10px 8px;color:var(--ink)}.answer-note{display:none;margin-top:18px;padding:14px;background:#edf1f1;color:#4d5b58;font-size:.84rem;line-height:1.7}.challenge-card.revealed .answer-note{display:block}.quiz-submit{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:34px}.score-box{font-family:var(--display);font-size:1.4rem;color:var(--blue)}
.login-page{background:var(--paper);min-height:100vh}.login-main{width:min(1080px,calc(100% - 48px));margin:70px auto 100px;display:grid;grid-template-columns:1fr 1fr;min-height:630px;box-shadow:0 30px 90px rgba(36,54,64,.13)}.login-art{background:var(--blue);color:#fff;padding:58px;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:290px;height:420px;border:3px solid rgba(255,255,255,.55);border-radius:48% 48% 42% 42%;left:50%;bottom:-110px;transform:translateX(-50%)}.login-art:before{content:"";position:absolute;width:86px;height:32px;border:3px solid rgba(255,255,255,.55);border-bottom:0;left:50%;bottom:308px;transform:translateX(-50%)}.login-art h1{font-family:var(--display);font-size:3.7rem;font-weight:400;margin:26px 0}.login-art p{color:#dce5eb;line-height:1.9;max-width:360px}.login-panel{background:#fff;padding:64px 58px}.login-panel h2{font-family:var(--display);font-size:2.25rem;font-weight:400;margin:0 0 8px}.login-panel>p{color:var(--muted);font-size:.88rem;margin-bottom:34px}.field{display:block;margin:18px 0;color:#5d665f;font-size:.8rem}.field input{display:block;width:100%;box-sizing:border-box;margin-top:8px;border:1px solid var(--line);padding:14px;background:#fbfaf7;font:inherit;color:var(--ink)}.login-panel .button{width:100%;justify-content:center;margin-top:12px;border:0}.login-status{min-height:26px;color:var(--blue);font-size:.84rem}.prototype-note{font-size:.74rem!important;line-height:1.7;border-top:1px solid var(--line);padding-top:18px;margin-top:26px}.logout-link{display:none;margin-top:12px;color:var(--red);text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
@media(max-width:980px){.k-hero,.login-main{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.form-lineup{grid-template-columns:repeat(3,1fr)}.login-art{min-height:380px}.login-art:after{left:auto;right:30px;transform:none}.login-art:before{left:auto;right:132px;transform:none}.challenge-grid{grid-template-columns:1fr}}
@media(max-width:640px){.k-shell{width:calc(100% - 36px)}.k-hero{padding-top:48px}.knowledge-grid{grid-template-columns:1fr}.learn-heading{display:block}.memory-bar{display:block;padding:28px}.memory-bar a{display:inline-block;margin-top:18px}.glaze-board{grid-template-columns:1fr}.form-lineup{grid-template-columns:repeat(2,1fr)}.guess-row{grid-template-columns:1fr}.login-main{width:calc(100% - 28px);margin-top:30px}.login-art,.login-panel{padding:38px 28px}.login-art h1{font-size:3rem}.quiz-submit{flex-direction:column}}
.auth-switch{margin-top:20px!important;padding-top:18px;border-top:1px solid var(--line);text-align:center}.auth-switch a{color:var(--blue);border-bottom:1px solid rgba(38,74,117,.35)}
.exam-page{background:var(--paper)}.exam-shell{width:min(920px,calc(100% - 48px));margin:0 auto;padding:70px 0 100px}.exam-hero{text-align:center;margin-bottom:46px}.exam-hero h1{font-family:var(--display);font-size:clamp(3.4rem,7vw,6rem);font-weight:400;margin:20px 0}.exam-hero p{color:var(--muted);line-height:1.9}.exam-progress{display:flex;justify-content:center;gap:8px;margin-top:24px}.exam-progress span{width:42px;height:4px;background:var(--line)}.exam-progress span:first-child{background:var(--red)}
.exam-card{background:#fff;border:1px solid var(--line);padding:34px 38px;margin:18px 0;transition:.25s}.exam-card.correct{border-color:#7a9c87;background:#f7fbf8}.exam-card.wrong{border-color:#bd776d;background:#fff8f6}.exam-no{color:var(--red);font:700 .66rem Arial,sans-serif;letter-spacing:.18em}.exam-card h2{font-family:var(--display);font-size:1.45rem;font-weight:400;margin:12px 0 22px}.exam-options{display:grid;gap:10px}.exam-options label{display:flex;gap:12px;align-items:flex-start;border:1px solid #e0e4e3;padding:13px 15px;cursor:pointer;color:#535b56;line-height:1.6}.exam-options label:hover{border-color:var(--blue-soft);background:#f7f9f8}.exam-options input{margin-top:5px;accent-color:var(--blue)}.exam-feedback{display:none;margin:18px 0 0;color:var(--blue);font-size:.85rem;line-height:1.75}.exam-card.graded .exam-feedback{display:block}.exam-actions{text-align:center;margin-top:34px}.exam-actions .button{border:0}.exam-result{display:none;margin:34px 0 0;background:var(--blue);color:#fff;padding:34px;text-align:center}.exam-result.show{display:block}.exam-result strong{display:block;font-family:var(--display);font-size:3.6rem;font-weight:400}.exam-result p{margin:8px 0;color:#dce6ed}.exam-result a{display:inline-block;margin-top:14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.5)}
@media(max-width:640px){.exam-shell{width:calc(100% - 28px);padding-top:46px}.exam-card{padding:26px 22px}}