*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#fffbfc;color:#333;line-height:1.8;font-size:15px}
a{color:#e8365d;text-decoration:none;transition:color .2s}
a:hover{color:#c4284a}
img{max-width:100%;height:auto}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{background:linear-gradient(135deg,#e8365d 0%,#c4284a 100%);color:#fff;padding:20px 0;box-shadow:0 2px 12px rgba(232,54,93,.3)}
header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo{font-size:28px;font-weight:bold;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);display:flex;align-items:center;flex-wrap:wrap}
.logo img{height:50px;margin-right:12px;vertical-align:middle;border-radius:8px}
.logo a{color:#fff;text-decoration:none;display:flex;align-items:center}
.logo a:hover{color:#fff}
.logo span{font-size:14px;display:block;opacity:.9;font-weight:normal}
.tagline{color:#ffd6de;font-size:14px}
nav{background:#fff;border-bottom:2px solid #f0e8ea;position:sticky;top:0;z-index:100}
nav ul{display:flex;list-style:none;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 20px}
nav li{margin:0}
nav a{display:block;padding:14px 18px;color:#555;font-weight:500;position:relative}
nav a:hover,nav a.active{color:#e8365d;background:#fff0f3}
nav li.contact-link a{background:#e8365d;color:#fff;border-radius:4px;margin:8px 0;padding:8px 20px}
nav li.contact-link a:hover{background:#c4284a;color:#fff}
.breadcrumb{padding:12px 0;color:#999;font-size:13px}
.breadcrumb a{color:#999}
.breadcrumb a:hover{color:#e8365d}
main{padding:30px 0;min-height:60vh}
.banner{background:linear-gradient(135deg,#f8e8eb 0%,#e8f5e9 100%);border-radius:12px;padding:50px 40px;margin-bottom:40px;text-align:center;position:relative;overflow:hidden}
.banner::before{content:'';position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:rgba(232,54,93,.1);border-radius:50%}
.banner h1{font-size:36px;color:#e8365d;margin-bottom:15px}
.banner p{font-size:18px;color:#666;max-width:700px;margin:0 auto 20px}
.banner .btn{display:inline-block;background:#e8365d;color:#fff;padding:12px 36px;border-radius:50px;font-size:16px;margin:8px}
.banner .btn:hover{background:#c4284a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(232,54,93,.3)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s;border:1px solid #f5e8ea}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(232,54,93,.15)}
.card-img{height:200px;background:linear-gradient(135deg,#f8e8eb,#e8f5e9);display:flex;align-items:center;justify-content:center;font-size:48px;color:#e8365d;overflow:hidden}
.card-body{padding:20px}
.card h3{font-size:18px;margin-bottom:10px;color:#333}
.card h3 a{color:#333}
.card h3 a:hover{color:#e8365d}
.card p{color:#777;font-size:14px;margin-bottom:12px}
.card .price{color:#e8365d;font-size:18px;font-weight:bold}
.card-link{color:#e8365d;font-weight:500;font-size:14px}
.card-link:hover{color:#c4284a}
.section-title{font-size:24px;color:#333;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid #e8365d;display:flex;align-items:center;gap:10px}
.section-title::before{content:'';width:4px;height:28px;background:#e8365d;border-radius:2px}
.detail-content h2{font-size:20px;color:#e8365d;margin:30px 0 15px;padding-bottom:8px;border-bottom:1px solid #f0e8ea}
.detail-content h3{font-size:17px;color:#333;margin:20px 0 12px}
.detail-content p{margin-bottom:12px;color:#555;line-height:1.9}
.detail-content ul,.detail-content ol{margin:12px 0 12px 24px}
.detail-content li{margin-bottom:8px;color:#555}
.detail-content .price-box{background:linear-gradient(135deg,#fff5f6,#fff);border:2px solid #fce8ea;border-radius:12px;padding:20px;margin:20px 0;text-align:center}
.detail-content .price-box .price{font-size:28px;color:#e8365d;font-weight:bold}
.detail-content .price-box .unit{font-size:14px;color:#999}
.detail-content .tips{background:#f0fff4;border-left:4px solid #2d8f4e;padding:16px 20px;border-radius:0 8px 8px 0;margin:20px 0}
.detail-content .tips h4{color:#2d8f4e;margin-bottom:8px}
.contact-info{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 12px rgba(0,0,0,.06);margin:20px 0}
.contact-item{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #f5e8ea}
.contact-item:last-child{border-bottom:none}
.contact-item .icon{width:48px;height:48px;background:#fce8ea;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:16px;color:#e8365d;flex-shrink:0}
.contact-item .label{color:#999;font-size:14px;width:80px}
.contact-item .value{font-size:16px;color:#333;font-weight:500}
.list-header{background:linear-gradient(135deg,#f8e8eb,#fff);border-radius:12px;padding:30px;margin-bottom:30px}
.list-header h1{font-size:28px;color:#e8365d;margin-bottom:10px}
.list-header p{color:#666}
footer{background:#2d2d2d;color:#bbb;padding:40px 0 20px;margin-top:60px}
footer .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
footer h4{color:#fff;margin-bottom:16px;font-size:16px}
footer ul{list-style:none}
footer li{margin-bottom:8px}
footer a{color:#999}
footer a:hover{color:#e8365d}
footer .bottom{text-align:center;padding-top:20px;margin-top:30px;border-top:1px solid #3d3d3d;color:#666;font-size:13px}
@media(max-width:768px){
nav ul{padding:0 10px}
nav a{padding:10px 12px;font-size:14px}
.banner{padding:30px 20px}
.banner h1{font-size:26px}
.grid{grid-template-columns:1fr}
footer .container{grid-template-columns:1fr}
}

/* 返回顶部按钮 */
.back-to-top{position:fixed;right:20px;bottom:100px;width:50px;height:50px;background:#e8365d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(232,54,93,.4);transition:all .3s;z-index:999;opacity:0;visibility:hidden}
.back-to-top.show{opacity:1;visibility:visible}
.back-to-top:hover{background:#c4284a;transform:translateY(-3px)}
.back-to-top::before{content:'↑';font-size:24px;font-weight:bold}

/* 联系电话按钮 */
.phone-float{position:fixed;right:20px;bottom:40px;width:50px;height:50px;background:#2d8f4e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(45,143,78,.4);transition:all .3s;z-index:999}
.phone-float:hover{background:#237a3f;transform:translateY(-3px)}
.phone-float::before{content:'📞';font-size:22px}
.phone-float .phone-popup{position:absolute;right:60px;top:50%;transform:translateY(-50%);background:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s;font-size:15px;color:#333;font-weight:500}
.phone-float .phone-popup::after{content:'';position:absolute;right:-8px;top:50%;transform:translateY(-50%);border:8px solid transparent;border-left-color:#fff}
.phone-float:hover .phone-popup{opacity:1;visibility:visible}
.phone-popup strong{color:#e8365d;font-size:18px}

/* header 右上角网站地图链接 */
.header-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px 0;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:15px}
.header-top a{color:#ffd6de;font-size:13px;opacity:0.9}
.header-top a:hover{color:#fff;opacity:1}
/* tagline + sitemap 都靠右 */
.tagline{margin-left:auto;padding:0 20px 0 0}
.header-sitemap{border-left:1px solid rgba(255,255,255,0.3);padding:0 0 0 20px;margin-right:0}
.header-sitemap a{color:#ffd6de;font-size:14px;white-space:nowrap}
.header-sitemap a:hover{color:#fff}