/* 丰岩网络 - 企业官网样式 */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;color:#333;line-height:1.6;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* Header */
.header{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.08);position:sticky;top:0;z-index:100;}
.header .container{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:64px;}
.logo{display:flex;align-items:center;text-decoration:none;color:#1a1a2e;font-size:20px;font-weight:bold;}
.logo img{height:36px;margin-right:12px;}
.nav a{color:#555;text-decoration:none;margin-left:28px;font-size:15px;transition:color .2s;}
.nav a:hover,.nav a.active{color:#64ffda;}
.nav-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#555;}

/* Banner */
.banner{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
.banner-text h1{font-size:42px;margin-bottom:12px;}
.banner-text p{font-size:18px;opacity:0.8;max-width:600px;margin:0 auto;}
.swiper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.3;}
.slide{width:100%;height:100%;}
.slide img{width:100%;height:100%;object-fit:cover;}

/* Section */
.section{padding:80px 0;}
.section-title{text-align:center;font-size:32px;margin-bottom:40px;color:#1a1a2e;position:relative;}
.section-title:after{content:'';display:block;width:60px;height:3px;background:#64ffda;margin:12px auto 0;}

/* Services */
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;}
.service-item{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);text-align:center;transition:transform .2s;}
.service-item:hover{transform:translateY(-4px);}
.service-item h3{color:#1a1a2e;margin-bottom:8px;}

/* List */
.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}
.list-item{display:block;text-decoration:none;color:#333;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:transform .2s;}
.list-item:hover{transform:translateY(-4px);}
.list-item img{width:100%;height:180px;object-fit:cover;}
.list-item h3{padding:12px 16px 4px;font-size:16px;}
.list-item p{padding:0 16px 12px;font-size:13px;color:#999;}
.list-item .date{padding:0 16px 12px;font-size:12px;color:#bbb;}

/* Detail */
.detail h1{font-size:28px;margin-bottom:8px;}
.detail .meta{font-size:13px;color:#999;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee;}
.content-body{line-height:1.8;font-size:16px;}
.content-body img{max-width:100%;border-radius:8px;margin:16px 0;}
.prev-next{margin-top:32px;display:flex;justify-content:space-between;font-size:14px;}
.prev-next a{color:#555;text-decoration:none;}
.prev-next a:hover{color:#64ffda;}

/* Contact */
.contact-form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:16px;}
.contact-form input,.contact-form textarea{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;}
.contact-form textarea{height:120px;}
.contact-form button{background:#64ffda;color:#1a1a2e;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;}
.contact-form button:hover{opacity:0.9;}

/* Pagination */
.pagination{text-align:center;margin-top:24px;}
.pagination a,.pagination span{padding:8px 16px;margin:0 4px;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:#555;font-size:14px;}
.pagination a:hover{background:#64ffda;color:#1a1a2e;border-color:#64ffda;}

/* Footer */
.footer{background:#1a1a2e;color:#a0a0c0;padding:48px 0;margin-top:80px;}
.footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;}
.footer h3{color:#64ffda;margin-bottom:12px;}
.footer p{font-size:13px;line-height:2;}
.footer a{color:#a0a0c0;text-decoration:none;}

/* Mobile */
@media(max-width:768px){
  .nav{display:none;position:absolute;top:64px;left:0;width:100%;background:#fff;flex-direction:column;box-shadow:0 4px 8px rgba(0,0,0,0.1);}
  .nav.open{display:flex;}
  .nav a{margin:0;padding:14px 20px;border-top:1px solid #eee;}
  .nav-toggle{display:block;}
  .banner{min-height:260px;}
  .banner-text h1{font-size:28px;}
  .banner-text p{font-size:14px;}
  .section{padding:40px 0;}
  .section-title{font-size:24px;}
}