
/* ============================================================
   GooDisplay GDEM037F36 — TABLE LAYOUT VERSION v2
   3.7" 4-Color E-Paper Display
   ============================================================ */
.gd-page{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  background:#ffffff;
  color:#1d1d1f;
  font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.gd-page table{border-collapse:collapse;border-spacing:0;}
.gd-page img{max-width:100%;height:auto;display:block;border:0;}
.gd-page h1,.gd-page h2,.gd-page h3,.gd-page p,.gd-page ul,.gd-page li{
  margin:0;padding:0;list-style:none;
}
.gd-page a{
  text-decoration:none;
  transition:color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
/* 通用标题 */
.gd-page .gd-title{
  font-family:'Montserrat',sans-serif;
  font-size:36px;
  font-weight:600;
  line-height:1.25;
  text-align:center;
  color:#1d1d1f;
  letter-spacing:-.02em;
  margin:0 0 60px 0;
}
.gd-page .gd-rule{
  display:block;
  width:48px;height:3px;
  background:#2A5CAA;
  margin:20px auto 0;
  border-radius:2px;
  font-size:0;line-height:0;
}
/* ============ 官网快捷入口 ============ */
.gd-page .gd-web-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 22px;
  background:#ffffff;
  border:1.5px solid #d2d2d7;
  border-radius:100px;
  font-size:14px;
  font-weight:500;
  color:#1d1d1f;
  letter-spacing:.01em;
  line-height:1.3;
}
.gd-page .gd-web-pill:hover{
  border-color:#2a5caa;
  background:#eef3fb;
  color:#2a5caa;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(42,92,170,.16);
}
.gd-page .gd-web-pill svg{
  flex:0 0 auto;
}
.gd-page .gd-web-pill .gd-web-domain{
  color:#6e6e73;
  font-weight:400;
}
.gd-page .gd-web-pill:hover .gd-web-domain{
  color:#2a5caa;
}
.gd-page .gd-web-pill .gd-web-arrow{
  display:inline-block;
  transition:transform .2s ease;
  font-weight:600;
}
.gd-page .gd-web-pill:hover .gd-web-arrow{
  transform:translateX(4px);
}
/* ============ 按钮 ============ */
.gd-page .gd-btn{
  display:inline-block;
  padding:12px 28px;
  border-radius:6px;
  font-family:'Inter',sans-serif;
  font-size:15px;
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.4;
}
.gd-page .gd-btn-solid{
  background:#2A5CAA;
  color:#ffffff;
  box-shadow:0 2px 8px rgba(42,92,170,.18);
}
.gd-page .gd-btn-solid:hover{
  background:#1e4680;
  color:#ffffff;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(42,92,170,.32);
}
.gd-page .gd-btn-outline{
  border:1.5px solid #2A5CAA;
  color:#2a5caa;
  background:transparent;
}
.gd-page .gd-btn-outline:hover{
  background:#2a5caa;
  color:#ffffff;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(42,92,170,.24);
}
/* ============ 下载列表：整行可点击 ============ */
.gd-page .gd-dl{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 20px;
  border-bottom:1px solid #e5e5ea;
  background:#ffffff;
  cursor:pointer;
}
.gd-page .gd-dl:last-child{
  border-bottom:0;
}
.gd-page .gd-dl:hover{
  background:#eef3fb;
  padding-left:26px;
}
.gd-page .gd-dl .gd-dl-name{
  font-size:15px;
  color:#1d1d1f;
  font-weight:500;
  text-align:left;
  line-height:1.45;
}
.gd-page .gd-dl:hover .gd-dl-name{
  color:#2a5caa;
}
.gd-page .gd-dl .gd-dl-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:32px;height:32px;
  border-radius:50%;
  background:#f5f5f7;
  color:#86868b;
  font-size:16px;
  transition:all .2s ease;
}
.gd-page .gd-dl:hover .gd-dl-icon{
  background:#2a5caa;
  color:#ffffff;
  transform:translateY(2px);
}
/* ============ 卡片（驱动板 / 推荐） ============ */
.gd-page .gd-card{
  background:#ffffff;
  border-radius:10px;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  border:1px solid transparent;
}
.gd-page .gd-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 34px rgba(0,0,0,.10);
  border-color:#dbe4f2;
}
.gd-page .gd-card .gd-card-img{
  display:inline-block;
  overflow:hidden;
  border-radius:6px;
}
.gd-page .gd-card .gd-card-img img{
  transition:transform .4s ease;
}
.gd-page .gd-card:hover .gd-card-img img{
  transform:scale(1.07);
}
.gd-page .gd-card .gd-card-title{
  transition:color .2s ease;
}
.gd-page .gd-card:hover .gd-card-title{
  color:#2a5caa;
}
.gd-page .gd-card .gd-view{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:14px;
  color:#2a5caa;
  font-weight:500;
}
.gd-page .gd-card .gd-view .arrow{
  display:inline-block;
  transition:transform .2s ease;
}
.gd-page .gd-card:hover .gd-view .arrow{
  transform:translateX(5px);
}
/* ============ 正文内链 ============ */
.gd-page a.gd-inline-link{
  color:#2a5caa;
  border-bottom:1px solid transparent;
}
.gd-page a.gd-inline-link:hover{
  color:#1e4680;
  border-bottom-color:#1e4680;
}
/* ============ 关于我们 CTA ============ */
.gd-page .gd-cta{
  display:inline-block;
  padding:14px 36px;
  background:#1d1d1f;
  color:#ffffff;
  border-radius:6px;
  font-weight:500;
  font-size:15px;
  font-family:'Inter',sans-serif;
}
.gd-page .gd-cta:hover{
  background:#2a5caa;
  color:#ffffff;
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(42,92,170,.32);
}
/* ============ 规格行 ============ */
.gd-page .gd-spec-k{
  padding:14px 0;
  border-bottom:1px solid #d2d2d7;
  font-size:15px;
  color:#6e6e73;
  text-align:left;
}
.gd-page .gd-spec-v{
  padding:14px 0;
  border-bottom:1px solid #d2d2d7;
  font-size:15px;
  color:#1d1d1f;
  font-weight:500;
  text-align:right;
}
/* ============ 区块内边距 ============ */
.gd-page .gd-sec{padding:80px 24px;}
.gd-page .gd-inner{width:100%;max-width:1120px;margin:0 auto;}

/* ============ 响应式 ============ */
@media (max-width:1024px){
  .gd-page .gd-title{font-size:28px;margin-bottom:40px;}
  .gd-page .gd-hero-t{font-size:36px !important;}
  .gd-page .gd-stack{
    display:block !important;
    width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:36px !important;
  }
}
@media (max-width:768px){
  .gd-page .gd-hero-t{font-size:28px !important;}
  .gd-page .gd-hero-sub{font-size:17px !important;}
  .gd-page .gd-sec{padding:48px 16px !important;}
  .gd-page .gd-btn-td{display:block !important;padding:0 0 12px 0 !important;}
  .gd-page .gd-btn{display:block;text-align:center;}
  .gd-page .gd-spec-k,.gd-page .gd-spec-v{font-size:13px;padding:11px 0;}
  .gd-page .gd-dl{padding:14px 16px;}
  .gd-page .gd-dl:hover{padding-left:20px;}
  .gd-page .gd-dl .gd-dl-name{font-size:14px;}
  .gd-page .gd-web-pill{padding:8px 16px;font-size:12px;gap:6px;}
}
