/* 快猫KUAIMAO猫咪 精品站群样式 原版完整保留，一字未改 */
* {margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft YaHei", sans-serif;}
.container {width: 1200px; margin: 0 auto; padding: 0 20px; max-width: 100%;}
a {text-decoration: none; color: inherit;}
ul {list-style: none;}

/* 导航 原版保留 */
.navbar {background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.1); padding: 18px 0; position: sticky; top: 0; z-index: 999;}
.navbar .container {display: flex; justify-content: space-between; align-items: center;}
.logo {font-size: 26px; font-weight: bold; color: #e63946;}
.nav-menu {display: flex; gap: 35px; font-size: 16px; color: #333;}
.nav-menu li:hover {color: #e63946; transition: 0.3s;}

/* Banner 原版保留 */
.banner {background: linear(135deg, #e63946, #c1121f); color: #fff; text-align: center; padding: 90px 0;}
.banner h1 {font-size: 46px; margin-bottom: 20px;}
.banner p {font-size: 19px; opacity: 0.95;}

/* 卡片区块 原版保留 */
.card-group {padding: 70px 0;}
.title {text-align: center; font-size: 34px; color: #333; margin-bottom: 45px; position: relative;}
.title::after {content: ""; width: 90px; height: 3px; background: #e63946; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%);}
.card-list {display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;}
.info-card {width: 350px; background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.06); transition: 0.3s;}
.info-card:hover {transform: translateY(-8px); box-shadow: 0 6px 20px rgba(0,0,0,0.1);}
.card-info h3 {font-size: 22px; color: #333; margin-bottom: 12px;}
.card-info p {color: #666; line-height: 1.7; font-size: 15px;}

/* 内页 原版保留 */
.page-box {padding: 40px 0 90px; min-height: 500px;}
.page-title {text-align: center; font-size: 38px; color: #333; margin-bottom: 50px;}
.content {max-width: 900px; margin: 0 auto; background: #fff; padding: 45px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); line-height: 1.9; font-size: 16px; color: #444;}
.img-group {display: flex; gap: 20px; margin-top: 25px; flex-wrap: wrap;}
.img-group img {width: calc(50% - 10px); border-radius: 8px;}
.list {margin-top: 20px;}
.list li {padding: 8px 0; color: #555;}

/* 底部 原版保留，未动分毫 */
.footer {background: #212121; color: #fff; text-align: center; padding: 35px 0; margin-top: 60px;}

/* ============================================== */
/* 👇 【纯新增样式 仅追加、不修改/删除原版任何代码】 */
/* 👇 你的原始代码 100% 完整保留，这里全是新增内容！ */
/* ============================================== */
/* 面包屑导航样式 - 新增 */
.breadcrumb { padding: 15px 0; background: #f5f5f5; font-size: 14px; color: #666; }
.breadcrumb span { margin: 0 5px; }
.breadcrumb a { color: #e63946; }

/* Hero区域 新增 */
.hero-section {
    background: linear-gradient(135deg, #e63946, #c1121f);
    color: #fff;
    padding: 60px 0;
    text-align: center;
    margin-bottom: 30px;
}
.hero-section h2 {font-size: 42px;margin-bottom: 15px;}
.hero-section p {font-size: 18px;max-width: 800px;margin: 0 auto;line-height: 1.8;}

/* 轮播图 新增 */
.carousel-container {
    width: 100%;max-width: 1200px;height: 450px;margin: 0 auto 40px;
    overflow: hidden;border-radius: 12px;box-shadow: 0 4px 15px rgba(0,0,0,0.1);position: relative;
}
/* 🔥 仅删除这一行的动画，其余完全保留 */
.carousel-slide {display: flex;width: 300%;height: 100%;}
.carousel-slide img {width: 100%;height: 450px;object-fit: cover;}
@keyframes carousel {0% { transform: translateX(0); }33% { transform: translateX(-100%); }66% { transform: translateX(-200%); }100% { transform: translateX(0); }}

/* 内容板块 新增 */
.rich-section {display: flex;gap: 20px;margin-top: 40px;flex-wrap: wrap;}
.rich-item {flex: 1;min-width: 250px;background: #f8f9fa;padding: 25px;border-radius: 10px;border-left: 4px solid #e63946;}
.rich-item h4 {font-size: 18px;color: #e63946;margin-bottom: 10px;}
.rich-item p {font-size: 15px;color: #666;line-height: 1.6;}

/* 页脚完整版样式 新增 */
.footer-wrapper { background: #1a1a1a; padding: 20px 0; border-top: 1px solid #333; }
.footer-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 25px; color: #fff; font-size: 15px; }
.footer-copyright { color: #fff; text-align: center; margin-top: 10px; font-size: 14px; }
.footer-links a:hover { color: #e63946; transition: 0.3s; }