:root {
            --primary-dark: #0F172A;
            --primary-blue: #3B82F6;
            --primary-light: #60A5FA;
            --accent-coral: #FF6B6B;
            --accent-orange: #FB923C;
            --accent-amber: #FBBF24;
            --accent-green: #10B981;
            --accent-purple: #8B5CF6;
            --bg-light: #F1F5F9;
            --text-dark: #1E293B;
            --text-gray: #64748B;
            --text-desc: #6b7280;
        }
  /* ============ Value Cards Section ============ */
        .values-section {
            padding: 80px 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-tag {
            display: inline-block;
            background: linear-gradient(135deg, var(--primary-blue), var(--accent-purple));
            color: #fff;
            padding: 6px 16px;
            border-radius: 20px;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 16px;
        }

        .section-title {
            font-size: 36px;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 16px;
        }

        .section-desc {
            font-size: 18px;
            color: var(--text-gray);
            max-width: 600px;
            margin: 0 auto;
        }

        /* Value Cards Grid */
        .value-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }

        .value-card {
            background: #fff;
            border-radius: 20px;
            padding: 32px;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

        .value-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--card-color), transparent);
        }

        .value-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }

        .value-card:nth-child(1) { --card-color: var(--primary-blue); }
        .value-card:nth-child(2) { --card-color: var(--accent-green); }
        .value-card:nth-child(3) { --card-color: var(--accent-purple); }
        .value-card:nth-child(4) { --card-color: var(--accent-coral); }
        .value-card:nth-child(5) { --card-color: var(--accent-orange); }
        .value-card:nth-child(6) { --card-color: var(--accent-amber); }

        .value-card-icon {
            width: 64px;
            height: 64px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            margin-bottom: 20px;
            background: linear-gradient(135deg, var(--card-color), color-mix(in srgb, var(--card-color) 70%, white));
            color: #fff;
        }

        .value-card-number {
            position: absolute;
            top: 20px;
            right: 24px;
            font-size: 72px;
            font-weight: 800;
            color: rgba(0, 0, 0, 0.03);
            line-height: 1;
        }

        .value-card-title {
            font-size: 22px;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 12px;
        }

        .value-card-desc {
            font-size: 15px;
            color: var(--text-gray);
            margin-bottom: 20px;
        }

        .value-card-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .value-tag {
            background: var(--bg-light);
            color: var(--text-gray);
            padding: 6px 12px;
            border-radius: 8px;
            font-size: 13px;
        }
  /* ============ Flow Section ============ */
        .flow-section {
            padding: 80px 20px;
            background: linear-gradient(180deg, #fff 0%, var(--bg-light) 100%);
        }

        .flow-container {
            max-width: 1000px;
            margin: 0 auto;
        }

        .flow-timeline {
            position: relative;
            padding-left: 40px;
        }

        .flow-timeline::before {
            content: '';
            position: absolute;
            left: 15px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: linear-gradient(180deg, var(--primary-blue), var(--accent-purple), var(--accent-green));
        }

        .flow-item {
            position: relative;
            padding: 24px 0;
            padding-left: 40px;
        }

        .flow-item::before {
            content: '';
            position: absolute;
            left: -33px;
            top: 32px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: var(--primary-blue);
            border: 3px solid #fff;
            box-shadow: 0 0 0 4px var(--primary-blue);
        }

        .flow-item:nth-child(2)::before { background: var(--accent-green); box-shadow: 0 0 0 4px var(--accent-green); }
        .flow-item:nth-child(3)::before { background: var(--accent-purple); box-shadow: 0 0 0 4px var(--accent-purple); }
        .flow-item:nth-child(4)::before { background: var(--accent-coral); box-shadow: 0 0 0 4px var(--accent-coral); }
        .flow-item:nth-child(5)::before { background: var(--accent-orange); box-shadow: 0 0 0 4px var(--accent-orange); }

        .flow-content {
            background: #fff;
            border-radius: 16px;
            padding: 24px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
            transition: all 0.3s ease;
        }

        .flow-content:hover {
            transform: translateX(8px);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
        }

        .flow-step {
            display: inline-block;
            background: var(--primary-blue);
            color: #fff;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 12px;
        }

        .flow-item:nth-child(2) .flow-step { background: var(--accent-green); }
        .flow-item:nth-child(3) .flow-step { background: var(--accent-purple); }
        .flow-item:nth-child(4) .flow-step { background: var(--accent-coral); }
        .flow-item:nth-child(5) .flow-step { background: var(--accent-orange); }

        .flow-title {
            font-size: 20px;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 8px;
        }

        .flow-desc {
            font-size: 15px;
            color: var(--text-gray);
        }
            /* ============ Responsive ============ */
        @media (max-width: 992px) {
            .value-cards {
                grid-template-columns: repeat(2, 1fr);
            }
        }


        .section-wrapper{
            padding: 70px 0;
            overflow: hidden;
            background: var(--bg-light);
            margin-top: 70px;
        }

        .main-title{
            text-align:center;
            margin-bottom: 60px;
            position: relative;
            z-index: 2;
        }

        .main-title h2{
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 18px;
            color: #111827;
        }

        .main-title p{
            color: var(--text-desc);
            max-width: 900px;
            margin:auto;
            font-size:16px;
            line-height: 1.9;
        }

        .top-grid{
            position: relative;
            z-index: 2;
        }

        .info-card{
            background: #fff;
            border-radius: 28px;
            padding: 40px 34px;
            height: 100%;
            position: relative;
            overflow: hidden;
            transition: all .35s ease;
            border:1px solid rgba(255,255,255,.5);
            box-shadow: 0 12px 40px rgba(15,23,42,.06);
        }

        .info-card:hover{
            transform: translateY(-8px);
            box-shadow: 0 20px 50px rgba(15,23,42,.12);
        }

        .info-card::before{
            content:'';
            width: 140px;
            height: 140px;
            position: absolute;
            right:-40px;
            top:-40px;
            border-radius: 50%;
            opacity: .12;
        }

        .card-blue::before{
            background: var(--primary-light);
        }

        .card-orange::before{
            background: var(--accent-orange);
        }

        .icon-box{
            width: 72px;
            height: 72px;
            border-radius: 22px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size: 34px;
            margin-bottom: 26px;
        }

        .card-blue .icon-box{
            background: #cfe2ff;
            color: var(--primary-light);
        }

        .card-orange .icon-box{
            background: var(--bg-light);
            color: var(--accent-orange);
        }

        .info-card h3{
            font-size: 24px;
            line-height: 1.6;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .info-card p{
            font-size: 15px;
            line-height: 2;
            color: var(--text-desc);
            margin-bottom: 28px;
        }

        .tag-list{
            display:flex;
            flex-wrap: wrap;
            gap: 12px;
        }

        .tag-item{
            padding: 10px 18px;
            border-radius: 999px;
            font-size: 14px;
            font-weight: 500;
            background: #f4f6fb;
        }

        .card-blue .tag-item{
            color: var(--primary-light);
        }

        .card-orange .tag-item{
            color: var(--accent-orange);
        }

        /* 中间对比区域 */
        .compare-section{
            padding: 80px 0 50px;
            position: relative;
            z-index: 2;
        }

        .compare-box{
            background: rgba(255,255,255,.7);
            backdrop-filter: blur(8px);
            border-radius: 36px;
            padding: 60px 40px;
            box-shadow: 0 10px 30px rgba(15,23,42,.05);
        }

        .circle-card{
            text-align:center;
            position: relative;
        }

        .circle{
            width: 180px;
            height: 180px;
            border-radius: 50%;
            margin:auto;
            position: relative;
            display:flex;
            align-items:center;
            justify-content:center;
            background:#fff;
            box-shadow: 0 10px 30px rgba(15,23,42,.08);
        }

        .circle::before{
            content:'';
            position:absolute;
            inset:14px;
            background:#fff;
            border-radius:50%;
            z-index:2;
        }

        .circle::after{
            content:'';
            position:absolute;
            inset:0;
            border-radius:50%;
        }

        .blue-circle::after{
            background: conic-gradient(var(--primary-light) 0 72%, #dce4ff 72% 100%);
        }

        .orange-circle::after{
            background: conic-gradient(var(--accent-orange) 0 72%, #ffe5cc 72% 100%);
        }

        .circle span{
            position:relative;
            z-index:3;
            font-size: 28px;
            font-weight: 700;
        }

        .blue-circle span{
            color: var(--primary-light);
        }

        .orange-circle span{
            color: var(--accent-orange);
        }

        .circle-title{
            font-size: 28px;
            font-weight: 700;
            margin-top: 30px;
            margin-bottom: 16px;
        }

        .circle-desc{
            color: var(--text-desc);
            line-height: 1.9;
            max-width: 320px;
            margin:auto;
        }

        .middle-symbol{
            font-size: 90px;
            font-weight: 200;
            color: #cfd5e4;
        }

        .flow-btn{
            margin-top: 26px;
            padding: 12px 34px;
            border-radius: 14px;
            border:none;
            font-weight: 600;
            transition: .3s;
        }

        .btn-blue{
            background: var(--primary-light);
            color:#fff;
        }

        .btn-blue:hover{
            background:#3555ff;
        }

        .btn-orange{
            background: var(--accent-orange);
            color:#fff;
        }

        .btn-orange:hover{
            background:#f07a13;
        }

        /* 底部理念 */
        .principle-box{
            margin-top: 70px;
            background: linear-gradient(135deg, var(--bs-link-hover-color) 0%, var(--bs-primary-border-subtle) 100%);
            border-radius: 34px;
            padding: 50px;
            color:#fff;
            position: relative;
            overflow:hidden;
        }

        .principle-box::before{
            content:'';
            position:absolute;
            width: 280px;
            height:280px;
            border-radius:50%;
            background: rgba(255,255,255,.08);
            top:-100px;
            right:-80px;
        }

        .principle-title{
            font-size: 34px;
            font-weight: 700;
            margin-bottom: 22px;
            position: relative;
            z-index: 2;
        }

        .principle-title span{
            color:#ffd9b5;
        }

        .principle-desc{
            line-height: 2;
            color: rgba(255,255,255,.88);
            position: relative;
            z-index: 2;
            margin-bottom: 0;
        }

        .floating-icons{
            position:absolute;
            right:50px;
            top:50%;
            transform:translateY(-50%);
            display:flex;
            gap:18px;
            z-index:2;
        }

        .floating-icons div{
            width:68px;
            height:68px;
            border-radius:20px;
            background: rgba(255,255,255,.15);
            backdrop-filter: blur(10px);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:30px;
        }

        @media(max-width:992px){

            .middle-symbol{
                transform: rotate(90deg);
                margin: 10px 0 20px;
            }

            .compare-box{
                padding:40px 20px;
            }

            .floating-icons{
                position:static;
                transform:none;
                margin-top:30px;
                justify-content:center;
            }
        }

        @media(max-width:768px){

            .main-title h2{
                font-size: 30px;
            }

            .principle-title{
                font-size: 26px;
            }

            .circle{
                width: 150px;
                height:150px;
            }

            .circle-title{
                font-size:24px;
            }
        }

        /* 流程优化 × 授权治理 底部理念 */

      
        .process-section{
            padding:50px 0;
            overflow:hidden;
            position:relative; 
            background:
            radial-gradient(circle at top left, rgba(37,99,255,.08), transparent 28%),
            radial-gradient(circle at bottom right, rgba(37,99,255,.06), transparent 28%),
            #f7faff;

            color:var(--text-light);
            margin-top:70px;
        }

        /* =========================
           标题
        ========================= */

        .process-section-title{
            text-align:center;
            margin-bottom:90px;
        }

        .process-section-title h2{
            font-size:42px;
            font-weight:700;
            line-height:1.5;
            color:#0f172a;
            margin-bottom:20px;
        }

        .process-section-title p{
            max-width:860px;
            margin:auto;
            color:var(--text-desc);
            line-height:2;
            font-size:16px;
        }

        /* =========================
           流程主体
        ========================= */

        .process-wrapper{
            position:relative;
        }

        /* =========================
           高级轨道连接线
        ========================= */

        .process-line{
            position:absolute;

            left:8%;
            right:8%;
            top:78px;

            height:14px;

            z-index:1;

            display:flex;
            align-items:center;
        }

        /* 底层轨道 */

        .process-line::before{
            content:'';

            position:absolute;

            left:0;
            right:0;

            height:2px;

            border-radius:999px;

            background:
            linear-gradient(
                90deg,
                rgba(37,99,255,0),
                rgba(37,99,255,.16),
                rgba(37,99,255,.16),
                rgba(37,99,255,0)
            );
        }

        /* 中间高亮轨道 */

        .process-line::after{
            content:'';

            position:absolute;

            left:6%;
            right:6%;

            height:4px;

            border-radius:999px;

            background:
            linear-gradient(
                90deg,
                rgba(37,99,255,.15),
                rgba(37,99,255,.85),
                rgba(122,162,255,.95),
                rgba(37,99,255,.85),
                rgba(37,99,255,.15)
            );

            box-shadow:
            0 0 12px rgba(37,99,255,.18),
            0 0 28px rgba(37,99,255,.08);
        }

        /* =========================
           轨道节点
        ========================= */

        .line-dot{
            width:10px;
            height:10px;

            border-radius:50%;

            background:#2563ff;

            position:absolute;
            top:50%;

            transform:translateY(-50%);

            box-shadow:
            0 0 12px rgba(37,99,255,.6),
            0 0 25px rgba(37,99,255,.25);
        }

        .dot-1{ left:20%; }
        .dot-2{ left:40%; }
        .dot-3{ left:60%; }
        .dot-4{ left:80%; }

        /* =========================
           单个步骤
        ========================= */

        .process-item{
            position:relative;
            z-index:2;
            text-align:center;
            transition:.35s ease;
            padding:0 12px;
            cursor: pointer;
        }

        .process-item:hover{
            transform:translateY(-10px);
        }

        /* =========================
           编号
        ========================= */

        .step-number{
            width:64px;
            height:64px;

            border-radius:50%;

            background:#fff;

            border:2px solid rgba(37,99,255,.10);

            margin:0 auto 30px;

            display:flex;
            align-items:center;
            justify-content:center;

            font-size:20px;
            font-weight:700;

            color:var(--primary-light);

            position:relative;

            transition:.35s ease;

            box-shadow:
            0 12px 35px rgba(37,99,255,.08);
            cursor: pointer;
        }

        /* 外层发光 */

        .step-number::before{
            content:'';

            position:absolute;

            inset:-10px;

            border-radius:50%;

            background:
            radial-gradient(
                rgba(37,99,255,.18),
                transparent 72%
            );

            z-index:-1;
        }

        .process-item:hover .step-number{
            background:var(--primary-light);
            color:#fff;

            transform:scale(1.08);

            box-shadow:
            0 15px 35px rgba(37,99,255,.25),
            0 0 35px rgba(37,99,255,.18);
        }

        /* =========================
           图标
        ========================= */

        .step-icon{
            width:100px;
            height:100px;

            margin:auto;

            border-radius:30px;

            background:
            linear-gradient(
                135deg,
                #ffffff,
                #edf3ff
            );

            display:flex;
            align-items:center;
            justify-content:center;

            font-size:42px;
            color:var(--primary-light);

            position:relative;

            margin-bottom:28px;

            transition:.35s ease;

            box-shadow:
            0 10px 35px rgba(37,99,255,.08);
        }

        .step-icon::before{
            content:'';

            position:absolute;

            inset:-8px;

            border-radius:34px;

            border:1px dashed rgba(37,99,255,.16);
        }

        .process-item:hover .step-icon{
            transform:translateY(-5px);

            box-shadow:
            0 20px 45px rgba(37,99,255,.15);
        }

        /* =========================
           标题
        ========================= */

        .step-title{
            font-size:20px;
            font-weight:700;
            line-height:1.6;
            margin-bottom:16px;
            color:#0f172a;
        }

        /* =========================
           描述
        ========================= */

        .step-desc{
            color:var(--text-desc);
            line-height:1.9;
            font-size:15px;
            padding:0 10px;
        }

        /* =========================
           hover底部线
        ========================= */

        .step-bottom-line{
            width:0;
            height:4px;

            border-radius:999px;

            margin:28px auto 0;

            transition:.35s ease;

            background:
            linear-gradient(
                90deg,
                #2563ff,
                #7aa2ff
            );
        }

        .process-item:hover .step-bottom-line{
            width:72px;
        }

      
        /* =========================
           响应式
        ========================= */

        @media(max-width:991px){

            .process-line{
                display:none;
            }

            .process-item{
                margin-bottom:40px;
            }

            .process-section-title{
                margin-bottom:40px;
            }

            .process-section-title h2{
                font-size:34px;
            }
        }

        @media(max-width:768px){

            .process-section{
                padding:50px 0;
            }

            .process-section-title h2{
                font-size:28px;
            }

            .step-icon{
                width:88px;
                height:88px;
                font-size:36px;
            }
        }