/* 覆盖图片和标题样式 - 确保显示正常 */
.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-header {
    padding: 5px 0 80px 0 !important;
  }
}
.news-image {
  width:100%;height:auto;display:block;margin:0;padding:0;
}
.news-content .news-grid {
  display:flex;flex-wrap:nowrap;gap:20px;margin-bottom:50px;
}
@media (max-width:768px) {
  .news-content 
}
.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:14px !important;line-height:1.55;
  }
.news-content .service-detail-content {
    grid-template-columns:1fr !important;gap:30px !important;
  }
.works-header-section {
    grid-template-columns:1fr;gap:20px;padding:25px 0 80px 0 !important;
  }
.works-main-title {
    font-size:clamp(16px, 6vw, 24px) !important;line-height:1.2 !important;
  }
.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:80px 0 120px 0 !important;margin-top:40px !important;min-height:auto !important;
  }
.brand-title {
    font-size:36px;margin-bottom:40px;
  }
.brand-description {
    font-size:20px;
  }
.section-title {
    font-size:clamp(16px, 6vw, 24px) !important;padding:15px 0 0 0 !important;margin-bottom:28px !important;white-space:nowrap !important;
  }
.work-grid-large {
    margin-top:60px !important;margin-bottom:10px !important;
  }
.work-grid-small,
#home-work-list {
    grid-template-columns:1fr !important;gap:20px;width:100% !important;
  }
#home-work-featured {
    grid-template-columns:1fr;width:100% !important;
  }
#home-work-featured .work-item-large,
#home-work-list .work-item-small {
    width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:3 / 2;
  }
.news-section .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 {
    font-size:clamp(16px, 6vw, 24px) !important;padding:10px 0 0 0 !important;line-height:1.2 !important;margin-bottom:28px !important;white-space:nowrap !important;
  }
.mobile-br {
    display:none !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;
}
@media (max-width: 768px) {
  .advantage-left {
    min-height: 50px !important;
  }
  .our-advantages-section {
    padding: 0 0 80px 0 !important;
  }
}
.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:flex;flex-wrap:nowrap;gap:20px;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:clamp(16px, 6vw, 24px) !important;line-height:1.2 !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:18px !important;line-height:1.6 !important;
}
.advantage-item {
  grid-template-columns:1fr !important;gap:15px !important;margin-bottom:0 !important;
}
.advantage-subtitle {
  font-size:22px !important;
}
.advantage-right p {
  font-size:16px !important;
}
.we-are-divider {
  margin-top:0 !important;
}
.intro-content {
  flex-direction:column;
}
.companies-section {
  grid-template-columns:1fr;
}
.team-content {
  grid-template-columns:1fr;
}
.team-section {
  padding: 0 0 80px 0 !important;
}
.team-values {
  margin-top: 20px !important;
}
.office-grid {
  grid-template-columns:1fr;
}
.office-subtitle {
  font-size: 20px !important;
}
.office-item h4 {
  font-size: 20px !important;
}
.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-office-title {
    font-size:20px !important;
  }
  .contact-office-subtitle {
    font-size:20px !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;
}
.works-grid .work-item-large,
.works-grid .work-item-small {
  grid-column:span 1;height:auto !important;aspect-ratio:3 / 2;max-width:100% !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;
}
.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;
}
@media (max-width: 768px) {
  .work-detail-related {
    padding: 0 !important;
  }
}
.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:clamp(16px, 6vw, 24px) !important;line-height:1.2 !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:16px !important;
}
.work-detail-description {
  font-size:18px !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;
}
.service-item-number {
  font-size:clamp(14px, 4vw, 18px) !important;
}
.service-item-title {
  font-size:clamp(14px, 4vw, 18px) !important;
}
.service-item-title-cn {
  font-size:clamp(14px, 4vw, 18px) !important;
}
.service-detail-title {
  font-size:clamp(16px, 6vw, 24px) !important;
  width:100% !important;
  margin:15px 0 8px 0 !important;
}
.service-detail-section {
  margin-top:40px !important;
}
.work-detail-content-wrapper img {
  width: 100% !important;
  max-width: 100% !important;
}
.work-detail-content-wrapper {
  padding: 0 !important;
}
.work-detail-related-title {
  font-size: 20px !important;
}
.work-detail-content-section {
  padding: 0 !important;
  width: 100% !important;
}
.news-detail-title {
  font-size: 20px !important;
}
.news-detail-date {
  font-size: 20px !important;
}
.news-detail-body {
  font-size: 16px !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;
  }
}

/* 手机端导航栏高度 46px */
@media(max-width:768px){
  .header{
    height: 46px !important;
  }
  .header-inner{
    height: 46px !important;
  }
  body{
    padding-top: 46px !important;
  }
  .news-section .news-grid{
    margin-top: 60px !important;
  }
  /* 资讯详情页修复 */
  .news-detail-left-col{
    position: static !important;
    padding-right: 0 !important;
  }
  .news-detail-main-section{
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .news-detail-images{
    width: 100%;
  }
  .news-detail-image{
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-bottom: 15px !important;
  }
  .news-detail-related-grid{
    column-count: 1 !important;
    grid-template-columns: none !important;
  }
  .news-detail-related-title {
    font-size: clamp(16px, 6vw, 24px) !important;
    padding: 15px 0 0 0 !important;
    margin-bottom: 28px !important;
  }
  .news-detail-related {
    padding: 0 0 80px 0 !important;
  }
  .news-detail-card-title {
    font-size: 14px !important;
  }
  .news-detail-card-date {
    font-size: 14px !important;
  }
  .recommend-grid{
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .work-detail-related-grid{
    grid-template-columns: 1fr !important;
  }
}

/* 客户模块左右分布 */
.clients-images-row{
  display: flex;
  gap: 20px;
}
.clients-images-row .client-logo{
  width: 50%;
}

@media(max-width:768px){
  .clients-images-row{
    flex-direction: column;
  }
  .clients-images-row .client-logo{
    width: 100%;
  }
}

/* 客户模块左右分布 - PC端 */
.clients-wrapper {
  display: flex;
  gap: 20px;
}
.clients-wrapper .clients-image {
  width: 50%;
  margin-top: 0;
}

/* 客户模块上下分布 - 移动端 */
@media (max-width: 768px) {
  .clients-wrapper {
    flex-direction: column;
  }
  .clients-wrapper .clients-image {
    width: 100%;
  }
  /* 问题1修复: 移除容器最小宽度限制 */
  .container {
    min-width: auto !important;
  }
  /* 禁用下划线 */
  .contact-details .qr-trigger::after {
    display: none !important;
  }
}

/* 手机端作品卡片 - 确保标题不被裁剪 */
@media (min-width: 1025px) {
  .work-section #home-work-featured .home-work-mobile-title,
  .work-section #home-work-list .home-work-mobile-title {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* 强制约束 body 和 html - 防止横向滚动 */
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  /* 容器宽度约束 */
  .container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    overflow-x: hidden !important;
  }

  /* 工作区域宽度约束 */
  .work-section {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 确保网格为1列 */
  .work-grid-small,
  #home-work-list {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 20px !important;
  }

  .work-grid-large,
  #home-work-featured {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 作品卡片 - 纵向排列 */
  #home-work-featured .work-item-large,
  #home-work-list .work-item-small {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
  }

  /* 图片容器 */
  #home-work-featured .work-item-large .work-item-image-wrap,
  #home-work-list .work-item-small .work-item-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 3 / 2 !important;
    height: auto !important;
    flex-shrink: 0 !important;
  }

  /* 图片 */
  #home-work-featured .work-item-large .work-item-image-wrap img,
  #home-work-list .work-item-small .work-item-image-wrap img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* 移动端标题显示 */
  .work-section #home-work-featured .home-work-mobile-title,
  .work-section #home-work-list .home-work-mobile-title {
    display: block !important;
  }

  /* 移动端强制显示标题 */
  .home-work-mobile-title {
    display: block !important;
    visibility: visible !important;
  }

  /* 移动端作品卡片链接样式 - 去掉下划线 */
  #home-work-featured .work-item-large,
  #home-work-list .work-item-small {
    text-decoration: none !important;
    color: inherit !important;
  }
}

/* 手机端作品卡片标题 - 始终显示项目名称和标题 */
@media (max-width: 768px) {
  /* 标题容器 - 确保不溢出父元素 */
  #home-work-featured .home-work-mobile-title,
  #home-work-list .home-work-mobile-title {
    margin-top: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
  }

  /* 项目名称 */
  #home-work-featured .home-work-name,
  #home-work-list .home-work-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #000 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.4 !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }

  /* 副标题 */
  #home-work-featured .home-work-subtitle,
  #home-work-list .home-work-subtitle {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #888 !important;
    opacity: 1 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.5 !important;
    display: inline !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
  }

  #home-work-featured .home-work-mobile-title > *,
  #home-work-list .home-work-mobile-title > * {
    min-width: 0 !important;
  }

  /* 移动端强制显示标题 - 直接类选择器保底 */
  .home-work-mobile-title {
    display: block !important;
    visibility: visible !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 22px !important;
  }

  /* 案例页手机端作品卡片 - 显示副标题，字号与首页统一 */
  .works-grid .work-item-large .work-title-container,
  .works-grid .work-item-small .work-title-container,
  .works-grid .work-item.updating .work-title-container {
    margin-top: 12px !important;
    width: 100% !important;
    display: block !important;
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
  }

  .works-grid .work-item-large .work-title-text,
  .works-grid .work-item-small .work-title-text,
  .works-grid .work-item.updating .work-title-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #000 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.4 !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }

  .works-grid .work-item-large .work-hover-title,
  .works-grid .work-item-small .work-hover-title,
  .works-grid .work-item.updating .work-hover-title {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #888 !important;
    opacity: 1 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.5 !important;
    display: inline !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
  }
}

/* iPad 端优化 (769px - 1024px) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* 品牌标题 */
  .brand-title {
    font-size: clamp(36px, 5vw, 60px) !important;
  }
  .brand-description {
    font-size: clamp(18px, 2.5vw, 28px) !important;
  }

  /* 页面标题 */
  .section-title {
    font-size: clamp(24px, 3vw, 32px) !important;
  }

  /* 联系我们 */
  .contact-location,
  .contact-time {
    font-size: clamp(28px, 4vw, 42px) !important;
    text-align: left !important;
  }

  /* 关于页 */
  .we-are-paragraph {
    font-size: clamp(20px, 2.5vw, 28px) !important;
  }
  .we-are-divider {
    margin-top: clamp(100px, 15vw, 200px) !important;
  }
  .our-advantages-section {
    padding: 0 0 clamp(80px, 12vw, 150px) 0 !important;
  }

  /* 资讯页 */
  .news-header {
    padding: 25px 0 clamp(60px, 10vw, 120px) 0 !important;
  }

  /* 服务详情标题 */
  .service-detail-title {
    font-size: clamp(18px, 2.5vw, 28px) !important;
  }

  /* 作品详情 */
  .work-detail-description {
    font-size: clamp(16px, 2vw, 24px) !important;
  }

  /* 导航栏 */
  .header {
    height: 60px !important;
  }
  .logo {
    height: 45px !important;
  }
  .nav-menu {
    font-size: 12px !important;
    gap: 10px !important;
    position: absolute !important;
    left: auto !important;
    right: 50px !important;
  }
  .nav-menu a {
    white-space: nowrap !important;
  }
  .menu-icon {
    display: flex !important;
    position: absolute !important;
    right: 15px !important;
  }

  /* Footer 左对齐 */
  .contact-title {
    text-align: left !important;
    justify-content: flex-start !important;
  }

  /* Footer 联系区域 - 时间与业务咨询左对齐 */
  .contact-left,
  .contact-right {
    align-items: flex-start !important;
    width: 100% !important;
  }
  .contact-time {
    text-align: left !important;
    font-size: clamp(28px, 4vw, 42px) !important;
    padding-left: 0 !important;
  }
  .contact-info span:first-child,
  .contact-join span:first-child {
    text-align: left !important;
  }

  /* 作品分类隐藏 */
  .works-categories {
    display: none !important;
  }

  /* Footer 底部对齐 */
  .footer-bottom {
    align-items: baseline !important;
  }
  .footer-copyright,
  .footer-icp {
    font-size: 12px !important;
    vertical-align: baseline !important;
  }

  /* 首页资讯2列 */
  #home-news-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1025px) {
  #home-work-featured {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin: 180px 0 20px 0 !important;
  }
  #home-work-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin: 0 !important;
  }
  #home-work-featured .work-item-large,
  #home-work-list .work-item-small {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 3 / 2 !important;
    height: auto !important;
    grid-column: auto !important;
    margin-bottom: 0 !important;
  }
  #home-work-featured .home-work-mobile-title,
  #home-work-list .home-work-mobile-title {
    display: none !important;
  }
}