body { font-family: 'Noto Sans SC', 'Droid Sans', sans-serif; }

/* Header Top Styles */
.header-top { background: #fff !important; border-bottom: 1px solid #eee !important; }
.header-top .contact-text ul li a { color: #333 !important; }
.header-top .contact-text ul li a:hover { color: #0089e9 !important; }
.header-top .contact-text ul li { color: #333 !important; }
.header-top .social-to ul li a { color: #333 !important; }
.header-top .social-to ul li a:hover { color: #0089e9 !important; }
.header-fixed { padding-top: 120px !important; }

/* Logo */
.logo-text { font-size: 14px; font-weight: 700; color: #0089e9; line-height: 1.3; max-width: 280px; display: block; }
.logo-text:hover { color: #006bb8; text-decoration: none; }

/* Page Styles */
.page-heading h2 span { color: #fff; }
.service-detail { padding: 60px 0; }
.service-detail h3 { color: #0089e9; margin-bottom: 20px; }
.service-detail p { line-height: 2; color: #555; margin-bottom: 15px; }
.service-box { background: #f8f9fa; padding: 25px; border-radius: 8px; margin-bottom: 25px; border-left: 4px solid #0089e9; }
.service-box h4 { color: #333; margin-bottom: 15px; }
.service-box ul { padding-left: 20px; }
.service-box li { margin-bottom: 10px; color: #555; line-height: 1.8; }

/* CTA Section */
.cta-section { background: linear-gradient(135deg, #0089e9, #005fa3); color: #fff; padding: 60px 0; text-align: center; }
.cta-section h2 { margin-bottom: 20px; }
.cta-section a { color: #fff; font-weight: 700; font-size: 24px; }

/* Feature Grid */
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; }
.feature-item { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.08); text-align: center; }
.feature-item i { font-size: 36px; color: #0089e9; margin-bottom: 15px; }
.feature-item h4 { margin-bottom: 10px; }

/* Stats */
.stats-item { text-align: center; padding: 30px 15px; color: #fff; }
.stats-item .number { font-size: 48px; font-weight: 700; display: block; margin-bottom: 10px; }
.stats-item .label { font-size: 18px; opacity: 0.9; }

/* About Section */
.about-section { padding: 80px 0; background: #f8f9fa; }
.about-content h2 { color: #0089e9; margin-bottom: 30px; }
.about-content p { line-height: 2; color: #555; margin-bottom: 20px; }

/* Contact Bar */
.contact-bar { background: #0089e9; color: #fff; padding: 15px 0; }
.contact-bar a { color: #fff; font-weight: 700; font-size: 18px; }

/* Timeline */
.timeline-item { padding: 20px; border-left: 3px solid #0089e9; margin-left: 20px; position: relative; margin-bottom: 30px; }
.timeline-item::before { content: ''; position: absolute; left: -9px; top: 25px; width: 15px; height: 15px; border-radius: 50%; background: #0089e9; }
.timeline-item h4 { color: #0089e9; margin-bottom: 10px; }
.timeline-item ul { list-style: disc; padding-left: 20px; }
.timeline-item li { margin-bottom: 8px; color: #555; }

/* Footer Styles */
.footer-bottom p { color: #27ae60 !important; }
.footer-bottom a { color: #0089e9 !important; }
.footer-widget .title h3 { color: #27ae60; }
.footer-widget .content ul li a { color: #0089e9 !important; }
.footer-widget .content p { color: #555; }

/* Hamburger Menu */
.hamburger-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: #0089e9;
    border: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 100;
}
.hamburger-menu span {
    display: block;
    width: 24px;
    height: 3px;
    background: #fff;
    margin: 3px 0;
    transition: all 0.3s ease;
}
.hamburger-menu.active span:nth-child(1) { transform: rotate(-45deg) translate(-6px, 6px); }
.hamburger-menu.active span:nth-child(2) { opacity: 0; }
.hamburger-menu.active span:nth-child(3) { transform: rotate(45deg) translate(-6px, -6px); }

/* Menu Overlay */
.menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
}
.menu-overlay.active { display: block; }

/* Responsive Menu */
@media (max-width: 991px) {
    .hamburger-menu { display: flex; }
    .main-menu {
        position: fixed;
        top: 0;
        left: -280px;
        width: 280px;
        height: 100%;
        background: #180638;
        z-index: 101;
        padding: 60px 20px;
        transition: left 0.3s ease;
        overflow-y: auto;
    }
    .main-menu.active { left: 0; }
    .main-menu ul.main-nav { list-style: none; padding: 0; margin: 0; }
    .main-menu ul.main-nav li { margin-bottom: 15px; }
    .main-menu ul.main-nav li a {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .main-menu ul.main-nav li a:hover { color: #0089e9; }
    .close-nav {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
    }
    body.menu-open { overflow: hidden; }
}

/* Page Specific Colors */
/* DaiMa - Blue */
.page-daima .logo-text,
.page-daima .service-detail h3,
.page-daima .service-box,
.page-daima .feature-item i,
.page-daima .cta-section,
.page-daima .hamburger-menu,
.page-daima .main-menu ul.main-nav li a:hover { color: #0089e9 !important; }
.page-daima .cta-section { background: linear-gradient(135deg, #0089e9, #005fa3); }
.page-daima .service-box { border-left-color: #0089e9; }

/* DaiHuai - Green */
.page-daihuai .logo-text { color: #27ae60; }
.page-daihuai .header-top .contact-text ul li a:hover { color: #27ae60 !important; }
.page-daihuai .header-top .social-to ul li a:hover { color: #27ae60 !important; }
.page-daihuai .service-detail h3 { color: #27ae60; }
.page-daihuai .service-box { border-left-color: #27ae60; }
.page-daihuai .feature-item i { color: #27ae60; }
.page-daihuai .cta-section { background: linear-gradient(135deg, #27ae60, #1e8449); }
.page-daihuai .hamburger-menu { background: #27ae60; }
.page-daihuai .main-menu ul.main-nav li a:hover { color: #27ae60; }

/* DaiSheng - Orange */
.page-daisheng .logo-text { color: #e67e22; }
.page-daisheng .header-top .contact-text ul li a:hover { color: #e67e22 !important; }
.page-daisheng .header-top .social-to ul li a:hover { color: #e67e22 !important; }
.page-daisheng .service-detail h3 { color: #e67e22; }
.page-daisheng .service-box { border-left-color: #e67e22; }
.page-daisheng .feature-item i { color: #e67e22; }
.page-daisheng .cta-section { background: linear-gradient(135deg, #e67e22, #d35400); }
.page-daisheng .hamburger-menu { background: #e67e22; }
.page-daisheng .main-menu ul.main-nav li a:hover { color: #e67e22; }

/* DaiMu - Purple */
.page-daimu .logo-text { color: #8e44ad; }
.page-daimu .header-top .contact-text ul li a:hover { color: #8e44ad !important; }
.page-daimu .header-top .social-to ul li a:hover { color: #8e44ad !important; }
.page-daimu .service-detail h3 { color: #8e44ad; }
.page-daimu .service-box { border-left-color: #8e44ad; }
.page-daimu .feature-item i { color: #8e44ad; }
.page-daimu .cta-section { background: linear-gradient(135deg, #8e44ad, #6c3483); }
.page-daimu .hamburger-menu { background: #8e44ad; }
.page-daimu .main-menu ul.main-nav li a:hover { color: #8e44ad; }

/* ZhuYun - Red */
.page-zhuyun .logo-text { color: #c0392b; }
.page-zhuyun .header-top .contact-text ul li a:hover { color: #c0392b !important; }
.page-zhuyun .header-top .social-to ul li a:hover { color: #c0392b !important; }
.page-zhuyun .service-detail h3 { color: #c0392b; }
.page-zhuyun .service-box { border-left-color: #c0392b; }
.page-zhuyun .feature-item i { color: #c0392b; }
.page-zhuyun .cta-section { background: linear-gradient(135deg, #c0392b, #922b21); }
.page-zhuyun .hamburger-menu { background: #c0392b; }
.page-zhuyun .main-menu ul.main-nav li a:hover { color: #c0392b; }