body.site{--bg:#eef1f8;--surface:#ffffff;--ink:#131a2a;--ink-soft:#56637a;--line:#d6dcea;--brand:#2b3fd0;--brand-soft:#e2e6fb;--mark:#e8a41c;--deep:#131a2a;--font-ui:"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.6;margin:0;padding:0;-webkit-text-size-adjust:100%}body.site *,body.site :after,body.site :before{box-sizing:border-box}body.site h1{font-size:16px;line-height:1.35;margin:0;font-weight:700;letter-spacing:.01em}body.site h2{font-size:15px;line-height:1.4;margin:0;font-weight:700}body.site p{margin:0 0 10px}body.site a{color:inherit;text-decoration:none}body.site ol,body.site ul{margin:0;padding:0;list-style:none}body.site .site-head{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}body.site .brand{font-weight:700}body.site .brand,body.site .brand h1{font-size:16px;letter-spacing:.04em}body.site .brand__link{border-bottom:2px solid var(--brand);padding-bottom:1px}body.site .menu{margin-left:auto;display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:34px;padding:0 9px;background:var(--brand-soft);border:1px solid var(--line);border-radius:10px;cursor:pointer}body.site .menu__bar{display:block;width:100%;height:2px;background:var(--brand);border-radius:2px}body.site .nav{display:none;position:absolute;left:0;right:0;top:100%;max-height:70vh;overflow:auto;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 14px 28px rgba(19,26,42,.16)}body.site.nav-open .nav{display:block}body.site .groups{padding:4px 0}body.site .group{position:relative;border-top:1px solid var(--line)}body.site .group:first-child{border-top:0}body.site .group__link{display:block;padding:11px 18px;font-size:14px}body.site .group.is-active>.group__link{color:var(--brand);font-weight:700}body.site .sub{display:none;position:absolute;left:14px;right:14px;top:100%;z-index:40;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 32px rgba(19,26,42,.18)}body.site .group.tap>.sub{display:block}body.site .sub a{display:block;padding:8px 10px;font-size:14px;border-radius:8px}body.site .sub a:hover{background:var(--brand-soft);color:var(--brand)}body.site .home{padding:14px 14px 26px}body.site .board{display:grid;grid-auto-flow:dense;grid-gap:14px;gap:14px}body.site .pocket{border-radius:18px;padding:14px 16px}body.site .pocket--hot{width:92%;background:var(--deep);color:#eef1f8}body.site .pocket__title{margin:0 0 6px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mark)}body.site .hotlist{display:grid;counter-reset:rank}body.site .hotlist li{counter-increment:rank;display:flex;align-items:baseline;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.14)}body.site .hotlist li:first-child{border-top:0}body.site .hotlist li:before{content:counter(rank,decimal-leading-zero);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--mark)}body.site .hotlist a{font-size:14px;color:#eef1f8}body.site .pocket--tags{width:78%;margin-left:auto;background:var(--surface);border:1px solid var(--line)}body.site .chips{display:flex;flex-wrap:wrap;gap:6px}body.site .chips a{display:inline-block;padding:4px 10px;font-size:12px;border-radius:999px;background:var(--brand-soft);color:var(--brand)}body.site .cell{width:100%;padding:14px 16px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px}body.site .cell--v1{width:88%;margin-left:auto}body.site .cell--v2{width:93%}body.site .cell__title{margin-bottom:8px;font-size:15px}body.site .cell__body{font-size:14px;color:var(--ink-soft)}body.site .cell__body *{max-width:100%}body.site .cell__figure{margin-top:12px}body.site .cell__img{display:block;width:100%;height:auto;border-radius:12px}body.site .crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}body.site .crumbs li{display:inline-flex;align-items:center;gap:6px}body.site .crumbs li+li:before{content:">";font-size:11px;color:#97a3b8}body.site .crumbs a{color:var(--ink-soft);border-bottom:1px solid transparent}body.site .crumbs a:hover{color:var(--brand);border-bottom-color:var(--brand)}body.site .crumbs [aria-current=page]{color:var(--ink);font-weight:700}body.site .list{padding-bottom:26px}body.site .list .crumbs{padding:14px 16px 0}body.site .list__head{padding:10px 16px 14px}body.site .list__title{font-size:16px}body.site .list__desc{margin:8px 0 0;padding-left:10px;font-size:13px;color:var(--ink-soft);border-left:2px solid var(--brand)}body.site .cards{display:grid;grid-gap:12px;gap:12px;padding:0 16px}body.site .card{display:grid;grid-template-columns:96px 1fr;align-items:center;grid-gap:12px;gap:12px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px}body.site .card--solo{grid-template-columns:1fr}body.site .card__media{display:block;overflow:hidden;border-radius:10px}body.site .card__img{display:block;width:100%;height:auto}body.site .card__title{font-size:14px}body.site .pager{display:flex;justify-content:flex-end;gap:8px;min-height:20px;margin:16px 16px 0;padding-top:10px;border-top:1px solid var(--line)}body.site .pager a{font-size:13px;color:var(--brand)}body.site .post{padding:0 16px 30px}body.site .post .crumbs{padding-top:14px}body.site .post__head{padding:14px 0 10px}body.site .post__kicker{display:inline-block;margin:0 0 8px;padding-bottom:2px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);border-bottom:2px solid var(--mark)}body.site .post__title{font-size:16px;letter-spacing:.01em}body.site .post__desc{margin:8px 0 0;font-size:13px;color:var(--ink-soft)}body.site .post__figure{margin:12px 0 16px}body.site .post__img{display:block;width:100%;height:auto;border-radius:14px}body.site .copy{font-family:var(--font-serif,Georgia,"Songti SC",SimSun,serif);font-size:15px;line-height:1.85;color:#1d2433}body.site .copy *{max-width:100%}body.site .copy p{margin:0 0 12px}body.site .copy ol,body.site .copy ul{margin:0 0 12px;padding-left:1.3em;list-style:disc}body.site .copy ol{list-style:decimal}body.site .copy h2,body.site .copy h3{font-family:var(--font-ui);font-size:15px;font-weight:700;margin:18px 0 8px}body.site .foot{margin-top:10px;padding:18px 16px 30px;background:var(--surface);border-top:1px solid var(--line)}body.site #friend-links ul{display:flex;flex-wrap:wrap;gap:6px 16px}body.site #friend-links a{font-size:12px;color:var(--ink-soft)}body.site #friend-links a:hover{color:var(--brand)}body.site .foot__meta{margin:14px 0 0;font-size:11px;letter-spacing:.04em;color:#8a95a8}body.site .state{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-height:52vh;padding:40px 16px}body.site .state__act{display:inline-block;padding:8px 18px;font-size:13px;font-family:var(--font-ui);color:#ffffff;background:var(--brand);border:0;border-radius:999px;cursor:pointer}body.site .state__note{margin:0;font-size:13px;letter-spacing:.12em;color:var(--ink-soft)}@media (min-width:769px){body.site .site-head{gap:28px;padding:12px 28px}body.site .menu{display:none}body.site .nav{display:block;position:static;max-height:none;overflow:visible;margin-left:auto;background:transparent;border:0;box-shadow:none}body.site .groups{display:flex;align-items:center;gap:4px;padding:0}body.site .group{border:0}body.site .group__link{padding:8px 12px;font-size:14px;border-radius:999px}body.site .group.is-active>.group__link,body.site .group:hover>.group__link{background:var(--brand-soft);color:var(--brand)}body.site .sub{left:0;right:auto;top:100%;min-width:172px;margin-top:6px}body.site .group:hover>.sub{display:block}body.site .home{padding:26px 28px 44px}body.site .board{grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}body.site .pocket--hot{grid-column:span 4;grid-row:span 2;width:100%;margin:0}body.site .pocket--tags{grid-column:span 8;width:100%;margin:0}body.site .cell{grid-column:span 4;width:100%;margin:0}body.site .cell--v1{grid-column:span 5}body.site .cell--v2{grid-column:span 3}body.site .list .crumbs{padding:22px 28px 0}body.site .list__head{padding:14px 28px 20px}body.site .cards{grid-template-columns:repeat(3,1fr);gap:18px;padding:0 28px}body.site .card{grid-template-columns:1fr;align-items:start;padding:12px}body.site .pager{margin:20px 28px 0}body.site .post{max-width:720px;margin:0 auto;padding:0 0 52px}body.site .post .crumbs{padding-top:24px}body.site .post__head{padding:16px 0 12px}}