/* 中传明德官网 · 视觉系统 2026（B 牌匾结构 + A 宣纸底色 + 校名书法）
   结构与内容不变，仅视觉层；meta / canonical / JSON-LD 不受影响 */
:root{
  --paper:#F6F2E9;        /* 宣纸底 */
  --paper2:#EFE9DD;
  --card:#FFFDF8;
  --verm:#8E1B1B;         /* 匾额朱红 */
  --verm2:#A8201F;
  --seal:#C1191B;         /* 印章红 */
  --gold:#C09A4A;         /* 描金 */
  --line-gold:rgba(192,154,74,.55);
  --line:#E1D9C9;
  --ink:#1E1B19;
  --ink2:#4A4643;
  --cream:#F8EEDC;
}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  color:var(--ink);background:var(--paper) url(brand/paper.png) repeat;
  line-height:1.8;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--seal)}
main a:not(.btn){text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:3px;text-decoration-color:rgba(192,154,74,.65)}
main a:not(.btn):hover{text-decoration-color:var(--seal)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}

/* ---------- 页头：朱红匾额 + 校名书法横排 ---------- */
header{background:var(--verm);color:#fff;border-bottom:3px double var(--gold)}
.hd{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 0 12px}
.logo{font-family:"Songti SC","Source Han Serif SC",STSong,SimSun,serif;
  font-size:26px;font-weight:400;letter-spacing:9px;color:var(--cream)}
.logo .wordmark{display:block;height:34px;width:auto;margin:0 0 4px 0}
.logo small{display:block;font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:11.5px;font-weight:400;color:#E4C99B;opacity:1;letter-spacing:3px;margin-top:4px}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:0}
nav a{color:#F0DDBE;font-size:14px;padding:8px 11px;border-radius:0;display:block;letter-spacing:1px}
nav a:hover,nav a.on{background:var(--gold);color:#43290B}

/* ---------- 首屏匾额（仅首页有 .hero） ---------- */
.hero{background:var(--verm);color:#F8F1E2;padding:34px 14px 38px;position:relative}
.hero .wrap{border:1px solid var(--gold);outline:1px solid var(--line-gold);outline-offset:7px;
  padding:44px 26px 40px;text-align:center;position:relative}
.hero .wrap::before,.hero .wrap::after{content:"";position:absolute;width:14px;height:14px;
  border:1px solid var(--gold);border-radius:50%}
.hero .wrap::before{top:-7.5px;left:-7.5px}
.hero .wrap::after{bottom:-7.5px;right:-7.5px}
.hero h1{font-family:"Songti SC","Source Han Serif SC",STSong,SimSun,serif;font-size:40px;
  font-weight:400;letter-spacing:8px;color:#FFF6E6;line-height:1.45;margin:0 0 8px}
.hero p{color:#F0DCBB;font-size:15.5px;letter-spacing:1px;margin:8px 0}
.hero .btn{margin-top:18px}

main{background:var(--paper);padding:30px 0 68px;min-height:60vh}
h1,h2,h3{font-family:"Songti SC","Source Han Serif SC",STSong,SimSun,serif;font-weight:400}
main h1{font-size:27px;color:var(--verm);letter-spacing:4px;margin:0 0 12px}
main h1::after{content:"";display:block;width:54px;height:2px;background:var(--gold);margin-top:14px}
h2{text-align:center;font-size:25px;letter-spacing:6px;color:var(--verm);
  border-left:none;padding:0;margin:50px 0 18px}
h2::before{content:"";display:block;width:150px;height:1px;margin:0 auto 15px;
  background:linear-gradient(90deg,rgba(192,154,74,0),var(--gold) 20%,var(--gold) 80%,rgba(192,154,74,0))}
h3{font-size:18px;letter-spacing:2px;color:var(--verm);margin:22px 0 8px}
p{margin:11px 0;color:#3A352F}
body,p,li,td,th{letter-spacing:.02em}
img{max-width:100%}
.lead{font-size:17px;color:var(--ink)}
.sub{color:var(--ink2);font-size:14px;margin-bottom:20px;letter-spacing:.04em}
.btn{display:inline-block;background:var(--gold);color:#40260A;border-radius:0;
  padding:11px 26px;letter-spacing:3px;font-size:14.5px}
.btn:hover{background:#D8B463;color:#2E1B05}
.card{background:var(--card);border:1px solid var(--line-gold);border-radius:0;
  box-shadow:none;padding:18px 20px;margin:14px 0;position:relative}
.card::before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;
  border:1px solid rgba(192,154,74,.20);pointer-events:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:16px 0}
.grid .card{margin:0}
.tag{display:inline-block;background:var(--verm);color:#F8EEDC;font-size:12px;
  padding:2px 9px;border-radius:0;margin-right:6px;letter-spacing:1px}
.tag.r{background:var(--gold);color:#40260A}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{border:1px solid var(--line-gold);padding:11px 13px;text-align:left}
tbody tr:nth-child(even) td{background:rgba(255,253,248,.62)}
th{background:var(--verm);color:#F8EEDC;font-family:"Songti SC",STSong,serif;font-weight:400;letter-spacing:2px}
ul,ol{padding-left:24px}
li{margin:7px 0}
li::marker{color:var(--seal)}
ol li::marker{font-family:"Songti SC",STSong,serif}
.notice{font-size:13.5px;color:#5B4A2E;border:none;border-left:3px solid var(--gold);
  background:#FBF4E4;padding:12px 16px;margin-top:16px}
.num{font-size:32px;color:var(--seal);font-family:"Songti SC",STSong,serif;line-height:1.2}
.qa h3{background:#FBF4E4;padding:10px 12px;border-radius:0;border-left:3px solid var(--gold);margin-top:18px}
.qa p{margin:8px 0 0}
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px 12px;margin:14px 0 26px}
.wall .p{text-align:center}
.wall img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 20%;border-radius:0;display:block;background:var(--paper2)}
.wall b{display:block;font-size:15px;color:var(--verm);margin-top:6px;font-weight:600;line-height:1.3}
footer{background:var(--verm);color:#EFD9B4;font-size:13px;padding:26px 0;border-top:3px double var(--gold)}
footer a{color:#EFD9B4}
footer a:hover{color:#fff}
.ft{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
::selection{background:rgba(192,154,74,.38)}

/* ---------- 首页首屏：校名立轴（≥760px 置于匾额框内右侧） ---------- */
@media (min-width:760px){
  .hero{padding:30px 14px 34px}
  .hero .wrap{min-height:378px;padding:50px 190px 46px 38px;
    display:flex;flex-direction:column;justify-content:center;
    background:url(brand/school-scroll.svg) no-repeat right 30px center;
    background-size:auto 92%}
  .hero .btn{align-self:center}
  .hero h1{font-size:40px;letter-spacing:6px}
}
@media (min-width:760px) and (max-width:1079px){
  .hero .wrap{padding-right:150px}
}
@media (max-width:759px){
  .hero{padding:30px 14px 34px}
  .hero .wrap{padding:32px 20px 30px}
  .hero h1{font-size:29px;letter-spacing:4px}
}
@media (max-width:640px){
  body{font-size:15px}
  .hd{padding:16px 0 10px}
  .logo .wordmark{height:26px}
  .logo small{letter-spacing:1.5px;font-size:11px}
  nav ul{gap:1px} nav a{font-size:12px;padding:4px 4px}
  .hero{padding:24px 14px 26px}
  .hero .wrap{padding:26px 18px 24px}
  .hero h1{font-size:22px;letter-spacing:1px;line-height:1.5}
  .hero p{font-size:13px;letter-spacing:0}
  .hero .btn{padding:9px 18px;font-size:13.5px;letter-spacing:1px}
  h1{font-size:21px} h2{font-size:20px;letter-spacing:4px} h3{font-size:17px}
  main h1{letter-spacing:2px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}