*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#26221b;font-family:"Microsoft YaHei","SimSun",sans-serif;background-image:repeating-linear-gradient(125deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 2px,transparent 2px,transparent 6px)}a{text-decoration:none;color:inherit}.page{width:1100px;margin:28px auto;display:grid;grid-template-columns:280px 820px;box-shadow:0 0 35px #000}
.sidebar{min-height:930px;background:#050505;position:relative;overflow:hidden;color:#aaa;border-right:1px solid #291007}.logo-panel{height:218px;background:#061437;border-bottom:5px solid #7e160f;overflow:hidden}.logo-panel img{width:100%;height:100%;object-fit:cover}
.side-promo{height:118px;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.65)),url("assets/laojie-city.png") center/cover;border-bottom:2px solid #650d08}.side-promo span{color:#f1d260;font:bold 38px "STKaiti",serif;text-shadow:0 2px 5px #000}
.support{text-align:center;padding:18px 8px;background:linear-gradient(#151515,#050505);border-bottom:1px solid #262626}.support strong{display:block;color:#d6e616;font-size:20px}.support b{display:block;color:#e8d24c;font-size:22px;margin-top:6px}
.contact-box{margin:28px 18px;padding:22px 20px;background:rgba(32,32,32,.73);border:1px solid #1c1c1c;font-size:14px;line-height:1.55;position:relative;z-index:2}.contact-box p{margin:8px 0}.tower{position:absolute;bottom:-5px;left:30px;width:220px;height:390px;clip-path:polygon(28% 100%,37% 15%,48% 0,58% 16%,70% 100%);background:repeating-linear-gradient(90deg,#151515 0,#151515 7px,#2a2a2a 8px,#090909 11px),linear-gradient(#333,#060606);opacity:.82;filter:drop-shadow(0 0 12px #333)}.tower:after{content:"";position:absolute;inset:45px 50px;background:repeating-linear-gradient(#a99444 0,#a99444 2px,transparent 2px,transparent 14px);opacity:.45}
.contact-box a:hover{color:#f0d458}.side-online{display:inline-block;color:#e9d151;border-bottom:1px solid #806d25;font-weight:bold}
.content{background:#e7dfbd}.hero-photo{height:220px;position:relative;overflow:hidden;background:#222}.photo-crop{position:absolute;inset:0;overflow:hidden}.header-crop img{width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:brightness(.58) sepia(.12)}.hero-shade{position:absolute;inset:0;padding:58px 50px;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.03));color:#fff}.hero-shade p{font:12px Georgia;letter-spacing:5px;color:#e7c75a;margin:0}.hero-shade h1{font:42px "STKaiti",serif;margin:10px 0 7px;color:#f1d665;text-shadow:1px 2px 4px #000}.hero-shade span{font-size:13px;letter-spacing:5px;color:#ddd}
nav{height:86px;padding:25px 40px 17px;background:linear-gradient(#96150f,#4d0604 48%,#780b08 49%,#270202);border-top:5px solid #a52720;border-bottom:6px solid #3a150c}.nav-links{height:42px;display:grid;grid-template-columns:repeat(7,1fr);align-items:center;background:linear-gradient(#242424,#050505);border-radius:24px;overflow:hidden;border:1px solid #470908}.nav-links a{text-align:center;color:#e4c85a;font-weight:bold;font-size:14px;border-right:2px solid #444;padding:10px 2px}.nav-links a:last-child{border:0}.nav-links a:hover,.nav-links a.active{background:linear-gradient(#5a0b08,#170000);color:#fff191}.nav-toggle{display:none}
main{padding:38px 42px 48px;display:grid;grid-template-columns:1fr 355px;gap:35px 40px;min-height:650px;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:100% 42px}.intro{grid-column:1}.facilities{grid-column:2;grid-row:1/3}.news{grid-column:1}.block-title{height:46px;border-bottom:1px solid #c9bd8c;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 10px rgba(116,91,22,.08);margin-bottom:24px}.block-title h2{margin:0;font:bold 22px "STKaiti","SimSun",serif;color:#8f251f}.block-title h2 i{font-style:normal;color:#777;text-shadow:2px 1px 2px #fff;margin-right:9px}.block-title span,.block-title a{font:10px Georgia;color:#90752f;letter-spacing:1px}.intro>p{font-size:14px;line-height:2.05;margin:0 0 7px;text-indent:2em}
.facility-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 9px}.facility-grid article{margin:0;text-align:center}.shot{height:108px;border:3px solid #fff;box-shadow:0 0 0 1px #c1ae6d;position:relative;overflow:hidden;background-color:#211}.facility-grid p{font-size:13px;margin:8px 0 5px}.shot-logo{background:url("assets/front-desk.png") center 28%/cover}.shot-room{background:url("assets/room-white.jpg") center/cover}.shot-dining{background:url("assets/dining.jpg") center/cover}.shot-pool{background:url("assets/entertainment-hall.jpg") center/cover}.shot-meeting{background:url("assets/room-suite.jpg") center/cover}.shot-hall{background:url("assets/shuttle.png") center/cover}
.news ul{padding:0 0 0 5px;margin:0;list-style:none}.news li{height:31px;border-bottom:1px dotted #766f5a;display:flex;align-items:center;font-size:13px}.news li:before{content:"•";margin-right:10px;color:#705a23}.news li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news time{font-size:11px}
footer{height:64px;background:linear-gradient(#b11710,#650704 45%,#8e0c08);color:#eee;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-top:4px solid #3e0704;font-size:12px}footer>div{display:flex}footer a{padding:0 10px;border-right:1px solid #eee}footer a:first-child{padding-left:0}footer p{margin:0;font-weight:bold}
@media(max-width:760px){body{background:#090909}.page{width:100%;margin:0;display:block}.sidebar{min-height:0;height:auto;display:grid;grid-template-columns:120px 1fr}.logo-panel{height:135px}.dragon{font-size:36px}.logo-name{font-size:18px;padding:3px 8px}.logo-panel small{font-size:5px}.side-promo,.tower{display:none}.support{padding:25px 10px}.support strong{font-size:14px}.support b{font-size:16px}.contact-box{grid-column:1/3;margin:0;padding:12px 18px;display:flex;gap:14px;overflow:auto;white-space:nowrap}.contact-box p{font-size:11px}.content{width:100%}.hero-photo{height:180px}.header-crop img{width:1380px;left:-565px;top:-32px}.hero-shade{padding:40px 25px}.hero-shade h1{font-size:34px}nav{height:auto;padding:10px;background:#710b07}.nav-toggle{display:block;width:100%;height:38px;border:1px solid #3b0302;background:#111;color:#e6cb60;font-weight:bold}.nav-links{display:none;height:auto;border-radius:0;grid-template-columns:1fr 1fr}.nav-links.open{display:grid}.nav-links a{padding:13px 2px;border-bottom:1px solid #333}.nav-links a:last-child{grid-column:1/3}main{display:block;padding:25px 18px}.intro,.facilities,.news{margin-bottom:35px}.facility-grid{gap:14px}.shot{height:115px}.news li{font-size:12px}footer{height:auto;min-height:100px;padding:18px;display:block}footer>div{flex-wrap:wrap;gap:8px}footer a{padding:0 8px}footer p{margin-top:18px}}


/* ===== 客服按钮重排 + 动态呼吸效果 + 手机端强显示 ===== */
@keyframes breatheGlow{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,215,90,.54),0 12px 30px rgba(0,0,0,.24)}
  55%{transform:scale(1.045);box-shadow:0 0 0 16px rgba(255,215,90,0),0 18px 42px rgba(0,0,0,.34)}
  100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,215,90,0),0 12px 30px rgba(0,0,0,.24)}
}
.float-customer{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.float-customer a{
  width:86px;
  min-height:74px;
  border-radius:18px;
  background:linear-gradient(180deg,#fffaf0,#f5e7c6);
  border:1px solid rgba(196,151,57,.55);
  color:#4b3008;
  box-shadow:0 12px 26px rgba(0,0,0,.20);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:900;
  line-height:1.25;
}
.float-customer a:hover{transform:translateY(-2px)}
.float-customer .float-main{
  background:linear-gradient(135deg,#ffe38a,#d99829);
  color:#1b160b;
  border-color:#ffe399;
}
.float-customer .ico{
  font-size:23px;
  display:block;
  margin-bottom:5px;
}
.float-customer b{
  font-size:13px;
}
.breathe{animation:breatheGlow 1.65s ease-in-out infinite}
.mobile-customer-bar{display:none}
.side-online,.article a[href^="https://eothr7o"],.contact-card a[href^="https://eothr7o"]{
  color:#8a140d;
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* 图片窗口统一校正：避免图片找不到位置、裁切错乱 */
.header-crop img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;position:static!important}
.shot{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
.shot-logo{background-position:center 35%!important}
.shot-room{background-position:center center!important}
.shot-dining{background-position:center center!important}
.shot-pool{background-position:center center!important}
.shot-meeting{background-position:center center!important}
.shot-hall{background-position:center center!important}

@media(max-width:760px){
  body{padding-bottom:78px!important}
  .float-customer{display:none!important}
  .mobile-customer-bar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:10000;
    display:grid;
    grid-template-columns:1.5fr .7fr .7fr;
    gap:8px;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom));
    background:rgba(8,8,8,.96);
    border-top:1px solid rgba(238,207,96,.45);
    box-shadow:0 -10px 28px rgba(0,0,0,.38);
  }
  .mobile-customer-bar a{
    min-height:54px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:900;
    color:#201407;
    background:linear-gradient(135deg,#ffe690,#d89b2b);
    border:1px solid rgba(255,235,163,.78);
  }
  .mobile-customer-bar a:not(.mobile-main){
    background:#fff8e8;
    color:#4b3008;
    font-size:14px;
  }
  .mobile-customer-bar .mobile-main{
    font-size:16px;
  }
  .contact-box{
    padding-bottom:14px!important;
  }
  .support{
    border-bottom:2px solid #e7c65a;
  }
}


/* ===== V3：左侧“客服咨询请添加 官方在线客服”改成可点击客服按钮 ===== */
.support-click{
  display:block;
  text-decoration:none!important;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(255,230,90,.15);
  border-bottom:1px solid rgba(255,230,90,.22);
}
.support-click:before{
  content:"";
  position:absolute;
  left:-80%;
  top:0;
  width:55%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transform:skewX(-20deg);
  animation:supportShine 2.6s linear infinite;
}
.support-click strong,
.support-click b,
.support-click em{
  position:relative;
  z-index:2;
}
.support-click em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  margin-top:12px;
  padding:8px 18px;
  border-radius:999px;
  font-style:normal;
  font-size:14px;
  font-weight:900;
  color:#1b1205;
  background:linear-gradient(135deg,#ffe680,#d99d2d);
  box-shadow:0 8px 18px rgba(217,157,45,.24);
}
.support-click:hover{
  background:linear-gradient(#202000,#090909)!important;
}
.support-click:hover b,
.support-click:hover strong{
  color:#fff06a!important;
}
@keyframes supportShine{
  0%{left:-80%}
  100%{left:130%}
}
@media(max-width:760px){
  .support-click{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:135px;
  }
  .support-click em{
    font-size:13px;
    min-height:34px;
    padding:7px 14px;
  }
}