body.site{margin:0;color:#132033;background:radial-gradient(circle at top left,rgba(70,120,255,.12),transparent 34%),radial-gradient(circle at 80% 10%,rgba(20,180,140,.1),transparent 26%),linear-gradient(180deg,#f6f9ff,#eef3fb 42%,#f8fafc);font-family:var(--font-serif),ui-serif,Georgia,"Times New Roman",serif}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%}body.site .shell{width:100%;max-width:1180px;margin:0 auto;padding:0 14px}body.site .site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(246,249,255,.92);border-bottom:1px solid rgba(19,32,51,.1)}body.site .site-header .bar{display:flex;align-items:center;gap:12px;min-height:62px}body.site .brand{display:inline-flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;font-weight:700;letter-spacing:.02em;color:#10203a}body.site .brand h1{margin:0;font-size:16px;line-height:1.15}body.site .brand span{display:block}body.site .brand-link{font-size:16px;line-height:1.15}body.site .menu{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(19,32,51,.16);background:#ffffff;color:#10203a;border-radius:999px;height:38px;padding:0 14px;font:inherit;font-size:14px}body.site.nav-open .menu{background:#10203a;color:#fff;border-color:#10203a}body.site .nav-list{display:none;position:absolute;left:14px;right:14px;top:calc(62px + 10px);z-index:45;margin:0;padding:10px;list-style:none;background:#ffffff;border:1px solid rgba(16,32,58,.12);box-shadow:0 18px 40px rgba(16,32,58,.14);border-radius:18px}body.site.nav-open .nav-list{display:block}body.site .nav-list>li{position:relative;margin:0}body.site .nav-list>li+li{margin-top:6px}body.site .nav-list>li>a,body.site .nav-list>li>span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 12px;border-radius:12px;background:#f3f6fc;border:1px solid transparent;font-size:14px}body.site .nav-list>li>a:hover,body.site .nav-list>li>span:hover{background:#e9effa}body.site .nav-list>li>ul{display:none;margin:6px 0 0;padding:8px;list-style:none;background:#fff;border:1px solid rgba(16,32,58,.12);border-radius:14px}body.site .nav-list>li.tap>ul{display:block}body.site .nav-list>li>ul>li+li{margin-top:6px}body.site .nav-list>li>ul a{display:block;padding:9px 10px;border-radius:10px;background:#f8fbff;font-size:14px}body.site .nav-list>li>ul a:hover{background:#edf3ff}body.site main{padding:18px 0 42px}body.site .breadcrumb{margin:0 0 12px}body.site .breadcrumb ol,body.site nav.in-article-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:#516177}body.site .breadcrumb li,body.site nav.in-article-toc li{display:inline-flex;align-items:center;gap:6px}body.site .breadcrumb li+li:before{content:">";color:#a2afc2}body.site .page-title{margin:0;font-size:16px;line-height:1.25;color:#0d1830}body.site .article-desc,body.site .cat-desc{margin:10px 0 0;font-size:14px;line-height:1.7;font-weight:400;color:#516177}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{background:rgba(255,255,255,.78);border:1px solid rgba(16,32,58,.1);border-radius:20px;box-shadow:0 12px 28px rgba(16,32,58,.08)}body.site .hero-card{overflow:hidden}body.site .hero-card .media{position:relative;aspect-ratio:16/10}body.site .hero-card .body{padding:16px}body.site .hero-card h2{margin:0;font-size:15px;line-height:1.35}body.site .hero-card p{margin:10px 0 0;font-size:14px;line-height:1.8;color:#516177}body.site .two-col{display:grid;grid-gap:14px;gap:14px;margin-top:14px}body.site .panel{padding:14px}body.site .panel h2,body.site .panel h3{margin:0 0 12px;font-size:15px;line-height:1.25}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+li,body.site .friend-list li+li,body.site .hot-list li+li,body.site .tag-list li+li{margin-top:8px}body.site .article-list a,body.site .friend-list a,body.site .hot-list a,body.site .tag-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#f6f9ff;border:1px solid rgba(16,32,58,.08)}body.site .card-grid{display:grid;grid-gap:14px;gap:14px;margin-top:14px}body.site .list-card{overflow:hidden}body.site .list-card .thumb{position:relative;aspect-ratio:4/3;background:#dbe6f7}body.site .list-card .content{padding:14px}body.site .list-card h3{margin:0;font-size:15px;line-height:1.35}body.site .list-card p{margin:8px 0 0;font-size:14px;line-height:1.7;color:#516177}body.site .article-card{overflow:hidden;padding:16px}body.site .article-card .cover{position:relative;margin:-16px -16px 16px;aspect-ratio:16/9;background:#dbe6f7}body.site .article-card h1{margin:0;font-size:16px;line-height:1.3;color:#0d1830}body.site .toc{margin:14px 0 0;padding:12px 14px;border-radius:16px;background:#f4f8ff;border:1px solid rgba(16,32,58,.09)}body.site .toc a{color:#27406c}body.site .copy{margin-top:14px;padding:16px;overflow:hidden}body.site .copy :is(h2){margin:22px 0 10px;font-size:15px;line-height:1.35;color:#0d1830}body.site .copy :is(p,ul,ol){margin:0 0 12px;font-size:14px;line-height:1.85;color:#22324d}body.site .copy :is(img){margin:14px 0;border-radius:14px}body.site .pager{margin-top:18px}body.site nav.pager ul{margin:0;padding:0;list-style:none;display:flex;gap:10px;flex-wrap:wrap}body.site nav.pager a,body.site nav.pager span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid rgba(16,32,58,.12)}body.site #friend-links{margin-top:18px}body.site .site-footer{padding:18px 0 26px;color:#5b6a82;font-size:13px}body.site .site-footer .shell{display:grid;grid-gap:10px;gap:10px}body.site .site-footer .meta{display:flex;flex-wrap:wrap;gap:10px 14px}body.site .site-footer .meta span{display:inline-flex;align-items:center;gap:8px}@media (min-width:769px){body.site .shell{padding:0 22px}body.site .site-header .bar{min-height:74px;gap:18px}body.site .menu{display:none}body.site .nav-list{display:flex;position:static;flex:0 0 auto;gap:10px;margin-left:auto;padding:0;border:0;box-shadow:none;background:transparent;align-items:center}body.site .nav-list>li+li{margin-top:0}body.site .nav-list>li>a,body.site .nav-list>li>span{background:transparent;border-color:rgba(16,32,58,.12)}body.site .nav-list>li>ul{position:absolute;top:calc(100% + 10px);left:0;min-width:210px}body.site .nav-list>li:hover>ul{display:block}body.site main{padding:26px 0 54px}body.site .hero-grid{grid-template-columns:1.25fr .75fr;align-items:stretch}body.site .two-col{grid-template-columns:1fr 1fr}body.site .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.site .article-card{padding:22px}body.site .article-card .cover{margin:-22px -22px 18px}body.site .copy{padding:22px}body.site .site-footer .shell{grid-template-columns:1fr auto;align-items:center}}