/* ============================================================
   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;
}

/* ---------- 页脚通长：背景移到外层 footer（width:100% 铺满整行），内层 .footer.box 仅作 1200px 居中容器 ---------- */
footer {
  background: #1f1f24;
  color: #9aa0ab;
  width: 100%;
  padding: 30px 0;
  position: relative;
  overflow: hidden;
  text-align: center;
}
footer:before {
  content: "";
  background: linear-gradient(to left, #1487f4, #5ac8fa, #007aff, #5ac8fa);
  height: 10px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.footer.box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  background: transparent;
}
.wxbox { overflow: hidden; float: left; margin-right: 20px; }
.wxbox ul { margin: 0; padding: 0; list-style: none; }
.wxbox li { float: left; margin: 0 10px; text-align: center; }
.wxbox img { height: 100px; width: auto; display: block; }
.wxbox li span { display: block; margin-top: 6px; font-size: 13px; color: #c2c6cd; }
.endnav { overflow: hidden; }
.endnav p { margin: 0 0 5px; font-size: 13px; line-height: 1.9; color: #9aa0ab; }
.endnav a { color: #8ea3bd; }
.endnav a:hover { text-decoration: underline; }
.toolbar a, .endmenu a { color: inherit; }
.icon-top { display: none; }
@media screen and (max-width: 767px) {
  .wxbox { width: 100%; float: none; text-align: center; margin-right: 0; margin-bottom: 20px; }
  .wxbox li { float: none; display: inline-block; }
  .endnav { text-align: center; padding: 0 20px; clear: both; }
  .endnav p { margin-bottom: 20px; }
}

/* 问答页返回顶部（独立实现，避免引入主站 toolbar 套装导致变形） */
.ask-backtop{
  position:fixed; right:24px; bottom:32px; z-index:999;
  width:44px; height:44px; border-radius:50%;
  background:var(--brand); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; text-decoration:none; line-height:1;
  box-shadow:0 6px 16px rgba(46,139,255,.35);
}
.ask-backtop:hover{ background:#1f7ae0; }