@media(max-width:900px){
  header{
    transform:translateX(-100%);transition:transform .4s ease;width:280px;
    background:#FFFFFF;
    background-image:none;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    box-shadow:4px 0 40px rgba(0,0,0,0.15);
  }
  header.active{transform:translateX(0)}
  header nav a{
    color:#000000;
    font-size:0.9rem;
    font-weight:500;
    padding:14px 25px;
    border-bottom:1px solid rgba(0,0,0,0.08);
    width:100%;
    text-align:left;
    box-sizing:border-box;
    letter-spacing:0.15em;
  }
  header nav a:hover{
    background:rgba(200,200,200,0.12);
    color:#000000;
  }
  header nav a::after{display:none}
  header nav a:hover::after{display:none}
  header nav ul{gap:0}
  .header-info{display:flex;background:#F5F5F5;padding:15px 20px;border-radius:4px;border:1px solid rgba(0,0,0,0.08)}
  .header-phone{color:#000000;font-weight:700}
  .header-hours{color:#333333}
  .logo-en{
    background:linear-gradient(135deg,#000000 0%,#333333 30%,#555555 50%,#333333 70%,#000000 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  }
  .logo-jp{color:#333333}
  .page-wrapper{margin-left:0}
  .sidebar-toggle{display:flex}
  .access-grid{grid-template-columns:1fr}
  .access-map{min-height:300px}
  .footer-top{flex-direction:column;text-align:center}
  .footer-info{text-align:center}
  .star-mini-layer{display:block}
  .hero{height:640px}  .hero-content{padding:0 15px 0;margin-bottom:-15px}
  .hero-info-bar{gap:15px;padding:10px 20px}
  .hero-info-value{font-size:0.8rem}
  .hero-info-label{font-size:0.58rem}
  .event-swiper{padding:0 45px}
  /* 女孩列表：手机端一行两个 */
  .therapist-list{grid-template-columns:repeat(2,1fr);gap:12px}
  .therapist-card-img{height:auto;aspect-ratio:3/4}
  .therapist-card-body{padding:12px 8px}
  .therapist-name{font-size:0.85rem}
  .therapist-stats{font-size:0.62rem}
  .room-grid{gap:12px}
}
@media(max-width:600px){
  section{padding:60px 15px}
  .hero-cta{padding:14px 35px;font-size:0.85rem}
  .hero-info-bar{flex-direction:column;gap:8px;padding:10px 16px}
  .hero-info-divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(176,176,168,0.4),transparent)}
  .hero{height:580px}
  .hero-content{padding:0 15px 0;margin-bottom:-15px}
  .staff-swiper{padding:0 40px}
  .news-item{flex-direction:column;gap:8px}
  .news-date{width:auto}
  .news-list{max-height:400px}
  .staff-modal-img{flex:0 0 100%;max-width:100%;max-height:300px;border-radius:8px 8px 0 0}
  .staff-modal-img img{min-height:250px;max-height:300px}
  .staff-modal-info{padding:25px 20px}
  .staff-modal-info h3{font-size:1.5rem}
  .staff-modal-specs{grid-template-columns:1fr}
  .system-grid{gap:15px}
  .system-options{padding:25px 20px}
  .system-options-grid{grid-template-columns:1fr}
  .event-swiper{padding:0 40px}
}

@media(max-width:768px){
  html,body{overflow-x:hidden}
  .floating-buttons{bottom:20px;right:20px;left:20px;flex-direction:row;justify-content:space-between}
  .float-call-btn{display:flex;width:54px;height:54px;border-radius:50%;border:1px solid rgba(120,120,112,0.3);background:linear-gradient(135deg,#E8E8E0 0%,#C0C0B8 40%,#A0A098 70%,#C8C8C0 100%);box-shadow:0 4px 15px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.5);color:#2A2A26;align-items:center;justify-content:center;transition:all .3s;text-decoration:none}
  .float-call-btn:active{transform:scale(0.95)}
  .float-top-btn{width:54px;height:54px;box-shadow:0 4px 15px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.6)}
  .float-top-btn.visible{opacity:1;transform:translateY(0)}
}