/* ============================================================
   WaytoICT 方案一：轻量美化（只动 CSS，不改任何模板结构）
   作用方式：整包覆盖加载在子主题 style.css 之后
   回滚方式：删掉这个文件即可
   ============================================================ */

:root {
  --wto-brand: #1d63d8;        /* 品牌蓝 */
  --wto-brand-dark: #1450b4;
  --wto-brand-soft: #eef4ff;
  --wto-ink: #101828;          /* 标题深色 */
  --wto-body: #344054;         /* 正文 */
  --wto-muted: #667085;        /* 次要文字 */
  --wto-line: #e4e7ec;         /* 分隔线/边框 */
  --wto-surface: #f8fafc;      /* 浅灰面 */
  --wto-radius: 14px;
}

/* ---------- 0. 全局：字体与底色 ---------- */
html { -webkit-font-smoothing: antialiased; }
body {
  background: #f7f8fa;
  color: var(--wto-body);
  font-family: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.site-branding .site-title,
.swidgets-wrap h3 {
  font-family: inherit !important;
}

/* ---------- 1. 头部：紧凑化 ---------- */
.sheader {
  margin: 0 0 20px;
  background: #fff;
  border-bottom: 1px solid var(--wto-line);
}
#masthead .content-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 16px 0 10px;
}
.site-branding {
  text-align: left;
  margin: 0;
  width: auto !important;
  float: none !important;
  flex: 1 1 auto;
  min-width: 0;
}
#masthead .site-branding .site-title {
  font-family: inherit !important;
  font-size: 23px !important;
  line-height: 1.2 !important;
  font-weight: 800;
  letter-spacing: -0.3px;
}
#masthead .site-title a { color: var(--wto-ink); }
#masthead .site-title a:hover { color: var(--wto-brand); text-decoration: none; }
#masthead .site-branding .site-description {
  font-size: 12.5px !important;
  color: var(--wto-muted);
  margin-top: 2px;
  line-height: 1.3;
}
/* 登录/注册归位到右侧 */
.wev-header-auth {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.wev-header-auth .wev-ha-link {
  font-size: 13.5px;
  color: var(--wto-muted);
  text-decoration: none;
}
.wev-header-auth .wev-ha-link:hover { color: var(--wto-brand); }
.wev-header-auth .wev-ha-btn {
  display: inline-block;
  padding: 7px 16px;
  background: var(--wto-brand);
  color: #fff !important;
  font-size: 13.5px;
  font-weight: 600;
  border-radius: 9px;
  text-decoration: none;
  transition: background-color .15s ease;
}
.wev-header-auth .wev-ha-btn:hover { background: var(--wto-brand-dark); }

/* 导航：三个大卡片收成一行紧凑胶囊 */
#primary-site-navigation .content-wrap.text-center {
  text-align: left;
  padding-bottom: 10px;
}
#primary-site-navigation .center-main-menu { width: 100%; }
.wt-nav-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0;
}
.wt-nav-card {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent !important;
  transition: background-color .15s ease, color .15s ease;
}
.wt-nav-card .wt-nc-title {
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--wto-body);
  white-space: nowrap;
}
.wt-nav-card .wt-nc-desc,
.wt-nav-card .wt-nc-arrow { display: none; }
.wt-nav-card:hover,
.wt-nav-card.card-soft-blue:hover,
.wt-nav-card.card-soft-gray:hover,
.wt-nav-card.card-soft-amber:hover {
  background: var(--wto-brand-soft);
  border-color: transparent;
  text-decoration: none;
}
.wt-nav-card:hover .wt-nc-title { color: var(--wto-brand); }

/* 桌面端粘性头部 */
@media (min-width: 768px) {
  .sheader {
    position: sticky;
    top: 0;
    z-index: 998;
    box-shadow: 0 1px 0 rgba(16, 24, 40, .02), 0 6px 20px -16px rgba(16, 24, 40, .18);
  }
  .sheader + .wi-spec-bar { margin-top: 18px; }
}
/* 顶部残留的空菜单条（汉堡按钮已废弃） */
.super-menu { display: none !important; }

/* ---------- 2. 广告占位：两个大虚线框收成一条细横幅 ---------- */
.wadz-banner {
  max-width: 1180px !important;
  width: auto !important;
  margin: 0 auto 10px !important;
  padding: 0 !important;
  gap: 12px !important;
}
.wadz-banner .wadz-placeholder {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 9px 18px !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 12px !important;
  background: #fbfcfe !important;
}
.wadz-placeholder > span:nth-child(1) { display: none !important; }          /* 📢 */
.wadz-placeholder > span:nth-child(2) {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  color: var(--wto-body) !important;
  white-space: nowrap;
}
.wadz-placeholder > span:nth-child(3) { display: none !important; }          /* 尺寸建议 */
.wadz-placeholder > span:nth-child(4) {
  font-size: 12px !important;
  margin: 0 !important;
  color: var(--wto-muted) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ---------- 3. 文章卡片 ---------- */
article.fbox,
.page-header.fbox,
section.fbox.no-results {
  border: 1px solid var(--wto-line) !important;
  border-radius: var(--wto-radius) !important;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 28px -18px rgba(16, 24, 40, .12);
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
article.fbox { padding: 24px 28px !important; }
.page-header.fbox { padding: 20px 24px !important; }
article.fbox:hover {
  transform: translateY(-2px);
  border-color: #d5dded !important;
  box-shadow: 0 2px 4px rgba(16, 24, 40, .05), 0 16px 36px -18px rgba(29, 99, 216, .25);
}
.featured-thumbnail { margin-bottom: 16px; }
.featured-thumbnail img,
.featured-thumbnail a {
  border-radius: 10px;
  overflow: hidden;
}
.featured-thumbnail img { display: block; }

/* 列表标题：去掉衬线居中，改左对齐无衬线 */
h1.entry-title, h2.entry-title,
h2.entry-title a, h2.entry-title a:hover, h2.entry-title a:active {
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
  text-align: left !important;
  letter-spacing: -0.2px;
  color: var(--wto-ink) !important;
}
h2.entry-title a { text-decoration: none; }
h2.entry-title a:hover { color: var(--wto-brand) !important; }

/* 日期行：改为正常文档流，置于标题下方 */
.blog-data-wrapper {
  position: relative !important;
  min-height: 0 !important;
  text-align: left !important;
  margin-bottom: 0 !important;
}
.post-data-positioning { position: static !important; }
.post-data-divider { display: none !important; }
article .entry-meta {
  width: auto !important;
  padding: 0 !important;
  display: block;
  text-align: left;
}
.post-data-text {
  background: transparent !important;
  padding: 0 !important;
  margin: 6px 0 0 !important;
  font-size: 13px !important;
  color: var(--wto-muted);
  text-align: left !important;
  display: inline-block !important;
}
.posted-on { font-size: 0; }
.posted-on a, .posted-on time { font-size: 13px !important; color: var(--wto-muted); }
.posted-on a { text-decoration: none; }
.posted-on a:hover { color: var(--wto-brand); }

/* 摘要与按钮 */
article .entry-content {
  font-family: inherit !important;
  color: var(--wto-muted) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-top: 10px;
}
article .entry-content p { color: var(--wto-muted); }
.entry-content .text-center { text-align: left !important; }
.blogpost-button {
  font-size: 0 !important;               /* 隐藏英文 Read more */
  padding: 9px 20px !important;
  background: var(--wto-brand) !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
  transition: background-color .15s ease;
}
.blogpost-button::after {
  content: "阅读全文 →";
  font-size: 13.5px;
  font-family: inherit;
}
.blogpost-button:hover { background: var(--wto-brand-dark) !important; text-decoration: none; }

/* ---------- 4. 侧边栏组件统一 ---------- */
.swidgets-wrap {
  border: 1px solid var(--wto-line) !important;
  border-radius: var(--wto-radius) !important;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
  padding: 20px 22px !important;
  text-align: left;
}
.swidgets-wrap .swidget { padding: 0; }
.swidgets-wrap .sidebar-title-border {
  margin-top: 0 !important;
  width: auto !important;
  text-align: left !important;
}
.swidgets-wrap h3.widget-title,
.swidgets-wrap h3 {
  background: transparent !important;
  display: block !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--wto-ink) !important;
  margin: 0 0 12px !important;
  letter-spacing: .2px;
  line-height: 1.4 !important;
}
/* 订阅框 */
.wsub-box .wsub-email {
  border: 1px solid var(--wto-line) !important;
  border-radius: 9px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  background: var(--wto-surface);
}
.wsub-box .wsub-email:focus { outline: none; border-color: var(--wto-brand) !important; background: #fff; }
.wsub-box .wsub-btn {
  background: var(--wto-brand) !important;
  border-radius: 9px !important;
  padding: 10px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
.wsub-box .wsub-btn:hover { background: var(--wto-brand-dark) !important; }

/* 搜索框：圆角 + 内嵌放大镜 + 品牌色按钮 */
.featured-sidebar .search-form { position: relative; display: block; }
.featured-sidebar .search-field {
  width: 100% !important;
  height: 42px !important;
  line-height: 42px !important;
  border: 1px solid var(--wto-line) !important;
  border-radius: 10px !important;
  background-color: var(--wto-surface) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='6.5' cy='6.5' r='4.5'/%3E%3Cpath d='M10.2 10.2 14 14'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  padding: 0 46px 0 34px !important;
  font-size: 14px !important;
  color: var(--wto-ink) !important;
  box-sizing: border-box;
}
.featured-sidebar .search-field:focus {
  outline: none !important;
  border-color: var(--wto-brand) !important;
  background-color: #fff !important;
}
.featured-sidebar .search-submit {
  position: absolute !important;
  right: 5px !important;
  top: 5px !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 8px !important;
  background: var(--wto-brand) !important;
  font-size: 0 !important;
  cursor: pointer;
  transition: background-color .15s ease;
}
.featured-sidebar .search-submit:hover { background: var(--wto-brand-dark) !important; }
.featured-sidebar .search-submit::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  margin: auto;
  width: 13px; height: 13px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M1 6.5h11M8 3l3.5 3.5L8 10'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- 5. 归档页头：去掉双线框，改左对齐 ---------- */
.archive .page-header h1,
.search-results h1.page-title {
  font-family: inherit !important;
  text-align: left !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--wto-ink) !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.2px;
}
.archive header.fbox.page-header { padding: 18px 24px !important; }
.archive .page-header { margin-bottom: 6px !important; }
.archive .taxonomy-description,
.archive .archive-description {
  color: var(--wto-muted);
  font-size: 14px;
  margin: 6px 0 0;
}

/* ---------- 6. 单篇文章页微调（保持既有排版，只统一色与标题字） ---------- */
.single .entry-title {
  font-family: inherit !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px;
}
.single .entry-content a { color: var(--wto-brand); }
.single .entry-content a:hover { color: var(--wto-brand-dark); }

/* ---------- 6. 规格查询条与页脚 ---------- */
.wi-spec-bar {
  border-radius: var(--wto-radius) !important;
  border-color: var(--wto-line) !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
.wi-badge { background: var(--wto-brand) !important; }
.wi-spec-more a { color: var(--wto-brand) !important; }

#colophon, .site-footer { background: #0b1220 !important; }
.site-info {
  color: rgba(255, 255, 255, .62) !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  float: none !important;
  width: 100% !important;
  text-align: center !important;
  padding: 18px !important;
}
.site-info a { color: rgba(255, 255, 255, .62) !important; }
.site-info a:hover { color: #fff !important; border-bottom: none; }

/* ---------- 8. 补充细节（v1.1）：评论框、正文表格、分类链接 ---------- */
#comments.comments-area {
  border: 1px solid var(--wto-line) !important;
  border-radius: var(--wto-radius) !important;
  background: #fff;
  padding: 20px 24px !important;
}
#comments.comments-area #respond { border: none; padding: 0; }
#respond {
  background: #fff;
  border: 1px solid var(--wto-line);
  border-radius: var(--wto-radius);
  padding: 22px 26px;
}
#respond .comment-reply-title,
#respond p { color: var(--wto-body); }
.single .entry-content table {
  border-collapse: collapse;
  width: 100%;
  font-size: 15px;
}
.single .entry-content th,
.single .entry-content td {
  border: 1px solid var(--wto-line);
  padding: 8px 12px;
  text-align: left;
}
.single .entry-content th { background: var(--wto-surface); font-weight: 600; }
.single .entry-footer a,
.single .cat-links a {
  color: var(--wto-brand);
  text-decoration: none;
}
.single .entry-footer a:hover,
.single .cat-links a:hover { color: var(--wto-brand-dark); text-decoration: underline; }

/* ---------- 7. 移动端 ---------- */
@media (max-width: 767px) {
  #masthead .content-wrap { padding: 12px 0 8px; gap: 10px; }
  #masthead .site-branding .site-title { font-size: 20px !important; }
  #masthead .site-branding .site-description { display: none; }
  .wev-header-auth .wev-ha-btn { padding: 6px 13px; font-size: 13px; }
  .wt-nav-cards {
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    gap: 4px;
    margin: 0;
  }
  .wt-nav-card { padding: 6px 13px; justify-content: flex-start !important; }
  .wt-nav-card .wt-nc-title { font-size: 13.5px; }
  article.fbox { padding: 18px 16px !important; }
  .swidgets-wrap { padding: 16px 16px !important; }
  .wadz-banner { gap: 8px !important; }
  .wadz-banner .wadz-banner-slot { min-width: 0 !important; }
  .wadz-placeholder > span:nth-child(4) { display: none !important; }
}