body.site{margin:0;color:#10202f;background:#eef3f7;font-family:var(--font-serif),Georgia,"Times New Roman",serif;line-height:1.6}body.site *,body.site :after,body.site :before{box-sizing:border-box}body.site a{color:inherit;text-decoration:none}body.site img{display:block;max-width:100%;height:auto}body.site button,body.site input,body.site select,body.site textarea{font:inherit}body.site .site-shell{width:100%;padding:12px}body.site .site-top{display:grid;grid-gap:10px;gap:10px;align-items:start}body.site .brand{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;font-size:16px;font-weight:700;letter-spacing:.02em;color:#10202f}body.site .brand h1{margin:0;font-size:16px;line-height:1.2}body.site .brand-link{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;font-size:16px;font-weight:700;line-height:1.2}body.site .top-row{display:flex;align-items:center;justify-content:space-between;gap:10px}body.site .menu{border:1px solid #7f96ab;background:#ffffff;color:#173149;border-radius:999px;padding:8px 12px;min-width:54px;min-height:38px}body.site .nav-wrap{position:relative}body.site .nav-list{display:none;list-style:none;margin:0;padding:10px;border:1px solid #b8c7d4;background:#ffffff;box-shadow:0 16px 36px rgba(16,32,47,.12);border-radius:16px}body.site.nav-open .nav-list{display:grid;grid-gap:4px;gap:4px}body.site .nav-list>li{position:relative}body.site .nav-list a,body.site .nav-list button{display:inline-flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;color:inherit;padding:10px 12px;border-radius:12px;text-align:left}body.site .nav-list>li>a,body.site .nav-list>li>button{background:#edf4f9}body.site .nav-list .submenu{display:none;list-style:none;margin:6px 0 0;padding:6px;border:1px solid #c3d1dc;background:#fdfefe;border-radius:14px}body.site .nav-list li.tap>.submenu{display:grid;grid-gap:4px;gap:4px}body.site .breadcrumbs{margin:0 0 10px}body.site .breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0;align-items:center}body.site .breadcrumbs li{display:inline-flex;align-items:center}body.site .breadcrumbs li+li:before{content:">";margin:0 8px;color:#6d8395}body.site .breadcrumbs a{color:#2b506e}body.site .page{display:grid;grid-gap:18px;gap:18px;margin-top:14px}body.site .article-card,body.site .block-card,body.site .hero-card,body.site .list-card,body.site .panel{background:#ffffff;border:1px solid #c8d6e2;border-radius:22px;overflow:hidden;box-shadow:0 10px 24px rgba(16,32,47,.06)}body.site .hero-card{display:grid;grid-gap:14px;gap:14px}body.site .hero-copy{padding:16px 16px 2px}body.site .hero-copy h1,body.site .page-title{margin:0;font-size:16px;line-height:1.25}body.site .card-text,body.site .hero-copy p,body.site .panel-text{margin:8px 0 0;color:#3b556a}body.site .hero-media{padding:0 12px 12px}body.site .hero-media :is(img,span){border-radius:18px}body.site .home-grid,body.site .home-main,body.site .home-side{display:grid;grid-gap:14px;gap:14px}body.site .block-card .block-body{padding:14px}body.site .article-card h2,body.site .block-card h2,body.site .list-card h2,body.site .panel h2,body.site .section-title{margin:0;font-size:16px;line-height:1.25}body.site .block-card .block-copy{margin-top:10px;color:#31495c}body.site .panel{padding:14px}body.site .article-list,body.site .card-list,body.site .friend-list,body.site .hot-list,body.site .tag-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}body.site .article-list a,body.site .friend-list a,body.site .hot-list a,body.site .tag-list a{display:block;padding:12px 14px;border-radius:14px;background:#edf4f9}body.site .tag-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.site .list-layout{display:grid;grid-gap:14px;gap:14px}body.site .article-card,body.site .list-card{padding:14px}body.site .article-desc,body.site .cat-desc{margin:8px 0 0;font-size:14px;font-weight:400;color:#496175}body.site .article-head{display:grid;grid-gap:10px;gap:10px}body.site .article-meta{display:grid;grid-gap:8px;gap:8px}body.site .article-cover{border-radius:18px;overflow:hidden}body.site .toc{padding:14px;border-radius:18px;background:#f4f8fb;border:1px solid #d7e2ea}body.site .toc ol{margin:0;padding-left:20px;display:grid;grid-gap:8px;gap:8px}body.site .copy{margin-top:14px;color:#163043}body.site .copy :is(h2,h3,h4){margin:1.2em 0 .5em;line-height:1.25}body.site .copy p{margin:.8em 0}body.site .pager{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}body.site .pager a,body.site .pager span{min-width:40px;text-align:center;padding:10px 12px;border-radius:12px;background:#ffffff;border:1px solid #c8d6e2}body.site .friend-box{display:grid;grid-gap:10px;gap:10px}body.site #friend-links{padding:14px}body.site .site-footer{padding:6px 2px 18px;color:#51687a;font-size:13px}body.site .site-footer p{margin:0}body.site .empty-state{padding:18px;border-radius:18px;background:#ffffff;border:1px solid #c8d6e2}@media (min-width:769px){body.site .site-shell{max-width:1220px;margin:0 auto;padding:18px 20px 28px}body.site .site-top{grid-template-columns:minmax(180px,1fr) auto;align-items:center}body.site .top-row{justify-content:flex-end}body.site .menu{display:none}body.site .nav-wrap{width:100%}body.site .nav-list{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0;border:0;background:transparent;box-shadow:none}body.site.nav-open .nav-list{display:flex}body.site .nav-list>li{position:relative}body.site .nav-list>li>a,body.site .nav-list>li>button{width:auto;padding:10px 12px}body.site .nav-list .submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;z-index:20}body.site .nav-list>li:hover>.submenu{display:grid}body.site .page{margin-top:20px}body.site .hero-card{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:stretch}body.site .hero-media{padding:12px 12px 12px 0}body.site .home-grid{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);align-items:start}body.site .home-main,body.site .home-side{gap:16px}body.site .list-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.42fr)}body.site .tag-list{grid-template-columns:repeat(3,minmax(0,1fr))}body.site .article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);grid-gap:18px;gap:18px;align-items:start}}