body.site{margin:0;color:#162132;background:radial-gradient(circle at top,rgba(21,94,117,.1),transparent 34%),linear-gradient(180deg,#f6f8fb,#eef3f7);font-family:var(--font-serif),Georgia,"Times New Roman",serif}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 .chrome{min-height:100vh}body.site .shell{width:min(100%,1120px);margin:0 auto;padding:14px 14px 36px}body.site .topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(246,248,251,.84);border-bottom:1px solid rgba(22,33,50,.1)}body.site .topbar-inner{width:min(100%,1120px);margin:0 auto;padding:12px 14px;display:flex;align-items:center;gap:12px}body.site .brand{min-width:0;flex:1 1 auto}body.site .brand a,body.site .brand h1{margin:0;display:inline-flex;align-items:center;gap:10px;font-size:16px;line-height:1.2;letter-spacing:.02em;font-weight:700}body.site .brand-mark{width:10px;height:10px;border-radius:999px;background:#1f6f8b;box-shadow:0 0 0 4px rgba(31,111,139,.15);flex:0 0 auto}body.site .menu{width:42px;height:42px;border:1px solid rgba(22,33,50,.16);background:#ffffff;color:#162132;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(22,33,50,.08)}body.site .menu:before{content:"☰";font-size:16px;line-height:1}body.site.nav-open .menu:before{content:"✕"}body.site .nav-list{display:none;width:min(100%,1120px);margin:0 auto;padding:0 14px 14px;list-style:none}body.site.nav-open .nav-list{display:grid;grid-gap:8px;gap:8px}body.site .nav-list>li{position:relative;border:1px solid rgba(22,33,50,.12);background:rgba(255,255,255,.95);border-radius:14px;box-shadow:0 10px 28px rgba(22,33,50,.06);overflow:hidden}body.site .nav-list>li>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;font-size:14px}body.site .nav-list>li>a:after{content:"";width:8px;height:8px;border-right:1.8px solid;border-bottom:1.8px solid;transform:rotate(45deg);opacity:.65}body.site .nav-list>li>a.nav-leaf:after{display:none}body.site .nav-list>li>ul{display:none;margin:0;padding:0 0 8px;list-style:none}body.site .nav-list>li.tap>ul{display:block}body.site .nav-list>li>ul a{display:block;padding:10px 14px 10px 30px;font-size:13px;color:rgba(22,33,50,.82)}body.site .nav-list>li>ul a:before{content:"·";margin-right:8px;opacity:.7}body.site .crumbs{margin:0 0 14px}body.site .crumbs ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:rgba(22,33,50,.72)}body.site .crumbs li+li:before{content:">";margin-right:6px;color:rgba(22,33,50,.4)}body.site .hero-grid{display:grid;grid-gap:14px;gap:14px}body.site .article-card,body.site .copy,body.site .friend-card,body.site .hero-card,body.site .hot-card,body.site .list-card,body.site .panel,body.site .story-card,body.site .tag-card,body.site .toc-card{border:1px solid rgba(22,33,50,.11);background:rgba(255,255,255,.88);border-radius:18px;box-shadow:0 16px 38px rgba(22,33,50,.06)}body.site .hero-card{overflow:hidden}body.site .hero-copy{padding:16px}body.site h1{margin:0;font-size:16px;line-height:1.35}body.site h2{margin:0;font-size:15px;line-height:1.5}body.site .hero-card .eyebrow,body.site .meta,body.site .section-label{color:rgba(22,33,50,.66);font-size:12px;line-height:1.5}body.site .hero-media{aspect-ratio:16/10;overflow:hidden}body.site .hero-media img{width:100%;height:100%;object-fit:cover}body.site .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}body.site .pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#1f6f8b;color:#fff;font-size:13px}body.site .pill.alt{background:rgba(31,111,139,.1);color:#1f6f8b}body.site .panel{padding:14px}body.site .panel h2{margin-bottom:12px}body.site .block-grid{display:grid;grid-gap:12px;gap:12px}body.site .block-item{overflow:hidden}body.site .block-item figure{margin:0}body.site .block-item .block-media{aspect-ratio:4/3;overflow:hidden}body.site .block-item .block-media img{width:100%;height:100%;object-fit:cover}body.site .block-item .block-body{padding:12px 13px 14px}body.site .article-list,body.site .friend-list,body.site .hot-list,body.site .tag-list{margin:0;padding:0;list-style:none}body.site .article-list li,body.site .friend-list li,body.site .hot-list li,body.site .tag-list li{border-top:1px solid rgba(22,33,50,.08)}body.site .article-list li:first-child,body.site .friend-list li:first-child,body.site .hot-list li:first-child,body.site .tag-list li:first-child{border-top:0}body.site .article-list a,body.site .friend-list a,body.site .hot-list a,body.site .tag-list a{display:flex;justify-content:space-between;gap:10px;padding:12px 0}body.site .article-list a{align-items:center}body.site .article-card{overflow:hidden}body.site .article-head{padding:16px 16px 0}body.site .article-cover{margin-top:14px;aspect-ratio:16/9;overflow:hidden}body.site .article-cover img{width:100%;height:100%;object-fit:cover}body.site .article-intro{padding:14px 16px 0}body.site .article-desc,body.site .cat-desc{margin:8px 0 0;font-size:13px;line-height:1.8;color:rgba(22,33,50,.74)}body.site .toc-card{padding:14px 14px 4px;margin:16px 0}body.site .toc-card ol{margin:10px 0 0;padding:0 0 0 18px}body.site .toc-card li{margin:0 0 8px}body.site .toc-card a{color:#1f6f8b;font-size:13px}body.site .copy{padding:16px;line-height:1.85;font-size:15px}body.site .copy h2{margin:28px 0 12px;padding-top:8px;border-top:1px solid rgba(22,33,50,.08)}body.site .copy blockquote,body.site .copy ol,body.site .copy p,body.site .copy ul{margin:0 0 16px}body.site .copy a{color:#0f5f7d;text-decoration:underline;text-underline-offset:2px}body.site .friend-card ul:empty:before{content:"";display:block;height:0}body.site .pager{display:flex;justify-content:center;margin-top:18px}body.site .pager nav,body.site nav.pager{display:flex;gap:8px;flex-wrap:wrap}body.site .pager a,body.site .pager span{min-width:38px;height:38px;padding:0 12px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(22,33,50,.12);background:rgba(255,255,255,.9)}body.site .footer{width:min(100%,1120px);margin:18px auto 0;padding:0 14px 24px;color:rgba(22,33,50,.62);font-size:12px}@media (min-width:769px){body.site .topbar-inner{align-items:flex-end}body.site .menu{display:none}body.site .nav-list{display:flex;gap:10px;padding-bottom:12px}body.site.nav-open .nav-list{display:flex}body.site .nav-list>li{border-radius:999px;overflow:visible}body.site .nav-list>li>a{padding:10px 14px}body.site .nav-list>li>ul{position:absolute;left:0;top:calc(100% + 8px);min-width:180px;padding:8px 0;background:#ffffff;border:1px solid rgba(22,33,50,.12);box-shadow:0 18px 40px rgba(22,33,50,.12);border-radius:14px;z-index:5}body.site .nav-list>li:hover>ul{display:block}body.site .nav-list>li>ul a{padding:10px 14px}body.site .shell{padding-top:18px}body.site .hero-grid{grid-template-columns:1.2fr .8fr;align-items:stretch}body.site .hero-copy{padding:24px}body.site h1{font-size:16px}body.site .feature-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:16px;gap:16px;align-items:start}body.site .block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.site .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:16px;gap:16px;align-items:start}body.site .toc-card{position:-webkit-sticky;position:sticky;top:92px}body.site .list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}}