/* =========================================================
   XYTZ INDEX - CLEAN / SINGLE SOURCE OF TRUTH
   说明：
   1. 首页只保留两屏布局 + Header + 高频精选 + 通州动态；
   2. “通州动态”使用 xy_left1 / xy_center1 作为后台数据源，再稳定渲染到新版布局；
   3. 未使用的旧 runat 容器不再保留，彻底阻止旧模块出现在页面底部；
   4. 设计模式仍保留 xy_left1 / xy_center1 的模块编辑入口；
   5. 所有常用微调参数集中在本文件开头 :root。
   ========================================================= */

:root{
  /* =======================================================
     A. 页面背景与整体宽度
     ======================================================= */
  --xytz-hero-bg:url("/uiFramework/commonResource/image/2026062720270210599.png");
  --xytz-section2-bg:url("/uiFramework/commonResource/image/2026062720290036263.png");
  --xytz-page-second-bg:#f8efe2;
  --xytz-wrap-width:1200px;
  --xytz-wrap-max-width:92%;

  /* =======================================================
     B. 第一屏：标题、搜索框、向下浏览
     ======================================================= */
  --xytz-head-h:126px;
  --xytz-hero-min-h:620px;
  --xytz-hero-center-bottom:104px;

  --xytz-hero-title-y:150px;       /* 正数下移，负数上移 */
  --xytz-hero-title-size:38px;
  --xytz-hero-title-gap:26px;

  --xytz-hero-search-y:150px;      /* 正数下移，负数上移 */
  --xytz-hero-search-w:820px;
  --xytz-hero-search-max-w:90%;
  --xytz-hero-search-h:58px;
  --xytz-hero-search-input-h:54px;
  --xytz-hero-search-button-w:168px;
  --xytz-hero-search-radius:10px;
  --xytz-hero-search-red:#E4555A;

  --xytz-scroll-left:48.5%;         /* 向下浏览按钮左右位置 */
  --xytz-scroll-bottom:30px;        /* 向下浏览按钮距底部 */
  --xytz-scroll-w:132px;
  --xytz-scroll-h:68px;

  /* =======================================================
     C. 第二屏：整体间距
     ======================================================= */
  --xytz-section2-min-h:680px;
  --xytz-section2-pad-plus:18px;
  --xytz-section2-content-y:0px;    /* 第二屏整体：正数下移，负数上移 */
  --xytz-section2-bottom-pad:28px;

  --xytz-quick-y:50px;              /* 四个快捷卡片整体上下 */
  --xytz-mid-gap:80px;              /* 快捷入口与下方两块间距 */
  --xytz-hot-grid-y:35px;           /* 高频精选内容上下 */

  /* =======================================================
     D. 第二屏卡片与左右面板
     ======================================================= */
  --xytz-quick-card-w:23.5%;
  --xytz-quick-card-gap:2%;
  --xytz-quick-card-h:112px;
  --xytz-quick-card-radius:10px;

  --xytz-panel-h:312px;
  --xytz-panel-radius:10px;
  --xytz-panel-pad-y:16px;
  --xytz-panel-pad-x:18px;
  --xytz-hot-w:38%;
  --xytz-dynamic-w:60%;

  /* =======================================================
     E. 通州动态：后台数据源 -> 新版稳定轮播/列表
     ======================================================= */
  --xytz-dynamic-inner-h:232px;
  --xytz-dynamic-carousel-w:43%;
  --xytz-dynamic-news-w:54%;
  --xytz-dynamic-gap:3%;

  --xytz-dynamic-caption-size:14px;
  --xytz-dynamic-caption-h:42px;
  --xytz-dynamic-news-size:14px;
  --xytz-dynamic-date-size:12px;
  --xytz-dynamic-row-h:42px;
  --xytz-dynamic-autoplay:4500ms; /* 仅备注；实际毫秒可用 window.XYTZ_DYNAMIC_AUTOPLAY 覆盖 */

  --xytz-dynamic-dot-size:6px;
  --xytz-dynamic-dot-active-w:16px;
  --xytz-dynamic-dot-right:10px;
  --xytz-dynamic-dot-bottom:10px;

  /* =======================================================
     F. Header 总体
     ======================================================= */
  --credit-red:#c9182b;
  --credit-header-h:126px;
  --credit-header-top-h:52px;
  --credit-primary-nav-h:64px;
  --credit-header-max-width:1200px;
  --credit-header-max-width-mobile:96%;
  --credit-header-bg:transparent;
  --credit-header-shadow:0 1px 4px rgba(0,0,0,.04);
  --credit-header-text-shadow:none;

  /* 第一行左侧：政府 logo */
  --credit-gov-full-logo-width:300px;
  --credit-gov-full-logo-height:45px;
  --credit-gov-full-logo-x:0px;
  --credit-gov-full-logo-y:7px;
  --credit-gov-full-logo-fit:contain;
  --credit-gov-wording-display:none;

  /* 第一行右侧：功能链接 */
  --credit-utility-size:15px;
  --credit-utility-line:28px;
  --credit-utility-x:20px;
  --credit-utility-y:5px;
  --credit-utility-opacity:1;
  --credit-utility-gap:10px;
  --credit-utility-separator:rgba(255,255,255,.58);
  --credit-utility-hover:#ffe3e7;

  /* 第二行左侧：信用通州 logo */
  --credit-brand-logo:url("/uiFramework/commonResource/image/2026062720303637278.png");
  --credit-brand-width:132px;
  --credit-brand-height:34px;
  --credit-brand-x:2px;
  --credit-brand-y:-5px;
  --credit-brand-nav-gap:28px;

  /* 第二行右侧：主导航 */
  --credit-primary-nav-x:35px;
  --credit-primary-nav-y:-12px;
  --credit-nav-gap:6px;
  --credit-nav-item-padding-x:14px;
  --credit-nav-font-size:15px;
  --credit-nav-font-weight:700;
  --credit-nav-letter-spacing:0px;
  --credit-nav-text-x:0px;
  --credit-nav-text-y:0px;
  --credit-nav-hover-bg:rgba(201,24,43,.84);
  --credit-nav-hover-shadow:inset 0 -2px 0 rgba(255,255,255,.55);
  --credit-nav-underline-bottom:9px;

  /* 下拉菜单 */
  --credit-submenu-min-width:132px;
  --credit-submenu-wide-width:200px;
  --credit-submenu-x:0px;
  --credit-submenu-y:0px;
  --credit-submenu-font-size:14px;
  --credit-submenu-line:22px;
  --credit-submenu-padding-y:9px;
  --credit-submenu-padding-x:16px;
  --credit-submenu-bg:rgba(255,255,255,.98);
  --credit-submenu-border:rgba(201,24,43,.10);
  --credit-submenu-shadow:none;
  --credit-submenu-hover-bg:#fff4f5;
  --credit-submenu-text:#303945;

}

/* ===== 页面基础 ===== */
.xytz-screen1{background-image:var(--xytz-hero-bg);}
.xytz-section2{background-image:var(--xytz-section2-bg);}
.rxpc{display:none!important;}

html.xytz-in-second,
html.xytz-in-second body{background:var(--xytz-page-second-bg);}

.xytz-screen1,
.xytz-section2,
.xytz-fixedhead,
.xytz-fixedhead *,
.xytz-screen1 *,
.xytz-section2 *{box-sizing:border-box;}

.xytz-screen1 ul,
.xytz-section2 ul,
.xytz-fixedhead ul{margin:0;padding:0;}

.xytz-screen1 li,
.xytz-section2 li,
.xytz-fixedhead li{list-style:none;}

.xytz-screen1 a,
.xytz-section2 a,
.xytz-fixedhead a{text-decoration:none;}

.clr{clear:both;}
.xytz-cnav,.xytz-site-logo,.xytz-site-logo2{display:none!important;}

.xytz-screen1,
.xytz-section2{
  position:relative;
  width:100%;
  background-repeat:no-repeat;
  background-size:cover;
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
}

.xytz-screen1{
  height:100vh;
  height:100svh;
  height:100dvh;
  min-height:var(--xytz-hero-min-h);
  overflow:hidden;
  background-position:center center;
}

.xytz-section2{
  min-height:var(--xytz-section2-min-h);
  padding:calc(var(--credit-header-h) + var(--xytz-section2-pad-plus) + var(--xytz-section2-content-y)) 0 var(--xytz-section2-bottom-pad);
  background-position:center top;
}

.xytz-wrap{
  width:var(--xytz-wrap-width);
  max-width:var(--xytz-wrap-max-width);
  margin:0 auto;
}

/* ===== 第一屏 ===== */
.xytz-hero-center{
  height:100%;
  padding:var(--credit-header-h) 20px var(--xytz-hero-center-bottom);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.xytz-hero-title{
  margin:0 0 var(--xytz-hero-title-gap);
  color:#fff;
  font-size:var(--xytz-hero-title-size);
  line-height:1.2;
  font-weight:bold;
  letter-spacing:1px;
  text-shadow:0 4px 16px rgba(0,0,0,.36);
  transform:translateY(var(--xytz-hero-title-y));
}

.xytz-hero-search{
  width:var(--xytz-hero-search-w);
  max-width:var(--xytz-hero-search-max-w);
  height:var(--xytz-hero-search-h);
  display:flex;
  overflow:hidden;
  background:#fff;
  border:2px solid var(--xytz-hero-search-red);
  border-radius:var(--xytz-hero-search-radius);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  transform:translateY(var(--xytz-hero-search-y));
}

.xytz-hero-search input{
  flex:1;
  min-width:0;
  height:var(--xytz-hero-search-input-h);
  padding:0 20px;
  border:0;
  outline:0;
  color:#333;
  background:#fff;
  font-size:16px;
  line-height:var(--xytz-hero-search-input-h);
}

.xytz-hero-search button{
  width:var(--xytz-hero-search-button-w);
  height:var(--xytz-hero-search-input-h);
  padding:0;
  border:0;
  color:#fff;
  background:var(--xytz-hero-search-red);
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
}

.xytz-hero-search button:hover{background:#d9484f;}
.xytz-hero-search button svg{
  width:16px;
  height:16px;
  margin-left:5px;
  vertical-align:-3px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}

.xytz-scroll{
  position:absolute;
  left:var(--xytz-scroll-left);
  bottom:var(--xytz-scroll-bottom);
  z-index:35;
  transform:translateX(-50%);
  width:var(--xytz-scroll-w);
  height:var(--xytz-scroll-h);
  border:0;
  border-radius:999px;
  background:rgba(0,0,0,.18);
  color:#fff;
  cursor:pointer;
  text-align:center;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.xytz-scroll span{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:16px;
  font-weight:600;
  letter-spacing:1px;
  text-shadow:0 2px 8px rgba(0,0,0,.48);
}

.xytz-scroll i{
  display:block;
  width:26px;
  height:26px;
  margin:0 auto;
  border-right:3px solid #fff;
  border-bottom:3px solid #fff;
  transform:rotate(45deg);
  animation:xytzDown 1.4s infinite;
}

@keyframes xytzDown{
  0%,100%{opacity:.35;transform:translateY(-3px) rotate(45deg);}
  50%{opacity:1;transform:translateY(5px) rotate(45deg);}
}

/* ===== 第二屏：快捷入口 ===== */
.xytz-quick{
  width:100%;
  margin-top:var(--xytz-quick-y)!important;
}

.xytz-quick .qcard{
  float:left;
  width:var(--xytz-quick-card-w);
  height:var(--xytz-quick-card-h);
  margin-right:var(--xytz-quick-card-gap);
  padding:17px 18px;
  display:flex;
  align-items:flex-start;
  background:rgba(255,255,255,.94);
  border-radius:var(--xytz-quick-card-radius);
  box-shadow:0 8px 24px rgba(108,58,38,.13);
  transition:.25s ease;
}

.xytz-quick .qcard:nth-child(4){margin-right:0;}
.xytz-quick .qcard:hover{
  transform:translateY(-4px);
  box-shadow:0 13px 30px rgba(108,58,38,.2);
}

.xytz-quick .qicon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  margin-right:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  overflow:hidden;
}

.xytz-quick .qicon img{
  display:block;
  width:28px;
  height:28px;
  object-fit:contain;
}

.xytz-quick b{display:block;color:#333;font-size:18px;line-height:24px;}
.xytz-quick em{display:block;color:#888;font-style:normal;font-size:13px;line-height:21px;}
.xytz-quick small{display:block;color:#df2435;font-size:12px;line-height:18px;margin-top:6px;}
.q1 .qicon{background:#E4555A;}
.q2 .qicon{background:#5280CD;}
.q3 .qicon{background:#37BC98;}
.q4 .qicon{background:#E5B15F;}

/* ===== 第二屏：高频精选 + 通州动态 ===== */
.xytz-mid{margin-top:var(--xytz-mid-gap)!important;}

.xytz-hot,
.xytz-dynamic{
  height:var(--xytz-panel-h);
  min-height:var(--xytz-panel-h);
  padding:var(--xytz-panel-pad-y) var(--xytz-panel-pad-x);
  background:rgba(255,255,255,.94);
  border-radius:var(--xytz-panel-radius);
  box-shadow:0 8px 24px rgba(108,58,38,.12);
  overflow:hidden;
}

.xytz-hot{float:left;width:var(--xytz-hot-w);}
.xytz-dynamic{float:right;width:var(--xytz-dynamic-w);}

.xytz-bar{
  height:34px;
  border-bottom:2px solid #eee;
  position:relative;
  margin-bottom:14px;
}

.xytz-bar b{
  display:inline-block;
  height:34px;
  color:#333;
  font-size:20px;
  line-height:32px;
  border-bottom:2px solid #df2435;
}

.xytz-bar a{
  float:right;
  color:#999;
  font-size:13px;
  line-height:32px;
}

.xytz-hot-grid{margin-top:var(--xytz-hot-grid-y)!important;}
.xytz-hot-grid li{float:left;width:48.5%;margin:0 3% 12px 0;}
.xytz-hot-grid li:nth-child(2n){margin-right:0;}

.xytz-hot-grid a{
  height:50px;
  padding:0 12px;
  display:flex;
  align-items:center;
  background:#f8f4ee;
  border-radius:8px;
  color:#333;
  transition:.2s ease;
}

.xytz-hot-grid a:hover{background:#fff2e1;color:#df2435;}

.xytz-hot-grid i{
  flex:0 0 38px;
  width:38px;
  height:38px;
  margin-right:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-radius:8px;
  box-shadow:0 2px 7px rgba(0,0,0,.07);
  overflow:hidden;
}

.xytz-hot-grid i img{
  display:block;
  width:24px;
  height:24px;
  object-fit:contain;
}

.xytz-hot-grid span{font-size:14px;line-height:18px;}

/* ===== 通州动态：后台数据源与正式渲染分离 ===== */
.xytz-dynamic-body.xytz-dynamic-runtime{
  position:relative!important;
  height:var(--xytz-dynamic-inner-h)!important;
  overflow:hidden!important;
}

/* 正式发布：后台模块仍在 DOM 中供读取，但彻底移出视口。
   不使用 display:none，避免部分平台模块停止输出内容。 */
.xytz-dynamic-source-editor{
  position:fixed!important;
  left:-200000px!important;
  top:0!important;
  width:1000px!important;
  height:auto!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  opacity:0!important;
  visibility:visible!important;
  pointer-events:none!important;
  z-index:-2147483647!important;
}

#xy_left1.xytz-module-source,
#xy_center1.xytz-module-source{
  display:block!important;
  width:480px!important;
  height:auto!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* 设计/编辑模式：只显示 AiSite 原生模块编辑入口，不给其内部 img/li 强套前台样式。 */
html.xytz-design-mode .xytz-dynamic-source-editor{
  position:static!important;
  left:auto!important;
  top:auto!important;
  display:flex!important;
  width:100%!important;
  height:var(--xytz-dynamic-inner-h)!important;
  min-height:0!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:auto!important;
}

html.xytz-design-mode #xy_left1.xytz-module-source{
  width:var(--xytz-dynamic-carousel-w)!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:7px!important;
  background:rgba(241,242,244,.72)!important;
}

html.xytz-design-mode #xy_center1.xytz-module-source{
  width:var(--xytz-dynamic-news-w)!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.2)!important;
}

/* 正式渲染区 */
.xytz-dynamic-rendered{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

html.xytz-design-mode .xytz-dynamic-rendered{display:none!important;}

.xytz-dynamic-carousel{
  position:relative!important;
  float:left!important;
  width:var(--xytz-dynamic-carousel-w)!important;
  height:var(--xytz-dynamic-inner-h)!important;
  overflow:hidden!important;
  border-radius:7px!important;
  background:#f1f2f4!important;
}

.xytz-dynamic-viewport{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}

.xytz-dynamic-track{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  transition:transform .55s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform!important;
}

.xytz-dynamic-slide{
  position:relative!important;
  flex:0 0 100%!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  overflow:hidden!important;
}

.xytz-dynamic-slide>a{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}

.xytz-dynamic-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  object-fit:cover!important;
  transition:transform .35s ease!important;
}

.xytz-dynamic-slide>a:hover img{transform:scale(1.05)!important;}

.xytz-dynamic-noimg{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  padding:22px!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#c9182b,#e3a15e)!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.6!important;
  text-align:center!important;
}

.xytz-dynamic-caption{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:5!important;
  display:block!important;
  min-height:var(--xytz-dynamic-caption-h)!important;
  padding:20px 72px 8px 12px!important;
  color:#fff!important;
  background:linear-gradient(transparent,rgba(0,0,0,.78))!important;
  font-size:var(--xytz-dynamic-caption-size)!important;
  font-weight:700!important;
  line-height:20px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 6px rgba(0,0,0,.4)!important;
}

.xytz-dynamic-dots{
  position:absolute!important;
  right:var(--xytz-dynamic-dot-right)!important;
  bottom:var(--xytz-dynamic-dot-bottom)!important;
  z-index:9!important;
  display:flex!important;
  height:12px!important;
  align-items:center!important;
  gap:5px!important;
}

.xytz-dynamic-dots button{
  display:block!important;
  width:var(--xytz-dynamic-dot-size)!important;
  height:var(--xytz-dynamic-dot-size)!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:width .2s ease,background .2s ease!important;
}

.xytz-dynamic-dots button.on{
  width:var(--xytz-dynamic-dot-active-w)!important;
  background:#fff!important;
}

.xytz-dynamic-news{
  position:relative!important;
  float:right!important;
  width:var(--xytz-dynamic-news-w)!important;
  height:var(--xytz-dynamic-inner-h)!important;
  overflow:hidden!important;
  background:transparent!important;
}

.xytz-dynamic-news-list{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

.xytz-dynamic-news-list li{
  position:relative!important;
  display:block!important;
  height:var(--xytz-dynamic-row-h)!important;
  margin:0!important;
  padding:0 0 0 15px!important;
  border-bottom:1px dashed rgba(201,24,43,.16)!important;
  background:none!important;
  list-style:none!important;
  overflow:hidden!important;
}

.xytz-dynamic-news-list li:before{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  margin-top:-2.5px!important;
  border-radius:50%!important;
  background:var(--credit-red)!important;
  content:""!important;
}

.xytz-dynamic-news-list li a{
  display:flex!important;
  width:100%!important;
  height:var(--xytz-dynamic-row-h)!important;
  align-items:center!important;
  color:#333!important;
  font-size:var(--xytz-dynamic-news-size)!important;
  font-weight:500!important;
  line-height:var(--xytz-dynamic-row-h)!important;
  text-decoration:none!important;
}

.xytz-dynamic-news-title{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.xytz-dynamic-news-date{
  display:block!important;
  flex:0 0 auto!important;
  margin-left:12px!important;
  color:#9aa2ad!important;
  font-size:var(--xytz-dynamic-date-size)!important;
  line-height:var(--xytz-dynamic-row-h)!important;
}

.xytz-dynamic-news-list li a:hover,
.xytz-dynamic-news-list li a:focus{color:var(--credit-red)!important;}

.xytz-module-wait,
.xytz-dynamic-empty{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  align-items:center!important;
  justify-content:center!important;
  color:#8d96a3!important;
  background:linear-gradient(135deg,#f5f6f7,#eceff2)!important;
  font-size:13px!important;
  text-align:center!important;
}

.xytz-module-wait:before{
  width:16px!important;
  height:16px!important;
  margin-right:8px!important;
  border:2px solid #d8dce1!important;
  border-top-color:var(--credit-red)!important;
  border-radius:50%!important;
  content:""!important;
  animation:xytzSpin 1s linear infinite!important;
}

@keyframes xytzSpin{to{transform:rotate(360deg);}}

/* ===== 旧模块彻底清理 =====
   未使用的 runat 容器已从 HTML 删除；以下仅处理平台缓存/二次输出。
   不隐藏友情链接与页脚。
*/
#xy_focus,
#xy_list_right,
#xy_right1,
#xy_left2,
#xy_right02,
#xy_left4,
#xy_center4,
#xy_right4,
#hengtiao,
[data-xytz-remove-legacy="1"]{
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* 旧模板整体容器若被平台直接追加到 body，隐藏它们；
   新版页面中的 xy_left1 / xy_center1 位于 #xytzIndexPage 内，不受影响。 */
body > .xy_content,
body > .xy_left,
body > .xy_center,
body > .xy_center1,
body > .xy_right,
body > .xy_right02,
body > .xy_left4{
  display:none!important;
}

/* ===== Header：单一版本 ===== */
.xytz-fixedhead.credit-header{
  position:fixed!important;
  top:0!important;
  right:0!important;
  left:0!important;
  z-index:9999!important;
  width:100%!important;
  height:var(--credit-header-h)!important;
  overflow:visible!important;
  color:#fff!important;
  background:var(--credit-header-bg)!important;
  box-shadow:var(--credit-header-shadow)!important;
  text-shadow:var(--credit-header-text-shadow)!important;
}

.xytz-fixedhead.credit-header,
.xytz-fixedhead.credit-header *{
  box-sizing:border-box;
  text-shadow:var(--credit-header-text-shadow)!important;
}

.xytz-fixedhead.credit-header ul{margin:0!important;padding:0!important;}
.xytz-fixedhead.credit-header li{list-style:none!important;}
.xytz-fixedhead.credit-header a{color:#fff!important;text-decoration:none!important;}

.credit-header-shell{width:100%;height:100%;overflow:visible!important;}
.credit-header-top{width:100%;height:var(--credit-header-top-h);overflow:visible!important;}

.credit-header-top-inner{
  display:flex;
  width:var(--credit-header-max-width);
  max-width:94%;
  height:var(--credit-header-top-h);
  margin:0 auto;
  align-items:center;
  justify-content:space-between;
  overflow:visible!important;
}

.credit-gov-logo{
  display:flex!important;
  flex:0 0 auto!important;
  min-width:var(--credit-gov-full-logo-width)!important;
  align-items:center!important;
  color:#fff!important;
  transform:translate(var(--credit-gov-full-logo-x),var(--credit-gov-full-logo-y))!important;
}

.credit-gov-emblem{
  display:block!important;
  flex:0 0 var(--credit-gov-full-logo-width)!important;
  width:var(--credit-gov-full-logo-width)!important;
  height:var(--credit-gov-full-logo-height)!important;
  overflow:visible!important;
}

.credit-gov-emblem img{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  height:var(--credit-gov-full-logo-height)!important;
  object-fit:var(--credit-gov-full-logo-fit)!important;
  filter:none!important;
}

.credit-gov-wording{display:var(--credit-gov-wording-display)!important;}

.credit-utility-links{
  display:flex!important;
  flex:0 1 auto!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:flex-end!important;
  white-space:nowrap!important;
  transform:translate(var(--credit-utility-x),var(--credit-utility-y))!important;
  opacity:var(--credit-utility-opacity)!important;
  overflow:visible!important;
}

.credit-utility-links a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#fff!important;
  font-size:var(--credit-utility-size)!important;
  line-height:var(--credit-utility-line)!important;
  text-decoration:none!important;
}

.credit-utility-links a+a:before{
  margin:0 var(--credit-utility-gap)!important;
  color:var(--credit-utility-separator)!important;
  content:"|"!important;
  pointer-events:none!important;
}

.credit-utility-links a:hover,
.credit-utility-links a:focus{
  color:var(--credit-utility-hover)!important;
  text-decoration:underline!important;
}

.credit-primary-nav-row{
  width:100%!important;
  height:var(--credit-primary-nav-h)!important;
  background:transparent!important;
  overflow:visible!important;
}

.credit-primary-nav-inner{
  display:flex!important;
  width:var(--credit-header-max-width)!important;
  max-width:94%!important;
  height:var(--credit-primary-nav-h)!important;
  margin:0 auto!important;
  align-items:center!important;
  justify-content:space-between!important;
  overflow:visible!important;
}

.credit-nav-brand{
  position:relative!important;
  display:block!important;
  flex:0 0 var(--credit-brand-width)!important;
  width:var(--credit-brand-width)!important;
  height:var(--credit-brand-height)!important;
  background-image:var(--credit-brand-logo)!important;
  background-position:left center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  transform:translate(var(--credit-brand-x),var(--credit-brand-y))!important;
}

.credit-nav-brand span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

.credit-primary-nav{
  flex:1 1 auto!important;
  min-width:0!important;
  height:100%!important;
  margin-left:var(--credit-brand-nav-gap)!important;
  transform:translate(var(--credit-primary-nav-x),var(--credit-primary-nav-y))!important;
  overflow:visible!important;
}

.credit-primary-nav>ul{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  gap:var(--credit-nav-gap)!important;
  overflow:visible!important;
}

.credit-primary-nav>ul>li{
  position:relative!important;
  display:flex!important;
  height:100%!important;
  align-items:stretch!important;
  overflow:visible!important;
}

.credit-primary-nav>ul>li>a{
  position:relative!important;
  display:flex!important;
  height:100%!important;
  padding:0 var(--credit-nav-item-padding-x)!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  font-size:var(--credit-nav-font-size)!important;
  font-weight:var(--credit-nav-font-weight)!important;
  letter-spacing:var(--credit-nav-letter-spacing)!important;
  white-space:nowrap!important;
  transform:translate(var(--credit-nav-text-x),var(--credit-nav-text-y))!important;
}

.credit-primary-nav>ul>li>a:after{
  position:absolute!important;
  right:var(--credit-nav-item-padding-x)!important;
  bottom:var(--credit-nav-underline-bottom)!important;
  left:var(--credit-nav-item-padding-x)!important;
  height:2px!important;
  background:transparent!important;
  content:""!important;
}

.credit-primary-nav>ul>li:hover>a,
.credit-primary-nav>ul>li:focus-within>a{
  color:#fff!important;
  background:var(--credit-nav-hover-bg)!important;
  box-shadow:var(--credit-nav-hover-shadow)!important;
}

.credit-primary-nav>ul>li:hover>a:after,
.credit-primary-nav>ul>li:focus-within>a:after{background:#fff!important;}

.credit-submenu{
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  right:auto!important;
  z-index:10000!important;
  display:none!important;
  min-width:var(--credit-submenu-min-width)!important;
  padding:7px 0!important;
  background:var(--credit-submenu-bg)!important;
  border:1px solid var(--credit-submenu-border)!important;
  border-top:2px solid var(--credit-red)!important;
  border-radius:0 0 8px 8px!important;
  box-shadow:var(--credit-submenu-shadow)!important;
  transform:translate(calc(-50% + var(--credit-submenu-x)),var(--credit-submenu-y))!important;
}

.credit-submenu-wide{min-width:var(--credit-submenu-wide-width)!important;}

.credit-submenu a{
  display:block!important;
  padding:var(--credit-submenu-padding-y) var(--credit-submenu-padding-x)!important;
  color:var(--credit-submenu-text)!important;
  font-size:var(--credit-submenu-font-size)!important;
  font-weight:400!important;
  line-height:var(--credit-submenu-line)!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-shadow:none!important;
  background:transparent!important;
}

.credit-submenu a:hover,
.credit-submenu a:focus{
  color:var(--credit-red)!important;
  background:var(--credit-submenu-hover-bg)!important;
}

.credit-primary-nav li.has-submenu:hover>.credit-submenu,
.credit-primary-nav li.has-submenu:focus-within>.credit-submenu{display:block!important;}

/* 防止旧样式把二级菜单文字覆盖成白色 */
.xytz-fixedhead.credit-header .credit-submenu a,
.xytz-screen1 .credit-submenu a,
.xytz-section2 .credit-submenu a,
.credit-primary-nav .credit-submenu a{
  color:var(--credit-submenu-text)!important;
  background:transparent!important;
  text-shadow:none!important;
}

.xytz-fixedhead.credit-header .credit-submenu a:hover,
.xytz-screen1 .credit-submenu a:hover,
.xytz-section2 .credit-submenu a:hover,
.credit-primary-nav .credit-submenu a:hover{
  color:var(--credit-red)!important;
  background:var(--credit-submenu-hover-bg)!important;
}

/* ===== 响应式 ===== */
@media screen and (max-height:820px) and (min-width:901px){
  :root{
    --xytz-section2-pad-plus:20px;
    --xytz-panel-h:296px;
    --xytz-dynamic-inner-h:216px;
  }
  .xytz-section2{min-height:650px;}
  .xytz-quick .qcard{height:102px;padding:13px 15px;}
  .xytz-hot,.xytz-dynamic{padding-top:14px;}
}

@media screen and (max-width:1100px){
  :root{
    --credit-gov-full-logo-width:270px;
    --credit-gov-full-logo-height:32px;
    --credit-nav-gap:4px;
    --credit-nav-item-padding-x:12px;
    --credit-nav-font-size:14px;
    --credit-brand-nav-gap:18px;
  }

  .credit-header-top-inner,
  .credit-primary-nav-inner{max-width:var(--credit-header-max-width-mobile)!important;}

  .credit-utility-links{
    overflow-x:auto!important;
    justify-content:flex-start!important;
    scrollbar-width:none;
  }

  .credit-utility-links::-webkit-scrollbar{display:none;}
}

@media screen and (max-width:900px){
  :root{
    --credit-header-h:126px;
    --credit-header-top-h:58px;
    --credit-primary-nav-h:58px;
    --xytz-section2-pad-plus:18px;
    --xytz-section2-content-y:0px;
  }

  .xytz-hero-title{font-size:28px;}
  .xytz-section2{
    min-height:0;
    padding-top:calc(145px + var(--xytz-section2-content-y));
  }

  .xytz-quick .qcard{width:49%;margin:0 2% 14px 0;}
  .xytz-quick .qcard.q2,
  .xytz-quick .qcard.q4{margin-right:0;}

  .xytz-hot,
  .xytz-dynamic{float:none;width:100%;}

  .xytz-dynamic{margin-top:18px;}

  .xytz-dynamic-carousel,
  .xytz-dynamic-news{
    float:none!important;
    width:100%!important;
  }

  .xytz-dynamic-news{
    height:auto!important;
    min-height:190px!important;
    margin-top:14px!important;
  }
}

@media screen and (max-width:760px){
  :root{
    --credit-gov-full-logo-width:220px;
    --credit-gov-full-logo-height:28px;
    --credit-brand-width:118px;
    --credit-brand-height:32px;
    --credit-brand-y:-2px;
    --credit-brand-nav-gap:10px;
    --credit-primary-nav-x:0px;
    --credit-primary-nav-y:-5px;
    --credit-nav-item-padding-x:11px;
    --credit-nav-font-size:13px;
    --credit-utility-size:11px;
    --credit-utility-line:20px;
    --credit-utility-gap:7px;
  }

  .credit-header-top-inner{
    display:block!important;
    padding-top:4px!important;
  }

  .credit-gov-logo{
    min-width:0!important;
    height:34px!important;
    justify-content:center!important;
  }

  .credit-utility-links{
    width:100%!important;
    height:20px!important;
    margin-top:1px!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none;
  }

  .credit-primary-nav{
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none;
  }

  .credit-primary-nav>ul{
    width:max-content!important;
    min-width:100%!important;
  }

  .credit-submenu{display:none!important;}
}

@media screen and (max-width:560px){
  .xytz-hero-search{
    height:auto;
    display:block;
    background:transparent;
    border:0;
    box-shadow:none;
    overflow:visible;
  }

  .xytz-hero-search input{
    display:block;
    width:100%;
    height:48px;
    border:2px solid #df2435;
    border-radius:8px;
  }

  .xytz-hero-search button{
    display:block;
    width:100%;
    height:46px;
    margin-top:8px;
    border-radius:8px;
  }

  .xytz-quick .qcard{
    float:none;
    width:100%;
    height:95px;
    margin:0 0 12px;
  }

  .xytz-hot-grid{margin-right:0;}
  .xytz-hot-grid li{float:none;width:100%;margin-right:0;}
}

@media (prefers-reduced-motion:reduce){
  .xytz-scroll i{animation:none;}
}