/* =========================================
   首页专用 CSS (index.css)
   原样恢复，确保首页 100% 不乱套
========================================= */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Barlow',sans-serif; color:#222; background:#fff; line-height:1.7; }
img { width:100%; display:block; }
a { text-decoration:none; }
ul { list-style:none; }
.container { width:90%; max-width:1200px; margin:auto; }

/* HEADER */
.site-header{ position:fixed; top:0; left:0; width:100%; z-index:9999; background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.2); }
.nav-container{ display:flex; justify-content:space-between; align-items:center; height:80px; }
.logo a{ font-size:30px; font-weight:800; color:#111; }
.navbar ul{ display:flex; gap:40px; }
.navbar a{ color:#222; font-weight:500; transition:.3s; }
.navbar a:hover{ color:#ff712b; }

/* HERO */
.hero{ position:relative; min-height:100vh; background: linear-gradient( 90deg, rgba(10,15,25,.88) 0%, rgba(10,15,25,.55) 45%, rgba(10,15,25,.15) 100% ), url('../images/banner.jpg') center center/cover no-repeat; display:flex; align-items:center; }
.hero-content{ position:relative; z-index:2; }
.hero-text{ max-width:700px; color:#fff; }
.hero-tag{ display:inline-block; background:#ff712b; padding:8px 16px; border-radius:4px; font-size:14px; margin-bottom:25px; }
.hero h1{ font-size:72px; line-height:1.1; margin-bottom:25px; font-weight:800; }
.hero p{ font-size:20px; color:#ddd; margin-bottom:40px; }
.hero-buttons{ display:flex; gap:20px; }
.mobile-toggle{ display:none; font-size:32px; cursor:pointer; color:#111; }

/* BUTTON */
.btn-primary{ display:inline-block; background:#ff712b; color:#fff; padding:16px 38px; border-radius:5px; font-weight:600; transition:.3s; }
.btn-primary:hover{ background:#ff8d52; transform:translateY(-3px); }
.btn-secondary{ display:inline-block; border:1px solid rgba(255,255,255,.4); color:#fff; padding:16px 38px; border-radius:5px; transition:.3s; }
.btn-secondary:hover{ background:#fff; color:#111; }

/* TRUST */
.trust-section{ padding:80px 0; background:#f8f9fb; }
.trust-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.trust-item{ background:#fff; text-align:center; padding:40px 20px; border-radius:10px; box-shadow:0 5px 20px rgba(0,0,0,.05); }
.trust-item h2{ font-size:48px; color:#ff712b; }

/* ABOUT */
.about-section{ padding:120px 0; }
.about-grid{ display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.about-image img{ border-radius:12px; }
.section-subtitle{ color:#ff712b; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
.about-text h2{ font-size:48px; line-height:1.2; margin:20px 0 30px; }
.about-text p{ margin-bottom:20px; color:#666; }

/* SECTION HEADER */
.section-header{ text-align:center; margin-bottom:70px; }
.section-header h2{ font-size:48px; margin-top:15px; }
.section-header.light h2, .section-header.light span{ color:#fff; }

/* PRODUCTS */
.products-section{ padding:120px 0; background:#fafafa; }
.product-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }
.product-card{ background:#fff; border-radius:12px; overflow:hidden; transition:.35s; border:1px solid #eee; }
.product-card:hover{ transform:translateY(-8px); box-shadow:0 20px 50px rgba(0,0,0,.12); }
.product-image{ overflow:hidden; }
.product-image img{ transition:.5s; }
.product-card:hover img{ transform:scale(1.08); }
.product-content{ padding:30px; }
.product-content h3{ margin-bottom:15px; }
.product-content p{ color:#666; margin-bottom:20px; }
.product-content a{ color:#ff712b; font-weight:600; }

/* APPLICATION */
.application-section{ padding:120px 0; background:#111; color:#fff; }
.section-header.light{ text-align:center; margin-bottom:60px; }
.section-header.light h2{ font-size:42px; margin:20px 0; }
.section-desc{ max-width:800px; margin:auto; color:#bbb; line-height:1.8; }
.application-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.application-card{ background:#1b1b1b; border:1px solid rgba(255,255,255,.08); border-radius:14px; overflow:hidden; transition:.35s; }
.application-card:hover{ transform:translateY(-8px); border-color:#ff712b; box-shadow:0 20px 40px rgba(0,0,0,.35); }
.application-content{ padding:35px; display:flex; flex-direction:column; height:100%; }
.application-content h3{ font-size:24px; margin-bottom:18px; color:#fff; }
.application-content p{ color:#bbb; line-height:1.8; margin-bottom:25px; flex:1; }
.application-tags{ margin-bottom:25px; }
.application-tags span{ display:inline-block; padding:6px 12px; margin:5px 5px 0 0; border-radius:20px; border:1px solid rgba(255,255,255,.12); color:#ddd; font-size:12px; }
.read-more{ display:inline-flex; align-items:center; gap:8px; color:#ff712b; text-decoration:none; font-weight:600; font-size:15px; margin-top:auto; transition:all .3s ease; }
.application-card:hover .read-more{ color:#ffffff; }

/* CERTIFICATE */
.certificate-section{ padding:120px 0; }
.certificate-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.certificate-item{ background:#fff; border:1px solid #eee; border-radius:10px; overflow:hidden; padding:20px; transition:.3s; }
.certificate-item:hover{ box-shadow:0 10px 40px rgba(0,0,0,.08); }

/* CTA */
.cta-section{ padding:120px 0; background:#ff712b; }
.cta-content{ text-align:center; color:#fff; }
.cta-content h2{ font-size:52px; margin-bottom:25px; }
.cta-content p{ font-size:20px; margin-bottom:40px; }

/* FOOTER */
.footer{ background:#111827; color:#ccc; padding-top:80px; }
.footer-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:60px; padding-bottom:60px; }
.footer-column h3{ color:#fff; margin-bottom:25px; }
.footer-column li{ margin-bottom:12px; }
.footer-column a{ color:#ccc; }
.footer-column a:hover{ color:#ff712b; }
.copyright{ border-top:1px solid rgba(255,255,255,.08); text-align:center; padding:25px 0; color:#888; }

/* NEWS */
.news-section{ padding:120px 0; background:#f7f9fc; }
.news-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:30px; }
.news-card{ background:#fff; border-radius:12px; overflow:hidden; transition:.3s; border:1px solid #eee; }
.news-card:hover{ transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,.08); }
.news-image{ height:120px; overflow:hidden; }
.news-image img{ width:100%; height:100%; object-fit:cover; transition:.3s; }
.news-card:hover img{ transform:scale(1.05); }
.news-content{ padding:15px; }
.news-date{ color:#999; font-size:13px; }
.news-content h3{ margin:15px 0; font-size:22px; line-height:1.4; }
.news-content h3 a{ color:#111; text-decoration:none; }
.news-content p{ color:#666; line-height:1.8; }

/* MOBILE */
@media(max-width:992px){
    .hero h1{ font-size:52px; }
    .trust-grid, .product-grid, .application-grid, .certificate-grid, .footer-grid, .about-grid{ grid-template-columns:1fr 1fr; }
}
@media(max-width:768px){
    .mobile-toggle{ display:block; }
    .navbar{ position:absolute; top:82px; left:0; width:100%; background:#fff; display:none; border-top:1px solid #eee; box-shadow:0 10px 30px rgba(0,0,0,.08); }
    .navbar.active{ display:block; }
    .navbar ul{ flex-direction:column; gap:0; }
    .navbar li{ border-bottom:1px solid #f2f2f2; }
    .navbar a{ display:block; padding:18px 25px; }
    .hero{ text-align:center; }
    .hero-buttons{ flex-direction:column; }
    .hero h1{ font-size:42px; }
    .hero p{ font-size:18px; }
    .trust-grid, .product-grid, .application-grid, .certificate-grid, .footer-grid, .about-grid, .news-grid{ grid-template-columns:1fr; }
    .about-text h2, .section-header h2, .cta-content h2{ font-size:36px; }
}