/* =========================================================
   热竞技赛场 · 共享样式 /assets/site.css
   深夜墨 + 暖纸白 + 战术板米 / 目录型外壳
   ========================================================= */

:root{
  --ink:#14161A;
  --paper:#F2EFE8;
  --room:#0E1F18;
  --board:#E4DCC8;
  --turf:#1F5C3A;
  --mist:#B9C6BB;
  --lava:#E2542B;
  --signal:#F2C230;
  --scale:#707A78;
  --grid:#3A4148;
  --focus:#8FD3A8;
  --hairline:rgba(58,65,72,.34);
  --hairline-soft:rgba(58,65,72,.18);
  --shell-max:1480px;
  --pad-x:clamp(18px,4vw,56px);
  --rail-w:clamp(86px,11vw,168px);
  --speed:160ms;
  --font-display:"Inter","Helvetica Neue",Arial,"PingFang SC","Source Han Sans SC","Noto Sans CJK SC",sans-serif;
  --font-head:"Inter","Helvetica Neue",Arial,"PingFang SC","Source Han Sans SC","Noto Sans CJK SC",sans-serif;
  --font-body:"Source Han Serif SC","Noto Serif CJK SC","Songti SC","SimSun",Georgia,serif;
  --font-mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box;}

html{
  -webkit-text-size-adjust:100%;
  scroll-padding-top:112px;
}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:clamp(16px,1.05vw,18px);
  line-height:1.9;
  letter-spacing:.01em;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
img,svg,picture{max-width:100%;display:block;}
button{font:inherit;color:inherit;}
a{color:inherit;}
table{border-collapse:collapse;width:100%;}

:focus-visible{
  outline:2px solid var(--turf);
  outline-offset:2px;
}
.site-header :focus-visible{
  outline:2px solid var(--focus);
  outline-offset:3px;
}

.visually-hidden{
  position:absolute !important;
  width:1px;height:1px;
  margin:-1px;padding:0;border:0;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  overflow:hidden;
  white-space:nowrap;
}

/* ---------- 跳转链接 ---------- */
.skip-link{
  position:absolute;
  left:-9999px;
  top:0;
  z-index:200;
  display:inline-block;
  padding:10px 18px;
  background:var(--signal);
  color:var(--ink);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.12em;
  text-decoration:none;
}
.skip-link:focus,
.skip-link:focus-visible{
  left:10px;
  top:10px;
  outline:2px solid var(--focus);
  outline-offset:2px;
}

/* ---------- 页头 ---------- */
.site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:var(--ink);
  color:var(--paper);
  border-bottom:1px solid var(--grid);
}

.header-shell{
  position:relative;
  max-width:var(--shell-max);
  margin:0 auto;
  padding:clamp(12px,1.5vw,20px) var(--pad-x);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  column-gap:clamp(14px,2.2vw,40px);
  transition:padding var(--speed) ease;
}

.site-header[data-condensed] .header-shell{
  padding-top:9px;
  padding-bottom:9px;
}

/* 品牌块 */
.brand-block{display:flex;align-items:center;min-width:0;}

.brand-link{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  text-decoration:none;
  color:inherit;
}

.brand-mark{
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--signal);
  border:1px solid var(--grid);
  padding:5px 8px;
  flex:none;
  clip-path:polygon(0 0,100% 0,100% 68%,76% 100%,0 100%);
}

.brand-text{display:flex;flex-direction:column;gap:1px;min-width:0;}

.brand-name{
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.2;
  letter-spacing:.02em;
  white-space:nowrap;
}

.brand-sub{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.18em;
  color:var(--scale);
  line-height:1.4;
  white-space:nowrap;
}

.site-header[data-condensed] .brand-sub,
.site-header[data-condensed] .brand-mark{display:none;}

/* 轮次刻度条 */
.ticker{
  min-width:0;
  display:grid;
  gap:5px;
  padding-left:clamp(10px,1.4vw,22px);
  border-left:1px solid var(--grid);
}

.index-label{
  font-family:var(--font-mono);
  font-size:10px;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--scale);
}

.ticker-label{margin:0;}

.ticker-track{
  display:flex;
  align-items:flex-end;
  gap:clamp(10px,1.7vw,26px);
  padding:0 0 3px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:var(--grid) transparent;
}
.ticker-track::-webkit-scrollbar{height:3px;}
.ticker-track::-webkit-scrollbar-track{background:transparent;}
.ticker-track::-webkit-scrollbar-thumb{background:var(--grid);}

.ticker-item{
  flex:none;
  display:flex;
  align-items:center;
  gap:5px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--scale);
  white-space:nowrap;
}

.ticker-num{
  position:relative;
  display:inline-block;
  padding-top:9px;
  font-variant-numeric:tabular-nums;
}
.ticker-num::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:5px;
  background:var(--grid);
}

.ticker-item.is-current{color:var(--signal);}
.ticker-item.is-current .ticker-num::before{
  width:2px;
  height:9px;
  background:var(--signal);
}

.ticker-flag{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.16em;
  color:var(--signal);
  border:1px solid var(--signal);
  padding:0 4px;
  line-height:1.6;
}

/* 右侧动作区 */
.header-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:clamp(12px,1.6vw,24px);
}

.header-status{
  display:none;
  align-items:center;
  gap:12px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  white-space:nowrap;
}

.round-badge{
  color:var(--signal);
  border:1px solid var(--signal);
  padding:3px 9px;
  clip-path:polygon(0 0,100% 0,100% 66%,84% 100%,0 100%);
}

.gap-indicator{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--paper);
}
.gap-indicator::before{
  content:"";
  width:8px;
  height:8px;
  flex:none;
  background:var(--lava);
  clip-path:polygon(0 0,100% 0,100% 70%,74% 100%,0 100%);
}

.site-header[data-condensed] .ticker{display:none;}
.site-header[data-condensed] .header-status{display:flex;}

/* 主导航 */
.site-nav{display:flex;justify-content:flex-end;min-width:0;}

.nav-list{
  display:flex;
  align-items:center;
  gap:clamp(8px,1.3vw,22px);
  flex-wrap:nowrap;
}

.nav-item{flex:none;}

.nav-link{
  display:inline-block;
  padding:6px 2px;
  color:var(--mist);
  text-decoration:none;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  border-bottom:2px solid transparent;
  transition:color var(--speed) ease,border-color var(--speed) ease;
}
.nav-link:hover{color:var(--paper);border-bottom-color:var(--grid);}
.nav-link[aria-current="page"]{
  color:var(--signal);
  border-bottom-color:var(--signal);
}

/* 移动导航按钮 */
.nav-toggle{
  display:none;
  align-items:center;
  gap:9px;
  padding:9px 13px;
  background:transparent;
  color:var(--paper);
  border:1px solid var(--grid);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  cursor:pointer;
  clip-path:polygon(0 0,100% 0,100% 72%,86% 100%,0 100%);
}

.nav-toggle-label{line-height:1;}

.nav-toggle-bars{
  position:relative;
  display:block;
  width:14px;
  height:2px;
  background:var(--signal);
}
.nav-toggle-bars::before,
.nav-toggle-bars::after{
  content:"";
  position:absolute;
  left:0;
  width:14px;
  height:2px;
  background:var(--signal);
  transition:transform var(--speed) ease;
}
.nav-toggle-bars::before{top:-5px;}
.nav-toggle-bars::after{top:5px;}

.site-header[data-open] .nav-toggle-bars{background:transparent;}
.site-header[data-open] .nav-toggle-bars::before{transform:translateY(5px) rotate(45deg);}
.site-header[data-open] .nav-toggle-bars::after{transform:translateY(-5px) rotate(-45deg);}

/* ---------- 页脚 ---------- */
.site-footer{
  background:var(--board);
  color:var(--ink);
  border-top:1px solid var(--grid);
  margin-top:clamp(40px,6vw,96px);
}

.footer-shell{
  max-width:var(--shell-max);
  margin:0 auto;
  padding:clamp(34px,5vw,72px) var(--pad-x) clamp(22px,3vw,40px);
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(0,2.6fr);
  gap:clamp(24px,4vw,64px);
}

.footer-brand{
  display:grid;
  gap:10px;
  align-content:start;
}

.footer-brand-name{
  font-family:var(--font-head);
  font-weight:900;
  font-size:clamp(20px,2vw,28px);
  line-height:1.2;
  letter-spacing:.01em;
}

.footer-brand-sub{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--turf);
}

.footer-note{
  font-family:var(--font-body);
  font-size:13px;
  line-height:1.9;
  color:var(--grid);
  max-width:36ch;
}

.footer-cols{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2.4vw,36px);
}

.footer-col{min-width:0;}

.footer-col-title{
  font-family:var(--font-mono);
  font-size:10px;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--turf);
  margin:0 0 13px;
  padding-bottom:7px;
  border-bottom:1px solid var(--hairline);
}

.footer-list{display:grid;gap:9px;}

.footer-item{line-height:1.7;}

.footer-link{
  color:var(--ink);
  text-decoration:none;
  font-family:var(--font-body);
  font-size:14px;
  border-bottom:1px solid transparent;
  transition:color var(--speed) ease,border-color var(--speed) ease;
}
.footer-link:hover{
  color:var(--turf);
  border-bottom-color:var(--lava);
}

.footer-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:14px;
}

.footer-tag{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.08em;
  color:var(--turf);
  border:1px solid rgba(31,92,58,.36);
  padding:3px 7px;
  line-height:1.5;
}

.footer-contact{
  display:grid;
  gap:11px;
}

.footer-contact-line{display:grid;gap:1px;}

.footer-contact-key{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--scale);
}

.footer-contact-val{
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.7;
  color:var(--ink);
  overflow-wrap:anywhere;
}

.footer-base{
  max-width:var(--shell-max);
  margin:0 auto;
  padding:16px var(--pad-x) 30px;
  border-top:1px solid var(--hairline-soft);
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
  justify-content:space-between;
  align-items:baseline;
}

.footer-legal,
.footer-meta{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--scale);
}

/* ---------- 通用版式 ---------- */
.shell{
  width:100%;
  max-width:var(--shell-max);
  margin:0 auto;
  padding-left:var(--pad-x);
  padding-right:var(--pad-x);
}

.display-title{
  font-family:var(--font-display);
  font-weight:200;
  font-size:clamp(56px,9vw,132px);
  line-height:.95;
  letter-spacing:-.02em;
  margin:0;
}

.section-head{display:grid;gap:10px;margin-bottom:clamp(18px,2.4vw,32px);}

.section-title{
  font-family:var(--font-head);
  font-weight:900;
  font-size:clamp(22px,2.6vw,38px);
  line-height:1.25;
  letter-spacing:-.005em;
  margin:0;
}

.eyebrow{
  font-family:var(--font-mono);
  font-size:10px;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--turf);
}

.lede{
  font-family:var(--font-body);
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.9;
  color:var(--grid);
  max-width:62ch;
}

.prose{
  font-family:var(--font-body);
  line-height:1.9;
  max-width:74ch;
}
.prose p{margin:0 0 1.15em;}
.prose h2{
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(20px,2vw,28px);
  line-height:1.3;
  margin:2em 0 .55em;
}
.prose h3{
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(17px,1.5vw,21px);
  margin:1.6em 0 .5em;
}
.prose ul,
.prose ol{padding-left:1.4em;margin:0 0 1.15em;}
.prose ul{list-style:square;}
.prose ol{list-style:decimal;}
.prose li{margin:.35em 0;}
.prose a{
  color:var(--turf);
  text-decoration:underline;
  text-underline-offset:3px;
}
.prose blockquote{
  margin:1.4em 0;
  padding:6px 0 6px 18px;
  border-left:3px solid var(--signal);
  color:var(--grid);
}

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

/* ---------- 数据横带 ---------- */
.stat-band{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(14px,2vw,36px);
  padding:15px 0;
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
}

.stat-item{display:grid;gap:3px;min-width:94px;}

.stat-value{
  font-family:var(--font-mono);
  font-weight:600;
  font-size:clamp(24px,3vw,40px);
  line-height:1.1;
  font-variant-numeric:tabular-nums;
}

.stat-label{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--scale);
}

.stat-item[data-state="good"] .stat-value{color:var(--turf);}
.stat-item[data-state="alert"] .stat-value{color:var(--lava);}

/* ---------- 按钮与标签 ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 20px;
  background:transparent;
  color:var(--ink);
  border:1px solid var(--ink);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.12em;
  text-decoration:none;
  cursor:pointer;
  clip-path:polygon(0 0,100% 0,100% 70%,88% 100%,0 100%);
  transition:background-color var(--speed) ease,color var(--speed) ease,border-color var(--speed) ease;
}

.btn-primary{
  background:var(--turf);
  border-color:var(--turf);
  color:var(--paper);
}
.btn-primary:hover{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--paper);
}

.btn-ghost:hover{
  background:var(--ink);
  color:var(--paper);
}

.tag{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--turf);
  border:1px solid rgba(31,92,58,.4);
  padding:3px 8px;
  line-height:1.6;
}

/* ---------- 网格 ---------- */
.grid-12{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(14px,1.8vw,28px);
}

.col-rail{grid-column:span 3;min-width:0;}
.col-main{grid-column:span 9;min-width:0;}
.col-half{grid-column:span 6;min-width:0;}
.col-third{grid-column:span 4;min-width:0;}

/* ---------- 材质与分区 ---------- */
.cut-panel{
  background:var(--paper);
  border:1px solid var(--hairline);
  padding:clamp(18px,2vw,30px);
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));
}

.cut-panel.is-room{
  background:var(--room);
  border-color:var(--grid);
  color:var(--paper);
}

.band-dark{
  background:var(--room);
  color:var(--paper);
}

.band-board{background:var(--board);}

.tactical-grid{position:relative;}
.tactical-grid::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(58,65,72,.16) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(58,65,72,.16) 1px,transparent 1px);
  background-size:64px 64px;
}
.tactical-grid > *{position:relative;z-index:1;}

.slash-rule{
  height:14px;
  border:0;
  margin:clamp(22px,3vw,44px) 0;
  background:repeating-linear-gradient(-8deg,rgba(58,65,72,.5) 0 1px,transparent 1px 12px);
}

/* ---------- 图片容器基础 ---------- */
.media-frame{
  position:relative;
  display:block;
  overflow:hidden;
  background:var(--room);
  border:1px solid var(--grid);
}

.media-frame img{
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
}

.media-frame[data-ratio="4x3"] img{aspect-ratio:4 / 3;}
.media-frame[data-ratio="1x1"] img{aspect-ratio:1 / 1;}
.media-frame[data-ratio="3x4"] img{aspect-ratio:3 / 4;}

.media-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(143,211,168,.14) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(143,211,168,.14) 1px,transparent 1px);
  background-size:48px 48px;
}

.media-frame.is-empty{
  aspect-ratio:16 / 9;
  background:
    repeating-linear-gradient(-8deg,rgba(58,65,72,.45) 0 1px,transparent 1px 12px),
    var(--room);
}

.media-caption{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  line-height:1.7;
  color:var(--scale);
  margin-top:9px;
}

/* ---------- 面包屑 ---------- */
.breadcrumbs{padding:clamp(14px,2vw,24px) 0;}

.crumb-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--scale);
}

.crumb-item{display:inline-flex;align-items:center;}
.crumb-item::after{
  content:"/";
  margin-left:10px;
  color:var(--grid);
}
.crumb-item:last-child::after{display:none;}
.crumb-item[aria-current="page"]{color:var(--ink);}

.crumb-link{
  color:var(--scale);
  text-decoration:none;
  transition:color var(--speed) ease;
}
.crumb-link:hover{color:var(--turf);text-decoration:underline;text-underline-offset:3px;}

/* ---------- 标签页 ---------- */
.tabs{display:grid;gap:clamp(16px,2vw,26px);}

.tab-list{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  border-bottom:1px solid var(--hairline);
}

.tab{
  appearance:none;
  background:transparent;
  border:0;
  border-bottom:2px solid transparent;
  padding:10px 14px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--scale);
  cursor:pointer;
  transition:color var(--speed) ease,border-color var(--speed) ease;
}
.tab:hover{color:var(--ink);}
.tab[aria-selected="true"]{
  color:var(--ink);
  border-bottom-color:var(--turf);
}

.tab-panel{outline:none;}
.tab-panel[hidden]{display:none;}

/* ---------- 滚动与显现 ---------- */
.scroll-progress{
  position:fixed;
  top:0;
  left:0;
  height:2px;
  width:0;
  background:var(--signal);
  z-index:90;
  pointer-events:none;
}

html.js [data-reveal]{
  opacity:0;
  transform:translateY(12px);
  transition:opacity 420ms ease,transform 420ms ease;
}
html.js [data-reveal].is-visible{
  opacity:1;
  transform:none;
}

.back-to-top{
  position:fixed;
  right:clamp(14px,2vw,28px);
  bottom:clamp(14px,2vw,28px);
  z-index:70;
  padding:10px 15px;
  background:var(--ink);
  color:var(--paper);
  border:1px solid var(--grid);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  cursor:pointer;
  clip-path:polygon(0 0,100% 0,100% 70%,84% 100%,0 100%);
  opacity:0;
  visibility:hidden;
  transition:opacity var(--speed) ease,visibility var(--speed) ease;
}
.back-to-top[data-visible="true"]{
  opacity:1;
  visibility:visible;
}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
  .footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:clamp(22px,3vw,32px);}
}

@media (max-width:960px){
  html{scroll-padding-top:86px;}

  .header-shell{
    grid-template-columns:auto minmax(0,1fr) auto;
    column-gap:12px;
  }

  .ticker{display:none;}
  .header-status{display:flex;}
  .nav-toggle{display:inline-flex;}

  .site-nav{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    display:none;
    padding:6px 0 14px;
    background:var(--room);
    border-top:1px solid var(--grid);
    box-shadow:0 22px 40px rgba(0,0,0,.45);
  }
  .site-nav[data-open="true"],
  .site-header[data-open] .site-nav{display:block;}

  .nav-list{
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .nav-item{
    border-bottom:1px solid rgba(58,65,72,.5);
  }
  .nav-link{
    display:block;
    padding:14px var(--pad-x);
    font-size:13px;
    color:var(--paper);
    border-bottom:0;
  }
  .nav-link:hover{border-bottom:0;color:var(--signal);}
  .nav-link[aria-current="page"]{
    color:var(--signal);
    border-bottom:0;
    box-shadow:inset 3px 0 0 var(--signal);
  }

  .grid-12{grid-template-columns:repeat(6,minmax(0,1fr));}
  .col-rail,
  .col-main{grid-column:1 / -1;}
  .col-half{grid-column:span 3;}
  .col-third{grid-column:span 3;}

  .footer-shell{grid-template-columns:1fr;}
}

@media (max-width:640px){
  .brand-sub{display:none;}
  .header-status{font-size:10px;gap:9px;}
  .round-badge{padding:2px 7px;}
  .gap-indicator::before{width:6px;height:6px;}

  .footer-cols{grid-template-columns:1fr;}
  .footer-base{flex-direction:column;align-items:flex-start;}

  .grid-12{grid-template-columns:1fr;}
  .col-half,
  .col-third{grid-column:1 / -1;}
}

@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  html.js [data-reveal]{
    opacity:1;
    transform:none;
  }
}