[data-v-8e1e8093]:root{--theme-color: #57a7ff;--theme-color-2: #63d3bf;--theme-color-soft: rgba(87, 167, 255, .2);--accent-color: #ff9f54;--border-color: rgba(118, 145, 186, .42);--card-border: rgba(129, 156, 196, .38);--common-bg: #0e1528;--surface-0: rgba(20, 29, 46, .76);--surface-1: rgba(26, 36, 56, .78);--panel-bg: linear-gradient(165deg, rgba(26, 36, 56, .78), rgba(19, 28, 46, .72));--panel-bg-strong: linear-gradient(165deg, rgba(28, 38, 60, .88), rgba(20, 29, 46, .82));--glass-nav-bg: linear-gradient(180deg, rgba(17, 26, 43, .82), rgba(17, 24, 39, .78));--grey-text-color: #98abc7;--main_text_color: #e6eefc;--text-secondary: #b6c6de;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-soft: 0 18px 42px rgba(0, 0, 0, .34);--shadow-hover: 0 26px 52px rgba(0, 0, 0, .46);--scrollbar-track: linear-gradient(180deg, rgba(13, 21, 36, .78), rgba(10, 16, 30, .66));--scrollbar-thumb: linear-gradient(180deg, rgba(132, 171, 224, .9), rgba(88, 132, 194, .92));--scrollbar-thumb-hover: linear-gradient(180deg, rgba(156, 192, 236, .95), rgba(106, 152, 214, .96));--scrollbar-border: rgba(12, 19, 33, .72);--scrollbar-corner: rgba(10, 16, 30, .62);--el-color-primary: var(--theme-color);--el-border-radius-base: var(--radius-md);--el-border-radius-round: 999px;--overlay-mask: rgba(6, 11, 22, .46);--input-bg: rgba(15, 23, 38, .72);--input-border: rgba(122, 150, 193, .28);--input-placeholder: #8ea2c2;--muted-surface: rgba(18, 28, 46, .56);--muted-surface-weak: rgba(18, 28, 46, .28);--muted-surface-strong: rgba(20, 31, 50, .86);--muted-surface-header: rgba(20, 30, 49, .74);--muted-surface-deep: rgba(14, 22, 36, .48);--surface-raised: rgba(16, 24, 39, .42);--surface-raised-weak: rgba(18, 27, 44, .18);--surface-raised-strong: rgba(18, 27, 44, .42);--surface-raised-border: rgba(122, 150, 193, .34);--surface-raised-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);--nav-header-solid: rgba(16, 25, 42, .92);--pill-surface: rgba(52, 76, 112, .46);--pill-border: rgba(120, 148, 188, .44);--pill-hover-bg: rgba(87, 167, 255, .2);--pill-hover-border: rgba(87, 167, 255, .36);--table-bg: rgba(17, 25, 42, .66);--table-header-bg: rgba(27, 38, 61, .74);--table-row-bg: rgba(19, 28, 46, .42);--table-border: rgba(88, 109, 145, .3);--table-grid: rgba(88, 109, 145, .24);--table-header-text: #dce7f7;--pagination-bg: rgba(20, 30, 49, .62);--pagination-border: rgba(118, 145, 186, .35);--pagination-active-bg: rgba(87, 167, 255, .28);--pagination-active-text: #e7f2ff;--pagination-active-border: rgba(117, 146, 188, .58);--link-accent-soft: #9ec6ff;--brand-text: #beddff;--brand-text-hover: #e6f2ff;--chart-tooltip-bg: rgba(20, 29, 46, .95);--chart-axis-line: rgba(120, 150, 196, .48);--chart-axis-border: rgba(120, 150, 196, .4);--chart-split-line: rgba(120, 150, 196, .18);--chart-area-start: rgba(87, 167, 255, .3);--chart-area-end: rgba(87, 167, 255, .02);--hero-title: #edf4ff;--hero-desc: #adc0dc;--hero-badge: #cae4ff;--hero-tag-text: #bdd0e8;--hero-card-label: #a3b9d7;--hero-card-value: #e8f2ff;--hero-tip-text: #b9d2f3;--hero-status: #beddff;--vip-avatar-bg: #14355b;--hero-shell-border: rgba(123, 149, 188, .42);--hero-shell-bg: linear-gradient(130deg, rgba(24, 34, 54, .9), rgba(19, 28, 46, .86));--hero-shell-glow-a: radial-gradient(380px 180px at 10% 0%, rgba(104, 132, 235, .24), transparent 72%);--hero-shell-glow-b: radial-gradient(280px 180px at 100% 12%, rgba(99, 211, 191, .18), transparent 76%);--hero-shell-shadow: 0 20px 44px rgba(0, 0, 0, .32);--hero-badge-bg: rgba(87, 167, 255, .18);--hero-badge-border: rgba(87, 167, 255, .38);--hero-tag-bg: rgba(30, 42, 64, .7);--hero-tag-border: rgba(118, 146, 188, .52);--hero-metric-bg: rgba(17, 27, 45, .62);--hero-metric-border: rgba(116, 143, 182, .48);--hero-tip-bg: rgba(48, 70, 104, .42);--hero-tip-border: rgba(90, 168, 255, .42);--hero-deco: radial-gradient(circle, rgba(255, 159, 84, .22), transparent 72%);--success-soft-bg: rgba(36, 87, 68, .35);--success-soft-border: rgba(76, 176, 129, .45);--success-soft-text: #8bd9b3;--danger-soft-text: #ff9d9d;--editor-shell-bg: linear-gradient(180deg, rgba(11, 20, 37, .95), rgba(8, 16, 30, .98));--editor-shell-glow: radial-gradient(circle at top left, rgba(86, 142, 227, .08), transparent 32%);--editor-shell-shadow: 0 18px 46px rgba(4, 10, 20, .34);--editor-main-bg: linear-gradient(180deg, rgba(10, 19, 35, .98), rgba(8, 16, 30, .98));--editor-code-bg: linear-gradient(180deg, rgba(11, 21, 38, .98), rgba(9, 18, 34, .98));--editor-gutter-bg: linear-gradient(180deg, rgba(16, 28, 49, .96), rgba(13, 23, 40, .98));--editor-panel-border: rgba(117, 169, 233, .22);--editor-border: rgba(111, 151, 205, .12);--editor-selection-bg: rgba(73, 118, 185, .32);--editor-active-line-bg: rgba(34, 58, 92, .34);--editor-gutter-active-bg: rgba(60, 101, 160, .22);--editor-caret-color: #93c3ff;--editor-line-number: rgba(150, 184, 231, .82);--editor-line-number-active: #e7f2ff;--editor-text-color: #d7e5fb;--editor-key-color: #75beff;--editor-string-color: #ffbf75;--editor-number-color: #7df0a6;--editor-boolean-color: #c792ea;--editor-null-color: #ff8e8e;--editor-delimiter-color: #b7cae6}html[data-theme=light][data-v-8e1e8093]{--theme-color: #3b82f6;--theme-color-2: #22b3a4;--theme-color-soft: rgba(59, 130, 246, .12);--accent-color: #ff9f54;--border-color: rgba(203, 212, 228, .9);--card-border: rgba(207, 216, 230, .95);--common-bg: #f3f5fb;--surface-0: #ffffff;--surface-1: #ffffff;--panel-bg: linear-gradient(165deg, #ffffff, #fbfcff);--panel-bg-strong: linear-gradient(165deg, #ffffff, #f7faff);--glass-nav-bg: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(250, 252, 255, .9));--grey-text-color: #7c8698;--main_text_color: #1f2733;--text-secondary: #5a6676;--shadow-soft: 0 6px 20px rgba(30, 41, 59, .08);--shadow-hover: 0 14px 30px rgba(30, 41, 59, .13);--scrollbar-track: linear-gradient(180deg, rgba(244, 246, 251, .98), rgba(237, 241, 248, .96));--scrollbar-thumb: linear-gradient(180deg, rgba(184, 194, 213, .96), rgba(160, 172, 196, .98));--scrollbar-thumb-hover: linear-gradient(180deg, rgba(166, 178, 202, .96), rgba(144, 159, 187, .98));--scrollbar-border: rgba(243, 246, 251, .98);--scrollbar-corner: rgba(239, 243, 250, .96);--overlay-mask: rgba(245, 248, 253, .52);--input-bg: rgba(255, 255, 255, .98);--input-border: rgba(221, 227, 238, .98);--input-placeholder: #96a1b3;--muted-surface: rgba(255, 255, 255, .98);--muted-surface-weak: rgba(250, 252, 255, .96);--muted-surface-strong: rgba(247, 250, 255, .98);--muted-surface-header: rgba(248, 251, 255, .98);--muted-surface-deep: rgba(246, 250, 255, .96);--surface-raised: rgba(255, 255, 255, .92);--surface-raised-weak: rgba(252, 253, 255, .96);--surface-raised-strong: rgba(248, 251, 255, .98);--surface-raised-border: rgba(223, 228, 238, .98);--surface-raised-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);--nav-header-solid: rgba(255, 255, 255, .99);--pill-surface: rgba(244, 247, 252, .98);--pill-border: rgba(214, 222, 234, .98);--pill-hover-bg: rgba(59, 130, 246, .1);--pill-hover-border: rgba(59, 130, 246, .28);--table-bg: rgba(255, 255, 255, .99);--table-header-bg: rgba(248, 251, 255, .99);--table-row-bg: rgba(255, 255, 255, .98);--table-border: rgba(221, 227, 238, .98);--table-grid: rgba(231, 236, 245, .98);--table-header-text: #4e5d73;--pagination-bg: rgba(255, 255, 255, .99);--pagination-border: rgba(221, 227, 238, .98);--pagination-active-bg: rgba(59, 130, 246, .14);--pagination-active-text: #2563eb;--pagination-active-border: rgba(59, 130, 246, .34);--link-accent-soft: #3b82f6;--brand-text: #2f62c9;--brand-text-hover: #1d4fb0;--chart-tooltip-bg: rgba(255, 255, 255, .99);--chart-axis-line: rgba(155, 166, 186, .62);--chart-axis-border: rgba(173, 182, 199, .56);--chart-split-line: rgba(189, 198, 213, .34);--chart-area-start: rgba(59, 130, 246, .24);--chart-area-end: rgba(59, 130, 246, .03);--hero-title: #273145;--hero-desc: #647184;--hero-badge: #2f62c9;--hero-tag-text: #5f6f85;--hero-card-label: #61718a;--hero-card-value: #27384d;--hero-tip-text: #5f7691;--hero-status: #56739d;--vip-avatar-bg: #e5eefb;--hero-shell-border: rgba(223, 228, 238, .98);--hero-shell-bg: linear-gradient(130deg, #ffffff, rgba(251, 253, 255, .99));--hero-shell-glow-a: radial-gradient(420px 210px at 8% 0%, rgba(203, 219, 246, .4), transparent 74%);--hero-shell-glow-b: radial-gradient(340px 220px at 100% 12%, rgba(190, 231, 224, .28), transparent 76%);--hero-shell-shadow: 0 12px 26px rgba(45, 56, 77, .09);--hero-badge-bg: rgba(59, 130, 246, .12);--hero-badge-border: rgba(59, 130, 246, .3);--hero-tag-bg: rgba(248, 250, 255, .98);--hero-tag-border: rgba(220, 226, 237, .98);--hero-metric-bg: rgba(252, 253, 255, .98);--hero-metric-border: rgba(221, 227, 238, .98);--hero-tip-bg: rgba(248, 251, 255, .98);--hero-tip-border: rgba(210, 221, 240, .9);--hero-deco: radial-gradient(circle, rgba(255, 159, 84, .24), transparent 72%);--success-soft-bg: rgba(232, 248, 239, .98);--success-soft-border: rgba(138, 198, 164, .72);--success-soft-text: #2f8a57;--danger-soft-text: #d6607d;--editor-shell-bg: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(249, 252, 255, .98));--editor-shell-glow: radial-gradient(circle at top left, rgba(59, 130, 246, .08), transparent 36%);--editor-shell-shadow: 0 12px 26px rgba(45, 56, 77, .09);--editor-main-bg: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(248, 251, 255, .98));--editor-code-bg: linear-gradient(180deg, #ffffff, rgba(247, 250, 255, .99));--editor-gutter-bg: linear-gradient(180deg, rgba(245, 248, 255, .98), rgba(239, 244, 252, .98));--editor-panel-border: rgba(210, 221, 240, .9);--editor-border: rgba(218, 226, 239, .98);--editor-selection-bg: rgba(59, 130, 246, .16);--editor-active-line-bg: rgba(59, 130, 246, .07);--editor-gutter-active-bg: rgba(59, 130, 246, .12);--editor-caret-color: #2f74ee;--editor-line-number: #95a2b7;--editor-line-number-active: #4d5d76;--editor-text-color: #334258;--editor-key-color: #2563eb;--editor-string-color: #b56a29;--editor-number-color: #247c52;--editor-boolean-color: #5e69c9;--editor-null-color: #c25d7f;--editor-delimiter-color: #8392ab}.blog-page[data-v-8e1e8093]{padding:20px 0 48px}.hero[data-v-8e1e8093]{position:relative;overflow:hidden;border:1px solid var(--hero-shell-border);border-radius:var(--radius-xl);background:var(--hero-shell-bg);box-shadow:var(--hero-shell-shadow);padding:38px 36px;margin-bottom:22px}.hero-inner[data-v-8e1e8093]{position:relative;z-index:2}.hero-badge[data-v-8e1e8093]{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--hero-badge);background:var(--hero-badge-bg);border:1px solid var(--hero-badge-border)}.hero-title[data-v-8e1e8093]{margin:14px 0 8px;font-size:30px;font-weight:800;color:var(--hero-title);line-height:1.2}.hero-desc[data-v-8e1e8093]{margin:0;max-width:560px;font-size:14px;line-height:24px;color:var(--hero-desc)}.hero-deco[data-v-8e1e8093]{position:absolute;top:-60px;right:-40px;width:260px;height:260px;background:var(--hero-deco);z-index:1}.toolbar[data-v-8e1e8093]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.cat-tabs[data-v-8e1e8093]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.cat-pill[data-v-8e1e8093]{padding:7px 16px;border-radius:999px;font-size:13px;cursor:pointer;color:var(--text-secondary);background:var(--pill-surface);border:1px solid var(--pill-border);transition:all .22s ease}.cat-pill[data-v-8e1e8093]:hover{color:var(--main_text_color);border-color:var(--pill-hover-border);background:var(--pill-hover-bg)}.cat-pill.active[data-v-8e1e8093]{color:#fff;font-weight:600;background:var(--theme-color);border-color:var(--theme-color);box-shadow:0 6px 16px var(--theme-color-soft)}.search-box[data-v-8e1e8093]{width:260px;max-width:100%}.list-wrap[data-v-8e1e8093]{min-height:260px}.card-grid[data-v-8e1e8093]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.blog-card[data-v-8e1e8093]{display:flex;flex-direction:column;border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--surface-0);overflow:hidden;cursor:pointer;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.blog-card[data-v-8e1e8093]:hover{transform:translateY(-6px);border-color:var(--pill-hover-border);box-shadow:var(--shadow-hover)}.card-cover[data-v-8e1e8093]{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,var(--theme-color-soft),var(--pill-hover-bg))}.card-cover img[data-v-8e1e8093]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .card-cover img[data-v-8e1e8093]{transform:scale(1.06)}.cover-fallback[data-v-8e1e8093]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:46px;font-weight:800;color:var(--theme-color)}.badge[data-v-8e1e8093]{position:absolute;top:10px;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:600;color:#fff}.badge-top[data-v-8e1e8093]{left:10px;background:#f0576f;box-shadow:0 2px 8px #f0576f66}.badge-ext[data-v-8e1e8093]{right:10px;background:#f0883e;box-shadow:0 2px 8px #f0883e66}.card-body[data-v-8e1e8093]{flex:1;display:flex;flex-direction:column;padding:16px 18px 14px}.card-meta-top[data-v-8e1e8093]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.chip[data-v-8e1e8093]{padding:2px 10px;border-radius:12px;font-size:12px;color:var(--theme-color);background:var(--theme-color-soft)}.dot-date[data-v-8e1e8093]{font-size:12px;color:var(--text-secondary)}.card-title[data-v-8e1e8093]{margin:0 0 8px;font-size:17px;font-weight:700;line-height:25px;color:var(--main_text_color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-summary[data-v-8e1e8093]{margin:0 0 12px;font-size:13px;line-height:22px;color:var(--text-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-tags[data-v-8e1e8093]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tag[data-v-8e1e8093]{font-size:12px;color:var(--link-accent-soft)}.card-footer[data-v-8e1e8093]{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.views[data-v-8e1e8093]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.read-more[data-v-8e1e8093]{display:flex;align-items:center;gap:3px;font-size:13px;font-weight:600;color:var(--theme-color);transition:gap .2s ease}.blog-card:hover .read-more[data-v-8e1e8093]{gap:7px}.pager[data-v-8e1e8093]{display:flex;justify-content:center;margin-top:34px}@media (max-width: 768px){.hero[data-v-8e1e8093]{padding:28px 22px}.hero-title[data-v-8e1e8093]{font-size:24px}.card-grid[data-v-8e1e8093]{grid-template-columns:1fr}.search-box[data-v-8e1e8093]{width:100%}}