/* ============================================================
   xuebahelp.com 现代化覆盖层  2026-07-12
   在所有旧样式之后加载，负责全站视觉翻新；不改任何 JS 行为。
   设计 token：
     品牌绿   #0d8a6a (hover #0a6b53)   浅绿底 #ecfdf5
     墨色     #16202b   次级 #5b6b7b   边框 #e3e8ee
     CTA 橙   #f0862c (hover #d9741f)
     页面底   #f7f9fb
   ============================================================ */

/* ---------- 基础 ---------- */
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif !important;
  font-size: 16px;
  color: #16202b;
  background: #fff;
  line-height: 1.75;
}
a { color: #0d8a6a; transition: color .15s; }
a:hover, a:focus { color: #0a6b53; text-decoration: none; }
h1, h2, h3, h4 { color: #16202b; font-weight: 700; }
::selection { background: #b8ead9; }

/* ---------- 顶部导航 ---------- */
.header {
  background: #fff !important;
  border-bottom: 1px solid #e3e8ee;
  box-shadow: 0 1px 8px rgba(22,32,43,.05);
  padding: 0 !important;
}
.header .container { position: relative; }
.header .logo { padding: 12px 0; }
.header .logo img { height: 46px; width: auto; }
.banner-top { float: right; }
ul.banner-nav > li > a {
  color: #3d4b5c !important;
  font-size: 15px;
  font-weight: 600;
  background: none !important;
  padding: 26px 14px !important;
  display: block;
}
ul.banner-nav > li > a:hover,
ul.banner-nav > li > a.active { color: #0d8a6a !important; }
ul.banner-nav li.dropdown1 ul.dropdown2 {
  background: #fff !important;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(22,32,43,.12);
  padding: 6px 0;
  min-width: 160px;
}
ul.banner-nav li.dropdown1 ul.dropdown2 li a {
  color: #3d4b5c !important;
  background: none !important;
  padding: 8px 18px !important;
  font-size: 14px;
  display: block;
}
ul.banner-nav li.dropdown1 ul.dropdown2 li a:hover { background: #ecfdf5 !important; color: #0d8a6a !important; }
.headBtns { text-align: right; padding-top: 14px; }
.headBtns a {
  color: #5b6b7b !important;
  background: none !important;
  border: none !important;
  font-size: 13px;
  margin-left: 14px;
  display: inline-block;
}
.headBtns a:hover { color: #0d8a6a !important; }
.headBtns a.order {
  background: #f0862c !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  padding: 9px 22px;
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(240,134,44,.35);
}
.headBtns a.order:hover { background: #d9741f !important; }
span.menu { display: none; color: #16202b; font-size: 22px; padding: 18px 0; cursor: pointer; }

/* ---------- 主页 hero ---------- */
.hero {
  background: linear-gradient(160deg, #eafaf3 0%, #f2fbf7 45%, #fff 100%);
  border-bottom: 1px solid #e3e8ee;
  padding: 64px 0 56px;
}
.hero .wrap { max-width: 1140px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 48px; }
.hero-copy { flex: 1.2; }
.hero-copy .eyebrow {
  display: inline-block; background: #d9f3e8; color: #0a6b53;
  font-size: 13px; font-weight: 700; letter-spacing: .05em;
  padding: 4px 14px; border-radius: 999px; margin-bottom: 18px;
}
.hero-copy h1 { font-size: 40px; line-height: 1.28; margin: 0 0 16px; }
.hero-copy h1 em { font-style: normal; color: #0d8a6a; }
.hero-copy .sub { font-size: 17px; color: #5b6b7b; margin-bottom: 22px; max-width: 520px; }
.hero-points { list-style: none; padding: 0; margin: 0 0 30px; }
.hero-points li { display: inline-block; margin: 0 18px 8px 0; color: #3d4b5c; font-size: 15px; font-weight: 600; }
.hero-points li:before { content: "✓"; color: #0d8a6a; font-weight: 900; margin-right: 6px; }
.btn-hero, .btn-hero-ghost {
  display: inline-block; font-size: 17px; font-weight: 700;
  padding: 13px 32px; border-radius: 12px; margin: 0 12px 10px 0;
}
.btn-hero { background: #f0862c; color: #fff !important; box-shadow: 0 4px 14px rgba(240,134,44,.35); }
.btn-hero:hover { background: #d9741f; text-decoration: none; }
.btn-hero-ghost { background: #fff; color: #0d8a6a !important; border: 2px solid #0d8a6a; }
.btn-hero-ghost:hover { background: #ecfdf5; text-decoration: none; }
.hero-steps { flex: 1; min-width: 300px; }
.hero-steps .step {
  background: #fff; border: 1px solid #e3e8ee; border-radius: 14px;
  padding: 16px 20px; margin-bottom: 14px; display: flex; gap: 16px; align-items: flex-start;
  box-shadow: 0 4px 16px rgba(22,32,43,.06);
}
.hero-steps .num {
  flex: none; width: 34px; height: 34px; border-radius: 50%;
  background: #0d8a6a; color: #fff; font-weight: 800; font-size: 16px;
  text-align: center; line-height: 34px; margin-top: 2px;
}
.hero-steps b { display: block; font-size: 15.5px; }
.hero-steps p { margin: 2px 0 0; color: #5b6b7b; font-size: 13.5px; line-height: 1.6; }

/* ---------- 主页 通用 section ---------- */
.plans { background: #f7f9fb !important; padding: 56px 0 40px; }
.plans h1.heading, .sec-title {
  color: #16202b !important; font-size: 30px; text-align: center;
  margin: 0 0 8px; padding: 0; background: none !important; text-decoration: none !important;
}
.sec-sub { text-align: center; color: #5b6b7b; margin: 0 0 36px; font-size: 15.5px; }

/* 价格卡片（沿用 .pricing 结构） */
.mb3e { margin-bottom: 24px; }
.pricing {
  background: #fff !important; border: 1px solid #e3e8ee !important; border-radius: 16px;
  overflow: hidden; box-shadow: 0 3px 12px rgba(22,32,43,.05);
  transition: transform .18s, box-shadow .18s;
}
.pricing:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(22,32,43,.12); }
.pricing .pricing_top {
  background: #ecfdf5 !important; border-bottom: 1px solid #e3e8ee; padding: 18px 10px 14px !important;
}
.pricing .pricing_top p {
  color: #0a6b53 !important; font-size: 22px !important; font-weight: 800; margin: 0;
  text-shadow: none !important;
}
.pricing .pricing_middle { padding: 16px 14px !important; background: #fff !important; }
.pricing .pricing_middle ul { margin: 0; padding: 0; }
.pricing .pricing_middle li { color: #5b6b7b !important; font-size: 13.5px; list-style: none; }
.pricing .pricing_middle li + li { color: #16202b !important; font-size: 17px; font-weight: 700; margin-top: 6px; }
.pricing .pricing_bottom { background: #fff !important; padding: 0 14px 18px !important; }
.pricing .pricing_bottom a {
  display: block; background: #0d8a6a !important; color: #fff !important;
  font-size: 15px; font-weight: 700; padding: 10px 0 !important; border-radius: 10px;
  text-shadow: none !important;
}
.pricing .pricing_bottom a:hover { background: #0a6b53 !important; }

/* 客服联系条 */
#testimonialWrapper { background: #fff !important; padding: 46px 0 30px; height: auto !important; }
#testimonialWrapper a { color: #3d4b5c !important; font-size: 14.5px; display: block; padding: 12px 0; }
#testimonialWrapper a:hover { color: #0d8a6a !important; }
#testimonialWrapper .fa { color: #0d8a6a !important; margin-bottom: 10px; }

/* 优势区（改为浅色） */
.service-section {
  background: #f7f9fb !important; padding: 56px 0;
  background-image: none !important;
}
.service-section-head h3 { color: #16202b !important; font-size: 30px; margin-bottom: 8px; }
.service-section-head p { color: #5b6b7b !important; font-size: 15.5px; }
.service-section-grid {
  background: #fff !important; border: 1px solid #e3e8ee; border-radius: 16px;
  padding: 30px 24px !important; min-height: 210px;
  box-shadow: 0 3px 12px rgba(22,32,43,.05);
}
.service-section-grid h4 { color: #0d8a6a !important; font-size: 19px; margin-bottom: 14px; }
.service-section-grid p { color: #3d4b5c !important; font-size: 15px; line-height: 2; }
.service-section-grid strong { color: #16202b; }
.service-grid { margin-bottom: 20px; }

/* 范文/资讯三卡（新版 .home-cats 结构） */
.home-cats { background: #fff; padding: 56px 0 40px; }
.home-cats .cat-card {
  background: #fff; border: 1px solid #e3e8ee; border-radius: 16px;
  padding: 26px 26px 20px; margin-bottom: 24px;
  box-shadow: 0 3px 12px rgba(22,32,43,.05);
  transition: transform .18s, box-shadow .18s;
}
.home-cats .cat-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(22,32,43,.12); }
.home-cats .cat-card h4 { font-size: 19px; margin: 0 0 6px; }
.home-cats .cat-card h4 a { color: #16202b; }
.home-cats .cat-card h4 a:hover { color: #0d8a6a; }
.home-cats .cat-card .cat-desc { color: #5b6b7b; font-size: 13.5px; margin-bottom: 14px; }
.home-cats .cat-card ul { list-style: none; margin: 0 0 12px; padding: 0; }
.home-cats .cat-card ul li { padding: 5px 0 5px 16px; position: relative; font-size: 14.5px; }
.home-cats .cat-card ul li:before { content: "›"; position: absolute; left: 2px; color: #0d8a6a; font-weight: 700; }
.home-cats .cat-card ul li a { color: #3d4b5c; }
.home-cats .cat-card ul li a:hover { color: #0d8a6a; }
.home-cats .cat-more { font-size: 14px; font-weight: 700; }

/* 品牌口号条 */
.services-bottom {
  background: #0d8a6a !important; padding: 34px 15px !important;
}
.services-bottom p { color: #fff !important; font-size: 20px !important; margin: 0; font-weight: 700; }

/* ---------- 信息页通用（价格/FAQ/关于等） ---------- */
.page-head { padding: 40px 0 6px; }
.page-head h1 { font-size: 30px; margin: 0 0 6px; }
.page-head p { color: #5b6b7b; font-size: 15.5px; margin: 0; }

/* 表格（价格页） */
.table-bordered { border: 1px solid #e3e8ee !important; border-radius: 12px; }
.table-bordered > thead > tr > th {
  background: #ecfdf5 !important; color: #0a6b53 !important;
  border: 1px solid #e3e8ee !important; font-size: 15px; padding: 12px 10px !important;
}
.table-bordered > thead > tr > th h4 { color: #16202b !important; font-size: 20px; margin: 4px 0; }
.table-bordered > tbody > tr > td {
  border: 1px solid #eef1f5 !important; vertical-align: middle !important;
  padding: 12px 10px !important; font-size: 15px; color: #3d4b5c;
}
.table-hover > tbody > tr:hover { background: #f7fdfb !important; }
.price-title { margin-top: 30px; }
.price-title .btn, .price-title button {
  background: #0d8a6a !important; color: #fff !important; border: none !important;
  border-radius: 8px; font-weight: 700; padding: 6px 16px;
}
.price-title .btn:hover, .price-title button:hover { background: #0a6b53 !important; }

/* ---------- FAQ ---------- */
.faqtopbg { display: none !important; }
.container > div[style*="ade5ec"] { background: transparent !important; }
li.question, li.answer { list-style: none; }
li.question {
  margin: 26px 0 0 !important; padding: 0 !important; background: none !important; height: auto !important;
}
li.question .qavator, li.question .qleft, li.answer .aright, li.answer .aavator { display: none !important; }
li.question .qtext {
  background: none !important; border: none !important;
  color: #16202b !important; font-size: 19px !important; font-weight: 700;
  padding: 0 !important; margin: 0 !important; width: auto !important; max-width: none !important;
  float: none !important; height: auto !important; line-height: 1.6 !important;
}
li.question .qtext:before { content: "Q · "; color: #0d8a6a; font-weight: 800; }
li.answer { margin: 10px 0 4px !important; padding: 0 !important; background: none !important; height: auto !important; }
li.answer .atext {
  background: #f7f9fb !important; border: 1px solid #e3e8ee !important; border-radius: 12px;
  color: #3d4b5c !important; font-size: 15.5px !important; line-height: 1.9 !important;
  padding: 18px 22px !important; margin: 0 !important; width: auto !important; max-width: none !important;
  float: none !important; height: auto !important;
}
li.answer .atext ol { margin: 0 0 0 18px; padding: 0; }
li.answer .atext ol li { margin: 4px 0; list-style: decimal; }

/* ---------- 信息列表页（范文分类等） ---------- */
.info .info-top { display: none !important; }
.info .info-body {
  background: #fff !important; border: 1px solid #e3e8ee; border-radius: 16px;
  padding: 30px 34px !important; margin: 30px 0 50px;
  box-shadow: 0 3px 12px rgba(22,32,43,.05);
}
.info .info-body h1 { font-size: 26px; margin: 0 0 18px; text-align: left; }
.info .info-body li.dotted {
  border-bottom: 1px dashed #e3e8ee !important; background: none !important;
  padding: 10px 2px !important;
}
.info .info-body li.dotted a { color: #3d4b5c; font-size: 15.5px; }
.info .info-body li.dotted a:hover { color: #0d8a6a; }

/* ---------- 表单/按钮 全站 ---------- */
.form-control {
  border: 1.5px solid #d7dee6 !important; border-radius: 10px !important;
  box-shadow: none !important; font-size: 15px; color: #16202b;
  min-height: 42px; transition: border-color .15s;
}
.form-control:focus { border-color: #0d8a6a !important; box-shadow: 0 0 0 3px rgba(13,138,106,.12) !important; }
label, .control-label { color: #3d4b5c !important; font-weight: 600; }
.btn-primary, .btn-default, #button-cart {
  border-radius: 10px !important; font-weight: 700 !important; border: none !important;
  transition: background .15s;
}
.btn-primary, #button-cart {
  background: #0d8a6a !important; color: #fff !important;
  background-image: none !important; text-shadow: none !important;
}
.btn-primary:hover, #button-cart:hover { background: #0a6b53 !important; }
#button-cart { font-size: 17px !important; padding: 12px 40px !important; }
.btn-default {
  background: #eef1f5 !important; color: #3d4b5c !important;
  background-image: none !important; text-shadow: none !important;
}
.btn-default:hover { background: #e3e8ee !important; }
.text-danger { color: #d64545 !important; }
.alert { border-radius: 10px; }
legend { color: #16202b !important; font-size: 19px !important; font-weight: 700; border-bottom: 1px solid #e3e8ee !important; padding-bottom: 8px; }

/* ---------- 新版页脚 ---------- */
footer {
  background: #16202b !important; color: #9aa8b6 !important;
  background-image: none !important; padding: 46px 0 0 !important; margin-top: 0 !important;
}
footer .title { color: #fff !important; font-size: 15.5px; font-weight: 700; margin-bottom: 12px; display: block; }
footer p, footer li { color: #9aa8b6 !important; font-size: 13.5px !important; }
footer a { color: #9aa8b6 !important; }
footer a:hover { color: #fff !important; }
footer ul.footerMenu li, footer ul.footerAddress li { padding: 3px 0; background: none !important; list-style: none; }
footer hr { border-color: #2a3644; opacity: .3; }
footer .pay-icons img { height: 26px; margin-right: 8px; opacity: .9; }
.copyrights { background: #0e1620 !important; margin-top: 26px; padding: 18px 0; }
.copyrights p { color: #6c7a88 !important; font-size: 12.5px !important; margin: 4px 0; }

/* ---------- 面包屑 ---------- */
.breadcrumb { background: none !important; padding: 18px 0 0; margin: 0; font-size: 13px; }
.breadcrumb a { color: #5b6b7b; }

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
  .hero .wrap { flex-direction: column; gap: 30px; }
  .hero-copy h1 { font-size: 32px; }
  ul.banner-nav > li > a { padding: 18px 10px !important; }
}
@media (max-width: 767px) {
  .header .logo { float: left; padding: 10px 0; }
  .header .logo img { height: 38px; }
  span.menu { display: block; float: right; margin-right: 4px; }
  .banner-top { float: none; clear: both; }
  .banner-top ul.nav { display: none; background: #fff; border-top: 1px solid #e3e8ee; }
  .banner-top ul.nav li { float: none !important; display: block; border-bottom: 1px solid #eef1f5; }
  ul.banner-nav > li > a { padding: 13px 8px !important; }
  ul.banner-nav li.dropdown1 ul.dropdown2 { position: static !important; display: block !important; box-shadow: none; border: none; padding-left: 14px; }
  .headBtns { float: right; padding-top: 12px; margin-right: 10px; }
  .headBtns a span { display: none; }
  .headBtns a.order span { display: inline; }
  .headBtns a.order { padding: 7px 14px; font-size: 13.5px; }
  .hero { padding: 40px 0 34px; }
  .hero-copy h1 { font-size: 27px; }
  .hero-copy .sub { font-size: 15px; }
  .btn-hero, .btn-hero-ghost { display: block; text-align: center; margin-right: 0; }
  .plans h1.heading, .sec-title, .service-section-head h3 { font-size: 24px; }
  .col-xs-2.control-label, .col-xs-10 { width: 100%; float: none; text-align: left !important; }
  .table-responsive { border: none !important; }
  footer .col-md-6, footer .col-md-2 { width: 100%; }
}

/* ---------- 品牌区 ---------- */
.header .logo a { display: inline-flex; align-items: center; }
.header .logo img { height: 42px; width: auto; }
.brand-text { font-size: 21px; font-weight: 800; color: #16202b; margin-left: 10px; letter-spacing: .02em; }
@media (max-width: 767px) { .brand-text { font-size: 17px; margin-left: 7px; } .header .logo img { height: 34px; } }

/* ---------- 价格页去旧横幅 ---------- */
.price-title { background: none !important; padding-top: 10px !important; }
.price-bg { display: none !important; }

/* ---------- 信息页外层青底中和 ---------- */
.info { background: #f7f9fb !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 40px !important; }
.info .info-body, .aboutus-body { box-shadow: 0 3px 12px rgba(22,32,43,.05) !important; font-family: inherit !important; }
.aboutus-body { border: 1px solid #e3e8ee; border-radius: 16px !important; background-image: none !important; margin: 30px 0 50px; font-size: 15.5px !important; line-height: 1.9 !important; }

/* ---------- 移动端细节修正 ---------- */
.brand-text { white-space: nowrap; }
span.menu { background: none !important; }
span.menu i { color: #16202b !important; background: none !important; }
@media (max-width: 767px) {
  span.menu { padding: 12px 6px; }
  .headBtns { padding-top: 10px; }
  .headBtns a { margin-left: 8px; font-size: 15px; }
}

/* 移动端隐藏二级下拉（老CSS用visibility动画会占位） */
@media (max-width: 767px) {
  ul.banner-nav li.dropdown1 ul.dropdown2 { display: none !important; }
}