/* 33y 主题覆盖：卡片改为系统产品数据后的自适应布局 */
#content .inside-banner {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

#content .inside-banner .inside-back {
    top: 0;
    left: 0;
    z-index: 0;
}

#content .inside-banner .container {
    position: relative;
    z-index: 1;
}

#content .inside-banner .inside-title {
    color: #000;
    text-shadow: none;
}

#content .inside-banner .inside-des {
    color: #000;
    text-shadow: none;
    overflow: hidden;
}

#APPVUE a.plan-card {
    color: inherit;
    text-decoration: none;
}

#APPVUE a.plan-card:hover,
#APPVUE a.plan-card:focus {
    color: inherit;
    text-decoration: none;
}

#APPVUE .plan-grid {
    grid-auto-rows: auto;
}

@media (min-width: 992px) {
    #APPVUE .purchase-main .plan-grid {
        grid-auto-rows: auto;
        max-height: none;
        overflow-y: visible;
        scrollbar-gutter: auto;
    }
}

#APPVUE .plan-card-surface {
    min-height: 240px;
}

#APPVUE .plan-desc {
    flex: 1 1 auto;
    padding: 10px 14px;
    color: #415571;
    font-size: 12px;
    line-height: 1.7;
    overflow: hidden;
    overflow-wrap: anywhere;
}

#APPVUE .plan-desc p {
    margin: 0 0 4px;
}

#APPVUE .plan-desc ul,
#APPVUE .plan-desc ol {
    margin: 0;
    padding-left: 1.1rem;
}

#APPVUE .plan-desc img {
    max-width: 100%;
    height: auto;
}

#APPVUE .plan-off-badge {
    flex-shrink: 0;
    padding: 3px 7px;
    border: 1px solid #ffd8b8;
    border-radius: 4px;
    background: #fff4ea;
    color: #ff6600;
    font-size: 12px;
    white-space: nowrap;
}

#APPVUE .plan-price-box {
    display: block;
    min-width: 0;
}

#APPVUE .plan-trial {
    display: block;
    margin-top: 2px;
    color: #e64a19;
    font-size: 12px;
}

#APPVUE .plan-action {
    color: #2563eb;
    text-decoration: none;
}

#APPVUE .is-sold-out .plan-action {
    cursor: not-allowed;
}

@media (max-width: 767px) {
    #APPVUE ul.nav.nav-tabs.dcy-tab {
        flex-wrap: wrap !important;
    }

    #APPVUE ul.nav.nav-tabs.dcy-tab > li {
        flex: 1 1 100%;
    }
}

.ecs-empty {
    padding: 60px 0;
    color: #8792a6;
    text-align: center;
    font-size: 14px;
}

/* 购物车首页底部：补回分隔线间距。
   购物车页不加载 bootstrap.min.css，cart.css 又把 hr 的 margin 清零，
   导致“服务保障条（service-assurance）”与“底部菜单/联系方式（footer-menu）”两块被压近。
   在 web 主题里该间距由 bootstrap 的 hr{margin:20px 0} 提供，这里补回来。 */
#footer-main hr.hidden-xs {
    margin: 20px 0;
}