*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6fd;color:#24243d;font:16px/1.85 system-ui,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#6756d8}header,main,footer{max-width:1160px;margin:auto;padding:25px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:25px;font-weight:850;color:#5e48c6}.brand:before{content:"✦";margin-right:12px}nav,.links{display:flex;gap:16px;flex-wrap:wrap}.hero{background:#222343;color:white;border-radius:24px;padding:48px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center}.tag,.number{font-size:12px;letter-spacing:2px;color:#8271d8;font-weight:750}.hero .tag{color:#b6b0ff}h1{font-size:clamp(30px,4.5vw,49px);line-height:1.35;margin:20px 0}h2{font-size:27px;line-height:1.45;margin:0 0 18px}h3{font-size:19px;margin:10px 0}.lead{color:#c7c6df;font-size:18px}.btn{display:inline-block;background:#7863df;color:white;border:0;border-radius:8px;padding:12px 22px;font:inherit;cursor:pointer;margin-top:12px}section{margin:42px 0}.grid,.split{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card,.panel{background:white;border:1px solid #e0e1f0;padding:27px;border-radius:16px}.muted,footer{color:#77768a;font-size:14px}.links a{padding:9px 14px;border:1px solid #dcdded;border-radius:8px;background:white}.pager{justify-content:space-between;margin:25px 0}.directory{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.directory a{padding:16px;background:white;border:1px solid #e1e1f0;border-radius:10px}.directory small{display:block;color:#838096}input,textarea,select{width:100%;font:inherit;border:1px solid #c9c9dd;border-radius:8px;padding:12px;margin:10px 0;background:white;color:#28283f}textarea{min-height:220px}.toolbar{display:grid;grid-template-columns:2fr 1fr;gap:20px}.tablewrap{overflow:auto;border:1px solid #dedfed;border-radius:12px}table{border-collapse:collapse;width:100%;background:white;font-size:14px;text-align:left}td,th{padding:17px;border-bottom:1px solid #e4e4ee;vertical-align:top}th{background:#ece9fb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:23px;background:#ece9fa;border-radius:14px}.code{white-space:pre-wrap;background:#272940;color:#dbd9f8;padding:24px;border-radius:12px;font:14px/1.9 ui-monospace,monospace;overflow-wrap:anywhere}details{background:white;border:1px solid #e0e0ee;padding:20px 24px;border-radius:10px;margin:10px 0}summary{font-weight:700;cursor:pointer}footer{border-top:1px solid #dedfeb;margin-top:45px}.orb{padding:25px;border:1px solid #666080;border-radius:18px;background:#32304e;transform:rotate(2deg)}.orb p{padding:10px 16px;background:#423d68;border-radius:9px;font-size:15px}.orb strong{color:#c3b8ff;font-size:30px}.checklist li{margin:12px 0}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #ab9de9;outline-offset:3px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:18px}.hero{padding:28px 23px}.hero-grid,.split,.grid,.toolbar{grid-template-columns:1fr}.steps,.directory{grid-template-columns:repeat(2,1fr)}.orb{transform:none}}
body{background:#f4f7f5;color:#233b32}.brand{color:#14674c;max-width:65%;font-size:clamp(17px,2vw,24px);line-height:1.5}.hero{background:#174d3e}.btn{background:#2b8060}.hero-notes{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.hero-notes span{border:1px solid #fff5;border-radius:20px;padding:5px 15px}.banner{padding:30px;background:#e0ece4;border-left:5px solid #2b8060;border-radius:10px}.steps{counter-reset:s}.step:before{counter-increment:s;content:"0" counter(s);font-size:28px;font-weight:800;color:#2b8060}.step{background:#e6eee7}.eyebrow{color:#b6dccc;letter-spacing:2px;font-size:12px}.number{color:#3e8062}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;background:white;padding:12px;z-index:20}.directory small{display:block}.theme-1 .hero{background:#e0eee7;color:#194735;border-left:8px solid #327459;border-radius:0}.theme-1 .hero .lead,.theme-1 .eyebrow{color:#527562}.theme-1 .grid{grid-template-columns:repeat(4,1fr)}.theme-1 .card,.theme-1 .panel{border-radius:2px;border-top:3px solid #85ae94}.theme-2{background:#faf4e9;color:#4d382c}.theme-2 .hero{background:#70503c;border-radius:0}.theme-2 .btn{background:#9c6139}.theme-2 .card,.theme-2 .panel{background:#fffdf7;border-color:#dfceb5;border-radius:0}.theme-2 th{background:#efe3d0}.theme-2 .steps{grid-template-columns:repeat(2,1fr)}.theme-3 .hero{background:#293d64;border-radius:30px}.theme-3 .btn{background:#345b91}.theme-3 .card{border-radius:24px;box-shadow:0 6px 0 #e3e9f1}.theme-3 .split{grid-template-columns:1.35fr 1fr}.theme-3 .steps{grid-template-columns:1fr}.theme-4{background:#172b31;color:#dce7e8}.theme-4 .hero{background:#254953;border:1px solid #567580}.theme-4 .card,.theme-4 .panel,.theme-4 details{background:#223c43;border-color:#496069}.theme-4 table{background:#223c43}.theme-4 th,.theme-4 .step{background:#31525c}.theme-4 .links a{background:#2c4851;border-color:#5b737b}.theme-4 .banner{background:#31504e}.theme-4 .muted,.theme-4 footer{color:#a9bec1}.theme-5{background:#fbf4f3}.theme-5 .hero{background:#86464c;border-radius:50px 6px 50px 6px}.theme-5 .btn{background:#9a5259}.theme-5 .card{border-left:5px solid #d1a1a6;border-radius:8px}.theme-5 .split{grid-template-columns:1fr 1.4fr}.theme-5 .banner{background:#f1e1e3;border-color:#a06067}th{background:#e2eee7}@media(max-width:900px){.theme-1 .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){header .brand{max-width:100%}.theme-1 .grid,.theme-3 .split,.theme-5 .split{grid-template-columns:1fr}.theme-2 .steps{grid-template-columns:1fr}}
.office-article-image{margin:36px auto;max-width:600px;width:100%}.office-article-image img{display:block;width:100%;height:auto;aspect-ratio:5/4;border-radius:14px}body.theme-2 .office-article-image img{border-radius:0}