/* 网站模板下载 www.adminbuy.cn */
/* QQ：9490489 */
/* 微信：wwwadminbuycn */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
html{scroll-behavior:smooth;}
body{background:#f5f0e8;color:#2a2a2a;overflow-x:hidden;line-height:1.8;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;}
.ab_wrap{max-width:1200px;margin:0 auto;padding:0 24px;}

/* 顶部条 */
.ab_topbar{background:#1a3a2e;color:#c9a96e;padding:8px 0;font-size:13px;letter-spacing:1px;}
.ab_topbar .ab_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;}

/* 导航 */
.ab_nav{background:#f5f0e8;position:sticky;top:0;z-index:999;border-bottom:1px solid #e0d8c8;}
.ab_nav .ab_wrap{display:flex;justify-content:space-between;align-items:center;height:76px;}
.ab_logo{font-size:26px;font-weight:bold;color:#1a3a2e;letter-spacing:4px;}
.ab_logo span{color:#c9a96e;}
.ab_nav ul{display:flex;gap:36px;}
.ab_nav ul a{font-size:15px;color:#444;position:relative;padding:6px 0;letter-spacing:1px;}
.ab_nav ul a::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:0;height:2px;background:#c9a96e;transition:.3s;}
.ab_nav ul a:hover::after{width:100%;}
.ab_nav_phone{color:#1a3a2e;font-weight:bold;font-size:16px;}
.ab_nav_phone small{display:block;font-size:11px;color:#999;font-weight:normal;}
.ab_hamburger{display:none;font-size:26px;cursor:pointer;}
.ab_mobile_menu{display:none;background:#1a3a2e;}
.ab_mobile_menu a{display:block;padding:16px 24px;color:#f5f0e8;border-bottom:1px solid #2a4a3e;}

/* 首屏 */
.ab_hero{
  height:100vh;min-height:600px;position:relative;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(rgba(26,58,46,0.85),rgba(26,58,46,0.9)),url("https://picsum.photos/id/1048/1600/900") center/cover;
  color:#f5f0e8;text-align:center;
}
.ab_hero_inner{position:relative;z-index:2;padding:0 24px;}
.ab_hero_tag{display:inline-block;border:1px solid #c9a96e;color:#c9a96e;padding:6px 24px;font-size:13px;letter-spacing:6px;margin-bottom:30px;}
.ab_hero h1{font-size:clamp(40px,7vw,72px);font-weight:300;letter-spacing:12px;margin-bottom:24px;line-height:1.3;}
.ab_hero h1 em{font-style:normal;color:#c9a96e;}
.ab_hero p{font-size:16px;color:#b8c8bc;max-width:520px;margin:0 auto 40px;line-height:2;}
.ab_hero_btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.ab_btn1{padding:15px 44px;background:#c9a96e;color:#1a3a2e;font-weight:bold;letter-spacing:2px;}
.ab_btn2{padding:15px 44px;border:1px solid #c9a96e;color:#c9a96e;letter-spacing:2px;}

/* 底部浮动公告条 */
.ab_hero_book{position:absolute;bottom:0;left:0;right:0;background:rgba(245,240,232,0.95);backdrop-filter:blur(10px);padding:14px 0;z-index:3;}
.ab_hero_book .ab_wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
/* 滚动公告容器 */
.ab_notice_box{flex:1;max-width:520px;height:28px;overflow:hidden;position:relative;}
.ab_notice_list{padding:0;}
.ab_notice_list li{height:28px;line-height:28px;font-size:14px;color:#1a3a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ab_notice_list li strong{color:#c9a96e;}
.ab_hero_book a{background:#1a3a2e;color:#f5f0e8;padding:10px 28px;font-size:14px;white-space:nowrap;}

/* 关于我们 */
.ab_about{padding:100px 0;background:#f5f0e8;}
.ab_about_grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:60px;align-items:start;}
.ab_about_title{font-size:48px;color:#1a3a2e;writing-mode:vertical-rl;letter-spacing:8px;font-weight:300;line-height:1.4;border-left:3px solid #c9a96e;padding-left:20px;}
.ab_about_text h3{font-size:24px;color:#1a3a2e;margin-bottom:20px;}
.ab_about_text p{color:#555;margin-bottom:16px;font-size:15px;}
.ab_about_sign{margin-top:30px;color:#c9a96e;font-size:14px;letter-spacing:2px;}

/* 服务价格 */
.ab_services{background:#1a3a2e;color:#f5f0e8;padding:100px 0;}
.ab_services_head{text-align:center;margin-bottom:60px;}
.ab_services_head .tag{color:#c9a96e;letter-spacing:4px;font-size:13px;}
.ab_services_head h2{font-size:36px;margin-top:10px;font-weight:300;letter-spacing:4px;}
.ab_price_grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.ab_price_card{background:rgba(255,255,255,0.04);border:1px solid rgba(201,169,110,0.2);border-left:4px solid #c9a96e;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;transition:.3s;}
.ab_price_card:hover{background:rgba(201,169,110,0.08);transform:translateX(6px);}
.ab_price_info h4{font-size:18px;margin-bottom:6px;color:#f5f0e8;}
.ab_price_info p{font-size:13px;color:#8aa092;}
.ab_price_tag{font-size:12px;background:rgba(201,169,110,0.15);color:#c9a96e;padding:3px 10px;margin-left:8px;}
.ab_price_num{font-size:24px;color:#c9a96e;font-weight:bold;white-space:nowrap;}
.ab_price_num small{font-size:12px;color:#8aa092;font-weight:normal;margin-left:2px;}

/* 环境展示 - 一行4张 */
.ab_env{padding:100px 0;background:#f5f0e8;}
.ab_env_head{text-align:center;margin-bottom:50px;}
.ab_env_head h2{font-size:36px;color:#1a3a2e;font-weight:300;letter-spacing:4px;}
.ab_env_head p{color:#888;margin-top:10px;}
.ab_env_swiper{width:100%;padding-bottom:50px !important;}
.ab_env_swiper .swiper-slide{height:280px;overflow:hidden;}
.ab_env_swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.ab_env_swiper .swiper-pagination-bullet{background:#c9a96e;opacity:0.4;}
.ab_env_swiper .swiper-pagination-bullet-active{opacity:1;width:24px;border-radius:2px;}

/* 技师团队 */
.ab_staff{background:#1a3a2e;color:#f5f0e8;padding:100px 0;}
.ab_staff_head{text-align:center;margin-bottom:60px;}
.ab_staff_head h2{font-size:36px;font-weight:300;letter-spacing:4px;}
.ab_staff_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.ab_staff_item{text-align:center;}
.ab_staff_avatar{width:140px;height:140px;border-radius:50%;margin:0 auto 18px;overflow:hidden;border:3px solid #c9a96e;}
.ab_staff_avatar img{width:100%;height:100%;object-fit:cover;}
.ab_staff_item h4{font-size:18px;margin-bottom:6px;}
.ab_staff_item p{font-size:13px;color:#8aa092;}

/* 会员权益 */
.ab_member{padding:80px 0;background:linear-gradient(135deg,#c9a96e,#b8956a);color:#1a3a2e;}
.ab_member .ab_wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.ab_member h3{font-size:32px;margin-bottom:16px;}
.ab_member_benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ab_member_benefits div{background:rgba(255,255,255,0.2);padding:16px;font-size:14px;}

/* 预约 */
.ab_book{padding:100px 0;background:#f5f0e8;text-align:center;}
.ab_book h2{font-size:36px;color:#1a3a2e;font-weight:300;letter-spacing:4px;margin-bottom:16px;}
.ab_book p{color:#888;margin-bottom:40px;}
.ab_book_form{max-width:500px;margin:0 auto;display:grid;gap:14px;}
.ab_book_form input{padding:15px 18px;border:1px solid #d0c8b8;background:#fff;font-size:15px;outline:none;}
.ab_book_form button{padding:16px;background:#1a3a2e;color:#f5f0e8;border:none;font-size:16px;letter-spacing:4px;cursor:pointer;}

/* 悬浮客服 */
.ab_float{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;}
.ab_float_btn{writing-mode:vertical-rl;background:#c9a96e;color:#1a3a2e;padding:24px 10px;cursor:pointer;letter-spacing:4px;font-weight:bold;border-radius:8px 0 0 8px;}
.ab_float_panel{position:absolute;right:52px;top:0;width:240px;background:#fff;padding:24px;box-shadow:-4px 4px 20px rgba(0,0,0,0.12);transform:translateX(10px);opacity:0;pointer-events:none;transition:.3s;}
.ab_float.open .ab_float_panel{transform:translateX(0);opacity:1;pointer-events:auto;}
.ab_float_panel h4{color:#1a3a2e;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #f0e8d8;}
.ab_float_panel p{font-size:14px;color:#555;margin-bottom:8px;}
.ab_float_panel strong{color:#c9a96e;}
.ab_footer{background:#1a3a2e;color:#8aa092;padding:40px 0;text-align:center;font-size:13px;}

/* 响应式 */
@media(max-width:992px){
  .ab_nav ul{display:none;}
  .ab_hamburger{display:block;}
  .ab_about_grid{grid-template-columns:1fr;}
  .ab_about_title{writing-mode:horizontal-tb;border-left:none;border-bottom:3px solid #c9a96e;padding:0 0 16px 0;}
  .ab_price_grid{grid-template-columns:1fr;}
  .ab_staff_grid{grid-template-columns:repeat(2,1fr);}
  .ab_member .ab_wrap{grid-template-columns:1fr;}
  .ab_notice_box{max-width:100%;}
}
@media(max-width:600px){
  .ab_staff_grid{grid-template-columns:1fr 1fr;}
  .ab_member_benefits{grid-template-columns:1fr;}
  .ab_env_swiper .swiper-slide{height:200px;}
}