*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    font-weight: 400
}

strong {
    font-weight: 700
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0
}

html,
body {
    min-height: 100%;
    height: 100%;
    font-family: New York, Iowan Old Style, Georgia, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

.tippy-box[data-theme~=tooltip] {
    background-color: #262626;
    color: #fff;
    border-radius: 8px;
    padding: 8px;
    font-size: 12px;
    line-height: 1.5
}

.tippy-box[data-theme~=tooltip] .tippy-arrow {
    width: 12px;
    height: 12px;
    color: #262626
}

.tippy-box[data-theme~=tooltip] .tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-box[data-theme~=tooltip][data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-theme~=tooltip][data-placement^=top]>.tippy-arrow:before {
    bottom: -5px;
    left: 0;
    border-width: 6px 6px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-theme~=tooltip][data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-theme~=tooltip][data-placement^=bottom]>.tippy-arrow:before {
    top: -5px;
    left: 0;
    border-width: 0 6px 6px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-theme~=tooltip][data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-theme~=tooltip][data-placement^=left]>.tippy-arrow:before {
    border-width: 6px 0 6px 6px;
    border-left-color: initial;
    right: -5px;
    transform-origin: center left
}

.tippy-box[data-theme~=tooltip][data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-theme~=tooltip][data-placement^=right]>.tippy-arrow:before {
    left: -5px;
    border-width: 6px 6px 6px 0;
    border-right-color: initial;
    transform-origin: center right
}

[data-v-6085d64e]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-6085d64e] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.language-switcher[data-v-6085d64e] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    cursor: pointer;
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-sm);
    transition: all var(--transition-base)
}

.language-switcher[data-v-6085d64e]:after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: var(--spacing-md);
    right: var(--spacing-md);
    height: 2px;
    background: var(--brand-primary);
    transform: scaleX(0);
    transition: transform var(--transition-base)
}

.language-switcher[data-v-6085d64e]:hover {
    background: transparent
}

.language-switcher:hover .text[data-v-6085d64e] {
    color: var(--brand-primary)
}

.language-switcher:hover .icon-wrapper .default-icon[data-v-6085d64e] {
    opacity: 0
}

.language-switcher:hover .icon-wrapper .orange-icon[data-v-6085d64e] {
    opacity: 1
}

.language-switcher[data-v-6085d64e]:hover:after {
    transform: scaleX(1)
}

.language-switcher .icon-wrapper[data-v-6085d64e] {
    position: relative;
    display: flex;
    align-items: center;
    width: 16px;
    height: 16px
}

.language-switcher .globe-icon[data-v-6085d64e] {
    width: 16px;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0;
    transition: opacity var(--transition-base)
}

:root[data-theme=dark] .language-switcher .globe-icon.default-icon[data-v-6085d64e] {
    filter: invert(1)
}

.language-switcher .globe-icon.orange-icon[data-v-6085d64e] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.language-switcher .text[data-v-6085d64e] {
    font-size: var(--font-sm);
    color: var(--text-primary);
    transition: color var(--transition-base)
}

[data-v-6085d64e] .el-dropdown-menu__item {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--text-primary);
    transition: all var(--transition-base)
}

:root[data-theme=dark][data-v-6085d64e] .el-dropdown-menu__item {
    color: var(--neutral-600)
}

[data-v-6085d64e] .el-dropdown-menu__item:hover:not(.is-disabled) {
    background: var(--bg-accent);
    color: var(--brand-primary)
}

[data-v-6085d64e] .el-dropdown-menu__item:focus,
[data-v-6085d64e] .el-dropdown-menu__item:active {
    background: transparent;
    color: var(--text-primary)
}

[data-v-6085d64e] .el-dropdown-menu__item.is-disabled {
    color: var(--neutral-600);
    cursor: not-allowed;
    background: transparent
}

[data-v-6085d64e] .el-dropdown-menu__item .lang-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0
}

:root[data-theme=dark][data-v-6085d64e] .el-dropdown-menu__item .lang-icon {
    filter: invert(1)
}

:root[data-theme=dark] .el-dropdown-menu__item.language-dropdown-item {
    color: var(--neutral-600)
}

:root[data-theme=dark] .el-dropdown-menu__item.language-dropdown-item:hover:not(.is-disabled) {
    color: var(--brand-primary)
}

[data-v-ec828000]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-ec828000] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.theme-toggle[data-v-ec828000] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-base);
    color: var(--text-primary);
    flex-shrink: 0
}

.theme-toggle[data-v-ec828000]:hover {
    background: var(--bg-hover);
    transform: scale(1.1)
}

.theme-toggle[data-v-ec828000]:active {
    transform: scale(.95)
}

.theme-toggle .icon[data-v-ec828000] {
    width: 20px;
    height: 20px;
    transition: transform var(--transition-base)
}

.theme-toggle:hover .icon[data-v-ec828000] {
    transform: rotate(15deg)
}

.theme-toggle .sun-icon[data-v-ec828000] {
    animation: sunRise-ec828000 .3s ease-out
}

.theme-toggle .moon-icon[data-v-ec828000] {
    animation: moonRise-ec828000 .3s ease-out
}

@-moz-keyframes sunRise-ec828000 {
    0% {
        opacity: 0;
        transform: rotate(-90deg) scale(.5)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

@-webkit-keyframes sunRise-ec828000 {
    0% {
        opacity: 0;
        transform: rotate(-90deg) scale(.5)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

@-o-keyframes sunRise-ec828000 {
    0% {
        opacity: 0;
        transform: rotate(-90deg) scale(.5)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

@keyframes sunRise-ec828000 {
    0% {
        opacity: 0;
        transform: rotate(-90deg) scale(.5)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

@-moz-keyframes moonRise-ec828000 {
    0% {
        opacity: 0;
        transform: rotate(90deg) scale(.5)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

@-webkit-keyframes moonRise-ec828000 {
    0% {
        opacity: 0;
        transform: rotate(90deg) scale(.5)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

@-o-keyframes moonRise-ec828000 {
    0% {
        opacity: 0;
        transform: rotate(90deg) scale(.5)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

@keyframes moonRise-ec828000 {
    0% {
        opacity: 0;
        transform: rotate(90deg) scale(.5)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

[data-v-51deec83]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-51deec83] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.pc-header[data-v-51deec83] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    background: var(--bg-hover);
    display: flex;
    align-items: center;
    padding: 0 40px;
    z-index: var(--z-fixed)
}

@supports (backdrop-filter: blur(1px)) {
    .pc-header[data-v-51deec83] {
        background: var(--glass-bg-heavy);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-bottom: 1px solid var(--glass-border-subtle)
    }
}

.pc-header .logo[data-v-51deec83] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    text-decoration: none;
    cursor: pointer;
    flex-shrink: 0;
    margin-right: var(--spacing-lg);
    min-width: 120px
}

.pc-header .logo .logo-icon-wrapper[data-v-51deec83] {
    perspective: 1000px;
    height: 34px;
    width: 34px;
    position: relative
}

.pc-header .logo .logo-icon-inner[data-v-51deec83] {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform .6s cubic-bezier(.4, 0, .2, 1);
    will-change: transform
}

.pc-header .logo .logo-icon-inner .logo-icon-front[data-v-51deec83],
.pc-header .logo .logo-icon-inner .logo-icon-back[data-v-51deec83] {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.pc-header .logo .logo-icon-inner .logo-icon-front img[data-v-51deec83],
.pc-header .logo .logo-icon-inner .logo-icon-back img[data-v-51deec83] {
    height: 34px;
    width: 34px;
    object-fit: contain;
    transition: filter .3s ease
}

.pc-header .logo .logo-icon-inner .logo-icon-front[data-v-51deec83] {
    z-index: 2
}

.pc-header .logo .logo-icon-inner .logo-icon-back[data-v-51deec83] {
    transform: rotateY(180deg);
    z-index: 1
}

.pc-header .logo .logo-icon-inner .logo-icon-back img[data-v-51deec83] {
    filter: drop-shadow(0 0 8px rgba(255, 68, 34, .8))
}

.pc-header .logo .logo-text[data-v-51deec83] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary);
    transition: color .3s ease;
    white-space: nowrap;
    line-height: 34px
}

.pc-header .logo:hover .logo-icon-inner[data-v-51deec83] {
    transform: rotateY(180deg)
}

.pc-header .logo:hover .logo-icon-back[data-v-51deec83] {
    animation: glow-pulse-51deec83 1.5s ease-in-out infinite
}

.pc-header .nav-divider[data-v-51deec83] {
    color: var(--text-tertiary);
    font-size: var(--font-sm);
    line-height: 16px;
    margin-left: var(--spacing-2xl);
    -webkit-user-select: none;
    user-select: none
}

.pc-header .nav-menu[data-v-51deec83] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl);
    margin-left: var(--spacing-2xl)
}

.pc-header .nav-menu .nav-item[data-v-51deec83] {
    position: relative;
    color: var(--text-primary);
    text-decoration: none;
    font-size: var(--font-sm);
    transition: all var(--transition-base)
}

.pc-header .nav-menu .nav-item[data-v-51deec83]:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--brand-primary);
    transform: scaleX(0);
    transition: transform var(--transition-base)
}

.pc-header .nav-menu .nav-item[data-v-51deec83]:hover {
    color: var(--brand-primary)
}

.pc-header .nav-menu .nav-item[data-v-51deec83]:hover:after {
    transform: scaleX(1)
}

.pc-header .nav-menu .nav-item.router-link-active[data-v-51deec83],
.pc-header .nav-menu .nav-item.is-docs-active[data-v-51deec83],
.pc-header .nav-menu .nav-item.is-cases-active[data-v-51deec83] {
    color: var(--brand-primary)
}

.pc-header .nav-menu .nav-item.router-link-active[data-v-51deec83]:after,
.pc-header .nav-menu .nav-item.is-docs-active[data-v-51deec83]:after,
.pc-header .nav-menu .nav-item.is-cases-active[data-v-51deec83]:after {
    transform: scaleX(1)
}

.pc-header .nav-menu .docs-link[data-v-51deec83],
.pc-header .nav-menu .github-link[data-v-51deec83],
.pc-header .nav-menu .changelog-link[data-v-51deec83],
.pc-header .nav-menu .blog-link[data-v-51deec83] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    position: relative
}

.pc-header .nav-menu .docs-link .docs-icon[data-v-51deec83],
.pc-header .nav-menu .github-link .docs-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link .docs-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link .docs-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link .github-icon[data-v-51deec83],
.pc-header .nav-menu .github-link .github-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link .github-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link .github-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link .log-icon[data-v-51deec83],
.pc-header .nav-menu .github-link .log-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link .log-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link .log-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link .blog-icon[data-v-51deec83],
.pc-header .nav-menu .github-link .blog-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link .blog-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link .blog-icon[data-v-51deec83] {
    width: var(--font-lg);
    height: var(--font-lg);
    transition: opacity var(--transition-base)
}

:root[data-theme=dark] .pc-header .nav-menu .docs-link .docs-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .github-link .docs-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .changelog-link .docs-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .blog-link .docs-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .docs-link .github-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .github-link .github-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .changelog-link .github-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .blog-link .github-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .docs-link .log-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .github-link .log-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .changelog-link .log-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .blog-link .log-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .docs-link .blog-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .github-link .blog-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .changelog-link .blog-icon.default-icon[data-v-51deec83],
:root[data-theme=dark] .pc-header .nav-menu .blog-link .blog-icon.default-icon[data-v-51deec83] {
    filter: invert(1)
}

.pc-header .nav-menu .docs-link .docs-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .github-link .docs-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link .docs-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link .docs-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link .github-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .github-link .github-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link .github-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link .github-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link .log-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .github-link .log-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link .log-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link .log-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link .blog-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .github-link .blog-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link .blog-icon.orange-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link .blog-icon.orange-icon[data-v-51deec83] {
    position: absolute;
    left: 0;
    opacity: 0
}

.pc-header .nav-menu .docs-link:hover .default-icon[data-v-51deec83],
.pc-header .nav-menu .github-link:hover .default-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link:hover .default-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link:hover .default-icon[data-v-51deec83] {
    opacity: 0
}

.pc-header .nav-menu .docs-link:hover .orange-icon[data-v-51deec83],
.pc-header .nav-menu .github-link:hover .orange-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link:hover .orange-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link:hover .orange-icon[data-v-51deec83] {
    opacity: 1
}

.pc-header .nav-menu .docs-link.router-link-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .github-link.router-link-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link.router-link-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link.router-link-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link.is-docs-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .github-link.is-docs-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link.is-docs-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link.is-docs-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link.is-changelog-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .github-link.is-changelog-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link.is-changelog-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link.is-changelog-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link.is-blog-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .github-link.is-blog-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link.is-blog-active .default-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link.is-blog-active .default-icon[data-v-51deec83] {
    opacity: 0
}

.pc-header .nav-menu .docs-link.router-link-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .github-link.router-link-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link.router-link-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link.router-link-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link.is-docs-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .github-link.is-docs-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link.is-docs-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link.is-docs-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link.is-changelog-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .github-link.is-changelog-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link.is-changelog-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link.is-changelog-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .docs-link.is-blog-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .github-link.is-blog-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .changelog-link.is-blog-active .orange-icon[data-v-51deec83],
.pc-header .nav-menu .blog-link.is-blog-active .orange-icon[data-v-51deec83] {
    opacity: 1
}

.pc-header .header-actions[data-v-51deec83] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--spacing-md)
}

.pc-header .header-actions .download-button[data-v-51deec83] {
    position: relative;
    background: var(--gradient-cta);
    border: none;
    color: var(--cta-text);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .5px;
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    box-shadow: var(--shadow-cta);
    font-size: var(--font-sm);
    padding: 10px var(--spacing-lg);
    line-height: 1;
    height: auto;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center
}

.pc-header .header-actions .download-button[data-v-51deec83]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent);
    transition: left .6s ease
}

.pc-header .header-actions .download-button[data-v-51deec83]:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-cta-hover);
    background: var(--gradient-cta-hover)
}

.pc-header .header-actions .download-button[data-v-51deec83]:hover:before {
    left: 100%
}

.pc-header .header-actions .download-button[data-v-51deec83]:active {
    transform: translateY(0);
    box-shadow: var(--shadow-cta-active)
}

.pc-header .header-actions .beta-button[data-v-51deec83] {
    position: relative;
    background: var(--gradient-cta);
    border: none;
    color: var(--cta-text);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .5px;
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    box-shadow: var(--shadow-cta);
    font-size: var(--font-sm);
    padding: 10px var(--spacing-lg);
    line-height: 1;
    height: auto;
    border-radius: var(--radius-md)
}

.pc-header .header-actions .beta-button[data-v-51deec83]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent);
    transition: left .6s ease
}

.pc-header .header-actions .beta-button[data-v-51deec83]:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-cta-hover);
    background: var(--gradient-cta-hover)
}

.pc-header .header-actions .beta-button[data-v-51deec83]:hover:before {
    left: 100%
}

.pc-header .header-actions .beta-button[data-v-51deec83]:active {
    transform: translateY(0);
    box-shadow: var(--shadow-cta-active)
}

@-moz-keyframes glow-pulse-51deec83 {

    0%,
    to {
        filter: drop-shadow(0 0 8px rgba(255, 68, 34, .6)) drop-shadow(0 0 16px rgba(255, 68, 34, .4))
    }

    50% {
        filter: drop-shadow(0 0 12px rgba(255, 68, 34, .9)) drop-shadow(0 0 24px rgba(255, 68, 34, .6)) drop-shadow(0 0 36px rgba(255, 68, 34, .3))
    }
}

@-webkit-keyframes glow-pulse-51deec83 {

    0%,
    to {
        filter: drop-shadow(0 0 8px rgba(255, 68, 34, .6)) drop-shadow(0 0 16px rgba(255, 68, 34, .4))
    }

    50% {
        filter: drop-shadow(0 0 12px rgba(255, 68, 34, .9)) drop-shadow(0 0 24px rgba(255, 68, 34, .6)) drop-shadow(0 0 36px rgba(255, 68, 34, .3))
    }
}

@-o-keyframes glow-pulse-51deec83 {

    0%,
    to {
        filter: drop-shadow(0 0 8px rgba(255, 68, 34, .6)) drop-shadow(0 0 16px rgba(255, 68, 34, .4))
    }

    50% {
        filter: drop-shadow(0 0 12px rgba(255, 68, 34, .9)) drop-shadow(0 0 24px rgba(255, 68, 34, .6)) drop-shadow(0 0 36px rgba(255, 68, 34, .3))
    }
}

@keyframes glow-pulse-51deec83 {

    0%,
    to {
        filter: drop-shadow(0 0 8px rgba(255, 68, 34, .6)) drop-shadow(0 0 16px rgba(255, 68, 34, .4))
    }

    50% {
        filter: drop-shadow(0 0 12px rgba(255, 68, 34, .9)) drop-shadow(0 0 24px rgba(255, 68, 34, .6)) drop-shadow(0 0 36px rgba(255, 68, 34, .3))
    }
}

[data-v-5c931b61]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-5c931b61] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.mobile-header[data-v-5c931b61] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: var(--bg-page);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    z-index: var(--z-fixed)
}

@supports (backdrop-filter: blur(1px)) {
    .mobile-header[data-v-5c931b61] {
        background: var(--glass-bg-heavy);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-bottom: 1px solid var(--glass-border-subtle)
    }
}

.mobile-header .left-side[data-v-5c931b61] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md)
}

.mobile-header .right-side[data-v-5c931b61] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm)
}

.mobile-header .right-side[data-v-5c931b61] .theme-toggle {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.mobile-header .right-side[data-v-5c931b61] .theme-toggle .icon {
    width: 24px;
    height: 24px
}

.mobile-header .toc-button[data-v-5c931b61] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-header .toc-button .toc-icon[data-v-5c931b61] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-primary)
}

.mobile-header .toc-button[data-v-5c931b61] .el-icon {
    color: var(--text-primary)
}

.mobile-header .toc-button:hover .toc-icon[data-v-5c931b61],
.mobile-header .toc-button[data-v-5c931b61]:hover .el-icon {
    color: var(--brand-primary)
}

.mobile-header .logo[data-v-5c931b61] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    text-decoration: none;
    cursor: pointer;
    flex-shrink: 0
}

.mobile-header .logo .logo-icon[data-v-5c931b61] {
    height: 28px;
    width: 28px;
    object-fit: contain
}

.mobile-header .logo .logo-text[data-v-5c931b61] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    white-space: nowrap
}

.mobile-header .mobile-menu-button[data-v-5c931b61] {
    padding: var(--spacing-sm);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-header .mobile-menu-button[data-v-5c931b61] .el-icon {
    color: var(--neutral-400);
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-header .mobile-menu-button[data-v-5c931b61]:hover,
.mobile-header .mobile-menu-button[data-v-5c931b61]:hover .el-icon {
    color: var(--brand-primary)
}

[data-v-6fd61f01]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-6fd61f01] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.footer[data-v-6fd61f01] {
    background: var(--footer-bg);
    color: var(--footer-text-primary);
    padding: var(--spacing-2xl) 0 var(--spacing-lg);
    border-top: 1px solid var(--footer-border)
}

.footer .footer-content[data-v-6fd61f01] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-2xl);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer .footer-content .footer-left .footer-title[data-v-6fd61f01] {
    font-size: var(--font-2xl);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--spacing-md)
}

.footer .footer-content .footer-left .footer-desc[data-v-6fd61f01] {
    font-size: var(--font-sm);
    color: var(--footer-text-tertiary);
    line-height: 1.6
}

.footer .footer-content .footer-right[data-v-6fd61f01] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md)
}

.footer .footer-content .footer-right .footer-links[data-v-6fd61f01] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl)
}

.footer .footer-content .footer-right .footer-links .footer-item[data-v-6fd61f01] {
    font-size: var(--font-sm);
    color: var(--footer-text-tertiary)
}

.footer .footer-content .footer-right .footer-links .footer-item.social-title[data-v-6fd61f01] {
    font-size: var(--font-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--footer-text-primary)
}

.footer .footer-content .footer-right .footer-links .footer-item a[data-v-6fd61f01] {
    color: var(--footer-text-tertiary);
    text-decoration: none;
    font-size: var(--font-sm);
    transition: var(--transition-base)
}

.footer .footer-content .footer-right .footer-links .footer-item a[data-v-6fd61f01]:hover {
    color: var(--brand-primary-light)
}

.footer .footer-content .footer-right .footer-links .footer-item a[data-v-6fd61f01]:active {
    color: var(--brand-primary)
}

.footer .footer-content .footer-right .social-list[data-v-6fd61f01] {
    display: flex;
    gap: var(--spacing-xl)
}

.footer .footer-content .footer-right .social-list .social-item[data-v-6fd61f01] {
    position: relative
}

.footer .footer-content .footer-right .social-list .social-item .social-label[data-v-6fd61f01] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--font-sm);
    color: var(--footer-text-tertiary);
    cursor: pointer;
    transition: var(--transition-base)
}

.footer .footer-content .footer-right .social-list .social-item .social-label .social-icon[data-v-6fd61f01] {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.footer .footer-content .footer-right .social-list .social-item .social-label[data-v-6fd61f01]:hover {
    color: var(--brand-primary-light)
}

.footer .footer-content .footer-right .social-list .social-item .social-popup[data-v-6fd61f01] {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translate(-50%);
    background: #fff;
    border-radius: var(--radius-lg);
    padding: 8px;
    box-shadow: 0 4px 20px #0000004d;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    z-index: var(--z-popover);
    pointer-events: none
}

.footer .footer-content .footer-right .social-list .social-item .social-popup[data-v-6fd61f01]:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    border: 6px solid transparent;
    border-top-color: #fff
}

.footer .footer-content .footer-right .social-list .social-item .social-popup img[data-v-6fd61f01] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radius-sm)
}

.footer .footer-content .footer-right .social-list .social-item:hover .social-popup[data-v-6fd61f01] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.footer .footer-bottom[data-v-6fd61f01] {
    max-width: 1200px;
    margin: 30px auto 0;
    padding: var(--spacing-lg) var(--spacing-2xl) 0;
    border-top: 1px solid var(--footer-border);
    text-align: center
}

.footer .footer-bottom .copyright-list[data-v-6fd61f01] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.footer .footer-bottom .copyright-list .copyright-item[data-v-6fd61f01] {
    display: inline-block;
    font-size: var(--font-sm);
    color: var(--footer-text-secondary);
    margin: 0 8px;
    text-decoration: none;
    transition: var(--transition-base)
}

.footer .footer-bottom .copyright-list .copyright-item[data-v-6fd61f01]:hover {
    color: var(--brand-primary-light)
}

.footer .footer-bottom .copyright-list .copyright-item[data-v-6fd61f01]:first-child {
    margin-left: 0
}

.footer .footer-bottom .copyright-list .copyright-item[data-v-6fd61f01]:last-child {
    margin-right: 0
}

@media(max-width:768px) {
    .footer-content[data-v-6fd61f01] {
        flex-direction: column;
        gap: var(--spacing-lg);
        text-align: center
    }

    .footer-right[data-v-6fd61f01] {
        align-items: center
    }

    .footer-right .footer-links[data-v-6fd61f01],
    .footer-right .social-list[data-v-6fd61f01] {
        flex-wrap: wrap;
        justify-content: center
    }
}

[data-v-b97f36ed]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-b97f36ed] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.footer[data-v-b97f36ed] {
    background: var(--footer-bg);
    color: var(--footer-text-primary);
    padding: var(--spacing-2xl) 0 var(--spacing-lg);
    border-top: 1px solid var(--footer-border)
}

.footer .footer-content[data-v-b97f36ed] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    text-align: center
}

.footer .footer-content .footer-left .footer-title[data-v-b97f36ed] {
    font-size: var(--font-2xl);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--spacing-md)
}

.footer .footer-content .footer-left .footer-desc[data-v-b97f36ed] {
    font-size: var(--font-sm);
    color: var(--footer-text-tertiary);
    line-height: 1.6
}

.footer .footer-content .footer-right[data-v-b97f36ed] {
    display: flex;
    gap: var(--spacing-xl);
    flex-wrap: wrap;
    justify-content: center
}

.footer .footer-content .footer-right .footer-item a[data-v-b97f36ed] {
    color: var(--footer-text-tertiary);
    text-decoration: none;
    font-size: var(--font-sm);
    transition: var(--transition-base)
}

.footer .footer-content .footer-right .footer-item a[data-v-b97f36ed]:hover {
    color: var(--brand-primary-light)
}

.footer .footer-content .footer-right .footer-item a[data-v-b97f36ed]:active {
    color: var(--brand-primary)
}

.footer .footer-bottom[data-v-b97f36ed] {
    max-width: 1200px;
    margin: 30px auto 0;
    padding: var(--spacing-lg) var(--spacing-2xl) 0;
    border-top: 1px solid var(--footer-border);
    text-align: center
}

.footer .footer-bottom .copyright-list[data-v-b97f36ed] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.footer .footer-bottom .copyright-list .copyright-item[data-v-b97f36ed] {
    display: inline-block;
    font-size: var(--font-sm);
    color: var(--footer-text-secondary);
    margin: 0 8px;
    text-decoration: none;
    transition: var(--transition-base)
}

.footer .footer-bottom .copyright-list .copyright-item[data-v-b97f36ed]:hover {
    color: var(--brand-primary-light)
}

.footer .footer-bottom .copyright-list .copyright-item[data-v-b97f36ed]:first-child {
    margin-left: 0
}

.footer .footer-bottom .copyright-list .copyright-item[data-v-b97f36ed]:last-child {
    margin-right: 0
}

[data-v-5fec12bb]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-5fec12bb] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.responsive-layout[data-v-5fec12bb] {
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.mobile-drawer[data-v-5fec12bb] {
    height: 100%;
    background: var(--bg-hover)
}

@supports (backdrop-filter: blur(1px)) {
    .mobile-drawer[data-v-5fec12bb] {
        background: var(--glass-bg-heavy);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px)
    }
}

.mobile-drawer .drawer-header[data-v-5fec12bb] {
    padding: var(--spacing-xl) var(--spacing-md);
    border-bottom: 1px solid var(--border-base);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing-md)
}

.mobile-drawer .drawer-menu[data-v-5fec12bb] {
    padding: var(--spacing-lg) 0
}

.mobile-drawer .drawer-menu .nav-item[data-v-5fec12bb] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-xl);
    color: var(--text-primary);
    text-decoration: none;
    font-size: var(--font-base);
    transition: all var(--transition-fast);
    border-left: 3px solid transparent
}

.mobile-drawer .drawer-menu .nav-item[data-v-5fec12bb]:hover {
    background: var(--bg-hover);
    color: var(--brand-primary);
    border-left-color: var(--brand-primary)
}

.mobile-drawer .drawer-menu .nav-item[data-v-5fec12bb]:active {
    color: var(--brand-primary)
}

.mobile-drawer .drawer-menu .nav-item.router-link-active[data-v-5fec12bb],
.mobile-drawer .drawer-menu .nav-item.is-docs-active[data-v-5fec12bb],
.mobile-drawer .drawer-menu .nav-item.is-blog-active[data-v-5fec12bb],
.mobile-drawer .drawer-menu .nav-item.is-changelog-active[data-v-5fec12bb],
.mobile-drawer .drawer-menu .nav-item.is-cases-active[data-v-5fec12bb] {
    background: var(--bg-accent);
    color: var(--brand-primary);
    border-left-color: var(--brand-primary)
}

.mobile-drawer .drawer-menu .docs-link .docs-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link .docs-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link .docs-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link .docs-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link .github-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link .github-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link .github-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link .github-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link .log-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link .log-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link .log-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link .log-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link .blog-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link .blog-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link .blog-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link .blog-icon[data-v-5fec12bb] {
    width: 18px;
    height: 18px
}

:root[data-theme=dark] .mobile-drawer .drawer-menu .docs-link .docs-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .github-link .docs-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .changelog-link .docs-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .blog-link .docs-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .docs-link .github-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .github-link .github-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .changelog-link .github-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .blog-link .github-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .docs-link .log-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .github-link .log-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .changelog-link .log-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .blog-link .log-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .docs-link .blog-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .github-link .blog-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .changelog-link .blog-icon.default-icon[data-v-5fec12bb],
:root[data-theme=dark] .mobile-drawer .drawer-menu .blog-link .blog-icon.default-icon[data-v-5fec12bb] {
    filter: invert(1)
}

.mobile-drawer .drawer-menu .docs-link .docs-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link .docs-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link .docs-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link .docs-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link .github-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link .github-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link .github-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link .github-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link .log-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link .log-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link .log-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link .log-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link .blog-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link .blog-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link .blog-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link .blog-icon.orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link:hover .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link:hover .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link:hover .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link:hover .default-icon[data-v-5fec12bb] {
    display: none
}

.mobile-drawer .drawer-menu .docs-link:hover .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link:hover .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link:hover .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link:hover .orange-icon[data-v-5fec12bb] {
    display: block
}

.mobile-drawer .drawer-menu .docs-link.router-link-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link.router-link-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link.router-link-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link.router-link-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link.is-docs-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link.is-docs-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link.is-docs-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link.is-docs-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link.is-changelog-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link.is-changelog-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link.is-changelog-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link.is-changelog-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link.is-blog-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link.is-blog-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link.is-blog-active .default-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link.is-blog-active .default-icon[data-v-5fec12bb] {
    display: none
}

.mobile-drawer .drawer-menu .docs-link.router-link-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link.router-link-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link.router-link-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link.router-link-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link.is-docs-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link.is-docs-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link.is-docs-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link.is-docs-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link.is-changelog-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link.is-changelog-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link.is-changelog-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link.is-changelog-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .docs-link.is-blog-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .github-link.is-blog-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .changelog-link.is-blog-active .orange-icon[data-v-5fec12bb],
.mobile-drawer .drawer-menu .blog-link.is-blog-active .orange-icon[data-v-5fec12bb] {
    display: block
}

.main-content[data-v-5fec12bb] {
    flex: 1;
    padding-top: 64px;
    display: flex;
    flex-direction: column;
    background: var(--section-gradient-1)
}

.main-content.no-padding[data-v-5fec12bb] {
    padding-top: 0
}

.mobile .main-content[data-v-5fec12bb] {
    padding-top: 56px
}

.mobile .main-content.no-padding[data-v-5fec12bb] {
    padding-top: 0
}

[data-v-5fec12bb] .el-drawer {
    background-color: var(--bg-hover) !important
}

[data-v-5fec12bb] .el-drawer__body {
    padding: 0 !important
}

:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

#app {
    min-height: 100%;
    background: var(--bg-primary)
}

[data-v-c0867acb]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-c0867acb] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.hero-section[data-v-c0867acb] {
    background: transparent;
    border-radius: var(--radius-lg);
    padding: 8px var(--radius-lg) 6px;
    margin-top: 16px
}

.hero-section .hero-content[data-v-c0867acb] {
    max-width: 1200px;
    width: 100%;
    margin: 20px auto 12px;
    padding: 0 var(--spacing-2xl);
    text-align: center
}

.hero-section .hero-content .hero-title[data-v-c0867acb] {
    font-size: 72px;
    font-weight: var(--font-weight-bold);
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
    margin-bottom: var(--spacing-md);
    line-height: 1.2
}

.hero-section .hero-content .hero-subtitle[data-v-c0867acb] {
    font-size: 32px;
    font-weight: var(--font-weight-normal);
    color: var(--text-heading-secondary);
    line-height: 1.5;
    font-family: Segoe UI, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Arial, sans-serif;
    font-feature-settings: "tnum" on
}

@media(min-height:960px) {
    .hero-section[data-v-c0867acb] {
        margin-top: 60px;
        padding: 12px
    }

    .hero-section .hero-content[data-v-c0867acb] {
        margin: 40px auto 60px
    }

    .hero-section .hero-content .hero-title[data-v-c0867acb] {
        font-size: 56px;
        margin-bottom: 24px
    }

    .hero-section .hero-content .hero-subtitle[data-v-c0867acb] {
        font-size: 26px
    }
}

[data-v-9ee9ca4a]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-9ee9ca4a] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.hero-section[data-v-9ee9ca4a] {
    background: var(--bg-container);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    margin: 40px var(--spacing-md) 0;
    border: 1px solid var(--border-base)
}

.hero-section .hero-content[data-v-9ee9ca4a] {
    max-width: 400px;
    width: 100%;
    margin: 0 auto
}

.hero-section .hero-content .hero-title[data-v-9ee9ca4a] {
    font-size: 48px;
    font-weight: var(--font-weight-bold);
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: block;
    margin: 0 auto var(--spacing-md);
    line-height: 1.3;
    text-align: center
}

.hero-section .hero-content .hero-subtitle[data-v-9ee9ca4a] {
    font-size: 15px;
    font-weight: var(--font-weight-normal);
    color: var(--text-heading-secondary);
    line-height: 1.5;
    text-align: center;
    font-family: Segoe UI, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Arial, sans-serif;
    font-feature-settings: "tnum" on
}

[data-v-fc3f6616]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-fc3f6616] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.video-wrapper[data-v-fc3f6616] {
    position: relative;
    width: 100%
}

.video-wrapper:hover .video-controls[data-v-fc3f6616] {
    opacity: 1
}

.video-wrapper .video-loading[data-v-fc3f6616] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--gradient-dark);
    border-radius: var(--radius-lg);
    z-index: 2;
    pointer-events: none
}

.video-wrapper .video-loading .loading-spinner[data-v-fc3f6616] {
    color: var(--brand-primary);
    animation: spin-fc3f6616 1.5s linear infinite
}

.video-wrapper .video-loading .loading-spinner svg[data-v-fc3f6616] {
    display: block
}

.video-wrapper .video-loading .loading-spinner circle[data-v-fc3f6616] {
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
    animation: dash-fc3f6616 1.5s ease-in-out infinite
}

.video-wrapper .video-player[data-v-fc3f6616] {
    width: 100%;
    height: 100%;
    border-radius: var(--radius-lg);
    background: var(--bg-dark);
    cursor: pointer;
    display: block;
    object-fit: contain
}

.video-wrapper .video-player.is-loading[data-v-fc3f6616] {
    opacity: 0;
    pointer-events: none
}

.video-wrapper .video-controls[data-v-fc3f6616] {
    position: absolute;
    bottom: var(--spacing-lg);
    left: 50%;
    transform: translate(-50%);
    width: 50%;
    opacity: 0;
    transition: opacity var(--transition-base);
    pointer-events: none
}

.video-wrapper:hover .video-wrapper .video-controls[data-v-fc3f6616] {
    opacity: 1;
    pointer-events: auto
}

.video-wrapper .control-bar[data-v-fc3f6616] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
    padding: var(--spacing-md) var(--spacing-lg);
    background: var(--bg-dark-overlay);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-overlay);
    box-shadow: var(--shadow-dark-md)
}

.video-wrapper .control-bar .play-button[data-v-fc3f6616] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--neutral-200);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-black);
    transition: var(--transition-base);
    flex-shrink: 0
}

.video-wrapper .control-bar .play-button[data-v-fc3f6616]:hover {
    background: var(--neutral-300);
    transform: scale(1.05)
}

.video-wrapper .control-bar .play-button[data-v-fc3f6616]:active {
    transform: scale(.95)
}

.video-wrapper .control-bar .play-button .play-icon[data-v-fc3f6616],
.video-wrapper .control-bar .play-button .pause-icon[data-v-fc3f6616] {
    display: flex;
    align-items: center;
    justify-content: center
}

.video-wrapper .control-bar .play-button svg[data-v-fc3f6616] {
    display: block
}

.video-wrapper .control-bar .progress-container[data-v-fc3f6616] {
    flex: 1;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 var(--spacing-sm);
    position: relative
}

.video-wrapper .control-bar .progress-container .progress-bar[data-v-fc3f6616] {
    width: 100%;
    height: 4px;
    background: var(--overlay-light);
    border-radius: 2px;
    position: relative;
    overflow: hidden
}

.video-wrapper .control-bar .progress-container .progress-bar .progress-filled[data-v-fc3f6616] {
    height: 100%;
    background: var(--gradient-brand);
    border-radius: 2px;
    transition: width .1s ease
}

.video-wrapper .control-bar .progress-container .progress-handle[data-v-fc3f6616] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: var(--radius-lg);
    height: var(--radius-lg);
    background: var(--brand-secondary);
    border-radius: 50%;
    box-shadow: 0 0 8px #4daafc80;
    transition: left .1s ease;
    pointer-events: none
}

.video-wrapper .control-bar .time-display[data-v-fc3f6616] {
    font-size: var(--font-sm);
    color: var(--text-secondary);
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 80px;
    text-align: right
}

.video-wrapper-small .video-loading[data-v-fc3f6616],
.video-wrapper-small .video-player[data-v-fc3f6616] {
    border-radius: var(--radius-md)
}

@-moz-keyframes spin-fc3f6616 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin-fc3f6616 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes spin-fc3f6616 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes spin-fc3f6616 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes dash-fc3f6616 {
    0% {
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: -30
    }

    to {
        stroke-dashoffset: -60
    }
}

@-webkit-keyframes dash-fc3f6616 {
    0% {
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: -30
    }

    to {
        stroke-dashoffset: -60
    }
}

@-o-keyframes dash-fc3f6616 {
    0% {
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: -30
    }

    to {
        stroke-dashoffset: -60
    }
}

@keyframes dash-fc3f6616 {
    0% {
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: -30
    }

    to {
        stroke-dashoffset: -60
    }
}

[data-v-862e51f1]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-862e51f1] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.mobile-video-wrapper[data-v-862e51f1] {
    position: relative;
    width: 100%;
    overflow: hidden
}

.mobile-video-wrapper .video-loading[data-v-862e51f1] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--gradient-dark);
    border-radius: var(--radius-md);
    z-index: 2;
    pointer-events: none
}

.mobile-video-wrapper .video-loading .loading-spinner[data-v-862e51f1] {
    color: var(--brand-primary);
    animation: spin-862e51f1 1.5s linear infinite
}

.mobile-video-wrapper .video-loading .loading-spinner svg[data-v-862e51f1] {
    display: block
}

.mobile-video-wrapper .video-loading .loading-spinner circle[data-v-862e51f1] {
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
    animation: dash-862e51f1 1.5s ease-in-out infinite
}

.mobile-video-wrapper .center-play-button[data-v-862e51f1] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    cursor: pointer;
    transition: transform var(--transition-base)
}

.mobile-video-wrapper .center-play-button[data-v-862e51f1]:active {
    transform: translate(-50%, -50%) scale(.95)
}

.mobile-video-wrapper .center-play-button .play-button-circle[data-v-862e51f1] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--neutral-200);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-xl);
    transition: var(--transition-base)
}

.mobile-video-wrapper .center-play-button .play-button-circle svg[data-v-862e51f1] {
    display: block;
    color: var(--neutral-black);
    margin-left: var(--spacing-xs)
}

.mobile-video-wrapper .video-player[data-v-862e51f1] {
    width: 100%;
    height: 100%;
    border-radius: var(--radius-md);
    background: transparent;
    cursor: pointer;
    display: block;
    object-fit: cover
}

.mobile-video-wrapper .video-player.is-loading[data-v-862e51f1] {
    opacity: 0;
    pointer-events: none
}

.mobile-video-wrapper .video-controls[data-v-862e51f1] {
    position: absolute;
    bottom: var(--spacing-sm);
    left: 50%;
    transform: translate(-50%);
    width: calc(100% - var(--spacing-lg));
    z-index: 4
}

.mobile-video-wrapper .control-bar[data-v-862e51f1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: 6px var(--spacing-sm);
    background: var(--bg-dark-overlay);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: var(--radius-sm);
    border: 0;
    box-shadow: none
}

.mobile-video-wrapper .control-bar .progress-container[data-v-862e51f1] {
    flex: 1;
    height: var(--font-2xl);
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 var(--spacing-xs);
    position: relative
}

.mobile-video-wrapper .control-bar .progress-container .progress-bar[data-v-862e51f1] {
    width: 100%;
    height: 2px;
    background: var(--overlay-light);
    border-radius: 2px;
    position: relative;
    overflow: hidden
}

.mobile-video-wrapper .control-bar .progress-container .progress-bar .progress-filled[data-v-862e51f1] {
    height: 100%;
    background: var(--gradient-brand);
    border-radius: 2px;
    transition: width .1s ease
}

.mobile-video-wrapper .control-bar .progress-container .progress-handle[data-v-862e51f1] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: var(--spacing-sm);
    height: var(--spacing-sm);
    background: var(--brand-secondary);
    border-radius: 50%;
    box-shadow: 0 0 4px #4daafc80;
    transition: left .1s ease;
    pointer-events: none
}

.mobile-video-wrapper .control-bar .time-display[data-v-862e51f1] {
    font-size: 10px;
    color: var(--text-secondary);
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 55px;
    text-align: right
}

@-moz-keyframes spin-862e51f1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin-862e51f1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes spin-862e51f1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes spin-862e51f1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes dash-862e51f1 {
    0% {
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: -30
    }

    to {
        stroke-dashoffset: -60
    }
}

@-webkit-keyframes dash-862e51f1 {
    0% {
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: -30
    }

    to {
        stroke-dashoffset: -60
    }
}

@-o-keyframes dash-862e51f1 {
    0% {
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: -30
    }

    to {
        stroke-dashoffset: -60
    }
}

@keyframes dash-862e51f1 {
    0% {
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: -30
    }

    to {
        stroke-dashoffset: -60
    }
}

.modal-overlay[data-v-36c5c8cb] {
    position: fixed;
    inset: 0;
    background: #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: var(--spacing-lg);
    animation: fadeIn-36c5c8cb .2s ease
}

.modal-content[data-v-36c5c8cb] {
    background: var(--bg-container);
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 480px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-xl);
    animation: slideUp-36c5c8cb .3s ease
}

.modal-header[data-v-36c5c8cb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-lg) var(--spacing-xl);
    border-bottom: 1px solid var(--border-base)
}

.modal-header .header-title[data-v-36c5c8cb] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md)
}

.modal-header .header-title .chip-icon[data-v-36c5c8cb] {
    width: 24px;
    height: 24px;
    color: var(--brand-primary);
    flex-shrink: 0
}

.modal-header .header-title h3[data-v-36c5c8cb] {
    margin: 0;
    font-size: var(--font-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--text-heading-primary)
}

.modal-header .close-btn[data-v-36c5c8cb] {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    color: var(--text-tertiary);
    transition: var(--transition-base)
}

.modal-header .close-btn[data-v-36c5c8cb]:hover {
    background: var(--bg-hover);
    color: var(--text-primary)
}

.modal-header .close-btn svg[data-v-36c5c8cb] {
    width: 20px;
    height: 20px
}

.modal-body[data-v-36c5c8cb] {
    padding: var(--spacing-xl);
    overflow-y: auto
}

.modal-body .guide-intro[data-v-36c5c8cb] {
    margin: 0 0 var(--spacing-lg) 0;
    font-size: var(--font-base);
    color: var(--text-secondary);
    line-height: 1.6
}

.modal-body .guide-steps[data-v-36c5c8cb] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg)
}

.modal-body .guide-steps .step[data-v-36c5c8cb] {
    display: flex;
    gap: var(--spacing-md)
}

.modal-body .guide-steps .step .step-number[data-v-36c5c8cb] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--brand-primary-pale);
    color: var(--brand-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-sm);
    font-weight: var(--font-weight-semibold);
    flex-shrink: 0
}

.modal-body .guide-steps .step .step-content[data-v-36c5c8cb] {
    flex: 1
}

.modal-body .guide-steps .step .step-content .step-text[data-v-36c5c8cb] {
    margin: 0 0 var(--spacing-sm) 0;
    font-size: var(--font-base);
    color: var(--text-primary);
    line-height: 1.6
}

.modal-body .guide-steps .step .step-content .step-text[data-v-36c5c8cb] .highlight {
    font-weight: var(--font-weight-semibold);
    color: var(--text-heading-primary)
}

.modal-body .guide-steps .step .step-content .chip-examples[data-v-36c5c8cb] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm)
}

.modal-body .guide-steps .step .step-content .chip-examples .chip-example[data-v-36c5c8cb] {
    background: var(--bg-elevated);
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    font-size: var(--font-sm);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-xs) var(--spacing-sm)
}

.modal-body .guide-steps .step .step-content .chip-examples .chip-example .example-keyword[data-v-36c5c8cb] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-heading-primary)
}

.modal-body .guide-steps .step .step-content .chip-examples .chip-example .example-desc[data-v-36c5c8cb] {
    color: var(--text-secondary)
}

.modal-body .guide-steps .step .step-content .chip-examples .chip-example .example-arrow[data-v-36c5c8cb] {
    color: var(--brand-primary)
}

.modal-body .guide-steps .step .step-content .chip-examples .chip-example .example-result[data-v-36c5c8cb] {
    font-weight: var(--font-weight-medium);
    color: var(--brand-primary)
}

.modal-footer[data-v-36c5c8cb] {
    padding: var(--spacing-lg) var(--spacing-xl);
    border-top: 1px solid var(--border-base);
    display: flex;
    justify-content: center
}

.modal-footer .confirm-btn[data-v-36c5c8cb] {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-xl);
    background: var(--text-heading-primary);
    color: var(--bg-container);
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--font-base);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: var(--transition-base)
}

.modal-footer .confirm-btn[data-v-36c5c8cb]:hover {
    background: var(--brand-primary)
}

@media(max-width:480px) {
    .modal-content[data-v-36c5c8cb] {
        max-height: 95vh
    }

    .modal-body[data-v-36c5c8cb] {
        padding: var(--spacing-lg)
    }

    .modal-footer[data-v-36c5c8cb] {
        padding: var(--spacing-md) var(--spacing-lg)
    }
}

@-moz-keyframes fadeIn-36c5c8cb {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn-36c5c8cb {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn-36c5c8cb {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn-36c5c8cb {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes slideUp-36c5c8cb {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUp-36c5c8cb {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-o-keyframes slideUp-36c5c8cb {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideUp-36c5c8cb {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

[data-v-9bcdf509]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-9bcdf509] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.download-actions[data-v-9bcdf509] {
    width: 100%
}

.download-actions .download-panel[data-v-9bcdf509] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 20px;
    background: var(--bg-elevated);
    border-radius: 16px;
    box-shadow: 0 12px 40px #0000001a;
    gap: 0
}

:root[data-theme=dark] .download-actions .download-panel[data-v-9bcdf509] {
    box-shadow: 0 16px 50px #00000059
}

.download-actions .download-panel-divider[data-v-9bcdf509] {
    width: 1px;
    flex-shrink: 0;
    margin: 0 18px;
    background: #00000014;
    align-self: stretch
}

:root[data-theme=dark] .download-actions .download-panel-divider[data-v-9bcdf509] {
    background: #ffffff1f
}

.download-actions .download-panel-col[data-v-9bcdf509] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px
}

.download-actions .download-panel-col.mac .col-header[data-v-9bcdf509] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 14px
}

.download-actions .download-panel-col.windows .col-header[data-v-9bcdf509] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px
}

.download-actions .col-header-brand[data-v-9bcdf509] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    min-width: 0
}

.download-actions .platform-icon[data-v-9bcdf509] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    object-fit: contain;
    filter: none
}

:root[data-theme=dark] .download-actions .platform-icon[data-v-9bcdf509] {
    filter: brightness(0) invert(1)
}

.download-actions .col-title[data-v-9bcdf509] {
    margin: 0;
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading-primary);
    line-height: 1.25;
    letter-spacing: .02em
}

.download-actions .chip-guide-btn[data-v-9bcdf509] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 6px 12px;
    background: #0000000a;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 10px;
    color: var(--text-secondary);
    font-size: 12px;
    cursor: pointer;
    transition: var(--transition-base)
}

.download-actions .chip-guide-btn[data-v-9bcdf509]:hover {
    background: #0000000f;
    border-color: #0000001f;
    color: var(--text-primary)
}

:root[data-theme=dark] .download-actions .chip-guide-btn[data-v-9bcdf509] {
    background: #ffffff1a;
    border: 1px solid rgba(255, 255, 255, .14);
    color: #ffffffd9
}

:root[data-theme=dark] .download-actions .chip-guide-btn[data-v-9bcdf509]:hover {
    background: #ffffff29;
    border-color: #ffffff38;
    color: #fff
}

.download-actions .chip-guide-btn .help-icon[data-v-9bcdf509] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    opacity: .9
}

.download-actions .col-cards[data-v-9bcdf509] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.download-actions .download-card[data-v-9bcdf509] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    background: var(--bg-container);
    border: 1px solid var(--border-base);
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    transition: transform .15s ease, box-shadow .15s ease
}

.download-actions .download-card[data-v-9bcdf509]:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px #0000001f
}

.download-actions .download-card:hover .card-action[data-v-9bcdf509] {
    background: #e85f2e
}

.download-actions .card-info[data-v-9bcdf509] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1
}

.download-actions .card-title[data-v-9bcdf509] {
    font-size: 15px;
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    line-height: 1.3
}

.download-actions .card-desc[data-v-9bcdf509] {
    font-size: 12px;
    color: var(--text-secondary);
    line-height: 1.4
}

.download-actions .card-action[data-v-9bcdf509] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-width: 112px;
    padding: 9px 16px;
    background: #ff6b35;
    border-radius: 999px;
    color: #fff;
    text-align: center;
    transition: background .15s ease
}

.download-actions .action-label[data-v-9bcdf509] {
    font-size: 13px;
    font-weight: var(--font-weight-bold);
    line-height: 1.2
}

.download-actions .action-version[data-v-9bcdf509] {
    font-size: 10px;
    font-weight: var(--font-weight-normal);
    opacity: .95;
    line-height: 1.2;
    white-space: nowrap
}

@media(max-width:900px) {
    .download-panel[data-v-9bcdf509] {
        flex-direction: column;
        padding: 24px 20px
    }

    .download-panel-divider[data-v-9bcdf509] {
        width: 100%;
        height: 1px;
        margin: 8px 0 20px
    }
}

@media(max-width:768px) {
    .download-panel-col.mac .col-header[data-v-9bcdf509] {
        flex-direction: column;
        align-items: flex-start
    }

    .chip-guide-btn[data-v-9bcdf509] {
        align-self: flex-start
    }

    .download-card[data-v-9bcdf509] {
        flex-direction: column;
        align-items: stretch
    }

    .card-action[data-v-9bcdf509] {
        width: 100%;
        min-width: 0
    }
}

[data-v-31639b12]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-31639b12] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.feature-section[data-v-31639b12] {
    background: transparent;
    border-radius: var(--radius-lg);
    padding: 0 var(--radius-lg) var(--radius-lg);
    margin-top: 4px
}

.feature-section .feature-container[data-v-31639b12] {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--spacing-2xl)
}

.feature-section .feature-container .feature-grid[data-v-31639b12] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl)
}

.feature-section .feature-container .feature-grid .feature-card[data-v-31639b12] {
    background: var(--bg-container);
    padding: var(--spacing-xl);
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    border: 1px solid var(--border-base);
    box-shadow: var(--shadow-sm)
}

@supports (backdrop-filter: blur(1px)) {
    .feature-section .feature-container .feature-grid .feature-card[data-v-31639b12] {
        background: var(--glass-bg);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid var(--glass-border);
        box-shadow: var(--glass-shadow)
    }
}

.feature-section .feature-container .feature-grid .feature-card[data-v-31639b12]:hover {
    transform: translateY(-4px);
    border-color: var(--brand-primary);
    box-shadow: 0 8px 25px #ff442226
}

@supports (backdrop-filter: blur(1px)) {
    .feature-section .feature-container .feature-grid .feature-card[data-v-31639b12]:hover {
        background: var(--glass-bg-heavy)
    }
}

:root[data-theme=dark] .feature-section .feature-container .feature-grid .feature-card[data-v-31639b12]:hover {
    box-shadow: 0 0 20px #ff6b4d2e, 0 8px 25px #0000004d
}

.feature-section .feature-container .feature-grid .feature-card .feature-header[data-v-31639b12] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md)
}

.feature-section .feature-container .feature-grid .feature-card .feature-icon[data-v-31639b12] {
    width: var(--font-3xl);
    height: var(--font-3xl);
    flex-shrink: 0
}

:root[data-theme=dark] .feature-section .feature-container .feature-grid .feature-card .feature-icon[data-v-31639b12] {
    filter: invert(1)
}

.feature-section .feature-container .feature-grid .feature-card .feature-title[data-v-31639b12] {
    font-size: var(--font-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--text-heading-tertiary);
    margin: 0;
    line-height: 1.4
}

.feature-section .feature-container .feature-grid .feature-card .feature-description[data-v-31639b12] {
    font-size: var(--font-base);
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0
}

.feature-section .feature-container .download-actions-wrapper[data-v-31639b12] {
    margin-top: var(--spacing-lg)
}

@media(min-height:960px) {
    .feature-section[data-v-31639b12] {
        margin-top: 60px;
        padding: var(--spacing-md)
    }

    .feature-section .feature-container .feature-grid[data-v-31639b12] {
        gap: var(--spacing-lg)
    }

    .feature-section .feature-container .download-actions-wrapper[data-v-31639b12] {
        margin-top: 56px
    }
}

[data-v-0bf60105]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-0bf60105] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.feature-section[data-v-0bf60105] {
    background: var(--bg-container);
    border-radius: var(--radius-lg);
    padding: var(--radius-lg);
    margin: 20px var(--spacing-md) 0;
    border: 1px solid var(--border-base)
}

.feature-section .feature-container[data-v-0bf60105] {
    width: 100%;
    padding: 0
}

.feature-section .feature-container .feature-grid[data-v-0bf60105] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-lg)
}

.feature-section .feature-container .feature-grid .feature-card[data-v-0bf60105] {
    background: var(--bg-container);
    padding: var(--spacing-lg);
    border-radius: var(--radius-md);
    transition: var(--transition-base);
    border: 1px solid var(--border-base);
    box-shadow: var(--shadow-sm)
}

@supports (backdrop-filter: blur(1px)) {
    .feature-section .feature-container .feature-grid .feature-card[data-v-0bf60105] {
        background: var(--glass-bg);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid var(--glass-border);
        box-shadow: var(--glass-shadow)
    }
}

@supports (backdrop-filter: blur(1px)) {
    .feature-section .feature-container .feature-grid .feature-card[data-v-0bf60105]:hover {
        background: var(--glass-bg-heavy)
    }
}

.feature-section .feature-container .feature-grid .feature-card[data-v-0bf60105]:active {
    background: var(--bg-hover)
}

.feature-section .feature-container .feature-grid .feature-card .feature-header[data-v-0bf60105] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-sm)
}

.feature-section .feature-container .feature-grid .feature-card .feature-icon[data-v-0bf60105] {
    width: var(--font-2xl);
    height: var(--font-2xl);
    flex-shrink: 0
}

:root[data-theme=dark] .feature-section .feature-container .feature-grid .feature-card .feature-icon[data-v-0bf60105] {
    filter: invert(1)
}

.feature-section .feature-container .feature-grid .feature-card .feature-title[data-v-0bf60105] {
    font-size: var(--font-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--text-heading-tertiary);
    margin: 0;
    line-height: 1.4
}

.feature-section .feature-container .feature-grid .feature-card .feature-description[data-v-0bf60105] {
    font-size: var(--font-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0
}

.feature-section .feature-container .download-actions[data-v-0bf60105] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--spacing-lg);
    gap: var(--spacing-md)
}

.feature-section .feature-container .download-actions .download-left[data-v-0bf60105] {
    flex: 1
}

.feature-section .feature-container .download-actions .download-left[data-v-0bf60105]:only-child {
    display: flex;
    justify-content: center
}

.feature-section .feature-container .download-actions .download-left .download-button[data-v-0bf60105] {
    position: relative;
    background: var(--gradient-cta);
    border: none;
    color: var(--cta-text);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .5px;
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    box-shadow: var(--shadow-cta);
    width: 100%;
    font-size: var(--font-base);
    padding: var(--spacing-md) var(--spacing-xl);
    height: auto
}

.feature-section .feature-container .download-actions .download-left .download-button[data-v-0bf60105]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent);
    transition: left .6s ease
}

.feature-section .feature-container .download-actions .download-left .download-button[data-v-0bf60105]:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-cta-hover);
    background: var(--gradient-cta-hover)
}

.feature-section .feature-container .download-actions .download-left .download-button[data-v-0bf60105]:hover:before {
    left: 100%
}

.feature-section .feature-container .download-actions .download-left .download-button[data-v-0bf60105]:active {
    transform: translateY(0);
    box-shadow: var(--shadow-cta-active)
}

.feature-section .feature-container .download-actions .download-left .download-button[data-v-0bf60105]>span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important
}

.feature-section .feature-container .download-actions .download-left .download-button .platform-icon[data-v-0bf60105] {
    width: var(--font-xl);
    height: var(--font-xl);
    object-fit: contain;
    flex-shrink: 0;
    display: block;
    margin-top: -1px;
    filter: brightness(0) invert(1)
}

:root[data-theme=dark] .feature-section .feature-container .download-actions .download-left .download-button .platform-icon[data-v-0bf60105] {
    filter: brightness(.18)
}

.feature-section .feature-container .download-actions .download-left .beta-button[data-v-0bf60105] {
    position: relative;
    background: var(--gradient-cta);
    border: none;
    color: var(--cta-text);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .5px;
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    box-shadow: var(--shadow-cta);
    width: 100%;
    font-size: var(--font-base);
    padding: var(--spacing-md) var(--spacing-xl);
    height: auto
}

.feature-section .feature-container .download-actions .download-left .beta-button[data-v-0bf60105]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent);
    transition: left .6s ease
}

.feature-section .feature-container .download-actions .download-left .beta-button[data-v-0bf60105]:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-cta-hover);
    background: var(--gradient-cta-hover)
}

.feature-section .feature-container .download-actions .download-left .beta-button[data-v-0bf60105]:hover:before {
    left: 100%
}

.feature-section .feature-container .download-actions .download-left .beta-button[data-v-0bf60105]:active {
    transform: translateY(0);
    box-shadow: var(--shadow-cta-active)
}

.feature-section .feature-container .download-actions .download-right[data-v-0bf60105] {
    display: none
}

.feature-section .feature-container .download-actions .download-right .platform-list[data-v-0bf60105] {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-sm)
}

.feature-section .feature-container .download-actions .download-right .platform-list .platform-item[data-v-0bf60105] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    background: var(--bg-elevated);
    transition: var(--transition-base)
}

.feature-section .feature-container .download-actions .download-right .platform-list .platform-item[data-v-0bf60105]:hover {
    background: var(--brand-primary-light)
}

.feature-section .feature-container .download-actions .download-right .platform-list .platform-item .platform-icon[data-v-0bf60105] {
    width: var(--font-lg);
    height: var(--font-lg);
    object-fit: contain
}

:root[data-theme=dark] .feature-section .feature-container .download-actions .download-right .platform-list .platform-item .platform-icon[data-v-0bf60105] {
    filter: invert(1)
}

[data-v-c78d825d]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-c78d825d] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.advantages-section[data-v-c78d825d] {
    background: transparent;
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg) var(--spacing-md);
    margin-top: 40px;
    position: relative
}

.advantages-section .advantages-container[data-v-c78d825d] {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--spacing-2xl)
}

.advantages-section .advantages-container .section-title[data-v-c78d825d] {
    font-size: var(--font-4xl);
    font-weight: var(--font-weight-semibold);
    text-align: center;
    margin-bottom: var(--spacing-3xl);
    color: var(--text-heading-primary)
}

.advantages-section .advantages-container .section-title .gradient-text[data-v-c78d825d] {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.advantages-section .advantages-container .bubbles-grid[data-v-c78d825d] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-lg);
    max-width: 900px;
    margin: 0 auto
}

.advantages-section .advantages-container .bubbles-grid .bubble-item[data-v-c78d825d] {
    position: relative;
    flex-shrink: 0;
    opacity: 1
}

.advantages-section .advantages-container .bubbles-grid .bubble-item[data-v-c78d825d]:nth-child(1) {
    min-width: 200px;
    max-width: 260px
}

.advantages-section .advantages-container .bubbles-grid .bubble-item[data-v-c78d825d]:nth-child(2) {
    min-width: 280px;
    max-width: 360px
}

.advantages-section .advantages-container .bubbles-grid .bubble-item[data-v-c78d825d]:nth-child(3) {
    min-width: 280px;
    max-width: 360px
}

.advantages-section .advantages-container .bubbles-grid .bubble-item[data-v-c78d825d]:nth-child(4) {
    min-width: 220px;
    max-width: 280px
}

.advantages-section .advantages-container .bubbles-grid .bubble-item[data-v-c78d825d]:nth-child(5) {
    min-width: 220px;
    max-width: 280px
}

.advantages-section .advantages-container .bubbles-grid .bubble-item[data-v-c78d825d]:nth-child(6) {
    min-width: 200px;
    max-width: 260px
}

.advantages-section .advantages-container .bubbles-grid .bubble-item:hover .bubble-content[data-v-c78d825d] {
    transform: translateY(-4px);
    border-color: var(--brand-primary-light);
    box-shadow: 0 12px 40px #f423
}

:root[data-theme=dark] .advantages-section .advantages-container .bubbles-grid .bubble-item:hover .bubble-content[data-v-c78d825d] {
    box-shadow: 0 0 25px #ff6b4d33, 0 8px 25px #0000004d
}

.advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content[data-v-c78d825d] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-md) var(--spacing-lg);
    background: var(--bg-container);
    border-radius: var(--radius-2xl);
    border: 1px solid var(--border-base);
    box-shadow: var(--shadow-md);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    position: relative;
    z-index: 2;
    overflow: hidden
}

:root[data-theme=dark] .advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content[data-v-c78d825d] {
    background: var(--bg-elevated);
    border-color: var(--border-dark);
    box-shadow: var(--shadow-lg)
}

.advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content[data-v-c78d825d]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(180deg, rgba(255, 68, 34, .05) 0%, transparent 100%);
    border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
    pointer-events: none
}

.advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content .bubble-icon[data-v-c78d825d] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--brand-primary-pale);
    color: var(--brand-primary)
}

:root[data-theme=dark] .advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content .bubble-icon[data-v-c78d825d] {
    background: #ff6b4d33;
    color: var(--brand-primary-light)
}

.advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content .bubble-icon svg[data-v-c78d825d] {
    width: 22px;
    height: 22px
}

.advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content .bubble-text[data-v-c78d825d] {
    font-size: var(--font-base);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
    line-height: 1.4;
    flex: 1
}

.advantages-section .advantages-container .bubbles-grid .bubble-item.has-animation[data-v-c78d825d] {
    opacity: 0;
    will-change: transform, opacity;
    animation: fadeInScale-c78d825d .6s ease-out forwards, floatUpDown-c78d825d 6s ease-in-out infinite
}

@media(max-height:960px) {
    .advantages-section[data-v-c78d825d] {
        padding: 0
    }
}

@media(max-width:1024px) {
    .advantages-section .advantages-container[data-v-c78d825d] {
        padding: 0 var(--spacing-lg)
    }

    .advantages-section .advantages-container .bubbles-grid[data-v-c78d825d] {
        gap: var(--spacing-md)
    }

    .advantages-section .advantages-container .bubbles-grid .bubble-item[data-v-c78d825d]:nth-child(n) {
        min-width: auto;
        max-width: none;
        flex: 1 1 calc(50% - var(--spacing-md))
    }
}

@media(max-width:640px) {
    .advantages-section .advantages-container .section-title[data-v-c78d825d] {
        font-size: var(--font-3xl)
    }

    .advantages-section .advantages-container .bubbles-grid .bubble-item[data-v-c78d825d] {
        flex: 1 1 100%
    }
}

@media(prefers-reduced-motion:reduce) {
    .advantages-section .bubbles-grid .bubble-item[data-v-c78d825d] {
        opacity: 1 !important;
        animation: none !important;
        transform: none !important
    }

    .advantages-section .bubbles-grid .bubble-item.has-animation[data-v-c78d825d] {
        animation: none !important
    }
}

@-moz-keyframes floatUpDown-c78d825d {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

@-webkit-keyframes floatUpDown-c78d825d {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

@-o-keyframes floatUpDown-c78d825d {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

@keyframes floatUpDown-c78d825d {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

@-moz-keyframes fadeInScale-c78d825d {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(.9)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

@-webkit-keyframes fadeInScale-c78d825d {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(.9)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

@-o-keyframes fadeInScale-c78d825d {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(.9)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

@keyframes fadeInScale-c78d825d {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(.9)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

[data-v-4651057d]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-4651057d] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.advantages-section[data-v-4651057d] {
    background: transparent;
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg) 0;
    margin: 20px var(--spacing-md) 0
}

.advantages-section .advantages-container[data-v-4651057d] {
    width: 100%;
    padding: 0
}

.advantages-section .advantages-container .section-title[data-v-4651057d] {
    font-size: var(--font-2xl);
    font-weight: var(--font-weight-semibold);
    text-align: center;
    margin-bottom: var(--spacing-xl);
    color: var(--text-heading-primary)
}

.advantages-section .advantages-container .section-title .gradient-text[data-v-4651057d] {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.advantages-section .advantages-container .bubbles-grid[data-v-4651057d] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm)
}

.advantages-section .advantages-container .bubbles-grid .bubble-item[data-v-4651057d] {
    position: relative;
    width: 100%
}

.advantages-section .advantages-container .bubbles-grid .bubble-item:active .bubble-content[data-v-4651057d] {
    transform: scale(.98);
    background: var(--bg-hover)
}

.advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content[data-v-4651057d] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    background: var(--bg-container);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-base);
    box-shadow: var(--shadow-sm);
    transition: all .2s ease
}

:root[data-theme=dark] .advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content[data-v-4651057d] {
    background: var(--bg-elevated);
    border-color: var(--border-dark)
}

.advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content .bubble-icon[data-v-4651057d] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--brand-primary-pale);
    color: var(--brand-primary)
}

:root[data-theme=dark] .advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content .bubble-icon[data-v-4651057d] {
    background: #ff6b4d33;
    color: var(--brand-primary-light)
}

.advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content .bubble-icon svg[data-v-4651057d] {
    width: 18px;
    height: 18px
}

.advantages-section .advantages-container .bubbles-grid .bubble-item .bubble-content .bubble-text[data-v-4651057d] {
    font-size: var(--font-sm);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
    line-height: 1.4;
    flex: 1
}

[data-v-5040c176]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-5040c176] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.showcase-section[data-v-5040c176] {
    background: transparent;
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    margin-top: 60px
}

.showcase-section .showcase-container[data-v-5040c176] {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--spacing-2xl)
}

.showcase-section .showcase-container .showcase-item[data-v-5040c176] {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    background: var(--bg-container);
    padding: var(--spacing-md);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-base);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base)
}

@supports (backdrop-filter: blur(1px)) {
    .showcase-section .showcase-container .showcase-item[data-v-5040c176] {
        background: var(--glass-bg);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid var(--glass-border-subtle);
        box-shadow: var(--glass-shadow)
    }
}

.showcase-section .showcase-container .showcase-item[data-v-5040c176]:nth-child(odd) {
    flex-direction: row
}

.showcase-section .showcase-container .showcase-item[data-v-5040c176]:nth-child(2n) {
    flex-direction: row-reverse
}

.showcase-section .showcase-container .showcase-item[data-v-5040c176]:last-child {
    margin-bottom: 0
}

.showcase-section .showcase-container .showcase-item .showcase-content[data-v-5040c176] {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 28px
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-title[data-v-5040c176] {
    font-size: var(--font-2xl);
    font-weight: var(--font-weight-medium);
    line-height: 32px;
    color: var(--brand-primary);
    margin-bottom: var(--spacing-lg)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-description[data-v-5040c176] {
    font-size: var(--font-base);
    font-weight: var(--font-weight-normal);
    line-height: 24px;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-xl)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-description .description-paragraph[data-v-5040c176] {
    margin-bottom: var(--spacing-md)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-description .description-paragraph[data-v-5040c176]:last-child {
    margin-bottom: 0
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-link[data-v-5040c176] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--font-base);
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: var(--font-weight-medium);
    transition: var(--transition-base)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-link .arrow[data-v-5040c176] {
    transition: transform var(--transition-base)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-link[data-v-5040c176]:hover {
    color: var(--brand-primary-light)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-link:hover .arrow[data-v-5040c176] {
    transform: translate(4px)
}

.showcase-section .showcase-container .showcase-item .showcase-video[data-v-5040c176] {
    flex: 1
}

@media(max-height:960px) {
    .showcase-section[data-v-5040c176] {
        margin-top: 40px
    }
}

[data-v-cc755ab3]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-cc755ab3] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.showcase-section[data-v-cc755ab3] {
    background: var(--bg-container);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    margin: 40px var(--spacing-md) 0;
    border: 1px solid var(--border-base);
    box-shadow: var(--shadow-sm)
}

@supports (backdrop-filter: blur(1px)) {
    .showcase-section[data-v-cc755ab3] {
        background: var(--glass-bg);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid var(--glass-border-subtle);
        box-shadow: var(--glass-shadow)
    }
}

.showcase-section .showcase-container[data-v-cc755ab3] {
    width: 100%;
    padding: 0
}

.showcase-section .showcase-container .showcase-item[data-v-cc755ab3] {
    margin-bottom: var(--spacing-2xl)
}

.showcase-section .showcase-container .showcase-item[data-v-cc755ab3]:last-child {
    margin-bottom: 0
}

.showcase-section .showcase-container .showcase-item .showcase-content[data-v-cc755ab3] {
    padding: 0 28px;
    margin-bottom: var(--spacing-lg)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-title[data-v-cc755ab3] {
    font-size: var(--font-2xl);
    font-weight: var(--font-weight-medium);
    line-height: 32px;
    color: var(--brand-primary);
    margin-bottom: var(--spacing-md)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-description[data-v-cc755ab3] {
    font-size: 15px;
    font-weight: var(--font-weight-normal);
    line-height: 22px;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-lg)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-description .description-paragraph[data-v-cc755ab3] {
    margin-bottom: var(--spacing-sm)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-description .description-paragraph[data-v-cc755ab3]:last-child {
    margin-bottom: 0
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-link[data-v-cc755ab3] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--font-sm);
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: var(--font-weight-medium)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-link .arrow[data-v-cc755ab3] {
    transition: transform var(--transition-base)
}

.showcase-section .showcase-container .showcase-item .showcase-content .showcase-link:active .arrow[data-v-cc755ab3] {
    transform: translate(4px)
}

.showcase-section .showcase-container .showcase-item .showcase-video[data-v-cc755ab3] {
    overflow: hidden
}

[data-v-7fcce2e2]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-7fcce2e2] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.get-started-section[data-v-7fcce2e2] {
    background: transparent;
    padding: 0;
    margin-top: 60px
}

.get-started-section .get-started-container[data-v-7fcce2e2] {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 60px var(--spacing-2xl);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-2xl)
}

.get-started-section .get-started-container .get-started-content[data-v-7fcce2e2] {
    flex: 1
}

.get-started-section .get-started-container .get-started-content .get-started-title[data-v-7fcce2e2] {
    font-size: var(--font-4xl);
    font-weight: var(--font-weight-bold);
    color: var(--text-heading-primary);
    margin-bottom: var(--spacing-md);
    line-height: 1.2
}

.get-started-section .get-started-container .get-started-content .get-started-subtitle[data-v-7fcce2e2] {
    font-size: var(--font-3xl);
    font-weight: var(--font-weight-normal);
    color: var(--text-secondary);
    margin: 0
}

.get-started-section .get-started-container .get-started-action[data-v-7fcce2e2] {
    flex-shrink: 0
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-7fcce2e2] {
    position: relative;
    background: var(--gradient-cta);
    border: none;
    color: var(--cta-text);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .5px;
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    box-shadow: var(--shadow-cta);
    font-size: var(--font-lg);
    padding: var(--spacing-md) var(--spacing-2xl);
    height: auto
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-7fcce2e2]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent);
    transition: left .6s ease
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-7fcce2e2]:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-cta-hover);
    background: var(--gradient-cta-hover)
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-7fcce2e2]:hover:before {
    left: 100%
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-7fcce2e2]:active {
    transform: translateY(0);
    box-shadow: var(--shadow-cta-active)
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-7fcce2e2]>span {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important
}

.get-started-section .get-started-container .get-started-action .download-button .platform-icon[data-v-7fcce2e2] {
    width: var(--font-xl);
    height: var(--font-xl);
    object-fit: contain;
    flex-shrink: 0;
    display: block;
    margin-top: -1px;
    filter: brightness(0) invert(1)
}

:root[data-theme=dark] .get-started-section .get-started-container .get-started-action .download-button .platform-icon[data-v-7fcce2e2] {
    filter: brightness(.18)
}

.get-started-section .get-started-container .get-started-action .beta-button[data-v-7fcce2e2] {
    position: relative;
    background: var(--gradient-cta);
    border: none;
    color: var(--cta-text);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .5px;
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    box-shadow: var(--shadow-cta);
    font-size: var(--font-lg);
    padding: var(--spacing-md) var(--spacing-2xl);
    height: auto
}

.get-started-section .get-started-container .get-started-action .beta-button[data-v-7fcce2e2]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent);
    transition: left .6s ease
}

.get-started-section .get-started-container .get-started-action .beta-button[data-v-7fcce2e2]:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-cta-hover);
    background: var(--gradient-cta-hover)
}

.get-started-section .get-started-container .get-started-action .beta-button[data-v-7fcce2e2]:hover:before {
    left: 100%
}

.get-started-section .get-started-container .get-started-action .beta-button[data-v-7fcce2e2]:active {
    transform: translateY(0);
    box-shadow: var(--shadow-cta-active)
}

@media(max-height:960px) {
    .get-started-section[data-v-7fcce2e2] {
        margin-top: 40px
    }
}

[data-v-21873621]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-21873621] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.get-started-section[data-v-21873621] {
    background: transparent;
    padding: 0;
    margin-top: 40px
}

.get-started-section .get-started-container[data-v-21873621] {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--spacing-md) var(--spacing-2xl);
    text-align: center
}

.get-started-section .get-started-container .get-started-content[data-v-21873621] {
    margin-bottom: var(--spacing-xl)
}

.get-started-section .get-started-container .get-started-content .get-started-title[data-v-21873621] {
    font-size: var(--font-2xl);
    font-weight: var(--font-weight-bold);
    color: var(--text-heading-primary);
    margin-bottom: var(--spacing-sm);
    line-height: 1.2
}

.get-started-section .get-started-container .get-started-content .get-started-subtitle[data-v-21873621] {
    font-size: var(--font-xl);
    font-weight: var(--font-weight-normal);
    color: var(--text-secondary);
    margin: 0
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-21873621] {
    position: relative;
    background: var(--gradient-cta);
    border: none;
    color: var(--cta-text);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .5px;
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    box-shadow: var(--shadow-cta);
    width: 100%;
    font-size: var(--font-base);
    padding: var(--spacing-md) var(--spacing-xl);
    height: auto
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-21873621]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent);
    transition: left .6s ease
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-21873621]:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-cta-hover);
    background: var(--gradient-cta-hover)
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-21873621]:hover:before {
    left: 100%
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-21873621]:active {
    transform: translateY(0);
    box-shadow: var(--shadow-cta-active)
}

.get-started-section .get-started-container .get-started-action .download-button[data-v-21873621]>span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important
}

.get-started-section .get-started-container .get-started-action .download-button .platform-icon[data-v-21873621] {
    width: var(--font-xl);
    height: var(--font-xl);
    object-fit: contain;
    flex-shrink: 0;
    display: block;
    margin-top: -1px;
    filter: brightness(0) invert(1)
}

:root[data-theme=dark] .get-started-section .get-started-container .get-started-action .download-button .platform-icon[data-v-21873621] {
    filter: brightness(.18)
}

.get-started-section .get-started-container .get-started-action .beta-button[data-v-21873621] {
    position: relative;
    background: var(--gradient-cta);
    border: none;
    color: var(--cta-text);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .5px;
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    box-shadow: var(--shadow-cta);
    width: 100%;
    font-size: var(--font-base);
    padding: var(--spacing-md) var(--spacing-xl);
    height: auto
}

.get-started-section .get-started-container .get-started-action .beta-button[data-v-21873621]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent);
    transition: left .6s ease
}

.get-started-section .get-started-container .get-started-action .beta-button[data-v-21873621]:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-cta-hover);
    background: var(--gradient-cta-hover)
}

.get-started-section .get-started-container .get-started-action .beta-button[data-v-21873621]:hover:before {
    left: 100%
}

.get-started-section .get-started-container .get-started-action .beta-button[data-v-21873621]:active {
    transform: translateY(0);
    box-shadow: var(--shadow-cta-active)
}

:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.docs-page {
    height: 100%;
    padding-top: 64px
}

.docs-layout {
    width: 100%;
    height: calc(100vh - 65px);
    display: flex;
    gap: 0
}

.docs-sidebar {
    width: 280px;
    flex-shrink: 0;
    height: 100%;
    overflow-y: auto;
    background: var(--neutral-white);
    padding: var(--spacing-lg);
    border-right: 1px solid var(--border-base)
}

.docs-sidebar .sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.docs-sidebar .sidebar-nav .doc-group {
    margin-bottom: 4px
}

.docs-sidebar .sidebar-nav .doc-group .doc-title {
    display: block;
    padding: 10px 12px;
    font-size: var(--font-base);
    font-weight: 600;
    color: var(--text-primary);
    text-decoration: none;
    border-radius: 6px;
    transition: all var(--transition-base);
    cursor: pointer
}

.docs-sidebar .sidebar-nav .doc-group .doc-title:hover {
    background: var(--bg-hover)
}

.docs-sidebar .sidebar-nav .doc-group .doc-title.active {
    background: var(--bg-accent);
    color: var(--brand-primary)
}

.docs-sidebar .sidebar-nav .doc-group .doc-headings {
    margin-top: 4px;
    padding-left: 12px
}

.docs-sidebar .sidebar-nav .doc-group .doc-headings .nav-link {
    display: block;
    padding: 6px 12px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: var(--font-sm);
    line-height: 1.5;
    border-radius: 6px;
    transition: all var(--transition-base);
    cursor: pointer
}

.docs-sidebar .sidebar-nav .doc-group .doc-headings .nav-link:hover {
    background: var(--bg-hover);
    color: var(--text-primary)
}

.docs-sidebar .sidebar-nav .doc-group .doc-headings .nav-link.active {
    background: var(--bg-accent);
    color: var(--brand-primary);
    font-weight: 500
}

.docs-sidebar .sidebar-nav .doc-group .doc-headings .nav-link.level-1 {
    display: none
}

.docs-sidebar .sidebar-nav .doc-group .doc-headings .nav-link.level-2 {
    padding-left: 12px
}

.docs-sidebar .sidebar-nav .doc-group .doc-headings .nav-link.level-3 {
    padding-left: 24px;
    font-size: 13px
}

.docs-sidebar .sidebar-nav .doc-group .doc-headings .nav-link.level-4 {
    padding-left: 36px;
    font-size: 13px
}

.docs-container {
    flex: 1;
    min-width: 0;
    height: 100%;
    overflow-y: auto;
    background: var(--neutral-white);
    display: flex;
    justify-content: center
}

 .markdown-body {
    max-width: 1200px;
    width: 100%;
    padding: 40px;
    color: var(--text-primary);
    line-height: 1.8;
    font-size: var(--font-base);
    min-height: 100%
}

 .markdown-body:after {
    content: "";
    display: block;
    height: 40px
}

 .markdown-body h1,
 .markdown-body h2,
 .markdown-body h3,
 .markdown-body h4,
 .markdown-body h5,
 .markdown-body h6 {
    scroll-margin-top: 20px
}

 .markdown-body h1 {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-primary);
    margin-top: 0;
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--border-base)
}

 .markdown-body h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--text-primary);
    margin-top: 48px;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-base)
}

 .markdown-body h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--brand-primary);
    margin-top: 36px;
    margin-bottom: 16px
}

 .markdown-body h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--text-primary);
    margin-top: 24px;
    margin-bottom: 12px
}

 .markdown-body p {
    margin-bottom: 16px;
    color: var(--text-secondary);
    font-size: var(--font-base);
    line-height: 1.8
}

 .markdown-body ul,
 .markdown-body ol {
    margin-bottom: 16px;
    padding-left: 24px;
    list-style-type: disc !important
}

 .markdown-body ul li,
 .markdown-body ol li {
    margin-bottom: 8px;
    color: var(--text-secondary);
    display: list-item !important;
    list-style-type: inherit !important
}

 .markdown-body ol {
    list-style-type: decimal !important
}

 .markdown-body strong {
    font-weight: 600;
    color: var(--text-primary)
}

 .markdown-body a {
    color: var(--brand-primary);
    text-decoration: none;
    transition: color var(--transition-base)
}

 .markdown-body a:hover {
    color: var(--brand-primary-light)
}

 .markdown-body code {
    background: var(--bg-elevated);
    padding: 2px 8px;
    border-radius: 4px;
    font-family: SF Mono, Monaco, Cascadia Code, Roboto Mono, Consolas, Courier New, monospace;
    font-size: var(--font-sm);
    color: var(--brand-primary)
}

 .markdown-body pre {
    background: var(--neutral-black);
    color: var(--neutral-200);
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    margin-bottom: 16px
}

 .markdown-body pre code {
    background: transparent;
    padding: 0;
    color: var(--neutral-200);
    font-size: var(--font-sm)
}

 .markdown-body table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
    border: 1px solid var(--border-base)
}

 .markdown-body table thead {
    background: var(--bg-elevated)
}

 .markdown-body table thead th {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-base)
}

 .markdown-body table tbody tr {
    border-bottom: 1px solid var(--border-base)
}

 .markdown-body table tbody tr:last-child {
    border-bottom: none
}

 .markdown-body table tbody tr:hover {
    background: var(--neutral-50)
}

 .markdown-body table tbody td {
    padding: 12px 16px;
    color: var(--text-primary)
}

 .markdown-body blockquote {
    margin: 20px 0;
    padding: 12px 20px;
    background: var(--bg-accent);
    border-left: 4px solid var(--brand-primary);
    color: var(--text-secondary);
    font-size: 15px
}

 .markdown-body blockquote p {
    margin: 0;
    color: var(--text-secondary)
}

 .markdown-body hr {
    border: none;
    border-top: 1px solid var(--border-base);
    margin: 32px 0
}

 .markdown-body img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    cursor: zoom-in;
    transition: transform .2s ease, box-shadow .2s ease;
    background: var(--bg-elevated);
    padding: 12px;
    border: 1px solid var(--border-base);
    box-shadow: 0 2px 8px #0000000a
}

 .markdown-body img:hover {
    transform: scale(1.01);
    box-shadow: 0 4px 16px #0000001a;
    border-color: var(--border-dark)
}

@media(max-width:1024px) {
    .docs-layout {
        flex-direction: column;
        height: auto;
        min-height: calc(100vh - 56px);
        gap: 0
    }

    .docs-sidebar {
        width: 100%;
        height: auto;
        max-height: 300px;
        border-radius: 12px 12px 0 0;
        border-right: none;
        border-bottom: 1px solid var(--border-base)
    }

    .docs-container {
        border-radius: 0 0 12px 12px
    }
}

@media(max-width:768px) {
    .docs-page {
        border-top: none;
        padding-top: 56px
    }

    .docs-layout {
        padding: 0;
        min-height: calc(100vh - 56px)
    }

    .docs-sidebar {
        display: none
    }

    .docs-container {
        border-radius: 0;
        box-shadow: none;
        height: auto
    }

     .markdown-body {
        padding: 24px
    }

     .markdown-body h1 {
        font-size: 32px;
        margin-bottom: 24px
    }

     .markdown-body h2 {
        font-size: 26px;
        margin-top: 32px;
        margin-bottom: 20px
    }

     .markdown-body h3 {
        font-size: 20px;
        margin-top: 24px;
        margin-bottom: 12px
    }

     .markdown-body h4 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 10px
    }

     .markdown-body p,
     .markdown-body li {
        font-size: 15px
    }

     .markdown-body table {
        font-size: 14px
    }

     .markdown-body table thead th,
     .markdown-body table tbody td {
        padding: 8px 12px
    }
}

.mobile-toc-drawer {
    height: 100%;
    background: var(--bg-page);
    display: flex;
    flex-direction: column
}

.mobile-toc-drawer .drawer-header {
    padding: var(--spacing-lg) var(--spacing-md);
    border-bottom: 1px solid var(--border-light);
    background: var(--neutral-white)
}

.mobile-toc-drawer .drawer-header .drawer-title {
    font-size: var(--font-lg);
    font-weight: 600;
    color: var(--text-primary)
}

.mobile-toc-drawer .toc-nav {
    flex: 1;
    overflow-y: auto;
    padding: var(--spacing-md) 0
}

.mobile-toc-drawer .toc-nav .doc-group {
    margin-bottom: 4px
}

.mobile-toc-drawer .toc-nav .doc-group .doc-title {
    display: flex;
    align-items: center;
    padding: 10px var(--spacing-md);
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    text-decoration: none;
    transition: all var(--transition-base);
    cursor: pointer;
    border-left: 3px solid transparent
}

.mobile-toc-drawer .toc-nav .doc-group .doc-title:hover {
    background: var(--bg-hover);
    color: var(--brand-primary);
    border-left-color: var(--brand-primary)
}

.mobile-toc-drawer .toc-nav .doc-group .doc-title:active {
    color: var(--brand-primary)
}

.mobile-toc-drawer .toc-nav .doc-group .doc-title.active {
    background: var(--bg-accent);
    color: var(--brand-primary);
    border-left-color: var(--brand-primary)
}

.mobile-toc-drawer .toc-nav .doc-group .doc-headings {
    padding-left: var(--spacing-md)
}

.mobile-toc-drawer .toc-nav .doc-group .doc-headings .nav-link {
    display: flex;
    align-items: center;
    padding: 8px var(--spacing-md);
    min-height: 40px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 13px;
    line-height: 1.5;
    transition: all var(--transition-base);
    cursor: pointer;
    border-left: 3px solid transparent
}

.mobile-toc-drawer .toc-nav .doc-group .doc-headings .nav-link:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-left-color: var(--border-light)
}

.mobile-toc-drawer .toc-nav .doc-group .doc-headings .nav-link:active {
    color: var(--brand-primary)
}

.mobile-toc-drawer .toc-nav .doc-group .doc-headings .nav-link.active {
    background: var(--bg-accent);
    color: var(--brand-primary);
    font-weight: 500;
    border-left-color: var(--brand-primary)
}

.mobile-toc-drawer .toc-nav .doc-group .doc-headings .nav-link.level-1 {
    display: none
}

.mobile-toc-drawer .toc-nav .doc-group .doc-headings .nav-link.level-2 {
    padding-left: var(--spacing-md)
}

.mobile-toc-drawer .toc-nav .doc-group .doc-headings .nav-link.level-3 {
    padding-left: calc(var(--spacing-md) * 2);
    font-size: 12px
}

.mobile-toc-drawer .toc-nav .doc-group .doc-headings .nav-link.level-4 {
    padding-left: calc(var(--spacing-md) * 3);
    font-size: 12px
}

 .el-drawer.ltr .el-drawer__body {
    padding: 0 !important
}

[data-v-42551fa2]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-42551fa2] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.about-page[data-v-42551fa2] {
    padding: var(--spacing-3xl) var(--spacing-xl);
    background: var(--section-gradient-1)
}

.about-container[data-v-42551fa2] {
    max-width: 800px;
    margin: 0 auto
}

.info-list[data-v-42551fa2] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl)
}

.info-card[data-v-42551fa2] {
    background: var(--bg-container);
    border-radius: var(--radius-xl);
    padding: var(--spacing-2xl);
    display: flex;
    gap: var(--spacing-xl);
    box-shadow: var(--shadow-md);
    border: 1px solid var(--border-light);
    transition: all var(--transition-base)
}

.info-card[data-v-42551fa2]:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px)
}

.info-icon[data-v-42551fa2] {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-lg);
    background: var(--bg-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--brand-primary)
}

.info-content[data-v-42551fa2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md)
}

.info-title[data-v-42551fa2] {
    font-size: var(--font-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--text-heading-primary);
    margin: 0
}

.info-item[data-v-42551fa2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm) var(--spacing-md);
    align-items: baseline
}

.info-item .label[data-v-42551fa2] {
    font-size: var(--font-base);
    color: var(--text-secondary);
    font-weight: var(--font-weight-medium)
}

.info-item .value[data-v-42551fa2] {
    font-size: var(--font-base);
    color: var(--text-primary)
}

.info-item .email-link[data-v-42551fa2] {
    font-size: var(--font-base);
    color: var(--brand-primary);
    text-decoration: none;
    transition: color var(--transition-base)
}

.info-item .email-link[data-v-42551fa2]:hover {
    color: var(--brand-primary-light);
    text-decoration: underline
}

.qr-code[data-v-42551fa2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm)
}

.qr-code img[data-v-42551fa2] {
    width: 150px;
    height: 150px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
    object-fit: cover
}

.qr-code .qr-hint[data-v-42551fa2] {
    font-size: var(--font-sm);
    color: var(--text-secondary)
}

@media(max-width:768px) {
    .about-page[data-v-42551fa2] {
        padding: var(--spacing-xl) var(--spacing-md)
    }

    .info-card[data-v-42551fa2] {
        flex-direction: row;
        align-items: flex-start;
        gap: var(--spacing-md);
        padding: var(--spacing-lg)
    }

    .info-icon[data-v-42551fa2] {
        width: 40px;
        height: 40px
    }

    .info-icon[data-v-42551fa2] .el-icon {
        font-size: 20px
    }

    .info-content[data-v-42551fa2] {
        gap: var(--spacing-sm)
    }

    .info-title[data-v-42551fa2] {
        font-size: var(--font-base);
        line-height: 40px
    }

    .info-item[data-v-42551fa2] {
        flex-direction: column;
        gap: var(--spacing-xs)
    }

    .info-item .label[data-v-42551fa2],
    .info-item .value[data-v-42551fa2],
    .info-item .email-link[data-v-42551fa2] {
        font-size: var(--font-sm)
    }
}

[data-v-b92c3c76]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-b92c3c76] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.download-list-page[data-v-b92c3c76] {
    padding: var(--spacing-3xl) var(--spacing-xl);
    background: var(--section-gradient-1);
    min-height: 100vh
}

.download-list-container[data-v-b92c3c76] {
    max-width: 1200px;
    margin: 0 auto
}

.page-header[data-v-b92c3c76] {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 0;
    padding-top: var(--spacing-xl)
}

.page-header .logo-section[data-v-b92c3c76] {
    flex-shrink: 0
}

.page-header .logo-section .app-logo[data-v-b92c3c76] {
    width: 100px;
    height: 100px;
    border-radius: var(--radius-xl);
    object-fit: cover;
    box-shadow: var(--shadow-md)
}

.page-header .info-section[data-v-b92c3c76] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm)
}

.page-header .info-section .app-title[data-v-b92c3c76] {
    font-size: var(--font-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--text-heading-primary);
    margin: 0
}

.page-header .info-section .app-description[data-v-b92c3c76] {
    font-size: var(--font-lg);
    color: var(--text-secondary);
    margin: 0
}

.version-history-section[data-v-b92c3c76] {
    margin-top: var(--spacing-3xl)
}

.version-history-section .section-title[data-v-b92c3c76] {
    font-size: var(--font-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--text-heading-secondary);
    margin-bottom: var(--spacing-xl);
    text-align: center
}

.version-list[data-v-b92c3c76] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg)
}

.version-item[data-v-b92c3c76] {
    background: var(--bg-container);
    border: 1px solid var(--border-base);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: var(--transition-base);
    box-shadow: var(--shadow-sm)
}

.version-item[data-v-b92c3c76]:hover {
    box-shadow: var(--shadow-md);
    border-color: var(--border-dark)
}

.version-header[data-v-b92c3c76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-lg) var(--spacing-xl);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: var(--transition-fast)
}

.version-header[data-v-b92c3c76]:hover {
    background: var(--bg-hover)
}

.version-header .version-info[data-v-b92c3c76] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md)
}

.version-header .version-number[data-v-b92c3c76] {
    font-size: var(--font-xl);
    font-weight: var(--font-weight-bold);
    color: var(--text-heading-primary)
}

.version-header .version-date[data-v-b92c3c76] {
    font-size: var(--font-sm);
    color: var(--text-tertiary);
    margin-left: var(--spacing-xs)
}

.version-header .latest-badge[data-v-b92c3c76] {
    font-size: var(--font-xs);
    font-weight: var(--font-weight-medium);
    color: var(--brand-primary);
    background: var(--brand-primary-pale);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-full)
}

.version-header .expand-icon[data-v-b92c3c76] {
    width: 24px;
    height: 24px;
    color: var(--text-tertiary);
    transition: transform var(--transition-base)
}

.version-header .expand-icon.expanded[data-v-b92c3c76] {
    transform: rotate(180deg)
}

.version-header .expand-icon svg[data-v-b92c3c76] {
    width: 100%;
    height: 100%
}

.version-content[data-v-b92c3c76] {
    padding: 0 var(--spacing-xl) var(--spacing-xl);
    animation: slideDown-b92c3c76 .3s ease
}

.changelog-section[data-v-b92c3c76] {
    margin-top: var(--spacing-xl);
    padding: var(--spacing-lg)
}

.changelog-section .changelog-title[data-v-b92c3c76] {
    font-size: var(--font-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--text-heading-secondary);
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-sm);
    border-bottom: 1px solid var(--border-base)
}

.changelog-section .changelog-list[data-v-b92c3c76] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm)
}

.changelog-section .changelog-item[data-v-b92c3c76] {
    font-size: var(--font-base);
    color: var(--text-secondary);
    line-height: 1.6;
    padding-left: var(--spacing-md);
    position: relative
}

.changelog-section .changelog-item[data-v-b92c3c76]:before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--brand-primary);
    font-weight: var(--font-weight-bold)
}

.download-grid[data-v-b92c3c76] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
    margin-top: var(--spacing-lg)
}

@media(max-width:640px) {
    .download-grid[data-v-b92c3c76] {
        grid-template-columns: 1fr
    }
}

.download-column[data-v-b92c3c76] {
    background: var(--bg-elevated);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg)
}

.platform-header[data-v-b92c3c76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--border-base);
    min-height: 47px
}

.platform-header .platform-header-left[data-v-b92c3c76] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md)
}

.platform-header .platform-icon[data-v-b92c3c76] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.platform-header .platform-icon img[data-v-b92c3c76] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

:root[data-theme=dark] .platform-header .platform-icon img[data-v-b92c3c76] {
    filter: invert(1)
}

.platform-header .platform-name[data-v-b92c3c76] {
    font-size: var(--font-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--text-heading-secondary)
}

.platform-header .chip-guide-btn[data-v-b92c3c76] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-sm);
    background: transparent;
    border: 1px solid var(--border-base);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--font-sm);
    cursor: pointer;
    transition: var(--transition-base)
}

:root[data-theme=dark] .platform-header .chip-guide-btn[data-v-b92c3c76] {
    border-color: #ffffff26
}

.platform-header .chip-guide-btn[data-v-b92c3c76]:hover {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
    background: var(--brand-primary-pale)
}

.platform-header .chip-guide-btn .help-icon[data-v-b92c3c76] {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.download-links[data-v-b92c3c76] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md)
}

.download-link[data-v-b92c3c76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-md);
    background: var(--bg-container);
    border: 1px solid var(--border-base);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: var(--transition-base)
}

.download-link[data-v-b92c3c76]:hover {
    border-color: var(--brand-primary);
    background: var(--brand-primary-pale)
}

.download-link[data-v-b92c3c76]:active {
    transform: scale(.98)
}

.download-link .link-content[data-v-b92c3c76] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs)
}

.download-link .link-label[data-v-b92c3c76] {
    font-size: var(--font-base);
    color: var(--text-primary)
}

.download-link .link-description[data-v-b92c3c76] {
    font-size: var(--font-xs);
    color: var(--text-tertiary)
}

.download-link .download-icon[data-v-b92c3c76] {
    width: 20px;
    height: 20px;
    color: var(--text-secondary);
    flex-shrink: 0
}

.download-link:hover .download-icon[data-v-b92c3c76] {
    color: var(--brand-primary)
}

.loading-state[data-v-b92c3c76] {
    text-align: center;
    padding: var(--spacing-3xl);
    color: var(--text-secondary);
    font-size: var(--font-lg)
}

@media(max-width:768px) {
    .download-list-page[data-v-b92c3c76] {
        padding: var(--spacing-xl) var(--spacing-md)
    }

    .page-header[data-v-b92c3c76] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: var(--spacing-lg)
    }

    .page-header .logo-section .app-logo[data-v-b92c3c76] {
        width: 80px;
        height: 80px
    }

    .page-header .info-section[data-v-b92c3c76] {
        align-items: center
    }

    .page-header .info-section .app-title[data-v-b92c3c76] {
        font-size: var(--font-2xl)
    }

    .page-header .info-section .app-description[data-v-b92c3c76] {
        font-size: var(--font-base)
    }

    .version-header[data-v-b92c3c76] {
        padding: var(--spacing-md) var(--spacing-lg)
    }

    .version-header .version-number[data-v-b92c3c76] {
        font-size: var(--font-lg)
    }

    .version-header .version-date[data-v-b92c3c76] {
        font-size: var(--font-xs)
    }

    .version-content[data-v-b92c3c76] {
        padding: 0 var(--spacing-lg) var(--spacing-lg)
    }

    .changelog-section[data-v-b92c3c76] {
        padding: var(--spacing-md);
        margin-bottom: var(--spacing-lg)
    }

    .changelog-section .changelog-title[data-v-b92c3c76] {
        font-size: var(--font-base)
    }

    .changelog-section .changelog-item[data-v-b92c3c76] {
        font-size: var(--font-sm)
    }

    .download-column[data-v-b92c3c76] {
        padding: var(--spacing-md)
    }
}

@-moz-keyframes slideDown-b92c3c76 {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes slideDown-b92c3c76 {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-o-keyframes slideDown-b92c3c76 {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideDown-b92c3c76 {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

[data-v-dec7c7b8]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-dec7c7b8] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.changelog-page[data-v-dec7c7b8] {
    padding-top: 64px;
    min-height: 100vh;
    background: var(--bg-page)
}

.changelog-wrapper[data-v-dec7c7b8] {
    max-width: 900px;
    margin: 0 auto;
    padding: var(--spacing-xl) var(--spacing-lg)
}

.changelog-toolbar[data-v-dec7c7b8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--border-base)
}

.changelog-toolbar .toolbar-left[data-v-dec7c7b8] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md)
}

.changelog-toolbar .total-badge[data-v-dec7c7b8] {
    font-size: var(--font-sm);
    color: var(--text-secondary);
    font-weight: 500
}

.releases-list[data-v-dec7c7b8] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl)
}

.release-card[data-v-dec7c7b8] {
    display: flex;
    gap: var(--spacing-lg);
    position: relative
}

.release-timeline[data-v-dec7c7b8] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 120px;
    flex-shrink: 0;
    padding-right: var(--spacing-sm)
}

.release-timeline .timeline-date-wrapper[data-v-dec7c7b8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: sticky;
    top: 80px;
    height: 36px
}

.release-timeline .timeline-date[data-v-dec7c7b8] {
    font-size: var(--font-sm);
    color: var(--text-tertiary);
    font-weight: 500;
    text-align: right;
    white-space: nowrap
}

.release-content[data-v-dec7c7b8] {
    flex: 1;
    min-width: 0;
    padding-bottom: var(--spacing-xl)
}

.release-header[data-v-dec7c7b8] {
    margin-bottom: var(--spacing-md)
}

.release-header .version-wrapper[data-v-dec7c7b8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-sm) var(--spacing-md)
}

.release-header .version-number[data-v-dec7c7b8] {
    font-size: var(--font-2xl);
    font-weight: 700;
    color: var(--text-heading-primary);
    margin: 0;
    font-family: SF Mono, Monaco, monospace;
    letter-spacing: -.5px
}

.release-header .latest-tag[data-v-dec7c7b8] {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    background: var(--brand-primary);
    color: #fff;
    font-size: var(--font-xs);
    font-weight: 600;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.release-header .release-date-mobile[data-v-dec7c7b8] {
    display: none
}

.release-media[data-v-dec7c7b8] {
    margin-bottom: var(--spacing-lg);
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--bg-elevated);
    box-shadow: var(--shadow-sm)
}

.release-media[data-v-dec7c7b8] .video-wrapper,
.release-media[data-v-dec7c7b8] .mobile-video-wrapper {
    border-radius: var(--radius-lg)
}

.release-media .feature-image[data-v-dec7c7b8] {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block
}

.release-body .release-title[data-v-dec7c7b8] {
    font-size: var(--font-lg);
    font-weight: 600;
    color: var(--text-heading-primary);
    margin: 0 0 var(--spacing-md);
    line-height: 1.4
}

.release-body .release-notes[data-v-dec7c7b8] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm)
}

.release-body .note-item[data-v-dec7c7b8] {
    display: flex;
    gap: var(--spacing-sm);
    align-items: flex-start;
    line-height: 1.6
}

.release-body .note-bullet[data-v-dec7c7b8] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--brand-primary);
    margin-top: 10px;
    flex-shrink: 0
}

.release-body .note-text[data-v-dec7c7b8] {
    font-size: var(--font-base);
    color: var(--text-secondary);
    flex: 1
}

.loading-state[data-v-dec7c7b8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3xl);
    gap: var(--spacing-md);
    color: var(--text-secondary)
}

.loading-state .loading-spinner[data-v-dec7c7b8] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--border-base);
    border-top-color: var(--brand-primary);
    border-radius: 50%;
    animation: spin-dec7c7b8 .8s linear infinite
}

:root[data-theme=dark] .changelog-toolbar[data-v-dec7c7b8] {
    border-bottom-color: var(--border-dark)
}

:root[data-theme=dark] .release-timeline .timeline-date-wrapper .timeline-date[data-v-dec7c7b8] {
    color: var(--text-tertiary)
}

@media(max-width:768px) {
    .changelog-page[data-v-dec7c7b8] {
        background: var(--neutral-white)
    }

    .changelog-wrapper[data-v-dec7c7b8] {
        padding: var(--spacing-md)
    }

    .changelog-toolbar[data-v-dec7c7b8] {
        margin-bottom: var(--spacing-lg)
    }

    .release-card[data-v-dec7c7b8] {
        gap: var(--spacing-md)
    }

    .release-timeline[data-v-dec7c7b8] {
        display: none
    }

    .release-content[data-v-dec7c7b8] {
        width: 100%
    }

    .timeline-date-wrapper[data-v-dec7c7b8],
    .timeline-icon-wrapper[data-v-dec7c7b8] {
        display: none
    }

    .release-header[data-v-dec7c7b8] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--spacing-sm)
    }

    .release-header .version-number[data-v-dec7c7b8] {
        font-size: var(--font-xl)
    }

    .release-header .release-date-mobile[data-v-dec7c7b8] {
        display: block;
        font-size: var(--font-sm);
        color: var(--text-tertiary);
        white-space: nowrap
    }

    .release-body .release-title[data-v-dec7c7b8] {
        font-size: var(--font-base)
    }

    .release-body .note-text[data-v-dec7c7b8] {
        font-size: var(--font-sm)
    }
}

@-moz-keyframes spin-dec7c7b8 {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin-dec7c7b8 {
    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes spin-dec7c7b8 {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin-dec7c7b8 {
    to {
        transform: rotate(360deg)
    }
}

[data-v-cf7beb7e]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-cf7beb7e] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.blog-page[data-v-cf7beb7e] {
    min-height: 100vh;
    padding-top: 64px;
    background: var(--bg-page)
}

.blog-container[data-v-cf7beb7e] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 32px 20px
}

.blog-list[data-v-cf7beb7e] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px
}

.blog-item[data-v-cf7beb7e] {
    display: flex;
    background: var(--bg-container);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s ease;
    border: 1px solid var(--border-base)
}

.blog-item[data-v-cf7beb7e]:hover {
    border-color: var(--brand-primary);
    box-shadow: 0 4px 12px #00000014
}

.blog-item .blog-info[data-v-cf7beb7e] {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column
}

.blog-item .blog-title[data-v-cf7beb7e] {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 12px;
    line-height: 1.4
}

.blog-item .blog-desc[data-v-cf7beb7e] {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blog-item .blog-meta[data-v-cf7beb7e] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-tertiary)
}

.blog-item .blog-meta .blog-date[data-v-cf7beb7e] {
    font-weight: 500
}

.blog-list-footer[data-v-cf7beb7e] {
    display: flex;
    justify-content: center;
    margin-top: 32px
}

.blog-list-footer .footer-text[data-v-cf7beb7e] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--text-tertiary);
    white-space: nowrap
}

.blog-list-footer .footer-text[data-v-cf7beb7e]:before,
.blog-list-footer .footer-text[data-v-cf7beb7e]:after {
    content: "";
    display: block;
    width: 32px;
    height: 1px;
    background: var(--border-base)
}

@media(max-width:1024px) {
    .blog-container[data-v-cf7beb7e] {
        padding: 32px 16px
    }

    .blog-list[data-v-cf7beb7e] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 20px
    }
}

@media(max-width:768px) {
    .blog-page[data-v-cf7beb7e] {
        padding-top: 56px
    }

    .blog-container[data-v-cf7beb7e] {
        padding: 20px 16px
    }

    .blog-list[data-v-cf7beb7e] {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .blog-item[data-v-cf7beb7e] {
        flex-direction: row;
        gap: 16px
    }

    .blog-item .blog-image[data-v-cf7beb7e] {
        width: 120px;
        height: 120px;
        flex-shrink: 0
    }

    .blog-item .blog-info[data-v-cf7beb7e] {
        padding: 16px
    }

    .blog-item .blog-title[data-v-cf7beb7e] {
        font-size: 16px
    }

    .blog-item .blog-desc[data-v-cf7beb7e] {
        -webkit-line-clamp: 2
    }

    .blog-list-footer[data-v-cf7beb7e] {
        margin-top: 24px
    }

    .blog-list-footer .footer-text[data-v-cf7beb7e] {
        font-size: 12px
    }

    .blog-list-footer .footer-text[data-v-cf7beb7e]:before,
    .blog-list-footer .footer-text[data-v-cf7beb7e]:after {
        width: 24px
    }
}

:root[data-theme=dark] .blog-item[data-v-cf7beb7e]:hover {
    box-shadow: 0 4px 12px #0006
}

:root[data-theme=dark] .blog-image img[data-v-cf7beb7e] {
    background: var(--bg-dark-elevated)
}

[data-v-d2715417]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-d2715417] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.blog-detail-page[data-v-d2715417] {
    min-height: 100vh;
    padding-top: 64px;
    background: var(--bg-page);
    overflow-x: hidden
}

.detail-container[data-v-d2715417] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px
}

.breadcrumb[data-v-d2715417] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--text-tertiary)
}

.breadcrumb .breadcrumb-link[data-v-d2715417] {
    color: var(--brand-primary);
    text-decoration: none
}

.breadcrumb .breadcrumb-link[data-v-d2715417]:hover {
    text-decoration: underline
}

.breadcrumb .breadcrumb-separator[data-v-d2715417] {
    color: var(--text-tertiary)
}

.breadcrumb .breadcrumb-current[data-v-d2715417] {
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px
}

.blog-header[data-v-d2715417] {
    margin-bottom: 32px
}

.blog-header .blog-title[data-v-d2715417] {
    font-size: 36px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.3;
    margin-bottom: 16px
}

.blog-header .blog-meta[data-v-d2715417] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: var(--text-tertiary)
}

.blog-header .blog-meta .blog-date[data-v-d2715417] {
    font-weight: 500
}

.blog-content[data-v-d2715417] {
    display: flex;
    justify-content: center;
    margin-bottom: 48px
}

[data-v-d2715417] .markdown-body {
    max-width: 1200px;
    width: 100%;
    color: var(--text-primary);
    line-height: 1.8;
    font-size: var(--font-base);
    min-height: 100%;
    overflow-x: auto
}

[data-v-d2715417] .markdown-body:after {
    content: "";
    display: block;
    height: 40px
}

[data-v-d2715417] .markdown-body h1,
[data-v-d2715417] .markdown-body h2,
[data-v-d2715417] .markdown-body h3,
[data-v-d2715417] .markdown-body h4,
[data-v-d2715417] .markdown-body h5,
[data-v-d2715417] .markdown-body h6 {
    scroll-margin-top: 20px
}

[data-v-d2715417] .markdown-body h1 {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-primary);
    margin-top: 0;
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--border-base)
}

[data-v-d2715417] .markdown-body h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--text-primary);
    margin-top: 48px;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-base)
}

[data-v-d2715417] .markdown-body h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--brand-primary);
    margin-top: 36px;
    margin-bottom: 16px
}

[data-v-d2715417] .markdown-body h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--text-primary);
    margin-top: 24px;
    margin-bottom: 12px
}

[data-v-d2715417] .markdown-body p {
    margin-bottom: 16px;
    color: var(--text-secondary);
    font-size: var(--font-base);
    line-height: 1.8
}

[data-v-d2715417] .markdown-body ul,
[data-v-d2715417] .markdown-body ol {
    margin-bottom: 16px;
    padding-left: 24px;
    list-style-type: disc !important
}

[data-v-d2715417] .markdown-body ul li,
[data-v-d2715417] .markdown-body ol li {
    margin-bottom: 8px;
    color: var(--text-secondary);
    display: list-item !important;
    list-style-type: inherit !important
}

[data-v-d2715417] .markdown-body ol {
    list-style-type: decimal !important
}

[data-v-d2715417] .markdown-body strong {
    font-weight: 600;
    color: var(--text-primary)
}

[data-v-d2715417] .markdown-body a {
    color: var(--brand-primary);
    text-decoration: none;
    transition: color var(--transition-base)
}

[data-v-d2715417] .markdown-body a:hover {
    color: var(--brand-primary-light)
}

[data-v-d2715417] .markdown-body code {
    background: var(--bg-elevated);
    padding: 2px 8px;
    border-radius: 4px;
    font-family: SF Mono, Monaco, Cascadia Code, Roboto Mono, Consolas, Courier New, monospace;
    font-size: var(--font-sm);
    color: var(--brand-primary)
}

[data-v-d2715417] .markdown-body pre {
    background: var(--neutral-black);
    color: var(--neutral-200);
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    margin-bottom: 16px
}

[data-v-d2715417] .markdown-body pre code {
    background: transparent;
    padding: 0;
    color: var(--neutral-200);
    font-size: var(--font-sm)
}

[data-v-d2715417] .markdown-body table {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
    border: 1px solid var(--border-base)
}

[data-v-d2715417] .markdown-body table thead {
    background: var(--bg-elevated)
}

[data-v-d2715417] .markdown-body table th {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-base)
}

[data-v-d2715417] .markdown-body table tbody tr {
    border-bottom: 1px solid var(--border-base)
}

[data-v-d2715417] .markdown-body table tbody tr:last-child {
    border-bottom: none
}

[data-v-d2715417] .markdown-body table tbody tr:hover {
    background: var(--neutral-50)
}

[data-v-d2715417] .markdown-body table tbody td {
    padding: 12px 16px;
    color: var(--text-primary)
}

[data-v-d2715417] .markdown-body blockquote {
    margin: 20px 0;
    padding: 12px 20px;
    background: var(--bg-accent);
    border-left: 4px solid var(--brand-primary);
    color: var(--text-secondary);
    font-size: 15px
}

[data-v-d2715417] .markdown-body blockquote p {
    margin: 0;
    color: var(--text-secondary)
}

[data-v-d2715417] .markdown-body hr {
    border: none;
    border-top: 1px solid var(--border-base);
    margin: 32px 0
}

[data-v-d2715417] .markdown-body img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    cursor: zoom-in;
    transition: transform .2s ease, box-shadow .2s ease;
    background: var(--bg-elevated);
    padding: 12px;
    border: 1px solid var(--border-base);
    box-shadow: 0 2px 8px #0000000a
}

[data-v-d2715417] .markdown-body img:hover {
    transform: scale(1.01);
    box-shadow: 0 4px 16px #0000001a;
    border-color: var(--border-dark)
}

[data-v-d2715417] .markdown-body .error-message {
    color: var(--color-danger);
    text-align: center;
    padding: 40px;
    background: var(--bg-elevated);
    border-radius: 8px
}

.blog-navigation[data-v-d2715417] {
    display: flex;
    gap: 20px;
    margin-top: 48px
}

.blog-navigation .nav-item[data-v-d2715417] {
    flex: 1;
    padding: 20px;
    background: var(--bg-container);
    border: 1px solid var(--border-base);
    border-radius: 12px;
    cursor: pointer;
    transition: all .2s ease
}

.blog-navigation .nav-item[data-v-d2715417]:hover {
    border-color: var(--brand-primary);
    box-shadow: 0 4px 12px #00000014
}

.blog-navigation .nav-item.prev[data-v-d2715417] {
    text-align: left
}

.blog-navigation .nav-item.next[data-v-d2715417] {
    text-align: right
}

.blog-navigation .nav-item .nav-label[data-v-d2715417] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-tertiary);
    margin-bottom: 8px
}

.blog-navigation .nav-item .nav-label .el-icon[data-v-d2715417] {
    font-size: 14px
}

.blog-navigation .nav-item .nav-title[data-v-d2715417] {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-primary);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media(max-width:768px) {
    .blog-detail-page[data-v-d2715417] {
        padding-top: 56px
    }

    .detail-container[data-v-d2715417] {
        padding: 24px 16px
    }

    .breadcrumb[data-v-d2715417] {
        font-size: 13px
    }

    .breadcrumb .breadcrumb-current[data-v-d2715417] {
        max-width: 150px
    }

    .blog-header .blog-title[data-v-d2715417] {
        font-size: 24px
    }

    .blog-content[data-v-d2715417] .markdown-body {
        padding: 24px
    }

    .blog-content[data-v-d2715417] .markdown-body h1 {
        font-size: 32px;
        margin-bottom: 24px
    }

    .blog-content[data-v-d2715417] .markdown-body h2 {
        font-size: 26px;
        margin-top: 32px;
        margin-bottom: 20px
    }

    .blog-content[data-v-d2715417] .markdown-body h3 {
        font-size: 20px;
        margin-top: 24px;
        margin-bottom: 12px
    }

    .blog-content[data-v-d2715417] .markdown-body h4 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 10px
    }

    .blog-content[data-v-d2715417] .markdown-body p,
    .blog-content[data-v-d2715417] .markdown-body li {
        font-size: 15px
    }

    .blog-content[data-v-d2715417] .markdown-body table {
        font-size: 14px
    }

    .blog-content[data-v-d2715417] .markdown-body table th,
    .blog-content[data-v-d2715417] .markdown-body table td {
        padding: 8px 12px
    }

    .blog-navigation[data-v-d2715417] {
        flex-direction: column;
        gap: 12px
    }

    .blog-navigation .nav-item.next[data-v-d2715417] {
        text-align: left
    }

    .blog-navigation .nav-item .nav-label[data-v-d2715417] {
        justify-content: flex-start
    }
}

:root[data-theme=dark] .blog-detail-page[data-v-d2715417] {
    background: var(--bg-page)
}

:root[data-theme=dark] .detail-container[data-v-d2715417] {
    background: transparent
}

:root[data-theme=dark] .blog-header .blog-title[data-v-d2715417] {
    color: var(--text-primary)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body {
    color: var(--text-primary)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body h1,
:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body h2,
:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body h3,
:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body h4,
:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body h5,
:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body h6 {
    color: var(--text-primary)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body h3 {
    color: var(--brand-primary-light)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body p,
:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body li {
    color: var(--text-secondary)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body strong {
    color: var(--text-primary)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body blockquote {
    color: var(--text-secondary)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body img {
    background: var(--bg-dark-elevated)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body table thead {
    background: var(--bg-dark-elevated)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body table th {
    color: var(--text-primary)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body table tbody tr:hover {
    background: var(--bg-dark-elevated)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body table td {
    color: var(--text-primary)
}

:root[data-theme=dark] .blog-content[data-v-d2715417] .markdown-body hr {
    border-color: var(--border-dark)
}

:root[data-theme=dark] .blog-navigation .nav-item[data-v-d2715417] {
    background: var(--bg-container);
    border-color: var(--border-dark)
}

:root[data-theme=dark] .blog-navigation .nav-item[data-v-d2715417]:hover {
    border-color: var(--brand-primary);
    box-shadow: var(--shadow-dark-lg)
}

:root[data-theme=dark] .blog-navigation .nav-item .nav-label[data-v-d2715417] {
    color: var(--text-tertiary)
}

:root[data-theme=dark] .blog-navigation .nav-item .nav-title[data-v-d2715417] {
    color: var(--text-primary)
}

[data-v-9e63dfe5]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-9e63dfe5] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.pc-case-card[data-v-9e63dfe5] {
    background: var(--bg-container);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-base);
    padding: 24px;
    cursor: pointer;
    transition: all .25s ease;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.pc-case-card[data-v-9e63dfe5]:hover {
    box-shadow: 0 6px 24px #00000014;
    transform: translateY(-3px);
    border-color: var(--border-dark)
}

.pc-case-card .card-icon-area[data-v-9e63dfe5] {
    flex-shrink: 0
}

.pc-case-card .card-icon-area .card-icon[data-v-9e63dfe5] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    object-fit: cover
}

.pc-case-card .card-icon-area .card-icon-fallback[data-v-9e63dfe5] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center
}

.pc-case-card .card-icon-area .card-icon-fallback .card-emoji[data-v-9e63dfe5] {
    font-size: 24px
}

.pc-case-card .card-content[data-v-9e63dfe5] {
    flex: 1;
    min-height: 0
}

.pc-case-card .card-title[data-v-9e63dfe5] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.5;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.pc-case-card .card-summary[data-v-9e63dfe5] {
    font-size: 13px;
    color: var(--text-tertiary);
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.pc-case-card .card-footer[data-v-9e63dfe5] {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 12px;
    color: var(--text-tertiary);
    margin-top: auto
}

.pc-case-card .card-footer .stat-item[data-v-9e63dfe5] {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.pc-case-card .card-footer .stat-item .stat-icon[data-v-9e63dfe5] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    opacity: .5
}

:root[data-theme=dark] .pc-case-card[data-v-9e63dfe5]:hover {
    box-shadow: 0 6px 24px #0000004d
}

:root[data-theme=dark] .pc-case-card .card-icon-area .card-icon-fallback[data-v-9e63dfe5] {
    opacity: .85
}

[data-v-57822029]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-57822029] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.pc-practice-cases-section[data-v-57822029] {
    min-height: 100vh;
    background: var(--bg-page)
}

.hero-banner[data-v-57822029] {
    background: linear-gradient(135deg, #ff44220a, #f9731608, #42a5f50a);
    padding: 0 48px;
    overflow: hidden;
    height: 100px
}

.hero-inner[data-v-57822029] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    height: 100%
}

.hero-text[data-v-57822029] {
    flex: 1;
    min-width: 0;
    text-align: center
}

.hero-text .section-title[data-v-57822029] {
    font-size: 26px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 6px;
    letter-spacing: -.3px;
    line-height: 1.3
}

.hero-text .section-subtitle[data-v-57822029] {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
    max-width: 420px;
    margin: 0 auto
}

.hero-visual[data-v-57822029] {
    flex-shrink: 0;
    position: relative;
    margin-right: -20px;
    height: 100%;
    display: flex;
    align-items: center
}

.hero-visual .hero-glow[data-v-57822029] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 280px;
    height: 280px;
    pointer-events: none
}

.hero-visual .hero-glow .hero-glow-img[data-v-57822029] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: blur(50px) saturate(1.8);
    opacity: .45
}

.hero-visual .hero-img[data-v-57822029] {
    position: relative;
    width: 120px;
    height: 120px;
    object-fit: contain;
    border-radius: 20px
}

.section-container[data-v-57822029] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 48px 60px
}

.filter-bar[data-v-57822029] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    gap: 24px
}

.category-tabs[data-v-57822029] {
    display: flex;
    gap: 0;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.category-tabs[data-v-57822029]::-webkit-scrollbar {
    display: none
}

.category-tabs .tab-item[data-v-57822029] {
    position: relative;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    color: var(--text-secondary);
    background: none;
    border: none;
    cursor: pointer;
    transition: all .2s ease;
    white-space: nowrap;
    border-bottom: 2px solid transparent
}

.category-tabs .tab-item[data-v-57822029]:hover {
    color: var(--text-primary)
}

.category-tabs .tab-item.active[data-v-57822029] {
    color: var(--text-primary);
    font-weight: 600;
    border-bottom-color: var(--text-primary)
}

.search-area[data-v-57822029] {
    flex-shrink: 0
}

.search-area .search-box[data-v-57822029] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: var(--radius-full);
    border: 1px solid var(--border-base);
    background: var(--bg-container);
    transition: all .2s ease
}

.search-area .search-box[data-v-57822029]:focus-within {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px var(--brand-primary-pale)
}

.search-area .search-box .search-icon[data-v-57822029] {
    width: 16px;
    height: 16px;
    color: var(--text-tertiary);
    flex-shrink: 0
}

.search-area .search-box .search-input[data-v-57822029] {
    border: none;
    outline: none;
    background: none;
    font-size: 14px;
    color: var(--text-primary);
    width: 180px
}

.search-area .search-box .search-input[data-v-57822029]::placeholder {
    color: var(--text-tertiary)
}

.cases-grid[data-v-57822029] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    min-height: 200px
}

.cases-grid .empty-state[data-v-57822029] {
    grid-column: 1/-1;
    text-align: center;
    padding: 72px 20px 80px
}

.cases-grid .empty-state .empty-illustration[data-v-57822029] {
    margin-bottom: 20px
}

.cases-grid .empty-state .empty-illustration .empty-svg[data-v-57822029] {
    width: 160px;
    height: 160px
}

.cases-grid .empty-state .empty-title[data-v-57822029] {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 8px
}

.cases-grid .empty-state .empty-hint[data-v-57822029] {
    font-size: 14px;
    color: var(--text-tertiary);
    line-height: 1.6
}

.pagination-wrap[data-v-57822029] {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

:root[data-theme=dark] .hero-banner[data-v-57822029] {
    background: linear-gradient(135deg, #ff44220f, #f973160a, #42a5f50f)
}

[data-v-950e4558]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-950e4558] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.mobile-case-card[data-v-950e4558] {
    background: var(--bg-container);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-base);
    padding: 16px;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    gap: 14px;
    align-items: flex-start
}

.mobile-case-card[data-v-950e4558]:active {
    transform: scale(.98)
}

.mobile-case-card .card-icon-area[data-v-950e4558] {
    flex-shrink: 0
}

.mobile-case-card .card-icon-area .card-icon[data-v-950e4558] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    object-fit: cover
}

.mobile-case-card .card-icon-area .card-icon-fallback[data-v-950e4558] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-case-card .card-icon-area .card-icon-fallback .card-emoji[data-v-950e4558] {
    font-size: 22px
}

.mobile-case-card .card-content[data-v-950e4558] {
    flex: 1;
    min-width: 0
}

.mobile-case-card .card-title[data-v-950e4558] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.4;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mobile-case-card .card-summary[data-v-950e4558] {
    font-size: 13px;
    color: var(--text-tertiary);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

[data-v-d4ca6abc]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-d4ca6abc] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.mobile-practice-cases-section[data-v-d4ca6abc] {
    min-height: 100vh;
    background: var(--bg-page)
}

.hero-banner[data-v-d4ca6abc] {
    background: linear-gradient(135deg, #ff44220a, #f9731608, #42a5f50a);
    border-bottom: 1px solid var(--border-base);
    padding: 28px 20px 32px
}

.hero-inner[data-v-d4ca6abc] {
    display: flex;
    align-items: center;
    gap: 20px
}

.hero-text[data-v-d4ca6abc] {
    flex: 1;
    min-width: 0
}

.hero-text .section-title[data-v-d4ca6abc] {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 8px;
    line-height: 1.3
}

.hero-text .section-subtitle[data-v-d4ca6abc] {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.7
}

.hero-visual[data-v-d4ca6abc] {
    flex-shrink: 0
}

.hero-visual .hero-img[data-v-d4ca6abc] {
    width: 120px;
    height: 120px;
    object-fit: contain;
    border-radius: 24px;
    filter: drop-shadow(0 8px 20px rgba(255, 68, 34, .1));
    animation: hero-float-d4ca6abc 6s ease-in-out infinite
}

.section-container[data-v-d4ca6abc] {
    padding: 20px 16px 40px
}

.category-tabs[data-v-d4ca6abc] {
    display: flex;
    gap: 0;
    overflow-x: auto;
    padding-bottom: 2px;
    margin-bottom: 16px;
    -webkit-overflow-scrolling: touch
}

.category-tabs[data-v-d4ca6abc]::-webkit-scrollbar {
    display: none
}

.category-tabs .tab-item[data-v-d4ca6abc] {
    position: relative;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-secondary);
    background: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    border-bottom: 2px solid transparent;
    transition: all .2s ease
}

.category-tabs .tab-item.active[data-v-d4ca6abc] {
    color: var(--text-primary);
    font-weight: 600;
    border-bottom-color: var(--text-primary)
}

.search-area[data-v-d4ca6abc] {
    margin-bottom: 20px
}

.search-area .search-box[data-v-d4ca6abc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: var(--radius-full);
    border: 1px solid var(--border-base);
    background: var(--bg-container)
}

.search-area .search-box[data-v-d4ca6abc]:focus-within {
    border-color: var(--brand-primary)
}

.search-area .search-box .search-icon[data-v-d4ca6abc] {
    width: 16px;
    height: 16px;
    color: var(--text-tertiary);
    flex-shrink: 0
}

.search-area .search-box .search-input[data-v-d4ca6abc] {
    border: none;
    outline: none;
    background: none;
    font-size: 14px;
    color: var(--text-primary);
    width: 100%
}

.search-area .search-box .search-input[data-v-d4ca6abc]::placeholder {
    color: var(--text-tertiary)
}

.cases-list[data-v-d4ca6abc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 100px
}

.cases-list .empty-state[data-v-d4ca6abc] {
    text-align: center;
    padding: 40px 20px 48px
}

.cases-list .empty-state .empty-illustration[data-v-d4ca6abc] {
    margin-bottom: 16px
}

.cases-list .empty-state .empty-illustration .empty-svg[data-v-d4ca6abc] {
    width: 120px;
    height: 120px
}

.cases-list .empty-state .empty-title[data-v-d4ca6abc] {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 6px
}

.cases-list .empty-state .empty-hint[data-v-d4ca6abc] {
    font-size: 13px;
    color: var(--text-tertiary);
    line-height: 1.6
}

.load-more[data-v-d4ca6abc] {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

:root[data-theme=dark] .hero-banner[data-v-d4ca6abc] {
    background: linear-gradient(135deg, #ff44220f, #f973160a, #42a5f50f);
    border-bottom-color: #ffffff0f
}

:root[data-theme=dark] .hero-visual .hero-img[data-v-d4ca6abc] {
    filter: drop-shadow(0 8px 20px rgba(255, 68, 34, .15))
}

@-moz-keyframes hero-float-d4ca6abc {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hero-float-d4ca6abc {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

@-o-keyframes hero-float-d4ca6abc {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

@keyframes hero-float-d4ca6abc {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

[data-v-12848d33]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-12848d33] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.pc-detail-section[data-v-12848d33] {
    min-height: 100vh;
    background: var(--bg-page)
}

.detail-container[data-v-12848d33] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px
}

.breadcrumb[data-v-12848d33] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--text-tertiary)
}

.breadcrumb .breadcrumb-link[data-v-12848d33] {
    color: var(--brand-primary);
    text-decoration: none
}

.breadcrumb .breadcrumb-link[data-v-12848d33]:hover {
    text-decoration: underline
}

.breadcrumb .breadcrumb-current[data-v-12848d33] {
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px
}

.detail-header[data-v-12848d33] {
    margin-bottom: 24px
}

.detail-header .detail-title[data-v-12848d33] {
    font-size: 36px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.3;
    margin-bottom: 16px
}

.detail-header .detail-meta[data-v-12848d33] {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    color: var(--text-tertiary);
    flex-wrap: wrap
}

.detail-header .detail-meta .meta-category[data-v-12848d33] {
    color: var(--brand-primary);
    font-weight: 500;
    text-decoration: none;
    cursor: pointer
}

.detail-header .detail-meta .meta-category[data-v-12848d33]:hover {
    text-decoration: underline
}

.detail-header .detail-meta .meta-stats[data-v-12848d33] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto
}

.detail-header .detail-meta .meta-stats .stat-pill[data-v-12848d33] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 20px;
    background: var(--bg-elevated);
    font-size: 13px;
    color: var(--text-tertiary);
    transition: all .2s ease
}

.detail-header .detail-meta .meta-stats .stat-pill .stat-icon[data-v-12848d33] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    opacity: .55
}

.detail-header .detail-meta .meta-stats .views-pill[data-v-12848d33] {
    cursor: default
}

.detail-header .detail-meta .meta-stats .likes-pill[data-v-12848d33] {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.detail-header .detail-meta .meta-stats .likes-pill[data-v-12848d33]:hover {
    background: var(--bg-accent);
    color: var(--brand-primary)
}

.detail-header .detail-meta .meta-stats .likes-pill:hover .stat-icon[data-v-12848d33] {
    opacity: 1
}

.detail-header .detail-meta .meta-stats .likes-pill[data-v-12848d33]:active {
    transform: scale(.95)
}

.detail-header .detail-meta .meta-stats .likes-pill.liked[data-v-12848d33] {
    background: var(--brand-primary-bg, rgba(255, 68, 34, .08));
    color: var(--brand-primary)
}

.detail-header .detail-meta .meta-stats .likes-pill.liked .heart-icon[data-v-12848d33] {
    opacity: 1;
    animation: heart-bounce-12848d33 .35s ease
}

.detail-header .detail-meta .meta-stats .likes-pill .heart-icon[data-v-12848d33] {
    transition: transform .2s ease
}

.tags-row[data-v-12848d33] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 24px
}

.tags-row .tag[data-v-12848d33] {
    padding: 4px 12px;
    border-radius: 12px;
    background: var(--bg-elevated);
    color: var(--text-secondary);
    font-size: 12px
}

.detail-content[data-v-12848d33] {
    margin-bottom: 48px
}

[data-v-12848d33] .markdown-body {
    max-width: 100%;
    color: var(--text-primary);
    line-height: 1.8;
    font-size: var(--font-base)
}

[data-v-12848d33] .markdown-body h1,
[data-v-12848d33] .markdown-body h2,
[data-v-12848d33] .markdown-body h3,
[data-v-12848d33] .markdown-body h4,
[data-v-12848d33] .markdown-body h5,
[data-v-12848d33] .markdown-body h6 {
    scroll-margin-top: 20px
}

[data-v-12848d33] .markdown-body h1 {
    font-size: 32px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--border-base)
}

[data-v-12848d33] .markdown-body h2 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-base)
}

[data-v-12848d33] .markdown-body h3 {
    font-size: 22px;
    font-weight: 500;
    color: var(--brand-primary);
    margin-top: 32px;
    margin-bottom: 14px
}

[data-v-12848d33] .markdown-body p {
    margin-bottom: 16px;
    color: var(--text-secondary);
    line-height: 1.8
}

[data-v-12848d33] .markdown-body ul,
[data-v-12848d33] .markdown-body ol {
    margin-bottom: 16px;
    padding-left: 24px
}

[data-v-12848d33] .markdown-body ul li,
[data-v-12848d33] .markdown-body ol li {
    margin-bottom: 8px;
    color: var(--text-secondary)
}

[data-v-12848d33] .markdown-body strong {
    font-weight: 600;
    color: var(--text-primary)
}

[data-v-12848d33] .markdown-body a {
    color: var(--brand-primary);
    text-decoration: none
}

[data-v-12848d33] .markdown-body a:hover {
    text-decoration: underline
}

[data-v-12848d33] .markdown-body code {
    background: var(--bg-elevated);
    padding: 2px 8px;
    border-radius: 4px;
    font-family: SF Mono, Monaco, Consolas, monospace;
    font-size: var(--font-sm);
    color: var(--brand-primary)
}

[data-v-12848d33] .markdown-body pre {
    background: var(--neutral-black);
    color: var(--neutral-200);
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    margin-bottom: 16px
}

[data-v-12848d33] .markdown-body pre code {
    background: transparent;
    padding: 0;
    color: var(--neutral-200)
}

[data-v-12848d33] .markdown-body blockquote {
    margin: 20px 0;
    padding: 12px 20px;
    background: var(--bg-accent);
    border-left: 4px solid var(--brand-primary);
    color: var(--text-secondary)
}

[data-v-12848d33] .markdown-body blockquote p {
    margin: 0
}

[data-v-12848d33] .markdown-body aside {
    margin: 16px 0;
    padding: 1rem;
    background: #f0efed;
    border-radius: 10px;
    color: var(--text-secondary);
    line-height: 1.8
}

[data-v-12848d33] .markdown-body aside p {
    margin: 0
}

[data-v-12848d33] .markdown-body img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 16px 0
}

[data-v-12848d33] .markdown-body audio,
[data-v-12848d33] .markdown-body video {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
    margin: 16px 0;
    outline: none
}

[data-v-12848d33] .markdown-body video {
    background: #000
}

[data-v-12848d33] .markdown-body table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
    border: 1px solid var(--border-base)
}

[data-v-12848d33] .markdown-body table th {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
    background: var(--bg-elevated);
    border-bottom: 2px solid var(--border-base)
}

[data-v-12848d33] .markdown-body table td {
    padding: 12px 16px;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-base)
}

.related-section[data-v-12848d33] {
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid var(--border-base)
}

.related-section .related-title[data-v-12848d33] {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 20px
}

.related-section .related-grid[data-v-12848d33] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.related-section .related-card[data-v-12848d33] {
    padding: 16px;
    background: var(--bg-container);
    border: 1px solid var(--border-base);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all .2s ease
}

.related-section .related-card[data-v-12848d33]:hover {
    border-color: var(--brand-primary);
    box-shadow: 0 4px 12px #00000014
}

.related-section .related-card .related-card-title[data-v-12848d33] {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 6px
}

.related-section .related-card .related-card-summary[data-v-12848d33] {
    font-size: 13px;
    color: var(--text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

:root[data-theme=dark] .related-card[data-v-12848d33]:hover {
    box-shadow: 0 4px 12px #0006
}

:root[data-theme=dark] .stat-pill[data-v-12848d33] {
    background: var(--bg-container) !important
}

:root[data-theme=dark] .stat-pill.likes-pill.liked[data-v-12848d33] {
    background: #ff44221f !important
}

@-moz-keyframes heart-bounce-12848d33 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes heart-bounce-12848d33 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@-o-keyframes heart-bounce-12848d33 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes heart-bounce-12848d33 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

[data-v-80745282]:root {
    --brand-primary: #f42;
    --brand-primary-light: #ff6b4d;
    --brand-primary-dark: #e63d1f;
    --brand-primary-pale: rgba(255, 68, 34, .08);
    --brand-secondary: #f59e0b;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #d97706;
    --neutral-black: #1a1a2e;
    --neutral-900: #16213e;
    --neutral-800: #1f2937;
    --neutral-700: #374151;
    --neutral-600: #4b5563;
    --neutral-500: #6b7280;
    --neutral-400: #9ca3af;
    --neutral-300: #d1d5db;
    --neutral-200: #e5e7eb;
    --neutral-100: #f3f4f6;
    --neutral-50: #fafafa;
    --neutral-white: #fff;
    --neutral-warm: #fef2f2;
    --color-success: #67c23a;
    --color-success-light: #85ce61;
    --color-success-dark: #529b2e;
    --color-warning: #e6a23c;
    --color-warning-light: #ebb563;
    --color-warning-dark: #b88230;
    --color-danger: #f56c6c;
    --color-danger-light: #f78989;
    --color-danger-dark: #dd6161;
    --color-info: #909399;
    --color-info-light: #a6a9ad;
    --color-info-dark: #82848a;
    --bg-page: #fafafa;
    --bg-container: #fff;
    --bg-elevated: #f9fafb;
    --bg-hover: #f3f4f6;
    --bg-accent: #fef2f2;
    --bg-dark: #1f2937;
    --bg-dark-elevated: #374151;
    --bg-dark-overlay: rgba(26, 26, 46, .95);
    --text-primary: #1a1a2e;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --text-disabled: #d1d5db;
    --text-inverse: #fff;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #1a1a2e;
    --text-heading-secondary: #374151;
    --text-heading-tertiary: #4b5563;
    --text-on-dark: #f3f4f6;
    --text-on-dark-secondary: #9ca3af;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .1);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #fff;
    --btn-secondary-bg: #e5e7eb;
    --btn-secondary-bg-hover: #d1d5db;
    --btn-secondary-bg-active: #9ca3af;
    --btn-secondary-text: #1a1a2e;
    --link-color: var(--brand-primary);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary-dark);
    --link-visited: var(--brand-primary-dark);
    --overlay-light: rgba(255, 255, 255, .3);
    --overlay-medium: rgba(255, 255, 255, .6);
    --overlay-dark: rgba(0, 0, 0, .3);
    --overlay-darker: rgba(0, 0, 0, .6);
    --shadow-sm: 0 1px 2px rgba(255, 68, 34, .06);
    --shadow-md: 0 2px 8px rgba(255, 68, 34, .1);
    --shadow-lg: 0 4px 12px rgba(255, 68, 34, .12);
    --shadow-xl: 0 8px 32px rgba(255, 68, 34, .15);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .4);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .5);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    --gradient-subtle: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #f97316 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fb923c 100%);
    --shadow-cta: 0 4px 15px rgba(255, 68, 34, .4);
    --shadow-cta-hover: 0 8px 25px rgba(255, 68, 34, .5);
    --shadow-cta-active: 0 2px 8px rgba(255, 68, 34, .35);
    --cta-text: #fff;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;
    --font-5xl: 40px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --transition-fast: .15s ease;
    --transition-base: .3s ease;
    --transition-slow: .5s ease;
    --transition-all: .3s ease-in-out;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --footer-bg: #0f0f1a;
    --footer-text-primary: #fff;
    --footer-text-secondary: #9ca3af;
    --footer-text-tertiary: #6b7280;
    --footer-border: #1f2937;
    --glass-bg: rgba(255, 255, 255, .75);
    --glass-bg-heavy: rgba(255, 255, 255, .9);
    --glass-border: rgba(255, 255, 255, .5);
    --glass-border-subtle: rgba(255, 255, 255, .25);
    --glass-shadow: 0 8px 32px rgba(255, 68, 34, .1);
    --section-gradient-1: linear-gradient(180deg, #fafafa 0%, #fef2f2 50%, #fafafa 100%)
}

:root[data-theme=dark][data-v-80745282] {
    --brand-primary: #ff6b4d;
    --brand-primary-light: #ff9a85;
    --brand-primary-dark: #f42;
    --brand-primary-pale: rgba(255, 107, 77, .2);
    --brand-secondary: #fbbf24;
    --brand-secondary-light: #fcd34d;
    --brand-secondary-dark: #f59e0b;
    --neutral-black: #e2e8f0;
    --neutral-900: #e2e8f0;
    --neutral-800: #cbd5e1;
    --neutral-700: #94a3b8;
    --neutral-600: #64748b;
    --neutral-500: #94a3b8;
    --neutral-400: #334155;
    --neutral-300: #1f2937;
    --neutral-200: #111827;
    --neutral-100: #0f0f1a;
    --neutral-50: #09090f;
    --neutral-white: #1a1a2e;
    --neutral-warm: rgba(255, 68, 34, .1);
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;
    --color-warning: #fbbf24;
    --color-warning-light: #fcd34d;
    --color-warning-dark: #f59e0b;
    --color-danger: #f87171;
    --color-danger-light: #fca5a5;
    --color-danger-dark: #ef4444;
    --color-info: #9ca3af;
    --color-info-light: #d1d5db;
    --color-info-dark: #6b7280;
    --bg-page: #0d0d14;
    --bg-container: #1e1e32;
    --bg-elevated: #2a2a42;
    --bg-hover: #353550;
    --bg-accent: rgba(255, 68, 34, .12);
    --bg-dark: #0d0d14;
    --bg-dark-elevated: #2a2a42;
    --bg-dark-overlay: rgba(13, 13, 20, .95);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #475569;
    --text-inverse: #1a1a2e;
    --text-link: var(--brand-primary);
    --text-link-hover: var(--brand-primary-light);
    --text-heading-primary: #fff;
    --text-heading-secondary: #e2e8f0;
    --text-heading-tertiary: #cbd5e1;
    --text-on-dark: #1a1a2e;
    --text-on-dark-secondary: #4b5563;
    --text-on-dark-tertiary: #6b7280;
    --border-base: #2e2e48;
    --border-light: #1e1e32;
    --border-dark: #4a4a68;
    --border-focus: var(--brand-primary);
    --border-overlay: rgba(255, 255, 255, .08);
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-bg-hover: var(--brand-primary-light);
    --btn-primary-bg-active: var(--brand-primary-dark);
    --btn-primary-text: #09090f;
    --btn-secondary-bg: #1e2433;
    --btn-secondary-bg-hover: #2a3142;
    --btn-secondary-bg-active: #334155;
    --btn-secondary-text: #e2e8f0;
    --link-color: var(--brand-primary-light);
    --link-hover: var(--brand-primary-light);
    --link-active: var(--brand-primary);
    --link-visited: var(--brand-primary);
    --overlay-light: rgba(0, 0, 0, .3);
    --overlay-medium: rgba(0, 0, 0, .5);
    --overlay-dark: rgba(0, 0, 0, .6);
    --overlay-darker: rgba(0, 0, 0, .8);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 107, 77, .08);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 107, 77, .1);
    --shadow-dark-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-dark-md: 0 4px 20px rgba(0, 0, 0, .6);
    --shadow-dark-lg: 0 10px 15px rgba(0, 0, 0, .7);
    --gradient-brand: linear-gradient(135deg, var(--brand-primary) 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(135deg, #09090f 0%, #1a1a2e 100%);
    --gradient-subtle: linear-gradient(180deg, #1a1a2e 0%, #09090f 100%);
    --gradient-cta: linear-gradient(135deg, var(--brand-primary) 0%, #fb923c 100%);
    --gradient-cta-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, #fdba74 100%);
    --shadow-cta: 0 4px 15px rgba(255, 107, 77, .35);
    --shadow-cta-hover: 0 8px 25px rgba(255, 107, 77, .45);
    --shadow-cta-active: 0 2px 8px rgba(255, 107, 77, .25);
    --cta-text: #09090f;
    --footer-bg: #060a14;
    --footer-text-primary: #e2e8f0;
    --footer-text-secondary: #94a3b8;
    --footer-text-tertiary: #64748b;
    --footer-border: #1e2433;
    --glass-bg: rgba(35, 35, 55, .65);
    --glass-bg-heavy: rgba(40, 40, 60, .85);
    --glass-border: rgba(255, 107, 77, .15);
    --glass-border-subtle: rgba(255, 255, 255, .08);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);
    --section-gradient-1: linear-gradient(180deg, #0d0d14 0%, rgba(255, 68, 34, .06) 50%, #0d0d14 100%)
}

.mobile-detail-section[data-v-80745282] {
    min-height: 100vh;
    background: var(--bg-page)
}

.detail-container[data-v-80745282] {
    padding: 20px 16px
}

.breadcrumb[data-v-80745282] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    font-size: 13px;
    color: var(--text-tertiary)
}

.breadcrumb .breadcrumb-link[data-v-80745282] {
    color: var(--brand-primary);
    text-decoration: none
}

.breadcrumb .breadcrumb-current[data-v-80745282] {
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px
}

.detail-header[data-v-80745282] {
    margin-bottom: 20px
}

.detail-header .detail-title[data-v-80745282] {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.3;
    margin-bottom: 12px
}

.detail-header .detail-meta[data-v-80745282] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--text-tertiary);
    margin-bottom: 8px
}

.detail-header .detail-meta .meta-category[data-v-80745282] {
    color: var(--brand-primary);
    font-weight: 500;
    text-decoration: none
}

.detail-header .detail-meta .meta-category[data-v-80745282]:hover {
    text-decoration: underline
}

.detail-header .detail-stats[data-v-80745282] {
    display: flex;
    gap: 8px;
    font-size: 13px;
    color: var(--text-tertiary)
}

.detail-header .detail-stats .stat-pill[data-v-80745282] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 16px;
    background: var(--bg-elevated);
    font-size: 12px;
    transition: all .2s ease
}

.detail-header .detail-stats .stat-pill .stat-icon[data-v-80745282] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    opacity: .55
}

.detail-header .detail-stats .likes-pill[data-v-80745282] {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.detail-header .detail-stats .likes-pill[data-v-80745282]:active {
    transform: scale(.92)
}

.detail-header .detail-stats .likes-pill.liked[data-v-80745282] {
    background: #ff442214;
    color: var(--brand-primary)
}

.detail-header .detail-stats .likes-pill.liked .heart-icon[data-v-80745282] {
    opacity: 1;
    animation: heart-bounce-80745282 .35s ease
}

.tags-row[data-v-80745282] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.tags-row .tag[data-v-80745282] {
    padding: 3px 10px;
    border-radius: 10px;
    background: var(--bg-elevated);
    color: var(--text-secondary);
    font-size: 11px
}

.detail-content[data-v-80745282] {
    margin-bottom: 32px
}

[data-v-80745282] .markdown-body {
    color: var(--text-primary);
    line-height: 1.8;
    font-size: 15px
}

[data-v-80745282] .markdown-body h1 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px
}

[data-v-80745282] .markdown-body h2 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 32px;
    margin-bottom: 16px
}

[data-v-80745282] .markdown-body h3 {
    font-size: 18px;
    font-weight: 500;
    color: var(--brand-primary);
    margin-top: 24px;
    margin-bottom: 12px
}

[data-v-80745282] .markdown-body p {
    margin-bottom: 14px;
    color: var(--text-secondary)
}

[data-v-80745282] .markdown-body code {
    background: var(--bg-elevated);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 13px;
    color: var(--brand-primary)
}

[data-v-80745282] .markdown-body pre {
    background: var(--neutral-black);
    color: var(--neutral-200);
    padding: 16px;
    border-radius: 8px;
    overflow-x: auto;
    margin-bottom: 14px
}

[data-v-80745282] .markdown-body pre code {
    background: transparent;
    color: var(--neutral-200)
}

[data-v-80745282] .markdown-body img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 12px 0
}

[data-v-80745282] .markdown-body audio,
[data-v-80745282] .markdown-body video {
    width: 100%;
    max-width: 100%;
    border-radius: 6px;
    margin: 12px 0;
    outline: none
}

[data-v-80745282] .markdown-body video {
    background: #000
}

[data-v-80745282] .markdown-body blockquote {
    margin: 16px 0;
    padding: 10px 16px;
    background: var(--bg-accent);
    border-left: 3px solid var(--brand-primary);
    color: var(--text-secondary)
}

[data-v-80745282] .markdown-body blockquote p {
    margin: 0
}

[data-v-80745282] .markdown-body aside {
    margin: 16px 0;
    padding: 1rem;
    background: #f0efed;
    border-radius: 10px;
    color: var(--text-secondary);
    line-height: 1.8
}

[data-v-80745282] .markdown-body aside p {
    margin: 0
}

[data-v-80745282] .markdown-body table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-bottom: 20px
}

[data-v-80745282] .markdown-body table th,
[data-v-80745282] .markdown-body table td {
    padding: 8px 12px;
    border: 1px solid var(--border-base)
}

[data-v-80745282] .markdown-body table th {
    background: var(--bg-elevated);
    font-weight: 600
}

.related-section[data-v-80745282] {
    padding-top: 24px;
    border-top: 1px solid var(--border-base)
}

.related-section .related-title[data-v-80745282] {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 16px
}

.related-section .related-list[data-v-80745282] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.related-section .related-card[data-v-80745282] {
    padding: 14px;
    background: var(--bg-container);
    border: 1px solid var(--border-base);
    border-radius: var(--radius-lg);
    cursor: pointer
}

.related-section .related-card[data-v-80745282]:active {
    transform: scale(.98)
}

.related-section .related-card .related-card-title[data-v-80745282] {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 4px
}

.related-section .related-card .related-card-summary[data-v-80745282] {
    font-size: 13px;
    color: var(--text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@-moz-keyframes heart-bounce-80745282 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes heart-bounce-80745282 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@-o-keyframes heart-bounce-80745282 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes heart-bounce-80745282 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.notion-content {
    max-width: 100%;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", Segoe UI Symbol;
    -webkit-font-smoothing: auto;
    line-height: 1.7;
    color: #37352f;
    font-size: 16px;
    word-break: break-word
}

.notion-content * {
    box-sizing: border-box
}

.notion-content .page-body {
    max-width: 100%
}

.notion-content h1,
.notion-content h2,
.notion-content h3 {
    font-weight: 600;
    line-height: 1.3
}

.notion-content h1 {
    font-size: 1.875em;
    margin-top: 1.4em;
    margin-bottom: .3em
}

.notion-content h2 {
    font-size: 1.5em;
    margin-top: 1.4em;
    margin-bottom: .3em
}

.notion-content h3 {
    font-size: 1.25em;
    margin-top: 1.4em;
    margin-bottom: .3em
}

.notion-content p,
.notion-content .paragraph {
    margin-top: 0;
    margin-bottom: 0;
    padding: 3px 2px
}

.notion-content strong {
    font-weight: 600
}

.notion-content em {
    font-style: italic
}

.notion-content a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px
}

.notion-content a:hover {
    opacity: .75
}

.notion-content mark {
    background: #ffd40024;
    padding: 0 2px
}

.notion-content .callout {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    border-radius: 10px;
    padding: 16px 16px 16px 12px;
    margin: 4px 0
}

.notion-content .callout-emoji,
.notion-content .callout .icon {
    width: 24px;
    height: 24px;
    font-size: 1.3em;
    line-height: 1;
    margin-right: 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.notion-content .callout>div:first-child:has(.icon) {
    flex-shrink: 0;
    margin-right: 8px
}

.notion-content .callout .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0;
    border-radius: 0
}

.notion-content .callout .callout-content,
.notion-content .callout>div:last-child {
    flex: 1;
    min-width: 0
}

.notion-content .callout {
    background: #f1f1ef
}

.notion-content blockquote {
    margin: 4px 0;
    padding-left: 16px;
    border-left: 3px solid currentColor
}

.notion-content hr {
    border: none;
    border-top: 1px solid rgba(55, 53, 47, .16);
    margin: 8px 0
}

.notion-content ul {
    list-style-type: disc;
    padding-left: 1.7em;
    margin: 0
}

.notion-content ol {
    list-style-type: decimal;
    padding-left: 1.7em;
    margin: 0
}

.notion-content li {
    padding: 3px 2px
}

.notion-content ul ul {
    list-style-type: circle
}

.notion-content ul ul ul {
    list-style-type: square
}

.notion-content .to-do-list {
    list-style: none;
    padding-left: 0
}

.notion-content .to-do-children-checked {
    text-decoration: line-through;
    opacity: .5
}

.notion-content .checkbox {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle
}

.notion-content details {
    margin: 4px 0
}

.notion-content details summary {
    cursor: pointer;
    padding: 3px 2px;
    font-weight: 500
}

.notion-content details[open]>summary {
    margin-bottom: 4px
}

.notion-content pre,
.notion-content code.code {
    font-family: SFMono-Regular, Menlo, Consolas, PT Mono, Liberation Mono, Courier, monospace
}

.notion-content pre {
    background: #f7f6f3;
    border-radius: 3px;
    padding: 18px 24px;
    font-size: .85em;
    tab-size: 2;
    overflow-x: auto;
    margin: 4px 0
}

.notion-content code {
    font-family: SFMono-Regular, Menlo, Consolas, PT Mono, Liberation Mono, Courier, monospace;
    font-size: .85em;
    background: #87837826;
    border-radius: 3px;
    padding: .2em .4em;
    color: #eb5757
}

.notion-content pre code {
    background: transparent;
    padding: 0;
    color: inherit
}

.notion-content table {
    border-collapse: collapse;
    width: 100%;
    margin: 4px 0
}

.notion-content th,
.notion-content td {
    border: 1px solid rgb(233, 233, 231);
    padding: 7px 9px;
    min-width: 120px;
    max-width: 240px;
    min-height: 32px;
    text-align: start;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.5
}

.notion-content th {
    font-weight: 600;
    background: #f7f6f3
}

.notion-content img {
    max-width: 100%;
    height: auto;
    display: block
}

.notion-content figure {
    margin: 8px 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.notion-content figure.notion-align-left {
    align-items: flex-start
}

.notion-content figure img {
    border-radius: 2px
}

.notion-content figcaption {
    font-size: .85em;
    color: #37352fa6;
    margin-top: 6px;
    text-align: center
}

.notion-content .column-list {
    display: flex;
    gap: 16px;
    margin: 4px 0
}

.notion-content .column {
    flex: 1;
    min-width: 0;
    padding: 0 6px
}

.notion-content .bookmark {
    display: flex;
    align-items: stretch;
    border: 1px solid rgba(55, 53, 47, .16);
    border-radius: 3px;
    overflow: hidden;
    text-decoration: none;
    margin: 4px 0
}

.notion-content .bookmark .bookmark-info {
    flex: 4;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.notion-content .bookmark .bookmark-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 4px
}

.notion-content .bookmark .bookmark-description {
    font-size: 12px;
    line-height: 1.4;
    color: #37352fa6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.notion-content .bookmark .bookmark-href {
    font-size: 12px;
    color: #37352fa6;
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 4px
}

.notion-content .bookmark .bookmark-image {
    flex: 1;
    min-width: 100px
}

.notion-content .bookmark .bookmark-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.notion-content .indented {
    padding-left: 1.5em
}

.notion-content .highlight-gray {
    color: #787774
}

.notion-content .highlight-brown {
    color: #9f6b53
}

.notion-content .highlight-orange {
    color: #d9730d
}

.notion-content .highlight-yellow {
    color: #cb912f
}

.notion-content .highlight-teal,
.notion-content .highlight-green {
    color: #448361
}

.notion-content .highlight-blue {
    color: #337ea9
}

.notion-content .highlight-purple {
    color: #9065b0
}

.notion-content .highlight-pink {
    color: #c14c8a
}

.notion-content .highlight-red {
    color: #d44c47
}

.notion-content .highlight-gray_background {
    background: #f1f1ef;
    padding: 2px 4px;
    border-radius: 3px
}

.notion-content .highlight-brown_background {
    background: #f4eeee;
    padding: 2px 4px;
    border-radius: 3px
}

.notion-content .highlight-orange_background {
    background: #fbecdd;
    padding: 2px 4px;
    border-radius: 3px
}

.notion-content .highlight-yellow_background {
    background: #fbf3db;
    padding: 2px 4px;
    border-radius: 3px
}

.notion-content .highlight-teal_background,
.notion-content .highlight-green_background {
    background: #edf3ec;
    padding: 2px 4px;
    border-radius: 3px
}

.notion-content .highlight-blue_background {
    background: #e7f3f8;
    padding: 2px 4px;
    border-radius: 3px
}

.notion-content .highlight-purple_background {
    background: #f4f0f7cc;
    padding: 2px 4px;
    border-radius: 3px
}

.notion-content .highlight-pink_background {
    background: #f9eef3cc;
    padding: 2px 4px;
    border-radius: 3px
}

.notion-content .highlight-red_background {
    background: #fdebec;
    padding: 2px 4px;
    border-radius: 3px
}

.notion-content .block-color-gray_background {
    background: #f1f1ef
}

.notion-content .block-color-brown_background {
    background: #f4eeee
}

.notion-content .block-color-orange_background {
    background: #fbecdd
}

.notion-content .block-color-yellow_background {
    background: #fbf3db
}

.notion-content .block-color-teal_background,
.notion-content .block-color-green_background {
    background: #edf3ec
}

.notion-content .block-color-blue_background {
    background: #e7f3f8
}

.notion-content .block-color-purple_background {
    background: #f4f0f7cc
}

.notion-content .block-color-pink_background {
    background: #f9eef3cc
}

.notion-content .block-color-red_background {
    background: #fdebec
}

.notion-content .block-color-gray {
    color: #787774
}

.notion-content .block-color-brown {
    color: #9f6b53
}

.notion-content .block-color-orange {
    color: #d9730d
}

.notion-content .block-color-yellow {
    color: #cb912f
}

.notion-content .block-color-teal,
.notion-content .block-color-green {
    color: #448361
}

.notion-content .block-color-blue {
    color: #337ea9
}

.notion-content .block-color-purple {
    color: #9065b0
}

.notion-content .block-color-pink {
    color: #c14c8a
}

.notion-content .block-color-red {
    color: #d44c47
}

.notion-content .equation {
    font-family: Computer Modern, serif
}

.notion-content video {
    max-width: 100%;
    border-radius: 3px;
    margin: 8px 0
}

.notion-content audio {
    width: 100%;
    margin: 8px 0
}

.notion-content iframe {
    max-width: 100%;
    border: none;
    border-radius: 3px
}

.notion-content .notion-file-attachment {
    margin: 8px 0
}

.notion-content .notion-file-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid rgba(55, 53, 47, .16);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background .15s ease
}

.notion-content .notion-file-link:hover {
    background: #37352f0a;
    opacity: 1
}

.notion-content .notion-file-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.notion-content .notion-file-icon:before {
    display: block
}

.notion-content .notion-file-pptx {
    background: #d04423
}

.notion-content .notion-file-pptx:before {
    content: "PPT"
}

.notion-content .notion-file-pdf {
    background: #e5252a
}

.notion-content .notion-file-pdf:before {
    content: "PDF"
}

.notion-content .notion-file-docx {
    background: #2b579a
}

.notion-content .notion-file-docx:before {
    content: "DOC"
}

.notion-content .notion-file-xlsx {
    background: #217346
}

.notion-content .notion-file-xlsx:before {
    content: "XLS"
}

.notion-content .notion-file-name {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notion-content .notion-file-download {
    flex-shrink: 0;
    font-size: 12px;
    color: #37352f80;
    padding: 4px 10px;
    border-radius: 4px;
    transition: background .15s ease, color .15s ease
}

.notion-content .notion-file-link:hover .notion-file-download {
    background: #37352f14;
    color: #37352fcc
}

@media(max-width:720px) {
    .notion-content .column-list {
        flex-direction: column;
        gap: 8px
    }

    .notion-content .column {
        padding: 0
    }
}

.notion-content .synced-block {
    margin: 4px 0
}

:root[data-theme=dark] .notion-content {
    color: #ffffffe6
}

:root[data-theme=dark] .notion-content .callout {
    background: #ffffff0f
}

:root[data-theme=dark] .notion-content pre {
    background: #ffffff0f
}

:root[data-theme=dark] .notion-content code {
    background: #8783784d;
    color: #f97583
}

:root[data-theme=dark] .notion-content hr {
    border-top-color: #ffffff29
}

:root[data-theme=dark] .notion-content th,
:root[data-theme=dark] .notion-content td {
    border-color: #ffffff26
}

:root[data-theme=dark] .notion-content th {
    background: #ffffff0f
}

:root[data-theme=dark] .notion-content figcaption {
    color: #ffffff8c
}

:root[data-theme=dark] .notion-content .bookmark {
    border-color: #ffffff29
}

:root[data-theme=dark] .notion-content .bookmark .bookmark-description,
:root[data-theme=dark] .notion-content .bookmark .bookmark-href {
    color: #ffffff8c
}

:root[data-theme=dark] .notion-content mark {
    background: #ffd40040
}

:root[data-theme=dark] .notion-content .notion-file-link {
    border-color: #ffffff29
}

:root[data-theme=dark] .notion-content .notion-file-link:hover {
    background: #ffffff0f
}

:root[data-theme=dark] .notion-content .notion-file-download {
    color: #ffffff73
}

:root[data-theme=dark] .notion-content .notion-file-link:hover .notion-file-download {
    background: #ffffff1a;
    color: #ffffffbf
}

:root[data-theme=dark] .notion-content .highlight-gray {
    color: #afafac
}

:root[data-theme=dark] .notion-content .highlight-brown {
    color: #c89678
}

:root[data-theme=dark] .notion-content .highlight-orange {
    color: #f59b3c
}

:root[data-theme=dark] .notion-content .highlight-yellow {
    color: #ebb94b
}

:root[data-theme=dark] .notion-content .highlight-teal,
:root[data-theme=dark] .notion-content .highlight-green {
    color: #6cbe8c
}

:root[data-theme=dark] .notion-content .highlight-blue {
    color: #5fafdc
}

:root[data-theme=dark] .notion-content .highlight-purple {
    color: #b996d7
}

:root[data-theme=dark] .notion-content .highlight-pink {
    color: #e178b4
}

:root[data-theme=dark] .notion-content .highlight-red {
    color: #f0736e
}

:root[data-theme=dark] .notion-content .highlight-gray_background {
    background: #78777433
}

:root[data-theme=dark] .notion-content .highlight-brown_background {
    background: #9f6b5333
}

:root[data-theme=dark] .notion-content .highlight-orange_background {
    background: #d9730d33
}

:root[data-theme=dark] .notion-content .highlight-yellow_background {
    background: #cb912f33
}

:root[data-theme=dark] .notion-content .highlight-teal_background,
:root[data-theme=dark] .notion-content .highlight-green_background {
    background: #44836133
}

:root[data-theme=dark] .notion-content .highlight-blue_background {
    background: #337ea933
}

:root[data-theme=dark] .notion-content .highlight-purple_background {
    background: #9065b033
}

:root[data-theme=dark] .notion-content .highlight-pink_background {
    background: #c14c8a33
}

:root[data-theme=dark] .notion-content .highlight-red_background {
    background: #d44c4733
}

:root[data-theme=dark] .notion-content .block-color-gray_background {
    background: #78777433
}

:root[data-theme=dark] .notion-content .block-color-brown_background {
    background: #9f6b5333
}

:root[data-theme=dark] .notion-content .block-color-orange_background {
    background: #d9730d33
}

:root[data-theme=dark] .notion-content .block-color-yellow_background {
    background: #cb912f33
}

:root[data-theme=dark] .notion-content .block-color-teal_background,
:root[data-theme=dark] .notion-content .block-color-green_background {
    background: #44836133
}

:root[data-theme=dark] .notion-content .block-color-blue_background {
    background: #337ea933
}

:root[data-theme=dark] .notion-content .block-color-purple_background {
    background: #9065b033
}

:root[data-theme=dark] .notion-content .block-color-pink_background {
    background: #c14c8a33
}

:root[data-theme=dark] .notion-content .block-color-red_background {
    background: #d44c4733
}

:root[data-theme=dark] .notion-content .block-color-gray {
    color: #afafac
}

:root[data-theme=dark] .notion-content .block-color-brown {
    color: #c89678
}

:root[data-theme=dark] .notion-content .block-color-orange {
    color: #f59b3c
}

:root[data-theme=dark] .notion-content .block-color-yellow {
    color: #ebb94b
}

:root[data-theme=dark] .notion-content .block-color-teal,
:root[data-theme=dark] .notion-content .block-color-green {
    color: #6cbe8c
}

:root[data-theme=dark] .notion-content .block-color-blue {
    color: #5fafdc
}

:root[data-theme=dark] .notion-content .block-color-purple {
    color: #b996d7
}

:root[data-theme=dark] .notion-content .block-color-pink {
    color: #e178b4
}

:root[data-theme=dark] .notion-content .block-color-red {
    color: #f0736e
}