/*
 * gy-wp.css —— WordPress 化后的小幅补充样式
 * 原站样式全部沿用 static/css/ 下的文件，这里仅修正动态输出结构的细节
 */

/* 文章列表行：标题链接颜色继承 */
.announce .pageContent .notice .notice2 a,
.announce .pageContent .notice .notice2.content a {
  color: inherit;
  text-decoration: none;
}
.announce .pageContent .notice.annBody:hover .notice2 a {
  color: #0170c1;
}

/* 分页：数字与上下页按钮为 <a> 时保持与按钮一致的布局 */
.el-pagination .el-pager li a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.el-pagination a.btn-prev,
.el-pagination a.btn-next {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  background: none;
}

/* 文章正文基础排版（原站正文由编辑器样式控制，WP 编辑器内容需要兜底） */
.gy-article {
  line-height: 1.8;
  font-size: 15px;
  word-break: break-word;
}
.gy-article p {
  margin: 0 0 1em;
}
.gy-article img {
  max-width: 100%;
  height: auto;
}
.gy-article a {
  color: #0170c1;
}
.gy-article h1, .gy-article h2, .gy-article h3, .gy-article h4 {
  margin: 1.2em 0 .6em;
  font-weight: bold;
}
.gy-article ul, .gy-article ol {
  padding-left: 2em;
  margin: 0 0 1em;
}
.gy-article table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1em;
}
.gy-article table td,
.gy-article table th {
  border: 1px solid #eee;
  padding: 8px 10px;
}
.gy-article blockquote {
  margin: 0 0 1em;
  padding: 10px 16px;
  border-left: 4px solid #0170c1;
  background: #f7faff;
  color: #555;
}

/* 手机抽屉菜单中的导航（克隆自桌面导航，改为纵向排列） */
.el-drawer .gy-drawer-nav,
.el-drawer .gy-drawer-nav .item {
  display: block;
  width: 100%;
}
.el-drawer .gy-drawer-nav .itemTitle {
  display: block;
  padding: 14px 16px;
  font-size: 15px;
  color: #333;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}
.el-drawer .gy-drawer-nav .menuBody,
.el-drawer .gy-drawer-nav .itemList,
.el-drawer .gy-drawer-nav .serviceBody {
  display: block;
  position: static;
  width: 100%;
  box-shadow: none;
}
.el-drawer .gy-drawer-nav .listTitle,
.el-drawer .gy-drawer-nav .listItem {
  display: block;
  padding-left: 24px;
}
.el-drawer .gy-drawer-nav .listLink a {
  display: block;
  padding: 8px 0 8px 40px;
  color: #666;
}

/* 手机页脚块（footer.php 输出）：桌面隐藏，m.css 在 ≤960px 时显示 */
.footPhone {
  display: none;
}

/* ==========================================================================
   贵金属长尾词模块（文档侧栏热词 / 热门关键词看板 / 相关文章）
   ========================================================================== */

/* 文档页头部「热门搜索词」链接 */
.docPageHead .hotWord a,
.hotWord a {
  display: inline-block;
  margin: 0 10px 6px 0;
  color: #0170c1;
  font-size: 13px;
}
.docPageHead .hotWord a:hover,
.hotWord a:hover {
  color: #015b9e;
  text-decoration: underline;
}

/* 文档侧栏长尾词 */
.gy-side-kw {
  padding: 4px 0;
}
.gy-side-kw a {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 3px 9px;
  font-size: 12px;
  color: #5b6470;
  background: #f4f6f9;
  border-radius: 3px;
  transition: all .2s;
}
.gy-side-kw a:hover {
  color: #fff;
  background: #0170c1;
}

/* 热门关键词看板（404 / 分类页 / 文章底部） */
.gy-kw-board {
  margin: 40px 0 10px;
  padding: 24px 26px;
  background: #fff;
  border: 1px solid #eaeef3;
  border-radius: 6px;
}
.gy-kw-group {
  padding: 12px 0;
  border-bottom: 1px dashed #eef1f5;
}
.gy-kw-group:last-child {
  border-bottom: none;
}
.gy-kw-title {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 600;
  color: #1f2d3d;
}
.gy-kw-title::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 14px;
  margin-right: 8px;
  vertical-align: -2px;
  background: #ed4454;
}
.gy-kw-list {
  margin: 0;
  line-height: 2.2;
}
.gy-kw-list a {
  display: inline-block;
  margin: 0 14px 6px 0;
  font-size: 13px;
  color: #5b6470;
}
.gy-kw-list a:hover {
  color: #0170c1;
  text-decoration: underline;
}

/* 相关文章列表 */
.gy-related {
  margin: 36px 0 10px;
  padding: 24px 26px;
  background: #fff;
  border: 1px solid #eaeef3;
  border-radius: 6px;
}
.gy-related-title {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 600;
  color: #1f2d3d;
}
.gy-related ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.gy-related li {
  padding: 8px 0;
  border-bottom: 1px dashed #eef1f5;
  font-size: 14px;
}
.gy-related li:last-child {
  border-bottom: none;
}
.gy-related li a {
  color: #4a5568;
}
.gy-related li a:hover {
  color: #0170c1;
}
.gy-related .gy-related-date {
  float: right;
  color: #a0a8b3;
  font-size: 12px;
}

/* ==========================================================================
   主题主色调：主色 #0170c1 / 强调色 #ed4454
   —— 全局变量层，后续换色只改这里即可全站生效
   ========================================================================== */
:root {
  /* 主色（导航 / 链接 / 常规按钮 / 图标 / 评分星） */
  --gy-primary: #0170c1;
  --gy-primary-hover: #3391d6;
  --gy-primary-active: #015b9e;
  --gy-primary-light: #8dbfe8;
  --gy-primary-bg: #e8f3fc;

  /* 强调色（转化按钮 / 价格 / 活动 / 关键词高亮 / 分区标题） */
  --gy-accent: #ed4454;
  --gy-accent-hover: #f1667a;
  --gy-accent-active: #d93a48;
  --gy-accent-light: #fbdbdf;
  --gy-accent-bg: #fdeef0;
}

/* ---------- 主色落点 ---------- */

/* 正文与链接 */
.gy-kw-list a:hover,
.gy-related li a:hover,
.docPageHead .hotWord a:hover,
.hotWord a:hover {
  color: var(--gy-primary-hover);
}

/* 侧栏长尾词标签：常态中性，hover 走主色 */
.gy-side-kw a:hover {
  color: #fff;
  background: var(--gy-primary);
}

/* WordPress 分页：当前页与 hover 用主色 */
.gy-pagination .current,
.gy-pagination a:hover,
.page-numbers.current,
.page-numbers:hover {
  background: var(--gy-primary);
  border-color: var(--gy-primary);
  color: #fff;
}

/* 评论提交按钮 */
#submit,
.submit,
.comment-reply-link,
.form-submit input[type="submit"] {
  background: var(--gy-primary);
  border-color: var(--gy-primary);
  color: #fff;
  transition: all .25s;
}
#submit:hover,
.submit:hover,
.comment-reply-link:hover,
.form-submit input[type="submit"]:hover {
  background: var(--gy-primary-hover);
  border-color: var(--gy-primary-hover);
}

/* ---------- 强调色落点 ---------- */

/* 分区标题竖条（长尾词看板 / 相关阅读） */
.gy-related-title::before,
.article_tags_title::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 14px;
  margin-right: 8px;
  vertical-align: -2px;
  background: var(--gy-accent);
}

/* 搜索命中关键词高亮 */
mark,
.search-highlight,
.gy-search-hit {
  padding: 0 2px;
  color: #fff;
  background: var(--gy-accent);
  border-radius: 2px;
}

/* 站内提示条 */
.gy-notice-accent {
  padding: 10px 14px;
  color: var(--gy-accent-active);
  background: var(--gy-accent-bg);
  border-left: 3px solid var(--gy-accent);
  border-radius: 3px;
}

/* 文章内转化型按钮（开户 / 注册 / 领取） */
.gy-cta,
a.gy-cta {
  display: inline-block;
  padding: 10px 28px;
  color: #fff !important;
  font-size: 15px;
  background: var(--gy-accent);
  border-radius: 4px;
  transition: all .25s;
}
.gy-cta:hover,
a.gy-cta:hover {
  background: var(--gy-accent-active);
  text-decoration: none;
}