@media (min-width: 1000px) {
    .container {
        max-width: 900px !important;
    }
    div#registration .intl-tel-input .country-list {
        width: 424px;
    }
    .alert.alert-warning.network-issue-alert .container, .email-verification .container {
        max-width: 1072px !important;
    }
}

#emailverify .emailverify-form .email-tips:hover,#emailverify .emailverify-form .email-tips:focus {
    text-decoration: none;
    color: #14bea9 !important;
}

.alert-info {
    color: #6c6c6c !important;
    background-color: #c5c5c536 !important;
    border-color: transparent !important;
}

body.primary-bg-color, section#main-body {
    background-color: #e2e7ec !important;
    background-image: url('/templates/twenty-x/nicessmod/nicess-bg-web.png') !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: auto !important;
}

#main-body.body-background-20i, body .master-breadcrumb, .master-breadcrumb .breadcrumb {
    background-color: #e2e7ec !important;
}

/* 修改顶部topbar背景颜色 */
header.header .topbar {
    background-color: #1d1d1d !important;
}

header.header .toolbar .nav-link:hover {
    color: #14bea9 !important;
}

header.header .navbar.navbar-light {
    border-bottom:  0px !important;
}

body header.header .main-navbar-wrapper .navbar-nav a {
    font-size: 16px !important;
    margin: 0px !important;
    /* padding: 10px 0 5px 10px !important; */
    /* margin-left: 15px !important; */
  }


/* 修改底部版权信息 */
footer.footer {
    margin: 0 !important;
    padding: 30px !important;
    background-color: transparent !important;

}


footer.footer .copyright {
    font-size: 14px !important  ;
    letter-spacing: 0px !important;
    color: #aab3c7 !important;

}

/* PC端导航栏优化 - 解决空隙 和 鼠标悬停问题 */
@media (min-width: 1201px) {

    .mobile-grid-nav li a {
        padding: 5px 10px !important;
    }
    header.header .main-navbar-wrapper .navbar-nav a:hover{
        color: #0b9b8a !important;
    }
    
    header.header .main-navbar-wrapper .navbar-nav a::before {
        height: 3px !important;
        background-color: #14bea9 !important;
    
    }
}

@media (max-width: 1200px) {
    .footer ul.nav.justify-content-center.justify-content-lg-start {
      margin:  0 0 0 0 !important;
    }
    
    /* 移动端导航栏网格布局 - 只针对专用类名 */
    .mobile-grid-nav {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 12px !important;
        margin: 0 !important;
    }
    
    .mobile-grid-nav li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    
    .mobile-grid-nav li a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 20px !important;
        transition: all 0.3s ease !important;
        min-height: 70px !important;
        text-decoration: none !important;
        color: #333 !important;
        position: relative !important;
        box-sizing: border-box !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .mobile-grid-nav li a:hover {
        background: #14bea9 !important;
        border-color: #14bea9 !important;
        text-decoration: none !important;
        color: #f8f9fa !important;
    }
    
    .mobile-grid-nav li a:active {
        transform: translateY(0) !important;
        box-shadow: 0 2px 4px rgba(20, 190, 169, 0.3) !important;
    }
    
    .mobile-grid-nav li a i {
        font-size: 22px !important;
        margin-top: 10px !important;
        display: block !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    .mobile-grid-nav li a span {
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        margin-bottom: 10px !important;
        text-align: center !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        width: 100% !important;
    }
    
    .mobile-grid-nav li a .badge {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        font-size: 10px !important;
        padding: 2px 6px !important;
    }
    
    /* 隐藏移动端的更多按钮 */
    .collapsable-dropdown {
        display: none !important;
    }
    
    /* 确保下拉菜单在移动端正确显示 - 只针对主导航栏 */
    /* .mobile-grid-nav li .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        margin-top: 10px !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    .mobile-grid-nav li .dropdown-item {
        background: #f8f9fa !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 8px !important;
        margin-bottom: 5px !important;
        padding: 10px 15px !important;
    } */
    
    /* 强制显示边框和背景 */
    /* .mobile-grid-nav li a {
        border: 1px solid #e0e0e0 !important;
        background: #ffffff !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
    } */
    
    /* 隐藏已登录状态下的搜索和购物车按钮 */
    .login-20i-clientarea ~ .right-part-20i,
    .login-20i-clientarea + .right-part-20i {
        display: none !important;
    }
    
    /* 隐藏搜索框 */
    .form-knowldegbase-20i-without-login {
        display: none !important;
    }
    
    /* 强制隐藏所有搜索和购物车相关元素 */
    .nav-item .cart-btn,
    .btn.nav-link.cart-btn,
    .cart-btn,
    .search-20i,
    .cartbtn-20i,
    .right-part-20i,
    .nav-item[style*="display: none"] {
        display: none !important;
    }
    
    /* 隐藏"更多"按钮 */
    .collapsable-dropdown,
    .dropdown.collapsable-dropdown,
    .d-none.dropdown {
        display: none !important;
    }
    
    /* 隐藏搜索相关的所有元素 */
    .search,
    .search-20i,
    .form-knowldegbase-20i-without-login,
    .input-group.search {
        display: none !important;
    }
    
    /* 隐藏购物车相关的所有元素 */
    .cart-btn,
    .cartbtn-20i,
    .shopping-cart,
    .cart-icon {
        display: none !important;
    }
    
    /* 强制隐藏所有可能的搜索和购物车元素 */
    .navbar .nav-item .cart-btn,
    .navbar .btn.nav-link.cart-btn,
    .navbar .search-20i,
    .navbar .cartbtn-20i,
    .navbar .right-part-20i,
    .navbar .form-knowldegbase-20i-without-login,
    .navbar .input-group.search {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* 超小屏幕优化 */
    @media (max-width: 480px) {
        .mobile-grid-nav {
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 6px !important;
        }
    }
    
    /* 中等屏幕优化 */
    @media (min-width: 481px) and (max-width: 767px) {
        .mobile-grid-nav {
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 8px !important;
        }

    }
    
    /* 平板屏幕优化 */
    @media (min-width: 768px) and (max-width: 1200px) {
        .mobile-grid-nav {
            grid-template-columns: repeat(5, 1fr) !important;
            gap: 10px !important;
        }
        

        
    }
    
    /* 中等大屏幕优化 (992px - 1200px) */
    @media (min-width: 992px) and (max-width: 1200px) {
        .mobile-grid-nav {
            grid-template-columns: repeat(6, 1fr) !important;
            gap: 12px !important;
        }
        
    }
    
}



/* 登录页面 */

.primary-content .login-form .card {
    border-radius:  20px !important;
    box-shadow: 0 0 5px rgba(207, 205, 205, 0.29) !important;
    background-color: #ffffff !important;
    max-width: 480px !important;
}

form.login-form .h3 {
    font-size: 37px;
    letter-spacing: -1px !important;
    line-height: 45px !important;
    color: #262626 !important;
    font-weight: 700 !important;
}

.login-form .focused a {
    color: #14bea9 !important;
}

form.login-form button.btn.btn-default.btn-reveal-pw i:hover, .login-form .card-footer a, .login-form button#login:hover, .user-management-20i table tbody td .fa-shield {
    color: #14bea9 !important;
}

.login-form .card-footer small, .login-form .card-body .text-right label {
    color: #b5b5c3 !important;
}

.login-form .card-body .text-right label input {
    top: 2px !important;
}

.login-form .card-body .text-right label input:checked {
    background-color: #14bea9 !important;
}

.login-form .form-group label {
    color: #14bea9 !important;
 }

 .login-form-label-text{
    color: #858585 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 3px !important;
}

.login-form-label{
    color: #14bea9 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 3px !important;
}

/* 移除login-form-label类的a标签下划线并设置颜色 */
a.login-form-label {
    text-decoration: none !important;
    color: #14bea9 !important;
    transition: color 0.3s ease;
}

a.login-form-label:hover {
    color: #1a7b70 !important;
}

.login-form button#login {
    min-width: 100% !important;
    background-color: #14bea9 !important;
    border-color: #14bea9 !important;
    color: #ffffff !important;
}

.login-form button#login:hover {
    background-color: #1a7b70 !important;
    border-color:  #1a7b70 !important;
    color: #ffffff !important;
}

#registration {
    border-radius: 20px !important;
}

.primary-content div#registration .card {
    border-radius: 20px !important;
}

#registration .btn-primary {
    background-color: #14bea9 !important;
    border-color: #14bea9 !important;
    min-width: 90% !important;
    margin-top: 0px !important;
}

#registration .btn-primary:hover {
    background-color: #1a7b70 !important;
    border-color:  #1a7b70 !important;
    color: #ffffff !important;
}

.btn-100 {
    min-width: 100%;
}

/* 修改忘记密码按钮样式 */
div#ticketReplyContainer .form-group input.btn.btn-primary, .submit-ticket-two-20i p .btn.btn-primary, form#frmManagePaymentMethod .submit-container button#btnSubmit, form#frmConfigureDomains button.btn.btn-primary, body #order-standard_cart .mc-promos.viewcart .btn-add, body #order-standard_cart .mc-promos.checkout .btn-add, .modal button.btn.btn-primary, #frmAddToCart .btn-primary, .already-registered.clearfix button#btnAlreadyRegistered, .account-manage-20i .btn-primary, .payment-methods-20i table#payMethodList .btn-default, .account-manage-20i form .btn-default, .using-password-strength .btn-primary, .btn-primary, .account-new-20i button {
    background-color: #14bea9 !important;
    border-color: #14bea9 !important;    
}

/* 修改忘记密码按钮hover样式 + 默认按扭 hover样式 */
div#ticketReplyContainer .form-group input.btn.btn-primary:hover, div#ticketReplyContainer .form-group input.btn.btn-default:hover, .submit-ticket-two-20i p .btn.btn-primary:hover, .submit-ticket-two-20i p .btn.btn-default:hover, form#frmManagePaymentMethod .submit-container button#btnSubmit:hover, form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default:hover, form#frmConfigureDomains button.btn.btn-primary:hover, #order-standard_cart .mc-promos.viewcart .btn-add:hover, #order-standard_cart .mc-promos.checkout .btn-add:hover, .modal button.btn.btn-primary:hover, .modal button.btn-default:hover, #frmAddToCart .btn-primary:hover, .already-registered.clearfix button#btnAlreadyRegistered:hover, .account-manage-20i .btn-primary:hover, .account-manage-20i .btn-default:hover, .payment-methods-20i table#payMethodList .btn-set-default:hover, .payment-methods-20i table#payMethodList .btn-default:hover, .account-manage-20i form .btn-default:hover, .using-password-strength .btn-primary:hover, .using-password-strength .btn-default:hover, .btn-primary:hover, .btn-default:hover, .account-new-20i button:hover, #modalChooseLanguage .modal-footer button:hover,
div#ticketReplyContainer .form-group input.btn.btn-primary:focus, div#ticketReplyContainer .form-group input.btn.btn-default:focus, .submit-ticket-two-20i p .btn.btn-primary:focus, .submit-ticket-two-20i p .btn.btn-default:focus, form#frmManagePaymentMethod .submit-container button#btnSubmit:focus, form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default:focus, form#frmConfigureDomains button.btn.btn-primary:focus, #order-standard_cart .mc-promos.viewcart .btn-add:focus, #order-standard_cart .mc-promos.checkout .btn-add:focus, .modal button.btn-default:focus, .modal button.btn-default:focus, #frmAddToCart .btn-primary:focus, .already-registered.clearfix button#btnAlreadyRegistered:focus, .account-manage-20i .btn-primary:focus, .account-manage-20i .btn-default:focus, .payment-methods-20i table#payMethodList .btn-set-default:focus, .payment-methods-20i table#payMethodList .btn-default:focus, .account-manage-20i form .btn-default:focus, .using-password-strength .btn-primary:focus, .using-password-strength .btn-default:focus, .btn-primary:focus, .btn-default:focus, .account-new-20i button:focus, #modalChooseLanguage .modal-footer button:focus{
    background-color: #14bea9  !important;
    border-color:  #14bea9  !important;
    color: #ffffff !important;
}

/* 修改默认按钮边框样式 */
div#ticketReplyContainer .form-group input.btn.btn-default, .submit-ticket-two-20i p .btn.btn-default, form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default, .modal button.btn.btn-default, .using-password-strength .btn-default, .btn-default {
    border: 1px solid #00000010 !important;
}


.login-form .card-body .text-right label input:checked {
    background-color: #14bea9 !important;
}


.login-form .col-sm label input[type="checkbox"] {
    margin-right: 5px;
}


.login-form .card-body {
    padding: 40px 20px 0 20px !important;
}

.login-form .card-footer {
    background-color: transparent;
    padding: 20px !important;
    border-top: 0px !important;
}

/*==================== modss 自定义 =========================*/
/* div可点击手势 */
.clickable-div {
    cursor: pointer;
  }

/* 价格删除线 */
.del-price {
    color: rgb(131, 130, 130); /* 设置文字颜色为灰色 */
    position: relative;
    display: inline-block;
}

.del-price::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid rgba(255, 51, 0, 0.901); /* 设置删除线颜色为红色 */
    transform: translateY(-50%);
}

/* 修改控制台首页client-home-cards .card样式 */
.client-home-cards .card {
    border: 0 !important;
    margin-bottom: 0px !important;
}


/* 购买商品页面的定义li弹出菜单 */
.li-list-group {
    display:flex;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0;
    border-radius:.25rem;
  }
  .li-list-group-item-action {
    width:100%;
    color:#495057;
    text-align:inherit
  }
  .li-list-group-item-action:focus,
  .li-list-group-item-action:hover {
    z-index:1;
    color:#495057;
    text-decoration:none;
    background-color:#f8f9fa
  }
  .li-list-group-item-action:active {
    color:#212529;
    background-color:#e9ecef
  }
  .li-list-group-item {
    position:relative;
    display:block;
    padding:.75rem 1.25rem;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.08);
  }
  .li-list-group-item:hover {
    background-color: #f8f9fa; /* A lighter shade of the active background color */
  }
  .li-list-group-item:first-child {
    border-top-left-radius:inherit;
    border-top-right-radius:inherit
  }
  .li-list-group-item:last-child {
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit
  }
  .li-list-group-item.disabled,
  .li-list-group-item:disabled {
    color:#6c757d;
    pointer-events:none;
    background-color:#fff
  }

  .li-list-group-item.active {
    z-index:2;
    color: #fff;
    background-color: #14bea9;
    /* border-color: #cee7db; */
  }
  .li-list-group-item+.li-list-group-item {
    border-top-width:0
  }
  .li-list-group-item+.li-list-group-item.active {
    margin-top:-1px;
    border-top-width:1px
  }
  .li-list-group-horizontal {
    flex-direction:row
  }
  .li-list-group-horizontal>.li-list-group-item:first-child {
    border-bottom-left-radius:.25rem;
    border-top-right-radius:0
  }
  .li-list-group-horizontal>.li-list-group-item:last-child {
    border-top-right-radius:.25rem;
    border-bottom-left-radius:0
  }
  .li-list-group-horizontal>.li-list-group-item.active {
    margin-top:0
  }
  .li-list-group-horizontal>.li-list-group-item+.li-list-group-item {
    border-top-width:1px;
    border-left-width:0
  }
  .li-list-group-horizontal>.li-list-group-item+.li-list-group-item.active {
    margin-left:-1px;
    border-left-width:1px
  }


.li_menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    
}

.li_menu > li {
    list-style-type: none;
    margin-bottom: 10px;
}

.li_menu > li > a,
.li_menu > li > ul > li > a {
    display: block;
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 10px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.li_menu > li > a:hover,
.li_menu > li > ul > li > a:hover {
    background-color: #e2e6ea;
    color: #000;
}

.li_menu > li > ul > li {
    margin-bottom: 10px;
}

.li_menu > li > ul > li > a:focus {
    background-color: #dae0e5;
    color: #000;
}

.li_menu > li > ul > li {
    border: none;
}

.li_menu > li > ul > li.divider {
    height: 1px;
    background-color: #ddd;
    margin: 10px 0;
    border-radius: 0;
}

.li_menu > li > ul > li {
    cursor: pointer;
}

.li_menu > li > ul > li:hover {
    background-color: #e2e6ea;
}

.li_menu > li > ul > li a {
    width: 100%;
    display: block;
}

/* 点击卡片动画效果 */
.myplan-card {
    border: 1px solid #123928 !important;
}

.clickable-card {
    /* border: 1px solid #123928 !important; */
    cursor: pointer;
}

.clickable-card:hover {
    background-color: #f5f5f5;
    /* border: 1px solid #123928 !important; */
}



.list-group {
    border-radius: 10px !important;
  }

.client-home-cards .list-group .list-group-item {
    border-bottom: 1px solid #f3f3f3 !important;
    padding: 12px 10px 5px 10px !important;
}

.client-home-cards .list-group .list-group-item:hover {
    background-color: #f5f5f5 !important;
}


.client-home-cards .list-group .list-group-item span.text-last-updated {
    font-size: 11px !important;
}

.form-control[readonly] {
    background-color: #f3f3f3 !important;
}



.affiliate-stats .stat-value {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
}

.affiliate-stats .stat-label {
    color: #6c757d;
    font-size: 0.9rem;
}

.affiliate-balance, .min-withdrawal {
    font-size: 1rem;
    font-weight: bold;
}

.affiliate-balance {
    color: #14bea9;
}

.min-withdrawal {
    color: #6c757d;
}


.primary-content .form-control {
    min-height: 24px !important;
}


/* 购物车 */

#order-standard_cart .header-lined h1, .card.mass-payment-card .card-body .card-title, .announcement-card .card-title {
    background-color: transparent !important;
    padding:  0px !important;    
}

.header-lined p, #order-standard_cart #frmCheckout .account-select-container div.account label .small, #searchDomainInfo .domain-price span.register-price-label, .suggested-domains .domain-suggestions-warning p, #DomainSearchResults div#domainSuggestions .domain-suggestion.list-group-item.w-hidden.clone span, #DomainSearchResults div#domainSuggestions .domain-suggestion.list-group-item.w-hidden.clone span.price, .account-manage-20i .card-body label, .contact-detail-20i .controls label {
    padding: 0px !important;
}


#order-standard_cart .secondary-cart-body .view-cart-tabs {
    background-color: #d1d8de !important;
    padding: 20px 10px !important;
}

#order-standard_cart .secondary-cart-body .view-cart-tabs ul li.nav-item a.active {
    background: transparent !important;
    color: #292929 !important;
    padding: 0px !important;
}

.view-cart-tabs button.btn.btn-block.btn-default {
    background-color: #14bea9 !important;
}

body #order-standard_cart .products .btn-success {
    background-color: #14bea9 !important;
    border-color: #14bea9 !important;
}

body #order-standard_cart .products .btn-success:hover {
    background-color: #1a7b70 !important;
    border-color: #1a7b70 !important;
}

#frmCheckout div#totalDueToday {
    color: #14bea9 !important;
}


#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
  color:#000000 !important;
  font-weight: 600 !important;
}

/* 隐藏表单图标和相关样式 */
.form-group.prepend-icon {
    position: relative;
}

.form-group.prepend-icon .field-icon {
    display: none !important;
}

/* 重置padding-left，但排除电话代码输入框 */
.form-group.prepend-icon .form-control:not(.selected-dial-code):not([type="tel"]) {
    padding-left: 12px !important;
}

/* 保持电话输入框的原有样式 */
.form-group.prepend-icon .intl-tel-input .form-control {
    padding-left: 75px !important;
}

.invoice-container {
    padding: 0px !important;
}


.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #fff !important;
    background-color: #14bea9 !important;
    border-color: #14bea9 !important;
}


div#tableServicesList_paginate .pagination > .active > a, .dataTables_wrapper ul.pagination > .active > a {
    background-color: #14bea9 !important;
    border-color: #14bea9 !important;
}

.domain-checker-container .domain-checker-bg, .knowledgebase-20i form, .knowledgebase-base-cat-20i form, .download-20i form, .download-cat-20i form {
    background-color: #d6d6d6 !important;
    padding: 10px !important;
}

.knowledgebase-20i .kb-category .card-body, .download-20i .kb-category .card-body, .kb-category .card-body {
    padding: 20px 25px !important;
    border-radius: 20px !important;
}

#order-standard_cart .domain-checker-container .input-group-box input#inputDomain, .domain-checker-container button#btnCheckAvailability, .knowledgebase-20i form .kb-search input, .download-20i form .kb-search input, .download-cat-20i form .kb-search input {
    border-radius: 10px !important;
    height: 50px !important;
    margin: 10px ;
}

.domain-checker-container .domain-checker-bg, .knowledgebase-20i form, .knowledgebase-base-cat-20i form, .download-20i form, .download-cat-20i form {
    padding: 34px;
    background-image: unset;
    background-color: #004fac;
    border-radius: 20px !important;
}

.domain-checker-container button#btnCheckAvailability, .knowledgebase-20i form button#btnKnowledgebaseSearch, .knowledgebase-base-cat-20i button#btnKnowledgebaseSearch, .download-20i #btnDownloadsSearch, .download-cat-20i #btnDownloadsSearch {
    background-color: #14bea9 !important;
    margin: 10px !important;
    min-width: 130px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    border: 1px solid #14bea9 !important;
    border-radius: 5px !important;
}

.knowledgebase-20i .kb-article-item:nth-child(2n), .knowledgebase-20i .kb-category .card-body:hover, .knowledgebase-20i .kb-article-item:hover, .knowledgebase-article-20i .kb-article-item:hover, .knowledgebase-article-20i .kb-article-item:nth-child(2n), .knowledgebase-base-cat-20i .kb-article-item:nth-child(2n), .knowledgebase-base-cat-20i:nth-child(2n), .knowledgebase-base-cat-20i .kb-article-item:hover, .download-20i .kb-article-item:hover, .download-cat-20i .kb-article-item:hover, .download-20i .kb-article-item:nth-child(2n), .download-cat-20i .kb-article-item:nth-child(2n), .download-20i .kb-category .card-body:hover, .download-cat-20i .kb-category .card-body:hover {
    background-color: transparent !important;
  }

.announcements .announcement a.btn-default, .knowledgebase-20i .kb-category span.badge.badge-info, .download-20i .kb-category span.badge.badge-info, .kb-category span.badge.badge-info {
    color: #ffffff !important;
    border-radius: 6px !important;
    background-color: #15bea969 !important;
    border: 0px solid #e1f0ff !important;
}

.announcements .announcement a.btn-default:hover {
    background-color: #1a7b70 !important;
    border-color: #1a7b70 !important;
}

.knowledgebase-20i .kb-category .card-body:hover span {
    color: #14bea9 !important;
  }



.knowledgebase-20i .kb-article-item, .knowledgebase-article-20i .kb-article-item, .knowledgebase-base-cat-20i .kb-article-item, .download-20i .card .kb-article-item, .download-cat-20i .card .kb-article-item {
    font-size: 16px !important;
    line-height: 30px !important;
    color: #222 !important;

  }

.knowledgebase-20i .kb-category span i,.kb-category span i, .knowledgebase-20i .kb-article-item i, .knowledgebase-20i .card .card-title i, .knowledgebase-article-20i h3.card-title i, .knowledgebase-base-cat-20i .card-title i, .download-20i .card .card-title i, .download-cat-20i .card .card-title i {
    color: #14bea9 !important;
}

.knowledgebase-article-20i .card-body h1, .download-20i .kb-category .card-body h1, .download-cat-20i .kb-category .card-body h1 {
    color: #222 !important;
    font-size: 24px !important;
    line-height: 60px !important;
}

.kb-article-item {
    background-color: transparent !important;

}

.kb-article-item:hover {
    background-color: #f5f5f5 !important;
    color: #14bea9 !important;

}

.knowledgebase-article-20i .card-body ul li i, .download-20i .kb-category .card-body ul li i, .download-cat-20i .kb-category .card-body ul li i {
    color: #14bea9 !important;
}

.knowledgebase-20i .kb-article-item i, .knowledgebase-article-20i .kb-article-item i, .knowledgebase-base-cat-20i .kb-article-item i, .download-20i .kb-article-item i, .download-cat-20i .kb-article-item i {
    color: #14bea9 !important;
}


.knowledgebase-article-20i .card-body a.btn.btn-default, .knowledgebase-article-20i form button.btn-secondary {
    background-color: #15bea969 !important;
}
.knowledgebase-article-20i .card-body a.btn.btn-default, .knowledgebase-article-20i form button.btn-secondary {
    color: #14bea9 !important;
    border: 1px solid #15bea969 !important;
}

.kb-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: -0.15em;
    margin-right: 5px;
    position: relative;

}

.card-title .kb-icon {
    margin-right: 8px;
}

/* 修改模态框标题背景颜色 */
.modal .modal-header {
    background-color: #14bea9 !important;
    padding: 20px 20px !important;
  }

/* ====== 极简产品卡片风格优化 ====== */
.custom-product-maincard {
    background: #f8fafc !important;
}


.custom-product-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.custom-product-card {
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    margin-bottom: 18px;
    padding: 30px 15px;
    transition: box-shadow 0.2s;
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* 第一次浅色扩散 */
.custom-product-card::before,
.custom-product-card::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -20%;
    opacity: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: translate(0, -50%);
    z-index: 0;
}

/* 第一次扩散 - 浅色 */
.custom-product-card::before {
    background: rgba(20, 190, 169, 0.3) !important;
    transition: all 0.3s ease-out;
}

/* 第二次扩散 - 深色 */
.custom-product-card::after {
    background: rgba(20, 190, 169, 0.6) !important;
    transition: all 0.4s ease-out 0.1s;  /* 添加延迟 */
}

.custom-product-card:hover::before {
    opacity: 1;
    width: 1000px;
    height: 1000px;
}

.custom-product-card:hover::after {
    opacity: 1;
    width: 1000px;
    height: 1000px;
}

.custom-product-card:hover {
    border: 1px solid #14bea938;
    background: transparent !important;  /* 确保不影响扩散效果 */
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

/* 关联文字 悬停效果 */
.custom-product-card:hover .custom-product-title {
    color: #ffffff;
}

.custom-product-card:hover .custom-product-date {
    color: #ffffff;
}

.custom-product-card:hover .id-card-svg {
    fill: #1a7b70;
}

.custom-product-card:hover .custom-product-date .badge {
    background: #14bea9;
    color: #ffffff;

}

/* 点击效果 */
.custom-product-card:active {
    transition: all 0.1s ease;
}

/* 确保内容在动画层级之上 */
.custom-product-card .row {
    position: relative;
    z-index: 1;
}

/* ------ 背景动画 end ------ */

.custom-product-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
}

.custom-product-info {
    flex: 1;
    min-width: 0;
}
.custom-product-title {
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 4px;
    color: #222;
}
.custom-product-date {
    color: #6c757d;
    font-size: 0.95rem;
}


.custom-product-date .badge {
    background: #14bea938;
    color: #14bea9;
    border-radius: 8px;
    padding: 6px 18px;
}

/* ====== END 极简产品卡片风格优化 ====== */


.id-card-container {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
}

.id-card-svg {
    width: 100%;
    height: 100%;
    fill: #14bea9; /* 蓝灰色，与您示例图片颜色接近 */
    transition: fill 0.3s ease;
}

.id-card-container:hover .id-card-svg {
    fill: #1a7b70; /* 鼠标悬停时颜色加深 */
}

.id-card-text {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff; /* 淡蓝色，与您示例中数字颜色接近 */
    font-size: 12px;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    font-style: normal;
    pointer-events: none; /* 防止文字影响悬停效果 */
    background: #1616169b;
}


.product-status {
    padding: 20px !important;
}

.product-status-suspended {
    background-color: #fff5f5 !important;
}

.tab-content.margin-bottom div#tabOverview .product-details .product-status .product-icon i {
    color: #74737357 !important;
}

.product-icon.text-center h4 {
    color: #363636db !important;
}

.product-status-text {
    background-color: #ffffffe0 !important;
    color: #787474 !important;
}

/* element.style {
    background-color: #14bea9 !important;
} */

/* 订单表格 - 支付页面 */
.invoice-container table tr td {
    border-top: 0;
    padding: 5px 0px !important;
  }

  .invoice-container tr:last-child td.total-row, .invoice-container .transactions-container table tbody tr:last-child td {
    background-color: transparent !important;
    padding: 5px 0px !important;
}

.invoice-container {
    border: 0px solid #ccc !important;
}


@media (max-width: 767px) {
    .invoice-container {
      padding: 0px !important;
    }
  }
  @media (max-width: 895px) {
    .invoice-container {
      margin: 0px !important;
    }
  }

/* 产品列表页 移动端 */

  @media (max-width: 600px) {
    .dataTables_wrapper .dataTables_info {
      padding: 0px !important;
      padding-top: 0px !important;
    }
  }

  @media (max-width: 600px) {
    .dataTables_wrapper .dataTables_filter {
      float: right;
      margin-top: 0px !important;
      width: 100%;
    }
  }



/* 菜单管理ul的定义CSS */

.comparison-btn-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.comparison-btn-container ul li {
    display: inline-block;
    margin: 0;
}

.comparison-btn-container ul li a {
    display: inline-block;
    padding: 8px 16px;
    /* background-color: #c9e5db; */
    border: 1px solid #00000010;
    color: #323232;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.comparison-btn-container ul li a:hover {
    background-color: #3d8866;
    border: 1px solid #3d8866;
    color: #fff;
    text-decoration: none;
}

/* ==================== cart 购物车 产品列表 ==================== */

body #order-standard_cart .products#products .product {
    padding: 35px 20px !important;
}

body #order-standard_cart .products .product {
    border-radius: 20px !important;
}
body #order-standard_cart .products#products .product div.product-pricing {
    margin-bottom: 5px !important;
}

body #order-standard_cart .products#products .product div.product-pricing span.price, body #order-standard_cart .products .row.row-eq-height .product div.product-pricing span.price {
    top: 0px !important;
}

#order-standard_cart #frmConfigureProduct .product-info, #order-standard_cart #frmConfigureProduct .field-container {
    border-radius: 20px !important;
}

form#frmConfigureProduct div#scrollingPanelContainer div#orderSummary {
    border-radius: 20px !important;
}   

div#scrollingPanelContainer div#orderSummary {
    border-radius: 20px !important;
}

#order-standard_cart form .view-cart-items-header {
    border-radius: 20px 20px 0 0 !important;
}

#order-standard_cart .view-cart-empty {
    background: #fff !important;
    border-radius: 0 0 20px 20px !important;
    margin-bottom: 30px !important;
}


#scrollingPanelContainer a#btnGoToCart, #order-standard_cart #scrollingPanelContainer .order-summary .btn-checkout, #order-standard_cart #frmConfigureProduct #scrollingPanelContainer #orderSummary button#btnCompleteProductConfig {
    background-color: #14bea9 !important;
    border-color: #14bea9 !important;

}

#order-standard_cart #scrollingPanelContainer .order-summary .btn-checkout:hover, #order-standard_cart #frmConfigureProduct #scrollingPanelContainer #orderSummary button#btnCompleteProductConfig:hover, body #order-standard_cart .products .product:hover .form-inline .btn-success {
    background-color: transparent !important;
    color: #14bea9 !important;
    border-color: #14bea9 !important;
}


/* ===续订服务=== */
/* 续费搜索框 */
#serviceRenewalFilter.form-control.service-renewals-filter {
    background: url(../../../../assets/img/search.png) #fff no-repeat 8px 5px !important;
    padding: 7px 10px 7px 45px !important;
    height: 32px !important;
    font-size: 13px !important;
    border-radius: 0.35em !important;
}

.domain-renewals, .service-renewals {
    margin: 0px !important;
}


.service-renewals {
    border-top: 1px solid #e8e8e8 !important;
}

.domain-renewals .domain-renewal, .service-renewals .service-renewal {
    border-bottom: 1px solid #e8e8e8 !important;
}   

#order-standard_cart .cart-body p.text-center a.btn.btn-default {
    font-size: 14px;
    line-height: 26px;
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 2px;
    background-color: #14bea9 !important;
    padding: 7px 20px;
    border: 0;
    width: auto;
    display: inline-block;
    border-radius: 0.35em !important;
}


/* ------ 大宗支付  ------- */

.card-footer {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* 左侧按钮 */
.col-button-left .btn {
    color: #ffffff !important;
    background-color: #14bea9 !important;
    height: 32px !important;
    border: 1px solid #14bea9 !important;
}

.col-button-left .btn:hover {
    color: #14bea9 !important;
    background-color: transparent !important;
    border-color: #14bea9 !important;
}

/* 右侧按钮 */
.col-button-right .btn {
    color: #ffffff !important;
    background-color: #14bea9 !important;
    height: 32px !important;
    border: 1px solid #14bea9 !important;
}

.col-button-right .btn:hover {
    color: #14bea9 !important;
    background-color: transparent !important;
    border-color: #14bea9 !important;
}


form#frmDomainTransfer, .card.mass-payment-domain {
    background-color: #14bea9 !important;
    border-radius: 20px !important;
}

.card.mass-payment-domain .card-header {
    padding-bottom: 0px !important;
    text-transform: capitalize;
}
form#frmDomainTransfer .card-header, .card.mass-payment-domain .card-header {
    border-bottom: 0px solid #14bea9 !important;
}


.card.mass-payment-domain button#btnMassPayMakePayment {
    background-color: #1a7b70 !important;
    border: 1px solid #1a7b70 !important;
}

.card.mass-payment-domain button#btnMassPayMakePayment:hover {
    background-color: #ffffffbf !important;
    border: 1px solid #ffffffbf !important;
    color: #1a7b70 !important;
}

.card.mass-payment-card .mass-payment-table tr td strong, #order-standard_cart #frmCheckout .account-select-container div.account.active label, #order-standard_cart #frmCheckout .account-select-container div.account.active label strong {
    color: #474747 !important;
}

.sidebar .card-sidebar .list-group-item .badge {
    background-color: #14bea9 !important;
    color: #ffffff !important;
}

.sidebar .card-sidebar .list-group.list-group-flush a:hover {
    color: #6cc9be !important;
}

.sidebar .card-sidebar .list-group-item.active{
    background-color: #14bea9 !important;
    color: #ffffff !important;
}

.list-group-item:first-child {
    border-radius: 0px !important;
}

.list-group-item:last-child {
    border-radius: 0px !important;
}

.sidebar .card.card-sidebar {
    border-radius: 20px !important;
    margin-bottom: 20px !important;
}

/* 公告卡片 */

.card-header:first-child {
    border-radius: 20px 20px 0 0 !important;
}
.card-header {
    padding: 1.3rem 1.3rem 0.5rem !important;
    margin-bottom: 0 !important;
    background-color: #ffffff !important;
    border-bottom: 0px solid rgba(0, 0, 0, .125) !important;
}

.card-body, .mc-promo-login .content, .mc-promo-manage .content {
    padding: 1rem 1.25rem 1rem !important;
}

.card, .mc-promo-login, .mc-promo-manage {
    background-color: #ffffff !important;
    border: 0px solid rgba(0, 0, 0, .125) !important;
    border-radius: 20px !important;
}



.already-registered.clearfix, .primary-content .card-body .card-title {
    margin: 20px !important;
}

/* #order-standard_cart .view-cart-items .item {
    border-radius: 0 !important;
} */

#order-standard_cart .secondary-cart-body .view-cart-tabs {
    border-radius: 20px !important;
}

#order-standard_cart .secondary-cart-body .view-cart-tabs .tab-content {
    padding: 0 15px !important;
}

.nav {
    /* margin-top: 10px; */
}

.alert-warning, .primary-content #order-standard_cart .alert-warning {
    border-radius: 8px !important;
}


/* 工单 */
.server-status-20i .badge-success, .custom-file .custom-file-label::after, .user-management-20i table tbody span.label.label-info, .card.switch-account-20i span.label.label-info {
    color: #14bea9 !important;
    background-color: #14bea936 !important;
}

/* 新定义样式 */
.billing-cycle-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px; /* Modern way to handle responsive spacing */
    margin-bottom: 25px;
}
.billing-cycle-tabs a {
    display: inline-block;
    padding: 8px 18px;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    color: #555;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}
.billing-cycle-tabs a:hover {
    border-color: #14bea9;
    color: #14bea9;
}
.billing-cycle-tabs a.active {
    background-color:#14bea9;
    color: #fff;
    border-color: #14bea9;
}
@media (max-width: 767px) {
    .billing-cycle-tabs {
        margin-bottom: 20px;
    }
}

.discount-badge {
    display: inline-block;
    background-color: #ef4444a3; /* Red-500 for high visibility */
    color: white;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 6px;
    margin-bottom: 8px; /* Space between badge and product name */
}
.discount-badge-placeholder {
    visibility: hidden;
}


.cart-feature-list {
    margin: 0;
    padding: 0;
}               


.cart-feature-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 6px;
    padding: 4px 0;
    font-size: 14px;
}

.cart-feature-icon {
    color: #14bea9;
    margin-right: 8px;
    margin-top: 2px;
    flex-shrink: 0;
}

.cart-feature-text {
    flex: 1;
    line-height: 1.4;
    display: flex; /* Use flex for robust alignment */
    align-items: center;
    flex-wrap: wrap; /* Allow wrapping if needed */
    gap: 6px; /* Modern way to add space */
}

.cart-info-icon {
    color: #6c757d;
    cursor: help;
    font-size: 14px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.cart-info-icon:hover {
    opacity: 1;
}

.cart-tooltip {
    position: relative;
    display: inline-flex; /* Also flex to align the icon itself */
    align-items: center;
}

.cart-tooltip .cart-tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #333;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 8px 12px;
    position: absolute;
    z-index: 1000;
    bottom: 125%;
    left: 50%;
    margin-left: -125px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    line-height: 1.4;
    white-space: normal;
    word-wrap: break-word;
}

.cart-tooltip .cart-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.cart-tooltip:hover .cart-tooltiptext {
    visibility: visible;
    opacity: 1;
}



/* modss Featured Product Styling 推荐产品样式动画 Start */
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes rotate {
    to {
        --angle: 360deg;
    }
}

#products .product.product-featured {
    background-color: rgba(251, 249, 245, 0.78) !important;
    position: relative;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    z-index: 1;
}

#products .product.product-featured::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: inherit;
    
    --border-size: 4px;
    padding: var(--border-size);

    background: conic-gradient(
        from var(--angle),
        #d53e33,
        #fbb300,
        #377af5,
        #399953,
        #d53e33
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    animation: rotate 4s linear infinite;
}

.cart-featured-badge {
    position: absolute;
    top: 0px;
    right: 0px;
    background: linear-gradient(45deg, #d53e33, #399953, #377af5, #fbb300, #d53e33, #d53e33);
    background-size: 400% 400%;
    color: #fff;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: bold;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 2; /* Ensure the badge is on top of the animated border */
    animation: badgeGradient 4s linear infinite;
}

@keyframes badgeGradient {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}
                        
.cart-feature-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
    padding: 4px 0;
}
/* modss Featured Product Styling 推荐产品样式动画 End */

/* 用户中心输入框标签文字 */
form#frmProductDomain .domain-selection-options label, #order-standard_cart #frmCheckout .account-select-container div.account label strong, #order-standard_cart #frmCheckout .account-select-container div.account label, #order-standard_cart #frmCheckout #containerNewUserSignup .sub-heading .primary-bg-color, #order-standard_cart #frmCheckout div#paymentGatewaysContainer .text-center label, #order-standard_cart #frmCheckout .cc-input-container .stripe-cards-inputs label, div#spotlightTlds .spotlight-tld, #DomainSearchResults .domain-price span.price, #order-standard_cart #frmConfigureProduct .product-info .product-title, #order-standard_cart #frmConfigureProduct .field-container label, #order-standard_cart #frmConfigureProduct .addon-promo-container h3, form#frmConfigureProduct .sub-heading span.primary-bg-color, #order-standard_cart #frmConfigureProduct .addon-products .panel-body label, form#frmConfigureDomains .sub-heading .primary-bg-color, body #order-standard_cart .secondary-cart-body h3, #order-standard_cart .mc-promos.viewcart .tagline, div#modalRemoveItem .modal-body, .home-page-slider-panel .promo-banner h4, .card-body.store-promoted-product h4, form.using-password-strength label, .primary-content label, .card.switch-account-20i .select-account a {
    font-size: 14px !important;
    line-height: 22px;
    color: #767676 !important;
    font-weight: 400 !important;
}

.primary-content .form-control {
    font-weight: 500 !important;
}

.email-change-container {
    font-family: inherit !important;
}


form#frmDomainTransfer button#btnTransferDomain, div#ticketReplyContainer .form-group input.btn.btn-primary, div#ticketReplyContainer .form-group input.btn.btn-default, .submit-ticket-two-20i p .btn.btn-primary, .submit-ticket-two-20i p .btn.btn-default, form#frmManagePaymentMethod button#btnSubmit, form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default, form#frmConfigureDomains button.btn.btn-primary, #order-standard_cart .mc-promos.viewcart .btn-add, #order-standard_cart .mc-promos.checkout .btn-add, .modal button.btn.btn-primary, .modal button.btn-default, .already-registered.clearfix button#btnAlreadyRegistered, .account-manage-20i .btn-primary, .account-manage-20i .btn-default, .account-manage-20i .btn-danger, .payment-methods-20i table#payMethodList .btn-set-default, .payment-methods-20i table#payMethodList .btn-default, .using-password-strength .btn-primary, .using-password-strength .btn-default, .btn-primary, .btn-default {
    font-weight: 400 !important;
}

/* 弹窗用户信息和按钮样式 */
.user-profile-section {
    padding: 0;
    border-bottom: 0px solid #e9ecef;
}

.user-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #14bea9;
}

.user-name {
    color: #333;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.menu-buttons-section {
    padding-top: 10px;
}

/* 弹窗按钮样式 */
#secondaryNavbar .li-list-group-item {
    margin-bottom: 10px;
    border: none;
    padding: 0;
    background: none;
}

/* 按钮样式 */
#secondaryNavbar .li-list-group-item a {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
}

#secondaryNavbar .li-list-group-item a:hover {
    background: #14bea9;
    border-color: #14bea9;
    color: #ffffff;
}

/* 按钮图标样式 */
#secondaryNavbar .li-list-group-item a i {
    margin-right: 12px;
    font-size: 18px;
    color: #14bea9;
    width: 20px;
    text-align: center;
}

#secondaryNavbar .li-list-group-item a:hover i {
    color: #ffffff;
}

/* 弹窗关闭按钮样式 */
#secondaryNavbar .close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 24px;
    font-weight: 300;
    color: #999;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

#secondaryNavbar .close:hover {
    opacity: 1;
    color: #333;
}

/* 弹窗内容区域样式 */
#secondaryNavbar .modal-body {
    padding: 30px;
    position: relative;
}

#secondaryNavbar .modal-content {
    border-radius: 16px;
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

#secondaryNavbar .modal-dialog {
    max-width: 500px;
}

/* ==================== 购物车计费周期样式 ==================== */

/* 计费周期列表组样式 - 独立按钮布局 */
.cart-selected-list-group {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    background: transparent;
    border: none;
}

.cart-selected-list-group-item {
    padding: 5px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 改为center实现垂直居中 */
    min-height: 100px;
}

/* 徽章位置调整 */
.cart-selected-list-group-item #BillingCycleSelected {
    position: absolute;
    top: 12px;
    right: 12px;
}

.cart-selected-list-group-item:last-child {
    border-bottom: 2px solid #e0e0e0;
}

.cart-selected-list-group-item:hover {
    border-color: #14bea9;
}

/* 确保徽章在选中状态下正确显示 */
.cart-selected-list-group-item.active ,
.cart-selected-list-group-item.selected  {
    background-color: #f6fffe;
    border-color: #14bea9;
}


/* 价格字体样式 */
.cart-price-font {
    font-size: 20px;
    font-weight: 700;
    color: #14bea9;
    line-height: 1.2;
}

/* 折扣标签样式 */
.cart-discount-label {
    display: inline-block;
    background: linear-gradient(45deg, #ff6b6b, #ff8e53);
    color: #ffffff;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
}

/* 计费周期类型标签 */
.cart-cycle-type {
    font-size: 12px;
    color: #6c757d;
    font-weight: 400;
    margin-left: 6px;
    vertical-align: top;

}




/* 选中状态的徽章样式 */
#BillingCycleSelected {
    background-color: #14bea9;
    color: #ffffff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
}


/* 响应式优化 */
@media (max-width: 768px) {
    .cart-selected-list-group {
        grid-template-columns: 1fr;
        gap: 12px;
    }    
}

/* ==================== END 购物车计费周期样式 ==================== */


#order-standard_cart #frmCheckout .sub-heading, form#frmConfigureDomains .sub-heading {
    border-radius: 20px 20px 0 0 !important;
}

#frmCheckout div#paymentGatewaysContainer, #order-standard_cart #frmCheckout .cc-input-container {
    border-radius:20px !important;
}

.view-announcement-20i, .server-status-20i .card, .knowledgebase-20i .card, .view-ticket .card-body.p-3, .card.view-ticket, div#ticketReplyContainer, .knowledgebase-article-20i .card, .knowledgebase-base-cat-20i .card, .download-20i .card, .download-cat-20i .card, .payment-methods-20i .card, .submit-ticket-two-20i .card, .payment-method-add-card .card, #frmCheckout div#totalDueToday, #frmCheckout div#paymentGatewaysContainer, #order-standard_cart #frmCheckout .cc-input-container, div#DomainSearchResults div#searchDomainInfo, div#DomainSearchResults .spotlight-tld, #order-standard_cart #frmConfigureProduct .product-info, #order-standard_cart #frmConfigureProduct .field-container, #order-standard_cart #frmConfigureProduct .addon-products .card, form#frmConfigureProduct div#orderSummary, .home-page-slider-panel, #order-standard_cart .mc-promos.viewcart .mc-promo, #order-standard_cart .mc-promos.checkout .mc-promo, form#frmAddToCart, .card-body.store-promoted-product, form#frmCheckout .marketing-email-optin, .user-management-20i .card, form#frmConfigureProduct div#productConfigurableOptions, .contact-page-20i {
    box-shadow: none !important;
}

#order-standard_cart #frmCheckout .sub-heading, form#frmConfigureDomains .sub-heading {
    border-bottom: 0px !important;
}

#order-standard_cart .apply-credit-container {
    border-radius:20px !important;
}

#order-standard_cart .apply-credit-container {
    margin: 15px 0;
    padding: 15px;
    background-color: #14bea9 !important;
}