/* ===== 全局重置 & 基础 ===== */
        * { margin:0; padding:0; box-sizing:border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
            background: #f5f7fa; color: #1f2a3a; line-height:1.6; font-size:14px;
        }
        a { color:#2468f2; text-decoration:none; }
        a:hover { text-decoration:underline; }

        /* ===== 顶部导航条 ===== */
        .bdoc-navbar {
            background:#ffffff; border-bottom:1px solid #e8ecf1; padding:0 40px; height:56px;
            display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:100;
            box-shadow:0 1px 4px rgba(0,0,0,0.04); font-size:14px;
        }
        .bdoc-navbar-left { display:flex; align-items:center; gap:32px; }
        .bdoc-navbar-logo {
            font-weight:700; font-size:20px; color:#1f2a3a; letter-spacing:0.5px;
        }
        .bdoc-navbar-logo .bdoc-logo-blue { color:#2468f2; }
        .bdoc-navbar-links { display:flex; gap:24px; font-size:14px; color:#4a5a6e; flex-wrap:wrap; }
        .bdoc-navbar-links a { color:#4a5a6e; }
        .bdoc-navbar-links a:hover { color:#2468f2; text-decoration:none; }
        .bdoc-navbar-right { display:flex; align-items:center; gap:20px; font-size:14px; color:#4a5a6e; }
        .bdoc-navbar-right a { color:#4a5a6e; }
        .bdoc-navbar-right a:hover { color:#2468f2; text-decoration:none; }

        /* ===== 文档中心头部 ===== */
        .bdoc-doc-header {
            background:#ffffff; border-bottom:1px solid #e8ecf1; padding:14px 40px;
            display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; font-size:14px;
        }
        .bdoc-doc-header .bdoc-breadcrumb { font-size:14px; color:#6b7a8e; }
        .bdoc-doc-header .bdoc-breadcrumb a { color:#6b7a8e; }
        .bdoc-doc-header .bdoc-breadcrumb a:hover { color:#2468f2; }
        .bdoc-doc-header .bdoc-breadcrumb-sep { margin:0 6px; color:#c0c8d4; }
        .bdoc-doc-header .bdoc-update-time { font-size:13px; color:#8c9aa8; }

        /* ===== 主布局 ===== */
        .bdoc-main-wrapper { display:flex; max-width:1440px; margin:0 auto; padding:24px 40px 60px; gap:40px; }

        /* ===== 左侧边栏 ===== */
        .bdoc-sidebar {
            width:280px; flex-shrink:0; background:#ffffff; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,0.04);
            align-self:flex-start; position:sticky; top:80px; max-height:calc(100vh - 120px); overflow-y:auto;
            padding:16px 0 20px 0;
        }
        .bdoc-sidebar-header { padding:0 20px 14px 20px; border-bottom:1px solid #eef1f5; display:flex; align-items:center; justify-content:space-between; }
        .bdoc-sidebar-header .bdoc-sidebar-title { font-size:16px; font-weight:600; color:#1f2a3a; letter-spacing:0.3px; }
        .bdoc-sidebar-header .bdoc-sidebar-menu-icon { font-size:20px; color:#6b7a8e; cursor:default; user-select:none; line-height:1; font-weight:300; }

        .bdoc-sidebar-search { padding:14px 20px 16px 20px; border-bottom:1px solid #eef1f5; position:relative; }
        .bdoc-sidebar-search .bdoc-search-wrapper { position:relative; }
        .bdoc-sidebar-search .bdoc-search-icon { position:absolute; left:11px; top:50%; transform:translateY(-50%); color:#b0bcc8; font-size:14px; pointer-events:none; }
        .bdoc-sidebar-search input {
            width:100%; padding:7px 12px 7px 34px; border:1px solid #d9e0e8; border-radius:4px; font-size:14px; color:#1f2a3a;
            background:#f7f9fc; outline:none; transition:border-color 0.2s, box-shadow 0.2s, background 0.2s; font-family:inherit;
        }
        .bdoc-sidebar-search input::placeholder { color:#b0bcc8; font-size:13px; }
        .bdoc-sidebar-search input:focus { border-color:#2468f2; box-shadow:0 0 0 3px rgba(36,104,242,0.10); background:#ffffff; }

        .bdoc-search-status { padding:10px 20px 8px 20px; font-size:13px; color:#4a5a6e; display:none; border-bottom:1px solid #f0f2f5; line-height:1.6; }
        .bdoc-search-status.bdoc-search-show { display:block; }
        .bdoc-search-status .bdoc-search-result-summary { display:block; margin-bottom:2px; }
        .bdoc-search-status .bdoc-search-view-all { color:#2468f2; cursor:pointer; font-size:13px; }
        .bdoc-search-status .bdoc-search-view-all:hover { text-decoration:underline; }

        /* ===== 树形导航 ===== */
        .bdoc-nav-tree { list-style:none; padding:6px 0 0 0; margin:0; }
        .bdoc-nav-tree ul { list-style:none; padding-left:0; margin:0; }
        .bdoc-nav-item { position:relative; margin:0; }

        .bdoc-nav-link {
            display:flex; align-items:center; justify-content:space-between; padding:6px 20px;
            font-size:14px; font-weight:400;
            color:#3d4a5e;
            cursor:pointer; transition:background 0.15s,color 0.15s,border-color 0.15s;
            border-left:3px solid transparent;
            text-decoration:none; line-height:1.6; letter-spacing:0.2px; user-select:none; position:relative;
        }
        .bdoc-nav-link:hover { background:#f0f5fe; color:#2468f2; text-decoration:none; }

        .bdoc-nav-item > .bdoc-nav-link {
            font-size:15px;
            font-weight:400;
            padding:7px 20px;
            color:#1f2a3a;
        }

        .bdoc-nav-sub .bdoc-nav-link {
            font-weight:400;
            padding-left:48px;
            font-size:14.5px;
            color:#4a5a6e;
            border-left:3px solid transparent;
            padding-top:5px;
            padding-bottom:5px;
            position:relative;
        }
        .bdoc-nav-sub .bdoc-nav-link::before {
            content:"";
            position:absolute;
            left:32px;
            top:50%;
            transform:translateY(-50%);
            width:5px;
            height:5px;
            border-radius:50%;
            background:#c0c8d4;
        }
        .bdoc-nav-sub .bdoc-nav-link:hover::before { background:#2468f2; }

        .bdoc-nav-sub .bdoc-nav-sub .bdoc-nav-link {
            font-weight:400;
            padding-left:68px;
            font-size:14px;
            color:#5a6a7e;
            padding-top:4px;
            padding-bottom:4px;
        }
        .bdoc-nav-sub .bdoc-nav-sub .bdoc-nav-link::before {
            left:52px;
        }

        .bdoc-nav-item.active > .bdoc-nav-link {
            color:#2468f2 !important;
            background:#e8f0fe !important;
            border-left-color:#2468f2 !important;
            font-weight:400 !important;
        }
        .bdoc-nav-sub .bdoc-nav-item.active > .bdoc-nav-link {
            color:#2468f2 !important;
            background:#e8f0fe !important;
            border-left-color:#2468f2 !important;
            font-weight:400 !important;
        }
        .bdoc-nav-sub .bdoc-nav-sub .bdoc-nav-item.active > .bdoc-nav-link {
            color:#2468f2 !important;
            background:#e8f0fe !important;
            border-left-color:#2468f2 !important;
            font-weight:400 !important;
        }

        .bdoc-nav-sub .bdoc-nav-item.active > .bdoc-nav-link::before {
            background:#2468f2 !important;
        }
        .bdoc-nav-sub .bdoc-nav-sub .bdoc-nav-item.active > .bdoc-nav-link::before {
            background:#2468f2 !important;
        }

        .bdoc-nav-link .bdoc-toggle-icon { font-size:11px; color:#b0bcc8; transition:transform 0.25s ease; margin-left:12px; flex-shrink:0; font-weight:300; }
        .bdoc-nav-item.expanded > .bdoc-nav-link .bdoc-toggle-icon { transform:rotate(90deg); color:#6b7a8e; }

        .bdoc-nav-link .bdoc-match-highlight { background:#ffe58f; padding:0 2px; border-radius:2px; }

        .bdoc-nav-sub { display:none; padding-left:0; }
        .bdoc-nav-item.expanded > .bdoc-nav-sub { display:block; }

        .bdoc-nav-item + .bdoc-nav-item { margin-top:1px; }
        .bdoc-nav-item.bdoc-hidden { display:none !important; }

        .bdoc-sidebar::-webkit-scrollbar { width:4px; }
        .bdoc-sidebar::-webkit-scrollbar-thumb { background:#d0d8e0; border-radius:4px; }
        .bdoc-sidebar::-webkit-scrollbar-track { background:transparent; }

        /* ===== 右侧内容区 ===== */
        .bdoc-content {
            flex:1; min-width:0; background:#ffffff; border-radius:8px; padding:32px 40px 48px; box-shadow:0 1px 3px rgba(0,0,0,0.04);
        }
        .bdoc-content .bdoc-content-highlight { background:#ffeb3b; padding:0 2px; border-radius:2px; font-weight:500; box-shadow:0 0 0 1px #fdd835; }
        .bdoc-content h1 { font-size:30px; font-weight:600; color:#1f2a3a; margin-bottom:8px; letter-spacing:-0.2px; line-height:1.3; }
        .bdoc-content .bdoc-meta { font-size:14px; color:#8c9aa8; margin-bottom:24px; border-bottom:1px solid #f0f2f5; padding-bottom:16px; line-height:1.6; }
        .bdoc-content .bdoc-meta strong { color:#4a5a6e; font-weight:500; }
        .bdoc-content p { margin-bottom:16px; font-size:16px; color:#2c3a4a; line-height:26px; }
        .bdoc-content .bdoc-highlight-box { background:#f7f9fc; border-left:4px solid #2468f2; padding:16px 20px; border-radius:4px; margin-bottom:24px; font-size:16px; color:#2c3a4a; line-height:26px; }
        .bdoc-content .bdoc-download-btn { display:inline-block; background:#2468f2; color:#fff; padding:8px 24px; border-radius:6px; font-weight:500; font-size:14px; transition:background 0.2s; margin-top:4px; }
        .bdoc-content .bdoc-download-btn:hover { background:#528eff; text-decoration:none; }
        .bdoc-content h2 { font-size:22px; font-weight:600; color:#1f2a3a; margin:32px 0 12px; padding-top:8px; border-top:1px solid #f0f2f5; line-height:1.4; }
        .bdoc-content h3 { font-size:18px; font-weight:600; color:#1f2a3a; margin:24px 0 10px; line-height:1.5; }
        .bdoc-content ul { margin-bottom:16px; padding-left:20px; }
        .bdoc-content ul li { margin-bottom:4px; font-size:16px; line-height:26px; }
        .bdoc-content ol { margin-bottom:16px; padding-left:20px; }
        .bdoc-content ol li { margin-bottom:4px; font-size:16px; line-height:26px; }
        .bdoc-content .bdoc-footnote { margin-top:40px; color:#8c9aa8; font-size:14px; border-top:1px solid #f0f2f5; padding-top:20px; line-height:26px; }
        .bdoc-content .bdoc-footnote a { color:#2468f2; }
        .bdoc-content .bdoc-footnote a:hover { text-decoration:underline; }

        /* ===== 新增：图片灯箱样式（页面内显示800px，点击查看原图） ===== */
        .bdoc-content img.lightbox-img {
            max-width: 800px !important;
            width: 100% !important;
            height: auto !important;
            border-radius: 8px;
            cursor: pointer;
            transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
            display: block;
            margin: 12px auto;
        }
        .bdoc-content img.lightbox-img:hover {
            opacity: 0.92;
            box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        }

        /* ===== 灯箱遮罩样式 ===== */
        .lightbox-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.85);
            z-index: 99999;
            display: none;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
        }
        .lightbox-overlay.active {
            display: flex;
            opacity: 1;
        }
        .lightbox-container {
            position: relative;
            max-width: 90vw;
            max-height: 90vh;
            display: flex;
            justify-content: center;
            align-items: center;
            transform: scale(0.92);
            transition: transform 0.3s ease;
        }
        .lightbox-overlay.active .lightbox-container {
            transform: scale(1);
        }
        .lightbox-container img {
            max-width: 90vw;
            max-height: 85vh;
            object-fit: contain;
            border-radius: 8px;
            box-shadow: 0 8px 40px rgba(0,0,0,0.4);
            background: #fff;
            padding: 4px;
            background-clip: padding-box;
        }
        .lightbox-close {
            position: absolute;
            top: -44px;
            right: -8px;
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.15);
            border: none;
            border-radius: 50%;
            color: #fff;
            font-size: 24px;
            font-weight: 300;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.25s ease;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            line-height: 1;
            padding: 0;
            box-shadow: 0 2px 12px rgba(0,0,0,0.2);
        }
        .lightbox-close:hover {
            background: #2468f2;
            transform: rotate(90deg);
            box-shadow: 0 4px 20px rgba(36,104,242,0.4);
        }
        .lightbox-close svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
        }
        .lightbox-hint {
            position: absolute;
            bottom: -32px;
            left: 50%;
            transform: translateX(-50%);
            color: rgba(255,255,255,0.35);
            font-size: 12px;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }
        @media (max-width: 768px) {
            .lightbox-container {
                max-width: 96vw;
                max-height: 92vh;
            }
            .lightbox-container img {
                max-width: 96vw;
                max-height: 80vh;
            }
            .lightbox-close {
                top: -38px;
                right: -4px;
                width: 34px;
                height: 34px;
                font-size: 20px;
            }
            .lightbox-hint {
                display: none;
            }
        }

        /* ===== 底部 ===== */
        .bdoc-footer { border-top:1px solid #e8ecf1; background:#ffffff; padding:20px 40px; font-size:13px; color:#8c9aa8; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
        .bdoc-footer a { color:#6b7a8e; }
        .bdoc-footer a:hover { color:#2468f2; }

        /* ===== 响应式 ===== */
        @media (max-width:1024px) {
            .bdoc-main-wrapper { padding:16px 20px 40px; gap:24px; flex-direction:column; }
            .bdoc-sidebar { width:100%; position:static; max-height:none; overflow-y:visible; padding:12px 0; }
            .bdoc-nav-sub { padding-left:0; }
            .bdoc-nav-sub .bdoc-nav-link { padding-left:36px; }
            .bdoc-nav-sub .bdoc-nav-sub .bdoc-nav-link { padding-left:56px; }
            .bdoc-navbar { padding:0 16px; flex-wrap:wrap; height:auto; min-height:52px; gap:8px; }
            .bdoc-navbar-links { gap:14px; font-size:13px; flex-wrap:wrap; }
            .bdoc-doc-header { padding:12px 16px; flex-direction:column; align-items:flex-start; }
            .bdoc-content { padding:20px 16px 32px; }
            .bdoc-content h1 { font-size:26px; }
            .bdoc-footer { padding:16px; flex-direction:column; align-items:center; text-align:center; }
            .bdoc-sidebar-header .bdoc-sidebar-title { font-size:15px; }
            .bdoc-sidebar-search input { font-size:14px; padding:7px 12px 7px 34px; }
        }
        @media (max-width:600px) {
            .bdoc-navbar-left { gap:16px; flex-wrap:wrap; }
            .bdoc-navbar-links { gap:10px; font-size:12px; }
            .bdoc-navbar-right { font-size:12px; gap:12px; }
            .bdoc-nav-link { font-size:14px; padding:6px 16px; }
            .bdoc-nav-sub .bdoc-nav-link { font-size:14px; padding-left:28px; }
            .bdoc-nav-sub .bdoc-nav-sub .bdoc-nav-link { font-size:14px; padding-left:44px; }
            .bdoc-content p, .bdoc-content .bdoc-highlight-box, .bdoc-content ul li { font-size:15px; line-height:24px; }
        }