/* ==========================================================================
   加拿大主页 · 共享样式表 /assets/site.css
   坐标刻度 / 堆叠面板 / 暖纸与深墨 / 等宽索引
   ========================================================================== */

/* --- 1. 设计令牌 --------------------------------------------------------- */
:root{
  --ca-ink:#0B1B33;
  --ca-ink-2:#12294A;
  --ca-frost:#F4F7FA;
  --ca-paper:#EFE6D6;
  --ca-maple:#C8322B;
  --ca-maple-deep:#A52721;
  --ca-aurora:#2FB49A;
  --ca-gold:#D9A441;
  --ca-ice:#9FB2C6;
  --ca-cedar:#3F6F8F;
  --ca-amber:#E08A3C;
  --ca-line:rgba(159,178,198,.26);
  --ca-line-soft:rgba(159,178,198,.16);
  --ca-line-ink:rgba(11,27,51,.16);
  --ca-font-display:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --ca-font-body:"HarmonyOS Sans","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --ca-font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ca-wrap:1180px;
  --ca-gutter:clamp(18px,4vw,44px);
  --ca-ease:cubic-bezier(.22,.61,.36,1);
  --ca-radius:4px 18px 4px 18px;
  --ca-radius-sm:2px 10px 2px 10px;
  --ca-stack-gap:clamp(18px,2.6vw,34px);
}

/* --- 2. 重置 ------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:120px;
}
body{
  margin:0;
  background:var(--ca-ink);
  color:var(--ca-frost);
  font-family:var(--ca-font-body);
  font-size:17px;
  line-height:1.9;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{
  font-family:var(--ca-font-display);
  font-weight:900;
  line-height:1.16;
  letter-spacing:-.02em;
  margin:0 0 .55em;
}
h1{font-size:clamp(32px,5.2vw,60px);}
h2{font-size:clamp(25px,3.4vw,40px);}
h3{font-size:clamp(19px,2.1vw,25px);}
p{margin:0 0 1.1em;}
ul,ol{margin:0;padding:0;}
img,svg{display:block;max-width:100%;}
a{color:inherit;}
button{font:inherit;color:inherit;}
:focus-visible{outline:2px solid var(--ca-gold);outline-offset:3px;border-radius:3px;}
::selection{background:var(--ca-maple);color:var(--ca-frost);}

/* --- 3. 容器与栅格 ------------------------------------------------------- */
.ca-main{display:block;}
.ca-wrap{
  width:100%;
  max-width:var(--ca-wrap);
  margin:0 auto;
  padding:0 var(--ca-gutter);
}
.ca-grid{display:grid;gap:var(--ca-stack-gap);}
.ca-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.ca-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.ca-grid--aside{grid-template-columns:minmax(0,7fr) minmax(0,3fr);}
.ca-stack{display:grid;gap:var(--ca-stack-gap);}
.ca-stack--overlap > * + *{margin-top:calc(-1 * clamp(12px,2vw,26px));}

/* --- 4. 章节与正文节奏 --------------------------------------------------- */
.ca-section{
  padding:clamp(38px,6vw,86px) 0;
  border-top:1px solid var(--ca-line-soft);
}
.ca-section--paper{background:var(--ca-paper);color:var(--ca-ink);border-top-color:var(--ca-line-ink);}
.ca-section--frost{background:var(--ca-frost);color:var(--ca-ink);border-top-color:var(--ca-line-ink);}
.ca-prose{max-width:68ch;line-height:2.1;}
.ca-prose p{margin-bottom:1.5em;}
.ca-prose p:last-child{margin-bottom:0;}
.ca-lede{font-size:clamp(17px,1.9vw,21px);line-height:1.9;color:var(--ca-frost);margin-bottom:1.4em;}
.ca-lede--ink{color:var(--ca-ink);}
.ca-note{font-size:15px;line-height:1.8;color:var(--ca-ice);}
.ca-note--ink{color:rgba(11,27,51,.66);}
.ca-eyebrow{
  font-family:var(--ca-font-mono);
  font-size:12px;
  letter-spacing:.22em;
  color:var(--ca-gold);
  margin:0 0 12px;
  text-transform:uppercase;
}
.ca-eyebrow--ink{color:var(--ca-cedar);}
.ca-rule{
  height:1px;border:0;margin:clamp(20px,3vw,38px) 0;
  background:linear-gradient(90deg,var(--ca-gold),rgba(217,164,65,0));
}

/* --- 5. 刊头 ------------------------------------------------------------- */
.ca-skip{
  position:absolute;left:50%;top:-70px;transform:translateX(-50%);
  z-index:90;padding:10px 20px;background:var(--ca-gold);color:var(--ca-ink);
  font-family:var(--ca-font-mono);font-size:13px;letter-spacing:.06em;text-decoration:none;
  border-radius:0 0 6px 6px;transition:top .18s var(--ca-ease);
}
.ca-skip:focus{top:0;}

.ca-masthead{
  position:sticky;top:0;z-index:60;
  background:var(--ca-ink);
  color:var(--ca-frost);
  border-bottom:1px solid var(--ca-line);
}
.ca-masthead::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.65;
  background-image:radial-gradient(rgba(244,247,250,.07) 1px,transparent 1px);
  background-size:24px 24px;
}
.ca-masthead__inner{
  position:relative;z-index:1;
  max-width:var(--ca-wrap);margin:0 auto;
  padding:16px var(--ca-gutter) 0;
}
.ca-masthead__top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-bottom:10px;border-bottom:1px dashed var(--ca-line);
  transition:padding .25s var(--ca-ease);
}
.ca-coord{
  display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;
  font-family:var(--ca-font-mono);font-size:11px;letter-spacing:.16em;color:var(--ca-ice);
}
.ca-coord__tick{white-space:nowrap;}
.ca-masthead__meta{display:flex;align-items:center;gap:18px;}
.ca-signal{
  display:flex;align-items:center;gap:9px;margin:0;
  font-family:var(--ca-font-mono);font-size:11px;letter-spacing:.12em;color:var(--ca-aurora);
}
.ca-signal__dots{display:inline-flex;gap:4px;}
.ca-signal__dot{
  width:7px;height:7px;border-radius:50%;background:var(--ca-aurora);
  animation:ca-pulse 3.4s var(--ca-ease) infinite;
}
.ca-signal__dot:nth-child(2){animation-delay:.35s;}
.ca-signal__dot:nth-child(3){animation-delay:.7s;}
.ca-signal__dot:nth-child(4){animation-delay:1.05s;}
.ca-signal__text{white-space:nowrap;}
@keyframes ca-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}

.ca-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;background:var(--ca-maple);color:var(--ca-frost);
  font-family:var(--ca-font-mono);font-size:13px;letter-spacing:.08em;
  text-decoration:none;border:1px solid rgba(244,247,250,.2);
  border-radius:var(--ca-radius-sm);
  transition:background-color .18s var(--ca-ease),border-color .18s var(--ca-ease),padding .25s var(--ca-ease);
}
.ca-cta:hover{background:var(--ca-maple-deep);border-color:rgba(244,247,250,.42);}

.ca-brandblock{
  text-align:center;
  padding:clamp(14px,2.8vw,26px) 0 clamp(10px,1.8vw,18px);
  transition:padding .25s var(--ca-ease);
}
.ca-brand{display:inline-block;text-decoration:none;color:var(--ca-frost);}
.ca-brand__name{
  display:block;
  font-family:var(--ca-font-display);font-weight:900;
  font-size:clamp(40px,9vw,104px);line-height:.98;letter-spacing:-.03em;
  transition:font-size .25s var(--ca-ease),color .18s var(--ca-ease);
}
.ca-brand:hover .ca-brand__name{color:#fff;}
.ca-brand__meta{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:6px 18px;margin-top:12px;
  font-family:var(--ca-font-mono);font-size:12px;letter-spacing:.16em;color:var(--ca-ice);
}
.ca-brand__version{
  color:var(--ca-gold);border:1px solid rgba(217,164,65,.5);
  padding:2px 10px;border-radius:var(--ca-radius-sm);
}

/* --- 6. 导航 ------------------------------------------------------------- */
.ca-navbar{
  position:relative;
  display:flex;justify-content:center;align-items:center;
  border-top:1px solid var(--ca-line-soft);
  padding:2px 0 0;
}
.ca-nav{display:flex;align-items:center;}
.ca-nav__list{
  display:flex;flex-wrap:wrap;justify-content:center;gap:2px;
  list-style:none;margin:0;padding:0;
}
.ca-nav__item{margin:0;}
.ca-nav__link{
  position:relative;display:inline-block;padding:15px 16px;
  text-decoration:none;color:var(--ca-frost);
  font-size:15px;letter-spacing:.04em;line-height:1.2;
  transition:color .18s var(--ca-ease),background-color .18s var(--ca-ease),padding .25s var(--ca-ease);
}
.ca-nav__link::after{
  content:"";position:absolute;left:16px;right:16px;bottom:9px;height:3px;
  background:var(--ca-maple);
  transform:scaleX(0);transform-origin:left;
  transition:transform .18s var(--ca-ease);
}
.ca-nav__link:hover{color:#fff;background:rgba(244,247,250,.06);}
.ca-nav__link:hover::after{transform:scaleX(1);}
.ca-nav__link[aria-current="page"]{color:#fff;}
.ca-nav__link[aria-current="page"]::after{transform:scaleX(1);background:var(--ca-maple);}

.ca-nav__toggle{display:none;}
.ca-nav__toggle-label{font-family:var(--ca-font-mono);font-size:12px;letter-spacing:.18em;}
.ca-nav__toggle-bars{position:relative;display:block;width:22px;height:10px;}
.ca-nav__toggle-bars::before,
.ca-nav__toggle-bars::after{
  content:"";position:absolute;left:0;right:0;height:2px;background:var(--ca-aurora);
  transition:transform .2s var(--ca-ease),top .2s var(--ca-ease),bottom .2s var(--ca-ease);
}
.ca-nav__toggle-bars::before{top:0;}
.ca-nav__toggle-bars::after{bottom:0;}
.ca-nav__toggle[aria-expanded="true"] .ca-nav__toggle-bars::before{top:4px;transform:rotate(45deg);}
.ca-nav__toggle[aria-expanded="true"] .ca-nav__toggle-bars::after{bottom:4px;transform:rotate(-45deg);}

.ca-progress{
  position:relative;height:2px;margin-top:2px;
  background:rgba(159,178,198,.18);
}
.ca-progress__bar{
  display:block;height:100%;width:100%;
  background:linear-gradient(90deg,var(--ca-aurora),var(--ca-gold) 70%,var(--ca-maple));
  transform:scaleX(0);transform-origin:left;
}

/* --- 7. 页脚 ------------------------------------------------------------- */
.ca-footer{
  position:relative;overflow:hidden;
  background:var(--ca-ink);color:var(--ca-frost);
  border-top:1px solid var(--ca-line);
}
.ca-footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background-image:radial-gradient(rgba(244,247,250,.055) 1px,transparent 1px);
  background-size:28px 28px;
}
.ca-footer__inner{
  position:relative;z-index:1;
  max-width:var(--ca-wrap);margin:0 auto;
  padding:clamp(34px,5vw,66px) var(--ca-gutter) 26px;
  display:grid;
  grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:clamp(26px,3.6vw,50px);
}
.ca-footer__brand{min-width:0;}
.ca-footer__name{
  font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:-.02em;
  margin:0 0 10px;color:var(--ca-frost);
}
.ca-footer__domain{
  margin:0 0 16px;font-family:var(--ca-font-mono);font-size:12px;
  letter-spacing:.14em;color:var(--ca-gold);
}
.ca-footer__library{
  margin:0;max-width:34ch;font-size:15px;line-height:1.8;color:var(--ca-ice);
}
.ca-footer__index{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px 20px;min-width:0;
}
.ca-footer__group{min-width:0;}
.ca-footer__title{
  position:relative;margin:0 0 12px;padding-left:12px;
  font-family:var(--ca-font-mono);font-size:12px;font-weight:600;
  letter-spacing:.18em;color:var(--ca-frost);
}
.ca-footer__title::before{
  content:"";position:absolute;left:0;top:.62em;width:6px;height:2px;background:var(--ca-maple);
}
.ca-footer__list{list-style:none;display:grid;gap:8px;}
.ca-footer__link{
  display:inline-block;font-size:15px;line-height:1.6;
  color:var(--ca-ice);text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ca-ease),border-color .18s var(--ca-ease);
}
.ca-footer__link:hover{color:var(--ca-frost);border-bottom-color:var(--ca-maple);}
.ca-footer__link[aria-current="page"]{color:var(--ca-frost);border-bottom-color:var(--ca-maple);}
.ca-footer__contact{
  grid-column:1 / -1;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:20px 26px;
  border-top:1px dashed var(--ca-line);padding-top:24px;
}
.ca-footer__note{margin:0;font-size:15px;line-height:1.8;color:var(--ca-ice);}
.ca-footer__note--wide{grid-column:1 / -1;font-family:var(--ca-font-mono);font-size:12px;letter-spacing:.05em;}
.ca-footer__base{
  grid-column:1 / -1;
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;
  border-top:1px solid var(--ca-line);padding-top:18px;
  font-family:var(--ca-font-mono);font-size:12px;letter-spacing:.1em;color:var(--ca-ice);
}
.ca-footer__base p{margin:0;}
.ca-footer__icp{color:var(--ca-ice);}
.ca-footer__copy{color:rgba(159,178,198,.85);}

/* --- 8. 按钮与复制 ------------------------------------------------------- */
.ca-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 22px;background:var(--ca-maple);color:var(--ca-frost);
  font-size:15px;letter-spacing:.04em;text-decoration:none;
  border:1px solid var(--ca-maple);border-radius:var(--ca-radius-sm);cursor:pointer;
  transition:background-color .18s var(--ca-ease),color .18s var(--ca-ease),border-color .18s var(--ca-ease);
}
.ca-btn:hover{background:var(--ca-maple-deep);border-color:var(--ca-maple-deep);}
.ca-btn--ghost{background:transparent;color:var(--ca-frost);border-color:var(--ca-ice);}
.ca-btn--ghost:hover{background:rgba(244,247,250,.08);border-color:var(--ca-gold);color:#fff;}
.ca-btn--paper{background:transparent;color:var(--ca-ink);border-color:rgba(11,27,51,.38);}
.ca-btn--paper:hover{background:var(--ca-ink);color:var(--ca-frost);border-color:var(--ca-ink);}

.ca-copy{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 14px;background:rgba(244,247,250,.05);
  border:1px solid var(--ca-line);border-radius:var(--ca-radius-sm);
  color:var(--ca-frost);font-family:var(--ca-font-mono);font-size:12px;letter-spacing:.05em;
  cursor:pointer;
  transition:background-color .18s var(--ca-ease),border-color .18s var(--ca-ease),color .18s var(--ca-ease);
}
.ca-copy__value{color:inherit;}
.ca-copy__hint{color:var(--ca-gold);letter-spacing:.14em;}
.ca-copy:hover{border-color:var(--ca-gold);color:var(--ca-gold);}
.ca-copy[data-copied="true"]{background:var(--ca-aurora);border-color:var(--ca-aurora);color:#04211C;}
.ca-copy[data-copied="true"] .ca-copy__hint{color:#04211C;}
.ca-copy__state{
  display:inline-block;min-height:1em;margin-top:6px;
  font-family:var(--ca-font-mono);font-size:11px;letter-spacing:.12em;color:var(--ca-aurora);
  opacity:0;transition:opacity .18s var(--ca-ease);
}
.ca-copy__state[data-visible="true"]{opacity:1;}

/* --- 9. 面板 / 索引 / 序号 ---------------------------------------------- */
.ca-panel{
  position:relative;
  background:var(--ca-ink-2);color:var(--ca-frost);
  border:1px solid var(--ca-cedar);border-radius:var(--ca-radius);
  padding:clamp(20px,3vw,40px);
}
.ca-panel--paper{background:var(--ca-paper);color:var(--ca-ink);border-color:var(--ca-line-ink);}
.ca-panel--frost{background:var(--ca-frost);color:var(--ca-ink);border-color:var(--ca-line-ink);}
.ca-panel--focus{border-color:var(--ca-maple);}
.ca-panel > :last-child{margin-bottom:0;}

.ca-section-head{
  display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:clamp(14px,2vw,28px);align-items:start;
  margin-bottom:clamp(16px,2.4vw,30px);
}
.ca-section-head__num{
  font-family:var(--ca-font-mono);font-weight:700;line-height:1;
  font-size:clamp(34px,5vw,64px);color:var(--ca-maple);
}
.ca-section-head__title{margin:0 0 6px;}
.ca-section-head__note{margin:0;font-size:15px;color:var(--ca-ice);}

.ca-num{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:54px;padding:6px 12px;
  font-family:var(--ca-font-mono);font-weight:700;line-height:1;
  font-size:clamp(19px,2.2vw,28px);
  color:var(--ca-gold);background:transparent;
  border:1px solid rgba(217,164,65,.55);border-radius:var(--ca-radius-sm);
  text-decoration:none;
  transition:background-color .18s var(--ca-ease),color .18s var(--ca-ease),
             border-color .18s var(--ca-ease),transform .18s var(--ca-ease);
}
a.ca-num:hover,
.ca-index__row:hover .ca-num{
  background:var(--ca-maple);color:var(--ca-frost);
  border-color:var(--ca-maple);transform:translateY(-2px);
}

.ca-index{
  list-style:none;margin:0;padding:0;
  border-top:1px solid var(--ca-line);
}
.ca-index__row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:clamp(12px,2vw,22px);align-items:center;
  padding:14px 12px;line-height:1.5;
  border-bottom:1px solid var(--ca-line);
  color:inherit;text-decoration:none;
  transition:background-color .18s var(--ca-ease),border-color .18s var(--ca-ease);
}
a.ca-index__row:hover{background:rgba(244,247,250,.06);}
.ca-index__label{font-size:16px;letter-spacing:.02em;}
.ca-index__meta{
  font-family:var(--ca-font-mono);font-size:12px;letter-spacing:.08em;
  color:var(--ca-ice);text-align:right;
}
.ca-index--paper{border-top-color:var(--ca-line-ink);}
.ca-index--paper .ca-index__row{border-bottom-color:var(--ca-line-ink);color:var(--ca-ink);}
.ca-index--paper a.ca-index__row:hover{background:rgba(11,27,51,.05);}
.ca-index--paper .ca-index__meta{color:rgba(11,27,51,.6);}

/* --- 10. 标签 / 坐标刻度栏 ---------------------------------------------- */
.ca-tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 10px;font-family:var(--ca-font-mono);
  font-size:11px;letter-spacing:.14em;line-height:1.7;
  color:var(--ca-ice);border:1px solid currentColor;border-radius:var(--ca-radius-sm);
}
.ca-tag--live{color:var(--ca-aurora);}
.ca-tag--warn{color:var(--ca-amber);}
.ca-tag--index{color:var(--ca-gold);}
.ca-tag--maple{color:var(--ca-maple);}

.ca-rail{list-style:none;margin:0;padding:0;font-family:var(--ca-font-mono);font-size:12px;letter-spacing:.1em;}
.ca-rail__item{
  position:relative;padding:9px 0 9px 20px;
  border-left:1px solid var(--ca-line);
}
.ca-rail__item::before{
  content:"";position:absolute;left:-4px;top:50%;
  width:7px;height:7px;border-radius:50%;background:var(--ca-cedar);
  transform:translateY(-50%);
  transition:background-color .18s var(--ca-ease),transform .18s var(--ca-ease);
}
.ca-rail__link{color:var(--ca-ice);text-decoration:none;transition:color .18s var(--ca-ease);}
.ca-rail__link:hover{color:var(--ca-frost);}
.ca-rail__link[aria-current="true"]{color:var(--ca-frost);}
.ca-rail__item[data-active="true"]::before{background:var(--ca-aurora);transform:translateY(-50%) scale(1.4);}

/* --- 11. 面包屑 ---------------------------------------------------------- */
.ca-breadcrumb{
  margin:0 0 clamp(14px,2vw,22px);
  font-family:var(--ca-font-mono);font-size:12px;letter-spacing:.08em;color:var(--ca-ice);
}
.ca-breadcrumb__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;}
.ca-breadcrumb__item{display:flex;align-items:center;gap:8px;}
.ca-breadcrumb__link{
  color:var(--ca-ice);text-decoration:none;
  border-bottom:1px solid rgba(159,178,198,.4);
  transition:color .18s var(--ca-ease),border-color .18s var(--ca-ease);
}
.ca-breadcrumb__link:hover{color:var(--ca-gold);border-bottom-color:var(--ca-gold);}
.ca-breadcrumb__sep{color:rgba(159,178,198,.55);}
.ca-breadcrumb__current{color:var(--ca-frost);}
.ca-breadcrumb--paper{color:rgba(11,27,51,.62);}
.ca-breadcrumb--paper .ca-breadcrumb__link{color:rgba(11,27,51,.66);border-bottom-color:rgba(11,27,51,.3);}
.ca-breadcrumb--paper .ca-breadcrumb__link:hover{color:var(--ca-maple);border-bottom-color:var(--ca-maple);}
.ca-breadcrumb--paper .ca-breadcrumb__sep{color:rgba(11,27,51,.35);}
.ca-breadcrumb--paper .ca-breadcrumb__current{color:var(--ca-ink);}

/* --- 12. 图像容器 -------------------------------------------------------- */
.ca-figure{margin:0;}
.ca-media{
  position:relative;overflow:hidden;
  border:1px solid var(--ca-cedar);border-radius:6px 22px 6px 22px;
  background:linear-gradient(150deg,var(--ca-ink-2),#081426 62%,rgba(47,180,154,.16));
}
.ca-media img{width:100%;height:100%;object-fit:cover;display:block;}
.ca-media--16x9{aspect-ratio:16/9;}
.ca-media--4x3{aspect-ratio:4/3;}
.ca-media--1x1{aspect-ratio:1/1;}
.ca-media--3x4{aspect-ratio:3/4;}
.ca-media--maple{background:linear-gradient(160deg,#2B100D,var(--ca-maple));}
.ca-media--aurora{background:linear-gradient(160deg,#062B26,var(--ca-aurora));}
.ca-media__caption{
  margin-top:10px;
  font-family:var(--ca-font-mono);font-size:12px;letter-spacing:.06em;color:var(--ca-ice);
}

/* --- 13. 响应式 ---------------------------------------------------------- */
@media (max-width:1080px){
  .ca-footer__index{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  .ca-masthead__inner{padding-top:14px;}
  .ca-masthead__top{flex-direction:column;align-items:stretch;gap:10px;}
  .ca-masthead__meta{width:100%;justify-content:space-between;}
  .ca-brandblock{padding:16px 0 14px;}
  .ca-brand__name{font-size:clamp(32px,11vw,56px);}
  .ca-brand__meta{margin-top:10px;font-size:11px;letter-spacing:.12em;}
  .ca-navbar{display:block;padding:12px 0 16px;}
  .ca-nav__toggle{
    display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
    padding:14px 16px;background:var(--ca-ink-2);color:var(--ca-frost);
    border:1px solid var(--ca-line);border-radius:var(--ca-radius-sm);cursor:pointer;
  }
  .ca-nav{
    display:block;max-height:0;overflow:hidden;opacity:0;
    transition:max-height .28s var(--ca-ease),opacity .2s var(--ca-ease);
  }
  .ca-nav[data-open]{max-height:600px;opacity:1;}
  .ca-nav__list{display:grid;gap:0;padding-top:8px;}
  .ca-nav__link{
    display:block;padding:14px 12px;
    border-left:3px solid transparent;
    border-bottom:1px solid var(--ca-line-soft);
  }
  .ca-nav__link::after{left:12px;right:12px;bottom:8px;height:2px;}
  .ca-nav__link[aria-current="page"]{border-left-color:var(--ca-maple);background:rgba(200,50,43,.12);}
  .ca-grid--2,.ca-grid--3,.ca-grid--aside{grid-template-columns:minmax(0,1fr);}
  .ca-footer__inner{grid-template-columns:minmax(0,1fr);}
  .ca-footer__index{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  body{font-size:16px;}
  .ca-coord{display:none;}
  .ca-masthead__meta{flex-wrap:wrap;gap:12px;}
  .ca-cta{width:100%;justify-content:center;}
  .ca-section-head{grid-template-columns:minmax(0,1fr);}
  .ca-index__row{grid-template-columns:auto minmax(0,1fr);row-gap:4px;}
  .ca-index__meta{grid-column:2;text-align:left;}
  .ca-footer__base{flex-direction:column;}
}

/* --- 14. 滚动收缩态（桌面） --------------------------------------------- */
@media (min-width:901px){
  .ca-masthead[data-condensed] .ca-coord,
  .ca-masthead[data-condensed] .ca-signal{display:none;}
  .ca-masthead[data-condensed] .ca-masthead__top{
    justify-content:flex-end;padding-bottom:8px;border-bottom-color:transparent;
  }
  .ca-masthead[data-condensed] .ca-brandblock{padding:8px 0 6px;}
  .ca-masthead[data-condensed] .ca-brand__name{font-size:30px;letter-spacing:-.01em;}
  .ca-masthead[data-condensed] .ca-brand__meta{margin-top:6px;font-size:11px;}
  .ca-masthead[data-condensed] .ca-nav__link{padding:12px 16px;}
  .ca-masthead[data-condensed] .ca-nav__link::after{bottom:6px;}
}

/* --- 15. 焦点与减弱动效 -------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .ca-brand__name,.ca-brandblock,.ca-masthead__top,.ca-nav__link,.ca-cta,.ca-nav{transition:none !important;}
  .ca-progress__bar{transform:scaleX(0) !important;}
}