/* ===== Custom Site Styles ===== */

/* Top Bar */
.top-bar{background:#1a73a7;color:#fff;padding:8px 0;font-size:13px}
.top-bar a{color:#fff;text-decoration:none}
.top-bar .contact-info{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.top-bar .contact-info span{display:inline-flex;align-items:center;gap:5px}

/* Navbar Brand */
.navbar-brand-text{font-size:14px;font-weight:700;color:#1a73a7;max-width:350px;line-height:1.3;white-space:normal;height:auto;padding:10px 15px}
.navbar-brand-text:hover{color:#0d4a6b;text-decoration:none}

/* Page Header */
.page-header-custom{background:linear-gradient(135deg,#1a73a7 0%,#0d4a6b 100%);color:#fff;padding:60px 0;text-align:center}
.page-header-custom h1{font-size:36px;margin-bottom:10px}
.page-header-custom p{font-size:18px;opacity:0.9}

/* Slide Caption */
.slide-caption-custom{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);color:#fff;padding:30px}
.slide-caption-custom h3{font-size:28px;margin-bottom:10px}

/* Service Box */
.service-box{background:#fff;border-radius:8px;padding:30px 20px;margin-bottom:30px;box-shadow:0 2px 15px rgba(0,0,0,0.08);transition:all .3s;text-align:center}
.service-box:hover{transform:translateY(-5px);box-shadow:0 5px 25px rgba(0,0,0,0.15)}
.service-box .icon{font-size:48px;color:#1a73a7;margin-bottom:15px}
.service-box h3{font-size:20px;margin-bottom:10px;color:#333}
.service-box p{color:#666;font-size:14px;line-height:1.6}
.service-box a{color:#1a73a7;font-weight:600}

/* Stats */
.stats-section{background:linear-gradient(135deg,#1a73a7 0%,#0d4a6b 100%);color:#fff;padding:60px 0}
.stats-item{text-align:center;padding:20px}
.stats-item .number{font-size:48px;font-weight:700;margin-bottom:5px}
.stats-item .label{font-size:16px;opacity:0.9}
.stats-bar{background:#f8f9fa;padding:40px 0;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}
.stats-bar .stat-item{text-align:center}
.stats-bar .stat-item .num{font-size:36px;font-weight:700;color:#1a73a7}
.stats-bar .stat-item .txt{font-size:14px;color:#666}

/* About */
.about-section{padding:60px 0}
.feature-item{display:flex;gap:15px;margin-bottom:20px}
.feature-item .icon{font-size:32px;color:#1a73a7;flex-shrink:0}
.feature-item h4{font-size:16px;margin-bottom:5px;color:#333}
.feature-item p{font-size:14px;color:#666;margin:0}

/* Culture */
.culture-section{background:#f8f9fa;padding:60px 0}
.culture-card{background:#fff;border-radius:8px;padding:25px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.culture-card h4{color:#1a73a7;margin-bottom:10px;font-size:18px}
.culture-card p{color:#666;font-size:14px;line-height:1.8}

/* CTA */
.cta-section{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;padding:50px 0;text-align:center}
.cta-section h2{font-size:32px;margin-bottom:15px}
.cta-section p{font-size:18px;margin-bottom:25px}
.cta-section .btn{background:#fff;color:#28a745;font-weight:700;padding:12px 35px;font-size:16px;border:none;border-radius:5px}
.cta-section .btn:hover{background:#f0f0f0;color:#20c997}
.cta-box{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;padding:40px;border-radius:8px;text-align:center;margin:40px 0}
.cta-box h3{font-size:24px;margin-bottom:10px}
.cta-box .phone{font-size:28px;font-weight:700}
.cta-box .btn{background:#fff;color:#28a745;padding:10px 30px;border:none;border-radius:5px;font-weight:600;margin-top:15px}

/* Service Detail */
.service-detail{padding:60px 0}
.service-card{background:#fff;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 15px rgba(0,0,0,0.08);border-left:4px solid #1a73a7}
.service-card h3{color:#1a73a7;margin-bottom:15px;font-size:22px}
.service-card p{color:#666;font-size:14px;line-height:1.8}
.service-card ul{padding-left:20px}
.service-card ul li{color:#666;font-size:14px;line-height:2}
.service-card ul li strong{color:#333}
.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.tag-list span{background:#e8f4fd;color:#1a73a7;padding:5px 15px;border-radius:20px;font-size:13px}

/* FAQ */
.faq-section{background:#f8f9fa;padding:60px 0}
.faq-item{background:#fff;padding:20px;margin-bottom:15px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.faq-item h4{color:#1a73a7;margin-bottom:10px}
.faq-item p{color:#666;font-size:14px;line-height:1.8;margin:0}

/* ===== DaiHuai (Green Theme) ===== */
.top-bar-green{background:#27ae60;color:#fff;padding:8px 0;font-size:13px}
.top-bar-green a{color:#fff;text-decoration:none}
.navbar-brand-green{font-size:14px;font-weight:700;color:#27ae60;max-width:350px;line-height:1.3;white-space:normal;height:auto;padding:10px 15px}
.navbar-brand-green:hover{color:#1e8449;text-decoration:none}
.page-header-green{background:linear-gradient(135deg,#27ae60 0%,#1e8449 100%);color:#fff;padding:60px 0;text-align:center}
.page-header-green h1{font-size:36px;margin-bottom:10px}
.page-header-green p{font-size:18px;opacity:0.9}
.stats-bar-green .stat-item .num{font-size:36px;font-weight:700;color:#27ae60}
.timeline-section{padding:60px 0;background:#f8f9fa}
.timeline{position:relative;padding:20px 0}
.timeline::before{content:'';position:absolute;left:50%;width:2px;height:100%;background:#27ae60;transform:translateX(-50%)}
.timeline-item{position:relative;margin-bottom:40px}
.timeline-item .content{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,0.08);width:45%}
.timeline-item.left .content{margin-right:auto}
.timeline-item.right .content{margin-left:auto}
.timeline-item .content h3{color:#27ae60;margin-bottom:10px}
.timeline-item .content p{color:#666;font-size:14px;line-height:1.8;margin:0}
.service-grid{padding:60px 0}
.service-grid-card{background:#fff;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 15px rgba(0,0,0,0.08);transition:all .3s}
.service-grid-card:hover{transform:translateY(-5px);box-shadow:0 5px 25px rgba(0,0,0,0.15)}
.service-grid-card .icon{font-size:40px;color:#27ae60;margin-bottom:15px}
.service-grid-card h3{color:#27ae60;margin-bottom:10px;font-size:20px}
.service-grid-card p{color:#666;font-size:14px;line-height:1.8}
.industry-section{padding:60px 0;background:#fff}
.industry-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center;margin-bottom:20px;border:2px solid transparent;transition:all .3s}
.industry-card:hover{border-color:#27ae60}
.industry-card .icon{font-size:36px;color:#27ae60;margin-bottom:10px}
.industry-card h4{font-size:16px;color:#333;margin-bottom:5px}
.industry-card p{font-size:13px;color:#666;margin:0}

/* ===== DaiSheng (Purple Theme) ===== */
.top-bar-purple{background:#8e44ad;color:#fff;padding:8px 0;font-size:13px}
.top-bar-purple a{color:#fff;text-decoration:none}
.navbar-brand-purple{font-size:14px;font-weight:700;color:#8e44ad;max-width:350px;line-height:1.3;white-space:normal;height:auto;padding:10px 15px}
.navbar-brand-purple:hover{color:#6c3483;text-decoration:none}
.page-header-purple{background:linear-gradient(135deg,#8e44ad 0%,#6c3483 100%);color:#fff;padding:60px 0;text-align:center}
.page-header-purple h1{font-size:36px;margin-bottom:10px}
.page-header-purple p{font-size:18px;opacity:0.9}
.stats-bar-purple .stat-item .num{font-size:36px;font-weight:700;color:#8e44ad}
.service-section-purple{padding:60px 0}
.service-card-purple{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:30px;box-shadow:0 2px 15px rgba(0,0,0,0.08)}
.service-card-purple .card-header{background:#8e44ad;color:#fff;padding:20px;text-align:center}
.service-card-purple .card-header .icon{font-size:48px;margin-bottom:10px}
.service-card-purple .card-header h3{font-size:22px;margin:0}
.service-card-purple .card-body{padding:25px}
.service-card-purple .card-body p{color:#666;font-size:14px;line-height:1.8}
.service-card-purple .card-body ul{padding-left:20px}
.service-card-purple .card-body ul li{color:#666;font-size:14px;line-height:2}
.service-card-purple .card-body ul li strong{color:#333}
.process-section{padding:60px 0;background:#f8f9fa}
.process-step{text-align:center;padding:20px}
.process-step .step-num{width:60px;height:60px;background:#8e44ad;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:15px}
.process-step h4{font-size:16px;color:#333;margin-bottom:10px}
.process-step p{font-size:13px;color:#666;margin:0}
.projects-section{padding:60px 0}
.project-card{background:#f8f9fa;border-radius:8px;padding:25px;margin-bottom:20px;border-left:4px solid #8e44ad}
.project-card h4{color:#8e44ad;margin-bottom:10px}
.project-card p{color:#666;font-size:14px;line-height:1.8;margin:0}

/* ===== DaiMu (Orange Theme) ===== */
.top-bar-orange{background:#e67e22;color:#fff;padding:8px 0;font-size:13px}
.top-bar-orange a{color:#fff;text-decoration:none}
.navbar-brand-orange{font-size:14px;font-weight:700;color:#e67e22;max-width:350px;line-height:1.3;white-space:normal;height:auto;padding:10px 15px}
.navbar-brand-orange:hover{color:#d35400;text-decoration:none}
.page-header-orange{background:linear-gradient(135deg,#e67e22 0%,#d35400 100%);color:#fff;padding:60px 0;text-align:center}
.page-header-orange h1{font-size:36px;margin-bottom:10px}
.page-header-orange p{font-size:18px;opacity:0.9}
.stats-bar-orange .stat-item .num{font-size:36px;font-weight:700;color:#e67e22}
.service-card-orange{background:#fff;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 15px rgba(0,0,0,0.08);transition:all .3s;border-top:4px solid #e67e22}
.service-card-orange:hover{transform:translateY(-5px);box-shadow:0 5px 25px rgba(0,0,0,0.15)}
.service-card-orange .icon{font-size:40px;color:#e67e22;margin-bottom:15px}
.service-card-orange h3{color:#e67e22;margin-bottom:10px;font-size:20px}
.service-card-orange p{color:#666;font-size:14px;line-height:1.8}
.channel-section{padding:60px 0;background:#f8f9fa}
.channel-card{background:#fff;border-radius:8px;padding:25px;text-align:center;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.channel-card .icon{font-size:48px;color:#e67e22;margin-bottom:15px}
.channel-card h4{font-size:18px;color:#333;margin-bottom:10px}
.channel-card p{font-size:14px;color:#666;margin:0}
.platform-section{padding:60px 0}
.platform-card{background:#f8f9fa;border-radius:8px;padding:25px;margin-bottom:20px}
.platform-card h4{color:#e67e22;margin-bottom:10px}
.platform-card p{color:#666;font-size:14px;line-height:1.8;margin:0}
.platform-card ul{padding-left:20px}
.platform-card ul li{color:#666;font-size:14px;line-height:2}
.platform-card ul li strong{color:#333}
.faq-orange{background:#f8f9fa;padding:60px 0}
.faq-item-orange{background:#fff;padding:20px;margin-bottom:15px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.faq-item-orange h4{color:#e67e22;margin-bottom:10px}
.faq-item-orange p{color:#666;font-size:14px;line-height:1.8;margin:0}

/* ===== ZhuYun (Red Theme) ===== */
.top-bar-red{background:#c0392b;color:#fff;padding:8px 0;font-size:13px}
.top-bar-red a{color:#fff;text-decoration:none}
.navbar-brand-red{font-size:14px;font-weight:700;color:#c0392b;max-width:350px;line-height:1.3;white-space:normal;height:auto;padding:10px 15px}
.navbar-brand-red:hover{color:#922b21;text-decoration:none}
.page-header-red{background:linear-gradient(135deg,#c0392b 0%,#922b21 100%);color:#fff;padding:60px 0;text-align:center}
.page-header-red h1{font-size:36px;margin-bottom:10px}
.page-header-red p{font-size:18px;opacity:0.9}
.stats-bar-red .stat-item .num{font-size:36px;font-weight:700;color:#c0392b}
.solution-section{padding:60px 0}
.solution-card{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:30px;box-shadow:0 2px 15px rgba(0,0,0,0.08)}
.solution-card .card-top{background:#c0392b;color:#fff;padding:25px;text-align:center}
.solution-card .card-top .icon{font-size:48px;margin-bottom:10px}
.solution-card .card-top h3{font-size:22px;margin:0}
.solution-card .card-body{padding:25px}
.solution-card .card-body p{color:#666;font-size:14px;line-height:1.8}
.solution-card .card-body ul{padding-left:20px}
.solution-card .card-body ul li{color:#666;font-size:14px;line-height:2}
.solution-card .card-body ul li strong{color:#333}
.system-section{padding:60px 0;background:#f8f9fa}
.system-card{background:#fff;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 10px rgba(0,0,0,0.05);border-left:4px solid #c0392b}
.system-card h3{color:#c0392b;margin-bottom:15px;font-size:20px}
.system-card p{color:#666;font-size:14px;line-height:1.8}
.marketing-section{padding:60px 0}
.marketing-card{background:#fff;border-radius:8px;padding:25px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.marketing-card .icon{font-size:36px;color:#c0392b;margin-bottom:15px}
.marketing-card h4{color:#333;margin-bottom:10px;font-size:18px}
.marketing-card p{color:#666;font-size:14px;line-height:1.8;margin:0}
.warning-section{padding:60px 0;background:#f8f9fa}
.warning-card{background:#fff;border-radius:8px;padding:25px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.warning-card .icon{font-size:36px;color:#c0392b;margin-bottom:15px}
.warning-card h4{color:#333;margin-bottom:10px;font-size:18px}
.warning-card p{color:#666;font-size:14px;line-height:1.8;margin:0}
.case-section{padding:60px 0}
.case-card{background:#f8f9fa;border-radius:8px;padding:25px;margin-bottom:20px;border-left:4px solid #c0392b}
.case-card h4{color:#c0392b;margin-bottom:10px}
.case-card p{color:#666;font-size:14px;line-height:1.8;margin:0}