:root{--surface:#faf9f6;--ink:#242a30;--space:1rem}#blog-layout-study{width:100%}#blog-layout-study .bl-app{--bl-bg:var(--lightningcss-light,#edf0ef)var(--lightningcss-dark,#10191c);--bl-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#19252a);--bl-raised:var(--lightningcss-light,#f5f7f6)var(--lightningcss-dark,#223138);--bl-ink:var(--lightningcss-light,#263637)var(--lightningcss-dark,#e1ebeb);--bl-sub:var(--lightningcss-light,#637473)var(--lightningcss-dark,#a1b3b7);--bl-line:var(--lightningcss-light,#dfe7e4)var(--lightningcss-dark,#34474c);--bl-accent:var(--lightningcss-light,#356d67)var(--lightningcss-dark,#8ac7bd);--bl-accent-soft:var(--lightningcss-light,#e9f2ee)var(--lightningcss-dark,#273d3d);--bl-heading:var(--bl-ink);color:var(--bl-ink);background:var(--bl-bg);isolation:isolate;overflow-wrap:anywhere;min-height:1020px;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.65;position:relative}#blog-layout-study .bl-app *{box-sizing:border-box}#blog-layout-study .bl-app [hidden]{display:none!important}#blog-layout-study .bl-app button,#blog-layout-study .bl-app input{font:inherit}#blog-layout-study .bl-app button{color:inherit;cursor:inherit}#blog-layout-study .bl-app button:disabled{cursor:default;opacity:.58}#blog-layout-study .bl-app a{color:var(--bl-link);text-decoration:none}#blog-layout-study .bl-app h1,#blog-layout-study .bl-app h2,#blog-layout-study .bl-app h3{color:var(--bl-heading);margin:0;font-weight:500;line-height:1.45}#blog-layout-study .bl-app p{margin:0}#blog-layout-study .bl-app svg{flex-shrink:0}#blog-layout-study .bl-top{background:var(--bl-surface);border-bottom:1px solid var(--bl-line);align-items:center;gap:22px;padding:15px 26px;display:flex}#blog-layout-study .bl-brand{white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-weight:500;display:flex}#blog-layout-study .bl-logo{border:1px solid var(--bl-line);letter-spacing:-1px;width:30px;height:30px;color:var(--bl-accent);border-radius:9px;place-items:center;display:grid}#blog-layout-study .bl-zones{align-items:center;gap:4px;margin-left:auto;display:flex}#blog-layout-study .bl-zone{color:var(--bl-sub);background:0 0;border:0;border-radius:8px;padding:7px 16px}#blog-layout-study .bl-zone[aria-pressed=true]{background:var(--bl-accent-soft);color:var(--bl-accent)}#blog-layout-study .bl-tools{gap:6px;display:flex}#blog-layout-study .bl-icon{background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px;display:inline-flex}#blog-layout-study .bl-icon:hover{background:var(--bl-raised)}#blog-layout-study .bl-search{background:var(--bl-surface);border-bottom:1px solid var(--bl-line);padding:12px 26px}#blog-layout-study .bl-search label{color:var(--bl-sub);align-items:center;gap:12px;display:flex}#blog-layout-study .bl-search input{border:1px solid var(--bl-line);background:var(--bl-bg);min-width:0;color:var(--bl-ink);border-radius:8px;flex:1;padding:8px 12px}#blog-layout-study .bl-hero{background:var(--bl-raised);border-bottom:1px solid var(--bl-line);flex-direction:column;justify-content:center;padding:28px 38px;display:flex;position:relative;overflow:hidden}#blog-layout-study .bl-hero:before{content:"";background:radial-gradient(ellipse at 85% 15%,color-mix(in srgb,var(--bl-accent) 16%,transparent),transparent 60%),linear-gradient(118deg,transparent 55%,color-mix(in srgb,var(--bl-accent) 6%,transparent) 55%,transparent 80%);position:absolute;inset:0}#blog-layout-study .bl-hero>*{position:relative}#blog-layout-study .bl-hero h1{letter-spacing:1px;margin-bottom:8px;font-size:32px}#blog-layout-study .bl-hero p{color:var(--bl-sub)}#blog-layout-study .bl-material{color:var(--bl-sub);align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;bottom:15px;right:22px}#blog-layout-study .bl-content{padding:26px}#blog-layout-study .bl-grid{grid-template-columns:minmax(0,1fr) 228px;align-items:start;display:grid}#blog-layout-study .bl-main{min-width:0}#blog-layout-study .bl-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}#blog-layout-study .bl-heading h2{font-size:21px}#blog-layout-study .bl-small{color:var(--bl-sub);font-size:12px}#blog-layout-study .bl-filters{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;display:flex}#blog-layout-study .bl-filter{border:1px solid var(--bl-line);padding:5px 12px}#blog-layout-study .bl-filter[aria-pressed=true]{border-color:var(--bl-accent);color:var(--bl-accent);background:var(--bl-accent-soft)}#blog-layout-study .bl-selection{color:var(--bl-sub);align-items:center;gap:8px;margin:0 0 15px;font-size:12px;display:flex}#blog-layout-study .bl-selection button{color:var(--bl-link);background:0 0;border:0;padding:0;text-decoration:underline}#blog-layout-study .bl-articles{gap:16px;display:grid}#blog-layout-study .bl-post{border:1px solid var(--bl-line);border-radius:var(--bl-radius);background:var(--bl-surface);padding:22px 23px}#blog-layout-study .bl-post-meta{color:var(--bl-sub);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:9px;font-size:11px;display:flex}#blog-layout-study .bl-kind{color:var(--bl-accent)}#blog-layout-study .bl-post h3{margin-bottom:10px;font-size:19px}#blog-layout-study .bl-title-button{font:inherit;text-align:left;color:var(--bl-heading);background:0 0;border:0;padding:0}#blog-layout-study .bl-title-button:hover{color:var(--bl-link)}#blog-layout-study .bl-excerpt{color:var(--bl-sub);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.85;display:-webkit-box;overflow:hidden}#blog-layout-study .bl-post-foot{color:var(--bl-sub);justify-content:flex-end;gap:12px;margin-top:17px;font-size:12px;display:flex}#blog-layout-study .bl-read{background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex;color:var(--bl-link)!important}#blog-layout-study .bl-app[data-list=continuous] .bl-articles{border-top:1px solid var(--bl-line);gap:0}#blog-layout-study .bl-app[data-list=continuous] .bl-post{border:0;border-bottom:1px solid var(--bl-line);background:0 0;border-radius:0;padding:24px 2px}#blog-layout-study .bl-app[data-list=continuous] .bl-excerpt{-webkit-line-clamp:3}#blog-layout-study .bl-app[data-list=continuous] .bl-content{background:var(--bl-surface)}#blog-layout-study .bl-app[data-list=continuous] .bl-panel{background:var(--bl-raised);border-color:#0000}#blog-layout-study .bl-aside{align-items:start;gap:16px;min-width:0;display:grid}#blog-layout-study .bl-panel{border:1px solid var(--bl-line);border-radius:var(--bl-radius);background:var(--bl-surface);padding:20px}#blog-layout-study .bl-panel h3{align-items:center;gap:7px;margin-bottom:14px;font-size:13px;display:flex}#blog-layout-study .bl-profile{text-align:center;padding-top:24px}#blog-layout-study .bl-avatar{background:var(--bl-accent-soft);width:62px;height:62px;color:var(--bl-accent);letter-spacing:-1px;border:4px solid var(--bl-surface);outline:1px solid var(--bl-line);border-radius:50%;place-items:center;margin:0 auto 12px;font-size:23px;display:grid}#blog-layout-study .bl-profile h3{margin:0 0 5px;font-size:17px;display:block}#blog-layout-study .bl-profile p{color:var(--bl-sub);font-size:12px}#blog-layout-study .bl-stats{border-top:1px solid var(--bl-line);justify-content:center;gap:26px;margin-top:19px;padding-top:17px;display:flex}#blog-layout-study .bl-stats strong{font-size:19px;font-weight:500;display:block}#blog-layout-study .bl-stats span{color:var(--bl-sub);font-size:11px}#blog-layout-study .bl-categories{gap:3px;display:grid}#blog-layout-study .bl-category-row{align-items:center;gap:3px;display:flex}#blog-layout-study .bl-category{text-align:left;background:0 0;border:0;border-radius:7px;flex:1;align-items:center;min-width:0;padding:7px 8px;display:flex;font-size:12px!important}#blog-layout-study .bl-category[aria-pressed=true]{background:var(--bl-accent-soft);color:var(--bl-accent)}#blog-layout-study .bl-category:hover{background:var(--bl-raised)}#blog-layout-study .bl-category-toggle{width:32px;height:32px;color:var(--bl-sub);background:0 0;border:0;border-radius:7px;flex:0 0 32px;place-items:center;display:grid}#blog-layout-study .bl-category-toggle:hover,#blog-layout-study .bl-category-toggle[aria-expanded=true],#blog-layout-study .bl-record{background:var(--bl-raised);color:var(--bl-accent)}#blog-layout-study .bl-category-toggle svg{transition:transform .18s}#blog-layout-study .bl-category-toggle[aria-expanded=true] svg{transform:rotate(90deg)}#blog-layout-study .bl-category-children{border-left:1px solid var(--bl-line);gap:3px;margin:3px 0 5px 10px;padding-left:9px;display:grid}#blog-layout-study .bl-category-toggle:focus-visible,#blog-layout-study .bl-category:focus-visible{outline:2px solid var(--bl-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){#blog-layout-study .bl-category-toggle svg{transition:none}}#blog-layout-study .bl-music-title{align-items:center;gap:10px;display:flex}#blog-layout-study .bl-record{border:1px solid var(--bl-line);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}#blog-layout-study .bl-track{min-width:0}#blog-layout-study .bl-track strong{font-size:12px;font-weight:500;display:block}#blog-layout-study .bl-playlist,#blog-layout-study .bl-track span,#blog-layout-study .bl-track-controls small{color:var(--bl-sub);font-size:11px}#blog-layout-study .bl-track-controls{justify-content:space-between;align-items:center;margin-top:15px;display:flex}#blog-layout-study .bl-progress{background:var(--bl-line);border-radius:2px;height:3px;margin-top:13px}#blog-layout-study .bl-playlist{border-top:1px solid var(--bl-line);gap:7px;margin-top:14px;padding-top:12px;display:grid}#blog-layout-study .bl-pages{justify-content:center;align-items:center;gap:14px;margin-top:23px;display:flex}#blog-layout-study .bl-page-numbers{justify-content:center;align-items:center;gap:6px;display:flex}#blog-layout-study .bl-pages button{border:1px solid var(--bl-line);background:var(--bl-surface);border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:34px;min-height:36px;padding:5px 10px;font-size:13px;display:inline-flex}#blog-layout-study .bl-pages button[aria-current=page]{color:#fff;background:var(--bl-accent);border-color:var(--bl-accent)}#blog-layout-study .bl-pages button:not(:disabled):hover{border-color:var(--bl-accent)}#blog-layout-study .bl-pages button:disabled{opacity:1;color:var(--bl-sub);background:var(--bl-solid);cursor:not-allowed}#blog-layout-study .bl-pages button:disabled>span,#blog-layout-study .bl-pages button:disabled>svg{opacity:.5}#blog-layout-study .bl-page-gap{text-align:center;min-width:18px;color:var(--bl-ink);background:var(--bl-surface);border-radius:5px;line-height:24px}#blog-layout-study .bl-empty{text-align:center;border:1px solid var(--bl-line);border-radius:var(--bl-radius);background:var(--bl-surface);padding:66px 24px}#blog-layout-study .bl-empty>svg{color:var(--bl-accent);margin-bottom:14px}#blog-layout-study .bl-empty h3{margin-bottom:8px;font-size:19px}#blog-layout-study .bl-empty p{color:var(--bl-sub);font-size:13px}#blog-layout-study .bl-foot{color:var(--bl-sub);justify-content:space-between;align-items:center;gap:15px;padding:16px 26px 25px;font-size:11px;display:flex}#blog-layout-study .bl-mascot{align-items:center;gap:8px;display:flex}#blog-layout-study .bl-cat{border:1px solid var(--bl-line);background:var(--bl-surface);width:42px;height:42px;color:var(--bl-ink);border-radius:50%;place-items:center;display:grid}#blog-layout-study .bl-speech{color:var(--bl-sub);max-width:160px;font-size:11px}#blog-layout-study .bl-article-layout{grid-template-columns:minmax(0,1fr) 166px;gap:24px;display:grid}#blog-layout-study .bl-article{border:1px solid var(--bl-line);border-radius:var(--bl-radius);background:var(--bl-surface);min-width:0;padding:32px}#blog-layout-study .bl-back{background:0 0;border:0;align-items:center;gap:8px;margin:0 0 19px;padding:0;display:inline-flex;color:var(--bl-link)!important;font-size:12px!important}#blog-layout-study .bl-article h1{margin:13px 0 15px;font-size:28px}#blog-layout-study .bl-article .bl-byline{color:var(--bl-sub);border-bottom:1px solid var(--bl-line);margin-bottom:28px;padding-bottom:22px;font-size:12px}#blog-layout-study .bl-prose{font-size:15px;line-height:1.95}#blog-layout-study .bl-prose h2{margin:30px 0 14px;scroll-margin-top:20px;font-size:20px}#blog-layout-study .bl-prose p{margin:0 0 20px}#blog-layout-study .bl-prose pre{background:var(--bl-raised);border:1px solid var(--bl-line);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--bl-ink);border-radius:10px;padding:18px;font:12px/1.9 Consolas,monospace}#blog-layout-study .bl-figure{border:1px dashed var(--bl-line);background:var(--bl-raised);text-align:center;min-height:154px;color:var(--bl-sub);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:18px 0;padding:28px 18px;font-size:12px;display:flex}#blog-layout-study .bl-tags{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}#blog-layout-study .bl-tag{color:var(--bl-sub);background:var(--bl-raised);border-radius:5px;padding:3px 8px;font-size:11px}#blog-layout-study .bl-article-end{border-top:1px solid var(--bl-line);color:var(--bl-sub);justify-content:space-between;align-items:center;margin-top:28px;padding-top:22px;font-size:12px;display:flex}#blog-layout-study .bl-toc{padding:12px 0}#blog-layout-study .bl-toc h3{color:var(--bl-sub);margin-bottom:15px;font-size:12px}#blog-layout-study .bl-toc button{border:0;border-left:1px solid var(--bl-line);text-align:left;color:var(--bl-sub);background:0 0;width:100%;padding:8px 12px;font-size:12px;display:block}#blog-layout-study .bl-toc button:hover{color:var(--bl-link);border-color:var(--bl-accent)}#blog-layout-study .bl-comment-preview{border-top:1px solid var(--bl-line);margin-top:24px;padding-top:24px}#blog-layout-study .bl-comment-preview h3{margin-bottom:10px;font-size:16px}#blog-layout-study .bl-comment-preview p{color:var(--bl-sub);font-size:12px}#blog-layout-study .bl-note{color:var(--bl-sub);font-size:11px}#blog-layout-study .bl-notice{color:var(--bl-accent);border-left:2px solid var(--bl-accent);margin:0 0 20px;padding-left:11px;font-size:12px}@media (width<=760px){#blog-layout-study .bl-app{min-height:1370px}#blog-layout-study .bl-top{flex-wrap:wrap;gap:10px;padding:13px 17px}#blog-layout-study .bl-brand{font-size:13px!important}#blog-layout-study .bl-tools{gap:0}#blog-layout-study .bl-zone{padding:6px 11px}#blog-layout-study .bl-hero{padding:25px}#blog-layout-study .bl-hero h1{font-size:28px}#blog-layout-study .bl-content{padding:20px 17px}#blog-layout-study .bl-grid{grid-template-columns:minmax(0,1fr);gap:23px}#blog-layout-study .bl-aside{grid-template-columns:repeat(2,minmax(0,1fr))}#blog-layout-study .bl-profile{grid-row:auto;align-self:start}#blog-layout-study .bl-article-layout{grid-template-columns:minmax(0,1fr)}#blog-layout-study .bl-toc{border-bottom:1px solid var(--bl-line);grid-row:1;padding:0 0 14px}#blog-layout-study .bl-toc h3{margin-bottom:7px}#blog-layout-study .bl-toc button{border:0;width:auto;padding:4px 10px 4px 0;display:inline-block}#blog-layout-study .bl-article{padding:24px}#blog-layout-study .bl-article h1{font-size:25px}#blog-layout-study .bl-foot{padding:15px 17px 22px}}@media (width<=450px){#blog-layout-study .bl-app{min-height:1570px}#blog-layout-study .bl-top{gap:7px}#blog-layout-study .bl-zones{flex-basis:100%;order:3;justify-content:center;margin:5px 0 0}#blog-layout-study .bl-tools{margin-left:auto}#blog-layout-study .bl-aside{grid-template-columns:minmax(0,1fr)}#blog-layout-study .bl-profile{grid-row:auto}#blog-layout-study .bl-post{padding:18px}#blog-layout-study .bl-post h3{font-size:18px}#blog-layout-study .bl-hero h1{font-size:26px}#blog-layout-study .bl-article{padding:20px}#blog-layout-study .bl-article h1{font-size:23px}#blog-layout-study .bl-foot{align-items:flex-start}#blog-layout-study .bl-speech{max-width:110px}}@media (pointer:coarse){#blog-layout-study .bl-app button{min-height:44px}#blog-layout-study .bl-app input{font-size:16px}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:auto;background:#f5f6f8}body{--bl-page-width:1192px;--bl-page-gutter:28px;margin:0;font-family:Segoe UI,Microsoft YaHei,sans-serif}[hidden]{display:none!important}.preview-backdrop{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#blog-layout-study{z-index:1;position:relative}#blog-layout-study .bl-app{--bl-bg:#f5f6f8;--bl-surface:#fffffff2;--bl-raised:#f5f7fb;--bl-ink:#3f4552;--bl-sub:#707783;--bl-line:#e3e6ec;--bl-accent:#506faa;--bl-accent-soft:#eef2fa;--bl-heading:#292f3b;--bl-link:var(--bl-accent);--bl-radius:16px;--bl-banner:54vh;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;min-height:100vh}#blog-layout-study .bl-top{background:#fffffff7;border-bottom:0;gap:24px;padding:17px max(28px,50% - 568px)}#blog-layout-study .bl-brand{font-size:15px}#blog-layout-study .bl-search{background:#fffffffa;padding:14px max(28px,50% - 568px)}#blog-layout-study .bl-hero{height:var(--bl-banner);text-align:center;background:#f2f4f7;border:0;align-items:center;padding:32px}#blog-layout-study .bl-hero:before{display:none}#blog-layout-study .bl-hero .bl-banner-image{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 42%;object-position:50% 42%;width:100%;height:100%;position:absolute;inset:0}#blog-layout-study .bl-hero-copy{box-shadow:none;background:0 0;padding:0}#blog-layout-study .bl-hero h1{color:#fff;letter-spacing:7px;text-shadow:-2px 2px 6px #1c1f21cc;min-height:50px;margin-bottom:10px;font-size:34px;font-weight:700}#blog-layout-study .bl-hero p{color:#fff;letter-spacing:0;text-shadow:0 1px 5px #1c1f21cc;min-height:33px;font-size:20px}#blog-layout-study .bl-typing-cursor{vertical-align:-.04em;background:currentColor;width:2px;height:.9em;margin-left:4px;animation:.85s step-end infinite bl-cursor-blink;display:inline-block}@keyframes bl-cursor-blink{0%,48%{opacity:1}49%,to{opacity:0}}@media (prefers-reduced-motion:reduce){#blog-layout-study .bl-typing-cursor{animation:none;display:none}}#blog-layout-study .bl-content{max-width:var(--bl-page-width);padding:32px var(--bl-page-gutter) 28px;margin:auto}#blog-layout-study .bl-grid{grid-template-columns:minmax(0,1fr) 268px;gap:24px}#blog-layout-study .bl-filter-panel{border-radius:var(--bl-radius);background:var(--bl-surface);border:1px solid #ffffffb8;margin-bottom:18px;padding:20px 25px 18px}#blog-layout-study .bl-heading h2,#blog-layout-study .bl-post h3{font-size:20px}#blog-layout-study .bl-filters{margin:0}#blog-layout-study .bl-selection{margin-top:15px;margin-bottom:0}#blog-layout-study .bl-post{padding:27px 28px}#blog-layout-study .bl-post,.bl-panel{box-shadow:0 5px 25px #1d2c4109}#blog-layout-study .bl-article,#blog-layout-study .bl-panel,#blog-layout-study .bl-post{border:1px solid #ffffffbd}#blog-layout-study .bl-post-meta{font-size:12px}#blog-layout-study .bl-excerpt,#blog-layout-study .bl-panel h3{font-size:14px}#blog-layout-study .bl-profile{align-self:start;padding:24px 20px}#blog-layout-study .bl-profile h3{font-size:18px}#blog-layout-study .bl-avatar{-o-object-fit:cover;object-fit:cover;background:#fff;border-color:#fff;width:84px;height:84px;display:block}#blog-layout-study .bl-toc{background:var(--bl-surface);border-radius:var(--bl-radius);align-self:start;padding:20px}#blog-layout-study .bl-article-layout{grid-template-columns:minmax(0,1fr) 210px}#blog-layout-study .bl-content>.bl-back{background:var(--bl-surface);border-radius:8px;padding:9px 14px}#blog-layout-study .bl-foot{width:calc(100% - 2 * var(--bl-page-gutter));max-width:calc(var(--bl-page-width) - 2 * var(--bl-page-gutter));background:#ffffffed;border-radius:14px 14px 0 0;margin:0 auto;padding:17px 22px}#blog-layout-study .bl-speech{border:1px solid var(--bl-line);background:#fff;border-radius:12px;padding:8px 12px}.preview-settings{box-sizing:border-box;width:calc(100% - 2 * var(--bl-page-gutter));max-width:calc(var(--bl-page-width) - 2 * var(--bl-page-gutter));color:#363d49;z-index:1;background:#fff;border:1px solid #dce1e9;border-radius:12px;margin:30px auto;padding:14px 20px;font-size:13px;position:relative}.preview-settings summary{cursor:pointer;color:#506faa}.preview-settings h2{margin:20px 0 6px;font-size:17px;font-weight:500}.preview-settings p{color:#737a87;margin:4px 0 16px;line-height:1.7}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-grid label{flex-direction:column;gap:8px;min-width:0;display:flex}.settings-grid input[type=url],.settings-grid select{box-sizing:border-box;width:100%;font:inherit;color:#414957;background:#fafbfd;border:1px solid #dce1e9;border-radius:7px;padding:10px}.settings-grid input[type=color]{background:#fff;border:1px solid #dce1e9;border-radius:6px;width:100%;height:35px}.settings-grid input[type=range]{accent-color:#506faa;width:100%}.settings-grid input[type=range]:disabled{opacity:.45;cursor:not-allowed}.settings-field-title{justify-content:space-between;gap:12px;display:flex}.settings-field-title output{color:#657084;font-size:12px}.settings-images{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.settings-actions button{color:#405f98;font:inherit;background:#eff3fa;border:1px solid #dce1e9;border-radius:7px;padding:8px 15px}.settings-message{color:#646d7c;font-size:12px}@media (width<=760px){body{--bl-page-gutter:16px}#blog-layout-study .bl-top{padding:14px 20px}#blog-layout-study .bl-content{padding:20px var(--bl-page-gutter)}#blog-layout-study .bl-article-layout,#blog-layout-study .bl-grid,.settings-images{grid-template-columns:1fr}#blog-layout-study .bl-hero{padding:20px}#blog-layout-study .bl-hero h1{letter-spacing:5px;min-height:44px;font-size:30px}#blog-layout-study .bl-hero-copy{padding:0}#blog-layout-study .bl-toc{padding:18px}#blog-layout-study .bl-foot{margin:0 auto}.preview-settings{margin:20px auto}}@media (width<=450px){#blog-layout-study .bl-top{gap:8px}#blog-layout-study .bl-zones{flex-basis:auto;order:0;margin-top:0;margin-left:auto}#blog-layout-study .bl-tools{margin-left:0}#blog-layout-study .bl-brand{gap:7px;font-size:12px!important}#blog-layout-study .bl-logo{width:26px;height:26px}#blog-layout-study .bl-zone{padding:7px 9px}#blog-layout-study .bl-post{padding:21px}#blog-layout-study .bl-post h3{font-size:19px}#blog-layout-study .bl-filter-panel{padding:20px}#blog-layout-study .bl-app{min-height:100vh}}#blog-layout-study .bl-top{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:16px;padding:13px max(22px,50% - 600px);position:sticky;top:0}#blog-layout-study .bl-brand{gap:8px;font-size:13px}#blog-layout-study .bl-zones{border-right:1px solid var(--bl-line);gap:0;margin-left:5px;padding-right:16px}#blog-layout-study .bl-zone{white-space:nowrap;padding:7px 11px}#blog-layout-study .bl-topics{flex:1;align-items:center;gap:2px;display:flex}#blog-layout-study .bl-nav-group{border-radius:7px;align-items:center;display:flex;position:relative}#blog-layout-study .bl-nav-link{white-space:nowrap;background:0 0;border:0;padding:10px 7px;font-size:13px}#blog-layout-study .bl-nav-link[aria-pressed=true]{color:var(--bl-accent)}#blog-layout-study .bl-nav-toggle{background:0 0;border:0;padding:10px 3px 10px 0;display:flex}#blog-layout-study .bl-nav-toggle svg{width:12px;height:12px}#blog-layout-study .bl-dropdown{border:1px solid var(--bl-line);background:#fff;border-radius:12px;min-width:235px;padding:9px;position:absolute;top:100%;left:0;box-shadow:0 12px 35px #202c3f24}#blog-layout-study .bl-nav-group:last-child .bl-dropdown{left:auto;right:0}#blog-layout-study .bl-dropdown button{text-align:left;background:0 0;border:0;border-radius:7px;width:100%;padding:9px 12px;font-size:13px;display:block}#blog-layout-study .bl-dropdown button:focus-visible,#blog-layout-study .bl-dropdown button:hover{background:var(--bl-accent-soft);color:var(--bl-accent)}#blog-layout-study .bl-dropdown .bl-nav-child{color:var(--bl-sub);padding-left:26px;font-size:12px}#blog-layout-study .bl-dropdown .bl-dropdown-all{color:var(--bl-accent);border-bottom:1px solid var(--bl-line);border-radius:0;margin-bottom:5px}#blog-layout-study .bl-nav-mobile{display:none}#blog-layout-study .bl-tools{margin-left:auto}#blog-layout-study .bl-hero{background:0 0;overflow:visible}#blog-layout-study .bl-banner-image{-webkit-mask-image:none;mask-image:none}#blog-layout-study .bl-hero-copy{z-index:2;transform:none}#blog-layout-study .bl-hero-blend{pointer-events:none;height:56px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#blog-layout-study .bl-hero .bl-banner-waves{width:100%;height:100%;fill:var(--bl-surface,#fffffff0);display:block;overflow:hidden}#blog-layout-study .bl-wave-layers>use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite bl-wave-drift}#blog-layout-study .bl-wave-layers>use:first-child{opacity:.9;animation-duration:7s;animation-delay:-2s}#blog-layout-study .bl-wave-layers>use:nth-child(2){opacity:.8;animation-duration:10s;animation-delay:-3s}#blog-layout-study .bl-wave-layers>use:nth-child(3){opacity:.9;animation-duration:13s;animation-delay:-4s}#blog-layout-study .bl-wave-layers>use:nth-child(4){animation-duration:20s;animation-delay:-5s}@keyframes bl-wave-drift{0%{transform:translate(-90px)}to{transform:translate(85px)}}#blog-layout-study .bl-content{padding-top:18px;scroll-margin-top:116px}#blog-layout-study .bl-prose section{scroll-margin-top:116px}#blog-layout-study .bl-filter-panel{background:var(--bl-toolbar);border:1px solid color-mix(in srgb,var(--bl-accent) 23%,var(--bl-solid));margin-bottom:20px;padding:20px 23px;box-shadow:0 5px 22px #1e304e0f}#blog-layout-study .bl-filter-panel .bl-heading h2{align-items:center;gap:9px;font-size:18px;display:flex}#blog-layout-study .bl-filter-panel .bl-heading h2>svg{width:19px;height:19px;color:var(--bl-accent)}#blog-layout-study .bl-heading{margin-bottom:12px}#blog-layout-study .bl-list-context{color:var(--bl-sub);align-items:center;gap:8px;font-size:12px;display:flex}#blog-layout-study .bl-clear-category{color:var(--bl-accent);background:var(--bl-accent-soft);border:0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}#blog-layout-study .bl-clear-category svg{width:12px;height:12px}#blog-layout-study .bl-filters{border:1px solid color-mix(in srgb,var(--bl-accent) 13%,var(--bl-solid));background:color-mix(in srgb,var(--bl-solid) 76%,transparent);border-radius:12px;flex-wrap:nowrap;gap:5px;margin:16px 0 0;padding:5px;display:inline-flex}#blog-layout-study .bl-filter{--tab-color:var(--bl-accent);color:var(--bl-sub);white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 15px;transition:background .18s,color .18s,box-shadow .18s;display:flex}#blog-layout-study .bl-filter svg{flex-shrink:0;width:16px;height:16px;display:block}#blog-layout-study .bl-filter[data-filter=practice]{--tab-color:#91602d}#blog-layout-study .bl-filter:hover{color:var(--tab-color);background:color-mix(in srgb,var(--tab-color) 8%,var(--bl-solid))}#blog-layout-study .bl-filter[aria-selected=true]{color:#fff;background:var(--tab-color);box-shadow:0 3px 8px color-mix(in srgb,var(--tab-color) 18%,transparent)}#blog-layout-study .bl-filter-count{color:inherit;background:color-mix(in srgb,var(--bl-accent) 7%,transparent);text-align:center;border-radius:5px;min-width:21px;padding:0 5px;font-size:11px}#blog-layout-study .bl-filter[aria-selected=true] .bl-filter-count{background:#ffffff2e}#blog-layout-study .bl-kind{background:var(--bl-accent-soft);border-radius:5px;padding:2px 7px}#blog-layout-study .bl-kind[data-kind=practice]{color:#91602d;background:color-mix(in srgb,#b87831 10%,var(--bl-solid))}#blog-layout-study .bl-result-count{color:var(--bl-sub);font-size:12px}#blog-layout-study .bl-filter-panel.bl-life-head{background:var(--bl-surface);border-color:var(--bl-line);padding-bottom:8px}#blog-layout-study .bl-search-dialog{color:var(--bl-ink);border:1px solid var(--bl-line);background:#fff;border-radius:16px;width:min(660px,100% - 28px);max-height:82vh;margin:7vh auto 0;padding:0;box-shadow:0 24px 80px #232f4633}#blog-layout-study .bl-search-dialog[open]{flex-direction:column;display:flex}#blog-layout-study .bl-search-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2f3a4d4d}#blog-layout-study .bl-search-head{border-bottom:1px solid var(--bl-line);align-items:center;gap:12px;padding:18px 20px;display:flex}#blog-layout-study .bl-search-head>svg{color:var(--bl-accent)}#blog-layout-study .bl-search-head input{min-width:0;color:var(--bl-ink);background:0 0;border:0;flex:1;padding:6px 0;font-size:17px}#blog-layout-study .bl-search-head input:focus-visible{outline:2px solid var(--bl-accent);outline-offset:4px;border-radius:3px}#blog-layout-study .bl-search-head input::-webkit-search-cancel-button{display:none}#blog-layout-study .bl-search-scopes{align-items:center;gap:8px;padding:12px 20px;display:flex}#blog-layout-study .bl-search-scope{color:var(--bl-sub);background:0 0;border:0;border-radius:6px;padding:5px 10px;font-size:12px}#blog-layout-study .bl-search-scope[aria-pressed=true]{background:var(--bl-accent-soft);color:var(--bl-accent)}#blog-layout-study .bl-search-status{color:var(--bl-sub);margin-left:auto;font-size:12px}#blog-layout-study .bl-search-results{min-height:150px;padding:0 12px 12px;overflow-y:auto}#blog-layout-study .bl-search-result{text-align:left;width:100%;color:var(--bl-ink);background:#fff;border:1px solid #0000;border-radius:9px;margin-bottom:4px;padding:13px 15px;display:block}#blog-layout-study .bl-search-result-title{justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}#blog-layout-study .bl-search-result-title>svg{opacity:0;width:15px;color:var(--bl-accent)}#blog-layout-study .bl-search-result[aria-selected=true] .bl-search-result-title>svg{opacity:1}#blog-layout-study .bl-search-excerpt{-webkit-line-clamp:2;color:var(--bl-sub);-webkit-box-orient:vertical;margin-top:7px;font-size:12px;line-height:1.8;display:-webkit-box;overflow:hidden}#blog-layout-study .bl-search-result-meta{color:var(--bl-sub);margin-top:8px;font-size:11px;display:block}#blog-layout-study .bl-search-result mark{color:#315c9e;background:#6f98de2e;border-radius:2px;padding:0 1px}#blog-layout-study .bl-search-empty{min-height:150px;color:var(--bl-sub);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:13px;display:flex}#blog-layout-study .bl-search-empty strong{color:var(--bl-heading);font-size:15px;font-weight:500}#blog-layout-study .bl-search-footer{border-top:1px solid var(--bl-line);color:var(--bl-sub);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:11px;display:flex}#blog-layout-study .bl-search-help{gap:12px;display:flex}#blog-layout-study kbd{border:1px solid var(--bl-line);background:#fff;border-radius:4px;padding:2px 4px;font-family:inherit;font-size:10px}#blog-layout-study .bl-search-label{color:var(--bl-sub);padding:8px 15px;font-size:11px}@media (width<=1160px){#blog-layout-study .bl-top{flex-wrap:wrap;gap:6px 14px}#blog-layout-study .bl-topics{border-top:1px solid var(--bl-line);flex-basis:100%;order:4;justify-content:center;padding-top:5px}#blog-layout-study .bl-zones{border:0;margin-left:auto;padding:0}#blog-layout-study .bl-tools{margin-left:0}}@media (width<=760px){#blog-layout-study .bl-top{gap:4px 9px;padding:11px 16px}#blog-layout-study .bl-nav-mobile{display:inline-flex}#blog-layout-study .bl-topics{flex-wrap:wrap;justify-content:flex-start;gap:4px;padding:12px 0 3px;display:none}#blog-layout-study .bl-topics[data-expanded=true]{display:flex}#blog-layout-study .bl-nav-group{position:static}#blog-layout-study .bl-dropdown{min-width:0;max-height:55vh;top:100%;left:12px;right:12px;overflow:auto}#blog-layout-study .bl-nav-group:last-child .bl-dropdown{left:12px;right:12px}#blog-layout-study .bl-brand{font-size:12px!important}#blog-layout-study .bl-filter-panel{padding:18px}#blog-layout-study .bl-filters{gap:3px;display:flex}#blog-layout-study .bl-filter{flex:1;gap:5px;padding:9px 6px;font-size:13px}#blog-layout-study .bl-filter svg{width:14px;height:14px;display:block}#blog-layout-study .bl-hero{height:var(--bl-banner)}#blog-layout-study .bl-search-dialog{max-height:calc(100dvh - 32px);margin:16px auto 0}#blog-layout-study .bl-search-head{gap:9px;padding:14px}#blog-layout-study .bl-search-head input{font-size:16px}#blog-layout-study .bl-search-footer,#blog-layout-study .bl-search-scopes{padding:12px 14px}#blog-layout-study .bl-search-help{gap:7px}}@media (width<=370px){#blog-layout-study .bl-brand-name{display:none}#blog-layout-study .bl-filters{gap:2px;padding:4px}#blog-layout-study .bl-filter{gap:2px;padding:8px 2px;font-size:12px}#blog-layout-study .bl-filter svg{width:13px;height:13px}#blog-layout-study .bl-filter-count{min-width:14px;padding:0 2px;font-size:10px}#blog-layout-study .bl-search-footer{flex-wrap:wrap}}#blog-layout-study .bl-foot,#blog-layout-study .bl-top{background:rgb(var(--bl-surface-rgb)/.97)}#blog-layout-study .bl-dropdown,#blog-layout-study .bl-search-dialog,#blog-layout-study .bl-speech,#blog-layout-study kbd{background:var(--bl-solid)}#blog-layout-study .bl-logo{background:var(--bl-raised)}#blog-layout-study .bl-search-result{background:0 0}#blog-layout-study .bl-search-result[aria-selected=true]{background:var(--bl-accent-soft);border-color:color-mix(in srgb,var(--bl-accent) 25%,var(--bl-solid))}#blog-layout-study .bl-search-result mark{background:color-mix(in srgb,var(--bl-accent) 18%,transparent);color:var(--bl-accent)}#blog-layout-study .bl-zone[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bl-accent) 22%,transparent)}#blog-layout-study button:focus-visible,.preview-settings :is(button,input,select):focus-visible{outline:2px solid var(--bl-accent,#506faa);outline-offset:3px}.settings-palette{background:#f7f9fc;border:1px solid #e1e5ec;border-radius:10px;grid-column:1/-1;padding:17px}.settings-palette legend{padding:0 7px;font-weight:600}.palette-modes{flex-wrap:wrap;gap:20px;margin-bottom:13px;display:flex}.palette-modes label{cursor:pointer;flex-direction:row;align-items:center;gap:6px}.palette-modes input{accent-color:#506faa}.palette-preview{flex-wrap:wrap;align-items:center;gap:8px;margin:13px 0 0;display:flex}.palette-swatch{color:#646d7c;align-items:center;gap:6px;font-size:12px;display:inline-flex}.palette-swatch code{color:#576378;font-family:Consolas,monospace;font-size:11px}.palette-swatch i{border:1px solid #0000001a;border-radius:50%;width:20px;height:20px;display:inline-block}.palette-status{color:#636e80;font-size:12px;line-height:1.8;display:block}.palette-manual{flex-wrap:wrap;align-items:end;gap:10px;margin-top:14px;display:flex}.palette-manual label{flex:1;min-width:150px}.palette-manual input:disabled{opacity:.5;cursor:not-allowed}.palette-preset{font:inherit;color:#566174;background:#fff;border:1px solid #d8dfe9;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.palette-preset i{background:var(--swatch);border:1px solid #d4d9e0;border-radius:50%;width:14px;height:14px}@media (prefers-reduced-motion:reduce){#blog-layout-study .bl-wave-layers>use{animation:none}#blog-layout-study .bl-filter{transition:none}}@media (width<=480px){.settings-grid{grid-template-columns:1fr}.settings-palette{padding:13px}}@media (width<=600px){#blog-layout-study .bl-pages{flex-wrap:wrap;justify-content:space-between;gap:10px}#blog-layout-study .bl-page-numbers{order:-1;gap:3px;width:100%}#blog-layout-study .bl-page-numbers button{min-width:28px;padding:5px}#blog-layout-study .bl-page-gap{min-width:12px}#blog-layout-study .bl-pages .bl-page-step{min-width:100px;min-height:40px}}body[data-blog-view=article]{--bl-page-width:1240px}#blog-layout-study .bl-app[data-view=article] .bl-content{padding-top:20px}#blog-layout-study .reader-shell{--reader-paper:color-mix(in srgb,var(--bl-solid,#f0f2f6) 32%,#fff);--reader-size:16px}#blog-layout-study .reader-route{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}#blog-layout-study .reader-route .bl-back{background:var(--bl-surface);border-radius:9px;margin:0;padding:8px 13px}#blog-layout-study .reader-sample-label{background:var(--bl-surface);color:var(--bl-sub);border-radius:8px;padding:7px 12px}#blog-layout-study .reader-grid{grid-template-columns:minmax(0,1fr) 242px;align-items:start;gap:24px;display:grid}#blog-layout-study .reader-paper{background:var(--reader-paper);border:1px solid #ffffffb3;border-radius:18px;min-width:0;overflow:hidden;box-shadow:0 8px 35px #202b3e0d}#blog-layout-study .reader-header{padding:38px 42px 0;scroll-margin-top:90px}#blog-layout-study .reader-eyebrow{color:var(--bl-sub);align-items:center;gap:10px;margin-bottom:17px;font-size:12px;display:flex}#blog-layout-study .reader-eyebrow .bl-kind{background:var(--bl-accent-soft);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:flex}#blog-layout-study .reader-header h1{letter-spacing:-.65px;text-wrap:balance;margin:0 0 22px;font-size:32px;font-weight:600;line-height:1.48}#blog-layout-study .reader-meta{color:var(--bl-sub);flex-wrap:wrap;align-items:center;gap:9px 16px;font-size:12px;display:flex}#blog-layout-study .reader-meta span{align-items:center;gap:6px;display:inline-flex}#blog-layout-study .reader-author{color:var(--bl-ink)}#blog-layout-study .reader-meta img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:25px;height:25px}#blog-layout-study .reader-toolbar{border-top:1px solid var(--bl-line);border-bottom:1px solid var(--bl-line);justify-content:space-between;align-items:center;gap:10px;margin-top:25px;padding:13px 0;display:flex}#blog-layout-study .reader-toolbar-group{align-items:center;gap:3px;display:flex}#blog-layout-study .reader-tool{color:var(--bl-sub);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:inline-flex}#blog-layout-study .reader-tool:hover,#blog-layout-study .reader-tool[aria-pressed=true]{color:var(--bl-accent);background:var(--bl-accent-soft)}#blog-layout-study .reader-tool svg{width:15px;height:15px}#blog-layout-study .reader-body{font-size:var(--reader-size);overflow-wrap:break-word;padding:28px 42px 12px;line-height:1.95}#blog-layout-study .reader-body p{margin:0 0 22px}#blog-layout-study .reader-body h2{border-bottom:1px solid var(--bl-line);margin:46px 0 20px;padding-bottom:12px;scroll-margin-top:90px;font-size:25px;font-weight:600;line-height:1.5}#blog-layout-study .reader-body h3{margin:32px 0 16px;scroll-margin-top:90px;font-size:20px;font-weight:600}#blog-layout-study .reader-body h4{color:var(--bl-heading);margin:25px 0 12px;scroll-margin-top:90px;font-size:17px;font-weight:600}#blog-layout-study .reader-body li code,#blog-layout-study .reader-body p code{border:1px solid color-mix(in srgb,var(--bl-accent) 9%,transparent);background:var(--bl-accent-soft);color:var(--bl-accent);overflow-wrap:anywhere;border-radius:4px;padding:2px 5px;font:.86em/1.8 Consolas,Microsoft YaHei,monospace}#blog-layout-study .reader-body ol,#blog-layout-study .reader-body ul{margin:18px 0 26px;padding-left:26px}#blog-layout-study .reader-body li{margin:7px 0;padding-left:4px}#blog-layout-study .reader-body li::marker{color:var(--bl-accent)}#blog-layout-study .reader-body blockquote{background:var(--bl-accent-soft);border-left:3px solid var(--bl-accent);border-radius:0 10px 10px 0;margin:24px 0;padding:19px 22px}#blog-layout-study .reader-body blockquote p:last-child{margin-bottom:0}#blog-layout-study .reader-figure{margin:26px 0}#blog-layout-study .reader-image-button{border:1px solid var(--bl-line);cursor:zoom-in;background:#fff;border-radius:10px;width:100%;padding:0;display:block;position:relative;overflow:hidden}#blog-layout-study .reader-image-button img{width:100%;height:auto;display:block}#blog-layout-study .reader-image-button .reader-zoom-hint{color:#475366;background:#fffef5e8;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 1px 6px #0001}#blog-layout-study .reader-figure figcaption{color:var(--bl-sub);text-align:center;margin-top:10px;font-size:12px}#blog-layout-study .reader-body .code-scroll,#blog-layout-study .reader-code{color:#dce2ed;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#20232b;border:1px solid #383d49;border-radius:10px;margin:20px 0 28px;overflow:hidden}#blog-layout-study .reader-codebar{background:#292d37;border-bottom:1px solid #383d49;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:11px;line-height:1.5;display:flex}#blog-layout-study .reader-code-label{align-items:center;gap:10px;min-width:0;display:flex}#blog-layout-study .reader-language{color:#b4bdcc;text-transform:uppercase;letter-spacing:.6px;font-weight:600}#blog-layout-study .reader-code-title{color:#b4bdcc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#blog-layout-study .reader-code-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}#blog-layout-study .reader-code-actions button{color:#c7cfdb;padding:4px 6px}#blog-layout-study .reader-code-actions button:hover,#blog-layout-study .reader-code-actions button[aria-pressed=true]{color:#fff;background:#3c4454}#blog-layout-study .reader-code-actions button:focus-visible{outline-color:#8dc0ff}#blog-layout-study .reader-body .code-scroll pre,#blog-layout-study .reader-code pre{tab-size:4;white-space:pre;overflow-wrap:normal;max-height:none;color:inherit;margin:0;padding:16px 18px;font:14px/1.85 Cascadia Code,Consolas,monospace;overflow:auto}#blog-layout-study .reader-body .code-scroll pre code,#blog-layout-study .reader-code code{min-width:max-content;color:inherit;font:inherit;overflow-wrap:normal;background:0 0;border:0;border-radius:0;padding:0;display:block}#blog-layout-study .reader-code-line{display:flex}#blog-layout-study .reader-line-number{color:#9da8bd;text-align:right;-webkit-user-select:none;user-select:none;flex:0 0 47px;width:47px;padding-right:17px;font-size:11px}#blog-layout-study .reader-code-text{flex:1;min-width:0}#blog-layout-study .reader-body .reader-code[data-wrap=true] pre{white-space:pre-wrap;overflow-wrap:anywhere}#blog-layout-study .reader-body .reader-code[data-wrap=true] code{overflow-wrap:anywhere;min-width:0}#blog-layout-study .reader-code[data-collapsed=true] .reader-codebar{border:0}#blog-layout-study .reader-body .chroma :is(.k,.kc,.kd,.kn,.kp,.kr,.kt),#blog-layout-study .reader-token-keyword{color:#c792ea}#blog-layout-study .reader-body .chroma :is(.s,.sa,.sb,.sc,.dl,.sd,.s2,.se,.sh,.si,.sx,.sr,.s1,.ss),#blog-layout-study .reader-token-string{color:#c3d98b}#blog-layout-study .reader-body .chroma :is(.m,.mb,.mf,.mh,.mi,.il,.mo),#blog-layout-study .reader-token-number{color:#f5be8c}#blog-layout-study .reader-body .chroma :is(.c,.ch,.cm,.c1,.cs,.cp,.cpf),#blog-layout-study .reader-token-comment{color:#9da8bd;font-style:italic}#blog-layout-study .reader-body .chroma :is(.nf,.fm,.nb,.bp){color:#82aaff}#blog-layout-study .reader-body .chroma :is(.nc,.nn,.ne,.na,.nt,.nd){color:#ffcb6b}#blog-layout-study .reader-body .chroma :is(.nv,.vc,.vg,.vi,.vm,.no){color:#e5c07b}#blog-layout-study .reader-body .chroma :is(.o,.ow){color:#89ddff}#blog-layout-study .reader-body .chroma :is(.err,.gd,.gr){color:#ffc1c1}#blog-layout-study .reader-body .chroma .gi{color:#c3d98b}#blog-layout-study .reader-table-scroll{border:1px solid var(--bl-line);border-radius:10px;margin:20px 0 8px;overflow:auto}#blog-layout-study .reader-table-scroll:focus-visible{outline:2px solid var(--bl-accent);outline-offset:3px}#blog-layout-study .reader-table-scroll table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px;line-height:1.75}#blog-layout-study .reader-table-scroll th{text-align:left;color:var(--bl-heading);background:var(--bl-accent-soft);font-weight:600}#blog-layout-study .reader-table-scroll td,#blog-layout-study .reader-table-scroll th{border-right:1px solid var(--bl-line);border-bottom:1px solid var(--bl-line);vertical-align:top;overflow-wrap:normal;min-width:115px;padding:13px 15px}#blog-layout-study .reader-table-scroll tr:last-child td{border-bottom:0}#blog-layout-study .reader-table-scroll tr:nth-child(2n) td{background:color-mix(in srgb,var(--bl-raised) 55%,transparent)}#blog-layout-study .reader-table-scroll td:last-child,#blog-layout-study .reader-table-scroll th:last-child{border-right:0}#blog-layout-study .reader-table-hint{color:var(--bl-sub);text-align:right;margin-bottom:26px;font-size:11px}#blog-layout-study .reader-omission{border-top:1px dashed var(--bl-line);border-bottom:1px dashed var(--bl-line);color:var(--bl-sub);align-items:center;gap:10px;margin:28px 0;padding:14px 0;font-size:12px;display:flex}#blog-layout-study .reader-bottom{padding:12px 42px 34px}#blog-layout-study .reader-bottom .bl-tags{margin:8px 0 24px}#blog-layout-study .reader-license{background:var(--bl-accent-soft);color:var(--bl-sub);border-radius:9px;padding:17px 19px;font-size:12px;line-height:1.8}#blog-layout-study .reader-license strong{color:var(--bl-ink);font-weight:500}#blog-layout-study .reader-endnav{border-top:1px solid var(--bl-line);justify-content:space-between;gap:20px;margin-top:24px;padding-top:22px;display:flex}#blog-layout-study .reader-endnav button{text-align:left;background:0 0;border:0;max-width:48%;padding:0;font-size:13px}#blog-layout-study .reader-endnav button:last-child{text-align:right}#blog-layout-study .reader-endnav small{color:var(--bl-sub);margin-bottom:6px;font-size:11px;display:block}#blog-layout-study .reader-comments{background:var(--reader-paper);border-radius:16px;margin-top:20px;padding:25px 32px}#blog-layout-study .reader-comments h2{align-items:center;gap:8px;font-size:17px;display:flex}#blog-layout-study .reader-comments p{color:var(--bl-sub);margin-top:10px;font-size:12px}#blog-layout-study .reader-side{scrollbar-width:thin;align-self:start;min-width:0;max-height:calc(100vh - 108px);position:sticky;top:88px;overflow:auto}#blog-layout-study .reader-toc{background:var(--bl-surface);border:1px solid #fffa;border-radius:15px;padding:21px 16px 13px}#blog-layout-study .reader-toc-title{justify-content:space-between;align-items:center;gap:8px;padding:0 6px;display:flex}#blog-layout-study .reader-toc-title h2{align-items:center;gap:8px;font-size:14px;display:flex}#blog-layout-study .reader-percent{color:var(--bl-accent);font-variant-numeric:tabular-nums;font-size:11px}#blog-layout-study .reader-progress{background:var(--bl-line);border-radius:4px;height:3px;margin:15px 6px 17px;overflow:hidden}#blog-layout-study .reader-progress span{background:var(--bl-accent);width:0;height:100%;display:block}#blog-layout-study .reader-toc-nav{scrollbar-width:thin;max-height:calc(max(150px,100vh - 450px));overflow:auto}#blog-layout-study .reader-toc-nav a{color:var(--bl-sub);border-radius:6px;margin:2px 0;padding:8px 11px;font-size:12px;line-height:1.7;display:block;position:relative}#blog-layout-study .reader-toc-nav a[data-level="3"]{padding-left:24px;font-size:11px}#blog-layout-study .reader-toc-nav a[data-level="4"]{padding-left:36px;font-size:11px}#blog-layout-study .reader-toc-nav a:hover{color:var(--bl-accent)}#blog-layout-study .reader-toc-nav a[aria-current=location]{background:var(--bl-accent-soft);color:var(--bl-accent);font-weight:500}#blog-layout-study .reader-toc-nav a[aria-current=location]:before{content:"";background:var(--bl-accent);border-radius:3px;width:3px;height:16px;position:absolute;top:10px;left:0}#blog-layout-study .reader-toc-footer{border-top:1px solid var(--bl-line);justify-content:space-between;margin:13px 6px 0;padding-top:10px;display:flex}#blog-layout-study .reader-mobile-toc{display:none}#blog-layout-study .reader-related{background:var(--bl-surface);border-radius:13px;margin-top:15px;padding:16px;font-size:12px}#blog-layout-study .reader-related>p{color:var(--bl-sub);margin-bottom:10px;font-size:11px}#blog-layout-study .reader-related button{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:9px 7px;font-size:12px;display:flex}#blog-layout-study .reader-related button[aria-current=page]{background:var(--bl-accent-soft);color:var(--bl-accent)}#blog-layout-study .reader-shell[data-focus=true] .reader-side{display:none}#blog-layout-study .reader-shell[data-focus=true] .reader-grid{grid-template-columns:minmax(0,960px);justify-content:center}#blog-layout-study .reader-lightbox{color:#3f4552;background:#f0f2f7;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}#blog-layout-study .reader-lightbox-bar{background:#fff;border-bottom:1px solid #d7dde7;justify-content:space-between;align-items:center;gap:15px;height:62px;padding:10px 22px;display:flex}#blog-layout-study .reader-lightbox-caption{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}#blog-layout-study .reader-lightbox-tools{align-items:center;gap:6px;display:flex}#blog-layout-study .reader-lightbox-stage{touch-action:pan-x pan-y;height:calc(100dvh - 106px);overflow:auto}#blog-layout-study .reader-lightbox-canvas{box-sizing:border-box;justify-content:center;align-items:center;min-width:100%;min-height:100%;padding:24px;display:flex}#blog-layout-study .reader-lightbox-canvas img{background:#fff;flex-shrink:0;max-width:none;display:block;box-shadow:0 4px 24px #3540571a}#blog-layout-study .reader-lightbox-stage[data-zoomed=true]{cursor:grab}#blog-layout-study .reader-lightbox-stage[data-zoomed=true]:active{cursor:grabbing}#blog-layout-study .reader-lightbox-foot{background:#fff;border-top:1px solid #d7dde7;justify-content:center;align-items:center;gap:15px;height:44px;font-size:12px;display:flex}#blog-layout-study .reader-live{z-index:20;background:#fff;border-radius:9px;padding:10px 17px;font-size:13px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #0002}#blog-layout-study .reader-shell :focus-visible{outline:2px solid var(--bl-accent);outline-offset:3px}@media (width>=1450px){body[data-blog-view=article]{--bl-page-width:1320px}#blog-layout-study .reader-body,#blog-layout-study .reader-bottom,#blog-layout-study .reader-header{padding-left:48px;padding-right:48px}}@media (width<=900px){#blog-layout-study .reader-grid{grid-template-columns:minmax(0,1fr);gap:14px}#blog-layout-study .reader-side{grid-row:1;position:static}#blog-layout-study .reader-toc{padding:10px 15px}#blog-layout-study .reader-progress,#blog-layout-study .reader-toc-footer,#blog-layout-study .reader-toc-title{display:none}#blog-layout-study .reader-mobile-toc{background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:3px 0;font-size:13px;display:flex}#blog-layout-study .reader-toc-nav{max-height:45vh;margin-top:12px;display:none}#blog-layout-study .reader-toc[data-expanded=true] .reader-toc-nav{display:block}#blog-layout-study .reader-related{display:none}}@media (width<=600px){body[data-blog-view=article]{--bl-page-gutter:12px}#blog-layout-study .bl-app[data-view=article] .bl-content{padding:14px var(--bl-page-gutter) 24px}#blog-layout-study .reader-route{margin-bottom:12px}#blog-layout-study .reader-sample-label{padding:7px 9px;font-size:10px}#blog-layout-study .reader-header{padding:24px 21px 0}#blog-layout-study .reader-header h1{letter-spacing:-.3px;font-size:25px}#blog-layout-study .reader-body{padding:22px 21px 6px}#blog-layout-study .reader-body h2{font-size:22px}#blog-layout-study .reader-body h3{font-size:18px}#blog-layout-study .reader-body h4{font-size:16px}#blog-layout-study .reader-bottom{padding:10px 21px 25px}#blog-layout-study .reader-toolbar{gap:3px}#blog-layout-study .reader-tool{padding:6px}#blog-layout-study .reader-code-title{display:none}#blog-layout-study .reader-codebar{padding:7px 8px}#blog-layout-study .reader-body .code-scroll pre,#blog-layout-study .reader-code pre{font-size:12px}#blog-layout-study .reader-line-number{flex-basis:34px;width:34px;padding-right:10px}#blog-layout-study .reader-meta{gap:9px 12px;font-size:11px}#blog-layout-study .reader-lightbox-bar{padding:10px}#blog-layout-study .reader-lightbox-tools{gap:0}#blog-layout-study .reader-lightbox-tools .reader-tool{min-width:32px}#blog-layout-study .reader-lightbox-caption{max-width:110px}}body{--bl-page-width:1192px;--bl-page-gutter:28px;background:#f5f6f8;margin:0}button{cursor:pointer!important}button:disabled{cursor:default!important}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--bl-accent,#506faa);outline-offset:3px}#blog-layout-study .bl-app{--bl-solid:#fbfcfe;--bl-toolbar:#edf2fa;--bl-banner:var(--bl-banner-desktop,54vh);--bl-surface-rgb:251 252 254}#blog-layout-study .bl-app a.bl-zone{color:var(--bl-ink);border-radius:7px;font-size:12px}#blog-layout-study .bl-zone[aria-current=page]{background:var(--bl-accent-soft);color:var(--bl-accent)!important}#blog-layout-study .bl-post h3 a{color:var(--bl-heading)}#blog-layout-study .bl-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#blog-layout-study .bl-post-foot{justify-content:space-between;gap:12px}#blog-layout-study .bl-tags{flex-wrap:wrap;gap:9px;font-size:12px;display:flex}#blog-layout-study .bl-pages{justify-content:center;gap:18px;padding:22px;display:flex}#blog-layout-study .bl-category{flex:1;padding:8px 0;font-size:13px;display:block}#blog-layout-study .bl-category-row{align-items:center;display:flex}#blog-layout-study .bl-category[aria-current=page]{background:var(--bl-accent-soft);font-weight:600}#blog-layout-study .bl-category-children{padding-left:16px}.blog-category-panel summary{cursor:pointer;font-weight:600}.blog-category-panel nav{margin-top:12px}#blog-layout-study .bl-empty{background:var(--bl-solid);border-radius:16px;gap:14px;padding:32px}#blog-layout-study .bl-empty button{background:var(--bl-accent-soft);margin-top:14px}#blog-layout-study .bl-aside{min-width:0}#blog-layout-study .bl-hero{height:var(--bl-banner);box-sizing:border-box}#blog-layout-study .reader-paper{background:var(--bl-solid);--reader-paper:var(--bl-solid)}#blog-layout-study .reader-body{font-size:var(--reader-size,18px)}#blog-layout-study .reader-body img{cursor:zoom-in;border-radius:9px;max-width:100%;height:auto;margin:24px auto;display:block}#blog-layout-study .reader-body pre{white-space:pre;max-width:100%;margin:0;padding:16px 18px}#blog-layout-study .reader-body .code-scroll,#blog-layout-study .reader-body .table-scroll{max-width:100%;overflow-x:auto}#blog-layout-study .reader-body .table-scroll{border:1px solid var(--bl-line);border-radius:10px;margin:24px 0}#blog-layout-study .reader-body table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px}#blog-layout-study .reader-body td,#blog-layout-study .reader-body th{border:1px solid var(--bl-line);white-space:normal;padding:12px 16px}#blog-layout-study .reader-body th{background:var(--bl-accent-soft)}#blog-layout-study .reader-codebar{min-width:100%;position:sticky;left:0}#blog-layout-study .reader-code[data-collapsed=true] pre{display:none}#blog-layout-study .reader-code[data-wrap=true] pre{white-space:pre-wrap;overflow-wrap:anywhere}#blog-layout-study .reader-code[data-wrap=true] code{min-width:0}#blog-layout-study .reader-related a{padding:8px;display:block}#blog-layout-study .reader-endnav a{max-width:48%;font-size:13px}#blog-layout-study .reader-endnav small{color:var(--bl-sub);display:block}#blog-layout-study .reader-toolbar{font-size:12px}#blog-layout-study .reader-lightbox{z-index:100;color:#ccc;background:#1e1e1ee6;width:100vw;height:100dvh;overflow:hidden}#blog-layout-study .reader-lightbox::backdrop{background:0 0}#blog-layout-study .halo-counter{z-index:3;font-size:14px;position:absolute;top:18px;left:22px}.halo-tools{z-index:4;background:#1e1e1e99;border-radius:5px;align-items:center;gap:5px;padding:3px;display:flex;position:absolute;top:10px;right:14px}.halo-next,.halo-prev,.halo-tools button{color:#ccc;background:0 0;border:0;min-width:40px;min-height:44px;padding:9px;font-size:16px}.halo-tools span{text-align:center;min-width:42px;font-size:12px}.halo-stage{touch-action:none;cursor:grab;scrollbar-width:thin;position:absolute;inset:64px 0 55px;overflow:auto}.halo-stage:active{cursor:grabbing}.halo-canvas{box-sizing:border-box;justify-content:center;align-items:center;width:max-content;min-width:100%;min-height:100%;padding:24px;display:flex}.halo-canvas img{-webkit-user-select:none;user-select:none;flex:none;max-width:none;display:block;filter:none!important}.halo-next,.halo-prev{z-index:4;background:#1e1e1e99;border-radius:5px;font-size:36px;position:absolute;top:50%}.halo-prev{left:12px}.halo-next{right:12px}.halo-caption{color:#eee;text-align:center;pointer-events:none;background:linear-gradient(#0000,#000000a6);padding:25px 20px 18px;font-size:13px;position:absolute;bottom:0;left:0;right:0}.blog-player-slot{max-width:var(--bl-page-width);padding:12px var(--bl-page-gutter) 24px;justify-content:flex-end;margin:auto;display:flex}.blog-player-slot .bl-panel{width:268px;margin:0}.blog-music input[type=range]{accent-color:var(--bl-accent)}.blog-seek{width:100%;margin-top:16px}.blog-volume{align-items:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.blog-volume input{flex:1;min-width:0}.blog-music .bl-playlist{padding-left:18px}.blog-music .bl-playlist button{text-align:left;color:var(--bl-ink);background:0 0;border:0;padding:7px;font-size:12px}.blog-mascot{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:20;position:fixed}.blog-mascot-sprite{background-color:#0000;background-repeat:no-repeat;border:0;display:block}.blog-mascot-close{background:var(--bl-surface);color:var(--bl-ink);border:0;border-radius:50%;min-width:28px;min-height:28px;position:absolute;top:-16px;right:0}#blog-layout-study .bl-search-result-title{font-weight:600}.blog-category-panel{open:initial}@media (width>=761px){.blog-category-panel:not([open])>nav{display:block!important}.blog-category-panel summary{list-style:none}}@media (width<=760px){body{--bl-page-gutter:16px}#blog-layout-study .bl-app{--bl-banner:var(--bl-banner-mobile,54vh)}#blog-layout-study .bl-content{padding:18px 16px}#blog-layout-study .bl-aside{flex-direction:column;display:flex}#blog-layout-study .bl-profile,.blog-mascot{display:none}.blog-player-slot{padding:10px 16px 22px}.blog-player-slot .bl-panel{width:100%}.blog-mascot.blog-mascot-mobile{transform-origin:100% 100%;display:block;transform:scale(.65)}.halo-counter{top:58px;left:14px}.halo-tools{justify-content:flex-end;gap:0;padding:0;left:8px;right:8px}.halo-tools button{min-width:37px;padding:8px;font-size:13px}.halo-stage{inset:90px 0 55px}.blog-search-label{display:none}#blog-layout-study .reader-shell[data-focus=true] .reader-grid{grid-template-columns:minmax(0,1fr)}}.reader-image-frame{display:block}.reader-image-failure{border:1px dashed var(--bl-line);background:var(--bl-raised);text-align:center;overflow-wrap:anywhere;border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:160px;margin:24px 0;padding:24px 16px;font-size:14px;display:flex}.reader-image-failure>span{flex-basis:100%}#blog-layout-study .reader-image-frame>[hidden]{display:none!important}.halo-tools button:disabled{opacity:.4}.halo-stage:not([data-image-state=ready]){cursor:default;touch-action:auto}.halo-image-state{text-align:center;overflow-wrap:anywhere;max-width:100%;padding:20px 34px}.halo-retry{color:#fff;min-height:44px;font:inherit;background:#333;border:1px solid #888;border-radius:6px;margin-top:16px;padding:8px 18px}.blog-category-retry{margin-top:10px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#blog-layout-study .blog-banner-empty h1{color:var(--bl-heading);text-shadow:none}#blog-layout-study .blog-banner-empty p{color:var(--bl-sub);text-shadow:none}.blog-nav-details .bl-dropdown a{padding:9px 12px;font-size:13px;display:block}.blog-nav-details summary{cursor:pointer;list-style:none}.blog-nav-details[open] .bl-dropdown{display:block}#blog-layout-study .blog-nav-details .bl-dropdown{background:var(--bl-solid)}.blog-pdf-tools{border-bottom:1px solid var(--bl-line);flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px;padding-bottom:14px;font-size:12px;display:flex}.blog-pdf-tools button{background:var(--bl-accent-soft);color:var(--bl-ink);border:0;border-radius:5px;padding:6px 10px}.blog-pdf-tools input{border:1px solid var(--bl-line);width:54px;color:var(--bl-ink);border-radius:5px;padding:5px}.blog-pdf-pages{background:#e4e6e9;max-width:100%;min-height:180px;max-height:80vh;position:relative;overflow:auto}.blog-pdf-pages canvas{background:#fff;max-width:none;margin:6px auto;display:block;box-shadow:0 2px 12px #0002}.blog-pdf-pages canvas[hidden]{display:none}@media (width<=760px){#blog-layout-study .halo-counter{color:#ccc;top:62px;left:14px}#blog-layout-study .blog-category-panel:not([open])>nav{display:none!important}}#blog-music-sidebar:empty,.blog-player-slot:empty{display:none}#blog-music-sidebar .blog-music{width:100%;margin-top:15px}#blog-layout-study .bl-page-numbers a{border:1px solid var(--bl-line);background:var(--bl-surface);border-radius:8px;justify-content:center;align-items:center;min-width:34px;min-height:36px;padding:5px 10px;display:inline-flex}#blog-layout-study .bl-page-numbers a[aria-current=page]{color:#fff;background:var(--bl-accent);border-color:var(--bl-accent)}#blog-layout-study .bl-app .bl-dropdown a,#blog-layout-study .bl-app a.bl-brand,#blog-layout-study .bl-app a.bl-category,#blog-layout-study .bl-app a.bl-nav-link{color:var(--bl-ink)}#blog-layout-study .bl-app .bl-dropdown a:hover,#blog-layout-study .bl-app .bl-dropdown a[data-selected=true],#blog-layout-study .bl-app a.bl-category:hover,#blog-layout-study .bl-app a.bl-category[aria-current=page],#blog-layout-study .bl-app a.bl-nav-link:hover,#blog-layout-study .bl-app a.bl-nav-link[data-selected=true]{color:var(--bl-accent)}#blog-layout-study .bl-app .bl-dropdown a:hover,#blog-layout-study .bl-app .bl-dropdown a[data-selected=true]{background:var(--bl-accent-soft);border-radius:7px}#blog-layout-study .bl-app a.bl-filter{color:var(--bl-sub)}#blog-layout-study .bl-app a.bl-filter:hover{color:var(--tab-color)}#blog-layout-study .bl-app a.bl-filter[aria-selected=true]{color:#fff}#blog-layout-study .bl-app .bl-pages a,#blog-layout-study .bl-app .bl-pages button{border:1px solid var(--bl-line);background:var(--bl-surface);min-width:34px;min-height:36px;color:var(--bl-ink);border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:13px;display:inline-flex}#blog-layout-study .bl-app .bl-pages a:hover{border-color:var(--bl-accent)}#blog-layout-study .bl-app .bl-pages a[aria-current=page]{color:#fff;background:var(--bl-accent);border-color:var(--bl-accent)}#blog-layout-study .bl-page-step .blog-icon{width:15px;height:15px}#blog-layout-study .bl-page-previous .blog-icon{transform:rotate(180deg)}#blog-layout-study .bl-tools .blog-icon{width:20px;height:20px}#blog-layout-study .bl-avatar.blog-avatar-placeholder{background:var(--bl-accent-soft);border-color:var(--bl-solid);color:var(--bl-accent);place-items:center;display:grid}#blog-layout-study .blog-avatar-placeholder .blog-icon{stroke-width:1.4px;width:36px;height:36px}#blog-layout-study .blog-category-panel summary{align-items:center;gap:7px;font-size:14px;font-weight:500;list-style:none;display:flex}#blog-layout-study .blog-category-panel summary::-webkit-details-marker{display:none}#blog-layout-study .blog-category-panel summary .blog-icon,#blog-layout-study .blog-music h3 .blog-icon{width:20px;height:20px}#blog-layout-study .blog-category-empty{color:var(--bl-sub);margin-top:14px;font-size:12px}#blog-layout-study .bl-category{justify-content:space-between;gap:8px;padding:7px 8px;display:flex}#blog-layout-study .bl-category small{color:var(--bl-sub);font-size:11px}#blog-layout-study .blog-count-error{color:var(--bl-sub);margin-top:10px;font-size:12px}#blog-layout-study .blog-count-error button,.blog-music-error button{color:var(--bl-link);background:0 0;border:0;padding:0 5px;text-decoration:underline}#blog-layout-study .blog-banner-empty{background:var(--bl-surface)}#blog-layout-study .blog-footer-copy{flex-direction:column;gap:2px;min-width:0;display:flex}#blog-layout-study .blog-footer-note{white-space:pre-line;min-height:1.65em}#blog-layout-study .bl-cat,#blog-layout-study .bl-foot .bl-mascot{flex-shrink:0}#blog-layout-study .bl-cat:hover{background:var(--bl-accent-soft);color:var(--bl-accent)}#blog-layout-study .blog-music .bl-track strong{overflow-wrap:anywhere}#blog-layout-study .blog-music .bl-record .blog-icon{width:24px;height:24px}#blog-layout-study .blog-music .bl-record[data-playing=true] .blog-icon{animation:12s linear infinite blog-record-spin}#blog-layout-study .blog-music .bl-track-controls{gap:5px;margin-top:9px}#blog-layout-study .blog-playback-buttons{align-items:center;gap:0;display:flex}#blog-layout-study .blog-music .bl-track-controls .bl-icon{border-radius:6px;min-width:28px;min-height:30px;padding:5px}#blog-layout-study .blog-music .bl-track-controls .blog-icon{width:16px;height:16px}#blog-layout-study .blog-music .bl-track-controls small{white-space:nowrap;font-variant-numeric:tabular-nums}#blog-layout-study .blog-music .bl-playlist{margin-bottom:0;padding-left:22px}#blog-layout-study .blog-music .bl-playlist button[aria-current=true]{color:var(--bl-accent)}#blog-layout-study .blog-music-error{color:var(--bl-sub);margin-top:10px;font-size:12px}.blog-seek{appearance:none;background:var(--bl-line);cursor:pointer;border-radius:2px;height:3px;margin:16px 0 0;display:block}.blog-seek::-webkit-slider-thumb{appearance:none;background:var(--bl-accent);border-radius:50%;width:9px;height:9px}.blog-seek::-moz-range-thumb{background:var(--bl-accent);border:0;border-radius:50%;width:9px;height:9px}.blog-seek:disabled{cursor:default}.blog-seek:disabled::-webkit-slider-thumb{visibility:hidden}.blog-seek:disabled::-moz-range-thumb{visibility:hidden}.blog-volume{color:var(--bl-sub);margin-top:9px}.blog-volume input{height:3px}#blog-music-sidebar .blog-music{margin-top:0}@keyframes blog-record-spin{to{transform:rotate(1turn)}}@media (width<=760px){#blog-layout-study .bl-aside{align-items:stretch}#blog-layout-study .bl-aside>.bl-panel{align-self:stretch;width:100%}#blog-layout-study .bl-profile{display:block}#blog-layout-study .blog-category-panel summary:after{content:"⌄";color:var(--bl-sub);margin-left:auto}#blog-layout-study .blog-category-panel[open] summary:after{transform:rotate(180deg)}#blog-layout-study .bl-foot{flex-wrap:wrap;gap:12px}#blog-layout-study .bl-foot .bl-mascot{margin-left:auto}#blog-layout-study .blog-music .bl-track-controls .bl-icon{min-width:36px;min-height:36px}}@media (width<=600px){#blog-layout-study .bl-app .bl-pages .bl-page-step{min-width:100px;min-height:40px}#blog-layout-study .bl-app .bl-page-numbers a{min-width:28px;padding:5px}}.blog-mascot{--blog-mascot-safe-top:env(safe-area-inset-top,0px);bottom:calc(max(24px,env(safe-area-inset-bottom)) + var(--blog-mascot-lift,0px));pointer-events:none}.blog-mascot-close,.blog-mascot-sprite{pointer-events:auto}#blog-layout-study .bl-nav-toggle{box-sizing:border-box;justify-content:center;align-items:center;min-height:36px}#blog-layout-study .bl-nav-toggle .blog-icon{display:block;transform:rotate(90deg)}#blog-layout-study .bl-nav-toggle[aria-expanded=true] .blog-icon{transform:rotate(-90deg)}#blog-layout-study .bl-foot{border-radius:14px}#blog-layout-study .reader-side{flex-direction:column;gap:18px;display:flex}#blog-layout-study .reader-side>#blog-music-sidebar,#blog-layout-study .reader-side>.reader-toc{flex-shrink:0}#blog-layout-study .reader-bottom .bl-tag{color:var(--bl-sub)}#blog-layout-study .reader-bottom .bl-tag:hover{color:var(--bl-accent);background:var(--bl-accent-soft)}#blog-layout-study .reader-endnav{margin-top:24px}#blog-layout-study .bl-search-footer{flex-wrap:wrap;gap:8px 14px}#blog-layout-study .blog-content-enter{animation:.16s ease-out blog-content-in}@keyframes blog-content-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){#blog-layout-study .blog-content-enter{animation:none}}#blog-layout-study .bl-category-toggle{min-width:30px;min-height:30px;color:var(--bl-sub);background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}#blog-layout-study .bl-category-toggle .blog-icon{width:16px;height:16px;transition:transform .12s}#blog-layout-study .bl-category-toggle[aria-expanded=true] .blog-icon{transform:rotate(90deg)}#blog-layout-study .bl-app .bl-pages button:disabled{color:var(--bl-sub);background:var(--bl-solid);cursor:not-allowed!important}#blog-layout-study .reader-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;width:25px;height:25px}#blog-layout-study .reader-avatar-placeholder{background:var(--bl-accent-soft);color:var(--bl-accent);justify-content:center;align-items:center;display:inline-flex}#blog-layout-study .reader-avatar-placeholder .blog-icon{width:17px;height:17px}#blog-layout-study .bl-nav-group .bl-dropdown{z-index:30;background:var(--bl-solid)}#blog-layout-study .bl-nav-group .bl-dropdown a{padding:9px 12px;font-size:13px;display:block}#blog-layout-study .bl-nav-group .bl-dropdown a.bl-dropdown-all{color:var(--bl-accent)}#blog-layout-study .reader-body :is(h2,h3,h4),#blog-layout-study .reader-header{scroll-margin-top:var(--reader-scroll-offset,132px)}#blog-layout-study .bl-brand{flex-shrink:0;min-height:44px}#blog-layout-study .bl-brand-name{display:inline}#blog-layout-study .bl-brand .bl-logo{box-sizing:border-box;flex-shrink:0;width:36px;height:36px;overflow:hidden}#blog-layout-study .bl-brand-avatar{-o-object-fit:cover;object-fit:cover;display:block}#blog-layout-study .bl-brand .blog-icon{width:22px;height:22px}@media (width<=760px){#blog-layout-study .bl-brand .bl-logo{width:32px;height:32px}}.bl-record img[data-v-36e4edee]{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}
