@charset "utf-8";
:root{
  --orange:#da7100;
  --orange-bright:#FF7B1E;
  --orange-light:#FFEFDE;
  --orange-soft:#F1CCA4;
  --tan:#B5A696;
  --cream:#ECE4DC;
  --gray-purple:#C5C3CA;
  --bg-gray:#E7E7E7;
  --t1:#333333;
  --t2:#555555;
  --t3:#666666;
  --t4:#999999;
  --font:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC",sans-serif;
  --content:1200px;
  --radius:14px;
}
html{-webkit-box-sizing:border-box;box-sizing:border-box}
*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}
img{-webkit-box-sizing:content-box;box-sizing:content-box}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html{height:100%}
body{color:#333;font:14px/1.428 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"Microsoft YaHei",Arial,Tahoma,Simsun,sans-serif;line-height:1;-webkit-font-smoothing:antialiased}
body{min-height: 100vh;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:var(--font);
  color:var(--t2);
  background:#fff;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:24px;line-height:150%}
small{font-size:80%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
mark{background:#ff0;color:#000}
hr{display: block;padding: 0;border: 0;height: 0;border-top: 1px solid #eee;-webkit-box-sizing: content-box;box-sizing: content-box;}
pre{overflow:auto}
code,kbd,pre,samp{font-size:1em;font-family:inherit}
button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:sans-serif;line-height:normal}
em{font-style:normal}
textarea{margin:.6rem;width:99.25%;text-align:left;text-indent:2em;resize:none}
a,button,input,textarea{-webkit-transition:all .5s;transition:all .5s}
p{text-align:justify;text-justify:distribute}
p{word-wrap:break-word}
::-moz-selection{background:#fb6f56;color:#FFF}
::selection{background:#fb6f56;color:#FFF}
::-webkit-input-placeholder{color:#989898}
:-moz-placeholder{color:#989898}
::-moz-placeholder{color:#989898}
:-ms-input-placeholder{color:#989898}
/*滚动条*/
::-webkit-scrollbar{width: 6px;height: 6px;}
::-webkit-scrollbar-track-piece{background-color: #CCCCCC;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #999999;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #CCCCCC;-webkit-border-radius: 6px;}
::-webkit-scrollbar {width: 9px;height: 9px;}
::-webkit-scrollbar-track-piece {background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: #3994EF;border-radius: 3px;}
::-webkit-scrollbar-thumb:hover {background-color: #A4EEF0;}
::-webkit-scrollbar-thumb:active {background-color: #666;}
::-webkit-scrollbar-button:vertical { width: 9px; }
::-webkit-scrollbar-button:horizontal { width: 9px; }
::-webkit-scrollbar-button:vertical:start:decrement { background-color: white; }
::-webkit-scrollbar-button:vertical:end:increment { background-color: white; }
::-webkit-scrollbar-button:horizontal:start:decrement { background-color: white; }
::-webkit-scrollbar-button:horizontal:end:increment { background-color: white; }
body::-webkit-scrollbar-track-piece {background-color: white;}

button:focus,input:focus,select:focus,textarea:focus{outline:0}
input::-ms-clear{display:none}
.text_o{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
*{outline:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent));background:linear-gradient(to bottom,transparent,transparent);-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto!important}
optgroup{font-weight:700}
::-moz-selection{background:#333;color:#fff;text-shadow:none}
::selection{background:#333;color:#fff;text-shadow:none}
.clearfix:after,.clearfix:before{clear:both;display:block;visibility:hidden;height:0;content:"."}
*html .clearfix{height:1%}
.clear{clear:both;overflow:hidden;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}
table{width:100%;border-collapse:collapse;text-align:left;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
ul{list-style:none}
q:lang(en){quotes:'"' '"' "'" "'"}
.hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc}
del{text-decoration:line-through}
a{color:#444;text-decoration:none}
a:active,a:focus{outline:0!important}
a img{border:none}
a{text-decoration:none}
a:hover,li:hover{-webkit-transition:all .3s;transition:all .3s}
.transition{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
img.transition:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2)}
img{-webkit-box-sizing:border-box;box-sizing:border-box;width:auto\9;height:auto;max-width:100%;border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
input:active,input:focus,textare:active,textarea:focus{outline:0}
.center{margin:0 auto;text-align:center}
.center_m{margin:0 auto}
.center_t{text-align:center}
.center_all{display:block;text-align:center;font-size:0}
.center_all li,.center_all>div{display:inline-block;vertical-align:top;font-size:1.4rem}
.red{color: red}
.red2{color: #ffb400}
.img-zoom{overflow: hidden;}
.img-zoom img{transition: all .2s ease-in;object-fit: cover;}
.img-zoom:hover img{transform: scale(1.03);transition:all .2s ease-out;}
.border{border:solid 1px #dedede;padding: 5px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
  .center_all{font-size:1px;-webkit-text-size-adjust:none}
}
.mt-0{margin-top: 0 !important}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.mt40{margin-top: 40px;}
.left{float:left}
.right{float:right}
.hide{display:none!important}
.show{display:block!important}
.bold{font-weight:700}
.fixed{position:fixed;top:0;right:0;left:0;z-index:1000}
.relative{position:relative}
.absolute{position:absolute}
.overflow-hidden{overflow:hidden}
.width_full{width:100%}
.inline{display:inline!important}
.dart-top{display:inline-block;width:0;height:0;border-right:5px solid transparent;border-bottom:7px solid #999;border-left:5px solid transparent;content:"";vertical-align:middle}
.dart-bottom{display:inline-block;width:0;height:0;border-top:7px solid #999;border-right:5px solid transparent;border-left:5px solid transparent;content:"";vertical-align:middle}
.dart-right{display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #999;content:"";vertical-align:middle}
.dart-left{display:inline-block;width:0;height:0;border-top:5px solid transparent;border-right:7px solid #999;border-bottom:5px solid transparent;content:"";vertical-align:middle}

/*强制换行*/
.break_word{word-wrap:break-word;word-break:break-all;}
/*文字强制不断行*/
.nobreak{white-space:nowrap;}
/*禁止换行*/
.keep_all{word-break:keep-all;white-space:nowrap;}
/*超出省略号，仅限单行，并且需要设定一个宽度*/
.ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap }
/*段落两端对齐*/
.txt_justify{text-align:justify;text-justify:inter-ideograph}
/*两端对齐 若单行，至少要3个字符，只有两个字符的，中间补一个空格*/
.text_justify {text-align: justify; text-justify: distribute-all-lines;/*ie6-8*/ text-align-last: justify;/* ie9*/ }
.text_center {text-align: center;}
.am-list>li{background-color:transparent;}
.mg_4_2rem{margin:20px}
.mg_3_lrb_20px{margin-right:20px;margin-bottom:20px;margin-left:20px}
.mg_3_lrt_20px{margin-top:20px;margin-right:20px;margin-left:20px}
.mg_2_tb_50px{margin-top:50px;margin-bottom:50px}
.mg_2_tb_10px{margin-top:10px;margin-bottom:10px}
.mg_2_tb_30{margin-top:30px;margin-bottom:30px}
.pd_2_tb_20px{padding-top:20px;padding-bottom:20px}
.pd_2_tb_30{padding-top:25px;padding-bottom:25px}
.pd_4_25px{padding:25px}
.mg_1_t_10px{margin-top:10px}
.mg_1_t_20{margin-top:20px}
.mg_1_t_30{margin-top:30px}
.mg_1_r_15{margin-right:15px}
.mg_1_r_25px{margin-right:25px}
.mg_1_r_30px{margin-right:30px}
.pd_1_r_25px{padding-right:25px}
.m-0{margin-top:0!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important}
.mt-0{margin-top:0!important}
.mr-0{margin-right:0!important}
.mb-0{margin-bottom:0!important}
.ml-0{margin-left:0!important}
.mx-0{margin-left:0!important;margin-right:0!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.p-0{padding-top:0!important;padding-right:0!important;padding-bottom:0!important;padding-left:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}
.pl-0{padding-left:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.m-1{margin-top:5px!important;margin-right:5px!important;margin-bottom:5px!important;margin-left:5px!important}
.mt-1{margin-top:5px!important}
.mr-1{margin-right:5px!important}
.mb-1{margin-bottom:5px!important}
.ml-1{margin-left:5px!important}
.mx-1{margin-left:5px!important;margin-right:5px!important}
.my-1{margin-top:5px!important;margin-bottom:5px!important}
.p-1{padding-top:5px!important;padding-right:5px!important;padding-bottom:5px!important;padding-left:5px!important}
.pt-1{padding-top:5px!important}
.pr-1{padding-right:5px!important}
.pb-1{padding-bottom:5px!important}
.pl-1{padding-left:5px!important}
.px-1{padding-left:5px!important;padding-right:5px!important}
.py-1{padding-top:5px!important;padding-bottom:5px!important}
.m-2{margin-top:10px!important;margin-right:10px!important;margin-bottom:10px!important;margin-left:10px!important}
.mt-2{margin-top:10px!important}
.mr-2{margin-right:10px!important}
.mb-2{margin-bottom:10px!important}
.ml-2{margin-left:10px!important}
.mx-2{margin-left:10px!important;margin-right:10px!important}
.my-2{margin-top:10px!important;margin-bottom:10px!important}
.p-2{padding-top:10px!important;padding-right:10px!important;padding-bottom:10px!important;padding-left:10px!important}
.pt-2{padding-top:10px!important}
.pr-2{padding-right:10px!important}
.pb-2{padding-bottom:10px!important}
.pl-2{padding-left:10px!important}
.px-2{padding-left:10px!important;padding-right:10px!important}
.py-2{padding-top:10px!important;padding-bottom:10px!important}
.m-3{margin-top:15px!important;margin-right:15px!important;margin-bottom:15px!important;margin-left:15px!important}
.mt-3{margin-top:15px!important}
.mr-3{margin-right:15px!important}
.mb-3{margin-bottom:15px!important}
.ml-3{margin-left:15px!important}
.mx-3{margin-left:15px!important;margin-right:15px!important}
.my-3{margin-top:15px!important;margin-bottom:15px!important}
.p-3{padding-top:15px!important;padding-right:15px!important;padding-bottom:15px!important;padding-left:15px!important}
.pt-3{padding-top:15px!important}
.pr-3{padding-right:15px!important}
.pb-3{padding-bottom:15px!important}
.pl-3{padding-left:15px!important}
.px-3{padding-left:15px!important;padding-right:15px!important}
.py-3{padding-top:15px!important;padding-bottom:15px!important}
.m-4{margin-top:20px!important;margin-right:20px!important;margin-bottom:20px!important;margin-left:20px!important}
.mt-4{margin-top:20px!important}
.mr-4{margin-right:20px!important}
.mb-4{margin-bottom:20px!important}
.ml-4{margin-left:20px!important}
.mx-4{margin-left:20px!important;margin-right:20px!important}
.my-4{margin-top:20px!important;margin-bottom:20px!important}
.p-4{padding-top:20px!important;padding-right:20px!important;padding-bottom:20px!important;padding-left:20px!important}
.pt-4{padding-top:20px!important}
.pr-4{padding-right:20px!important}
.pb-4{padding-bottom:20px!important}
.pl-4{padding-left:20px!important}
.px-4{padding-left:20px!important;padding-right:20px!important}
.py-4{padding-top:20px!important;padding-bottom:20px!important}

.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}
.flex-box{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;font-size:14px;color:#333}/*子元素占据剩余的空间*/
/*盒模型垂直布局*/
.flex-v { -webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*子元素垂直居中*/
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/*子元素水平居中*/
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*子元素两端对齐*/
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap}

/*0.5单边线*/
.r-line{position:relative}
.r-line:after{content:'';position:absolute;z-index:0;top:0;right:0;height:100%;border-right:1px solid #D9D9D9;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);-webkit-transform-origin:100% 0;transform-origin:100% 0}
.b-line{position:relative}
.b-line:after{content:'';position:absolute;z-index:2;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #e2e2e2;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 100%;transform-origin:0 100%}
.center{text-align:center;}

/*修复火狐按钮文字不垂直居中的bug*/
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}

/* ---------- container ---------- */
.container{
  width:100%;
  max-width:var(--content);
  margin:0 auto;
  padding:0 24px;
}
.section{padding:clamp(56px,7vw,96px) 0;position:relative;scroll-margin-top:110px;}
.section.gray{background:var(--bg-gray);}
.section-head{text-align:center;max-width:820px;margin:0 auto clamp(32px,4vw,56px);}
.section-head .t-main{display:block;font-size:clamp(24px,3.4vw,34px);font-weight:700;color:var(--orange);line-height:1.3;}
.section-head .t-sub{display:block;font-size:clamp(14px,1.6vw,22px);color:var(--orange);margin-top:12px;font-weight:500;}

/* ---------- top nav (单行橙色栏) ---------- */
.topnav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:var(--orange);
  box-shadow:0 2px 16px rgba(0,0,0,.14);
}
.topnav .nav-inner{
  position:relative;
  max-width:1280px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  height:104px;padding:0 24px;gap:16px;
}
.nav-brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0;}
.nav-logo{height:50px;width:auto;flex-shrink:0;}
.nav-brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1.2;min-width:0;}
.nav-brand-text b{font-size:clamp(20px,2.1vw,30px);font-weight:800;color:#fff;letter-spacing:1px;white-space:nowrap;}

.nav-text{
  /* position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); */
  display:flex;align-items:center;justify-content:center;height: 54px;
  pointer-events:none;
  border-left:1px solid rgba(255,255,255,.5);
}
.nav-text span{
  display:block;font-size:clamp(20px, 2.2vw, 26px);color:rgba(255,255,255,1);white-space:nowrap;letter-spacing:2px;
  padding-left:24px;
}
/* 右侧热线 */
.nav-hotline{display:flex;align-items:center;gap:14px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.45);padding-left:24px;}
.nav-24h{height:54px;width:auto;}
.hotline-text{display:flex;flex-direction:column;line-height:1.25;}
.hotline-text i{font-size:13px;color:rgba(255,255,255,.85);font-style:normal;}
.hotline-text b{font-size:clamp(20px,2.2vw,26px);font-weight:800;color:#fff;letter-spacing:.5px;}
.hotline-text b a{color:inherit;}

/* 汉堡按钮 */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:none;background:transparent;cursor:pointer;flex-shrink:0;}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:.3s;}

/* 移动端下拉面板 */
.nav-dropdown{display:none;}

/* ---------- hero ---------- */
.banner{
  position: relative;
  width: 100%;
  height: clamp(360px, 46vw, 601px);
  overflow: hidden;
  margin-top: 104px;
}

.banner .swiper-slide{text-align: center;}
.banner .swiper-slide img{display: inline-block; max-width: 100%;min-width: 1200px;}

.banner .swiper-button-next, .banner .swiper-button-prev{
  color: var(--orange);;
}

/* ---------- s1 intro split ---------- */
.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;}
.intro-text .eyebrow{font-size:clamp(26px,3vw,32px);font-weight:700;color:var(--orange);}
.intro-text .eyebrow-en{font-size:16px;color:var(--orange);letter-spacing:1px;margin-top:4px;text-transform: uppercase;}
.intro-text .lead{font-size:clamp(17px,2vw,20px);color:var(--t1);margin-top:10px;}
.intro-text .desc{font-size:clamp(15px,1.6vw,16px);color:var(--t2);margin-top:18px;line-height:1.75;}
.intro-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
.intro-feats .feat{
  text-align:center;
  background:url(./img/feat_bg.png) center/cover no-repeat;
  width:clamp(150px,15vw,188px);
  aspect-ratio:1/1;
  border-radius:50%;
  margin:0 auto;
  padding:20px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 10px 26px rgba(218,113,0,.16);
  color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.25);
}
.intro-feats .feat b{display:block;font-size:clamp(17px,2vw,23px);color:inherit;}
.intro-feats .feat span{display:block;font-size:14px;color:inherit;margin-top:6px;}
.intro-media{position:relative;overflow:hidden;background:var(--orange);box-shadow:0 16px 40px rgba(218,113,0,.18);}
.intro-media .media-img{width:100%;display:block;aspect-ratio:615/460;object-fit:cover;}
.intro-media .media-tag{display: block;padding: 10px 5px; color:#fff;font-size:clamp(15px,1.8vw,20px);font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.4);text-align: center;line-height: 1.75;}
.intro-petals{display:flex;gap:clamp(12px,2vw,24px);margin-top:18px;justify-content:flex-start;}
.intro-petals img{width:clamp(64px,9vw,100px);height:auto;}

/* ---------- generic card grids ---------- */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,26px);}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2vw,30px);}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.5vw,40px);}

/* s2 need cards */
.need-card{position: relative; background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);display:flex;flex-direction:column;}
.need-card .nc-img{width:100%;aspect-ratio:633/420;object-fit:cover;}
.need-card .nc-body{position: absolute;bottom: 0;left: 0;width: 100%; padding:22px 22px 28px;background:linear-gradient(to top, rgba(181,166,150,1) 30%, rgba(181,166,150,.6) 80%, rgba(0,0,0,0) 100%);flex:1;text-align: center;}
.need-card h3{font-size:clamp(20px,2.2vw,28px);color:white;margin-bottom:12px;}
.need-card p{font-size:clamp(14px,1.5vw,18px);color:white;line-height:1.7;}

/* ---------- s3 advantage + compare ---------- */
.adv-row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,26px);margin-bottom:clamp(40px,5vw,64px);}
.adv-card{background:var(--cream);padding:5px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.adv-card .adv-icon{width:100%;height:auto;}
.adv-card .adv-content{padding: clamp(8px,.8vw,10px) 10px;flex:1;display:flex;flex-direction:column;width:100%;}
.adv-card h4{padding-bottom: 8px;margin-bottom: 8px; font-size:clamp(16px,1.6vw,18px);color:var(--t1);font-weight:700;position: relative;}
.adv-card h4::after,.adv-card h4::before{content: '';position: absolute;left: calc(50% - 50px); bottom: 0; width: 100px; height: 2px; background: var(--t2);z-index: 0;}
.adv-card h4::before{content: '';width: 50px;background-color: var(--orange);z-index: 1;}
.adv-card .adv-sub{font-size:13px;color:var(--orange);margin:8px 0 12px;font-weight:600;}
.adv-card p{font-size:clamp(13px,1.3vw,14px);color:var(--t3);line-height:1.5;margin-bottom:16px;}
.adv-card .adv-btn{margin-top:auto;background:var(--orange);color:#fff;padding:8px 22px;border-radius:22px;font-size:13px;font-weight:600;}

.compare{display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;max-width:980px;margin:0 auto;align-items:flex-end;}
.compare-col{position:relative;border-radius:24px;padding:clamp(48px,4vw,60px) clamp(22px,2.6vw,34px) clamp(24px,2.4vw,34px);margin-top:24px;}
.compare-col .compare-bg{position:absolute;inset:0;z-index:0;border-radius:5px;}
.compare-col>*{position:relative;z-index:1;}
.compare-col .compare-head{z-index:2;}
.compare-col.old{padding-right:clamp(44px,4.5vw,68px);filter:drop-shadow(0 18px 44px rgba(0,0,0,.26));}
.compare-col.old .compare-bg{background:#C7C5CC;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);}
.compare-col.sun{padding-left:clamp(44px,4.5vw,88px);padding-top:calc(clamp(48px,4vw,60px) + 36px);margin-left:clamp(-52px,-3.4vw,-22px);filter:drop-shadow(0 18px 44px rgba(0,0,0,.26));}
.compare-col.sun .compare-bg{background:#F0F0F0;clip-path:polygon(12% 0,100% 0,100% 100%,0% 100%);}
.compare-head{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:2;background:#fff;padding:10px 24px;border-radius:30px;font-size:clamp(16px,1.8vw,20px);font-weight:700;color:var(--t1);white-space:nowrap;border:1px solid #e5e5e5;box-shadow:0 4px 14px rgba(0,0,0,.1);}
.compare-body{display:flex;flex-direction:column;gap:0;}
.compare-row{display:flex;align-items:baseline;gap:clamp(12px,1.5vw,20px);padding:clamp(10px,1.2vw,14px) 0;}
.compare-row .cr-label{font-size:clamp(15px,1.5vw,19px);font-weight:700;color:var(--t1);flex-shrink:0;min-width:4em;}
.compare-row .cr-val{font-size:clamp(13px,1.3vw,16px);color:var(--t2);line-height:1.5;}
.compare-col.sun .cr-label{color:var(--t1);}
.compare-col.sun .cr-val{color:var(--t2);}
.vs-badge{position:absolute;top:50%;left:calc(50% - 30px);transform:translate(-50%,-50%);width:80px;height:80px;padding: 15px;border: solid 5px var(--t4); border-radius:50%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.18);overflow:hidden;z-index:10;}
.vs-badge img{width:100%;height:100%;object-fit:cover;display:block;}
.compare-cta{display:flex;justify-content:flex-end;margin-top:clamp(24px,2.8vw,36px);max-width:980px;margin-left:auto;margin-right:auto;padding-right:12px;}
.compare-cta a{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FF7B1E,#DA7100);color:#fff;padding:12px 28px;border-radius:26px;font-size:clamp(14px,1.4vw,16px);font-weight:600;text-decoration:none;transition:.2s;box-shadow:0 8px 22px rgba(255,123,30,.35);}
.compare-cta a:hover{filter:brightness(1.08);transform:translateY(-2px);}

/* ---------- s4 service cards ---------- */
.svc-card{background:#fff;padding:clamp(24px,2.4vw,34px);box-shadow:0 10px 30px rgba(0,0,0,.07);height:100%;display:flex;flex-direction:column;}
.svc-card:nth-child(odd){background:var(--gray-purple);}
.svc-card:nth-child(even){background:var(--orange-soft); color: var(--orange);}
.svc-card h3{position: relative; font-size:clamp(17px,1.8vw,20px);font-weight:700;padding-bottom: 10px; margin-bottom:10px; text-align: center;}
.svc-card h3::after,.svc-card h3::before{content: '';position: absolute;left: calc(50% - 50px); bottom: 0; width: 100px; height: 2px; background: white;z-index: 0;}
.svc-card h3::before{content: '';width: 50px;background-color: var(--orange);z-index: 1;}
.svc-card ul{list-style:none;flex:1;}
.svc-card li{position:relative;padding-left:18px;font-size:clamp(13px,1.4vw,15px);margin-bottom:12px;line-height:1.5;}
.svc-card li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--orange);}
.svc-icon{margin-top:auto;padding-top:20px;width:clamp(58px,6vw,76px);height:clamp(58px,6vw,76px);object-fit:contain;align-self:center;display:block;}

/* ---------- s5 strength cards ---------- */
.strength-card{border-radius:var(--radius);overflow:hidden;color:var(--t2);display:flex;flex-direction:column;box-shadow:0 14px 36px rgba(0,0,0,.12);border:solid 3px var(--t4);}
.strength-card .st-img{width:100%;aspect-ratio:387/277;object-fit:cover;}
.strength-card .st-body{padding:clamp(22px,2.2vw,32px);flex:1;}
.strength-card h3{position: relative; font-size:clamp(20px,2.2vw,24px);font-weight:700;margin-bottom:14px;padding-bottom: 10px; text-align: center;}
.strength-card h3::after,.strength-card h3::before{content: '';position: absolute;left: calc(50% - 50px); bottom: 0; width: 100px; height: 2px; background: var(--t4);z-index: 0;}
.strength-card h3::before{content: '';width: 50px;background-color: var(--orange);z-index: 1;}
.strength-card p{font-size:clamp(14px,1.5vw,18px);line-height:1.8;}

/* ---------- s6 康养空间 · 1:1 还原设计图 ---------- */
.space-grid{
  display:grid;
  grid-template-columns:minmax(0,556fr) minmax(0,720fr);
  gap:clamp(12px,1.2vw,16px);
  align-items:stretch;
}
/* 左列：主视觉图 + 居家式卡片 */
.sp-left{display:flex;flex-direction:column;gap:clamp(12px,1.2vw,16px);}
.sp-main{border-radius:var(--radius);overflow:hidden;aspect-ratio:556/371;background:var(--bg-gray);}
.sp-main img{width:100%;height:100%;object-fit:cover;display:block;}
.sp-home{
  background:var(--gray-purple);border-radius:var(--radius);padding:clamp(18px,2vw,26px);
  box-shadow:0 8px 22px rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:center;flex:1;
}
.sp-home h4{font-size:clamp(16px,1.7vw,19px);color:var(--t1);margin-bottom:10px;}
.sp-home p{font-size:clamp(13px,1.4vw,16px);color:var(--t2);line-height:1.8;}

/* 右列：上方两张特性卡 + 下方大图与小图簇 */
.sp-right{display:flex;flex-direction:column;gap:clamp(12px,1.2vw,16px);}
.sp-top{display:grid;grid-template-columns:minmax(0,448fr) minmax(0,258fr);gap:clamp(10px,1vw,14px);}
.sp-card{
  background:var(--gray-purple);border-radius:var(--radius);padding:clamp(16px,1.8vw,24px);
  box-shadow:0 8px 22px rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:center;
}
.sp-card--tan{background:#E5B887;}
.sp-card h4{font-size:clamp(16px,1.7vw,19px);color:var(--t1);margin-bottom:10px;}
.sp-card p{font-size:clamp(13px,1.4vw,16px);color:var(--t2);line-height:1.8;}

.sp-bottom{display:grid;grid-template-columns:minmax(0,249fr) minmax(0,454fr);gap:clamp(10px,1vw,14px);flex:1;}
.sp-cluster{display:flex;flex-direction:column;gap:clamp(10px,1vw,14px);}
.sp-mini{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,0.9vw,15px);}
.sp-dot{border-radius:12px;aspect-ratio:117/161;}
.sp-dot-a{background:#E0A668;}
.sp-dot-b{background:#D7D7D7;}
.sp-smimg{border-radius:var(--radius);overflow:hidden;flex:1;min-height:96px;background:var(--bg-gray);}
.sp-smimg img{width:100%;height:100%;object-fit:cover;display:block;}
.sp-big{border-radius:var(--radius);overflow:hidden;aspect-ratio:454/333;background:var(--bg-gray);}
.sp-big img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---------- s7 温暖寄语 · 1:1 还原设计图 ---------- */
.message{text-align:center;max-width:820px;margin:0 auto clamp(28px,3.5vw,44px);}
.message .msg-title{font-size:clamp(22px,3vw,30px);font-weight:700;color:var(--orange);line-height:1.4;}
.message .msg-sub{font-size:clamp(14px,1.6vw,18px);color:var(--t4);margin-top:12px;}

.warm-gallery{
  display:grid;
  grid-template-columns:minmax(0,660fr) minmax(0,620fr);
  gap:clamp(6px,0.7vw,10px);
  align-items:stretch;
  margin-bottom:clamp(28px,3.5vw,44px);
}
.wg-big{border-radius:var(--radius);overflow:hidden;aspect-ratio:660/444;background:var(--bg-gray);}
.wg-big img{width:100%;height:100%;object-fit:cover;display:block;}
.wg-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(6px,0.7vw,10px);}
.wg-grid img{border-radius:var(--radius);width:100%;height:100%;object-fit:cover;display:block;background:var(--bg-gray);}

.msg-bar{background:var(--orange);border-radius:var(--radius);padding:clamp(22px,3vw,34px);color:#fff;text-align:center;}
.msg-bar .b1{font-size:clamp(16px,1.8vw,20px);font-weight:600;}
.msg-bar .b2{font-size:clamp(14px,1.6vw,18px);margin:10px auto 0;opacity:.95;max-width:880px;line-height:1.7;}

/* ---------- footer (图文 · 浅灰底) ---------- */
.site-footer{background:var(--bg-gray);color:var(--t2);margin-top:0;}
.footer-inner{
  display:flex;align-items:center;gap:clamp(24px,4vw,56px);
  padding:clamp(36px,4vw,56px) 24px;max-width:var(--content);margin:0 auto;
}
.ft-brand{display:flex;align-items:center;gap:16px;flex-shrink:0;}
.ft-logo{height:64px;width:auto;}
.ft-brand-text{display:flex;flex-direction:column;line-height:1.3;}
.ft-brand-text b{font-size:clamp(18px,2vw,28px);font-weight:800;color:var(--t3);}
.ft-brand-text i{font-style:normal;font-size:15px;color:var(--t3);margin-top:4px; text-transform: uppercase;}
.ft-divider{width:1px;align-self:stretch;background:rgba(0,0,0,.12);flex-shrink:0;}
.ft-contact{flex:1;display:flex;flex-direction:column;gap:14px;}
.ct-row{display:flex;align-items:center;gap:12px;}
.ct-row img{width:24px;height:24px;flex-shrink:0;object-fit:contain;}
.ct-row p{font-size:clamp(14px,1.5vw,16px);color:var(--t2);line-height:1.5;}
.ct-row b{color:var(--orange);font-weight:700;letter-spacing:.5px;}
.ft-qr{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;}
.ft-qr img{width:clamp(80px,9vw,100px);height:clamp(80px,9vw,100px);border-radius:5px;background:#fff;padding:5px;box-shadow:0 6px 18px rgba(0,0,0,.08);object-fit:contain;}
.ft-qr span{font-size:clamp(12px,1.4vw,13px);color:var(--t2);letter-spacing:.5px;}
.footer-bottom{background:#dcdcdc;border-top:1px solid rgba(0,0,0,.06);}
.footer-bottom .container{
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  padding:16px 24px;font-size:12px;color:var(--t3);
}

/* ---------- reveal + backtop ---------- */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}
.back-top{
  position:fixed;right:24px;bottom:28px;z-index:1001;width:46px;height:46px;border:none;
  border-radius:50%;background:var(--orange);color:#fff;font-size:20px;cursor:pointer;
  box-shadow:0 6px 20px rgba(218,113,0,.4);opacity:0;pointer-events:none;transition:.3s;
}
.back-top.show{opacity:1;pointer-events:auto;}
.back-top:hover{background:var(--orange-bright);}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* tablet */
@media (max-width:1024px){
  .grid-4,.adv-row{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:1fr 1fr;}
  .intro-split{gap:32px;}
  .nav-brand-text b{font-size:22px;}
  .nav-logo{height:46px;}
  .nav-24h{height:46px;}
  .hotline-text b{font-size:22px;}
  .nav-text{display:none;}
}

/* mobile */
@media (max-width:768px){
  /* 顶部：单行橙色栏 + 汉堡下拉 */
  .topnav .nav-inner{padding: 0 10px; height:64px;gap:10px;}
  .nav-logo{height:40px;}
  .nav-brand-text b{font-size:16px;}
  .nav-brand-text i{display:none;}
  .nav-24h{margin-right: 5px; height: 35px;}
  .nav-hotline{border-left:none;padding-left:0;gap:0;}
  .hotline-text i{display:none;}
  .hotline-text b{font-size:16px;}
  .nav-toggle{display:flex;margin-left:auto;flex-shrink:0; display: none;}
  .nav-toggle span{background:#fff;}

  .topnav.open .nav-dropdown{
    display:block;
    position:absolute;top:64px;left:0;right:0;
    background:#fff;padding:12px 24px 20px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:999;
    border-bottom:3px solid var(--orange);
  }
  .nav-dropdown a{
    display:flex;align-items:center;padding:13px 4px;
    font-size:15px;color:var(--t2);border-bottom:1px solid #f5f5f5;transition:.15s;
  }
  .nav-dropdown a:hover{color:var(--orange);}
  .dd-hotline{margin-top:14px;padding:16px;background:var(--orange-light);border-radius:10px;text-align:center;}
  .dd-hotline b{display:block;font-size:13px;color:var(--orange);margin-bottom:4px;}
  .dd-hotline big{font-size:22px;font-weight:800;color:var(--orange);letter-spacing:1px;}

  .topnav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .topnav.open .nav-toggle span:nth-child(2){opacity:0;}
  .topnav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  .hero{margin-top:64px;}
  .grid-4,.grid-3,.adv-row,.grid-2,.compare,.intro-split,.space-grid,.sp-top,.sp-bottom,.warm-gallery{grid-template-columns:1fr;}
  .compare{gap:34px;align-items:stretch;}
  .compare-col{padding:44px 22px 24px;}
  .compare-col.old .compare-bg,.compare-col.sun .compare-bg{clip-path:none;box-shadow:0 14px 32px rgba(0,0,0,.18);}
  .compare-col.old,.compare-col.sun{filter:none;}
  .compare-col.old{padding-right:22px;}
  .compare-col.sun{padding-left:22px;padding-top:44px;margin-left:0;}
  .compare-head{padding:8px 18px;font-size:16px;}
  .vs-badge{display: none; width:48px;height:48px;}
  .compare-row{gap:14px;}
  .compare-cta{justify-content:center;padding-right:0;}
  .intro-petals{justify-content:center;}
  .sp-main,.sp-big,.wg-big{aspect-ratio:auto;min-height:200px;}
  .sp-smimg{min-height:120px;}
  .wg-grid{grid-template-rows:auto;}
  .wg-grid img{aspect-ratio:16/11;height:auto;}
  .msg-bar{padding:22px 18px;}

  /* 页脚：纵向堆叠 */
  .footer-inner{flex-direction:column;align-items:flex-start;gap:24px;}
  .ft-divider{display:none;}
  .ft-qr{align-self:center;}
}

/* small mobile */
@media (max-width:480px){
  .container{padding:0 16px;}
  .intro-feats{grid-template-columns:1fr;gap:14px;text-align:left;}
  .intro-feats .feat{display:flex;align-items:baseline;gap:10px;width:auto;aspect-ratio:auto;border-radius:0;background:transparent;box-shadow:none;margin:0;padding:14px 16px;text-align:left;color:var(--t1);text-shadow:none;}
  .intro-feats .feat b{flex-shrink:0;color:var(--t1);}
  .intro-feats .feat span{color:var(--t3);}
  .footer-bottom .container{flex-direction:column;text-align:center;gap:6px;}
}