/* ==========================================================================
   四季体育 · 四季观测站
   /assets/site.css — 共享外壳与基础组件
   ========================================================================== */

/* ---------- 1. 设计令牌 ---------- */
:root{
  --snow:#F4F7FA;
  --paper:#FFFFFF;
  --ink:#0E1316;
  --volt:#2447E8;
  --spring:#2F9B62;
  --autumn:#E2551E;
  --red:#C62828;
  --yellow:#E8B21C;
  --frost:#C7D2DC;
  --ash:#5C6870;

  --rail-w:10px;
  --pad:clamp(15px,4vw,44px);
  --maxw:1180px;
  --read:0;

  --font-display:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono","Roboto Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --ease:cubic-bezier(.22,.68,.28,1);
  --rule:1px solid var(--frost);
  --print:3px solid var(--ink);
  --sheet-shadow:0 1px 0 rgba(14,19,22,.05),0 16px 34px -28px rgba(14,19,22,.8);
}

/* ---------- 2. 重置 ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;
  background:var(--snow);
  color:var(--ink);
  font-family:var(--font-display);
  font-size:17px;
  line-height:1.75;
  font-weight:400;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,video{max-width:100%;display:block}
h1,h2,h3,h4,h5,h6{margin:0 0 .55em;font-weight:800;line-height:1.12;letter-spacing:-.02em}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.15em}
li{margin:0}
a{color:var(--volt);text-decoration-thickness:1px;text-underline-offset:3px}
button{font:inherit;color:inherit;background:none;border:0}
[hidden]{display:none !important}
main{display:block}
#main-content{scroll-margin-top:130px}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px}

@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth}
}

/* ---------- 3. 通用容器与网格 ---------- */
.wrap{
  width:100%;
  max-width:var(--maxw);
  margin:0 auto;
  padding-left:var(--pad);
  padding-right:var(--pad);
}
.section{padding:clamp(36px,6vw,74px) 0;position:relative}
.section--tight{padding:clamp(22px,3vw,36px) 0}

.grid{display:grid;gap:clamp(16px,2.5vw,26px)}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.grid--split{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){
  .grid--split{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
}

/* ---------- 4. 章节带 ---------- */
.chapter-band{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 clamp(18px,3vw,30px);
  padding-bottom:10px;
  border-bottom:var(--rule);
}
.chapter-band__num{
  flex:none;
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--paper);
  background:var(--ink);
  padding:3px 10px 3px 9px;
  clip-path:polygon(0 0,100% 0,90% 100%,0 100%);
}
.chapter-band__title{
  margin:0;
  font-size:12px;
  font-weight:700;
  letter-spacing:.26em;
  color:var(--ash);
}
.chapter-band__rule{
  flex:1 1 auto;
  min-width:40px;
  height:9px;
  transform:skewY(-7deg);
  background:linear-gradient(90deg,var(--spring),var(--volt) 44%,var(--autumn) 86%,rgba(226,85,30,0));
  opacity:.9;
}

/* ---------- 5. 标签 / 数字 / 按钮 ---------- */
.label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  padding:2px 8px;
  border:1px solid currentColor;
  border-radius:2px;
  line-height:1.6;
}
.label--red{color:var(--red);background:rgba(198,40,40,.08)}
.label--yellow{color:var(--ink);background:var(--yellow);border-color:var(--ink)}
.label--spring{color:var(--spring);background:rgba(47,155,98,.08)}
.label--autumn{color:var(--autumn);background:rgba(226,85,30,.08)}
.label--volt{color:var(--volt);background:rgba(36,71,232,.07)}

.score{
  font-family:var(--font-mono);
  font-weight:700;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}

.stat{display:flex;flex-direction:column;gap:3px;font-family:var(--font-mono)}
.stat__num{
  font-size:clamp(26px,4vw,38px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.stat__key{
  font-size:10.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--ash);
}

.btn{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:11px 20px;
  background:var(--ink);
  color:var(--paper);
  border:2px solid var(--ink);
  border-radius:2px;
  font-size:15px;
  font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
  cursor:pointer;
  transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease);
}
.btn:hover{
  background:var(--volt);
  border-color:var(--volt);
  color:var(--paper);
  transform:translateY(-2px);
  box-shadow:4px 4px 0 rgba(36,71,232,.24);
}
.btn:active{transform:translateY(0);box-shadow:none}
.btn--spring{background:var(--spring);border-color:var(--spring)}
.btn--spring:hover{background:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 rgba(226,85,30,.26)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink);box-shadow:none}
.btn--ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn--sm{padding:7px 14px;font-size:13px;border-width:2px}

/* ---------- 6. 卡片 / 面板 / 正文 / 面包屑 ---------- */
.card{
  background:var(--paper);
  border:var(--rule);
  border-top:var(--print);
  border-radius:2px;
  padding:clamp(16px,2.5vw,24px);
  transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease);
}
.card:hover{
  transform:translateY(-2px);
  border-top-color:var(--autumn);
  box-shadow:0 16px 28px -24px rgba(14,19,22,.85);
}

.panel{
  background:var(--paper);
  border:var(--rule);
  border-radius:2px;
}
.panel + .panel{margin-top:10px}
.panel summary{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 18px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  list-style:none;
  border-left:4px solid var(--autumn);
}
.panel summary::-webkit-details-marker{display:none}
.panel summary::after{
  content:"+";
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:18px;
  font-weight:700;
  color:var(--autumn);
}
.panel[open] summary::after{content:"–"}
.panel__body{
  padding:2px 18px 16px;
  font-size:15px;
  line-height:1.7;
  color:var(--ash);
}
.panel[open] .panel__body{
  animation:panel-in .2s var(--ease) both;
}
@keyframes panel-in{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:none}
}

.prose{max-width:68ch}
.prose p{margin-bottom:1.15em}
.prose h2{font-size:clamp(23px,3vw,30px);margin-top:1.7em}
.prose h3{font-size:clamp(18px,2.2vw,21px);margin-top:1.4em}
.prose ul,.prose ol{padding-left:1.25em}
.prose li{margin-bottom:.5em}
.prose strong{font-weight:800}

.crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--ash);
}
.crumbs li{display:inline-flex;align-items:center;gap:8px}
.crumbs li + li::before{content:"/";color:var(--frost)}
.crumbs a{color:var(--ash);text-decoration:none}
.crumbs a:hover{color:var(--autumn)}
.crumbs [aria-current="page"]{color:var(--ink);font-weight:700}

.rail-note{
  border-left:2px solid var(--frost);
  padding-left:14px;
  font-size:13.5px;
  line-height:1.65;
  color:var(--ash);
}
.rail-note strong{color:var(--ink)}

/* ---------- 7. 图片容器基础规则 ---------- */
.media{
  position:relative;
  overflow:hidden;
  display:block;
  width:100%;
  aspect-ratio:16/10;
  background:var(--frost);
  border:var(--rule);
  border-radius:2px;
}
.media > img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.media--portrait{aspect-ratio:3/4}
.media--wide{aspect-ratio:21/9}
.media--square{aspect-ratio:1/1}
.media--cut{clip-path:polygon(0 0,100% 3.5%,100% 100%,0 96.5%)}
.media__caption{
  margin:8px 0 0;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--ash);
}

/* ---------- 8. 跳过链接 ---------- */
.skip-link{
  position:fixed;
  top:0;
  left:calc(var(--rail-w) + 14px);
  z-index:999;
  transform:translateY(-130%);
  padding:10px 18px;
  background:var(--ink);
  color:var(--paper);
  border:2px solid var(--volt);
  border-radius:0 0 2px 2px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-decoration:none;
  transition:transform .18s var(--ease);
}
.skip-link:focus{transform:translateY(0)}

/* ---------- 9. 页头：框架式导航 ---------- */
.site-head{
  position:sticky;
  top:0;
  z-index:80;
  display:grid;
  grid-template-columns:var(--rail-w) minmax(0,1fr);
  background:var(--snow);
  border-bottom:var(--print);
  box-shadow:0 1px 0 var(--volt);
}

.site-head__rail{
  background:var(--volt);
  border-right:var(--print);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 0;
  overflow:hidden;
}
.rail__label{
  display:none;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  color:var(--paper);
  font-size:11px;
  font-weight:800;
  letter-spacing:.42em;
  white-space:nowrap;
}

.site-head__frame{min-width:0;display:block}

.site-head__bar{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:62px;
  padding:9px var(--pad);
  border-bottom:var(--rule);
}

.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex:0 1 auto;
  color:var(--ink);
  text-decoration:none;
}
.brand__seal{
  flex:none;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:var(--ink);
  color:var(--paper);
  font-family:var(--font-mono);
  font-size:16px;
  font-weight:700;
  border-radius:2px;
  box-shadow:3px 3px 0 var(--spring);
  transition:box-shadow .18s var(--ease),transform .18s var(--ease);
}
.brand:hover .brand__seal{box-shadow:3px 3px 0 var(--autumn);transform:translate(-1px,-1px)}
.brand__type{display:flex;flex-direction:column;line-height:1.06;min-width:0}
.brand__name{font-size:18px;font-weight:800;letter-spacing:.07em}
.brand__tag{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.22em;
  color:var(--ash);
  white-space:nowrap;
}

/* 移动端导航：绝对定位下拉 */
.nav{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  display:none;
  z-index:90;
  max-height:min(72vh,540px);
  overflow:auto;
  background:var(--paper);
  border-top:var(--rule);
  border-bottom:var(--print);
  box-shadow:0 26px 38px -30px rgba(14,19,22,.9);
  -webkit-overflow-scrolling:touch;
}
.nav[data-open="true"]{display:block}

.nav__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
}
.nav__item{border-top:var(--rule)}
.nav__item:first-child{border-top:0}
.nav__link{
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px var(--pad);
  color:var(--ink);
  font-size:16px;
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;
  transition:background .16s var(--ease),color .16s var(--ease);
}
.nav__link::before{
  content:"";
  flex:none;
  width:9px;
  height:9px;
  background:var(--frost);
  transform:skewY(-8deg);
  transition:background .16s var(--ease);
}
.nav__item:nth-child(1) .nav__link::before{background:var(--volt)}
.nav__item:nth-child(2) .nav__link::before{background:var(--spring)}
.nav__item:nth-child(3) .nav__link::before{background:var(--autumn)}
.nav__item:nth-child(4) .nav__link::before{background:var(--volt)}
.nav__item:nth-child(5) .nav__link::before{background:var(--spring)}
.nav__item:nth-child(6) .nav__link::before{background:var(--autumn)}
.nav__link:hover{background:var(--snow);color:var(--volt)}
.nav__link[aria-current="page"]{
  color:var(--autumn);
  background:linear-gradient(90deg,rgba(226,85,30,.13),rgba(226,85,30,0) 74%);
  box-shadow:inset 4px 0 0 var(--autumn);
}
.nav__link[aria-current="page"]::before{background:var(--autumn)}

.nav__link--util{
  font-family:var(--font-mono);
  font-size:13.5px;
  font-weight:500;
  letter-spacing:.08em;
  color:var(--ash);
  padding-top:11px;
  padding-bottom:11px;
}
.nav__link--util::before{width:6px;height:6px;background:var(--frost)}
.nav__link--util:hover{color:var(--ink)}

/* 移动导航按钮 */
.nav-toggle{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 13px;
  background:var(--paper);
  color:var(--ink);
  border:2px solid var(--ink);
  border-radius:2px;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.14em;
  cursor:pointer;
  transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease);
}
.nav-toggle:hover{background:var(--ink);color:var(--paper)}
.nav-toggle__mark{display:flex;flex-direction:column;gap:3px;width:16px}
.nav-toggle__mark i{
  display:block;
  height:2px;
  width:100%;
  background:currentColor;
  transform-origin:center;
  transition:transform .2s var(--ease),opacity .2s var(--ease);
}
.nav-toggle[data-open="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.nav-toggle[data-open="true"] .nav-toggle__mark i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.nav-toggle[data-open="true"] .nav-toggle__mark i:nth-child(2){opacity:0}
.nav-toggle[data-open="true"] .nav-toggle__mark i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* 第二栏入口提示位 */
.site-head__entry{
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px var(--pad);
  background:var(--ink);
  color:var(--paper);
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  overflow:hidden;
}
.entry__tag{
  flex:none;
  padding:2px 9px 2px 7px;
  background:var(--autumn);
  color:var(--paper);
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
}
.entry__line{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  color:#D7DFE6;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.entry__cta{
  flex:none;
  padding:4px 12px;
  background:var(--spring);
  color:var(--paper);
  font-family:var(--font-display);
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
  border-radius:2px;
  transition:background .18s var(--ease),color .18s var(--ease);
}
.entry__cta:hover{background:var(--paper);color:var(--ink)}

/* ---------- 10. 页脚：纸张叠层目录 ---------- */
.site-foot{
  position:relative;
  margin-top:clamp(46px,7vw,84px);
  padding-bottom:26px;
  background:var(--snow);
  border-top:var(--print);
}

.foot-stack{
  position:relative;
  max-width:calc(var(--maxw) + 26px);
  margin:0 auto;
  height:24px;
}
.foot-stack__sheet{
  position:absolute;
  left:50%;
  bottom:0;
  background:var(--paper);
  border:var(--rule);
  border-bottom:0;
  border-radius:3px 3px 0 0;
}
.foot-stack__sheet--1{width:84%;height:9px;transform:translateX(-50%) rotate(-.45deg);background:#F1F5F9}
.foot-stack__sheet--2{width:92%;height:16px;transform:translateX(-50%) rotate(.35deg);background:#FAFCFD}
.foot-stack__sheet--3{width:99%;height:24px;transform:translateX(-50%)}

.foot-inner{
  position:relative;
  max-width:var(--maxw);
  margin:0 auto;
  padding:clamp(28px,5vw,50px) clamp(18px,4vw,44px) clamp(18px,3vw,28px);
  background:var(--paper);
  border:var(--rule);
  border-top:var(--print);
  border-radius:0 0 3px 3px;
  box-shadow:var(--sheet-shadow);
}

.foot-brand{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 clamp(20px,3.5vw,32px);
  padding-bottom:14px;
  border-bottom:1px dashed var(--frost);
  font-size:clamp(19px,2.8vw,25px);
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.3;
}
.foot-brand__dot{color:var(--autumn);margin:0 2px}
.foot-brand__motto{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.22em;
  color:var(--ash);
}

.foot-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,3.5vw,34px);
}
.foot-col{min-width:0}
.foot-col__title{
  margin:0 0 12px;
  padding-bottom:7px;
  border-bottom:2px solid var(--frost);
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--ash);
}
.foot-col__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.foot-col__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:2px 0 1px;
  color:var(--ink);
  font-size:15px;
  font-weight:500;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease);
}
.foot-col__link::before{
  content:"›";
  font-family:var(--font-mono);
  font-size:14px;
  color:var(--frost);
  transition:color .16s var(--ease);
}
.foot-col__link:hover{
  color:var(--volt);
  border-bottom-color:var(--volt);
  transform:translateX(2px);
}
.foot-col__link:hover::before{color:var(--autumn)}

.foot-contact{display:grid;gap:9px}
.foot-contact__row{
  display:flex;
  gap:10px;
  margin:0;
  font-size:14px;
  line-height:1.6;
}
.foot-contact__key{
  flex:none;
  width:3.2em;
  padding-top:3px;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.16em;
  color:var(--ash);
}
.foot-contact__val{
  min-width:0;
  color:var(--ink);
  word-break:break-word;
}

.foot-base{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 24px;
  margin-top:clamp(22px,3.5vw,34px);
  padding-top:14px;
  border-top:var(--print);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.03em;
  color:var(--ash);
}
.foot-base__legal{margin:0}
.foot-base__links{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
}
.foot-base__links a{
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid var(--frost);
  padding-bottom:1px;
  transition:color .16s var(--ease),border-color .16s var(--ease);
}
.foot-base__links a:hover{color:var(--autumn);border-bottom-color:var(--autumn)}

.foot-season{
  display:flex;
  gap:2px;
  height:7px;
  margin-top:20px;
}
.foot-season i{
  flex:1;
  display:block;
  transform:skewX(-9deg);
}
.foot-season i:nth-child(1){background:var(--spring)}
.foot-season i:nth-child(2){background:var(--volt)}
.foot-season i:nth-child(3){background:var(--autumn)}
.foot-season i:nth-child(4){background:var(--frost)}

/* ---------- 11. 阅读进度与回到顶部 ---------- */
body::after{
  content:"";
  position:fixed;
  left:0;
  bottom:0;
  height:3px;
  width:calc(var(--read) * 100%);
  background:linear-gradient(90deg,var(--spring),var(--volt) 55%,var(--autumn));
  z-index:150;
  pointer-events:none;
}

.to-top{
  position:fixed;
  right:clamp(12px,3vw,28px);
  bottom:clamp(16px,3vw,28px);
  z-index:140;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 13px;
  background:var(--paper);
  color:var(--ink);
  border:2px solid var(--ink);
  border-radius:2px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  cursor:pointer;
  box-shadow:3px 3px 0 var(--volt);
  transition:background .16s var(--ease),color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease);
}
.to-top:hover{
  background:var(--ink);
  color:var(--paper);
  transform:translate(-1px,-1px);
  box-shadow:5px 5px 0 var(--autumn);
}

/* ---------- 12. 响应式 ---------- */
@media (min-width:480px){
  .entry__line{font-size:12px}
}

@media (min-width:700px){
  :root{--rail-w:24px}
  .site-head__bar{min-height:66px;gap:16px}
  .brand__seal{width:38px;height:38px;font-size:17px}
  .brand__name{font-size:19px}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:479px){
  .entry__line{display:none}
  .site-head__entry{gap:8px}
  .foot-brand__motto{margin-left:0;flex-basis:100%}
}

@media (min-width:1040px){
  :root{--rail-w:54px}

  .rail__label{display:block}

  .site-head__bar{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:26px;
    min-height:70px;
    padding-top:8px;
    padding-bottom:8px;
  }
  .nav-toggle{display:none}

  .nav{
    position:static;
    display:block;
    margin-left:auto;
    max-height:none;
    overflow:visible;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  .nav__list{
    flex-direction:row;
    align-items:center;
    gap:0;
    justify-content:flex-end;
  }
  .nav__item{border-top:0}
  .nav__link{
    padding:9px 13px;
    font-size:15px;
    border-bottom:3px solid transparent;
    box-shadow:none;
  }
  .nav__link::before{width:6px;height:6px}
  .nav__link:hover{background:transparent;color:var(--volt);border-bottom-color:var(--frost)}
  .nav__link[aria-current="page"]{
    background:none;
    color:var(--autumn);
    border-bottom-color:var(--autumn);
    box-shadow:none;
  }
  .nav__item:nth-child(7){
    margin-left:14px;
    padding-left:16px;
    border-left:var(--rule);
  }
  .nav__link--util{padding:9px 8px;font-size:12.5px}

  .site-head__entry{
    padding-top:6px;
    padding-bottom:6px;
    font-size:11.5px;
  }

  .foot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .foot-col--contact{grid-column:span 1}
}

@media (min-width:1260px){
  .nav__link{padding:9px 15px;font-size:15.5px}
}

/* ---------- 13. 减少动效 ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .card:hover,
  .to-top:hover,
  .btn:hover{transform:none}
  .nav-toggle[data-open="true"] .nav-toggle__mark i:nth-child(1),
  .nav-toggle[data-open="true"] .nav-toggle__mark i:nth-child(3){transform:none}
}