/* Natural-color field photography with Xunzhi blue and cyan interface accents. */
:root{--ink:#15191d;--quiet:#535a62;--rule:#cbd0d5;--line:#e4e6e9;--blue:#104fa8;--wash:#f4f5f6;--pad:clamp(20px,4vw,62px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 "Microsoft YaHei","PingFang SC",Arial,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h1{font-size:clamp(37px,4.4vw,64px);font-weight:740}h2{font-size:clamp(26px,2.5vw,38px)}h3{font-size:20px}p{color:var(--quiet)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,select{cursor:pointer}.wrap{max-width:1430px;margin:auto;padding-inline:var(--pad)}.photo,.plate{display:block;width:100%;height:auto;object-fit:cover}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #4488dc;outline-offset:3px}
.sr,.skip:not(:focus),.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:absolute;z-index:20;left:10px;top:4px;background:#fff}.btn,.nav-cta,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 22px;font-weight:650;border:1px solid var(--blue);border-radius:2px;font-size:15px}.btn,.nav-cta{background:var(--blue);color:#fff}.ghost{background:white;color:var(--blue)}.textlink,.related a{color:var(--blue);font-weight:650}.btn:hover,.nav-cta:hover{background:#083d87}.textlink:hover,.related a:hover,.back:hover{ text-decoration:underline}.actions,.related{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
header{position:sticky;top:0;z-index:9;background:white;border-bottom:1px solid var(--rule)}.bar{display:flex;align-items:center;gap:24px;height:68px}.brand{display:flex;align-items:center;gap:17px;white-space:nowrap}.brand img{width:118px;height:auto}.brand span{border-left:1px solid var(--rule);padding-left:17px;font-weight:650;font-size:14px}.bar nav{display:flex;gap:26px;margin-left:auto;font-size:14px}.bar nav a:hover,.bar nav [aria-current]{color:var(--blue)}.nav-cta{min-height:36px;font-size:13px;padding:7px 17px}.menu{display:none;background:#fff;border:0;font-size:22px}.menu:focus-visible{outline-offset:0}#mobile[hidden]{display:none}
.mast{display:grid;grid-template-columns:48% 1fr;align-items:center;padding-block:clamp(34px,4.2vw,62px)}.mast h1{font-size:clamp(52px,5.1vw,77px);line-height:1.09;letter-spacing:-.065em}.mast-intro{border-left:1px solid #7e8790;padding:5px 0 5px clamp(24px,4vw,62px)}.mast-intro p{font-size:clamp(17px,1.45vw,21px);color:#32383d;max-width:570px;line-height:1.7}.mast .actions{margin-top:20px}
.frontispiece{display:grid;grid-template-columns:58% 42%;border:1px solid #aeb4bb}.frontispiece>figure{position:relative;min-height:350px;overflow:hidden}.frontispiece .plate{height:100%;position:absolute;inset:0;object-position:50% 52%}.frontispiece figcaption,.cover figcaption{position:absolute;bottom:8px;left:10px;background:#15191dcf;color:white;font-size:10px;padding:2px 6px}.desk{background:white;padding:clamp(17px,2.1vw,32px);border:1px solid var(--rule);max-width:860px}.frontispiece .desk{max-width:none;border:0;border-left:1px solid #aeb4bb}.desk-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.desk-head h2{font-size:clamp(22px,2vw,30px)}.status{font-size:11px;color:#4d5359;background:#f0f1f2;padding:3px 8px}.period-label{display:flex;gap:17px;align-items:center;margin:17px 0 12px;font-size:13px}.period-label select{min-width:0;flex:1;border:1px solid var(--rule);background:white;color:var(--ink);padding:5px 8px;border-radius:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:13px 0 16px}.stats>div{padding-left:14px;border-left:1px solid var(--rule);font-size:12px;color:var(--quiet)}.stats>div:first-child{border:0;padding:0}.stats b{font:500 35px/1.2 Arial,sans-serif;display:block;color:var(--ink);margin-top:2px}.roster-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;font-variant-numeric:tabular-nums}.roster-table th{background:var(--blue);color:white;font-weight:550;padding:5px 10px}.roster-table td{padding:7px 10px;border-bottom:1px solid var(--line)}.check{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;color:var(--quiet)}input[type=checkbox]{accent-color:var(--blue)}.shortcuts{display:grid;grid-template-columns:repeat(3,1fr);padding-block:20px}.shortcuts a{border-left:1px solid var(--rule);padding-left:26px}.shortcuts a:first-child{border:0;padding-left:0}.shortcuts h3{font-size:21px}.shortcuts b,.scenario-tiles b,.feature-index b{font-weight:500;color:var(--blue)}.shortcuts p,.scenario-tiles p{font-size:14px;margin-top:5px}
.index-section,.catalog-section{border-top:1px solid #7c8288;padding:28px 0}.index-section{display:grid;grid-template-columns:29% 1fr;gap:34px}.index-section>div:first-child{border-right:1px solid var(--rule);padding-right:25px}.index-section>div>p{font-size:15px;margin-top:13px}.feature-index a{display:grid;grid-template-columns:30px minmax(155px,.88fr) 1.45fr 18px;gap:12px;align-items:baseline;border-bottom:1px solid var(--rule);padding:10px 0}.feature-index a:first-child{padding-top:0}.feature-index a span{font:600 15px Arial;color:#5c6269}.feature-index strong{font-size:17px}.feature-index p,.section-line p{font-size:14px}.feature-index a:hover strong,.scenario-tiles a:hover h3,.guidelist a:hover h3,.shortcuts a:hover h3{color:var(--blue)}.section-line{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:21px}.scenario-tiles,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.scenario-tiles img{aspect-ratio:2.02}.scenario-tiles h3{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.guidelist{border-top:1px solid var(--rule)}.guidelist a{display:grid;grid-template-columns:108px 1fr 20px;gap:18px;border-bottom:1px solid var(--line);padding:16px 0;align-items:baseline}.guidelist time{font:13px Arial;color:var(--quiet)}.guidelist h3{font-size:18px}.guidelist p{font-size:14px;margin-top:5px}.guidelist b{color:var(--blue)}
/* Interior spreads and forms */
.cover{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;padding-block:45px;align-items:center}.cover figure{position:relative}.cover img{aspect-ratio:2.1}.cover h1{font-size:clamp(30px,3.5vw,52px);max-width:18em}.back,.over,.cover small,.section-title small,.note small,.card small{display:block;font-size:12px;color:var(--quiet);font-weight:550;letter-spacing:.015em;margin-bottom:13px}.back{color:var(--blue)}.lead,.lede{font-size:clamp(16px,1.3vw,20px);line-height:1.8;margin:15px 0 22px;max-width:49em}.section{padding-block:40px}.cover+.section{border-top:1px solid var(--rule)}.section-title{margin:0 0 25px}.section-title p{margin-top:8px}.reading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(235px,.78fr);gap:clamp(28px,5vw,80px);align-items:start}.reading article>section,.step{border-top:1px solid var(--rule);padding-block:22px}.reading h2,.step h2,article h2{font-size:24px;margin-bottom:8px}.reading article p,.step p,article p{line-height:1.95}.step{display:flex;gap:20px}.step i{font:500 17px Arial;color:var(--blue)}.note{border-left:3px solid var(--blue);padding:4px 0 6px 21px}.note p{margin:10px 0 17px}.related{padding-block:17px}.cover~.section>.btn{margin-top:18px}.bigphone{font:650 clamp(25px,2.2vw,35px) Arial;color:var(--blue)}.reading form{border:1px solid var(--rule);padding:clamp(16px,2vw,28px)}form label:not(.check):not(.trap){display:block;margin:12px 0;font-size:14px}input:not([type=checkbox]),textarea,form select{width:100%;display:block;border:1px solid #a1a8ae;background:white;padding:9px;margin-top:5px;border-radius:0}textarea{resize:vertical}.check a{text-decoration:underline}form button{margin-top:16px}#form-status,#copy-status{font-size:13px;margin-top:10px}.section>article h2{margin-top:20px}
footer{border-top:1px solid #a2a9b0;margin-top:24px;background:white}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:24px}.foot b{font-size:15px}.foot a,.foot p{font-size:13px;display:block}.foot a:hover{color:var(--blue)}
@media(max-width:940px){.bar{gap:12px}.bar nav{display:none}.nav-cta{margin-left:auto}.menu{display:block}#mobile:not([hidden]){display:flex;flex-wrap:wrap;gap:16px;padding:11px var(--pad);border-top:1px solid var(--rule)}.frontispiece{grid-template-columns:51% 49%}.index-section{grid-template-columns:23% 1fr;gap:20px}.feature-index a{grid-template-columns:25px 1fr 20px;gap:6px}.feature-index a p{grid-column:2;grid-row:2}.feature-index b{grid-column:3;grid-row:1}.reading{gap:26px}.cover{gap:25px}}
@media(max-width:660px){:root{--pad:18px}.bar{height:57px;gap:9px}.brand{gap:8px}.brand img{width:88px}.brand span{font-size:11px;padding-left:8px}.nav-cta{font-size:11px;min-height:32px;padding:6px 9px}.menu{padding:2px}.mast,.frontispiece,.cover,.reading,.index-section{grid-template-columns:1fr}.mast{padding-block:25px;gap:15px}.mast h1{font-size:46px;line-height:1.08}.mast-intro{border:0;padding:0}.mast-intro p{font-size:15px;line-height:1.8}.mast .actions{margin-top:13px;gap:15px}.btn,.ghost{font-size:14px;min-height:38px;padding:8px 14px}.frontispiece>figure{min-height:0;aspect-ratio:2.25}.frontispiece .desk{border-left:0;border-top:1px solid var(--rule);padding:15px}.desk h2{font-size:23px}.period-label{margin:11px 0}.stats{margin:9px 0 13px}.stats b{font-size:29px}.shortcuts{gap:6px;padding-block:15px}.shortcuts a{padding-left:7px}.shortcuts h3{font-size:15px}.shortcuts p{font-size:11px;line-height:1.6}.index-section>div:first-child{border:0}.index-section,.catalog-section{padding:23px 0}.section-line{align-items:baseline;flex-wrap:wrap;gap:8px}.scenario-tiles,.cards{grid-template-columns:1fr;gap:20px}.scenario-tiles img{aspect-ratio:2.35}.guidelist a{grid-template-columns:1fr 20px;gap:4px;padding:13px 0}.guidelist time{grid-column:1/-1}.guidelist p{font-size:13px}.cover,.section{padding-block:27px}.cover{gap:16px}.cover .lead{margin-bottom:0}.cover img{aspect-ratio:2.3}.section>h1{font-size:33px}.lead{font-size:15px}.reading{gap:25px}.foot{align-items:start;flex-direction:column;gap:10px}.section>.desk{padding:14px}.reading form .check{display:block}.related{gap:12px}.step{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.mast h1 span{color:#124d9a}.mast-intro{border-left-color:#7fa3c4}.brand span{color:#174b72}.desk-head .status{background:#e7f5f9;color:#185b73}.period-label select{border-color:#9bb9d1;color:#174c7e;background-color:#f7fbff}.stats b{color:#154b82}.stats>div:last-child b{color:#116b73}.roster-table tr[data-state="ready"] td:last-child{color:#11634e}.roster-table tr[data-state="pending"] td:last-child{color:#955014}.roster-table td:last-child{font-weight:650}.shortcuts b,.scenario-tiles b{color:#007a91}.frontispiece{border-color:#b6cbd8}.frontispiece .desk{border-left-color:#b6cbd8}