/* Shared dark tech skin. Loaded after page CSS. Content markup stays. */
body{background:#05080e;color:#e7f2f6;}
a{color:#d5e8ef;}
header{
    height:92px;
    background:rgba(5,8,14,.94);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(126,231,255,.22);
    box-shadow:0 10px 30px rgba(0,0,0,.28);
}
header .right-side li a,
.header-phone-number{color:#fff;text-shadow:none;}
header .right-side li a:after{background:#7ee7ff;}

.ny-banner .boxs.n1 .t1,
.ny-banner .boxs.n2 .box .t1{text-shadow:0 8px 28px rgba(0,0,0,.45);}
.ny-banner .nb-menu{background:rgba(5,8,14,.86);}
.ny-banner .nb-menu ul li a{color:#d7f6ff;}
.ny-banner .nb-menu ul li.on a,
.ny-banner .nb-menu ul li:hover a{color:#071018;background:#7ee7ff;}
.index-news-menu li a{color:#d7f6ff;border-color:rgba(126,231,255,.35);background:transparent;}
.index-news-menu li.on a,
.index-news-menu li:hover a{color:#071018;background:#7ee7ff;border-color:#7ee7ff;}

.index-advantage,
.index-case,
.index-news,
.index-page-block,
.production,
.design,
.news,
.case{
    background:#05080e;
    color:#e7f2f6;
}
.advantage-title .bdl,
.advantage-title .bdr,
.advantage-title .title,
.index-case-title,
.index-news-title,
.design .title,
.abt,
.process .title{color:#fff;}
.advantage-title .txt,
.advantage-list li .txt,
.design .txt,
.process .txt,
.abcon{color:#a9bcc6;}
.advantage-title .bdr span{background:rgba(126,231,255,.45);}
.advantage-list{border-bottom:1px solid rgba(126,231,255,.28);}
.advantage-list li{
    background:rgba(8,16,24,.78);
    border:1px solid rgba(126,231,255,.18);
}
.advantage-list li .title{color:#fff;}
.advantage-list li .icon,
.advantage-list li:hover .icon{filter:none;background-repeat:no-repeat;background-position:left top;background-size:54px;}
.advantage-list li .icon1,
.advantage-list li:hover .icon1{background-image:url(../images/icon12.png) !important;}
.advantage-list li .icon2,
.advantage-list li:hover .icon2{background-image:url(../images/icon13.png) !important;}
.advantage-list li .icon3,
.advantage-list li:hover .icon3{background-image:url(../images/icon14.png) !important;}
.advantage-list li .icon4,
.advantage-list li:hover .icon4{background-image:url(../images/icon15.png) !important;}
.advantage-list li:hover{
    background:rgba(33,171,215,.14);
    border-color:rgba(126,231,255,.7);
    box-shadow:0 16px 40px rgba(33,171,215,.12);
}
.advantage-list li:hover .title,
.advantage-list li:hover .txt{color:#fff;}
.index-case .mores,
.index-news-more{color:#7ee7ff;}
.case-list li .img,
.index-case-list li .img{height:198px;overflow:hidden;background:#071018;}
.case-list li .img img,
.index-case-list li .img img{width:100%;height:100%;object-fit:cover;object-position:top center;}
.index-case-list li .tbox,
.case-list li .tbox{
    background:rgba(8,16,24,.9);
    border-color:rgba(126,231,255,.18);
}
.index-case-list li .tbox .title .t1,
.case-list li .tbox .title .t1,
.index-case-list li .t1{color:#fff;}
.index-case-list li .tbox .title .t2,
.case-list li .more,
.index-case-list li .more{color:#a9bcc6;}
.index-case-list li:hover,
.case-list li:hover{box-shadow:0 0 0 1px rgba(126,231,255,.45),0 16px 40px rgba(33,171,215,.12);}

.index-solution{background:#05080e;padding:40px 0 80px;}
.index-solution-box{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
    background:transparent;
    border:1px solid rgba(126,231,255,.22);
    box-shadow:0 0 0 1px rgba(255,255,255,.03) inset;
    overflow:hidden;
}
.index-solution-box .img{width:auto;float:none;min-height:460px;overflow:hidden;}
.index-solution-box .img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;}
.index-solution-box .tbox{width:auto;float:none;padding:42px 36px 32px;box-sizing:border-box;}
.index-solution-box .tbox .title{color:#fff;}
.index-solution-box .tbox .txt{max-width:none;color:#c5d4db;text-wrap:pretty;}
.index-solution-box .tbox .list{margin-top:28px;}
.index-solution-box .tbox .list ul{margin:0;padding:0;}
.index-solution-box .tbox .list li{float:none;display:block;margin:0 0 10px;}
.index-solution-box .tbox .list li a{
    display:block;
    max-width:100%;
    height:42px;
    line-height:42px;
    padding:0 16px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#d7f6ff;
    border:1px solid rgba(126,231,255,.35);
    border-radius:999px;
    box-sizing:border-box;
}
.index-solution-box .tbox .list li:hover a{color:#071018;background:#7ee7ff;border-color:#7ee7ff;}
@media(max-width:900px){
    .index-solution-box{grid-template-columns:1fr;}
    .index-solution-box .img{min-height:240px;}
    .index-solution-box .tbox{padding:28px 20px;}
}

.index-news-menu li a,
.ny-banner .nb-menu ul li a{color:#d7f6ff;}
.index-news .lbox .box1,
.index-news .lbox .box2 .tbox,
.news .list1 li,
.news .box1 .b1{
    background:rgba(8,16,24,.88);
    border:1px solid rgba(126,231,255,.16);
}
.index-news .titles,
.news .list1 li .tbox .titles,
.news .box1 .b1 .tbox .titles{color:#fff;}
.index-news .txts,
.news .list1 li .tbox .txts,
.news .box1 .b1 .tbox .txts,
.news .list1 li .tbox .time,
.news .box1 .b1 .tbox .time{color:#a9bcc6;}
.news .list1 li .tbox:hover{box-shadow:0 0 0 1px rgba(126,231,255,.4);}

.case .box,
.case-info,
.news-info,
.show-news,
.article{
    background:transparent;
    color:#e7f2f6;
}
.case .box h1,
.case .box .case-info h1,
.ny-banner .boxs.n2 .box .t1{color:#fff;}
.case-description,
.case-info .leftbox .txt,
.case-info .leftbox .txt p,
.case-info .leftbox .txt .editor > p:first-child,
.case-info .leftbox .txt .sol-lead,
.editor,
.editor p{color:#c5d4db;}
.case .box .case-list li{background:rgba(8,16,24,.72);}
.case .box .case-list li .tbox .t1{color:#fff;}
.case .box .case-list li .tbox .t2{color:#a9bcc6;}
.case .box .case-list li .tbox .t3{color:#7ee7ff;background:none;}
.case .box .case-list li:hover .tbox .t1,
.case .box .case-list li:hover .tbox .t3{color:#7ee7ff;}
.ny-banner .boxs .breadcrumbs{
    background:transparent;
    color:#c5d4db;
    width:auto;
    bottom:16px;
}
.case-shots figure{
    background:#071018;
    border-color:rgba(126,231,255,.2);
    box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.case-shots figcaption{background:rgba(8,16,24,.9);color:#8ea3ad;border-top-color:rgba(126,231,255,.16);}
.case-info .leftbox .txt h2{color:#fff;border-left-color:#3ee0ff;}
.case-info .leftbox .txt h3,
.case-info .leftbox .txt li b{color:#7ee7ff;}
.case-info .leftbox .txt li{border-bottom-color:rgba(126,231,255,.16);}
.case-info .leftbox .txt li span{color:#c5d4db;}
.case-info .leftbox .other-solution,
.case-info .leftbox .other-case,
.case-info .rightbox .about-news{border-color:rgba(126,231,255,.16);}
.case-info .leftbox .other-solution .t1,
.case-info .leftbox .other-case .t1,
.case-info .rightbox .about-news .t1{color:#7ee7ff;}
.case-info .leftbox .other-solution .list li a,
.case-info .leftbox .other-case .list li .t2,
.case-info .rightbox .about-news .list li .t2{color:#e7f2f6;}
.case-info .rightbox .about-news .list li .t3,
.case-info .rightbox .about-news .list li .t4{color:#8ea3ad;}
.case-info .rightbox .about-news .list li{border-bottom-color:rgba(126,231,255,.16);}
.other-case .t1{color:#7ee7ff;}
.other-case .list li .t2,
.other-case .tbox .t2{color:#e7f2f6;}

.contact-page{max-width:1180px;color:#e7f2f6;}
.contact-eyebrow{color:#7ee7ff;letter-spacing:.22em;}
.contact-intro h1,
.contact-option h2,
.contact-services h2{color:#fff;}
.contact-intro>p:last-child,
.contact-option>p:last-child,
.contact-services p{color:#a9bcc6;}
.contact-option{
    background:rgba(8,16,24,.78);
    border:1px solid rgba(126,231,255,.2);
    box-shadow:none;
}
.contact-icon{border-color:rgba(126,231,255,.4);color:#7ee7ff;background:transparent;}
.contact-value{color:#fff;}
.contact-services{border-top-color:rgba(126,231,255,.22);}
.contact-services>a{background:transparent;border:1px solid rgba(126,231,255,.55);color:#e9fbff;}

.news-detail{color:#e7f2f6;}
.news-breadcrumb,
.news-breadcrumb a,
.news-article-meta{color:#8ea3ad;}
.news-article h1{color:#fff;}
.news-article-summary{background:rgba(8,16,24,.9);color:#c5d4db;border-left-color:#7ee7ff;}
.news-article-content,
.news-article-content p{color:#c5d4db;}
.news-article-content h2{color:#fff;}
.news-article-content a{color:#7ee7ff;}
.news-related h2{color:#7ee7ff;}
.news-related ul,
.news-related li{border-color:rgba(126,231,255,.22);}
.news-related a{color:#e7f2f6;}
.news-related time{color:#8ea3ad;}
.page-list,
.page-list a,
.pagination a{color:#a9bcc6;}
.page-list a:hover,
.pagination .active a,
.pagination a:hover{color:#7ee7ff;}

.design .list li,
.process .list li{
    background:rgba(8,16,24,.8);
    border:1px solid rgba(126,231,255,.16);
    color:#e7f2f6;
}
.design .list li .t1,
.process .list li .num{color:#fff;}
.design .list li .t2{color:#a9bcc6;}

footer.site-foot{position:relative;background:#070c12;color:#a9bcc6;overflow:hidden;}
footer.site-foot:before{
    content:"";
    position:absolute;left:0;right:0;top:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(126,231,255,.8),transparent);
}
.site-foot .foot-center,
.site-foot .foot-button{
    background:transparent;
    color:#a9bcc6;
}
.site-foot .foot-center{
    border-bottom:1px solid rgba(126,231,255,.14);
    background-image:linear-gradient(rgba(33,171,215,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(33,171,215,.1) 1px,transparent 1px);
    background-size:48px 48px;
}
.site-foot .foot-center .t1,
.site-foot .foot-center .t2,
.site-foot .foot-center a{color:#e7f2f6;}
.site-foot .foot-center .t1{letter-spacing:.12em;font-size:13px;color:#7ee7ff;}
.site-foot .foot-button a,
.site-foot .foot-button span,
.site-foot .copyright{color:#8ea3ad;}
.site-foot .foot-button a:hover{color:#7ee7ff;}
.site-foot .a-box span b{color:#7ee7ff;font-weight:700;letter-spacing:.16em;}

.fixed-contact-wrap li a{background:rgba(8,16,24,.92);border:1px solid rgba(126,231,255,.35);color:#e7f2f6;}
.fixed-contact-wrap li i{color:#7ee7ff;}

.index-page-block .about,
.about .index-box{background:#05080e;}
.about .abcon{color:#c5d4db;}
.aboutmore a{color:#7ee7ff;}


.process,
.relevant-information,
.column{background:#05080e;color:#e7f2f6;}
.process .title,
.relevant-information .title,
.column .title{color:#fff;}
.process .txt,
.relevant-information .txt,
.column .txt,
.process .list li .t2,
.relevant-information .list li .t2{color:#c5d4db;}
.process .list{border-top:1px solid rgba(126,231,255,.28);}
.process .list li{
    background:rgba(8,16,24,.92);
    border:1px solid rgba(126,231,255,.22);
}
.process .list li .t1,
.relevant-information .list li .t1{color:#fff;}
.process .list li.on .t1,
.process .list li:hover .t1{color:#7ee7ff;}
.process .list li .num{background:#0d1c28;color:#7ee7ff;border:1px solid #7ee7ff;text-align:center;padding-left:0;}
.process .list li .num:before{background:rgba(126,231,255,.28);}
.process .list li .num:after{background:rgba(126,231,255,.12);}
.process .list li .icon,
.process .list li .icon i{color:#7ee7ff;}
.relevant-information .list li{
    background:rgba(8,16,24,.88);
    border:1px solid rgba(126,231,255,.2);
}
.relevant-information .list li:hover{border-color:#7ee7ff;}

/* Photo banners are replaced by a tech field. Copy stays above it. */
.ny-banner,
.index-banner,
.phone-banner{position:relative;background:#05080e;overflow:hidden;}
.ny-banner{height:560px;}
.ny-banner .boxs.n1{padding-top:188px;}
.ny-banner .img,
.ny-banner .img img,
.home-carousel .swiper-slide>img,
.phone-banner .swiper-slide>img,
.phone-banner .img,
.phone-banner .img img{opacity:0 !important;}
.home-carousel .swiper-slide,
.phone-banner .swiper-slide{background:transparent !important;position:relative;}
.ny-banner .boxs,
.index-banner .swiper-inner-text-wrap,
.phone-banner .tbox{position:relative;z-index:4;}
.index-banner .swiper-inner-text-wrap{display:none;}
.index-banner .hero-pitch{
    position:absolute;
    z-index:6;
    left:7vw;
    top:50%;
    width:min(680px,54vw);
    transform:translateY(-50%);
    color:#fff;
}
.index-banner .hero-kicker{
    font-size:13px;
    letter-spacing:.22em;
    color:#7ee7ff;
}
.index-banner .hero-pitch h1{
    margin:14px 0 16px;
    font-size:clamp(34px,3.6vw,52px);
    line-height:1.22;
    font-weight:700;
    color:#fff;
}
.index-banner .hero-pitch p{
    max-width:560px;
    margin:0 0 22px;
    font-size:16px;
    line-height:1.85;
    color:#d5e6ee;
}
.index-banner .hero-pitch ul{margin:0;padding:0;list-style:none;}
.index-banner .hero-pitch li{
    display:grid;
    grid-template-columns:92px 1fr;
    gap:12px;
    padding:9px 0;
    border-top:1px solid rgba(126,231,255,.28);
    font-size:15px;
    line-height:1.5;
}
.index-banner .hero-pitch li:last-child{border-bottom:1px solid rgba(126,231,255,.28);}
.index-banner .hero-pitch b{color:#7ee7ff;font-weight:700;}
.index-banner .hero-pitch span{color:#e7f2f6;}
@media(max-width:900px){
    .index-banner .hero-pitch{width:min(640px,86vw);top:54%;}
    .index-banner .hero-pitch h1{font-size:30px;}
    .index-banner .hero-pitch li{grid-template-columns:76px 1fr;}
}
.ny-banner .boxs .breadcrumbs,
.ny-banner .boxs .breadcrumbs a{color:#c5d4db;}
.ny-banner .boxs .breadcrumbs span,
.ny-banner .boxs.n1 .t1,
.ny-banner .boxs.n1 .t2,
.ny-banner .boxs.n2 .box .t1,
.ny-banner .boxs.n2 .box .t2{color:#fff;}

.mx-field{
    position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;
}
.mx-field .glow{
    position:absolute;width:46vw;height:46vw;max-width:640px;max-height:640px;right:-6%;top:-8%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(33,171,215,.55), rgba(92,74,220,.18) 42%, transparent 70%);
    filter:blur(2px);
    animation:mxPulse 7s ease-in-out infinite;
}
.mx-field .glow.b{
    width:34vw;height:34vw;max-width:460px;max-height:460px;right:auto;left:-8%;bottom:-18%;top:auto;
    background:radial-gradient(circle, rgba(62,224,255,.28), transparent 68%);
    animation-duration:9s;animation-direction:alternate;
}
.mx-field .grid{
    position:absolute;inset:0;
    background:
        linear-gradient(rgba(126,231,255,.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(126,231,255,.16) 1px, transparent 1px);
    background-size:56px 56px;
    mask-image:radial-gradient(70% 70% at 70% 40%, #000 20%, transparent 78%);
    animation:mxGrid 14s linear infinite;
}
.mx-field .floor{
    position:absolute;left:36%;right:-18%;bottom:-8%;height:62%;
    background:
        linear-gradient(rgba(126,231,255,.45) 1px, transparent 1px),
        linear-gradient(90deg, rgba(126,231,255,.45) 1px, transparent 1px);
    background-size:72px 72px;
    transform:perspective(480px) rotateX(64deg);
    transform-origin:center top;
    mask-image:linear-gradient(180deg, transparent, #000 22%, #000 78%, transparent);
    animation:mxFloor 7s linear infinite;
}
.mx-field .ring{
    position:absolute;left:68%;top:46%;border-radius:50%;border:1px solid rgba(126,231,255,.55);
}
.mx-field .ring.r1{width:240px;height:240px;margin:-120px 0 0 -120px;box-shadow:0 0 24px rgba(62,224,255,.25);animation:mxSpin 16s linear infinite;}
.mx-field .ring.r2{width:390px;height:390px;margin:-195px 0 0 -195px;border-style:dashed;border-color:rgba(126,231,255,.4);animation:mxSpin 26s linear infinite reverse;}
.mx-field .ring.r3{width:540px;height:540px;margin:-270px 0 0 -270px;border-color:rgba(126,231,255,.22);animation:mxSpin 38s linear infinite;}
.mx-field .orbit{
    position:absolute;left:68%;top:46%;width:390px;height:390px;margin:-195px 0 0 -195px;
    animation:mxSpin 9s linear infinite;
}
.mx-field .orbit:before{
    content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;
    background:#e9fbff;box-shadow:0 0 12px #7ee7ff, 0 0 28px #21abd7;
}
.mx-field .scan{
    position:absolute;left:0;right:0;height:140px;top:-140px;
    background:linear-gradient(180deg, transparent, rgba(62,224,255,.22), transparent);
    animation:mxScan 5.8s linear infinite;
}
.mx-field .shade{
    position:absolute;inset:0;
    background:linear-gradient(90deg, rgba(5,8,14,.78) 0%, rgba(5,8,14,.28) 38%, transparent 62%);
}
.mx-field canvas{position:absolute;inset:0;width:100%;height:100%;}
@keyframes mxSpin{to{transform:rotate(360deg);}}
@keyframes mxPulse{50%{transform:scale(1.12);opacity:.72;}}
@keyframes mxGrid{to{background-position:0 56px, 56px 0;}}
@keyframes mxFloor{to{background-position:0 72px, 0 0;}}
@keyframes mxScan{to{top:110%;}}
@media(max-width:768px){
    .mx-field .floor,.mx-field .ring.r3{display:none;}
    .mx-field .ring{left:78%;}
    .ny-banner{height:420px;}
    .ny-banner .boxs.n1{padding-top:140px;}
}
@media(prefers-reduced-motion:reduce){
    .mx-field .glow,.mx-field .grid,.mx-field .floor,.mx-field .ring,.mx-field .orbit,.mx-field .scan{animation:none;}
}
@media(max-width:768px){
 html,body{width:100%;min-width:0;}
 *,*::before,*::after{box-sizing:border-box;}
 img,video{max-width:100%;}
 .index-wrap,.index-box,.header-inner{width:100%;min-width:0;}
 .index-wrap{padding-left:20px;padding-right:20px;}
 .phone-banner .pbanner-box{min-height:260px;display:flex;align-items:center;padding:36px 20px;}
 .phone-banner .pbanner-box .img{position:absolute;inset:0;pointer-events:none;}
 .phone-banner .pbanner-box .tbox{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:100%;padding:0;}
 .phone-banner .pbanner-box .tbox .t1{white-space:normal;overflow-wrap:anywhere;font-size:clamp(24px,6.5vw,32px);line-height:1.45;}
 .phone-banner .pbanner-box .tbox .t2{white-space:normal;font-size:15px;line-height:1.8;margin-top:16px;}
 .advantage-title .title{font-size:23px;line-height:1.5;}
 .advantage-title .txt{font-size:15px;line-height:1.9;}
 .advantage-list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .advantage-list ul li{width:auto!important;margin:0!important;min-width:0;}
 .advantage-list ul li a{padding:20px 14px;}
 .advantage-list .txt{font-size:14px;line-height:1.8;}
 .news-article-content,.news-article,.news-detail-grid{min-width:0;overflow-wrap:anywhere;}
 .news-article-content img{height:auto!important;}
 .news-article-content table{display:block;max-width:100%;overflow-x:auto;}
 input,textarea,select{font-size:16px;max-width:100%;}
 .menu_ico{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}
}
@media(max-width:360px){.advantage-list ul{grid-template-columns:1fr;}}
/* Mobile layout corrections: keep navigation and content in normal flow. */
@media(max-width:768px){
 header{position:relative!important;height:72px!important;z-index:1000;}
 header .header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;}
 header .logo{position:static!important;float:none;margin:0!important;padding:0!important;z-index:2;}
 header .logo img{width:110px!important;height:auto!important;display:block;}
 header .right-side{width:auto!important;padding:0!important;margin:0!important;float:none;}
 header .right-side .menu_ico{position:relative;z-index:3;border:0;background:transparent;padding:5px;cursor:pointer;}
 header .right-side ul{top:72px!important;left:0;margin:0;padding:12px 20px!important;height:auto!important;max-height:calc(100dvh - 72px);overflow:auto;}
 header .right-side ul.is-open{display:block!important;}
 .phone-banner .swiper-wrapper,.phone-banner .swiper-slide{height:auto!important;}
 .phone-banner .pbanner-box{height:auto!important;min-height:280px;}
 .phone-banner .tbox .ani{visibility:visible!important;opacity:1!important;animation:none!important;transform:none!important;}
 .advantage-list ul li{height:auto!important;padding:22px 16px!important;float:none;}
 .advantage-list ul li a{height:auto!important;padding:0!important;display:block;}
 .advantage-list li .txt{min-height:0!important;}
 .advantage-list li .link{display:none;}
 .advantage-list li .title{margin:14px 0!important;font-size:18px!important;line-height:1.6!important;}
 .index-case-list ul,.case-list{width:100%!important;}
 .index-case-list li,.case .box .case-list li{width:100%!important;height:auto!important;margin:0 0 24px!important;float:none;}
 .index-case-list li .img,.case-list li .img{width:100%!important;height:auto!important;aspect-ratio:4/3;}
 .index-case-list li .img img,.case-list li .img img{position:static!important;display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center top;transform:none!important;background:#eef1f4;}
 .index-case-list li .tbox,.case-list li .tbox{position:static!important;width:100%!important;height:auto!important;padding:18px!important;}
 .index-case-list li .tbox .title{width:100%!important;}
 .index-case-list li .tbox .title .t1,.index-case-list li .tbox .title .t2{white-space:normal!important;height:auto!important;overflow:visible;line-height:1.7;}
}
@media(max-width:768px){
 header .header-inner{position:static!important;}
 header .logo img{width:148px!important;max-width:55vw!important;}
 header .right-side{position:static!important;}
 header .right-side ul#mobile-navigation{position:absolute!important;inset:72px 0 auto 0!important;width:100%!important;min-width:100%!important;box-sizing:border-box;z-index:1001;background:#080f17;}
 header .right-side ul#mobile-navigation li{float:none!important;position:static!important;width:100%!important;display:block!important;margin:0!important;height:auto!important;}
 header .right-side ul#mobile-navigation li a{display:block!important;width:100%!important;height:auto!important;min-height:48px;padding:12px 8px!important;line-height:1.5!important;text-align:left!important;white-space:normal;}
 .index-advantage.index-wrap{padding-left:12px!important;padding-right:12px!important;}
 .index-advantage .index-box{width:100%!important;padding-left:0!important;padding-right:0!important;}
 .advantage-list{padding-left:0!important;padding-right:0!important;}
 .advantage-list ul{gap:10px!important;padding:0!important;margin:0!important;}
 .advantage-list ul li{padding:20px 14px!important;}
 .advantage-list ul li .title{font-size:16px!important;line-height:1.55!important;}
 .advantage-list ul li .txt{font-size:13px!important;line-height:1.85!important;}
 .about .index-box{display:flex!important;flex-direction:column;gap:24px;width:100%!important;padding:0 20px!important;}
 .about .index-box .aboutl,.about .index-box .aboutr{width:100%!important;float:none!important;padding:0!important;}
 .about .abcon{font-size:15px!important;line-height:1.9!important;}
 .about .aboutmore{margin-top:22px!important;}
 .about .aboutr img{width:100%;height:auto;display:block;border-radius:6px;}
 .about-image-caption{font-size:12px;color:#91a4b2;margin-top:8px;}
}
@media(max-width:768px){header .logo{width:auto!important;flex:0 0 auto;}header .right-side ul#mobile-navigation{right:0!important;}}
/* Shared pagination: consistent contrast, spacing and touch targets. */
.page-list{clear:both;width:100%;padding:28px 0 12px;}
.page-list .pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none;}
.page-list .pagination li{float:none;display:block;width:auto;height:auto;margin:0;line-height:1;}
.page-list .pagination li a,.page-list .pagination li span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:auto;height:44px;padding:0 14px;margin:0;border:1px solid #29404c;border-radius:6px;background:#0b151e;color:#d6e6ed;font-size:14px;line-height:1;text-decoration:none;transition:background .15s,border-color .15s;}
.page-list .pagination li.active a,.page-list .pagination li.active span{background:#7ee7ff;border-color:#7ee7ff;color:#07121b;font-weight:600;}
.page-list .pagination li:not(.disabled):not(.active) a:hover{background:#152b38;border-color:#7ee7ff;color:#fff;}
.page-list .pagination li.disabled span,.page-list .pagination li.disabled a{background:#091018;border-color:#1c2b35;color:#657986;cursor:default;}
.page-list .pagination a:focus-visible{outline:2px solid #7ee7ff;outline-offset:3px;}
@media(max-width:768px){.page-list{padding:16px 12px 8px;}.page-list .pagination{gap:6px;}.page-list .pagination li a,.page-list .pagination li span{padding:0 12px;}}

/* Recommendation cards and simplified contact footer. */
.other-case{max-width:1320px;margin:40px auto 0;padding:32px 28px;background:#0a121a;border:1px solid #20303c;box-sizing:border-box;}
.other-case>.t1{font-size:22px;line-height:1.5;color:#f0f5f8;font-weight:600;}
.other-case .list{display:block;margin-top:24px;}
.other-case .list ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;}
.other-case .list ul li{float:none;width:auto;margin:0;min-width:0;}
.other-case .list li a{height:100%;background:#101d27;border:1px solid #253744;overflow:hidden;box-sizing:border-box;}
.other-case .list li .img{aspect-ratio:16/10;width:100%;height:auto;background:#e8edf0;}
.other-case .list li .img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;}
.other-case .list li .tbox{padding:16px;}
.other-case .list li .t2,.other-case .list li:hover .t2{margin:0;font-size:15px;line-height:1.6;color:#edf4f7;overflow-wrap:anywhere;}
.other-case .list li .t4{margin:10px 0 0;font-size:13px;line-height:1.8;color:#a6bac7;}
.other-case:last-of-type{margin-bottom:64px;}
footer.site-foot.refined-footer{background:#09121b;border-top:1px solid #263846;margin-top:64px;color:#e9f1f6;}
footer.refined-footer::before{display:none;}
.footer-content{max-width:1320px;margin:auto;padding:64px 28px 24px;box-sizing:border-box;}
.footer-heading>span{font-size:12px;letter-spacing:3px;color:#7ee7ff;}
.footer-heading h2{margin:16px 0 12px;font-size:34px;line-height:1.5;font-weight:500;color:#f1f6f9;}
.footer-heading>p{font-size:15px;line-height:1.8;color:#98acba;}
.footer-contact-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px;padding:36px 0 42px;}
.footer-contact-grid h3{margin:0 0 14px;font-size:14px;font-weight:400;color:#99afbf;}
.footer-contact-grid p{margin:0;font-size:14px;line-height:1.9;color:#bdcbd5;}
.footer-phone>a{display:block;font-size:30px;line-height:1.4;color:#fff;white-space:nowrap;margin-bottom:10px;}
.footer-address>a{display:inline-block;margin-top:14px;color:#7ee7ff;font-size:13px;}
.footer-wechat{display:flex;align-items:center;gap:20px;}
.footer-wechat img{display:block;width:104px;height:104px;object-fit:contain;background:white;padding:5px;box-sizing:border-box;}
.footer-copyright{padding-top:22px;border-top:1px solid #253643;font-size:12px;line-height:1.8;color:#859baa;}
@media(max-width:1000px){.footer-contact-grid{grid-template-columns:1fr 1fr;gap:30px;}.footer-wechat{grid-column:1/-1;}}
@media(max-width:768px){.other-case{margin:24px 16px 0;padding:24px 16px;}.other-case>.t1{font-size:20px;}.other-case .list ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.other-case .list li .tbox{padding:12px;}.other-case .list li .t2{font-size:14px;}.other-case .list li .t4{display:none;}footer.site-foot.refined-footer{margin-top:40px;}.footer-content{padding:40px 20px 22px;}.footer-heading h2{font-size:26px;}.footer-heading>p{font-size:13px;}.footer-contact-grid{grid-template-columns:1fr;gap:28px;padding:28px 0 32px;}.footer-wechat{grid-column:auto;}.footer-phone>a{font-size:28px;}.footer-wechat img{width:92px;height:92px;}}

@media(max-width:768px){
 header .right-side ul#mobile-navigation li a{border-left:2px solid transparent;padding-left:14px!important;border-radius:0 4px 4px 0;color:#dce7ee;letter-spacing:0;}
 header .right-side ul#mobile-navigation li.on a{color:#7ee7ff!important;background:rgba(126,231,255,.07);border-left-color:#7ee7ff;font-weight:500;}
 header .right-side ul#mobile-navigation li a:hover,header .right-side ul#mobile-navigation li a:focus-visible{color:#7ee7ff;background:rgba(126,231,255,.05);}
}

.contact-visit{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px;margin-top:36px;}.contact-map-panel,.contact-hours,.contact-preparation{padding:30px;background:#0a151e;border:1px solid #243c4b;color:#d6e4ec;}.contact-section-label{font-size:11px;letter-spacing:2px;color:#7ee7ff;margin-bottom:12px;}.contact-visit h2,.contact-preparation h2{font-size:25px;line-height:1.5;color:#f0f5f8;margin:0 0 14px;}.contact-map-panel>p{font-size:14px;line-height:1.8;color:#a9bdcb;}.contact-map-panel iframe{display:block;width:100%;height:320px;border:0;margin:20px 0;background:#dfe8ee;}.contact-map-panel>a,.contact-hours>a{display:inline-block;color:#7ee7ff;font-size:14px;line-height:1.8;}.contact-map-panel .map-note{font-size:12px;margin:10px 0 0;}.contact-hours dl{margin:24px 0;}.contact-hours dt{color:#f0f5f8;font-size:14px;margin-top:20px;}.contact-hours dd{color:#a9bdcb;font-size:14px;line-height:1.9;margin:6px 0 0;}.contact-preparation{margin-top:24px;}.preparation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:26px;}.preparation-grid span{color:#7ee7ff;font-size:13px;}.preparation-grid h3{font-size:18px;color:#eef5f8;margin:12px 0;}.preparation-grid p{font-size:14px;line-height:1.9;color:#a9bdcb;}@media(max-width:768px){.contact-visit,.preparation-grid{grid-template-columns:1fr;}.contact-map-panel,.contact-hours,.contact-preparation{padding:22px;}.contact-map-panel iframe{height:280px;}.contact-visit h2,.contact-preparation h2{font-size:22px;}}

.case-mobile-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;}.case-mobile-gallery figure{min-width:0;}.case-mobile-gallery img{width:100%;height:auto;}@media(max-width:720px){.case-mobile-gallery{grid-template-columns:1fr;max-width:404px;margin:auto;}}

.advantage-list .service-card-content{display:block;color:inherit;cursor:default;}
.advantage-list li{cursor:default;}
.advantage-list li:hover{background:#071018;box-shadow:none;}

@media(min-width:1000px){.index-banner .hero-pitch{left:8.7vw;width:min(850px,46vw);}.index-banner .hero-pitch h1{font-size:clamp(44px,3.7vw,68px);line-height:1.24;margin:18px 0 24px;}.index-banner .hero-pitch p{max-width:100%;font-size:17px;line-height:1.95;margin-bottom:26px;}.index-banner .hero-pitch li{padding:12px 0;font-size:16px;grid-template-columns:100px 1fr;}}

.home-latest{max-width:1320px;margin:64px auto;padding:0 28px;}.home-latest-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;}.home-latest-heading span{color:#7ee7ff;font-size:11px;letter-spacing:2px;}.home-latest h2{font-size:32px;color:#f3f7fa;margin:12px 0;}.home-latest-heading p{font-size:14px;color:#a8bac7;line-height:1.8;}.home-latest-heading>a{color:#7ee7ff;white-space:nowrap;}.home-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}.home-latest-grid article{padding:28px;background:#0a151e;border:1px solid #243b4b;display:flex;flex-direction:column;}.home-latest time{color:#829dab;font-size:13px;}.home-latest h3{font-size:20px;line-height:1.6;margin:18px 0 12px;}.home-latest h3 a{color:#edf5fa;}.home-latest-grid p{color:#a8bac7;font-size:14px;line-height:1.9;margin-bottom:24px;}.home-latest .news-read{color:#7ee7ff;font-size:13px;margin-top:auto;}@media(max-width:768px){.home-latest{padding:0 20px;margin:40px auto;}.home-latest-grid{grid-template-columns:1fr;}.home-latest h2{font-size:26px;}.home-latest-grid article{padding:22px;}}

.case-hero-copy{position:relative;z-index:3;max-width:1200px;margin:auto;padding:120px 28px 60px;box-sizing:border-box;}.case-hero-copy>span{color:#7ee7ff;font-size:12px;letter-spacing:2px;}.case-hero-copy h1{font-size:42px;line-height:1.4;color:#fff;margin:22px 0;}.case-hero-copy p{max-width:800px;font-size:17px;line-height:1.9;color:#c7dbe5;}.case-hero-copy>a{display:inline-block;margin-top:24px;color:#7ee7ff;font-size:14px;}@media(max-width:768px){.case-hero-copy{padding:80px 20px 40px;}.case-hero-copy h1{font-size:28px;}.case-hero-copy p{font-size:15px;}.case-detail-banner{height:auto!important;min-height:360px;}}

.home-latest{max-width:none;width:100%;padding:0;margin:56px 0 64px;box-sizing:border-box;}.home-latest>.index-box{box-sizing:border-box;}.home-latest-heading{margin-bottom:30px;}.home-latest-grid{gap:24px;}.home-latest-grid article{padding:30px;}.home-latest-grid h3{min-height:64px;}@media(max-width:768px){.home-latest{padding:0;margin:36px 0 44px;}.home-latest>.index-box{padding:0 20px;}.home-latest-grid{gap:16px;}.home-latest-grid article{padding:22px;}.home-latest-grid h3{min-height:0;}}

footer.refined-footer .footer-content.index-box{max-width:1600px;margin-left:auto;margin-right:auto;padding:64px 0 24px;box-sizing:border-box;}@media(max-width:1630px){footer.refined-footer .footer-content.index-box{width:100%;padding-left:40px;padding-right:40px;}}@media(max-width:768px){footer.refined-footer .footer-content.index-box{padding:40px 20px 22px;}}

.footer-copyright .footer-icp{display:inline-block;margin-left:18px;color:inherit;}.footer-copyright .footer-icp:hover{color:#7ee7ff;}@media(max-width:768px){.footer-copyright .footer-icp{display:block;margin:8px 0 0;}}

@media(max-width:768px){.production .design .list{display:block;padding:0 16px;margin-top:28px;box-sizing:border-box;}.production .design .list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;}.production .design .list li{float:none;width:auto!important;margin:0!important;min-width:0;border:1px solid #243b49;background:#0b1720;}.production .design .list li .img{height:auto;aspect-ratio:1/1;}.production .design .list li .img img{display:block;width:100%;height:100%!important;object-fit:contain;transform:none!important;}.production .design .list li .tbox,.production .design .list li:hover .tbox{position:static;width:100%;height:auto!important;min-height:64px;background:#0b1720;padding:14px 10px!important;box-sizing:border-box;}.production .design .list li .tbox .t1,.production .design .list li:hover .tbox .t1{display:block;height:auto;margin:0;font-size:14px;line-height:1.65;color:#edf5f8;white-space:normal;}.production .design .list li .tbox .t2,.production .design .list li:hover .tbox .t2{display:none;}.production .design>.title{padding:0 18px;font-size:23px;line-height:1.5;}.production .design>.txt{padding:0 20px;line-height:1.9;}}

/* Touch screens show all process descriptions without hover. */
@media(max-width:768px){
 .production .process{padding:44px 18px 36px;}
 .production .process>.title{font-size:25px;line-height:1.5;}
 .production .process>.txt{font-size:14px;line-height:1.9;}
 .production .process .list{display:block;margin:54px auto 0;}
 .production .process .list ul{display:grid;grid-template-columns:1fr;gap:48px;margin:0;padding:0;}
 .production .process .list li,.production .process .list li.on,.production .process .list li:hover{float:none;width:100%!important;height:auto!important;min-height:0;margin:0!important;padding:54px 22px 26px!important;box-sizing:border-box;cursor:default;transition:none;}
 .production .process .list li .icon{width:48px;height:48px;}
 .production .process .list li .icon i{font-size:36px;}
 .production .process .list li .t1{margin-top:18px;font-size:18px;line-height:1.6;color:#edf5f8;}
 .production .process .list li .t2,.production .process .list li.on .t2,.production .process .list li:hover .t2{display:block!important;height:auto!important;max-height:none;opacity:1;visibility:visible;margin:14px 0 0;padding:0!important;color:#b9cdd9;font-size:14px;line-height:1.9;animation:none!important;text-align:left;}
}

.contact-banner>.img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.contact-banner>.boxs.n1{position:relative;z-index:4;display:block;visibility:visible;opacity:1;transform:none;height:auto;max-width:1320px;margin:0 auto;padding:150px 28px 64px;}
@media(max-width:768px){.ny-banner.contact-banner{height:auto;min-height:300px;}.contact-banner>.boxs.n1{display:block!important;visibility:visible!important;opacity:1!important;padding:64px 20px 48px!important;margin:0;width:100%;height:auto;}.contact-banner>.boxs.n1 .t1{display:block;font-size:28px;line-height:1.5;color:#fff;margin:0 0 18px;}.contact-banner>.boxs.n1 .t2{display:block;font-size:15px;line-height:1.9;color:#c6dbe5;}}

#contact-amap{width:100%;height:340px;margin:20px 0 10px;background:#e7edf0;color:#17242e;}#contact-amap .amap-marker-label{color:#17242e;padding:7px 10px;border:1px solid #c4d9e5;border-radius:4px;}#contact-map-status{font-size:12px;line-height:1.8;color:#a9bdcb;}@media(max-width:768px){#contact-amap{height:280px;}}