body.site{margin:0;color:#17212b;background:radial-gradient(circle at top left,rgba(72,124,190,.12),transparent 42%),linear-gradient(180deg,#f4f8fb,#eef3f7 42%,#ffffff);font-family:var(--font-serif),Georgia,"Times New Roman",serif;line-height:1.72;text-rendering:optimizeLegibility}body.site a{color:#153e6b;text-decoration:none}body.site a:hover{text-decoration:underline}body.site img{display:block;max-width:100%;height:auto}body.site .site-shell{width:min(1120px,calc(100vw - 24px));margin:0 auto}body.site .site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(244,248,251,.9);border-bottom:1px solid rgba(21,62,107,.12)}body.site .header-inner{width:min(1120px,calc(100vw - 24px));margin:0 auto;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 0}body.site .brand{min-width:0;flex:1 1 auto}body.site .brand a,body.site .brand h1{display:inline-flex;align-items:center;gap:10px;margin:0;color:#10263e;letter-spacing:.04em;font-size:16px;line-height:1.2;font-weight:700}body.site .brand h1{font-size:16px}body.site .menu{border:1px solid rgba(21,62,107,.18);background:#ffffff;color:#10263e;border-radius:999px;padding:10px 14px;font-size:14px}body.site .nav-wrap{width:min(1120px,calc(100vw - 24px));margin:0 auto 14px;display:none}body.site.nav-open .nav-wrap{display:block}body.site .nav-list{list-style:none;margin:0;padding:10px;display:grid;grid-gap:8px;gap:8px;background:#ffffff;border:1px solid rgba(21,62,107,.14);box-shadow:0 18px 40px rgba(20,39,63,.12);border-radius:18px}body.site .nav-list li{position:relative}body.site .nav-list>li>a,body.site .nav-list>li>span{display:inline-flex;align-items:center;min-height:42px;padding:0 12px;border-radius:12px;background:#f3f7fb;color:#10263e;font-size:14px}body.site .nav-list ul{list-style:none;margin:8px 0 0;padding:8px;display:none;gap:6px;background:#ffffff;border:1px solid rgba(21,62,107,.14);box-shadow:0 18px 36px rgba(20,39,63,.12);border-radius:14px}body.site .nav-list li.tap>ul,body.site .nav-list li:hover>ul{display:grid}body.site .nav-list ul a{display:block;padding:8px 10px;border-radius:10px;color:#153e6b}body.site main.site-main{width:min(1120px,calc(100vw - 24px));margin:0 auto;padding:18px 0 42px}body.site .hero-grid{display:grid;grid-gap:14px;gap:14px}body.site .article-card,body.site .copy,body.site .hero-card,body.site .hot-card,body.site .list-card,body.site .panel,body.site .tag-card,body.site .toc-card{background:rgba(255,255,255,.9);border:1px solid rgba(21,62,107,.12);box-shadow:0 14px 34px rgba(20,39,63,.08);border-radius:22px}body.site .hero-card{overflow:hidden}body.site .hero-copy{padding:18px}body.site h1{margin:0;line-height:1.25;color:#10263e}body.site .article-head h1,body.site .hero-copy h1,body.site .list-head h1,body.site h1{font-size:16px}body.site h2{margin:14px 0 8px;font-size:15px;line-height:1.35;color:#103153}body.site .article-card p,body.site .hero-copy p,body.site .list-card p,body.site .panel p{margin:0;color:#36526e}body.site .section-grid{margin-top:14px;display:grid;grid-gap:14px;gap:14px}body.site .panel{padding:16px}body.site .panel h2{margin-top:0}body.site .crumbs ol,body.site .friend-list,body.site .hot-list,body.site .pager,body.site .tag-list,body.site .toc-card ol{list-style:none;margin:0;padding:0}body.site .hot-list{display:grid;grid-gap:10px;gap:10px}body.site .friend-list a,body.site .hot-list a,body.site .pager a,body.site .pager span,body.site .tag-list a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:12px;background:#f4f8fb;color:#153e6b}body.site .tag-list{display:flex;flex-wrap:wrap;gap:8px}body.site .article-grid,body.site .list-grid{display:grid;grid-gap:14px;gap:14px}body.site .article-card,body.site .list-card{overflow:hidden}body.site .thumb{aspect-ratio:16/9;overflow:hidden;background:#dfe8f1}body.site .thumb img{width:100%;height:100%;object-fit:cover}body.site .article-head,body.site .card-body,body.site .list-body{padding:16px}body.site .article-head h2.article-desc,body.site .article-head h2.cat-desc,body.site .list-body h2{margin-top:8px;font-size:14px;color:#4b667f;font-weight:500}body.site .crumbs{margin:0 0 12px}body.site .crumbs ol{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:#4b667f;font-size:13px}body.site .crumbs li+li:before{content:">";margin-right:6px;color:#8aa0b8}body.site .toc-card{margin:0 0 14px;padding:14px 16px}body.site .toc-card a{color:#153e6b}body.site .copy{padding:18px}body.site .copy h2{scroll-margin-top:90px}body.site .pager{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}body.site .friend-links{margin-top:18px;padding:16px}body.site #friend-links ul{display:flex;flex-wrap:wrap;gap:8px}body.site .site-footer{width:min(1120px,calc(100vw - 24px));margin:0 auto;padding:0 0 28px;color:#67809a;font-size:12px}body.site .site-footer p{margin:8px 0 0}@media (min-width:769px){body.site .header-inner{min-height:74px}body.site .menu{display:none}body.site .nav-wrap{display:block;margin-top:0}body.site .nav-list{grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;align-items:center;padding:0;background:transparent;border:0;box-shadow:none}body.site .nav-list>li>a,body.site .nav-list>li>span{background:transparent;padding:0 8px}body.site .nav-list ul{position:absolute;left:0;top:calc(100% + 8px);min-width:180px}body.site .hero-grid{grid-template-columns:1.2fr .8fr;align-items:stretch}body.site .section-grid{grid-template-columns:1fr 1fr;align-items:start}body.site .list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.site .article-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:start}body.site .copy{padding:24px 26px}}