#article-content pre{position:relative;margin:1.5rem 0;overflow:hidden;border-radius:10px;border:1px solid #dbeafe;box-shadow:0 10px 24px -18px #0f172a47}#article-content pre:before{content:attr(data-lang);display:flex;align-items:center;height:36px;border-bottom:1px solid #dbeafe;padding:0 16px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:700}#article-content .copy-code-button{position:absolute;right:10px;top:6px;z-index:1;height:24px;border-radius:6px;border:1px solid #bfdbfe;background:#fff;padding:0 10px;color:#2563eb;font-size:12px;font-weight:700;line-height:22px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}#article-content .copy-code-button:hover{border-color:#93c5fd;background:#dbeafe}#article-content .copy-code-button.is-copied{border-color:#bbf7d0;background:#dcfce7;color:#15803d}#article-content pre code{display:block;overflow-x:auto;border-radius:0!important;background:transparent!important;padding:18px 18px 20px!important;color:#1e293b!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:14px!important;line-height:1.9!important;white-space:pre-wrap;word-break:break-word}#article-content pre.prompt-block{background:#f8fbff!important}#article-content pre.prompt-block strong{font-weight:800;color:#0f172a}#article-content pre.code-block{border-color:#1f2937;background:#0f172a!important}#article-content pre.code-block:before{border-bottom-color:#1f2937;background:#111827;color:#cbd5e1}#article-content pre.code-block .copy-code-button{border-color:#334155;background:#1e293b;color:#cbd5e1}#article-content pre.code-block .copy-code-button:hover{border-color:#475569;background:#334155;color:#fff}#article-content pre.code-block code{color:#e5e7eb!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace!important;white-space:pre}#article-content :not(pre)>code{background:#eff6ff!important;color:#1d4ed8!important;padding:2px 6px!important;border-radius:4px!important;font-size:12px!important;font-weight:600}#article-content table{width:100%;table-layout:fixed}#article-content th,#article-content td{overflow-wrap:anywhere;vertical-align:top}#article-content img{cursor:zoom-in;transition:opacity .2s ease,transform .2s ease}#article-content img:hover{opacity:.92;transform:translateY(-1px)}.image-preview{position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;background:#020617e0;padding:56px 24px 24px;backdrop-filter:blur(4px)}.image-preview-content{display:flex;max-height:100%;max-width:min(1400px,100%);flex-direction:column;align-items:center;gap:12px}.image-preview-content img{max-height:calc(100vh - 104px);max-width:100%;border-radius:10px;object-fit:contain;box-shadow:0 24px 80px #00000073}.image-preview-content p{margin:0;color:#e2e8f0;font-size:13px;text-align:center}.image-preview-close{position:absolute;right:20px;top:16px;display:flex;height:38px;width:38px;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / .2);border-radius:999px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background-color .15s ease}.image-preview-close:hover{background:#fff3}#article-content .article-preface{margin:0 0 2rem;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff;overflow:hidden}#article-content .article-preface summary{display:flex;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;gap:1rem;padding:12px 16px;color:#1e3a8a;font-size:14px;font-weight:700}#article-content .article-preface summary::-webkit-details-marker{display:none}#article-content .article-preface summary:after{content:"展开";flex-shrink:0;border-radius:999px;background:#dbeafe;padding:3px 9px;color:#2563eb;font-size:12px;font-weight:700}#article-content .article-preface[open] summary:after{content:"收起"}#article-content .article-preface small{min-width:0;flex:1;color:#64748b;font-size:12px;font-weight:500}#article-content .article-preface div{border-top:1px solid #dbeafe;padding:12px 16px 14px;color:#475569;font-size:13px;line-height:1.9}.tutorial-guide-backdrop{position:fixed;inset:0;z-index:50;background:#0f172a75}.tutorial-guide-card{position:fixed;z-index:70;width:min(320px,calc(100vw - 32px));border:1px solid #bfdbfe;border-radius:16px;background:#fff;padding:20px;box-shadow:0 24px 70px #0f172a47}.tutorial-guide-card:after{content:"";position:absolute;width:0;height:0}.tutorial-guide-card[data-arrow=right]:after{right:-16px;top:50%;transform:translateY(-50%);border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:16px solid #fff}.tutorial-guide-card[data-arrow=left]:after{left:-16px;top:50%;transform:translateY(-50%);border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:16px solid #fff}.tutorial-guide-card[data-arrow=top]:after{left:50%;top:-16px;transform:translate(-50%);border-right:11px solid transparent;border-bottom:16px solid #fff;border-left:11px solid transparent}.tutorial-guide-highlight{position:relative!important;z-index:60!important}.toc-link{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.5!important;display:block!important}.directory-tab{flex:1;border-radius:6px;padding:6px 8px;color:#64748b;font-size:12px;font-weight:700;line-height:1;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.directory-tab:hover{color:#2563eb}.directory-tab.is-active{background:#fff;color:#2563eb;box-shadow:0 1px 2px #0f172a14}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}#article-content h1,#article-content h2,#article-content h3,#article-content h4{scroll-margin-top:80px}
