/* 首页项目案例：圆角科技卡片主题 */
.index .b {
  width: calc(100% - .64rem);
  max-width: 18.2rem;
  margin: .52rem auto;
  padding: .58rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: .32rem;
  background:
    radial-gradient(circle at 18% 18%, rgba(76,172,255,.25) 0, rgba(76,172,255,0) 31%),
    radial-gradient(circle at 84% 76%, rgba(4,124,224,.35) 0, rgba(4,124,224,0) 34%),
    linear-gradient(112deg,rgba(3,48,112,.90) 0%,rgba(2,81,154,.83) 49%,rgba(0,119,189,.78) 100%),
    url('../image/case-power-bg-v2.png') center center / cover no-repeat;
  box-shadow: 0 .28rem .75rem rgba(0,72,155,.22);
  isolation: isolate;
}
.index .b::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size: .42rem .42rem;
  -webkit-mask-image: linear-gradient(115deg,#000,transparent 60%);
  mask-image: linear-gradient(115deg,#000,transparent 60%);
  pointer-events: none;
}
.index .b::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 4.6rem;
  height: 4.6rem;
  top: -2.5rem;
  right: -1.1rem;
  border: .55rem solid rgba(255,255,255,.07);
  border-radius: 50%;
  pointer-events: none;
}
.index .b > .flex {
  position: relative;
  z-index: 1;
  gap: .46rem;
  align-items: stretch;
}
.index .b .l {
  width: 55%;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: .24rem;
  overflow: hidden;
  background: rgba(3,42,101,.2);
  box-shadow: 0 .22rem .58rem rgba(0,42,105,.25);
}
.index .b .r {
  width: calc(45% - .46rem);
  padding: .52rem .72rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: .24rem;
  background: linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.index .b .swiperbox,
.index .b .swiperbox .mySwiper,
.index .b .swiperbox ul,
.index .b .swiperbox ul li,
.index .b .swiperbox ul li a,
.index .b .swiperbox ul li .img {
  border-radius: inherit;
}
.index .b .swiperbox ul li .img { overflow: hidden; }
.index .b .swiperbox ul li .img img {
  border-radius: .22rem;
  transition: transform .7s ease, filter .7s ease;
}
.index .b .swiperbox ul li:hover .img img {
  transform: scale(1.035);
  filter: saturate(1.06) contrast(1.02);
}
.index .b .swiperbox ul li h4 {
  left: .16rem;
  bottom: .16rem;
  width: calc(100% - .32rem);
  padding: .32rem .75rem;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: .14rem;
  background: linear-gradient(90deg,rgba(4,25,60,.72),rgba(4,25,60,.4));
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.index .b .swiperbox .bot { padding: .34rem; }
.index .b .swiperbox .btn {
  width: .46rem;
  height: .46rem;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 50%;
  background: rgba(7,35,77,.34);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transition: background .25s ease, transform .25s ease;
}
.index .b .swiperbox .btn:hover {
  background: rgba(255,255,255,.22);
  transform: translateY(-2px);
}
.index .b .md { padding-top: .7rem; }
.index .b .md dl {
  margin-bottom: .28rem;
  padding-left: .58rem;
  border-radius: .1rem;
}
.index .b .md dl dt { border-radius: 3px; }
.index .b .md dl:hover dt,
.index .b .md dl.cur dt {
  width: .26rem;
  background: #fff;
  box-shadow: 0 0 .18rem rgba(255,255,255,.65);
}
.index .b .bd { padding-top: .62rem; }

@media (max-width: 1024px) {
  .index .b {
    width: calc(100% - .3rem);
    margin: .3rem auto;
    padding: .25rem;
    border-radius: .22rem;
  }
  .index .b > .flex { gap: .25rem; }
  .index .b .l,
  .index .b .r { width: 100%; border-radius: .18rem; }
  .index .b .r { padding: .35rem .3rem .5rem; }
  .index .b .md { padding: .3rem 0 .5rem; }
  .index .b .swiperbox ul li .img img { border-radius: .17rem; }
  .index .b .bd { bottom: .34rem; padding: 0; }
}

@media (max-width: 520px) {
  .index .b { width: calc(100% - .2rem); padding: .14rem; border-radius: .18rem; }
  .index .b .r { padding: .28rem .2rem .46rem; }
  .index .b .swiperbox ul li h4 { left: .1rem; bottom: .1rem; width: calc(100% - .2rem); border-radius: .1rem; }
}

/* 首页新闻卡片圆角与悬浮质感 */
.index .f .bd ul li {
  border-radius: .2rem;
  background: #fff;
  box-shadow: 0 .12rem .34rem rgba(20,62,112,.10);
  transition: transform .35s ease,box-shadow .35s ease;
}
.index .f .bd ul li:hover {
  transform: translateY(-.07rem);
  box-shadow: 0 .2rem .5rem rgba(20,62,112,.17);
}
.index .f .bd ul li a {
  border: 0;
  border-radius: inherit;
  overflow: hidden;
  transform: translateZ(0);
}
.index .f .bd ul li .img,
.index .f .bd ul li .img::before,
.index .f .bd ul li .img::after,
.index .f .bd ul li .img img,
.index .f .bd ul li .cont {
  border-radius: inherit;
}
.index .f .bd ul li .img img {
  will-change: transform;
}
.index .f .bd ul li .cont .more {
  background: rgba(4,31,68,.22);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.index .f .bd ul li:hover .cont .more {
  background: rgba(255,255,255,.12);
}

@media (max-width: 750px) {
  .index .f .bd ul li { border-radius: .15rem; }
}

/* 首页增强动效 */
.motion-reveal {
  opacity: 0;
  transform: translate3d(0,.28rem,0);
  filter: blur(5px);
  transition: opacity .75s cubic-bezier(.2,.7,.2,1) var(--motion-delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--motion-delay,0ms),filter .7s ease var(--motion-delay,0ms);
}
.motion-reveal.motion-in { opacity: 1; transform: translate3d(0,0,0); filter: blur(0); }
.index .b { animation: caseBackgroundDrift 14s ease-in-out infinite alternate; }
.index .b::after { animation: caseOrbitFloat 8s ease-in-out infinite; }
.index .b .r { animation: glassPanelFloat 6s ease-in-out infinite; }
.index .b .md dl dt { animation: navDotGlow 2.6s ease-in-out infinite; }
.index .b .md dl:nth-child(2) dt { animation-delay: .25s; }
.index .b .md dl:nth-child(3) dt { animation-delay: .5s; }
.index .b .md dl:nth-child(4) dt { animation-delay: .75s; }
.index .b .md dl:nth-child(5) dt { animation-delay: 1s; }
.index .f .bd ul li a::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: -25%;
  bottom: -25%;
  left: -55%;
  width: 28%;
  opacity: 0;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  transform: skewX(-18deg);
  transition: left .75s ease,opacity .25s ease;
  pointer-events: none;
}
.index .f .bd ul li:hover a::after { left: 125%; opacity: 1; }
.index .f .bd ul li:nth-child(2) { transition-delay: .04s; }
.index .f .bd ul li:nth-child(3) { transition-delay: .08s; }
.index .f .bd ul li:nth-child(4) { transition-delay: .12s; }
.index .a .bd ul li,
.index .d .bd ul li { transition: transform .35s ease,box-shadow .35s ease; }
.index .a .bd ul li:hover,
.index .d .bd ul li:hover { transform: translateY(-.07rem); box-shadow: 0 .18rem .42rem rgba(18,66,124,.12); }
.index .abtn .icon { transition: transform .3s ease; }
.index .abtn:hover .icon { transform: translateX(.07rem); }

@keyframes caseBackgroundDrift {
  0% { background-position: center center,center center,center center,48% center; }
  100% { background-position: 3% 1%,97% 99%,center center,53% center; }
}
@keyframes caseOrbitFloat {
  0%,100% { transform: translate3d(0,0,0) rotate(0deg); }
  50% { transform: translate3d(-.16rem,.12rem,0) rotate(8deg); }
}
@keyframes glassPanelFloat {
  0%,100% { box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 0 0 rgba(0,0,0,0); }
  50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.18),0 .16rem .34rem rgba(0,44,106,.12); }
}
@keyframes navDotGlow {
  0%,100% { opacity: .65; box-shadow: 0 0 0 rgba(255,255,255,0); }
  50% { opacity: 1; box-shadow: 0 0 .16rem rgba(255,255,255,.65); }
}

@media (max-width: 750px) {
  .motion-reveal { transform: translate3d(0,.16rem,0); filter: blur(3px); }
  .index .b .r { animation: none; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-reveal { opacity: 1; transform: none; filter: none; transition: none; }
  .index .b,
  .index .b::after,
  .index .b .r,
  .index .b .md dl dt { animation: none; }
  .index .f .bd ul li,
  .index .a .bd ul li,
  .index .d .bd ul li { transition: none; }
}

/* About MTAIS — industrial brand story */
.index .about-section {
  position: relative;
  width: calc(100% - .64rem);
  max-width: 18.2rem;
  min-height: 8.1rem;
  margin: .32rem auto;
  padding: 1.05rem 0 .72rem;
  border-radius: .28rem;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(90deg,rgba(3,18,42,.96) 0%,rgba(4,28,60,.9) 43%,rgba(4,29,61,.35) 68%,rgba(2,15,34,.1) 100%),
    url(../image/about-industrial-bg-v2.png) center center/cover no-repeat;
  box-shadow: 0 .28rem .75rem rgba(8,39,83,.2);
}
.index .about-section::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg,rgba(63,177,255,.08),transparent 45%,rgba(0,8,24,.42));
}
.index .about-section::after {
  content:""; position:absolute; left:0; top:0; width:.05rem; height:100%;
  background:linear-gradient(180deg,#32b7ff,#176ee8 65%,transparent);
}
.index .about-section .commonweb { position:relative; z-index:2; }
.index .about-section .about-layout { display:grid; grid-template-columns:minmax(0,6.8rem) 1fr; align-items:start; gap:.65rem; }
.index .about-section .about-copy { grid-column:1; width:auto; }
.index .about-section .comtitle .st { display:flex; align-items:center; gap:.16rem; margin-bottom:.24rem; color:rgba(255,255,255,.82); font-size:.16rem; letter-spacing:.08em; }
.index .about-section .comtitle .st span { color:#57c7ff; font-size:.12rem; font-weight:700; letter-spacing:.18em; }
.index .about-section .comtitle .st::before { content:""; width:.32rem; height:2px; background:#39b9ff; border-radius:2px; }
.index .about-section .comtitle .bt { max-width:7rem; font-size:.47rem; line-height:1.34; letter-spacing:-.02em; text-shadow:0 .08rem .28rem rgba(0,0,0,.28); }
.index .about-section .about-content { grid-column:1; width:auto; margin-top:.28rem; font-size:.16rem; line-height:2; color:rgba(231,243,255,.78); }
.index .about-section .about-content .desc { padding:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; }
.index .about-section .about-more { display:inline-flex; align-items:center; gap:.18rem; margin-top:.34rem; padding:.14rem .25rem; color:#fff; border:1px solid rgba(111,204,255,.5); border-radius:.08rem; background:rgba(28,127,218,.22); backdrop-filter:blur(8px); transition:.3s ease; }
.index .about-section .about-more i { font-style:normal; transition:transform .3s ease; }
.index .about-section .about-more:hover { color:#fff; background:#178fe3; border-color:#178fe3; box-shadow:0 .12rem .3rem rgba(0,133,225,.28); }
.index .about-section .about-more:hover i { transform:translateX(.06rem); }
.index .about-section .about-capabilities { grid-column:2; grid-row:1 / span 2; justify-self:end; align-self:center; width:3.25rem; margin-top:.5rem; display:grid; gap:.12rem; }
.index .about-section .about-capabilities > div { display:flex; align-items:center; gap:.16rem; padding:.16rem .18rem; border:1px solid rgba(169,221,255,.18); border-radius:.12rem; background:rgba(4,22,46,.46); box-shadow:inset 0 1px rgba(255,255,255,.08); backdrop-filter:blur(12px); transition:.3s ease; }
.index .about-section .about-capabilities > div:hover { transform:translateX(-.08rem); border-color:rgba(73,190,255,.65); background:rgba(9,55,99,.67); }
.index .about-section .about-capabilities b { color:#49c4ff; font-size:.13rem; letter-spacing:.08em; }
.index .about-section .about-capabilities span { display:flex; flex-direction:column; gap:.03rem; }
.index .about-section .about-capabilities strong { color:#fff; font-size:.16rem; font-weight:500; }
.index .about-section .about-capabilities em { color:rgba(218,237,251,.58); font-size:.12rem; font-style:normal; }
.index .about-section .bd { padding:.72rem 0 0; }
.index .about-section .comnums { display:grid; grid-template-columns:repeat(5,1fr); gap:.12rem; padding:.14rem; border:1px solid rgba(167,220,255,.16); border-radius:.16rem; background:rgba(3,20,44,.52); backdrop-filter:blur(14px); }
.index .about-section .comnums dl,.index .about-section .comnums dl:last-child { width:auto; min-width:0; padding:.12rem .2rem; border-right:1px solid rgba(178,221,255,.14); }
.index .about-section .comnums dl:last-child { border-right:0; }
.index .about-section .comnums dl dt { display:flex; align-items:baseline; justify-content:center; gap:.05rem; }
.index .about-section .comnums dl dt p { color:#fff; }
.index .about-section .comnums dl dt .cnums { font-size:.34rem; font-weight:600; }
.index .about-section .comnums dl dd { margin-top:.04rem; color:rgba(215,235,250,.6); font-size:.13rem; text-align:center; }

@media (max-width:750px) {
  .index .about-section { width:calc(100% - .28rem); min-height:auto; margin:.14rem auto; padding:.7rem .1rem .28rem; border-radius:.2rem; background-position:62% center; }
  .index .about-section .about-layout { display:block; }
  .index .about-section .comtitle .bt { font-size:.34rem; line-height:1.42; }
  .index .about-section .about-content { margin-top:.22rem; font-size:.14rem; line-height:1.85; }
  .index .about-section .about-content .desc { -webkit-line-clamp:6; }
  .index .about-section .about-capabilities { width:100%; margin:.38rem 0 0; grid-template-columns:repeat(3,1fr); gap:.07rem; }
  .index .about-section .about-capabilities > div { padding:.12rem .08rem; justify-content:center; }
  .index .about-section .about-capabilities b,.index .about-section .about-capabilities em { display:none; }
  .index .about-section .about-capabilities strong { font-size:.13rem; }
  .index .about-section .bd { padding:.3rem 0 0; }
  .index .about-section .comnums { grid-template-columns:repeat(2,1fr); padding:.08rem; gap:.06rem; }
  .index .about-section .comnums dl,.index .about-section .comnums dl:last-child { padding:.12rem .06rem; border:0; border-radius:.08rem; background:rgba(255,255,255,.045); }
  .index .about-section .comnums dl:last-child { grid-column:1 / -1; }
}

/* Responsive MTAIS homepage hero */
.indexbanner .slide-inner { position:relative; background-position:center center; }
.indexbanner .slide-inner::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(1,14,34,.24) 0%,rgba(1,14,34,.08) 48%,transparent 72%); }
.indexbanner .inban-info { z-index:2; }
.indexbanner .inban-info .a { max-width:7.3rem; text-shadow:0 .06rem .22rem rgba(0,0,0,.34); }
.indexbanner .inban-info .b .abtn { background:rgba(5,40,74,.18); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
@media (max-width:750px) {
  .indexbanner .slide-inner { background-position:center center; }
  .indexbanner .slide-inner::after { background:linear-gradient(180deg,rgba(1,13,31,.28) 0%,rgba(1,13,31,.1) 48%,rgba(1,13,31,.12) 100%); }
  .indexbanner ul li .inban-info { top:29%; }
  .indexbanner ul li .inban-info .a { max-width:82%; font-size:.28rem; line-height:1.42; }
  .indexbanner ul li .inban-info .b { padding:.28rem 0 0; }
  .indexbanner ul li .inban-info .b .abtn { height:.46rem; padding:0 .2rem; }
}

/* News & insights — compact editorial layout */
.index .news-section {
  position:relative;
  margin-top:-.02rem;
  padding:.54rem 0 1.15rem;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 18%,rgba(28,148,226,.08),transparent 24%),
    linear-gradient(180deg,#fff 0%,#f6f9fc 100%);
}
.index .news-section::before {
  content:""; position:absolute; right:4%; top:.55rem; width:3.4rem; height:1.5rem; pointer-events:none; opacity:.45;
  background-image:radial-gradient(circle,rgba(32,137,210,.23) 1px,transparent 1px); background-size:.16rem .16rem;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000); mask-image:linear-gradient(90deg,transparent,#000);
}
.index .news-section .commonweb { position:relative; z-index:2; }
.index .news-section .ihd { align-items:flex-end; padding-bottom:.42rem; border-bottom:1px solid #dfe8f0; }
.index .news-section .comtitle .st { display:flex; align-items:center; gap:.13rem; margin-bottom:.15rem; color:#657b90; font-size:.15rem; }
.index .news-section .comtitle .st::before { content:""; width:.3rem; height:2px; border-radius:2px; background:#1499e5; }
.index .news-section .comtitle .st span { color:#1499e5; font-size:.11rem; font-weight:700; letter-spacing:.18em; }
.index .news-section .comtitle .bt { font-size:.42rem; line-height:1.27; color:#152b40; }
.index .news-section .ihd .r { padding-bottom:.06rem; }
.index .news-section .abtn { min-width:1.8rem; height:.52rem; padding:0 .22rem; border-radius:.26rem; background:#fff; box-shadow:0 .08rem .24rem rgba(22,102,161,.08); transition:.3s ease; }
.index .news-section .abtn:hover { color:#fff; background:#138fdb; border-color:#138fdb; box-shadow:0 .12rem .28rem rgba(19,143,219,.25); }
.index .news-section .bd { padding:.55rem 0 0; }
.index .news-section .bd .mySwiper { padding:.1rem .05rem .24rem; margin:0 -.05rem; }
.index .news-section .bd ul { align-items:stretch; }
.index .news-section .bd ul li { overflow:hidden; box-shadow:0 .1rem .3rem rgba(20,62,112,.1); }
.index .news-section .bd ul li a { height:100%; min-height:4.45rem; }
.index .news-section .bd ul li .img { height:4.45rem; overflow:hidden; background:#112942; }
.index .news-section .bd ul li .img::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,13,29,.22) 0%,rgba(3,15,31,.48) 42%,rgba(2,12,27,.94) 100%); }
.index .news-section .bd ul li .cont { z-index:3; padding:.3rem .3rem .26rem; }
.index .news-section .bd ul li .cont .date { display:inline-flex; align-items:center; gap:.1rem; font-size:.25rem; font-weight:500; text-shadow:0 2px .08rem rgba(0,0,0,.75); }
.index .news-section .bd ul li .cont .date::before { content:""; width:.22rem; height:2px; background:#43b8f3; }
.index .news-section .bd ul li .cont .desc { height:auto; min-height:.72rem; margin-top:.06rem; padding:.1rem .12rem; line-height:1.65; font-weight:500; text-shadow:0 2px .08rem rgba(0,0,0,.8); background:rgba(2,14,32,.52); border:1px solid rgba(255,255,255,.12); border-radius:.09rem; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.index .news-section .bd ul li .cont .more { left:.28rem; right:auto; bottom:.24rem; width:auto; height:auto; padding:.08rem .14rem; border-radius:.18rem; }
.index .news-section .bd ul li:hover .img::after { background:linear-gradient(180deg,rgba(1,76,125,.2),rgba(0,91,151,.68) 58%,rgba(1,28,57,.95)); }
.index .news-section .bd ul li:hover .cont { padding:.3rem .3rem .26rem; text-align:left; }
.index .news-section .bd ul li:hover .cont .more { margin:0; }

@media (max-width:750px) {
  .index .news-section { padding:.38rem 0 .72rem; }
  .index .news-section .ihd { align-items:center; padding-bottom:.26rem; }
  .index .news-section .comtitle .bt { font-size:.29rem; }
  .index .news-section .comtitle .bt br { display:none; }
  .index .news-section .abtn { min-width:auto; height:.4rem; padding:0 .14rem; }
  .index .news-section .bd { padding:.3rem 0 0; }
  .index .news-section .bd ul li a,.index .news-section .bd ul li .img { min-height:3.8rem; height:3.8rem; }
}

/* Independent brand film section */
.index .video-section {
  position:relative;
  width:100%;
  height:auto;
  margin:0;
  padding:1.18rem 0 .5rem;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 10%,rgba(45,157,245,.12),transparent 25%),
    linear-gradient(180deg,#f5f9fd 0%,#fff 78%);
}
.index .video-section::before {
  content:""; position:absolute; right:-1rem; top:.4rem; width:5.2rem; height:5.2rem;
  border:1px solid rgba(19,126,219,.08); border-radius:50%; pointer-events:none;
}
.index .video-heading { position:relative; z-index:2; display:flex; align-items:end; justify-content:space-between; margin-bottom:.48rem; }
.index .video-heading > div > p { display:flex; align-items:center; gap:.14rem; color:#168edb; font-size:.12rem; font-weight:700; letter-spacing:.16em; }
.index .video-heading > div > p::before { content:""; width:.3rem; height:2px; border-radius:2px; background:#168edb; }
.index .video-heading > div > p span { color:#60758b; font-weight:400; letter-spacing:.06em; }
.index .video-heading h3 { margin-top:.16rem; color:#102b48; font-size:.4rem; line-height:1.25; font-weight:600; }
.index .video-heading .video-intro { max-width:4.5rem; color:#708297; font-size:.15rem; line-height:1.8; text-align:right; }
.index .video-section #inVideo {
  position:relative; left:auto; top:auto; transform:none;
  width:calc(100% - .64rem); max-width:15.4rem; height:min(7.2rem,47vw); min-height:4.6rem;
  margin:0 auto; border-radius:.24rem; overflow:hidden;
  border:.08rem solid #fff;
  box-shadow:0 .3rem .8rem rgba(20,61,103,.18);
}
.index .video-section #inVideo::after { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(90deg,rgba(2,17,37,.4),transparent 45%,rgba(2,17,37,.12)); }
.index .video-section #inVideo img { transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease; }
.index .video-section #inVideo:hover img { transform:scale(1.025); filter:saturate(1.08); }
.index .video-section #inVideo .info { z-index:4; flex-direction:column; gap:.16rem; font-size:.23rem; text-align:center; text-shadow:0 .05rem .18rem rgba(0,0,0,.4); }
.index .video-section #inVideo .info h4:first-child { font-size:.34rem; font-weight:500; }
.index .video-section #inVideo .info h4:last-child { font-size:.14rem; font-weight:400; color:rgba(255,255,255,.8); letter-spacing:.08em; }
.index .video-section #inVideo .icon { margin:.08rem 0; transition:transform .3s ease,filter .3s ease; }
.index .video-section #inVideo .icon:hover { transform:scale(1.1); filter:drop-shadow(0 0 .18rem rgba(55,181,255,.75)); }
.index .video-section.cur .info { opacity:1; }

@media (max-width:750px) {
  .index .video-section { height:auto; margin:0; padding:.68rem 0 .32rem; }
  .index .video-heading { display:block; margin-bottom:.28rem; }
  .index .video-heading h3 { font-size:.28rem; }
  .index .video-heading .video-intro { margin-top:.14rem; max-width:none; text-align:left; font-size:.13rem; }
  .index .video-section #inVideo { position:relative; width:calc(100% - .28rem); height:56vw; min-height:2.2rem; padding:0; border-width:.05rem; border-radius:.16rem; }
  .index .video-section #inVideo .info { display:flex; font-size:.16rem; }
  .index .video-section #inVideo .info h4:first-child { display:block; font-size:.22rem; }
  .index .video-section #inVideo .info h4:last-child { display:block; font-size:.11rem; }
  .index .video-section #inVideo .icon { width:.56rem; height:.56rem; }
}