body.site{--font-serif:var(--font-serif);margin:0;color:#182127;background:radial-gradient(circle at top left,rgba(35,104,108,.12),transparent 32%),linear-gradient(180deg,#f5f7f8,#eef2ef);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.site *{box-sizing:border-box}body.site a{color:inherit;text-decoration:none}body.site img{display:block;max-width:100%}body.site .chrome{width:100%}body.site .topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(245,247,248,.84);border-bottom:1px solid rgba(24,33,39,.09)}body.site .topbar-inner{width:min(1180px,calc(100vw - 24px));margin:0 auto;display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 0}body.site .brand{min-width:0;flex:1 1 auto}body.site .brand a,body.site .brand h1{font-family:var(--font-serif),Georgia,serif;font-size:16px;line-height:1.15;margin:0;letter-spacing:.02em}body.site .brand a{display:inline-flex;align-items:center;gap:8px}body.site .menu{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(24,33,39,.18);background:#ffffff;color:#182127;border-radius:999px;height:36px;padding:0 14px;font-size:14px;box-shadow:0 8px 22px rgba(24,33,39,.06)}body.site .nav-wrap{width:min(1180px,calc(100vw - 24px));margin:0 auto;position:relative;padding:0 0 12px}body.site .nav-list{list-style:none;margin:0;padding:0;display:none;gap:8px;flex-wrap:wrap}body.site body.nav-open .nav-list{display:flex}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:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(24,33,39,.12);background:rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(24,33,39,.04);font-size:14px}body.site .nav-list .subnav{list-style:none;margin:0;padding:8px;display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:210px;background:#ffffff;border:1px solid rgba(24,33,39,.12);box-shadow:0 16px 34px rgba(24,33,39,.12);border-radius:16px;z-index:20}body.site .nav-list .subnav li+li{margin-top:4px}body.site .nav-list .subnav a{display:block;padding:10px 12px;border-radius:12px;font-size:14px;color:#24323b}body.site .nav-list .subnav a:focus-visible,body.site .nav-list .subnav a:hover{background:rgba(35,104,108,.08)}body.site .nav-list li.tap>.subnav,body.site .nav-list>li:hover>.subnav{display:block}body.site .page{width:min(1180px,calc(100vw - 24px));margin:18px auto 42px}body.site .crumbs{margin:0 0 16px}body.site .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;font-size:13px;color:#5a6b72}body.site .crumbs li{display:inline-flex;align-items:center;gap:8px}body.site .crumbs li+li:before{content:">";opacity:.65}body.site .page-head{margin-bottom:18px}body.site h1{margin:0;font-family:var(--font-serif),Georgia,serif;font-size:16px;line-height:1.25;letter-spacing:.02em}body.site .article-desc,body.site .cat-desc{margin:10px 0 0;font-size:14px;line-height:1.75;color:#4c5c63;font-weight:500}body.site .home-grid{display:grid;grid-gap:16px;gap:16px}body.site .hero{border-radius:24px;overflow:hidden;background:#0f2329;color:#f5faf9;box-shadow:0 18px 36px rgba(16,34,41,.12)}body.site .hero-inner{display:grid;grid-gap:14px;gap:14px;padding:16px}body.site .hero-copy{display:grid;grid-gap:10px;gap:10px}body.site .hero h1{font-size:16px}body.site .hero p{margin:0;font-size:14px;line-height:1.75;color:rgba(245,250,249,.84)}body.site .card-media,body.site .hero-media{position:relative;overflow:hidden;border-radius:20px;background:#dbe5e3}body.site .hero-media{min-height:210px}body.site .article-shell,body.site .home-card,body.site .list-shell,body.site .panel{background:rgba(255,255,255,.82);border:1px solid rgba(24,33,39,.08);box-shadow:0 12px 26px rgba(24,33,39,.06);border-radius:22px}body.site .card-block{padding:16px}body.site .card-block h2{margin:0 0 10px;font-size:15px;line-height:1.35}body.site .card-block .copy{font-size:14px;line-height:1.8;color:#33434a}body.site .split{display:grid;grid-gap:16px;gap:16px}body.site .hot-panel,body.site .tag-panel{padding:16px}body.site .panel-title{margin:0 0 12px;font-size:15px;line-height:1.3}body.site .article-list,body.site .friend-list,body.site .hot-list,body.site .tag-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px}body.site .friend-list a,body.site .hot-list a,body.site .tag-list a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:14px;background:#f7f9f8;border:1px solid rgba(24,33,39,.08)}body.site .article-list{gap:14px}body.site .article-item{display:grid;grid-gap:10px;gap:10px;padding:14px;border-radius:18px;background:rgba(247,249,248,.92);border:1px solid rgba(24,33,39,.08)}body.site .article-item h2{margin:0;font-size:15px;line-height:1.45}body.site .article-item .meta{font-size:13px;color:#5d6f77}body.site .article-item .excerpt{font-size:14px;line-height:1.75;color:#33434a}body.site .article-cover{aspect-ratio:16/10}body.site .pager{display:flex;justify-content:center;gap:10px;margin-top:22px}body.site .pager a,body.site .pager span{min-width:40px;min-height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(24,33,39,.12);background:rgba(255,255,255,.9)}body.site .article-shell{padding:16px}body.site .in-article-toc{margin:0 0 18px;padding:14px;border-radius:18px;background:#f4f7f6;border:1px solid rgba(24,33,39,.08)}body.site .in-article-toc ol{margin:0;padding-left:20px;display:grid;grid-gap:8px;gap:8px}body.site .copy{font-size:15px;line-height:1.9;color:#27343a}body.site .copy h2{margin:1.4em 0 .6em;font-size:16px;line-height:1.35}body.site .copy blockquote,body.site .copy ol,body.site .copy p,body.site .copy ul{margin-top:0;margin-bottom:1em}body.site .friend-links{margin-top:24px;padding:16px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(24,33,39,.08)}body.site .friend-links h2{margin:0 0 12px;font-size:15px}body.site .footer{width:min(1180px,calc(100vw - 24px));margin:0 auto 24px;padding:8px 0 18px;color:#5f7077;font-size:12px}body.site .footer small{display:block;line-height:1.8}@media (min-width:769px){body.site .topbar-inner{min-height:66px}body.site .nav-wrap{padding-bottom:14px}body.site .menu{display:none}body.site .nav-list{display:flex}body.site .page{margin-top:26px}body.site .home-grid{grid-template-columns:1.28fr .72fr;align-items:start}body.site .hero-inner{grid-template-columns:1fr 1fr;align-items:center;padding:22px}body.site .hero-media{min-height:320px}body.site .split{grid-template-columns:1fr 1fr}body.site .home-card .card-block{min-height:100%}body.site .article-shell,body.site .list-shell{padding:20px}body.site .article-item{grid-template-columns:180px 1fr;align-items:start}body.site .article-cover{grid-row:span 3}}