.elementor-10394 .elementor-element.elementor-element-34c70e57{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10394 .elementor-element.elementor-element-34c70e57:not(.elementor-motion-effects-element-type-background), .elementor-10394 .elementor-element.elementor-element-34c70e57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hsroofplate.com/wp-content/uploads/2025/11/剩余页面-tuya-scaled.webp");background-position:center center;background-size:cover;}.elementor-10394 .elementor-element.elementor-element-34c70e57::before, .elementor-10394 .elementor-element.elementor-element-34c70e57 > .elementor-background-video-container::before, .elementor-10394 .elementor-element.elementor-element-34c70e57 > .e-con-inner > .elementor-background-video-container::before, .elementor-10394 .elementor-element.elementor-element-34c70e57 > .elementor-background-slideshow::before, .elementor-10394 .elementor-element.elementor-element-34c70e57 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10394 .elementor-element.elementor-element-34c70e57 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-10394 .elementor-element.elementor-element-508b56b{text-align:center;}.elementor-10394 .elementor-element.elementor-element-508b56b .elementor-heading-title{font-family:var( --e-global-typography-8db43ff-font-family ), Sans-serif;font-size:var( --e-global-typography-8db43ff-font-size );font-weight:var( --e-global-typography-8db43ff-font-weight );text-transform:var( --e-global-typography-8db43ff-text-transform );color:var( --e-global-color-text );}.elementor-10394 .elementor-element.elementor-element-571339df :is(.wd-breadcrumbs,.yoast-breadcrumb){font-family:var( --e-global-typography-95539a9-font-family ), Sans-serif;font-size:var( --e-global-typography-95539a9-font-size );font-weight:var( --e-global-typography-95539a9-font-weight );--wd-link-color:var( --e-global-color-text );--wd-bcrumb-delim-color:var( --e-global-color-text );--wd-link-color-hover:var( --e-global-color-text );--wd-bcrumb-color-active:var( --e-global-color-text );}.elementor-10394 .elementor-element.elementor-element-2da0f197{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10394 .elementor-element.elementor-element-2da0f197:not(.elementor-motion-effects-element-type-background), .elementor-10394 .elementor-element.elementor-element-2da0f197 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-10394 .elementor-element.elementor-element-295cc16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-10394 .elementor-element.elementor-element-7d6dad3e{--display:flex;}.elementor-10394 .elementor-element.elementor-element-f211933{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;}.elementor-10394 .elementor-element.elementor-element-20541deb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;}.elementor-10394 .elementor-element.elementor-element-d751363{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10394 .elementor-element.elementor-element-362aa6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10394 .elementor-element.elementor-element-5b0c247e > .elementor-widget-container{padding:25px 0px 25px 0px;border-style:solid;border-width:2px 0px 2px 0px;border-color:#02010126;}.elementor-10394 .elementor-element.elementor-element-2fbd250{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10394 .elementor-element.elementor-element-785e1cd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10394 .elementor-element.elementor-element-785e1cd:not(.elementor-motion-effects-element-type-background), .elementor-10394 .elementor-element.elementor-element-785e1cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-10394 .elementor-element.elementor-element-537a222 .title-subtitle{font-family:"hkgroteskpro", Sans-serif;font-size:15px;font-weight:600;}.elementor-10394 .elementor-element.elementor-element-537a222 .title{font-family:var( --e-global-typography-8db43ff-font-family ), Sans-serif;font-size:var( --e-global-typography-8db43ff-font-size );font-weight:var( --e-global-typography-8db43ff-font-weight );text-transform:var( --e-global-typography-8db43ff-text-transform );}.elementor-10394 .elementor-element.elementor-element-3863dc2.elementor-element{--align-self:center;}.elementor-10394 .elementor-element.elementor-element-3863dc2 .wd-el-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}body.elementor-page-10394:not(.elementor-motion-effects-element-type-background), body.elementor-page-10394 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF82;}@media(min-width:769px){.elementor-10394 .elementor-element.elementor-element-34c70e57{--width:100%;}.elementor-10394 .elementor-element.elementor-element-295cc16{--width:75%;}.elementor-10394 .elementor-element.elementor-element-d751363{--width:25%;}}@media(max-width:1024px){.elementor-10394 .elementor-element.elementor-element-508b56b .elementor-heading-title{font-size:var( --e-global-typography-8db43ff-font-size );}.elementor-10394 .elementor-element.elementor-element-571339df :is(.wd-breadcrumbs,.yoast-breadcrumb){font-size:var( --e-global-typography-95539a9-font-size );}.elementor-10394 .elementor-element.elementor-element-d751363{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-10394 .elementor-element.elementor-element-537a222 .title-subtitle{font-size:13px;}.elementor-10394 .elementor-element.elementor-element-537a222 .title{font-size:var( --e-global-typography-8db43ff-font-size );}}@media(max-width:768px){.elementor-10394 .elementor-element.elementor-element-508b56b .elementor-heading-title{font-size:var( --e-global-typography-8db43ff-font-size );}.elementor-10394 .elementor-element.elementor-element-571339df :is(.wd-breadcrumbs,.yoast-breadcrumb){font-size:var( --e-global-typography-95539a9-font-size );}.elementor-10394 .elementor-element.elementor-element-785e1cd{--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-10394 .elementor-element.elementor-element-537a222 .title-subtitle{font-size:12px;}.elementor-10394 .elementor-element.elementor-element-537a222 .title{font-size:var( --e-global-typography-8db43ff-font-size );}}/* Start custom CSS for wd_blog, class: .elementor-element-3863dc2 */.wd-post-title {
    font-size: 16px !important;
}

/* 1. 容器整体美化：增加阴影和过渡效果 */
.wd-post.blog-design-masonry {
    background: #ffffff !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    overflow: hidden;
}

.wd-post.blog-design-masonry:hover {
    transform: translateY(-5px); /* 鼠标悬停轻微浮起 */
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    border-color: #2d4059 !important;
}

/* 2. 正文内容区域：仿造下载中心的左侧深蓝条 */
.wd-post-content.article-body-container {
    padding: 25px !important;
    border-left: 5px solid #2d4059; /* 关键：左侧深蓝条 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 120px;
    background-color: #fafafa; /* 浅灰底色 */
}

/* 3. 标题文字美化 */
.wd-post-content.article-body-container h3, 
.wd-post-content.article-body-container .entry-title,
.wd-post-content.article-body-container a {
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: capitalize;
    text-decoration: none !important;
    line-height: 1.4;
    text-align: left !important; /* 改为左对齐更显专业 */
}





.wd-post-excerpt.entry-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 这里设置显示的行数，2或3行通常最美观 */
    overflow: hidden;
    
    /* 可选：如果你希望即使只有一行字，卡片也保持同样高度，可以加上这行 */
    /* min-height: 3em; */
}

/* 1. 标题对齐与高度统一 */
.wd-post-title.post-title {
    text-align: center;      /* 居中对齐，如果要左对齐改为 left */
    min-height: 50px;       /* 设置最小高度，防止标题单双行导致下方内容错位 */
    display: flex;
    align-items: center;    /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    margin-bottom: 10px;    /* 与下方描述的间距 */
}

/* 2. 描述文字对齐与行数限制 */
.wd-post-excerpt.entry-content {
    text-align: center;      /* 保持与标题一致的居中感 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;   /* 严格限制为 2 行，超出显示省略号 */
    overflow: hidden;
    min-height: 3em;         /* 统一描述框高度，确保卡片底部对齐 */
    line-height: 1.5;
}/* End custom CSS */