/* =========================================
           1. 基础重置与全局变量 (Base & Reset)
           ========================================= */
        * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            line-height: 1.6; color: #333; background: #fff; overflow-x: hidden;
        }
        body.body-no-scroll { overflow: hidden; }
        ul { list-style: none; }
        a { text-decoration: none; color: inherit; transition: all 0.3s; }
        
        /* 全局布局容器 */
        .section { padding: 80px 0; width: 100%; position: relative; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2; }
        .section-bg { background-color: #F9FAFB; }
        
        /* 通用组件 */
        .icon { width: 48px; height: 48px; display: inline-block; }
        
        /* 按钮组件 */
        .btn {
            padding: 16px 40px; border-radius: 8px; font-size: 18px; font-weight: 600;
            display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s;
            cursor: pointer; border: none;
        }
        .btn-primary {
            background: #FF6B35; color: #fff;
            box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
        }
        .btn-primary:hover {
            background: #E65A2B; transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
        }
        .btn-secondary {
            background: #fff; color: #FF6B35; border: 2px solid #FF6B35;
        }
        .btn-secondary:hover { background: #FF6B35; color: #fff; }

        /* =========================================
           2. 页面头部与导航 (Header & Nav)
           ========================================= */
        .top-banner {
            background: linear-gradient(90deg, #FF6B35 0%, #F7931E 100%); color: #fff;
            text-align: center; padding: 12px 20px; font-size: 14px; font-weight: 500;
        }
        .top-banner strong { font-size: 16px; margin: 0 5px; }

        .navbar {
            background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            position: sticky; top: 0; z-index: 1000;
        }
        .nav-inner {
            max-width: 1200px; margin: 0 auto; padding: 15px 20px;
            display: flex; justify-content: space-between; align-items: center;
        }
        .logo { font-size: 22px; font-weight: bold; color: #FF6B35; }
        
        .nav-links { display: flex; gap: 35px; align-items: center; }
        .nav-links a { color: #333; font-size: 15px; font-weight: 500; }
        .nav-links a:hover { color: #FF6B35; }
        
        .nav-cta {
            background: #FF6B35; color: #fff; padding: 10px 25px; border-radius: 6px;
            font-weight: 600; border: none; cursor: pointer; font-size: 15px;
        }
        .nav-cta:hover {
            background: #E65A2B; transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
        }
        
        /* 移动端菜单相关 */
        .mobile-menu-toggle { display: none; background: none; border: none; font-size: 24px; cursor: pointer; color: #333; }
        .mobile-menu-btn-item { display: none; }

        /* =========================================
           3. Hero 区域
           ========================================= */
        .hero { background: linear-gradient(135deg, #FFF5F2 0%, #FFF 100%); padding: 80px 0; }
        .hero h1 {
            font-size: 48px; color: #1a1a1a; margin-bottom: 20px;
            font-weight: 800; line-height: 1.3; text-align: center;
        }
        .hero h1 .highlight { color: #FF6B35; }
        .hero-subtitle { font-size: 20px; color: #666; margin-bottom: 15px; text-align: center; }
        
        .hero-features {
            display: flex; justify-content: center; gap: 40px;
            margin: 30px 0 40px; flex-wrap: wrap;
        }
        .hero-feature { display: flex; align-items: center; gap: 8px; font-size: 16px; color: #333; }
        .hero-feature::before {
            content: "✓"; display: inline-block; width: 24px; height: 24px;
            background: #4CAF50; color: #fff; border-radius: 50%;
            text-align: center; line-height: 24px; font-weight: bold;
        }
        .hero-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }

        /* =========================================
           4. 数据信任条 (Trust Bar)
           ========================================= */
        .trust-bar { background: #fff; padding: 40px 0; border-bottom: 1px solid #eee; }
        .trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; }
        .trust-item { text-align: center; padding: 20px; background: #F8F9FA; border-radius: 12px; }
        .trust-number { font-size: 42px; font-weight: bold; color: #FF6B35; display: block; margin-bottom: 8px; }

        /* =========================================
           5. 通用板块标题与样式
           ========================================= */
        .section-header { text-align: center; margin-bottom: 60px; }
        .section-tag {
            display: inline-block; background: #FFF5F2; color: #FF6B35;
            padding: 6px 16px; border-radius: 20px; font-size: 14px; font-weight: 600; margin-bottom: 15px;
        }
        .section-title { font-size: 38px; color: #1a1a1a; margin-bottom: 15px; font-weight: 700; }
        .section-desc { font-size: 18px; color: #666; }

        /* =========================================
           6. 核心业务模块 (Problems, Benefits, etc)
           ========================================= */
        /* 痛点问题 */
        .problems-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 25px; }
        .problem-card {
            background: #fff; padding: 35px 30px; border-radius: 12px;
            border-left: 4px solid #FF6B35; transition: all 0.3s;
            box-shadow: 0 2px 10px rgba(0,0,0,0.02);
        }
        .problem-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.08); }
        .problem-card h3 { font-size: 20px; margin-bottom: 12px; color: #1a1a1a; }
        .problem-card p { font-size: 15px; color: #666; }

        /* 平台优势 */
        .platform-benefits-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
        .platform-benefit-card {
            background: #fff; border-radius: 16px; padding: 40px 35px;
            display: flex; align-items: flex-start; gap: 25px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.04); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            border: 1px solid rgba(0,0,0,0.04); position: relative; overflow: hidden;
        }
        .platform-benefit-card::after {
            content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px;
            background: linear-gradient(90deg, #FF6B35, #F7931E);
            transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease;
        }
        .platform-benefit-card:hover::after { transform: scaleX(1); }
        .platform-benefit-card:hover {
            transform: translateY(-8px); box-shadow: 0 20px 40px rgba(255, 107, 53, 0.1);
            border-color: rgba(255, 107, 53, 0.1);
        }
        .benefit-icon-box {
            width: 72px; height: 72px; background: #FFF5F2; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            flex-shrink: 0; transition: transform 0.3s;
        }
        .platform-benefit-card:hover .benefit-icon-box { transform: scale(1.05) rotate(5deg); }
        .benefit-icon-box svg { width: 36px; height: 36px; stroke: #FF6B35; stroke-width: 1.5; }
        .benefit-content h3 { font-size: 22px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px; }
        .benefit-content p { font-size: 15px; color: #666; line-height: 1.7; text-align: justify; }
        .benefit-content strong { color: #FF6B35; font-weight: 600; }

        /* 服务优势 */
        .advantages-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
        .advantage-card {
            background: #fff; padding: 40px; border-radius: 12px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05); transition: all 0.3s;
            position: relative; overflow: hidden;
        }
        .advantage-card::before {
            content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
            background: linear-gradient(90deg, #FF6B35, #F7931E);
        }
        .advantage-card:hover { transform: translateY(-8px); box-shadow: 0 12px 35px rgba(0,0,0,0.12); }
        .advantage-header { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
        .advantage-number {
            width: 60px; height: 60px; background: linear-gradient(135deg, #FF6B35, #F7931E);
            color: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center;
            font-size: 28px; font-weight: bold; flex-shrink: 0;
        }
        .advantage-card h3 { font-size: 24px; color: #1a1a1a; }
        .advantage-features { margin-top: 20px; padding-top: 20px; border-top: 1px solid #f0f0f0; }
        .advantage-features li {
            color: #555; font-size: 14px; padding: 8px 0; padding-left: 24px; position: relative;
        }
        .advantage-features li::before { content: "→"; position: absolute; left: 0; color: #FF6B35; font-weight: bold; }

        /* 流程步骤 */
        .process-steps-container { display: flex; justify-content: space-between; position: relative; margin-top: 30px; }
        .process-steps-container::before {
            content: ''; position: absolute; top: 30px; left: 0; width: 100%; height: 2px;
            background: #e0e0e0; z-index: 1;
        }
        .process-step-item { position: relative; z-index: 2; text-align: center; flex: 1; padding: 0 10px; }
        .step-circle {
            width: 60px; height: 60px; background: #fff; border: 2px solid #FF6B35; border-radius: 50%;
            display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;
            font-size: 20px; font-weight: bold; color: #FF6B35; position: relative;
            transition: all 0.3s; box-shadow: 0 0 0 4px #fff;
        }
        .process-step-item:hover .step-circle {
            background: #FF6B35; color: #fff; transform: scale(1.1); box-shadow: 0 0 0 6px rgba(255, 107, 53, 0.1);
        }
        .process-step-item h3 { font-size: 18px; margin-bottom: 10px; }
        .process-step-item p { font-size: 13px; color: #666; background: #fff; display: inline; padding: 0 4px; }
        .process-step-item.success .step-circle { background: #4CAF50; border-color: #4CAF50; color: #fff; }

        /* 服务内容 */
        .services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
        .service-card {
            background: linear-gradient(135deg, #FFF5F2 0%, #FFF 100%);
            padding: 40px 30px; border-radius: 12px; border: 2px solid #FFE8E0; transition: all 0.3s;
        }
        .service-card:hover { border-color: #FF6B35; transform: translateY(-5px); }
        .service-card h3 { font-size: 22px; margin-bottom: 15px; }

        /* 服务承诺 */
        .commitment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
        .commitment-card {
            background: #fff; padding: 35px 30px; border-radius: 12px; border: 2px solid #eee; transition: all 0.3s;
        }
        .commitment-card:hover {
            border-color: #FF6B35; transform: translateY(-5px); box-shadow: 0 8px 25px rgba(255, 107, 53, 0.15);
        }

        /* =========================================
           7. CTA (Call to Action) & Footer
           ========================================= */
        .cta-section { background: #1a1a1a; color: #fff; padding: 80px 0; }
        .cta-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: stretch; }
        .cta-info { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
        .cta-info h2 { font-size: 42px; margin-bottom: 20px; font-weight: 700; line-height: 1.2; }
        .cta-info p { font-size: 18px; color: #ccc; margin-bottom: 0; }
        
        .cta-contacts {
            background: rgba(255, 255, 255, 0.05); padding: 30px;
            border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .cta-contact-item { margin-bottom: 20px; }
        .cta-contact-item:last-child { margin-bottom: 0; }
        .cta-label { font-size: 14px; color: #888; display: block; margin-bottom: 5px; }
        .cta-value { font-size: 24px; font-weight: bold; color: #FF6B35; }
        .cta-value.large { font-size: 36px; }
        
        .cta-form-box {
            background: #fff; padding: 40px; border-radius: 12px;
            box-shadow: 0 20px 50px rgba(0,0,0,0.3); height: 100%;
            display: flex; flex-direction: column; justify-content: center;
        }
        .cta-form-box h3 { color: #333; font-size: 24px; margin-bottom: 20px; text-align: center; }
        .cta-form-box form .form-group input { background: #F9FAFB; }

        /* 页脚 */
        footer { background: #111; color: #999; padding: 80px 0 20px; }
        .footer-container { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 50px; }
        .footer-column h3, .footer-column h4 { font-size: 18px; color: #fff; margin-bottom: 25px; }
        .footer-column p { font-size: 14px; line-height: 1.8; margin-bottom: 15px; }
        .footer-column.about .logo { color: #FF6B35; font-size: 24px; display: inline-block; margin-bottom: 15px; }
        .footer-column .disclaimer {
            font-size: 12px; color: #555; border-top: 1px solid #222; padding-top: 15px; margin-top: 20px;
        }
        .footer-column.links a, .footer-column.contact a {
            display: block; color: #999; margin-bottom: 12px; transition: color 0.3s;
        }
        .footer-column.links a:hover, .footer-column.contact a:hover { color: #FF6B35; }
        .footer-bottom {
            text-align: center; color: #555; font-size: 13px; border-top: 1px solid #222;
            padding-top: 20px; margin-top: 60px;
        }

        /* =========================================
           8. 悬浮组件 (Sidebar & Modal & Mobile Btn)
           ========================================= */
        /* 桌面侧边栏 */
        .side-widget {
            position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 999;
            display: flex; flex-direction: column; gap: 2px;
            box-shadow: -4px 4px 20px rgba(0,0,0,0.1);
        }
        .side-item {
            width: 50px; height: 50px; background: #fff; display: flex;
            align-items: center; justify-content: center; cursor: pointer;
            position: relative; transition: all 0.3s; border-right: 3px solid transparent;
        }
        .side-item:hover { background: #f5f5f5; border-right-color: #FF6B35; }
        .side-item svg { width: 24px; height: 24px; fill: #555; transition: fill 0.3s; }
        .side-item:hover svg { fill: #FF6B35; }
        .side-popover {
            position: absolute; right: 60px; top: 0; background: #fff; padding: 15px;
            border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.15);
            opacity: 0; visibility: hidden; transform: translateX(20px);
            transition: all 0.3s; white-space: nowrap; display: flex; align-items: center; gap: 10px;
        }
        .side-popover::after {
            content: ''; position: absolute; right: -6px; top: 20px;
            width: 12px; height: 12px; background: #fff; transform: rotate(45deg);
        }
        .side-item:hover .side-popover { opacity: 1; visibility: visible; transform: translateX(0); }
        .qr-img { width: 100px; height: 100px; background: #eee; display: block; }
        .popover-text { color: #FF6B35; font-weight: bold; font-size: 18px; }

        /* 模态框 */
        .modal {
            display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0, 0, 0, 0.7); z-index: 2000;
            align-items: center; justify-content: center;
        }
        .modal.active { display: flex; }
        .modal-content {
            background: #fff; padding: 50px; border-radius: 12px;
            max-width: 500px; width: 90%; position: relative;
        }
        .modal-close {
            position: absolute; top: 20px; right: 25px; font-size: 30px;
            color: #999; cursor: pointer; background: none; border: none;
        }
        .success-view { display: none; text-align: center; }
        .success-view.active { display: block; }
        .modal-divider {
            margin-top: 25px; margin-bottom: 20px; border-top: 1px dashed #e0e0e0;
            text-align: center; position: relative;
        }
        .modal-divider span {
            background: #fff; padding: 0 12px; color: #999;
            font-size: 13px; position: relative; top: -10px;
        }
        .modal-contact-list { padding: 0 10px; }
        .modal-contact-row {
            display: flex; align-items: center; justify-content: space-between;
            margin-bottom: 15px; font-size: 15px;
        }
        .modal-contact-row:last-child { margin-bottom: 0; }
        .modal-contact-left { display: flex; align-items: center; gap: 8px; color: #555; font-weight: 500; }
        .modal-contact-left svg { width: 18px; height: 18px; stroke: #888; }
        .modal-contact-right { font-weight: bold; color: #333; }
        .modal-contact-right a { color: #FF6B35; text-decoration: none; }
        .modal-contact-right a:hover { text-decoration: underline; }
        
        .form-group { margin-bottom: 20px; }
        .form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: #333; }
        .form-group input {
            width: 100%; padding: 12px 15px; border: 1px solid #ddd;
            border-radius: 6px; font-size: 15px; transition: border-color 0.3s;
        }
        .form-group input:focus { outline: none; border-color: #FF6B35; }

        /* [新增] 手机端悬浮电话按钮 (仅在移动端显示) */
        .mobile-call-float { display: none; }

        /* =========================================
           9. 响应式媒体查询 (Media Queries)
           ========================================= */
        
        /* 平板端调整 */
        @media (max-width: 968px) {
            .platform-benefits-grid, .advantages-wrapper, .services-grid { grid-template-columns: 1fr; }
            .cta-wrapper { grid-template-columns: 1fr; gap: 40px; }
            .cta-info { text-align: center; }
            .cta-contacts { text-align: left; display: inline-block; width: 100%; }
            .footer-container { grid-template-columns: 1fr; text-align: center; }
            .footer-column .disclaimer { text-align: center; }
            .side-widget { display: none; } /* 隐藏桌面悬浮条 */
            .process-steps-container { flex-direction: column; padding-left: 30px; }
            .process-steps-container::before { top: 0; left: 29px; width: 2px; height: 100%; }
            .process-step-item { text-align: left; display: flex; align-items: flex-start; padding: 0; margin-bottom: 30px; }
            .step-circle { margin: 0 20px 0 -30px; width: 60px; height: 60px; flex-shrink: 0; }
        }

        /* 手机端深度优化 (Max Width 768px) */
        @media (max-width: 768px) {
            /* 导航与Banner */
            .nav-cta, .nav-links { display: none; }
            .mobile-menu-toggle { display: block; }
            .nav-links { 
                position: absolute; top: 100%; left: 0; right: 0; background: #fff; 
                flex-direction: column; padding: 0; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-top: 1px solid #f0f0f0;
            }
            .nav-links.active { display: flex; }
            .nav-links li { width: 100%; margin: 0; }
            .nav-links a { 
                display: block; padding: 15px 20px; text-align: center; 
                border-bottom: 1px solid #f9f9f9; font-size: 16px; color: #333;
            }
            .mobile-menu-btn-item { display: block; margin: 20px; }
            .mobile-menu-btn {
                display: flex; align-items: center; justify-content: center;
                background: #FF6B35; color: #fff !important; padding: 12px;
                border-radius: 50px; font-weight: bold; box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3); border: none;
            }
            .mobile-menu-btn svg { width: 20px; height: 20px; fill: #fff; margin-right: 8px; }

            /* 基础间距压缩 */
            .section { padding: 40px 0; }
            .hero { padding: 40px 0; }
            .section-header { margin-bottom: 30px; }
            .hero h1 { font-size: 28px; margin-bottom: 15px; }
            .hero-subtitle { font-size: 16px; }
            .section-title { font-size: 24px; }

            /* 信任数据两列布局 */
            .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
            .trust-item { padding: 15px 5px; }
            .trust-number { font-size: 32px; }

            /* 卡片列表化布局强制重写 (左图右文) */
            .problems-grid, .platform-benefits-grid, .advantages-wrapper, .services-grid, .commitment-grid {
                display: flex; flex-direction: column; gap: 15px;
            }
            .problem-card, .platform-benefit-card, .advantage-card, .service-card, .commitment-card {
                display: grid !important;
                grid-template-columns: 48px 1fr !important;
                grid-template-rows: auto auto !important;
                gap: 4px 15px !important;
                align-items: start !important;
                padding: 20px 15px !important;
                background: #fff !important;
                border-radius: 12px !important;
                box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
                border: 1px solid #f5f5f5 !important;
                margin-bottom: 0 !important;
                min-height: auto !important; text-align: left !important;
                height: auto !important; flex-direction: unset !important;
            }
            /* 恢复痛点卡片的橙色左边框 */
            .problem-card { border-left: 4px solid #FF6B35 !important; }
            
            /* 图标定位 */
            .problem-card > svg, .service-card > svg, .commitment-card > svg,
            .platform-benefit-card .benefit-icon-box, .advantage-card .advantage-number {
                grid-row: 1 / span 3 !important; grid-column: 1 !important;
                width: 48px !important; height: 48px !important; margin: 0 !important;
                flex-shrink: 0 !important; align-self: start !important;
            }
            /* 标题定位 */
            .problem-card h3, .platform-benefit-card .benefit-content h3,
            .service-card h3, .commitment-card h3, .advantage-card h3 {
                grid-row: 1 !important; grid-column: 2 !important;
                font-size: 17px !important; font-weight: bold !important;
                color: #333 !important; margin: 0 0 4px 0 !important;
                line-height: 1.3 !important; padding-top: 2px !important;
            }
            /* 内容定位 */
            .problem-card p, .platform-benefit-card .benefit-content p,
            .service-card p, .commitment-card p, .advantage-card p {
                grid-row: 2 !important; grid-column: 2 !important;
                font-size: 13px !important; color: #666 !important;
                line-height: 1.5 !important; margin: 0 !important;
                text-align: justify !important;
            }
            
            /* 结构清理 */
            .platform-benefit-card .benefit-content, .advantage-card .advantage-header { display: contents !important; }
            .advantage-features { display: none !important; }
            .advantage-number { font-size: 20px !important; }

            /* 流程优化 */
            .process-steps-container { flex-direction: column; padding-left: 20px; margin-top: 10px; }
            .process-steps-container::before { top: 10px; left: 19px; height: 95%; }
            .process-step-item { display: flex; flex-direction: row; align-items: flex-start; padding: 0; margin-bottom: 25px; text-align: left; }
            .step-circle { width: 40px; height: 40px; font-size: 16px; margin: 0 15px 0 0; flex-shrink: 0; }
            .process-content h3 { font-size: 16px; margin-bottom: 4px; margin-top: 8px; }

            /* 底部区域 */
            .cta-wrapper { grid-template-columns: 1fr; gap: 30px; }
            .cta-info { text-align: center; }
            .cta-contacts { text-align: left; display: block; }
            .footer-container { grid-template-columns: 1fr; text-align: center; gap: 30px; }

            /* [新增] 手机端悬浮按钮样式 */
            .mobile-call-float {
                display: flex;
                align-items: center; justify-content: center;
                position: fixed; right: 20px; bottom: 40px;
                width: 60px; height: 60px; border-radius: 50%;
                background: #FF6B35; color: white;
                box-shadow: 0 5px 20px rgba(255, 107, 53, 0.5);
                z-index: 2000; animation: pulse 2s infinite;
            }
            .mobile-call-float svg { width: 30px; height: 30px; fill: white; }
            @keyframes pulse {
                0% { box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.7); }
                70% { box-shadow: 0 0 0 15px rgba(255, 107, 53, 0); }
                100% { box-shadow: 0 0 0 0 rgba(255, 107, 53, 0); }
            }
        }
        
/* --- 服务项目页面专用样式 --- */
.page-banner {
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%);
    padding: 100px 0 60px;
    text-align: center;
    color: #fff;
}
.page-banner .tag {
    background: #FF6B35;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 20px;
    display: inline-block;
}
.page-banner h1 { font-size: 42px; margin-bottom: 15px; }

/* 托管卡片布局 */
.managed-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.managed-card {
    background: #fff;
    padding: 40px 30px;
    border-radius: 12px;
    border: 1px solid #eee;
    transition: all 0.3s;
    position: relative;
}
.managed-card:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    transform: translateY(-5px);
    border-color: #FF6B35;
}
.m-icon {
    font-size: 48px;
    color: rgba(255, 107, 53, 0.1);
    font-weight: 800;
    margin-bottom: 15px;
}
.managed-card h3 { font-size: 20px; color: #333; margin-bottom: 12px; }
.managed-card p { color: #666; font-size: 14px; line-height: 1.8; }

/* 协作模式样式 */
.collaboration-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    background: #fff;
    padding: 60px;
    border-radius: 20px;
}
.col-left h2 { font-size: 32px; margin-bottom: 20px; color: #1a1a1a; }
.step-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}
.s-num {
    background: #FFF5F2;
    color: #FF6B35;
    padding: 5px 15px;
    height: fit-content;
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
}
.s-info h4 { margin-bottom: 5px; font-size: 18px; }
.s-info p { color: #777; font-size: 14px; }

/* CTA 引导 */
.cta-box {
    background: linear-gradient(90deg, #FF6B35 0%, #F7931E 100%);
    border-radius: 20px;
    padding: 80px;
    text-align: center;
    color: #fff;
}
.cta-box h2 { font-size: 36px; margin-bottom: 20px; }
.cta-box p { margin-bottom: 40px; opacity: 0.9; font-size: 18px; }
.cta-box .btn { background: #fff; color: #FF6B35; }

/* 手机端适配 */
@media (max-width: 992px) {
    .managed-grid { grid-template-columns: 1fr 1fr; }
    .collaboration-box { grid-template-columns: 1fr; padding: 30px; gap: 40px; }
    .cta-box { padding: 40px 20px; }
}