:root {
            --color-deep: #1A365D;
            --color-gold: #C8AA6E;
            --color-warm: #F5F0E8;
            --color-warm-light: rgba(245, 240, 232, 0.45);
            --color-text: #2d2d2d;
            --color-text-sub: #5a5a5a;
            --color-text-muted: #7a7a7a;
            --color-bg-light: #f9f9f9;
            --color-border: #e5e5e5;
            --color-gold-border: rgba(200, 170, 110, 0.3);
            --color-gold-bg: rgba(200, 170, 110, 0.12);
            --color-deep-bg: rgba(26, 54, 93, 0.08);
            --radius-md: 10px;
            --radius-lg: 14px;
            --radius-xl: 18px;
            --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
            --shadow-md: 0 6px 20px rgba(26, 54, 93, 0.08);
            --shadow-lg: 0 10px 30px rgba(26, 54, 93, 0.12);
            --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
            background: #fafafa;
            color: var(--color-text);
            scroll-behavior: smooth;
            -webkit-font-smoothing: antialiased;
            padding-bottom: 0;
             --bs-body-font-size:1.25rem;
        }
        @keyframes energyPulse {
            0%,
            100% {
                box-shadow: 0 0 0 0 rgba(200, 170, 110, 0.3);
            }
            50% {
                box-shadow: 0 0 0 3.5rem rgba(200, 170, 110, 0);
            }
        }
        .freecall-form label {
        	font-size:16px;
        }
        .font-serif {
            font-family: 'Noto Serif SC', 'STSong', 'Songti SC', 'KaiTi', 'SimSun', serif;
        }
        /* ========== 颜色工具类 ========== */
        .bg-deep {
            background-color: var(--color-deep) !important;
        }
        .bg-gold {
            background-color: var(--color-gold) !important;
        }
        .bg-warm {
            background-color: var(--color-warm) !important;
        }
        .bg-warm-subtle {
            background-color: var(--color-warm-light) !important;
        }
        .bg-light-custom {
            background-color: var(--color-bg-light) !important;
        }
        .text-deep {
            color: var(--color-deep) !important;
        }
        .text-gold {
            color: var(--color-gold) !important;
        }
        .text-sub {
            color: var(--color-text-sub) !important;
        }
        .text-muted-custom {
            color: var(--color-text-muted) !important;
        }
        .border-gold-subtle {
            border-color: var(--color-gold-border) !important;
        }

        /* ========== Bootstrap Icons 微调 ========== */
        .bi {
            vertical-align: -0.125em;
            display: inline-block;
        }

        /* ========== 按钮 ========== */
        .btn-deep {
            background-color: var(--color-deep);
            border-color: var(--color-deep);
            color: #fff;
            font-weight: 600;
            border-radius: var(--radius-md);
            transition: all var(--transition-base);
        }
        .btn-deep:hover {
            background-color: #152d4f;
            border-color: #152d4f;
            color: #fff;
            box-shadow: var(--shadow-md);
        }
        .btn-gold {
            background-color: var(--color-gold);
            border-color: var(--color-gold);
            color: var(--color-deep);
            font-weight: 700;
            border-radius: var(--radius-md);
            transition: all var(--transition-base);
        }
        .btn-gold:hover {
            background-color: #b89950;
            border-color: #b89950;
            color: var(--color-deep);
            box-shadow: var(--shadow-md);
        }
        .btn-outline-deep {
            border: 2px solid var(--color-deep);
            color: var(--color-deep);
            background: #fff;
            font-weight: 600;
            border-radius: var(--radius-md);
            transition: all var(--transition-base);
        }
        .btn-outline-deep:hover {
            background: rgba(26, 54, 93, 0.05);
            color: var(--color-deep);
        }
        .btn-outline-light-custom {
            border: 2px solid rgba(255, 255, 255, 0.7);
            color: #fff;
            background: transparent;
            font-weight: 600;
            border-radius: var(--radius-md);
            transition: all var(--transition-base);
        }
        .btn-outline-light-custom:hover {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            border-color: #fff;
        }

        /* ========== 卡片通用 ========== */
        .card-custom {
            border: none;
            border-radius: var(--radius-xl);
            box-shadow: var(--shadow-sm);
            overflow: hidden;
            background: #fff;
        }
        .card-hover {
            transition: all var(--transition-base);
            cursor: pointer;
        }
        .card-hover:hover {
            transform: translateY(-3px);
            box-shadow: var(--shadow-lg);
        }

        .btn{
            --bs-btn-font-size:1.5rem;
        }
        /* ========== 导航栏 ========== */
         .sticky-header {
            transform:translateY(-100%);
                position:-webkit-fixed;
                position: fixed;
                left:0;
                right:0;
        }
        /* ========== Hero区 ========== */
        .hero-section {
            min-height: 100vh;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
            background: linear-gradient(140deg, #1A365D 0%, #1a3558 35%, #152a45 100%);
        }
        .hero-circle {
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
        }
        .hero-circle-1 {
            width: clamp(140px, 20vw, 220px);
            height: clamp(140px, 20vw, 220px);
            border: 2px solid rgba(200, 170, 110, 0.18);
            top: 15%;
            right: 6%;
        }
        .hero-circle-2 {
            width: clamp(100px, 14vw, 150px);
            height: clamp(100px, 14vw, 150px);
            border: 1px dashed rgba(200, 170, 110, 0.1);
            bottom: 18%;
            left: 5%;
        }
        .hero-subtitle {
            color: var(--color-gold);
            font-weight: 500;
        }
        .hero-tagline {
            color: rgba(255, 255, 255, 0.75);
        }

        /* ========== 场景Tab按钮 ========== */
        .tab-btn-custom {
            border: 2px solid transparent;
            border-radius: var(--radius-lg);
            padding: 18px 12px;
            cursor: pointer;
            background: #f8f9fa;
            transition: all var(--transition-base);
            box-shadow: var(--shadow-sm);
            text-align: center;
            user-select: none;
        }
        .tab-btn-custom:hover {
            border-color: var(--color-gold-border);
            background: #fefdfa;
        }
        .tab-btn-custom.tab-active {
            background-color: var(--color-deep) !important;
            border-color: var(--color-deep) !important;
            box-shadow: 0 6px 22px rgba(26, 54, 93, 0.3);
        }
        .tab-btn-custom.tab-active .tab-title {
            color: #fff !important;
        }
        .tab-btn-custom.tab-active .tab-desc {
            color: rgba(255, 255, 255, 0.8) !important;
        }
        .tab-btn-custom.tab-active .tab-icon-wrap {
            background: rgba(255, 255, 255, 0.18) !important;
            color: #fff !important;
        }
        .tab-icon-wrap {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            margin: 0 auto 8px;
            background: var(--color-deep-bg);
            color: var(--color-deep);
            transition: all var(--transition-base);
        }
        .tab-icon-wrap .bi {
            font-size: inherit;
            vertical-align: 0;
        }
        .tab-title {
            font-weight: 700;
            font-size: 1.05rem;
            color: #495057;
            margin-bottom: 3px;
            transition: color var(--transition-base);
        }
        .tab-desc {
            font-size: 0.8rem;
            color: var(--color-text-muted);
            transition: color var(--transition-base);
        }
        @media (min-width: 768px) {
            .tab-icon-wrap {
                width: 50px;
                height: 50px;
                font-size: 1.35rem;
            }
            .tab-title {
                font-size: 1.1rem;
            }
        }

        /* ========== 面板动画 ========== */
        .tab-panel {
            display: none;
        }
        .tab-panel.active {
            display: block;
            animation: panelFadeIn 0.45s ease forwards;
        }
        @keyframes panelFadeIn {
            from {
                opacity: 0;
                transform: translateY(14px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* ========== 展开面板 ========== */
        .expand-panel {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, margin-top 0.35s ease;
            opacity: 0;
            margin-top: 0;
        }
        .expand-panel.open {
            opacity: 1;
            margin-top: 10px;
        }

        /* ========== 复选框 ========== */
        .check-box {
            width: 20px;
            height: 20px;
            min-width: 20px;
            border: 2px solid #ced4da;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            color: transparent;
            cursor: pointer;
            flex-shrink: 0;
            transition: all 0.2s ease;
            margin-top: 2px;
        }
        .check-box.checked {
            background: var(--color-gold);
            border-color: var(--color-gold);
            color: #fff;
        }

        /* ========== 案例预览卡片 ========== */
        .case-preview {
            cursor: pointer;
            transition: all var(--transition-base);
            border-radius: var(--radius-md);
            background: var(--color-warm-light);
            border: 1px solid var(--color-gold-border);
            padding: 14px;
        }
        .case-preview:hover {
            background: #fefdfa !important;
            border-color: #d4b87a !important;
        }
        .case-preview .chevron-icon {
            transition: transform var(--transition-base);
            font-size: 12px;
            display: inline-block;
        }
        .case-preview.open .chevron-icon {
            transform: rotate(180deg);
        }

        /* ========== 数字计数 ========== */
        .count-number {
            font-weight: 700;
            font-size: clamp(1.6rem, 3vw, 2.2rem);
            color: var(--color-deep);
            line-height: 1.2;
        }

        /* ========== 价值圆标 ========== */
        .value-circle {
            width: 32px;
            height: 32px;
            min-width: 32px;
            border-radius: 50%;
            background: var(--color-gold-bg);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--color-gold);
            font-weight: 700;
            flex-shrink: 0;
            font-size: 0.85rem;
        }

        /* ========== 爻位圆点 ========== */
        .yao-dot {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: 700;
            font-size: 0.85rem;
            margin: 0 auto 8px;
        }
        .yao-dot-low {
            background: #8b9daa;
        }
        .yao-dot-mid {
            background: #5c7a8f;
        }
        .yao-dot-high {
            background: #1A365D;
        }

        /* ========== 标签 ========== */
        .tag-custom {
            background: var(--color-deep-bg);
            color: var(--color-deep);
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.78rem;
            font-weight: 500;
            white-space: nowrap;
            display: inline-block;
        }

        /* ========== 天干卡片 ========== */
        .tiangan-card {
            width: 110px;
            min-width: 110px;
            flex-shrink: 0;
            background: rgba(245, 240, 232, 0.55);
            border: 1px solid var(--color-gold-border);
            border-radius: 8px;
            padding: 10px 8px;
            text-align: center;
        }
        .tiangan-card .tg-title {
            font-weight: 700;
            color: var(--color-deep);
            font-size: 0.85rem;
        }
        .tiangan-card .tg-desc {
            font-size: 0.72rem;
            color: var(--color-text-muted);
        }

        /* ========== 解决方案卡片 ========== */
        .solution-card {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: var(--radius-md);
            padding: 16px;
            height: 100%;
            transition: all var(--transition-base);
        }
        .solution-card:hover {
            border-color: var(--color-gold-border);
            background: #fefdfa;
        }
        .solution-card .sol-icon {
            color: var(--color-gold);
            font-size: 1.3rem;
            margin-bottom: 6px;
        }
        .solution-card .sol-icon .bi {
            font-size: inherit;
            vertical-align: 0;
        }
        .solution-card .sol-title {
            font-weight: 700;
            font-size: 0.9rem;
            margin-bottom: 4px;
            color: var(--color-deep);
        }
        .solution-card .sol-desc {
            color: var(--color-text-sub);
            font-size: 0.82rem;
            margin-bottom: 0;
            line-height: 1.5;
        }

        /* ========== Toast ========== */
        .toast-custom {
            position: fixed;
            top: 24px;
            left: 50%;
            transform: translate(-50%, -140px);
            background: var(--color-deep);
            color: #fff;
            padding: 10px 26px;
            border-radius: 24px;
            font-size: 0.85rem;
            font-weight: 500;
            z-index: 1090;
            pointer-events: none;
            transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
            white-space: nowrap;
        }
        .toast-custom.show {
            transform: translate(-50%, 0);
        }

        /* ========== 区块标题 ========== */
        .section-title {
            font-weight: 700;
            color: var(--color-deep);
            font-size: clamp(1.4rem, 2.5vw, 2rem);
        }
        .section-subtitle {
            color: var(--color-text-sub);
            font-size: 0.9rem;
            max-width: 560px;
            margin: 0 auto;
        }
        .panel-header-title {
            font-weight: 700;
            color: var(--color-deep);
            font-size: 1.15rem;
            margin-bottom: 2px;
        }
        .panel-header-sub {
            color: var(--color-gold);
            font-weight: 500;
            font-size: 0.85rem;
            margin-bottom: 0;
        }
        .sub-heading {
            font-weight: 600;
            color: var(--color-deep);
            font-size: 1.125rem;
            margin-bottom: 10px;
        }

        /* ========== 响应式微调 ========== */
        @media (max-width: 767px) {
            .hero-section {
                min-height: auto;
                padding: 100px 0 60px;
            }
            .solution-card {
                padding: 12px;
            }
            .solution-card .sol-desc {
                font-size: 0.78rem;
            }
            .tab-btn-custom {
                padding: 14px 8px;
            }
        }

        /* ========== 其他 ========== */
        .highlight-gold {
            color: var(--color-gold);
            font-weight: 700;
        }
        .text-xs {
            font-size: 0.78rem;
        }
        .fw-semibold {
            font-weight: 600;
        }
        .cursor-pointer {
            cursor: pointer;
        }
        .border-left-accent {
            border-left: 4px solid var(--color-gold);
        }