/* Classic 1200px blue portal, re-created from the four structurally identical references. */
.ref-portal{--portal-blue:#2e9df9;--portal-ink:#222;--portal-muted:#888;--portal-line:#e6e6e6;background:#f7f7f7;color:var(--portal-ink);font-family:"Microsoft YaHei",Arial,sans-serif}.ref-wrap{width:min(1200px,94vw);margin:0 auto}.ref-strip{height:32px;background:#f1f1f1;border-bottom:1px solid #e8e8e8;color:#888;font-size:12px}.ref-strip .ref-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.ref-head{background:#fff}.ref-head-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between}.ref-logo{display:flex;align-items:center;gap:16px;color:#222}.ref-logo-mark{font-size:27px;font-weight:700;letter-spacing:.02em}.ref-logo small{display:block;padding-left:17px;border-left:1px solid #ddd;color:#888;font-size:13px}.ref-head-tools{display:flex;gap:18px;align-items:center;color:#888;font-size:13px}.ref-head-tools b{color:var(--portal-blue);font-size:18px;font-weight:400}.ref-nav{background:var(--portal-blue);box-shadow:0 2px 5px #0002}.ref-nav-inner{min-height:48px;display:flex;align-items:stretch;overflow:auto}.ref-nav a{display:flex;align-items:center;padding:0 23px;white-space:nowrap;color:white;font-size:15px}.ref-nav a:hover{background:#167fd8}.ref-banner{background:#fff;border-bottom:1px solid #ddd}.ref-banner-inner{min-height:190px;display:flex;justify-content:space-between;align-items:center}.ref-banner small{color:var(--portal-blue);font-size:11px;letter-spacing:.16em}.ref-banner h1{margin:8px 0;color:#222;font-size:29px}.ref-banner p{max-width:740px;margin:0;color:#777;font-size:14px;line-height:1.9}.ref-banner-sign{font-size:64px;color:#eff6fc;font-weight:700}.ref-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;padding-top:22px;padding-bottom:42px}.ref-primary{min-width:0;background:#fff;padding:20px 24px}.ref-title{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--portal-blue);padding:0 0 13px;margin-bottom:4px}.ref-title>span{font-size:20px;font-weight:700}.ref-title small{font-size:12px;color:#999}.ref-title small a{color:#888}.ref-aside{display:grid;align-content:start;gap:14px}.ref-aside-box{background:#fff;border-top:3px solid var(--portal-blue);padding:14px 17px}.ref-aside-box h2{margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid #eee;font-size:17px}.ref-aside-box nav{display:grid}.ref-aside-box nav a,.ref-aside-links>a{padding:8px 0;border-bottom:1px dashed #e6e6e6;color:#555;font-size:13px}.ref-aside-box ol{margin:0;padding:0;list-style:none}.ref-aside-box li{padding:8px 0;border-bottom:1px dashed #e6e6e6}.ref-aside-box li a{display:block;color:#444;font-size:13px;line-height:1.6}.ref-aside-box li small{display:block;margin-top:4px;color:#aaa;font-size:11px}.ref-footer{background:#333;color:#ddd;padding:24px 0;font-size:12px}.ref-footer strong{font-size:16px}.ref-footer p{margin:7px 0 0;color:#aaa}.ref-portal .article-card{display:block;padding:18px 7px;border-bottom:1px solid #eee;color:#333}.ref-portal .article-card:hover{background:#fafafa}.ref-portal .article-card small{color:#999;font-size:12px}.ref-portal .article-card h2{margin:7px 0;color:#222;font-size:18px;font-weight:500}.ref-portal .article-card p{margin:5px 0;color:#777;font-size:13px;line-height:1.8}.ref-portal .article-card span{color:var(--portal-blue);font-size:12px}.ref-portal .reading{max-width:850px;margin:0 auto;padding:22px 10px}.ref-portal .reading>small{color:#999}.ref-portal .reading h1{margin:13px 0 26px;font-size:28px;line-height:1.5}.ref-portal .reading p{color:#444;font-size:15px;line-height:2.1;white-space:pre-wrap}.ref-portal .related{margin-top:32px;padding-top:18px;border-top:1px solid #eee}.ref-portal .public-pages{display:flex;justify-content:center;gap:18px;padding:20px;color:#777}
@media(max-width:760px){.ref-head-inner{min-height:82px}.ref-logo-mark{font-size:21px}.ref-logo small{display:none}.ref-nav-inner{width:100%;padding:0 3vw}.ref-nav a{padding:0 14px;font-size:13px}.ref-banner-inner{min-height:160px}.ref-banner h1{font-size:24px}.ref-banner-sign{font-size:42px}.ref-columns{grid-template-columns:1fr;gap:14px}.ref-primary{padding:16px}.ref-title{align-items:flex-start;gap:8px;flex-direction:column}.ref-aside{grid-template-columns:1fr 1fr}.ref-aside-box:last-child{grid-column:1/-1}}