/* ===== 首页 - 轮播Banner ===== */
.banner-section{margin-top:70px;position:relative;overflow:hidden;height:500px}
.banner-slider{display:flex;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.banner-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;background-size:cover;background-position:center}
.banner-slide:nth-child(1){background-image:url('/images/banner1.jpg')}
.banner-slide:nth-child(2){background-image:url('/images/banner2.jpg')}
.banner-content{text-align:center;color:#fff;z-index:2;padding:0 20px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.banner-content h2{font-size:42px;font-weight:700;margin-bottom:16px;animation:fadeInUp .8s ease;text-shadow:0 3px 12px rgba(0,0,0,.6)}
.banner-content p{font-size:18px;opacity:.9;margin-bottom:30px;animation:fadeInUp .8s .2s ease both;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.banner-content .btn{animation:fadeInUp .8s .4s ease both;text-shadow:none}
.banner-decor{position:absolute;border-radius:50%;opacity:.08;background:var(--primary)}
.banner-decor.d1{width:300px;height:300px;top:-100px;right:-50px}
.banner-decor.d3{width:150px;height:150px;top:30%;left:60%;opacity:.05}
.banner-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:3}
.banner-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:var(--transition)}
.banner-dots span.active{background:var(--primary);width:28px;border-radius:6px}

/* ===== 产品展示 ===== */
.products-section{padding:80px 0 60px}
.product-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:60px}
.product-card{position:relative;border-radius:var(--radius);overflow:hidden;height:400px;cursor:pointer;transition:var(--transition)}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.product-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .6s ease}
.product-card:hover .product-img-placeholder{transform:scale(1.05)}
.product-card:nth-child(1) .product-img-placeholder{background:url('/images/cp1.jpg') center/cover no-repeat}
.product-card:nth-child(2) .product-img-placeholder{background:url('/images/cp2.jpg') center/cover no-repeat}
.product-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:40px 30px 30px;color:#fff}
.product-overlay h3{font-size:24px;font-weight:700;margin-bottom:8px}
.product-overlay p{font-size:14px;opacity:.9;line-height:1.6}
.product-tag{position:absolute;top:20px;left:20px;background:var(--primary);color:#333;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;text-align:center;transition:var(--transition);cursor:default}
.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--primary)}
.feature-icon{width:64px;height:64px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;color:var(--primary-dark)}
.feature-card h3{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text)}
.feature-card p{font-size:14px;color:var(--text-light);line-height:1.7}

/* ===== 使用场景 ===== */
.scenes-section{padding:80px 0;background:var(--bg-gray)}
.scenes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scene-card{position:relative;border-radius:var(--radius);overflow:hidden;height:240px;cursor:pointer;transition:var(--transition)}
.scene-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.scene-card:hover .scene-img-placeholder{transform:scale(1.08)}
.scene-img-placeholder{width:100%;height:100%;transition:transform .6s ease;background-size:cover;background-position:center}
.scene-card:nth-child(1) .scene-img-placeholder{background-image:url('/images/y1.jpg')}
.scene-card:nth-child(2) .scene-img-placeholder{background-image:url('/images/y2.jpg')}
.scene-card:nth-child(3) .scene-img-placeholder{background-image:url('/images/y3.jpg')}
.scene-card:nth-child(4) .scene-img-placeholder{background-image:url('/images/y4.jpg')}
.scene-card:nth-child(5) .scene-img-placeholder{background-image:url('/images/y5.jpg')}
.scene-card:nth-child(6) .scene-img-placeholder{background-image:url('/images/y6.jpg')}
.scene-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1)0%,rgba(0,0,0,.6)100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:28px 20px;color:#fff}
.scene-overlay .scene-icon{font-size:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}
.scene-overlay h3{font-size:20px;font-weight:600}

/* ===== 新闻预览 ===== */
.news-section{padding:80px 0}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 30px}
.news-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;border:1px solid transparent}
.news-item:hover{background:#FFFAF0;border-color:var(--primary)}
.news-date-box{flex-shrink:0;width:56px;height:56px;background:var(--bg-gray);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:var(--transition)}
.news-item:hover .news-date-box{background:var(--primary)}
.news-date-box .day{font-size:22px;font-weight:700;line-height:1}
.news-date-box .month{font-size:12px;color:var(--text-light)}
.news-info{flex:1;min-width:0}
.news-info h4{font-size:15px;font-weight:500;color:var(--text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:var(--transition)}
.news-item:hover .news-info h4{color:var(--primary-dark)}
.news-info .news-category{font-size:12px;color:var(--text-light);margin-top:6px}

/* ===== 加盟表单 ===== */
.contact-section{padding:80px 0;background:var(--bg-gray)}
.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.contact-info h3{font-size:28px;font-weight:700;margin-bottom:16px}
.contact-info .desc{color:var(--text-secondary);margin-bottom:30px;font-size:15px;line-height:1.8}
.contact-phone-box{display:inline-flex;align-items:center;gap:12px;background:var(--primary);padding:16px 28px;border-radius:50px;margin-bottom:24px}
.contact-phone-box i{font-size:24px;color:#333}
.contact-phone-box span{font-size:22px;font-weight:700;color:#333}
.contact-features{display:flex;flex-direction:column;gap:14px}
.contact-features li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-secondary)}
.contact-features li i{color:var(--primary-dark);font-size:14px}
.contact-form-box{background:#fff;border-radius:var(--radius);padding:36px 32px;box-shadow:var(--shadow)}
.contact-form-box h4{font-size:20px;font-weight:600;margin-bottom:24px;text-align:center}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}
.form-group input,.form-group select{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;transition:var(--transition);background:#FAFAFA;outline:none}
.form-group input:focus,.form-group select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(252,197,42,.15)}
.form-submit{width:100%;padding:14px;background:var(--primary);color:#333;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:8px}
.form-submit:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(252,197,42,.4)}

/* ===== Slogan ===== */
.slogan-section{position:relative;height:360px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.slogan-bg-decor{position:absolute;border-radius:50%;opacity:.06;background:var(--primary)}
.slogan-bg-decor:nth-child(1){width:400px;height:400px;top:-150px;right:-100px}
.slogan-bg-decor:nth-child(2){width:250px;height:250px;bottom:-100px;left:5%}
.slogan-bg-decor:nth-child(3){width:180px;height:180px;top:30%;left:50%}
.slogan-content{text-align:center;color:#fff;z-index:2}
.slogan-content .slogan-icon-area{width:80px;height:80px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:36px;color:#333;animation:pulse 2.5s ease-in-out infinite}
.slogan-content h2{font-size:36px;font-weight:700;margin-bottom:12px;letter-spacing:2px}
.slogan-content p{font-size:16px;opacity:.75;letter-spacing:1px}

/* ===== 响应式 ===== */
@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:768px){
  .banner-section{height:360px;margin-top:60px}.banner-content h2{font-size:28px}.banner-content p{font-size:15px}
  .section-title h2{font-size:26px}.section-title{margin-bottom:36px}
  .features-grid{grid-template-columns:1fr}.product-showcase{grid-template-columns:1fr}.product-card{height:300px}
  .scenes-grid{grid-template-columns:repeat(2,1fr);gap:12px}.scene-card{height:180px}.scene-overlay h3{font-size:16px}
  .news-grid{grid-template-columns:1fr}.contact-wrapper{grid-template-columns:1fr;gap:30px}
  .slogan-section{height:280px}.slogan-content h2{font-size:26px}}
@media(max-width:480px){
  .banner-section{height:280px}.banner-content h2{font-size:22px}.banner-content p{font-size:13px}
  .btn{padding:10px 24px;font-size:14px}
  .scenes-grid{grid-template-columns:1fr 1fr;gap:10px}.scene-card{height:150px}
  .section-title h2{font-size:22px}.product-card{height:240px}.contact-form-box{padding:24px 18px}
  .slogan-content h2{font-size:22px;letter-spacing:1px}}