:root{
  --ink:#1b2a38; --ink-2:#4a5b6b; --blue:#1f5f9e; --blue-d:#12395e;
  --gold:#b8912f; --gold-l:#d8b768; --bg:#f6f8fa; --card:#ffffff;
  --line:#e3e9f0; --shadow:0 1px 2px rgba(18,57,94,.06),0 8px 24px rgba(18,57,94,.07);
  --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:78px}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.85 "PingFang SC","Microsoft YaHei","Source Han Sans SC",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
img,svg{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}

/* 顶栏 */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line)}
.top .bar{max-width:1120px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand img{width:38px;height:38px;flex:0 0 auto}
.brand b{display:block;font-size:16.5px;line-height:1.15;letter-spacing:.5px;color:var(--blue-d);white-space:nowrap}
.brand s{display:block;text-decoration:none;font-size:11.5px;line-height:1.15;margin-top:1px;padding-left:3px;color:var(--ink-2);letter-spacing:1.6px}
.nav{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap}
.nav a{padding:7px 11px;border-radius:999px;font-size:14px;color:var(--ink-2);white-space:nowrap}
.nav a:hover{background:#eef4fa;color:var(--blue)}
.nav a.on{background:transparent;color:var(--ink-2);font-weight:400}
.cta{background:transparent;color:var(--ink-2)!important;border-radius:0;padding:7px 11px;font-size:14px;font-weight:400;white-space:nowrap;margin-left:0}
.cta:hover{background:#eef4fa;color:var(--blue)!important}
.burger{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;
  width:42px;height:38px;font-size:18px;color:var(--blue-d);cursor:pointer}

/* 首屏 */
.hero{background:linear-gradient(160deg,#0f3455 0%,#1b4f7d 55%,#20608f 100%);color:#fff;padding:26px 0 24px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(200,162,74,.30),transparent 68%)}
.hero .in{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.hero h1{margin:0 0 14px;font-size:42px;line-height:1.35;letter-spacing:1px;font-weight:800}
.hero h1 em{font-style:normal;color:var(--gold-l)}
.hero p{margin:0 0 26px;font-size:17px;color:#d7e3ee;max-width:560px}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;font-size:15px;font-weight:600}
.btn.p{background:var(--gold);color:#fff}
.btn.g{border:1px solid rgba(255,255,255,.45);color:#fff}
.btn.g:hover{background:rgba(255,255,255,.12)}
.hero .fig{display:flex;justify-content:center}
.hero .fig svg{width:270px;height:270px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.25))}

/* 通用节 */
.sec{padding:64px 0}
.sec.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:flex-end;gap:14px;margin-bottom:30px;flex-wrap:wrap}
.hd h2{margin:0;font-size:27px;letter-spacing:1px;color:var(--blue-d)}
.hd span{font-size:13.5px;color:var(--ink-2);letter-spacing:1px}
.hd .ln{flex:1;height:1px;background:var(--line);min-width:40px;margin-bottom:9px}

/* 卡片 */
.grid{display:grid;gap:18px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow);
  transition:.18s}
.card:hover{transform:translateY(-2px);border-color:#cfe0ef}
.card h3{margin:0 0 8px;font-size:17px;color:var(--blue-d)}
.card p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.8}
.card .tag{display:inline-block;font-size:12px;color:var(--gold);border:1px solid #ecdcb6;background:#fdf8ec;
  border-radius:999px;padding:2px 10px;margin-bottom:10px}
.card .num{font:700 15px/1 inherit;color:var(--gold);letter-spacing:1px;margin-bottom:10px}

/* 列表 */
.list{display:grid;gap:12px}
.item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;gap:14px;align-items:flex-start}
.item .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:11px;flex:0 0 auto}
.item b{display:block;font-size:15.5px;color:var(--ink)}
.item small{color:var(--ink-2);font-size:13.5px}

/* 四件套 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;position:relative}
.step:before{counter-increment:s;content:"0" counter(s);font:700 13px/1 inherit;color:var(--gold);letter-spacing:1px}
.step h4{margin:8px 0 6px;font-size:15.5px;color:var(--blue-d)}
.step p{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.75}

/* 表 */
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
th,td{padding:11px 14px;border-bottom:1px solid var(--line);font-size:14px;text-align:left;vertical-align:top}
th{background:#f0f5fa;color:var(--blue-d);font-weight:600}
tr:last-child td{border-bottom:0}

/* 视频 */
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.v .cover{height:132px;background:linear-gradient(135deg,#12395e,#20608f);display:flex;align-items:center;justify-content:center}
.v .cover span{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.8);display:flex;
  align-items:center;justify-content:center;color:#fff;font-size:16px}
.v .t{padding:13px 15px}
.v .t b{display:block;font-size:14.5px;margin-bottom:4px}
.v .t small{color:var(--ink-2)}

/* 时间线 */
.tl{position:relative;padding-left:22px}
.tl:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl .e{position:relative;padding:0 0 18px 8px}
.tl .e:before{content:"";position:absolute;left:-20px;top:8px;width:9px;height:9px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 0 3px #fbf3df}
.tl b{font-size:15px}
.tl small{color:var(--ink-2)}

/* 页脚 */
.foot{background:var(--blue-d);color:#c8d6e2;padding:44px 0 26px;margin-top:10px}
.foot .cols{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.1fr;gap:26px}
.foot h5{margin:0 0 10px;color:#fff;font-size:14.5px;letter-spacing:1px}
.foot a{color:#c8d6e2;display:block;font-size:13.5px;padding:3px 0}
.foot a:hover{color:#fff}
.foot .note{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);
  font-size:12.5px;color:#9fb3c4;line-height:1.9}

@media (max-width:960px){
  .hero .in{grid-template-columns:1fr}
  .hero .fig{display:none}
  .hero h1{font-size:32px}
  .g3,.g4,.videos{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .nav{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:static;background:transparent;border:0;
    padding:6px 0 0;box-shadow:none;margin:0;width:100%;order:3;text-align:center;align-items:center}
  .nav.open{display:flex}
  .nav a{padding:10px 12px;font-size:15px}
  .burger{display:none}
  .cta{margin-left:auto;display:none}
  .g3,.g4,.videos,.g2,.steps{grid-template-columns:1fr}
  .hero{padding:26px 0 24px}
  .hero h1{font-size:27px}
  .sec{padding:46px 0}
  .hd h2{font-size:22px}
  .foot .cols{grid-template-columns:1fr}
  table{display:block;overflow-x:auto;white-space:nowrap}
}

.foot .note a{display:inline;color:#c8d6e2;text-decoration:underline}

/* 页脚三行：指导单位左右分置、版权居中、备案号居中 */
.foot .guide{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot .guide span:first-child{color:#dfe9f2}
.foot .cr{margin-top:6px;text-align:center;color:#9fb3c4}
.foot .icp{margin-top:4px;text-align:center}
.foot .icp a{color:#9fb3c4}

/* 首屏口号 */
.hero .slogan{margin:6px 0 18px;font-size:15px;letter-spacing:2px;color:#e8c67a;font-weight:600}
@media(max-width:640px){.hero .slogan{font-size:13.5px;letter-spacing:1px}}

/* 首屏单栏（无插图） */
.hero .in{grid-template-columns:1fr}
.hero .solo{max-width:760px}
.hero .slogan{margin:0 0 12px}
.hero h1{font-size:40px;line-height:1.28;margin:0 0 14px}
@media(max-width:640px){.hero h1{font-size:27px}}

/* 首屏两排标题：上大下小 */
.hero h1{display:flex;flex-direction:column;gap:2px;margin:0}
.hero h1 .l1{font-size:30px;line-height:1.25;font-weight:600;color:#cfdeec}
.hero h1 .l2{font-size:52px;line-height:1.15;font-weight:800;color:#fff}
.hero h1 .l2 em{font-style:normal;color:var(--gold-l);font-weight:800}
@media(max-width:640px){
  .hero h1 .l1{font-size:20px}
  .hero h1 .l2{font-size:34px}
}


/* 纯 CSS 分块：默认只显示首屏；点菜单（URL 带 #id）才显示对应块 */
section.sec{display:none}
section.sec.always{display:block !important}
section.sec:target{display:block}
#home:target ~ section.sec:not(.always){display:none !important}


/* 统计原始计数一律不显示，只显示“阅读人次 511+真实数” */
#busuanzi_container_site_pv,#busuanzi_value_site_pv{display:none !important;visibility:hidden !important}

/* 手机上：口号字号缩 35%，居中；底页三行居中 */
@media (max-width:640px){
  .slogan-big{font-size:35px !important;line-height:1.35 !important;letter-spacing:1px !important}
  #foot-note .fi{display:block}
  #foot-note .fi-sep{display:none}
  #foot-note{font-size:13.5px !important;line-height:2.1 !important}
}

/* 首屏两排：同字号，一排金一排蓝；手机上缩小 */
@media (max-width:640px){
  .l1-gold,.l2-blue{font-size:18px !important;line-height:1.5 !important;letter-spacing:0 !important;white-space:nowrap}
}

/* 手机：品牌独占一行，菜单在其下两排，不再重叠 */
@media (max-width:640px){
  .top .bar{flex-direction:column;align-items:center;gap:6px;padding:10px 14px 12px}
  .brand{width:100%;justify-content:center;flex-wrap:nowrap}
  .nav{width:100%;margin-top:2px}
}

@media (max-width:640px){
  .nav{gap:0 !important}
  .nav a{padding:6px 2px !important;line-height:1.25 !important;font-size:13.5px}
}

@media (max-width:640px){ .nav{grid-template-columns:repeat(5,1fr) !important} }

/* 窄屏再收一点，保证五列每格一行放得下 */
@media (max-width:380px){
  .nav a{font-size:12.5px !important;padding:6px 1px !important;letter-spacing:0 !important}
}
@media (max-width:340px){
  .nav a{font-size:11.5px !important}
}

/* 网站介绍两张图：等高对齐 */
#about .fig{margin:0}
#about .fig img{height:420px;width:100%;background:#fff;border-radius:10px}
#about .fig img.ph{object-fit:cover;object-position:center 30%}
#about .fig img.ct{object-fit:contain}
#about .fig figcaption{text-align:center;margin-top:8px;color:#6b7c8d;font-size:13.5px}
@media (max-width:640px){ #about .fig img{height:260px} #about .fig figcaption{text-align:center} }

/* 第二排：比第一排小一号，居中 */
.l2-blue{display:block;margin-left:auto;margin-right:auto;text-align:center}
@media (max-width:640px){
  .l1-gold{font-size:18px !important}
  .l2-blue{font-size:16px !important;white-space:nowrap}
}

/* 手机：首屏底色铺满、去掉右上角那块旧旧的金光 */
@media (max-width:640px){
  .hero{background:linear-gradient(180deg,#123c60 0%,#1b4f7d 55%,#22638f 100%) !important;
        background-size:cover !important;width:100%}
  .hero:after{display:none !important}
}

/* 网站介绍与俱乐部的配图说明 */
.fig{margin:0}
.fig figcaption{text-align:center;margin-top:8px;color:#6b7c8d;font-size:13.5px}
.fig .bio{margin:8px 0 0;font-size:14px;color:#4a5b6b;line-height:1.85}
#join .fig img{width:100%;height:300px;object-fit:cover;border-radius:12px;background:#fff}
@media (max-width:640px){ #join .fig img{height:220px} }


/* 手机菜单：严格两排（每排 5 项），整体居中 */
@media (max-width:640px){
  .nav{display:flex !important;flex-wrap:wrap;justify-content:center;gap:0 !important}
  .nav a{flex:0 0 20%;max-width:20%;box-sizing:border-box;text-align:center;
         padding:7px 0 !important;font-size:12.5px !important;line-height:1.3 !important;
         letter-spacing:0 !important;white-space:nowrap;overflow:hidden;text-overflow:clip}
}

/* 视频栏 */
.vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.vitem{background:#fff;border:1px solid #e3e9ef;border-radius:14px;overflow:hidden}
.vitem video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.vt{padding:10px 14px 12px}
.vt b{display:block;color:#12395e;font-size:15.5px}
.vt small{color:#6b7c8d;font-size:13px}
.vnote{margin-top:16px;color:#6b7c8d;font-size:13.5px;line-height:1.9}
@media (max-width:760px){ .vgrid{grid-template-columns:1fr} }

.wz{display:inline-block;margin-top:6px;font-size:13px;color:#1f5f9e;text-decoration:none;border-bottom:1px dashed #b9d2e8}

.jcard{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #e3e9ef;border-radius:14px;padding:16px 18px;margin-top:18px;text-decoration:none}
.jcard:hover{border-color:#1f5f9e;box-shadow:0 8px 24px rgba(18,57,94,.08)}
.jc-l .tag{display:inline-block;border:1px solid #d9c48a;color:#8a6d1f;background:#fdf8ea;border-radius:999px;padding:1px 10px;font-size:12.5px;margin-bottom:8px}
.jc-l b{display:block;color:#12395e;font-size:18px;margin-bottom:3px}
.jc-l small{color:#6b7c8d;font-size:13.5px}
.jc-go{color:#1f5f9e;font-weight:700;white-space:nowrap;font-size:14px}
@media (max-width:520px){ .jcard{flex-direction:column;align-items:flex-start} }

/* 文章页：朗读与阅读次数 */
.pmeta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 20px;padding-bottom:14px;border-bottom:1px dashed #d6e3f0}
#speakbtn{cursor:pointer;border:1px solid #1f5f9e;color:#1f5f9e;background:#fff;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600}
#speakbtn:hover{background:#eef4fa}
.pcount{color:#8a9aab;font-size:13.5px;margin-left:6em}
.pcount b{color:#2f6fb3}

#busuanzi_container_page_pv,#busuanzi_value_page_pv{display:none !important;visibility:hidden !important;height:0;overflow:hidden}
@media (max-width:640px){ .pcount{margin-left:1.2em} }
/* 视频阅听次数 */
.vcount{display:flex;justify-content:space-between;align-items:center;padding:8px 14px 12px;color:#8a9aab;font-size:13px}
.vcount .vn{color:#12395e;font-weight:700;font-size:14px}
.vcount .vp b{color:#2f6fb3}