@layer components{:where(.v2) .bl-hero{grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:48px;display:grid}:where(.v2) .bl-hero>*{min-width:0}:where(.v2) .bl-chips{margin-top:26px}:where(.v2) .bl-chips .chip{background:var(--white);border:1px solid var(--line);align-items:center;gap:8px;transition:border-color .15s,color .15s;display:inline-flex}:where(.v2) .bl-chips .chip:hover{color:var(--blue);border-color:#c9d6fb}:where(.v2) .bl-chips .chip small{color:var(--muted-2);font-size:11px;font-weight:700}:where(.v2) .bl-chips .chip.on{background:var(--blue);border-color:var(--blue);color:#fff}:where(.v2) .bl-chips .chip.on small{color:#ffffffbf}:where(.v2) .bl-app{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 18px 40px -34px #06185e80}:where(.v2) .bl-app .store{padding:7px 12px}:where(.v2) .bl-app .store b{white-space:nowrap;font-size:15px}:where(.v2) .bl-app>b{font-size:17px;display:block}:where(.v2) .bl-app>p{color:var(--muted);margin:4px 0 0;font-size:14px}:where(.v2) .bl-app .f-stats{gap:24px;margin-top:18px}:where(.v2) .bl-app .stores{gap:10px;margin-top:18px}:where(.v2) .bl-app .store{flex:1;justify-content:center;min-width:140px}:where(.v2) .bl-feat{padding-block:56px 0}:where(.v2) .bl-feat .hb-head h2{margin-top:8px}:where(.v2) .bl-all{padding-top:56px}:where(.v2) .bl-all-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}:where(.v2) .bl-all-head h2{font-family:var(--body);letter-spacing:-.01em;font-size:22px;font-weight:800}:where(.v2) .bl-all-head span{color:var(--muted);font-size:14px}:where(.v2) .bl-all-head .more{margin-top:0;font-size:14px}:where(.v2) .bl-empty{justify-items:center;gap:6px;display:grid}:where(.v2) .bl-empty b{color:var(--ink);font-size:17px}:where(.v2) .bl-empty .btn{margin-top:10px}:where(.v2) .bl-ph{place-items:center;width:100%;height:100%;display:grid;position:relative}:where(.v2) .bl-ph span{width:64px;height:64px;color:var(--muted);background:#ffffff8c;border:1px solid #ffffffbf;border-radius:20px;place-items:center;display:grid}:where(.v2) .bl-ph svg{width:28px;height:28px}:where(.v2) .hb-item .bl-ph{border-radius:12px;width:150px;height:104px}:where(.v2) .hb-item .bl-ph span{border-radius:12px;width:40px;height:40px}:where(.v2) .hb-item .bl-ph svg{width:20px;height:20px}:where(.v2) .post .im img{transition:transform .4s}:where(.v2) .post:hover .im img{transform:scale(1.03)}:where(.v2) .bp-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;margin-top:24px;display:flex}:where(.v2) .bp-meta .ph-meta{min-width:0;margin-top:0}:where(.v2) .ph-meta small{display:block}:where(.v2) .ph-meta .role{color:var(--muted);font-weight:500}:where(.v2) .bp-share{flex:none;align-items:center;gap:8px;display:flex}:where(.v2) .bp-share button{border:1px solid var(--line);background:var(--white);width:40px;height:40px;color:var(--ink-2);border-radius:12px;place-items:center;transition:border-color .15s,color .15s;display:inline-grid}:where(.v2) .bp-share button:hover{border-color:var(--blue);color:var(--blue)}:where(.v2) .bp-share button svg{width:17px;height:17px}:where(.v2) .bp-share .ok{color:var(--green)}:where(.v2) .bp-share .bp-native{display:none}:where(.v2) .art .cover{aspect-ratio:16/9;background:var(--gray-bg);margin-bottom:34px}:where(.v2) .art .bp-tags{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:22px;display:flex}:where(.v2) .art .bp-tags span{background:var(--gray-bg);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}:where(.v2) .toc-l{color:var(--ink-2);border-radius:10px;padding:8px 10px;font-size:14px;font-weight:600;line-height:1.4;display:block}:where(.v2) .toc-l:hover{background:var(--gray-bg);color:var(--blue)}:where(.v2) .toc-l.sub{color:var(--muted);padding-left:24px;font-size:13.5px;font-weight:500}:where(.v2) .toc-l.sub:hover{color:var(--blue)}:where(.v2) .bp-toc-m{margin-bottom:28px;display:none}:where(.v2) .bp-toc-m summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;list-style:none;display:flex}:where(.v2) .bp-toc-m summary::-webkit-details-marker{display:none}:where(.v2) .bp-toc-m summary svg{width:16px;height:16px;transition:transform .2s}:where(.v2) .bp-toc-m[open] summary{margin-bottom:8px}:where(.v2) .bp-toc-m[open] summary svg{transform:rotate(180deg)}:where(.v2) .nb-item .nb-ic{background:var(--blue-tint);width:52px;height:52px;color:var(--blue);border-radius:12px;place-items:center;display:grid}:where(.v2) .nb-item .nb-ic svg{width:26px;height:26px}:where(.v2) .nb-item small{display:block}:where(.v2) .toc .nb-all{color:var(--blue);align-items:center;gap:6px;padding:8px 10px;font-size:14px;font-weight:700;display:flex}:where(.v2) .toc .nb-all svg{width:15px;height:15px}:where(.v2) .art-cta .btn{white-space:nowrap}:where(.v2) .bp-rel{padding-top:20px}:where(.v2) .bp-end{height:50px}:where(.v2) .bp-rel-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}:where(.v2) .bp-rel-head .rel-h{margin-bottom:0}:where(.v2) .bp-rel-head .more{margin-top:0;font-size:14px}@media (max-width:1000px){:where(.v2) .paside .toc-desk{display:none}:where(.v2) .bp-toc-m{display:grid}}@media (max-width:900px){:where(.v2) .bl-hero{grid-template-columns:minmax(0,1fr);gap:28px}:where(.v2) .bl-app{max-width:520px}}@media (max-width:560px){:where(.v2) .blog-list .blog-hero{padding-top:112px}:where(.v2) .bl-chips{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}:where(.v2) .bl-chips::-webkit-scrollbar{display:none}:where(.v2) .bl-chips .chip{white-space:nowrap;flex:none}:where(.v2) .bl-app{padding:18px}:where(.v2) .bl-feat,:where(.v2) .bl-all{padding-top:34px}:where(.v2) .bl-all-head{margin-bottom:16px}:where(.v2) .bl-all-head h2{font-size:19px}:where(.v2) .hb-item .bl-ph{border-radius:10px;width:84px;height:68px}:where(.v2) .post .bl-ph span{border-radius:12px;width:40px;height:40px}:where(.v2) .post .bl-ph svg{width:20px;height:20px}:where(.v2) .bp-share .bp-native{display:inline-grid}:where(.v2) .bp-share.has-native .bp-net{display:none}:where(.v2) .art .cover{border-radius:16px;margin-bottom:24px}:where(.v2) .bp-rel-head .more{display:none}}}.blog-post .blog-rich-text{--brand-primary:#1e50da;--brand-primary-hover:#1843be;--blog-text:#2a2c35;--blog-heading:#131419;--blog-muted:#6b7080;--blog-line:#e8ecf3;font-size:17px;line-height:1.75}.blog-post .blog-rich-text h2,.blog-post .blog-rich-text h3,.blog-post .blog-rich-text h4{font-family:var(--font-manrope),"Segoe UI",system-ui,sans-serif;text-wrap:balance;font-weight:800}.blog-post .blog-rich-text h2{margin:1.9em 0 .55em;font-size:24px;line-height:1.3}.blog-post .blog-rich-text h3{margin:1.7em 0 .5em;font-size:19px}.blog-post .blog-rich-text strong,.blog-post .blog-rich-text b{font-weight:700}.blog-post .blog-rich-text blockquote{background:#eaf0ff;border-left-width:4px;border-radius:0 16px 16px 0;padding:1em 1.25em;font-size:1.05em}.blog-post .blog-rich-text div[data-callout]{--callout:#1e50da}.blog-post .blog-rich-text div[data-callout=tip]{--callout:#18a058}.blog-post .blog-rich-text div[data-callout=warning]{--callout:#d98a00}@media (max-width:560px){.blog-post .blog-rich-text{font-size:16px;line-height:1.7}.blog-post .blog-rich-text h2{font-size:20px}.blog-post .blog-rich-text h3{font-size:17px}}