/* ============================================================
   ask-beautify.css — 问答中心美化（与主站 site-beautify.css 同风格）
   加载于 ask.css 之后，纯覆盖，不改原 ask.css
   ============================================================ */
:root {
  --brand:  #2E8BFF;
  --warm:   #FF9F6E;
  --bg:     #FAFBFF;
  --radius: 16px;
  --shadow: 0 8px 24px rgba(46,139,255,.12);
}

body, body.askpn {
  background: var(--bg) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* ---------- 顶部导航条 ---------- */
.ey-nav001 .ey-head {
  background: #fff;
  box-shadow: var(--shadow);
}
.ey-nav001 .logo ul li { color: #223; font-weight: bold; }
.ey-nav001 .breadcrumb > li > a {
  color: #556;
  border-radius: 999px;
  padding: 4px 12px;
  transition: color .2s, background .2s;
}
.ey-nav001 .breadcrumb > li > a:hover {
  color: var(--brand);
  background: rgba(46,139,255,.08);
}

/* ---------- 主体卡片 ---------- */
.mian-body .aside-left {
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 20px;
  margin-bottom: 20px;
}
.aside-right > div {
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px;
  margin-bottom: 16px;
}

/* ---------- 列表页 tab 切换（最新/精华/新回复/悬赏） ---------- */
.article-nav { border-bottom: 1px solid #eef1f8; padding-bottom: 12px; }
.article-nav span {
  display: inline-block;
  border-radius: 999px;
  padding: 6px 16px;
  margin-right: 6px;
  cursor: pointer;
  color: #556;
  transition: color .2s, background .2s;
}
.article-nav span.act {
  background: var(--brand);
  color: #fff;
}
.article-nav span:not(.act):hover {
  color: var(--brand);
  background: rgba(46,139,255,.08);
}
.article-nav button {
  border: 1px solid var(--brand);
  color: var(--brand);
  background: #fff;
  border-radius: 999px;
  padding: 6px 16px;
  cursor: pointer;
  transition: all .2s;
}
.article-nav button:hover { background: var(--brand); color: #fff; }

/* ---------- 问题列表行 ---------- */
.article-list-item {
  border-bottom: 1px solid #eef1f8;
  border-radius: 12px;
  padding: 16px 10px;
  transition: background .2s;
}
.article-list-item:hover { background: #f6f9ff; }
.article-list-item .went-head-text {
  font-size: 16px;
  font-weight: bold;
  color: #223;
  transition: color .2s;
}
.article-list-item .went-head:hover .went-head-text { color: var(--brand); }
.article-list-item .jxuan {
  background: var(--warm);
  color: #fff;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
}
.article-list-item .jinghua {
  background: var(--brand);
  color: #fff;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
}
.article-list-item .list-avter img { border-radius: 50%; }
.article-list-item .list-text,
.article-list-item .more-info { color: #9aa7c7; font-size: 13px; }

/* ---------- 我要提问 / 写回答按钮 ---------- */
.people-btn button.act {
  background: linear-gradient(90deg, var(--brand), #5aa8ff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px;
  padding: 10px 24px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(46,139,255,.3);
  transition: box-shadow .2s;
}
.people-btn button.act:hover { box-shadow: 0 8px 20px rgba(46,139,255,.4); }

/* ---------- 详情页：问题区 ---------- */
.wenda { border-bottom: 1px solid #eef1f8; padding-bottom: 14px; }
.wenda .wt-head { font-size: 22px; line-height: 1.5; color: #1a2333; }
.wenda .wt-desc { font-size: 15px; line-height: 1.9; color: #333; }
.wenda .wt-desc img { max-width: 100%; border-radius: 12px; }
.wenda .wt-opt { color: #9aa7c7; font-size: 13px; }

/* ---------- 详情页：回答区卡片 ---------- */
.wenti-huifu {
  background: #fbfcff;
  border-radius: var(--radius);
  padding: 16px;
  margin-top: 16px;
}
.wenti-huifu .huifu-head strong {
  position: relative;
  padding-left: 14px;
  font-size: 17px;
}
.wenti-huifu .huifu-head strong::before {
  content: "";
  position: absolute; left: 0; top: 50%;
  transform: translateY(-50%);
  width: 6px; height: 18px; border-radius: 3px;
  background: var(--brand);
}
.huifu-li {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 10px rgba(46,139,255,.06);
}
.huifu-li .huifu-content { font-size: 15px; line-height: 1.9; color: #333; }
.huifu-li .huifu-content img { max-width: 100%; border-radius: 12px; }
.huifu-li .huifu-time { color: #9aa7c7; font-size: 13px; }
.huifu-li .huifu-time a.a { color: var(--brand); }
.dianzan-bnt {
  border: 1px solid #e3e9f5;
  border-radius: 999px;
  padding: 4px 14px;
  color: #667;
  cursor: pointer;
  transition: all .2s;
}
.dianzan-bnt:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: rgba(46,139,255,.06);
}
.secend-li { border-radius: 10px; }
.secend-huifu-btn { color: var(--brand); }
.pl_text {
  border-radius: 10px !important;
  border-color: #e3e9f5 !important;
  transition: border-color .2s, box-shadow .2s;
}
.pl_text:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px rgba(46,139,255,.12);
  outline: none;
}
.editreplaybtn {
  background: var(--brand);
  color: #fff;
  border-radius: 999px;
  padding: 6px 18px;
}

/* ---------- 发表回答 / AI回答按钮 ---------- */
.edit-opt .editbutton {
  background: linear-gradient(90deg, var(--brand), #5aa8ff);
  color: #fff;
  border-radius: 999px;
  padding: 10px 28px;
  font-size: 15px;
  box-shadow: 0 6px 16px rgba(46,139,255,.3);
}
.edit-opt .ai-editbutton {
  border: 1px solid var(--brand);
  color: var(--brand);
  border-radius: 999px;
  padding: 9px 22px;
  background: #fff;
}

/* ---------- 提问页 ---------- */
.tiwen_box {
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 30px;
}
.tiwen_main .tit_input {
  border-radius: 10px !important;
  border: 1px solid #e3e9f5;
  padding: 10px 14px;
  transition: border-color .2s, box-shadow .2s;
}
.tiwen_main .tit_input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(46,139,255,.12);
  outline: none;
}
.sz_button {
  background: linear-gradient(90deg, var(--brand), #5aa8ff) !important;
  border: none;
  color: #fff;
  border-radius: 999px;
  padding: 10px 30px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(46,139,255,.3);
}

/* ---------- 分页（通用覆盖） ---------- */
.askpn .pagination > li > a,
.askpn .pagination > li > span,
.mian-body .page a,
.mian-body .page span {
  border-radius: 999px !important;
  margin: 0 3px;
}
.askpn .pagination > .active > a,
.askpn .pagination > .active > span {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}