.icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
*{box-sizing:border-box}
:root{
  --text:#26364d;
  --text-soft:#697b93;
  --text-strong:#1c2f4c;
  --bg-1:#fafafa;
  --bg-2:#f2f4f7;
  --panel:#ffffff;
  --panel-soft:rgba(255,255,255,.92);
  --accent:#86a9f7;
  --accent-deep:#6f97ef;
  --accent-strong:#5a86e6;
  --line:#e5e9ef;
  --line-strong:#d7dee9;
  --shadow-soft:0 8px 20px rgba(25,42,72,.06);
  --shadow-button:0 6px 14px rgba(39,69,120,.08);
  --shadow-card:0 14px 28px rgba(18,32,56,.12), 0 2px 8px rgba(18,32,56,.05);
}
body{
  margin:0;
  height:100vh;
  background:
    radial-gradient(circle at 84% 10%, rgba(255,255,255,.65), transparent 20%),
    linear-gradient(180deg,var(--bg-1),var(--bg-2));
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  overflow:hidden;
}
button{font:inherit}
.layout{
  height:100vh;
  position:relative;
}

.site-logo{
  position:fixed;
  left:24px;
  top:18px;
  z-index:30;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.site-logo-mark{
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(135deg, #93b4ff 0%, #6f97ef 52%, #547bdd 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42), 0 10px 18px rgba(53,94,177,.16);
  position:relative;
}
.site-logo-mark::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.28);
}
.site-logo-mark-core{
  color:#fff;
  font-size:16px;
  font-weight:800;
  letter-spacing:.2px;
  position:relative;
  z-index:1;
}
.site-logo-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1.05;
}
.site-logo-text{
  font-size:19px;
  font-weight:800;
  letter-spacing:.22px;
  color:var(--text-strong);
}
.site-logo-sub{
  margin-top:4px;
  font-size:10px;
  letter-spacing:1.05px;
  font-weight:700;
  color:#7c8fa9;
}

.top-actions{
  position:fixed;
  right:24px;
  top:20px;
  z-index:35;
  display:flex;
  align-items:center;
  gap:10px;
}
.top-actions button{
  height:38px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.publish-video{
  padding:0 14px;
  border:1px solid var(--line-strong);
  background:linear-gradient(180deg,#ffffff,#f7f9fc);
  color:var(--accent-strong);
  box-shadow:var(--shadow-button);
}
.publish-video:hover{
  transform:translateY(-1px);
  border-color:#c7d7f3;
  box-shadow:0 8px 16px rgba(39,69,120,.10);
}
.publish-video svg{width:12px;height:12px;stroke-width:2.2}
.publish-video span{font-size:12px;font-weight:600;letter-spacing:.08px}

.language-switch{
  min-width:96px;
  padding:0 11px;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.9);
  color:var(--text-strong);
  box-shadow:var(--shadow-button);
  backdrop-filter:blur(10px);
}
.language-switch:hover{
  background:#fff;
  border-color:#ccd7ea;
  box-shadow:0 8px 16px rgba(39,69,120,.09);
}
.language-switch > svg{width:12px;height:12px;stroke-width:2}
.language-switch span{font-size:12px;font-weight:600;color:#587094}
.language-switch .language-arrow{width:10px;height:10px;stroke-width:2}

.language-menu{
  display:none;
  position:fixed;
  right:24px;
  top:63px;
  z-index:50;
  width:136px;
  padding:7px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 34px rgba(40,60,96,.12);
  backdrop-filter:blur(14px);
}
.language-menu.show{display:block}
.language-menu button{
  width:100%;
  height:35px;
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  text-align:left;
  font-size:13px;
  color:#5f7391;
  cursor:pointer;
}
.language-menu button:hover{
  background:rgba(134,169,247,.10);
}

.floating-sidebar{
  position:fixed;
  left:22px;
  top:104px;
  bottom:32px;
  width:38px;
  z-index:20;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  overflow:visible;
  transition:width .26s cubic-bezier(.2,.8,.2,1);
}
.floating-sidebar:hover{
  width:200px;
}

.main-nav{
  width:100%;
  margin-top:82px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.nav-item{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  padding:0 14px 0 0;
  color:#0f1724;
  text-decoration:none;
  position:relative;
  border-radius:12px;
  transition:background .22s ease, color .18s ease, transform .18s ease;
}
.nav-item:hover{
  background:rgba(17,17,17,.06);
  color:#0f1724;
}
.nav-item svg{
  width:21px;
  height:21px;
  stroke-width:2.05;
  flex:0 0 auto;
}
.nav-label{
  font-size:14px;
  font-weight:500;
  color:#0f1724;
  white-space:nowrap;
  opacity:0;
  transform:translateX(-10px);
  transition:opacity .22s ease, transform .22s ease;
  pointer-events:none;
}
.floating-sidebar:hover .nav-label{
  opacity:1;
  transform:translateX(0);
}
.active-item .nav-label{
  font-weight:700;
}

.comment-item .dot{
  position:absolute;
  left:14px;
  top:8px;
  width:7px;
  height:7px;
  background:#ef4545;
  border-radius:50%;
  border:1.5px solid #fff;
}
.profile-item{margin-top:2px}
.profile-item img{
  width:24px;
  height:24px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(111,151,239,.22);
  flex:0 0 auto;
}

.user{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
}
.user img{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.65);
}
.user b{font-size:14px}

@media(max-width:900px){.floating-sidebar, .site-logo, .top-actions{display:none}

  .nav-label{display:none}
  .floating-sidebar:hover{
    width:38px;
  }
  .nav-item{
    width:28px;
    min-height:28px;
    gap:0;
    padding:0;
    justify-content:center;
    background:transparent !important;
  }
  .main-nav{gap:30px}
  .comment-item .dot{
    left:auto;
    right:-1px;
    top:1px;
  }
  body{background:#000}}
@media (min-width:901px){
  .site-logo,
  .top-actions{
    transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .22s ease !important;
    will-change:transform,opacity;
  }
  body.wp-top-nav-hidden .site-logo,
  body.wp-top-nav-hidden .top-actions{
    transform:translateY(-78px) !important;
    opacity:0;
    pointer-events:none;
  }
}
:root{
  --wp-primary:#1a56db;
  --wp-primary-2:#2762e1;
  --wp-primary-3:#3f79eb;
  --wp-primary-soft:#eaf1ff;
  --wp-primary-border:#c9d8ff;
}

.site-logo-text{color:var(--wp-primary) !important;}
.site-logo-sub{color:#6f88c8 !important;}
.site-logo-mark{
  background:linear-gradient(135deg,var(--wp-primary-3) 0%, var(--wp-primary) 60%, #184fc8 100%) !important;
  box-shadow:0 10px 18px rgba(26,86,219,.18) !important;
}

.nav-item:hover, .publish-video, .service-item, .language-switch span{
  color:var(--wp-primary) !important;
}

.publish-video{
  border-color:var(--wp-primary-border) !important;
  background:linear-gradient(180deg,#ffffff,#edf3ff) !important;
  box-shadow:0 6px 14px rgba(26,86,219,.10) !important;
}
.publish-video:hover{
  border-color:#b8ccff !important;
  box-shadow:0 8px 16px rgba(26,86,219,.12) !important;
}

.language-switch{
  border-color:var(--wp-primary-border) !important;
  box-shadow:0 6px 14px rgba(26,86,219,.08) !important;
}
.language-switch > svg,
.language-switch .language-arrow{
  color:var(--wp-primary) !important;
}

.language-menu button:hover,
.nav-item:hover{
  background:rgba(26,86,219,.08) !important;
}

.comment-item .dot{background:#ff5252 !important;}

.user{position:relative;}

@keyframes flyToCart{0%{transform:translate(0,0) scale(.55);opacity:0;}
  58%{opacity:1;}
  100%{transform:translate(var(--dx), var(--dy)) scale(.18);opacity:0;}}
@keyframes cartBump{0%{transform:translateY(0) scale(1);}
  35%{transform:translateY(-1px) scale(1.12);}
  100%{transform:translateY(0) scale(1);}}
@keyframes cartBadgePulse{0%{transform:scale(1);}
  40%{transform:scale(1.22);}}

@keyframes flyToCartLong{0%{
    transform:translate3d(0,0,0) scale(.28) rotate(0deg);
    opacity:0;
  }
  10%{
    opacity:1;
  }
  40%{
    opacity:1;
  }
  100%{
    transform:translate3d(var(--dx), var(--dy), 0) scale(.14) rotate(var(--rotate, 180deg));
    opacity:0;
  }}
@keyframes cartMicroMotion{0%{transform:translateY(0) scale(1) rotate(0deg);}
  18%{transform:translateY(-1px) scale(1.10) rotate(-8deg);}
  36%{transform:translateY(0) scale(1.04) rotate(6deg);}
  58%{transform:translateY(-1px) scale(1.08) rotate(-4deg);}
  78%{transform:translateY(0) scale(1.02) rotate(2deg);}}
@keyframes cartBadgeMicro{0%{transform:scale(1);}
  22%{transform:scale(1.28);}
  52%{transform:scale(.96);}
  76%{transform:scale(1.12);}
  100%{transform:scale(1);}}

@keyframes cartParticleFly{0%{
    transform:translate3d(0,0,0) scale(.35);
    opacity:0;
  }
  14%{opacity:1;}
  68%{opacity:1;}
  100%{
    transform:translate3d(var(--dx), var(--dy), 0) scale(.12);
    opacity:0;
  }}
@keyframes cartIconMicroMotion{0%{transform:translateY(0) scale(1) rotate(0deg);}
  18%{transform:translateY(-1px) scale(1.08) rotate(-6deg);}
  36%{transform:translateY(0) scale(1.02) rotate(4deg);}
  58%{transform:translateY(-1px) scale(1.06) rotate(-3deg);}
  80%{transform:translateY(0) scale(1.01) rotate(2deg);}
  100%{transform:translateY(0) scale(1) rotate(0deg);}}

@keyframes cartItemFly{0%{transform:translate3d(0,0,0) scale(.55) rotate(0deg); opacity:0;}
  12%{opacity:1;}
  72%{opacity:1;}
  100%{transform:translate3d(var(--dx), var(--dy), 0) scale(.16) rotate(var(--rotate, 0deg)); opacity:0;}}

.nav-fa-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  line-height:1;
  font-style:normal;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.nav-fa-icon{
  width:21px;
  height:21px;
  font-size:18px;
  color:#667d9f;
  transition:color .18s ease, transform .18s ease;
}

.nav-item:hover .nav-fa-icon{
  color:#334f78;
  transform:scale(1.04);
}

.active-item .nav-fa-icon{
  color:#526f9e;
}

.nav-item .nav-fa-icon{
  stroke:none !important;
  fill:currentColor !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  filter:none !important;
}

.site-logo-sub{
  text-transform:none !important;
  letter-spacing:.35px !important;
}

.top-login-btn{
  height:38px;
  padding:0 15px;
  border:1px solid rgba(193,205,223,.92);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#4f6484;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 5px 16px rgba(31,52,82,.06);
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

.top-login-btn i{
  font-size:14px;
}

.top-login-btn:hover{
  background:#fff;
  border-color:#aebed6;
  transform:translateY(-1px);
}

.floating-sidebar{
  padding-top:18px !important;
}

@media(max-width:900px){.top-login-btn{
    height:36px;
    padding:0 12px;
  }

  .top-login-btn span{
    display:none;
  }

  .top-login-btn i{
    font-size:16px;
  }}

.language-switch,
.top-login-btn{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.language-switch:hover,
.top-login-btn:hover{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  transform:none !important;
}

.language-switch{
  padding-left:4px !important;
  padding-right:4px !important;
}

.top-login-btn{
  padding-left:6px !important;
  padding-right:4px !important;
}

.search-nav-wrap{
  position:relative;
  display:block;
}
.search-trigger{
  width:100%;
  border:none;
  background:transparent;
  padding:0;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.search-popover{
  position:absolute;
  left:calc(100% + 14px);
  top:50%;
  width:328px;
  padding:16px;
  border:1px solid rgba(223,231,241,.96);
  border-radius:22px;
  background:rgba(255,255,255,.98);
  box-shadow:0 22px 46px rgba(28,42,66,.10), 0 8px 18px rgba(28,42,66,.06);
  transform:translateY(-50%) translateX(-10px) scale(.985);
  transform-origin:left center;
  opacity:0;
  pointer-events:none;
  transition:opacity .26s ease, transform .32s cubic-bezier(.2,.8,.2,1);
  z-index:95;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.search-popover.show{
  opacity:1;
  pointer-events:auto;
  transform:translateY(-50%) translateX(0) scale(1);
}
.search-popover-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.search-popover-header strong{
  font-size:15px;
  color:#202a39;
  letter-spacing:.1px;
}
.search-close{
  width:30px;
  height:30px;
  border:none;
  border-radius:50%;
  background:transparent;
  color:#617085;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.search-close:hover{
  background:#f4f7fb;
}
.search-close svg{
  width:16px;
  height:16px;
  stroke-width:2.1;
}
.search-box-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
}
.search-input-wrap{
  height:44px;
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#f8fafc;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
}
.search-input-wrap i{
  color:#7c8ca3;
  font-size:14px;
}
.search-input{
  flex:1;
  border:none;
  background:transparent;
  outline:none;
  font-size:13px;
  color:#1f2937;
}
.search-submit-btn{
  height:44px;
  padding:0 16px;
  border:none;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff,#edf3ff);
  color:#3f5f93;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(26,86,219,.08);
}
.search-submit-btn:hover{
  filter:brightness(.985);
}
.search-hot-section{
  margin-top:14px;
}
.search-hot-title{
  display:block;
  margin-bottom:10px;
  font-size:12px;
  color:#7a889d;
  font-weight:700;
}
.search-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.search-tags button{
  height:32px;
  padding:0 12px;
  border:1px solid #dce5f0;
  border-radius:999px;
  background:#fff;
  color:#526174;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}
.search-tags button:hover{
  background:#f8fbff;
  color:#3e5981;
}
@media(max-width:900px){.search-popover{
    position:fixed;
    left:0;
    right:0;
    top:auto;
    bottom:0;
    width:100%;
    border-radius:22px 22px 0 0;
    transform:translateY(100%);
    padding:16px 16px 20px;
    max-height:68vh;
  }
  .search-popover.show{
    transform:translateY(0);
  }}

.message-nav-wrap{
  position:relative;
  display:block;
}
.message-trigger{
  width:100%;
  border:none;
  background:transparent;
  padding:0;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.message-popover{
  position:absolute;
  left:calc(100% + 14px);
  top:50%;
  width:342px;
  padding:16px;
  border:1px solid rgba(223,231,241,.96);
  border-radius:22px;
  background:rgba(255,255,255,.98);
  box-shadow:0 22px 46px rgba(28,42,66,.10), 0 8px 18px rgba(28,42,66,.06);
  transform:translateY(-50%) translateX(-10px) scale(.985);
  transform-origin:left center;
  opacity:0;
  pointer-events:none;
  transition:opacity .26s ease, transform .32s cubic-bezier(.2,.8,.2,1);
  z-index:96;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.message-popover.show{
  opacity:1;
  pointer-events:auto;
  transform:translateY(-50%) translateX(0) scale(1);
}
.message-popover-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.message-popover-header strong{
  font-size:15px;
  color:#202a39;
  letter-spacing:.1px;
}
.message-close{
  width:30px;
  height:30px;
  border:none;
  border-radius:50%;
  background:transparent;
  color:#617085;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.message-close:hover{background:#f4f7fb;}
.message-close svg{width:16px;height:16px;stroke-width:2.1;}
.message-form-card{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.message-field{display:flex;flex-direction:column;gap:7px;}
.message-field span{
  font-size:12px;
  font-weight:700;
  color:#536275;
}
.message-field input,
.message-field textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #e1e9f2;
  border-radius:16px;
  background:#f8fafc;
  padding:12px 14px;
  font-size:13px;
  color:#1f2937;
  outline:none;
}
.message-field textarea{min-height:108px;resize:none;}
.message-field input:focus,
.message-field textarea:focus{border-color:#bfd1f8;background:#fff;}
.message-topic-section{margin-top:14px;}
.message-topic-title{
  display:block;
  margin-bottom:10px;
  font-size:12px;
  color:#7a889d;
  font-weight:700;
}
.message-topic-tags{display:flex;flex-wrap:wrap;gap:8px;}
.message-topic-tags button{
  height:32px;
  padding:0 12px;
  border:1px solid #dce5f0;
  border-radius:999px;
  background:#fff;
  color:#526174;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}
.message-topic-tags button:hover{background:#f8fbff;color:#3e5981;}
.message-actions-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:16px;
}
.message-cancel,
.message-submit{
  height:40px;
  border:none;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.message-cancel{background:#f4f7fb;color:#607086;}
.message-submit{
  background:linear-gradient(180deg,#ffffff,#edf3ff);
  color:#3f5f93;
  box-shadow:0 6px 14px rgba(26,86,219,.08);
}
.message-submit:hover,.message-cancel:hover{filter:brightness(.98);}
@media(max-width:900px){.message-popover{
    position:fixed;
    left:0;
    right:0;
    top:auto;
    bottom:0;
    width:100%;
    border-radius:22px 22px 0 0;
    transform:translateY(100%);
    padding:16px 16px 20px;
    max-height:72vh;
    overflow:auto;
  }
  .message-popover.show{transform:translateY(0);}}

.service-nav-wrap{position:relative;display:block;}
.service-trigger{width:100%;border:none;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit;}
.service-popover{
  position:absolute;
  left:calc(100% + 14px);
  top:50%;
  width:354px;
  padding:0;
  border:1px solid rgba(223,231,241,.96);
  border-radius:24px;
  background:rgba(255,255,255,.98);
  box-shadow:0 22px 46px rgba(28,42,66,.10), 0 8px 18px rgba(28,42,66,.06);
  transform:translateY(-50%) translateX(-10px) scale(.985);
  transform-origin:left center;
  opacity:0;
  pointer-events:none;
  transition:opacity .26s ease, transform .32s cubic-bezier(.2,.8,.2,1);
  z-index:97;
  overflow:hidden;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.service-popover.show{opacity:1;pointer-events:auto;transform:translateY(-50%) translateX(0) scale(1);}
.service-popover-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-bottom:1px solid #edf1f5;background:linear-gradient(180deg,#fbfdff,#f7faff);
}
.service-agent-meta{display:flex;align-items:center;gap:12px;}
.service-agent-avatar{position:relative;width:42px;height:42px;flex:0 0 auto;}
.service-agent-avatar img{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block;}
.service-online-dot{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #fff;}
.service-agent-text{display:flex;flex-direction:column;gap:2px;}
.service-agent-text strong{font-size:14px;color:#1f2937;letter-spacing:.1px;}
.service-agent-text span{font-size:12px;color:#7a889d;}
.service-close{width:30px;height:30px;border:none;border-radius:50%;background:transparent;color:#617085;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.service-close:hover{background:#f4f7fb;}
.service-close svg{width:16px;height:16px;stroke-width:2.1;}
.service-chat-body{padding:16px;height:220px;overflow:auto;display:flex;flex-direction:column;gap:10px;background:#fcfdff;}
.service-chat-row{display:flex;}
.service-chat-row.agent{justify-content:flex-start;}
.service-chat-row.user{justify-content:flex-end;}
.service-bubble{
  max-width:78%;padding:11px 13px;border-radius:16px;font-size:13px;line-height:1.55;
  box-shadow:0 4px 10px rgba(28,42,66,.04);
}
.service-chat-row.agent .service-bubble{background:#f4f7fb;color:#334155;border-top-left-radius:8px;}
.service-chat-row.user .service-bubble{background:linear-gradient(180deg,#ffffff,#edf3ff);color:#3f5f93;border-top-right-radius:8px;}
.service-quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px;}
.service-quick-actions button{
  height:32px;padding:0 12px;border:1px solid #dce5f0;border-radius:999px;background:#fff;color:#526174;font-size:12px;font-weight:600;cursor:pointer;
}
.service-quick-actions button:hover{background:#f8fbff;color:#3e5981;}
.service-input-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 16px 16px;align-items:end;}
.service-input-wrap{border:1px solid #e1e9f2;border-radius:16px;background:#f8fafc;padding:10px 12px;}
.service-input{width:100%;min-height:44px;max-height:96px;border:none;background:transparent;resize:none;outline:none;font-size:13px;color:#1f2937;line-height:1.5;}
.service-send{
  height:42px;padding:0 16px;border:none;border-radius:999px;background:linear-gradient(180deg,#ffffff,#edf3ff);color:#3f5f93;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px rgba(26,86,219,.08);
}
.service-send:hover{filter:brightness(.98);}
@media(max-width:900px){.service-popover{
    position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;border-radius:22px 22px 0 0;
    transform:translateY(100%);max-height:76vh;
  }
  .service-popover.show{transform:translateY(0);}
  .service-chat-body{height:32vh;}}

.service-popover{
  width:402px !important;
}
.service-chat-body{
  height:268px !important;
}
.service-input{
  min-height:56px !important;
}
@media(max-width:900px){.service-popover{
    max-height:82vh !important;
  }
  .service-chat-body{
    height:38vh !important;
  }}

.city-switcher{
  position:relative;
  display:flex;
  align-items:center;
  margin-left:5px;
}

.city-switch-button{
  height:26px;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:#4e6891;
  font-size:13px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
}

.city-switch-button:hover{
  color:#1a56db;
  background:transparent;
}

.city-switch-button i{
  font-size:13px;
  line-height:1;
}

.city-switch-button .city-arrow{
  font-size:9px;
  transition:transform .18s ease;
}

.city-switch-button[aria-expanded="true"] .city-arrow{
  transform:rotate(180deg);
}

.city-menu{
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  width:116px;
  padding:6px;
  border:1px solid rgba(222,228,236,.96);
  border-radius:13px;
  background:rgba(255,255,255,.98);
  box-shadow:0 14px 30px rgba(24,38,63,.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-4px) scale(.98);
  transform-origin:top left;
  transition:opacity .16s ease, transform .18s ease, visibility .16s ease;
  z-index:80;
}

.city-menu.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}

.city-menu button{
  width:100%;
  height:34px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#4f6382;
  font-size:13px;
  text-align:left;
  padding:0 10px;
  cursor:pointer;
}

.city-menu button:hover,
.city-menu button.active{
  background:#f3f6fb;
  color:#1a56db;
}

@media(max-width:900px){.city-switcher{
    display:none;
  }}
@keyframes v521-spin{to{transform:rotate(360deg);}}

@media (min-width:768px) and (max-width:1199px){body{
    overflow-x:hidden;
  }

  }

@media (max-width:767px){html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    overscroll-behavior-y:none;
  }

  body{
    padding-top:env(safe-area-inset-top);
    padding-bottom:env(safe-area-inset-bottom);
  }

  .topbar,
  header{
    padding-top:max(8px, env(safe-area-inset-top));
  }

  .search-popover, .message-popover, .service-popover{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    top:auto !important;
    bottom:calc(8px + env(safe-area-inset-bottom)) !important;
    width:auto !important;
    max-width:none !important;
    max-height:min(76vh, 620px) !important;
    border-radius:18px !important;
    overflow:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  input,
  textarea,
  select,
  button{
    touch-action:manipulation;
  }

  button, a{
    -webkit-tap-highlight-color:transparent;
  }

  }

@media (max-height:520px) and (orientation:landscape){

  .search-popover, .message-popover, .service-popover{
    max-height:88vh !important;
  }}

.top-live-btn{
  height:36px;
  padding:0 14px;
  border:1px solid var(--wp-primary-border);
  border-radius:12px;
  background:linear-gradient(180deg,#ffffff,#edf3ff);
  color:#3f5f93;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(26,86,219,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.top-live-btn:hover{
  border-color:#b8ccff;
  box-shadow:0 8px 16px rgba(26,86,219,.12);
  transform:translateY(-1px);
}
.top-live-btn i{
  font-size:12px;
  color:#5b79a8;
}
.top-live-btn span{
  color:#587094;
}

.top-actions{
  gap:8px !important;
  align-items:center !important;
}
.top-actions .top-live-btn,
.top-actions .publish-video,
.top-actions .language-switch,
.top-actions .top-login-btn{
  height:36px !important;
  min-height:36px !important;
  border:1px solid var(--wp-primary-border) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#fff,#f2f6fd) !important;
  box-shadow:0 5px 12px rgba(26,86,219,.07) !important;
  color:#587094 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:12px !important;
  font-weight:700 !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}
.top-actions .top-live-btn:hover,
.top-actions .publish-video:hover,
.top-actions .language-switch:hover,
.top-actions .top-login-btn:hover{
  transform:translateY(-1px) !important;
  border-color:#b8ccff !important;
  box-shadow:0 8px 16px rgba(26,86,219,.11) !important;
}
.top-actions .top-live-btn i,
.top-actions .publish-video svg,
.top-actions .language-switch svg,
.top-actions .top-login-btn i{
  color:#607da8 !important;
}

:root{
  --cart-accent-deep:#a67900;
  --cart-accent-deep-hover:#8c6500;
}
@media (max-width: 900px) {
  html {
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
  }

}

@keyframes mobileCartIdleFloat {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  35% { transform: translate3d(0,-1px,0) scale(1.04); }
  70% { transform: translate3d(0,0,0) scale(1.01); }
}
:root{
  --ui-text-strong:#24354d;
  --ui-text:#4c617f;
  --ui-text-soft:#7f91aa;
  --ui-line:#e6ebf1;
  --ui-line-soft:#edf1f5;
  --ui-panel:#ffffff;
  --ui-panel-soft:#f8fafc;
  --ui-shadow-soft:0 10px 28px rgba(31,49,78,.07);
  --ui-shadow-float:0 18px 42px rgba(31,49,78,.10);
  --ui-radius-sm:10px;
  --ui-radius-md:14px;
  --ui-radius-lg:18px;
}

body{
  color:var(--ui-text-strong);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

button,
input,
textarea,
select{
  font:inherit;
}

.city-switch-button,
.top-actions .top-live-btn,
.top-actions .publish-video,
.top-actions .language-switch,
.top-actions .top-login-btn{
  border-color:var(--ui-line) !important;
  box-shadow:0 1px 2px rgba(31,49,78,.02) !important;
}

.city-switch-button:hover,
.top-actions .top-live-btn:hover,
.top-actions .publish-video:hover,
.top-actions .language-switch:hover,
.top-actions .top-login-btn:hover{
  border-color:#d9e1ea !important;
  box-shadow:0 4px 14px rgba(31,49,78,.05) !important;
}

.floating-sidebar{
  border-color:var(--ui-line-soft) !important;
  box-shadow:0 10px 24px rgba(37,58,90,.045) !important;
}

.floating-sidebar a,
.floating-sidebar button{
  color:var(--ui-text) !important;
}

.floating-sidebar a:hover,
.floating-sidebar button:hover{
  color:var(--ui-text-strong) !important;
  background:#f7f9fc !important;
}

.floating-sidebar a.active,
.floating-sidebar button.active{
  color:var(--ui-text-strong) !important;
  background:#f3f6fa !important;
}

.search-popover, .message-popover, .service-popover, .city-menu, .language-menu{
  border-color:var(--ui-line) !important;
  box-shadow:var(--ui-shadow-float) !important;
}

.search-popover, .message-popover, .service-popover{
  color:var(--ui-text-strong);
}

.search-input, .service-input{
  border-color:var(--ui-line) !important;
  background:#fbfcfe !important;
}

.search-input:focus,
.service-input:focus{
  border-color:#cfd9e6 !important;
  box-shadow:0 0 0 3px rgba(67,104,155,.07) !important;
  outline:none !important;
}

.search-submit-btn{
  border-radius:var(--ui-radius-sm) !important;
  box-shadow:0 4px 12px rgba(31,49,78,.05) !important;
}

@media (min-width: 901px) {
  .floating-sidebar {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .floating-sidebar a,
  .floating-sidebar button {
    min-height: 44px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    line-height: 1.2 !important;
  }

  .floating-sidebar a i,
  .floating-sidebar button i,
  .floating-sidebar a svg,
  .floating-sidebar button svg {
    opacity: .92;
  }
  .top-actions {
    gap: 8px !important;
  }

  .top-actions .top-live-btn,
  .top-actions .publish-video,
  .top-actions .language-switch,
  .top-actions .top-login-btn,
  .city-switch-button {
    border-color: rgba(218, 225, 234, .92) !important;
    box-shadow:
      0 1px 1px rgba(31, 49, 78, .018),
      inset 0 1px 0 rgba(255, 255, 255, .72) !important;
  }

  .top-actions .top-live-btn:hover,
  .top-actions .publish-video:hover,
  .top-actions .language-switch:hover,
  .top-actions .top-login-btn:hover,
  .city-switch-button:hover {
    border-color: rgba(205, 215, 227, .98) !important;
    box-shadow:
      0 4px 12px rgba(31, 49, 78, .045),
      inset 0 1px 0 rgba(255, 255, 255, .86) !important;
  }
}

.search-popover-header, .message-popover-header, .service-popover-header {
  border-bottom: 1px solid rgba(230, 235, 241, .88) !important;
}

.search-popover-header strong, .message-popover-header strong, .service-popover-header strong {
  color: #27384f !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}

.search-tags, .service-quick-actions {
  border-color: rgba(232, 237, 243, .92) !important;
}

.search-popover, .message-popover, .service-popover, .city-menu, .language-menu {
  background: rgba(255, 255, 255, .985) !important;
}

@media (min-width: 901px) {
  .floating-sidebar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
}
html,body{
  min-height:100%;
}
body{
  overflow:auto;
}
.layout{
  min-height:100vh;
  height:auto;
}
.page-main{
  min-height:100vh;
  padding:86px 88px 48px 108px;
}
@media(max-width:900px){
  .page-main{
    padding:20px 16px 32px;
  }
}
.home-page-main{padding:76px 72px 48px 108px!important;min-height:100vh;background:transparent}
.home-content{width:min(1450px,100%);margin:0 auto;display:grid;gap:14px}
.home-top-search{position:fixed;top:19px;left:50%;transform:translateX(-50%);z-index:34;width:min(520px,calc(100vw - 760px));min-width:320px}
.home-top-search-box{height:38px;display:flex;align-items:center;gap:9px;padding:0 5px 0 13px;border:1px solid rgba(205,215,227,.98);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,252,.96));box-shadow:0 6px 14px rgba(39,69,120,.06),inset 0 1px 0 rgba(255,255,255,.86)}
.home-top-search-box>i{font-size:13px;color:#7f91aa}.home-top-search-input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#31445f;font-size:13px}.home-top-search-input::placeholder{color:#95a4b8}.home-top-search-btn{height:28px;padding:0 12px;border:1px solid rgba(211,220,231,.96);border-radius:8px;background:linear-gradient(180deg,#fff,#f4f7fb);color:#536982;font-size:12px;font-weight:700;cursor:pointer}
.home-hero-media{position:relative;aspect-ratio:4.42/1;min-height:310px;border-radius:18px;overflow:hidden;background:#0c1c2d;box-shadow:0 16px 32px rgba(22,39,62,.09)}
.home-hero-video{width:100%;height:100%;object-fit:cover;display:block}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,22,39,.82) 0%,rgba(7,22,39,.42) 34%,rgba(7,22,39,.07) 62%,rgba(7,22,39,.34) 100%);pointer-events:none}
.home-hero-copy{position:absolute;left:54px;top:50%;transform:translateY(-54%);z-index:2;color:#fff}.home-hero-copy h1{margin:0;font-size:46px;line-height:1.12;letter-spacing:-.04em}.home-hero-copy p{margin:14px 0 22px;font-size:18px;color:rgba(255,255,255,.86)}
.home-hero-primary{height:50px;padding:0 23px;border:0;border-radius:999px;background:#1674ff;color:#fff;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;box-shadow:0 10px 24px rgba(22,116,255,.3);cursor:pointer}.home-hero-primary-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#1674ff}
.home-hero-controls{position:absolute;left:38px;right:356px;bottom:18px;z-index:3;display:flex;align-items:center;gap:12px;color:#fff}.home-hero-controls button{width:30px;height:30px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.home-progress{flex:1;min-width:120px;accent-color:#1384ff}.home-volume{width:110px;accent-color:#1384ff}.home-time{font-size:12px;white-space:nowrap;color:rgba(255,255,255,.92)}
.home-hero-playlist{position:absolute;right:16px;top:14px;bottom:14px;width:315px;z-index:3;padding:8px;border-radius:15px;background:rgba(8,21,34,.72);backdrop-filter:blur(12px);display:grid;grid-template-rows:repeat(5,1fr);gap:4px}.home-playlist-item{position:relative;display:grid;grid-template-columns:104px 1fr;gap:10px;align-items:center;border:0;border-radius:10px;padding:4px;background:transparent;color:#fff;text-align:left;cursor:pointer}.home-playlist-item:hover,.home-playlist-item.is-active{background:rgba(255,255,255,.09)}.home-playlist-item.is-active img{outline:2px solid #4389ff}.home-playlist-item img{width:104px;height:54px;border-radius:8px;object-fit:cover}.home-playlist-text{min-width:0}.home-playlist-text strong{display:block;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-playlist-text small{display:block;margin-top:4px;color:rgba(255,255,255,.63);font-size:11px}.home-playlist-duration{position:absolute;left:82px;bottom:8px;padding:2px 4px;border-radius:4px;background:rgba(0,0,0,.72);font-size:10px}
.home-section-mini-title{font-size:16px;font-weight:800;color:#263750;margin:1px 0 8px 4px}.home-category-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.home-category-item{min-width:0;height:62px;border:1px solid #e4eaf1;border-radius:13px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 12px;box-shadow:0 7px 20px rgba(32,51,77,.035);transition:.18s ease}.home-category-item:hover{transform:translateY(-1px);border-color:#d7e1ee;box-shadow:0 10px 24px rgba(32,51,77,.06)}.home-category-icon{width:34px;height:34px;border-radius:10px;background:#edf4ff;color:#2f73f6;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.home-category-item strong{display:block;font-size:13px;color:#2d405a;white-space:nowrap}.home-category-item small{display:block;margin-top:3px;font-size:10px;color:#94a2b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-section-head{display:flex;align-items:center;justify-content:space-between;margin:1px 3px 8px}.home-section-head>div{display:flex;align-items:center;gap:8px}.home-section-head h2{margin:0;font-size:17px;color:#263750}.home-section-bar{width:4px;height:18px;border-radius:2px;background:#1778ff}.home-more-link{font-size:12px;color:#7388a3}.home-video-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.home-video-card{overflow:hidden;border:1px solid #e4eaf1;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(31,49,74,.035);cursor:pointer;transition:.18s ease}.home-video-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(31,49,74,.07)}.home-video-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e8edf4}.home-video-cover img{width:100%;height:100%;object-fit:cover;display:block}.home-card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.28);backdrop-filter:blur(5px);color:#fff}.home-card-time{position:absolute;right:7px;bottom:6px;padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.68);color:#fff;font-size:10px}.home-video-card-body{padding:10px 11px 11px}.home-video-card-body h3{margin:0;font-size:13px;line-height:1.42;color:#293b55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-video-meta{display:flex;gap:14px;margin-top:7px;color:#8b9bb0;font-size:11px}.home-video-meta span{display:flex;align-items:center;gap:5px}
.home-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-info-card{min-height:210px;padding:16px;border:1px solid #e4eaf1;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(31,49,74,.03)}.home-info-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.home-info-head h2{margin:0;font-size:16px;color:#263750}.home-info-head p{margin:4px 0 0;font-size:11px;color:#91a1b5}.home-info-head>a{font-size:11px;color:#7388a3;white-space:nowrap}.home-product-feature{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;margin-top:14px;padding:10px;border-radius:12px;background:#f8fafc}.home-product-feature img{width:132px;height:92px;border-radius:10px;object-fit:cover}.home-product-feature strong{display:block;font-size:13px;color:#2a3d57}.home-product-feature span{display:block;margin-top:5px;font-size:10px;color:#91a1b5}.home-product-feature a{display:inline-block;margin-top:8px;font-size:11px;color:#2d75ef}.home-slider-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}.home-slider-dots span{width:6px;height:6px;border-radius:50%;background:#e0e6ef}.home-slider-dots span.is-active{background:#2f79f6}.home-news-list{display:grid;gap:8px;margin-top:12px}.home-news-list a{display:grid;grid-template-columns:66px 1fr;gap:10px;align-items:center}.home-news-list img{width:66px;height:38px;border-radius:7px;object-fit:cover}.home-news-list strong{display:block;font-size:11px;line-height:1.35;color:#2c3e58}.home-news-list small{display:block;margin-top:3px;font-size:10px;color:#9aa8ba}.home-download-list{display:grid;gap:7px;margin-top:12px}.home-download-list>a{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:9px;padding:7px 6px;border-radius:9px}.home-download-list>a:hover{background:#f7f9fc}.home-file-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#347bf5}.home-download-list strong{display:block;font-size:11px;color:#2c3e58}.home-download-list small{display:block;margin-top:3px;font-size:10px;color:#9aa8ba}.home-download-list>a>i{color:#7c90a8;font-size:11px}.home-brand-feature{position:relative;margin-top:12px;height:112px;border-radius:10px;overflow:hidden}.home-brand-feature img{width:100%;height:100%;object-fit:cover}.home-brand-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,30,70,.18),rgba(3,25,77,.48));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.home-brand-overlay strong{font-size:18px}.home-brand-overlay span{margin-top:5px;font-size:10px}.home-brand-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.home-brand-thumbs img{width:100%;height:36px;border-radius:6px;object-fit:cover}
@media(max-width:1350px){.home-page-main{padding-right:40px!important}.home-category-row{grid-template-columns:repeat(4,1fr)}.home-video-grid{grid-template-columns:repeat(3,1fr)}.home-info-grid{grid-template-columns:repeat(2,1fr)}.home-hero-playlist{width:275px}.home-hero-controls{right:315px}.home-top-search{width:380px;min-width:0}.home-hero-copy h1{font-size:40px}}
@media(max-width:900px){.home-page-main{padding:16px 10px 32px!important}.home-top-search{position:relative;top:auto;left:auto;transform:none;width:auto;min-width:0;margin:0 4px 12px}.home-hero-media{aspect-ratio:auto;min-height:560px}.home-hero-copy{left:22px;right:22px;top:90px;transform:none}.home-hero-copy h1{font-size:34px}.home-hero-copy p{font-size:15px}.home-hero-playlist{left:14px;right:14px;top:auto;bottom:58px;width:auto;height:210px;grid-template-rows:repeat(5,1fr)}.home-hero-controls{left:14px;right:14px;bottom:14px}.home-volume{display:none}.home-category-row{display:flex;overflow:auto;padding-bottom:3px}.home-category-item{min-width:175px}.home-video-grid{grid-template-columns:repeat(2,1fr)}.home-info-grid{grid-template-columns:1fr}.home-product-feature{grid-template-columns:110px 1fr}.home-product-feature img{width:110px}.home-brand-thumbs img{height:46px}}
@media(max-width:560px){.home-video-grid{grid-template-columns:1fr}.home-card-time{font-size:11px}.home-hero-controls .home-time{display:none}.home-progress{min-width:70px}.home-hero-copy h1{font-size:30px}}

.home-page-main a,
.home-page-main a:visited,
.home-page-main a:hover,
.home-page-main a:active{
  text-decoration:none !important;
}

.home-content{
  gap:15px;
}

.home-hero-media{
  border:1px solid rgba(216,224,234,.72);
  box-shadow:0 16px 34px rgba(22,39,62,.085),0 2px 6px rgba(22,39,62,.03);
}
.home-hero-primary{
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.home-hero-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 13px 28px rgba(22,116,255,.34);
}
.home-playlist-item{
  transition:background .18s ease,transform .18s ease;
}
.home-playlist-item:hover{
  transform:translateX(-1px);
}
.home-playlist-item.is-active{
  background:rgba(255,255,255,.11);
}

.home-section-mini-title{
  margin:0 0 8px 3px;
  line-height:1.2;
}
.home-category-row{
  gap:10px;
}
.home-category-item{
  height:62px;
  padding:0 12px;
  color:inherit !important;
  overflow:hidden;
}
.home-category-item strong{
  line-height:1.2;
  text-decoration:none !important;
}
.home-category-item small{
  line-height:1.2;
  text-decoration:none !important;
}
.home-category-item.is-active{
  border-color:#d7e5fb;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 8px 20px rgba(47,115,246,.065),inset 0 0 0 1px rgba(47,115,246,.025);
}

.home-card-play,
.home-card-time{
  display:none !important;
}
.home-video-cover{
  background:#edf1f6;
}
.home-video-cover img{
  transform:scale(1.001);
}
.home-video-card-body{
  min-height:58px;
  padding:10px 11px 10px;
}
.home-video-card-body h3{
  line-height:1.34;
  color:#293b55;
  text-decoration:none !important;
}
.home-video-meta{
  align-items:center;
  margin-top:6px;
}

.home-section-head{
  min-height:24px;
  margin:0 3px 8px;
}
.home-more-link,
.home-info-head>a{
  text-decoration:none !important;
  transition:color .18s ease;
}
.home-more-link:hover,
.home-info-head>a:hover{
  color:#2f73f6;
}

.home-info-grid{
  align-items:stretch;
}
.home-info-card{
  min-height:214px;
  overflow:hidden;
}
.home-info-head h2{
  line-height:1.2;
}
.home-info-head p{
  line-height:1.4;
}
.home-product-feature a,
.home-news-list a,
.home-download-list>a{
  text-decoration:none !important;
}
.home-product-feature a{
  font-weight:600;
}
.home-news-list a{
  border-radius:8px;
  transition:background .16s ease;
}
.home-news-list a:hover{
  background:#f8fafc;
}
.home-news-list strong,
.home-news-list small{
  text-decoration:none !important;
}
.home-download-list>a{
  min-height:42px;
}
.home-download-list strong,
.home-download-list small{
  text-decoration:none !important;
}
.home-download-list>a>i{
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  transition:background .16s ease,color .16s ease;
}
.home-download-list>a:hover>i{
  background:#edf4ff;
  color:#2f73f6;
}

.home-video-card,
.home-info-card,
.home-category-item{
  border-color:#e3e9f0;
}
.home-video-card:hover{
  border-color:#d9e2ec;
}

.home-category-item>span:last-child,
.home-playlist-text,
.home-video-card-body,
.home-info-card{
  min-width:0;
}

.home-hero-media{
  min-height:322px;
  border:1px solid rgba(214,224,236,.82);
  box-shadow:0 18px 36px rgba(16,34,58,.10),0 2px 8px rgba(16,34,58,.035);
}
.home-hero-media::before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:116px;
  background:linear-gradient(180deg,rgba(6,19,35,0) 0%,rgba(6,19,35,.52) 52%,rgba(6,19,35,.82) 100%);
  z-index:1;
  pointer-events:none;
}
.home-hero-shade{
  background:linear-gradient(90deg,rgba(7,22,39,.70) 0%,rgba(7,22,39,.36) 28%,rgba(7,22,39,.10) 56%,rgba(7,22,39,.20) 100%);
}
.home-hero-copy{
  left:48px;
  top:50%;
  transform:translateY(-53%);
  max-width:520px;
}
.home-hero-copy h1{
  font-size:58px;
  line-height:1.04;
  font-weight:800;
  text-shadow:0 6px 18px rgba(7,22,39,.24);
}
.home-hero-copy p{
  margin:16px 0 24px;
  font-size:17px;
  line-height:1.5;
  color:rgba(255,255,255,.90);
}
.home-hero-primary{
  height:48px;
  padding:0 22px;
  border-radius:999px;
  background:linear-gradient(180deg,#2a7cff 0%,#1a68ff 100%);
  box-shadow:0 12px 24px rgba(22,116,255,.24);
}
.home-hero-primary-icon{
  width:26px;height:26px;
  font-size:12px;
}
.home-hero-controls{
  left:26px;
  right:335px;
  bottom:18px;
  gap:10px;
  z-index:4;
}
.home-hero-controls button{
  width:28px;height:28px;
  opacity:.96;
}
.home-hero-controls button:hover{
  opacity:1;
}
.home-progress, .home-volume{
  -webkit-appearance:none;
  appearance:none;
  background:transparent;
}
.home-progress{
  flex:1;
  min-width:190px;
}
.home-progress::-webkit-slider-runnable-track{
  height:3px;border-radius:999px;background:rgba(255,255,255,.88);
}
.home-progress::-moz-range-track{
  height:3px;border-radius:999px;background:rgba(255,255,255,.88);
}
.home-progress::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:12px;height:12px;border-radius:50%;background:#1f7aff;border:2px solid #fff;
  margin-top:-4px;box-shadow:0 2px 8px rgba(19,122,255,.38);
}
.home-progress::-moz-range-thumb{
  width:12px;height:12px;border-radius:50%;background:#1f7aff;border:2px solid #fff;
  box-shadow:0 2px 8px rgba(19,122,255,.38);
}
.home-volume{
  width:104px;
}
.home-volume::-webkit-slider-runnable-track{
  height:3px;border-radius:999px;background:rgba(255,255,255,.72);
}
.home-volume::-moz-range-track{
  height:3px;border-radius:999px;background:rgba(255,255,255,.72);
}
.home-volume::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:11px;height:11px;border-radius:50%;background:#1f7aff;border:2px solid #fff;
  margin-top:-4px;
}
.home-volume::-moz-range-thumb{
  width:11px;height:11px;border-radius:50%;background:#1f7aff;border:2px solid #fff;
}
.home-time{
  font-size:11px;
  font-weight:600;
  color:rgba(255,255,255,.96);
}
.home-hero-playlist{
  top:12px;
  right:12px;
  bottom:12px;
  width:292px;
  padding:8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(7,18,31,.82) 0%,rgba(10,24,40,.78) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(10px);
  gap:5px;
  z-index:4;
}
.home-playlist-item{
  grid-template-columns:92px 1fr;
  gap:10px;
  padding:6px;
  border-radius:12px;
}
.home-playlist-item::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:rgba(255,255,255,.045);
  display:block;
}
.home-playlist-item:last-child::after{display:none;}
.home-playlist-item img{
  width:92px;
  height:52px;
  border-radius:8px;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.home-playlist-item.is-active{
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(95,144,255,.26);
}
.home-playlist-item.is-active img{
  outline:2px solid rgba(67,137,255,.92);
  outline-offset:0;
}
.home-playlist-text strong{
  font-size:12px;
  line-height:1.35;
  font-weight:700;
}
.home-playlist-text small{
  margin-top:3px;
  font-size:10px;
  color:rgba(255,255,255,.65);
}
.home-playlist-duration{
  left:70px;
  bottom:10px;
  padding:2px 5px;
  border-radius:4px;
  background:rgba(0,0,0,.76);
  border:1px solid rgba(255,255,255,.08);
  font-size:10px;
}
@media(max-width:1350px){

  .home-hero-playlist{width:272px;}
  .home-hero-controls{right:312px;}
}
@media(max-width:900px){
  .home-hero-copy h1{font-size:34px;}
  .home-hero-copy{left:22px;top:88px;transform:none;max-width:none;}
  .home-hero-media::before{height:138px;}

}

.home-hero-media{
  min-height:336px;
  border-radius:20px;
  border:1px solid rgba(213,223,236,.88);
  background:#09182a;
  box-shadow:0 18px 38px rgba(16,34,58,.105),0 4px 10px rgba(16,34,58,.04);
}
.home-hero-media::before{
  height:124px;
  background:linear-gradient(180deg,rgba(6,19,35,0) 0%,rgba(6,19,35,.42) 42%,rgba(6,19,35,.84) 100%);
}
.home-hero-shade{
  background:linear-gradient(90deg,rgba(8,21,38,.64) 0%,rgba(8,21,38,.32) 32%,rgba(8,21,38,.10) 56%,rgba(8,21,38,.28) 100%);
}
.home-hero-copy{
  left:48px;
  top:50%;
  transform:translateY(-56%);
  max-width:510px;
}
.home-hero-copy h1{
  font-size:58px;
  line-height:1.05;
  letter-spacing:-.042em;
  font-weight:800;
  text-shadow:0 10px 22px rgba(4,16,30,.22);
}
.home-hero-copy p{
  margin:14px 0 25px;
  font-size:17px;
  line-height:1.48;
  color:rgba(255,255,255,.90);
}
.home-hero-primary{
  height:48px;
  padding:0 22px;
  gap:10px;
  border-radius:999px;
  background:linear-gradient(180deg,#2c7dff 0%,#1c68ff 100%);
  box-shadow:0 12px 24px rgba(22,116,255,.26);
}
.home-hero-primary-icon{
  width:26px;
  height:26px;
  font-size:12px;
}
.home-hero-controls{
  left:36px;
  right:334px;
  bottom:18px;
  gap:10px;
  padding-right:2px;
  z-index:4;
}
.home-hero-controls button{
  width:28px;
  height:28px;
  border-radius:50%;
  opacity:.96;
}
.home-hero-controls button i{
  font-size:14px;
}
.home-progress{
  min-width:230px;
}
.home-progress::-webkit-slider-runnable-track,
.home-volume::-webkit-slider-runnable-track{
  height:4px;
}
.home-progress::-moz-range-track,
.home-volume::-moz-range-track{
  height:4px;
}
.home-progress::-webkit-slider-thumb,
.home-volume::-webkit-slider-thumb{
  margin-top:-4px;
}
.home-time{
  font-size:12px;
  font-weight:600;
  letter-spacing:.01em;
}
.home-hero-playlist{
  top:12px;
  right:12px;
  bottom:12px;
  width:302px;
  padding:9px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(7,18,31,.84) 0%,rgba(10,24,40,.82) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  gap:4px;
}
.home-playlist-item{
  grid-template-columns:96px 1fr;
  gap:10px;
  min-height:56px;
  padding:6px 8px 6px 6px;
  border-radius:12px;
}
.home-playlist-item::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:999px;
  background:transparent;
}
.home-playlist-item::after{
  inset:auto 6px 0 6px;
  height:1px;
  background:rgba(255,255,255,.045);
}
.home-playlist-item:hover{
  background:rgba(255,255,255,.08);
  transform:none;
}
.home-playlist-item.is-active{
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(95,144,255,.28);
}
.home-playlist-item.is-active::before{
  background:#2f79f6;
}
.home-playlist-item img{
  width:96px;
  height:54px;
  border-radius:8px;
}
.home-playlist-item.is-active img{
  outline:2px solid rgba(67,137,255,.95);
}
.home-playlist-text strong{
  font-size:12px;
  line-height:1.34;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-playlist-text small{
  margin-top:3px;
  font-size:10px;
  line-height:1.2;
  color:rgba(255,255,255,.66);
}
.home-playlist-duration{
  left:74px;
  bottom:9px;
  padding:2px 5px;
  font-size:10px;
}
@media(max-width:1350px){
  .home-hero-copy h1{font-size:50px;}
  .home-hero-controls{right:316px;}
  .home-hero-playlist{width:284px;}
}
@media(max-width:900px){
  .home-hero-media{min-height:560px;}

  .home-hero-copy h1{font-size:35px;}
  .home-hero-copy p{font-size:15px;}

}

.home-recommend-section{
  min-width:0;
}
.home-recommend-section .home-section-head{
  min-height:26px;
  margin:0 3px 9px;
  align-items:center;
}
.home-recommend-section .home-section-head>div{
  gap:8px;
}
.home-recommend-section .home-section-bar{
  width:4px;
  height:19px;
  border-radius:4px;
  background:#1778ff;
}
.home-recommend-section .home-section-head h2{
  font-size:17px;
  line-height:1.15;
  font-weight:800;
  color:#24364f;
  letter-spacing:-.01em;
}
.home-recommend-section .home-more-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:2px 1px;
  font-size:12px;
  line-height:1;
  color:#7388a3;
}
.home-recommend-section .home-more-link i{
  font-size:9px;
}
.home-video-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.home-video-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #e3e9f0;
  border-radius:13px;
  background:#fff;
  box-shadow:0 5px 14px rgba(31,49,74,.035);
  transform:none;
}
.home-video-card:hover{
  transform:translateY(-1px);
  border-color:#d7e0eb;
  box-shadow:0 10px 22px rgba(31,49,74,.065);
}

.home-video-cover{
  aspect-ratio:2.68/1;
  min-height:0;
  overflow:hidden;
  background:#e9eef5;
  border-bottom:1px solid rgba(227,233,240,.72);
}
.home-video-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  transform:none;
  transition:transform .24s ease;
}
.home-video-card:hover .home-video-cover img{
  transform:scale(1.012);
}

.home-card-play,
.home-card-time{
  display:none!important;
}
.home-video-card-body{
  min-height:58px;
  padding:9px 11px 10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.home-video-card-body h3{
  margin:0;
  font-size:13px;
  line-height:1.34;
  font-weight:700;
  color:#273a54;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-video-meta{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:6px;
  font-size:11px;
  line-height:1;
  color:#8799af;
}
.home-video-meta span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}
.home-video-meta i{
  font-size:11px;
  color:#8799af;
}
@media(max-width:1350px){
  .home-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .home-video-cover{aspect-ratio:2.5/1;}
}
@media(max-width:900px){
  .home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .home-video-cover{aspect-ratio:16/9;}
  .home-video-card-body{min-height:62px;}
}
@media(max-width:560px){
  .home-video-grid{grid-template-columns:1fr;}
}

.home-recommend-section .home-video-cover{
  position:relative;
  aspect-ratio:2.68/1;
  overflow:hidden;
}
.home-recommend-section .home-video-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.home-progress,
.home-volume{
  --range-fill:0%;
  height:14px;
  margin:0;
  cursor:pointer;
}
.home-progress::-webkit-slider-runnable-track,
.home-volume::-webkit-slider-runnable-track{
  height:3px;
  border-radius:999px;
  background:linear-gradient(to right,#2785ff 0,#2785ff var(--range-fill),rgba(255,255,255,.84) var(--range-fill),rgba(255,255,255,.84) 100%);
}
.home-progress::-moz-range-track,
.home-volume::-moz-range-track{
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.84);
}

.home-progress::-webkit-slider-thumb{
  width:11px;
  height:11px;
  margin-top:-4px;
  border:2px solid #fff;
  background:#2785ff;
  box-shadow:0 2px 7px rgba(39,133,255,.32);
}
.home-volume::-webkit-slider-thumb{
  width:10px;
  height:10px;
  margin-top:-3.5px;
  border:2px solid #fff;
  background:#2785ff;
  box-shadow:none;
}
.home-progress::-moz-range-thumb{
  width:11px;
  height:11px;
  border:2px solid #fff;
  background:#2785ff;
}
.home-volume::-moz-range-thumb{
  width:10px;
  height:10px;
  border:2px solid #fff;
  background:#2785ff;
}

.home-playlist-item{
  grid-template-columns:96px minmax(0,1fr);
}
.home-playlist-thumb{
  position:relative;
  display:block;
  width:96px;
  height:54px;
  border-radius:8px;
  overflow:hidden;
  flex:0 0 auto;
}
.home-playlist-thumb img{
  width:100%!important;
  height:100%!important;
  display:block;
  object-fit:cover;
  border-radius:0!important;
  box-shadow:none!important;
}
.home-playlist-item.is-active .home-playlist-thumb{
  outline:2px solid rgba(67,137,255,.95);
  outline-offset:0;
}
.home-playlist-item.is-active .home-playlist-thumb img{
  outline:none!important;
}
.home-playlist-duration{
  left:auto!important;
  right:4px!important;
  bottom:4px!important;
  height:17px;
  min-width:34px;
  padding:0 5px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:4px!important;
  background:rgba(0,0,0,.76)!important;
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:9px!important;
  font-weight:600;
  line-height:1;
  z-index:2;
}

@media(max-width:900px){
  .home-recommend-section .home-card-play{width:40px;height:40px;}
  .home-recommend-section .home-card-play i{font-size:14px;}
  .home-recommend-section .home-card-time{height:20px;font-size:10px;}
}

.home-info-grid{
  gap:16px;
}
.home-info-card{
  min-height:236px;
  padding:16px 16px 14px;
  border:1px solid #e5ebf2;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  box-shadow:0 10px 24px rgba(27,49,77,.045);
}
.home-info-head{
  align-items:flex-start;
}
.home-info-head h2{
  font-size:16px;
  font-weight:800;
  letter-spacing:-.01em;
  color:#223753;
}
.home-info-head p{
  margin-top:5px;
  font-size:12px;
  color:#8fa1b6;
}
.home-info-head>a{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding-top:2px;
  font-size:11px;
  font-weight:600;
}
.home-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:22px;
  padding:0 10px;
  border-radius:999px;
  background:#eef5ff;
  color:#2d75ef;
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
}
.home-chip-dark{
  background:rgba(255,255,255,.14);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}

.home-product-feature{
  margin-top:14px;
  padding:12px;
  gap:14px;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fbff 0%,#f4f7fb 100%);
  border:1px solid #edf2f7;
}
.home-product-visual{
  height:114px;
  border-radius:12px;
  overflow:hidden;
  background:radial-gradient(circle at 18% 20%, rgba(72,129,255,.15), transparent 55%), #eef4fa;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-product-visual img{
  width:132px;
  height:94px;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 8px 18px rgba(20,41,68,.08);
}
.home-product-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.home-product-copy strong{
  margin-top:8px;
  font-size:18px;
  line-height:1.25;
  font-weight:800;
  color:#223650;
}
.home-product-copy > span:not(.home-chip){
  margin-top:6px;
  font-size:12px;
  line-height:1.5;
  color:#7f92aa;
}
.home-product-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.home-product-points span{
  height:24px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#fff;
  border:1px solid #e3ebf5;
  color:#56708f;
  font-size:10px;
  font-weight:700;
}
.home-product-copy a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:11px;
  width:max-content;
  font-size:12px;
  font-weight:700;
}
.home-slider-dots{
  gap:6px;
  margin-top:13px;
}
.home-slider-dots span{
  width:7px;
  height:7px;
  background:#dbe5f1;
}
.home-slider-dots span.is-active{
  width:20px;
  border-radius:999px;
  background:#2d75ef;
}

.home-news-list{
  gap:9px;
  margin-top:13px;
}
.home-news-list a{
  grid-template-columns:72px minmax(0,1fr) 14px;
  gap:11px;
  padding:6px;
  border-radius:11px;
}
.home-news-list img{
  width:72px;
  height:46px;
  border-radius:9px;
  box-shadow:0 4px 12px rgba(25,43,66,.08);
}
.home-news-list a > span{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.home-news-tag{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  height:18px;
  padding:0 7px;
  border-radius:999px;
  background:#f1f6ff;
  color:#2d75ef;
  font-size:9px;
  font-style:normal;
  font-weight:700;
}
.home-news-list strong{
  margin-top:5px;
  font-size:12px;
  line-height:1.36;
  color:#243953;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-news-list small{
  margin-top:5px;
  font-size:10px;
  color:#92a2b5;
}
.home-news-list > a > i{
  color:#b1bfce;
  font-size:11px;
  transition:transform .18s ease,color .18s ease;
}
.home-news-list a:hover > i{
  transform:translateX(2px);
  color:#2d75ef;
}

.home-download-list{
  gap:8px;
  margin-top:13px;
}
.home-download-list > a{
  grid-template-columns:34px minmax(0,1fr) 32px;
  gap:10px;
  min-height:48px;
  padding:8px 8px;
  border-radius:11px;
  border:1px solid transparent;
  background:linear-gradient(180deg,#fbfcfe 0%,#f7f9fc 100%);
}
.home-download-list > a:hover{
  background:#ffffff;
  border-color:#e6edf6;
  box-shadow:0 6px 14px rgba(24,42,68,.05);
}
.home-file-icon{
  width:30px;
  height:30px;
  border-radius:9px;
}
.home-download-list > a > span:nth-child(2){
  min-width:0;
}
.home-download-list strong{
  font-size:12px;
  line-height:1.25;
  color:#243953;
}
.home-download-list small{
  margin-top:4px;
  font-size:10px;
  color:#93a3b6;
}
.home-download-action{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eef4ff;
  color:#2d75ef;
  transition:transform .18s ease, background .18s ease, color .18s ease;
}
.home-download-list > a:hover .home-download-action{
  transform:translateY(-1px);
  background:#2d75ef;
  color:#fff;
}
.home-download-list > a > i{
  display:none !important;
}

.home-brand-feature{
  margin-top:13px;
  height:122px;
  border-radius:12px;
  border:1px solid #edf1f7;
  box-shadow:0 8px 18px rgba(28,47,74,.05);
}
.home-brand-overlay{
  align-items:flex-start;
  justify-content:flex-end;
  padding:14px;
  background:linear-gradient(180deg,rgba(9,24,49,.12) 0%,rgba(8,24,49,.45) 52%,rgba(8,24,49,.82) 100%);
}
.home-brand-overlay strong{
  margin-top:8px;
  font-size:20px;
  line-height:1.1;
  letter-spacing:-.01em;
  text-shadow:0 6px 16px rgba(4,14,28,.25);
}
.home-brand-overlay span:last-child{
  margin-top:5px;
  font-size:11px;
  color:rgba(255,255,255,.82);
}
.home-brand-thumbs{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
}
.home-brand-thumbs button{
  padding:0;
  border:1px solid #e4ebf4;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.home-brand-thumbs button:hover{
  transform:translateY(-1px);
  border-color:#d7e3f3;
  box-shadow:0 6px 12px rgba(26,46,72,.05);
}
.home-brand-thumbs button.is-active{
  border-color:#2d75ef;
  box-shadow:0 0 0 2px rgba(45,117,239,.12);
}
.home-brand-thumbs img{
  width:100%;
  height:34px;
  display:block;
  object-fit:cover;
}

@media(max-width:1350px){
  .home-product-copy strong{font-size:17px;}
}
@media(max-width:900px){
  .home-info-card{min-height:0;}
  .home-product-feature{grid-template-columns:110px 1fr;}
  .home-product-visual{height:102px;}
  .home-product-visual img{width:110px;height:80px;}
  .home-news-list a{grid-template-columns:68px minmax(0,1fr) 12px;}
  .home-news-list img{width:68px;height:44px;}
  .home-brand-feature{height:132px;}
}

.home-hero-media{
  aspect-ratio: 4.48 / 1;
  min-height: 322px;
  border-radius: 20px;
  box-shadow: 0 18px 36px rgba(16, 34, 57, 0.08);
}
.home-hero-shade{
  background:linear-gradient(90deg,rgba(7,22,39,.72) 0%,rgba(7,22,39,.30) 37%,rgba(7,22,39,.08) 60%,rgba(7,22,39,.58) 100%);
}
.home-hero-copy{
  left:48px;
  transform:translateY(-53%);
  max-width: 440px;
}
.home-hero-copy h1{
  font-size:58px;
  line-height:1.02;
  letter-spacing:-0.055em;
  text-shadow:0 10px 28px rgba(8,18,32,.22);
}
.home-hero-copy p{
  margin:16px 0 22px;
  font-size:15px;
  line-height:1.5;
  color:rgba(255,255,255,.88);
}
.home-hero-primary{
  height:48px;
  padding:0 24px 0 16px;
  gap:10px;
  border-radius:999px;
}

.home-hero-controls{
  left:32px;
  right:344px;
  bottom:18px;
  gap:12px;
  align-items:center;
}
.home-hero-controls button{
  width:22px;
  height:22px;
  padding:0;
  color:#fff;
  opacity:.96;
}

.home-progress,
.home-volume{
  appearance:none;
  -webkit-appearance:none;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.54);
  outline:none;
}
.home-progress{
  flex:1;
  min-width:220px;
}
.home-volume{
  width:102px;
}
.home-progress::-webkit-slider-thumb,
.home-volume::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#2d82ff;
  border:2px solid #fff;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.home-progress::-moz-range-thumb,
.home-volume::-moz-range-thumb{
  width:12px;
  height:12px;
  border:none;
  border-radius:50%;
  background:#2d82ff;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.home-time{
  font-size:12px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
  color:rgba(255,255,255,.96);
}
.home-time{
  min-width:78px;
  text-align:center;
}

.home-hero-playlist{
  top:12px;
  right:12px;
  bottom:12px;
  width:292px;
  padding:10px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(10, 23, 38, .80) 0%, rgba(10, 23, 38, .68) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  gap:6px;
}
.home-playlist-item{
  grid-template-columns:92px 1fr;
  gap:10px;
  min-height:53px;
  padding:5px;
  border-radius:11px;
}
.home-playlist-item img{
  width:92px;
  height:52px;
  border-radius:8px;
  box-shadow:0 4px 14px rgba(8,18,32,.24);
}
.home-playlist-item.is-active{
  background:rgba(255,255,255,.10);
  box-shadow:inset 0 0 0 1px rgba(87,142,255,.18);
}
.home-playlist-item.is-active img{
  outline:2px solid #4d8dff;
  outline-offset:0;
}
.home-playlist-text strong{
  font-size:13px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-playlist-text small{
  margin-top:5px;
  font-size:11px;
  color:rgba(255,255,255,.66);
}
.home-playlist-duration{
  left:auto;
  right:9px;
  bottom:8px;
  padding:2px 5px;
  border-radius:5px;
  background:rgba(0,0,0,.76);
  font-size:10px;
  font-weight:700;
  letter-spacing:.01em;
}

.home-news-list img{
  object-position:center center;
}
.home-brand-card{
  display:flex;
  flex-direction:column;
}
.home-brand-feature{
  flex:1;
  min-height:132px;
  height:132px;
}
.home-brand-thumbs{
  margin-top:12px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:44px;
  align-content:stretch;
}
.home-brand-thumbs button,
.home-brand-thumbs img{
  height:44px;
}
.home-brand-card .home-info-head{
  margin-bottom:0;
}
.home-brand-card::after{
  content:"";
  display:block;
  flex:0 0 0;
}

.home-product-visual{
  background:linear-gradient(180deg,#eff4fb 0%,#f7f9fc 100%);
}
.home-product-visual img{
  width:148px;
  height:100px;
}
.home-news-list a,
.home-download-list > a{
  min-height:58px;
}

@media (max-width: 1350px){
  .home-hero-copy h1{font-size:52px;}
  .home-hero-controls{right:322px;}
  .home-hero-playlist{width:276px;}
}
@media (max-width: 900px){
  .home-hero-media{min-height:560px;}
  .home-hero-copy{left:22px;right:22px;top:88px;transform:none;max-width:none;}
  .home-hero-copy h1{font-size:38px;}
  .home-hero-controls{left:14px;right:14px;bottom:14px;gap:10px;}
  .home-progress{min-width:100px;}
  .home-hero-playlist{left:14px;right:14px;bottom:60px;width:auto;}
  .home-brand-feature{height:138px;min-height:138px;}
}

.home-hero-media{
  aspect-ratio:4.28 / 1;
  min-height:332px;
  border-radius:18px;
  overflow:hidden;
}
.home-hero-video{
  object-position:center 48%;
}
.home-hero-shade{
  background:linear-gradient(90deg,
    rgba(5,19,34,.74) 0%,
    rgba(5,19,34,.44) 22%,
    rgba(5,19,34,.18) 45%,
    rgba(5,19,34,.08) 62%,
    rgba(5,19,34,.20) 76%,
    rgba(5,19,34,.56) 100%);
}
.home-hero-media::before{
  height:118px;
  background:linear-gradient(180deg,rgba(4,14,27,0) 0%,rgba(4,14,27,.30) 36%,rgba(4,14,27,.78) 100%);
}
.home-hero-copy{
  left:62px;
  top:51%;
  transform:translateY(-51%);
  max-width:510px;
}
.home-hero-copy h1{
  font-size:55px;
  line-height:1.04;
  font-weight:800;
  letter-spacing:-.045em;
}
.home-hero-copy p{
  margin:15px 0 22px;
  font-size:17px;
  line-height:1.48;
  color:rgba(255,255,255,.90);
}
.home-hero-primary{
  height:49px;
  padding:0 24px 0 16px;
  font-size:15px;
}
.home-hero-primary-icon{
  width:28px;
  height:28px;
}
.home-hero-playlist{
  top:8px;
  right:10px;
  bottom:8px;
  width:316px;
  padding:8px 10px;
  border-radius:15px;
  background:linear-gradient(180deg,rgba(9,23,38,.84),rgba(10,24,40,.76));
  backdrop-filter:blur(8px);
  display:grid;
  grid-template-rows:repeat(5,minmax(0,1fr));
  gap:4px;
}
.home-playlist-item{
  min-height:0;
  grid-template-columns:116px minmax(0,1fr);
  gap:10px;
  padding:5px;
  border-radius:9px;
  align-items:center;
}
.home-playlist-thumb{
  width:116px;
  height:58px;
  border-radius:7px;
}
.home-playlist-item img{
  width:116px!important;
  height:58px!important;
  border-radius:7px!important;
}
.home-playlist-text strong{
  font-size:13px;
  line-height:1.28;
  font-weight:700;
}

.home-playlist-duration{
  right:4px!important;
  bottom:4px!important;
  height:18px;
  min-width:36px;
  padding:0 5px!important;
  font-size:10px!important;
  border-radius:4px!important;
}
.home-hero-controls{
  left:34px;
  right:338px;
  bottom:16px;
  gap:11px;
  height:28px;
}
.home-hero-controls button{
  width:22px;
  height:22px;
  flex:0 0 22px;
}

.home-progress{
  min-width:210px;
  flex:1 1 auto;
}
.home-time{
  min-width:82px;
  text-align:center;
  font-size:12px;
  font-weight:700;
}
.home-control-mute{
  margin-left:2px;
}
.home-volume{
  width:112px;
  flex:0 0 112px;
}
.home-control-fullscreen{
  margin-left:2px;
}
@media(max-width:1350px){
  .home-hero-media{aspect-ratio:4.05 / 1;min-height:320px;}
  .home-hero-copy{left:50px;max-width:470px;}
  .home-hero-copy h1{font-size:49px;}

  .home-playlist-thumb,
  .home-playlist-item img{width:104px!important;height:54px!important;}

}
@media(max-width:900px){
  .home-hero-media{aspect-ratio:auto;min-height:560px;}
  .home-hero-copy{left:22px;right:22px;top:88px;transform:none;max-width:none;}
  .home-hero-copy h1{font-size:36px;}
  .home-hero-playlist{left:14px;right:14px;bottom:60px;width:auto;}
  .home-hero-controls{left:14px;right:14px;bottom:14px;}
}

.home-hero-media{
  aspect-ratio:4.28 / 1;
  min-height:332px;
}
.home-hero-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:none;
}
.home-hero-controls{
  left:34px;
  right:338px;
  bottom:16px;
  height:28px;
  gap:11px;
}
.home-control-play,
.home-control-skip,
.home-control-mute,
.home-control-fullscreen{
  flex:0 0 22px;
}
.home-progress{
  flex:1 1 auto;
  min-width:240px;
}
.home-time{
  flex:0 0 84px;
  min-width:84px;
  text-align:center;
  font-size:12px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.home-volume{
  flex:0 0 112px;
  width:112px;
}
.home-hero-playlist{
  width:316px;
  top:8px;
  right:10px;
  bottom:8px;
}
.home-playlist-item{
  grid-template-columns:116px minmax(0,1fr);
}
.home-playlist-thumb,
.home-playlist-thumb img{
  width:116px!important;
  height:58px!important;
}
.home-playlist-duration{
  right:4px!important;
  bottom:4px!important;
}
@media(max-width:1350px){
  .home-hero-playlist{width:292px;}

  .home-hero-controls{right:314px;}
  .home-progress{min-width:180px;}
  .home-volume{width:92px;flex-basis:92px;}
}

.home-hero-media{
  aspect-ratio:1600 / 372;
  min-height:0;
  border-radius:18px;
}
.home-hero-video{
  width:100%;
  height:100%;
  object-fit:fill;
  object-position:center center;
  transform:none!important;
}
.home-hero-copy{
  left:62px;
  top:50%;
  transform:translateY(-52%);
  max-width:500px;
}
.home-hero-copy h1{
  font-size:56px;
  line-height:1.04;
  letter-spacing:-.045em;
}
.home-hero-copy p{
  margin:15px 0 22px;
  font-size:17px;
}
.home-hero-primary{
  height:49px;
  padding:0 24px 0 16px;
}

.home-hero-playlist{
  top:8px;
  right:10px;
  bottom:8px;
  width:340px;
  padding:8px 10px;
  border-radius:15px;
  gap:4px;
}
.home-playlist-item{
  grid-template-columns:118px minmax(0,1fr);
  min-height:0;
  padding:5px;
  gap:10px;
  border-radius:9px;
}
.home-playlist-thumb{
  width:118px;
  height:58px;
  border-radius:7px;
}
.home-playlist-thumb img{
  width:118px!important;
  height:58px!important;
  border-radius:7px!important;
  object-fit:cover;
}
.home-playlist-duration{
  right:4px!important;
  bottom:4px!important;
  height:18px;
  min-width:36px;
  padding:0 5px!important;
  border-radius:4px!important;
  font-size:10px!important;
}
.home-playlist-text strong{
  font-size:13px;
  line-height:1.28;
}
.home-playlist-text small{
  margin-top:5px;
  font-size:11px;
}

.home-hero-controls{
  left:34px;
  right:364px;
  bottom:15px;
  height:28px;
  gap:10px;
  display:grid;
  grid-template-columns:22px 22px minmax(180px,1fr) 84px 22px 112px 48px 22px;
  align-items:center;
}
.home-hero-controls button{
  width:22px;
  height:22px;
  min-width:22px;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-hero-controls button i{
  font-size:13px;
}
.home-progress,
.home-volume{
  width:100%;
  min-width:0;
  margin:0;
  height:14px;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  background:transparent;
}
.home-progress::-webkit-slider-runnable-track,
.home-volume::-webkit-slider-runnable-track{
  height:3px;
  border-radius:999px;
  background:linear-gradient(to right,#2785ff 0,#2785ff var(--range-fill),rgba(255,255,255,.86) var(--range-fill),rgba(255,255,255,.86) 100%);
}
.home-progress::-moz-range-track,
.home-volume::-moz-range-track{
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
}
.home-progress::-moz-range-progress,
.home-volume::-moz-range-progress{
  height:3px;
  border-radius:999px;
  background:#2785ff;
}
.home-progress::-webkit-slider-thumb,
.home-volume::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:11px;
  height:11px;
  margin-top:-4px;
  border-radius:50%;
  border:2px solid #fff;
  background:#2785ff;
  box-shadow:0 2px 7px rgba(39,133,255,.28);
}
.home-progress::-moz-range-thumb,
.home-volume::-moz-range-thumb{
  width:11px;
  height:11px;
  border-radius:50%;
  border:2px solid #fff;
  background:#2785ff;
}
.home-time{
  width:84px;
  min-width:84px;
  text-align:center;
  white-space:nowrap;
  font-size:12px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.home-volume{
  width:112px;
}

@media(max-width:1350px){
  .home-hero-playlist{width:302px;}
  .home-playlist-item{grid-template-columns:104px minmax(0,1fr);}
  .home-playlist-thumb,
  .home-playlist-thumb img{width:104px!important;height:54px!important;}
  .home-hero-controls{
    right:326px;
    grid-template-columns:22px 22px minmax(130px,1fr) 80px 22px 88px 44px 22px;
  }
  .home-time{width:80px;min-width:80px;}
  .home-volume{width:88px;}
}
@media(max-width:900px){
  .home-hero-video{object-fit:cover;}
  .home-hero-controls{
    left:14px;
    right:14px;
    bottom:14px;
    display:flex;
  }
  .home-volume{display:none;}
}

.home-hero-media{
  position:relative;
  width:100%;
  aspect-ratio:1600/372;
  min-height:0!important;
  border-radius:18px;
  overflow:hidden;
  background:#071523;
  border:1px solid rgba(216,224,234,.82);
  box-shadow:0 14px 30px rgba(18,37,61,.075);
}
.home-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  scale:1!important;
  background:#071523;
}
.home-hero-media::before{
  height:96px!important;
  background:linear-gradient(180deg,rgba(5,16,29,0) 0%,rgba(5,16,29,.34) 55%,rgba(5,16,29,.72) 100%)!important;
}
.home-hero-shade{
  background:linear-gradient(90deg,rgba(5,17,30,.70) 0%,rgba(5,17,30,.30) 34%,rgba(5,17,30,.06) 62%,rgba(5,17,30,.16) 100%)!important;
}
.home-hero-copy{
  left:58px!important;
  top:49%!important;
  transform:translateY(-54%)!important;
  max-width:520px!important;
}
.home-hero-copy h1{
  margin:0!important;
  font-size:56px!important;
  line-height:1.03!important;
  font-weight:800!important;
  letter-spacing:-.048em!important;
  text-shadow:0 8px 22px rgba(5,17,30,.22)!important;
}
.home-hero-copy p{
  margin:15px 0 22px!important;
  font-size:17px!important;
  line-height:1.45!important;
  color:rgba(255,255,255,.90)!important;
}
.home-hero-primary{
  height:48px!important;
  padding:0 23px 0 16px!important;
  border-radius:999px!important;
  background:#1674ff!important;
  box-shadow:0 10px 22px rgba(22,116,255,.25)!important;
}
.home-hero-primary-icon{
  width:27px!important;
  height:27px!important;
}

.home-hero-playlist{
  top:8px!important;
  right:9px!important;
  bottom:8px!important;
  width:320px!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-rows:repeat(5,minmax(0,1fr))!important;
  gap:3px!important;
  border-radius:14px!important;
  background:rgba(7,20,34,.82)!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:none!important;
  backdrop-filter:blur(7px)!important;
}
.home-playlist-item{
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:4px 5px!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-playlist-item::before{display:none!important;}
.home-playlist-item::after{
  left:5px!important;
  right:5px!important;
  bottom:0!important;
  background:rgba(255,255,255,.045)!important;
}
.home-playlist-item.is-active{
  background:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(79,139,255,.24)!important;
}
.home-playlist-thumb{
  position:relative!important;
  width:112px!important;
  height:54px!important;
  border-radius:7px!important;
  overflow:hidden!important;
}
.home-playlist-thumb img{
  width:112px!important;
  height:54px!important;
  object-fit:cover!important;
  border-radius:7px!important;
  outline:none!important;
}
.home-playlist-item.is-active .home-playlist-thumb{
  outline:2px solid #3f83ff!important;
  outline-offset:0!important;
}
.home-playlist-duration{
  left:auto!important;
  right:4px!important;
  bottom:4px!important;
  min-width:34px!important;
  height:17px!important;
  padding:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:4px!important;
  background:rgba(0,0,0,.78)!important;
  border:0!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
}
.home-playlist-text strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.28!important;
  font-weight:700!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.home-playlist-text small{
  display:block!important;
  margin-top:5px!important;
  font-size:11px!important;
  line-height:1.15!important;
  color:rgba(255,255,255,.62)!important;
}

.home-hero-controls{
  position:absolute!important;
  left:32px!important;
  right:344px!important;
  bottom:14px!important;
  height:28px!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:22px 22px minmax(220px,300px) 92px 22px 118px minmax(20px,1fr) 52px 22px!important;
  column-gap:10px!important;
  align-items:center!important;
  color:#fff!important;
}
.home-control-play{grid-column:1!important;}
.home-control-skip{grid-column:2!important;}
.home-progress{grid-column:3!important;}
.home-time{grid-column:4!important;}
.home-control-mute{grid-column:5!important;}
.home-volume{grid-column:6!important;}
.home-control-fullscreen{grid-column:9!important;}
.home-hero-controls button{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:.98!important;
}
.home-hero-controls button i{font-size:13px!important;}
.home-progress,
.home-volume{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:100%!important;
  min-width:0!important;
  height:14px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  cursor:pointer!important;
}
.home-progress::-webkit-slider-runnable-track,
.home-volume::-webkit-slider-runnable-track{
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(to right,#2a84ff 0,#2a84ff var(--range-fill),rgba(255,255,255,.86) var(--range-fill),rgba(255,255,255,.86) 100%)!important;
}
.home-progress::-moz-range-track,
.home-volume::-moz-range-track{
  height:3px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.86)!important;
}
.home-progress::-moz-range-progress,
.home-volume::-moz-range-progress{
  height:3px!important;
  border-radius:999px!important;
  background:#2a84ff!important;
}
.home-progress::-webkit-slider-thumb,
.home-volume::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:11px!important;
  height:11px!important;
  margin-top:-4px!important;
  border-radius:50%!important;
  border:2px solid #fff!important;
  background:#2a84ff!important;
  box-shadow:0 2px 6px rgba(0,0,0,.22)!important;
}
.home-progress::-moz-range-thumb,
.home-volume::-moz-range-thumb{
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  border:2px solid #fff!important;
  background:#2a84ff!important;
}
.home-time{
  width:92px!important;
  min-width:92px!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  color:#fff!important;
}
.home-volume{width:118px!important;}

.home-category-item,
.home-video-card,
.home-info-card{
  box-shadow:0 6px 18px rgba(28,47,73,.035)!important;
  border-color:#e4eaf1!important;
}
.home-info-card{
  background:#fff!important;
}

@media(max-width:1350px){
  .home-hero-playlist{width:292px!important;}
  .home-hero-controls{
    right:316px!important;
    grid-template-columns:22px 22px minmax(160px,1fr) 84px 22px 92px minmax(8px,.5fr) 46px 22px!important;
  }
  .home-playlist-item{grid-template-columns:102px minmax(0,1fr)!important;}
  .home-playlist-thumb,
  .home-playlist-thumb img{width:102px!important;height:50px!important;}
  .home-time{width:84px!important;min-width:84px!important;}
  .home-volume{width:92px!important;}
  .home-hero-copy h1{font-size:50px!important;}
}
@media(max-width:900px){
  .home-hero-video{object-fit:contain!important;}
  .home-hero-controls{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    display:flex!important;
  }
  .home-volume{display:none!important;}
}

.home-category-icon.original-art{
  width:34px;
  height:34px;
  border-radius:0;
  background:transparent!important;
  color:inherit;
  overflow:visible;
}
.home-category-art-icon{
  width:32px;
  height:32px;
  display:block;
  object-fit:contain;
}
.home-file-icon.original-art{
  width:30px;
  height:30px;
  border-radius:0;
  background:transparent!important;
  color:inherit;
  overflow:visible;
}
.home-file-art-icon{
  width:28px;
  height:28px;
  display:block;
  object-fit:contain;
}
@media (min-width: 901px){
  .home-hero-media{
    position:relative!important;
    width:100%!important;
    aspect-ratio:4.28 / 1!important;
    min-height:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:#071523!important;
  }
  .home-hero-video{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:calc(100% - 314px)!important;
    height:auto!important;
    aspect-ratio:16 / 9!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:translateY(-50%)!important;
    background:#071523!important;
  }
  .home-hero-shade{
    position:absolute!important;
    inset:0 314px 0 0!important;
    background:linear-gradient(90deg,
      rgba(5,17,30,.70) 0%,
      rgba(5,17,30,.43) 24%,
      rgba(5,17,30,.16) 48%,
      rgba(5,17,30,.02) 75%,
      rgba(5,17,30,0) 100%)!important;
    pointer-events:none!important;
  }

  .home-hero-media::before{
    left:0!important;
    right:314px!important;
    bottom:0!important;
    height:88px!important;
    background:linear-gradient(180deg,rgba(5,16,29,0),rgba(5,16,29,.62))!important;
  }

  .home-hero-playlist{
    top:8px!important;
    right:9px!important;
    bottom:8px!important;
    width:296px!important;
    padding:7px!important;
    border-radius:14px!important;
    background:rgba(7,20,34,.88)!important;
    backdrop-filter:blur(7px)!important;
  }

  .home-playlist-item{
    grid-template-columns:102px minmax(0,1fr)!important;
    gap:9px!important;
    padding:4px!important;
  }
  .home-playlist-thumb,
  .home-playlist-thumb img{
    width:102px!important;
    height:50px!important;
  }

  .home-hero-copy{
    left:52px!important;
    top:48%!important;
    transform:translateY(-54%)!important;
    max-width:520px!important;
  }
  .home-hero-copy h1{
    font-size:48px!important;
    line-height:1.06!important;
    letter-spacing:-.04em!important;
  }
  .home-hero-copy p{
    margin:14px 0 20px!important;
    font-size:17px!important;
  }

  .home-hero-controls{
    left:28px!important;
    right:326px!important;
    bottom:12px!important;
  }
}

@media (min-width:901px) and (max-width:1350px){
  .home-hero-video{width:calc(100% - 290px)!important;}
  .home-hero-shade{inset:0 290px 0 0!important;}
  .home-hero-media::before{right:290px!important;}
  .home-hero-playlist{width:274px!important;}
  .home-hero-controls{right:304px!important;}
  .home-hero-copy h1{font-size:44px!important;}
}
@media (min-width: 901px){
  .home-hero-media{
    position:relative!important;
    width:100%!important;
    aspect-ratio:4.28 / 1!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#071523!important;
  }
  .home-hero-media::after{
    content:"";
    position:absolute;
    inset:0 314px 0 0;
    z-index:0;
    background-image:
      linear-gradient(90deg,rgba(5,17,30,.26),rgba(5,17,30,.04) 58%,rgba(5,17,30,.10)),
      url('../../images/home/hero-scene.jpg');
    background-size:cover;
    background-position:center center;
    filter:blur(14px) saturate(.96);
    transform:scale(1.05);
    opacity:.72;
    pointer-events:none;
  }
  .home-hero-video{
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    bottom:0!important;
    right:314px!important;
    left:auto!important;
    width:auto!important;
    height:100%!important;
    aspect-ratio:16 / 9!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    background:transparent!important;
  }
  .home-hero-shade{
    z-index:2!important;
    inset:0 314px 0 0!important;
    background:
      linear-gradient(90deg,
        rgba(5,17,30,.66) 0%,
        rgba(5,17,30,.42) 24%,
        rgba(5,17,30,.12) 52%,
        rgba(5,17,30,.00) 76%,
        rgba(5,17,30,.04) 100%)!important;
    pointer-events:none!important;
  }

  .home-hero-media::before{
    z-index:2!important;
    left:0!important;
    right:314px!important;
    bottom:0!important;
    height:86px!important;
    background:linear-gradient(180deg,rgba(5,16,29,0),rgba(5,16,29,.58))!important;
  }

  .home-hero-copy{z-index:3!important;}
  .home-hero-controls{z-index:4!important;right:326px!important;}
  .home-hero-playlist{z-index:5!important;}
}

@media (min-width:901px) and (max-width:1350px){
  .home-hero-media::after{inset:0 290px 0 0!important;}
  .home-hero-video{right:290px!important;}
  .home-hero-shade{inset:0 290px 0 0!important;}
  .home-hero-media::before{right:290px!important;}
}
@media (min-width: 901px){
  .home-hero-media{
    position:relative!important;
    width:100%!important;
    aspect-ratio:4.28 / 1!important;
    min-height:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:#071523!important;
  }
  .home-hero-media::after{
    content:none!important;
    display:none!important;
  }
  .home-hero-video{
    position:absolute!important;
    z-index:1!important;
    left:0!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    aspect-ratio:16 / 9!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:translateY(-50%)!important;
    background:transparent!important;
  }
  .home-hero-shade{
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    background:
      linear-gradient(90deg,
        rgba(5,17,30,.70) 0%,
        rgba(5,17,30,.48) 18%,
        rgba(5,17,30,.22) 36%,
        rgba(5,17,30,.04) 58%,
        rgba(5,17,30,.02) 72%,
        rgba(5,17,30,.18) 100%)!important;
    pointer-events:none!important;
  }
  .home-hero-media::before{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:92px!important;
    background:linear-gradient(180deg,rgba(5,16,29,0),rgba(5,16,29,.64))!important;
    pointer-events:none!important;
  }

  .home-hero-copy{
    z-index:3!important;
    left:52px!important;
    top:48%!important;
    transform:translateY(-54%)!important;
    max-width:520px!important;
  }

  .home-hero-copy h1{
    font-size:48px!important;
    line-height:1.06!important;
    letter-spacing:-.04em!important;
  }

  .home-hero-copy p{
    margin:14px 0 20px!important;
    font-size:17px!important;
  }
  .home-hero-playlist{
    z-index:5!important;
    top:8px!important;
    right:9px!important;
    bottom:8px!important;
    width:296px!important;
    padding:7px!important;
    border-radius:14px!important;
    background:rgba(7,20,34,.82)!important;
    backdrop-filter:blur(7px)!important;
  }

  .home-hero-controls{
    z-index:4!important;
    left:28px!important;
    right:326px!important;
    bottom:12px!important;
  }
}

@media (min-width:901px) and (max-width:1350px){
  .home-hero-video{
    left:0!important;
    right:auto!important;
    width:100%!important;
    height:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
  .home-hero-shade{inset:0!important;}
  .home-hero-media::before{right:0!important;}
  .home-hero-playlist{width:274px!important;}
  .home-hero-controls{right:304px!important;}
  .home-hero-copy h1{font-size:44px!important;}
}
@media (min-width:1351px){
  .home-hero-playlist{
    top:9px!important;
    right:10px!important;
    bottom:9px!important;
    width:300px!important;
    padding:8px!important;
    gap:2px!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,rgba(10,24,39,.86),rgba(5,17,30,.90))!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:0 10px 28px rgba(1,9,18,.20)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    overflow:hidden!important;
  }

  .home-playlist-item{
    grid-template-columns:98px minmax(0,1fr)!important;
    gap:9px!important;
    padding:5px 6px!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    transition:background-color .18s ease,border-color .18s ease,transform .18s ease!important;
  }

  .home-playlist-item::after{
    left:6px!important;
    right:6px!important;
    bottom:-1px!important;
    height:1px!important;
    background:rgba(255,255,255,.055)!important;
  }
  .home-playlist-item:last-child::after{display:none!important;}

  .home-playlist-item:hover{
    background:rgba(255,255,255,.065)!important;
    border-color:rgba(255,255,255,.055)!important;
  }

  .home-playlist-item.is-active{
    background:linear-gradient(90deg,rgba(45,108,196,.22),rgba(255,255,255,.07))!important;
    border-color:rgba(92,157,255,.36)!important;
    box-shadow:inset 0 0 0 1px rgba(90,148,255,.08)!important;
  }

  .home-playlist-thumb{
    width:98px!important;
    height:55px!important;
    border-radius:7px!important;
    background:#07111e!important;
    box-shadow:0 3px 10px rgba(0,0,0,.18)!important;
  }
  .home-playlist-thumb img{
    width:98px!important;
    height:55px!important;
    border-radius:7px!important;
  }
  .home-playlist-item.is-active .home-playlist-thumb{
    outline:1.5px solid #4b97ff!important;
    outline-offset:0!important;
    box-shadow:0 0 0 2px rgba(75,151,255,.10),0 3px 10px rgba(0,0,0,.18)!important;
  }

  .home-playlist-duration{
    right:4px!important;
    bottom:4px!important;
    min-width:33px!important;
    height:16px!important;
    padding:0 4px!important;
    border-radius:4px!important;
    background:rgba(2,8,15,.82)!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
  }

  .home-playlist-text{
    min-width:0!important;
    padding-right:2px!important;
  }
  .home-playlist-text strong{
    font-size:12.5px!important;
    line-height:1.28!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .home-playlist-text small{
    margin-top:4px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    color:rgba(224,235,247,.62)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .home-hero-controls{
    right:330px!important;
  }
}

@media (min-width:901px) and (max-width:1350px){
  .home-hero-playlist{
    width:276px!important;
    padding:7px!important;
    gap:2px!important;
  }
  .home-playlist-item{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:8px!important;
    padding:4px 5px!important;
  }
  .home-playlist-thumb,
  .home-playlist-thumb img{
    width:92px!important;
    height:52px!important;
  }
  .home-playlist-text strong{font-size:12px!important;}
  .home-playlist-text small{font-size:10px!important;}
  .home-hero-controls{right:306px!important;}
}
@media (min-width:901px){
  .home-hero-playlist .home-playlist-thumb{
    overflow:hidden!important;
    background:#07111e!important;
  }
  .home-hero-playlist .home-playlist-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:scale(1.065)!important;
    transform-origin:center center!important;
    filter:none!important;
    opacity:1!important;
  }
}
.home-recommend-section .home-card-play{
  display:flex !important;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.78);
  border-radius:50%;
  background:rgba(15,32,51,.30);
  box-shadow:0 4px 14px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.10);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  color:#fff;
  pointer-events:none;
  z-index:2;
}
.home-recommend-section .home-card-play i{
  font-size:16px;
  line-height:1;
  margin-left:2px;
}
.home-recommend-section .home-card-time{
  display:inline-flex !important;
  position:absolute;
  right:7px;
  bottom:6px;
  height:20px;
  padding:0 6px;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  background:rgba(0,0,0,.72);
  color:#fff;
  font-size:10px;
  font-weight:600;
  line-height:1;
  pointer-events:none;
  z-index:2;
}
.home-recommend-section .home-video-card:hover .home-card-play{
  background:rgba(15,32,51,.42);
  border-color:rgba(255,255,255,.92);
}
.home-category-item-solution{
  gap:10px;
  padding-left:11px;
  padding-right:12px;
}
.home-category-item-solution>span:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.home-category-item-solution .home-category-icon-solution{
  width:24px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
  flex:0 0 24px;
}
.home-category-item-solution .home-category-art-icon-solution{
  width:46px;
  height:32px;
  display:block;
  object-fit:contain;
  object-position:left center;
  transform:translateX(0);
}
.home-category-item-solution strong,
.home-category-item-solution small{
  display:block;
  max-width:100%;
}
.home-product-slider{
  position:relative;
  margin-top:14px;
}
.home-product-slide{
  display:none;
  opacity:0;
}
.home-product-slide.is-active{
  display:block;
  opacity:1;
  animation:homeProductFade .32s ease;
}
.home-product-slide .home-product-feature{
  margin-top:0;
}
@keyframes homeProductFade{
  from{opacity:.2;transform:translateY(3px)}
  to{opacity:1;transform:translateY(0)}
}
.home-slider-dots{
  align-items:center;
}
.home-slider-dots button{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#dbe5f1;
  cursor:pointer;
  transition:width .2s ease,background .2s ease,transform .2s ease;
}
.home-slider-dots button:hover{
  transform:scale(1.15);
}
.home-slider-dots button.is-active{
  width:20px;
  border-radius:999px;
  background:#2d75ef;
}
.home-download-list{
  grid-template-rows:repeat(4,minmax(0,1fr));
}
.home-download-list > a{
  min-height:49px;
}
.home-brand-main-image{
  transition:opacity .22s ease,transform .3s ease;
}
.home-brand-feature.is-switching .home-brand-main-image{
  opacity:.2;
  transform:scale(1.015);
}
.home-brand-thumbs button{
  position:relative;
}
.home-brand-thumbs button.is-active::after{
  content:"";
  position:absolute;
  inset:0;
  border:2px solid #2d75ef;
  border-radius:7px;
  pointer-events:none;
}
.home-hero-media{
  position:relative;
}
.home-hero-poster-display{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  z-index:0;
}
.home-hero-video{
  opacity:0 !important;
  pointer-events:none !important;
}
.home-hero-shade,
.home-hero-copy,
.home-hero-controls,
.home-hero-playlist{
  position:absolute;
}
.home-product-slide .home-product-feature{
  grid-template-columns:156px minmax(0,1fr);
  gap:12px;
  padding:14px 12px;
}
.home-product-visual{
  height:128px;
  border-radius:14px;
  background:radial-gradient(circle at 24% 18%, rgba(72,129,255,.13), transparent 52%), linear-gradient(180deg,#f6f9fd 0%,#edf3f8 100%);
}
.home-product-visual img{
  width:150px;
  height:112px;
  object-fit:contain;
  border-radius:12px;
  box-shadow:0 10px 22px rgba(20,41,68,.06);
}
.home-product-copy strong{
  margin-top:6px;
  font-size:16px;
  line-height:1.25;
}
.home-product-copy > span:not(.home-chip){
  margin-top:4px;
  font-size:11px;
  line-height:1.46;
  color:#8092a8;
}
.home-product-points{
  gap:6px;
  margin-top:8px;
}
.home-product-points span{
  height:22px;
  padding:0 9px;
  font-size:10px;
}
.home-product-copy a{
  margin-top:9px;
  font-size:11px;
}
@media(max-width:768px){
  .home-product-slide .home-product-feature{
    grid-template-columns:120px minmax(0,1fr);
  }
  .home-product-visual{
    height:104px;
  }
  .home-product-visual img{
    width:114px;
    height:84px;
  }
}
.home-hero-controls{
  grid-template-columns:22px 22px minmax(220px,300px) 92px 22px 118px minmax(24px,1fr) 22px!important;
}
.home-control-fullscreen{grid-column:8!important;}
@media(max-width:1350px){
  .home-hero-controls{
    grid-template-columns:22px 22px minmax(160px,1fr) 84px 22px 92px minmax(8px,.5fr) 22px!important;
  }
  .home-control-fullscreen{grid-column:8!important;}
}
.home-product-slide .home-product-feature{
  display:block!important;
  padding:10px 10px 9px!important;
  border-radius:14px!important;
}
.home-product-visual{
  width:100%!important;
  height:138px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#f7faff 0%,#eef3f8 100%)!important;
}
.home-product-visual img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.home-product-slide:first-child .home-product-visual img{
  width:92%!important;
  height:92%!important;
  object-fit:contain!important;
}
.home-product-copy{
  display:block!important;
  padding:9px 3px 1px!important;
  min-width:0!important;
}
.home-product-copy .home-chip{
  display:inline-flex!important;
  margin:0 0 5px!important;
  height:20px!important;
  padding:0 8px!important;
  align-items:center!important;
  font-size:9px!important;
}
.home-product-copy strong{
  display:block!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.home-product-copy > span:not(.home-chip){
  display:-webkit-box!important;
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.42!important;
  color:#8495aa!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.home-product-points{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  margin-top:7px!important;
  overflow:hidden!important;
}
.home-product-points span{
  height:21px!important;
  padding:0 7px!important;
  font-size:9px!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.home-product-copy a{
  display:inline-flex!important;
  margin-top:7px!important;
  font-size:10px!important;
}
.home-slider-dots{
  margin-top:10px!important;
}
@media(max-width:900px){
  .home-product-visual{height:150px!important;}
  .home-product-copy strong{font-size:15px!important;}
}
.home-hot-categories{
  position:relative;
}
.home-category-next{
  position:absolute;
  right:-8px;
  top:42px;
  width:28px;
  height:28px;
  border:1px solid #e2e9f2;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#7f94ad;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(35,55,82,.10);
  transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.home-category-next:hover{
  transform:translateX(2px);
  color:#2f79f6;
  border-color:#cdddf4;
  box-shadow:0 7px 18px rgba(35,55,82,.14);
}
.home-category-next i{
  font-size:10px;
}
@media(max-width:900px){
  .home-category-next{
    right:2px;
    top:42px;
  }
  .home-category-row{
    padding-right:32px;
    scroll-behavior:smooth;
    scrollbar-width:none;
  }
  .home-category-row::-webkit-scrollbar{display:none;}
}
.home-info-grid{
  align-items:start!important;
}
.home-product-card{
  height:336px!important;
  min-height:336px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.home-product-card .home-product-slider{
  flex:1 1 auto!important;
  min-height:0!important;
  margin-top:12px!important;
}
.home-product-slide,
.home-product-slide.is-active{
  height:100%!important;
}
.home-product-slide .home-product-feature{
  display:grid!important;
  grid-template-columns:142px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  height:222px!important;
  min-height:222px!important;
  padding:10px!important;
  overflow:hidden!important;
}
.home-product-visual{
  width:142px!important;
  height:142px!important;
  aspect-ratio:1/1!important;
  flex:0 0 142px!important;
  border-radius:13px!important;
  overflow:hidden!important;
}
.home-product-visual img,
.home-product-slide:first-child .home-product-visual img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border-radius:12px!important;
}
.home-product-slide:first-child .home-product-visual img{
  object-fit:contain!important;
  padding:5px!important;
  box-sizing:border-box!important;
}
.home-product-copy{
  padding:0!important;
  min-width:0!important;
}
.home-product-copy .home-chip{
  margin:0 0 5px!important;
}
.home-product-copy strong{
  font-size:14px!important;
  line-height:1.22!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.home-product-copy > span:not(.home-chip){
  margin-top:4px!important;
  font-size:9.5px!important;
  line-height:1.4!important;
  -webkit-line-clamp:3!important;
}
.home-product-points{
  margin-top:6px!important;
  gap:4px!important;
  flex-wrap:wrap!important;
  max-height:47px!important;
}
.home-product-points span{
  height:20px!important;
  padding:0 6px!important;
  font-size:8.5px!important;
}
.home-product-copy a{
  margin-top:6px!important;
  font-size:10px!important;
}
.home-product-card .home-slider-dots{
  flex:0 0 14px!important;
  margin-top:7px!important;
}
@media(max-width:1350px){
  .home-product-card{
    height:336px!important;
    min-height:336px!important;
  }
}
@media(max-width:900px){
  .home-product-card{
    height:auto!important;
    min-height:336px!important;
  }
  .home-product-slide .home-product-feature{
    grid-template-columns:132px minmax(0,1fr)!important;
    height:216px!important;
    min-height:216px!important;
  }
  .home-product-visual{
    width:132px!important;
    height:132px!important;
  }
}
@media (min-width:901px){
  .home-top-search{
    transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .22s ease !important;
    will-change:transform,opacity;
  }
  body.wp-top-nav-hidden .home-top-search{
    transform:translate(-50%,-78px) !important;
    opacity:0;
    pointer-events:none;
  }
}
.home-hero-media{
  border-radius:18px!important;
  box-shadow:0 24px 52px rgba(7,24,43,.16),0 4px 14px rgba(7,24,43,.06)!important;
}
.home-hero-shade{
  background:
    linear-gradient(90deg,rgba(4,17,31,.88) 0%,rgba(4,17,31,.70) 25%,rgba(4,17,31,.30) 46%,rgba(4,17,31,.06) 68%,rgba(4,17,31,.18) 100%)!important;
}
.home-hero-copy{
  left:54px!important;
  top:50%!important;
  transform:translateY(-53%)!important;
  width:min(660px,52%)!important;
  max-width:660px!important;
}
.home-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  height:26px;
  margin-bottom:14px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  background:rgba(7,21,36,.24);
  backdrop-filter:blur(8px);
  color:rgba(255,255,255,.82);
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
}
.home-hero-kicker-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#4a92ff;
  box-shadow:0 0 0 4px rgba(74,146,255,.13);
}
.home-hero-kicker-cn{
  padding-left:8px;
  border-left:1px solid rgba(255,255,255,.18);
  letter-spacing:.04em;
  color:rgba(255,255,255,.62);
}
.home-hero-copy h1{
  margin:0!important;
  max-width:640px!important;
  font-size:52px!important;
  line-height:1.06!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  text-shadow:0 4px 22px rgba(0,0,0,.22)!important;
}
.home-hero-copy p{
  margin:15px 0 0!important;
  font-size:15px!important;
  line-height:1.55!important;
  color:rgba(255,255,255,.78)!important;
  letter-spacing:.015em;
}
.home-hero-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:21px;
}
.home-hero-primary{
  margin-top:0!important;
  min-width:126px;
  height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  box-shadow:0 10px 26px rgba(27,115,255,.24)!important;
}
.home-hero-primary-icon{
  width:27px!important;
  height:27px!important;
  background:#fff!important;
  color:#2577f6!important;
  box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
}
.home-hero-secondary{
  height:44px;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(7,22,38,.20);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.home-hero-secondary i{font-size:10px;opacity:.78;transition:transform .2s ease;}
.home-hero-secondary:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.42);
  transform:translateY(-1px);
}
.home-hero-secondary:hover i{transform:translateX(2px);}

.home-hero-playlist{
  right:14px!important;
  top:14px!important;
  bottom:14px!important;
  width:286px!important;
  padding:7px!important;
  gap:2px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(6,18,31,.62),rgba(6,18,31,.76))!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
}
.home-playlist-item{
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:9px!important;
  min-height:0!important;
  padding:4px 5px!important;
  border-radius:9px!important;
  background:transparent!important;
  transition:background .18s ease,box-shadow .18s ease!important;
}
.home-playlist-item::after{
  left:106px!important;
  right:5px!important;
  background:rgba(255,255,255,.075)!important;
}
.home-playlist-item:hover{
  background:rgba(255,255,255,.055)!important;
}
.home-playlist-item.is-active{
  background:rgba(255,255,255,.10)!important;
  box-shadow:inset 2px 0 0 #418cff!important;
}
.home-playlist-thumb,
.home-playlist-thumb img{
  width:92px!important;
  height:48px!important;
  border-radius:7px!important;
}
.home-playlist-item.is-active .home-playlist-thumb{
  box-shadow:none!important;
}
.home-playlist-item.is-active .home-playlist-thumb img{
  outline:none!important;
}
.home-playlist-duration{
  left:auto!important;
  right:4px!important;
  bottom:4px!important;
  padding:1px 4px!important;
  font-size:8px!important;
  background:rgba(0,0,0,.72)!important;
}
.home-playlist-text strong{
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:750!important;
  color:rgba(255,255,255,.93)!important;
}
.home-playlist-text small{
  margin-top:3px!important;
  font-size:9px!important;
  color:rgba(255,255,255,.46)!important;
}

.home-hero-controls{
  left:26px!important;
  right:314px!important;
  bottom:11px!important;
  height:34px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,rgba(4,16,29,.30),rgba(4,16,29,.12),rgba(4,16,29,.22))!important;
  backdrop-filter:blur(4px)!important;
  box-shadow:none!important;
}
.home-hero-controls button{
  opacity:.86!important;
}
.home-hero-controls button:hover{opacity:1!important;}
.home-time{
  color:rgba(255,255,255,.74)!important;
  font-size:10px!important;
}
.home-progress,.home-volume{opacity:.82;}

@media(max-width:1350px){
  .home-hero-copy{left:42px!important;width:50%!important;}
  .home-hero-copy h1{font-size:44px!important;}
  .home-hero-playlist{width:270px!important;}
  .home-hero-controls{right:298px!important;}
  .home-playlist-item{grid-template-columns:86px minmax(0,1fr)!important;}
  .home-playlist-thumb,.home-playlist-thumb img{width:86px!important;height:46px!important;}
  .home-playlist-item::after{left:100px!important;}
}
@media(max-width:900px){
  .home-hero-copy{
    left:22px!important;
    right:22px!important;
    width:auto!important;
    top:88px!important;
    transform:none!important;
  }
  .home-hero-copy h1{font-size:34px!important;}
  .home-hero-kicker{margin-bottom:10px;}
  .home-hero-actions{margin-top:16px;}
  .home-hero-secondary{height:40px;padding:0 14px;}
  .home-hero-primary{height:40px!important;}
  .home-hero-playlist{width:auto!important;}
  .home-hero-controls{right:14px!important;}
}
.home-lower-section{margin-top:28px}
.home-lower-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}
.home-lower-head h2{margin:4px 0 0;font-size:24px;line-height:1.2;color:#223650;letter-spacing:-.02em}
.home-lower-head p{margin:7px 0 0;font-size:12px;line-height:1.6;color:#8192a8}
.home-lower-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#2d75ef}
.home-lower-more{font-size:11px;font-weight:700;color:#6f829c;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.home-lower-more:hover{color:#2d75ef}

.home-featured-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:14px}
.home-featured-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}
.home-featured-card{position:relative;display:block;overflow:hidden;border-radius:18px;background:#0c1b2d;box-shadow:0 14px 32px rgba(19,37,61,.09)}
.home-featured-card-main{height:360px}
.home-featured-card-small{height:173px}
.home-featured-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.home-featured-card:hover img{transform:scale(1.035)}
.home-featured-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,19,33,.82) 0%,rgba(6,19,33,.25) 55%,rgba(6,19,33,.06) 100%)}
.home-featured-card-main .home-featured-shade{background:linear-gradient(90deg,rgba(6,19,33,.78) 0%,rgba(6,19,33,.25) 55%,rgba(6,19,33,.05) 100%)}
.home-featured-copy{position:absolute;left:24px;right:24px;bottom:22px;color:#fff;display:block}
.home-featured-copy em{display:inline-flex;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);font-size:10px;font-style:normal;font-weight:700}
.home-featured-copy strong{display:block;font-size:18px;line-height:1.3}
.home-featured-card-main .home-featured-copy strong{font-size:28px;max-width:520px}
.home-featured-copy small{display:block;margin-top:7px;font-size:11px;line-height:1.55;color:rgba(255,255,255,.72);max-width:520px}
.home-featured-action{display:inline-flex;align-items:center;gap:7px;margin-top:15px;font-size:11px;font-weight:700;color:#fff}

.home-solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-solution-card{display:block;overflow:hidden;border:1px solid #e3e9f0;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(28,47,73,.04);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.home-solution-card:hover{transform:translateY(-3px);border-color:#d6e1ef;box-shadow:0 15px 34px rgba(28,47,73,.08)}
.home-solution-media{height:150px;overflow:hidden;background:#edf3f8}
.home-solution-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.home-solution-card:hover .home-solution-media img{transform:scale(1.035)}
.home-solution-body{position:relative;padding:18px 18px 19px}
.home-solution-index{position:absolute;top:18px;right:18px;font-size:11px;font-weight:800;color:#b2bfd0}
.home-solution-body h3{margin:0;padding-right:34px;font-size:16px;line-height:1.35;color:#263a54}
.home-solution-body p{margin:9px 0 0;font-size:11px;line-height:1.65;color:#8192a8;min-height:54px}
.home-solution-link{display:inline-flex;align-items:center;gap:7px;margin-top:15px;font-size:11px;font-weight:700;color:#2d75ef}

.home-capability-section{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);gap:26px;align-items:center;padding:28px 30px;border-radius:20px;background:linear-gradient(120deg,#0d1e33 0%,#112b4c 60%,#0d2039 100%);box-shadow:0 16px 36px rgba(12,31,54,.12)}
.home-capability-intro h2{margin:6px 0 0;font-size:26px;line-height:1.25;color:#fff;max-width:420px}
.home-capability-intro p{margin:10px 0 0;font-size:11px;line-height:1.7;color:rgba(255,255,255,.62);max-width:420px}
.home-capability-section .home-lower-kicker{color:#73a7ff}
.home-capability-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-metric{padding:16px 14px;border-left:1px solid rgba(255,255,255,.12)}
.home-metric strong{display:block;font-size:28px;line-height:1;color:#fff;letter-spacing:-.03em}
.home-metric sup{font-size:13px;color:#78aaff}
.home-metric span{display:block;margin-top:9px;font-size:10px;color:rgba(255,255,255,.58)}

.home-service-panel{padding:26px;border:1px solid #e3e9f0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(28,47,73,.035)}
.home-service-head{margin-bottom:20px}
.home-service-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
.home-service-step{position:relative;padding:24px 20px;min-height:145px;border-right:1px solid #edf1f5}
.home-service-step:last-child{border-right:0}
.home-service-step>span{position:absolute;right:16px;top:15px;font-size:11px;font-weight:800;color:#c4cfdd}
.home-service-step i{font-size:22px;color:#2d75ef}
.home-service-step strong{display:block;margin-top:18px;font-size:14px;color:#283c56}
.home-service-step small{display:block;margin-top:7px;font-size:10px;line-height:1.55;color:#8b9caf}
.home-final-cta{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border-radius:18px;background:linear-gradient(115deg,#eff5ff 0%,#f7faff 48%,#eef4fb 100%);border:1px solid #dde8f5}
.home-final-cta>div:first-child>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#2d75ef}
.home-final-cta h2{margin:6px 0 0;font-size:24px;line-height:1.25;color:#223650}
.home-final-cta p{margin:8px 0 0;font-size:11px;color:#8192a8}
.home-final-actions{display:flex;gap:10px;flex:0 0 auto}
.home-final-actions a{height:40px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700}
.home-final-primary{background:#176df2;color:#fff;box-shadow:0 8px 18px rgba(23,109,242,.18)}
.home-final-secondary{border:1px solid #d5dfeb;background:#fff;color:#536b89}

@media(max-width:1200px){
  .home-featured-grid{grid-template-columns:1.25fr .8fr}
  .home-capability-section{grid-template-columns:1fr}
  .home-capability-metrics{border-top:1px solid rgba(255,255,255,.1);padding-top:16px}
}
@media(max-width:900px){
  .home-lower-section{margin-top:22px}
  .home-lower-head{align-items:flex-start}
  .home-featured-grid{grid-template-columns:1fr}
  .home-featured-card-main{height:300px}
  .home-featured-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  .home-featured-card-small{height:180px}
  .home-solutions-grid{grid-template-columns:1fr}
  .home-solution-card{display:grid;grid-template-columns:180px 1fr}
  .home-solution-media{height:100%}
  .home-capability-metrics{grid-template-columns:repeat(2,1fr)}
  .home-service-steps{grid-template-columns:repeat(2,1fr)}
  .home-service-step:nth-child(2){border-right:0}
  .home-service-step:nth-child(-n+2){border-bottom:1px solid #edf1f5}
  .home-final-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .home-lower-head{display:block}
  .home-lower-more{margin-top:10px}
  .home-featured-card-main{height:260px}
  .home-featured-side{grid-template-columns:1fr}
  .home-featured-card-small{height:210px}
  .home-featured-card-main .home-featured-copy strong{font-size:22px}
  .home-solution-card{display:block}
  .home-solution-media{height:170px}
  .home-capability-section{padding:24px 20px}
  .home-capability-metrics{grid-template-columns:repeat(2,1fr)}
  .home-metric{padding:13px 10px}
  .home-service-panel{padding:20px 14px}
  .home-service-steps{grid-template-columns:1fr}
  .home-service-step{border-right:0!important;border-bottom:1px solid #edf1f5}
  .home-service-step:last-child{border-bottom:0}
  .home-final-cta{padding:24px 20px}
  .home-final-actions{width:100%}
  .home-final-actions a{flex:1}
}
@media (max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;}
  body{padding-bottom:72px;background:#f4f6f9;}
  .layout{width:100%;min-width:0;overflow:visible;}
  .site-logo{
    position:fixed!important;left:12px!important;top:10px!important;z-index:80!important;
    gap:8px!important;height:38px!important;
    transition:none!important;transform:none!important;opacity:1!important;
  }
  .site-logo-mark{width:34px!important;height:34px!important;border-radius:10px!important;}
  .site-logo-mark-core{font-size:14px!important;}
  .site-logo-text{font-size:15px!important;}
  .site-logo-sub{display:none!important;}
  .city-switcher{display:none!important;}

  .top-actions{
    position:fixed!important;right:10px!important;top:10px!important;z-index:80!important;
    gap:4px!important;transform:none!important;opacity:1!important;
  }
  .top-actions button{
    width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;
    border-radius:9px!important;background:rgba(255,255,255,.96)!important;
  }
  .top-actions button span,.language-arrow{display:none!important;}
  .top-actions button i,.top-actions button svg{margin:0!important;width:14px!important;height:14px!important;font-size:13px!important;}
  body.wp-top-nav-hidden .site-logo,
  body.wp-top-nav-hidden .top-actions{transform:none!important;opacity:1!important;pointer-events:auto!important;}
  .home-page-main{padding:62px 12px 26px!important;width:100%!important;min-width:0!important;}
  .home-content{width:100%!important;max-width:none!important;gap:16px!important;}
  .home-top-search{
    position:relative!important;top:auto!important;left:auto!important;transform:none!important;
    width:100%!important;min-width:0!important;margin:0 0 12px!important;z-index:10!important;
  }
  body.wp-top-nav-hidden .home-top-search{transform:none!important;opacity:1!important;pointer-events:auto!important;}
  .home-top-search-box{height:42px!important;border-radius:12px!important;padding-left:12px!important;}
  .home-top-search-input{font-size:12px!important;}
  .home-top-search-btn{height:30px!important;padding:0 11px!important;font-size:11px!important;}
  .floating-sidebar{
    position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;height:62px!important;z-index:90!important;
    padding:0 8px calc(env(safe-area-inset-bottom,0px) / 2)!important;
    background:rgba(255,255,255,.96)!important;border-top:1px solid #e1e7ef!important;
    box-shadow:0 -8px 24px rgba(24,43,68,.08)!important;backdrop-filter:blur(14px)!important;
    overflow:visible!important;display:block!important;
  }
  .floating-sidebar:hover{width:100%!important;}
  .main-nav{
    width:100%!important;height:100%!important;margin:0!important;display:flex!important;flex-direction:row!important;
    align-items:center!important;gap:2px!important;overflow-x:auto!important;overflow-y:visible!important;
    scrollbar-width:none!important;overscroll-behavior-x:contain;
  }
  .main-nav::-webkit-scrollbar{display:none!important;}
  .nav-item{
    flex:0 0 54px!important;width:54px!important;min-width:54px!important;min-height:54px!important;height:54px!important;
    padding:0!important;gap:3px!important;flex-direction:column!important;justify-content:center!important;
    border-radius:10px!important;background:transparent!important;
  }
  .nav-fa-icon,.nav-item>i,.nav-item>svg{font-size:17px!important;width:18px!important;height:18px!important;color:#7187a5!important;}
  .nav-label{display:block!important;opacity:1!important;transform:none!important;font-size:8px!important;line-height:1!important;color:#7e90a8!important;}
  .nav-item.active-item .nav-fa-icon,.nav-item:hover .nav-fa-icon{color:#2d75ef!important;}
  .nav-item.active-item .nav-label{color:#2d75ef!important;font-weight:700!important;}
  .search-popover, .message-popover, .service-popover{
    position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:72px!important;
    width:auto!important;max-width:none!important;max-height:min(68vh,540px)!important;
    overflow:auto!important;transform:none!important;z-index:110!important;
  }
  .language-menu{position:fixed!important;right:10px!important;top:50px!important;z-index:120!important;}
  .home-hero{width:100%!important;min-width:0!important;}
  .home-hero-media{
    width:100%!important;height:540px!important;min-height:540px!important;aspect-ratio:auto!important;
    border-radius:16px!important;overflow:hidden!important;
  }
  .home-hero-poster-display{object-fit:cover!important;object-position:center center!important;}
  .home-hero-shade{
    background:linear-gradient(180deg,rgba(5,18,31,.22) 0%,rgba(5,18,31,.44) 43%,rgba(5,18,31,.90) 100%)!important;
  }
  .home-hero-copy{
    left:20px!important;right:20px!important;top:30px!important;width:auto!important;max-width:none!important;
    transform:none!important;z-index:4!important;
  }
  .home-hero-kicker{height:24px!important;margin-bottom:11px!important;padding:0 9px!important;font-size:8px!important;}
  .home-hero-copy h1{font-size:31px!important;line-height:1.08!important;max-width:92%!important;letter-spacing:-.025em!important;}
  .home-hero-copy p{margin-top:10px!important;font-size:12px!important;line-height:1.45!important;max-width:85%!important;}
  .home-hero-actions{margin-top:15px!important;gap:8px!important;}
  .home-hero-primary,.home-hero-secondary{height:38px!important;min-width:0!important;padding:0 13px!important;font-size:11px!important;}
  .home-hero-primary-icon{width:24px!important;height:24px!important;}
  .home-hero-playlist{
    left:12px!important;right:12px!important;top:auto!important;bottom:56px!important;width:auto!important;height:76px!important;
    padding:5px!important;display:flex!important;grid-template-rows:none!important;gap:5px!important;
    overflow-x:auto!important;overflow-y:hidden!important;border-radius:12px!important;scroll-snap-type:x proximity;
    scrollbar-width:none!important;
  }
  .home-hero-playlist::-webkit-scrollbar{display:none!important;}
  .home-playlist-item{
    flex:0 0 214px!important;width:214px!important;height:64px!important;min-height:64px!important;
    grid-template-columns:88px minmax(0,1fr)!important;gap:8px!important;padding:4px!important;scroll-snap-align:start;
  }
  .home-playlist-item::after{display:none!important;}
  .home-playlist-thumb,.home-playlist-thumb img{width:88px!important;height:52px!important;}
  .home-playlist-text strong{font-size:10px!important;}
  .home-playlist-text small{font-size:8px!important;}
  .home-playlist-duration{font-size:7px!important;}

  .home-hero-controls{
    left:12px!important;right:12px!important;bottom:10px!important;height:38px!important;
    display:grid!important;grid-template-columns:22px 22px minmax(80px,1fr) 72px 22px 22px!important;
    gap:6px!important;padding:0 6px!important;
  }
  .home-hero-controls .home-volume{display:none!important;}
  .home-time{width:72px!important;min-width:72px!important;font-size:9px!important;}
  .home-control-fullscreen{display:flex!important;}
  .home-section-mini-title{font-size:15px!important;margin-left:2px!important;}
  .home-category-row{
    display:flex!important;grid-template-columns:none!important;gap:8px!important;overflow-x:auto!important;
    padding:0 34px 3px 0!important;scroll-snap-type:x proximity;scrollbar-width:none!important;
  }
  .home-category-row::-webkit-scrollbar{display:none!important;}
  .home-category-item{
    flex:0 0 154px!important;min-width:154px!important;height:58px!important;padding:0 10px!important;gap:8px!important;
    scroll-snap-align:start;
  }
  .home-category-icon.original-art{width:30px!important;height:30px!important;}
  .home-category-art-icon{width:28px!important;height:28px!important;}
  .home-category-item strong{font-size:12px!important;}
  .home-category-item small{font-size:9px!important;}
  .home-category-next{right:-2px!important;top:37px!important;width:28px!important;height:28px!important;}
  .home-section-head{align-items:center!important;}
  .home-section-head h2{font-size:16px!important;}
  .home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .home-video-card{min-width:0!important;}
  .home-video-cover{aspect-ratio:16/9!important;height:auto!important;}
  .home-video-card-body{padding:9px!important;min-height:60px!important;}
  .home-video-card-body h3{font-size:11px!important;line-height:1.35!important;}
  .home-video-meta{gap:9px!important;font-size:9px!important;}
  .home-card-play{width:36px!important;height:36px!important;}
  .home-card-play i{font-size:13px!important;}
  .home-card-time{right:6px!important;bottom:5px!important;font-size:8px!important;}
  .home-info-grid{grid-template-columns:1fr!important;gap:12px!important;align-items:start!important;}
  .home-info-card{width:100%!important;min-height:0!important;padding:14px!important;}
  .home-product-card{height:338px!important;min-height:338px!important;}
  .home-product-slide .home-product-feature{
    grid-template-columns:132px minmax(0,1fr)!important;height:220px!important;min-height:220px!important;
    padding:10px!important;gap:11px!important;
  }
  .home-product-visual{width:132px!important;height:132px!important;}
  .home-product-copy strong{font-size:14px!important;}
  .home-news-card,.home-download-card,.home-brand-card{height:auto!important;min-height:0!important;}
  .home-news-list a{grid-template-columns:74px minmax(0,1fr)!important;}
  .home-news-list img{width:74px!important;height:46px!important;}
  .home-download-list>a{min-height:52px!important;}
  .home-brand-feature{height:190px!important;}
  .home-brand-thumbs{gap:6px!important;}
  .home-brand-thumbs button,.home-brand-thumbs img{height:52px!important;}
  .home-lower-section{margin-top:8px!important;}
  .home-lower-head{gap:10px!important;}
  .home-lower-head h2{font-size:22px!important;}
  .home-lower-head p{font-size:10px!important;}
  .home-lower-kicker{font-size:8px!important;}
  .home-lower-more{font-size:10px!important;}
  .home-featured-grid{grid-template-columns:1fr!important;gap:10px!important;}
  .home-featured-card-main{height:270px!important;}
  .home-featured-side{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .home-featured-card-small{height:155px!important;}
  .home-featured-copy{left:18px!important;right:18px!important;bottom:18px!important;}
  .home-featured-card-main .home-featured-copy strong{font-size:21px!important;}
  .home-featured-card-small .home-featured-copy strong{font-size:14px!important;}

  .home-solutions-grid{grid-template-columns:1fr!important;gap:10px!important;}
  .home-solution-card{display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;min-height:128px!important;}
  .home-solution-media{height:100%!important;min-height:128px!important;}
  .home-solution-body{padding:15px!important;}
  .home-solution-body h3{font-size:14px!important;}
  .home-solution-body p{font-size:10px!important;}

  .home-capability-section{grid-template-columns:1fr!important;padding:24px 18px!important;gap:20px!important;}
  .home-capability-intro h2{font-size:23px!important;}
  .home-capability-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-top:16px!important;}
  .home-metric{padding:14px 10px!important;}
  .home-metric strong{font-size:26px!important;}

  .home-service-panel{padding:18px 12px!important;}
  .home-service-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .home-service-step{min-height:128px!important;padding:18px 14px!important;}
  .home-service-step strong{margin-top:13px!important;font-size:13px!important;}
  .home-service-step small{font-size:9px!important;}
  .home-final-cta{padding:20px 18px!important;gap:18px!important;}
  .home-final-cta h2{font-size:20px!important;}
  .home-final-actions{width:100%!important;}
  .home-final-actions a{flex:1!important;}
}

@media (max-width:600px){
  .home-page-main{padding-left:10px!important;padding-right:10px!important;}
  .site-logo-text{font-size:14px!important;}
  .top-actions{gap:3px!important;}
  .top-actions button{width:30px!important;min-width:30px!important;height:30px!important;}
  .home-hero-media{height:520px!important;min-height:520px!important;}
  .home-hero-copy{left:17px!important;right:17px!important;top:26px!important;}
  .home-hero-copy h1{font-size:28px!important;max-width:100%!important;}
  .home-hero-copy p{font-size:11px!important;max-width:95%!important;}
  .home-hero-secondary{padding:0 11px!important;}
  .home-hero-playlist{bottom:55px!important;}
  .home-video-grid{grid-template-columns:1fr!important;}
  .home-video-cover{aspect-ratio:16/8.8!important;}
  .home-video-card-body h3{font-size:12px!important;}
  .home-product-slide .home-product-feature{grid-template-columns:118px minmax(0,1fr)!important;}
  .home-product-visual{width:118px!important;height:118px!important;}
  .home-product-copy > span:not(.home-chip){-webkit-line-clamp:2!important;font-size:9px!important;}
  .home-product-points span{font-size:8px!important;padding:0 5px!important;}
  .home-featured-side{grid-template-columns:1fr!important;}
  .home-featured-card-small{height:190px!important;}
  .home-solution-card{grid-template-columns:110px minmax(0,1fr)!important;}
  .home-service-steps{grid-template-columns:1fr!important;}
  .home-service-step{border-right:0!important;border-bottom:1px solid #edf1f5!important;}
  .home-service-step:last-child{border-bottom:0!important;}
}

@media (max-width:390px){
  .site-logo-meta{display:none!important;}
  .home-hero-copy h1{font-size:26px!important;}
  .home-hero-secondary span{display:none!important;}
  .home-category-item{flex-basis:146px!important;min-width:146px!important;}
  .home-product-slide .home-product-feature{grid-template-columns:108px minmax(0,1fr)!important;gap:8px!important;}
  .home-product-visual{width:108px!important;height:108px!important;}
  .home-product-copy strong{font-size:13px!important;}
  .home-solution-card{display:block!important;}
  .home-solution-media{height:150px!important;}
}
@media (max-width:900px){
  .top-actions .top-live-btn,
  .top-actions .publish-video,
  .top-actions .language-switch{display:none!important;}
  .top-actions{right:12px!important;}
  .top-actions .top-login-btn{display:flex!important;width:34px!important;height:34px!important;}
  .home-top-search{display:none!important;}
  .home-page-main{padding-top:58px!important;}
  .main-nav > *{display:none!important;}
  .main-nav > .nav-item[aria-label="首页"],
  .main-nav > .nav-item[aria-label="产品"],
  .main-nav > .search-nav-wrap,
  .main-nav > .service-nav-wrap{display:flex!important;}
  .main-nav > .search-nav-wrap,
  .main-nav > .service-nav-wrap{flex:1 1 25%!important;height:100%!important;align-items:center!important;justify-content:center!important;}
  .main-nav > .nav-item[aria-label="首页"],
  .main-nav > .nav-item[aria-label="产品"],
  .search-nav-wrap > .nav-item,
  .service-nav-wrap > .nav-item{
    flex:1 1 25%!important;width:auto!important;min-width:0!important;height:54px!important;max-width:none!important;
  }
  .main-nav{justify-content:space-around!important;overflow:visible!important;}
  .floating-sidebar{height:64px!important;}
  .home-hero-media{height:430px!important;min-height:430px!important;}
  .home-hero-playlist{display:none!important;}
  .home-hero-copy{top:38px!important;left:20px!important;right:20px!important;}
  .home-hero-kicker{display:none!important;}
  .home-hero-copy h1{font-size:30px!important;max-width:88%!important;}
  .home-hero-copy p{max-width:78%!important;font-size:11px!important;}
  .home-hero-secondary{display:none!important;}
  .home-hero-actions{margin-top:18px!important;}
  .home-hero-controls{
    bottom:12px!important;left:14px!important;right:14px!important;
    grid-template-columns:28px minmax(90px,1fr) 76px 28px!important;gap:8px!important;
  }
  .home-control-skip,
  .home-control-mute,
  .home-volume{display:none!important;}
  .home-control-play{display:flex!important;}
  .home-progress{display:block!important;}
  .home-time{display:inline-flex!important;width:76px!important;min-width:76px!important;}
  .home-control-fullscreen{display:flex!important;}
  .home-category-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;padding-right:0!important;}
  .home-category-item{display:none!important;min-width:0!important;width:100%!important;}
  .home-category-item:nth-child(-n+4){display:flex!important;}
  .home-category-next{display:none!important;}
  .home-video-grid{grid-template-columns:1fr!important;gap:10px!important;}
  .home-video-card:nth-child(n+4){display:none!important;}
  .home-video-card-body{min-height:56px!important;}
  .home-info-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .home-download-card,
  .home-brand-card{display:none!important;}
  .home-product-card{height:338px!important;}
  .home-news-card{display:block!important;}
  .home-news-list a:nth-child(n+4){display:none!important;}
  .home-featured-side{display:none!important;}
  .home-featured-card-main{height:245px!important;}
  .home-solutions-grid{grid-template-columns:1fr!important;}
  .home-solution-card:nth-child(n+3){display:none!important;}
  .home-capability-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .home-metric:nth-child(n+3){display:none!important;}
  .home-service-steps{grid-template-columns:1fr!important;}
  .home-service-step:nth-child(n+4){display:none!important;}
  .home-service-step{min-height:104px!important;padding:16px 14px!important;border-right:0!important;border-bottom:1px solid #edf1f5!important;}
  .home-service-step:nth-child(3){border-bottom:0!important;}
  .home-final-secondary{display:none!important;}
  .home-final-actions{width:100%!important;}
  .home-final-primary{width:100%!important;}
  .home-content{gap:14px!important;}
  .home-lower-section{margin-top:4px!important;}
  .home-section-head .home-more-link,
  .home-lower-more{font-size:10px!important;}
}

@media (max-width:600px){
  .home-page-main{padding:56px 10px 82px!important;}
  .home-hero-media{height:400px!important;min-height:400px!important;}
  .home-hero-copy{top:32px!important;left:17px!important;right:17px!important;}
  .home-hero-copy h1{font-size:27px!important;max-width:96%!important;}
  .home-hero-copy p{max-width:90%!important;}
  .home-category-item{height:56px!important;}
  .home-product-slide .home-product-feature{grid-template-columns:120px minmax(0,1fr)!important;}
  .home-product-visual{width:120px!important;height:120px!important;}
  .home-featured-card-main{height:220px!important;}
  .home-final-cta p{display:none!important;}
}
.mobile-topbar,.mobile-nav-mask,.mobile-nav-drawer{display:none;}

@media (max-width:900px){
  body{padding-top:0!important;}
  .site-logo,.top-actions{display:none!important;}
  .home-page-main{padding-top:68px!important;}
  .mobile-topbar{
    position:fixed;display:grid;grid-template-columns:auto minmax(0,1fr) 42px;
    align-items:center;gap:10px;left:0;right:0;top:0;height:60px;padding:8px 10px;
    z-index:120;background:rgba(255,255,255,.96);border-bottom:1px solid #edf1f5;
    box-shadow:0 4px 18px rgba(25,44,70,.055);backdrop-filter:blur(14px);
  }
  .mobile-brand{display:flex;align-items:center;gap:7px;min-width:0;color:#1767d9;text-decoration:none;}
  .mobile-brand-mark{
    width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;
    background:linear-gradient(145deg,#347cf0,#1454bf);color:#fff;font-size:15px;font-weight:900;
    box-shadow:0 5px 12px rgba(29,101,220,.22);
  }
  .mobile-brand-name{font-size:15px;font-weight:850;letter-spacing:-.02em;white-space:nowrap;}
  .mobile-menu-trigger{
    width:42px;height:40px;padding:0;border:1px solid #dde6ef;border-radius:12px;background:#fff;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;
  }
  .mobile-menu-trigger span{display:block;width:17px;height:2px;border-radius:9px;background:#536d8c;transition:.2s ease;}
  body.mobile-nav-open .mobile-menu-trigger span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  body.mobile-nav-open .mobile-menu-trigger span:nth-child(2){opacity:0;}
  body.mobile-nav-open .mobile-menu-trigger span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

  .mobile-nav-mask{
    display:block;position:fixed;inset:0;z-index:125;background:rgba(12,24,39,.38);opacity:0;visibility:hidden;
    transition:opacity .22s ease,visibility .22s ease;backdrop-filter:blur(2px);
  }
  .mobile-nav-drawer{
    display:flex;position:fixed;z-index:130;right:0;top:0;bottom:0;width:min(82vw,330px);padding:16px 14px 24px;
    flex-direction:column;background:#fff;box-shadow:-18px 0 42px rgba(17,37,62,.16);
    transform:translateX(105%);transition:transform .26s cubic-bezier(.22,.61,.36,1);
  }
  body.mobile-nav-open{overflow:hidden!important;}
  body.mobile-nav-open .mobile-nav-mask{opacity:1;visibility:visible;}
  body.mobile-nav-open .mobile-nav-drawer{transform:translateX(0);}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 14px;border-bottom:1px solid #edf1f5;}
  .mobile-nav-head strong{display:block;font-size:18px;color:#20344e;}
  .mobile-nav-head small{display:block;margin-top:3px;font-size:10px;color:#9aa9ba;}
  .mobile-nav-close{width:36px;height:36px;border:0;border-radius:10px;background:#f4f7fb;color:#59728f;font-size:15px;}
  .mobile-nav-list{display:grid;gap:5px;margin-top:12px;overflow:auto;}
  .mobile-nav-list button{
    height:50px;border:0;border-radius:12px;background:transparent;padding:0 12px;display:grid;
    grid-template-columns:30px 1fr 16px;align-items:center;text-align:left;color:#31465f;font-size:13px;cursor:pointer;
  }
  .mobile-nav-list button:hover,.mobile-nav-list button:active{background:#f4f8ff;color:#176df2;}
  .mobile-nav-list button>i:first-child{font-size:15px;color:#5e83b7;}
  .mobile-nav-list button>i:last-child{font-size:9px;color:#a6b3c2;justify-self:end;}
  .home-top-search{display:none!important;}
  .home-hero{margin-top:0!important;}
  .home-hero-media{
    height:445px!important;min-height:445px!important;border-radius:15px!important;overflow:hidden!important;
    background:#071522!important;
  }
  .home-hero-poster-display{
    top:0!important;left:0!important;right:0!important;width:100%!important;height:285px!important;
    object-fit:cover!important;object-position:center center!important;border-radius:0!important;
  }
  .home-hero-shade{
    inset:0 0 auto 0!important;height:285px!important;
    background:linear-gradient(90deg,rgba(6,20,35,.68) 0%,rgba(6,20,35,.30) 55%,rgba(6,20,35,.12) 100%),
               linear-gradient(0deg,rgba(6,20,35,.50) 0%,rgba(6,20,35,.02) 48%)!important;
  }
  .home-hero-copy{
    top:28px!important;left:18px!important;right:18px!important;bottom:auto!important;transform:none!important;
    z-index:4!important;max-width:330px!important;
  }
  .home-hero-kicker{display:inline-flex!important;margin-bottom:10px!important;font-size:8px!important;padding:5px 8px!important;}
  .home-hero-copy h1{font-size:27px!important;line-height:1.12!important;max-width:94%!important;margin:0!important;}
  .home-hero-copy p{margin-top:8px!important;font-size:11px!important;line-height:1.45!important;max-width:88%!important;}
  .home-hero-actions{margin-top:14px!important;gap:8px!important;}
  .home-hero-primary{height:38px!important;padding:0 14px!important;border-radius:999px!important;font-size:11px!important;}
  .home-hero-primary-icon{width:24px!important;height:24px!important;}
  .home-hero-secondary{display:none!important;}

  .home-hero-controls{
    left:14px!important;right:14px!important;bottom:9px!important;height:35px!important;z-index:7!important;
    display:grid!important;grid-template-columns:26px minmax(0,1fr) 68px 26px!important;gap:8px!important;
    align-items:center!important;padding:0!important;background:transparent!important;
  }
  .home-control-play,.home-control-fullscreen{width:26px!important;height:26px!important;display:flex!important;}
  .home-control-skip, .home-control-mute, .home-volume{display:none!important;}
  .home-progress{display:block!important;min-width:0!important;width:100%!important;}
  .home-time{display:inline-flex!important;width:68px!important;min-width:68px!important;font-size:9px!important;justify-content:center!important;}

  .home-hero-playlist{
    display:flex!important;position:absolute!important;left:0!important;right:0!important;top:292px!important;bottom:auto!important;
    width:auto!important;height:102px!important;padding:8px 12px 10px!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;
    border-radius:0!important;background:linear-gradient(180deg,rgba(7,20,33,.98),rgba(6,17,28,.98))!important;
    backdrop-filter:none!important;scroll-snap-type:x mandatory;scroll-padding-left:12px;overscroll-behavior-x:contain;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .home-hero-playlist::-webkit-scrollbar{display:none;}
  .home-playlist-item{
    flex:0 0 176px!important;width:176px!important;height:78px!important;min-height:78px!important;
    display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;
    padding:5px!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important;
    scroll-snap-align:start;border:1px solid rgba(255,255,255,.055)!important;
  }
  .home-playlist-item::before,.home-playlist-item::after{display:none!important;}
  .home-playlist-item.is-active{
    background:rgba(72,126,194,.17)!important;border-color:rgba(87,157,255,.48)!important;
    box-shadow:inset 0 0 0 1px rgba(68,140,255,.13)!important;
  }
  .home-playlist-thumb{width:82px!important;height:58px!important;border-radius:8px!important;overflow:hidden!important;}
  .home-playlist-thumb img,.home-playlist-item img{
    width:82px!important;height:58px!important;object-fit:cover!important;transform:none!important;outline:0!important;border:0!important;
  }
  .home-playlist-item.is-active .home-playlist-thumb{outline:2px solid #458eff!important;outline-offset:0!important;}
  .home-playlist-duration{left:auto!important;right:3px!important;bottom:3px!important;font-size:8px!important;padding:2px 4px!important;}
  .home-playlist-text strong{font-size:10px!important;line-height:1.25!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;}
  .home-playlist-text small{font-size:8px!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

@media (max-width:600px){
  .mobile-topbar{grid-template-columns:34px minmax(0,1fr) 40px;gap:8px;height:58px;padding:8px 10px;}
  .mobile-brand-name{display:none;}
  .mobile-brand-mark{width:34px;height:34px;}
  .mobile-menu-trigger{width:40px;height:38px;border-radius:11px;}
  .home-page-main{padding-top:64px!important;}
  .home-hero-media{height:430px!important;min-height:430px!important;}
  .home-hero-poster-display,.home-hero-shade{height:270px!important;}
  .home-hero-copy{top:24px!important;left:16px!important;right:16px!important;}
  .home-hero-copy h1{font-size:25px!important;}
  .home-hero-playlist{top:278px!important;height:100px!important;padding-left:10px!important;padding-right:10px!important;}
  .home-playlist-item{flex-basis:168px!important;width:168px!important;}
}
.home-hero-controls{display:none!important;}
.video-modal{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:28px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease;}
.video-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.video-modal-backdrop{position:absolute;inset:0;background:rgba(3,10,20,.82);backdrop-filter:blur(14px);}
.video-modal-dialog{position:relative;z-index:1;width:min(1080px,92vw);border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#07121f;box-shadow:0 30px 90px rgba(0,0,0,.45);overflow:hidden;transform:translateY(16px) scale(.985);transition:transform .28s cubic-bezier(.22,.61,.36,1);}
.video-modal.is-open .video-modal-dialog{transform:translateY(0) scale(1);}
.video-modal-head{height:62px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(180deg,#0d1d30,#091725);border-bottom:1px solid rgba(255,255,255,.08);}
.video-modal-heading{min-width:0;display:flex;align-items:center;gap:12px;}
.video-modal-label{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:rgba(65,139,255,.15);color:#72aaff;font-size:9px;font-weight:800;letter-spacing:.12em;}
.video-modal-title{min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.video-modal-close{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:15px;cursor:pointer;}
.video-modal-stage{position:relative;aspect-ratio:16/9;background:#02070d;overflow:hidden;}
.video-modal-video{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;}
.video-modal-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#02070d;}
.video-modal-stage::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.58),transparent);pointer-events:none;}
.video-modal-center-play{position:absolute;z-index:3;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(5,17,31,.48);backdrop-filter:blur(8px);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,transform .2s ease;}
.video-modal.is-playing .video-modal-center-play{opacity:0;}
.video-modal-stage:hover .video-modal-center-play{opacity:1;}
.video-modal-controls{position:absolute;z-index:4;left:18px;right:18px;bottom:14px;height:38px;display:grid;grid-template-columns:28px minmax(80px,1fr) 92px 28px;align-items:center;gap:10px;color:#fff;}
.video-modal-play,.video-modal-fullscreen{width:28px;height:28px;border:0;background:transparent;color:#fff;font-size:13px;cursor:pointer;}
.video-modal-progress{width:100%;accent-color:#458cff;}
.video-modal-time{font-size:10px;text-align:center;white-space:nowrap;color:rgba(255,255,255,.9);}
body.video-modal-open{overflow:hidden!important;}

@media (max-width:900px){
  .home-page-main{padding-top:0!important;}
  .home-content{padding-top:0!important;}
  .home-hero{margin-top:0!important;}
  .mobile-topbar{
    display:flex!important;justify-content:space-between!important;align-items:center!important;
    position:fixed!important;top:10px!important;left:16px!important;right:16px!important;height:48px!important;
    padding:0 8px 0 9px!important;border:1px solid transparent!important;border-radius:999px!important;
    background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
    z-index:120!important;transition:top .28s ease,left .28s ease,right .28s ease,height .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease;
  }
  .mobile-topbar.is-scrolled{
    top:8px!important;left:22px!important;right:22px!important;height:50px!important;
    background:rgba(75,103,138,.78)!important;border-color:rgba(255,255,255,.20)!important;
    box-shadow:0 12px 34px rgba(10,28,50,.22)!important;backdrop-filter:blur(20px) saturate(145%)!important;
  }
  .mobile-brand{gap:7px!important;color:#fff!important;min-width:0;}
  .mobile-brand-mark{
    width:32px!important;height:32px!important;border-radius:9px!important;background:rgba(255,255,255,.16)!important;
    border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:none!important;font-size:14px!important;
  }
  .mobile-brand-name{display:block!important;font-size:15px!important;color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.18);}
  .mobile-menu-trigger{
    width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important;
    backdrop-filter:blur(8px);box-shadow:none!important;
  }
  .mobile-menu-trigger span{width:18px!important;height:1.6px!important;background:#fff!important;}
  .mobile-topbar.is-scrolled .mobile-menu-trigger{background:rgba(255,255,255,.12)!important;}
  .mobile-nav-drawer{background:linear-gradient(180deg,#10243c,#081522)!important;color:#fff!important;}
  .mobile-nav-head{border-bottom-color:rgba(255,255,255,.10)!important;}
  .mobile-nav-head strong{color:#fff!important;}.mobile-nav-head small{color:rgba(255,255,255,.48)!important;}
  .mobile-nav-close{background:rgba(255,255,255,.08)!important;color:#fff!important;}
  .mobile-nav-list button{color:#eaf2ff!important;}
  .mobile-nav-list button>i:first-child{color:#79a7e8!important;}.mobile-nav-list button>i:last-child{color:rgba(255,255,255,.30)!important;}
  .mobile-nav-list button:hover,.mobile-nav-list button:active{background:rgba(255,255,255,.07)!important;color:#fff!important;}
  .home-hero-media{height:390px!important;min-height:390px!important;border-radius:0 0 16px 16px!important;overflow:hidden!important;}
  .home-hero-poster-display{top:0!important;height:292px!important;border-radius:0!important;object-fit:cover!important;object-position:center center!important;}
  .home-hero-shade{height:292px!important;}
  .home-hero-copy{top:78px!important;left:18px!important;right:18px!important;max-width:310px!important;}
  .home-hero-kicker{margin-bottom:10px!important;}
  .home-hero-copy h1{font-size:26px!important;}
  .home-hero-copy p{font-size:11px!important;}
  .home-hero-actions{margin-top:15px!important;}
  .home-hero-primary{height:39px!important;padding:0 15px!important;}

  .home-hero-playlist{
    top:300px!important;bottom:auto!important;left:0!important;right:0!important;height:90px!important;
    padding:8px 12px 10px!important;gap:9px!important;background:#071522!important;border-radius:0!important;
    overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-padding-left:12px!important;
  }
  .home-playlist-item{
    flex:0 0 128px!important;width:128px!important;height:72px!important;min-height:72px!important;padding:0!important;
    display:block!important;border-radius:10px!important;overflow:hidden!important;background:transparent!important;
    border:1px solid rgba(255,255,255,.10)!important;scroll-snap-align:start!important;
  }
  .home-playlist-thumb,.home-playlist-thumb img,.home-playlist-item img{width:100%!important;height:100%!important;border-radius:9px!important;object-fit:cover!important;}
  .home-playlist-text{display:none!important;}
  .home-playlist-duration{right:5px!important;bottom:5px!important;font-size:8px!important;}
  .home-playlist-item.is-active{border-color:#5d9fff!important;box-shadow:0 0 0 2px rgba(74,143,255,.25)!important;}
  .home-playlist-item.is-active .home-playlist-thumb{outline:0!important;}
  .video-modal{padding:12px!important;align-items:center!important;}
  .video-modal-dialog{width:100%!important;border-radius:16px!important;}
  .video-modal-head{height:54px!important;padding:0 12px 0 14px!important;}
  .video-modal-label{display:none!important;}
  .video-modal-title{font-size:13px!important;}
  .video-modal-stage{aspect-ratio:16/9!important;}
  .video-modal-controls{left:10px!important;right:10px!important;bottom:8px!important;grid-template-columns:26px minmax(60px,1fr) 72px 26px!important;gap:6px!important;}
  .video-modal-time{font-size:9px!important;}
  .video-modal-center-play{width:50px!important;height:50px!important;}
}

@media (max-width:600px){
  .mobile-topbar{left:14px!important;right:14px!important;}
  .mobile-topbar.is-scrolled{left:20px!important;right:20px!important;}
  .mobile-brand-name{font-size:14px!important;}
  .home-hero-media{height:382px!important;min-height:382px!important;}
  .home-hero-poster-display,.home-hero-shade{height:286px!important;}
  .home-hero-playlist{top:294px!important;height:88px!important;}
  .home-playlist-item{flex-basis:124px!important;width:124px!important;height:70px!important;min-height:70px!important;}
}
@media (max-width:900px){
  .mobile-topbar{
    background:linear-gradient(180deg,rgba(7,20,34,.20),rgba(7,20,34,.06))!important;
    border-color:rgba(255,255,255,.10)!important;
    backdrop-filter:blur(3px)!important;
  }
  .mobile-topbar.is-scrolled{
    top:8px!important;
    left:18px!important;
    right:18px!important;
    height:50px!important;
    background:rgba(8,20,34,.84)!important;
    border-color:rgba(255,255,255,.14)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.26)!important;
    backdrop-filter:blur(20px) saturate(140%)!important;
  }
  .mobile-topbar.is-scrolled .mobile-brand-mark{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.16)!important;
  }
  .mobile-topbar.is-scrolled .mobile-menu-trigger{
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }
}
@media (min-width:901px){
  .home-hero-controls{
    display:flex!important;
  }
}
@media (max-width:900px){
  .home-hero-controls{
    display:none!important;
  }
}
.home-hot-categories{
  position:relative;
}
.home-category-row{
  display:flex!important;
  grid-template-columns:none!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 34px 4px 0!important;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.home-category-row::-webkit-scrollbar{display:none!important;}
.home-category-item{
  display:flex!important;
  flex:0 0 168px!important;
  width:168px!important;
  min-width:168px!important;
  scroll-snap-align:start;
}
.home-category-next{
  display:flex!important;
  right:-2px!important;
  top:36px!important;
}
@media (max-width:900px){
  .home-category-row{
    display:flex!important;
    grid-template-columns:none!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 28px 4px 0!important;
  }
  .home-category-item,
  .home-category-item:nth-child(n){
    display:flex!important;
    flex:0 0 154px!important;
    width:154px!important;
    min-width:154px!important;
  }
  .home-category-next{
    display:flex!important;
    right:-1px!important;
    top:35px!important;
    width:28px!important;
    height:28px!important;
  }
}
@media (min-width:901px){
  .home-hero-controls{
    justify-content:flex-start!important;
    gap:10px!important;
  }
  .home-progress{
    flex:0 1 300px!important;
    width:clamp(210px,22vw,300px)!important;
    min-width:180px!important;
    max-width:300px!important;
  }
  .home-time{
    flex:0 0 auto!important;
  }
  .home-volume{
    flex:0 0 92px!important;
    width:92px!important;
  }
}
@media (max-width:900px){
  .home-hot-categories{
    overflow:visible!important;
  }
  .home-category-row{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:scroll!important;
    overflow-y:hidden!important;
    touch-action:pan-x pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
    cursor:grab;
  }
  .home-category-item{
    flex:0 0 154px!important;
    width:154px!important;
    min-width:154px!important;
    touch-action:pan-x pan-y!important;
  }
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  *,
  *::before,
  *::after{
    box-sizing:border-box;
  }
  .layout,
  .page-main,
  .home-page-main,
  .home-content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .home-page-main{
    overflow:visible!important;
  }
  .home-content{
    margin:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .home-content > *,
  .home-recommend-section,
  .home-info-grid,
  .home-lower-section,
  .home-featured-section,
  .home-solutions-section,
  .home-capability-section,
  .home-service-section{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .home-hot-categories{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .home-category-row{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:8px!important;
    padding:0 34px 5px 0!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-inline:0!important;
    overscroll-behavior-x:contain!important;
    touch-action:auto!important;
    scrollbar-width:none!important;
  }
  .home-category-row::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
  .home-category-item,
  .home-category-item:nth-child(n){
    display:flex!important;
    flex:0 0 154px!important;
    width:154px!important;
    min-width:154px!important;
    max-width:154px!important;
    height:58px!important;
    scroll-snap-align:start!important;
  }
  .home-category-next{
    display:flex!important;
    position:absolute!important;
    right:2px!important;
    top:34px!important;
    z-index:6!important;
    width:28px!important;
    height:28px!important;
  }
  .home-video-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .home-video-card,
  .home-video-cover,
  .home-video-card-body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .home-info-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
  }
  .home-info-card,
  .home-product-card,
  .home-news-card,
  .home-download-card,
  .home-brand-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .home-product-slider,
  .home-product-slide,
  .home-product-feature,
  .home-product-copy{
    max-width:100%!important;
    min-width:0!important;
  }
  .home-featured-grid,
  .home-featured-side,
  .home-solutions-grid,
  .home-capability-metrics,
  .home-service-steps{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .home-featured-card,
  .home-solution-card,
  .home-metric,
  .home-service-step,
  .home-final-cta{
    max-width:100%!important;
    min-width:0!important;
  }
  img,
  video{
    max-width:100%;
  }
}

@media (max-width:390px){
  .home-category-item,
  .home-category-item:nth-child(n){
    flex-basis:146px!important;
    width:146px!important;
    min-width:146px!important;
    max-width:146px!important;
  }
}
@media (max-width:900px){
  .mobile-topbar:not(.is-scrolled){
    top:6px!important;
    left:10px!important;
    right:10px!important;
    height:48px!important;
    padding:0 8px 0 9px!important;
    border-radius:0!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .mobile-topbar:not(.is-scrolled) .mobile-brand-mark{
    background:rgba(15,35,56,.38)!important;
    border-color:rgba(255,255,255,.20)!important;
  }
  .mobile-topbar:not(.is-scrolled) .mobile-menu-trigger{
    background:rgba(15,35,56,.28)!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }
  .mobile-topbar.is-scrolled{
    top:8px!important;
    left:18px!important;
    right:18px!important;
    height:50px!important;
    padding:0 8px 0 9px!important;
    border-radius:999px!important;
    background:rgba(8,20,34,.86)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(20px) saturate(140%)!important;
  }
}
@media (max-width:600px){
  .mobile-topbar:not(.is-scrolled){left:10px!important;right:10px!important;}
  .mobile-topbar.is-scrolled{left:16px!important;right:16px!important;}
}
@media (max-width:900px){
  .mobile-topbar{
    z-index:120!important;
    transition:
      top .28s cubic-bezier(.22,.61,.36,1),
      left .28s cubic-bezier(.22,.61,.36,1),
      right .28s cubic-bezier(.22,.61,.36,1),
      height .28s ease,
      border-radius .28s ease,
      background .28s ease,
      border-color .28s ease,
      box-shadow .28s ease,
      backdrop-filter .28s ease,
      transform .28s ease!important;
  }
  .mobile-topbar:not(.is-scrolled){
    position:absolute!important;
    top:7px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    height:46px!important;
    padding:0 7px 0 8px!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,rgba(12,30,49,.12),rgba(12,30,49,.03))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    transform:none!important;
  }
  .mobile-topbar.is-scrolled{
    position:fixed!important;
    top:8px!important;
    left:18px!important;
    right:18px!important;
    width:auto!important;
    height:48px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:rgba(8,20,34,.90)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
    transform:translateZ(0)!important;
  }

  .mobile-topbar:not(.is-scrolled) .mobile-brand-mark{
    background:rgba(16,39,64,.34)!important;
    border-color:rgba(255,255,255,.20)!important;
  }
  .mobile-topbar:not(.is-scrolled) .mobile-menu-trigger{
    background:rgba(16,39,64,.22)!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }
  .mobile-topbar.is-scrolled .mobile-brand-mark{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.17)!important;
  }
  .mobile-topbar.is-scrolled .mobile-menu-trigger{
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }
}
@media (max-width:600px){
  .mobile-topbar:not(.is-scrolled){left:10px!important;right:10px!important;}
  .mobile-topbar.is-scrolled{left:14px!important;right:14px!important;}
}
@media (max-width:900px){
  .mobile-topbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:auto!important;
    z-index:220!important;
    transition:
      background-color .24s ease,
      border-color .24s ease,
      box-shadow .24s ease,
      backdrop-filter .24s ease,
      -webkit-backdrop-filter .24s ease,
      left .24s ease,
      right .24s ease,
      top .24s ease,
      border-radius .24s ease!important;
  }
  .mobile-topbar:not(.is-scrolled){
    position:absolute!important;
    top:8px!important;
    left:12px!important;
    right:12px!important;
    height:46px!important;
    padding:0 7px!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    border:1px solid transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .mobile-topbar.is-scrolled{
    position:fixed!important;
    top:8px!important;
    left:14px!important;
    right:14px!important;
    height:48px!important;
    padding:0 8px 0 9px!important;
    border-radius:999px!important;
    background:#102238!important;
    background-color:rgba(11,26,44,.92)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  }
  .mobile-topbar:not(.is-scrolled) .mobile-brand,
  .mobile-topbar:not(.is-scrolled) .mobile-brand-mark,
  .mobile-topbar:not(.is-scrolled) .mobile-menu-trigger{
    background:transparent!important;
    background-color:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .mobile-topbar.is-scrolled .mobile-brand-mark{
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.16)!important;
  }
  .mobile-topbar.is-scrolled .mobile-menu-trigger{
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }
  .home-news-list a{
    grid-template-columns:74px minmax(0,1fr) 16px!important;
    align-items:center!important;
  }
  .home-news-list > a > i{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    justify-self:end!important;
    width:16px!important;
    height:100%!important;
    margin:0!important;
    line-height:1!important;
  }
}
.mobile-bottom-video{display:none;}
@media(max-width:900px){
  body{
    padding-bottom:0!important;
  }
  .home-page-main{
    padding-bottom:10px!important;
  }
  .home-final-cta{
    margin-bottom:8px!important;
  }
  .main-nav > *{
    display:none!important;
  }
  .main-nav > .nav-item[aria-label="首页"],
  .main-nav > .nav-item[aria-label="产品"],
  .main-nav > .mobile-bottom-video,
  .main-nav > .service-nav-wrap{
    display:flex!important;
  }

  .floating-sidebar{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:max(8px, env(safe-area-inset-bottom, 0px))!important;
    top:auto!important;
    width:auto!important;
    height:62px!important;
    padding:5px!important;
    z-index:190!important;
    border:1px solid rgba(219,228,239,.92)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 10px 30px rgba(23,44,73,.14),0 2px 7px rgba(23,44,73,.06)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
    overflow:visible!important;
  }
  .floating-sidebar:hover{
    width:auto!important;
  }
  .main-nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:3px!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    overflow:visible!important;
  }
  .main-nav > .nav-item[aria-label="首页"],
  .main-nav > .nav-item[aria-label="产品"],
  .main-nav > .mobile-bottom-video,
  .main-nav > .service-nav-wrap{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    flex:initial!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .service-nav-wrap > .nav-item,
  .main-nav > .nav-item[aria-label="首页"],
  .main-nav > .nav-item[aria-label="产品"],
  .main-nav > .mobile-bottom-video{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
    padding:4px 2px!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    color:#7187a5!important;
    transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }
  .service-nav-wrap > .nav-item:active,
  .main-nav > .nav-item[aria-label="首页"]:active,
  .main-nav > .nav-item[aria-label="产品"]:active,
  .main-nav > .mobile-bottom-video:active{
    transform:scale(.96)!important;
    background:#f1f6ff!important;
  }
  .main-nav .nav-fa-icon,
  .main-nav .nav-item>i,
  .main-nav .nav-item>svg{
    width:19px!important;
    height:19px!important;
    font-size:18px!important;
    color:#7187a5!important;
    margin:0!important;
  }
  .main-nav .nav-label{
    display:block!important;
    opacity:1!important;
    transform:none!important;
    margin:0!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:600!important;
    color:#7f91a8!important;
  }
  .main-nav > .nav-item[aria-label="首页"]{
    background:#edf4ff!important;
  }
  .main-nav > .nav-item[aria-label="首页"] .nav-fa-icon,
  .main-nav > .nav-item[aria-label="首页"] .nav-label{
    color:#246fef!important;
  }
  .search-nav-wrap, .message-nav-wrap, .main-nav > .nav-item[aria-label="新闻"], .main-nav > .nav-item[aria-label="下载"]{
    display:none!important;
  }
  .service-nav-wrap{
    margin:0!important;
    padding:0!important;
  }
  .service-popover, .search-popover, .message-popover{
    bottom:82px!important;
  }

  #home-recommend-videos{
    scroll-margin-top:72px;
  }
  body{
    padding-bottom:0!important;
  }
  .home-page-main{
    padding-bottom:10px!important;
  }
  .home-final-cta{
    margin-bottom:calc(78px + env(safe-area-inset-bottom, 0px))!important;
  }
  .main-nav > .search-nav-wrap,
  .main-nav > .search-trigger{
    display:none!important;
  }
  .main-nav > .service-nav-wrap{
    display:flex!important;
    grid-column:auto!important;
    grid-row:auto!important;
    order:4!important;
  }
  .main-nav > .service-nav-wrap > .service-trigger{
    display:flex!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:4px 2px!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    color:#7187a5!important;
  }
  .main-nav > .service-nav-wrap > .service-trigger .nav-label{
    display:block!important;
  }
}
.home-footer{
  padding:0 72px 42px 108px;
  background:transparent;
}
.home-footer-shell{
  width:min(1450px,100%);
  margin:0 auto;
  padding:36px 38px 20px;
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 12%,rgba(52,116,235,.18),transparent 34%),
    linear-gradient(145deg,#0d2138 0%,#0a192b 58%,#081522 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 46px rgba(18,36,60,.12);
  overflow:hidden;
}
.home-footer-main{
  display:grid;
  grid-template-columns:minmax(280px,1.25fr) minmax(260px,.95fr) minmax(290px,1fr);
  gap:42px;
  align-items:start;
}
.home-footer-brand-row{
  display:flex;
  align-items:center;
  gap:12px;
}
.home-footer-mark{
  width:42px;
  height:42px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:linear-gradient(145deg,#2d7cff,#145bd2);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 8px 22px rgba(27,102,229,.28);
  font-size:18px;
  font-weight:900;
  letter-spacing:-.04em;
}
.home-footer-brand-row strong{
  display:block;
  font-size:20px;
  line-height:1.1;
  letter-spacing:-.025em;
}
.home-footer-brand-row small{
  display:block;
  margin-top:5px;
  font-size:9px;
  letter-spacing:.13em;
  color:rgba(255,255,255,.46);
}
.home-footer-brand>p{
  max-width:420px;
  margin:20px 0 18px;
  font-size:13px;
  line-height:1.75;
  color:rgba(255,255,255,.62);
}
.home-footer-meta{
  display:flex;
  flex-wrap:wrap;
  gap:9px 16px;
}
.home-footer-meta a,
.home-footer-meta span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  color:rgba(255,255,255,.68);
}
.home-footer-nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.home-footer-link-group{
  display:grid;
  gap:10px;
  align-content:start;
}
.home-footer-link-group strong{
  margin-bottom:5px;
  font-size:12px;
  color:#fff;
}
.home-footer-link-group a{
  width:max-content;
  max-width:100%;
  font-size:11px;
  color:rgba(255,255,255,.52);
  transition:color .18s ease,transform .18s ease;
}
.home-footer-link-group a:hover{
  color:#fff;
  transform:translateX(2px);
}
.home-footer-contact{
  padding:20px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}
.home-footer-kicker{
  display:block;
  margin-bottom:8px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
  color:#67a2ff;
}
.home-footer-contact h2{
  margin:0;
  font-size:20px;
  line-height:1.28;
  letter-spacing:-.025em;
}
.home-footer-contact p{
  margin:9px 0 16px;
  font-size:11px;
  line-height:1.65;
  color:rgba(255,255,255,.55);
}
.home-footer-service{
  width:100%;
  height:42px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
  display:flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.home-footer-service span{flex:1;text-align:left;font-size:12px;font-weight:700;}
.home-footer-service:hover{
  background:rgba(47,121,246,.2);
  border-color:rgba(92,151,255,.38);
  transform:translateY(-1px);
}
.home-footer-bottom{
  margin-top:30px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:10px;
  color:rgba(255,255,255,.38);
}
.home-footer-bottom>div{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
.home-footer-bottom a{color:rgba(255,255,255,.42);}
.home-footer-bottom a:hover{color:rgba(255,255,255,.8);}

@media(max-width:1350px){
  .home-footer{padding-right:40px;}
  .home-footer-main{grid-template-columns:1.1fr .9fr 1fr;gap:28px;}
}

@media(max-width:900px){
  .home-final-cta{
    margin-bottom:10px!important;
  }
  .home-footer{
    padding:0 10px calc(82px + env(safe-area-inset-bottom, 0px));
  }
  .home-footer-shell{
    padding:24px 18px 16px;
    border-radius:22px;
  }
  .home-footer-main{
    grid-template-columns:1fr;
    gap:24px;
  }
  .home-footer-brand>p{
    margin:16px 0 14px;
    font-size:12px;
  }
  .home-footer-nav{
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.08);
    gap:18px;
  }
  .home-footer-link-group{
    gap:9px;
  }
  .home-footer-link-group a{
    font-size:11px;
  }
  .home-footer-contact{
    padding:17px;
    border-radius:16px;
  }
  .home-footer-contact h2{
    font-size:18px;
  }
  .home-footer-bottom{
    margin-top:22px;
    padding-top:15px;
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
  }
  .home-footer-bottom>div{
    gap:12px;
  }
}
@media(min-width:901px){
  .home-footer-main{
    grid-template-columns:minmax(300px,1.08fr) minmax(430px,1.18fr) minmax(300px,.96fr);
    gap:38px;
  }
  .home-footer-nav{
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:34px;
    row-gap:0;
    align-items:start;
    padding:2px 4px 0;
  }
  .home-footer-link-group{
    gap:10px;
  }
  .home-footer-link-group strong{
    margin-bottom:7px;
  }
  .home-footer-social-group a{
    display:inline-flex;
    align-items:center;
    gap:8px;
  }
  .home-footer-social-group a i{
    width:14px;
    text-align:center;
    font-size:12px;
    color:rgba(255,255,255,.66);
    transition:color .18s ease;
  }
  .home-footer-social-group a:hover i{
    color:#fff;
  }
}

@media(max-width:1350px) and (min-width:901px){
  .home-footer-main{
    grid-template-columns:1fr 1.12fr .95fr;
    gap:26px;
  }
  .home-footer-nav{
    column-gap:22px;
  }
}

@media(max-width:900px){
  .home-footer-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-footer-social-group{
    grid-column:1 / -1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:18px;
  }
  .home-footer-social-group strong{
    grid-column:1 / -1;
  }
  .home-footer-social-group a{
    display:inline-flex;
    align-items:center;
    gap:8px;
  }
  .home-footer-social-group a i{
    width:14px;
    text-align:center;
  }
}
@media(min-width:901px){
  .home-footer-brand>p{
    margin:16px 0 14px;
    line-height:1.62;
  }
  .home-footer-meta{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);
    gap:8px 14px;
    max-width:430px;
  }
  .home-footer-meta a,
  .home-footer-meta span{
    min-width:0;
    font-size:10px;
    line-height:1.2;
    white-space:nowrap;
  }
  .home-footer-meta a span,
  .home-footer-meta>span span{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .home-footer-bottom{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:22px;
  }
  .home-footer-friends{
    min-width:0;
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:12px!important;
    white-space:nowrap;
    overflow:hidden;
  }
  .home-footer-friends strong{
    flex:0 0 auto;
    font-size:10px;
    color:rgba(255,255,255,.55);
  }
  .home-footer-friends a{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-footer-legal{
    display:flex;
    gap:16px;
  }
}

@media(max-width:900px){
  .home-footer-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px 12px;
  }
  .home-footer-meta a,
  .home-footer-meta span{
    min-width:0;
    font-size:10px;
  }
  .home-footer-meta a span,
  .home-footer-meta>span span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-footer-friends{
    display:flex!important;
    flex-wrap:wrap;
    gap:7px 12px!important;
  }
  .home-footer-friends strong{
    width:100%;
    font-size:10px;
    color:rgba(255,255,255,.55);
  }
  .home-footer-legal{
    display:flex;
    flex-wrap:wrap;
    gap:10px 12px;
  }
}
.wp-intro-pending{
  opacity:0!important;
  filter:blur(10px)!important;
  transition:
    opacity .82s cubic-bezier(.2,.76,.22,1),
    transform .94s cubic-bezier(.2,.76,.22,1),
    filter .82s cubic-bezier(.2,.76,.22,1)!important;
  transition-delay:calc(var(--wp-intro-order,0) * 70ms)!important;
  will-change:opacity,transform,filter;
}
.topbar.wp-intro-pending,
.mobile-top-nav.wp-intro-pending{transform:translate3d(0,-18px,0)!important;}
.home-hero-media.wp-intro-pending{transform:translate3d(0,22px,0) scale(.992)!important;}
.home-hero-poster-display.wp-intro-pending{transform:scale(1.05)!important;}
.home-hero-kicker.wp-intro-pending,
.home-hero-copy h1.wp-intro-pending,
.home-hero-copy p.wp-intro-pending,
.home-hero-actions.wp-intro-pending{transform:translate3d(0,24px,0)!important;}
.home-hero-playlist.wp-intro-pending{transform:translate3d(28px,0,0)!important;}
.home-hero-controls.wp-intro-pending{transform:translate3d(0,14px,0)!important;}
.wp-intro-pending.wp-intro-visible{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0)!important;
}
.wp-intro-complete{will-change:auto;}

.wp-scroll-pending{
  opacity:0!important;
  transform:translate3d(0,36px,0)!important;
  filter:blur(10px)!important;
  transition:
    opacity .76s cubic-bezier(.2,.76,.22,1),
    transform .86s cubic-bezier(.2,.76,.22,1),
    filter .76s cubic-bezier(.2,.76,.22,1)!important;
  transition-delay:var(--wp-scroll-delay,0ms)!important;
  will-change:opacity,transform,filter;
}
.wp-scroll-pending.wp-scroll-media{transform:translate3d(0,30px,0) scale(.975)!important;}
.wp-scroll-pending.wp-scroll-visible{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0)!important;
}
.wp-scroll-complete{will-change:auto;}

@media(max-width:900px){
  .wp-intro-pending{transition-duration:.7s,.78s,.7s!important;}
  .home-hero-copy h1.wp-intro-pending,
  .home-hero-copy p.wp-intro-pending,
  .home-hero-actions.wp-intro-pending{transform:translate3d(0,18px,0)!important;}
  .wp-scroll-pending{transform:translate3d(0,24px,0)!important;filter:blur(6px)!important;}
  .wp-scroll-pending.wp-scroll-media{transform:translate3d(0,20px,0) scale(.986)!important;}
}
.home-hot-categories .wp-scroll-pending,
.home-recommend-section .wp-scroll-pending,
.home-info-grid .wp-scroll-pending{
  transform:translate3d(0,30px,0)!important;
  filter:blur(7px)!important;
  transition-duration:.78s,.86s,.78s!important;
}
.home-hot-categories .wp-scroll-pending.wp-scroll-visible,
.home-recommend-section .wp-scroll-pending.wp-scroll-visible,
.home-info-grid .wp-scroll-pending.wp-scroll-visible{
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0)!important;
  opacity:1!important;
}
@media(max-width:900px){
  .home-hot-categories .wp-scroll-pending,
  .home-recommend-section .wp-scroll-pending,
  .home-info-grid .wp-scroll-pending{
    transform:translate3d(0,22px,0)!important;
    filter:blur(5px)!important;
  }
}
html.wp-motion-bootstrap .home-hot-categories .home-section-mini-title,
html.wp-motion-bootstrap .home-hot-categories .home-category-item,
html.wp-motion-bootstrap .home-recommend-section .home-section-head,
html.wp-motion-bootstrap .home-recommend-section .home-video-card,
html.wp-motion-bootstrap .home-info-grid .home-info-card{
  opacity:0!important;
  transform:translate3d(0,30px,0)!important;
  filter:blur(7px)!important;
}
@media(max-width:900px){
  html.wp-motion-bootstrap .home-hot-categories .home-section-mini-title,
  html.wp-motion-bootstrap .home-hot-categories .home-category-item,
  html.wp-motion-bootstrap .home-recommend-section .home-section-head,
  html.wp-motion-bootstrap .home-recommend-section .home-video-card,
  html.wp-motion-bootstrap .home-info-grid .home-info-card{
    transform:translate3d(0,22px,0)!important;
    filter:blur(5px)!important;
  }
}
.home-hot-categories .wp-scroll-pending{
  transition-duration:.42s,.50s,.42s!important;
}
.home-recommend-section .wp-scroll-pending{
  transition-duration:.46s,.54s,.46s!important;
}
@media(max-width:900px){
  .home-hot-categories .wp-scroll-pending{
    transition-duration:.36s,.44s,.36s!important;
  }
  .home-recommend-section .wp-scroll-pending{
    transition-duration:.40s,.48s,.40s!important;
  }
}
.home-hot-categories .wp-scroll-pending{
  transition-duration:.68s,.76s,.68s!important;
  transition-timing-function:cubic-bezier(.22,.72,.22,1)!important;
}
.home-recommend-section .wp-scroll-pending{
  transition-duration:.72s,.82s,.72s!important;
  transition-timing-function:cubic-bezier(.22,.72,.22,1)!important;
}
.home-info-grid .wp-scroll-pending{
  transition-duration:.74s,.84s,.74s!important;
  transition-timing-function:cubic-bezier(.22,.72,.22,1)!important;
}
@media(max-width:900px){
  .home-hot-categories .wp-scroll-pending{
    transition-duration:.60s,.68s,.60s!important;
  }
  .home-recommend-section .wp-scroll-pending{
    transition-duration:.64s,.72s,.64s!important;
  }
  .home-info-grid .wp-scroll-pending{
    transition-duration:.66s,.74s,.66s!important;
  }
}