.elementor-1692 .elementor-element.elementor-element-4147d511{--display:flex;--min-height:260px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1692 .elementor-element.elementor-element-4147d511:not(.elementor-motion-effects-element-type-background), .elementor-1692 .elementor-element.elementor-element-4147d511 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-1692 .elementor-element.elementor-element-ac79899{--display:flex;--min-height:300px;--justify-content:center;--padding-top:40px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1692 .elementor-element.elementor-element-ac79899:not(.elementor-motion-effects-element-type-background), .elementor-1692 .elementor-element.elementor-element-ac79899 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;background-image:url("https://www.keyable.com.cn/wp-content/uploads/2025/12/project-cases-25.png");}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1692 .elementor-element.elementor-element-62e59d98{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1692 .elementor-element.elementor-element-7eeb067a{--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-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1692 .elementor-element.elementor-element-36f37e37{background-color:#FFFFFFCC;padding:20px 20px 20px 20px;border-radius:12px 12px 12px 12px;box-shadow:0px 8px 24px 0px rgba(0, 0, 0, 0.08);--e-nav-menu-horizontal-menu-item-margin:calc( 8px / 2 );}.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-menu-toggle{margin:0 auto;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:2.2rem;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:12px;padding-right:12px;padding-top:10px;padding-bottom:10px;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-6494708 );fill:var( --e-global-color-6494708 );}.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-6494708 );}.elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-framed .elementor-item:before,
					.elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-6494708 );}.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#1F2937;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#1F2937;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-underline .elementor-item:after,
					 .elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-overline .elementor-item:before,
					 .elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-double-line .elementor-item:before,
					 .elementor-1692 .elementor-element.elementor-element-36f37e37 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-1692 .elementor-element.elementor-element-36f37e37 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:8px;}.elementor-1692 .elementor-element.elementor-element-daf534e{--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-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1692 .elementor-element.elementor-element-ae21ffb{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.75 * 100% );}.elementor-1692 .elementor-element.elementor-element-ae21ffb:after{content:"0.75";}.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-post__thumbnail__link{width:100%;}.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-post{border-radius:12px;box-shadow:0px 6px 18px 0px rgba(0, 0, 0, 0.06);}.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-post:hover{box-shadow:0px 12px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-1692 .elementor-element.elementor-element-ae21ffb.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1692 .elementor-element.elementor-element-ae21ffb.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1692 .elementor-element.elementor-element-ae21ffb.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-post__title, .elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-post__title a{color:var( --e-global-color-text );}.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-pagination{text-align:center;}.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-secondary );}body:not(.rtl) .elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-1692 .elementor-element.elementor-element-7eeb067a{--width:25%;}.elementor-1692 .elementor-element.elementor-element-daf534e{--width:75%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts a.elementor-post__read-more{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-posts .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts a.elementor-post__read-more{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-posts .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1692 .elementor-element.elementor-element-ae21ffb:after{content:"0.5";}.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for nav-menu, class: .elementor-element-36f37e37 *//* ===============================
   All Category 标题（Apple Grey）
================================== */
.elementor-1692 .elementor-element.elementor-element-36f37e37:before {
    content: "All Category";
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 16px;
    background: #F5F5F7;                 /* Apple 灰 */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #E5E7EB;
    color: #1D1D1F;                      /* Apple 主文字 */
}

/* 避免标题和第一个菜单项重叠 */
.elementor-1692 .elementor-element.elementor-element-36f37e37 > div {
    margin-top: 8px;
}

/* ===============================
   菜单整体卡片（Apple 风格）
================================== */
.elementor-1692 .elementor-element.elementor-element-36f37e37 {
    background: #ffffff;
    padding: 0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);

    position: sticky;
    top: 20px;
    align-self: flex-start;

    width: 260px;
    max-width: 100%;
}

/* ===============================
   菜单项基础样式
================================== */
.elementor-1692 .elementor-element.elementor-element-36f37e37 ul li a {
    display: block;
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 500;                    /* ★ Apple 菜单权重 */
    color: #1D1D1F;
    background: transparent;
    border-radius: 6px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* ===============================
   Hover（轻反馈，不移动）
================================== */
.elementor-1692 .elementor-element.elementor-element-36f37e37 ul li a:hover {
    background: #F5F5F7;
    color: #0071E3;                      /* Apple Blue */
}

/* ===============================
   当前分类 Active（克制高亮）
================================== */
.elementor-1692 .elementor-element.elementor-element-36f37e37 li.current-menu-item > a {
    background: #E5E7EB;                 /* 浅灰高亮 */
    color: #1D1D1F;
    font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-ae21ffb *//* ===== 卡片阴影美化（你现在用的也可以，但我给你更柔和版本） ===== */
.elementor-posts-container .elementor-post {
    background: #ffffff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    transition: box-shadow 0.25s ease;
}

.elementor-posts-container .elementor-post:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

/* ===== 两行自动换行 + 省略号 + 模拟字符长度限制 ===== */
.elementor-posts-container .elementor-post__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 1;        /* 显示 2 行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 控制最大宽度，让字符量更接近你想要的长度 */
    max-width: 60ch;              /* ← 调整这里来控制大致字符数量 */
    line-height: 1.4em;
}

/* 让每张卡片成为独立容器，方便底部对齐 */
.elementor-posts-container .elementor-post {
    position: relative;
    padding-bottom: 60px;  /* 给按钮留出空间，避免文本压住按钮 */
}

/* ===== Read More → 转换成按钮样式 ===== */
.elementor-posts-container .elementor-post__read-more {
    position: absolute;     /* 关键：绝对定位到卡片底部 */
    bottom: 15px;           /* 离底部 15px */
    left: 50%;
    transform: translateX(-50%);  /* 水平居中 */

    display: inline-block;
    padding: 10px 20px;

    font-size: 14px;
    font-weight: 600;
    color: #0B65B1;

    border: 2px solid #0B65B1;
    border-radius: 30px;
    background: transparent;

    transition: all 0.25s ease;
    text-decoration: none;
}

/* Hover 效果：实心按钮 */
.elementor-posts-container .elementor-post__read-more:hover {
    background: #0B65B1;
    color: #fff;
    border-color: #0B65B1;
    transform: translateX(-50%) translateY(-2px); /* 上浮效果 */
}

/* ======================
   限定标题显示两行 + 省略号
   ====================== */
.elementor-posts-container .elementor-post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;             /* 显示 2 行（你可改成 1） */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 控制标题最大视觉宽度（影响字符数量） */
    max-width: 60ch;                   /* 可调整为 30ch / 40ch */
    line-height: 1.3em;
}


.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-post__thumbnail img {
  transition: transform 0.3s ease;
}

.elementor-1692 .elementor-element.elementor-element-ae21ffb .elementor-post__title a:hover {
  color: #0071E3;
}/* End custom CSS */