* { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            background: #f0f2f5;
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            padding: 1rem;
        }
        .container {
            max-width: 1200px;
            width: 100%;
        }
        .logo-wrapper {
            text-align: center;
            margin-bottom: 1.5rem;
        }
        .logo-wrapper img {
            height: 52px;
            width: auto;
        }
        .title-section {
            text-align: center;
            margin-bottom: 2rem;
        }
        .title-section h1 {
            font-size: 1.8rem;
            color: #1e2a3a;
            letter-spacing: -0.5px;
        }
        .title-section .badge {
            display: inline-block;
            background: #E32934;
            color: white;
            font-size: 0.65rem;
            padding: 0.2rem 0.9rem;
            border-radius: 30px;
            margin-top: 0.5rem;
        }
        .title-section p {
            color: #5a6e7c;
            margin-top: 0.6rem;
            font-size: 0.85rem;
        }
        .card-grid {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 1.2rem;
            margin-bottom: 2rem;
        }
        .service-card {
            background: white;
            border-radius: 1.5rem;
            padding: 1.5rem;
            width: 100%;
            max-width: 340px;
            text-align: center;
            box-shadow: 0 8px 20px rgba(0,0,0,0.04);
            transition: all 0.25s;
            border: 1px solid #eef2f6;
        }
        .service-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 30px -12px rgba(227,41,52,0.1);
            border-color: #ffd9dc;
        }
        .card-icon img { width: 70px; height: 70px; margin-bottom: 1rem; object-fit: contain; }
        .card-title { font-size: 1.4rem; font-weight: 700; color: #1f2f3a; margin-bottom: 1rem; }
        .btn-red { background: #E32934; color: white; text-decoration: none; padding: 0.5rem 1.2rem; border-radius: 40px; display: inline-block; font-weight: 600; font-size: 0.85rem; transition: 0.2s; }
        .btn-red:hover { background: #b81f2a; transform: scale(0.96); }
        .footer-bar {
            margin-top: 1.5rem;
            text-align: center;
            padding-top: 1.2rem;
            border-top: 1px solid #e2e8f0;
            display: flex;
            justify-content: center;
            gap: 1.5rem;
            flex-wrap: wrap;
        }
        .footer-bar a { color: #E32934; text-decoration: none; font-size: 0.85rem; }
        .hotline { color: #5f7a92; font-size: 0.75rem; }
        @media (max-width: 640px) {
            .logo-wrapper img { height: 40px; }
            .title-section h1 { font-size: 1.5rem; }
            .service-card { max-width: 100%; padding: 1.2rem; }
        }