/* Visual refresh for the remaining V10 pages. activities / cloud / dedicated
   retain their own styles. All content containers follow common.css. */
.site-refresh {
  --site-accent: #ff6739;
  --site-ink: #1f2937;
  --site-muted: #6b7280;
  --site-line: #e6eaed;
  --site-radius: 14px;
  background: #f4f6f9;
  color: var(--site-ink);
  font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.site-refresh a { text-decoration: none; }
.site-refresh a:focus-visible,
.site-refresh button:focus-visible,
.site-refresh input:focus-visible,
.site-refresh textarea:focus-visible,
.site-refresh select:focus-visible { outline: 3px solid #ffb39b; outline-offset: 3px; }
.site-refresh > .section:not(.banner):not(.server-banner):not(.server-banner2) { padding: 0 !important; }
.site-refresh > section > .section-content { max-width: 1440px; padding: 60px 20px; }
.site-refresh > section:not(.banner):not(.server-banner):not(.server-banner2) > .section-content { padding-block: 60px !important; }
.site-refresh .section-title { text-align: left; margin-bottom: 30px !important; padding-bottom: 18px; border-bottom: 1px solid var(--site-line); }
.site-refresh .section-title :is(h2,h3) { display: flex; align-items: center; gap: 12px; margin: 0; color: var(--site-ink); font-size: 26px; font-weight: 800; line-height: 1.4; }
.site-refresh .section-title :is(h2,h3)::before { content: ""; flex: 0 0 5px; height: 22px; border-radius: 3px; background: var(--site-accent); }
.site-refresh .section-title .section-desc { max-width: none; margin: 8px 0 0; padding-left: 17px; color: var(--site-muted); font-size: 14px; line-height: 1.8; }
.site-refresh :is(.btn-normal,.btn-dark,.btn-orgin) { border: 1px solid transparent !important; border-radius: 7px !important; background: linear-gradient(135deg,#ff7e54,#ff5122) !important; color: #fff !important; font-weight: 600; box-shadow: 0 4px 12px rgba(255,103,57,.12) !important; transition: background .2s, box-shadow .2s, transform .2s; }
.site-refresh :is(.btn-normal,.btn-dark,.btn-orgin):hover { background: #f45a2e !important; box-shadow: 0 6px 18px rgba(255,103,57,.2) !important; }
.site-refresh .btn-normal-light { border-radius: 7px !important; border: 1px solid #ffd3c3 !important; background: #fff5f1 !important; color: #d44c23 !important; }
.site-refresh .btn-normal-light:hover { border-color: #ff6739 !important; background: #ffede3 !important; }
.site-refresh .btn.disabled, .site-refresh .btn:disabled { opacity: .5; }
.site-refresh .nav-header .btn { border-radius: 24px !important; }

/* Default heroes use the same dark navy and orange glow as activities.html.
   Images configured through the banner loop keep their original rendering. */
.site-refresh :is(.server-banner,.server-banner2) {
  position: relative;
  display: block;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  background: radial-gradient(ellipse at 50% 10%,#26304c 0%,#111524 65%,#0d101d 100%) !important;
  color: #fff;
  border-bottom: 2px solid rgba(255,103,57,.3);
}
.site-refresh :is(.server-banner,.server-banner2)::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0%,rgba(255,103,57,.17),transparent 65%); pointer-events: none; z-index: 0; }
.site-refresh :is(.server-banner,.server-banner2) > .section-content { position: relative; z-index: 1; width: 100%; max-width: 1440px; padding: 72px 20px; text-align: center; }
.site-refresh :is(.server-banner,.server-banner2) h1 { margin: 0 0 18px !important; color: #f5f7fc !important; font-size: 40px; font-weight: 800; line-height: 1.4; letter-spacing: .5px; }
.site-refresh :is(.server-banner-desc,.server-banner-desc2) { max-width: 800px; margin: 0 auto 26px !important; color: #b9c1d3 !important; font-size: 15px; line-height: 1.9; }
.site-refresh :is(.server-banner,.server-banner2) .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 26px; font-size: 14px; }
.site-refresh .input-search { display: flex; align-items: stretch; max-width: 760px; min-width: 0; margin: 26px auto 0; padding: 5px; height: auto; border: 1px solid #e6eaed; border-radius: 10px; background: #fff; box-shadow: 0 12px 26px rgba(0,0,0,.1); }
.site-refresh .input-search > input { flex: 1; width: 0; min-width: 0; height: 46px; padding: 10px 16px; border: 0; border-radius: 6px; color: var(--site-ink); background: #fff; font-size: 14px; }
.site-refresh .input-search .search-btn { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; min-width: 106px; height: auto; margin: 0; padding: 10px 20px; border-radius: 7px; background: linear-gradient(135deg,#ff7e54,#ff5122); color: #fff; font-size: 14px; line-height: 1.6; cursor: pointer; }
.site-refresh .input-search-select { color: #4b5563; }
.site-refresh .input-search .jr-select { display: flex; align-items: center; }
.site-refresh .input-search .jr-select select { height: 46px; margin: 0; }

/* Shared card surfaces; component-specific grids below avoid fixed widths. */
.site-refresh :is(.price-item,.standards-box,.hot-item,.cloud-box,.help-box,.trend-box,.support-box,.sustain-box,.reason-box,.box-item,.document-box,.news-box,.advantage-box,.flow-box,.recuit-box,.service-box) {
  min-width: 0 !important;
  border: 1px solid var(--site-line) !important;
  border-radius: var(--site-radius) !important;
  background-color: #fff !important;
  box-shadow: 0 4px 16px rgba(19,24,44,.035) !important;
  color: var(--site-ink);
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.site-refresh :is(.price-item,.standards-box,.hot-item,.cloud-box,.help-box,.trend-box,.support-box,.sustain-box,.reason-box,.box-item,.document-box,.advantage-box,.service-box):hover {
  transform: translateY(-3px);
  border-color: #ffb39b !important;
  box-shadow: 0 10px 24px rgba(255,103,57,.09) !important;
}
.site-refresh :is(.price-item,.standards-box,.hot-item,.cloud-box,.help-box,.support-box,.sustain-box,.reason-box,.document-box,.advantage-box) :is(h4,h5) { color: var(--site-ink); font-size: 18px; font-weight: 700; line-height: 1.5; }
.site-refresh :is(.cloud-box,.support-box,.sustain-box,.reason-box,.advantage-box) p { height: auto !important; color: var(--site-muted); font-size: 13px; line-height: 1.9; }
.site-refresh :is(.product-price,.product-standards,.product-hot,.product-cloud,.product-help,.product-flow,.contact-support,.about-reason,.about-box,.agent-advantage,.agent-support,.agent-flow,.agent-question,.solution-trend,.solution-scene,.solution-advantage,.arrange-way,.document-nav,.document-announce) { background-color: #f4f6f9 !important; }
.site-refresh :is(.product-cloud,.product-flow,.about-example,.contact-support.service,.solution-trend,.agent-support) { background-color: #eef1f6 !important; }
.site-refresh :is(.standards,.help,.product-cloud .cloud,.product-price > .section-content > .price,.product-hot .hot-list,.contact-support .support,.server-sustain .sustain,.trend,.about-reason .reason,.about-box .box-list,.docement-list) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
  gap: 22px !important;
  margin: 0 !important;
  width: 100%;
}
.site-refresh :is(.standards-box,.help-box,.price-item,.product-hot .hot-item,.about-reason .reason-box,.about-box .box-item,.document-box) { width: 100% !important; margin: 0 !important; padding: 28px !important; height: auto !important; }
.site-refresh .product-price .price-item { display: flex; flex-direction: column; justify-content: space-between; min-height: 200px; }
.site-refresh .product-price .price-item > .fboxRow { flex-wrap: wrap; gap: 16px; align-items: center; }
.site-refresh .product-price .price-item.more a { width: auto; height: auto; min-height: 130px; line-height: 1.8; display: flex; align-items: center; justify-content: center; gap: 8px; }
.site-refresh .product-price .price-item h5 { margin-bottom: 12px; font-size: 30px; font-weight: 700; }
.site-refresh .standards-box { display: flex; flex-direction: column; }
.site-refresh .standards-box .stand-cont { width: auto !important; margin-top: 24px; }
.site-refresh .standards-box .money-box { flex-wrap: wrap; gap: 14px; margin-top: auto; padding-top: 22px; }
.site-refresh .standards-box .standards-box-s { margin-bottom: 20px; }
.site-refresh .standards-box .stand-s { margin-bottom: 10px; }
.site-refresh .product-hot .hot-cont { margin: 0 !important; padding: 8px 0; }
.site-refresh .product-hot .hot-item .title-desc { min-height: 0; }
.site-refresh .product-hot .standard p { height: auto; min-height: 32px; gap: 16px; line-height: 1.7; }
.site-refresh .product-hot .standard .attr { min-width: 0; width: auto; text-align: right; }
.site-refresh .hot-price { gap: 16px; flex-wrap: wrap; }
.site-refresh .hot-price .price { display: block; margin-top: 0 !important; }
.site-refresh .product-cloud .cloud-box { padding: 28px !important; margin: 0 !important; display: flex; flex-direction: column; }
.site-refresh .product-cloud .cloud-box img { width: 56px !important; height: 56px !important; margin: 0 0 20px !important; object-fit: contain; }
.site-refresh .product-cloud .cloud-box-cont { margin: 0 !important; }
.site-refresh .product-cloud .cloud-box-cont > div { margin-top: 12px !important; font-size: 13px; color: var(--site-muted); line-height: 1.9; }
.site-refresh .help-head { gap: 12px; align-items: center; flex-wrap: wrap; }
.site-refresh .help-head a { font-size: 12px; color: #d44c23; }
.site-refresh .help-box > div:not(.help-head) { margin-top: 16px !important; font-size: 13px; }
.site-refresh .flow { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 20px; margin: 0; }
.site-refresh .flow .flow-box { width: auto; margin: 0; padding: 24px; gap: 14px; }
.site-refresh .flow .flow-box::before, .site-refresh .server-sustain2 .sustain-box::before { display: none; }
.site-refresh .flow .flow-box > .ml-30 { margin-left: 0; }
.site-refresh .flow .flow-icon { flex-shrink: 0; width: 36px; height: 36px; margin: 0; border-radius: 10px; background: #fff2eb; color: #d44c23; font-size: 16px; line-height: 36px; text-align: center; }
.site-refresh :is(.product-performance,.resolve,.about-time) { background: radial-gradient(ellipse at 10% 0%,#26304c,#111524 75%) !important; }
.site-refresh :is(.product-performance,.resolve,.about-time) .section-title { border-color: rgba(255,255,255,.12); }
.site-refresh :is(.product-performance,.resolve,.about-time) .section-title :is(h2,h3) { color: #fff !important; }
.site-refresh .product-performance .performance { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 36px; align-items: center; margin-top: 30px; }
.site-refresh .product-performance .performance-left img,
.site-refresh .product-performance .performance-left2 img,
.site-refresh .product-performance .performance-left3 img { width: 100%; height: auto; min-width: 0 !important; max-height: 420px; margin: 0; object-fit: contain; }
.site-refresh .product-performance .performance-item { min-width: 0 !important; height: auto !important; padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; gap: 14px; }
.site-refresh .product-performance .performance-item img { flex: 0 0 44px; width: 44px; height: 44px; margin: 0; }
.site-refresh .product-performance .performance-item .desc { color: #b9c1d3; line-height: 1.8; }
.site-refresh .efficient .nav-tabs { flex: 0 0 220px; border-radius: 12px 0 0 12px; overflow: hidden; }
.site-refresh .efficient .nav-tabs a { width: 220px; min-height: 90px; padding: 16px; font-size: 16px; }
.site-refresh .efficient .tab-content { min-width: 0; border: 1px solid var(--site-line); border-radius: 0 12px 12px 0; }
.site-refresh .tabs-efficient { padding: 32px; }
.site-refresh .tabs-efficient .tab-box { gap: 26px; }
.site-refresh .tab-box .tabs-content { min-width: 0; padding-right: 0; }
.site-refresh .tabs-efficient .tabs-img { flex: 0 1 35%; width: auto; min-width: 0; }
.site-refresh .tabs-efficient .tabs-img img { width: 100%; height: auto; }

/* Homepage: dark hero, floating shortcuts and the shared content width. */
.site-home .banner-cont { height: 460px; min-height: 460px; background: radial-gradient(ellipse at 65% 10%,#293047,#111524 75%); }
.site-home .banner-cont .swiper-slide { height: 460px; }
.site-home .banner-cont .swiper-slide > .img { opacity: .35; mix-blend-mode: screen; mask-image: radial-gradient(ellipse at 65% 50%,#000 12%,transparent 72%); }
.site-home .banner-cont .swiper-slide .section-content { max-width: 1440px; }
.site-home .banner-cont .section-content h1 { max-width: 720px; color: #fff; font-size: 44px; }
.site-home .banner-cont .banner-desc { max-width: 640px; color: #b9c1d3; }
.site-home .banner .banner-s { width: calc(100% - 40px); max-width: 1400px; margin: -34px auto 0; border-radius: 14px; }
.site-home .banner-s .banner-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.site-home .banner-s .banner-item { min-width: 0; padding: 24px; }
.site-home .banner-s .banner-tag { background: #fff5f1; color: #d44c23; }
.site-home .service-content .fboxRow { gap: 22px; }
.site-home .service-content .fboxRow > a { min-width: 0; }
.site-home .service .service-box { padding: 28px; border-radius: 14px; }
.site-home .service .service-tag { border-radius: 5px; background: #fff7f3; border-color: #ffe4d9; color: #bd4d2b; }
.site-home .service .service-btn-group { gap: 12px; flex-wrap: wrap; }
.site-home .news .news-item { border-radius: 14px; }

/* Industry solutions keep the existing Swiper and consultation form hooks. */
.site-solution .trend-box { height: auto !important; padding: 0; margin: 0; }
.site-solution .trend-box .con { padding: 24px; }
.site-solution .trend-box > :is(h4,p) { margin: 20px 24px; }
.site-solution .trend-box img { width: 100%; height: 170px; object-fit: cover; }
.site-solution .trend-box img[src=""] { display: none; }
.site-solution .trend-box > h4 { margin-top: 26px !important; }
.site-solution .arrange-way .img { margin-top: 0; padding: 28px; background: #fff; border: 1px solid var(--site-line); border-radius: 14px; }
.site-solution .arrange-way img { display: block; max-width: 100%; margin: 0 auto; }
.site-refresh .gallery-thumbs { margin: 0 0 26px; }
.site-refresh .gallery-thumbs .jr-tabs { flex-wrap: nowrap; justify-content: flex-start; gap: 0; border: 0 !important; }
.site-refresh .gallery-thumbs .title { flex: 0 0 auto; width: auto !important; height: auto; padding: 10px 22px; border: 1px solid var(--site-line); border-radius: 7px; background: #fff; color: #4b5563; font-size: 14px; line-height: 1.6; }
.site-refresh .gallery-thumbs .title.active,
.site-refresh .gallery-thumbs .title.swiper-slide-thumb-active { border-color: transparent; background: linear-gradient(135deg,#ff7e54,#ff5122); color: #fff !important; }
.site-solution .solution-scene .scene-box { padding: 32px; gap: 32px; border-radius: 14px; box-shadow: 0 4px 16px rgba(19,24,44,.035); }
.site-solution .solution-scene .scene-box > div:first-child { flex: 0 1 42%; min-width: 0; }
.site-solution .solution-scene .scene-box img { width: 100%; max-width: 100%; height: auto; border-radius: 10px; }
.site-solution .scene-box img[src=""] { display: none; }
.site-solution .scene-box > div:has(> img[src=""]) { display: none; }
.site-solution .scene-cont { min-width: 0; }
.site-solution .scene-cont p { margin-top: 18px !important; }
.site-solution .solution-advantage .advantage { display: flex; gap: 22px; flex-wrap: wrap; }
.site-solution .solution-advantage .advantage-box { flex: 1 1 300px; width: auto; margin: 0; padding: 26px; }
.site-solution .solution-advantage .advantage-list { display: flex; flex-wrap: wrap; gap: 18px; }
.site-solution .solution-advantage .box { width: auto; min-width: 0; }
.site-refresh .solution-future { background: #eef1f6; color: var(--site-ink); }
.site-refresh .solution-future .section-content { gap: 36px; align-items: center; }
.site-refresh .solution-future h2 { color: var(--site-ink); font-size: 28px; font-weight: 800; }
.site-refresh .solution-contact { min-width: 0; padding: 36px; border: 1px solid var(--site-line); border-radius: 14px; background: #fff !important; box-shadow: 0 8px 24px rgba(19,24,44,.04); }
.site-refresh .form-control { min-height: 44px; height: auto; padding: 10px 14px; border: 1px solid #d8dee8; border-radius: 7px; box-shadow: none; color: var(--site-ink); background: #fff; }
.site-refresh .form-control:focus { border-color: #ff9b7c; box-shadow: 0 0 0 3px rgba(255,103,57,.1); }
.site-refresh .form-horizontal .control-label { font-size: 13px; color: #4b5563 !important; }
.site-refresh .form-horizontal .form-group { margin-bottom: 22px; }
.site-refresh .feedback-form .solution-contact { max-width: 1000px; margin: 0 auto; }
.site-refresh .feedback-form .radio label { border-radius: 8px; }

/* Company, support and partnership pages. */
.site-company .about-details > .section-content > h2 { font-size: 26px; font-weight: 800; }
.site-company .about-details-box { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 48px; }
.site-company .about-details-left p { max-width: none; text-indent: 0; font-size: 14px; line-height: 2; color: var(--site-muted); margin-bottom: 16px; }
.site-company .about-details-right { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; max-width: none; }
.site-company .about-details-item { min-width: 0; padding: 24px; border: 1px solid var(--site-line); border-radius: 12px; background: #fff; }
.site-company .about-details-item h2 { color: var(--site-accent); font-size: 32px; font-weight: 800; }
.site-company .about-details-item p { margin-top: 10px; color: var(--site-muted); font-size: 13px; }
.site-company .about-reason .reason-box { background: #fff !important; }
.site-company .about-reason .reason-box h4 { margin-bottom: 16px; }
.site-company .about-reason .reason-box p { margin-top: 0 !important; }
.site-company .box-list .box-item img { max-width: 100%; width: auto; height: 150px; object-fit: contain; background: transparent; }
.site-company .about-example .box-item img { height: 72px; }
.site-company .about-custom .custom { gap: 22px; margin-top: 30px; }
.site-company .about-custom .custom-box { flex: 1; min-width: 220px; }
.site-company .contact-support .support { grid-template-columns: repeat(2,minmax(0,1fr)); }
.site-company .contact-support .support-box { min-width: 0; margin: 0; padding: 30px; gap: 20px; }
.site-company .contact-support .support-box img { width: 60px; height: 60px; margin: 0; flex-shrink: 0; border-radius: 12px; }
.site-company .support-box-right { min-width: 0; }
.site-company .server-sustain .sustain { grid-template-columns: repeat(4,minmax(0,1fr)); }
.site-refresh .server-sustain .sustain-box { margin: 0; padding: 26px; font-size: 14px; }
.site-refresh .sustain-box .sustain-head { margin-bottom: 18px; gap: 12px; }
.site-refresh .sustain-box .sustain-head img { width: 48px !important; height: 48px !important; }
.site-refresh .sustain-box .pb-40 { padding-bottom: 0; }
.site-refresh .sustain-box p { min-height: 0 !important; }
.site-company .phonation { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 40px; align-items: center; }
.site-company .phonation-left { width: 100% !important; height: 260px !important; margin: 0 !important; border-radius: 14px; background: linear-gradient(135deg,#1f2742,#111524) !important; }
.site-company .phonation-right { min-width: 0; }
.site-company .recuit-content { gap: 28px; }
.site-company .recuit { min-width: 0; }
.site-company .recuit-head { padding: 24px; background: #fff; border: 1px solid var(--site-line); border-radius: 12px; flex-wrap: wrap; gap: 16px; }
.site-company .recuit-box { padding: 26px; margin-top: 18px; }
.site-company .recuit-right { width: 300px; min-width: 0; }
.site-company .recuit-right-box { padding: 22px; border: 1px solid var(--site-line); border-radius: 12px; background: #fff; margin-bottom: 16px; }
.site-company .recuit-right-box p { color: var(--site-muted); line-height: 1.8; }
.site-partner .advantage { border-radius: 14px; }
.site-partner .advantage-left { min-width: 240px; background: radial-gradient(ellipse at 0% 0%,#26304c,#111524); }
.site-partner .advantage-right { min-width: 0; }
.site-partner .advantage-right .advantage-box { margin: 0; border-radius: 0 !important; box-shadow: none !important; padding: 28px; }
.site-partner .support { gap: 22px; }
.site-partner .support-box { min-width: 0; margin: 0; }
.site-partner .support-head { padding: 22px 0; }
.site-partner .agent-flow .flow-box { border: 1px solid var(--site-line); border-radius: 12px; }
.site-partner .question { padding: 28px; border: 1px solid var(--site-line); border-radius: 14px; background: #fff; }
.site-partner .question-box { border-bottom: 1px solid #edf0f4; padding: 18px 0; }

/* Editorial pages and documentation retain API-generated lists and articles. */
.site-editorial .document-announce > .section-content { max-width: 1440px; }
.site-editorial .news-index { gap: 22px; }
.site-editorial #first-news { flex: 1 1 45%; min-width: 0; }
.site-editorial .news-index-banner { width: 100%; height: 350px; border-radius: 14px; overflow: hidden; }
.site-editorial .news-box { width: auto; padding: 26px; min-width: 0; }
.site-editorial .news-index .news-box { flex: 1 1 45%; }
.site-editorial .news-list-index { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-top: 22px; }
.site-editorial .bottom-news { width: 100%; margin: 0; }
.site-editorial .news-box-head { margin-bottom: 20px; padding: 0 0 16px; border-bottom: 1px solid #edf0f4; }
.site-editorial .news-box .news-list { padding: 0; }
.site-editorial .document-news > .section-content > .fboxRow { gap: 24px; }
.site-editorial .announce-new-left { flex: 1; min-width: 0; width: auto; }
.site-editorial .announce-new-right { flex: 0 0 300px; min-width: 0; width: 300px; }
.site-editorial .news-title { font-size: 20px; font-weight: 700; color: var(--site-ink); }
.site-editorial .news-item { display: flex; gap: 12px; align-items: center; margin: 0; padding: 12px 0; border-bottom: 1px dashed #edf0f4; }
.site-editorial .news-item a { display: flex; flex: 1; min-width: 0; gap: 12px; align-items: center; justify-content: space-between; }
.site-editorial .news-text { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.site-editorial .news-number { flex-shrink: 0; color: #d44c23; background: #fff5f1; border-radius: 5px; }
.site-editorial .news-time { flex-shrink: 0; color: #8b929e; font-size: 12px; }
.site-editorial .announce { padding: 32px; border-radius: 14px; box-shadow: 0 4px 16px rgba(19,24,44,.035); }
.site-editorial .announce-head a { border-radius: 7px !important; }
.site-editorial .announce-item { padding: 20px 0; gap: 20px; }
.site-editorial .announce-item-title { min-width: 0; flex: 1; }
.site-editorial .announce-item-time { color: #8b929e; }
.site-refresh .breadcrumb { padding: 0 0 22px; margin: 0; background: transparent; color: var(--site-muted); font-size: 13px; }
.site-editorial .announce-details { padding: 38px; border: 1px solid var(--site-line); border-radius: 14px; background: #fff; }
.site-editorial .announce-title { font-size: 28px; font-weight: 700; line-height: 1.5; color: var(--site-ink); }
.site-editorial .announce-details-time { margin: 16px 0 28px; color: #8b929e; font-size: 13px; }
.site-editorial .announce-details-cont { color: #4b5563; font-size: 15px; line-height: 1.95; overflow-wrap: anywhere; }
.site-editorial .announce-details-cont p { margin-bottom: 18px; }
.site-editorial .announce-details-cont img { max-width: 100%; height: auto; border-radius: 8px; }
.site-editorial .announce-details-page { padding-top: 20px; color: var(--site-muted); font-size: 13px; }
.site-refresh .pagination li a.active { border-color: #ff6739; background: #ff6739; color: #fff; }
.site-docs .docement-list { grid-template-columns: repeat(4,minmax(0,1fr)); }
.site-docs .document-box { min-height: 0 !important; }
.site-docs .document-header { padding-bottom: 18px; margin-bottom: 18px; }
.site-docs .document-header h5 { font-size: 18px; font-weight: 700; }
.site-docs .document-cont { line-height: 1.9; }
.site-docs .document-box .document-cont { margin-top: 0 !important; }
.site-docs .document-box .document-cont a { height: auto; line-height: 1.8; padding: 8px 0; }
.site-docs .document-details-left { min-width: 0; }
.site-docs .document-details-right { min-width: 0; }
.site-docs .document-details > .section-content { gap: 24px; }
.site-docs .document-details-list { padding: 28px; border: 1px solid var(--site-line); border-radius: 14px; background: #fff; }
.site-docs .document-details-item { padding: 18px 0; border-bottom: 1px dashed #edf0f4; }
.site-docs .page .nav-left { background: #fff; border-right: 1px solid var(--site-line); }
.site-docs .page .nav-head { background: #eef1f6; }
.site-docs .page .nav-div { background: #fff; }
.site-docs .page .page-content { background: #fff; padding: 36px 48px; min-height: calc(100vh - 72px); height: auto; }
.site-docs .page .page-content > .flex1 { min-width: 0; }
.site-docs .page .document-head { overflow-wrap: anywhere; }
.site-docs .document-view-cont { gap: 22px; }
.site-docs .document-view-item { min-width: 0; padding: 24px; border: 1px solid var(--site-line); border-radius: 12px; background: #fff; }

/* Domain lookup, registration and existing checkout dialogs. */
.site-checkout .domain-info > .section-content { gap: 26px; align-items: flex-start; }
.site-checkout .domain-register { min-width: 0; flex: 1; padding: 28px; border: 1px solid var(--site-line); border-radius: 14px; background: #fff; }
.site-checkout .domain-desc-box { min-width: 0; width: 320px; border: 1px solid var(--site-line); border-radius: 14px; padding: 24px; overflow-wrap: anywhere; }
.site-checkout .domain-register-box { margin-bottom: 28px; }
.site-checkout .register-box-item { gap: 20px; }
.site-checkout .register-box-left { flex: 0 0 160px; width: auto; }
.site-checkout .domain-buy .buy-tip { border-radius: 8px; background: #fff2eb; line-height: 1.8; }
.site-checkout .select-tem { padding: 28px; margin-top: 20px; border: 1px solid var(--site-line); border-radius: 14px; }
.site-checkout .domain-buy .select-tem .select-title { padding-left: 16px; font-weight: 700; }
.site-checkout .domain-buy .select-tem .select-title::before { left: 0; }
.site-checkout .domain-buy .select-tem .select-content { padding: 24px 0 0; }
.site-checkout .domain-buy .select-type { flex-wrap: wrap; gap: 8px; }
.site-checkout .domain-buy .select-type .net-type { margin-right: 16px !important; white-space: nowrap; }
.site-checkout .domain-buy .select-type input[type="radio"] { flex-shrink: 0; }
.site-checkout .domain-buy .select-type label { white-space: nowrap; }
.site-checkout .domain-buy .tem-title { flex-wrap: wrap; gap: 12px; }
.site-checkout .domain-buy .tem-title .creat-text { flex-shrink: 0; }
.site-checkout .domain-buy .tem-list { padding: 24px; border-radius: 10px; height: auto !important; min-height: 140px; }
.site-checkout .domain-buy .agree-box { align-items: flex-start !important; margin-top: 28px !important; line-height: 1.8; }
.site-checkout .domain-buy .btn-box { margin-top: 28px !important; }
.site-checkout .domain-buy .btn-box :is(.ok-btn,.back-btn) { border-radius: 7px !important; }
.site-checkout .tem-box { border-radius: 10px; }
.site-checkout .form-box { min-width: 0; }
.site-checkout .form-item { gap: 16px; }
.site-checkout .form-item input:not([type="checkbox"]):not([type="radio"]),
.site-checkout .form-item select { border: 1px solid #d8dee8; border-radius: 6px; min-height: 40px; }
.site-checkout .creat-form { max-width: min(100vw,1000px); border-radius: 16px 0 0 16px; }
.site-checkout .domain-buy .creat-template-box .form-content { padding: 0 24px; }
.site-checkout .domain-buy .creat-template-box .form-box { gap: 24px; }
.site-checkout .domain-buy .creat-template-box .form-info { flex: 1; width: auto; min-width: 0; }
.site-checkout .domain-buy .creat-template-box .form-value { min-width: 0; flex: 1; }
.site-checkout .domain-buy .creat-template-box .form-value input:not([type="checkbox"]):not([type="radio"]),
.site-checkout .domain-buy .creat-template-box .form-value select { width: 100% !important; max-width: 480px; }
.site-checkout .domain-buy .creat-template-box .right-tip { flex: 0 0 220px; min-width: 0; border-radius: 10px; }
.site-checkout .domain-buy .tip-text-box .no-tips { position: static; padding: 36px 20px; }
.site-checkout .creat-template-box input:not([type="checkbox"]):not([type="radio"]),
.site-checkout .creat-template-box select { border-radius: 6px; }
.site-checkout .shop-head { padding: 28px; border: 1px solid var(--site-line); border-radius: 14px; background: #fff; }
.site-checkout .shop-content { gap: 24px; margin-top: 24px; align-items: flex-start; }
.site-checkout .shop-left { min-width: 0; padding: 28px; border: 1px solid var(--site-line); border-radius: 14px; background: #fff; }
.site-checkout .shop-right { min-width: 0; width: 300px; border: 1px solid var(--site-line); border-radius: 14px; overflow: hidden; }
.site-checkout .shop-item { padding: 20px 16px; height: auto !important; min-height: 72px; gap: 20px; }
.site-checkout .shop-item-left { min-width: 0; }
.site-checkout .shop-item-right { flex-shrink: 0; }
.site-checkout .shop-item-right .item-right { width: auto; margin-left: 18px; }
.site-checkout .shop-car-buy { background: linear-gradient(135deg,#ff7e54,#ff5122); }

/* Alternate legacy activities template uses its original component stylesheet. */
.site-activity .active-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-top: -30px; }
.site-activity .active-list .active-item { width: auto !important; margin: 0 !important; padding: 24px !important; border: 1px solid var(--site-line); border-radius: 12px; background: #fff; }
.site-activity .seckill-goods { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.site-activity .seckill-goods .seckill-item { width: auto !important; min-width: 0; margin: 0 !important; border: 1px solid var(--site-line); border-radius: 14px; overflow: hidden; }
.site-activity .active-type-title { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; font-size: 26px !important; font-weight: 800 !important; }
.site-activity .active-type-title::before { content: ""; width: 5px; height: 22px; background: #ff6739; border-radius: 3px; }
.site-activity .cloud-goods { box-shadow: none !important; }
.site-activity .cloud-goods .cloud-item { display: grid !important; grid-template-columns: minmax(220px,1fr) minmax(320px,1.2fr) minmax(200px,.8fr) auto; gap: 20px; height: auto !important; padding: 48px 24px 24px; border: 1px solid var(--site-line); border-radius: 14px; margin-bottom: 16px; }
.site-activity .cloud-goods .cloud-item .cloud-left { width: auto !important; height: auto !important; padding: 0 !important; background: transparent !important; }
.site-activity .cloud-goods .cloud-item .cloud-name { margin-top: 0 !important; font-size: 18px !important; font-weight: 700; }
.site-activity .cloud-goods .cloud-mid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); }
.site-activity .cloud-goods .cloud-config-item { width: auto !important; min-width: 0; }
.site-activity .cloud-goods .cloud-config-item .config-lable { font-size: 16px !important; }
.site-activity .cloud-goods .cloud-config-item .config-value { margin-top: 10px !important; font-size: 12px !important; }
.site-activity .cloud-goods .cloud-right { gap: 10px; }
.site-activity .cloud-goods .cloud-price-box { flex: 1; width: auto !important; height: auto !important; min-width: 0; margin: 0 !important; padding: 14px 8px; border-radius: 8px !important; box-shadow: none !important; }
.site-activity .cloud-goods .cloud-buy-btn { margin: 0 !important; width: 110px !important; }
.site-activity .more-box { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.site-activity .more-box .more-item { width: auto !important; height: auto !important; margin: 0 !important; padding: 28px !important; border: 1px solid var(--site-line); border-radius: 14px; background: #fff !important; }

/* Shared footer's fixed minimums must also fit tablets and small phones. */
@media (min-width: 992px) and (max-width: 1100px) {
  .site-refresh .footer .footer-nav .footer-nav-left { min-width: 0; margin-right: 32px; gap: 18px; }
  .site-refresh .footer-nav-box .footer-nav-head { width: auto; }
  .site-refresh .footer-content .footer-nav .footer-nav-right { flex: 0 0 180px; }
  .site-refresh .footer-nav-right .footer-nav-box .footer-nav-item { width: auto; }
}
@media (max-width: 1100px) {
  .site-company .server-sustain .sustain,
  .site-docs .docement-list,
  .site-activity .seckill-goods { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-editorial .news-list-index { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-company .recuit-content { flex-wrap: wrap; }
  .site-company .recuit-right { width: 100%; }
  .site-activity .cloud-goods .cloud-item { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-activity .cloud-goods .cloud-left, .site-activity .cloud-goods .cloud-mid { grid-column: 1 / -1; }
}
@media (max-width: 991px) {
  .site-refresh > section > .section-content { max-width: 100%; padding-inline: 16px !important; }
  .site-refresh > section:not(.banner):not(.server-banner):not(.server-banner2) > .section-content { padding-block: 40px !important; }
  .site-refresh :is(.server-banner,.server-banner2) > .section-content { padding: 48px 16px !important; }
  .site-refresh :is(.server-banner,.server-banner2) h1 { font-size: 30px !important; }
  .site-refresh :is(.server-banner-desc,.server-banner-desc2) { font-size: 13px !important; }
  .site-refresh .section-title { margin-bottom: 24px !important; }
  .site-refresh .section-title .section-desc { text-align: left; padding-left: 17px !important; }
  .site-refresh :is(.standards,.help,.product-cloud .cloud,.product-price > .section-content > .price,.product-hot .hot-list,.contact-support .support,.server-sustain .sustain,.trend,.about-reason .reason,.about-box .box-list,.docement-list) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 16px !important; }
  .site-refresh :is(.standards-box,.help-box,.price-item,.product-hot .hot-item,.about-reason .reason-box,.about-box .box-item,.document-box,.product-cloud .cloud-box) { padding: 24px !important; margin: 0 !important; width: 100% !important; }
  .site-refresh .product-cloud .cloud-box { flex-direction: column !important; min-width: 0 !important; }
  .site-refresh .product-cloud .cloud-box img { width: 52px !important; height: 52px !important; }
  .site-refresh .product-performance .performance { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .site-refresh .performance-left, .site-refresh .performance-left2, .site-refresh .performance-left3 { max-width: 560px; margin: 0 auto; }
  .site-refresh .efficient { display: block; }
  .site-refresh .efficient .nav-tabs { border-radius: 12px 12px 0 0; }
  .site-refresh .efficient .tab-content { border-radius: 0 0 12px 12px; }
  .site-refresh .tabs-efficient { padding: 24px !important; }
  .site-home .banner-cont, .site-home .banner-cont .swiper-slide { height: 390px; min-height: 390px; }
  .site-home .banner-cont .swiper-slide > .img { max-width: 80%; opacity: .15; }
  .site-home .banner-cont .section-content h1 { font-size: 30px !important; }
  .site-home .banner .banner-s { width: calc(100% - 32px); margin-inline: 16px; max-width: none; }
  .site-home .banner-s .banner-list { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-home .banner-s .banner-list .banner-item { min-width: 0 !important; width: auto !important; margin: 0 !important; }
  .site-solution .solution-scene .scene-box { padding: 24px !important; gap: 24px !important; }
  .site-solution .solution-scene .scene-box img { max-width: 100%; }
  .site-partner .advantage { flex-direction: column; }
  .site-partner .advantage-left { min-width: 0 !important; padding: 28px; }
  .site-partner .support { flex-wrap: wrap; }
  .site-partner .support-box { flex: 1 1 40%; }
  .site-company .about-details-box { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .site-company .about-details-right .about-details-item { min-width: 0 !important; }
  .site-company .contact-support .support-box { padding: 24px !important; min-width: 0 !important; gap: 16px; }
  .site-company .contact-support .support-box img { width: 48px !important; height: 48px !important; }
  .site-company .phonation { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .site-editorial .news-index-banner { height: 260px; }
  .site-editorial .news-list-index { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-editorial .announce-details { padding: 28px; }
  .site-editorial .announce-new-right { flex-basis: 240px; width: 240px; }
  .site-docs .page .page-content { padding: 28px 24px !important; margin-left: 240px; }
  .site-docs .page .nav-left { width: 240px; }
  .site-checkout .domain-info > .section-content, .site-checkout .shop-content { flex-direction: column; }
  .site-checkout .domain-desc-box, .site-checkout .shop-right, .site-checkout .domain-register, .site-checkout .shop-left { width: 100% !important; }
  .site-checkout .register-box-left { flex-basis: 110px; }
  .site-checkout .shop-item { flex-wrap: wrap; }
  .site-checkout .shop-item-left .ml-30 { margin-left: 10px; }
  .site-checkout .shop-left > .fboxRow { flex-wrap: wrap; gap: 16px; }
  .site-activity .active-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-refresh .promise-box { min-width: 0; padding: 12px 0; }
}
@media (max-width: 600px) {
  .site-refresh > section:not(.banner):not(.server-banner):not(.server-banner2) > .section-content { padding-block: 36px !important; }
  .site-refresh :is(.server-banner,.server-banner2) h1 { font-size: 28px !important; }
  .site-refresh .section-title :is(h2,h3) { font-size: 22px !important; }
  .site-refresh :is(.standards,.help,.product-cloud .cloud,.product-price > .section-content > .price,.product-hot .hot-list,.contact-support .support,.server-sustain .sustain,.trend,.about-reason .reason,.about-box .box-list,.docement-list),
  .site-company .server-sustain .sustain,
  .site-editorial .news-list-index,
  .site-activity .seckill-goods { grid-template-columns: minmax(0,1fr) !important; }
  .site-refresh .input-search { width: 100% !important; padding: 4px !important; }
  .site-refresh .input-search > input { font-size: 13px; padding: 10px !important; }
  .site-refresh .input-search .search-btn { min-width: 78px; padding: 10px 12px !important; font-size: 13px; }
  .site-refresh .input-search-select { flex: 0 0 62px; }
  .site-refresh .input-search .input-search-s { width: auto; padding: 0 6px; }
  .site-refresh .solution-contact { padding: 24px 20px !important; }
  .site-refresh .solution-future .section-content { gap: 24px; }
  .site-refresh .solution-future .section-content > .flex2 { flex: auto; width: 100%; }
  .site-refresh .flow { grid-template-columns: minmax(0,1fr); }
  .site-home .banner-cont, .site-home .banner-cont .swiper-slide { height: 410px !important; min-height: 410px !important; }
  .site-home .banner-cont .section-content h1 { font-size: 28px !important; }
  .site-home .banner-cont .swiper-slide .section-content { padding: 40px 16px 60px !important; }
  .site-home .service-content .fboxRow { flex-direction: column; }
  .site-home .banner-s .banner-list .banner-item { padding: 18px 14px !important; }
  .site-solution .solution-scene .scene-box { flex-direction: column; }
  .site-solution .solution-scene .scene-box > div:first-child { width: 100%; }
  .site-partner .advantage-right { flex-direction: column; }
  .site-partner .support { flex-direction: column; }
  .site-partner .support-box { flex-basis: auto; }
  .site-company .contact-support .support-box { flex-direction: column !important; }
  .site-company .recuit-head { padding: 20px; }
  .site-company .recuit-right { width: 100% !important; }
  .site-editorial .news-index { flex-direction: column; }
  .site-editorial .news-index .news-box, .site-editorial #first-news { flex: auto; width: 100%; }
  .site-editorial .document-news > .section-content > .fboxRow { flex-direction: column; }
  .site-editorial .announce-new-left, .site-editorial .announce-new-right { flex: auto; width: 100%; }
  .site-editorial .news-item a { flex-wrap: wrap; }
  .site-editorial .news-time { font-size: 11px; }
  .site-editorial .news-box, .site-editorial .announce, .site-editorial .announce-details { padding: 24px 20px; }
  .site-editorial .announce-title { font-size: 23px; }
  .site-editorial .announce-item { flex-direction: column; align-items: flex-start; gap: 8px; }
  .site-docs .page .page-content { margin-left: 0 !important; padding: 24px 16px !important; }
  .site-docs .page .nav-left { position: relative; height: auto; width: 100%; padding-top: 0; border-right: 0; border-bottom: 1px solid var(--site-line); }
  .site-docs .page .nav-left .nav-head { position: relative; height: auto; padding: 24px 16px; }
  .site-docs .page .nav-left .nav-head-top, .site-docs .page .nav-left .nav-head-bottom { padding-inline: 0; }
  .site-docs .page .nav-left .nav-div { height: auto; max-height: 240px; padding-bottom: 20px; }
  .site-docs .page .page-content.fboxRow { flex-direction: column; gap: 24px; }
  .site-docs .page .page-content .pr-20 { padding-right: 0; }
  .site-docs .page .guide-box { width: 100%; padding: 20px; border: 1px solid var(--site-line); border-radius: 10px; }
  .site-docs .page .overview { max-width: calc(100vw - 32px); }
  .site-docs .document-view-cont { flex-direction: column; }
  .site-docs .document-view-item { width: 100%; }
  .site-checkout .domain-register, .site-checkout .domain-desc-box, .site-checkout .shop-head, .site-checkout .shop-left { padding: 22px 18px; }
  .site-checkout .register-box-item { flex-direction: column; gap: 8px; }
  .site-checkout .register-box-left { flex-basis: auto; }
  .site-checkout .domain-register-right { min-width: 0; margin-left: 0; }
  .site-checkout .shop-item-right { flex-wrap: wrap; gap: 12px; width: 100%; }
  .site-checkout .shop-content .shop-right { width: 100%; }
  .site-checkout .select-tem { padding: 24px 18px; }
  .site-checkout .domain-buy .creat-template-box .form-content { padding: 0 18px; }
  .site-checkout .domain-buy .creat-template-box .form-box { flex-direction: column; }
  .site-checkout .domain-buy .creat-template-box .form-info { width: 100%; }
  .site-checkout .domain-buy .creat-template-box .form-item { flex-direction: column; gap: 8px; }
  .site-checkout .domain-buy .creat-template-box .form-label { width: auto; }
  .site-checkout .domain-buy .creat-template-box .right-tip { flex-basis: auto; width: 100%; }
  .site-checkout .domain-buy .creat-template-box .form-bottom { padding-inline: 18px; }
  .site-activity .active-content, .site-activity .cloud-des.dedicated-box { flex-direction: column; align-items: flex-start !important; gap: 16px; }
  .site-activity .cloud-tab { flex-direction: column; align-items: flex-start; gap: 16px; }
  .site-activity .cloud-tab .tab-left { max-width: 100%; overflow-x: auto; }
  .site-activity .cloud-tab .tab-left .tab-item { flex-shrink: 0; }
  .site-activity .cloud-goods .cloud-item { grid-template-columns: minmax(0,1fr); padding: 48px 20px 24px; }
  .site-activity .cloud-goods .cloud-mid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
  .site-activity .cloud-goods .cloud-buy-btn { width: 100% !important; }
  .site-activity .more-box { grid-template-columns: minmax(0,1fr); }
  .site-activity .dialog-box .modal-content { width: calc(100% - 32px) !important; max-height: 85vh; overflow-y: auto; margin: 10vh auto; padding: 24px 20px; border-radius: 14px; }
  .site-activity .dialog-box .buy-form select { width: 100%; }
  .site-activity .dialog-box .buy-form .quantity { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .site-refresh *, .site-refresh *::before, .site-refresh *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}