.elementor-530 .elementor-element.elementor-element-08d94e8{--display:flex;--min-height:400px;--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.62;}.elementor-530 .elementor-element.elementor-element-08d94e8:not(.elementor-motion-effects-element-type-background), .elementor-530 .elementor-element.elementor-element-08d94e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hksgt.com/wp-content/uploads/2026/03/Australia-108-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-530 .elementor-element.elementor-element-08d94e8::before, .elementor-530 .elementor-element.elementor-element-08d94e8 > .elementor-background-video-container::before, .elementor-530 .elementor-element.elementor-element-08d94e8 > .e-con-inner > .elementor-background-video-container::before, .elementor-530 .elementor-element.elementor-element-08d94e8 > .elementor-background-slideshow::before, .elementor-530 .elementor-element.elementor-element-08d94e8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-530 .elementor-element.elementor-element-08d94e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2E2E2E;--background-overlay:'';}.elementor-widget-button .elementor-button{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-530 .elementor-element.elementor-element-394c7fa .elementor-button{background-color:#5075A500;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;font-style:normal;border-radius:25px 25px 25px 25px;padding:3px 10px 3px 10px;}.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-530 .elementor-element.elementor-element-04dd366 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;font-style:normal;line-height:60px;color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-530 .elementor-element.elementor-element-0aafce6{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:var( --e-global-color-astglobalcolor4 );}.elementor-530 .elementor-element.elementor-element-0aafce6 p{margin-block-end:0px;}.elementor-530 .elementor-element.elementor-element-8397751{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-530 .elementor-element.elementor-element-fb59647{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:3%;}.elementor-530 .elementor-element.elementor-element-ae6c461{--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;--flex-wrap: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-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-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-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 .ecs-load-more-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.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-530 .elementor-element.elementor-element-28d404b{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-530 .elementor-element.elementor-element-28d404b .elementor-pagination{text-align:end;font-family:"Arial", Sans-serif;font-weight:400;letter-spacing:2.8px;word-spacing:0px;margin-top:25px;}.elementor-530 .elementor-element.elementor-element-28d404b .elementor-pagination .page-numbers:not(.dots){color:#000000;}.elementor-530 .elementor-element.elementor-element-28d404b .elementor-pagination a.page-numbers:hover{color:#6483C2;}body:not(.rtl) .elementor-530 .elementor-element.elementor-element-28d404b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 56px/2 );}body:not(.rtl) .elementor-530 .elementor-element.elementor-element-28d404b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 56px/2 );}body.rtl .elementor-530 .elementor-element.elementor-element-28d404b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 56px/2 );}body.rtl .elementor-530 .elementor-element.elementor-element-28d404b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 56px/2 );}.elementor-530 .elementor-element.elementor-element-3af212a{--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-530 .elementor-element.elementor-element-4f5c4c9{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ECF1F6;--border-color:#ECF1F6;--border-radius:20px 20px 20px 20px;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.1);--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-530 .elementor-element.elementor-element-4f5c4c9:not(.elementor-motion-effects-element-type-background), .elementor-530 .elementor-element.elementor-element-4f5c4c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-530 .elementor-element.elementor-element-3fb5cf0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:24px;color:#FFFFFF;}.elementor-530 .elementor-element.elementor-element-7ad0b41{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#CECECE;}.elementor-530 .elementor-element.elementor-element-7ad0b41 p{margin-block-end:0px;}.elementor-530 .elementor-element.elementor-element-068ae07{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-530 .elementor-element.elementor-element-ffda488 .elementor-button{background-color:#FFFFFF;fill:#132358;color:#132358;}.elementor-530 .elementor-element.elementor-element-ffda488 .elementor-button:hover, .elementor-530 .elementor-element.elementor-element-ffda488 .elementor-button:focus{background-color:#132358;color:#FFFFFF;}.elementor-530 .elementor-element.elementor-element-ffda488 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-530 .elementor-element.elementor-element-ffda488 .elementor-button .elementor-button-content-wrapper{gap:25px;}.elementor-530 .elementor-element.elementor-element-ffda488 .elementor-button:hover svg, .elementor-530 .elementor-element.elementor-element-ffda488 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-530 .elementor-element.elementor-element-6afdb7e .elementor-button{background-color:#FFFFFF;fill:#132358;color:#132358;}.elementor-530 .elementor-element.elementor-element-6afdb7e .elementor-button:hover, .elementor-530 .elementor-element.elementor-element-6afdb7e .elementor-button:focus{background-color:#132358;color:#FFFFFF;}.elementor-530 .elementor-element.elementor-element-6afdb7e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-530 .elementor-element.elementor-element-6afdb7e .elementor-button .elementor-button-content-wrapper{gap:25px;}.elementor-530 .elementor-element.elementor-element-6afdb7e .elementor-button:hover svg, .elementor-530 .elementor-element.elementor-element-6afdb7e .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-530 .elementor-element.elementor-element-068ae07{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-530 .elementor-element.elementor-element-08d94e8{--content-width:1440px;}.elementor-530 .elementor-element.elementor-element-8397751{--content-width:1440px;}.elementor-530 .elementor-element.elementor-element-fb59647{--width:27%;}.elementor-530 .elementor-element.elementor-element-ae6c461{--width:70%;}.elementor-530 .elementor-element.elementor-element-4f5c4c9{--width:100%;}}@media(max-width:767px){.elementor-530 .elementor-element.elementor-element-4f5c4c9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-530 .elementor-element.elementor-element-068ae07{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-08d94e8 */@media (min-width: 922px) {
    .ast-container {
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
    }
}
.elementor-530 .elementor-element.elementor-element-8397751{
    background: #fff!important;
    --margin-top:0px!important;
    padding-top:50px !important;
}
.elementor-530 .elementor-element.elementor-element-3af212a{
    background: #fff!important;
}
.elementor-44 .elementor-element.elementor-element-16ca6e6{
    background: #fff!important;
}
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single{
    border-bottom:none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3727fe */<!-- 项目筛选侧边栏 -->
<div class="project-filter-sidebar">
  <div class="filter-item" onclick="location.href='https://hksgt.com/projects/'">All</div>
  <div class="filter-item" onclick="location.href='https://hksgt.com/projects_cat/asia/'">Asia</div>
  <div class="filter-item" onclick="location.href='https://hksgt.com/projects_cat/hongkong-macau/'">HongKong Macau</div>
  <div class="filter-item" onclick="location.href='https://hksgt.com/projects_cat/europe/'">Europe</div>
  <div class="filter-item" onclick="location.href='https://hksgt.com/projects_cat/north-america/'">North America</div>
  <div class="filter-item" onclick="location.href='https://hksgt.com/projects_cat/middle-east/'">Middle East</div>
  <div class="filter-item" onclick="location.href='https://hksgt.com/projects_cat/south-korea/'">South Korea</div>
  <div class="filter-item" onclick="location.href='https://hksgt.com/projects_cat/russia/'">Russia</div>
  <div class="filter-item" onclick="location.href='https://hksgt.com/projects_cat/australia/'">Australia</div>
  <div class="filter-item" onclick="location.href='https://hksgt.com/projects_cat/mainland-china/'">Mainland China</div>
</div>

<style>
/* 100%按你要求的配色 */
.project-filter-sidebar {
  width: 100%;
  max-width: 280px;
  position: sticky;
  top: 80px;
  z-index: 10;
}
.filter-item {
  padding: 12px 20px;
  margin-bottom: 8px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #104084 !important;
  background: #ffffff !important;
  border: 1px solid #e0e0e0;
  text-align: center;
}
.filter-item.active {
  color: #ffffff !important;
  background: #104084 !important;
  border-color: #104084;
}

/* 平板和PC保持一致 */
@media (min-width:768px) and (max-width:1024px) {
  .project-filter-sidebar {
    max-width: 250px;
  }
}

/* 移动端自动横排 */
@media (max-width:767px) {
  .project-filter-sidebar {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 15px;
    background: #fff;
    position: sticky;
    top: 60px;
    z-index: 999;
  }
  .filter-item {
    padding: 8px 14px;
    font-size: 13px;
    margin: 0;
    white-space: nowrap;
  }
}
</style>

<script>
// 自动高亮当前页面对应的按钮
document.addEventListener('DOMContentLoaded', function() {
  const filters = document.querySelectorAll('.filter-item');
  const currentUrl = window.location.href;

  filters.forEach(item => {
    item.classList.remove('active');
    if (currentUrl.includes(item.getAttribute('onclick').split("'")[1])) {
      item.classList.add('active');
    }
  });
});
</script>/* End custom CSS */