body.site{--bg:#0d1117;--panel:#121826;--panel-2:#182133;--line:rgba(255,255,255,0.08);--text:#e7eefc;--muted:#9fb0cc;--brand:#7dd3fc;--accent:#a78bfa;--shadow:0 18px 42px rgba(0,0,0,0.28);--radius:18px;--font-serif:var(--font-serif);margin:0;background:radial-gradient(circle at top left,rgba(125,211,252,.16),transparent 34%),radial-gradient(circle at right top,rgba(167,139,250,.14),transparent 30%),linear-gradient(180deg,#0b1020,#0d1117 45%,#0a0e16);color:var(--text);font-family:var(--font-serif),Georgia,serif}body.site a{color:inherit;text-decoration:none}body.site img{display:block;max-width:100%;height:auto}body.site .site-shell{width:100%;overflow-x:hidden}body.site .chrome{width:100%}body.site .topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(8,12,20,.82);border-bottom:1px solid var(--line)}body.site .topbar-inner{display:flex;align-items:center;gap:12px;padding:14px 16px}body.site .brand{min-width:0;flex:1 1 auto;font-weight:700;letter-spacing:.02em;color:var(--text)}body.site .brand a,body.site .brand h1{margin:0;font-size:16px;line-height:1.2;color:var(--text)}body.site .menu{flex:0 0 auto;border:1px solid var(--line);background:linear-gradient(180deg,rgba(24,33,51,.96),rgba(18,24,38,.96));color:var(--text);border-radius:999px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}body.site .menu span{display:block;width:16px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor,0 -5px 0 currentColor}body.site .nav-list{display:none;padding:0 16px 14px}body.site.nav-open .nav-list{display:block}body.site .nav-list>ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}body.site .nav-list li{position:relative}body.site .nav-list>ul>li>a,body.site .nav-list>ul>li>span{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:rgba(18,24,38,.88);color:var(--text)}body.site .nav-list li ul{display:none;list-style:none;margin:8px 0 0;padding:10px;border:1px solid var(--line);border-radius:14px;background:#101726;box-shadow:var(--shadow)}body.site .nav-list li.tap>ul{display:grid;grid-gap:8px;gap:8px}body.site .nav-list li ul a{display:block;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);color:var(--muted)}body.site .page{width:100%}body.site .hero{padding:18px 16px 10px}body.site .hero-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,rgba(18,24,38,.96),rgba(10,14,22,.96));box-shadow:var(--shadow)}body.site .hero-media{position:relative;aspect-ratio:16/11}body.site .hero-copy{padding:18px 16px 20px}body.site h1{margin:0;line-height:1.25}body.site .hero h1,body.site h1{font-size:16px}body.site .article-desc,body.site .cat-desc,body.site .crumbs,body.site .entry-meta,body.site .hero-copy p,body.site .home-hot,body.site .home-note,body.site .home-tags,body.site .pager{color:var(--muted)}body.site .hero-copy p{margin:10px 0 0;line-height:1.8}body.site .home-grid{padding:0 16px 20px;display:grid;grid-gap:14px;gap:14px}body.site .panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,24,38,.9);box-shadow:var(--shadow);overflow:hidden}body.site .panel-title{margin:0;padding:16px 16px 0;font-size:15px}body.site .panel-body{padding:14px 16px 16px}body.site .block-card{display:grid;grid-gap:12px;gap:12px}body.site .block-card .block-media{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden}body.site .block-card h2,body.site .block-card h3{margin:0;font-size:15px}body.site .block-card .block-text{line-height:1.75;color:var(--muted)}body.site .article-list,body.site .home-links,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 .home-links a,body.site .tag-list a{display:block;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}body.site .tag-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.site .article-card{display:grid;grid-gap:12px;gap:12px}body.site .article-card .cover{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/10}body.site .article-card h2{margin:0;font-size:15px;line-height:1.35}body.site .crumbs{padding:14px 16px 0}body.site .crumbs ol,body.site .pager ol,body.site .toc ol{list-style:none;margin:0;padding:0}body.site .crumbs ol{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}body.site .crumbs li+li:before{content:">";margin-right:6px;color:rgba(159,176,204,.8)}body.site .article-shell,body.site .list-shell{padding:12px 16px 24px}body.site .article-card-wrap,body.site .list-head{border:1px solid var(--line);border-radius:24px;background:rgba(18,24,38,.88);box-shadow:var(--shadow);overflow:hidden}body.site .list-head{padding:18px 16px}body.site .article-head h1,body.site .list-head h1{font-size:16px}body.site .article-desc,body.site .cat-desc{margin:10px 0 0;font-size:14px;font-weight:400;line-height:1.8}body.site .article-cover{position:relative;aspect-ratio:16/9}body.site .article-head{padding:18px 16px 0}body.site .entry-meta{margin:0;font-size:13px}body.site .toc{margin:16px 16px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}body.site .toc ol{display:grid;grid-gap:8px;gap:8px;font-size:13px}body.site .copy{padding:8px 16px 18px;line-height:1.92;color:var(--text)}body.site .copy h2{margin:26px 0 10px;font-size:16px;line-height:1.35}body.site .copy p{margin:10px 0}body.site .copy ol,body.site .copy ul{padding-left:20px}body.site .pager{padding:0 16px 22px}body.site .pager nav{border-top:1px solid var(--line);padding-top:14px}body.site .pager ol{display:flex;gap:10px;flex-wrap:wrap}body.site .pager a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03)}body.site #friend-links{padding:0 16px 24px}body.site #friend-links ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}body.site #friend-links a{display:block;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:var(--muted)}body.site .footer{padding:0 16px 28px;color:rgba(159,176,204,.72);font-size:12px;line-height:1.8}@media (min-width:769px){body.site #friend-links,body.site .article-shell,body.site .footer,body.site .hero,body.site .home-grid,body.site .list-shell,body.site .topbar-inner{max-width:1180px;margin-left:auto;margin-right:auto}body.site .topbar-inner{padding-left:0;padding-right:0}body.site .menu{display:none}body.site .nav-list{display:block;padding:0 0 16px;max-width:1180px;margin:0 auto}body.site .nav-list>ul{grid-auto-flow:column;grid-auto-columns:max-content;justify-content:flex-start;gap:12px}body.site .nav-list>ul>li>a,body.site .nav-list>ul>li>span{min-height:42px}body.site .nav-list li:hover>ul{display:grid;position:absolute;top:calc(100% + 8px);left:0;min-width:220px;z-index:60}body.site .hero{padding-top:24px}body.site .hero-card{display:grid;grid-template-columns:1.3fr .9fr}body.site .hero-media{aspect-ratio:auto;min-height:360px}body.site .hero-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}body.site .home-grid{grid-template-columns:1.2fr .8fr;align-items:start}body.site .home-grid .panel:first-child{grid-column:1/span 1}body.site .home-grid .panel:nth-child(2){grid-column:2/span 1}body.site .home-grid .panel:nth-child(3){grid-column:1/span 2}body.site .tag-list{grid-template-columns:repeat(4,minmax(0,1fr))}body.site .article-card-wrap{display:grid;grid-template-columns:1fr .92fr}body.site .article-cover{min-height:420px}}