:root { --wine:#5b0710; --red:#9e101e; --gold:#c99432; --gold-light:#ffe7a0; --ivory:#fffaf0; --ink:#2c1916; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:#eee2d0; }
body { margin:0; color:var(--ink); background:#eee2d0; font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:inherit; text-decoration:none; -webkit-tap-highlight-color:transparent; }
button { font:inherit; -webkit-tap-highlight-color:transparent; }
.topNav { height:70px; padding:0 max(18px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; position:relative; z-index:5; color:#fff; background:linear-gradient(90deg,#360309,#6d0813 52%,#3b050b); border-bottom:1px solid rgba(255,225,150,.35); box-shadow:0 8px 28px rgba(52,0,8,.2); }
.miniBrand { display:flex; align-items:baseline; font:900 25px Georgia,serif; letter-spacing:1px; }
.miniBrand span { color:#fff; }.miniBrand b { color:#efc66c; }
.officialDomain { justify-self:center; display:flex; align-items:center; gap:8px; color:#d9b980; font-size:11px; letter-spacing:1px; }
.officialDomain i { width:7px; height:7px; border-radius:50%; background:#6ded9e; box-shadow:0 0 10px #6ded9e; }
.officialDomain strong { color:#ffe6a4; font-size:14px; }
.navService { padding:10px 16px; border:1px solid #efca77; border-radius:999px; color:#4a2600; background:linear-gradient(#fff0b2,#d8a94c); font-size:12px; font-weight:900; box-shadow:0 6px 14px rgba(0,0,0,.22); }
.hotelNotice { height:42px; padding:0 max(16px,calc((100vw - 760px)/2)); display:grid; grid-template-columns:12px minmax(0,1fr) 38px; align-items:center; gap:10px; overflow:hidden; color:#fff2bf; background:#210408; border-bottom:1px solid #b77f2e; }
.noticeLight { width:8px; height:8px; border-radius:50%; background:#ffcf42; box-shadow:0 0 10px #ff8b19; animation:blink 1.2s ease-in-out infinite; }
.noticeWindow { height:40px; overflow:hidden; }.noticeTrack { animation:roll 10s cubic-bezier(.7,0,.3,1) infinite; }
.noticeTrack p { height:40px; margin:0; display:flex; align-items:center; justify-content:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; font-weight:800; letter-spacing:.7px; }
.hotelNotice>b { padding:3px 5px; border-radius:4px; color:#fff; background:#c41527; font-size:8px; }
main { overflow:hidden; background:linear-gradient(180deg,#f9f1e4,#eee1cd 58%,#f8efe2); }
.heroShell { width:min(100% - 32px,1180px); margin:30px auto 0; display:grid; grid-template-columns:.86fr 1.14fr; min-height:530px; overflow:hidden; border:1px solid #c79136; border-radius:30px; background:var(--ivory); box-shadow:0 25px 60px rgba(87,35,22,.2); }
.heroCopy { padding:54px 48px 42px; position:relative; color:#fff; background:radial-gradient(circle at 15% 15%,rgba(255,191,71,.22),transparent 26%),linear-gradient(145deg,#870d1d,#4b050d 65%,#260205); }
.heroCopy:after { content:""; position:absolute; inset:15px; border:1px solid rgba(255,221,146,.2); border-radius:20px; pointer-events:none; }
.eyebrow { margin:0 0 13px; color:#e4b85d; font:700 9px Georgia,serif; letter-spacing:4px; }
.heroCopy h1 { width:max-content; margin:0; color:transparent; background:linear-gradient(#fff9d8,#ffd568 42%,#a9660a 82%,#ffeda3); -webkit-background-clip:text; background-clip:text; font:950 58px/1.1 Georgia,"Songti SC",serif; letter-spacing:8px; filter:drop-shadow(0 4px 0 #3d1300) drop-shadow(0 10px 18px rgba(0,0,0,.3)); }
.heroCopy h2 { margin:20px 0 12px; color:#fff2c4; font-size:19px; letter-spacing:2px; }.heroText { margin:0; color:#ddc7b2; font-size:13px; line-height:1.9; }
.heroTags { margin-top:19px; display:flex; flex-wrap:wrap; gap:8px; }.heroTags span { padding:7px 10px; border:1px solid rgba(255,222,155,.35); border-radius:999px; color:#ffe8ae; background:rgba(30,0,3,.26); font-size:10px; font-weight:800; }
.heroButtons { margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:12px; position:relative; z-index:1; }
.heroButtons a { min-height:70px; padding:12px 14px; display:flex; align-items:center; gap:10px; border-radius:14px; box-shadow:0 9px 20px rgba(0,0,0,.24); }.heroButtons em { font-style:normal; font-size:25px; }.heroButtons span { display:grid; gap:3px; }.heroButtons b { font-size:14px; }.heroButtons small { font-size:9px; }
.activityCta { color:#4a2300; background:linear-gradient(135deg,#fff1a8,#e1a72b); }.serviceCta { border:1px solid rgba(255,255,255,.45); color:#fff; background:linear-gradient(135deg,#c42235,#6c0b17); }.serviceCta small { color:#edcdd0; }
.heroStats { margin-top:28px; display:grid; grid-template-columns:repeat(3,1fr); position:relative; z-index:1; }.heroStats div { display:grid; gap:4px; text-align:center; border-right:1px solid rgba(255,221,151,.18); }.heroStats div:last-child { border:0; }.heroStats strong { color:#ffd670; font:900 20px Georgia,serif; }.heroStats span { color:#ba9d84; font-size:9px; }
.heroGallery { padding:20px; display:flex; flex-direction:column; min-width:0; background:#efe0c9; }.galleryTop { height:42px; display:flex; justify-content:space-between; align-items:center; color:#6e4a30; }.galleryTop span { font:800 9px Georgia,serif; letter-spacing:3px; }.galleryTop b { font-size:12px; }
.galleryStage { flex:1; min-height:400px; position:relative; overflow:hidden; border-radius:20px; background:#27110e; box-shadow:0 14px 30px rgba(64,25,15,.24); }.galleryStage img { width:100%; height:100%; display:block; object-fit:cover; animation:reveal .55s ease both; }.galleryStage>div { position:absolute; left:18px; bottom:17px; padding:10px 13px; display:grid; gap:3px; border-left:3px solid #f1c45f; color:#fff; background:rgba(34,7,7,.74); backdrop-filter:blur(8px); }.galleryStage span { color:#e5b851; font-size:8px; font-weight:800; letter-spacing:2px; }.galleryStage b { font-size:15px; }
.galleryFooter { height:48px; display:flex; align-items:flex-end; justify-content:space-between; }.galleryDots { display:flex; gap:7px; }.galleryDots button { width:7px; height:7px; padding:0; border:0; border-radius:99px; background:#b89a78; cursor:pointer; transition:.2s; }.galleryDots button.active { width:25px; background:#8f0d1b; }.galleryFooter>span { color:#805c40; font:800 11px Georgia,serif; }
.trustStrip { width:min(100% - 32px,1100px); margin:25px auto; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #dbc69f; border-radius:18px; background:#fffaf0; box-shadow:0 12px 28px rgba(75,39,24,.08); }.trustStrip div { padding:17px; display:grid; grid-template-columns:auto 1fr; column-gap:10px; border-right:1px solid #eadcc4; }.trustStrip div:last-child { border:0; }.trustStrip span { grid-row:1/3; color:#b78a3c; font:800 19px Georgia,serif; }.trustStrip b { color:#5a1b1b; font-size:12px; }.trustStrip small { margin-top:3px; color:#9b806c; font-size:9px; }
.platformSection { padding:32px 16px 15px; }.sectionHeading { text-align:center; }.sectionHeading p { margin:0 0 8px; color:#aa7929; font:800 9px Georgia,serif; letter-spacing:4px; }.sectionHeading h2 { margin:0; color:#5a0b13; font-size:30px; letter-spacing:4px; }.sectionHeading>span { display:block; margin-top:8px; color:#9a7d65; font-size:11px; }
.platformGrid { width:min(100%,1100px); margin:28px auto 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.platformCard { --tone:#76121d; position:relative; padding:16px 18px 18px; overflow:hidden; border:1px solid #d6bf98; border-radius:20px; background:linear-gradient(135deg,#fffdf8,#f6ecdd); box-shadow:0 13px 30px rgba(73,34,21,.11); }.platformCard:before { content:""; width:120px; height:120px; position:absolute; right:-45px; top:-45px; border-radius:50%; background:var(--tone); opacity:.12; }.platformCard.crimson{--tone:#a51227}.platformCard.charcoal{--tone:#333}.platformCard.amber{--tone:#9b6411}.platformCard.red{--tone:#bd1425}.platformCard.navy{--tone:#15456f}.platformCard.emerald{--tone:#19745d}.platformCard.violet{--tone:#63308f}
.cardTop { display:flex; justify-content:space-between; align-items:center; }.cardIndex { color:#c49a55; font:800 12px Georgia,serif; letter-spacing:2px; }.cardBadge { padding:6px 9px; border-radius:999px; color:#fff; background:var(--tone); font-size:9px; font-weight:800; }
.cardIdentity { margin:10px 0 15px; display:grid; grid-template-columns:104px 1fr; gap:17px; align-items:center; }.brandLogo { width:104px; height:104px; border-radius:50%; background:#111 center/contain no-repeat; box-shadow:0 0 0 4px #fff,0 0 0 5px #d4b26f,0 9px 18px rgba(0,0,0,.18); }.brandLogo.edgeFit { background-size:112%; }.cardIdentity p { margin:0 0 6px; color:#af7c2b; font:800 8px Georgia,serif; letter-spacing:3px; }.cardIdentity h3 { margin:0; color:#4e1115; font-size:23px; letter-spacing:2px; }.cardIdentity small { display:block; margin-top:7px; color:#a18874; font-size:10px; }
.cardActions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.cardActions.triple { grid-template-columns:repeat(3,1fr); }.cardActions a,.cardActions button { height:46px; display:flex; align-items:center; justify-content:center; border-radius:10px; cursor:pointer; font-size:12px; font-weight:900; }.registerBtn { border:1px solid #a62231; color:#fff; background:linear-gradient(#c72b3c,#85101d); }.downloadBtn { border:1px solid #d2a44e; color:#4c2a00; background:linear-gradient(#ffe8a0,#d9a847); }
.offerPanel { width:min(100% - 32px,1100px); margin:30px auto 0; padding:27px; border:1px solid #d1ac67; border-radius:22px; color:#fff; background:linear-gradient(135deg,#740b17,#370308); box-shadow:0 20px 42px rgba(72,7,15,.22); }.offerCopy { display:flex; align-items:center; gap:15px; }.giftMark { width:58px; height:58px; display:grid; place-items:center; border-radius:16px; color:#542a00; background:linear-gradient(#fff0ae,#d7a238); font:900 25px Georgia,serif; }.offerCopy p { margin:0 0 5px; color:#dcae55; font:800 8px Georgia,serif; letter-spacing:3px; }.offerCopy h2 { margin:0 0 5px; color:#ffe5a0; font-size:24px; }.offerCopy small { color:#ceb7a2; }.offerTable { margin:20px 0; display:grid; grid-template-columns:repeat(5,1fr); border:1px solid rgba(255,222,152,.28); border-radius:13px; overflow:hidden; }.offerTable div { padding:13px 6px; display:grid; gap:5px; text-align:center; border-right:1px solid rgba(255,222,152,.18); }.offerTable div:last-child { border:0; }.offerTable span { color:#cbb29a; font-size:10px; }.offerTable b { color:#ffdc78; font-size:14px; }.offerPanel>a { height:48px; display:flex; justify-content:center; align-items:center; gap:10px; border-radius:11px; color:#4c2900; background:linear-gradient(#ffecaa,#d1a144); font-size:13px; font-weight:900; }
.domainReminder { width:min(100% - 32px,760px); margin:25px auto 0; padding:22px; text-align:center; border:1px solid #d7be92; border-radius:18px; background:#fffaf0; }.domainReminder b { color:#7d5f43; font-size:11px; }.domainReminder strong { margin-left:9px; color:#7f0d18; font-size:18px; }.domainReminder p { margin:8px 0 0; color:#99806c; font-size:10px; }
footer { padding:30px 20px 105px; text-align:center; color:#9c8068; font-size:10px; }.footer strong,footer strong { color:#6e302b; font-size:12px; }.footer p,footer p { margin:7px 0 0; }
.floatActivity,.floatService { position:fixed; bottom:18px; z-index:10; display:flex; align-items:center; justify-content:center; gap:7px; box-shadow:0 10px 26px rgba(0,0,0,.3); }.floatActivity { left:max(12px,calc((100vw - 1120px)/2)); width:132px; height:54px; border:2px solid #fff1b0; border-radius:999px; color:#4a2300; background:linear-gradient(135deg,#ffe580,#f49b25); animation:pulse 2s ease-in-out infinite; }.floatService { right:max(12px,calc((100vw - 1120px)/2)); width:122px; height:54px; border:2px solid #f1cb77; border-radius:999px; color:#fff; background:linear-gradient(135deg,#a91a2b,#5d0812); }.floatActivity span,.floatService span { font-size:20px; }.floatActivity b,.floatService b { font-size:12px; }
.toast { max-width:calc(100% - 30px); padding:12px 18px; position:fixed; left:50%; bottom:85px; z-index:20; border:1px solid #d6ac59; border-radius:10px; color:#ffe7a7; background:rgba(53,4,9,.96); transform:translateX(-50%); font-size:11px; }
@keyframes roll { 0%,20%{transform:translateY(0)}27%,47%{transform:translateY(-40px)}54%,74%{transform:translateY(-80px)}81%,100%{transform:translateY(-120px)} }
@keyframes blink { 0%,100%{opacity:.45}50%{opacity:1} } @keyframes reveal { from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)} } @keyframes pulse { 0%,100%{transform:scale(1)}50%{transform:scale(1.04)} }
@media(max-width:760px){
  .topNav{height:60px;padding:0 12px;gap:8px}.miniBrand{font-size:20px}.officialDomain span{display:none}.officialDomain strong{font-size:11px}.navService{padding:8px 10px;font-size:10px}
  .hotelNotice{padding:0 10px}.noticeTrack p{justify-content:flex-start;font-size:10px;letter-spacing:.2px}
  .heroShell{width:calc(100% - 20px);margin-top:16px;grid-template-columns:1fr;border-radius:22px}.heroCopy{padding:37px 24px 30px}.heroCopy h1{font-size:45px;letter-spacing:6px}.heroCopy h2{font-size:16px}.heroGallery{padding:13px}.galleryStage{min-height:225px}.galleryTop{height:35px}.galleryFooter{height:42px}
  .trustStrip{width:calc(100% - 20px);grid-template-columns:1fr 1fr}.trustStrip div:nth-child(2){border-right:0}.trustStrip div:nth-child(-n+2){border-bottom:1px solid #eadcc4}
  .platformSection{padding-inline:10px}.sectionHeading h2{font-size:25px}.platformGrid{grid-template-columns:1fr;gap:14px}.platformCard{padding:14px}.cardIdentity{grid-template-columns:92px 1fr;gap:14px}.brandLogo{width:92px;height:92px}.cardIdentity h3{font-size:20px}.cardActions.triple a,.cardActions.triple button{font-size:10px}
  .offerPanel{width:calc(100% - 20px);padding:20px 14px}.offerTable{grid-template-columns:1fr 1fr}.offerTable div{border-bottom:1px solid rgba(255,222,152,.18)}.offerTable div:nth-child(even){border-right:0}.offerTable div:last-child{grid-column:1/3}.offerCopy small{font-size:10px}
  .floatActivity{left:10px;width:118px}.floatService{right:10px;width:112px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* xsyl66.cc 独立主题：翡翠绿、冰川白、香槟金 */
:root { --wine:#073e35; --red:#0f6959; --gold:#c4a45a; --gold-light:#fff0b6; --ivory:#f8fffc; --ink:#153b35; }
html,body { background:#dfece7; }
.topNav { background:linear-gradient(90deg,#032c27,#086153 52%,#023630); border-bottom-color:rgba(255,235,174,.45); box-shadow:0 8px 28px rgba(0,58,48,.23); }
.miniBrand span { color:#effff9; }.miniBrand b { color:#f2d78c; }
.officialDomain { color:#afd7cc; }.officialDomain strong { color:#fff0b6; }
.navService { border-color:#f0d994; color:#183b33; background:linear-gradient(#fff8d6,#d8bd70); }
.hotelNotice { color:#f9edbe; background:linear-gradient(90deg,#021f1b,#08483e,#021f1b); border-bottom-color:#a88f4b; }
.hotelNotice>b { background:#0fa27f; }
main { background:radial-gradient(circle at 15% 10%,rgba(27,160,129,.12),transparent 25%),radial-gradient(circle at 88% 18%,rgba(199,171,99,.12),transparent 22%),linear-gradient(180deg,#f1faf6,#dfece7 58%,#eef8f4); }
.heroShell { border-color:#bca767; background:#f8fffc; box-shadow:0 25px 60px rgba(20,78,65,.18); }
.heroCopy { background:radial-gradient(circle at 15% 15%,rgba(255,221,130,.22),transparent 26%),linear-gradient(145deg,#0b7662,#034137 65%,#012b25); }
.heroCopy:after { border-color:rgba(255,235,172,.25); }
.heroCopy h1 { background:linear-gradient(#fffbe1,#f3d98a 42%,#aa8230 82%,#fff2ba); -webkit-background-clip:text; background-clip:text; filter:drop-shadow(0 4px 0 #1b3828) drop-shadow(0 10px 18px rgba(0,0,0,.25)); }
.heroCopy h2 { color:#fff2c7; }.heroText { color:#c7ddd6; }.heroTags span { border-color:rgba(255,235,180,.34); color:#fff0bd; background:rgba(0,45,37,.28); }
.serviceCta { border-color:rgba(218,255,242,.5); background:linear-gradient(135deg,#16a485,#075f51); }.serviceCta small { color:#d5eee7; }
.heroStats div { border-right-color:rgba(255,235,176,.2); }.heroStats span { color:#a9cbc1; }
.heroGallery { background:#dbece6; }.galleryTop { color:#35655b; }.galleryStage { background:#092d27; box-shadow:0 14px 30px rgba(11,68,56,.22); }.galleryStage>div { border-left-color:#e8cd7f; background:rgba(0,42,34,.76); }.galleryDots button { background:#90afa6; }.galleryDots button.active { background:#08735f; }.galleryFooter>span { color:#3b6d62; }
.trustStrip { border-color:#bfd6ce; background:#f8fffc; box-shadow:0 12px 28px rgba(20,78,65,.08); }.trustStrip div { border-right-color:#d8e7e2; }.trustStrip span { color:#a98942; }.trustStrip b { color:#0d5448; }.trustStrip small { color:#719188; }
.sectionHeading h2 { color:#095547; }.sectionHeading>span { color:#698a81; }
.platformCard { border-color:#bfd5cd; background:linear-gradient(135deg,#fcfffd,#eaf4f0); box-shadow:0 13px 30px rgba(19,80,66,.1); }.platformCard:before { opacity:.09; }.cardIdentity h3 { color:#114f44; }.cardIdentity small { color:#79958d; }
.registerBtn { border-color:#167563; background:linear-gradient(#159579,#08604f); }.downloadBtn { border-color:#c4a454; background:linear-gradient(#fff0b5,#d2b360); }
.offerPanel { border-color:#c3aa64; background:radial-gradient(circle at 92% 10%,rgba(255,224,139,.15),transparent 25%),linear-gradient(135deg,#086451,#022f28); box-shadow:0 20px 42px rgba(6,74,60,.2); }.offerCopy small { color:#c0d8d1; }.offerTable span { color:#bed4cd; }.offerPanel>a { color:#173e36; background:linear-gradient(#fff1ba,#d1b160); }
.domainReminder { border-color:#bed5cd; background:#f8fffc; }.domainReminder b { color:#567b72; }.domainReminder strong { color:#08715d; }.domainReminder p { color:#78938c; }
footer { color:#718c84; }footer strong { color:#245d52; }
.floatActivity { color:#24453b; background:linear-gradient(135deg,#fff0ad,#d8b75f); }.floatService { border-color:#cdeee4; background:linear-gradient(135deg,#16a585,#075b4e); }
.toast { border-color:#d7bf76; color:#fff1b9; background:rgba(2,47,40,.96); }

/* 首存活动恢复为纵向双列表格 */
.offerTable {
  display:block;
  padding:0;
  background:linear-gradient(145deg,rgba(3,15,13,.96),rgba(10,6,7,.98));
  border:1px solid rgba(214,171,74,.42);
  border-radius:14px;
  overflow:hidden;
}
.offerTable table { width:100%; border-collapse:collapse; table-layout:fixed; }
.offerTable th {
  height:52px;
  padding:10px 8px;
  color:#191006;
  background:linear-gradient(180deg,#ffe899,#d6a72d);
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
}
.offerTable td {
  height:66px;
  padding:10px 8px;
  color:#fff;
  text-align:center;
  font-size:clamp(20px,3.4vw,27px);
  font-weight:900;
}
.offerTable td b { color:#fff; font-size:inherit; }
.offerTable th + th,
.offerTable td + td { border-left:1px solid rgba(255,255,255,.18); }
.offerTable tbody tr + tr td { border-top:1px solid rgba(255,255,255,.18); }

/* 已移除顶部品牌介绍块，仅保留下方实景轮播 */
.heroCopy { display:none !important; }
.heroShell { width:min(100% - 32px,920px); grid-template-columns:1fr; min-height:0; }
.heroGallery { min-height:500px; }
.galleryStage { min-height:430px; }
@media(max-width:760px){
  .heroShell { width:calc(100% - 20px); }
  .heroGallery { min-height:300px; }
  .galleryStage { min-height:235px; }
}