/* 成品9 · mist-landing · 冷雾薄荷落地页 */
:root{
  --mn-bg:#f2f6f8;
  --mn-ink:#1a2a32;
  --mn-muted:#5d717c;
  --mn-teal:#1aa6a0;
  --mn-coral:#e85d4c;
  --mn-navy:#1e3a5f;
  --mn-card:#ffffff;
  --mn-wrap:1120px;
  --mn-gutter:20px;
}
html{
  scroll-behavior:smooth;color-scheme:light;
  max-width:100%;overflow-x:hidden;overflow-x:clip;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
body.body-div{
  margin:0;min-height:100vh;min-height:100dvh;
  background:var(--mn-bg)!important;
  color:var(--mn-ink)!important;
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
  -webkit-tap-highlight-color:transparent;
  overscroll-behavior-x:none;
}
body.body-div,body.body-div *{box-sizing:border-box}
body.body-div a{text-decoration:none;color:var(--mn-teal)}
body.body-div h1,body.body-div h2,.div-brand__text{font-weight:700;letter-spacing:-.02em}

.skip-link{
  position:absolute;left:12px;top:-48px;z-index:80;
  background:#fff;color:var(--mn-navy);padding:8px 12px;border-radius:8px;font-weight:700;
}
.skip-link:focus{top:calc(8px + env(safe-area-inset-top))}

.mn-rings{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.mn-rings i{
  position:absolute;left:var(--lx);top:var(--ly);width:var(--s);height:var(--s);
  border-radius:50%;background:rgb(var(--c));opacity:.22;
  animation:mn-breathe var(--d) ease-in-out infinite;animation-delay:var(--delay);
}
@keyframes mn-breathe{0%,100%{opacity:.08;transform:scale(.8)}50%{opacity:.35;transform:scale(1.2)}}

body.body-div .div-header--mn .div-header__inner,
body.body-div .div-footer--mn .div-footer__inner,
body.body-div .div-foot__bar{
  width:100%;max-width:var(--mn-wrap);margin:0 auto;box-sizing:border-box;
}

body.body-div .div-header{
  background:rgba(242,246,248,.92)!important;border-bottom:1px solid #e2eaee!important;
  position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top);width:100%;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
body.body-div--play .div-header{background:#f2f6f8!important;backdrop-filter:none;-webkit-backdrop-filter:none}
body.body-div .div-header--mn .div-header__inner{
  padding:12px var(--mn-gutter);
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"brand toggle" "search search";
  align-items:center;gap:8px 16px;
}
body.body-div .div-brand{display:flex;align-items:center;gap:10px;min-width:0;grid-area:brand}
body.body-div .div-brand__mark{
  width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;
  background:var(--mn-teal);color:#fff!important;border-radius:8px;
  font-size:13px;font-weight:800;line-height:1;
}
body.body-div .div-brand__text{font-size:18px;color:var(--mn-navy)!important;line-height:1.15}
body.body-div .div-brand__text em{
  display:none;font-style:normal;font-size:11px;color:var(--mn-teal);font-weight:600;margin-top:2px;
}
body.body-div .div-header--mn .div-search{
  grid-area:search;display:flex;align-items:stretch;margin:0!important;
  width:100%;height:42px;min-width:0;overflow:hidden;padding:0;
  border:0;border-bottom:2px solid #c5d4dc;background:transparent;border-radius:0;
}
body.body-div .div-search input{
  flex:1;min-width:0;height:auto;font-size:16px;border:0;margin:0;
  background:transparent;color:var(--mn-ink);padding:0 4px;outline:0;
  -webkit-appearance:none;appearance:none;border-radius:0;
}
body.body-div .div-search input::placeholder{color:#8aa0ab}
body.body-div .div-search input::-webkit-search-decoration,
body.body-div .div-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
body.body-div .div-search button{
  height:auto;border:0;padding:0 12px;font-weight:700;flex-shrink:0;margin:0;cursor:pointer;
  background:transparent!important;color:var(--mn-teal)!important;border-radius:0;font-size:14px;
}
body.body-div .nav-toggle{
  display:inline-grid!important;place-items:center;width:44px;height:44px;grid-area:toggle;justify-self:end;
  border:0;background:transparent;color:var(--mn-navy);font-weight:900;
}
body.body-div .div-header--mn .div-nav{
  display:none;flex-wrap:wrap;gap:4px 18px;width:100%;margin:0;padding:4px 0 8px;
  grid-column:1 / -1;justify-content:flex-start;
}
body.body-div .div-header--mn .div-nav.open{display:flex}
body.body-div .div-header--mn .div-nav a{
  color:var(--mn-navy)!important;font-size:14px;font-weight:600;padding:8px 0;min-height:36px;
  display:inline-flex;align-items:center;
}
body.body-div .div-nav a[aria-current="page"]{color:var(--mn-teal)!important}

body.body-div .page-main{padding:0 0 48px;position:relative;z-index:1;width:100%;max-width:none}
body.body-div .page-main > .div-section,
body.body-div .page-main > .section-block,
body.body-div .page-main > .div-play,
body.body-div .page-main > .mn-halls{
  width:100%;max-width:var(--mn-wrap);margin-left:auto;margin-right:auto;
  padding-left:var(--mn-gutter);padding-right:var(--mn-gutter);box-sizing:border-box;
}

body.body-div .div-hero--mn{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;
  text-align:left;overflow:hidden;
  min-height:min(78vh,680px);margin:0 0 28px;padding:0;
  background:#12232c;color:#f4fbfb;
}
body.body-div .mn-hero__bg{position:absolute;inset:0;z-index:0}
body.body-div .mn-hero__bg img{width:100%;height:100%;object-fit:cover;display:block}
body.body-div .mn-hero__bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,22,28,.88) 0%,rgba(10,22,28,.55) 42%,rgba(26,166,160,.18) 100%),
    linear-gradient(180deg,rgba(10,22,28,.15) 0%,rgba(10,22,28,.55) 100%);
}
body.body-div .mn-hero__copy{
  position:relative;z-index:1;width:100%;max-width:var(--mn-wrap);margin:0 auto;
  padding:72px var(--mn-gutter) 56px;box-sizing:border-box;
}
body.body-div .div-hero--mn h1{
  margin:0 0 12px;font-size:clamp(2rem,6.5vw,3.6rem);line-height:1.15;color:#fff;
  max-width:16ch;overflow-wrap:anywhere;text-shadow:0 8px 28px rgba(0,0,0,.35);
}
body.body-div .div-hero--mn .div-kicker{
  display:inline-block;margin:0 0 12px;color:#7ee8e2;font-size:13px;font-weight:700;letter-spacing:.16em;
}
body.body-div .div-hero--mn .div-lead{
  max-width:36em;line-height:1.75;margin:0;color:rgba(244,251,251,.88);font-size:17px;
}
body.body-div .div-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
body.body-div .div-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  background:var(--mn-teal);color:#fff;padding:10px 20px;border-radius:8px;font-weight:700;border:0;
}
body.body-div .div-btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}

body.body-div .div-section,body.body-div .section-block{margin:0 0 36px}
body.body-div .div-section__head,body.body-div .section-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;
}
body.body-div .section-head > div{display:flex;align-items:center;gap:8px}
body.body-div .section-icon{display:none}
body.body-div .div-section h2,body.body-div .section-head h2{
  margin:0 0 16px;font-size:22px;color:var(--mn-navy);
}
body.body-div .div-section__head h2,body.body-div .section-head h2{margin:0}
body.body-div .div-section__head a,body.body-div .section-head a{
  color:var(--mn-teal);font-weight:700;font-size:13px;white-space:nowrap;
}

body.body-div .movie-grid,body.body-div .div-grid--featured{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;list-style:none;padding:0;margin:0;width:100%;
}
body.body-div .div-section--split{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
body.body-div .div-section--split > div,body.body-div .div-section--split > aside{min-width:0;width:100%}
body.body-div .div-section--split > aside > h2{margin:0 0 12px;font-size:18px}

body.body-div .div-mini-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
body.body-div .div-mini-list .div-card{
  display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;
  flex-direction:unset!important;align-items:center;gap:10px!important;
  border:0!important;border-radius:8px!important;background:#fff;padding:6px!important;
}
body.body-div .div-mini-list .div-card__poster{width:48px;flex-shrink:0;border-radius:6px;overflow:hidden}
body.body-div .div-mini-list .div-card__poster img{width:48px!important;aspect-ratio:3/4!important;height:auto!important;object-fit:cover}
body.body-div .div-mini-list .div-card__badge{display:none!important}
body.body-div .div-mini-list .div-card__body{padding:0 4px 0 0;min-height:0;background:transparent}
body.body-div .div-mini-list .div-card__body h3{font-size:13px}
body.body-div .div-mini-list .div-card__body p{font-size:11px}

body.body-div .div-card{
  display:flex;flex-direction:column;background:var(--mn-card);
  border:1px solid #e2eaee;border-radius:10px;overflow:hidden;padding:0;height:100%;min-width:0;position:relative;
}
body.body-div .div-card__poster{display:block;width:100%;position:relative;overflow:hidden}
body.body-div .div-card__poster img{width:100%;aspect-ratio:3/4;height:auto;object-fit:cover;display:block}
body.body-div .div-card__badge{
  position:absolute;left:10px;top:10px;z-index:1;
  background:var(--mn-coral);color:#fff;border-radius:6px;font-weight:700;font-size:11px;padding:3px 8px;
}
body.body-div .div-card:nth-child(5n+2) .div-card__badge{background:var(--mn-teal)}
body.body-div .div-card:nth-child(5n+3) .div-card__badge{background:var(--mn-navy)}
body.body-div .div-card:nth-child(5n) .div-card__badge{background:var(--mn-teal)}
body.body-div .div-card__body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px;background:#fff;min-height:52px}
body.body-div .div-card__body h3{
  margin:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;
}
body.body-div .div-card__body h3 a{color:var(--mn-navy)}
body.body-div .div-card__body p{
  display:flex;flex-wrap:nowrap;gap:6px;margin:0;color:var(--mn-muted);font-size:12px;min-width:0;overflow:hidden;
}
body.body-div .div-card__body p span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body.body-div .mn-halls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;width:100%}
body.body-div .mn-halls a{
  color:var(--mn-navy);font-size:13px;font-weight:600;padding:8px 12px;min-height:36px;
  display:inline-flex;align-items:center;border-radius:8px;background:#fff;border:1px solid #e2eaee;
}
body.body-div .mn-pagehero__copy .mn-halls{margin:16px 0 0;gap:6px}
body.body-div .mn-pagehero__copy .mn-halls a{
  background:rgba(8,18,24,.4);border:1px solid rgba(255,255,255,.22);color:#f4fbfb;
  border-radius:999px;padding:6px 12px;min-height:32px;font-size:12px;
}
body.body-div .mn-pagehero__copy .mn-halls a[aria-current="page"]{background:var(--mn-teal);border-color:transparent;color:#fff}

body.body-div .category-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:0;margin:0;width:100%}
body.body-div .overview-card{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;
  min-height:72px;padding:16px 18px;background:#fff;border:1px solid #e2eaee;border-radius:12px;position:relative;min-width:0;
}
body.body-div .overview-card::before{
  content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:2px;background:var(--mn-teal);
}
body.body-div .overview-card:nth-child(even)::before{background:var(--mn-coral)}
body.body-div .overview-main{min-width:0;padding-left:8px}
body.body-div .overview-main strong{display:block;font-size:16px;color:var(--mn-navy);line-height:1.25}
body.body-div .overview-main span{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:4px;color:var(--mn-muted);font-size:13px;line-height:1.45;
}
body.body-div .overview-links{font-size:12px;font-weight:700;color:var(--mn-teal);text-align:right;flex-shrink:0}

body.body-div .page-hero,body.body-div .div-pagehead{
  position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
  background:#12232c;padding:0;margin:0 0 22px;
}
body.body-div .mn-pagehero__bg{position:absolute;inset:0;z-index:0}
body.body-div .mn-pagehero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
body.body-div .mn-pagehero__bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,22,28,.72) 0%,rgba(10,22,28,.38) 52%,rgba(26,166,160,.18) 100%),
    linear-gradient(180deg,rgba(10,22,28,.08) 0%,rgba(10,22,28,.42) 100%);
}
body.body-div .mn-pagehero__copy{
  position:relative;z-index:1;width:100%;max-width:var(--mn-wrap);margin:0 auto;
  padding:28px var(--mn-gutter) 24px;box-sizing:border-box;
}
body.body-div .page-hero h1,body.body-div .div-pagehead h1{
  margin:0 0 6px;color:#fff;font-size:28px;line-height:1.2;text-shadow:0 6px 20px rgba(0,0,0,.28);
}
body.body-div .page-hero p,body.body-div .div-pagehead p{margin:0;color:rgba(244,251,251,.88);line-height:1.7;max-width:40em}
body.body-div .div-pagehead .div-crumb{color:rgba(244,251,251,.7);margin:0 0 10px}
body.body-div .div-pagehead .div-crumb a{color:#7ee8e2}
body.body-div .eyebrow{color:#7ee8e2;letter-spacing:.14em;font-size:12px;margin:0 0 8px;font-weight:700}
body.body-div .filter-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:18px 0 0;width:100%}
body.body-div .filter-panel input,body.body-div .filter-panel select{
  font-size:16px;min-height:44px;width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.28);
  background:rgba(8,18,24,.42);color:#fff;border-radius:8px;min-width:0;
  color-scheme:dark;-webkit-appearance:none;appearance:none;
}
body.body-div .filter-panel input::placeholder{color:rgba(244,251,251,.55)}
body.body-div .filter-panel select option{color:var(--mn-ink);background:#fff}

body.body-div .rank-panel{counter-reset:mn-rk;margin-top:4px}
body.body-div .rank-panel .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.body-div .rank-panel .div-card__poster img{aspect-ratio:2/3}
body.body-div .rank-panel .div-card__body{padding:6px 8px 8px;min-height:44px}
body.body-div .rank-panel .div-card__body h3{font-size:12px}
body.body-div .rank-panel .div-card{counter-increment:mn-rk}
body.body-div .rank-panel .div-card__badge{
  min-width:1.5em;text-align:center;font-size:0;padding:4px 7px;background:rgba(14,28,36,.78);border-radius:6px;
}
body.body-div .rank-panel .div-card__badge::after{content:counter(mn-rk);font-size:12px;font-weight:800;color:#fff}

body.body-div .div-play{display:flex;flex-direction:column;margin:16px auto 28px;width:100%}
body.body-div .mn-play__stage{
  position:relative;background:#0e1418;width:100%;border-radius:12px;overflow:hidden;
  border:1px solid #d3dee4;box-shadow:0 10px 28px rgba(14,28,36,.1);
}
body.body-div .mn-play__stage video,body.body-div #movie-player{
  width:100%;max-width:100%;height:auto;aspect-ratio:16/9;display:block;background:#000;object-fit:cover;margin:0;border:0;
}
body.body-div .mn-play__dock{
  display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px 16px;margin:18px 0 0;align-items:start;
}
body.body-div .mn-play__still{display:block;grid-column:1;grid-row:1}
body.body-div .mn-play__still img{
  width:100%;aspect-ratio:3/4;height:auto;object-fit:cover;display:block;
  border-radius:10px;border:1px solid #e2eaee;background:#e8eef2;
}
body.body-div .div-play__meta{margin:0;padding:0;width:100%;min-width:0;grid-column:2;grid-row:1}
body.body-div .div-play__meta h1{
  margin:0 0 10px;color:var(--mn-navy);font-size:clamp(22px,3vw,30px);line-height:1.25;overflow-wrap:anywhere;
}
body.body-div .div-play__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
body.body-div .div-play__tags span{
  display:inline-block;padding:3px 8px;font-size:12px;border-radius:6px;color:var(--mn-navy);font-weight:700;background:#e8f4f3;
}
body.body-div .div-play__tags span:nth-child(2){background:#fdecea;color:var(--mn-coral)}
body.body-div .div-play__tags span:nth-child(3){background:#e8eef5;color:var(--mn-navy)}
body.body-div .mn-facts{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px;
}
body.body-div .mn-facts > div{
  margin:0;padding:8px 10px;border:1px solid #d7e4e8;border-radius:10px;background:#f7fbfb;
}
body.body-div .mn-facts dt{
  margin:0;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--mn-teal,#1aa6a0);
}
body.body-div .mn-facts dd{
  margin:4px 0 0;font-size:13px;font-weight:700;color:var(--mn-navy);line-height:1.4;
}
@media (max-width:760px){
  body.body-div .mn-facts{grid-template-columns:1fr 1fr}
}
body.body-div .div-play__full{line-height:1.8;color:var(--mn-ink);margin:0;overflow-wrap:anywhere;font-size:15px}
body.body-div .div-crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:13px;color:var(--mn-muted);margin:0 0 10px;font-weight:600;
}
body.body-div .div-crumb a{color:var(--mn-teal)}

body.body-div .div-footer{
  background:#e8eef2;color:var(--mn-muted);border-top:1px solid #d3dee4;
  padding:0 0 calc(22px + env(safe-area-inset-bottom));position:relative;z-index:1;
}
body.body-div .div-footer--mn .div-footer__inner{padding:28px var(--mn-gutter) 8px;display:flex;flex-direction:column;gap:16px}
body.body-div .div-foot__brand strong{font-size:22px;color:var(--mn-navy);font-weight:700;display:block;line-height:1.2}
body.body-div .div-foot__brand p{margin:8px 0 0;line-height:1.65;color:var(--mn-muted);font-size:13px;max-width:42em}
body.body-div .div-foot__nav{display:flex;flex-wrap:wrap;gap:8px 14px}
body.body-div .div-foot__nav a{
  color:var(--mn-navy);font-weight:600;padding:6px 0;display:inline-flex;align-items:center;min-height:32px;
}
body.body-div .div-foot__bar{
  padding:14px var(--mn-gutter) 0;border-top:1px solid #d3dee4;
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#7a8e98;
}

@media (min-width:760px){
  body.body-div .movie-grid,body.body-div .div-grid--featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  body.body-div .div-hero--mn{min-height:min(82vh,740px)}
  body.body-div .mn-play__dock{grid-template-columns:120px minmax(0,1fr);gap:16px 20px}
  body.body-div .mn-hero__copy{padding:96px var(--mn-gutter) 72px}
  body.body-div .div-btn{min-width:132px}
  body.body-div .filter-panel{grid-template-columns:minmax(0,1fr) 140px 140px}
  body.body-div .page-hero .filter-panel{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(110px,148px))}
  body.body-div .rank-panel .movie-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
  body.body-div .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1101px){
  body.body-div .movie-grid,body.body-div .div-grid--featured{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.body-div .div-section--split{grid-template-columns:minmax(0,1fr) 240px;gap:28px}
  body.body-div .div-section--split .movie-grid,
  body.body-div .div-section--split .div-grid--featured{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.body-div .rank-panel .movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  body.body-div .div-header--mn .div-header__inner{
    grid-template-columns:auto minmax(0,1fr) minmax(200px,280px);
    grid-template-areas:"brand nav search";padding:14px var(--mn-gutter);
  }
  body.body-div .nav-toggle{display:none!important}
  body.body-div .div-header--mn .div-nav{
    display:flex;grid-area:nav;grid-column:auto;padding:0;flex-wrap:nowrap;justify-content:center;
  }
  body.body-div .div-header--mn .div-search{max-width:280px;height:36px;justify-self:end}
  body.body-div .div-brand__text em{display:block}
  body.body-div .div-footer--mn .div-footer__inner{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:24px}
  html.nav-open,html.nav-open body{overflow:visible}
}
@media (max-width:640px){
  body.body-div .overview-links{text-align:left}
  body.body-div .div-hero__actions{flex-direction:column}
  body.body-div .div-btn{width:100%;justify-content:center}
  body.body-div .page-hero h1,body.body-div .div-pagehead h1,body.body-div .div-play__meta h1{font-size:22px}
}
@media (prefers-reduced-motion:reduce){
  .mn-rings{display:none!important}
  html{scroll-behavior:auto}
  body.body-div *,body.body-div *::before,body.body-div *::after{animation:none!important;transition:none!important}
}
html.nav-open,html.nav-open body{overflow:hidden}
body.body-div a,body.body-div button,body.body-div input,body.body-div select{touch-action:manipulation}
body.body-div img{max-width:100%;height:auto}
body.body-div img.image-off{visibility:hidden;background:#dbe6ea;min-height:120px}
body.body-div .empty-state{text-align:center;padding:24px;border:1px dashed #c5d4dc;background:#fff;color:var(--mn-muted)}
body.body-div :focus-visible{outline:3px solid var(--mn-teal);outline-offset:2px}
body.body-div video{max-width:100%;height:auto;background:#000}
@supports not (aspect-ratio:3/4){
  body.body-div .div-card__poster{height:0;padding-bottom:133%;position:relative}
  body.body-div .div-card__poster img{position:absolute;inset:0;height:100%}
}
@media print{.div-header,.div-footer,.mn-rings,.filter-panel,.nav-toggle,.skip-link{display:none!important}}
@media (hover:hover) and (pointer:fine){
  body.body-div .div-card:hover{box-shadow:0 8px 20px rgba(30,58,95,.08)}
  body.body-div .div-btn:hover{filter:brightness(1.05)}
}