body.site{--bg:#e8efec;--deep:#132b26;--card:#fbfdfc;--line:#c4d4cf;--ink:#0f1f1c;--muted:#5c736d;--leaf:#1c7a63;--accent:#ff5b3c;margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}body.site *,body.site :after,body.site :before{box-sizing:border-box}body.site h1,body.site h2,body.site h3{font-family:var(--font-serif,Georgia,"Songti SC","Noto Serif SC",serif);font-weight:600;margin:0;line-height:1.25}body.site h1{font-size:16px;letter-spacing:.04em}body.site a{color:inherit;text-decoration:none}body.site .shell{display:flex;min-height:100vh;flex-direction:column}body.site .masthead{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 16px;background:var(--deep);color:#e9f2ee;border-bottom:3px solid var(--accent)}body.site .mast-brand{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:2px}body.site .brand{font-family:var(--font-serif,Georgia,"Songti SC","Noto Serif SC",serif);font-size:16px;font-weight:600;letter-spacing:.05em;color:#f2f9f5}body.site a.brand:hover{color:var(--accent)}body.site .brand-note{margin:0;font-size:12px;line-height:1.45;color:#9fbdb2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.site .menu{margin-left:auto;display:flex;width:42px;height:34px;flex-direction:column;justify-content:center;gap:4px;padding:0 10px;background:transparent;border:1px solid rgba(233,242,238,.35);border-radius:9px;cursor:pointer}body.site .menu span{display:block;height:2px;border-radius:2px;background:#e9f2ee;transition:transform .18s ease,opacity .18s ease}body.site.nav-open .menu span:first-child{transform:translateY(6px) rotate(45deg)}body.site.nav-open .menu span:nth-child(2){opacity:0}body.site.nav-open .menu span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}body.site .nav{display:none;flex-basis:100%;min-width:0}body.site.nav-open .nav{display:block}body.site .nav ul{list-style:none;margin:0;padding:0}body.site .nav>ul{display:flex;flex-direction:column;gap:2px;padding:6px 0 2px;border-top:1px solid rgba(233,242,238,.16)}body.site .nav li{position:relative}body.site .nav a{display:block;padding:9px 2px;font-size:14px;color:#d3e4dd}body.site .nav a:hover{color:#ffffff}body.site .nav a[aria-current=page]{color:var(--accent)}body.site .nav li.has-sub>a:after{content:"+";float:right;font-size:13px;color:#7fa79a}body.site .nav .sub{display:none;position:absolute;left:0;top:100%;z-index:30;min-width:172px;margin:0;padding:6px;background:var(--deep);border:1px solid rgba(233,242,238,.3);border-radius:10px;box-shadow:0 14px 30px rgba(8,24,20,.38)}body.site .nav li.tap>.sub{display:block}body.site .nav .sub a{padding:8px 10px;border-radius:6px;font-size:13px}body.site .nav .sub a:hover{background:rgba(233,242,238,.12)}body.site .wrap{width:100%;max-width:1120px;margin:0 auto;padding:18px 16px 44px;flex:1 0 auto}body.site .home-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}body.site .block{display:flex;flex-direction:column;gap:10px;margin:0;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:16px}body.site .block-art{overflow:hidden;border-radius:11px;background:#dfeae6}body.site .block-art img,body.site .card-art img{display:block;width:100%;height:auto}body.site .block-title{font-size:15px}body.site .block-copy{font-size:14px;color:#33473f}body.site .block-copy ol,body.site .block-copy p,body.site .block-copy ul{margin:0 0 8px}body.site .block-copy img{max-width:100%;height:auto;border-radius:8px}body.site .block.tone-1{background:var(--deep);border-color:var(--deep);color:#eaf3ef}body.site .block.tone-1 .block-title{color:#f4fbf7}body.site .block.tone-1 .block-copy{color:#bcd4ca}body.site .block.tone-2{border-color:var(--accent);border-left-width:4px}body.site .rail{display:flex;flex-direction:column;gap:14px}body.site .panel{padding:14px;background:var(--card);border:1px solid var(--line);border-radius:16px}body.site .panel-title{margin:0 0 10px;font-size:13px;letter-spacing:.16em;color:var(--leaf)}body.site .hot-list{list-style:none;counter-reset:rank;margin:0;padding:0}body.site .hot-list li{counter-increment:rank;display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px;line-height:1.45}body.site .hot-list li:last-child{border-bottom:0;padding-bottom:0}body.site .hot-list li:before{content:counter(rank,decimal-leading-zero);flex:0 0 20px;padding-top:3px;font-family:var(--font-serif,Georgia,serif);font-size:11px;color:var(--accent)}body.site .hot-list a:hover{color:var(--leaf)}body.site .chips{display:flex;flex-wrap:wrap;gap:8px}body.site .chip{display:inline-block;padding:5px 11px;font-size:12px;color:var(--leaf);background:#f0f6f4;border:1px solid var(--line);border-radius:999px}body.site .chip:hover{color:var(--accent);border-color:var(--accent)}body.site .crumbs{margin:0 0 12px}body.site .crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted)}body.site .crumbs li{display:flex;align-items:center;min-width:0}body.site .crumbs li+li:before{content:">";padding:0 7px;color:#9db5ad}body.site .crumbs a{color:var(--leaf)}body.site .crumbs a:hover{color:var(--accent)}body.site .crumbs span{color:var(--muted)}body.site .page-head{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--line)}body.site .page-group{margin:0 0 5px;font-size:11px;letter-spacing:.2em;color:var(--leaf)}body.site .page-desc{margin:9px 0 0;max-width:64ch;font-size:14px;color:#41564f}body.site .cards{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;list-style:none;margin:0;padding:0}body.site .card{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:14px}body.site .card-link{display:block;height:100%}body.site .card-art{display:block;overflow:hidden;background:#dfeae6}body.site .card-title{padding:12px 14px 14px;font-size:15px}body.site .card-link:hover .card-title{color:var(--leaf)}body.site .card.tone-1{border-top:3px solid var(--accent)}body.site .card.tone-2{background:#f2f8f6}body.site .pager{display:flex;align-items:center;justify-content:center;gap:10px;margin:26px 0 0;padding:14px 0 0;border-top:1px solid var(--line)}body.site .pager span{font-size:12px;letter-spacing:.16em;color:var(--muted)}body.site .post{padding:16px;background:var(--card);border:1px solid var(--line);border-radius:18px}body.site .post-head h1{font-size:16px;line-height:1.5}body.site .kicker{margin:0 0 7px;font-size:11px;letter-spacing:.18em;color:var(--accent)}body.site .post-desc{margin:9px 0 0;font-size:14px;color:#41564f}body.site .post-fig{margin:14px 0 0;overflow:hidden;border-radius:12px;background:#dfeae6}body.site .post-fig img{display:block;width:100%;height:auto}body.site .copy{margin-top:16px;font-size:16px;line-height:1.85;color:#1e2e28}body.site .copy blockquote,body.site .copy ol,body.site .copy p,body.site .copy pre,body.site .copy table,body.site .copy ul{margin:0 0 14px}body.site .copy h2{margin:24px 0 8px;font-size:15px}body.site .copy h3{margin:20px 0 8px;font-size:14px}body.site .copy ol,body.site .copy ul{padding-left:1.2em}body.site .copy a{color:var(--leaf);text-decoration:underline;text-underline-offset:2px}body.site .copy img{max-width:100%;height:auto;border-radius:10px}body.site .copy blockquote{padding:10px 14px;background:#f0f6f4;border-left:3px solid var(--accent);color:#3a4f47}body.site .copy pre{overflow-x:auto;padding:12px;background:#10241f;color:#dfeee8;border-radius:10px;font-size:13px}body.site .foot{flex:0 0 auto;padding:18px 16px 26px;background:#dde9e4;border-top:1px solid var(--line)}body.site .foot-inner{display:flex;max-width:1120px;margin:0 auto;flex-direction:column;gap:14px}body.site #friend-links ul{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}body.site #friend-links a{font-size:13px;color:#3d514b}body.site #friend-links a:hover{color:var(--accent)}body.site .icp{margin:0;font-size:12px;letter-spacing:.04em;color:var(--muted)}body.site .loading-line{padding:56px 16px;margin:0;text-align:center;font-size:14px;letter-spacing:.16em;color:var(--muted)}body.site .blank,body.site .fallen{padding:64px 16px;text-align:center}body.site .blank p,body.site .fallen p{margin:10px 0 0;font-size:14px;color:var(--muted)}body.site .retry{margin-top:18px;padding:10px 22px;font-size:13px;letter-spacing:.1em;color:#eef7f2;background:var(--deep);border:1px solid var(--deep);border-radius:999px;cursor:pointer}body.site .retry:hover{background:var(--accent);border-color:var(--accent)}@media (min-width:769px){body.site .masthead{padding:16px 28px;gap:28px}body.site .menu{display:none}body.site .nav{display:block;flex-basis:auto;margin-left:auto}body.site .nav>ul{flex-direction:row;align-items:center;gap:4px;padding:0;border-top:0}body.site .nav>ul>li>a{padding:8px 12px;border-radius:8px}body.site .nav>ul>li>a:hover{background:rgba(233,242,238,.1)}body.site .nav li.has-sub>a:after{content:"\25BE";float:none;margin-left:6px;font-size:10px}body.site .nav .sub{top:calc(100% + 6px)}body.site .nav li:hover>.sub{display:block}body.site .wrap{padding:28px 28px 60px}body.site .home-grid{grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;gap:18px;align-items:start}body.site .block{grid-column:span 2;padding:18px}body.site .block:nth-of-type(3n+1){grid-column:span 4}body.site .rail{grid-column:span 2;grid-row:span 2}body.site .panel{padding:18px}body.site .cards{grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;gap:18px}body.site .card{grid-column:span 2}body.site .card:nth-child(4n+1){grid-column:span 3}body.site .post{max-width:780px;margin:0 auto;padding:30px 34px 34px}body.site .post-head h1{font-size:16px}body.site .copy{margin-top:22px}body.site .foot{padding:22px 28px 30px}}