/* ============================================================
   鱼丸游戏站 · 共享样式 /assets/site.css
   深海街机蓝图：网格底 + 霓虹辉光 + 轨道导航
   ============================================================ */

:root{
  --deep:#0A1B33;
  --abyss:#050D1A;
  --ink:#03080F;
  --line:#1E3A5F;
  --line-ink:rgba(30,58,95,.55);
  --coral:#FF6B4A;
  --cyan:#35F5D0;
  --yellow:#FFD166;
  --white:#F5F8FF;
  --slate:#8FA6C0;
  --violet:#7A5CFF;
  --alert:#FF4D6D;

  --rail-w:272px;
  --gutter:48px;
  --gap:24px;
  --radius:3px;
  --dur:180ms;
  --slow:240ms;
  --ease:cubic-bezier(.2,.75,.25,1);
  --shadow-lift:0 24px 46px -28px rgba(0,0,0,.95);

  --font-head:"MiSans","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:var(--font-head);
  --font-mono:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}

/* ---------- reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:76px; }
body{
  margin:0;
  min-height:100vh;
  background-color:var(--deep);
  background-image:
    radial-gradient(720px 460px at 6% 2%, rgba(255,107,74,.16), transparent 68%),
    radial-gradient(780px 540px at 98% 92%, rgba(53,245,208,.12), transparent 70%),
    linear-gradient(to right, var(--line-ink) 1px, transparent 1px),
    linear-gradient(to bottom, var(--line-ink) 1px, transparent 1px);
  background-size:auto,auto,48px 48px,48px 48px;
  color:var(--white);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
}
img,picture,svg,video{ max-width:100%; }
img{ display:block; height:auto; }
button{ font:inherit; color:inherit; }
a{ color:inherit; }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5,h6{ margin:0; font-family:var(--font-head); font-weight:900; line-height:1.14; letter-spacing:-.01em; color:var(--white); text-wrap:balance; }
h1{ font-size:clamp(32px,5.6vw,72px); }
h2{ font-size:clamp(26px,4vw,48px); }
h3{ font-size:clamp(20px,2.6vw,32px); }
h4{ font-size:clamp(18px,2vw,24px); }
p{ margin:0 0 1em; }
p:last-child{ margin-bottom:0; }
table{ border-collapse:collapse; width:100%; }
:focus-visible{ outline:2px dashed var(--cyan); outline-offset:3px; }

/* ---------- 通用工具 ---------- */
.mono{ font-family:var(--font-mono); font-weight:500; letter-spacing:.06em; }
.meta{ font-family:var(--font-mono); font-size:12.5px; letter-spacing:.06em; color:var(--slate); }
.eyebrow{
  display:inline-block; font-family:var(--font-mono); font-size:12px;
  letter-spacing:.26em; text-transform:uppercase; color:var(--cyan);
}
.lede{ font-size:clamp(18px,2.1vw,22px); line-height:1.6; color:var(--white); max-width:66ch; }
.text-coral{ color:var(--coral); }
.text-cyan{ color:var(--cyan); }
.text-slate{ color:var(--slate); }

.container{ width:100%; max-width:1240px; margin:0 auto; padding:0 var(--gutter); }
.site-main{ display:block; }

/* ---------- 网格 ---------- */
.grid{ display:grid; gap:var(--gap); grid-template-columns:repeat(12,minmax(0,1fr)); }
.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-12{ grid-column:span 12; }
@media (min-width:768px){
  .span-3{ grid-column:span 3; }
  .span-4{ grid-column:span 4; }
  .span-5{ grid-column:span 5; }
  .span-6{ grid-column:span 6; }
  .span-7{ grid-column:span 7; }
  .span-8{ grid-column:span 8; }
  .span-9{ grid-column:span 9; }
  .span-12{ grid-column:span 12; }
}

/* ---------- 编号章节 ---------- */
.section{ position:relative; padding:64px 0; border-top:1px solid var(--line); }
.section__head{
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;
  gap:16px 32px; margin-bottom:28px;
}
.section__index{
  font-family:var(--font-mono); font-size:13px; letter-spacing:.3em;
  color:var(--coral); display:block; margin-bottom:6px;
}
.section__title{ font-size:clamp(26px,4vw,48px); }
.section__lead{ color:var(--slate); max-width:64ch; margin:0; }
.section__body{ margin-top:8px; }
.chapter-num{
  display:block;
  font-family:var(--font-mono); font-weight:700;
  font-size:clamp(52px,11vw,120px); line-height:.82; letter-spacing:-.04em;
  color:rgba(255,107,74,.22);
  -webkit-text-stroke:1.5px var(--coral);
}
.chapter-num--solid{ color:var(--coral); -webkit-text-stroke:0; }

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 18px; min-height:44px;
  font-size:14px; font-weight:700; letter-spacing:.06em;
  text-decoration:none; border:1px solid transparent; border-radius:var(--radius);
  cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),
             border-color var(--dur) var(--ease),transform var(--dur) var(--ease),
             box-shadow var(--dur) var(--ease);
}
.btn--primary{ background:var(--coral); border-color:var(--coral); color:#2A0C05; }
.btn--primary:hover{ background:#FF8365; box-shadow:0 0 0 3px rgba(255,107,74,.25); transform:translateY(-1px); }
.btn--ghost{ background:transparent; border-color:var(--line); color:var(--white); }
.btn--ghost:hover{ border-color:var(--cyan); color:var(--cyan); box-shadow:0 0 0 3px rgba(53,245,208,.14); }
.btn--block{ width:100%; }

/* ---------- 标签 ---------- */
.tag{
  display:inline-flex; align-items:center; gap:6px;
  padding:3px 10px; border-radius:999px;
  font-size:12px; font-weight:700; letter-spacing:.06em;
  border:1px solid var(--line); background:rgba(245,248,255,.05); color:var(--white);
}
.tag--cyan{ background:var(--cyan); border-color:var(--cyan); color:#04211C; }
.tag--yellow{ background:var(--yellow); border-color:var(--yellow); color:#2A1E00; }
.tag--coral{ background:var(--coral); border-color:var(--coral); color:#2A0C05; }
.tag--violet{ background:var(--violet); border-color:var(--violet); color:#FFFFFF; }
.tag--alert{ background:var(--alert); border-color:var(--alert); color:#2A0410; }

/* ---------- 卡片（纸张叠层 + 印刷边框） ---------- */
.card{
  position:relative;
  padding:22px;
  background:linear-gradient(180deg, rgba(30,58,95,.36), rgba(5,13,26,.9));
  border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-lift);
  transition:border-color var(--slow) var(--ease),transform var(--slow) var(--ease);
}
.card::after{
  content:""; position:absolute; inset:5px;
  border:1px solid rgba(143,166,192,.14); border-radius:2px; pointer-events:none;
}
.card:hover{ border-color:rgba(53,245,208,.45); transform:translateY(-3px); }
.card__title{ font-size:20px; font-weight:800; margin:0 0 8px; }
.card__meta{ font-family:var(--font-mono); font-size:12.5px; letter-spacing:.06em; color:var(--slate); margin:0; }
.card--light{ background:linear-gradient(180deg,#FFFFFF,#E6EEFB); color:var(--deep); border-color:#C9D8EE; }
.card--light .card__title,.card--light h3,.card--light h4{ color:var(--deep); }
.card--light .card__meta{ color:#4C6383; }

/* ---------- 图片容器 ---------- */
.media-frame{
  position:relative; display:block; width:100%;
  overflow:hidden; border:1px solid var(--line); border-radius:var(--radius);
  background:
    linear-gradient(135deg, rgba(30,58,95,.75), rgba(5,13,26,.95));
  aspect-ratio:16 / 9;
}
.media-frame > img,
.media-frame > picture > img{ width:100%; height:100%; object-fit:cover; }
.media-frame::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(180deg, rgba(5,13,26,.16) 0 1px, transparent 1px 4px);
  mix-blend-mode:multiply;
}
.media-frame--16x9{ aspect-ratio:16 / 9; }
.media-frame--4x3{ aspect-ratio:4 / 3; }
.media-frame--1x1{ aspect-ratio:1 / 1; }
.media-frame--free{ aspect-ratio:auto; }
.media-frame__tag{
  position:absolute; left:10px; bottom:10px; z-index:2;
  display:inline-flex; align-items:center; padding:3px 9px;
  font-family:var(--font-mono); font-size:11px; letter-spacing:.08em;
  background:rgba(5,13,26,.86); border:1px solid var(--cyan); color:var(--cyan);
  border-radius:999px;
}

/* ---------- 面包屑 ---------- */
.breadcrumb{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  font-family:var(--font-mono); font-size:12px; letter-spacing:.08em;
  color:var(--slate); margin:0 0 18px;
}
.breadcrumb a{ color:var(--slate); text-decoration:none; border-bottom:1px solid rgba(143,166,192,.45); }
.breadcrumb a:hover{ color:var(--cyan); border-color:var(--cyan); }
.breadcrumb__sep{ color:#3C5A80; }

/* ---------- 长文 ---------- */
.prose{ max-width:74ch; color:#DCE6F5; }
.prose h2{ font-size:clamp(22px,3vw,32px); margin:1.6em 0 .5em; }
.prose h3{ font-size:clamp(18px,2.2vw,24px); margin:1.4em 0 .4em; }
.prose p{ margin:0 0 1.1em; }
.prose ul,.prose ol{ margin:0 0 1.1em; padding-left:1.3em; }
.prose ul{ list-style:square; }
.prose ol{ list-style:decimal; }
.prose li{ margin:0 0 .4em; }
.prose a{ color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.prose strong{ color:var(--white); font-weight:800; }
.prose blockquote{
  margin:1.2em 0; padding:12px 18px;
  border-left:3px solid var(--coral); background:rgba(30,58,95,.35); color:var(--slate);
}
.prose code{
  font-family:var(--font-mono); font-size:.92em;
  background:rgba(53,245,208,.1); border:1px solid rgba(53,245,208,.28);
  padding:1px 6px; border-radius:2px; color:var(--cyan);
}

/* ---------- 表格 ---------- */
.table-scroll{ overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius); }
.data-table{ min-width:560px; font-size:14.5px; }
.data-table caption{
  text-align:left; padding:12px 14px; font-family:var(--font-mono);
  font-size:12px; letter-spacing:.08em; color:var(--slate);
}
.data-table th,.data-table td{ padding:11px 14px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.data-table thead th{
  background:rgba(30,58,95,.55); color:var(--white);
  font-family:var(--font-mono); font-size:12.5px; font-weight:600; letter-spacing:.1em;
}
.data-table tbody tr:nth-child(even){ background:rgba(245,248,255,.045); }

/* ---------- 分段控件（标签页） ---------- */
.tabs{ display:block; }
.tablist{
  display:flex; flex-wrap:wrap; gap:8px; padding:6px;
  border:1px solid var(--line); border-radius:var(--radius);
  background:rgba(5,13,26,.6);
}
.tab{
  appearance:none; -webkit-appearance:none;
  padding:9px 16px; min-height:40px;
  background:transparent; border:1px solid transparent; border-radius:2px;
  color:var(--slate); font-size:14px; font-weight:700; letter-spacing:.06em;
  cursor:pointer;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease),
             border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.tab:hover{ color:var(--white); border-color:var(--line); }
.tab[aria-selected="true"],.tab.is-active{
  background:var(--violet); border-color:var(--violet); color:#FFFFFF;
  box-shadow:0 0 0 3px rgba(122,92,255,.22);
}
.panel{ padding-top:22px; }
.panel[hidden]{ display:none; }

/* ---------- 跳过链接 ---------- */
.skip-link{
  position:fixed; top:-140px; left:50%; transform:translateX(-50%);
  z-index:400; padding:10px 18px; border-radius:var(--radius);
  background:var(--yellow); color:var(--ink);
  font-size:14px; font-weight:800; letter-spacing:.06em; text-decoration:none;
  transition:top var(--dur) var(--ease);
}
.skip-link:focus{ top:12px; }

/* ---------- 滚动进度 ---------- */
.scroll-progress{
  position:fixed; top:0; left:0; width:100%; height:3px; z-index:200;
  background:linear-gradient(90deg,var(--coral),var(--yellow) 48%,var(--cyan));
  transform:scaleX(0); transform-origin:0 50%;
  pointer-events:none; transition:transform 80ms linear;
}

/* ---------- 头部外壳 ---------- */
.site-head{ position:relative; z-index:100; }

.topbar{
  position:fixed; top:0; left:0; right:0; height:56px; z-index:70;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:0 16px;
  background:rgba(5,13,26,.94);
  border-bottom:1px solid var(--line);
  box-shadow:0 14px 30px -22px rgba(0,0,0,.95);
}
.topbar__brand{
  display:inline-flex; align-items:center; gap:9px;
  font-size:17px; font-weight:900; letter-spacing:.06em;
  color:var(--white); text-decoration:none;
}
.topbar__dot{
  width:10px; height:10px; border-radius:50%;
  background:var(--coral); box-shadow:0 0 0 3px rgba(255,107,74,.22);
}

.nav-toggle{
  display:inline-flex; align-items:center; gap:10px;
  min-height:38px; padding:8px 13px;
  background:rgba(53,245,208,.08);
  border:1px solid var(--line); border-radius:var(--radius);
  color:var(--white); font-size:13px; font-weight:700; letter-spacing:.14em;
  cursor:pointer;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.nav-toggle:hover{ border-color:var(--cyan); color:var(--cyan); }
.nav-toggle__box{ display:flex; flex-direction:column; justify-content:space-between; width:20px; height:14px; }
.nav-toggle__bar{ display:block; height:2px; background:var(--cyan); transition:transform var(--dur) var(--ease),opacity var(--dur) linear; }
.site-head[data-open="true"] .nav-toggle__bar:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.site-head[data-open="true"] .nav-toggle__bar:nth-child(2){ opacity:0; }
.site-head[data-open="true"] .nav-toggle__bar:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* ---------- 轨道导航 ---------- */
.rail__scrim{
  position:fixed; inset:0; z-index:85;
  background:rgba(3,8,15,.74);
  opacity:0; visibility:hidden;
  transition:opacity var(--dur) linear,visibility var(--dur) linear;
}
.site-head[data-open="true"] .rail__scrim{ opacity:1; visibility:visible; }

.rail{
  position:fixed; top:0; left:0; bottom:0; z-index:90;
  width:min(86vw,300px);
  display:flex; flex-direction:column; gap:18px;
  padding:20px 20px 24px;
  background:linear-gradient(180deg,#071224 0%, #050D1A 62%, #04090F 100%);
  border-right:1px solid var(--line);
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  transform:translateX(-104%);
  transition:transform var(--slow) var(--ease);
}
.site-head[data-open="true"] .rail{ transform:translateX(0); }

.rail__head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.rail__logo{ display:inline-flex; align-items:center; gap:11px; color:var(--white); text-decoration:none; }
.rail__mark{
  position:relative; flex:0 0 30px; width:30px; height:30px; border-radius:50%;
  background:radial-gradient(circle at 34% 28%, #FFFFFF, #DBE6F7 62%, #93A9C7 100%);
  box-shadow:0 0 0 2px var(--coral), 0 0 18px rgba(255,107,74,.45);
}
.rail__mark-dot{
  position:absolute; left:50%; top:50%; width:9px; height:9px;
  margin:-4.5px 0 0 -4.5px; background:var(--coral); border-radius:1px;
}
.rail__wordmark{ font-size:19px; font-weight:900; letter-spacing:.05em; }
.rail__close{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; flex:none;
  background:transparent; border:1px solid var(--line); border-radius:var(--radius);
  color:var(--slate); font-size:14px; cursor:pointer;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.rail__close:hover{ border-color:var(--coral); color:var(--coral); }

.rail__tagline{
  margin:0; padding-bottom:16px;
  font-family:var(--font-mono); font-size:11px; letter-spacing:.1em;
  color:var(--cyan); border-bottom:1px dashed var(--line);
}

.rail__nav{ flex:1 1 auto; }
.rail__list{ position:relative; display:flex; flex-direction:column; gap:2px; }
.rail__list::before{
  content:""; position:absolute; left:11px; top:8px; bottom:8px; width:1px;
  background:repeating-linear-gradient(180deg, var(--line) 0 5px, transparent 5px 11px);
}
.rail__item{ display:block; }
.rail__link{
  position:relative; display:flex; align-items:center; gap:12px;
  padding:10px 12px 10px 30px;
  color:var(--slate); text-decoration:none;
  font-size:15px; font-weight:600; letter-spacing:.04em;
  border:1px solid transparent; border-radius:var(--radius);
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease),
             border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.rail__link::before{
  content:""; position:absolute; left:7px; top:50%;
  width:9px; height:9px; margin-top:-4.5px;
  background:var(--abyss); border:1px solid var(--line); border-radius:50%;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.rail__link:hover{
  color:var(--white);
  background:rgba(53,245,208,.07);
  border-color:rgba(53,245,208,.32);
  transform:translateX(3px);
}
.rail__link:hover::before{ background:var(--cyan); border-color:var(--cyan); box-shadow:0 0 0 4px rgba(53,245,208,.16); }
.rail__link[aria-current="page"]{
  color:var(--white); font-weight:800;
  background:linear-gradient(90deg, rgba(255,107,74,.28), rgba(255,107,74,.02));
  border-color:rgba(255,107,74,.55);
}
.rail__link[aria-current="page"]::before{
  background:var(--coral); border-color:var(--coral); box-shadow:0 0 0 4px rgba(255,107,74,.18);
}
.rail__link[aria-current="page"] .rail__num{ color:var(--coral); }
.rail__num{ flex:none; min-width:18px; font-family:var(--font-mono); font-size:11px; letter-spacing:.06em; color:#5E7A9C; }
.rail__label{ display:block; line-height:1.4; }

.rail__foot{
  margin-top:auto; display:flex; flex-direction:column; gap:12px;
  padding-top:16px; border-top:1px solid var(--line);
}
.rail__note{ margin:0; font-family:var(--font-mono); font-size:11px; line-height:1.7; color:var(--slate); }

/* ---------- 返回顶部（JS 注入） ---------- */
.to-top{
  position:fixed; right:20px; bottom:20px; z-index:300;
  width:48px; height:48px;
  display:grid; place-items:center;
  background:rgba(5,13,26,.92);
  border:1px solid var(--line); border-radius:var(--radius);
  color:var(--cyan); font-family:var(--font-mono); font-size:18px;
  cursor:pointer;
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity var(--slow) var(--ease),transform var(--slow) var(--ease),
             visibility var(--slow) linear,border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.to-top.is-on{ opacity:1; visibility:visible; transform:none; }
.to-top:hover{ border-color:var(--cyan); color:var(--white); box-shadow:0 0 0 3px rgba(53,245,208,.16); }

/* ---------- 显现动画 ---------- */
[data-reveal]{
  opacity:0; transform:translateY(14px);
  transition:opacity 420ms var(--ease),transform 420ms var(--ease);
}
[data-reveal].is-visible{ opacity:1; transform:none; }

/* ---------- 页脚 ---------- */
.footer{
  position:relative;
  margin-top:88px; padding:56px 0 26px;
  background:linear-gradient(180deg, rgba(5,13,26,.72), var(--abyss));
  border-top:1px solid var(--line);
}
.footer::before{
  content:""; position:absolute; top:-1px; left:0; width:132px; height:3px;
  background:linear-gradient(90deg,var(--coral),var(--cyan));
}
.footer__grid{ display:grid; gap:32px; grid-template-columns:1fr; }
.footer__col{ min-width:0; }
.footer__brand{ margin:0 0 10px; font-size:22px; font-weight:900; letter-spacing:.05em; color:var(--white); }
.footer__desc{ margin:0 0 14px; font-size:15px; color:var(--slate); max-width:34ch; }
.footer__region{ display:flex; flex-wrap:wrap; gap:8px; margin:0; }
.footer__stamp{
  display:inline-flex; align-items:center;
  padding:3px 10px; border-radius:999px;
  border:1px dashed rgba(53,245,208,.5); color:var(--cyan);
  font-family:var(--font-mono); font-size:11px; letter-spacing:.08em;
}
.footer__title{
  margin:0 0 14px; font-family:var(--font-mono);
  font-size:12px; font-weight:600; letter-spacing:.22em;
  text-transform:uppercase; color:var(--yellow);
}
.footer__list{ display:grid; gap:8px; }
.footer__link{
  color:#C6D4E6; text-decoration:none; font-size:15px;
  transition:color var(--dur) var(--ease),padding-left var(--dur) var(--ease);
}
.footer__link:hover{ color:var(--cyan); padding-left:4px; }
.footer__line{ font-size:14.5px; color:var(--slate); line-height:1.7; word-break:break-word; }
.footer__legal{
  margin-top:36px; padding-top:18px;
  border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; gap:10px 24px; align-items:center; justify-content:space-between;
}
.footer__legal-item{
  margin:0; font-family:var(--font-mono); font-size:12.5px;
  letter-spacing:.06em; color:var(--slate);
}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1279px){
  :root{ --gutter:28px; }
}
@media (max-width:1023px){
  :root{ --gutter:28px; }
  body{ padding-top:56px; }
  .footer{ margin-top:64px; padding:44px 0 22px; }
}
@media (max-width:599px){
  :root{ --gutter:16px; --gap:16px; }
  body{ font-size:16px; }
  .section{ padding:48px 0; }
  .footer__legal{ justify-content:flex-start; }
}

/* 平板及以上页脚分栏 */
@media (min-width:760px){
  .footer__grid{ grid-template-columns:1.5fr 1fr 1.2fr 1fr; gap:28px; }
}

/* 桌面端：左轨道常驻 */
@media (min-width:1024px){
  body{ padding-left:var(--rail-w); padding-top:0; }
  .topbar{ display:none; }
  .rail__scrim{ display:none; }
  .rail{
    width:var(--rail-w);
    padding:28px 22px 24px;
    transform:none;
  }
  .rail__close{ display:none; }
  .scroll-progress{ left:var(--rail-w); width:calc(100% - var(--rail-w)); }
}

/* ---------- 动效降级 ---------- */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  [data-reveal]{ opacity:1 !important; transform:none !important; }
  .rail{ transition:none; }
  .scroll-progress{ transition:none; }
}