/* ==========================================================================
   万合足球 · 共享站点样式 /assets/site.css
   热点夜场：深蓝夜底 + 灯斑 + 盐粒网格，刊物式刊头，珊瑚橙单点高亮
   ========================================================================== */

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

/* ---------- 2. 变量 ---------- */
:root{
  /* 色彩 */
  --ocean-950:#04161F;
  --ocean-900:#082A3B;
  --ocean-700:#0A4358;
  --ocean-600:#0E5C7C;
  --ocean-300:#6FB4CE;
  --ocean-050:#E9F3F7;
  --coral-500:#FF6A45;
  --coral-600:#C9401F;
  --coral-050:#FFEDE7;
  --grass-500:#2E9E63;
  --sand-100:#F6F1E7;
  --ink-900:#0F1418;
  --ink-soft:#3A4750;
  --glass:rgba(255,255,255,.62);

  /* 字体 */
  --font-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;
  --font-sans:"Inter","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-narrow:"Archivo Narrow","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* 字号阶梯 14 → 96 */
  --step--1:clamp(12.5px,.82vw,13.5px);
  --step-0:clamp(15px,.96vw,17px);
  --step-1:clamp(17px,1.15vw,19.5px);
  --step-2:clamp(20px,1.6vw,26px);
  --step-3:clamp(25px,2.4vw,36px);
  --step-4:clamp(31px,3.6vw,52px);
  --step-5:clamp(38px,5.4vw,74px);
  --step-6:clamp(46px,7.4vw,96px);

  /* 尺度 */
  --edge:clamp(18px,4vw,48px);
  --radius:14px;
  --radius-lg:26px;
  --shadow:0 18px 44px rgba(4,22,31,.18);
  --shadow-soft:0 10px 30px rgba(4,22,31,.08);
  --speed:.28s;
}

/* ---------- 3. 中文排版与全局基底 ---------- */
body{
  font-family:var(--font-sans);
  font-size:var(--step-0);
  line-height:1.75;
  color:var(--ink-900);
  background-color:var(--sand-100);
  background-image:
    linear-gradient(to right,rgba(14,92,124,.055) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(14,92,124,.055) 1px,transparent 1px);
  background-size:88px 88px;
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
:focus-visible{outline:2px solid var(--coral-500);outline-offset:3px;border-radius:4px}
::selection{background:var(--coral-500);color:#0B1A22}
#main-content{scroll-margin-top:24px}

.wh-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.01em}
.wh-serif{font-family:var(--font-serif)}
.wh-narrow{font-family:var(--font-narrow)}
.wh-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}

/* ---------- 4. 容器 / 网格 ---------- */
.wh-container{width:min(1280px,calc(100% - var(--edge) * 2));margin-inline:auto}
.wh-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
.wh-span-4{grid-column:span 4}
.wh-span-5{grid-column:span 5}
.wh-span-6{grid-column:span 6}
.wh-span-7{grid-column:span 7}
.wh-span-8{grid-column:span 8}
.wh-span-12{grid-column:span 12}
.wh-section{padding-block:clamp(40px,6vw,88px)}
.wh-section--tight{padding-block:clamp(24px,3vw,44px)}

/* ---------- 5. 跳过链接 ---------- */
.wh-skip{
  position:absolute;left:50%;top:-120px;transform:translateX(-50%);
  z-index:999;
  background:var(--coral-500);color:#0B1A22;
  padding:.7em 1.3em;border-radius:0 0 12px 12px;
  font-weight:700;font-size:14px;text-decoration:none;
  transition:top .2s ease;
}
.wh-skip:focus{top:0}

/* ---------- 6. 页头 ---------- */
.wh-header{
  position:relative;z-index:60;
  color:#EAF4F8;
  background:
    radial-gradient(120% 150% at 50% -35%,rgba(111,180,206,.32),transparent 62%),
    linear-gradient(180deg,var(--ocean-900),var(--ocean-950));
  border-bottom:1px solid rgba(255,255,255,.10);
}
.wh-header::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:radial-gradient(rgba(255,255,255,.14) .8px,transparent .9px);
  background-size:5px 5px;
  mix-blend-mode:overlay;
}
.wh-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:rgba(14,92,124,.22)}
.wh-progress__bar{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ocean-300),var(--coral-500))}

.wh-masthead{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  grid-template-areas:"left brand right";
  align-items:center;
  gap:clamp(12px,2vw,28px);
  padding:clamp(20px,3vw,36px) 0 clamp(16px,2.2vw,26px);
}
.wh-masthead__meta{display:flex;flex-direction:column;gap:2px}
.wh-masthead__meta--left{grid-area:left;align-items:flex-start;text-align:left}
.wh-masthead__meta--right{grid-area:right;align-items:flex-end;text-align:right}
.wh-masthead__label{
  font-family:var(--font-narrow);font-size:var(--step--1);
  letter-spacing:.16em;text-transform:uppercase;
  color:rgba(233,243,247,.62);
}
.wh-masthead__value{font-size:clamp(15px,1.5vw,21px);font-weight:600;color:#EAF4F8}

.wh-brand{
  grid-area:brand;
  display:flex;flex-direction:column;align-items:center;gap:.2em;
  text-align:center;text-decoration:none;
}
.wh-brand__name{
  font-family:var(--font-serif);font-weight:900;
  font-size:var(--step-6);line-height:1;letter-spacing:-.02em;color:#fff;
  text-shadow:0 0 38px rgba(111,180,206,.45);
}
.wh-brand__sub{
  font-family:var(--font-narrow);font-size:clamp(11.5px,1.05vw,14px);
  letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;
  color:var(--ocean-300);
}

.wh-nav-toggle{
  grid-area:toggle;display:none;
  align-items:center;gap:.6em;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.22);
  color:#EAF4F8;border-radius:999px;
  padding:.55em 1em;font-size:13px;font-weight:700;cursor:pointer;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:background var(--speed),border-color var(--speed);
}
.wh-nav-toggle:hover{background:rgba(255,255,255,.18)}
.wh-nav-toggle__bars{display:inline-flex;flex-direction:column;gap:3px;width:16px}
.wh-nav-toggle__bars i{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .25s ease}
.wh-nav-toggle[aria-expanded="true"] .wh-nav-toggle__bars i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.wh-nav-toggle[aria-expanded="true"] .wh-nav-toggle__bars i:nth-child(2){opacity:0}
.wh-nav-toggle[aria-expanded="true"] .wh-nav-toggle__bars i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

.wh-navbar{
  position:relative;z-index:1;
  background:linear-gradient(90deg,rgba(14,92,124,.42),rgba(4,22,31,.52) 45%,rgba(14,92,124,.42));
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:2px solid rgba(255,106,69,.55);
}
.wh-navbar__inner{position:relative;display:flex;align-items:center;justify-content:center;min-height:56px}
.wh-nav{display:flex;justify-content:center;flex:1}
.wh-nav__list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(10px,2.1vw,30px)}
.wh-nav__item{display:block}
.wh-nav__link{
  position:relative;display:inline-flex;align-items:baseline;gap:.45em;
  padding:.85em .15em;
  color:rgba(233,243,247,.78);
  font-family:var(--font-narrow);font-weight:700;
  font-size:clamp(14px,1.15vw,16px);letter-spacing:.06em;
  text-decoration:none;
  transition:color var(--speed);
}
.wh-nav__link::after{
  content:"";position:absolute;left:0;right:0;bottom:.34em;height:2px;
  background:var(--coral-500);transform:scaleX(0);
  transition:transform .28s ease;
}
.wh-nav__link:hover{color:#fff}
.wh-nav__link:hover::after{transform:scaleX(1)}
.wh-nav__link[aria-current="page"]{color:#fff}
.wh-nav__link[aria-current="page"]::after{transform:scaleX(1)}
.wh-nav__hint{
  display:none;
  font-family:var(--font-sans);font-weight:500;font-size:12.5px;
  letter-spacing:0;color:rgba(111,180,206,.92);
}
.wh-nav__cta{position:absolute;right:0;top:50%;transform:translateY(-50%)}

/* ---------- 7. 按钮 ---------- */
.wh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:.66em 1.2em;border-radius:999px;
  font-family:var(--font-narrow);font-weight:700;font-size:14.5px;letter-spacing:.06em;
  text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:background var(--speed),color var(--speed),border-color var(--speed),transform var(--speed);
}
.wh-btn--solid{background:var(--coral-500);color:#0B1A22;box-shadow:0 8px 20px rgba(255,106,69,.28)}
.wh-btn--solid:hover{background:#FF8563;transform:translateY(-1px)}
.wh-btn--ghost{
  background:rgba(255,255,255,.14);color:#EAF4F8;
  border-color:rgba(255,255,255,.28);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.wh-btn--ghost:hover{background:rgba(255,255,255,.24)}
.wh-btn--outline{background:transparent;color:var(--ocean-600);border-color:var(--ocean-300)}
.wh-btn--outline:hover{background:var(--ocean-050);border-color:var(--ocean-600)}

/* ---------- 8. 包裹块 / 卡片 / 标题 ---------- */
.wh-glass{
  background:var(--glass);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
  border:1px solid rgba(255,255,255,.55);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
}
.wh-glass--dark{
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.2);
  color:rgba(233,243,247,.9);
}
.wh-card{
  background:#fff;
  border:1px solid rgba(14,92,124,.14);
  border-radius:var(--radius-lg);
  padding:clamp(18px,2.4vw,28px);
  box-shadow:var(--shadow-soft);
}
.wh-band--dark{
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,var(--ocean-900),var(--ocean-950) 72%);
  color:rgba(233,243,247,.88);
  border-radius:calc(var(--radius-lg) + 6px);
  padding:clamp(26px,4vw,56px);
}
.wh-band--dark::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 110% at 84% -6%,rgba(255,106,69,.24),transparent 58%);
}
.wh-band--dark > *{position:relative;z-index:1}
.wh-band--tint{
  background:var(--ocean-050);
  border-radius:calc(var(--radius-lg) + 6px);
  padding:clamp(24px,3.4vw,48px);
}
.wh-eyebrow{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--font-narrow);font-size:12.5px;font-weight:700;
  letter-spacing:.24em;text-transform:uppercase;color:var(--ocean-600);
}
.wh-eyebrow::before{content:"";width:26px;height:2px;background:var(--coral-500);flex:none}
.wh-title{
  font-family:var(--font-serif);font-weight:800;
  font-size:var(--step-4);line-height:1.2;letter-spacing:-.02em;
  color:var(--ocean-950);
}
.wh-title--xl{font-size:var(--step-5)}
.wh-band--dark .wh-title{color:#fff}
.wh-band--dark .wh-eyebrow{color:var(--coral-500)}

/* ---------- 9. 正文 / 面包屑 ---------- */
.wh-prose{max-width:74ch;font-size:var(--step-1);line-height:1.85;color:var(--ink-soft)}
.wh-prose p + p{margin-top:1.05em}
.wh-prose strong{color:var(--ink-900)}
.wh-prose a{color:var(--ocean-600);text-decoration:underline}
.wh-prose a:hover{color:var(--coral-600)}
.wh-prose ul{list-style:disc;padding-left:1.2em}

.wh-crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:.1em;
  font-family:var(--font-narrow);font-size:13px;letter-spacing:.08em;
  color:var(--ocean-600);margin-bottom:1.4em;
}
.wh-crumbs li{display:inline-flex;align-items:center}
.wh-crumbs li:not(:last-child)::after{content:"›";margin:0 .5em;opacity:.5}
.wh-crumbs a{text-decoration:none;opacity:.82}
.wh-crumbs a:hover{opacity:1;color:var(--coral-600)}

/* ---------- 10. 标签 ---------- */
.wh-tag{
  display:inline-flex;align-items:center;gap:.4em;
  padding:.24em .72em;border-radius:999px;
  font-family:var(--font-narrow);font-size:12.5px;font-weight:700;letter-spacing:.08em;
  background:var(--ocean-050);color:var(--ocean-600);
}
.wh-tag--coral{background:var(--coral-050);color:var(--coral-600)}
.wh-tag--grass{background:rgba(46,158,99,.13);color:#1F7649}
.wh-tag--dark{background:rgba(255,255,255,.12);color:rgba(233,243,247,.92);border:1px solid rgba(255,255,255,.2)}

/* ---------- 11. 图片容器（页面阶段放置图片） ---------- */
.wh-figure{
  position:relative;overflow:hidden;isolation:isolate;
  border-radius:var(--radius-lg);
  background:linear-gradient(140deg,var(--ocean-900),var(--ocean-950) 55%,var(--ocean-600));
}
.wh-figure__img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.06)}
.wh-figure::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.45;
  background-image:radial-gradient(rgba(255,255,255,.13) .7px,transparent .8px);
  background-size:4px 4px;mix-blend-mode:overlay;
}
.wh-figure::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}
.wh-figure__cap{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:2.4em 1.1em .9em;
  font-family:var(--font-narrow);font-size:13px;letter-spacing:.04em;
  color:rgba(233,243,247,.88);
  background:linear-gradient(0deg,rgba(4,22,31,.88),rgba(4,22,31,0));
}
.wh-figure--21x9{aspect-ratio:21/9}
.wh-figure--16x9{aspect-ratio:16/9}
.wh-figure--4x5{aspect-ratio:4/5}
.wh-figure--1x1{aspect-ratio:1/1}

/* ---------- 12. 可展开内容组 ---------- */
[data-accordion-item]{border-bottom:1px solid rgba(14,92,124,.22)}
[data-accordion-trigger]{
  width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:1em;
  background:none;border:0;padding:1.15em 0;text-align:left;cursor:pointer;
  font-family:var(--font-narrow);font-weight:700;font-size:var(--step-1);
  letter-spacing:.02em;color:var(--ocean-900);
  transition:color var(--speed);
}
[data-accordion-trigger]:hover{color:var(--ocean-600)}
[data-accordion-trigger]::after{
  content:"";flex:none;width:11px;height:11px;margin-top:.5em;
  border-right:2px solid var(--coral-500);border-bottom:2px solid var(--coral-500);
  transform:rotate(45deg);transition:transform .3s ease;
}
[data-accordion-item][data-open] [data-accordion-trigger]{color:var(--ocean-600)}
[data-accordion-item][data-open] [data-accordion-trigger]::after{transform:rotate(-135deg)}
[data-accordion-panel]{max-height:0;overflow:hidden;transition:max-height .34s ease}

/* ---------- 13. 复制交互 ---------- */
.wh-copy{
  display:inline-flex;align-items:center;gap:.55em;
  background:none;border:0;padding:0;cursor:pointer;
  font-family:var(--font-mono);font-size:.95em;
  color:inherit;text-align:left;
  transition:color var(--speed);
}
.wh-copy::after{
  content:"";flex:none;width:13px;height:13px;
  border:1.5px solid currentColor;border-radius:3px;opacity:.5;
  transition:background var(--speed),border-color var(--speed),opacity var(--speed);
}
.wh-copy:hover{color:var(--coral-600)}
.wh-copy.is-copied{color:var(--grass-500)}
.wh-copy.is-copied::after{background:var(--grass-500);border-color:var(--grass-500);opacity:1}

/* ---------- 14. 显现 ---------- */
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.8,.3,1)}
[data-reveal].is-visible{opacity:1;transform:none}

/* ---------- 15. 页脚 ---------- */
.wh-footer{
  position:relative;z-index:1;
  margin-top:clamp(48px,8vw,96px);
  padding-top:clamp(40px,6vw,72px);
  background:linear-gradient(180deg,var(--ocean-950),#02090E);
  color:rgba(233,243,247,.78);
  border-top:1px solid rgba(111,180,206,.28);
}
.wh-footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(111,180,206,.16) .8px,transparent .9px);
  background-size:6px 6px;
}
.wh-footer__inner{
  position:relative;
  display:grid;grid-template-columns:minmax(190px,1fr) 2.7fr;
  gap:clamp(24px,4vw,56px);
  padding-bottom:clamp(30px,4vw,52px);
}
.wh-footer__brand{display:flex;flex-direction:column;align-items:flex-start}
.wh-footer__logo{
  font-family:var(--font-serif);font-weight:900;
  font-size:clamp(24px,2.6vw,34px);line-height:1.1;letter-spacing:-.01em;
  color:#fff;text-decoration:none;
}
.wh-footer__tagline{
  margin-top:.6em;font-family:var(--font-narrow);
  font-size:13px;letter-spacing:.1em;color:var(--ocean-300);
}
.wh-footer__area{
  margin-top:1em;padding-left:.7em;font-size:13px;
  color:rgba(233,243,247,.62);border-left:2px solid var(--coral-500);
}
.wh-footer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.wh-footer__title{
  display:flex;align-items:center;gap:.6em;
  padding-bottom:.7em;margin-bottom:.9em;
  font-family:var(--font-narrow);font-size:13px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:#fff;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.wh-footer__title::before{content:"";flex:none;width:8px;height:8px;background:var(--coral-500);transform:rotate(45deg)}
.wh-footer__list{display:flex;flex-direction:column;gap:.55em;font-size:14.5px}
.wh-footer__list li{line-height:1.65}
.wh-footer__list a{color:rgba(233,243,247,.8);text-decoration:none;transition:color var(--speed),padding-left var(--speed)}
.wh-footer__list a:hover{color:var(--coral-500);padding-left:.25em}
.wh-footer__list--data .wh-footer__meta{
  font-family:var(--font-mono);font-size:13px;line-height:1.7;
  color:rgba(233,243,247,.72);
}
.wh-footer__legal{
  position:relative;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;
  padding:18px 0 24px;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:13px;color:rgba(233,243,247,.62);
}
.wh-footer__copy{font-family:var(--font-mono);font-size:12.5px}
.wh-footer__links{display:flex;align-items:center;gap:.6em}
.wh-footer__links a{color:rgba(233,243,247,.76);text-decoration:none}
.wh-footer__links a:hover{color:var(--coral-500)}
.wh-footer__sep{opacity:.45}

/* ---------- 16. 响应式 ---------- */
@media (max-width:1024px){
  .wh-footer__inner{grid-template-columns:1fr}
  .wh-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .wh-grid{gap:20px}
  .wh-span-4,.wh-span-5,.wh-span-6,.wh-span-7,.wh-span-8{grid-column:span 12}

  .wh-masthead{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "brand brand"
      "left right";
    row-gap:14px;
    padding-top:clamp(18px,5vw,28px);
  }
  .wh-brand{align-items:center;text-align:center}
  .wh-nav-toggle{display:inline-flex;position:absolute;top:clamp(12px,3vw,18px);right:0}
  .wh-navbar__inner{justify-content:flex-start}
  .wh-nav{display:none;width:100%}
  .wh-nav[data-open]{display:block}
  .wh-nav__list{flex-direction:column;align-items:stretch;gap:0;width:100%;padding:.3em 0 1em}
  .wh-nav__item{border-bottom:1px solid rgba(255,255,255,.10)}
  .wh-nav__item:last-child{border-bottom:0}
  .wh-nav__link{
    display:flex;flex-direction:column;align-items:flex-start;gap:.18em;
    padding:1em .1em 1em 15px;font-size:15.5px;
  }
  .wh-nav__link::after{
    left:0;right:auto;top:.85em;bottom:.85em;width:3px;height:auto;
    transform:scaleY(0);transform-origin:center;
  }
  .wh-nav__link:hover::after,
  .wh-nav__link[aria-current="page"]::after{transform:scaleY(1)}
  .wh-nav__hint{display:block}
  .wh-nav__cta{display:none}
  .wh-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .wh-brand__name{font-size:clamp(40px,13vw,62px)}
  .wh-masthead__meta--left,.wh-masthead__meta--right{font-size:13px}
  .wh-masthead__label{letter-spacing:.1em}
  .wh-figure--21x9{aspect-ratio:16/9}
  .wh-footer__grid{grid-template-columns:1fr}
  .wh-footer__legal{flex-direction:column;align-items:flex-start}
  .wh-band--dark,.wh-band--tint{border-radius:var(--radius)}
}
@media (max-width:430px){
  .wh-nav-toggle__text{display:none}
}

/* ---------- 17. 动效降级 ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  [data-reveal]{opacity:1;transform:none}
  .wh-progress__bar{transition:none}
  .wh-btn:hover{transform:none}
}