/* ============================================================
   绿树叶 · 绿叶教育 全站公共样式
   适用页面：index.html（首页）/ xtxcjcyu.html（学校教育栏目）/
             article.html（文章页）
   各页独有样式保留在页面 <style> 内。
   ============================================================ */
:root{
  --leaf-deep:#1a5f3f;
  --leaf:#2d8659;
  --leaf-mid:#4f9a72;
  --leaf-soft:#e9f2ec;
  --leaf-pale:#f5f9f5;
  --cream:#f4f3ee;
  --paper:#ffffff;
  --ink:#2b2a26;
  --ink-soft:#5c5a52;
  --gold:#c9a468;
  --gold-deep:#a8853f;
  --brown:#5c4326;
  --line:#e3e1d8;
  --serif:"Noto Serif SC","Songti SC","SimSun",serif;
  --sans:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  color:var(--ink);
  line-height:1.75;
  background:
    radial-gradient(1200px 480px at 85% -120px, rgba(45,134,89,.08), transparent 60%),
    radial-gradient(900px 420px at 8% -80px, rgba(201,164,104,.10), transparent 55%),
    linear-gradient(180deg,#fbfcf8 0%, var(--cream) 100%);
  background-attachment:fixed;
}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.wrap,.container{max-width:1120px;margin:0 auto;padding:0 22px}
/* ===== 顶部导航 ===== */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(251,252,248,.92);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;font-size:20px;letter-spacing:4px;color:var(--leaf-deep)}
.brand .mark{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:none;mix-blend-mode:multiply}
.brand .mark img{width:100%;height:100%;object-fit:cover;display:block}
.nav-links{display:flex;gap:4px;flex-wrap:wrap}
.nav-links a{
  display:block;padding:7px 13px;border-radius:20px;font-size:14px;color:var(--ink-soft);
  border:1px solid transparent;transition:all .2s;
}
.nav-links a:hover{color:var(--leaf-deep);background:var(--leaf-soft)}
.nav-links a.active{color:var(--leaf-deep);background:var(--leaf-soft);font-weight:600}
/* ===== 页脚 ===== */
footer{margin-top:70px;background:#eef0ea;border-top:1px solid var(--line);color:var(--ink-soft);font-size:13px}
.foot{max-width:1120px;margin:0 auto;padding:26px 22px;text-align:center;line-height:2}
.foot a{color:var(--leaf-deep)}
.foot .f-copy img{vertical-align:middle}
.foot .f-icp{color:#8a8a80}
.foot .f-sign{font-family:var(--serif);color:var(--brown);letter-spacing:2px;font-size:14px}
/* ===== 窄屏 ===== */
@media (max-width:820px){
  .nav{flex-direction:column;align-items:stretch;gap:8px;padding:10px 0}
  .brand{align-self:flex-start}
  .nav-links{justify-content:center;gap:2px}
  .nav-links a{padding:3px 10px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}
}