:root{--paper:#f5f2e9;--ink:#203b35;--muted:#7b8275;--green:#184d42;--gold:#b18a49;--line:#dcded1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 system-ui,'Microsoft YaHei',sans-serif}header,main,footer{max-width:1360px;margin:auto}header{height:106px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);padding:0 40px}.brand{display:flex;gap:14px;align-items:center;color:inherit;text-decoration:none;font-family:'Noto Serif SC',serif;font-size:25px;font-weight:700;letter-spacing:3px}.seal{display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);width:44px;height:49px;font-size:27px}.brand small{display:block;font:8px system-ui;letter-spacing:2px}.edition{margin-left:auto;font-size:12px;color:var(--muted);letter-spacing:2px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:transparent;padding:10px 18px;border-radius:3px;color:var(--ink);transition:.18s}button:hover{border-color:var(--green);background:#e8ece0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#226456;color:white}main{padding:42px 40px 60px}h1,h2,h3,.serif{font-family:'Noto Serif SC','Songti SC',serif}h1{font-size:54px;letter-spacing:5px;line-height:1.3;margin:18px 0}h2{font-size:24px;margin:0 0 15px}h3{font-size:18px;margin:0}p{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold)}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;min-height:620px}.intro-copy{position:relative;padding-bottom:90px}.intro-copy p{max-width:380px}.landscape{height:140px;position:absolute;bottom:-35px;width:100%;opacity:.25;overflow:hidden}.mountain{position:absolute;bottom:-100px;width:330px;height:200px;background:#658977;transform:rotate(-26deg);border-radius:70% 50% 0 0}.mountain:nth-child(2){left:190px;bottom:-90px;background:#9da88e;transform:rotate(24deg)}.card{border:1px solid var(--line);background:#fbfaf5;padding:28px;border-radius:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:12px;color:var(--muted);display:block}input[type=text],input[type=number],select{width:100%;padding:11px;border:1px solid var(--line);background:var(--paper);color:var(--ink);margin-top:6px;border-radius:3px}.stat-input{display:flex;gap:15px;align-items:center;margin:12px 0}.stat-input label{font-size:18px;font-family:serif;color:var(--ink);width:22px}.stat-input input{accent-color:var(--green);flex:1}.stat-input output{width:28px;text-align:right}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sub{font-size:12px;color:var(--muted)}.gold{color:var(--gold)}.divider{height:1px;background:var(--line);margin:22px 0}.title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.title-row h1{font-size:34px;margin:6px 0;letter-spacing:2px}.grid{display:grid;grid-template-columns:260px minmax(0,1fr) 280px;gap:24px}.profile{background:#e9eddf;text-align:center}.portrait{width:76px;height:76px;margin:4px auto 15px;border:1px solid #acb8a0;border-radius:50%;display:grid;place-items:center;font:34px serif;background:#f5f5eb;color:#526e58}.badge{font-size:11px;background:#e2e9d9;color:var(--green);padding:5px 10px;display:inline-block;border-radius:2px}.profile h2{margin-bottom:3px}.metric{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin-top:22px}.metric b{display:block;font:25px Georgia;color:var(--green)}.attribute{margin:18px 0}.bar{height:5px;background:#e2e5d9;margin-top:7px;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#668768}.quote{font:13px/2 'Noto Serif SC',serif;color:#818b72}.hero{background:var(--green);color:#fff;padding:30px;position:relative;overflow:hidden}.hero:after{content:'青雲';position:absolute;right:20px;bottom:-33px;color:#ffffff0b;font:110px serif;pointer-events:none}.hero p{color:#b7cec0;max-width:390px}.hero h2{font-size:29px}.hero .eyebrow{color:#cfb982}.hero .bar{background:#ffffff25}.hero .bar i{background:#c7b179}.section{margin-top:24px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-head h2{font-size:20px;margin:0}.actions{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.activity{padding:15px 5px;font-size:11px;text-align:center;background:#fbfaf5}.activity b{display:block;font:25px serif;margin-bottom:8px;color:var(--gold)}.activity.selected{border-color:var(--green);background:#e6ecdf}.speed{display:flex;gap:6px}.speed button{flex:1;padding:9px 5px;font-size:12px}.speed .selected{background:var(--green);color:white}.advance{width:100%;margin-top:14px;padding:14px}.timeline{max-height:370px;overflow:auto}.log{border-left:1px solid var(--line);padding:0 0 20px 18px;margin-left:3px;position:relative;font-size:12px}.log:before{content:'';position:absolute;width:7px;height:7px;background:#94a684;border-radius:50%;left:-4px;top:8px}.log time{display:block;color:var(--gold);font-size:10px;margin-bottom:3px}.smallbtn{padding:5px 9px;font-size:11px}.tools{display:flex;gap:6px;flex-wrap:wrap}.rank-list{max-height:280px;overflow:auto;font-size:12px}.rank{padding:9px 0;border-bottom:1px solid var(--line);color:var(--muted)}.rank.active{color:var(--green);font-weight:bold}.choices{display:grid;gap:12px}.choice{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--line);padding:12px;border-radius:4px}.choice>button:first-child{text-align:left;border:0}.choice .listen{font-size:12px}.event-tag{background:#ede4ce;padding:4px 8px;font-size:10px;color:#8d6b33}.event-card{border-color:#b9a77f}.event-card h2{font-size:24px;margin-top:14px}.event-card p{color:#657468}.ended{padding:35px;text-align:center;border:1px solid var(--gold);margin-bottom:24px}.error{color:#a33b2b;font-size:12px}footer{border-top:1px solid var(--line);padding:22px 40px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;max-width:640px;width:90%;padding:30px;max-height:85vh}dialog::backdrop{background:#102a26aa}dialog p{color:#607368}dialog a{color:var(--green)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:10px 22px;border-radius:4px;display:none;z-index:5}@media(max-width:1120px){.grid{grid-template-columns:230px 1fr}.right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}.right .section{margin-top:0}.intro{gap:30px}}@media(max-width:720px){header{padding:0 20px;height:86px}.edition{display:none}header button{margin-left:auto;font-size:11px;padding:8px}main{padding:25px 18px}.intro,.grid{display:block}.intro-copy{padding-bottom:100px;margin-bottom:30px}h1{font-size:42px}.card{padding:22px}.profile{margin-bottom:20px}.profile .attribute{display:inline-block;width:45%;margin:10px 2%}.right{display:block;margin-top:24px}.right .section{margin-top:24px}.title-row{align-items:start;gap:10px}.title-row h1{font-size:25px}.actions{gap:5px}.activity{font-size:10px}.choice{grid-template-columns:1fr}.tools{justify-content:flex-end}footer{padding:20px;gap:20px}.form-grid{gap:10px}}
/* Volume II additions */
header{gap:14px}header>button{padding:8px 12px;font-size:12px;white-space:nowrap}.edition{letter-spacing:1px}.section-label{margin-top:18px}.place-label{font-size:11px;line-height:1.8;color:#6d7e65;margin:14px 0}.hero .hero-caption{font-size:11px;margin:12px 0 0;color:#bdcfc2}.health-box{border:1px solid #bdcbb3;background:#f1f3e9;padding:12px;text-align:left;font-size:11px;margin-top:16px;border-radius:3px}.health-box b,.health-box span{display:block}.health-box span{color:var(--muted);margin-top:4px}.health-box.at-risk{border-color:#c89970;background:#f6ebdc;color:#965d30}.xian-card{border-color:#c6b27a;background:#f8f5e7}.xian-card h3{display:flex;justify-content:space-between}.education-choice{border-color:var(--gold);background:#faf5e8}.education-choice h2{margin-top:15px}.education-choice .choices button{text-align:left}.sound-library h3{margin-top:24px}.sound-source{padding:14px;border:1px solid var(--line);margin:12px 0}.sound-source label{width:100%}.sound-source .row{margin-top:12px}.file-label{font-size:11px}.file-label input{display:block;width:100%;max-width:260px;font-size:11px;margin-top:6px}.music-notice{font-size:12px;padding:14px;background:#ede8d9;border-left:3px solid var(--gold)}#volume{width:100%;accent-color:var(--green)}dialog h3{margin-top:18px}dialog{overflow:auto}.sound-source .sub{margin-bottom:0}button[aria-pressed=true]{background:#e1eadb;border-color:#9fb195}
@media(max-width:1000px){header{flex-wrap:wrap;height:auto;min-height:100px;padding-top:18px;padding-bottom:18px}.edition{display:none}.brand{margin-right:auto}.grid{grid-template-columns:220px minmax(0,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.right .section{margin-top:0}.hero .row{align-items:start;flex-wrap:wrap}}
@media(max-width:720px){header{gap:8px}.brand{width:100%;margin-bottom:8px}.brand small{font-size:8px}header button{margin:0!important;flex:1}.grid{display:block}.right{display:block}.right .section{margin-top:20px}.form-grid{grid-template-columns:1fr 1fr}.title-row{flex-wrap:wrap}.tools{justify-content:start}.stat-input input{min-width:0}.card{min-width:0}.section-head{gap:8px}.section-head .sub{font-size:10px}.sound-source .row{align-items:end}}
/* Volume III */
.identity-picker{display:grid;grid-template-columns:94px 1fr;gap:20px;align-items:center;margin-top:18px}.avatar-preview{width:88px}.avatar-preview svg,.portrait-svg svg{display:block;width:100%;height:auto}.portrait.portrait-svg{width:105px;height:123px;overflow:hidden;border-radius:14px;background:none;border:0}.national-rank{display:block;font:25px Georgia;margin-top:16px;color:var(--green)}.standing-card{border-color:#c2b385;background:#f8f4e6}.family-card h3{font-size:17px}.announcement{position:fixed;inset:0;max-width:900px;width:90vw;height:auto;max-height:80vh;background:#f5f0e3;border:1px solid var(--gold);padding:46px;color:var(--ink);overflow:hidden;text-align:center;z-index:1000}.announcement::backdrop{background:#153f39e8}.announcement-card{position:relative;z-index:2}.announcement h2{font-size:27px;line-height:1.85;margin:22px 0 28px}.announcement .eyebrow{color:var(--gold)}.announcement.major{box-shadow:0 0 90px #c1a25888;animation:announce-in .7s ease-out}.lightning{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 44%,#fff9d9 45%,#f9e9aa 46%,transparent 47%,transparent 51%,#fff6c6 52%,transparent 53%);animation:lightning 1.4s ease-out both;opacity:0}.announcement.major::backdrop{animation:skyflash 1.4s ease-out}.music-credit{font-size:11px;color:var(--muted)}@keyframes announce-in{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@keyframes lightning{0%,13%,32%,100%{opacity:0}8%,25%{opacity:.8}}@keyframes skyflash{0%,13%,32%,100%{background:#153f39e8}8%,25%{background:#e3d7b8b8}}@media(prefers-reduced-motion:reduce){.lightning{display:none}.announcement,.announcement.major::backdrop{animation:none!important}}@media(max-width:720px){.announcement{padding:26px 20px}.announcement h2{font-size:20px}.portrait.portrait-svg{width:90px;height:105px}.national-rank{font-size:23px}.identity-picker{grid-template-columns:80px 1fr}}
/* Volume IV */
.event-illustration{display:block;width:min(420px,100%);height:auto;max-height:230px;margin:16px auto 0}.announcement{padding:24px 35px}.announcement h2{font-size:23px;margin:15px 0 20px}.partner-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.partner-options article{border:1px solid var(--line);padding:15px;text-align:center;background:#f7f3e7}.candidate-avatar{width:80px;margin:auto auto 12px}.candidate-avatar svg{display:block;width:100%}.partner-options p{font-size:11px;line-height:1.9}.partner-options button{font-size:11px;padding:9px}.family-tree article{display:flex;align-items:center;gap:14px;padding:14px 8px;border-bottom:1px solid var(--line);font-size:13px}.mini-avatar{width:44px;flex-shrink:0}.mini-avatar svg{display:block;width:100%}.unit-row,.contact-row{padding:15px 0;border-bottom:1px solid var(--line)}.unit-row b{font-size:14px}.unit-row .badge{margin-left:12px}.unit-row p{margin:5px 0}.partner-panel{border-color:var(--gold)}.partner-panel h2{margin-top:12px}.announcement .smallbtn{background:#f5f0e3}@media(max-width:720px){.partner-options{grid-template-columns:1fr}.partner-options article{display:grid;grid-template-columns:70px 1fr;gap:6px;align-items:center}.candidate-avatar{grid-row:span 3;width:65px;margin:0}.partner-options h3,.partner-options p{margin:0}.partner-options button{grid-column:2}.announcement{padding:20px}.announcement h2{font-size:18px}.event-illustration{max-height:180px}}
.announcement{overflow-y:auto}

/* Volume V */
.annual-recap{text-align:left;margin:20px 0;padding:18px;background:#e8eadf;border:1px solid #c4ccba;border-left:3px solid var(--gold);font-size:13px;line-height:1.9}.annual-recap h3{margin:0 0 10px;font-size:16px}.annual-recap ul{margin:0;padding-left:20px}.annual-recap li+li{margin-top:7px}.history-note{margin:20px 0;padding:18px;border:1px solid var(--line);font-size:13px;line-height:1.9}.history-note h3{font-size:16px}.tutorial-note{padding:18px;border-left:3px solid var(--gold);background:#e8eadf;line-height:1.9}#tutorial-next{margin:8px 0}.xian-card button{white-space:normal}.announcement .annual-recap{max-height:32vh;overflow:auto}.event-card h2{line-height:1.65}