/* Home 全部页面共用 products.aspx 的内容模板；不影响工作台页面。 */
.public-site-body.legacy-home-body .templatemo_portfolio {
    padding: 28px 30px !important;
    color: #333;
    background: #fff;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}
.public-site-body .templatemo_portfolio > .container { padding: 0 !important; }
.public-site-body .templatemo_portfolio > h2,
.public-site-body .templatemo_portfolio > .container > h2 {
    margin: 4px 0 12px; padding: 0; color: #333;
    font-size: 24px; font-weight: 400; text-align: center; letter-spacing: normal;
}
.public-site-body .templatemo_portfolio > h2::before,
.public-site-body .templatemo_portfolio > .container > h2::before { display: none; }
.public-site-body .templatemo_portfolio > p,
.public-site-body .templatemo_portfolio > .container > h2 + p {
    max-width: none; margin: 0 0 38px; padding: 0 !important;
    color: #777; font-size: 14px; line-height: 1.7; text-align: center;
}
.public-site-body .templatemo_portfolio a[href]:not(.btn):not(.home-slider-slide) {
    color: #15b; font-weight: 400; text-decoration: none;
}
.public-site-body .templatemo_portfolio a[href]:hover,
.public-site-body .templatemo_portfolio a[href]:focus-visible { text-decoration: underline; }
.public-site-body .templatemo_portfolio a[href]:focus-visible { outline-color: #337ab7; }
.public-site-body .templatemo_portfolio :is(.productItem, .productItemF) {
    margin: 22px 0 18px; padding: 0 !important; color: #333;
    background: #fff; border: 0; border-radius: 0; box-shadow: none;
}
.public-site-body .templatemo_portfolio :is(.productItem, .productItemF) :is(h3, h4) {
    color: #333; font-size: 18px; font-weight: 400;
}
.public-site-body .templatemo_portfolio :is(.productItem, .productItemF) p { color: #777; }
.public-site-body .templatemo_portfolio img {
    max-width: 100% !important; height: auto; border-radius: 0;
}
.public-site-body .templatemo_portfolio .list-group { }
.public-site-body .templatemo_portfolio .list-group-item:where(:not(.list-group-item-info, .list-group-item-warning, .list-group-item-success, .list-group-item-danger)) {
    color: #333 !important; background: #fff !important;
    border-color: #ddd !important; box-shadow: none;
}
.public-site-body .templatemo_portfolio .list-group-item:where(:not(.list-group-item-info, .list-group-item-warning, .list-group-item-success, .list-group-item-danger)):first-child {
    color: #333 !important; background: #f5f5f5 !important; font-weight: 400;
}
.public-site-body .templatemo_portfolio .list-group-item:where(:not(.list-group-item-info, .list-group-item-warning, .list-group-item-success, .list-group-item-danger)):first-child { border-radius: 4px 4px 0 0; }
.public-site-body .templatemo_portfolio .list-group-item:where(:not(.list-group-item-info, .list-group-item-warning, .list-group-item-success, .list-group-item-danger)):last-child { border-radius: 0 0 4px 4px; }

/* 帮助页保留目录和动画内容，在公共模板内部进行响应式排版。 */
.public-site-body.legacy-home-body .home-doc-page { overflow: visible; }
.public-site-body .home-doc-page > h2 { margin-bottom: 28px; }
.public-site-body .home-doc-page .pmain {
    display: grid; grid-template-columns: 250px minmax(0, 1fr); align-items: start;
    width: 100%; margin: 0; gap: 24px;
}
.public-site-body .home-doc-page .pmain :is(.catlog, .pright) {
    border: 1px solid #ddd; border-radius: 4px; box-shadow: none;
}
.public-site-body .home-doc-page .pmain .catlog { top: calc(var(--wb-topbar-height) + 14px) !important; }
.public-site-body .home-doc-page .pmain .infoTitle { color: #333; background: #f5f5f5; font-weight: 400; }
.public-site-body .home-doc-page .pmain .pright { padding: 18px 20px; color: #333; }
.public-site-body .home-doc-page .pmain .pright .artTitle { font-size: 18px; }
.public-site-body .home-doc-page .pmain .pright .art { color: #555; font-size: 14px; }
.public-site-body .home-doc-page .pmain .infoMain li a.selected { font-weight: 700; }

@media (max-width: 699px) {
    .public-site-body.legacy-home-body .templatemo_portfolio { padding: 24px 16px !important; }
    .public-site-body .templatemo_portfolio > p,
    .public-site-body .templatemo_portfolio > .container > h2 + p { margin-bottom: 26px; }
    .public-site-body .home-doc-page .pmain { display: block; }
    .public-site-body .home-doc-page .pmain .catlog {
        position: relative !important; top: auto !important; max-height: none; margin-bottom: 16px;
    }
    .public-site-body .home-doc-page .pmain .infoMain { height: min(300px, 40vh) !important; }
    .public-site-body .home-doc-page .pmain .pright { padding: 16px 12px; }
}

.public-site-body #templatemo_portfolio.home-products-page { line-height: 1.42857143; }

/* Scope every rule to the product content; shared navigation and footer are untouched. */
.public-site-body #templatemo_portfolio.home-products-page {
    padding: 28px 30px !important; color: #333; background: #fff;
    border: 1px solid #ddd !important; border-radius: 4px; box-shadow: none; font-size: 14px;
}
.public-site-body #templatemo_portfolio.home-products-page > h2 {
    margin: 4px 0 12px; padding: 0; color: #333; font-size: 24px;
    font-weight: 400; text-align: center; letter-spacing: normal;
}
.public-site-body #templatemo_portfolio.home-products-page > h2::before { display: none; }
.public-site-body #templatemo_portfolio.home-products-page > p {
    max-width: none; margin: 0 0 38px; padding: 0 !important; color: #777;
    font-size: 14px; line-height: 1.7; text-align: center;
}
.public-site-body #templatemo_portfolio.home-products-page a[href]:not(.btn) {
    color: #15b; font-weight: 400; text-decoration: none;
}
.public-site-body #templatemo_portfolio.home-products-page a[href]:hover,
.public-site-body #templatemo_portfolio.home-products-page a[href]:focus-visible { text-decoration: underline; }
.public-site-body #templatemo_portfolio.home-products-page a[href]:focus-visible { outline-color: #337ab7; }
.public-site-body #templatemo_portfolio.home-products-page .list-group {
    margin-bottom: 36px;
}
.public-site-body #templatemo_portfolio.home-products-page .list-group-item:where(:not(.list-group-item-info, .list-group-item-warning, .list-group-item-success, .list-group-item-danger)) {
    height: auto !important; min-height: 65px; padding: 10px 12px !important;
    color: #333 !important; background: #fff !important; border: 1px solid #ddd !important; box-shadow: none;
}
.public-site-body #templatemo_portfolio.home-products-page .list-group-item:where(:not(.list-group-item-info, .list-group-item-warning, .list-group-item-success, .list-group-item-danger)):first-child {
    min-height: 0; padding: 10px 15px !important; background: #f5f5f5 !important;
    border-radius: 4px 4px 0 0; font-size: 16px !important; font-weight: 400; letter-spacing: normal;
}
.public-site-body #templatemo_portfolio.home-products-page .list-group-item:where(:not(.list-group-item-info, .list-group-item-warning, .list-group-item-success, .list-group-item-danger)):last-child { border-radius: 0 0 4px 4px; }
.public-site-body #templatemo_portfolio.home-products-page .list-group-item:where(:not(.list-group-item-info, .list-group-item-warning, .list-group-item-success, .list-group-item-danger)):not(:first-child):hover {
    background: #fafafa !important; box-shadow: none;
}
.public-site-body #templatemo_portfolio.home-products-page .list-group-item .row {
    grid-template-columns: 48px minmax(0, 1fr) auto; gap: 8px 14px;
}
.public-site-body #templatemo_portfolio.home-products-page .list-group-item h5 {
    color: #333; font-size: 14px; font-weight: 400; line-height: 1.65;
}
.public-site-body #templatemo_portfolio.home-products-page .list-group-item h5 > a { font-weight: 400; }
.public-site-body #templatemo_portfolio.home-products-page .list-group-item img[style*="40px"] {
    width: 40px !important; height: 40px !important; background: transparent;
    border: 0; border-radius: 0; object-fit: contain;
}
.public-site-body #templatemo_portfolio.home-products-page .productItemF {
    margin: 22px 0 18px; padding: 0 !important; color: #333;
    background: #fff; border: 0; border-radius: 0; box-shadow: none;
}
.public-site-body #templatemo_portfolio.home-products-page .productItemF h4 { color: #333; font-size: 18px; font-weight: 400; }
.public-site-body #templatemo_portfolio.home-products-page .productItemF p { color: #777; }
.public-site-body #templatemo_portfolio.home-products-page .productItemF img { border-radius: 0; }
@media (max-width: 699px) {
    .public-site-body #templatemo_portfolio.home-products-page { padding: 24px 16px !important; }
    .public-site-body #templatemo_portfolio.home-products-page > p { margin-bottom: 26px; }
    .public-site-body #templatemo_portfolio.home-products-page .list-group-item .row { grid-template-columns: 40px minmax(0, 1fr); gap: 8px 11px; }
    .public-site-body #templatemo_portfolio.home-products-page .list-group-item .col-sm-4 { grid-column: 2; justify-content: flex-start; padding-left: 0; }
}