/*
  玲瓏閣｜收斂精品比較版
  This layer is loaded only by luxury-refinement-comparison.html.
  It intentionally leaves the production page untouched.
*/
body.luxury-comparison{
  --lux-bronze:rgba(185,145,110,.72);
  --lux-gold:rgba(216,190,140,.88);
  --lux-paper:rgba(236,228,216,.82);
  background:#060403!important;
}

/* One restrained hierarchy: warm ivory for reading, bronze for structure, gold for action. */
body.luxury-comparison .hero-premium .copy h1,
body.luxury-comparison .section-fate .section-title h2,
body.luxury-comparison .section-ju .center-title h2,
body.luxury-comparison .section-shi .quote-side h2,
body.luxury-comparison .section-create .create-copy h2,
body.luxury-comparison .section-about .section-title h2{
  color:rgba(231,207,163,.95)!important;
  font-size:clamp(36px,2.55vw,48px)!important;
  font-weight:400!important;
  letter-spacing:.13em!important;
  text-shadow:none!important;
}
body.luxury-comparison .hero-premium .copy h1{
  font-size:clamp(29px,2.15vw,39px)!important;
  line-height:1.72!important;
}
body.luxury-comparison .section-fate .section-title .eyebrow,
body.luxury-comparison .section-ju .center-title .eyebrow,
body.luxury-comparison .section-shi .quote-side .eyebrow,
body.luxury-comparison .section-create .create-copy .eyebrow,
body.luxury-comparison .section-about .section-title .eyebrow,
body.luxury-comparison .hero-premium .copy .eyebrow{
  color:rgba(185,145,110,.70)!important;
  letter-spacing:.36em!important;
}
body.luxury-comparison .section-fate .section-title .chapter-lead,
body.luxury-comparison .section-ju .center-title p:not(.eyebrow),
body.luxury-comparison .section-shi .quote-side p:not(.eyebrow),
body.luxury-comparison .section-about .section-title .chapter-lead,
body.luxury-comparison .hero-premium .copy .lead{
  color:rgba(206,190,165,.80)!important;
}
body.luxury-comparison .hero-premium .copy .desc{
  color:rgba(190,175,151,.64)!important;
  max-width:430px!important;
}
body.luxury-comparison .hero-premium .bg-mountain{
  opacity:.66!important;
  filter:contrast(1.02) saturate(.68) brightness(.72)!important;
}
body.luxury-comparison .hero-premium .gold-dust{opacity:.075!important;}
body.luxury-comparison .hero-premium .star-field{opacity:.38!important;}

/* Buttons read as invitations, not promotions. */
body.luxury-comparison .reserve,
body.luxury-comparison .btn.primary,
body.luxury-comparison .consultation-submit{
  border-color:rgba(185,145,110,.58)!important;
  background:linear-gradient(110deg,rgba(95,69,42,.78),rgba(59,43,29,.78))!important;
  box-shadow:inset 0 1px 0 rgba(236,228,216,.08),0 8px 28px rgba(0,0,0,.16)!important;
  color:rgba(237,223,197,.94)!important;
}
body.luxury-comparison .reserve{
  background:rgba(8,5,2,.12)!important;
  box-shadow:inset 0 1px 0 rgba(236,228,216,.035)!important;
}
body.luxury-comparison .btn.secondary,
body.luxury-comparison .small-gold-btn{
  border-color:rgba(185,145,110,.34)!important;
  background:rgba(15,10,7,.18)!important;
  box-shadow:none!important;
}
body.luxury-comparison .reserve:hover,
body.luxury-comparison .btn.primary:hover,
body.luxury-comparison .consultation-submit:hover{
  background:linear-gradient(110deg,rgba(121,89,54,.84),rgba(72,51,33,.84))!important;
  box-shadow:inset 0 1px 0 rgba(236,228,216,.12),0 10px 32px rgba(0,0,0,.22)!important;
  transform:translateY(-1px)!important;
}
body.luxury-comparison .reserve:hover{
  background:rgba(185,145,110,.07)!important;
  box-shadow:inset 0 1px 0 rgba(236,228,216,.08),0 0 18px rgba(185,145,110,.08)!important;
}

/* Refine the architecture of the chapter system rather than adding decoration. */
body.luxury-comparison .chapter-mark,
body.luxury-comparison .chapter-mark span{
  color:rgba(185,145,110,.72)!important;
}
body.luxury-comparison .chapter-mark i{
  opacity:.68!important;
}
body.luxury-comparison .section-ju .service-gallery-v6 .art-card{
  background:transparent!important;
}
body.luxury-comparison .section-ju .service-gallery-v6 .art-card:hover{
  transform:none!important;
}
body.luxury-comparison .section-ju .service-gallery-v6 .art-card:hover > span{
  color:rgba(232,213,178,.96)!important;
}
body.luxury-comparison .section-ju .service-gallery-v6 .art-card:hover > em{
  color:rgba(185,145,110,.84)!important;
}
body.luxury-comparison .section-shi .shi-galaxy-field,
body.luxury-comparison .section-shi .shi-galaxy-field svg{
  opacity:.76!important;
}
body.luxury-comparison .section-shi .classic-quote{
  background:radial-gradient(ellipse at 52% 50%,rgba(216,190,140,.045),transparent 56%)!important;
}

/* 05 becomes a quiet archive: warm title, restrained paper surface, no floating-card effect. */
body.luxury-comparison .section-about .about-card{
  border-color:rgba(185,145,110,.26)!important;
  background:
    linear-gradient(110deg,rgba(236,228,216,.018),transparent 34%),
    linear-gradient(180deg,rgba(27,20,15,.62),rgba(12,8,6,.66))!important;
  box-shadow:inset 0 1px 0 rgba(236,228,216,.035)!important;
}
body.luxury-comparison .section-about .about-card:hover{
  border-color:rgba(216,190,140,.42)!important;
  background:
    linear-gradient(110deg,rgba(216,190,140,.045),transparent 36%),
    linear-gradient(180deg,rgba(31,23,17,.70),rgba(13,9,7,.70))!important;
  box-shadow:inset 0 1px 0 rgba(236,228,216,.07)!important;
}
body.luxury-comparison .section-about .about-card:hover::after{opacity:.48!important;}

/* Modal and Footer use the same calm material language. */
body.luxury-comparison .modal-panel:not(.brand-modal-panel){
  border-color:rgba(185,145,110,.34)!important;
  background:
    linear-gradient(105deg,rgba(236,228,216,.018) 0 1px,transparent 1px 20px),
    linear-gradient(180deg,rgba(29,22,17,.985),rgba(10,7,5,.99))!important;
  box-shadow:0 30px 96px rgba(0,0,0,.76),inset 0 1px 0 rgba(236,228,216,.05)!important;
}
body.luxury-comparison .site-footer{
  background:#060403!important;
  border-top-color:rgba(185,145,110,.20)!important;
}
body.luxury-comparison .site-footer::before{opacity:.58!important;}
body.luxury-comparison .footer-contact a,
body.luxury-comparison .footer-contact p{color:rgba(226,214,195,.66)!important;}
body.luxury-comparison .footer-contact a{
  transition:color .32s ease!important;
}
body.luxury-comparison .footer-contact a:hover{
  color:rgba(216,190,140,.98)!important;
}

@media(max-width:760px){
  body.luxury-comparison .hero-premium .copy h1{font-size:29px!important;}
  body.luxury-comparison .section-fate .section-title h2,
  body.luxury-comparison .section-ju .center-title h2,
  body.luxury-comparison .section-shi .quote-side h2,
  body.luxury-comparison .section-create .create-copy h2,
  body.luxury-comparison .section-about .section-title h2{
    font-size:33px!important;
    letter-spacing:.11em!important;
  }
  body.luxury-comparison .btn.primary,
  body.luxury-comparison .btn.secondary{min-height:48px!important;}
}