/* ============ reset / base ============ */
*{margin:0;padding:0;box-sizing:border-box}
html,body{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#666;font-size:14px;line-height:1.7;background:#fff;-webkit-font-smoothing:antialiased}
body{overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:color .3s}
a:hover{color:#fffcb6}
ul,ol{list-style:none}
img{max-width:100%;display:block;border:0}
.wrap{max-width:1150px;margin:0 auto;padding:0 15px}
.clear::after{content:"";display:block;clear:both}
.text-center{text-align:center}
.img-wrap{overflow:hidden;background:#f3f3f3}
.img-pic{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.img-fallback{background:linear-gradient(135deg,#B3998A,#4E3D33);display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;color:#fff;font-size:14px;border-radius:0}

/* ============ topbox: lotbox + menubox ============ */
.topbox{position:fixed;left:0;right:0;top:0;z-index:100;background:#4B3022;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.lotbox{background:#4B3022;color:#a58f83;font-size:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.lotbox-in{max-width:1150px;margin:0 auto;padding:0 15px;height:36px;display:flex;align-items:center;justify-content:space-between}
.lot-wel{}
.lot-contact{display:flex;align-items:center;gap:18px}
.lot-contact span{color:#a58f83}
.lot-contact .lot-tel{color:#fffcb6;font-weight:bold}
.lot-contact a:hover{color:#fffcb6}
.menubox{background:#4B3022}
.menubox-in{max-width:1150px;margin:0 auto;padding:0 15px;height:86px;display:flex;align-items:center;justify-content:space-between}
.logo-box{display:flex;align-items:center;gap:12px}
.logo-ico{flex-shrink:0}
.logo-txt{display:flex;flex-direction:column;line-height:1.2}
.logo-name{color:#fff;font-size:22px;font-weight:bold;letter-spacing:1px}
.logo-sub{color:#a58f83;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.nav-list{display:flex;align-items:center}
.nav-li{position:relative;margin:0 4px}
.nav-li>a{display:block;color:#fff;padding:8px 18px;font-size:15px;line-height:33px;position:relative}
.nav-li>a .nav-en{display:block;font-size:10px;color:#a58f83;letter-spacing:1px;text-transform:uppercase;margin-top:-2px}
.nav-li:hover>a,.nav-li.active>a{color:#fffcb6}
.nav-li>a::after{content:"";position:absolute;left:50%;bottom:2px;height:1px;width:0;background:#fffcb6;transition:all .4s;transform:translateX(-50%)}
.nav-li:hover>a::after,.nav-li.active>a::after{width:70%}
.submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#FFFCFA;min-width:150px;padding:6px 0;box-shadow:0 6px 16px rgba(0,0,0,.18);opacity:0;visibility:hidden;transition:all .3s;border-top:3px solid #B3998A;z-index:10}
.nav-li:hover .submenu{opacity:1;visibility:visible;top:100%}
.submenu li{display:block}
.submenu li a{display:block;color:#666;padding:9px 18px;font-size:13px;white-space:nowrap}
.submenu li a:hover{background:#B3998A;color:#fff}
.m-toggle{display:none;cursor:pointer;color:#fff;font-size:26px;padding:6px 10px;line-height:1;background:none;border:0}

/* ============ banner fade carousel ============ */
.banner{position:relative;margin-top:122px;height:600px;overflow:hidden;background:#4B3022}
.banner-track{position:absolute;inset:0}
.banner-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s;background-size:cover;background-position:center}
.banner-slide.active{opacity:1}
.banner-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(75,48,34,.35) 0%,rgba(78,61,51,.55) 100%)}
.banner-txt{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;z-index:2;padding:0 20px}
.banner-txt h2{font-size:48px;font-weight:bold;letter-spacing:3px;margin-bottom:18px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.banner-txt .lead{font-size:18px;margin-bottom:30px;letter-spacing:1px;opacity:.95}
.banner-btn{display:inline-block;background:#B3998A;color:#fff !important;padding:13px 38px;border-radius:24px;font-size:15px;letter-spacing:2px;transition:all .35s;border:1px solid #B3998A}
.banner-btn:hover{background:#4E3D33;border-color:#4E3D33}
.banner-dots{position:absolute;left:0;right:0;bottom:30px;text-align:center;z-index:3}
.banner-dots span{display:inline-block;width:40px;height:4px;background:rgba(255,255,255,.4);margin:0 5px;cursor:pointer;transition:all .35s;vertical-align:middle}
.banner-dots span.active{background:#fff;height:4px}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;border:0;cursor:pointer;font-size:22px;z-index:3;transition:background .3s;display:flex;align-items:center;justify-content:center}
.banner-arrow:hover{background:rgba(179,153,138,.85)}
.banner-arrow.prev{left:20px}
.banner-arrow.next{right:20px}

/* ============ section / title ============ */
.section{padding:70px 0}
.section.gray{background:#f8f8f8}
.sec-head{text-align:center;margin-bottom:45px}
.sec-tit{font-size:30px;color:#333;font-weight:bold;letter-spacing:2px}
.sec-en{display:block;font-size:13px;color:#b1b1b1;letter-spacing:3px;text-transform:uppercase;margin-top:6px;font-family:Arial}
.sec-line{width:60px;height:3px;background:#B3998A;margin:14px auto 0}

/* ============ about home ============ */
.about-row{display:flex;gap:46px;align-items:center}
.about-img{flex:0 0 46%}
.about-img .img-wrap{height:340px;border-radius:4px;box-shadow:0 10px 30px rgba(75,48,34,.18)}
.about-img .img-pic{transition:transform .8s}
.about-img:hover .img-pic{transform:scale(1.05)}
.about-con{flex:1}
.about-con h3{font-size:24px;color:#333;margin-bottom:16px;font-weight:bold}
.about-con p{color:#777;margin-bottom:14px;line-height:1.9}
.about-more{display:inline-block;color:#fff !important;background:#B3998A;padding:10px 30px;border-radius:20px;font-size:13px;letter-spacing:1px;margin-top:6px;transition:all .35s;border:1px solid #B3998A}
.about-more:hover{background:#4E3D33;border-color:#4E3D33}
.stat-row{display:flex;gap:0;margin-top:50px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.stat-item{flex:1;text-align:center;padding:26px 10px;border-right:1px solid #eee}
.stat-item:last-child{border-right:0}
.stat-num{font-size:38px;color:#B3998A;font-weight:bold;font-family:Arial;line-height:1.1}
.stat-suffix{font-size:18px;color:#B3998A}
.stat-label{font-size:13px;color:#999;margin-top:8px}

/* ============ featured rooms carousel ============ */
.room-sec{position:relative}
.room-viewport{overflow:hidden;padding:0 10px}
.room-track{display:flex;gap:24px;transition:transform .6s}
.room-card{flex:0 0 calc((100% - 48px) / 3);background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.06);border-radius:4px;overflow:hidden}
.room-card .img-wrap{height:240px}
.room-card .img-pic{transition:transform .6s}
.room-card:hover .img-pic{transform:scale(1.06)}
.room-body{padding:20px}
.room-body h4{font-size:18px;color:#333;margin-bottom:8px;font-weight:bold}
.room-cat{display:inline-block;font-size:12px;color:#B3998A;background:rgba(179,153,138,.1);padding:3px 12px;border-radius:12px;margin-bottom:10px}
.room-desc{font-size:13px;color:#888;line-height:1.7;height:46px;overflow:hidden}
.room-more{display:inline-block;margin-top:12px;color:#B3998A !important;font-size:13px}
.room-more:hover{color:#4E3D33 !important}
.room-arrow{position:absolute;top:38%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(179,153,138,.85);color:#fff;border:0;cursor:pointer;font-size:20px;z-index:5;display:flex;align-items:center;justify-content:center;transition:background .3s}
.room-arrow:hover{background:#4E3D33}
.room-arrow.prev{left:-4px}
.room-arrow.next{right:-4px}

/* ============ news home (2 items) ============ */
.news-row{display:flex;gap:40px}
.news-feature{flex:1;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.06);border-radius:4px;overflow:hidden}
.news-feature .img-wrap{height:230px}
.news-feature .img-pic{transition:transform .6s}
.news-feature:hover .img-pic{transform:scale(1.05)}
.news-feature-body{padding:22px}
.news-feature-body h4{font-size:18px;color:#333;margin-bottom:10px;font-weight:bold;line-height:1.5}
.news-feature-body .news-meta{font-size:13px;color:#999;margin-bottom:12px}
.news-feature-body .news-meta .news-cat{color:#B3998A;margin-right:10px}
.news-feature-body p{font-size:13px;color:#888;line-height:1.8}
.news-feature-body .news-more{display:inline-block;margin-top:14px;color:#B3998A !important;font-size:13px}
.news-feature-body .news-more:hover{color:#4E3D33 !important}

/* ============ contact home (info + form) ============ */
.contact-row{display:flex;gap:46px;align-items:stretch}
.contact-info-box{flex:1;color:#999}
.contact-info-box h3{font-size:22px;color:#333;margin-bottom:20px;font-weight:bold}
.contact-info-box p{margin-bottom:18px;line-height:1.9}
.contact-line{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.contact-cico{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#B3998A;color:#fff !important;display:flex;align-items:center;justify-content:center;font-size:16px;font-style:normal}
.contact-cinfo strong{display:block;color:#333;font-size:15px;margin-bottom:2px}
.contact-cinfo span{font-size:13px;color:#888}
.contact-form-box{flex:1;background:#fff;padding:30px;border-radius:4px;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.cf-row{display:flex;gap:14px;margin-bottom:14px}
.cf-input{flex:1;padding:11px 14px;border:1px solid #e0e0e0;font-size:13px;color:#333;background:#fff;border-radius:2px;font-family:inherit}
.cf-input:focus{outline:none;border-color:#B3998A}
.cf-textarea{width:100%;padding:11px 14px;border:1px solid #e0e0e0;font-size:13px;color:#333;background:#fff;border-radius:2px;font-family:inherit;resize:vertical;min-height:90px;margin-bottom:14px}
.cf-textarea:focus{outline:none;border-color:#B3998A}
.cf-submit{width:100%;padding:13px;background:#B3998A;color:#fff;border:0;font-size:15px;letter-spacing:2px;cursor:pointer;transition:background .35s;border-radius:2px}
.cf-submit:hover{background:#4E3D33}

/* ============ n-banner inner ============ */
.n-banner{margin-top:122px;height:300px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}
.n-banner-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(75,48,34,.45),rgba(78,61,51,.65))}
.n-banner-txt{position:relative;text-align:center;color:#fff;z-index:2;padding:0 20px}
.n-banner-txt h1{font-size:36px;font-weight:bold;letter-spacing:3px;margin-bottom:8px}
.n-banner-txt .n-en{font-size:13px;color:#fffcb6;letter-spacing:3px;text-transform:uppercase}

/* ============ crumb ============ */
.crumb{background:#f8f8f8;border-bottom:1px solid #eee}
.crumb-in{max-width:1150px;margin:0 auto;padding:14px 15px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#999}
.crumb-path a{color:#999}
.crumb-path a:hover{color:#B3998A}
.crumb-path .sep{margin:0 6px;color:#ccc}
.crumb-path .cur{color:#B3998A}
.crumb-en{color:#ccc;font-size:12px;letter-spacing:1px;text-transform:uppercase}

/* ============ product list ============ */
.pl-cats{text-align:center;margin-bottom:34px}
.pl-cat{display:inline-block;padding:7px 22px;margin:0 5px 10px;border:1px solid #e0e0e0;border-radius:18px;font-size:13px;color:#666;cursor:pointer;transition:all .3s;background:#fff}
.pl-cat.active,.pl-cat:hover{background:#B3998A;color:#fff;border-color:#B3998A}
.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pager{text-align:center;margin-top:40px}
.pager a{display:inline-block;min-width:36px;height:36px;line-height:36px;padding:0 8px;margin:0 3px;color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:2px;font-size:13px}
.pager a:hover,.pager a.hover{background:#4B3022;color:#fff;border-color:#4B3022}

/* ============ product detail ============ */
.pd-top{display:flex;gap:40px;margin-bottom:40px}
.pd-img{flex:0 0 42%}
.pd-img .img-wrap{height:380px;border-radius:4px}
.pd-info{flex:1}
.pd-cat{display:inline-block;font-size:12px;color:#fff;background:#B3998A;padding:3px 14px;border-radius:12px;margin-bottom:14px}
.pd-info h1{font-size:26px;color:#333;font-weight:bold;margin-bottom:14px;line-height:1.4}
.pd-brief{font-size:14px;color:#888;line-height:1.9;margin-bottom:22px;padding-bottom:22px;border-bottom:1px dashed #eee}
.pd-params{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:13px}
.pd-params th{background:#f8f8f8;color:#666;text-align:left;padding:11px 14px;width:140px;border:1px solid #eee;font-weight:normal}
.pd-params td{padding:11px 14px;border:1px solid #eee;color:#666}
.pd-quote{display:inline-block;background:#B3998A;color:#fff !important;padding:11px 30px;border-radius:20px;font-size:14px;letter-spacing:1px;transition:background .35s}
.pd-quote:hover{background:#4E3D33}
.pd-block{margin-top:36px}
.pd-block h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:18px;padding-left:14px;border-left:4px solid #B3998A;line-height:1.3}
.pd-p{color:#777;line-height:1.9;margin-bottom:14px;text-indent:2em;font-size:14px}
.pd-feat{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:10px}
.pd-feat li{position:relative;padding:10px 10px 10px 30px;color:#666;font-size:14px;background:#f8f8f8;border-radius:2px}
.pd-feat li::before{content:"\\2714";position:absolute;left:10px;top:10px;color:#B3998A;font-weight:bold}
.relate-h{font-size:18px;color:#333;font-weight:bold;margin:46px 0 22px;padding-left:14px;border-left:4px solid #B3998A}
.relate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.relate-card{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);border-radius:4px;overflow:hidden}
.relate-card .img-wrap{height:130px}
.relate-card h5{font-size:13px;color:#333;padding:10px;text-align:center;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pagef{display:flex;justify-content:space-between;margin-top:40px;padding-top:24px;border-top:1px solid #eee;font-size:13px}
.pagef a{color:#666;max-width:46%}
.pagef a:hover{color:#B3998A}
.pagef-prev,.pagef-next{display:inline-block}
.returnlist{display:inline-block;margin-top:20px;color:#B3998A !important;font-size:13px}

/* ============ news list ============ */
.nl-item{display:flex;gap:24px;background:#fff;padding:24px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,.05);border-radius:4px;transition:box-shadow .35s,transform .35s}
.nl-item:hover{box-shadow:0 8px 22px rgba(0,0,0,.1);transform:translateY(-2px)}
.nl-thumb{flex:0 0 260px}
.nl-thumb .img-wrap{height:170px;border-radius:3px}
.nl-thumb .img-pic{transition:transform .6s}
.nl-item:hover .nl-thumb .img-pic{transform:scale(1.05)}
.nl-body{flex:1;display:flex;flex-direction:column;justify-content:center}
.nl-meta{font-size:13px;color:#999;margin-bottom:10px}
.nl-meta .nl-cat{color:#fff;background:#B3998A;padding:2px 10px;border-radius:10px;margin-right:10px;font-size:12px}
.nl-body h3{font-size:18px;color:#333;margin-bottom:12px;font-weight:bold;line-height:1.5}
.nl-body h3 a:hover{color:#B3998A}
.nl-desc{font-size:13px;color:#888;line-height:1.8}

/* ============ news detail ============ */
.article{padding:10px 0}
.article h1{font-size:26px;color:#333;text-align:center;font-weight:bold;margin-bottom:18px;line-height:1.4}
.a-meta{text-align:center;font-size:13px;color:#999;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid #eee}
.a-meta .a-cat{color:#B3998A;margin-right:12px}
.a-p{color:#666;line-height:2;margin-bottom:18px;text-indent:2em;font-size:14px}
.a-fig{margin:24px 0;text-align:center}
.a-fig .img-wrap{height:380px;border-radius:4px}

/* ============ about page ============ */
.about-intro{display:flex;gap:40px;align-items:center;margin-bottom:50px}
.about-intro-txt{flex:1}
.about-intro-txt h3{font-size:22px;color:#333;font-weight:bold;margin-bottom:16px}
.about-intro-txt p{color:#777;line-height:1.9;margin-bottom:12px}
.about-intro-img{flex:0 0 44%}
.about-intro-img .img-wrap{height:300px;border-radius:4px}
.timeline{position:relative;padding-left:30px;margin:40px 0}
.timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:#ddd}
.tl-item{position:relative;padding-bottom:30px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:-30px;top:6px;width:14px;height:14px;border-radius:50%;background:#B3998A;border:3px solid #fff;box-shadow:0 0 0 2px #B3998A}
.tl-year{font-size:18px;color:#B3998A;font-weight:bold;font-family:Arial;margin-bottom:4px}
.tl-title{font-size:16px;color:#333;font-weight:bold;margin-bottom:4px}
.tl-desc{font-size:13px;color:#888;line-height:1.7}
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:46px 0}
.culture-card{background:#fff;padding:30px 24px;text-align:center;border-top:3px solid #B3998A;box-shadow:0 4px 14px rgba(0,0,0,.05);border-radius:4px}
.culture-ico{width:60px;height:60px;margin:0 auto 16px;background:rgba(179,153,138,.12);border-radius:50%;display:flex;align-items:center;justify-content:center}
.culture-ico svg{width:28px;height:28px;fill:none;stroke:#B3998A;stroke-width:1.8}
.culture-card h4{font-size:18px;color:#333;font-weight:bold;margin-bottom:10px}
.culture-card p{font-size:13px;color:#888;line-height:1.8}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.team-card{background:#fff;text-align:center;padding:24px;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.team-card .img-wrap{width:120px;height:120px;border-radius:50%;margin:0 auto 14px}
.team-card h5{font-size:17px;color:#333;font-weight:bold;margin-bottom:4px}
.team-card .team-pos{font-size:13px;color:#B3998A}
#team{scroll-margin-top:130px}
#culture{scroll-margin-top:130px}

/* ============ contact page ============ */
.cinfo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}
.cinfo-card{background:#fff;padding:26px 18px;text-align:center;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.05);border-top:3px solid transparent;transition:border-color .35s}
.cinfo-card:hover{border-top-color:#B3998A}
.cinfo-ico{width:48px;height:48px;margin:0 auto 12px;background:rgba(179,153,138,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#B3998A}
.cinfo-card h5{font-size:15px;color:#333;font-weight:bold;margin-bottom:6px}
.cinfo-card p{font-size:13px;color:#888;line-height:1.6}
.cform{background:#fff;padding:34px;border-radius:4px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.cform h3{font-size:20px;color:#333;font-weight:bold;margin-bottom:22px;padding-left:12px;border-left:4px solid #B3998A}
.mf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}
.mf-input{padding:11px 14px;border:1px solid #e0e0e0;font-size:13px;color:#333;border-radius:2px;font-family:inherit}
.mf-input:focus{outline:none;border-color:#B3998A}
.mf-textarea{grid-column:1/-1;padding:11px 14px;border:1px solid #e0e0e0;font-size:13px;color:#333;border-radius:2px;font-family:inherit;resize:vertical;min-height:110px;margin-bottom:14px}
.mf-textarea:focus{outline:none;border-color:#B3998A}
.mf-submit{grid-column:1/-1;width:100%;padding:13px;background:#B3998A;color:#fff;border:0;font-size:15px;letter-spacing:2px;cursor:pointer;transition:background .35s;border-radius:2px}
.mf-submit:hover{background:#4E3D33}

/* ============ footer ============ */
.footer{background:#4E3D33;color:#a58f83;padding:54px 0 0}
.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.6fr 1fr;gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.08)}
.fcol h4{color:#fff;font-size:15px;margin-bottom:18px;font-weight:bold;position:relative;padding-left:12px}
.fcol h4::before{content:"";position:absolute;left:0;top:2px;width:3px;height:15px;background:#B3998A}
.fcol{min-width:0}
.f-about p{font-size:13px;color:#a58f83;line-height:1.8;margin-bottom:12px}
.f-about-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.f-about-logo .logo-name{color:#fff;font-size:18px;font-weight:bold}
.f-nav-col li,.f-pro-col li{margin-bottom:9px;font-size:13px}
.f-nav-col a,.f-pro-col a{color:#a58f83}
.f-nav-col a:hover,.f-pro-col a:hover{color:#fffcb6}
.f-contact li{font-size:13px;margin-bottom:11px;line-height:1.7;color:#a58f83}
.f-contact .f-tel{color:#fff;font-size:20px;font-weight:bold;font-family:Arial;display:block;margin-bottom:6px}
.f-qr{text-align:center}
.f-qr .img-wrap{width:110px;height:110px;margin:0 auto 10px;background:#fff;padding:5px;border-radius:4px}
.f-qr p{font-size:12px;color:#a58f83}
.footer-bottom{padding:18px 0;text-align:center;font-size:13px;color:#a58f83}
.footer-bottom a{color:#a58f83}
.footer-bottom a:hover{color:#fffcb6}
.footer-bottom .beian-link{display:inline-block;margin-left:6px}
.flinks{text-align:center;padding:16px 0;font-size:13px;color:#a58f83;border-top:1px solid rgba(255,255,255,.05)}
.flinks span{margin-right:10px;color:#a58f83}
.flinks a{color:#a58f83;margin:0 8px}
.flinks a:hover{color:#fffcb6}

/* ============ cndns right float ============ */
.cndns-right{position:fixed;right:8px;bottom:120px;z-index:90;display:flex;flex-direction:column;gap:6px}
.cndns-right a{display:block;width:46px;height:46px;background:#B3998A;color:#fff !important;border-radius:4px;text-align:center;line-height:46px;font-size:18px;transition:background .3s;cursor:pointer}
.cndns-right a:hover{background:#4E3D33}
.cndns-tool{cursor:pointer}

/* ============ marker / compound base classes (JS hooks + 容器标记) ============ */
.fade-in{}
.h-prev{}
.h-next{}
.h-track{}
.h-item{}
.lot-tel{}
.lot-wel{}
.submenu-li{}
.nav-en{}
.sec-line{}
.stat-suffix{}
.room-body{}
.news-feature-body{}
.contact-cinfo{}
.cf-row{}
.cf-input{}
.cf-textarea{}
.cf-submit{}
.crumb-en{}
.crumb-path{}
.pl-cat{}
.pd-params{}
.pd-feat{}
.relate-card{}
.pagef-prev{}
.pagef-next{}
.returnlist{}
.nl-meta{}
.a-meta{}
.a-cat{}
.timeline{}
.tl-item{}
.culture-ico{}
.team-card{}
.team-pos{}
.cinfo-ico{}
.mf-grid{}
.mf-input{}
.mf-textarea{}
.mf-submit{}
.fcol{}
.f-about{}
.f-nav-col{}
.f-pro-col{}
.f-contact{}
.f-qr{}
.flinks{}

/* ============ responsive ============ */
@media (max-width:1024px){
  .pl-grid{grid-template-columns:repeat(2,1fr)}
  .relate-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr 1fr;gap:24px}
  .f-about{grid-column:1/-1}
  .cinfo-grid{grid-template-columns:repeat(2,1fr)}
  .room-card{flex:0 0 calc((100% - 24px) / 2)}
}
@media (max-width:960px){
  .banner{height:420px;margin-top:78px}
  .n-banner{margin-top:78px;height:220px}
  .n-banner-txt h1{font-size:28px}
  .menubox-in{height:62px}
  .nav-list{position:fixed;top:0;right:-78%;width:78%;height:100%;background:#4B3022;flex-direction:column;align-items:stretch;padding:70px 0 20px;transition:right .3s;z-index:200;overflow-y:auto}
  .nav-list.open{right:0}
  .nav-li{margin:0;width:100%}
  .nav-li>a{color:#fff;padding:13px 24px;line-height:1.6;border-bottom:1px solid rgba(255,255,255,.06)}
  .nav-li>a::after{display:none}
  .nav-li:hover>a,.nav-li.active>a{color:#fffcb6;background:rgba(255,255,255,.04)}
  .submenu{position:static;transform:none;opacity:1;visibility:visible;background:rgba(0,0,0,.18);box-shadow:none;border-top:0;padding:0;min-width:0}
  .submenu li a{color:#a58f83;padding:11px 24px 11px 40px}
  .m-toggle{display:block}
  .lotbox{display:none}
  .about-row,.contact-row,.news-row,.about-intro{flex-direction:column}
  .about-img,.pd-img,.about-intro-img{flex:0 0 auto;width:100%}
  .pd-top{flex-direction:column;gap:24px}
  .nl-item{flex-direction:column;gap:16px}
  .nl-thumb{flex:0 0 auto;width:100%}
  .room-card{flex:0 0 calc((100% - 24px) / 2)}
  .cinfo-grid,.culture-grid,.team-grid,.pl-grid{grid-template-columns:repeat(2,1fr)}
  .mf-grid{grid-template-columns:1fr}
  .banner-txt h2{font-size:30px;letter-spacing:1px}
  .banner-txt .lead{font-size:15px;margin-bottom:20px}
  .cndns-right{display:none}
}
@media (max-width:560px){
  .section{padding:46px 0}
  .sec-tit{font-size:24px}
  .pl-grid,.relate-grid,.cinfo-grid,.culture-grid,.team-grid,.footer-top{grid-template-columns:1fr}
  .stat-row{flex-wrap:wrap}
  .stat-item{flex:1 0 50%;border-bottom:1px solid #eee}
  .room-card{flex:0 0 100%}
  .pd-feat{grid-template-columns:1fr}
  .pd-params th{width:auto}
  .banner{height:340px}
  .banner-txt h2{font-size:24px}
}