/* ==========================================================================
   大阳城主站 · 共享样式表 /assets/site.css
   1 reset · 2 变量 · 3 基础排版 · 4 布局工具 · 5 排版工具
   6 按钮/标签/链接 · 7 图片容器 · 8 面包屑 · 9 页头 · 10 检索面板
   11 页脚 · 12 响应式 · 13 可访问性
   ========================================================================== */

/* ---------- 1. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
[hidden]{display:none!important}
img,svg,video{max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;width:100%}

/* ---------- 2. 变量 ---------- */
:root{
  --dc-ink:#0E2A2F;
  --dc-ink-deep:#08191C;
  --dc-copper:#C4552D;
  --dc-copper-dark:#9A3F20;
  --dc-amber:#E8A13C;
  --dc-paper:#F4EFE6;
  --dc-card:#FBF8F2;
  --dc-slate:#6E8A8C;
  --dc-line:#C9D6D3;
  --dc-blue:#2F4A52;
  --dc-text:#12262A;
  --dc-warm:#F4EFE6;

  --dc-serif:'Source Han Serif SC','思源宋体','Songti SC',ui-serif,serif;
  --dc-sans:'Source Han Sans SC','思源黑体','PingFang SC',system-ui,-apple-system,sans-serif;
  --dc-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,'Courier New',monospace;

  --dc-max:1280px;
  --dc-gutter:clamp(16px,4vw,56px);
  --dc-header-h:78px;
  --dc-hair:1px solid var(--dc-line);
  --dc-hair-ink:1px solid rgba(201,214,211,.22);
}

/* ---------- 3. 基础排版 ---------- */
html{scroll-padding-top:calc(var(--dc-header-h) + 20px)}
body{
  background:var(--dc-paper);
  color:var(--dc-text);
  font-family:var(--dc-sans);
  font-size:17px;
  line-height:1.85;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
p{max-width:72ch}
strong,b{font-weight:600}
::selection{background:var(--dc-amber);color:var(--dc-ink-deep)}
.dc-mono{font-family:var(--dc-mono);font-size:.92em;letter-spacing:.06em;font-variant-numeric:tabular-nums}

/* ---------- 4. 布局工具 ---------- */
.dc-main{padding-top:var(--dc-header-h);display:block}
.dc-main--flush{padding-top:0}
.dc-container{
  width:100%;
  max-width:var(--dc-max);
  margin:0 auto;
  padding:0 var(--dc-gutter);
}
.dc-container--narrow{max-width:840px}
.dc-section{padding:clamp(44px,6.4vw,92px) 0}
.dc-grid{display:grid;gap:clamp(18px,2.4vw,32px)}
.dc-grid--8-5{grid-template-columns:minmax(0,8fr) minmax(0,5fr)}
.dc-grid--split{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr)}

/* ---------- 5. 排版工具 ---------- */
.dc-display{
  font-family:var(--dc-serif);
  font-weight:900;
  font-size:clamp(42px,6.6vw,92px);
  line-height:1.05;
  letter-spacing:.005em;
}
.dc-h2{
  font-family:var(--dc-serif);
  font-weight:900;
  font-size:clamp(26px,3.2vw,44px);
  line-height:1.2;
}
.dc-h3{
  font-family:var(--dc-sans);
  font-weight:600;
  font-size:clamp(19px,1.6vw,24px);
  line-height:1.4;
}
.dc-lede{
  font-size:clamp(16px,1.3vw,19px);
  line-height:1.85;
  color:var(--dc-blue);
  max-width:58ch;
}
.dc-eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  font-family:var(--dc-mono);
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--dc-copper-dark);
}
.dc-eyebrow::after{content:"";height:1px;flex:1 1 auto;background:var(--dc-line)}
.dc-eyebrow--on-ink{color:var(--dc-amber)}
.dc-eyebrow--on-ink::after{background:rgba(201,214,211,.28)}
.dc-num{
  display:block;
  font-family:var(--dc-mono);
  font-weight:500;
  font-size:clamp(26px,3.6vw,52px);
  line-height:1;
  letter-spacing:.02em;
  color:var(--dc-copper);
}
.dc-note{
  font-family:var(--dc-mono);
  font-size:12px;
  line-height:1.7;
  letter-spacing:.06em;
  color:var(--dc-blue);
}
.dc-rule{border:0;height:1px;background:var(--dc-line);width:100%}

/* ---------- 6. 按钮 / 标签 / 链接 ---------- */
.dc-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 22px;
  border:1px solid var(--dc-copper);
  background:transparent;
  color:var(--dc-text);
  font-family:var(--dc-sans);
  font-size:15px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.04em;
  border-radius:0;
  transition:background-color 140ms linear,border-color 140ms linear,color 140ms linear;
}
.dc-btn:hover,.dc-btn:focus-visible{
  background:var(--dc-amber);
  border-color:var(--dc-amber);
  color:var(--dc-ink-deep);
}
.dc-btn--solid{
  background:var(--dc-copper-dark);
  border-color:var(--dc-copper-dark);
  color:#FBF8F2;
}
.dc-btn--solid:hover,.dc-btn--solid:focus-visible{
  background:var(--dc-amber);
  border-color:var(--dc-amber);
  color:var(--dc-ink-deep);
}
.dc-btn--on-ink{border-color:rgba(201,214,211,.5);color:var(--dc-warm)}
.dc-btn--on-ink:hover,.dc-btn--on-ink:focus-visible{
  background:var(--dc-amber);
  border-color:var(--dc-amber);
  color:var(--dc-ink-deep);
}
.dc-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 9px;
  background:var(--dc-amber);
  color:var(--dc-ink-deep);
  font-family:var(--dc-mono);
  font-size:11px;
  line-height:1.5;
  letter-spacing:.14em;
  text-transform:uppercase;
  border-radius:0;
}
.dc-tag--line{
  background:transparent;
  border:1px solid var(--dc-copper);
  color:var(--dc-copper-dark);
}
.dc-link{
  position:relative;
  color:var(--dc-copper-dark);
  text-decoration:none;
  border-bottom:1px solid var(--dc-line);
  transition:border-color 160ms linear,color 160ms linear;
}
.dc-link:hover,.dc-link:focus-visible{border-bottom-color:var(--dc-copper);color:var(--dc-text)}

/* ---------- 7. 图片容器 ---------- */
.dc-media{
  position:relative;
  display:block;
  overflow:hidden;
  margin:0;
  background:var(--dc-ink-deep);
  border:1px solid var(--dc-line);
  border-radius:0;
}
.dc-media>img,.dc-media>picture>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.dc-media--16x9{aspect-ratio:16/9}
.dc-media--4x3{aspect-ratio:4/3}
.dc-media--1x1{aspect-ratio:1/1}
.dc-media--tall{aspect-ratio:3/4}
.dc-media--grain::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(0deg,rgba(8,25,28,.30) 0 1px,rgba(8,25,28,0) 1px 3px),
    repeating-linear-gradient(90deg,rgba(244,239,230,.07) 0 1px,rgba(244,239,230,0) 1px 4px);
}
.dc-media__caption{
  display:block;
  margin-top:10px;
  font-family:var(--dc-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--dc-blue);
}

/* ---------- 8. 面包屑 ---------- */
.dc-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:18px 0;
  border-bottom:var(--dc-hair);
  font-family:var(--dc-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--dc-blue);
}
.dc-breadcrumb a{color:var(--dc-copper-dark);transition:color 140ms linear}
.dc-breadcrumb a:hover{color:var(--dc-text)}
.dc-breadcrumb__sep{color:var(--dc-slate)}

/* ---------- 9. 页头 ---------- */
.dc-skip{
  position:fixed;
  top:10px;
  left:12px;
  z-index:200;
  padding:10px 18px;
  background:var(--dc-amber);
  color:var(--dc-ink-deep);
  font-size:14px;
  font-weight:600;
  letter-spacing:.04em;
  transform:translateY(-220%);
  transition:transform 160ms ease;
}
.dc-skip:focus,.dc-skip:focus-visible{transform:translateY(0);outline:2px solid var(--dc-ink-deep);outline-offset:2px}

.dc-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:90;
  background:transparent;
  color:var(--dc-warm);
  border-bottom:1px solid rgba(244,239,230,.18);
  transition:background-color 180ms linear,border-color 180ms linear;
}
.dc-header[data-scrolled],
.dc-header[data-nav-open]{
  background:var(--dc-ink);
  border-bottom-color:rgba(201,214,211,.26);
}

.dc-header__bar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:clamp(12px,2vw,32px);
  width:100%;
  max-width:var(--dc-max);
  min-height:var(--dc-header-h);
  margin:0 auto;
  padding:0 var(--dc-gutter);
}

.dc-brand{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  padding:6px 0 6px 12px;
  border-left:2px solid var(--dc-copper);
  line-height:1;
  transition:border-color 140ms linear;
}
.dc-brand:hover,.dc-brand:focus-visible{border-left-color:var(--dc-amber)}
.dc-brand__mark{
  font-family:var(--dc-serif);
  font-weight:900;
  font-size:22px;
  letter-spacing:.1em;
  color:var(--dc-warm);
}
.dc-brand__code{
  font-family:var(--dc-mono);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(244,239,230,.6);
}

.dc-nav{display:flex;justify-content:center;align-items:center;min-width:0}
.dc-nav__head,.dc-nav__foot{display:none}
.dc-nav__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:clamp(8px,1.5vw,26px);
}
.dc-nav__item{display:block}
.dc-nav__link{
  position:relative;
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  padding:10px 2px;
  font-size:15px;
  font-weight:500;
  line-height:1.4;
  color:rgba(244,239,230,.84);
  transition:color 140ms linear;
}
.dc-nav__link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:1px;
  background:var(--dc-copper);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 160ms ease;
}
.dc-nav__link:hover,.dc-nav__link:focus-visible,.dc-nav__link[aria-current="page"]{color:#FBF8F2}
.dc-nav__link:hover::after,
.dc-nav__link:focus-visible::after,
.dc-nav__link[aria-current="page"]::after{transform:scaleX(1)}
.dc-nav__num{
  font-family:var(--dc-mono);
  font-size:10px;
  letter-spacing:.12em;
  color:rgba(232,161,60,.62);
}
.dc-nav__link[aria-current="page"] .dc-nav__num{color:var(--dc-amber)}

.dc-header__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  justify-self:end;
}
.dc-iconbtn{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(201,214,211,.36);
  color:var(--dc-warm);
  border-radius:0;
  transition:border-color 140ms linear,background-color 140ms linear,color 140ms linear;
}
.dc-iconbtn:hover,.dc-iconbtn:focus-visible{border-color:var(--dc-amber);color:var(--dc-amber)}
.dc-iconbtn[aria-expanded="true"]{
  background:var(--dc-amber);
  border-color:var(--dc-amber);
  color:var(--dc-ink-deep);
}
.dc-iconbtn__svg{display:block}

.dc-cta{
  display:inline-flex;
  align-items:center;
  padding:9px 16px;
  border:1px solid var(--dc-copper);
  color:var(--dc-warm);
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.06em;
  white-space:nowrap;
  border-radius:0;
  transition:background-color 140ms linear,border-color 140ms linear,color 140ms linear;
}
.dc-cta:hover,.dc-cta:focus-visible{
  background:var(--dc-amber);
  border-color:var(--dc-amber);
  color:var(--dc-ink-deep);
}

.dc-burger{
  display:none;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid rgba(201,214,211,.36);
  color:var(--dc-warm);
  border-radius:0;
  transition:border-color 140ms linear,color 140ms linear;
}
.dc-burger:hover,.dc-burger:focus-visible{border-color:var(--dc-amber)}
.dc-burger__line{
  display:block;
  width:2px;
  background:var(--dc-copper);
  transition:background-color 140ms linear,height 140ms linear;
}
.dc-burger__line:nth-child(1){height:16px}
.dc-burger__line:nth-child(2){height:10px;background:var(--dc-amber)}
.dc-burger__text{
  font-family:var(--dc-mono);
  font-size:11px;
  letter-spacing:.18em;
  line-height:1;
}
.dc-burger[aria-expanded="true"]{border-color:var(--dc-amber);color:var(--dc-amber)}
.dc-burger[aria-expanded="true"] .dc-burger__line{background:var(--dc-amber);height:12px}

.dc-progress{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  pointer-events:none;
  background:transparent;
}
.dc-progress__fill{
  display:block;
  height:100%;
  width:0;
  background:var(--dc-copper);
  transition:width 80ms linear;
}

/* ---------- 10. 页头栏目检索 ---------- */
.dc-search{
  background:var(--dc-ink-deep);
  border-top:1px solid rgba(201,214,211,.24);
  max-height:min(72vh,520px);
  overflow-y:auto;
}
.dc-search__inner{
  display:grid;
  grid-template-columns:minmax(200px,300px) minmax(0,1fr);
  grid-template-areas:
    "label list"
    "input list"
    "empty list";
  align-items:start;
  gap:10px 38px;
  width:100%;
  max-width:var(--dc-max);
  margin:0 auto;
  padding:20px var(--dc-gutter) 26px;
}
.dc-search__label{
  grid-area:label;
  font-family:var(--dc-mono);
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--dc-amber);
}
.dc-search__input{
  grid-area:input;
  width:100%;
  padding:10px 12px;
  background:transparent;
  border:1px solid rgba(201,214,211,.4);
  border-radius:0;
  color:var(--dc-warm);
  font-family:var(--dc-sans);
  font-size:15px;
  line-height:1.5;
  transition:border-color 140ms linear;
  appearance:none;
}
.dc-search__input::placeholder{color:rgba(244,239,230,.46)}
.dc-search__input:focus{
  outline:none;
  border-color:var(--dc-amber);
  box-shadow:inset 0 0 0 1px var(--dc-amber);
}
.dc-search__list{
  grid-area:list;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-content:flex-start;
}
.dc-search__item{display:block}
.dc-search__link{
  display:inline-flex;
  align-items:baseline;
  gap:9px;
  padding:7px 13px;
  border:1px solid rgba(201,214,211,.26);
  font-size:14px;
  line-height:1.5;
  color:rgba(244,239,230,.9);
  transition:border-color 140ms linear,background-color 140ms linear,color 140ms linear;
}
.dc-search__link .dc-mono{font-size:10px;letter-spacing:.14em;color:var(--dc-amber)}
.dc-search__link:hover,.dc-search__link:focus-visible{
  border-color:var(--dc-copper);
  background:rgba(196,85,45,.2);
  color:#FBF8F2;
}
.dc-search__empty{
  grid-area:empty;
  font-size:14px;
  line-height:1.7;
  color:rgba(244,239,230,.72);
}

/* ---------- 11. 页脚 ---------- */
.dc-footer{
  background:var(--dc-ink);
  color:var(--dc-warm);
  border-top:1px solid rgba(201,214,211,.26);
  padding:clamp(38px,5.6vw,72px) 0 0;
}
.dc-footer__inner{
  width:100%;
  max-width:var(--dc-max);
  margin:0 auto;
  padding:0 var(--dc-gutter);
}
.dc-footer__top{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  align-items:end;
  gap:28px;
  padding-bottom:clamp(24px,3vw,38px);
  border-bottom:var(--dc-hair-ink);
}
.dc-footer__claim{
  font-family:var(--dc-serif);
  font-weight:900;
  font-size:clamp(22px,3vw,34px);
  line-height:1.32;
  letter-spacing:.01em;
  color:var(--dc-warm);
  max-width:22ch;
}
.dc-footer__index{justify-self:end;text-align:right}
.dc-footer__index-label{
  display:block;
  font-family:var(--dc-mono);
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--dc-amber);
  margin-bottom:8px;
}
.dc-footer__index-link{
  position:relative;
  display:inline-block;
  padding-bottom:3px;
  font-size:16px;
  font-weight:500;
  color:var(--dc-warm);
  border-bottom:1px solid rgba(201,214,211,.4);
  transition:border-color 160ms linear,color 160ms linear;
}
.dc-footer__index-link:hover,.dc-footer__index-link:focus-visible{
  border-bottom-color:var(--dc-copper);
  color:var(--dc-amber);
}
.dc-footer__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px clamp(20px,4vw,48px);
  padding:clamp(24px,3.4vw,40px) 0;
  border-bottom:var(--dc-hair-ink);
}
.dc-footer__col{min-width:0}
.dc-footer__col-title{
  font-family:var(--dc-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(244,239,230,.55);
  padding-bottom:10px;
  margin-bottom:6px;
  border-bottom:1px solid rgba(201,214,211,.18);
}
.dc-footer__list{display:flex;flex-direction:column;gap:2px}
.dc-footer__link{
  position:relative;
  display:inline-block;
  padding:5px 0;
  font-size:15px;
  line-height:1.5;
  color:rgba(244,239,230,.88);
  transition:color 140ms linear;
}
.dc-footer__link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:3px;
  width:100%;
  height:1px;
  background:var(--dc-copper);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 160ms ease;
}
.dc-footer__link:hover,.dc-footer__link:focus-visible{color:#FBF8F2}
.dc-footer__link:hover::after,.dc-footer__link:focus-visible::after{transform:scaleX(1)}

.dc-footer__meta{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:18px clamp(20px,3vw,40px);
  padding:clamp(20px,3vw,30px) 0;
  border-bottom:var(--dc-hair-ink);
}
.dc-footer__meta-item{
  font-size:14px;
  line-height:1.75;
  color:rgba(244,239,230,.86);
  overflow-wrap:anywhere;
}
.dc-footer__meta-label{
  display:block;
  font-family:var(--dc-mono);
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--dc-amber);
  margin-bottom:5px;
}

.dc-footer__bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 28px;
  padding:20px 0 28px;
}
.dc-footer__copy{
  font-family:var(--dc-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:rgba(244,239,230,.66);
}
.dc-footer__legal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.dc-footer__legal-link{
  position:relative;
  font-size:13px;
  line-height:1.6;
  color:rgba(244,239,230,.78);
  padding-bottom:2px;
  transition:color 140ms linear;
}
.dc-footer__legal-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:var(--dc-copper);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 160ms ease;
}
.dc-footer__legal-link:hover,.dc-footer__legal-link:focus-visible{color:#FBF8F2}
.dc-footer__legal-link:hover::after,.dc-footer__legal-link:focus-visible::after{transform:scaleX(1)}

/* ---------- 12. 响应式 ---------- */
@media (max-width:1080px){
  .dc-nav__num{display:none}
  .dc-nav__link{font-size:14px}
}

@media (max-width:900px){
  :root{--dc-header-h:64px}

  .dc-header__bar{grid-template-columns:auto 1fr;gap:12px}
  .dc-burger{display:inline-flex}
  .dc-brand__mark{font-size:19px}

  .dc-nav{
    position:fixed;
    top:var(--dc-header-h);
    left:0;
    bottom:0;
    width:min(86vw,340px);
    z-index:95;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding:22px 22px 30px;
    background:var(--dc-ink);
    border-right:1px solid rgba(201,214,211,.26);
    border-top:1px solid rgba(201,214,211,.26);
    overflow-y:auto;
    transform:translateX(-101%);
    visibility:hidden;
    transition:transform 220ms cubic-bezier(.22,.7,.28,1),visibility 0s linear 220ms;
  }
  .dc-nav[data-open]{
    transform:translateX(0);
    visibility:visible;
    transition:transform 220ms cubic-bezier(.22,.7,.28,1),visibility 0s linear 0s;
  }
  .dc-nav__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom:14px;
    margin-bottom:6px;
    border-bottom:1px solid rgba(201,214,211,.22);
  }
  .dc-nav__head-label{
    font-family:var(--dc-mono);
    font-size:11px;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--dc-amber);
  }
  .dc-nav__close{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border:1px solid rgba(201,214,211,.36);
    color:var(--dc-warm);
    font-family:var(--dc-mono);
    font-size:16px;
    line-height:1;
    transition:border-color 140ms linear,color 140ms linear;
  }
  .dc-nav__close:hover,.dc-nav__close:focus-visible{border-color:var(--dc-amber);color:var(--dc-amber)}
  .dc-nav__list{flex-direction:column;align-items:stretch;gap:0}
  .dc-nav__item{border-bottom:1px solid rgba(201,214,211,.14)}
  .dc-nav__link{
    display:flex;
    align-items:baseline;
    gap:12px;
    width:100%;
    padding:15px 0;
    font-size:17px;
    color:rgba(244,239,230,.9);
  }
  .dc-nav__num{display:inline;font-size:11px;color:var(--dc-amber)}
  .dc-nav__link::after{display:none}
  .dc-nav__link[aria-current="page"]{color:var(--dc-amber)}
  .dc-nav__foot{
    display:block;
    margin-top:auto;
    padding-top:22px;
    font-family:var(--dc-mono);
    font-size:11px;
    line-height:1.9;
    letter-spacing:.06em;
    color:rgba(244,239,230,.6);
    overflow-wrap:anywhere;
  }

  .dc-search__inner{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "label"
      "input"
      "empty"
      "list";
    gap:10px;
    padding:16px var(--dc-gutter) 22px;
  }
  .dc-search{max-height:calc(100vh - var(--dc-header-h));}

  .dc-footer__top{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}
  .dc-footer__index{justify-self:start;text-align:left}
  .dc-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dc-grid--8-5,.dc-grid--split{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:560px){
  .dc-brand__code{display:none}
  .dc-header__actions{gap:8px}
  .dc-cta{padding:8px 11px;font-size:13px;letter-spacing:.02em}
  .dc-iconbtn{width:34px;height:34px}
  .dc-burger{padding:8px}
  .dc-burger__text{display:none}
  .dc-footer__grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .dc-footer__bottom{flex-direction:column;align-items:flex-start;gap:10px}
  body{font-size:16px}
}

/* ---------- 13. 可访问性 ---------- */
:focus-visible{outline:2px solid var(--dc-copper-dark);outline-offset:3px}
.dc-header :focus-visible,
.dc-footer :focus-visible,
.dc-search :focus-visible{outline:2px solid var(--dc-amber);outline-offset:3px}
.dc-search__input:focus-visible{outline:none}

html.dc-lock,
html.dc-lock body{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .dc-nav,.dc-nav[data-open]{transition:none!important}
  .dc-progress__fill{transition:none!important}
  .dc-nav__link::after,
  .dc-footer__link::after,
  .dc-footer__legal-link::after,
  .dc-footer__index-link{transition:none!important}
}