/* 覆盖图片和标题样式 - 确保显示正常 */
.work-item-large img,
.work-item-small img {
  opacity: 1 !important;
  transform: none !important;
}

.work-item-large .work-hover-title,
.work-item-small .work-hover-title {
  opacity: 0 !important;
}

.work-item-large:hover .work-hover-title,
.work-item-small:hover .work-hover-title {
  opacity: 1 !important;
}

/* 修复标题容器显示 - 移除 overflow:hidden 避免裁剪标题 */
.works-grid .work-item-large,
.works-grid .work-item-small {
  overflow: visible !important;
  aspect-ratio: auto !important;
  height: auto !important;
}

/* 作品卡片滚动上滑动画 - 使用 transform 而不是 opacity */
.works-grid .work-item-large,
.works-grid .work-item-small,
.works-grid .work-item.updating {
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.works-grid .work-item-large.loaded,
.works-grid .work-item-small.loaded,
.works-grid .work-item.updating.loaded {
  transform: translateY(0);
}
@font-face{font-family:'HarmonyOS Sans';src:url('/fonts/HarmonyOS_Sans_Thin.ttf') format('truetype');font-weight:100;font-style:normal;font-display:swap;}@font-face{font-family:'HarmonyOS Sans';src:url('/fonts/HarmonyOS_Sans_Light.ttf') format('truetype');font-weight:350;font-style:normal;font-display:swap;}@font-face{font-family:'HarmonyOS Sans';src:url('/fonts/HarmonyOS_Sans_Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'HarmonyOS Sans';src:url('/fonts/HarmonyOS_Sans_Medium.ttf') format('truetype');font-weight:350;font-style:normal;font-display:swap;}@font-face{font-family:'HarmonyOS Sans';src:url('/fonts/HarmonyOS_Sans_Semibold.ttf') format('truetype');font-weight:350;font-style:normal;font-display:swap;}@font-face{font-family:'HarmonyOS Sans';src:url('/fonts/HarmonyOS_Sans_Bold.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'HarmonyOS Sans';src:url('/fonts/HarmonyOS_Sans_Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap;}*{margin:0;padding:0;box-sizing:border-box;}html{width:100%;}body{font-family:'Helvetica Neue','Arial','PingFang SC','HarmonyOS Sans','Microsoft YaHei','Hiragino Sans GB',sans-serif;color:#000;line-height:1.5;width:100%;}.container{width:100%;max-width:1920px;min-width:1280px;margin:0 auto;padding:0 30px;box-sizing:border-box;}.header{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0;position:fixed;top:0;left:0;right:0;z-index:1000;margin-bottom:0;width:100%;background:#fff;transition:transform 0.3s ease;box-shadow:none !important;}.header.header-hidden{transform:translateY(-100%);}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1920px;margin:0 auto;padding:0 30px;}.inner-page .header{margin-bottom:0;}body{padding-top:72px;}.logo{width:auto;height:72px;object-fit:contain;position:relative;z-index:1001;transition:filter 0.3s ease;}.nav-menu{display:flex;align-items:center;gap:26.75px;font-size:17px;list-style:none;position:absolute;left:50%;transform:translateX(0);}.menu-icon{width:23px;height:8px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;padding:10px;box-sizing:content-box;z-index:1002;background:none;border:none;margin-left:auto;transition:transform 0.3s ease;position:relative;}.menu-open .menu-icon{z-index:10003 !important;}.menu-icon span{width:23px;height:2px;background:#000;transition:transform 0.3s ease, background 0.3s ease;display:block;transform-origin:center center;}.menu-open .menu-icon span{background:#fff !important;}.menu-open .menu-icon span:first-child{transform:rotate(45deg) !important;}.menu-open .menu-icon span:last-child{transform:rotate(-45deg) !important;}.menu-icon span:first-child{top:0;}.menu-icon span:last-child{top:6px;}.menu-open .menu-icon span{position:absolute;top:50%;margin-top:-1px;}.menu-open .menu-icon span{position:absolute;top:50%;margin-top:-1px;}.menu-open .menu-icon span:first-child{transform:rotate(45deg);}.menu-open .menu-icon span:last-child{transform:rotate(-45deg);}.nav-menu.active{display:flex !important;position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background:#F42738 !important;flex-direction:column !important;justify-content:flex-start !important;align-items:flex-start !important;gap:0 !important;z-index:9999 !important;}.nav-menu.active ~ .logo, .menu-open .logo{z-index:10000 !important;position:relative !important;height:45px !important;}.nav-menu.active{font-size:38px !important;line-height:0.3em !important;animation:menu-fade-in 0.25s ease-out forwards !important;padding:140px 30px 60px 30px !important;margin:0 !important;transform:none !important;}@keyframes menu-fade-in{from{opacity:0;}to{opacity:1;}}.nav-menu{display:flex;align-items:center;gap:26.75px;font-size:17px;list-style:none;}.nav-menu.active li{opacity:0;transform:translateY(30px);animation:menu-item-slide 0.25s ease-out forwards;margin-bottom:0;}.nav-menu.active li:nth-child(1){animation-delay:0.1s;}.nav-menu.active li:nth-child(2){animation-delay:0.15s;}.nav-menu.active li:nth-child(3){animation-delay:0.2s;}.nav-menu.active li:nth-child(4){animation-delay:0.25s;}.nav-menu.active li:nth-child(5){animation-delay:0.3s;margin-bottom:0.5em;}.nav-menu.active li:nth-child(6){animation-delay:0.35s;margin-bottom:0;}.nav-menu.active li:nth-child(7){animation-delay:0.4s;margin-bottom:0;}.nav-menu.active li:nth-child(8){animation-delay:0.45s;margin-bottom:0;}.nav-menu.active li:nth-child(9){animation-delay:0.5s;margin-bottom:0;}@keyframes menu-item-slide{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes menu-slide-in{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}@keyframes menu-item-in{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}.nav-menu a{color:#000;text-decoration:none;transition:opacity 0.3s;}.nav-menu a:hover{opacity:0.7;}.nav-menu.active a{color:#fff;font-weight:400;line-height:1.4em;}.menu-divider, .menu-divider-2, .menu-extra{display:none;}.nav-menu.active .menu-divider, .nav-menu.active .menu-divider-2{display:block;width:100%;height:1px;background:#fff;margin:0;margin-bottom:1em;}.nav-menu.active .menu-divider-2{margin-top:0.5em;}.nav-menu.active .menu-extra{display:block;color:#fff;font-size:24px;font-weight:400;line-height:1.1em;margin-top:1em;margin-bottom:3em;}.nav-menu.active .menu-extra > .qr-trigger{margin-bottom:0.5em;color:#fff;text-decoration:none;cursor:pointer;}.nav-menu.active .menu-extra > .qr-trigger:last-child{margin-bottom:0;}.nav-menu.active .menu-extra-title{display:none;}.menu-icon span{width:23px;height:2px;background:#000;transition:transform 0.3s ease;display:block;}.menu-open .menu-icon span:first-child{transform:rotate(45deg);}.menu-open .menu-icon span:last-child{transform:rotate(-45deg);}.menu-open .menu-icon span{background:#fff;}@media (min-width:1025px){.menu-icon{display:flex !important;}.menu-open .menu-icon span{background:#fff !important;}.nav-menu{display:flex !important;}.nav-menu.active{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background:#F42738 !important;flex-direction:column !important;justify-content:flex-start !important;align-items:center !important;gap:0 !important;z-index:9999 !important;font-size:38px !important;line-height:0.3em !important;animation:menu-fade-in 0.25s ease-out forwards !important;padding:140px 30px 60px 30px !important;margin:0 !important;transform:none !important;}.nav-menu.active > li{max-width:1880px !important;width:100% !important;text-align:left !important;}.nav-menu.active .nav-wrapper{position:static !important;left:auto !important;}.nav-menu.active li{display:block !important;opacity:0;transform:translateY(30px);animation:menu-item-slide 0.25s ease-out forwards !important;margin-bottom:0 !important;}.nav-menu.active li:nth-child(1){animation-delay:0.1s !important;}.nav-menu.active li:nth-child(2){animation-delay:0.15s !important;}.nav-menu.active li:nth-child(3){animation-delay:0.2s !important;}.nav-menu.active li:nth-child(4){animation-delay:0.25s !important;}.nav-menu.active li:nth-child(5){animation-delay:0.3s !important;margin-bottom:0.5em !important;}.nav-menu.active li:nth-child(6){animation-delay:0.35s !important;margin-bottom:0 !important;}.nav-menu.active li:nth-child(7){animation-delay:0.4s !important;margin-bottom:0 !important;}.nav-menu.active li:nth-child(8){animation-delay:0.45s !important;margin-bottom:0 !important;}.nav-menu.active li:nth-child(9){animation-delay:0.5s !important;margin-bottom:0 !important;}.nav-menu.active li a{display:block !important;color:#fff !important;}.nav-menu.active .menu-divider, .nav-menu.active .menu-divider-2{display:block !important;width:100% !important;}.nav-menu.active li{margin-bottom:0 !important;}.nav-menu.active .menu-extra{display:block !important;width:100% !important;margin-top:1em !important;margin-bottom:0 !important;}.nav-menu.active .menu-extra .qr-trigger{display:block !important;color:#fff !important;text-decoration:none !important;cursor:pointer !important;line-height:0.6em !important;}.nav-menu.active .menu-divider-2{margin-top:0.5em !important;}.nav-menu.active a{color:#fff !important;}.nav-menu.active ~ .logo, .menu-open .logo{z-index:10000 !important;position:relative !important;height:72px !important;}}.hero-section{width:100vw;position:relative;overflow:hidden;margin-left:calc(-50vw + 50%);}.hero-image{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover;}.brand-intro{display:flex;gap:5px;padding:100px 0 220px 0;margin-top:50px;min-height:390px;align-items:flex-start;}.brand-title{width:50%;font-size:80px;font-weight:350;line-height:1.2;text-align:left;}.brand-description{width:50%;font-size:34px;font-weight:400;line-height:2.0;text-align:left;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}.brand-description a{color:#000;text-decoration:none;transition:color 0.3s ease;}.divider{width:100%;height:1px !important;background:#000 !important;margin:0px 0;border:none !important;}.we-are-divider, .advantages-divider, .contact-top-divider{width:100%;height:1px !important;background:#000 !important;border:none !important;}.inner-page-content{margin-top:260px;}@media (max-width:768px){.inner-page-content{margin-top:100px !important;}}.inner-page .header + .divider{margin-top:260px;}.contact-top-divider{margin-top:260px !important;}@media (max-width:768px){.contact-top-divider{margin-top:100px !important;}}.section-title{font-size:36px;font-weight:400;padding:25px 0 0 0;letter-spacing:-0.5px;}.work-section{margin:0px 0;}.work-grid-large{display:flex;gap:20px;margin-bottom:20px;margin-top:180px;}.work-item-large{flex:1;display:block;aspect-ratio:3 / 2;overflow:hidden;}img[data-fade-in]{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease, transform 0.8s ease;}img[data-fade-in].loaded{opacity:1;transform:translateY(0);}.work-item-large img{width:100%;height:100%;object-fit:cover;}.work-grid-small{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}.work-item-small{display:block;aspect-ratio:3 / 2;overflow:hidden;}.work-item-small img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}.work-item-small:hover img{transform:scale(1.05);}.view-all{display:flex;flex-direction:column;align-items:center;margin:80px 0;cursor:pointer;}.view-all-text{font-size:16px;font-weight:400;margin-bottom:2px;}.view-all-line{width:64px;height:1px;background:#000;}.client-section{margin:0px 0;}.client-image{width:100%;height:auto;margin-top:60px;}.news-section{margin:0px 0;}.news-section .news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:180px;}.news-column{display:flex;flex-direction:column;gap:20px;}.news-item{margin-bottom:20px;display:flex;flex-direction:column;gap:8px;break-inside:avoid;page-break-inside:avoid;}.news-item a{text-decoration:none;color:inherit;display:flex;flex-direction:column;width:100%;}@media (max-width:1200px){.news-section .news-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.news-section .news-grid{grid-template-columns:1fr !important;}}.news-image{width:100%;height:auto;display:block;margin:0;padding:0;}.news-content .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 40px;margin-bottom:50px;}@media (max-width:768px){.news-content .news-grid{grid-template-columns:1fr !important;}}.news-text{font-size:18px;font-weight:400;line-height:24px;color:#000;margin:0;padding:0;text-decoration:none !important;}.news-section#news .news-text{font-size:clamp(14px, 0.95vw, 18px);line-height:1.6;padding:12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}@media (max-width:1279px){.news-section#news .news-text{font-size:clamp(14px, 1.6vw, 17px);}}@media (max-width:768px){.news-section#news .news-text{font-size:clamp(14px, 3.8vw, 16px);line-height:1.55;}.news-content .news-grid{column-count:1 !important;grid-template-columns:1fr !important;}.service-detail-content{grid-template-columns:1fr !important;gap:30px !important;}.works-header-section{grid-template-columns:1fr;gap:20px;padding:25px 0 50px 0;}.works-categories{display:none !important;}}.footer-section{margin-top:0;padding:80px 0;width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);}.footer-section .contact-section{width:100%;max-width:1920px;margin:0 auto;padding:0 30px;box-sizing:border-box;position:relative;}.contact-title-wrapper{position:relative;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);}.contact-title-wrapper .contact-title{cursor:pointer;}.contact-title-border-top, .contact-title-border-bottom{width:100vw;height:1px;background:#000;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);transition:background 0.3s ease;}.contact-title{font-size:40px;font-weight:400;line-height:1.4em;height:48px;margin:0 auto;padding:61px 30px;text-align:left;display:flex;align-items:center;justify-content:flex-start;transition:color 0.3s ease;max-width:1920px;position:relative;z-index:1;box-sizing:border-box;color:#000;text-decoration:none;}.contact-title:visited{color:#000;}.contact-title:hover{color:#fff;}.contact-title-wrapper::before{content:'';position:absolute;top:1px;left:0;right:0;bottom:1px;background-color:#F42738;opacity:0;transition:opacity 0.3s ease;z-index:0;pointer-events:none;}.contact-title-wrapper:hover::before{opacity:1;}.contact-title-wrapper:hover .contact-title{color:#fff;}.contact-title-wrapper:hover .contact-title-border-top, .contact-title-wrapper:hover .contact-title-border-bottom{background:#F42738;}.back-to-top{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:#000;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.15);}.back-to-top.show{opacity:1;visibility:visible;}.back-to-top:hover{background:#333;transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.2);}.back-to-top:active{transform:translateY(-1px);}.site-hover-preview{position:fixed;left:0;top:0;z-index:3000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translate3d(-9999px, -9999px, 0);transition:opacity 0.18s ease;background:#fff;border:1px solid #000;width:292px;height:292px;padding:6px;}.site-hover-preview.show{opacity:1;}.site-hover-preview img{display:block;width:280px;height:280px;object-fit:contain;}.contact-section{padding:0;}.contact-title:hover{background-color:#F42738;color:#fff;border-color:#F42738;}.contact-content{display:flex;justify-content:space-between;gap:0;margin-top:56px;margin-bottom:126px;position:relative;}.contact-left{width:50%;flex-shrink:0;}.contact-location{font-size:42px;font-weight:400;color:#999999;line-height:1.3em;margin-bottom:10px;}.contact-time{font-size:42px;font-weight:400;line-height:1.3em;color:#000;font-variant-numeric:tabular-nums;}.contact-right{width:50%;flex-shrink:0;}.contact-info{font-size:28px;font-weight:400;line-height:1.5em;margin-bottom:20px;}.contact-join{font-size:28px;font-weight:400;line-height:1.5em;margin-bottom:38px;}.contact-details{font-size:28px;font-weight:400;line-height:1.5em;margin-bottom:26px;color:#000;}.contact-details .qr-trigger{position:relative;display:inline-block;color:#000;text-decoration:none;cursor:pointer;}.contact-details .qr-trigger::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:#000;transition:width 0.3s ease;}.contact-details .qr-trigger:hover::after{width:100%;}.menu-qr-modal{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);background:#fff;padding:40px;z-index:10001;opacity:0;pointer-events:none;transition:opacity 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.1);}.menu-qr-modal.show{opacity:1;pointer-events:auto;}.menu-qr-modal .qr-hover-content{text-align:center;}.menu-qr-modal .qr-hover-content img{width:200px;height:200px;object-fit:contain;display:block;margin:0 auto 16px auto;}.menu-qr-modal .qr-hover-content p{font-size:14px;color:#333;font-weight:400;margin:0;text-align:center;}.qr-hover-modal{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);background:#fff;padding:40px;z-index:9998;opacity:0;pointer-events:none;transition:opacity 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.1);}.qr-hover-modal.show{opacity:1;pointer-events:auto;}.qr-hover-content{text-align:center;}.qr-hover-content img{width:200px;height:200px;object-fit:contain;display:block;margin-bottom:16px;}.qr-hover-content p{font-size:14px;color:#333;font-weight:400;margin:0;}.office-address{font-size:14px;font-weight:400;line-height:1.5em;margin-bottom:26px;}.office-address:first-of-type{line-height:1.5em;}.office-address:last-of-type{line-height:1em;margin-bottom:0;}.footer-logo{width:100%;height:auto;object-fit:contain;display:block;margin-top:0;}.qr-modal{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateX(-100%);transition:opacity 0.4s ease, transform 0.4s ease;}.qr-modal.show{opacity:1;pointer-events:auto;transform:translateX(0);}.qr-left{text-align:center;}.qr-left p{font-size:14px;color:#333;margin-bottom:24px;font-weight:400;}.qr-left img{width:200px;height:200px;object-fit:contain;}.qr-close{position:absolute;top:40px;right:40px;font-size:28px;cursor:pointer;color:#333;transition:opacity 0.3s ease;z-index:1001;}.qr-close:hover{opacity:0.6;}.contact-content{position:relative;}.contact-left{position:relative;}.footer-bottom{margin-top:16px;display:flex;width:100%;}.footer-copyright{width:50%;font-size:18px;font-weight:400;line-height:1.5;color:#6F6F6F;}.footer-icp{width:50%;font-size:18px;font-weight:400;line-height:1.5;color:#6F6F6F;text-align:left;}.footer-icp a{color:#6F6F6F;text-decoration:none;}.footer-icp a:hover{text-decoration:underline;}@media (max-width:1279px){.container{min-width:auto;padding:0 20px;}.brand-intro{flex-direction:column;}.brand-title, .brand-description{width:100%;}.work-grid-large{flex-direction:column;gap:20px;}.work-grid-small{grid-template-columns:repeat(2, 1fr);gap:20px;}.contact-content{flex-direction:column;align-items:center;margin:40px 0 20px;}.contact-right{width:100%;}.contact-main-grid{grid-template-columns:1fr;gap:30px;}.contact-main-right{padding-top:0;}.contact-right-images{max-width:100%;}.contact-footer-grid{grid-template-columns:1fr;gap:30px;}.footer-section{margin-top:60px;}.contact-section{padding:30px 0;}}@media (max-width:768px){.header{height:60px;padding:0;justify-content:space-between;gap:0;align-items:center;}.header-inner{padding:0 20px !important;align-items:center;}.hero-image{aspect-ratio:1 / 1;}.logo{width:auto;height:45px;max-width:none;flex-shrink:0;}.nav-menu{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#F42738;flex-direction:column;padding:60px 0;z-index:9999;}.nav-menu.active{display:flex !important;}.nav-menu.active li{margin-bottom:10px;}.menu-icon{position:relative !important;right:auto !important;top:auto !important;transform:none !important;z-index:1002;margin-left:auto !important;}.menu-icon span{background:#000;}.menu-open .menu-icon span{background:#fff !important;}.menu-open .menu-icon span:first-child{transform:rotate(45deg) !important;}.menu-open .menu-icon span:last-child{transform:rotate(-45deg) !important;}.brand-intro{padding:40px 0 60px 0 !important;margin-top:20px !important;min-height:auto !important;}.brand-title{font-size:36px;}.brand-description{font-size:20px;}.section-title{padding:15px 0 0 0 !important;margin-bottom:10px !important;}.work-grid-large{margin-top:60px !important;margin-bottom:10px !important;}.work-grid-small{grid-template-columns:1fr;gap:20px;}.news-section .news-grid{grid-template-columns:1fr !important;}.work-section, .client-section{margin:50px 0;}.news-section{margin:0;}.client-image{margin-top:30px !important;}.clients-section{padding-bottom:80px !important;}.section-title{padding:10px 0 0 0 !important;line-height:1.2 !important;margin-bottom:8px !important;}.mobile-br{display:block;margin:0 !important;padding:0 !important;line-height:0.5 !important;height:4px !important;}.footer-section{margin-top:0;}.contact-section{padding:85px 20px !important;}.contact-title{font-size:32px;height:auto;margin:0;padding:20px 30px;text-align:left;justify-content:flex-start;}.contact-content{flex-direction:column;gap:20px;margin:20px 0 30px;}.contact-left{display:flex;flex-direction:column;gap:32px !important;align-items:flex-start;width:100%;}.contact-left .contact-location{margin-bottom:8px !important;}.contact-left .contact-time{margin-bottom:8px !important;}.contact-right{display:flex;flex-direction:column;gap:32px !important;}.contact-right .contact-info{margin:0 !important;}.contact-right .contact-join{margin:0 !important;}.contact-right .contact-details{margin:0 !important;}.contact-right .office-address{margin:0 !important;}.contact-location{font-size:24px;margin-bottom:0;line-height:1.2;}.contact-time{font-size:32px;font-weight:350;}.contact-right{width:100%;}.contact-info, .contact-join{font-size:16px;margin-bottom:20px;}.contact-details{font-size:16px;}.office-address{font-size:14px;}.footer-logo{height:auto;margin-top:20px;}.footer-copyright, .footer-icp{font-size:12px !important;white-space:nowrap !important;}.contact-main-title{font-size:32px;}.contact-info-primary{font-size:24px;}.contact-info-secondary, .contact-footer-label{font-size:16px;}.contact-footer-value{font-size:24px;}.contact-footer-location, .contact-footer-time{font-size:24px;}.news-detail-title, .news-detail-date{font-size:18px;}.news-detail-summary{font-size:16px;}.news-detail-related-title{font-size:24px;}.news-detail-related-grid{grid-template-columns:1fr;}.case-title{font-size:28px;}.case-summary{font-size:16px;}.case-strip{gap:16px;}.related-grid, .recommend-grid{grid-template-columns:1fr;gap:20px;}.case-navigation{flex-direction:column;gap:15px;padding:40px 0;}.nav-btn{width:100%;justify-content:center;padding:15px 20px;}.related-title, .contact-footer-heading{font-size:24px;}.back-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:18px;}}.service-overview{padding:50px 0;}.service-video-section{margin:50px 0;}.video-placeholder{width:100%;height:720px;background:#d9d9d9;display:flex;align-items:center;justify-content:center;}.video-text{font-size:32px;font-weight:350;color:#000;}.service-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px 100px;margin-top:50px;}.service-item h3{font-size:16px;font-weight:400;text-transform:uppercase;margin-bottom:20px;}.service-item ul{list-style:none;font-size:14px;line-height:1.5;}.service-item li{margin-bottom:5px;}.introduction-section{padding:0;}.intro-video-section{margin-top:0;margin-bottom:50px;}.video-wrapper{width:100%;max-width:1920px;margin:0 auto;overflow:hidden;aspect-ratio:16 / 9;}.intro-video{width:100%;height:100%;object-fit:cover;display:block;}.we-are-sekoli{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:80px 0 100px 0;}.we-are-title{display:flex;align-items:flex-start;padding-right:40px;}.we-are-title h1{font-size:36px;font-weight:450;line-height:1.5;margin:0;padding:0;letter-spacing:2px;}.we-are-content{display:flex;flex-direction:column;gap:30px;text-align:left;padding-left:0;margin-left:0;}.we-are-paragraph{font-size:34px;font-weight:350;line-height:2.0;margin:0;padding:0;color:#000;text-align:left;}.we-are-divider{width:100%;height:1px !important;background:#000 !important;margin-top:250px;margin-bottom:0;border:none !important;}.our-advantages-section{padding:0 0 200px 0;}.our-advantages{margin:0;margin-top:-25px;}.advantage-item{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:80px;align-items:start;}.advantage-item:last-child{margin-bottom:0;}.advantage-left{min-height:100px;}.advantage-right{margin-top:0 !important;padding-top:0 !important;}.advantage-subtitle{font-size:30px !important;font-weight:350 !important;line-height:1.5 !important;margin:0 0 25px 0 !important;padding:0 !important;display:block !important;margin-top:0 !important;padding-top:0 !important;}.advantage-right p{font-size:24px;font-weight:350;line-height:1.8;margin-bottom:20px;}.advantage-right p:last-child{margin-bottom:0;}.advantage-right strong{font-weight:350;}.advantage-desc{margin-top:25px !important;color:#333;}.advantage-table{width:100%;border-collapse:collapse;margin-bottom:25px;}.advantage-table tr{border-bottom:1px solid #e0e0e0;}.advantage-table td{padding:18px 0;font-size:24px;font-weight:350;line-height:1.8;}.advantage-table-label{width:140px;font-weight:300 !important;}.advantages-divider{width:100%;height:1px !important;background:#000 !important;margin-top:0;margin-bottom:0;border:none !important;}.intro-brand-wrapper{display:grid;grid-template-columns:270px 1fr;gap:387px;margin:50px 0;}.intro-brand-title{font-size:32px;font-weight:350;line-height:1.5;}.intro-brand-description{font-size:20px;font-weight:350;line-height:1.5;}.intro-brand-description p{margin-bottom:30px;}.intro-brand-description p:last-child{margin-bottom:0;}.intro-brand-company{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin:50px 0;}.intro-brand-image-wrapper{margin:0;width:100%;}.intro-brand-image{width:100%;height:auto;display:block;}.intro-companies-wrapper{display:flex;flex-direction:column;gap:30px;margin:0;}.company-title{font-size:16px;font-weight:400;line-height:1.5;margin-bottom:20px;}.company-description{font-size:12px;font-weight:400;line-height:1.5;}.clients-section{padding:0 0 200px 0;}.clients-image{width:100%;margin-top:50px;display:block;}.clients-grid{width:100%;margin-top:100px;}.client-item{width:100%;}.client-logo{width:100%;height:auto;display:block;object-fit:contain;}@media (max-width:768px){.clients-grid{margin-top:60px;}}.team-section{padding:0 0 200px 0;}.team-content{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:50px;}.team-image-wrapper{padding-right:50px;}.team-image{width:100%;height:auto;display:block;}.team-values{display:flex;flex-direction:column;gap:35px;text-align:left;padding-left:0;margin-left:0;}.value-item h4{font-size:18px;font-weight:350;margin-bottom:25px;line-height:1.5;}.value-item p{font-size:18px;font-weight:350;line-height:1.8;margin-bottom:20px;color:#000;}.value-item p:last-child{margin-bottom:0;}.office-section{padding:0 0 200px 0;}.office-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px;}.office-item{text-align:left;}.office-image{width:100%;height:auto;display:block;margin-bottom:20px;}.office-item h4{font-size:28px;font-weight:350;text-transform:uppercase;margin:20px 0 0 0;}.office-subtitle{font-size:28px;font-weight:350;margin-left:20px;text-transform:none;}.awards-section{padding:0 0 200px 0;}.awards-image{width:100%;margin-top:50px;display:block;}.awards-table-wrapper{margin-top:80px;}.awards-table{width:100%;border-collapse:collapse;table-layout:fixed;}.awards-table tr{border-bottom:1px solid #e0e0e0;}.awards-table td{padding:15px 0;font-size:14px;font-weight:350;line-height:1.6;}.awards-year{font-size:16px;font-weight:350;color:#000;padding:25px 0 0 0;}.awards-category{font-size:14px;font-weight:350;color:#666;padding:25px 0 0 0;}.awards-item{width:50%;color:#000;}.awards-level{width:20%;color:#666;text-align:center;}.awards-brand{width:30%;color:#000;text-align:right;}.service-section{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start;padding:25px 0 50px 0;}.service-title-col{position:sticky;top:100px;align-self:start;margin:0;padding:0;text-align:left;}.service-main-title{font-size:36px;font-weight:400;line-height:1.2;margin:0;padding:0;display:inline-block;}.service-grid{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:120px;column-gap:100px;align-items:start;margin:0;padding:0;}.service-item{display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:0;}.service-item-header{display:flex;align-items:baseline;gap:15px;margin-bottom:20px;margin-top:0;padding:0;}.service-item-number{font-size:18px;font-weight:400;color:#000;margin:0;padding:0;flex-shrink:0;width:30px;}.service-item-title{font-size:18px;font-weight:400;color:#000;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}.service-item-title-en{display:block;}.service-item-title-cn{display:block;}.service-item-list{list-style:none;padding:0;margin:0;margin-left:45px;width:100%;}.service-item-list li{font-size:16px;font-weight:400;line-height:1.8;color:#000;margin:0;padding:0;}.service-detail-section{display:flex;flex-direction:column;margin-top:180px;}.service-detail-module{display:flex;flex-direction:column;}.service-detail-title{font-size:36px;font-weight:400;color:#000;margin:25px 0 50px 0;padding:0;width:50%;}.service-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;margin-bottom:100px;margin-top:0;padding-top:0;}.service-detail-image{width:100%;aspect-ratio:3 / 2;overflow:hidden;margin:0;padding:0;}.service-detail-image img{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;}.service-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:flex-start;}.service-detail-list li{font-size:16px;font-weight:400;line-height:1.8;color:#000;margin:0;padding:0;text-align:left;display:block;}min-width:40px;color:#000;}.service-module-title{font-size:20px;font-weight:350;line-height:1.5;margin:0;}.divider-thin{width:100%;height:1px;background:#000;margin:20px 0;}.service-module-subtitle{font-size:16px;font-weight:350;text-transform:uppercase;margin-bottom:20px;}.service-module-list{list-style:none;font-size:14px;line-height:1.8;color:#000;padding:0;}.service-module-list li{margin-bottom:8px;position:relative;padding-left:0;}.works-header-section{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start;padding:25px 0 180px 0;}.works-title-col{display:flex;align-items:center;}.works-categories-col{display:flex;align-items:center;justify-content:flex-start;}.works-main-title{font-size:36px;font-weight:400;line-height:1.2;text-transform:uppercase;}.works-categories{display:grid;grid-template-columns:repeat(2, auto);gap:0 380px;padding:0;justify-content:start;}.categories-column{display:flex;flex-direction:column;gap:6px;}.category-tag{font-size:16px;font-weight:400;line-height:1.5;color:#C7C7C7;text-decoration:none;text-transform:uppercase;transition:color 0.3s ease;}.category-tag:hover{color:#000;}.category-tag.active{color:#000;}.category-tag.active:hover{color:#000;}.works-content{padding:0;}.works-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px 32px;margin-bottom:50px;}.work-item{position:relative;display:block;text-decoration:none;color:inherit;transition:opacity 0.3s ease;}.work-item:hover{opacity:1;}.work-item{position:relative;display:block;text-decoration:none;color:inherit;transition:opacity 0.3s ease;}.work-item:hover{opacity:1;}.work-item-image-wrap{position:relative;aspect-ratio:3 / 2;overflow:hidden;}.work-item img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:translateY(50px);transition:opacity 1.2s ease, transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}.work-item img.loaded{opacity:1;transform:translateY(0);}.work-title-container{display:flex;align-items:center;gap:10px;margin-top:10px;position:relative;min-height:22px;}.work-title-text{font-size:16px;font-weight:400;line-height:22px;color:#000;white-space:nowrap;}.work-hover-title{font-size:16px;font-weight:400;line-height:22px;color:#666;opacity:0;transition:opacity 0.3s ease;white-space:nowrap;}.work-item:hover .work-info{margin-top:15px;}.work-title{font-size:14px;font-weight:350;line-height:1.4;text-transform:uppercase;}.work-detail-header{padding:50px 0;text-align:center;}.work-detail-title{font-size:60px;font-weight:350;line-height:1.2;margin-bottom:20px;text-transform:uppercase;}.work-detail-intro{font-size:18px;color:#666;line-height:1.5;}.work-detail-content{padding:50px 0;max-width:900px;margin:0 auto;}.work-detail-content img{width:100%;max-width:100%;height:auto;display:block;margin:30px auto;}.case-info{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px;}.case-basic{padding:30px 0;}.case-name{font-size:32px;font-weight:350;margin-bottom:20px;}.case-description{font-size:16px;line-height:1.8;color:#333;}.case-details{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}.case-field h4{font-size:14px;font-weight:350;margin-bottom:10px;text-transform:uppercase;color:#6f6f6f;}.case-field p{font-size:16px;font-weight:350;line-height:1.5;}.case-section{padding:50px 0;}.section-subtitle{font-size:24px;font-weight:350;margin-bottom:30px;text-transform:uppercase;}.case-section p{font-size:16px;line-height:1.8;color:#333;margin-bottom:15px;}.results-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px;margin-top:30px;}.result-item{text-align:center;padding:30px;background:#f9f9f9;}.result-number{display:block;font-size:48px;font-weight:350;color:#000;margin-bottom:15px;}.result-item p{font-size:14px;color:#666;margin:0;}.case-visuals{padding:50px 0;}.visual-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-top:30px;}.visual-item{overflow:hidden;aspect-ratio:1;}.visual-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}.visual-item:hover img{transform:scale(1.05);}.related-works{padding:50px 0;}.work-card{position:relative;overflow:hidden;aspect-ratio:1;text-decoration:none;color:inherit;display:flex;align-items:flex-end;}.work-card img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:1;}.work-card h4{position:relative;z-index:2;background:rgba(0,0,0,0.7);color:#fff;padding:15px;width:100%;margin:0;font-size:16px;font-weight:350;}.case-hero{padding:24px 0 30px;}.case-hero-image{width:100%;height:auto;display:block;}.case-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding:50px 0;align-items:start;}.case-title{font-size:36px;font-weight:350;line-height:1.5;text-transform:uppercase;}.case-summary{font-size:20px;font-weight:400;line-height:1.5;max-width:586px;}.case-main-image{padding:30px 0 50px;}.case-main-visual{width:100%;height:auto;display:block;}.case-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 60px;}.case-strip-image{height:117px;object-fit:cover;display:block;}.case-strip-image.strip-large{width:223px;}.case-strip-image.strip-medium{width:208px;}.case-strip-image.strip-small{width:138px;}.case-navigation{display:flex;justify-content:center;align-items:center;gap:20px;padding:100px 0 60px;}.nav-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid #000;background:transparent;color:#000;text-decoration:none;font-size:14px;font-weight:350;transition:all 0.3s ease;white-space:nowrap;}.nav-btn:hover{background:#F42738;color:#fff;border-color:#F42738;}.nav-btn .nav-arrow{font-size:16px;font-weight:bold;}.nav-btn.nav-list{padding:12px 32px;}.related-section{padding:24px 0 50px 0;}.related-title{font-size:32px;font-weight:350;line-height:1.4;margin-bottom:30px;}.related-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;}.related-card{display:block;text-decoration:none;color:inherit;}.related-card img{width:100%;height:auto;display:block;}.recommend-section{padding:24px 0 50px 0;}.recommend-title{font-size:32px;font-weight:350;line-height:1.4;margin-bottom:30px;}.recommend-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;}.recommend-card{display:block;text-decoration:none;color:inherit;}.recommend-card img{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block;}.recommend-card-title{margin-top:10px;font-size:14px;font-weight:350;line-height:1.5;}@media (min-width:769px){.recommend-grid{grid-template-columns:repeat(3, 1fr) !important;}.mobile-br{display:none;}}.work-detail-footer{padding:40px 0 20px;}.detail-simple-section{max-width:980px;margin:0 auto;padding:56px 0 64px;}.detail-simple-title{font-size:clamp(32px, 3vw, 52px);font-weight:350;line-height:1.3;text-align:center;margin-bottom:16px;}.detail-simple-meta{font-size:clamp(15px, 1.2vw, 20px);font-weight:350;line-height:1.5;color:#6F6F6F;text-align:center;margin-bottom:30px;}.detail-simple-content{font-size:clamp(18px, 1.45vw, 24px);line-height:1.95;color:#111;text-align:left;}.detail-simple-content > *{margin-bottom:1em;}.detail-simple-content img, .case-summary img{display:block;width:100%;max-width:1920px;height:auto;margin:30px auto;}.news-detail-summary img{display:block;width:auto;max-width:min(98vw, 100%);height:auto;margin:20px auto;}.detail-simple-cover-wrap{margin-top:28px;text-align:center;}.detail-simple-cover{width:auto;max-width:90vw;height:auto;display:inline-block;}.news-detail-simple{max-width:1100px;}.footer-top{display:flex;justify-content:flex-start;align-items:center;padding:10px 0 20px;}.footer-top-text{font-size:14px;font-weight:350;}.contact-footer-heading{font-size:32px;font-weight:350;line-height:1.4;padding:24px 0;}.news-header{padding:25px 0 180px 0;}.news-title{font-size:36px;font-weight:400;line-height:1.2;}.news-content{padding:0;}.news-content .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 40px;margin-bottom:50px;}.news-item img{width:100%;height:auto;display:block;}.news-info{margin-top:10px;}.news-content .news-text{font-size:18px;font-weight:400;line-height:24px;color:#000;margin:0;padding:0;text-decoration:none !important;}.news-detail-main-section{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:60px 0 80px;}.news-detail-main-section{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:60px 0 80px;align-items:flex-start;}.news-detail-left-col{padding-right:40px;position:sticky;top:100px;}.news-detail-right-col{overflow:visible;}.news-detail-title{font-size:36px;font-weight:400;line-height:1.4;margin:0 0 20px 0;text-align:left;}.news-detail-date{font-size:32px;font-weight:350;line-height:1.5;color:#999;margin:0 0 40px 0;}.news-detail-images{margin:0;}.news-detail-image{width:100%;height:auto;display:block;margin-bottom:20px;}.news-detail-cover{margin-bottom:20px;}.news-detail-image-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.news-detail-thumb{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;}.news-detail-right-col{padding-left:0;}.news-detail-body{font-size:28px;font-weight:350;line-height:2;color:#000;text-align:left;}.news-detail-body p{margin:0 0 20px 0;}.news-detail-body p:last-child{margin:0;}.news-detail-related{padding:80px 0;}.news-detail-related-title{font-size:36px;font-weight:400;line-height:1.4;margin-bottom:40px;text-align:left;}.news-detail-related-grid{column-count:3;column-gap:30px;margin-bottom:50px;}.news-detail-related-grid>*{break-inside:avoid;margin-bottom:30px;}.news-detail-card{text-decoration:none;color:inherit;display:block;transition:opacity 0.3s ease;break-inside:avoid;margin-bottom:30px;}.news-detail-card:hover{opacity:0.8;}.news-detail-card img{width:100%;height:auto;display:block;margin-bottom:15px;}.news-detail-card-title{font-size:20px;font-weight:350;line-height:1.5;color:#000;margin:0;}.news-detail-card-date{font-size:20px;font-weight:350;line-height:1.5;color:#000;margin-right:10px;}.news-detail-loadmore{text-align:center;margin-top:40px;}.news-detail-loadmore-btn{display:inline-block;font-size:14px;font-weight:350;color:#000;text-decoration:none;padding:15px 40px;border:1px solid #000;transition:all 0.3s ease;}.news-detail-loadmore-btn:hover{background:#000;color:#fff;}@media (max-width:1024px){.news-detail-main-section{grid-template-columns:1fr;gap:40px;}.news-detail-left-col{padding-right:0;}.news-detail-right-col{padding-left:0;}}.contact-header{padding:24px 0 20px;}.contact-main-title{font-size:36px;font-weight:400;line-height:1.4;text-transform:uppercase;}.contact-main{padding:0 0 200px 0;}.contact-intro-block{margin-bottom:80px;}.contact-intro-text{font-size:26px;font-weight:350;line-height:1.8;color:#000;margin-bottom:25px;}.contact-intro-text:last-child{margin-bottom:0;}.contact-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px;}.contact-office-item{text-align:left;}.contact-office-image{width:100%;height:auto;display:block;margin-bottom:20px;}.contact-office-title{font-size:28px;font-weight:350;margin:20px 0 0 0;text-transform:uppercase;}.contact-office-subtitle{font-size:28px;font-weight:350;margin-left:20px;text-transform:none;}.contact-office-address{font-size:14px;font-weight:350;line-height:1.8;margin:20px 0 0 0;color:#666;}.contact-bottom-section{padding:30px 0 85px 0;}@media (max-width:768px){.contact-bottom-section{padding:30px 0 30px 0 !important;}}.contact-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}.contact-intro-block{padding-right:160px;}.contact-intro-text{font-size:26px;font-weight:350;line-height:1.8;color:#000;margin-bottom:25px;}.contact-intro-text:last-child{margin-bottom:0;}.contact-qr-section{padding-left:0;}.contact-info-list{display:flex;flex-direction:column;gap:20px;}.contact-info-item{display:flex;flex-direction:column;gap:10px;}.contact-info-inline{display:flex !important;flex-direction:row !important;align-items:baseline;gap:20px;}.contact-info-inline .contact-info-label{font-size:32px;font-weight:350;line-height:1.5;white-space:nowrap;}.contact-info-inline .contact-info-value{font-size:32px;font-weight:350;line-height:1.5;}.contact-info-label{font-size:32px;font-weight:350;line-height:1.5;}@media (max-width:768px){.contact-info-label{font-size:18px !important;line-height:1.4 !important;margin-bottom:10px !important;}.contact-qr-image{width:150px !important;height:150px !important;display:block !important;margin:0 auto !important;}.contact-info-item{text-align:center !important;margin-bottom:30px !important;}.contact-info-list{gap:30px !important;}}.contact-info-value{font-size:32px;font-weight:350;line-height:1.5;}@media (max-width:768px){.contact-info-value{font-size:18px !important;white-space:nowrap !important;display:block !important;margin-top:5px !important;text-align:center !important;}.contact-info-inline{flex-direction:column !important;align-items:center !important;gap:5px !important;text-align:center !important;}.contact-info-label{text-align:center !important;width:100% !important;}}.contact-qr-image{width:180px;height:180px;display:block;}.contact-zcool-link{text-decoration:none;color:#000;}.contact-zcool-link:hover{text-decoration:underline;}.case-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 60px;}.related-grid, .recommend-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;}.contact-address-block{padding:20px 0 40px;}.contact-address-title{font-size:16px;font-weight:350;line-height:1.5;margin-bottom:8px;}.contact-address-text{font-size:16px;font-weight:350;line-height:1.5;}.contact-main-right{padding-top:0;}.contact-intro-text{font-size:26px;font-weight:350;line-height:1.8;color:#000;margin-bottom:25px;}.contact-info-stack{display:flex;flex-direction:column;gap:20px;margin-bottom:40px;}.contact-info-primary{font-size:32px;font-weight:350;line-height:1.5;}.contact-info-secondary{font-size:20px;font-weight:350;line-height:1.5;}.contact-right-images{display:flex;flex-direction:column;gap:30px;max-width:580px;}.contact-right-image{width:100%;height:auto;display:block;}.contact-footer{padding:50px 0;}.contact-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}.contact-footer-left{display:flex;flex-direction:column;gap:12px;}.contact-footer-location{font-size:32px;font-weight:350;color:#6f6f6f;line-height:1;}.contact-footer-time{font-size:32px;font-weight:350;line-height:1;}.contact-footer-right{display:flex;flex-direction:column;gap:20px;}.contact-footer-info{display:flex;flex-direction:column;gap:18px;}.contact-footer-block{display:flex;flex-direction:column;gap:6px;}.contact-footer-label{font-size:20px;font-weight:350;line-height:1.5;}.contact-footer-value{font-size:32px;font-weight:350;line-height:1.5;}.contact-footer-addresses{display:flex;flex-direction:column;gap:16px;font-size:12px;font-weight:350;line-height:1.5;}.contact-footer-logo{width:100%;height:auto;margin-top:40px;}.address-title{font-size:16px;font-weight:350;text-transform:uppercase;margin-bottom:20px;line-height:1.5;}.address-text{font-size:14px;font-weight:350;line-height:1.8;color:#000;margin:0;}@media (max-width:1285px){.service-module{grid-template-columns:1fr;gap:30px;}.service-module-image{width:100%;}}@media (max-width:1024px){.service-section{display:block !important;padding:40px 0;}.service-title-col{position:static !important;flex:0 0 100% !important;margin-bottom:40px !important;}.service-main-title{font-size:28px !important;}.service-grid{grid-template-columns:1fr !important;row-gap:60px !important;column-gap:0 !important;}.service-item{margin-bottom:40px !important;}.service-detail-content{grid-template-columns:1fr !important;gap:30px !important;}.we-are-sekoli{grid-template-columns:1fr !important;gap:20px !important;}.we-are-title{padding-right:0 !important;}.we-are-content{padding-left:0 !important;}.we-are-paragraph{font-size:20px !important;line-height:1.6 !important;}.advantage-item{grid-template-columns:1fr !important;gap:15px !important;}.advantage-subtitle{font-size:22px !important;}.advantage-right p{font-size:16px !important;}.intro-content{flex-direction:column;}.companies-section{grid-template-columns:1fr;}.team-content{grid-template-columns:1fr;}.office-grid{grid-template-columns:1fr;}.contact-header{padding:0 0 10px !important;margin-top:0 !important;}.contact-main-title{font-size:28px !important;line-height:1.3 !important;padding:15px 0 !important;text-align:left !important;}@media (max-width:768px){.contact-main-title{font-size:24px !important;line-height:1.4 !important;word-break:break-word !important;}}.contact-main{padding:0 0 75px 0;}.contact-main-grid{grid-template-columns:1fr;gap:40px;}.contact-bottom-grid{grid-template-columns:1fr;gap:0;}.contact-intro-block{padding-right:0;margin-bottom:60px;}.contact-qr-section{padding-left:0;}.contact-bottom-section{padding:85px 0;}.works-grid{grid-template-columns:1fr;}.work-item-large{grid-column:span 1;height:auto !important;aspect-ratio:3 / 2;}.case-intro{grid-template-columns:1fr !important;gap:20px !important;}.case-title{font-size:24px !important;}.case-summary{font-size:16px !important;}.case-strip{flex-direction:column !important;align-items:flex-start !important;}.case-navigation{gap:15px;padding:40px 0;}.nav-btn{padding:10px 20px;font-size:13px;}.related-grid, .recommend-grid{grid-template-columns:repeat(2, 1fr);}.news-detail-header{grid-template-columns:1fr;column-gap:0;row-gap:20px;}.news-detail-main-image{width:100%;}.news-detail-related-grid{grid-template-columns:repeat(2, 1fr);}.detail-simple-section{padding:44px 0 56px;}.detail-simple-title{font-size:clamp(28px, 6.5vw, 32px);line-height:1.35;margin-bottom:14px;}.detail-simple-meta{font-size:clamp(14px, 3.8vw, 16px);margin-bottom:24px;}.detail-simple-content{font-size:clamp(16px, 4.2vw, 18px);line-height:1.9;}.news-title{font-size:36px;padding:30px 0;}.news-content .news-grid{grid-template-columns:1fr;gap:30px;}.news-info{margin-top:10px;}.news-content .news-text{font-size:15px;}.article-title{font-size:28px;}.article-meta{flex-direction:column;gap:10px;}.article-body{font-size:15px;line-height:1.7;}.article-body h2{font-size:20px;margin:30px 0 20px 0;}.article-body h3{font-size:16px;}.article-tags{flex-direction:column;gap:10px;}.news-card-small img{height:200px;}.contact-main-title{font-size:36px;padding:30px 0;}.contact-layout{grid-template-columns:1fr;gap:30px;}.contact-intro-text{font-size:14px;margin-bottom:30px;}.address-layout{grid-template-columns:1fr;gap:30px;}}.loading-message, .error-message, .empty-message{grid-column:1 / -1;text-align:center;padding:60px 20px;font-size:16px;color:#999;}.error-message{color:#F42738;}.category-tag.active{background:#F42738;color:#fff;border-color:#F42738;}.category-tag.active:hover{background:#D41F2E;color:#fff;border-color:#D41F2E;}.managed-page-content{width:100%;max-width:100%;overflow-wrap:break-word;}.managed-page-content img{width:auto !important;max-width:100% !important;height:auto !important;}.managed-page-content video, .managed-page-content canvas, .managed-page-content svg, .managed-page-content iframe, .managed-page-content embed, .managed-page-content object{max-width:100% !important;height:auto !important;}.managed-page-content table{width:100% !important;max-width:100% !important;table-layout:fixed;word-break:break-word;}.work-detail-main-section{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:60px 0 80px;}.work-detail-left-col{padding-right:40px;}.work-detail-project{font-size:38px;font-weight:400;line-height:1.4;color:#000;margin-bottom:15px;}.work-detail-title{font-size:38px;font-weight:400;line-height:1.4;margin:0;text-align:left;}.work-detail-images{margin:0;}.work-detail-image{width:100%;height:auto;display:block;}.work-detail-right-col{overflow:visible;}.work-detail-description{font-size:32px;font-weight:350;line-height:2;color:#000;text-align:left;}.work-detail-description p{margin:0 0 20px 0;}.work-detail-description p:last-child{margin:0;}.work-detail-body{font-size:32px;font-weight:350;line-height:2;color:#000;text-align:left;}.work-detail-body p{margin:0 0 20px 0;}.work-detail-body p:last-child{margin:0;}.work-detail-related{padding:25px 0 80px;}.work-detail-related-title{font-size:36px;font-weight:400;line-height:1.4;margin-bottom:40px;text-align:left;}.work-detail-related-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px 20px;}.work-detail-card{text-decoration:none;color:inherit;display:block;transition:opacity 0.3s ease;}.work-detail-card:hover{opacity:0.8;}.work-detail-card img{width:100%;height:auto;display:block;margin-bottom:15px;aspect-ratio:3 / 2;object-fit:cover;}.work-detail-card-title{font-size:14px;font-weight:350;line-height:1.6;color:#333;margin:0;}.work-detail-images-section{padding:60px 0;max-width:1920px;margin:0 auto;}.work-detail-images{display:flex;justify-content:center;gap:20px;}.work-detail-image{max-width:100%;height:auto;display:block;}@media (max-width:768px){.service-section{padding:40px 0 !important;}.service-title-col{position:static !important;flex:0 0 100% !important;margin-bottom:40px !important;}.service-main-title{font-size:28px !important;}.service-grid{grid-template-columns:1fr !important;row-gap:60px !important;column-gap:0 !important;}.service-item{margin-bottom:40px !important;}.case-intro{grid-template-columns:1fr !important;gap:20px !important;}.case-title{font-size:24px !important;}.case-summary{font-size:16px !important;}.case-strip{flex-direction:column !important;align-items:flex-start !important;}.work-detail-main-section{grid-template-columns:1fr !important;gap:20px !important;}.work-detail-left-col{padding-right:0 !important;}.work-detail-project{font-size:24px !important;}.work-detail-title{font-size:24px !important;}.work-detail-body{font-size:12px !important;}.work-detail-description{font-size:20px !important;}}@media screen and (max-width:768px){.service-section{display:block !important;overflow-x:hidden !important;}.service-grid{display:block !important;}.service-item{display:block !important;width:100% !important;margin-bottom:60px !important;}}
/* 更新中作品样式 */
.work-item.updating {
  cursor: not-allowed;
  position: relative;
}

.work-item.updating .updating-tooltip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 16px 28px;
  border-radius: 8px;
  font-size: 20px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 10;
}

.work-item.updating:hover .updating-tooltip {
  opacity: 1;
}

.work-item.updating .work-item-image-wrap {
  opacity: 1 !important;
}

.work-item.updating .work-item-image-wrap img {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* works-grid 修复 */
.works-grid {
  overflow: hidden;
}

.works-grid .work-item,
.works-grid .work-item-large,
.works-grid .work-item-small,
.works-grid .work-item.updating {
  overflow: hidden;
}

/* 视频悬停预览样式 */
.work-hover-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  background: #000;
  z-index: 10;
}

.work-item.has-video:hover .work-hover-video,
.work-item-large.has-video:hover .work-hover-video,
.work-item-small.has-video:hover .work-hover-video,
.work-item.updating.has-video:hover .work-hover-video {
  opacity: 1;
}

.work-item.has-video:hover img,
.work-item-large.has-video:hover img,
.work-item-small.has-video:hover img,
.work-item.updating.has-video:hover img {
  opacity: 0;
}

.work-item-large, .work-item-small {
  position: relative;
  display: block;
  overflow: hidden;
}

.works-grid .work-item-large,
.works-grid .work-item-small {
  flex: none !important;
  height: auto !important;
}

/* 确保作品图片直接显示（不受 fade-in JS 影响） */
.work-item-large img, .work-item-small img {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Hover 时显示标题 */
.work-item:hover .work-hover-title,
.work-item-large:hover .work-hover-title,
.work-item-small:hover .work-hover-title {
  opacity: 1 !important;
}

@media(max-width:768px){#home-news-grid{grid-template-columns:1fr!important}}

/* Footer contact title responsive - prevent line break on mobile */
@media(max-width:768px){
  .contact-title{
    font-size: clamp(16px, 5vw, 32px) !important;
    white-space: nowrap !important;
    height: auto !important;
    padding: 20px 15px !important;
    letter-spacing: -0.5px;
  }
}
