.detail-page[data-v-d5b8a928]{--green: #00aa78;--ink: #0b1328;--muted: #536178;--line: #e2e7ed;min-height:100vh;position:relative;color:var(--ink);background:#fff;font-family:var(--site-font-sans)}.reading-progress[data-v-d5b8a928]{position:fixed;z-index:130;top:0;left:0;width:100%;height:2px;background:#0f172a12;pointer-events:none}.reading-progress i[data-v-d5b8a928]{display:block;width:100%;height:100%;transform-origin:left center;background:var(--green);transition:transform .08s linear}.detail-shell[data-v-d5b8a928]{display:grid;grid-template-columns:minmax(0,800px) 256px;justify-content:center;gap:32px;padding:42px 0 32px}.article-column[data-v-d5b8a928]{min-width:0}.article-header[data-v-d5b8a928]{padding:2px 0 28px;border-bottom:1px solid #dce4e8}.article-kicker[data-v-d5b8a928]{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:#748094;font-size:13px}.article-kicker strong[data-v-d5b8a928]{padding:4px 9px;border-radius:4px;color:#078f65;background:#edf9f5;font-size:12px;font-weight:700}.article-kicker i[data-v-d5b8a928],.author-row>i[data-v-d5b8a928]{width:3px;height:3px;border-radius:50%;background:#9ca7b8}.article-header h1[data-v-d5b8a928]{margin:0 0 24px;color:#111a2d;font-size:40px;line-height:1.3;font-weight:800;letter-spacing:0}.author-row[data-v-d5b8a928]{display:flex;align-items:center;gap:11px;color:#68758a;font-size:13px}.author-row img[data-v-d5b8a928]{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#edf1f3}.author-row strong[data-v-d5b8a928]{color:#172037}.author-row span[data-v-d5b8a928]{display:flex;align-items:center;gap:7px}.author-row svg[data-v-d5b8a928]{width:15px;height:15px;color:#8a96a6}.ai-summary[data-v-d5b8a928]{position:relative;overflow:hidden;margin:22px 0 34px;padding:14px 17px 15px;border:1px solid #d8ece4;border-radius:6px;background:#f4fbf8}.ai-summary h2[data-v-d5b8a928]{display:flex;align-items:center;gap:7px;margin:0 0 6px;color:#27836a;font-size:13px;font-weight:700}.ai-summary h2 svg[data-v-d5b8a928]{width:14px;height:14px}.ai-summary p[data-v-d5b8a928]{margin:0;color:#435c55;font-size:14px;line-height:1.7}.mobile-summary[data-v-d5b8a928],.mobile-quote[data-v-d5b8a928],.mobile-tech-label[data-v-d5b8a928],.summary-watermark[data-v-d5b8a928]{display:none}.article-body section[data-v-d5b8a928]{scroll-margin-top:104px}.article-body h2[data-v-d5b8a928]{margin:42px 0 17px;padding-left:12px;border-left:3px solid #17ba8e;font-size:25px;line-height:1.45;font-weight:700}.article-body p[data-v-d5b8a928]{margin:0 0 18px;color:#344159;font-size:17px;line-height:1.88}.article-body ul[data-v-d5b8a928]{margin:0 0 20px;padding-left:26px;list-style:disc outside}.article-body ol[data-v-d5b8a928]{margin:0 0 20px;padding-left:28px;list-style:decimal outside}.article-body li[data-v-d5b8a928]{margin:5px 0;padding-left:2px;color:#27344b;font-size:17px;line-height:1.88}.article-body strong[data-v-d5b8a928]{font-weight:600}.article-body li[data-v-d5b8a928]::marker{color:#748093;font-weight:600}.article-body ul li[data-v-d5b8a928]::marker{font-size:.82em}.article-body ol li[data-v-d5b8a928]::marker{font-size:1em}.article-body li>ul[data-v-d5b8a928],.article-body li>ol[data-v-d5b8a928]{margin:6px 0 0;padding-left:22px}.article-body ul ul[data-v-d5b8a928]{list-style-type:circle}.article-body ol ol[data-v-d5b8a928]{list-style-type:lower-alpha}.article-body blockquote[data-v-d5b8a928]{display:flex;min-height:72px;align-items:center;margin:24px 0 30px;padding:16px 22px;border:1px solid #d8e9e3;border-left:4px solid #48c8a5;border-radius:6px;background:#f7fbf9}.article-body blockquote>span[data-v-d5b8a928]{display:none}.article-body blockquote p[data-v-d5b8a928]{margin:0;color:#233047}.remote-markdown[data-v-d5b8a928]{min-width:0;max-width:100%;color:#344159;font-size:17px;line-height:1.88;overflow-wrap:break-word}.remote-markdown[data-v-d5b8a928] h1,.remote-markdown[data-v-d5b8a928] h2,.remote-markdown[data-v-d5b8a928] h3,.remote-markdown[data-v-d5b8a928] h4{scroll-margin-top:104px;color:#172037}.remote-markdown[data-v-d5b8a928] h1{margin:52px 0 20px;font-size:30px;line-height:1.4}.remote-markdown[data-v-d5b8a928] h2{margin:42px 0 17px;padding-left:12px;border-left:3px solid #17ba8e;font-size:25px;line-height:1.45;font-weight:700}.remote-markdown[data-v-d5b8a928] h3{margin:32px 0 15px;font-size:21px;line-height:1.5;font-weight:600}.remote-markdown[data-v-d5b8a928] h4{margin:26px 0 12px;font-size:18px;line-height:1.55;font-weight:600}.remote-markdown[data-v-d5b8a928] p{margin:0 0 18px;line-height:1.88}.remote-markdown[data-v-d5b8a928] ul,.remote-markdown[data-v-d5b8a928] ol{margin:0 0 21px}.remote-markdown[data-v-d5b8a928] ul{padding-left:26px;list-style:disc outside}.remote-markdown[data-v-d5b8a928] ol{padding-left:28px;list-style:decimal outside}.remote-markdown[data-v-d5b8a928] li{margin:5px 0;line-height:1.88}.remote-markdown[data-v-d5b8a928] strong{color:#202d43;font-weight:600}.remote-markdown[data-v-d5b8a928] em{color:#4e5b70}.remote-markdown[data-v-d5b8a928] del{color:#8993a2;text-decoration-color:#aeb6c0}.remote-markdown[data-v-d5b8a928] mark{padding:1px 3px;border-radius:3px;color:inherit;background:#fff3c7}.remote-markdown[data-v-d5b8a928] li::marker{color:#748093;font-weight:600}.remote-markdown[data-v-d5b8a928] ul li::marker{font-size:.82em}.remote-markdown[data-v-d5b8a928] ol li::marker{font-size:1em}.remote-markdown[data-v-d5b8a928] li>ul,.remote-markdown[data-v-d5b8a928] li>ol{margin:6px 0 0;padding-left:22px}.remote-markdown[data-v-d5b8a928] ul ul{list-style-type:circle}.remote-markdown[data-v-d5b8a928] ol ol{list-style-type:lower-alpha}.remote-markdown[data-v-d5b8a928] a{color:#078f68;text-decoration-color:#078f6861;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.remote-markdown[data-v-d5b8a928] a:hover{color:#006f50;text-decoration-color:currentColor}.remote-markdown[data-v-d5b8a928] .markdown-external-link:after{margin-left:3px;color:#69a994;font-size:.72em;content:"↗"}.remote-markdown[data-v-d5b8a928] blockquote{display:block;min-height:0;align-items:initial;margin:22px 0 24px;padding:14px 18px;border:0;border-left:3px solid #52c7a6;border-radius:0 5px 5px 0;color:#536178;background:#f8fbfa}.remote-markdown[data-v-d5b8a928] blockquote p:last-child{margin-bottom:0}.remote-markdown[data-v-d5b8a928] .markdown-callout{margin:22px 0 26px;padding:15px 17px 14px;border:1px solid;border-radius:8px;box-shadow:none}.remote-markdown[data-v-d5b8a928] .markdown-callout-title{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:14px;line-height:1.4}.remote-markdown[data-v-d5b8a928] .markdown-callout-title>span{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border-radius:50%;font-family:Arial,sans-serif;font-size:11px;font-weight:700}.remote-markdown[data-v-d5b8a928] .markdown-callout-title strong{color:inherit}.remote-markdown[data-v-d5b8a928] .markdown-callout-body p{margin-bottom:8px;color:#415066;font-size:15px;line-height:1.75}.remote-markdown[data-v-d5b8a928] .markdown-callout-body>:last-child{margin-bottom:0}.remote-markdown[data-v-d5b8a928] .markdown-callout-info{border-color:#dbeaf5;color:#376b8e;background:#f6faff}.remote-markdown[data-v-d5b8a928] .markdown-callout-info .markdown-callout-title>span{color:#397da8;background:#e3f1fa}.remote-markdown[data-v-d5b8a928] .markdown-callout-tip,.remote-markdown[data-v-d5b8a928] .markdown-callout-success{border-color:#d7ebe3;color:#28775e;background:#f5fbf8}.remote-markdown[data-v-d5b8a928] .markdown-callout-tip .markdown-callout-title>span,.remote-markdown[data-v-d5b8a928] .markdown-callout-success .markdown-callout-title>span{color:#16805e;background:#dcf2e9}.remote-markdown[data-v-d5b8a928] .markdown-callout-warning{border-color:#f0e4c8;color:#886a28;background:#fffbf2}.remote-markdown[data-v-d5b8a928] .markdown-callout-warning .markdown-callout-title>span{color:#9a7318;background:#f8edcf}.remote-markdown[data-v-d5b8a928] .markdown-callout-danger{border-color:#f1dcdc;color:#915050;background:#fff8f8}.remote-markdown[data-v-d5b8a928] .markdown-callout-danger .markdown-callout-title>span{color:#a64d4d;background:#f7e3e3}.remote-markdown[data-v-d5b8a928] .markdown-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0 28px;border:1px solid #e2e8eb;border-radius:8px;background:#fff;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d8e0e5 transparent}.remote-markdown[data-v-d5b8a928] .markdown-table-wrap:focus-visible{outline:2px solid rgba(24,185,137,.28);outline-offset:2px}.remote-markdown[data-v-d5b8a928] .markdown-table-wrap::-webkit-scrollbar{height:5px}.remote-markdown[data-v-d5b8a928] .markdown-table-wrap::-webkit-scrollbar-track{background:transparent}.remote-markdown[data-v-d5b8a928] .markdown-table-wrap::-webkit-scrollbar-thumb{border-radius:999px;background:#d8e0e5}.remote-markdown[data-v-d5b8a928] table{width:100%;min-width:640px;border-collapse:collapse;color:#344159;font-size:14px;line-height:1.65}.remote-markdown[data-v-d5b8a928] th,.remote-markdown[data-v-d5b8a928] td{padding:11px 12px;border-right:1px solid #edf0f2;border-bottom:1px solid #e8ecef;text-align:left;vertical-align:top}.remote-markdown[data-v-d5b8a928] th{color:#28354a;background:#f3f8f6;font-weight:600}.remote-markdown[data-v-d5b8a928] tr:last-child td{border-bottom:0}.remote-markdown[data-v-d5b8a928] th:last-child,.remote-markdown[data-v-d5b8a928] td:last-child{border-right:0}.remote-markdown[data-v-d5b8a928] .markdown-figure{max-width:100%;margin:28px auto 30px;text-align:center}.remote-markdown[data-v-d5b8a928] .markdown-figure img,.remote-markdown[data-v-d5b8a928] p>img{display:block;max-width:100%;height:auto;margin:0 auto;border:1px solid #e7ecef;border-radius:10px}.remote-markdown[data-v-d5b8a928] .markdown-figure figcaption{margin-top:9px;color:#8994a3;font-size:12px;line-height:1.6;text-align:center}.remote-markdown[data-v-d5b8a928] hr{height:1px;margin:36px 0;border:0;background:#e5e9ec}.remote-markdown[data-v-d5b8a928] code{padding:2px 5px;border:1px solid #dcece6;border-radius:5px;color:#176a54;background:#eef8f4;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.9em;overflow-wrap:anywhere}.remote-markdown[data-v-d5b8a928] kbd{display:inline-flex;min-width:24px;height:23px;align-items:center;justify-content:center;padding:0 6px;border:1px solid #d9dfe4;border-bottom-color:#c8d0d7;border-radius:4px;color:#425066;background:#f6f7f8;box-shadow:0 1px #e2e6e9;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:12px;line-height:1;vertical-align:1px}.remote-markdown[data-v-d5b8a928] .markdown-code{position:relative;max-width:100%;overflow:hidden;margin:24px 0 28px;border:1px solid #353539;border-radius:12px;color:#f2f2f7;background:#1e1e20;box-shadow:0 1px 2px #0f172a2e,0 14px 32px #0f172a29}.remote-markdown[data-v-d5b8a928] .markdown-code-header{position:relative;display:flex;height:44px;align-items:center;justify-content:flex-end;padding:0 8px 0 76px;border-bottom:1px solid rgba(255,255,255,.08);color:#c7c7cc;background:#2c2c2e;font-size:12px;line-height:1}.remote-markdown[data-v-d5b8a928] .markdown-code-header:before{position:absolute;top:50%;left:16px;width:12px;height:12px;border-radius:50%;background:#ff5f57;box-shadow:20px 0 #febc2e,40px 0 #28c840;content:"";transform:translateY(-50%)}.remote-markdown[data-v-d5b8a928] .markdown-code-language{position:absolute;top:50%;left:50%;max-width:calc(100% - 190px);overflow:hidden;color:#c7c7cc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:500;text-overflow:ellipsis;transform:translate(-50%,-50%);white-space:nowrap}.remote-markdown[data-v-d5b8a928] .markdown-code-copy{position:relative;z-index:1;display:inline-flex;min-width:56px;height:28px;flex:0 0 auto;align-items:center;justify-content:center;padding:0 9px;border:1px solid transparent;border-radius:6px;color:#aeaeb2;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease,transform .08s ease}.remote-markdown[data-v-d5b8a928] .markdown-code-copy:hover{border-color:#ffffff1a;color:#f5f5f7;background:#ffffff14}.remote-markdown[data-v-d5b8a928] .markdown-code-copy:active{transform:translateY(1px)}.remote-markdown[data-v-d5b8a928] .markdown-code-copy:focus-visible{outline:2px solid #64d2b0;outline-offset:1px}.remote-markdown[data-v-d5b8a928] .markdown-code-copy:disabled{cursor:wait;opacity:.72}.remote-markdown[data-v-d5b8a928] .markdown-code-copy[data-copy-status=success]{color:#63e6be}.remote-markdown[data-v-d5b8a928] .markdown-code-copy[data-copy-status=error]{color:#ff9f9a}.remote-markdown[data-v-d5b8a928] .markdown-code pre{max-width:100%;overflow-x:auto;margin:0;padding:20px 22px 22px;background:#1e1e20;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#545458 transparent}.remote-markdown[data-v-d5b8a928] .markdown-code pre::-webkit-scrollbar{height:6px}.remote-markdown[data-v-d5b8a928] .markdown-code pre::-webkit-scrollbar-track{background:transparent}.remote-markdown[data-v-d5b8a928] .markdown-code pre::-webkit-scrollbar-thumb{border-radius:999px;background:#545458}.remote-markdown[data-v-d5b8a928] .markdown-code code{display:block;min-width:max-content;padding:0;border:0;color:inherit;background:transparent;font-family:SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-wrap:normal;tab-size:2;white-space:pre}.locked-article[data-v-d5b8a928]{display:grid;min-height:390px;place-items:center;align-content:center;padding:40px;border:1px solid #dfe5eb;border-radius:8px;background:#fbfcfd;text-align:center}.locked-article h2[data-v-d5b8a928]{margin:14px 0 8px;padding:0;border:0;color:#1d293d;font-size:22px}.locked-article>p[data-v-d5b8a928]{max-width:420px;margin:0;color:#7a8798;font-size:13px;line-height:1.7}.locked-icon[data-v-d5b8a928]{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:#078f65;background:#e8f7f1}.locked-icon svg[data-v-d5b8a928]{width:22px;height:22px}.unlock-form[data-v-d5b8a928]{width:min(360px,100%);margin-top:24px;text-align:left}.unlock-form>label[data-v-d5b8a928]{display:block;margin-bottom:7px;color:#5f6c80;font-size:12px;font-weight:600}.unlock-control[data-v-d5b8a928]{position:relative}.unlock-control input[data-v-d5b8a928]{width:100%;height:46px;padding:0 46px 0 14px;border:1px solid #dce3e8;border-radius:7px;outline:0;color:#243148;background:#fff;font:inherit;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.unlock-control input[data-v-d5b8a928]:focus{border-color:#65c9aa;box-shadow:0 0 0 3px #078f6514}.unlock-control input[aria-invalid=true][data-v-d5b8a928]{border-color:#d89090}.password-visibility[data-v-d5b8a928]{position:absolute;top:3px;right:3px;display:grid;width:40px;height:40px;place-items:center;padding:0;border:0;border-radius:5px;color:#8995a4;background:transparent;cursor:pointer}.password-visibility[data-v-d5b8a928]:hover{color:#526078;background:#f3f6f7}.password-visibility svg[data-v-d5b8a928]{width:17px;height:17px}.unlock-error[data-v-d5b8a928]{margin:7px 0 0!important;color:#b45757!important;font-size:12px!important;line-height:1.5!important;text-align:left}.unlock-submit[data-v-d5b8a928]{display:flex;width:100%;height:44px;align-items:center;justify-content:center;gap:7px;margin-top:13px;padding:0 16px;border:0;border-radius:7px;color:#fff;background:#078f65;font-size:13px;font-weight:700;cursor:pointer;transition:background .16s ease,opacity .16s ease}.unlock-submit[data-v-d5b8a928]:hover:not(:disabled){background:#087a59}.unlock-submit[data-v-d5b8a928]:disabled{cursor:not-allowed;opacity:.55}.unlock-submit svg[data-v-d5b8a928]{width:16px;height:16px}.comments-disabled[data-v-d5b8a928]{display:flex;min-height:0;align-items:center;gap:12px;margin-top:32px;padding:14px 16px;border:1px solid #e8edf2;border-radius:10px;color:#8894a3;background:#fafbfc}.comments-disabled>svg[data-v-d5b8a928]{width:30px;height:30px;flex:0 0 auto;color:#8e9baa}.comments-disabled h2[data-v-d5b8a928]{margin:0;padding:0;border:0;color:#536076;font-size:15px;font-weight:600}.comments-disabled p[data-v-d5b8a928]{margin:3px 0 0;color:#8b96a5;font-size:12px;line-height:1.5}.spin[data-v-d5b8a928]{animation:article-spin-d5b8a928 .8s linear infinite}@keyframes article-spin-d5b8a928{to{transform:rotate(360deg)}}.architecture-flow[data-v-d5b8a928]{display:flex;align-items:center;margin:18px 0 29px}.tech-card[data-v-d5b8a928]{display:flex;width:142px;height:72px;flex:0 0 auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dde4eb;border-radius:7px;background:#fff}.tech-card>span[data-v-d5b8a928]:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}.tech-card strong[data-v-d5b8a928]{font-size:13px;white-space:nowrap}.tech-card small[data-v-d5b8a928]{color:#46536a;font-size:11px;white-space:nowrap}.tech-icon[data-v-d5b8a928]{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;color:#5375dc}.tech-icon svg[data-v-d5b8a928]{width:29px;height:29px}.tech-icon.vue b[data-v-d5b8a928]{color:#24b884;font-size:28px;font-weight:900}.tech-icon.cloud[data-v-d5b8a928]{color:#2484e9}.tech-icon.spring[data-v-d5b8a928]{color:#6ebd2a}.tech-icon.database[data-v-d5b8a928]{color:#4da9d4}.tech-icon.bot[data-v-d5b8a928]{border-radius:50%;color:#384862;background:#e7ecff}.flow-arrow[data-v-d5b8a928]{width:19px;flex:0 0 auto;color:#26354c}.code-section[data-v-d5b8a928]{display:none;overflow:hidden;margin-top:18px;border-radius:8px;background:#171d27;color:#e9edf5}.code-header[data-v-d5b8a928]{display:flex;height:39px;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #323947;color:#9ba6b8;font-size:12px}.code-header button[data-v-d5b8a928]{display:flex;align-items:center;gap:6px;padding:6px 9px;border:0;border-radius:5px;color:#dce2ec;background:#2a313d;font-size:11px;cursor:pointer}.code-header svg[data-v-d5b8a928]{width:13px;height:13px}.code-section pre[data-v-d5b8a928]{overflow-x:auto;margin:0;padding:12px 20px 18px;color:#e6d9f3;font:11px/1.5 Consolas,monospace}.article-navigation[data-v-d5b8a928]{display:grid;height:96px;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.article-navigation>i[data-v-d5b8a928]{display:none}.article-navigation button[data-v-d5b8a928]{display:flex;min-width:0;height:96px;align-items:center;gap:12px;padding:13px 18px;border:1px solid #e2e7eb;border-radius:7px;color:#29364e;background:#fff;cursor:pointer;text-align:left;transition:border-color .16s ease,background .16s ease}.article-navigation button[data-v-d5b8a928]:hover{border-color:#9bd6c2;background:#f9fdfb}.article-navigation button[data-v-d5b8a928]:last-child{justify-content:flex-end;text-align:right}.article-navigation svg[data-v-d5b8a928]{width:15px;color:#8a95a4}.article-navigation span[data-v-d5b8a928]{display:flex;min-width:0;flex-direction:column;gap:7px}.article-navigation small[data-v-d5b8a928]{color:#8a95a5;font-size:12px;font-weight:400}.article-navigation strong[data-v-d5b8a928]{display:-webkit-box;overflow:hidden;font-size:15px;line-height:1.5;font-weight:700;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-only[data-v-d5b8a928]{display:none}.article-reactions[data-v-d5b8a928]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:42px;padding-top:24px;border-top:1px solid #e4e9ed}.article-reactions button[data-v-d5b8a928]{display:flex;height:38px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #dfe5ea;border-radius:6px;color:#667388;background:#fff;font-size:12px;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.article-reactions button[data-v-d5b8a928]:hover{border-color:#9bd6c2;color:#078f65;background:#f8fcfa}.article-reactions svg[data-v-d5b8a928]{width:16px;height:16px}.article-reactions svg.filled[data-v-d5b8a928]{fill:currentColor}.article-reactions button[aria-pressed=true][data-v-d5b8a928]{border-color:#a8dac9;color:#078f65;background:#f2faf7}.mobile-reactions button[data-v-d5b8a928]:disabled{cursor:wait;opacity:.6}.toc-panel[data-v-d5b8a928]{position:sticky;top:88px;display:flex;width:100%;max-height:calc(100vh - 120px);flex-direction:column;align-self:start;justify-self:end;padding:13px 12px 10px;border:1px solid #f3f5f6;border-radius:5px;background:#fff}.toc-panel>header[data-v-d5b8a928]{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px 8px}.toc-panel h2[data-v-d5b8a928]{margin:0;font-size:15px}.toc-panel header span[data-v-d5b8a928]{color:#c2c8d0;font-size:10px;font-weight:400}.toc-list[data-v-d5b8a928]{min-height:0;overflow-y:auto;padding-right:2px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e4e9ed transparent}.toc-list[data-v-d5b8a928]::-webkit-scrollbar{width:4px}.toc-list[data-v-d5b8a928]::-webkit-scrollbar-track{background:transparent}.toc-list[data-v-d5b8a928]::-webkit-scrollbar-thumb{border-radius:999px;background:#e4e9ed}.toc-list[data-v-d5b8a928]::-webkit-scrollbar-thumb:hover{background:#cfd7de}.toc-group[data-v-d5b8a928]{position:relative}.toc-group+.toc-group[data-v-d5b8a928]{margin-top:3px}.toc-panel nav button[data-v-d5b8a928]{position:relative;width:100%;min-height:32px;padding:5px 4px 5px 14px;border:0;color:#748093;background:transparent;font-size:14px;line-height:22px;cursor:pointer;text-align:left}.toc-panel nav button.child[data-v-d5b8a928]{min-height:28px;padding:4px 4px 4px 24px;color:#98a1ae;font-size:12px;line-height:18px}.toc-panel nav button[data-v-d5b8a928]:before{position:absolute;top:0;bottom:0;left:2px;width:1px;background:#e5e9ee;content:""}.toc-panel nav button.child[data-v-d5b8a928]:after{position:absolute;top:50%;left:0;width:5px;height:5px;border-radius:50%;background:#dbe2e7;transform:translateY(-50%);content:""}.toc-panel nav button.active[data-v-d5b8a928]{color:var(--green);font-weight:600}.toc-panel nav button.active[data-v-d5b8a928]:before{left:0;width:2px;background:var(--green)}.toc-children[data-v-d5b8a928]{padding-bottom:3px}.expand-toc[data-v-d5b8a928]{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:11px 4px 0;border:0;border-top:1px solid #e7ebee;color:#68758a;background:transparent;font-size:12px;cursor:pointer}.expand-toc svg[data-v-d5b8a928]{width:14px;transition:transform .16s ease}.expand-toc svg.rotated[data-v-d5b8a928]{transform:rotate(180deg)}.mobile-toc-fab[data-v-d5b8a928],.mobile-toc-overlay[data-v-d5b8a928],.hidden-sections[data-v-d5b8a928]{display:none}.article-end[data-v-d5b8a928]{margin-top:36px}.sponsor-card[data-v-d5b8a928]{display:grid;min-height:84px;grid-template-columns:46px minmax(0,1fr) 120px;align-items:center;gap:14px;padding:13px 18px;border:1px solid #e1ebe6;border-radius:7px;background:#fbfefc}.sponsor-art[data-v-d5b8a928]{position:relative;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#35bc8c;background:#edf9f4}.sponsor-art[data-v-d5b8a928]:after{display:none}.sponsor-art svg[data-v-d5b8a928]{width:21px;height:21px;stroke-width:1.8}.sponsor-copy[data-v-d5b8a928]{min-width:0}.sponsor-card h2[data-v-d5b8a928]{margin:0 0 5px;padding:0;border:0;font-size:15px;line-height:1}.sponsor-card p[data-v-d5b8a928]{overflow:hidden;margin:0;color:#84909f;font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.sponsor-card>button[data-v-d5b8a928]{display:flex;width:120px;height:36px;align-items:center;justify-content:center;gap:6px;border:1px solid #65c9a6;border-radius:6px;color:#199f70;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.sponsor-card>button[data-v-d5b8a928]:hover{color:#fff;background:#27b681}.sponsor-card>button svg[data-v-d5b8a928]{width:16px;height:16px}.reading-finished[data-v-d5b8a928]{display:flex;align-items:center;gap:18px;margin:37px 0 5px;color:#91a0b4;font-size:14px}.reading-finished i[data-v-d5b8a928]{height:1px;flex:1;background:#dfe5eb}.back-blog[data-v-d5b8a928]{display:flex;height:34px;align-items:center;justify-content:center;gap:6px;margin:16px auto 28px;padding:0 12px;border:0;color:#8792a2;background:transparent;font-size:12px;cursor:pointer}.back-blog[data-v-d5b8a928]:hover{color:#078f65}.back-blog svg[data-v-d5b8a928]{width:17px}.sponsor-modal[data-v-d5b8a928]{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#0f172a94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sponsor-dialog[data-v-d5b8a928]{position:relative;width:min(460px,100%);padding:34px 36px 32px;border:1px solid #e2e8ee;border-radius:12px;background:#fff;box-shadow:0 24px 70px #0f172a38;text-align:center}.sponsor-dialog-close[data-v-d5b8a928]{position:absolute;top:13px;right:13px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;color:#7a8698;background:#f5f7f9;cursor:pointer}.sponsor-dialog-close svg[data-v-d5b8a928]{width:18px}.sponsor-dialog-icon[data-v-d5b8a928]{display:grid;width:54px;height:54px;place-items:center;margin:0 auto 13px;border-radius:50%;color:#08aa73;background:#e8fbf3}.sponsor-dialog-icon svg[data-v-d5b8a928]{width:28px}.sponsor-dialog h2[data-v-d5b8a928]{margin:0 0 8px;font-size:22px}.sponsor-dialog>p[data-v-d5b8a928]{margin:0 auto 23px;color:#68758a;font-size:14px;line-height:1.6}.sponsor-qr-grid[data-v-d5b8a928]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sponsor-qr-grid figure[data-v-d5b8a928]{margin:0}.qr-frame[data-v-d5b8a928]{display:grid;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid #dce4ea;border-radius:8px;background:#fafcfc}.qr-frame img[data-v-d5b8a928]{width:100%;height:100%;object-fit:contain}.qr-frame>span[data-v-d5b8a928]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#a0aaba}.qr-frame>span svg[data-v-d5b8a928]{width:55px;height:55px}.qr-frame>span small[data-v-d5b8a928]{font-size:11px}.qr-frame.wechat[data-v-d5b8a928]:hover{border-color:#24bc82}.qr-frame.alipay[data-v-d5b8a928]:hover{border-color:#1677ff}.sponsor-qr-grid figcaption[data-v-d5b8a928]{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;color:#526077;font-size:13px;font-weight:700}.sponsor-qr-grid figcaption i[data-v-d5b8a928]{width:6px;height:6px;border-radius:50%;background:#1fbd7d}.sponsor-qr-grid figure:last-child figcaption i[data-v-d5b8a928]{background:#1677ff}.sponsor-modal-enter-active[data-v-d5b8a928],.sponsor-modal-leave-active[data-v-d5b8a928]{transition:opacity .18s ease}.sponsor-modal-enter-active .sponsor-dialog[data-v-d5b8a928],.sponsor-modal-leave-active .sponsor-dialog[data-v-d5b8a928]{transition:transform .18s ease,opacity .18s ease}.sponsor-modal-enter-from[data-v-d5b8a928],.sponsor-modal-leave-to[data-v-d5b8a928]{opacity:0}.sponsor-modal-enter-from .sponsor-dialog[data-v-d5b8a928],.sponsor-modal-leave-to .sponsor-dialog[data-v-d5b8a928]{opacity:0;transform:translateY(12px) scale(.97)}@media(min-width:768px)and (max-width:1100px){.detail-shell[data-v-d5b8a928]{width:min(100% - 40px,900px);grid-template-columns:1fr}}@media(max-width:1100px){.toc-panel[data-v-d5b8a928]{display:none}}@media(min-width:1101px)and (max-width:1480px){.detail-shell[data-v-d5b8a928]{grid-template-columns:minmax(0,800px) 256px;gap:32px}}@media(max-width:767px){.detail-shell[data-v-d5b8a928]{display:block;padding:37px 0 38px}.reading-progress[data-v-d5b8a928]{display:none}.article-header[data-v-d5b8a928]{padding-bottom:27px}.article-kicker[data-v-d5b8a928]{gap:12px;margin:2px 0 18px;font-size:16px;white-space:nowrap}.article-header h1[data-v-d5b8a928]{margin-bottom:21px;font-size:34px;line-height:1.32}.article-header h1.long-title[data-v-d5b8a928]{font-size:clamp(30px,8vw,33px);line-height:1.28}.author-row[data-v-d5b8a928]{gap:14px;font-size:16px}.author-row img[data-v-d5b8a928]{width:68px;height:68px}.author-row>i[data-v-d5b8a928]{display:none}.author-row svg[data-v-d5b8a928]{width:19px;height:19px}.ai-summary[data-v-d5b8a928]{margin:36px 0 38px;padding:20px 27px;border-radius:9px}.ai-summary h2[data-v-d5b8a928]{margin-bottom:13px;font-size:17px}.ai-summary p[data-v-d5b8a928]{position:relative;z-index:1;font-size:16px;line-height:1.78}.mobile-summary.typing[data-v-d5b8a928]:after{display:inline-block;width:1px;height:1em;margin-left:3px;background:#64bca2;content:"";vertical-align:-2px;animation:summary-cursor-d5b8a928 .72s steps(1,end) infinite}.desktop-summary[data-v-d5b8a928],.desktop-quote[data-v-d5b8a928],.desktop-tech-label[data-v-d5b8a928],.desktop-only[data-v-d5b8a928]{display:none}.mobile-summary[data-v-d5b8a928],.mobile-quote[data-v-d5b8a928],.mobile-tech-label[data-v-d5b8a928]{display:block}.summary-watermark[data-v-d5b8a928]{position:absolute;right:7px;bottom:0;z-index:0;display:block;width:54px;height:54px;color:#dff4ed;opacity:.46;pointer-events:none}.article-body h2[data-v-d5b8a928]{margin-bottom:20px;padding:0;border:0;font-size:22px}.article-body p[data-v-d5b8a928]{margin-bottom:17px;font-size:16px;line-height:1.75}.article-body ul[data-v-d5b8a928]{margin-bottom:22px;padding-left:28px}.article-body li[data-v-d5b8a928]{margin:8px 0;padding-left:2px;font-size:15px;line-height:1.65}.article-body blockquote[data-v-d5b8a928]{min-height:92px;margin:19px 0 38px;padding:13px 22px;border:0;border-left:5px solid #26c398;border-radius:0;background:linear-gradient(90deg,#fafafa,#f5f7f8)}.article-body blockquote>span[data-v-d5b8a928]{display:block;align-self:flex-start;margin-right:16px;color:#d7dbdf;font-family:Georgia,serif;font-size:54px;line-height:.85}.article-body blockquote p[data-v-d5b8a928]{margin:0;font-size:16px;line-height:1.6}.remote-markdown[data-v-d5b8a928]{font-size:16px;line-height:1.78}.remote-markdown[data-v-d5b8a928] h1{font-size:25px}.remote-markdown[data-v-d5b8a928] h2{padding:0;border:0;font-size:22px}.remote-markdown[data-v-d5b8a928] h3{font-size:19px}.remote-markdown[data-v-d5b8a928] p{font-size:16px;line-height:1.78}.remote-markdown[data-v-d5b8a928] li{font-size:15px;line-height:1.7}.remote-markdown[data-v-d5b8a928] blockquote{display:block;min-height:0;margin:20px 0 24px;padding:13px 16px;border-left:3px solid #52c7a6;border-radius:0 5px 5px 0;background:#f8fbfa}.remote-markdown[data-v-d5b8a928] blockquote p{margin:0;font-size:15px;line-height:1.72}.remote-markdown[data-v-d5b8a928] .markdown-callout{margin:20px 0 24px;padding:14px 15px 13px}.remote-markdown[data-v-d5b8a928] .markdown-callout-body p{font-size:14px;line-height:1.7}.remote-markdown[data-v-d5b8a928] .markdown-table-wrap{margin:22px 0 25px}.remote-markdown[data-v-d5b8a928] table{min-width:620px}.remote-markdown[data-v-d5b8a928] .markdown-figure{margin:24px auto 27px}.remote-markdown[data-v-d5b8a928] .markdown-code{width:100%;margin:22px 0 26px;border-radius:11px}.remote-markdown[data-v-d5b8a928] .markdown-code-header{height:42px;padding:0 5px 0 66px}.remote-markdown[data-v-d5b8a928] .markdown-code-header:before{left:14px;width:10px;height:10px;box-shadow:17px 0 #febc2e,34px 0 #28c840}.remote-markdown[data-v-d5b8a928] .markdown-code-language{max-width:calc(100% - 160px)}.remote-markdown[data-v-d5b8a928] .markdown-code-copy{min-width:54px;height:34px}.remote-markdown[data-v-d5b8a928] .markdown-code pre{padding:17px 16px 19px}.remote-markdown[data-v-d5b8a928] .markdown-code pre::-webkit-scrollbar{height:4px}.remote-markdown[data-v-d5b8a928] .markdown-code pre::-webkit-scrollbar-thumb{background:#566173}.remote-markdown[data-v-d5b8a928] .markdown-code code{font-size:12.5px;line-height:1.7}.desktop-architecture-intro[data-v-d5b8a928]{display:none}.architecture-flow[data-v-d5b8a928]{width:100%;margin:20px 0 16px}.tech-card[data-v-d5b8a928]{width:calc((100% - 80px)/5);height:72px;flex-direction:column;justify-content:center;gap:1px;padding:4px 2px;text-align:center}.tech-card>span[data-v-d5b8a928]:last-child{gap:1px}.tech-card strong[data-v-d5b8a928]{font-size:11px}.tech-card small[data-v-d5b8a928]{font-size:9px}.tech-icon[data-v-d5b8a928]{width:27px;height:27px}.tech-icon svg[data-v-d5b8a928]{width:24px;height:24px}.tech-icon.vue b[data-v-d5b8a928]{font-size:23px}.flow-arrow[data-v-d5b8a928]{width:20px;padding:0 2px}.code-section[data-v-d5b8a928]{display:block;margin-top:15px}.code-header[data-v-d5b8a928]{height:39px;font-size:11px}.code-section pre[data-v-d5b8a928]{min-height:178px;padding:9px 20px 16px;font-size:11px;line-height:1.55}.mobile-reactions[data-v-d5b8a928]{display:flex;height:70px;align-items:center;gap:38px;margin-top:0;padding:0 12px;border-top:0}.article-reactions.mobile-reactions button[data-v-d5b8a928]{display:flex;height:auto;align-items:center;gap:9px;padding:0;border:0;color:#647188;background:transparent;font-size:15px}.article-reactions.mobile-reactions svg[data-v-d5b8a928]{width:22px;height:22px}.article-reactions.mobile-reactions button:nth-child(2) svg[data-v-d5b8a928]{color:#eda900}.article-reactions.mobile-reactions svg.filled[data-v-d5b8a928]{fill:currentColor}.article-end[data-v-d5b8a928]{margin-top:0}.reading-finished[data-v-d5b8a928]{display:none}.sponsor-card[data-v-d5b8a928]{display:grid;min-height:128px;grid-template-columns:82px minmax(0,1fr) 150px;gap:24px;margin:27px 8px 35px;padding:18px 27px;border-color:#cfe8df;border-radius:11px;background:linear-gradient(105deg,#f7fffb,#fff)}.sponsor-art[data-v-d5b8a928]{width:72px;height:72px}.sponsor-art[data-v-d5b8a928]:after{display:none}.sponsor-art svg[data-v-d5b8a928]{width:36px;height:36px}.sponsor-card h2[data-v-d5b8a928]{margin-bottom:12px;font-size:20px}.sponsor-card p[data-v-d5b8a928]{font-size:16px}.sponsor-card>button[data-v-d5b8a928]{width:150px;height:58px;font-size:20px}.article-navigation[data-v-d5b8a928]{display:grid;height:auto;grid-template-columns:1fr;gap:10px;margin:0 4px;border:0;border-radius:0}.article-navigation>i[data-v-d5b8a928]{display:none}.article-navigation button[data-v-d5b8a928]{position:relative;display:flex;min-height:88px;align-items:center;justify-content:flex-start;padding:16px 44px;border:1px solid #e1e7eb;border-radius:12px;background:#fff;box-shadow:0 3px 10px #1f304806;text-align:left}.article-navigation button[data-v-d5b8a928]:last-child{padding-right:44px;padding-left:18px;justify-content:flex-start;text-align:left}.article-navigation button[data-v-d5b8a928]:after{position:absolute;right:10px;bottom:4px;width:72px;height:54px;background:url(/images/archive/archive-post-1.png) center / contain no-repeat;opacity:.055;content:""}.article-navigation button[data-v-d5b8a928]:last-child:after{background-image:url(/images/archive/archive-post-4.png);opacity:.055}.article-navigation button[data-v-d5b8a928]>*{position:relative;z-index:1}.article-navigation button>svg[data-v-d5b8a928]{position:absolute;top:50%;width:18px;height:18px;color:#b1bac5;background:transparent;transform:translateY(-50%)}.article-navigation button:first-child>svg[data-v-d5b8a928]{left:15px}.article-navigation button:last-child>svg[data-v-d5b8a928]{right:15px}.article-navigation span[data-v-d5b8a928],.article-navigation button:last-child span[data-v-d5b8a928]{height:auto;align-items:flex-start;gap:5px}.article-navigation small[data-v-d5b8a928]{color:#8b98aa;font-size:12px}.article-navigation strong[data-v-d5b8a928],.article-navigation button:first-child strong[data-v-d5b8a928]{align-self:auto;color:#27344a;font-size:15px;line-height:1.5;text-align:left}.back-blog[data-v-d5b8a928]{display:flex;width:267px;height:71px;margin:34px auto 62px;border-color:#d4dce5;font-size:21px}.back-blog svg[data-v-d5b8a928]{width:23px}.sponsor-dialog[data-v-d5b8a928]{padding:30px 26px 27px}.mobile-only[data-v-d5b8a928]{display:block}body.article-detail-active .back-to-top{display:none!important}.mobile-toc-fab[data-v-d5b8a928]{position:fixed;right:16px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:70;display:grid;width:54px;height:54px;place-items:center;border:0;border-radius:50%;color:#fff;background:#16b98a;box-shadow:0 8px 22px #00946b38;cursor:pointer}.mobile-toc-fab svg[data-v-d5b8a928]{width:24px;height:24px}.mobile-fab-enter-active[data-v-d5b8a928]{transition:opacity .18s ease,transform .18s ease}.mobile-fab-leave-active[data-v-d5b8a928]{opacity:0;pointer-events:none;transform:translateY(10px) scale(.92);transition:none}.mobile-fab-enter-from[data-v-d5b8a928],.mobile-fab-leave-to[data-v-d5b8a928]{opacity:0;transform:translateY(10px) scale(.92)}.mobile-toc-overlay[data-v-d5b8a928]{position:fixed;inset:0;z-index:150;display:flex;align-items:flex-end;background:#0e172761}.mobile-toc-sheet[data-v-d5b8a928]{display:flex;width:100%;max-height:76vh;flex-direction:column;overflow:hidden;padding:9px 18px calc(14px + env(safe-area-inset-bottom,0px));border:1px solid #edf0f2;border-bottom:0;border-radius:20px 20px 0 0;background:#fff;box-shadow:0 -14px 36px #1222351f}.mobile-toc-handle[data-v-d5b8a928]{width:38px;height:4px;flex:0 0 auto;margin:0 auto 8px;border-radius:999px;background:#dce2e6}.mobile-toc-header[data-v-d5b8a928]{display:flex;min-height:44px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px}.mobile-toc-header>div[data-v-d5b8a928]{display:flex;align-items:baseline;gap:9px}.mobile-toc-header h2[data-v-d5b8a928]{margin:0;font-size:18px;line-height:1.3}.mobile-toc-header span[data-v-d5b8a928]{color:#a0a9b5;font-size:11px}.mobile-toc-header>button[data-v-d5b8a928]{display:grid;width:40px;height:40px;place-items:center;padding:0;border:0;border-radius:50%;color:#738094;background:#f5f7f8;cursor:pointer}.mobile-toc-header svg[data-v-d5b8a928]{width:19px;height:19px}.mobile-toc-progress[data-v-d5b8a928]{display:grid;min-height:42px;flex:0 0 auto;grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:10px;padding:0 2px;color:#8490a1;font-size:11px}.mobile-toc-progress>i[data-v-d5b8a928]{height:3px;overflow:hidden;border-radius:999px;background:#edf1f2}.mobile-toc-progress b[data-v-d5b8a928]{display:block;width:100%;height:100%;transform-origin:left center;border-radius:inherit;background:#27bb8e}.mobile-toc-progress strong[data-v-d5b8a928]{color:#648073;font-size:11px;text-align:right}.mobile-toc-list[data-v-d5b8a928]{min-height:0;flex:1 1 auto;overflow-y:auto;margin-top:14px;padding:2px 3px 8px 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dce4e7 transparent}.mobile-toc-list[data-v-d5b8a928]::-webkit-scrollbar{width:4px}.mobile-toc-list[data-v-d5b8a928]::-webkit-scrollbar-track{background:transparent}.mobile-toc-list[data-v-d5b8a928]::-webkit-scrollbar-thumb{border-radius:999px;background:#dce4e7}.mobile-toc-group+.mobile-toc-group[data-v-d5b8a928]{margin-top:3px}.mobile-toc-group>button[data-v-d5b8a928],.mobile-toc-children button[data-v-d5b8a928]{position:relative;display:block;width:100%;min-height:42px;padding:9px 10px 9px 15px;border:0;color:#637188;background:transparent;font-size:14px;line-height:1.6;text-align:left;cursor:pointer}.mobile-toc-group>button[data-v-d5b8a928]:before{position:absolute;top:10px;bottom:10px;left:1px;width:2px;border-radius:999px;background:transparent;content:""}.mobile-toc-group>button.active[data-v-d5b8a928]{color:#078f65;font-weight:600}.mobile-toc-group>button.active[data-v-d5b8a928]:before{background:#20b98a}.mobile-toc-children[data-v-d5b8a928]{padding-bottom:4px}.mobile-toc-children button[data-v-d5b8a928]{min-height:35px;padding:7px 10px 7px 31px;color:#98a3b2;font-size:12px;line-height:1.55}.mobile-toc-children button.active[data-v-d5b8a928]{color:#078f65;font-weight:600}.mobile-toc-children button[data-v-d5b8a928]:before{position:absolute;top:50%;left:17px;width:4px;height:4px;border-radius:50%;background:#d8e0e5;transform:translateY(-50%);content:""}.mobile-toc-children button.active[data-v-d5b8a928]:before{background:#34ba91}.mobile-toc-footer[data-v-d5b8a928]{display:flex;min-height:50px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:14px;padding:7px 2px 0;border-top:1px solid #edf0f2}.mobile-toc-footer button[data-v-d5b8a928]{display:flex;min-height:40px;align-items:center;gap:6px;padding:0 6px;border:0;color:#718095;background:transparent;font-size:12px;cursor:pointer}.mobile-toc-footer svg[data-v-d5b8a928]{width:15px;height:15px;transition:transform .16s ease}.mobile-toc-footer svg.rotated[data-v-d5b8a928]{transform:rotate(180deg)}.mobile-toc-footer .mobile-toc-top[data-v-d5b8a928]{margin-left:auto;color:#47816f}.toc-sheet-enter-active[data-v-d5b8a928],.toc-sheet-leave-active[data-v-d5b8a928]{transition:opacity .2s ease}.toc-sheet-enter-active .mobile-toc-sheet[data-v-d5b8a928],.toc-sheet-leave-active .mobile-toc-sheet[data-v-d5b8a928]{transition:transform .22s ease}.toc-sheet-enter-from[data-v-d5b8a928],.toc-sheet-leave-to[data-v-d5b8a928]{opacity:0}.toc-sheet-enter-from .mobile-toc-sheet[data-v-d5b8a928],.toc-sheet-leave-to .mobile-toc-sheet[data-v-d5b8a928]{transform:translateY(100%)}}@keyframes summary-cursor-d5b8a928{50%{opacity:0}}@media(max-width:520px){.locked-article[data-v-d5b8a928]{min-height:350px;padding:30px 18px}.locked-article h2[data-v-d5b8a928]{font-size:19px}.unlock-form[data-v-d5b8a928]{margin-top:21px}.unlock-control input[data-v-d5b8a928],.unlock-submit[data-v-d5b8a928]{height:48px}.comments-disabled[data-v-d5b8a928]{min-height:0;gap:8px;margin-top:-4px;padding:8px 10px;border-radius:8px}.comments-disabled>svg[data-v-d5b8a928]{width:18px;height:18px}.comments-disabled>div[data-v-d5b8a928]{display:flex;flex-direction:column}.article-body .comments-disabled h2[data-v-d5b8a928]{margin:0;font-size:13px;font-weight:600;line-height:1.3}.article-body .comments-disabled p[data-v-d5b8a928]{margin:1px 0 0;font-size:11px;line-height:1.35}.article-kicker[data-v-d5b8a928]{gap:7px;font-size:11px}.article-header h1[data-v-d5b8a928]{font-size:27px}.article-header h1.long-title[data-v-d5b8a928]{font-size:clamp(25px,6.9vw,26.5px);line-height:1.27}.author-row[data-v-d5b8a928]{gap:9px;font-size:12px}.author-row img[data-v-d5b8a928]{width:52px;height:52px}.ai-summary[data-v-d5b8a928]{margin-top:25px;padding:17px 18px}.ai-summary p[data-v-d5b8a928],.article-body p[data-v-d5b8a928]{font-size:14px}.article-body h2[data-v-d5b8a928]{font-size:19px}.article-body li[data-v-d5b8a928]{font-size:13px}.remote-markdown[data-v-d5b8a928]{font-size:14px}.remote-markdown[data-v-d5b8a928] h1{font-size:22px}.remote-markdown[data-v-d5b8a928] h2{font-size:19px}.remote-markdown[data-v-d5b8a928] h3{font-size:17px}.remote-markdown[data-v-d5b8a928] p,.remote-markdown[data-v-d5b8a928] li{font-size:14px}.tech-card[data-v-d5b8a928]{width:calc((100% - 52px)/5);height:62px}.tech-card strong[data-v-d5b8a928]{font-size:8px}.tech-card small[data-v-d5b8a928]{font-size:7px}.flow-arrow[data-v-d5b8a928]{width:13px;padding:0}.mobile-reactions[data-v-d5b8a928]{gap:20px}.sponsor-card[data-v-d5b8a928]{min-height:65px;grid-template-columns:43px minmax(0,1fr) 82px;gap:11px;margin:14px 4px 18px;padding:9px 14px;border-radius:7px}.sponsor-art[data-v-d5b8a928]{width:40px;height:40px}.sponsor-art svg[data-v-d5b8a928]{width:21px;height:21px}.sponsor-card h2[data-v-d5b8a928]{margin-bottom:6px;font-size:12px}.sponsor-card p[data-v-d5b8a928]{font-size:10px}.sponsor-card>button[data-v-d5b8a928]{width:82px;height:31px;gap:5px;border-radius:6px;font-size:12px}.sponsor-card>button svg[data-v-d5b8a928]{width:13px;height:13px}.back-blog[data-v-d5b8a928]{width:134px;height:36px;margin:17px auto 31px;font-size:11px}.back-blog svg[data-v-d5b8a928]{width:13px}.sponsor-modal[data-v-d5b8a928]{padding:14px}.sponsor-dialog[data-v-d5b8a928]{padding:25px 18px 22px;border-radius:9px}.sponsor-dialog h2[data-v-d5b8a928]{font-size:18px}.sponsor-dialog>p[data-v-d5b8a928]{margin-bottom:18px;font-size:12px}.sponsor-qr-grid[data-v-d5b8a928]{gap:12px}.sponsor-qr-grid figcaption[data-v-d5b8a928]{margin-top:7px;font-size:11px}}.dark .detail-page[data-v-d5b8a928]{--ink: var(--color-text);--muted: var(--color-text-secondary);--line: var(--color-border);color:var(--color-text);background:var(--color-canvas-subtle)}.dark .detail-page .reading-progress[data-v-d5b8a928]{background:#94a3b81f}.dark .detail-page .article-header[data-v-d5b8a928]{border-color:var(--color-border-subtle)}.dark .detail-page .article-kicker[data-v-d5b8a928]{color:var(--color-text-secondary)}.dark .detail-page .article-kicker strong[data-v-d5b8a928]{color:#83ddc1;background:#00b89424}.dark .detail-page .article-kicker i[data-v-d5b8a928],.dark .detail-page .author-row>i[data-v-d5b8a928]{background:var(--color-text-muted)}.dark .detail-page .article-header h1[data-v-d5b8a928]{color:var(--color-text)}.dark .detail-page .author-row[data-v-d5b8a928]{color:var(--color-text-secondary)}.dark .detail-page .author-row strong[data-v-d5b8a928]{color:var(--color-text)}.dark .detail-page .author-row img[data-v-d5b8a928]{background:var(--color-surface-elevated)}.dark .detail-page .author-row svg[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .detail-page .ai-summary[data-v-d5b8a928]{border-color:#34d39933;background:#10b9810f}.dark .detail-page .ai-summary h2[data-v-d5b8a928]{color:#70d6b6}.dark .detail-page .ai-summary p[data-v-d5b8a928]{color:var(--color-text-secondary)}.dark .detail-page .summary-watermark[data-v-d5b8a928]{color:#5bd7b133}.dark .detail-page .article-body h2[data-v-d5b8a928],.dark .detail-page .remote-markdown[data-v-d5b8a928] h1,.dark .detail-page .remote-markdown[data-v-d5b8a928] h2,.dark .detail-page .remote-markdown[data-v-d5b8a928] h3,.dark .detail-page .remote-markdown[data-v-d5b8a928] h4,.dark .detail-page .remote-markdown[data-v-d5b8a928] h5,.dark .detail-page .remote-markdown[data-v-d5b8a928] h6{color:var(--color-text)}.dark .detail-page .article-body p[data-v-d5b8a928],.dark .detail-page .article-body li[data-v-d5b8a928],.dark .detail-page .remote-markdown[data-v-d5b8a928],.dark .detail-page .remote-markdown[data-v-d5b8a928] p,.dark .detail-page .remote-markdown[data-v-d5b8a928] li{color:#cbd5e1}.dark .detail-page .article-body li[data-v-d5b8a928]::marker,.dark .detail-page .remote-markdown[data-v-d5b8a928] li::marker{color:var(--color-text-secondary)}.dark .detail-page .remote-markdown[data-v-d5b8a928] strong{color:#e8eef5}.dark .detail-page .remote-markdown[data-v-d5b8a928] em{color:#aebac8}.dark .detail-page .remote-markdown[data-v-d5b8a928] del{color:var(--color-text-muted);text-decoration-color:#667487}.dark .detail-page .remote-markdown[data-v-d5b8a928] mark{background:#eab3082e}.dark .detail-page .remote-markdown[data-v-d5b8a928] a{color:#70d6b6;text-decoration-color:#70d6b673}.dark .detail-page .remote-markdown[data-v-d5b8a928] a:hover{color:#9aecd3}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-external-link:after{color:#83cdb6}.dark .detail-page .article-body blockquote[data-v-d5b8a928],.dark .detail-page .remote-markdown[data-v-d5b8a928] blockquote{border-color:#52c7a64d;border-left-color:#52c7a6;color:var(--color-text-secondary);background:var(--color-surface-elevated)}.dark .detail-page .article-body blockquote p[data-v-d5b8a928],.dark .detail-page .remote-markdown[data-v-d5b8a928] blockquote p{color:var(--color-text-secondary)}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout{border-color:var(--color-border);color:var(--color-text-secondary);background:var(--color-surface)}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-body p{color:var(--color-text-secondary)}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-info{border-color:#60a5fa40;color:#9ac7ef;background:#1e405d57}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-info .markdown-callout-title>span{color:#9ac7ef;background:#60a5fa2e}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-tip,.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-success{border-color:#34d39938;color:#8edfc5;background:#10b98114}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-tip .markdown-callout-title>span,.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-success .markdown-callout-title>span{color:#8edfc5;background:#34d39929}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-warning{border-color:#eab3083d;color:#dfc47c;background:#78531238}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-warning .markdown-callout-title>span{color:#e7cb82;background:#eab30829}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-danger{border-color:#f871713d;color:#e8a6a6;background:#7f1d1d33}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-callout-danger .markdown-callout-title>span{color:#efb0b0;background:#f8717126}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-table-wrap{border-color:var(--color-border);background:var(--color-surface);scrollbar-color:#465466 transparent}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-table-wrap::-webkit-scrollbar-thumb{background:#465466}.dark .detail-page .remote-markdown[data-v-d5b8a928] table{color:var(--color-text-secondary)}.dark .detail-page .remote-markdown[data-v-d5b8a928] th,.dark .detail-page .remote-markdown[data-v-d5b8a928] td{border-color:var(--color-border-subtle)}.dark .detail-page .remote-markdown[data-v-d5b8a928] th{color:var(--color-text);background:var(--color-surface-elevated)}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-figure img,.dark .detail-page .remote-markdown[data-v-d5b8a928] p>img{border-color:var(--color-border)}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-figure figcaption{color:var(--color-text-muted)}.dark .detail-page .remote-markdown[data-v-d5b8a928] hr{background:var(--color-border)}.dark .detail-page .remote-markdown[data-v-d5b8a928] :not(pre)>code{border-color:#70d6b633;color:#9adfca;background:var(--color-surface-elevated)}.dark .detail-page .remote-markdown[data-v-d5b8a928] kbd{border-color:var(--color-border);border-bottom-color:#3d4b5b;color:var(--color-text-secondary);background:var(--color-surface-elevated);box-shadow:0 1px #2c3948}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-code{border-color:#3a3a3c;color:#f2f2f7;background:#1e1e20;box-shadow:0 1px 2px #00000047,0 16px 36px #0000003d}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-code-header{border-bottom-color:#ffffff14;color:#c7c7cc;background:#2c2c2e}.dark .detail-page .remote-markdown[data-v-d5b8a928] .markdown-code-copy:hover{border-color:#ffffff1a;color:#f5f5f7;background:#ffffff14}.dark .detail-page .locked-article[data-v-d5b8a928]{border-color:var(--color-border);background:var(--color-surface)}.dark .detail-page .locked-article h2[data-v-d5b8a928]{color:var(--color-text)}.dark .detail-page .locked-article>p[data-v-d5b8a928],.dark .detail-page .unlock-form>label[data-v-d5b8a928]{color:var(--color-text-secondary)}.dark .detail-page .locked-icon[data-v-d5b8a928]{background:#00b89424}.dark .detail-page .unlock-control input[data-v-d5b8a928]{border-color:var(--color-border);color:var(--color-text);background:var(--color-input)}.dark .detail-page .password-visibility[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .detail-page .password-visibility[data-v-d5b8a928]:hover{color:var(--color-text-secondary);background:var(--color-surface-elevated)}.dark .detail-page .comments-disabled[data-v-d5b8a928]{border-color:var(--color-border-subtle);color:var(--color-text-muted);background:var(--color-surface)}.dark .detail-page .comments-disabled>svg[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .detail-page .comments-disabled h2[data-v-d5b8a928]{color:var(--color-text)}.dark .detail-page .comments-disabled p[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .detail-page .tech-card[data-v-d5b8a928]{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface)}.dark .detail-page .tech-card small[data-v-d5b8a928]{color:var(--color-text-secondary)}.dark .detail-page .tech-icon.bot[data-v-d5b8a928]{color:#aebfe8;background:#8199f52e}.dark .detail-page .flow-arrow[data-v-d5b8a928]{color:var(--color-text-secondary)}.dark .detail-page .article-navigation button[data-v-d5b8a928]{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface)}.dark .detail-page .article-navigation button[data-v-d5b8a928]:hover{border-color:#5bd7b173;background:var(--color-surface-elevated)}.dark .detail-page .article-navigation svg[data-v-d5b8a928],.dark .detail-page .article-navigation small[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .detail-page .article-navigation strong[data-v-d5b8a928]{color:var(--color-text)}.dark .detail-page .article-reactions[data-v-d5b8a928]{border-top-color:var(--color-border-subtle)}.dark .detail-page .article-reactions button[data-v-d5b8a928]{border-color:var(--color-border);color:var(--color-text-secondary);background:var(--color-surface)}.dark .detail-page .article-reactions button[data-v-d5b8a928]:hover{border-color:#5bd7b173;color:#83ddc1;background:var(--color-surface-elevated)}.dark .detail-page .article-reactions button[aria-pressed=true][data-v-d5b8a928]{border-color:#5bd7b173;color:#83ddc1;background:#00b89424}.dark .detail-page .sponsor-card[data-v-d5b8a928]{border-color:var(--color-border);background:var(--color-surface)}.dark .detail-page .sponsor-art[data-v-d5b8a928]{background:#00b89424}.dark .detail-page .sponsor-card p[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .detail-page .sponsor-card>button[data-v-d5b8a928]{border-color:#5bd7b18c;color:#83ddc1;background:transparent}.dark .detail-page .sponsor-card>button[data-v-d5b8a928]:hover{color:#102019;background:#70d6b6}.dark .detail-page .reading-finished[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .detail-page .reading-finished i[data-v-d5b8a928]{background:var(--color-border)}.dark .detail-page .back-blog[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .detail-page .back-blog[data-v-d5b8a928]:hover{color:#83ddc1}.dark .detail-page .toc-panel[data-v-d5b8a928]{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface)}.dark .detail-page .toc-panel header span[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .detail-page .toc-panel nav button[data-v-d5b8a928]{color:var(--color-text-secondary)}.dark .detail-page .toc-panel nav button.child[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .detail-page .toc-panel nav button[data-v-d5b8a928]:before{background:var(--color-border)}.dark .detail-page .toc-panel nav button.child[data-v-d5b8a928]:after{background:#536274}.dark .detail-page .toc-panel nav button.active[data-v-d5b8a928]{color:#70d6b6}.dark .detail-page .expand-toc[data-v-d5b8a928]{border-top-color:var(--color-border);color:var(--color-text-secondary)}.dark .detail-page .toc-list[data-v-d5b8a928]{scrollbar-color:#465466 transparent}.dark .detail-page .toc-list[data-v-d5b8a928]::-webkit-scrollbar-thumb{background:#465466}.dark .detail-page .toc-list[data-v-d5b8a928]::-webkit-scrollbar-thumb:hover{background:#5b6b7e}.dark .mobile-toc-overlay[data-v-d5b8a928]{background:#040a129e}.dark .mobile-toc-sheet[data-v-d5b8a928]{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 -14px 36px #00000047}.dark .mobile-toc-handle[data-v-d5b8a928]{background:#526274}.dark .mobile-toc-header span[data-v-d5b8a928],.dark .mobile-toc-progress[data-v-d5b8a928],.dark .mobile-toc-footer button[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .mobile-toc-header>button[data-v-d5b8a928]{color:var(--color-text-secondary);background:var(--color-surface-elevated)}.dark .mobile-toc-progress>i[data-v-d5b8a928]{background:#2b3948}.dark .mobile-toc-progress strong[data-v-d5b8a928]{color:#83cdb6}.dark .mobile-toc-group>button[data-v-d5b8a928],.dark .mobile-toc-children button[data-v-d5b8a928]{color:var(--color-text-secondary)}.dark .mobile-toc-group>button.active[data-v-d5b8a928],.dark .mobile-toc-children button.active[data-v-d5b8a928]{color:#70d6b6}.dark .mobile-toc-children button[data-v-d5b8a928]:before{background:#536274}.dark .mobile-toc-footer[data-v-d5b8a928]{border-top-color:var(--color-border)}.dark .mobile-toc-footer .mobile-toc-top[data-v-d5b8a928]{color:#70d6b6}.dark .sponsor-dialog[data-v-d5b8a928]{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface);box-shadow:0 24px 70px #00000061}.dark .sponsor-dialog-close[data-v-d5b8a928]{color:var(--color-text-secondary);background:var(--color-surface-elevated)}.dark .sponsor-dialog-icon[data-v-d5b8a928]{color:#70d6b6;background:#00b89424}.dark .sponsor-dialog>p[data-v-d5b8a928]{color:var(--color-text-secondary)}.dark .qr-frame[data-v-d5b8a928]{border-color:var(--color-border);background:var(--color-input)}.dark .qr-frame>span[data-v-d5b8a928]{color:var(--color-text-muted)}.dark .sponsor-qr-grid figcaption[data-v-d5b8a928]{color:var(--color-text-secondary)}.dark .detail-page[data-v-d5b8a928] .comments-section{color:var(--color-text-secondary)}.dark .detail-page[data-v-d5b8a928] .heading-icon{background:#00b89424}.dark .detail-page[data-v-d5b8a928] .comments-heading p,.dark .detail-page[data-v-d5b8a928] .comments-heading>strong{color:var(--color-text-muted)}.dark .detail-page[data-v-d5b8a928] .comment-composer{border-color:var(--color-border);background:var(--color-surface)}.dark .detail-page[data-v-d5b8a928] .replying-bar{color:var(--color-text-secondary);background:#00b8941a}.dark .detail-page[data-v-d5b8a928] .replying-bar button,.dark .detail-page[data-v-d5b8a928] .comment-mode-switch button{color:var(--color-text-muted)}.dark .detail-page[data-v-d5b8a928] .comment-mode-switch{background:var(--color-surface-elevated)}.dark .detail-page[data-v-d5b8a928] .comment-mode-switch button.active{color:#70d6b6;background:var(--color-surface)}.dark .detail-page[data-v-d5b8a928] .login-prompt{background:var(--color-surface-elevated)}.dark .detail-page[data-v-d5b8a928] .login-prompt strong{color:var(--color-text)}.dark .detail-page[data-v-d5b8a928] .login-prompt p,.dark .detail-page[data-v-d5b8a928] .signed-in-user small,.dark .detail-page[data-v-d5b8a928] .guest-fields span,.dark .detail-page[data-v-d5b8a928] .composer-shortcut{color:var(--color-text-muted)}.dark .detail-page[data-v-d5b8a928] .signed-in-user{background:#00b8941a}.dark .detail-page[data-v-d5b8a928] .guest-fields input,.dark .detail-page[data-v-d5b8a928] .comment-input textarea,.dark .detail-page[data-v-d5b8a928] .captcha-image,.dark .detail-page[data-v-d5b8a928] .captcha-control>input,.dark .detail-page[data-v-d5b8a928] .social-login button{border-color:var(--color-border);color:var(--color-text);background:var(--color-input)}.dark .detail-page[data-v-d5b8a928] .guest-fields input::placeholder,.dark .detail-page[data-v-d5b8a928] .comment-input textarea::placeholder{color:var(--color-text-muted)}.dark .detail-page[data-v-d5b8a928] .comment-input small,.dark .detail-page[data-v-d5b8a928] .captcha-image,.dark .detail-page[data-v-d5b8a928] .social-login{color:var(--color-text-muted)}.dark .detail-page[data-v-d5b8a928] .social-login button:hover{border-color:#5bd7b173;color:#70d6b6}.dark .detail-page[data-v-d5b8a928] .comment-list-heading{border-bottom-color:var(--color-border)}.dark .detail-page[data-v-d5b8a928] .comment-list-heading button{color:var(--color-text-secondary)}.dark .detail-page[data-v-d5b8a928] .comment-state,.dark .detail-page[data-v-d5b8a928] .comment-content time,.dark .detail-page[data-v-d5b8a928] .comment-location,.dark .detail-page[data-v-d5b8a928] .comment-device,.dark .detail-page[data-v-d5b8a928] .comment-actions button{color:var(--color-text-muted)}.dark .detail-page[data-v-d5b8a928] .comment-state--empty strong,.dark .detail-page[data-v-d5b8a928] .comment-author strong,.dark .detail-page[data-v-d5b8a928] .comment-author a{color:var(--color-text)}.dark .detail-page[data-v-d5b8a928] .comment-content>p{color:#cbd5e1}.dark .detail-page[data-v-d5b8a928] .comment-avatar{border-color:var(--color-border);color:#70d6b6;background:#00b8941f}.dark .detail-page[data-v-d5b8a928] .comment-node{border-bottom-color:var(--color-border-subtle)}.dark .detail-page[data-v-d5b8a928] .comment-author em{border-color:#5bd7b159;color:#83ddc1;background:#00b8941f}.dark .detail-page[data-v-d5b8a928] .comment-author .pending-label{border-color:#eab30859;color:#dfc47c;background:#78531238}.dark .detail-page[data-v-d5b8a928] .comment-more-menu{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 8px 22px #00000040}.dark .detail-page[data-v-d5b8a928] .comment-more-menu>button:hover{background:var(--color-surface-elevated)}.dark .detail-page[data-v-d5b8a928] .comment-children{border-left-color:#5bd7b147;background:#00b8940f}.dark .detail-page[data-v-d5b8a928] .comment-state button{border-color:var(--color-border);color:var(--color-text-secondary);background:var(--color-surface-elevated)}