@charset "UTF-8";
@media screen and (max-width: 1500px) {
.l-banner{margin-top:57px;}
.hero-inner{left:10px;        top: 56px;}
}
@media screen and (max-width: 1100px) {
.col_news .col_news_box{margin-left:20px;}
.mrbox{margin-left:20px;        width: 250px;}
}
@media (max-width: 1023px) {
.trio-section{        grid-template-columns: 1fr;}
}
/**
 * [Medium Screen for Pad] 768~959
 */
@media screen and (max-width: 999px) {
.mrbox {
    width: 50%;
    margin-left: 0;
    margin: 0 auto;
}
.col_menu .col_menu_head {position:relative;}   /**位置栏目背景**/
.column-switch {display:none;position:absolute;right:10px;top:21px;width: 30px;height: 24px;float: right;background: url(css/img/menu-dot.png) no-repeat center;}
#l-container .inner .mod {
    display: flex;
    flex-direction: column;
}
#l-container .inner{padding:20px 4%;}
  .wrapper .inner { width: 100%; margin: 0 auto; }
.col_news .col_news_box .col_news_con .col_news_list .news_list li.news:first-child .news_box .news_wz {
    padding: 15px 30px;}
.col_menu .col_menu_head h3.col_name{padding: 15px 5px;}
.col_list .wp_listcolumn{padding-bottom:10px;}
  .col_menu .col_menu_head h3.col_name .col_name_text {
    display: block; line-height: 40px; padding: 0 5px 0 12px; font-size: 17px;
  }
.col_list .wp_listcolumn .wp_column a .column-name {
    /*padding: 12px 10px 12px 16px;*/
    line-height: 20px;
    font-size: 16px;
    width: 100%;
}
.col_menu {
        width: 100%;
        float: none;
        margin-right: 0;
        position: relative;
        max-width: unset;
        min-width: unset;
    }
  .col_menu .col_menu_con { display: none; border: 0 solid #e4e4e4; }
  .column-switch { display: block; }
  .col_news_top { display: none; }

  .col_metas .col_title h2 { font-size: 18px; }

  .col_news { width: 100%; min-height: 0; float: none; }
  .col_news .col_news_box { margin-left: 10px; margin-right: 10px; }


  .wp_paging li.pages_count,
  .wp_paging li.page_jump { display: none; }

  .infobox { width: auto; padding: 0; margin: 0 10px; }

  .col_news_list .wp_entry img,
  .article .entry .read img { max-width: 100%; height: auto !important; width: 100%; }
.footer-logo{        justify-self: center;}
.footer-contact{    justify-items: center;}
.footer-bottom,.contact-copy h2{text-align:center;}
}

/**
 * [Small Screen for Smart Phone and Mini Pad] 480~767
 */
@media screen and (max-width: 767px) {

.mrbox {width: 80%;}
  .col_news .col_news_box .col_news_con .col_news_list .news_list{margin:0 -10px;}
  
.col_news .col_news_box .col_news_con .col_news_list .news_list li.news{width:50%;padding:0 5px;margin-bottom: 10px;}

  .column-switch { display: block; }
  .col_news_head { display: none; }

  .l-banner { padding-top: 0; height: 167px; margin-top:66px;}
  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news:first-child{margin-bottom:10px}
.col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_title{font-size:16px;}
  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_text{font-size:14px;}
  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_meta{font-size:16px;padding:10px 0;}
  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_more{font-size:14px;}
}

/**
 * [xSmall Screen for Smart Phone] <480
 */
@media screen and (max-width: 479px) {
.mrbox {width: 100%;padding: 20px;}
  .col_news .col_news_box .col_news_con .col_news_list{margin:0;}
.col_news .col_news_box .col_news_con .col_news_list .news_list li.news{width:100%;padding:0;}
    .col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_box{padding:15px;}
  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news:first-child .news_box{display:flex;flex-direction: column;padding:15px;}
    .col_news .col_news_box .col_news_con .col_news_list .news_list li.news:first-child .news_box .news_imgs{width:100%;}
      .col_news .col_news_box .col_news_con .col_news_list .news_list li.news:first-child .news_box .news_wz{width:100%;padding:0;}
    .col_news .col_news_box .col_news_con .col_news_list .news_list.normal li.news .news_box{display:flex;flex-direction: column;padding:15px;}
    .col_news .col_news_box .col_news_con .col_news_list .news_list.normal li.news .news_box .news_imgs{width:100%;}
      .col_news .col_news_box .col_news_con .col_news_list .news_list.normal li.news .news_box .news_wz{width:100%;padding:0;}
  .article h1.arti_title { line-height: 28px; font-size: 18px; }
  .article h2.arti_title { line-height: 28px; font-size: 16px; }

}

/**
 * [Large Screen] 1920~2559px
 * 宽屏大屏适配：加宽内容区、优化间距排版
 */
@media screen and (min-width: 1921px) {
  :root {
    --content-width: 1760px;
  }

  /* ========== 全局 ========== */
  body {
    font-size: 16px;
  }

  .site-header {
    padding: 12px max(48px, calc((100vw - var(--content-width)) / 2));
  }

  .wrapper .inner {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  /* ========== Banner ========== */
  .l-banner {
    padding-top: 17%;
  }

  .l-tt {
    left: max(48px, calc((100vw - var(--content-width)) / 2));
  }

  /* ========== 列表页 ========== */
  #l-container .inner {

  }

  .col_menu .col_menu_head h3.col_name {
    font-size: 36px;
  }

  .col_list .wp_listcolumn .wp_column a .column-name {
    padding: 24px 10px 24px 26px;
    line-height: 32px;
    font-size: 20px;
  }

  .col_news .col_news_box {
    margin-left: 110px;
  }

  .mrbox {
    width: 330px;
    margin-left: 80px;
  }

  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news {
    padding: 0 16px;
    margin-bottom: 34px;
  }

  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_title {
    font-size: 20px;
  }

  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news:first-child .news_box .news_wz {
    padding: 28px 60px;
  }

  /* ========== 文章详情页 ========== */
  .article h1.arti_title {
    font-size: 38px;
    line-height: 56px;
  }

  .article .entry .read,
  .article .entry .read p {
    font-size: 20px;
    line-height: 1.85;
  }

  .article .entry .read img {
    max-width: 1100px;
  }

  .infobox {
    min-height: 700px;
  }

  /* ========== 首页 ========== */
  .hero {
    min-height: 800px;
  }

  .hero-inner {
    width: min(var(--content-width), calc(100% - 80px));
  }

  .quick-access {
    width: min(var(--content-width), calc(100% - 80px));
  }

  .section {
    width: min(var(--content-width), calc(100% - 96px));
    padding: 60px 0;
  }

  .enterprise-grid {
    max-width: var(--content-width);
  }

  .news-card h3 {
    font-size: 24px;
  }

  .event-band h3 {
    font-size: 24px;
  }

  .stat-card strong {
    font-size: 44px;
  }

  .footer-contact,
  .footer-bottom {
    width: min(var(--content-width), calc(100% - 64px));
  }

  img, .responsive-img {
    max-width: 100%;
    height: auto;
  }
}

/**
 * [4K Screen] ≥2560px
 * 4K 超高清屏适配：大幅加宽内容区、按比例放大字号与间距
 */
@media screen and (min-width: 2560px) {
  :root {
    --content-width: 2200px;
  }

  /*
  body {
    font-size: 18px;
  }

  .site-header {
    padding: 18px max(60px, calc((100vw - var(--content-width)) / 2));
    min-height: 100px;
  }

  .brand .cdhk-logo {
    width: 460px;
  }

  .wrapper .inner {
    max-width: var(--content-width);
    padding-left: 40px;
    padding-right: 40px;
  }

  .l-banner {
    padding-top: 15%;
  }

  .l-tt {
    left: max(60px, calc((100vw - var(--content-width)) / 2));
    font-size: 64px;
  }

  #l-container .inner {
    padding: 100px 0;
  }

  .col_menu {
    min-width: 260px;
    max-width: 360px;
  }

  .col_menu .col_menu_head h3.col_name {
    font-size: 40px;
    padding: 30px 10px;
  }

  .col_menu .col_menu_head h3.col_name .col_name_text {
    line-height: 70px;
    font-size: 20px;
  }

  .col_list .wp_listcolumn .wp_column a .column-name {
    padding: 28px 10px 28px 32px;
    line-height: 36px;
    font-size: 22px;
  }

  .col_news .col_news_box {
    margin-left: 140px;
  }

  .mrbox {
    width: 380px;
    margin-left: 100px;
  }

  .mrbox .tt {
    font-size: 24px;
  }

  .col_metas .col_title h2 {
    font-size: 22px;
  }

  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news {
    padding: 0 20px;
    margin-bottom: 40px;
  }

  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_title {
    font-size: 22px;
  }

  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_text {
    font-size: 18px;
  }

  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_meta {
    font-size: 20px;
    padding: 24px 0;
  }

  .col_news .col_news_box .col_news_con .col_news_list .news_list li.news:first-child .news_box .news_wz {
    padding: 34px 70px;
  }

  .infobox {
    padding: 30px 0;
    min-height: 800px;
  }

  .article h1.arti_title {
    font-size: 44px;
    line-height: 64px;
  }

  .article h2.arti_title {
    font-size: 22px;
    line-height: 42px;
  }

  .article .arti_metas span {
    font-size: 18px;
  }

  .article .entry .read,
  .article .entry .read p {
    font-size: 22px;
    line-height: 1.9;
  }

  .article .entry .read img {
    max-width: 1400px;
  }

  .hero {
    min-height: 940px;
  }

  .hero-inner {
    width: min(var(--content-width), calc(100% - 80px));
    min-height: 900px;
  }

  .hero-copy {
    width: min(640px, 46vw);
    padding-top: 150px;
  }

  .hero h1 {
    font-size: clamp(64px, 4.8vw, 100px);
  }

  .hero-slogan {
    font-size: clamp(28px, 2.2vw, 38px);
  }

  .hero p:last-of-type {
    font-size: 22px;
    max-width: 580px;
  }

  .primary-action,
  .secondary-action {
    min-height: 56px;
    padding: 0 32px;
    font-size: 17px;
  }

  .quick-access {
    width: min(var(--content-width), calc(100% - 80px));
    margin-top: -48px;
  }

  .quick-access a {
    min-height: 136px;
    padding: 32px 36px 28px;
  }

  .quick-access strong {
    font-size: 20px;
  }

  .quick-access .icon {
    width: 32px;
    height: 32px;
  }

  .section {
    width: min(var(--content-width), calc(100% - 96px));
    padding: 72px 0;
  }

  .section-head h2 {
    font-size: 42px;
  }

  .section-head.compact h2 {
    font-size: 32px;
  }

  .news-grid {
    gap: 34px;
  }

  .news-card h3 {
    font-size: 28px;
  }

  .event-cards {
    gap: 34px;
  }

  .event-card {
    min-height: 340px;
    padding: 20px 20px 30px;
    gap: 20px;
  }

  .event-band {
    min-height: 180px;
    padding: 34px;
    gap: 26px;
  }

  .event-band h3 {
    font-size: 28px;
  }

  .event-band time {
    font-size: 22px;
  }

  .event-card p {
    font-size: 19px;
  }

  .trio-section {
    grid-template-columns: minmax(500px, 1.16fr) minmax(340px, 0.84fr) minmax(320px, 0.72fr);
    gap: 28px;
  }

  .stats-grid {
    min-height: 480px;
    gap: 14px;
  }

  .stat-card {
    padding: 28px;
    gap: 12px;
  }

  .stat-card strong {
    font-size: 48px;
  }

  .stat-card span {
    font-size: 20px;
  }

  .video-card {
    min-height: 500px;
    padding: 24px;
    gap: 20px;
  }

  .video-card h3 {
    font-size: 26px;
  }

  .video-card p {
    font-size: 16px;
  }

  .report-cover {
    min-height: 560px;
    padding: 42px;
  }

  .report-cover strong {
    font-size: 44px;
  }

  .report-cover span {
    font-size: 20px;
  }

  .enterprise-grid {
    max-width: var(--content-width);
    gap: 28px;
  }

  .enterprise-logo-box {
    height: 200px;
    padding: 32px;
  }

  .enterprise-card span {
    font-size: 18px;
  }


  .footer-contact {
    width: min(var(--content-width), calc(100% - 64px));
    gap: 48px;
    min-height: 290px;
    padding: 54px 0;
  }

  .contact-copy h2 {
    font-size: 34px;
  }

  .contact-copy p {
    font-size: 18px;
  }

  .footer-logo {
    width: min(480px, 100%);
  }

  .footer-icons a {
    width: 64px;
    height: 64px;
  }

  .footer-icons svg {
    width: 28px;
    height: 28px;
  }

  .footer-bottom {
    width: min(var(--content-width), calc(100% - 64px));
    padding: 28px 0;
  }

  .footer-bottom p {
    font-size: 16px;
  }*/
}