/* 家长学堂 · 延伸阅读 共用样式
   命名全部以 xt- 开头，避免与主站页面既有类名冲突。
   配色与主站一致：主色 #e6450f，深色 #a1300a。 */

:root{--c:#e6450f;--cd:#a1300a;--cl:rgba(230,69,15,.1);}
*{margin:0;padding:0;box-sizing:border-box;}

body.xt-body{
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  background:#f5f5f5;color:#333;padding-top:60px;
  -webkit-font-smoothing:antialiased;
}

/* ---------- 顶部导航（与主站同款观感） ---------- */
.xt-nav{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;
  box-shadow:0 1px 8px rgba(0,0,0,.06);display:flex;align-items:center;
  justify-content:space-between;padding:0 32px;z-index:1000;}
.xt-brand{font-size:18px;font-weight:700;color:#333;text-decoration:none;
  display:flex;align-items:center;gap:8px;}
.xt-brand .xt-dot{width:10px;height:10px;border-radius:50%;background:var(--c);}
.xt-links{display:flex;gap:4px;}
.xt-links a{padding:8px 16px;border-radius:20px;font-size:14px;color:#555;
  text-decoration:none;transition:all .2s;white-space:nowrap;}
.xt-links a:hover{background:#f0f0f0;color:#333;}
.xt-links a.xt-active{background:var(--c);color:#fff;}
.xt-links a.xt-cta{background:var(--c);color:#fff;font-weight:600;}

/* ---------- 正文容器 ---------- */
.xt-wrap{max-width:880px;margin:0 auto;padding:34px 20px 10px;}
.xt-crumb{font-size:13px;color:#999;margin-bottom:14px;}
.xt-crumb a{color:#888;text-decoration:none;}
.xt-crumb a:hover{color:var(--c);}

.xt-card{background:#fff;border-radius:18px;padding:52px 58px 56px;
  box-shadow:0 4px 24px rgba(0,0,0,.05);border-top:6px solid var(--c);}

.xt-kicker{display:inline-block;font-size:12.5px;letter-spacing:2px;color:var(--cd);
  background:var(--cl);padding:5px 14px;border-radius:20px;margin-bottom:18px;}
.xt-title{font-size:29px;font-weight:700;line-height:1.5;letter-spacing:.5px;margin-bottom:14px;}
.xt-meta{font-size:13px;color:#999;margin-bottom:26px;letter-spacing:.5px;}
.xt-lead{font-size:16px;line-height:2;color:#555;background:#faf6f3;
  border-left:4px solid #e8b4a0;border-radius:0 10px 10px 0;
  padding:16px 22px;margin-bottom:30px;text-align:justify;}

.xt-p{font-size:16px;line-height:2.05;margin-bottom:18px;text-align:justify;}
.xt-h2{font-size:21px;font-weight:700;color:var(--cd);margin:40px 0 16px;
  padding-left:14px;border-left:5px solid var(--c);line-height:1.45;}
.xt-h3{font-size:16.5px;font-weight:700;color:#333;margin:26px 0 10px;}
.xt-hl{color:var(--c);font-weight:700;}
.xt-hlb{background:var(--cl);color:var(--cd);font-weight:700;padding:1px 6px;
  border-radius:5px;white-space:nowrap;}

.xt-ul,.xt-ol{margin:10px 0 20px;padding-left:0;list-style:none;}
.xt-ul li,.xt-ol li{position:relative;padding-left:22px;font-size:15.5px;
  line-height:2;color:#444;margin-bottom:4px;}
.xt-ul li::before{content:"•";position:absolute;left:6px;color:var(--c);font-weight:700;}
.xt-ol{counter-reset:xtn;}
.xt-ol li{padding-left:26px;}
.xt-ol li::before{counter-increment:xtn;content:counter(xtn);position:absolute;left:0;
  top:6px;width:19px;height:19px;line-height:19px;text-align:center;border-radius:50%;
  background:var(--c);color:#fff;font-size:12px;font-weight:700;}

.xt-note{background:#faf6f3;border-left:4px solid #e8b4a0;margin:22px 0;
  padding:15px 22px;font-size:14.5px;color:#8a5a44;line-height:1.95;border-radius:0 10px 10px 0;}
.xt-note b{color:var(--cd);}

/* ---------- 对比表（山东 / 山西） ---------- */
.xt-table{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:14.5px;}
.xt-table th,.xt-table td{border:1px solid #eee;padding:11px 13px;line-height:1.8;vertical-align:top;}
.xt-table th{background:#fdf2ed;color:var(--cd);font-weight:700;text-align:left;white-space:nowrap;}
.xt-table td{color:#444;}
.xt-table tr:nth-child(even) td{background:#fcfcfc;}

/* ---------- 两栏卡片 ---------- */
.xt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 24px;}
.xt-box{background:#fff8f5;border:1px solid #f0ddd3;border-radius:14px;padding:18px 20px;}
.xt-box h4{font-size:15.5px;font-weight:700;color:var(--cd);margin-bottom:8px;}
.xt-box p{font-size:14px;line-height:1.9;color:#6a5a52;}

/* ---------- 问答 ---------- */
.xt-qa{margin:0 0 22px;padding-left:0;}
.xt-qa .xt-q{font-size:16px;font-weight:700;color:#222;line-height:1.8;
  padding-left:30px;position:relative;margin-bottom:8px;}
.xt-qa .xt-q::before{content:"Q";position:absolute;left:0;top:2px;width:21px;height:21px;
  line-height:21px;text-align:center;border-radius:6px;background:var(--c);color:#fff;
  font-size:12.5px;font-weight:700;}
.xt-qa .xt-a{font-size:15.5px;line-height:2;color:#444;padding-left:30px;text-align:justify;}
.xt-qa .xt-a p{margin-bottom:10px;}

/* ---------- 文末 ---------- */
.xt-end{margin-top:34px;padding-top:22px;border-top:1px dashed #e8e0da;
  font-size:13.5px;line-height:1.95;color:#999;}
.xt-end b{color:#8a5a44;}
.xt-cta{margin-top:26px;border-radius:16px;padding:30px 28px;text-align:center;color:#fff;
  background:linear-gradient(135deg,var(--c),var(--cd));}
.xt-cta h3{font-size:20px;font-weight:700;margin-bottom:10px;}
.xt-cta p{font-size:14px;opacity:.94;line-height:1.9;margin-bottom:6px;}
.xt-cta .xt-btn{display:inline-block;margin-top:16px;padding:13px 44px;border-radius:28px;
  font-size:16px;font-weight:700;background:#fff;color:var(--c);text-decoration:none;
  transition:all .25s;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.xt-cta .xt-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2);}

.xt-back{margin:22px 0 0;text-align:center;font-size:14px;}
.xt-back a{color:#888;text-decoration:none;}
.xt-back a:hover{color:var(--c);}

/* ---------- 页脚 ---------- */
.xt-footer{margin-top:40px;padding:26px 20px 30px;text-align:center;color:#999;
  font-size:12.5px;line-height:2;background:#fff;}
.xt-footer a{color:#888;text-decoration:none;margin:0 6px;}
.xt-footer a:hover{color:var(--c);}

/* ---------- 首页「延伸阅读」区块（家长学堂.html 内使用） ---------- */
.xt-reading{max-width:900px;margin:26px auto 0;padding:0 20px;}
.xt-reading .xt-r-head{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;padding-left:2px;}
.xt-reading .xt-r-head h2{font-size:22px;font-weight:700;color:#333;}
.xt-reading .xt-r-head span{font-size:13px;color:#aaa;}
.xt-reading .xt-r-sub{font-size:14px;color:#8a6a5a;line-height:1.9;margin:0 0 18px;padding-left:2px;}
.xt-rlist{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.xt-rcard{display:block;background:#fff;border:1px solid #f0e8e2;border-radius:14px;
  padding:22px 22px 20px;text-decoration:none;transition:all .22s;position:relative;}
.xt-rcard:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(230,69,15,.12);
  border-color:#f0cdbe;}
.xt-rcard .xt-rc-n{font-size:12.5px;font-weight:700;color:var(--c);letter-spacing:1px;}
.xt-rcard h3{font-size:16.5px;font-weight:700;color:#333;line-height:1.6;margin:8px 0 8px;}
.xt-rcard p{font-size:13.5px;color:#888;line-height:1.85;}
.xt-rcard .xt-rc-t{display:inline-block;margin-top:12px;font-size:12.5px;color:#b08b7a;}

@media(max-width:768px){
  body.xt-body{padding-top:52px;}
  .xt-nav{padding:0 12px;height:52px;}
  .xt-brand{font-size:15px;}
  .xt-brand .xt-dot{width:8px;height:8px;}
  .xt-links{gap:2px;}
  .xt-links a{padding:6px 9px;font-size:12px;}
  .xt-links a:nth-child(2),.xt-links a:nth-child(3){display:none;}
  .xt-wrap{padding:20px 12px 8px;}
  .xt-card{padding:28px 20px 32px;border-radius:14px;}
  .xt-title{font-size:22px;}
  .xt-lead{font-size:15px;padding:14px 16px;}
  .xt-p{font-size:15px;line-height:1.95;}
  .xt-h2{font-size:18.5px;margin:30px 0 12px;}
  .xt-ul li,.xt-ol li{font-size:14.5px;}
  .xt-table{font-size:13px;}
  .xt-table th,.xt-table td{padding:8px 9px;}
  .xt-grid{grid-template-columns:1fr;}
  .xt-cta{padding:26px 18px;}
  .xt-reading{padding:0 12px;}
  .xt-rlist{grid-template-columns:1fr;}
}