/* =========================================================
   澳州幸运10指南 · 共享样式 /assets/site.css
   深海蓝报头 + 雾白连续画布 + 暖金批次锚点
   ========================================================= */

/* 1. Reset ------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;width:100%}

/* 2. 变量 -------------------------------------------------- */
:root{
  --navy-900:#061827;
  --navy-700:#0B2A4A;
  --navy-500:#123B63;
  --gold-500:#D6A84F;
  --gold-300:#F2C879;
  --coral:#FF6B4A;
  --mint:#3DD6B0;
  --fog:#F4F7FA;
  --cool:#DCE5EE;
  --ink:#0E1B2A;
  --mid:#5B6B7C;

  --line-ink:rgba(11,42,74,.16);
  --line-ink-strong:rgba(11,42,74,.34);
  --line-light:rgba(244,247,250,.14);
  --line-gold:rgba(214,168,79,.42);

  --font-sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --container:1280px;
  --read:720px;
  --gutter:clamp(16px,4vw,40px);

  --ease:cubic-bezier(.2,.7,.3,1);
  --dur:200ms;
}

/* 3. 基础排版 ---------------------------------------------- */
body{
  background:var(--fog);
  color:var(--ink);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.75;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-weight:900;letter-spacing:-.02em;line-height:1.08;color:var(--ink)}
h1{font-size:clamp(2.125rem,5vw,4.25rem)}
h2{font-size:clamp(1.5rem,2.6vw,2.5rem)}
h3{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.32}
h4{font-size:1.0625rem;letter-spacing:0}
strong{font-weight:700}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* 4. 焦点与跳转 -------------------------------------------- */
:focus-visible{outline:2px solid var(--gold-500);outline-offset:3px}
.site-header :focus-visible,
.site-footer :focus-visible,
.section--dark :focus-visible,
.panel--dark :focus-visible{outline-color:var(--gold-300)}

.skip-link{
  position:absolute;left:8px;top:8px;z-index:300;
  transform:translateY(-180%);
  padding:10px 18px;
  background:var(--gold-500);color:var(--navy-900);
  font-size:13px;font-weight:700;letter-spacing:.04em;
  transition:transform var(--dur) var(--ease);
}
.skip-link:focus{transform:translateY(0)}

/* 5. 工具类 ------------------------------------------------ */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.rule{height:1px;width:100%;border:0;background:var(--line-ink)}
.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mid)}
.rotated-note{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--mid)}

/* 6. 布局 -------------------------------------------------- */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}

.section{padding-block:clamp(48px,7vw,96px)}
.section--tight{padding-block:clamp(32px,4.5vw,56px)}
.section--line{border-top:1px solid var(--line-ink)}
.section--fog{background:var(--fog)}
.section--paper{background:#fff}
.section--dark{background:var(--navy-900);color:rgba(244,247,250,.82)}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--fog)}
.section__head{display:grid;gap:12px;max-width:var(--read);margin-bottom:clamp(24px,3.4vw,40px)}
.section--dark .eyebrow{color:var(--gold-300)}
.lede{font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.85;color:var(--mid)}
.section--dark .lede{color:rgba(244,247,250,.72)}

.grid{display:grid;gap:clamp(16px,2vw,24px)}
.grid--12{grid-template-columns:repeat(12,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.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}

/* 7. Bento 单元 -------------------------------------------- */
.panel{
  position:relative;
  background:#fff;
  border:1px solid var(--line-ink);
  padding:clamp(20px,2.4vw,32px);
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.panel > * + *{margin-top:12px}
.panel__meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);margin-bottom:10px}
.panel--flat{background:transparent;border:0;padding:0}
.panel--dark{background:var(--navy-900);border-color:rgba(244,247,250,.14);color:rgba(244,247,250,.8)}
.panel--dark h3,.panel--dark h2{color:var(--fog)}
.panel--dark .panel__meta{color:rgba(244,247,250,.55)}
.panel--gold{background:rgba(214,168,79,.09);border-color:var(--line-gold)}
.panel--mint{background:rgba(61,214,176,.07);border-color:rgba(61,214,176,.34)}
.panel--link:hover,.panel--link:focus-within{border-color:var(--gold-500);background:#fff}
.panel--dark.panel--link:hover,.panel--dark.panel--link:focus-within{background:var(--navy-700);border-color:var(--line-gold)}

/* 8. 按钮 -------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 24px;
  font-family:var(--font-sans);font-size:14px;font-weight:700;letter-spacing:.04em;
  border:1px solid transparent;
  background:var(--navy-700);color:var(--fog);
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.btn:hover{background:var(--navy-500)}
.btn--primary{background:var(--gold-500);border-color:var(--gold-500);color:var(--navy-900)}
.btn--primary:hover{background:var(--gold-300);border-color:var(--gold-300)}
.btn--ghost{background:transparent;border-color:var(--line-ink-strong);color:var(--navy-700)}
.btn--ghost:hover{background:rgba(11,42,74,.06);border-color:var(--navy-700)}
.section--dark .btn--ghost,.panel--dark .btn--ghost{color:var(--fog);border-color:rgba(244,247,250,.34)}
.section--dark .btn--ghost:hover,.panel--dark .btn--ghost:hover{color:var(--gold-300);border-color:var(--gold-300);background:rgba(244,247,250,.08)}
.btn--sm{padding:9px 16px;font-size:12px;letter-spacing:.06em}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}

/* 9. 面包屑 ------------------------------------------------ */
.breadcrumbs{padding-block:14px;border-bottom:1px solid var(--line-ink);background:transparent}
.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--mid)}
.breadcrumbs__list li{display:flex;align-items:center;gap:8px}
.breadcrumbs__list li + li::before{content:"/";color:var(--line-ink-strong)}
.breadcrumbs__link{color:var(--navy-700)}
.breadcrumbs__link:hover{color:var(--gold-500);text-decoration:underline;text-underline-offset:3px}
.breadcrumbs__current{color:var(--ink)}

/* 10. 图片容器 --------------------------------------------- */
.media{position:relative;overflow:hidden;background:var(--navy-700);border:1px solid var(--line-ink)}
.media img,.media svg,.media picture{width:100%;height:100%;object-fit:cover;display:block}
.media--wide{aspect-ratio:16/9}
.media--classic{aspect-ratio:4/3}
.media--square{aspect-ratio:1/1}
.media--tall{aspect-ratio:3/4}
.media__texture{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(244,247,250,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,247,250,.16) 1px,transparent 1px);
  background-size:32px 32px;
  opacity:.45;
}
.media__caption{margin-top:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--mid)}
.section--dark .media{border-color:rgba(244,247,250,.18)}

/* 11. 阅读栏 ----------------------------------------------- */
.prose{max-width:var(--read)}
.prose > * + *{margin-top:1.1em}
.prose p{line-height:1.85}
.prose ul,.prose ol{padding-left:1.35em;list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-block:.35em}
.prose h2{margin-top:1.6em}
.prose h3{margin-top:1.4em}
.prose a{color:var(--navy-700);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-ink-strong)}
.prose a:hover{color:var(--gold-500);text-decoration-color:var(--gold-500)}

/* 12. 状态徽标与复制 --------------------------------------- */
.status-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 9px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;
  border:1px solid transparent;background:rgba(244,247,250,.06);color:var(--fog);
}
.status-chip::before{content:"";width:6px;height:6px;background:currentColor;flex:none}
.status-chip--ok{color:var(--mint);border-color:rgba(61,214,176,.38);background:rgba(61,214,176,.09)}
.status-chip--sync{color:var(--gold-300);border-color:rgba(242,200,121,.38);background:rgba(242,200,121,.09)}
.status-chip--warn{color:var(--coral);border-color:rgba(255,107,74,.4);background:rgba(255,107,74,.09)}
.section--dark .status-chip--ok{color:var(--mint)}

.copy-chip{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;
  color:inherit;padding:2px 6px;margin-left:-6px;
  border:1px solid transparent;background:none;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.copy-chip:hover{border-color:var(--line-gold);background:rgba(214,168,79,.12);color:var(--gold-300)}
.copy-chip.is-copied{color:var(--mint);border-color:rgba(61,214,176,.45);background:rgba(61,214,176,.1)}
.copy-chip.is-copied::after{content:"已复制";font-size:10px;letter-spacing:.08em;margin-left:4px}
.copy-chip--ghost{
  margin-left:0;padding:2px 7px;font-size:11px;letter-spacing:.08em;
  color:rgba(244,247,250,.82);
  border-color:rgba(244,247,250,.22);background:rgba(244,247,250,.05);
}
.copy-chip--ghost:hover{color:var(--gold-300);border-color:var(--gold-500);background:rgba(214,168,79,.14)}

/* 13. 刊头 ------------------------------------------------- */
.site-header{
  position:relative;z-index:100;
  background:var(--navy-900);
  color:var(--fog);
  border-bottom:1px solid var(--line-gold);
}
.masthead{position:relative}
.masthead__inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px 24px;
  max-width:var(--container);
  margin-inline:auto;
  padding:20px var(--gutter) 16px;
}
.masthead__issue{
  display:flex;align-items:center;gap:10px;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(244,247,250,.6);
}
.masthead__issue-label{position:relative;padding-right:12px}
.masthead__issue-label::after{
  content:"";position:absolute;right:0;top:50%;width:1px;height:12px;
  transform:translateY(-50%);background:rgba(244,247,250,.26);
}
.masthead__brand{justify-self:center;min-width:0}

.brand{display:inline-flex;align-items:center;gap:12px}
.brand__mark{
  display:inline-grid;place-items:center;flex:none;
  width:38px;height:38px;
  border:1px solid var(--gold-500);
  background:rgba(214,168,79,.1);
  color:var(--gold-500);
  font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:-.06em;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);
}
.brand__name{
  font-weight:900;
  font-size:clamp(20px,2.2vw,28px);
  line-height:1.1;letter-spacing:.02em;
  color:var(--fog);
  white-space:nowrap;
  transition:color var(--dur) var(--ease);
}
.brand:hover .brand__mark{background:var(--gold-500);color:var(--navy-900)}
.brand:hover .brand__name{color:var(--gold-300)}

.masthead__actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.action-link{
  display:inline-flex;align-items:center;
  padding:9px 16px;
  font-size:13px;font-weight:500;letter-spacing:.04em;
  color:var(--fog);
  border:1px solid rgba(244,247,250,.24);
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.action-link:hover{background:rgba(214,168,79,.14);border-color:var(--gold-500);color:var(--gold-300)}
.action-link:first-child{
  background:var(--gold-500);border-color:var(--gold-500);
  color:var(--navy-900);font-weight:700;
}
.action-link:first-child:hover{background:var(--gold-300);border-color:var(--gold-300);color:var(--navy-900)}

.masthead__status{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;
  max-width:var(--container);margin-inline:auto;
  padding:8px var(--gutter);
  border-top:1px solid var(--line-light);
}

.nav-toggle{
  display:none;
  align-items:center;gap:8px;
  justify-self:end;
  padding:8px 11px;
  border:1px solid rgba(244,247,250,.3);
  color:var(--fog);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.nav-toggle:hover{border-color:var(--gold-500);color:var(--gold-300);background:rgba(214,168,79,.1)}
.nav-toggle__bars{position:relative;display:block;width:16px;height:10px}
.nav-toggle__bars::before,
.nav-toggle__bars::after{
  content:"";position:absolute;left:0;right:0;height:1px;
  background:currentColor;transform-origin:center;
  transition:transform var(--dur) var(--ease),top var(--dur) var(--ease);
}
.nav-toggle__bars::before{top:0}
.nav-toggle__bars::after{top:100%}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::before{top:50%;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{top:50%;transform:rotate(-45deg)}

.primary-nav{background:var(--navy-700);border-top:1px solid rgba(244,247,250,.08)}
.primary-nav__list{
  display:flex;justify-content:center;flex-wrap:wrap;
  max-width:var(--container);margin-inline:auto;
  padding-inline:var(--gutter);
}
.primary-nav__list > li{display:flex}
.primary-nav__list a{
  position:relative;display:block;
  padding:14px 20px;
  font-size:14px;font-weight:500;letter-spacing:.04em;
  color:rgba(244,247,250,.78);
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.primary-nav__list a::after{
  content:"";position:absolute;left:20px;right:20px;bottom:8px;height:2px;
  background:var(--gold-500);
  transform:scaleX(0);transform-origin:left center;
  transition:transform var(--dur) var(--ease);
}
.primary-nav__list a:hover{color:var(--fog);background:rgba(244,247,250,.05)}
.primary-nav__list a:hover::after{transform:scaleX(1)}
.primary-nav__list a[aria-current="page"]{color:var(--gold-300);background:rgba(214,168,79,.1)}
.primary-nav__list a[aria-current="page"]::after{transform:scaleX(1);background:var(--gold-500)}
.primary-nav__meta{display:none}

@media (max-width:1100px){
  .primary-nav__list a{padding:13px 14px;font-size:13px}
  .primary-nav__list a::after{left:14px;right:14px}
}

/* 14. 页脚 ------------------------------------------------- */
.site-footer{
  background:var(--navy-900);
  color:rgba(244,247,250,.76);
  font-size:14px;
  border-top:1px solid var(--line-gold);
}
.footer__top{
  display:grid;
  grid-template-columns:minmax(260px,4fr) minmax(0,7fr);
  gap:clamp(24px,4vw,64px);
  padding-block:clamp(40px,6vw,72px) clamp(28px,4vw,48px);
}
.footer__brand .brand__name{font-size:clamp(19px,1.9vw,24px)}
.footer__summary{
  margin-top:18px;max-width:36ch;
  font-size:14px;line-height:1.85;
  color:rgba(244,247,250,.66);
}
.footer__issue{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin-top:20px;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(244,247,250,.5);
}
.footer__issue .copy-chip{color:var(--gold-300);margin-left:0}
.footer__issue .copy-chip:hover{border-color:var(--gold-500);background:rgba(214,168,79,.14)}

.footer__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,3vw,40px);
}
.footer__col{min-width:0}
.footer__col-title{
  padding-bottom:10px;margin-bottom:14px;
  border-bottom:1px solid var(--line-light);
  font-family:var(--font-mono);font-size:11px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-500);
}
.footer__links li + li{margin-top:9px}
.footer__links a{
  display:inline-block;
  font-size:14px;color:rgba(244,247,250,.76);
  transition:color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.footer__links a:hover{color:var(--gold-300);transform:translateX(3px)}

.footer__contact{display:grid;gap:14px}
.footer__contact-item{display:grid;gap:3px}
.footer__contact-label{
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(244,247,250,.4);
}
.footer__contact-value{font-size:14px;color:rgba(244,247,250,.86);overflow-wrap:anywhere}
.footer__contact-value .copy-chip{color:rgba(244,247,250,.86);font-size:12px;margin-left:0}
.footer__contact-value .copy-chip:hover{color:var(--gold-300);border-color:var(--gold-500);background:rgba(214,168,79,.14)}

.footer__status{background:var(--navy-700);border-block:1px solid var(--line-light)}
.footer__status-inner{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;
  max-width:var(--container);margin-inline:auto;
  padding:12px var(--gutter);
  font-size:11px;letter-spacing:.06em;
  color:rgba(244,247,250,.7);
}
.footer__status-dot{width:6px;height:6px;flex:none;background:var(--mint)}

.footer__legal{background:var(--navy-900)}
.footer__legal-inner{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;
  padding-block:18px 28px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;
  color:rgba(244,247,250,.5);
}
.footer__legal-link{color:rgba(244,247,250,.72);transition:color var(--dur) var(--ease)}
.footer__legal-link:hover{color:var(--gold-300)}
.footer__legal-icp{color:rgba(244,247,250,.5)}
.footer__copyright{margin-left:auto;color:rgba(244,247,250,.42)}

@media (max-width:900px){
  .footer__top{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
  .footer__summary{max-width:none}
}
@media (max-width:560px){
  .footer__grid{grid-template-columns:1fr;gap:26px}
  .footer__copyright{margin-left:0;width:100%}
}

/* 15. 动效与进程线 ----------------------------------------- */
.scroll-progress{
  position:fixed;top:0;left:0;z-index:200;
  width:0;height:2px;
  background:var(--gold-500);
  pointer-events:none;
}
.js-ready [data-reveal]{
  opacity:0;transform:translateY(8px);
  transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.js-ready [data-reveal].is-visible{opacity:1;transform:none}

/* 16. 响应式：页头 ----------------------------------------- */
@media (max-width:900px){
  .masthead__inner{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "brand toggle"
      "actions actions";
    padding:14px var(--gutter) 12px;
    gap:12px;
  }
  .masthead__brand{grid-area:brand;justify-self:start}
  .nav-toggle{grid-area:toggle;display:inline-flex}
  .masthead__issue{display:none}
  .masthead__actions{grid-area:actions;justify-content:flex-start;gap:6px}
  .action-link{padding:7px 12px;font-size:12px}
  .brand__mark{width:32px;height:32px;font-size:13px;border-radius:0}
  .brand__name{font-size:19px;letter-spacing:0}
  .masthead__status{padding:7px var(--gutter);gap:6px 10px}
  .status-chip{font-size:10px;padding:2px 7px}

  .primary-nav{display:none;border-top:1px solid var(--line-light);background:var(--navy-900)}
  .primary-nav[data-open]{display:block}
  .primary-nav__list{flex-direction:column;padding:4px 0 14px}
  .primary-nav__list > li{display:block}
  .primary-nav__list a{
    padding:14px var(--gutter);
    font-size:16px;
    border-bottom:1px solid rgba(244,247,250,.07);
  }
  .primary-nav__list a::after{
    left:0;right:auto;top:14px;bottom:14px;
    width:3px;height:auto;
    transform:scaleY(0);transform-origin:top center;
  }
  .primary-nav__list a:hover::after,
  .primary-nav__list a[aria-current="page"]::after{transform:scaleY(1)}
  .primary-nav__meta{
    display:block;
    padding:12px var(--gutter) 4px;
    font-size:10px;letter-spacing:.1em;
    color:rgba(244,247,250,.45);
  }
}

/* 17. 响应式：通用网格 ------------------------------------- */
@media (max-width:1024px){
  .grid--4,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .span-3,.span-4,.span-5{grid-column:span 6}
  .span-7,.span-8,.span-9{grid-column:span 12}
}
@media (max-width:720px){
  .grid--12,.grid--4,.grid--3,.grid--2{grid-template-columns:1fr}
  .span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-12{grid-column:1/-1}
  .section{padding-block:clamp(36px,9vw,56px)}
}

/* 18. 减少动态效果 ----------------------------------------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
  .js-ready [data-reveal]{opacity:1;transform:none}
  .scroll-progress{transition:none}
  .footer__links a:hover{transform:none}
}