/* =========================================================
   万利中心 · 共享样式 /assets/site.css
   堆叠面板 · 居中刊头 · 靛蓝 + 电光青 + 暖橙
   ========================================================= */

:root{
  --wl-ink:#101418;
  --wl-ink-soft:#5A6472;
  --wl-rule:#D8DCE3;
  --wl-paper:#FBFAF7;
  --wl-indigo:#1B2A4A;
  --wl-indigo-mid:#2E4370;
  --wl-indigo-soft:#E8ECF4;
  --wl-cyan:#00C2A8;
  --wl-cyan-soft:#E0F7F3;
  --wl-cyan-deep:#0A6F63;
  --wl-orange:#FF7A45;
  --wl-orange-soft:#FFF1EA;
  --wl-serif:"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,"Times New Roman",serif;
  --wl-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wl-mono:"JetBrains Mono","SFMono-Regular",Menlo,Consolas,"Courier New",monospace;
  --wl-max:1280px;
  --wl-gutter:24px;
  --wl-masthead-pad:22px;
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:168px;
}
body{
  margin:0;
  background:var(--wl-paper);
  color:var(--wl-ink);
  font-family:var(--wl-sans);
  font-size:16px;
  line-height:1.85;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img,svg,video{max-width:100%;display:block}
button{font:inherit;color:inherit}
a{color:var(--wl-cyan-deep);text-decoration:none}
a:hover{color:var(--wl-indigo)}
hr{border:0;border-top:1px solid var(--wl-rule);margin:0}

:focus-visible{
  outline:2px solid var(--wl-cyan);
  outline-offset:3px;
  border-radius:1px;
}

/* ---------- 排版基元 ---------- */
.wl-container{
  width:min(var(--wl-max),100% - var(--wl-gutter) * 2);
  margin-inline:auto;
}
.wl-display{
  font-family:var(--wl-serif);
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.24;
  color:var(--wl-indigo);
}
.wl-title-sans{
  font-family:var(--wl-sans);
  font-weight:800;
  letter-spacing:-.012em;
  line-height:1.3;
  color:var(--wl-ink);
}
.wl-prose{
  max-width:38em;
  font-size:16.5px;
  line-height:1.9;
  color:var(--wl-ink);
}
.wl-prose p + p{margin-top:1.1em}
.wl-mono{
  font-family:var(--wl-mono);
  font-size:13px;
  letter-spacing:.04em;
  color:var(--wl-ink-soft);
}
.wl-lede{
  font-size:17px;
  line-height:1.85;
  color:var(--wl-ink-soft);
  max-width:34em;
}
.wl-visually-hidden{
  position:absolute!important;
  width:1px;height:1px;
  margin:-1px;padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

/* ---------- 通用按钮 ---------- */
.wl-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 22px;
  font-family:var(--wl-sans);
  font-size:15px;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.4;
  text-decoration:none;
  border:1px solid var(--wl-indigo);
  background:var(--wl-indigo);
  color:var(--wl-paper);
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.wl-btn:hover{background:var(--wl-indigo-mid);border-color:var(--wl-indigo-mid);color:var(--wl-paper)}
.wl-btn:active{transform:translateY(1px)}
.wl-btn--ghost{background:transparent;color:var(--wl-indigo)}
.wl-btn--ghost:hover{background:var(--wl-indigo-soft);color:var(--wl-indigo);border-color:var(--wl-indigo)}
.wl-btn--accent{background:var(--wl-cyan);border-color:var(--wl-cyan);color:#052A25}
.wl-btn--accent:hover{background:#00A896;border-color:#00A896;color:#052A25}
.wl-btn--small{padding:8px 14px;font-size:13.5px}

/* ---------- 面包屑 ---------- */
.wl-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-family:var(--wl-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--wl-ink-soft);
}
.wl-breadcrumb a{color:var(--wl-ink-soft)}
.wl-breadcrumb a:hover{color:var(--wl-cyan-deep)}
.wl-breadcrumb__sep{color:var(--wl-rule)}
.wl-breadcrumb [aria-current="page"]{color:var(--wl-indigo)}

/* ---------- 标签 / 状态 ---------- */
.wl-tag{
  display:inline-block;
  padding:3px 9px;
  font-family:var(--wl-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  border:1px solid var(--wl-cyan);
  background:var(--wl-cyan-soft);
  color:var(--wl-cyan-deep);
  line-height:1.6;
}
.wl-tag--alert{
  border-color:var(--wl-orange);
  background:var(--wl-orange-soft);
  color:#B23A10;
}
.wl-tag--muted{
  border-color:var(--wl-rule);
  background:transparent;
  color:var(--wl-ink-soft);
}
.wl-chip{
  display:inline-flex;
  align-items:center;
  padding:6px 14px;
  font-size:14px;
  border:1px solid var(--wl-rule);
  background:var(--wl-paper);
  color:var(--wl-ink-soft);
  cursor:pointer;
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.wl-chip:hover{border-color:var(--wl-indigo);color:var(--wl-indigo)}
.wl-chip.is-active{
  border-color:var(--wl-cyan);
  background:var(--wl-cyan-soft);
  color:var(--wl-cyan-deep);
  font-weight:600;
}
.wl-filter{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- 切角面板 ---------- */
.wl-card{
  position:relative;
  background:#fff;
  padding:28px 26px;
  box-shadow:inset 0 0 0 1px var(--wl-rule);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);
}
.wl-card--flat{background:var(--wl-paper);box-shadow:inset 0 0 0 1px var(--wl-rule)}
.wl-card__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.wl-card__title{
  font-family:var(--wl-sans);
  font-weight:800;
  font-size:20px;
  line-height:1.45;
  letter-spacing:-.01em;
  color:var(--wl-indigo);
  margin-bottom:8px;
}
.wl-card__text{font-size:15px;line-height:1.85;color:var(--wl-ink-soft)}

/* ---------- 章节外壳 ---------- */
.wl-section{padding:96px 0}
.wl-section--tight{padding:64px 0}
.wl-section--alt{background:var(--wl-indigo-soft)}
.wl-section--deep{background:var(--wl-indigo);color:var(--wl-paper)}
.wl-section--deep .wl-section__title,
.wl-section--deep .wl-display{color:var(--wl-paper)}
.wl-section--deep .wl-lede,
.wl-section--deep .wl-prose{color:#C4CEDF}
.wl-section__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:14px;
  padding-top:16px;
  border-top:2px solid var(--wl-indigo);
  margin-bottom:44px;
}
.wl-section--deep .wl-section__head{border-top-color:var(--wl-cyan)}
.wl-section__num{
  font-family:var(--wl-mono);
  font-size:13px;
  letter-spacing:.16em;
  color:var(--wl-cyan-deep);
}
.wl-section--deep .wl-section__num{color:var(--wl-cyan)}
.wl-section__title{
  font-family:var(--wl-sans);
  font-weight:800;
  font-size:clamp(22px,3vw,30px);
  letter-spacing:-.014em;
  line-height:1.3;
  color:var(--wl-ink);
  margin:0;
}
.wl-section__status{margin-left:auto}

/* ---------- 网格与双栏 ---------- */
.wl-grid{display:grid;gap:26px}
.wl-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wl-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wl-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wl-split{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,9fr);
  gap:56px;
  align-items:start;
}
.wl-side{
  position:sticky;
  top:172px;
  align-self:start;
}
.wl-stack{display:grid;gap:20px}

/* ---------- 数据条 ---------- */
.wl-data{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  padding:34px 0;
  border-top:1px solid var(--wl-rule);
  border-bottom:1px solid var(--wl-rule);
}
.wl-data__item{display:flex;flex-direction:column;gap:6px}
.wl-data__num{
  font-family:var(--wl-mono);
  font-weight:700;
  font-size:clamp(54px,8.6vw,116px);
  line-height:.92;
  letter-spacing:-.04em;
  color:var(--wl-indigo);
}
.wl-section--deep .wl-data__num{color:var(--wl-cyan)}
.wl-data__unit{
  font-family:var(--wl-mono);
  font-size:14px;
  letter-spacing:.1em;
  color:var(--wl-ink-soft);
}
.wl-data__note{font-size:15px;line-height:1.7;color:var(--wl-ink-soft);max-width:22em}

/* ---------- 表格切片 ---------- */
.wl-table-wrap{overflow-x:auto;border-top:2px solid var(--wl-indigo)}
.wl-table{
  width:100%;
  border-collapse:collapse;
  font-size:15px;
  min-width:560px;
}
.wl-table th{
  background:var(--wl-indigo-mid);
  color:var(--wl-paper);
  text-align:left;
  font-weight:600;
  letter-spacing:.06em;
  padding:13px 16px;
  white-space:nowrap;
}
.wl-table td{
  padding:12px 16px;
  border-bottom:1px solid var(--wl-rule);
  color:var(--wl-ink);
  vertical-align:top;
}
.wl-table tbody tr:nth-child(even){background:var(--wl-indigo-soft)}
.wl-table tbody tr:hover{background:var(--wl-cyan-soft)}
.wl-table td:first-child{
  font-family:var(--wl-mono);
  font-size:13px;
  color:var(--wl-indigo);
  white-space:nowrap;
}

/* ---------- 折叠面板 ---------- */
.wl-fold{border-top:1px solid var(--wl-rule)}
.wl-fold__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  padding:18px 4px;
  background:var(--wl-indigo-soft);
  border:0;
  border-bottom:1px solid var(--wl-rule);
  box-shadow:none;
  text-align:left;
  font-weight:600;
  color:var(--wl-indigo);
  cursor:pointer;
}
.wl-fold__head::after{
  content:"";
  width:8px;height:8px;
  border-right:2px solid var(--wl-cyan-deep);
  border-bottom:2px solid var(--wl-cyan-deep);
  transform:rotate(45deg);
  transition:transform .26s ease;
  flex:none;
}
.wl-fold__head[aria-expanded="true"]::after{transform:rotate(-135deg)}
.wl-fold__body{padding:18px 4px;border-bottom:1px solid var(--wl-rule)}

/* ---------- 标签页 ---------- */
.wl-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--wl-rule);margin-bottom:28px}
.wl-tab{
  padding:11px 20px;
  background:none;
  border:0;
  border-bottom:2px solid transparent;
  font-size:15px;
  color:var(--wl-ink-soft);
  cursor:pointer;
  transition:color .2s ease,border-color .2s ease;
}
.wl-tab:hover{color:var(--wl-indigo)}
.wl-tab.is-active{color:var(--wl-cyan-deep);font-weight:600;border-bottom-color:var(--wl-cyan)}
.wl-tab-panel[hidden]{display:none}

/* ---------- 图片容器 ---------- */
.wl-figure{margin:0}
.wl-figure__frame{
  position:relative;
  display:block;
  overflow:hidden;
  background:var(--wl-indigo-soft);
  border:1px solid var(--wl-rule);
  aspect-ratio:16 / 9;
}
.wl-figure__frame--wide{aspect-ratio:21 / 9}
.wl-figure__frame--half{aspect-ratio:4 / 3}
.wl-figure__frame--tall{aspect-ratio:3 / 4}
.wl-figure__frame--square{aspect-ratio:1 / 1}
.wl-figure__frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.wl-figure__caption{
  margin-top:10px;
  font-family:var(--wl-mono);
  font-size:12px;
  letter-spacing:.05em;
  color:var(--wl-ink-soft);
}
.wl-figure-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

/* ---------- 提示条 ---------- */
.wl-notice{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 18px;
  background:var(--wl-orange-soft);
  border-left:3px solid var(--wl-orange);
  font-size:15px;
  line-height:1.75;
  color:#8A3413;
}
.wl-notice[hidden]{display:none}

/* =========================================================
   刊头
   ========================================================= */
.wl-skip{
  position:absolute;
  top:6px;
  left:50%;
  transform:translate(-50%,-200%);
  z-index:80;
  padding:10px 18px;
  background:var(--wl-indigo);
  color:var(--wl-paper);
  font-size:14px;
  transition:transform .18s ease;
}
.wl-skip:focus{transform:translate(-50%,0);color:var(--wl-paper)}

.wl-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(251,250,247,.95);
  border-bottom:1px solid var(--wl-rule);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.wl-progress{
  position:absolute;
  left:0;
  bottom:-1px;
  width:100%;
  height:2px;
  background:var(--wl-cyan);
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}

.wl-masthead{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  padding:var(--wl-masthead-pad) 0 14px;
  transition:padding .3s ease;
}
.wl-masthead__side{display:flex;align-items:center;gap:12px;min-width:0}
.wl-masthead__side--end{justify-content:flex-end}
.wl-stamp{
  font-family:var(--wl-mono);
  font-size:11.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--wl-ink-soft);
  white-space:nowrap;
  transition:opacity .24s ease;
}
.wl-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-decoration:none;
  color:var(--wl-indigo);
  line-height:1;
  padding:0 8px;
}
.wl-brand__mark{
  font-family:var(--wl-serif);
  font-weight:700;
  font-size:clamp(24px,3.4vw,38px);
  letter-spacing:.18em;
  text-indent:.18em;
  transition:font-size .3s ease,letter-spacing .3s ease;
}
.wl-brand__latin{
  margin-top:7px;
  font-family:var(--wl-mono);
  font-size:11px;
  letter-spacing:.44em;
  text-indent:.44em;
  text-transform:uppercase;
  color:var(--wl-ink-soft);
  transition:font-size .3s ease,opacity .24s ease;
}
.wl-brand:hover{color:var(--wl-indigo)}

.wl-channel{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 14px;
  background:transparent;
  border:1px solid var(--wl-rule);
  color:var(--wl-indigo);
  font-size:13.5px;
  letter-spacing:.06em;
  white-space:nowrap;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.wl-channel:hover{border-color:var(--wl-indigo);background:var(--wl-indigo-soft)}
.wl-channel__dot{
  width:7px;height:7px;
  flex:none;
  background:var(--wl-cyan);
  border-radius:50%;
}
.wl-channel.is-alt .wl-channel__dot{background:var(--wl-orange)}
.wl-channel.is-alt{border-color:var(--wl-orange)}

.wl-nav-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:42px;height:38px;
  background:transparent;
  border:1px solid var(--wl-rule);
  color:var(--wl-indigo);
  cursor:pointer;
}
.wl-nav-toggle:hover{border-color:var(--wl-indigo)}
.wl-nav-toggle__bars{
  display:block;
  position:relative;
  width:18px;height:2px;
  background:currentColor;
}
.wl-nav-toggle__bars::before,
.wl-nav-toggle__bars::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;height:2px;
  background:currentColor;
  transition:transform .24s ease;
}
.wl-nav-toggle__bars::before{top:-6px}
.wl-nav-toggle__bars::after{top:6px}
.wl-nav-toggle[aria-expanded="true"] .wl-nav-toggle__bars{background:transparent}
.wl-nav-toggle[aria-expanded="true"] .wl-nav-toggle__bars::before{transform:translateY(6px) rotate(45deg)}
.wl-nav-toggle[aria-expanded="true"] .wl-nav-toggle__bars::after{transform:translateY(-6px) rotate(-45deg)}

.wl-nav{border-top:1px solid var(--wl-rule);transition:max-height .3s ease}
.wl-nav__list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
}
.wl-nav__link{
  position:relative;
  display:block;
  padding:13px 24px;
  font-size:15px;
  letter-spacing:.08em;
  color:var(--wl-ink);
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s ease;
}
.wl-nav__link::after{
  content:"";
  position:absolute;
  left:24px;right:24px;bottom:7px;
  height:2px;
  background:var(--wl-cyan);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .24s ease;
}
.wl-nav__link:hover{color:var(--wl-indigo)}
.wl-nav__link:hover::after,
.wl-nav__link:focus-visible::after{transform:scaleX(1)}
.wl-nav__link[aria-current="page"]{
  color:var(--wl-cyan-deep);
  font-weight:600;
}
.wl-nav__link[aria-current="page"]::after{transform:scaleX(1)}

/* 紧凑态 */
.wl-header.is-compact{box-shadow:0 1px 0 rgba(16,20,24,.04)}
.wl-header.is-compact .wl-masthead{padding:10px 0 8px}
.wl-header.is-compact .wl-brand__mark{font-size:22px;letter-spacing:.2em}
.wl-header.is-compact .wl-brand__latin{font-size:9px;margin-top:4px;opacity:.7}
.wl-header.is-compact .wl-stamp{opacity:0}
.wl-header.is-compact .wl-nav__link{padding-top:10px;padding-bottom:10px}

/* =========================================================
   页脚
   ========================================================= */
.wl-footer{
  background:var(--wl-indigo);
  color:#C4CEDF;
  padding:84px 0 32px;
  border-top:3px solid var(--wl-cyan);
}
.wl-footer__grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1.35fr;
  gap:48px 40px;
}
.wl-footer__col{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.wl-footer__brand{
  font-family:var(--wl-serif);
  font-weight:700;
  font-size:26px;
  letter-spacing:.16em;
  text-indent:.16em;
  color:var(--wl-paper);
  text-decoration:none;
}
.wl-footer__brand:hover{color:var(--wl-cyan)}
.wl-footer__tag{
  font-size:14.5px;
  line-height:1.8;
  color:#96A3BC;
  max-width:20em;
}
.wl-footer__title{
  font-family:var(--wl-mono);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--wl-cyan);
  padding-bottom:10px;
  border-bottom:1px solid rgba(251,250,247,.16);
  width:100%;
}
.wl-footer__list{display:grid;gap:10px;width:100%}
.wl-footer__link{
  font-size:14.5px;
  color:#C4CEDF;
  text-decoration:none;
  transition:color .2s ease,padding-left .2s ease;
}
.wl-footer__link:hover{color:var(--wl-cyan);padding-left:4px}
.wl-footer__list--data{gap:14px}
.wl-footer__data{display:flex;flex-direction:column;gap:2px}
.wl-footer__key{
  font-family:var(--wl-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#7F8DA8;
}
.wl-footer__value{
  font-size:14.5px;
  line-height:1.7;
  color:#C4CEDF;
}
.wl-copy{
  align-self:flex-start;
  padding:0;
  background:none;
  border:0;
  border-bottom:1px dashed rgba(196,206,223,.5);
  font-family:var(--wl-mono);
  font-size:13.5px;
  letter-spacing:.02em;
  color:var(--wl-paper);
  cursor:pointer;
  transition:color .2s ease,border-color .2s ease;
}
.wl-copy:hover{color:var(--wl-cyan);border-bottom-color:var(--wl-cyan)}
.wl-copy.is-copied{color:var(--wl-cyan);border-bottom-color:var(--wl-cyan)}
.wl-footer .wl-btn--accent{margin-top:4px}

.wl-footer__bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px 24px;
  margin-top:64px;
  padding-top:22px;
  border-top:1px solid rgba(251,250,247,.16);
  font-size:13px;
  color:#8C99B2;
}
.wl-footer__legal{margin:0}
.wl-footer__links{display:flex;flex-wrap:wrap;gap:20px}
.wl-footer__links .wl-footer__link{font-size:13px}
.wl-footer__icp{
  margin:0;
  font-family:var(--wl-mono);
  font-size:12.5px;
  letter-spacing:.06em;
  color:#8C99B2;
}

/* ---------- 返回顶部浮标 ---------- */
.wl-to-top{
  position:fixed;
  right:22px;
  bottom:26px;
  z-index:70;
  width:48px;height:48px;
  display:grid;
  place-items:center;
  background:var(--wl-paper);
  border:1px solid var(--wl-indigo);
  color:var(--wl-indigo);
  font-size:18px;
  line-height:1;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .24s ease,transform .24s ease,visibility .24s ease,background .2s ease,color .2s ease;
}
.wl-to-top.is-visible{opacity:1;visibility:visible;transform:none}
.wl-to-top:hover{background:var(--wl-indigo);color:var(--wl-paper)}
.wl-to-top:focus-visible{outline-color:var(--wl-cyan)}

/* ---------- 章节目录（页面侧栏复用） ---------- */
.wl-toc{display:grid;gap:2px;border-left:2px solid var(--wl-rule)}
.wl-toc__link{
  display:block;
  padding:8px 0 8px 16px;
  margin-left:-2px;
  border-left:2px solid transparent;
  font-size:14.5px;
  color:var(--wl-ink-soft);
  text-decoration:none;
  transition:color .2s ease,border-color .24s ease,padding-left .2s ease;
}
.wl-toc__link:hover{color:var(--wl-indigo)}
.wl-toc__link[aria-current="true"]{
  color:var(--wl-cyan-deep);
  font-weight:600;
  border-left-color:var(--wl-cyan);
  padding-left:20px;
}

/* ---------- 显现动画 ---------- */
[data-reveal].is-armed{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .32s ease-out,transform .32s ease-out;
}
[data-reveal].is-armed.is-visible{opacity:1;transform:none}

/* =========================================================
   响应式
   ========================================================= */
@media (max-width:1180px){
  .wl-footer__grid{grid-template-columns:1fr 1fr}
  .wl-footer__col--brand{grid-column:1 / -1}
}

@media (max-width:1024px){
  .wl-split{grid-template-columns:1fr;gap:36px}
  .wl-side{position:static}
  .wl-data{grid-template-columns:1fr;gap:22px}
  .wl-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  html{scroll-padding-top:128px}
  .wl-masthead{padding:12px 0 10px;gap:10px}
  .wl-masthead__side--start{display:none}
  .wl-masthead__side--end{gap:8px}
  .wl-brand__mark{font-size:23px;letter-spacing:.14em;text-indent:.14em}
  .wl-brand__latin{font-size:9px;letter-spacing:.34em;text-indent:.34em;margin-top:5px}

  .wl-channel{padding:6px 9px;font-size:12px}
  .wl-channel__text{display:none}
  .wl-nav-toggle{display:inline-flex}

  .wl-nav{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    max-height:0;
    overflow:hidden;
    background:var(--wl-indigo);
    border-top:1px solid rgba(251,250,247,.14);
    box-shadow:0 14px 30px rgba(16,20,24,.22);
    transition:max-height .3s ease;
  }
  .wl-nav[data-open]{max-height:76vh;overflow-y:auto}
  .wl-nav__list{flex-direction:column;align-items:stretch}
  .wl-nav__item + .wl-nav__item{border-top:1px solid rgba(251,250,247,.1)}
  .wl-nav__link{
    padding:15px 26px;
    color:#D6DEEB;
    font-size:15.5px;
    letter-spacing:.12em;
  }
  .wl-nav__link::after{left:26px;right:auto;width:28px;bottom:11px}
  .wl-nav__link:hover{color:var(--wl-paper)}
  .wl-nav__link[aria-current="page"]{color:var(--wl-cyan);background:rgba(0,194,168,.09)}

  .wl-section{padding:64px 0}
  .wl-section__head{margin-bottom:30px}
  .wl-grid--2,
  .wl-grid--3{grid-template-columns:1fr}
  .wl-footer{padding:60px 0 26px}
  .wl-footer__bottom{flex-direction:column;align-items:flex-start;margin-top:44px}
  .wl-to-top{right:14px;bottom:16px;width:42px;height:42px}
}

@media (max-width:600px){
  :root{--wl-gutter:16px}
  body{font-size:15.5px;line-height:1.8}
  .wl-prose{max-width:none}
  .wl-grid--4{grid-template-columns:1fr}
  .wl-card{padding:22px 18px}
  .wl-footer__grid{grid-template-columns:1fr;gap:36px}
  .wl-data__num{font-size:56px}
  .wl-to-top{right:12px;bottom:12px}
}

/* ---------- 减弱动效 ---------- */
@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;
  }
  [data-reveal].is-armed{opacity:1;transform:none}
  .wl-progress{transition:none}
}