/* =========================================================
   公共样式 common.css —— 创高电子
   主题色深红：#C00000
   ========================================================= */

/* 中文展示字体（从成品项目复用） */
@font-face {
  font-family: 'TaoBaoMaiCaiTi';
  src: url('./TaoBaoMaiCaiTi-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.TaoBaoMaiCaiTi {
  font-family: 'TaoBaoMaiCaiTi', sans-serif;
}

html {
  scroll-behavior: smooth;
}

/* 固定在视口顶部的粘性导航在锚点跳转时不遮挡内页 Banner。 */
#top {
  scroll-margin-top: 6rem;
}

body {
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;
}

/* 红色实心按钮：hover 时黑色渐变铺满 */
.btn-slide-bg {
  background: #C00000;
}
.btn-slide-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #000;
  transition: width 0.3s ease;
  z-index: 0;
}
.btn-slide-bg:hover::before {
  width: 100%;
}

/* 红色描边按钮：hover 时红色铺满、文字变白 */
.btn-slide-border {
  border: 2px solid #C00000;
  color: #C00000;
}
.btn-slide-border::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #C00000;
  transition: width 0.3s ease;
  z-index: 0;
}
.btn-slide-border:hover::before {
  width: 100%;
}
.btn-slide-border:hover span {
  color: #fff;
}

/* 白色按钮：hover 时黑色铺满、文字变白 */
.btn-slide-white {
  background: #fff;
  color: #C00000;
}
.btn-slide-white::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #000;
  transition: width 0.3s ease;
  z-index: 0;
}
.btn-slide-white:hover::before {
  width: 100%;
}
.btn-slide-white:hover span {
  color: #fff;
}

[hidden] { display: none !important; }
@media(max-width:768px){html:not(.no-js) [data-aos="fade-left"]:not(.aos-animate),html:not(.no-js) [data-aos="fade-right"]:not(.aos-animate){transform:translate3d(0,1.5rem,0)}}
.cg-empty { grid-column:1/-1; padding:4rem 1rem; text-align:center; color:#6b7280; }
.cg-category-tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin:2rem 0; }
.cg-category-tabs a { padding:.6rem 1.2rem; border:1px solid #e5e7eb; }
.cg-category-tabs a.is-active { background:#C00000; color:#fff; border-color:#C00000; }
.cg-no-aos [data-aos] { opacity:1!important; transform:none!important; }

body > div[data-type="global"]:has(> header){position:sticky;top:0;z-index:100;} body > div[data-type="global"] > header {position:relative;}

/* Site creator credit, shared across all pages. */
.footer-credit-row { flex-wrap:wrap; column-gap:2rem; row-gap:.5rem; }
.footer-credit-row > p { min-width:0; }
.footer-creator-credit { flex-shrink:0; margin:0; color:rgba(255,255,255,.5); font-size:.85rem; line-height:1.6; }
.footer-creator-credit a { color:inherit; text-decoration:none; transition:color .2s; }
.footer-creator-credit a:hover,.footer-creator-credit a:focus-visible { color:#fff; }
@media(max-width:600px) { .footer-credit-row { align-items:flex-start; } .footer-creator-credit { flex-shrink:1; overflow-wrap:break-word; } }