/* =========================================================
   Arctus Cloud — 官网深色主题（2026-10-23）
   作用于所有使用 /web/default/public/header.html 的官网页面
   （不含会员中心 /{DIR_ADMIN} 后台 / 购物车等 clientarea 模板）
   用 html body 提高优先级，覆盖各页面自身的 CSS
   ========================================================= */

html body {
  background: #0a0c12;
  color: #c7d0dc;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  color: #f2f4f8;
}

html body p {
  color: #98a2b3;
}

/* ---------- 通用区块 ---------- */
html body .section,
html body .section-p {
  background-color: transparent;
  background-image: none;
}

/* 有配图的 banner 区块保留背景图（.section 的 background-image:none 会误伤，这里按类恢复） */
html body .server-banner.banner-cloud {
  background-image: url('/web/default/assets/img/cloud/banner.png') !important;
}
html body .server-banner.banner-dedicated {
  background-image: url('/web/default/assets/img/dedicated/banner.png') !important;
}
html body .server-banner.banner-trademark {
  background-image: url('/web/default/assets/img/trademark/banner.png') !important;
}

html body .section.server-banner {
  background-color: #0e1219;
}

html body .section-title {
  color: #f2f4f8;
}

html body .section-title .section-desc,
html body .section-desc,
html body .title-desc {
  color: #98a2b3;
}

/* 交替浅底区块 -> 深色 */
html body .product-hot,
html body .product-cloud,
html body .product-efficient,
html body .product-country,
html body .apply,
html body .domain-info,
html body .domain-shop,
html body .domain-buy,
html body .domain-register,
html body .activities-page,
html body .arrange-way,
html body .product-flow {
  background: #0d1019;
}

html body .server-banner {
  background-color: #0e1219;
}

/* ---------- 卡片 / 白底容器 ---------- */
html body .cloud-box,
html body .cloud-box-cont,
html body .product-item,
html body .help-box,
html body .help-head,
html body .layout-paragraph-tag,
html body .tab-content,
html body .efficient .nav-tabs li:hover,
html body .shop-left,
html body .shop-right,
html body .shop-content .shop-right .shop-car .shop-car-head,
html body .table-price,
html body .domain-desc-box,
html body .select-tem,
html body .creat-form,
html body .user-type .user-item.active,
html body .news-box,
html body .document-box,
html body .document-cont,
html body .document-header,
html body .docement-list,
html body .about-box,
html body .about-details-item,
html body .reason-box,
html body .time-box,
html body .custom-box,
html body .support-box,
html body .support-box-right,
html body .active-item,
html body .cloud-item,
html body .seckill-item,
html body .more-item,
html body .trend-box,
html body .flow-box,
html body .sustain-box,
html body .box-list,
html body .modal-content,
html body .aside-tools {
  background: #12161f;
  border-color: rgba(255, 255, 255, 0.08);
}

html body .product-item .product-item-top,
html body .active-item,
html body .cloud-item .cloud-left,
html body .seckill-item .seckill-top,
html body .more-item {
  background-image: none;
  background: #12161f;
}

/* 表格头部 */
html body .table-price .table-list.table-head {
  background: #0f131c;
}

/* ---------- 文本 ---------- */
html body .layout-title,
html body .layout-paragraph,
html body .cloud-box .title,
html body .help-head,
html body .news-title,
html body .news-box .news-list .news-item a,
html body .document-header,
html body .docement-list a,
html body .announce-head,
html body .announce-cont,
html body .about-box h3,
html body .reason,
html body .font26,
html body .font18,
html body .font16,
html body .title {
  color: #e8edf4;
}

html body .font14,
html body .desc,
html body .support-box-right,
html body .performance-item .desc,
html body .layout-paragraph-s {
  color: #98a2b3;
}

/* ---------- 分隔线 ---------- */
html body .news-box .news-box-head,
html body .news-box .news-list .news-item,
html body .document-header,
html body .tab .title,
html body .section-title,
html body hr {
  border-color: rgba(255, 255, 255, 0.08);
}

/* ---------- 表单 ---------- */
html body input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),
html body textarea,
html body select,
html body .input-search {
  background: #0f131c;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e6eaf1;
}

html body input::placeholder,
html body textarea::placeholder {
  color: #6b7686;
}

/* ---------- 按钮 ---------- */
html body .btn-normal-light {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.16);
  color: #f0f3f8;
}

html body .btn-normal-light:hover {
  background: rgba(255, 255, 255, 0.13);
}

/* ---------- 分页 ---------- */
html body .jr-page .pagination > li a {
  background: #12161f;
  border-color: rgba(255, 255, 255, 0.12);
  color: #c7d0dc;
}

/* ---------- 导航下拉 / 登录菜单 ---------- */
html body .nav-cont {
  background: #0e121b;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
}

html body .nav-item-box {
  background: #141926;
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: none;
}

html body .nav-item-box .item-box-title {
  color: #e6eaf1;
}

html body .nav-item-box .item-box-title .desc {
  color: rgba(255, 255, 255, 0.45);
}

html body .nav-menu .nav-item,
html body .nav-right .control {
  color: rgba(255, 255, 255, 0.76);
}

html body .nav-menu .nav-item:hover,
html body .nav-right .control:hover {
  color: #fff;
}

html body .nav-left .nav-icon img {
  filter: brightness(0) invert(1);
}

html body .nav-shadow,
html body #header {
  background: #0a0c12;
}

html body .login-menu {
  background: #12161f;
  border-color: rgba(255, 255, 255, 0.08);
}

html body .login-menu-item {
  color: #c7d0dc;
}

/* ---------- 页脚 ---------- */
html body .section-promise {
  background: #0b0e15;
}

html body .footer-content {
  background: #0d1018;
}


/* ================= 自动生成覆盖（白卡/浅底/深字/浅边框） ================= */
/* 自动生成：把各页面 CSS 里的白/浅底、深色文字、浅色边框改写成深色（2026-10-23） */

/* ---------- 白色卡片 -> #12161f ---------- */
html body .box-shadow,
html body .box-shadow-light,
html body #header,
html body .nav-item-box,
html body .input-search input,
html body .input-search .input-search-select,
html body .aside-tools .tools-list,
html body .aside-tools .tools-list .tools-item .tools-box-s,
html body .contact-support,
html body .contact-support.service .support-box,
html body .contact-support .support-box,
html body .server-sustain,
html body .server-sustain2,
html body .server-sustain .sustain .sustain-box,
html body .product-phonation,
html body .about-reason .reason-item-1,
html body .about-reason .reason-item-2,
html body .about-reason .reason-item-3,
html body .about-reason .reason-item-4,
html body .about-reason .reason-item-5,
html body .about-together,
html body .about-example .box-list .box-item,
html body .trend-box,
html body .solution-future .solution-contact,
html body .feedback-form .form-horizontal .form-group input, html body .feedback-form .form-horizontal .form-group textarea,
html body .feedback-form .form-horizontal .form-group .form-upload,
html body .recuit,
html body .recuit-right,
html body .product-cloud .cloud-box,
html body .product-performance .performance-item,
html body .product-performance .performance-item:hover,
html body .efficient .nav-tabs li.active, html body .efficient .nav-tabs li:hover,
html body .efficient .tab-content,
html body .help-box,
html body .product-flow .flow .flow-icon::before,
html body .layout-paragraph-tag,
html body .domain-register,
html body .domain-info .domain-desc-box,
html body .domain-shop .shop-head,
html body .domain-shop .shop-content .shop-left,
html body .shop-left .table-price,
html body .shop-content .shop-right,
html body .shop-content .shop-right .shop-car .shop-car-head,
html body .product-country,
html body .product-item,
html body .product-item .product-item-top,
html body .domain-buy .buy-tip,
html body .domain-buy .buy-tip .tip-icon,
html body .domain-buy .select-tem,
html body .domain-buy .creat-template-box .creat-form,
html body .domain-buy .user-type .user-item.active,
html body .document-announce .announce,
html body .document-news .news-head,
html body .announce-details,
html body .news-box,
html body .news-box .news-box-cont,
html body .news-index,
html body .docement-list .document-box,
html body .page .nav-top,
html body .page .content-page,
html body .activities-page .active-box .active-list .active-item,
html body .activities-page .active-box .active-type .seckill-goods .seckill-item,
html body .activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-top,
html body .activities-page .active-box .active-type .cloud-goods .cloud-item,
html body .activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-left,
html body .activities-page .active-box .more-acticve .more-box .more-item,
html body .activities-page .dialog-box .modal-content,
html body .activities-page .dialog-box .buy-form select,
html body .activities-page .dialog-box .buy-form .quantity input[type=number],
html body .solution-trend,
html body .solution-trend .trend-box,
html body .agent-advantage .advantage-right,
html body .agent-support .support .support-box,
html body .agent-flow .flow-box,
html body .agent-question,
html body .agent-question .question,
html body .parHd .tempWrap:after,
html body .parHd li:after,
html body .parHd li::before,
html body .time-box .line {
  background: #12161f !important;
  background-image: none !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* ---------- 浅灰区块 -> #0d1019 ---------- */
html body .nav-cont,
html body .server-banner,
html body .contact-support .support-box img,
html body .about-reason,
html body .about-example,
html body .solution-trend,
html body .trend .trend-box img,
html body .feedback-form,
html body .feedback-form .form-horizontal .input-group-addon, html body .feedback-form .form-horizontal .form-select,
html body .feedback-form .form-horizontal .radio label,
html body .recuit-info,
html body .solution-advantage,
html body .product-hot,
html body .product-cloud,
html body .product-efficient,
html body .apply,
html body .domain-info,
html body .domain-shop,
html body .domain-shop .shop-head input,
html body .shop-left .table-price .table-list.table-head,
html body .checkbox label::before,
html body .domain-buy,
html body .domain-buy .right-tip,
html body .page .nav-left,
html body .page .nav-left .nav-div,
html body .overview,
html body .activities-page,
html body .activities-page .dialog-box .buy-form .buyed-box,
html body .arrange-way,
html body .solution-advantage .advantage,
html body .agent-advantage,
html body .agent-question .question .item .des,
html body .about {
  background-color: #0d1019 !important;
}

/* ---------- 深色文字 -> 浅色 ---------- */
html body .font-grey,
html body .font-black,
html body .title-desc,
html body ::-webkit-scrollbar-thumb,
html body .btn-normal-light,
html body .section-title .section-desc,
html body .common-empty .des,
html body .nav-menu .nav-item,
html body .nav-right .control,
html body .nav-item-box .item-box-title,
html body .nav-item-box .item-box-title .desc,
html body .footer .footer-link,
html body .footer .footer-record,
html body .jr-tabs .title,
html body .jr-page .pagination>li a,
html body .solution-future .solution-contact .form-group label,
html body .feedback-form .form-horizontal .radio .radio-desc,
html body .solution-advantage .advantage-box p,
html body .product-hot .hot-price .price-desc,
html body .product-hot .hot-item .title-desc, html body .product-hot .section-title .section-desc,
html body .efficient .nav-tabs a,
html body .product-price .price .more a,
html body .product-sms .title-desc,
html body .product-flow .flow .flow-icon,
html body .layout-paragraph .layout-desc,
html body .product-rent .layout-paragraph-s,
html body .domain-register .register-box-item .register-box-left,
html body .shop-left .shop-item-right .add-car.disabled,
html body .shop-left .table-price .table-list.table-head,
html body .checkbox label::after,
html body .checkbox input[type="checkbox"]:indeterminate + label::after, html body .checkbox input[type="radio"]:indeterminate + label::after,
html body .product-country .country-item,
html body .product-des,
html body .product-item .product-item-top h4,
html body .product-item .product-item-top .title-desc,
html body .product-item .product-item-bottom .product-config > p .config-lable,
html body .product-item .product-item-bottom .product-config > p .config-value,
html body .product-item .product-item-bottom .product-config > p .config-time > span,
html body .product-item .product-item-bottom .product-text .product-text-item,
html body .product-item .product-item-bottom .product-price-box .price-left .origin-price,
html body .product-item .product-item-bottom .product-price-box .price-desc,
html body .product-event .event-item .event-name,
html body .product-event .event-item .event-des,
html body .domain-buy .select-tem .select-title,
html body .domain-buy .select-tem .select-content .select-type .net-type,
html body .domain-buy .select-tem .select-content .select-type label,
html body .domain-buy .select-tem .select-content .tem-box .title-text,
html body .domain-buy .select-tem .select-content .tem-box .tem-list .no-tem,
html body .domain-buy .select-tem .select-content .agree-box,
html body .domain-buy .creat-template-box,
html body .domain-buy .creat-template-box .form-top span,
html body .domain-buy .creat-template-box .form-top img,
html body .domain-buy .creat-template-box .form-content .form-box .form-title,
html body .domain-buy .creat-template-box .form-info .form-item .form-label,
html body .domain-buy .creat-template-box .form-info .form-item .form-value input,
html body .domain-buy .creat-template-box .form-info .form-item .form-value select,
html body .domain-buy .creat-template-box .form-info .value-tips,
html body .domain-buy .tip-text-box .no-tips,
html body .domain-buy .tip-text-box .input-tip h4,
html body .domain-buy .tip-text-box .input-tip p,
html body .domain-buy .use-label,
html body .domain-buy .use-label .use-tips,
html body .domain-buy .user-type .user-item,
html body .domain-buy .upload-box .up-text,
html body .domain-buy .upload-box .upload-bommtom,
html body .domain-buy .agree-label,
html body .domain-buy .form-bottom .creat-cancel,
html body .document-announce .announce .announce-head a,
html body .document-announce .announce-list .announce-item a,
html body .document-announce .announce-list .announce-item .announce-item-time,
html body .announce-details .announce-details-time,
html body .announce-details .announce-details-cont,
html body .announce-details .announce-details-page,
html body .announce-details .announce-details-page a,
html body .news-box .news-list .news-item a,
html body .news-box .news-list .news-item .news-time,
html body .docement-list .document-box a,
html body .page .nav-left .nav-head .icon-double,
html body .page .search-input input,
html body .page .nav-left .nav-div .nav-list ul .nav-tab .li-a .icon-bottom,
html body .page .page-content .document-head .document-time,
html body .page .guide-box,
html body .page .guide-box a,
html body .overview .overview-content .footer-nav-head,
html body .document-details .section-content p,
html body .document-details .document-view-item .document-view-head,
html body .activities-page .active-box .active-type-title,
html body .activities-page .active-box .active-list .active-item .active-des,
html body .activities-page .active-box .active-type .cloud-des,
html body .activities-page .active-box .active-type .active-content .count-down-box .count-text,
html body .activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-top .seckill-name,
html body .activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-top .seckill-des, html body .activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-top .seckill-country,
html body .activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-bottom .seckill-info .seckill-config .seckill-label,
html body .activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-bottom .seckill-info .seckill-config .seckill-value,
html body .activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-bottom .seckill-ad .seckill-aditem,
html body .activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-bottom .seckill-price .origin-price,
html body .activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-bottom .seckill-price .price-moon,
html body .activities-page .active-box .active-type .cloud-tab .tab-left .tab-item,
html body .activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-left .cloud-name,
html body .activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-left .cloud-text,
html body .activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-mid .cloud-config-item .config-lable,
html body .activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-mid .cloud-config-item .config-value,
html body .activities-page .active-box .more-acticve .more-box .more-item .more-name,
html body .activities-page .active-box .more-acticve .more-box .more-item .more-des,
html body .activities-page .dialog-box,
html body .activities-page .dialog-box .dia-close,
html body .activities-page .dialog-box .dia-close:hover, html body .activities-page .dialog-box .dia-close:focus,
html body .activities-page .dialog-box .dia-title,
html body .activities-page .dialog-box .no-rz-tips,
html body .activities-page .dialog-box .buy-fotter .fotter-text,
html body .activities-page .dialog-box .buy-fotter .fotter-price .origin-price,
html body .activities-page .dialog-box .buy-form .buy-type,
html body .activities-page .dialog-box .buy-form .un-select,
html body .activities-page .dialog-box .buy-form label,
html body .activities-page .dialog-box .buy-form select,
html body .gallery-top .scene-cont .des,
html body .agent-support .support,
html body .agent-question .item .title,
html body .agent-question .question .item .des,
html body .parHd li {
  color: #c7d0dc !important;
}

/* ---------- 浅色边框 ---------- */
html body .btn-normal-light,
html body .nav-header .login-in::after,
html body .nav-header .login-in .head-img,
html body .nav-header .login-in .login-menu,
html body .jr-tabs,
html body .input-search .input-search-select .select-box-item,
html body .jr-page .pagination>li a,
html body .aside-tools .tools-list .tools-item .tools-box .button,
html body .contact-support .support-box,
html body .server-sustain .sustain .sustain-box,
html body .solution-future .solution-contact .form-group input, html body .solution-future .solution-contact .form-group textarea,
html body .feedback-form .form-horizontal .input-group-addon,
html body .feedback-form .form-horizontal .radio label,
html body .product-hot .hot-item,
html body .efficient .nav-tabs a,
html body .price .price-item,
html body .standards-box,
html body .domain-info .domain-desc-box input,
html body .shop-left .shop-item-right .add-car.disabled,
html body .shop-left .table-price .table-list,
html body .product-item .product-item-top,
html body .domain-buy .select-tem .select-content .select-type input[type=radio],
html body .domain-buy .creat-template-box .form-top,
html body .domain-buy .creat-template-box .form-info .form-item .form-value input,
html body .domain-buy .creat-template-box .form-info .form-item .form-value select,
html body .domain-buy .user-type,
html body .domain-buy .upload-box .upload-content,
html body .domain-buy .form-bottom,
html body .domain-buy .form-bottom .creat-cancel,
html body .document-announce .announce .announce-head a,
html body .document-announce .announce-list .announce-item,
html body .document-news .news-head,
html body .announce-details .announce-details-cont,
html body .news-box .news-box-head,
html body .news-box .news-list .news-item,
html body .docement-list .document-box .document-header,
html body .page .search-input,
html body .page .page-content .document-cont,
html body .page .guide-box,
html body .activities-page .dialog-box .buy-form select,
html body .activities-page .dialog-box .buy-form select:focus-visible,
html body .activities-page .dialog-box .buy-form select:focus,
html body .activities-page .dialog-box .buy-form .quantity input[type=number],
html body .activities-page .dialog-box .buy-form .quantity .plus-btn, html body .activities-page .dialog-box .buy-form .quantity .minus-btn,
html body .solution-trend .trend-box,
html body .agent-question .question {
  border-color: rgba(255,255,255,0.1) !important;
}

/* ---------- 修补 1：body 自带页面 class 的页面背景 ---------- */
html body[class] {
  background-color: #0a0c12 !important;
}

/* ---------- 修补 2：about 的蓝色渐变卡改成深蓝灰 ---------- */
html body .about-together .reason-box {
  background: linear-gradient(92deg, #17202f 0%, #26324a 100%) !important;
  background-image: linear-gradient(92deg, #17202f 0%, #26324a 100%) !important;
  color: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body .about-together .reason-box h3,
html body .about-together .reason-box p {
  color: rgba(255, 255, 255, 0.86) !important;
}

/* ---------- 修补 3：浅底上的蓝色文字链接 -> 主题橙 ---------- */
html body .help-box .help-list a,
html body .help-box a,
html body .help-list a {
  color: #ff8a63 !important;
}

/* ---------- 修补 4：活动页浅渐变卡 / 秒杀条 ---------- */
html body.activities-page .active-box .active-type,
html body.activities-page .active-box .active-list .active-item,
html body.activities-page .active-box .active-type .seckill-goods .seckill-item,
html body.activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-top,
html body.activities-page .active-box .active-type .cloud-goods .cloud-item,
html body.activities-page .active-box .more-acticve .more-box .more-item {
  background: #12161f !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html body.activities-page .active-box .active-type-title,
html body.activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-left h4,
html body.activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-top .seckill-name,
html body.activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-bottom .seckill-price {
  color: #e8edf4 !important;
}

/* ================= 活动页专项：整块兜底 ================= */
html body.activities-page,
html body.activities-page div,
html body.activities-page p,
html body.activities-page span,
html body.activities-page li,
html body.activities-page label,
html body.activities-page td,
html body.activities-page a {
  color: #c7d0dc !important;
}

html body.activities-page h1,
html body.activities-page h2,
html body.activities-page h3,
html body.activities-page h4,
html body.activities-page h5,
html body.activities-page h6 {
  color: #f2f4f8;
}

/* 价格保留橙色 */
html body.activities-page .seckill-price,
html body.activities-page .seckill-price span,
html body.activities-page .price,
html body.activities-page .price span,
html body.activities-page .active-price,
html body.activities-page .cloud-price,
html body.activities-page .cloud-price span {
  color: #ff6739;
}

/* 灰色小字 */
html body.activities-page .seckill-des,
html body.activities-page .seckill-country,
html body.activities-page .active-des,
html body.activities-page .cloud-des,
html body.activities-page .seckill-config,
html body.activities-page .seckill-config span,
html body.activities-page .config-label,
html body.activities-page .config-value {
  color: #98a2b3;
}

/* 左侧「新用户专享」白卡与表格行 */
html body.activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-left,
html body.activities-page .cloud-item .cloud-left {
  background: #0f131c;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

html body.activities-page .cloud-item .cloud-left h4,
html body.activities-page .cloud-item .cloud-left p {
  color: #e8edf4;
}

/* 标签 pill */
html body.activities-page .seckill-label,
html body.activities-page .seckill-config .seckill-label {
  background: rgba(255, 255, 255, 0.06);
  color: #c7d0dc;
}

/* 倒计时方块 */
html body.activities-page .count-down-box .count-text,
html body.activities-page .count-down-box span {
  background: #1a1f2b;
  color: #f2f4f8;
}

/* 按钮文字 */
html body.activities-page .btn,
html body.activities-page .btn * {
  color: #fff;
}

/* 活动页：规格条与说明补齐重要性 */
html body.activities-page .seckill-config,
html body.activities-page .seckill-goods .seckill-item .seckill-bottom .seckill-info .seckill-config {
  background: #0f131c !important;
  color: #c7d0dc !important;
}

html body.activities-page .seckill-config .seckill-label,
html body.activities-page .seckill-config span,
html body.activities-page .seckill-des,
html body.activities-page .seckill-country,
html body.activities-page .seckill-name {
  color: #c7d0dc !important;
}

html body.activities-page .seckill-top .seckill-name {
  color: #f2f4f8 !important;
}

html body.activities-page .seckill-bottom .seckill-price,
html body.activities-page .seckill-bottom .seckill-price span,
html body.activities-page .origin-price,
html body.activities-page .origin-price span {
  color: #ff6739 !important;
}

html body.activities-page .seckill-label,
html body.activities-page .seckill-config .seckill-label {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #c7d0dc !important;
}

html body.activities-page .cloud-left,
html body.activities-page .cloud-left h4,
html body.activities-page .cloud-left p,
html body.activities-page .cloud-item h4,
html body.activities-page .cloud-item p,
html body.activities-page .cloud-item .cloud-right,
html body.activities-page .cloud-item .cloud-right span {
  color: #c7d0dc !important;
}

html body.activities-page .cloud-item .cloud-right .price,
html body.activities-page .cloud-item .cloud-right .price span {
  color: #ff6739 !important;
}

html body.activities-page .pull-none span,
html body.activities-page .active-type .active-content .count-down-box .count-text {
  color: #f2f4f8 !important;
}

/* ================= 活动页：标签 / 已抢光 / 进度条 ================= */
html body.activities-page .seckill-logo,
html body.activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-logo {
  background: rgba(255, 103, 57, 0.16) !important;
  color: #ff8a63 !important;
}

html body.activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-logo span,
html body.activities-page .seckill-logo span {
  color: #ff8a63 !important;
}

html body.activities-page .lootall-btn,
html body.activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-bottom .seckill-btn .lootall-btn {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #7c8797 !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

html body.activities-page .progress,
html body.activities-page .active-box .active-type .seckill-goods .seckill-item .seckill-bottom .progress {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* 云服务器表格里的「新用户专享」小标 */
html body.activities-page .cloud-left .cloud-logo,
html body.activities-page .cloud-logo {
  background: rgba(255, 103, 57, 0.16) !important;
  color: #ff8a63 !important;
}

html body.activities-page .cloud-left .cloud-logo span,
html body.activities-page .cloud-logo span {
  color: #ff8a63 !important;
}

/* 表格分隔线 */
html body.activities-page .cloud-item,
html body.activities-page .active-box .active-type .cloud-goods .cloud-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

/* 表格里的竖分隔线 */
html body.activities-page .cloud-item .cloud-right .cloud-config .config-item {
  border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
}

/* ================= 域名页：查看更多卡 / 搜索框 ================= */
html body .price-item,
html body .price-item.more {
  background: #12161f !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body .price-item.more .domain-url,
html body .price-item.more .domain-url span {
  color: #ff8a63 !important;
}

html body .domain-url {
  color: #ff8a63 !important;
}

html body .search-box input,
html body .domain-search input,
html body .domain-banner input {
  background: #0f131c !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e6eaf1 !important;
}

html body input::placeholder {
  color: #6b7686 !important;
}

/* price 卡里的说明文字 */
html body .price-item .price-desc,
html body .price-item .domain-desc,
html body .price-item p {
  color: #98a2b3 !important;
}