:root{
  --blue:#0b64d8;
  --blue-2:#0f8aea;
  --navy:#062654;
  --ink:#0c2547;
  --muted:#5b708a;
  --line:#d9e8f7;
  --ice:#f3f9ff;
  --pale:#eef7ff;
  --green:#48a949;
  --orange:#ff8a00;
  --white:#fff;
  --shadow:0 20px 54px rgba(6,51,104,.13);
  --soft:0 10px 28px rgba(6,51,104,.09);
  --container:1540px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#fff 0%,#f5faff 45%,#fff 100%);
  line-height:1.65;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header{
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(188,213,238,.7);
}
.header-top{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:12px clamp(22px,3.3vw,58px);
}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.brand img{height:44px;width:auto;object-fit:contain}
.brand span{font-size:11px;color:#6f8196;letter-spacing:.02em;margin-left:2px}
.top-actions{display:flex;align-items:center;gap:18px}
.lang-switch{
  border:0;background:transparent;color:var(--ink);
  display:flex;align-items:center;gap:8px;font-weight:900;font-size:15px;cursor:pointer;
}
.lang-switch svg{width:21px;height:21px;color:#113866}.lang-switch em{font-style:normal;color:#8aa0b9}

.top-state-switch,
.top-area-link{
  position:relative;
  padding:8px 10px;
  border-radius:12px;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.top-state-switch:hover,
.top-area-link:hover{
  background:#eef7ff;
  color:var(--blue);
}
.top-state-switch .state-chip{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:2px 8px;
  border-radius:999px;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.top-state-switch .state-chip.is-active,
.top-area-link.is-active{
  background:linear-gradient(135deg,#eaf4ff,#f7fbff);
  color:var(--blue);
  box-shadow:inset 0 0 0 1px rgba(11,100,216,.16),0 8px 18px rgba(11,100,216,.08);
}
.top-area-link.is-active:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:3px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#ffc33d,var(--blue));
}
.inquiry-btn{
  height:48px;padding:0 26px;border-radius:7px;
  background:linear-gradient(135deg,#0a4fbd,#0f81ef);
  color:#fff;display:inline-flex;align-items:center;gap:13px;
  font-weight:950;box-shadow:0 12px 28px rgba(10,101,216,.22);
  transition:.22s;
}
.inquiry-btn:hover{transform:translateY(-2px)}
.inquiry-btn i,.btn i{font-style:normal}
.nav-strip{
  height:52px;display:grid;grid-template-columns:62px repeat(6,1fr);
  align-items:center;border-top:1px solid #e4eef8;border-bottom:2px solid var(--blue);
  background:linear-gradient(180deg,#fff,#fbfdff);
}
.home-tab{
  height:52px;display:grid;place-items:center;background:#0a4fbd;color:#fff;border-right:1px solid #0a4fbd;
}
.home-tab svg{width:22px;height:22px}
.nav-item{
  position:relative;height:52px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:12px;
  color:#102f57;font-weight:950;font-size:15px;border-right:1px solid #d6e4f2;white-space:nowrap;
}
.nav-item:before{content:"";width:21px;height:21px;background:center/contain no-repeat;opacity:.86}
.nav-item[data-icon="building"]:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21h16M7 21V5l10-2v18M9 8h2M9 12h2M9 16h2M14 8h2M14 12h2M14 16h2' stroke='%230b64d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.nav-item[data-icon="box"]:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3 4 7v10l8 4 8-4V7l-8-4Z' stroke='%230b64d8' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M4 7l8 4 8-4M12 11v10' stroke='%230b64d8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.nav-item[data-icon="gear"]:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z' stroke='%230b64d8' stroke-width='1.8'/%3E%3Cpath d='M4.9 12H3m18 0h-1.9M12 3v1.9m0 14.2V21M5.6 5.6 7 7m10 10 1.4 1.4M18.4 5.6 17 7M7 17l-1.4 1.4' stroke='%230b64d8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.nav-item[data-icon="globe"]:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%230b64d8' stroke-width='1.8'/%3E%3Cpath d='M3 12h18M12 3c2 2.4 3 5.4 3 9s-1 6.6-3 9M12 3c-2 2.4-3 5.4-3 9s1 6.6 3 9' stroke='%230b64d8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.nav-item[data-icon="news"]:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4h12a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z' stroke='%230b64d8' stroke-width='1.8'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5' stroke='%230b64d8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.nav-item[data-icon="mail"]:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' stroke='%230b64d8' stroke-width='1.8'/%3E%3Cpath d='m4 7 8 6 8-6' stroke='%230b64d8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.nav-item.active:after,.nav-item:hover:after{
  content:"";position:absolute;left:14%;right:14%;bottom:-2px;height:3px;border-radius:99px;background:var(--blue);
}
.menu-toggle{display:none;border:0;background:#eef7ff;border-radius:10px;width:44px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:21px;height:2px;background:var(--navy);border-radius:99px}
.hero{
  width:min(var(--container),calc(100% - 70px));margin:24px auto 24px;
  display:grid;grid-template-columns:minmax(360px,410px) minmax(0,1fr);gap:28px;align-items:start;
}
.hero-copy{padding:24px 0 16px;position:relative}
.hero-copy:before{
  content:"";position:absolute;left:-62px;top:20px;bottom:20px;width:15px;border-radius:99px;
  background:linear-gradient(180deg,#0b64d8,#69bfff);
}
.eyebrow{display:flex;align-items:center;gap:15px;margin:0 0 20px;color:var(--blue);font-weight:1000;letter-spacing:.08em;font-size:14px}
.eyebrow span{width:22px;height:3px;border-radius:99px;background:var(--orange)}
.hero h1{font-size:clamp(34px,3.3vw,50px);line-height:1.14;letter-spacing:-.035em;margin:0 0 16px;font-weight:1000;color:#071f45}
.hero-lead{font-size:16px;color:#344b67;font-weight:700;margin:0 0 22px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.btn{height:46px;padding:0 24px;border-radius:8px;display:inline-flex;align-items:center;gap:12px;font-weight:950;transition:.2s}
.btn-primary{background:linear-gradient(135deg,#0a55c9,#0e89ee);color:#fff;box-shadow:0 12px 30px rgba(10,101,216,.22)}
.btn-outline{background:#fff;color:var(--blue);border:1px solid #9bc4ef}
.btn:hover{transform:translateY(-2px)}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.trust-strip article{display:grid;gap:5px;justify-items:center;text-align:center;color:#57708d}
.trust-strip svg{width:31px;height:31px;color:#4f78b4}.trust-strip b{font-size:13px;color:#274766}.trust-strip small{font-size:12px}
.hero-stage{
  display:grid;grid-template-columns:minmax(0,1fr) 286px;grid-template-rows:1fr auto;gap:14px;align-items:start;
}
.hero-main-photo{
  grid-column:1;grid-row:1 / span 2;
  min-height:0;aspect-ratio:1.1/0.92;max-height:510px;
  border-radius:18px;overflow:hidden;background:#eaf5ff;margin:0;box-shadow:var(--shadow);position:relative;
}
.hero-main-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 50%);z-index:1}
.hero-main-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-stage.hero-stage-wide{
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto;
}
.hero-stage.hero-stage-wide .hero-main-photo{
  grid-column:1;
  grid-row:1;
  width:100%;
  aspect-ratio:1.75/1;
}
.category-rail{grid-column:2;grid-row:1;display:grid;gap:10px;align-content:start}
.rail-card{
  min-height:72px;border:1px solid #dce9f6;border-radius:14px;background:#fff;box-shadow:var(--soft);
  display:grid;grid-template-columns:50px 1fr 18px;align-items:center;gap:12px;padding:12px 16px;color:#18385e;transition:.2s;
}
.rail-card:hover{transform:translateX(-4px)}
.rail-card svg{width:34px;height:34px}.rail-card h3{margin:0;font-size:15px;line-height:1.35}.rail-card span{font-size:22px;color:#7590ad}.rail-card:nth-child(2) svg{color:var(--green)}.rail-card:nth-child(3) svg{color:var(--orange)}
.detail-card{grid-column:2;grid-row:2;margin:0;border:1px solid #dce9f6;border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--soft)}
.detail-card img{height:126px;width:100%;object-fit:cover}
.detail-card div{padding:16px}.detail-card h3{margin:0 0 6px;font-size:17px;line-height:1.35}.detail-card p{margin:0 0 10px;color:#58708d;font-weight:650;font-size:14px;line-height:1.55}.detail-card a{color:var(--blue);font-weight:1000;font-size:14px}
.section{width:min(var(--container),calc(100% - 70px));margin:0 auto 24px}
.products-section,.news-panel,.global-panel,.technology-strip{
  background:#fff;border:1px solid #dbe8f6;border-radius:16px;box-shadow:var(--soft)
}
.products-section{padding:22px 24px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.section-head>div{display:flex;align-items:center;gap:10px}.mark{width:5px;height:24px;border-radius:99px;background:linear-gradient(180deg,var(--blue),var(--blue-2))}
.section h2{margin:0;font-size:24px;font-weight:1000;line-height:1.25}.text-link{color:var(--blue);font-weight:950;font-size:14px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{min-height:138px;border:1px solid #dce9f6;border-radius:15px;overflow:hidden;background:#fff;display:grid;grid-template-columns:1.08fr 1fr;box-shadow:0 10px 22px rgba(6,51,104,.07);transition:.2s}
.product-card:hover{transform:translateY(-3px)}
.product-card img{height:100%;min-height:138px;width:100%;object-fit:cover}
.product-card-body{padding:18px;display:flex;flex-direction:column;justify-content:center;position:relative}
.product-card h3{margin:0 0 5px;font-size:18px;font-weight:1000}.product-card p{margin:0;color:#5d738d;font-weight:650;font-size:13px;line-height:1.45}
.product-arrow{position:absolute;right:16px;bottom:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:1000}
.product-card:nth-child(2){border-left:4px solid var(--green)}.product-card:nth-child(2) h3{color:var(--green)}.product-card:nth-child(2) .product-arrow{background:var(--green)}
.product-card:nth-child(3){border-left:4px solid var(--orange)}.product-card:nth-child(3) h3{color:var(--orange)}.product-card:nth-child(3) .product-arrow{background:var(--orange)}
.content-grid{display:grid;grid-template-columns:.88fr 1.35fr;gap:24px}
.news-panel,.global-panel{padding:22px}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.news-card{border:1px solid #dce9f6;border-radius:12px;overflow:hidden;background:#fff;min-height:196px;box-shadow:0 8px 18px rgba(6,51,104,.06)}
.news-card img{height:95px;width:100%;object-fit:cover}.news-card div{padding:12px}.news-card time{font-size:12px;color:#7990aa}.news-card h3{font-size:15px;line-height:1.35;margin:4px 0 6px}.news-card p{font-size:12px;color:#607793;margin:0}
.map-illustration{height:172px;width:100%;object-fit:contain;margin:2px 0 10px}
.home-global-sync{display:grid;gap:16px}
.home-global-sync-map{
  position:relative;
  min-height:260px;
  overflow:hidden;
  border:1px solid rgba(203,225,246,.88);
  border-radius:18px;
  background:
    linear-gradient(90deg,rgba(13,112,214,.04) 1px,transparent 1px),
    linear-gradient(0deg,rgba(13,112,214,.04) 1px,transparent 1px),
    #f8fcff;
  background-size:30px 30px,30px 30px,auto;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 12px 26px rgba(6,51,104,.06);
}
.home-global-sync-map img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.94;
  filter:saturate(1.03) contrast(1.01);
  transform:scale(1.015);
}
.home-global-hub{
  --x:50%;
  --y:50%;
  position:absolute;
  left:var(--x);
  top:var(--y);
  z-index:2;
  width:1px;
  height:1px;
  pointer-events:none;
  transform:translate(-50%,-50%);
}
.home-global-hub span{
  position:absolute;
  left:50%;
  top:50%;
  width:86px;
  height:86px;
  border:1px solid rgba(11,100,216,.22);
  border-radius:50%;
  transform:translate(-50%,-50%) scale(.25);
  opacity:0;
  animation:homeGlobalPulse 3.8s ease-out infinite;
}
.home-global-hub span:nth-child(2){animation-delay:1.55s;border-color:rgba(43,171,95,.2)}
@keyframes homeGlobalPulse{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}
  22%{opacity:.72}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.85)}
}
.home-global-pin{
  --x:50%;
  --y:50%;
  position:absolute;
  left:var(--x);
  top:var(--y);
  z-index:4;
  transform:translate(calc(-50% + var(--pin-shift-x,0px)),calc(-50% + var(--pin-shift-y,0px)));
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  transition:.2s ease;
}
.home-global-pin span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:2px solid #fff;
  border-radius:50%;
  background:linear-gradient(135deg,#0b64d8,#33baff);
  color:#fff;
  font-size:11px;
  font-weight:950;
  box-shadow:0 9px 22px rgba(11,100,216,.25);
}
.home-global-pin b{
  position:absolute;
  left:38px;
  top:50%;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  max-width:128px;
  min-height:22px;
  padding:0 8px;
  border:1px solid #d5e6f7;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#0a315f;
  font-size:11px;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(6,51,104,.10);
  backdrop-filter:blur(8px);
}
.home-global-pin.is-cluster-left b{
  left:50%;
  right:auto;
  top:-9px;
  transform:translate(-50%,-100%);
}
.home-global-pin.is-cluster-right b{
  left:50%;
  right:auto;
  top:41px;
  transform:translateX(-50%);
}
.home-global-pin.accent-orange b{
  left:50%;
  right:auto;
  top:41px;
  transform:translateX(-50%);
}
.home-global-pin.is-cluster-center b{
  left:50%;
  right:auto;
  top:41px;
  transform:translateX(-50%);
}
.home-global-pin:hover,
.home-global-pin.is-active{
  z-index:28;
}
.home-global-pin.accent-green span{background:linear-gradient(135deg,#1fa35a,#67d98f)}
.home-global-pin.accent-orange span{background:linear-gradient(135deg,#ff8a00,#ffc24d)}
.home-global-pin:hover,.home-global-pin.is-active{transform:translate(calc(-50% + var(--pin-shift-x,0px)),calc(-50% + var(--pin-shift-y,0px))) translateY(-3px)}
.home-global-pin:hover b,.home-global-pin.is-active b{border-color:#9fd0fb;background:rgba(255,255,255,1);box-shadow:0 10px 22px rgba(6,51,104,.16)}
.home-global-sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-global-card{
  border:1px solid #dce9f6;
  border-top:3px solid var(--blue);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#f8fcff 100%);
  box-shadow:0 8px 18px rgba(6,51,104,.06);
  padding:16px;
  transition:.2s ease;
}
.home-global-card.accent-green{border-top-color:var(--green)}
.home-global-card.accent-orange{border-top-color:var(--orange)}
.home-global-card:hover,.home-global-card.is-active{transform:translateY(-3px);box-shadow:0 14px 28px rgba(6,51,104,.11);border-color:#b9d8f6}
.home-global-card button{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  border:0;
  padding:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.home-global-card-code{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:#eef7ff;
  color:var(--blue);
  font-weight:950;
  font-size:12px;
}
.home-global-card-main{min-width:0;display:grid;gap:2px}
.home-global-card-main small{color:var(--blue);font-size:11px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.home-global-card-main strong{color:#0a315f;font-size:19px;line-height:1.28;white-space:normal;overflow:visible;text-overflow:clip}
.home-global-card-main em{font-style:normal;color:#5d738d;font-size:13px;font-weight:700;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-global-card p{margin:12px 0 0;padding-top:10px;border-top:1px dashed #d5e6f7;color:#58708d;font-size:12px;font-weight:650;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-global-card .home-global-phone{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed #d5e6f7;
  color:#0a315f;
  font-size:12px;
  font-weight:850;
  line-height:1.45;
  -webkit-line-clamp:1;
}
.home-global-card .home-global-phone:before{
  content:"☎";
  color:var(--blue);
  font-weight:900;
}
.home-global-sync-empty{padding:18px;border:1px dashed #bdd8f4;border-radius:14px;background:#f8fcff;color:#6b829b;text-align:center}
.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.location-card{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;border:1px solid #dce9f6;border-radius:16px;padding:12px;background:#fff;box-shadow:0 8px 18px rgba(6,51,104,.06)}
.location-card img{width:76px;height:76px;border-radius:50%;object-fit:cover}.location-card h3{margin:0 0 2px;font-size:17px}.location-card p{margin:0;color:#58708d;font-size:13px;font-weight:700}
.technology-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 24px;gap:16px}
.technology-strip article{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;border-right:1px solid #e0eaf4}
.technology-strip article:last-child{border-right:0}.technology-strip svg{grid-row:1/3;width:38px;height:38px;color:#2468bd}.technology-strip b{font-size:16px}.technology-strip span{color:#607793;font-size:13px}
.site-footer{width:70%;max-width:1680px;margin:0 auto}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#0a4fbd,#0e89ee);color:#fff;padding:24px 30px;border-radius:18px 18px 0 0}.footer-main h2{font-size:24px;margin:0 0 4px}.footer-main p{margin:0;color:#dcefff}
.inquiry-btn.light{background:#fff;color:var(--blue);box-shadow:none}.contact-list{display:flex;gap:28px;flex-wrap:wrap;padding:18px 26px;background:#fff;border-left:1px solid #dce9f6;border-right:1px solid #dce9f6;font-weight:800}.contact-list b{color:var(--blue);margin-right:6px}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;background:#062654;color:#dbeaff;padding:14px 26px;border-radius:0 0 12px 12px;font-size:13px;margin-bottom:0}.footer-back-to-top{cursor:pointer;white-space:nowrap}
.reveal{opacity:0;transform:translateY(14px);animation:fadeUp .65s ease forwards}.delay-1{animation-delay:.12s}@keyframes fadeUp{to{opacity:1;transform:none}}
@media (max-width:1180px){
  .nav-strip{display:none;position:absolute;left:16px;right:16px;top:72px;height:auto;grid-template-columns:1fr;border:1px solid #dce9f6;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
  .nav-strip.open{display:grid}.home-tab{height:48px}.nav-item{justify-content:flex-start;height:48px}.menu-toggle{display:flex}
  .hero{grid-template-columns:1fr}.hero-stage{grid-template-columns:1fr;grid-template-rows:auto}.hero-main-photo,.category-rail,.detail-card{grid-column:auto;grid-row:auto}.category-rail{grid-template-columns:repeat(2,1fr)}.detail-card{display:grid;grid-template-columns:280px 1fr}.detail-card img{height:100%}
  .product-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .header-top{min-height:70px;padding:12px 16px}.brand img{height:38px}.brand span{display:none}.lang-switch{font-size:13px}.inquiry-btn{display:none}.hero,.section{width:calc(100% - 28px)}.hero{margin-top:18px}.hero-copy{padding-top:22px}.hero h1{font-size:34px}.trust-strip,.category-rail,.product-grid,.news-grid,.location-grid,.technology-strip{grid-template-columns:1fr}.detail-card{display:block}.detail-card img{height:190px}.product-card{grid-template-columns:1fr}.product-card img{height:145px}.technology-strip article{border-right:0;border-bottom:1px solid #e0eaf4;padding-bottom:12px}.technology-strip article:last-child{border-bottom:0}.site-footer{width:calc(100% - 28px);max-width:none}.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.contact-list{gap:12px}
}


/* === 2026-05 compact aligned hero fix ===
   Purpose: make the hero area sit below the two-tier navigation, reduce the main photo size,
   and align the left copy, center image, and right product list cleanly in a desktop view.
*/
.site-header{
  position:relative;
}

@media (min-width:1181px){
  .hero{
    margin:34px auto 30px;
    grid-template-columns:minmax(390px,440px) minmax(0,1fr);
    gap:34px;
    align-items:start;
  }

  .hero-copy{
    padding:34px 0 16px;
  }

  .hero-copy:before{
    top:34px;
    bottom:18px;
  }

  .eyebrow{
    margin-bottom:18px;
  }

  .hero h1{
    max-width:440px;
    font-size:clamp(34px,2.7vw,44px);
    line-height:1.16;
    letter-spacing:-.03em;
    word-break:keep-all;
    overflow-wrap:normal;
    margin-bottom:18px;
  }

  .hero-lead{
    max-width:430px;
    font-size:16px;
    line-height:1.68;
    margin-bottom:24px;
  }

  .hero-actions{
    margin-bottom:30px;
  }

  .trust-strip{
    max-width:420px;
    margin-top:20px;
    gap:10px;
  }

  .hero-stage{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    grid-template-rows:auto;
    gap:22px;
    align-items:start;
    min-height:0;
  }

  .hero-main-photo{
    grid-column:1;
    grid-row:1;
    width:100%;
    height:auto;
    min-height:0;
    max-height:420px;
    aspect-ratio:1.48 / 1;
    align-self:start;
    border-radius:18px;
  }

  .hero-main-photo img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
  }

  .category-rail{
    grid-column:2;
    grid-row:1;
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    align-content:start;
    align-self:start;
  }

  .rail-card{
    min-height:84px;
    grid-template-columns:52px 1fr 18px;
    padding:14px 18px;
  }

  .rail-card svg{
    width:36px;
    height:36px;
  }

  .rail-card h3{
    font-size:16px;
    line-height:1.35;
  }

  .detail-card{
    display:none;
  }
}

/* === 2026-05 hero realign v2 ===
   Final desktop alignment pass:
   - keep the hero visually compact
   - use a clean replacement pickup photo
   - align the left copy, center image and right product rail more cleanly
*/
@media (min-width:1181px){
  .hero{
    margin:28px auto 28px;
    grid-template-columns:minmax(390px,430px) minmax(0,1fr);
    gap:38px;
    align-items:start;
  }

  .hero-copy{
    padding:24px 0 10px;
    align-self:start;
  }

  .hero-copy:before{
    top:18px;
    bottom:8px;
  }

  .hero h1{
    max-width:400px;
    font-size:clamp(32px,2.5vw,42px);
    line-height:1.18;
    margin-bottom:16px;
  }

  .hero-lead{
    max-width:400px;
    font-size:15px;
    line-height:1.72;
    margin-bottom:22px;
  }

  .hero-actions{
    margin-bottom:24px;
  }

  .trust-strip{
    max-width:398px;
    gap:8px;
    margin-top:18px;
  }

  .hero-stage{
    grid-template-columns:minmax(0,760px) 286px;
    gap:18px;
    align-items:start;
    justify-content:start;
  }

  .hero-main-photo{
    grid-column:1;
    grid-row:1;
    width:100%;
    max-width:760px;
    max-height:410px;
    aspect-ratio:1.48 / 1;
    min-height:0;
    margin:0;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 18px 42px rgba(6,51,104,.11);
  }

  .hero-main-photo::before{
    background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,0) 42%);
  }

  .hero-main-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }

  .category-rail{
    grid-column:2;
    grid-row:1;
    gap:12px;
    align-self:start;
  }

  .rail-card{
    min-height:78px;
    padding:14px 16px;
    border-radius:16px;
  }

  .rail-card h3{
    font-size:15px;
  }

  .detail-card{
    display:none;
  }
}


/* === 2026-05 final polish pass ===
   User feedback fixes:
   - replace low-grade pickup with a cleaner hero image
   - align the right hero column with the main image
   - refine the global service map and location cards
*/
@media (min-width:1181px){
  .hero{
    align-items:start;
    margin:28px auto 26px;
  }

  .hero-stage{
    display:grid;
    grid-template-columns:minmax(0,760px) 292px;
    grid-template-rows:auto auto;
    gap:16px 18px;
    align-items:start;
  }

  .hero-main-photo{
    grid-column:1;
    grid-row:1 / span 2;
    width:100%;
    max-width:760px;
    height:468px;
    max-height:none;
    aspect-ratio:auto;
    border-radius:20px;
    overflow:hidden;
    background:#eef4fb;
  }

  .hero-main-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }

  .category-rail{
    grid-column:2;
    grid-row:1;
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    align-content:start;
    align-self:start;
  }

  .rail-card{
    min-height:80px;
    padding:16px 18px;
    border-radius:18px;
  }

  .rail-card svg{
    width:38px;
    height:38px;
  }

  .rail-card h3{
    font-size:16px;
  }

  .detail-card{
    grid-column:2;
    grid-row:2;
    display:grid;
    grid-template-columns:86px 1fr;
    align-items:center;
    align-self:start;
    gap:0;
    border-radius:18px;
    overflow:hidden;
    min-height:96px;
    box-shadow:0 14px 28px rgba(6,51,104,.10);
  }

  .detail-card img{
    height:96px;
    width:86px;
    object-fit:cover;
  }

  .detail-card div{
    padding:12px 14px 12px 14px;
  }

  .detail-card h3{
    font-size:15px;
    margin:0 0 4px;
  }

  .detail-card p{
    font-size:13px;
    margin:0 0 6px;
    line-height:1.45;
  }

  .detail-card a{
    font-size:13px;
  }
}

.map-illustration{
  height:196px;
  width:100%;
  object-fit:contain;
  margin:4px 0 16px;
  border:1px solid #e2edf8;
  border-radius:24px;
  background:linear-gradient(180deg,#f8fbff,#eef5ff);
}

.location-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

.location-card{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:14px;
  align-items:center;
  border:1px solid #dce9f6;
  border-radius:18px;
  padding:14px;
  min-height:132px;
  background:#fff;
  box-shadow:0 10px 22px rgba(6,51,104,.06);
}

.location-card img{
  width:96px;
  height:96px;
  border-radius:18px;
  object-fit:cover;
  border:1px solid #e3edf8;
}

.location-card h3{
  margin:0 0 6px;
  font-size:17px;
  line-height:1.25;
}

.location-card p{
  margin:0;
  color:#58708d;
  font-size:14px;
  font-weight:700;
  line-height:1.55;
}

@media (max-width:720px){
  .location-card{
    grid-template-columns:82px 1fr;
    min-height:0;
  }
  .location-card img{
    width:82px;
    height:82px;
    border-radius:16px;
  }
}

/* === 2026-05 global service section redesign ===
   Full replacement for the previous map + image cards.
   Goal: cleaner, more premium, CMS-friendly section with a refined unfolded-globe visual
   and compact service cards without awkward small images.
*/
.global-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
}
.global-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:160px;
  background:radial-gradient(circle at top right, rgba(42,124,239,.08), transparent 54%);
  pointer-events:none;
}
.global-intro{
  margin:0 0 14px;
  max-width:760px;
  color:#607793;
  font-size:14px;
  line-height:1.75;
  font-weight:700;
}
.map-illustration{
  display:block;
  width:100%;
  height:auto;
  margin:0 0 18px;
  border:1px solid #dbe7f5;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.location-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.location-card{
  min-height:168px;
  grid-template-columns:82px 1fr;
  gap:16px;
  align-items:center;
  padding:18px;
  border-radius:20px;
  border:1px solid #dbe7f5;
  background:linear-gradient(180deg,#fff 0%, #fafdff 100%);
  box-shadow:0 14px 26px rgba(9,53,110,.05);
}
.location-thumb{
  width:82px;
  height:82px;
  border-radius:22px;
  position:relative;
  display:grid;
  place-items:center;
  border:1px solid #dbe7f5;
  background:linear-gradient(160deg,#eff6ff 0%, #ffffff 100%);
  overflow:hidden;
}
.location-thumb::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:18px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.25));
}
.location-thumb svg{
  width:54px;
  height:54px;
  position:relative;
  z-index:1;
}
.location-thumb .pin,
.location-thumb .dot,
.location-thumb .line{
  fill:none;
  stroke:currentColor;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.location-thumb .pin{fill:currentColor;stroke:none;opacity:.14}
.location-thumb .dot{fill:#fff;stroke:currentColor}
.location-code{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  min-width:26px;
  height:26px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(31,82,145,.10);
  box-shadow:0 6px 12px rgba(8,45,95,.08);
  color:#29578f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.location-meta{display:flex;flex-direction:column;gap:6px}
.location-detail{
  display:inline-flex;
  align-self:flex-start;
  padding:5px 10px;
  border-radius:999px;
  background:#f3f8ff;
  color:#5e7ea7;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.location-card h3{
  margin:0;
  font-size:28px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.02em;
  color:#0a3268;
}
.location-card p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  font-weight:700;
  color:#607793;
}
.location-card.accent-blue .location-thumb{color:#2168e8;background:linear-gradient(160deg,#eef5ff,#fff)}
.location-card.accent-green .location-thumb{color:#34a853;background:linear-gradient(160deg,#effaf2,#fff)}
.location-card.accent-orange .location-thumb{color:#fb8c00;background:linear-gradient(160deg,#fff6eb,#fff)}
.location-card.accent-blue .location-detail{background:#eef5ff;color:#2168e8}
.location-card.accent-green .location-detail{background:#eefaf1;color:#2f9b4d}
.location-card.accent-orange .location-detail{background:#fff5e8;color:#e78500}
.location-card.accent-blue{border-top:4px solid #2f7df4}
.location-card.accent-green{border-top:4px solid #4cb36a}
.location-card.accent-orange{border-top:4px solid #ff9b2f}

@media (max-width:1180px){
  .location-card h3{font-size:24px}
}

@media (max-width:720px){
  .global-intro{font-size:13px;line-height:1.65}
  .location-grid{grid-template-columns:1fr}
  .location-card{
    grid-template-columns:74px 1fr;
    min-height:0;
    padding:16px;
    gap:14px;
  }
  .location-thumb{width:74px;height:74px;border-radius:20px}
  .location-thumb svg{width:48px;height:48px}
  .location-card h3{font-size:24px}
  .location-card p{font-size:13px;line-height:1.6}
}

/* Final global map image replacement */
.global-panel .map-illustration{
  display:block;
  width:100%;
  height:auto;
  max-height:360px;
  object-fit:contain;
  object-position:center;
  margin:0 0 18px;
  border:1px solid #dbe7f5;
  border-radius:22px;
  background:linear-gradient(180deg,#fbfdff 0%,#f1f7ff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 12px 26px rgba(8,48,104,.06);
}
@media (max-width:720px){
  .global-panel .map-illustration{
    max-height:none;
    border-radius:18px;
  }
}

/* === 2026-05 hero card bottom alignment fix ===
   User request: keep current hero style, but make the right-side hero cards
   align more cleanly and ensure the bottom card sits flush with the main hero image.
*/
@media (min-width:1181px){
  .hero{
    align-items:start;
  }

  .hero-stage{
    grid-template-columns:minmax(0,760px) 320px;
    grid-template-rows:1fr auto;
    gap:18px 20px;
    align-items:stretch;
    min-height:560px;
  }

  .hero-main-photo{
    grid-column:1;
    grid-row:1 / span 2;
    height:560px;
    max-width:none;
    border-radius:22px;
  }

  .category-rail{
    grid-column:2;
    grid-row:1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(4, minmax(0,1fr));
    gap:14px;
    align-self:stretch;
    min-height:0;
  }

  .rail-card{
    min-height:0;
    height:100%;
    display:grid;
    grid-template-columns:52px 1fr 18px;
    align-items:center;
    padding:16px 18px;
    border-radius:18px;
  }

  .detail-card{
    grid-column:2;
    grid-row:2;
    display:grid;
    grid-template-columns:92px 1fr;
    align-items:center;
    min-height:114px;
    width:100%;
    align-self:end;
    margin-top:0;
  }

  .detail-card img{
    width:92px;
    height:114px;
  }

  .detail-card div{
    padding:14px 16px;
  }
}

/* === 2026-05 hero compact alignment pass ===
   User request: reduce the visual height of the right hero block
   and align its bottom edge closer to the left content block.
*/
@media (min-width:1181px){
  .hero{
    align-items:start;
  }

  .hero-stage{
    grid-template-columns:minmax(0,760px) 320px;
    grid-template-rows:1fr auto;
    gap:14px 20px;
    align-items:stretch;
    min-height:500px;
  }

  .hero-main-photo{
    height:500px;
    border-radius:22px;
  }

  .category-rail{
    gap:12px;
  }

  .rail-card{
    padding:14px 18px;
    border-radius:18px;
  }

  .detail-card{
    min-height:98px;
    border-radius:18px;
  }

  .detail-card img{
    width:88px;
    height:98px;
  }

  .detail-card div{
    padding:12px 14px;
  }

  .detail-card h3{
    font-size:14px;
    margin:0 0 4px;
  }

  .detail-card p{
    font-size:12px;
    margin:0 0 6px;
    line-height:1.45;
  }

  .detail-card a{
    font-size:12px;
  }
}

/* Security-hardened PHP version additions */
.page-hero{width:min(var(--container),calc(100% - 70px));margin:30px auto 20px;padding:48px;border-radius:24px;background:linear-gradient(135deg,#eff8ff,#fff);box-shadow:var(--soft);border:1px solid #dcecff}
.page-hero h1{margin:0 0 12px;font-size:clamp(32px,3vw,48px);line-height:1.15;color:#071f45}
.page-hero p{max-width:820px;margin:0;color:#435b78;font-weight:700}.page-content{width:min(var(--container),calc(100% - 70px));margin:24px auto 64px}.simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.form-card{background:#fff;border:1px solid #dbeaf8;border-radius:20px;padding:28px;box-shadow:var(--soft)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.form-card label{display:grid;gap:8px;font-weight:900;color:#183b66}.form-card input,.form-card textarea,.form-card select{width:100%;border:1px solid #cfe0f1;border-radius:12px;padding:12px 14px;font:inherit;background:#fbfdff}.form-card textarea{min-height:150px;resize:vertical}.notice{border-radius:12px;padding:13px 16px;margin:0 0 16px;font-weight:900}.notice.ok{background:#e9f9ef;color:#176532}.notice.err{background:#fff0f0;color:#a51d1d}.hp-field{position:absolute;left:-9999px;opacity:0}.product-detail-card{background:#fff;border:1px solid #dce9f6;border-radius:20px;overflow:hidden;box-shadow:var(--soft)}.product-detail-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.product-detail-card div{padding:20px}.product-detail-card h3{margin:0 0 8px;color:#071f45}.product-detail-card p{margin:0;color:#516984}.news-list{display:grid;gap:18px}.news-row{display:grid;grid-template-columns:260px 1fr;gap:20px;background:#fff;border:1px solid #dce9f6;border-radius:20px;overflow:hidden;box-shadow:var(--soft)}.news-row img{width:100%;height:100%;min-height:180px;object-fit:cover}.news-row div{padding:22px}.news-row time{display:block;color:var(--blue);font-weight:900;margin-bottom:7px}.news-row h3{margin:0 0 8px;color:#071f45}.news-row p{margin:0;color:#516984}.contact-columns{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.contact-info{display:grid;gap:14px}.contact-info article{background:#fff;border:1px solid #dce9f6;border-radius:18px;padding:20px;box-shadow:var(--soft)}.contact-info b{display:block;color:#071f45;margin-bottom:4px}.contact-info span{color:#536c89}.admin-link-hidden{display:none}
@media (max-width: 900px){.simple-grid{grid-template-columns:1fr}.news-row{grid-template-columns:1fr}.contact-columns{grid-template-columns:1fr}.page-hero,.page-content{width:min(100% - 32px,var(--container));padding:26px}.form-grid{grid-template-columns:1fr}}
/* 檔案路徑：/assets/app.css
 * 程式名稱：前台關於大億金茂樣式增量
 * 功能說明：關於頁現代化頁籤、樹狀錨點、內容卡片、沿革、據點與投資人入口樣式。
 */
.about-hero-modern{min-height:260px;background:linear-gradient(135deg,rgba(0,116,185,.92),rgba(0,156,213,.76)),url('hero-truck.jpg') center/cover no-repeat;color:#fff;display:grid;place-items:center;text-align:center;padding:70px 20px 90px;position:relative;overflow:hidden}.about-hero-modern:after{content:"";position:absolute;left:10%;right:10%;bottom:-36px;height:72px;background:#fff;border-radius:36px 36px 0 0;box-shadow:0 -14px 36px rgba(10,53,89,.12)}.about-hero-modern>div{position:relative;z-index:1;max-width:900px}.about-eyebrow{display:inline-flex;letter-spacing:.18em;font-size:13px;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:7px 14px;margin-bottom:16px}.about-hero-modern h1{font-size:clamp(34px,5vw,56px);margin:0 0 14px;font-weight:400}.about-hero-modern p{margin:0 auto;max-width:720px;font-size:18px;line-height:1.8;color:rgba(255,255,255,.9)}.about-page-wrap{max-width:1180px;margin:-52px auto 80px;padding:0 20px;position:relative;z-index:2}.about-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;background:#fff;border:1px solid #dceaf6;border-radius:22px;padding:10px;box-shadow:0 18px 40px rgba(9,50,89,.12);margin-bottom:28px}.about-tabs a{display:inline-flex;align-items:center;justify-content:center;min-width:132px;padding:13px 18px;border-radius:16px;color:#16446f;text-decoration:none;transition:.2s;font-weight:400}.about-tabs a:hover,.about-tabs a.active{background:linear-gradient(135deg,#ffb51d,#ffce47);color:#12335a;box-shadow:0 10px 24px rgba(255,181,29,.25)}.about-layout{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start}.about-anchor-menu{position:sticky;top:96px;background:#fff;border:1px solid #dceaf6;border-radius:20px;padding:12px;box-shadow:0 14px 32px rgba(9,50,89,.08)}.about-anchor-menu a{display:block;padding:11px 13px;border-radius:13px;color:#375c7c;text-decoration:none;line-height:1.5}.about-anchor-menu a:hover{background:#eef7fd;color:#0074b9}.about-content-stack{display:grid;gap:24px}.about-intro-card,.about-section-card,.about-single-card{background:#fff;border:1px solid #dceaf6;border-radius:26px;padding:30px;box-shadow:0 16px 42px rgba(9,50,89,.08)}.about-intro-card{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}.about-intro-card img{width:100%;height:260px;object-fit:cover;border-radius:22px;box-shadow:0 12px 30px rgba(8,41,78,.13)}.about-intro-card span,.about-section-head span{display:inline-flex;color:#0074b9;letter-spacing:.08em;font-size:13px;margin-bottom:8px}.about-intro-card h2,.about-section-head h2{font-size:30px;margin:0 0 12px;color:#0c2547;font-weight:400}.about-intro-card p,.about-section-head p{margin:0;color:#65758a;line-height:1.9}.about-section-head{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e4edf6}.about-prose{display:grid;gap:18px;color:#344962;line-height:2;font-size:16px}.about-prose h3{margin:10px 0 0;font-size:22px;color:#0c2547;font-weight:400}.about-prose p{margin:0}.about-prose figure{margin:0}.about-prose img{width:100%;max-height:430px;object-fit:cover;border-radius:20px}.about-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-value-card{background:linear-gradient(180deg,#f7fbff,#fff);border:1px solid #dceaf6;border-radius:20px;padding:22px;position:relative;overflow:hidden}.about-value-card:before{content:"";position:absolute;right:-28px;top:-28px;width:90px;height:90px;border-radius:999px;background:rgba(0,116,185,.08)}.about-value-card span{display:block;color:#0074b9;margin-bottom:10px}.about-value-card p{margin:0;color:#344962;line-height:1.85}.about-timeline{position:relative;display:grid;gap:14px;padding-left:24px}.about-timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:linear-gradient(#0074b9,#ffb51d)}.about-timeline-item{position:relative;background:#fff;border:1px solid #dceaf6;border-radius:18px;padding:18px 20px}.about-timeline-item:before{content:"";position:absolute;left:-23px;top:22px;width:12px;height:12px;border-radius:50%;background:#ffb51d;box-shadow:0 0 0 5px #fff}.about-timeline-item time{display:inline-flex;color:#0074b9;font-size:20px;margin-bottom:8px}.about-timeline-item p{margin:0;color:#344962;line-height:1.85}.about-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-location-card{border:1px solid #dceaf6;border-radius:20px;padding:22px;background:linear-gradient(135deg,#fff,#f5fbff)}.about-location-card b{display:block;color:#0c2547;font-size:20px;margin-bottom:8px;font-weight:400}.about-location-card p{margin:0;color:#4a6078;line-height:1.8}.about-investor-link{display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:22px;padding:24px 26px;text-decoration:none;background:linear-gradient(135deg,#0074b9,#00a3d8);color:#fff;box-shadow:0 16px 34px rgba(0,116,185,.22)}.about-investor-link span{font-size:22px}.about-investor-link em{font-style:normal;font-size:28px}.about-empty{padding:18px;border-radius:16px;background:#f7fbff;color:#65758a}@media(max-width:900px){.about-layout{grid-template-columns:1fr}.about-anchor-menu{position:relative;top:auto;display:flex;overflow:auto}.about-anchor-menu a{white-space:nowrap}.about-intro-card{grid-template-columns:1fr}.about-value-grid,.about-location-grid{grid-template-columns:1fr}}@media(max-width:640px){.about-page-wrap{padding:0 14px}.about-tabs{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.about-tabs a{min-width:max-content}.about-intro-card,.about-section-card,.about-single-card{padding:22px;border-radius:20px}.about-hero-modern{padding-top:58px}.about-hero-modern h1{font-size:34px}}

/* === About page visual redesign patch 2026-05 === */
.about-modern-page{background:linear-gradient(180deg,#f7fbff 0%,#fff 34%,#f5faff 100%);overflow:hidden}
.about-visual-hero{width:min(1380px,calc(100% - 64px));margin:32px auto 22px;min-height:520px;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);gap:34px;align-items:center;position:relative}
.about-visual-hero:before{content:"";position:absolute;left:-12vw;right:-12vw;top:-34px;height:310px;background:radial-gradient(circle at 22% 12%,rgba(255,177,24,.18),transparent 32%),linear-gradient(135deg,#edf8ff,#fff 58%,#f8fbff);z-index:0}
.about-visual-copy,.about-visual-media{position:relative;z-index:1}.about-kicker{display:inline-flex;align-items:center;gap:10px;color:#0b64d8;letter-spacing:.14em;font-size:13px;margin-bottom:16px}.about-kicker:before{content:"";width:42px;height:3px;border-radius:99px;background:#ff9d00}.about-visual-copy h1{font-size:clamp(42px,5vw,74px);line-height:1.02;letter-spacing:-.055em;margin:0 0 20px;color:#071f45;font-weight:400}.about-visual-copy p{max-width:560px;color:#43607f;font-size:18px;line-height:1.9;margin:0 0 26px}.about-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.about-hero-actions a{height:48px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8d8f6;color:#0b64d8;background:#fff;box-shadow:0 14px 32px rgba(6,51,104,.08);transition:.22s}.about-hero-actions a:first-child{background:linear-gradient(135deg,#0b64d8,#0f8aea);color:#fff;border-color:transparent}.about-hero-actions a:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(6,51,104,.13)}
.about-visual-media{height:520px}.about-main-photo{position:absolute;right:0;top:0;width:82%;height:390px;margin:0;border-radius:30px;overflow:hidden;box-shadow:0 28px 70px rgba(6,51,104,.18);background:#dfefff}.about-main-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,31,69,.05),rgba(11,100,216,.12))}.about-main-photo img{width:100%;height:100%;object-fit:cover}.about-float-photo{position:absolute;left:0;bottom:24px;width:42%;height:220px;margin:0;border:10px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 22px 50px rgba(6,51,104,.18);background:#e8f4ff}.about-float-photo img{width:100%;height:100%;object-fit:cover}.about-hero-metrics{position:absolute;right:34px;bottom:0;width:min(560px,82%);display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.about-hero-metrics article{background:rgba(255,255,255,.92);border:1px solid #dce9f6;border-radius:18px;padding:18px 14px;box-shadow:0 14px 32px rgba(6,51,104,.10);backdrop-filter:blur(10px)}.about-hero-metrics b{display:block;color:#0b64d8;font-size:24px;line-height:1.1;font-weight:400}.about-hero-metrics span{font-size:13px;color:#59728e}
.about-tree-panel{width:min(1260px,calc(100% - 64px));margin:0 auto 76px;position:relative;z-index:2}.about-top-tabs{position:sticky;top:12px;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:rgba(255,255,255,.84);border:1px solid rgba(188,213,238,.75);box-shadow:0 22px 60px rgba(6,51,104,.10);backdrop-filter:blur(18px);padding:10px;border-radius:24px;margin-bottom:28px}.about-top-tabs a{min-height:62px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;color:#17395f;border-radius:17px;transition:.22s;background:#fff;border:1px solid transparent}.about-top-tabs a span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef7ff;color:#0b64d8;font-size:12px}.about-top-tabs a:hover,.about-top-tabs a.active{background:linear-gradient(135deg,#ffb11c,#ffd565);color:#0d3155;transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,177,28,.23)}.about-top-tabs a:hover span,.about-top-tabs a.active span{background:#fff;color:#0d3155}
.about-modern-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start}.about-side-nav{position:sticky;top:104px;background:#fff;border:1px solid #dce9f6;border-radius:24px;padding:18px;box-shadow:0 18px 44px rgba(6,51,104,.09)}.about-side-nav b{display:block;margin:0 0 12px;color:#0c2547;font-size:18px;font-weight:400}.about-side-nav a{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:15px;color:#456580;line-height:1.35;transition:.2s}.about-side-nav a span{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0f8ff;color:#0b64d8;font-size:11px}.about-side-nav a:hover{background:#eef7ff;color:#0b64d8;transform:translateX(3px)}
.about-modern-content{display:grid;gap:26px}.about-intro-modern,.about-section-modern,.about-single-modern{background:#fff;border:1px solid #dce9f6;border-radius:30px;box-shadow:0 18px 46px rgba(6,51,104,.08)}.about-intro-modern{display:grid;grid-template-columns:1fr 360px;gap:22px;padding:30px;align-items:center;background:linear-gradient(135deg,#fff 0%,#f6fbff 100%)}.about-intro-modern span,.about-single-hero span{display:inline-flex;color:#0b64d8;letter-spacing:.08em;font-size:13px;margin-bottom:8px}.about-intro-modern h2,.about-single-hero h2{font-size:34px;line-height:1.2;margin:0 0 12px;color:#071f45;font-weight:400}.about-intro-modern p,.about-single-hero p{margin:0;color:#506b87;line-height:1.85}.about-intro-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-intro-links a{padding:15px 16px;border-radius:16px;background:#fff;border:1px solid #dce9f6;color:#16446f;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 20px rgba(6,51,104,.06);transition:.2s}.about-intro-links a:hover{transform:translateY(-2px);border-color:#9bc4ef;color:#0b64d8}.about-intro-links em{font-style:normal;color:#ff9d00}.about-section-modern{padding:30px;scroll-margin-top:110px}.about-section-title{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;margin-bottom:24px}.about-section-title>span{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#0b64d8,#0f8aea);color:#fff;font-size:18px;box-shadow:0 16px 32px rgba(11,100,216,.22)}.about-section-title small{display:block;color:#0b64d8;letter-spacing:.06em;margin-bottom:6px}.about-section-title h2{font-size:32px;line-height:1.22;margin:0 0 8px;color:#071f45;font-weight:400}.about-section-title p{margin:0;color:#5b708a;line-height:1.75}.about-single-modern{padding:30px}.about-single-hero{display:grid;grid-template-columns:1fr 430px;gap:26px;align-items:center;margin-bottom:26px}.about-single-hero img{width:100%;height:270px;object-fit:cover;border-radius:24px;box-shadow:0 18px 44px rgba(6,51,104,.12)}
.about-story-grid{display:grid;gap:18px}.about-story-card{display:grid;grid-template-columns:310px 1fr;gap:24px;align-items:center;background:linear-gradient(135deg,#fff,#f8fcff);border:1px solid #dce9f6;border-radius:24px;padding:18px;overflow:hidden;transition:.22s}.about-story-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(6,51,104,.09)}.about-story-card:nth-child(even){grid-template-columns:1fr 310px}.about-story-card:nth-child(even) figure{order:2}.about-story-card figure{margin:0;height:210px;border-radius:20px;overflow:hidden;background:#e8f4ff}.about-story-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.about-story-card:hover img{transform:scale(1.045)}.about-story-card div{padding:4px 6px}.about-story-card span{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:#eef7ff;color:#0b64d8;margin-bottom:10px}.about-story-card h3{font-size:24px;line-height:1.3;margin:0 0 10px;color:#071f45;font-weight:400}.about-story-card p{margin:0;color:#405a76;line-height:1.95}
.about-values-modern{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about-value-modern{position:relative;min-height:178px;background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid #dce9f6;border-radius:24px;padding:24px;overflow:hidden;transition:.22s}.about-value-modern:after{content:"";position:absolute;right:-36px;top:-36px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(11,100,216,.14),transparent 68%)}.about-value-modern span{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#eef7ff;color:#0b64d8;margin-bottom:16px}.about-value-modern h3{font-size:22px;line-height:1.3;margin:0 0 10px;color:#071f45;font-weight:400}.about-value-modern p{margin:0;color:#4c6682;line-height:1.85}.about-value-modern:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(6,51,104,.10)}
.about-timeline-visual{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:aboutYear;isolation:isolate}.about-timeline-visual:before{content:"";position:absolute;inset:-18px;border-radius:30px;background:radial-gradient(circle at 12% 8%,rgba(11,100,216,.12),transparent 26%),radial-gradient(circle at 88% 100%,rgba(255,177,28,.16),transparent 30%),linear-gradient(135deg,rgba(247,251,255,.92),rgba(255,255,255,.82));border:1px solid rgba(188,213,238,.55);z-index:-2}.about-timeline-visual:after{content:"";position:absolute;left:18px;right:18px;top:52px;height:1px;background:linear-gradient(90deg,transparent,rgba(11,100,216,.32),rgba(255,177,28,.55),transparent);z-index:-1}.about-timeline-node{position:relative;min-height:170px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,252,255,.94));border:1px solid rgba(184,216,246,.95);border-radius:24px;padding:22px 22px 24px;box-shadow:0 18px 42px rgba(6,51,104,.08);overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.about-timeline-node:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,100,216,.08),transparent 46%,rgba(255,177,28,.10));opacity:.82}.about-timeline-node:after{content:"";position:absolute;right:-42px;top:-42px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(11,100,216,.16),transparent 68%)}.about-timeline-year{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.about-timeline-year time{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:46px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,#0b64d8,#0f8aea);color:#fff;font-size:22px;letter-spacing:.02em;box-shadow:0 14px 30px rgba(11,100,216,.24)}.about-timeline-year span{flex:1;height:1px;background:linear-gradient(90deg,rgba(11,100,216,.38),transparent);position:relative}.about-timeline-year span:after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;margin-top:-4px;border-radius:50%;background:#ffb11c;box-shadow:0 0 0 5px rgba(255,177,28,.16)}.about-timeline-node p{position:relative;z-index:1;margin:0;color:#3f5873;line-height:1.9;font-size:15px}.about-timeline-node:hover{transform:translateY(-5px);border-color:#8dc2f4;box-shadow:0 24px 56px rgba(6,51,104,.13)}.about-timeline-node:hover .about-timeline-year time{background:linear-gradient(135deg,#ffb11c,#ffd565);color:#102f55}
.about-map-card{background:#fff;border:1px solid #dce9f6;border-radius:24px;padding:20px;margin-bottom:18px;box-shadow:0 12px 28px rgba(6,51,104,.06)}.about-map-card img{width:100%;max-height:330px;object-fit:contain}.about-location-modern{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-location-modern-card{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:center;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dce9f6;border-radius:22px;padding:20px;transition:.22s}.about-location-modern-card span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0b64d8,#0f8aea);color:#fff}.about-location-modern-card h3{font-size:22px;line-height:1.3;margin:0 0 6px;color:#071f45;font-weight:400}.about-location-modern-card p{margin:0;color:#4c6682;line-height:1.75}.about-location-modern-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(6,51,104,.09)}
.about-investor-modern{display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:26px;padding:32px;background:linear-gradient(135deg,#0a4fbd,#0f8aea);color:#fff;box-shadow:0 24px 54px rgba(11,100,216,.24);transition:.22s}.about-investor-modern b{display:block;font-size:28px;font-weight:400;margin-bottom:8px}.about-investor-modern p{margin:0;color:#dcefff}.about-investor-modern>span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b64d8;font-size:28px;flex:0 0 62px}.about-investor-modern:hover{transform:translateY(-3px)}.about-empty{padding:20px;border-radius:18px;background:#f7fbff;color:#65758a}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1180px){.about-visual-hero{grid-template-columns:1fr;min-height:auto}.about-visual-media{height:460px}.about-tree-panel,.about-visual-hero{width:calc(100% - 36px)}.about-modern-layout{grid-template-columns:1fr}.about-side-nav{position:relative;top:auto;display:flex;overflow:auto;gap:6px}.about-side-nav b{display:none}.about-side-nav a{white-space:nowrap}.about-side-nav a span{flex-basis:30px}.about-single-hero{grid-template-columns:1fr}.about-top-tabs{top:0}.about-story-card,.about-story-card:nth-child(even){grid-template-columns:260px 1fr}.about-story-card:nth-child(even) figure{order:0}}
@media(max-width:760px){.about-visual-hero{width:calc(100% - 28px);margin-top:18px;gap:22px}.about-visual-copy h1{font-size:38px}.about-visual-copy p{font-size:16px}.about-visual-media{height:auto;display:grid;gap:12px}.about-main-photo,.about-float-photo,.about-hero-metrics{position:relative;inset:auto;width:100%;height:auto}.about-main-photo{height:260px}.about-float-photo{height:180px;border-width:0}.about-hero-metrics{grid-template-columns:1fr}.about-tree-panel{width:calc(100% - 28px);margin-bottom:44px}.about-top-tabs{display:flex;overflow:auto;justify-content:flex-start;border-radius:18px}.about-top-tabs a{min-width:max-content;padding:10px 14px}.about-intro-modern,.about-section-modern,.about-single-modern{padding:22px;border-radius:22px}.about-intro-modern{grid-template-columns:1fr}.about-intro-links{grid-template-columns:1fr}.about-section-title{grid-template-columns:1fr;gap:12px}.about-section-title>span{width:58px;height:58px;border-radius:18px}.about-story-card,.about-story-card:nth-child(even){grid-template-columns:1fr;padding:14px}.about-story-card figure{height:190px}.about-values-modern,.about-timeline-visual,.about-location-modern{grid-template-columns:1fr}.about-timeline-visual:before{left:10px}.about-timeline-node:nth-child(odd),.about-timeline-node:nth-child(even){margin-left:22px;margin-right:0}.about-timeline-node:nth-child(odd):before,.about-timeline-node:nth-child(even):before{left:-29px;right:auto}.about-location-modern-card{grid-template-columns:1fr}.about-investor-modern{padding:24px;align-items:flex-start}.about-investor-modern>span{width:50px;height:50px;flex-basis:50px}}

/* About timeline technology layout responsive fixes */
@media(max-width:1180px){.about-timeline-visual{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.about-timeline-visual{grid-template-columns:1fr!important}.about-timeline-visual:before{left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;inset:-12px!important}.about-timeline-visual:after{display:none!important}.about-timeline-node{min-height:auto!important;margin:0!important}.about-timeline-node:before{left:auto!important;right:auto!important;top:auto!important}.about-timeline-year time{font-size:20px;min-width:78px}}

/* === About page 2026 tech redesign patch === */
.about-modern-page{background:
  radial-gradient(circle at 8% 8%, rgba(11,100,216,.08), transparent 28%),
  radial-gradient(circle at 96% 28%, rgba(255,177,28,.10), transparent 26%),
  linear-gradient(180deg,#f7fbff 0%,#fff 36%,#f3f8ff 100%)}
.about-top-tabs{position:sticky!important;top:8px!important;z-index:50!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.about-side-nav{top:96px!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,251,255,.96))!important}
.about-side-nav a.is-active,.about-side-nav a:hover{background:linear-gradient(135deg,#eef7ff,#fff8ea)!important;color:#0b64d8!important}
.about-story-card{position:relative;isolation:isolate}
.about-story-card:before{content:"";position:absolute;inset:14px;border-radius:20px;border:1px solid rgba(11,100,216,.08);pointer-events:none;z-index:-1}
.about-story-card h3:after,.about-value-modern h3:after{content:"";display:block;width:44px;height:3px;border-radius:999px;background:linear-gradient(90deg,#0b64d8,#ffb11c);margin-top:10px}
.about-time-row{display:grid;grid-template-columns:138px 1fr;gap:22px;position:relative;margin:0 0 18px;align-items:stretch}
.about-time-row time{display:flex;align-items:center;justify-content:center;min-height:96px;border-radius:24px;background:linear-gradient(135deg,#072a5c,#0b64d8 64%,#14a7ff);color:#fff;font-size:30px;letter-spacing:.02em;box-shadow:0 18px 38px rgba(11,100,216,.22)}
.about-time-row>div{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,252,255,.94));border:1px solid #d6e7f8;border-radius:24px;padding:26px 28px;box-shadow:0 15px 38px rgba(6,51,104,.08);overflow:hidden}
.about-time-row>div:before{content:"";position:absolute;left:-8px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#ffb11c;box-shadow:0 0 0 8px rgba(255,177,28,.16),0 0 30px rgba(255,177,28,.45)}
.about-time-row>div:after{content:"";position:absolute;right:-45px;top:-45px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(11,100,216,.14),transparent 68%)}
.about-time-row p{position:relative;margin:0;color:#304f70;font-size:16px;line-height:1.95}
.about-time-row:hover time{background:linear-gradient(135deg,#ffb11c,#ffd76c);color:#0b2545}.about-time-row:hover>div{border-color:#9fcdf5;transform:translateY(-2px);transition:.22s}
.about-career-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:start}.about-career-photo{position:relative;min-height:430px;border-radius:30px;overflow:hidden;box-shadow:0 22px 56px rgba(6,51,104,.14);background:#dfefff}.about-career-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(1.05)}.about-career-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,31,69,.78))}.about-career-photo div{position:absolute;left:26px;right:26px;bottom:26px;color:#fff;z-index:1}.about-career-photo b{display:block;font-size:30px;line-height:1.2;margin-bottom:8px}.about-career-photo span{color:#dcefff}.about-career-content{display:grid;gap:16px}.about-career-block,.about-statement-card{background:linear-gradient(135deg,#fff,#f8fcff);border:1px solid #dce9f6;border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(6,51,104,.07)}.about-career-block h3,.about-statement-card h3{margin:0 0 12px;color:#071f45;font-size:24px}.about-career-block p,.about-statement-card p{margin:0;color:#3f5873;line-height:1.95}.about-benefit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-benefit-list span{padding:15px 16px;border-radius:16px;background:#eef7ff;border:1px solid #dce9f6;color:#16446f}.about-benefit-list span:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#0b64d8;color:#fff;font-size:13px}.about-104-link{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:0 24px;border-radius:20px;background:linear-gradient(135deg,#0b64d8,#0f8aea);color:#fff!important;font-size:18px;box-shadow:0 18px 38px rgba(11,100,216,.24)}.about-104-link em{font-style:normal;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0b64d8}
.about-statement-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:24px;align-items:start}.about-statement-visual{position:sticky;top:112px;margin:0;border-radius:30px;overflow:hidden;box-shadow:0 22px 56px rgba(6,51,104,.14);background:#edf7ff}.about-statement-visual img{width:100%;height:420px;object-fit:cover}.about-statement-visual figcaption{position:absolute;left:22px;right:22px;bottom:22px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.90);color:#0c315c;box-shadow:0 12px 28px rgba(6,51,104,.13);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.about-map-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f2f9ff)!important}.about-map-card:before{content:"";position:absolute;left:8%;right:8%;top:18%;height:2px;background:linear-gradient(90deg,transparent,#ff8a00,#0b64d8,transparent);animation:aboutPulse 2.8s ease-in-out infinite}.about-map-card img{max-height:520px!important}.about-location-modern-card:hover span{box-shadow:0 0 0 8px rgba(11,100,216,.10),0 0 34px rgba(11,100,216,.22)}
@keyframes aboutPulse{0%,100%{opacity:.28;transform:scaleX(.76)}50%{opacity:1;transform:scaleX(1)}}
@media(max-width:900px){.about-time-row,.about-career-grid,.about-statement-grid{grid-template-columns:1fr}.about-time-row time{justify-content:flex-start;padding:0 24px;min-height:70px}.about-statement-visual{position:relative;top:auto}.about-benefit-list{grid-template-columns:1fr}.about-career-photo{min-height:320px}}

/* 最新消息：科技感消息中心 */
.modern-news-page{background:linear-gradient(180deg,#f7fbff 0%,#fff 46%,#f7fbff 100%);padding-bottom:72px}.modern-news-hero{position:relative;width:min(var(--container),calc(100% - 70px));margin:30px auto 18px;min-height:360px;padding:48px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#071f45 0%,#0b3d78 54%,#0a8db4 100%);box-shadow:0 26px 70px rgba(6,51,104,.22);display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:28px;align-items:end;color:#fff}.modern-news-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 82%);opacity:.55}.modern-news-hero-bg{position:absolute;inset:0;pointer-events:none}.modern-news-hero-bg i{position:absolute;border-radius:999px;background:rgba(102,232,255,.25);filter:blur(1px);box-shadow:0 0 36px rgba(102,232,255,.58)}.modern-news-hero-bg i:nth-child(1){width:160px;height:160px;right:16%;top:12%}.modern-news-hero-bg i:nth-child(2){width:18px;height:18px;left:9%;top:20%}.modern-news-hero-bg i:nth-child(3){width:90px;height:90px;right:46%;bottom:14%;background:rgba(255,255,255,.12)}.modern-news-hero-copy,.modern-news-feature{position:relative;z-index:1}.modern-news-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#83f4ff;font-size:13px;letter-spacing:.18em}.modern-news-kicker:before{content:"";width:28px;height:2px;background:#83f4ff;box-shadow:0 0 16px #83f4ff}.modern-news-hero h1{font-size:clamp(38px,5vw,68px);line-height:1;margin:0 0 18px;letter-spacing:.04em}.modern-news-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.8}.modern-news-feature{display:block;padding:24px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);text-decoration:none;color:#fff;transition:.25s ease}.modern-news-feature:hover{transform:translateY(-4px);background:rgba(255,255,255,.18)}.modern-news-feature span{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(100,232,255,.18);color:#b9f7ff}.modern-news-feature time{display:block;margin:18px 0 10px;color:rgba(255,255,255,.72)}.modern-news-feature h2{font-size:24px;line-height:1.45;margin:0 0 18px}.modern-news-feature em{font-style:normal;color:#83f4ff}.modern-news-filter{width:min(var(--container),calc(100% - 70px));margin:0 auto 24px;display:flex;gap:10px;overflow:auto;padding:4px 0 10px}.modern-news-filter a{white-space:nowrap;text-decoration:none;color:#244562;border:1px solid #cfe3f7;background:rgba(255,255,255,.82);border-radius:999px;padding:10px 16px;box-shadow:0 8px 22px rgba(6,51,104,.06);transition:.2s ease}.modern-news-filter a:hover,.modern-news-filter a.active{color:#fff;background:linear-gradient(135deg,#0b64d8,#0ab2cf);border-color:transparent;box-shadow:0 12px 28px rgba(10,122,210,.24)}.modern-news-shell{width:min(var(--container),calc(100% - 70px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.modern-news-timeline{display:grid;gap:16px;position:relative}.modern-news-timeline:before{content:"";position:absolute;left:20px;top:16px;bottom:16px;width:1px;background:linear-gradient(#0ab2cf,rgba(10,178,207,0))}.modern-news-row{position:relative;display:grid;grid-template-columns:42px 220px minmax(0,1fr) 42px;gap:18px;align-items:center;padding:18px;border:1px solid #dce9f6;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 16px 38px rgba(6,51,104,.08);text-decoration:none;color:inherit;transition:.25s ease;overflow:hidden}.modern-news-row:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#64e8ff,transparent);opacity:0;transition:.25s}.modern-news-row:hover{transform:translateY(-4px);border-color:#b8dbfa;box-shadow:0 22px 50px rgba(6,51,104,.13)}.modern-news-row:hover:before{opacity:1}.modern-news-dot{position:relative;z-index:1;width:13px;height:13px;border-radius:50%;background:#64e8ff;box-shadow:0 0 0 7px rgba(100,232,255,.18),0 0 22px #64e8ff;margin:auto}.modern-news-thumb{height:128px;border-radius:18px;background:linear-gradient(135deg,#eaf6ff,#fff);display:grid;place-items:center;overflow:hidden;color:#0b64d8;letter-spacing:.12em}.modern-news-thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}.modern-news-row:hover .modern-news-thumb img{transform:scale(1.04)}.modern-news-row-body>div{display:flex;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.modern-news-row time{color:#0b64d8}.modern-news-row em{font-style:normal;color:#5784aa;font-size:13px;background:#eef7ff;border-radius:999px;padding:5px 10px}.modern-news-row h3{margin:0 0 8px;color:#071f45;line-height:1.42}.modern-news-row p{margin:0;color:#516984;line-height:1.75}.modern-news-row strong{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef7ff;color:#0b64d8;font-weight:400}.modern-news-detail{min-width:0;background:#fff;border:1px solid #dce9f6;border-radius:28px;box-shadow:0 18px 48px rgba(6,51,104,.09);padding:30px}.modern-news-back{display:inline-flex;margin-bottom:20px;color:#0b64d8;text-decoration:none}.modern-news-detail-head{border-bottom:1px solid #e4eef8;padding-bottom:22px;margin-bottom:26px}.modern-news-detail-head span{display:inline-flex;padding:6px 12px;border-radius:999px;background:#eef7ff;color:#0b64d8}.modern-news-detail-head time{display:block;margin:14px 0 8px;color:#6a819a}.modern-news-detail-head h2{font-size:clamp(28px,3vw,44px);line-height:1.22;margin:0 0 12px;color:#071f45}.modern-news-detail-head p{font-size:17px;line-height:1.85;color:#516984;margin:0}.modern-news-body{display:grid;gap:20px}.modern-news-block{border:1px solid #e4eef8;border-radius:24px;padding:22px;background:linear-gradient(180deg,#fff,#fbfdff)}.modern-news-block.layout-wide{padding:0;border:0;background:transparent}.modern-news-block.layout-left_image,.modern-news-block.layout-right_image{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.modern-news-block.layout-right_image .modern-news-gallery{order:2}.modern-news-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modern-news-block.layout-wide .modern-news-gallery{grid-template-columns:1fr}.modern-news-gallery figure{margin:0;border-radius:18px;overflow:hidden;background:#eef7ff}.modern-news-gallery img{width:100%;height:100%;max-height:480px;object-fit:cover;display:block}.modern-news-caption{margin:10px 0 0;text-align:center;color:#6a819a;font-size:14px}.modern-news-text{line-height:2;color:#183b66}.modern-divider{border:0;border-top:1px solid #d9e9f8;margin:14px 0}.modern-news-attachments h3{margin:0 0 14px;color:#071f45}.modern-news-attachments>div{display:grid;gap:10px}.modern-news-attachments a{display:grid;grid-template-columns:64px 1fr 32px;gap:12px;align-items:center;padding:14px;border-radius:16px;border:1px solid #dce9f6;background:#fff;text-decoration:none;color:#183b66;transition:.2s}.modern-news-attachments a:hover{transform:translateX(4px);border-color:#9fd7f5}.modern-news-attachments span{display:grid;place-items:center;min-height:38px;border-radius:12px;background:linear-gradient(135deg,#0b64d8,#0ab2cf);color:#fff;font-size:13px}.modern-news-attachments b{font-weight:400}.modern-news-attachments em{font-style:normal;color:#0b64d8}.modern-news-side{position:sticky;top:96px;align-self:start;background:#fff;border:1px solid #dce9f6;border-radius:24px;padding:20px;box-shadow:0 16px 38px rgba(6,51,104,.08)}.modern-news-side h3{margin:0 0 14px;color:#071f45}.modern-news-side a{display:block;padding:13px 0;border-top:1px solid #e8f1fa;text-decoration:none;color:#183b66}.modern-news-side time{display:block;color:#0b64d8;font-size:13px;margin-bottom:4px}.modern-news-side b{font-weight:400;line-height:1.5}.modern-news-empty{padding:34px;border:1px dashed #b9d6ef;border-radius:24px;background:#fff;color:#516984;text-align:center}@media(max-width:1000px){.modern-news-hero,.modern-news-shell{grid-template-columns:1fr}.modern-news-side{position:static}.modern-news-row{grid-template-columns:32px 160px 1fr}.modern-news-row strong{display:none}.modern-news-block.layout-left_image,.modern-news-block.layout-right_image{grid-template-columns:1fr}.modern-news-block.layout-right_image .modern-news-gallery{order:0}}@media(max-width:720px){.modern-news-hero,.modern-news-filter,.modern-news-shell{width:calc(100% - 30px)}.modern-news-hero{padding:30px;min-height:unset}.modern-news-row{grid-template-columns:28px 1fr;padding:14px}.modern-news-thumb{grid-column:2;height:170px}.modern-news-row-body{grid-column:2}.modern-news-timeline:before{left:13px}.modern-news-gallery{grid-template-columns:1fr}.modern-news-detail{padding:20px;border-radius:22px}.modern-news-attachments a{grid-template-columns:52px 1fr 24px}}

/* news-front-display-fix-20260609: lighten latest-news front-end and keep article output close to editor layout */
.modern-news-page{background:linear-gradient(180deg,#f4f9ff 0%,#ffffff 48%,#f7fbff 100%)}
.modern-news-hero{background:linear-gradient(135deg,#eef7ff 0%,#ffffff 46%,#dff5ff 100%)!important;color:#183b66!important;border:1px solid #d8eaf8;box-shadow:0 22px 52px rgba(20,78,128,.12)!important;min-height:300px}.modern-news-hero:before{background-image:linear-gradient(rgba(23,98,160,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(23,98,160,.09) 1px,transparent 1px);opacity:.75}.modern-news-kicker{color:#0b80bd!important}.modern-news-kicker:before{background:#0b80bd;box-shadow:0 0 14px rgba(11,128,189,.35)}.modern-news-hero p{color:#516984!important}.modern-news-hero-bg i{background:rgba(10,178,207,.16)!important;box-shadow:0 0 34px rgba(10,178,207,.28)!important}.modern-news-feature{background:rgba(255,255,255,.78)!important;color:#183b66!important;border-color:#cbe1f3!important;box-shadow:0 16px 36px rgba(20,78,128,.10)}.modern-news-feature:hover{background:#fff!important;box-shadow:0 20px 44px rgba(20,78,128,.14)}.modern-news-feature span{background:#eef7ff!important;color:#0b64d8!important}.modern-news-feature time{color:#6a819a!important}.modern-news-feature em{color:#0b80bd!important}.modern-news-detail{background:#fff}.modern-news-block{background:#fff!important;border-color:#dfeefa!important;box-shadow:0 10px 26px rgba(20,78,128,.05)}.modern-news-text{color:inherit}.modern-news-text p{margin:0 0 14px}.modern-news-text span[style],.modern-news-text b,.modern-news-text strong,.modern-news-text i,.modern-news-text em,.modern-news-text u,.modern-news-text s{line-height:inherit}.modern-news-gallery figure{background:#f2f8ff;border:1px solid #e1eef9}.modern-news-gallery img{object-fit:contain;background:#fff}.modern-news-attachments a{background:#fbfdff}.modern-news-attachments span{background:linear-gradient(135deg,#3f8fd6,#52bfd6)}
@media(max-width:720px){.modern-news-hero{min-height:unset}}

/* news front single article flow fix 20260609 */
.modern-news-single-flow{display:block;line-height:1.95;color:#183b66}
.modern-news-single-flow .modern-news-text{display:block;margin:0 0 18px;padding:0;border:0;background:transparent;box-shadow:none;line-height:inherit;color:inherit}
.modern-news-single-flow .modern-news-text p{margin:0 0 16px}
.modern-news-single-flow .modern-news-text img,
.modern-news-single-flow .news-inline-image img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(20,78,128,.10)}
.modern-news-single-flow .news-inline-image{margin:18px 0;text-align:center;border:0;background:transparent;padding:0}
.modern-news-single-flow .news-inline-file{margin:16px 0}
.modern-news-single-flow .news-inline-file a{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid #d8eaf8;border-radius:14px;background:#fbfdff;color:#183b66;text-decoration:none;box-shadow:0 8px 18px rgba(20,78,128,.06);transition:.2s ease}
.modern-news-single-flow .news-inline-file a:hover{transform:translateY(-2px);border-color:#9fd7f5;box-shadow:0 12px 26px rgba(20,78,128,.10)}
.modern-news-single-flow .news-inline-file span{display:inline-grid;place-items:center;min-width:46px;height:28px;border-radius:999px;background:#eef7ff;color:#0b64d8;font-size:12px}
.modern-news-single-flow .news-inline-file b{font-weight:400}
.modern-news-single-flow .modern-divider{margin:22px 0;border:0;border-top:1px solid #d9e9f8}

/* news detail simplified: title + article content only */
.modern-news-shell-simple{display:block;max-width:980px;padding-top:34px}
.modern-news-detail-simple{max-width:980px;margin:0 auto;padding:34px 38px}
.modern-news-simple-title{margin:0 0 28px;color:#071f45;line-height:1.35;font-weight:400}
.modern-news-detail-simple .modern-news-body{display:block}
.modern-news-detail-simple .modern-news-text{margin:0 0 18px;line-height:2;color:inherit}
.modern-news-detail-simple .news-inline-image{margin:20px 0;text-align:left}
.modern-news-detail-simple .news-inline-image img{display:block;width:auto;max-width:min(720px,100%);max-height:520px;height:auto;object-fit:contain;margin:0;border-radius:16px;background:#fff;border:1px solid #e2eef8;box-shadow:0 10px 26px rgba(20,78,128,.08)}
.modern-news-detail-simple .news-inline-file{margin:16px 0}
@media(max-width:720px){.modern-news-shell-simple{width:calc(100% - 30px);padding-top:20px}.modern-news-detail-simple{padding:22px 18px}.modern-news-detail-simple .news-inline-image img{max-width:100%;max-height:360px}}

/* news front redesign 20260610: align latest-news page with current Kenmos light corporate website style */
.modern-news-page{
  background:linear-gradient(180deg,#f6fbff 0%,#ffffff 42%,#f8fbff 100%)!important;
  color:#183b66;
}
.modern-news-hero{
  width:min(var(--container),calc(100% - 70px));
  margin:28px auto 18px!important;
  min-height:220px!important;
  padding:34px 38px!important;
  display:grid!important;
  grid-template-columns:1fr minmax(260px,360px)!important;
  gap:24px!important;
  align-items:center!important;
  border:1px solid #dceaf6!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f2f9ff 56%,#eaf7ff 100%)!important;
  box-shadow:0 18px 44px rgba(9,50,89,.09)!important;
  overflow:hidden!important;
}
.modern-news-hero:before{
  background-image:radial-gradient(circle at 20px 20px,rgba(0,116,185,.12) 1px,transparent 1.4px)!important;
  background-size:22px 22px!important;
  opacity:.55!important;
}
.modern-news-hero:after{
  content:"";
  position:absolute;
  right:-90px;
  top:-120px;
  width:320px;
  height:320px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(0,116,185,.11),rgba(0,156,213,.04) 60%,transparent 72%);
  pointer-events:none;
}
.modern-news-hero-bg{display:none!important}
.modern-news-hero-copy{position:relative;z-index:1}
.modern-news-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#0074b9!important;
  font-size:13px!important;
  letter-spacing:.13em!important;
  margin-bottom:14px!important;
}
.modern-news-kicker:before{
  width:9px!important;
  height:9px!important;
  background:#ffb51d!important;
  box-shadow:0 0 0 5px rgba(255,181,29,.16)!important;
}
.modern-news-hero h1{
  margin:0 0 12px!important;
  color:#0c2547!important;
  font-size:clamp(34px,4.2vw,52px)!important;
  line-height:1.15!important;
  font-weight:400!important;
}
.modern-news-hero p{
  margin:0!important;
  max-width:720px!important;
  color:#607793!important;
  line-height:1.85!important;
  font-weight:400!important;
}
.modern-news-feature{
  position:relative!important;
  z-index:1!important;
  border:1px solid #dceaf6!important;
  border-left:5px solid #ffb51d!important;
  background:rgba(255,255,255,.88)!important;
  border-radius:22px!important;
  padding:22px!important;
  color:#183b66!important;
  box-shadow:0 12px 30px rgba(9,50,89,.08)!important;
}
.modern-news-feature span{
  background:#eef7fd!important;
  color:#0074b9!important;
  border:1px solid #d6ebf8!important;
  font-weight:400!important;
}
.modern-news-feature h2{
  color:#0c2547!important;
  line-height:1.45!important;
  font-weight:400!important;
}
.modern-news-feature em{color:#0074b9!important}
.modern-news-filter{
  width:min(var(--container),calc(100% - 70px));
  margin:0 auto 22px!important;
  padding:10px!important;
  border:1px solid #dceaf6!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(9,50,89,.06)!important;
  justify-content:flex-start!important;
}
.modern-news-filter a{
  min-height:40px!important;
  padding:9px 16px!important;
  border-radius:14px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#375c7c!important;
  font-weight:400!important;
}
.modern-news-filter a:hover,.modern-news-filter a.active{
  color:#12335a!important;
  background:linear-gradient(135deg,#ffb51d,#ffce47)!important;
  box-shadow:0 8px 20px rgba(255,181,29,.20)!important;
}
.modern-news-shell{
  width:min(var(--container),calc(100% - 70px));
  margin:0 auto 72px!important;
  display:block!important;
}
.modern-news-timeline{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px!important;
  padding:0!important;
}
.modern-news-timeline:before,.modern-news-dot{display:none!important}
.modern-news-row{
  display:grid!important;
  grid-template-columns:150px 1fr auto!important;
  gap:18px!important;
  align-items:center!important;
  min-height:150px!important;
  padding:18px!important;
  border:1px solid #dceaf6!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(9,50,89,.07)!important;
  color:inherit!important;
}
.modern-news-row:before{
  left:18px!important;
  right:18px!important;
  width:auto!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ffb51d,#0074b9)!important;
}
.modern-news-row:hover{
  transform:translateY(-3px)!important;
  border-color:#c7dfef!important;
  box-shadow:0 20px 44px rgba(9,50,89,.11)!important;
}
.modern-news-thumb{
  height:112px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#eef7fd,#ffffff)!important;
  color:#0074b9!important;
  border:1px solid #e1eef9!important;
  letter-spacing:.08em!important;
}
.modern-news-thumb img{object-fit:cover!important}
.modern-news-row-body>div{margin-bottom:8px!important}
.modern-news-row time{color:#0074b9!important;font-size:13px!important}
.modern-news-row em{
  color:#6a819a!important;
  background:#f2f8ff!important;
  border:1px solid #dceaf6!important;
  font-size:12px!important;
  padding:4px 10px!important;
}
.modern-news-row h3{
  color:#0c2547!important;
  margin:0 0 6px!important;
  font-weight:400!important;
}
.modern-news-row p{color:#607793!important;line-height:1.7!important}
.modern-news-row strong{
  width:34px!important;
  height:34px!important;
  background:#eef7fd!important;
  color:#0074b9!important;
  font-weight:400!important;
}
.modern-news-detail-simple{
  position:relative;
  max-width:980px!important;
  margin:0 auto!important;
  padding:42px 48px!important;
  border:1px solid #dceaf6!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(9,50,89,.08)!important;
}
.modern-news-detail-simple:before{
  content:"";
  position:absolute;
  left:48px;
  right:48px;
  top:0;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#ffb51d,#0074b9);
}
.modern-news-simple-title{
  padding-bottom:18px!important;
  margin:0 0 28px!important;
  border-bottom:1px solid #e5edf5!important;
  color:#0c2547!important;
  font-weight:400!important;
}
.modern-news-detail-simple .modern-news-body{
  max-width:820px;
  margin:0 auto;
}
.modern-news-detail-simple .modern-news-text{
  margin:0 0 18px!important;
  line-height:2!important;
  color:inherit;
}
.modern-news-detail-simple .modern-news-text p{margin:0 0 16px!important}
.modern-news-detail-simple .news-inline-image{
  margin:24px 0!important;
  text-align:center!important;
}
.modern-news-detail-simple .news-inline-image img,
.modern-news-detail-simple .modern-news-text img{
  display:block!important;
  width:auto!important;
  max-width:min(720px,100%)!important;
  max-height:520px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #e1eef9!important;
  box-shadow:0 12px 30px rgba(9,50,89,.10)!important;
}
.modern-news-detail-simple .news-inline-file a{
  border:1px solid #dceaf6!important;
  background:#f8fbff!important;
  border-radius:14px!important;
  color:#183b66!important;
}
.modern-news-empty{
  background:#fff!important;
  border-color:#cfe1f0!important;
  color:#607793!important;
}
@media(max-width:1020px){
  .modern-news-hero{grid-template-columns:1fr!important}
  .modern-news-timeline{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .modern-news-hero,.modern-news-filter,.modern-news-shell{width:calc(100% - 30px)!important}
  .modern-news-hero{padding:28px 22px!important;margin-top:18px!important}
  .modern-news-row{grid-template-columns:1fr!important;gap:12px!important;min-height:0!important}
  .modern-news-thumb{height:170px!important}
  .modern-news-row strong{display:none!important}
  .modern-news-detail-simple{padding:28px 20px!important;border-radius:22px!important}
  .modern-news-detail-simple:before{left:20px;right:20px}
  .modern-news-detail-simple .modern-news-body{max-width:none}
  .modern-news-detail-simple .news-inline-image img,
  .modern-news-detail-simple .modern-news-text img{max-height:360px!important}
}

/* news front greenet-reference layout 20260610: list-style page adapted to Kenmos light corporate UI */
.modern-news-greenet-style{
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 38%,#f8fbff 100%)!important;
  color:#183b66!important;
}
.modern-news-greenet-style .modern-news-board{
  width:min(var(--container),calc(100% - 70px))!important;
  min-height:190px!important;
  margin:30px auto 0!important;
  padding:42px 46px 38px!important;
  display:block!important;
  border:1px solid #dbeaf6!important;
  border-radius:28px 28px 0 0!important;
  background:linear-gradient(135deg,#ffffff 0%,#f1f8ff 58%,#e8f5ff 100%)!important;
  box-shadow:0 16px 42px rgba(9,50,89,.08)!important;
  overflow:hidden!important;
}
.modern-news-greenet-style .modern-news-board:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(0,116,185,.06) 1px,transparent 1px),
    linear-gradient(rgba(0,116,185,.05) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
  opacity:.55!important;
  pointer-events:none!important;
}
.modern-news-greenet-style .modern-news-board:after{
  content:""!important;
  position:absolute!important;
  right:-80px!important;
  top:-120px!important;
  width:340px!important;
  height:340px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(0,116,185,.12),rgba(255,181,29,.08) 50%,transparent 70%)!important;
  pointer-events:none!important;
}
.modern-news-greenet-style .modern-news-hero-copy{position:relative!important;z-index:1!important;text-align:left!important}
.modern-news-greenet-style .modern-news-kicker{
  display:block!important;
  color:#0074b9!important;
  font-size:15px!important;
  letter-spacing:.22em!important;
  margin:10px 0 0!important;
  text-transform:uppercase!important;
}
.modern-news-greenet-style .modern-news-kicker:before{display:none!important}
.modern-news-greenet-style .modern-news-board h1{
  margin:0!important;
  color:#0b2d55!important;
  font-size:clamp(34px,4.4vw,56px)!important;
  line-height:1.12!important;
  font-weight:400!important;
  letter-spacing:.04em!important;
}
.modern-news-greenet-style .modern-news-board p{
  margin:16px 0 0!important;
  max-width:660px!important;
  color:#607793!important;
  line-height:1.8!important;
  font-size:16px!important;
}
.modern-news-greenet-style .modern-news-tabs{
  width:min(var(--container),calc(100% - 70px))!important;
  margin:0 auto 24px!important;
  padding:0 22px!important;
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  border:1px solid #dbeaf6!important;
  border-top:0!important;
  border-radius:0 0 28px 28px!important;
  background:#fff!important;
  box-shadow:0 16px 36px rgba(9,50,89,.06)!important;
  overflow:auto!important;
}
.modern-news-greenet-style .modern-news-tabs a{
  position:relative!important;
  flex:0 0 auto!important;
  min-height:66px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#496783!important;
  font-size:15px!important;
  font-weight:400!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.modern-news-greenet-style .modern-news-tabs a:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:transparent;
}
.modern-news-greenet-style .modern-news-tabs a:hover,
.modern-news-greenet-style .modern-news-tabs a.active{
  color:#0b2d55!important;
  background:#f7fbff!important;
}
.modern-news-greenet-style .modern-news-tabs a.active:after{background:linear-gradient(90deg,#ffb51d,#0074b9)!important}
.modern-news-greenet-style .modern-news-shell{
  width:min(1120px,calc(100% - 70px))!important;
  margin:0 auto 78px!important;
}
.modern-news-greenet-style .modern-news-timeline{
  display:block!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #dbeaf6!important;
  border-radius:26px!important;
  box-shadow:0 18px 44px rgba(9,50,89,.07)!important;
  overflow:hidden!important;
}
.modern-news-greenet-style .modern-news-list-item{
  display:grid!important;
  grid-template-columns:280px 1fr!important;
  gap:30px!important;
  align-items:stretch!important;
  min-height:205px!important;
  padding:28px!important;
  border:0!important;
  border-bottom:1px solid #e5f0f8!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:inherit!important;
  transition:background .22s ease,transform .22s ease!important;
}
.modern-news-greenet-style .modern-news-list-item:last-child{border-bottom:0!important}
.modern-news-greenet-style .modern-news-list-item:before{display:none!important}
.modern-news-greenet-style .modern-news-list-item:hover{
  transform:none!important;
  background:linear-gradient(90deg,#ffffff 0%,#f6fbff 100%)!important;
  box-shadow:none!important;
}
.modern-news-greenet-style .modern-news-thumb{
  width:100%!important;
  height:168px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#eef7fd,#ffffff)!important;
  border:1px solid #dbeaf6!important;
  color:#0074b9!important;
}
.modern-news-greenet-style .modern-news-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .28s ease!important;
}
.modern-news-greenet-style .modern-news-list-item:hover .modern-news-thumb img{transform:scale(1.035)!important}
.modern-news-greenet-style .modern-news-row-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}
.modern-news-greenet-style .modern-news-row time{
  display:block!important;
  margin:0 0 10px!important;
  color:#0074b9!important;
  font-size:14px!important;
  letter-spacing:.04em!important;
}
.modern-news-greenet-style .modern-news-row h3{
  margin:0 0 12px!important;
  color:#0b2d55!important;
  font-size:clamp(20px,2.2vw,28px)!important;
  line-height:1.45!important;
  font-weight:400!important;
}
.modern-news-greenet-style .modern-news-row p{
  margin:0 0 14px!important;
  color:#607793!important;
  line-height:1.8!important;
  font-size:15px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.modern-news-greenet-style .modern-news-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:auto!important;
}
.modern-news-greenet-style .modern-news-tags span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:4px 12px!important;
  border-radius:999px!important;
  background:#f2f8ff!important;
  border:1px solid #dbeaf6!important;
  color:#496783!important;
  font-size:13px!important;
}
.modern-news-greenet-style .modern-news-detail-simple{
  max-width:980px!important;
  margin:34px auto 80px!important;
  padding:46px 52px!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid #dbeaf6!important;
  box-shadow:0 18px 44px rgba(9,50,89,.07)!important;
}
.modern-news-greenet-style .modern-news-detail-simple:before{
  left:52px!important;
  right:52px!important;
  background:linear-gradient(90deg,#ffb51d,#0074b9)!important;
}
.modern-news-greenet-style .modern-news-simple-title{
  color:#0b2d55!important;
  border-bottom:1px solid #e5f0f8!important;
  padding-bottom:20px!important;
  margin-bottom:30px!important;
}
.modern-news-greenet-style .modern-news-detail-simple .modern-news-body{max-width:840px!important;margin:0 auto!important}
.modern-news-greenet-style .modern-news-detail-simple .news-inline-image{text-align:center!important;margin:24px 0!important}
.modern-news-greenet-style .modern-news-detail-simple .news-inline-image img,
.modern-news-greenet-style .modern-news-detail-simple .modern-news-text img{
  max-width:min(720px,100%)!important;
  max-height:520px!important;
  border-radius:18px!important;
  border:1px solid #dbeaf6!important;
  box-shadow:0 12px 30px rgba(9,50,89,.10)!important;
}
@media(max-width:860px){
  .modern-news-greenet-style .modern-news-board,
  .modern-news-greenet-style .modern-news-tabs,
  .modern-news-greenet-style .modern-news-shell{width:calc(100% - 30px)!important}
  .modern-news-greenet-style .modern-news-board{padding:30px 22px!important;border-radius:22px 22px 0 0!important}
  .modern-news-greenet-style .modern-news-tabs{border-radius:0 0 22px 22px!important;padding:0 8px!important}
  .modern-news-greenet-style .modern-news-tabs a{padding:0 14px!important;font-size:14px!important}
  .modern-news-greenet-style .modern-news-list-item{grid-template-columns:1fr!important;gap:16px!important;padding:20px!important}
  .modern-news-greenet-style .modern-news-thumb{height:190px!important}
  .modern-news-greenet-style .modern-news-detail-simple{padding:30px 20px!important;margin-top:22px!important;border-radius:22px!important}
  .modern-news-greenet-style .modern-news-detail-simple:before{left:20px!important;right:20px!important}
}

/* Kenmos news page - carefully redesigned from Greenet structure, adapted to Kenmos style 20260610 */
.modern-news-greenet-style{
  background:linear-gradient(180deg,#f6fbff 0%,#ffffff 34%,#f8fcff 100%)!important;
  color:#163a5f!important;
}
.modern-news-greenet-style .modern-news-board{
  width:min(var(--container),calc(100% - 70px))!important;
  min-height:220px!important;
  margin:32px auto 0!important;
  padding:54px 58px 46px!important;
  display:block!important;
  border-radius:30px 30px 0 0!important;
  border:1px solid #d8e9f7!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,181,29,.18),transparent 34%),
    radial-gradient(circle at 18% 92%,rgba(0,116,185,.12),transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f3f9ff 55%,#eaf5ff 100%)!important;
  box-shadow:0 18px 46px rgba(13,72,125,.08)!important;
  color:#123a63!important;
  overflow:hidden!important;
}
.modern-news-greenet-style .modern-news-board:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(0,116,185,.055) 1px,transparent 1px),
    linear-gradient(rgba(0,116,185,.045) 1px,transparent 1px)!important;
  background-size:38px 38px!important;
  opacity:.72!important;
  pointer-events:none!important;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.52) 55%,transparent 100%)!important;
}
.modern-news-greenet-style .modern-news-board:after{
  content:"NEWS"!important;
  position:absolute!important;
  right:38px!important;
  bottom:18px!important;
  color:rgba(0,116,185,.055)!important;
  font-size:clamp(70px,12vw,150px)!important;
  line-height:.8!important;
  letter-spacing:.05em!important;
  font-weight:400!important;
  pointer-events:none!important;
}
.modern-news-greenet-style .modern-news-hero-copy{
  position:relative!important;
  z-index:1!important;
  text-align:left!important;
  padding-left:28px!important;
}
.modern-news-greenet-style .modern-news-hero-copy:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:4px!important;
  width:5px!important;
  height:86px!important;
  border-radius:99px!important;
  background:linear-gradient(180deg,#ffb51d 0%,#0074b9 100%)!important;
  box-shadow:0 10px 24px rgba(0,116,185,.14)!important;
}
.modern-news-greenet-style .modern-news-kicker{
  display:block!important;
  margin:0 0 12px!important;
  color:#0074b9!important;
  font-size:14px!important;
  letter-spacing:.32em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
.modern-news-greenet-style .modern-news-kicker:before{display:none!important}
.modern-news-greenet-style .modern-news-board h1{
  margin:0!important;
  color:#0a2d55!important;
  font-size:clamp(36px,4.8vw,62px)!important;
  line-height:1.08!important;
  letter-spacing:.045em!important;
  font-weight:400!important;
}
.modern-news-greenet-style .modern-news-board p{
  margin:16px 0 0!important;
  max-width:700px!important;
  color:#617991!important;
  font-size:16px!important;
  line-height:1.85!important;
}
.modern-news-greenet-style .modern-news-tabs{
  width:min(var(--container),calc(100% - 70px))!important;
  margin:0 auto 34px!important;
  min-height:72px!important;
  padding:0 22px!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  border:1px solid #d8e9f7!important;
  border-top:0!important;
  border-radius:0 0 30px 30px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 18px 42px rgba(13,72,125,.06)!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
}
.modern-news-greenet-style .modern-news-tabs a{
  position:relative!important;
  flex:0 0 auto!important;
  min-height:72px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#516b85!important;
  font-size:15px!important;
  font-weight:400!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .18s ease,background .18s ease!important;
  box-shadow:none!important;
}
.modern-news-greenet-style .modern-news-tabs a:after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:4px!important;
  border-radius:999px 999px 0 0!important;
  background:transparent!important;
}
.modern-news-greenet-style .modern-news-tabs a:hover,
.modern-news-greenet-style .modern-news-tabs a.active{
  color:#0a2d55!important;
  background:#f6fbff!important;
}
.modern-news-greenet-style .modern-news-tabs a.active:after{
  background:linear-gradient(90deg,#ffb51d 0%,#0074b9 100%)!important;
}
.modern-news-greenet-style .modern-news-shell{
  width:min(var(--container),calc(100% - 70px))!important;
  margin:0 auto 84px!important;
}
.modern-news-greenet-style .modern-news-timeline{
  display:block!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #d8e9f7!important;
  border-radius:30px!important;
  overflow:hidden!important;
  box-shadow:0 22px 52px rgba(13,72,125,.075)!important;
}
.modern-news-greenet-style .modern-news-list-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:34px!important;
  align-items:center!important;
  min-height:226px!important;
  padding:30px 34px!important;
  border:0!important;
  border-bottom:1px solid #e5f0f9!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:inherit!important;
  text-decoration:none!important;
  transition:background .22s ease!important;
}
.modern-news-greenet-style .modern-news-list-item:last-child{border-bottom:0!important}
.modern-news-greenet-style .modern-news-list-item:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:30px!important;
  bottom:30px!important;
  width:0!important;
  border-radius:0 99px 99px 0!important;
  background:linear-gradient(180deg,#ffb51d,#0074b9)!important;
  transition:width .2s ease!important;
  display:block!important;
}
.modern-news-greenet-style .modern-news-list-item:hover{
  background:linear-gradient(90deg,#fff 0%,#f6fbff 100%)!important;
  transform:none!important;
  box-shadow:none!important;
}
.modern-news-greenet-style .modern-news-list-item:hover:before{width:5px!important}
.modern-news-greenet-style .modern-news-thumb{
  width:100%!important;
  height:172px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#eef7ff 0%,#ffffff 100%)!important;
  border:1px solid #d8e9f7!important;
  color:#0074b9!important;
  display:grid!important;
  place-items:center!important;
}
.modern-news-greenet-style .modern-news-thumb b{
  color:#0074b9!important;
  font-size:28px!important;
  letter-spacing:.18em!important;
  font-weight:400!important;
}
.modern-news-greenet-style .modern-news-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .28s ease!important;
}
.modern-news-greenet-style .modern-news-list-item:hover .modern-news-thumb img{transform:scale(1.035)!important}
.modern-news-greenet-style .modern-news-row-body{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:0!important;
}
.modern-news-greenet-style .modern-news-meta-line{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:0 0 12px!important;
}
.modern-news-greenet-style .modern-news-row time{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  color:#0074b9!important;
  font-size:14px!important;
  letter-spacing:.07em!important;
}
.modern-news-greenet-style .modern-news-meta-line span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:4px 11px!important;
  border-radius:999px!important;
  background:#f3f9ff!important;
  border:1px solid #d8e9f7!important;
  color:#5b728a!important;
  font-size:13px!important;
}
.modern-news-greenet-style .modern-news-row h3{
  margin:0 0 12px!important;
  color:#0a2d55!important;
  font-size:clamp(20px,2.2vw,28px)!important;
  line-height:1.45!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
}
.modern-news-greenet-style .modern-news-row p{
  margin:0 0 18px!important;
  color:#607891!important;
  font-size:15px!important;
  line-height:1.82!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.modern-news-greenet-style .modern-news-more{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  align-self:flex-start!important;
  color:#0b64b4!important;
  font-size:14px!important;
  letter-spacing:.04em!important;
}
.modern-news-greenet-style .modern-news-more:before{
  content:""!important;
  width:30px!important;
  height:1px!important;
  background:#ffb51d!important;
}
.modern-news-greenet-style .modern-news-more i{
  font-style:normal!important;
  transition:transform .2s ease!important;
}
.modern-news-greenet-style .modern-news-list-item:hover .modern-news-more i{transform:translateX(4px)!important}
.modern-news-greenet-style .modern-news-tags{display:none!important}
.modern-news-greenet-style .modern-news-detail-simple{
  max-width:980px!important;
  margin:38px auto 84px!important;
  padding:48px 54px!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid #d8e9f7!important;
  box-shadow:0 22px 52px rgba(13,72,125,.075)!important;
}
.modern-news-greenet-style .modern-news-detail-simple:before{
  content:""!important;
  position:absolute!important;
  left:54px!important;
  right:54px!important;
  top:0!important;
  height:5px!important;
  border-radius:0 0 999px 999px!important;
  background:linear-gradient(90deg,#ffb51d 0%,#0074b9 100%)!important;
}
.modern-news-greenet-style .modern-news-simple-title{
  margin:0 0 30px!important;
  padding:0 0 22px!important;
  color:#0a2d55!important;
  border-bottom:1px solid #e5f0f9!important;
  line-height:1.38!important;
  letter-spacing:.02em!important;
  font-weight:400!important;
}
.modern-news-greenet-style .modern-news-detail-simple .modern-news-body{
  max-width:840px!important;
  margin:0 auto!important;
  display:block!important;
}
.modern-news-greenet-style .modern-news-detail-simple .modern-news-text{
  color:inherit!important;
  line-height:2!important;
  margin:0 0 18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.modern-news-greenet-style .modern-news-detail-simple .modern-news-text p{margin:0 0 16px!important}
.modern-news-greenet-style .modern-news-detail-simple .news-inline-image{
  margin:24px 0!important;
  padding:0!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
}
.modern-news-greenet-style .modern-news-detail-simple .news-inline-image img,
.modern-news-greenet-style .modern-news-detail-simple .modern-news-text img{
  display:block!important;
  width:auto!important;
  max-width:min(720px,100%)!important;
  max-height:520px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #d8e9f7!important;
  box-shadow:0 12px 30px rgba(13,72,125,.10)!important;
}
.modern-news-greenet-style .modern-news-detail-simple .news-inline-file a{
  border:1px solid #d8e9f7!important;
  background:#fbfdff!important;
  color:#143c62!important;
}
.modern-news-greenet-style .modern-news-empty{
  padding:48px 24px!important;
  text-align:center!important;
  color:#607891!important;
}
@media(max-width:860px){
  .modern-news-greenet-style .modern-news-board,
  .modern-news-greenet-style .modern-news-tabs,
  .modern-news-greenet-style .modern-news-shell{width:calc(100% - 30px)!important}
  .modern-news-greenet-style .modern-news-board{padding:34px 24px!important;border-radius:24px 24px 0 0!important;min-height:180px!important}
  .modern-news-greenet-style .modern-news-hero-copy{padding-left:20px!important}
  .modern-news-greenet-style .modern-news-hero-copy:before{height:74px!important;width:4px!important}
  .modern-news-greenet-style .modern-news-tabs{border-radius:0 0 24px 24px!important;min-height:62px!important;padding:0 8px!important;margin-bottom:22px!important}
  .modern-news-greenet-style .modern-news-tabs a{min-height:62px!important;padding:0 14px!important;font-size:14px!important}
  .modern-news-greenet-style .modern-news-list-item{grid-template-columns:1fr!important;gap:18px!important;padding:22px!important;min-height:0!important}
  .modern-news-greenet-style .modern-news-thumb{height:190px!important;border-radius:18px!important}
  .modern-news-greenet-style .modern-news-detail-simple{padding:32px 22px!important;margin:24px auto 60px!important;border-radius:24px!important}
  .modern-news-greenet-style .modern-news-detail-simple:before{left:22px!important;right:22px!important}
  .modern-news-greenet-style .modern-news-detail-simple .modern-news-body{max-width:none!important}
  .modern-news-greenet-style .modern-news-detail-simple .news-inline-image img,
  .modern-news-greenet-style .modern-news-detail-simple .modern-news-text img{max-width:100%!important;max-height:360px!important}
}


/* news front width alignment fix 20260610: make content area align with title/header width */
.modern-news-greenet-style .modern-news-shell{
  width:min(var(--container),calc(100% - 70px))!important;
}
@media(max-width:860px){
  .modern-news-greenet-style .modern-news-shell{width:calc(100% - 30px)!important}
}



/* 最新消息單篇文章：加強互動與資訊感 */
.modern-news-shell.modern-news-shell-simple{
  width:min(1180px,calc(100% - 36px));
  max-width:1180px;
}
.modern-news-detail-rich{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.modern-news-detail-hero-card{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.78fr);
  gap:26px;
  align-items:stretch;
  margin-bottom:28px;
  padding:26px;
  border:1px solid #dce9f6;
  border-radius:30px;
  background:
    radial-gradient(circle at 92% 10%,rgba(255,193,58,.22),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f6fbff 100%);
  box-shadow:0 22px 54px rgba(6,51,104,.10);
  position:relative;
  overflow:hidden;
}
.modern-news-detail-hero-card:before{
  content:"";
  position:absolute;
  left:0;
  top:30px;
  bottom:30px;
  width:5px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,#176fe0,#0ab2cf);
}
.modern-news-detail-hero-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.modern-news-back-link{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-bottom:18px;
  padding:9px 14px;
  border:1px solid #cfe4f8;
  border-radius:999px;
  background:#fff;
  color:#176fe0;
  text-decoration:none;
  font-size:14px;
  transition:.2s ease;
}
.modern-news-back-link:hover{
  transform:translateX(-4px);
  border-color:#8fc7f1;
  box-shadow:0 8px 18px rgba(23,111,224,.12);
}
.modern-news-detail-kicker{
  display:inline-flex;
  width:max-content;
  margin-bottom:12px;
  padding:7px 13px;
  border-radius:999px;
  background:#eef7ff;
  color:#0b64d8;
  font-size:14px;
  letter-spacing:.08em;
}
.modern-news-detail-rich .modern-news-simple-title{
  margin:0;
  line-height:1.32;
  color:#071f45;
}
.modern-news-detail-summary{
  margin:16px 0 0;
  max-width:760px;
  color:#516984;
  font-size:17px;
  line-height:1.85;
}
.modern-news-detail-meta-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.modern-news-detail-meta-cards span{
  display:grid;
  gap:6px;
  min-height:78px;
  padding:14px 16px;
  border:1px solid #dce9f6;
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 24px rgba(6,51,104,.06);
}
.modern-news-detail-meta-cards b{
  color:#6a819a;
  font-size:13px;
  font-weight:400;
}
.modern-news-detail-meta-cards em{
  color:#123d6c;
  font-style:normal;
  font-size:16px;
}
.modern-news-detail-cover{
  margin:0;
  min-height:320px;
  border-radius:26px;
  overflow:hidden;
  background:#eef7ff;
  box-shadow:0 18px 36px rgba(6,51,104,.12);
}
.modern-news-detail-cover img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
.modern-news-detail-hero-card:hover .modern-news-detail-cover img{
  transform:scale(1.035);
}
.modern-news-detail-visual{
  min-height:320px;
  border-radius:26px;
  display:grid;
  place-items:center;
  background:
    linear-gradient(135deg,rgba(23,111,224,.13),rgba(10,178,207,.08)),
    repeating-linear-gradient(135deg,rgba(23,111,224,.08) 0 1px,transparent 1px 18px);
  position:relative;
  overflow:hidden;
}
.modern-news-detail-visual span{
  position:relative;
  z-index:2;
  color:#176fe0;
  font-size:34px;
  letter-spacing:.18em;
}
.modern-news-detail-visual i{
  position:absolute;
  width:120px;
  height:120px;
  border:1px solid rgba(23,111,224,.24);
  border-radius:50%;
  animation:kenmosNewsPulse 4.5s ease-in-out infinite;
}
.modern-news-detail-visual i:nth-child(2){width:190px;height:190px;animation-delay:.4s}
.modern-news-detail-visual i:nth-child(3){width:260px;height:260px;animation-delay:.8s}
@keyframes kenmosNewsPulse{
  0%,100%{transform:scale(.94);opacity:.45}
  50%{transform:scale(1.04);opacity:.95}
}
.modern-news-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:24px;
  align-items:start;
}
.modern-news-detail-main{
  min-width:0;
  padding:30px;
  border:1px solid #dce9f6;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 48px rgba(6,51,104,.08);
}
.modern-news-detail-aside{
  position:sticky;
  top:92px;
  display:grid;
  gap:16px;
}
.modern-news-aside-card{
  padding:20px;
  border:1px solid #dce9f6;
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#f8fcff);
  box-shadow:0 16px 36px rgba(6,51,104,.08);
}
.modern-news-aside-card h3{
  margin:0 0 14px;
  color:#071f45;
  font-size:18px;
  font-weight:500;
}
.modern-news-aside-card dl{
  display:grid;
  gap:10px;
  margin:0;
}
.modern-news-aside-card dl div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-top:1px solid #edf3fa;
}
.modern-news-aside-card dt{
  color:#6a819a;
}
.modern-news-aside-card dd{
  margin:0;
  color:#123d6c;
  text-align:right;
}
.modern-news-related-list{
  display:grid;
  gap:0;
}
.modern-news-related-list a{
  display:grid;
  gap:5px;
  padding:13px 0;
  border-top:1px solid #edf3fa;
  color:#183b66;
  text-decoration:none;
  transition:.2s ease;
}
.modern-news-related-list a:hover{
  transform:translateX(4px);
  color:#176fe0;
}
.modern-news-related-list time{
  color:#0b64d8;
  font-size:13px;
}
.modern-news-related-list b{
  font-weight:400;
  line-height:1.55;
}
.modern-news-single-flow{
  gap:24px;
}
.modern-news-single-flow .modern-news-text{
  padding-left:18px;
  border-left:4px solid #d9ecfb;
}
.news-inline-image{
  margin:28px 0;
}
.news-inline-image .news-image-frame{
  position:relative;
  display:block;
  width:min(100%,760px);
  margin:0 auto;
  border-radius:0;
  overflow:hidden;
  background:#eef7ff;
  box-shadow:0 18px 42px rgba(6,51,104,.13);
}
.news-inline-image .news-image-frame:after{
  content:"點擊圖片可檢視";
  position:absolute;
  right:14px;
  bottom:14px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(7,31,69,.72);
  color:#fff;
  font-size:13px;
  opacity:0;
  transform:translateY(8px);
  transition:.25s ease;
}
.news-inline-image:hover .news-image-frame:after{
  opacity:1;
  transform:translateY(0);
}
.news-inline-image img{
  display:block;
  width:100%;
  max-height:560px;
  object-fit:contain;
  background:#f8fcff;
  transition:transform .42s ease;
}
.news-inline-image:hover img{
  transform:scale(1.025);
}
.news-inline-image figcaption{
  margin-top:10px;
  color:#6a819a;
  font-size:14px;
  text-align:center;
}
.news-inline-file a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border:1px solid #dce9f6;
  border-radius:16px;
  background:#f8fcff;
  color:#183b66;
  text-decoration:none;
  transition:.2s ease;
}
.news-inline-file a:hover{
  transform:translateX(4px);
  border-color:#9fd7f5;
}
.news-inline-file span{
  display:grid;
  place-items:center;
  min-width:48px;
  min-height:34px;
  border-radius:10px;
  background:linear-gradient(135deg,#176fe0,#0ab2cf);
  color:#fff;
  font-size:12px;
}
@media(max-width:980px){
  .modern-news-detail-hero-card,
  .modern-news-detail-layout{
    grid-template-columns:1fr;
  }
  .modern-news-detail-aside{
    position:static;
  }
  .modern-news-detail-cover,
  .modern-news-detail-cover img,
  .modern-news-detail-visual{
    min-height:240px;
  }
}
@media(max-width:680px){
  .modern-news-shell.modern-news-shell-simple{
    width:min(100% - 24px,1180px);
  }
  .modern-news-detail-hero-card,
  .modern-news-detail-main{
    padding:20px;
    border-radius:22px;
  }
  .modern-news-detail-meta-cards{
    grid-template-columns:1fr;
  }
  .modern-news-single-flow .modern-news-text{
    padding-left:12px;
  }
}




/* 最新消息單篇文章：科技感背景、互動閱讀進度、圖片放大浮窗 */
.modern-news-detail-rich{
  position:relative;
  isolation:isolate;
}
.modern-news-detail-rich:before{
  content:"";
  position:absolute;
  inset:-42px -24px auto -24px;
  height:520px;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(23,111,224,.075) 1px,transparent 1px),
    linear-gradient(180deg,rgba(23,111,224,.055) 1px,transparent 1px),
    radial-gradient(circle at 18% 8%,rgba(10,178,207,.18),transparent 34%),
    radial-gradient(circle at 88% 12%,rgba(255,193,58,.16),transparent 26%);
  background-size:38px 38px,38px 38px,auto,auto;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.85) 54%,transparent 100%);
}
.modern-news-tech-progress{
  position:sticky;
  top:0;
  z-index:10;
  height:4px;
  margin:0 0 16px;
  border-radius:999px;
  background:rgba(207,228,248,.7);
  overflow:hidden;
}
.modern-news-tech-progress span{
  display:block;
  width:0%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#176fe0,#0ab2cf,#ffc13a);
  box-shadow:0 0 18px rgba(10,178,207,.45);
  transition:width .12s linear;
}
.modern-news-tech-ambient{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  overflow:hidden;
  border-radius:34px;
}
.modern-news-tech-ambient i{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#0ab2cf;
  box-shadow:0 0 0 7px rgba(10,178,207,.10),0 0 26px rgba(10,178,207,.45);
  animation:kenmosTechFloat 7s ease-in-out infinite;
}
.modern-news-tech-ambient i:nth-child(1){left:4%;top:100px}
.modern-news-tech-ambient i:nth-child(2){right:8%;top:180px;animation-delay:1s;background:#176fe0}
.modern-news-tech-ambient i:nth-child(3){left:11%;top:460px;animation-delay:2.2s;background:#ffc13a}
.modern-news-tech-ambient i:nth-child(4){right:13%;top:620px;animation-delay:3.4s}
@keyframes kenmosTechFloat{
  0%,100%{transform:translate3d(0,0,0) scale(.92);opacity:.55}
  50%{transform:translate3d(0,-18px,0) scale(1.08);opacity:1}
}
.modern-news-detail-hero-card{
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(246,251,255,.92)),
    radial-gradient(circle at 86% 16%,rgba(10,178,207,.20),transparent 30%),
    linear-gradient(90deg,rgba(23,111,224,.07) 1px,transparent 1px),
    linear-gradient(180deg,rgba(23,111,224,.055) 1px,transparent 1px)!important;
  background-size:auto,auto,28px 28px,28px 28px!important;
}
.modern-news-detail-hero-card:after{
  content:"";
  position:absolute;
  right:26px;
  top:26px;
  width:110px;
  height:110px;
  border-radius:28px;
  border:1px solid rgba(23,111,224,.16);
  background:
    linear-gradient(135deg,transparent 48%,rgba(23,111,224,.16) 49%,transparent 51%),
    linear-gradient(45deg,transparent 48%,rgba(10,178,207,.13) 49%,transparent 51%);
  opacity:.72;
  pointer-events:none;
}
.modern-news-detail-main{
  position:relative;
  overflow:hidden;
}
.modern-news-detail-main:before{
  content:"";
  position:absolute;
  right:-80px;
  top:24px;
  width:220px;
  height:220px;
  border-radius:50%;
  border:1px solid rgba(23,111,224,.11);
  box-shadow:inset 0 0 0 22px rgba(10,178,207,.035),0 0 55px rgba(23,111,224,.08);
  pointer-events:none;
}
.modern-news-detail-main:after{
  content:"";
  position:absolute;
  left:28px;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(23,111,224,.20),transparent);
  pointer-events:none;
}
.modern-news-single-flow .modern-news-text{
  position:relative;
  z-index:1;
  background:linear-gradient(90deg,rgba(246,251,255,.82),transparent);
  border-radius:0 18px 18px 0;
  padding-top:10px;
  padding-bottom:10px;
}
.news-inline-image .news-image-frame{
  cursor:zoom-in;
}
.news-inline-image .news-image-frame:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(0deg,rgba(7,31,69,.12),transparent 45%);
  opacity:.65;
  transition:.25s ease;
}
.news-inline-image:hover .news-image-frame:before{
  opacity:.35;
}
.news-inline-image .news-image-frame:after{
  z-index:2;
  content:"點擊放大圖片";
}
.modern-news-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px;
  background:rgba(5,18,36,.76);
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease;
}
.modern-news-lightbox.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.modern-news-lightbox-panel{
  position:relative;
  max-width:min(1180px,96vw);
  max-height:88vh;
  padding:14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  box-shadow:0 28px 80px rgba(0,0,0,.42);
  transform:translateY(18px) scale(.985);
  transition:transform .22s ease;
}
.modern-news-lightbox.is-open .modern-news-lightbox-panel{
  transform:translateY(0) scale(1);
}
.modern-news-lightbox-panel img{
  display:block;
  max-width:calc(96vw - 28px);
  max-height:calc(88vh - 86px);
  object-fit:contain;
  border-radius:18px;
  background:#fff;
}
.modern-news-lightbox-panel p{
  margin:10px 4px 0;
  color:#fff;
  text-align:center;
  font-size:14px;
}
.modern-news-lightbox-close{
  position:fixed;
  right:28px;
  top:24px;
  z-index:10000;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  transition:.2s ease;
}
.modern-news-lightbox-close:hover{
  background:#fff;
  color:#071f45;
  transform:rotate(90deg);
}
.news-lightbox-open{
  overflow:hidden;
}
@media(max-width:680px){
  .modern-news-lightbox{
    padding:18px;
  }
  .modern-news-lightbox-close{
    right:16px;
    top:14px;
  }
  .modern-news-detail-rich:before{
    inset:-24px -12px auto -12px;
  }
}




/* 最新消息單篇文章：移除上方大資訊主視覺區，只保留返回按鈕 */
.modern-news-detail-rich:before{
  height:220px!important;
  opacity:.55!important;
}
.modern-news-detail-topline{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0 0 18px!important;
}
.modern-news-detail-topline .modern-news-back-link{
  margin:0!important;
  position:relative!important;
  z-index:2!important;
  box-shadow:0 8px 20px rgba(23,111,224,.08)!important;
}
.modern-news-detail-rich .modern-news-detail-layout{
  margin-top:0!important;
}
.modern-news-detail-rich .modern-news-detail-main{
  margin-top:0!important;
}
.modern-news-detail-cover,
.modern-news-detail-hero-card,
.modern-news-detail-visual,
.modern-news-detail-meta-cards,
.modern-news-detail-summary,
.modern-news-detail-kicker{
  display:none!important;
}
@media(max-width:680px){
  .modern-news-detail-topline{
    margin-bottom:14px!important;
  }
}



/* 最新消息單篇文章：圖片白底移除、多圖同列、返回按鈕移至文章資訊列 */
.modern-news-detail-topline{
  display:none!important;
}
.modern-news-aside-title-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
.modern-news-aside-title-row h3{
  margin:0!important;
}
.modern-news-back-link-inline{
  margin:0!important;
  padding:7px 11px!important;
  font-size:13px!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.news-inline-image-grid{
  display:grid!important;
  gap:16px!important;
  margin:26px 0!important;
  align-items:start!important;
}
.news-inline-image-grid.is-one{
  grid-template-columns:minmax(0,1fr)!important;
}
.news-inline-image-grid.is-two{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.news-inline-image-grid.is-three,
.news-inline-image-grid[data-image-count="3"]{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.news-inline-image-grid[data-image-count="4"]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.news-inline-image-grid[data-image-count="5"],
.news-inline-image-grid[data-image-count="6"]{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.news-inline-image{
  margin:0!important;
  background:transparent!important;
}
.news-inline-image .news-image-frame{
  width:100%!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.news-inline-image .news-image-frame:before{
  display:none!important;
}
.news-inline-image .news-image-frame:after{
  right:10px!important;
  bottom:10px!important;
}
.news-inline-image img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.news-inline-image:hover img{
  transform:none!important;
}
.news-inline-image-grid.is-two .news-inline-image img,
.news-inline-image-grid.is-three .news-inline-image img,
.news-inline-image-grid[data-image-count="3"] .news-inline-image img,
.news-inline-image-grid[data-image-count="4"] .news-inline-image img,
.news-inline-image-grid[data-image-count="5"] .news-inline-image img,
.news-inline-image-grid[data-image-count="6"] .news-inline-image img{
  max-height:360px!important;
}
.modern-news-lightbox-panel img{
  background:transparent!important;
}
@media(max-width:760px){
  .news-inline-image-grid.is-two,
  .news-inline-image-grid.is-three,
  .news-inline-image-grid[data-image-count]{
    grid-template-columns:1fr!important;
  }
  .modern-news-aside-title-row{
    align-items:flex-start!important;
  }
  .modern-news-back-link-inline{
    padding:7px 10px!important;
  }
}


/* 最新消息單篇文章：標題列與真正多圖同列排列 */
.modern-news-detail-titlebar{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
  padding:22px 26px!important;
  border:1px solid #dce9f6!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff,#f6fbff)!important;
  box-shadow:0 16px 38px rgba(6,51,104,.08)!important;
}
.modern-news-detail-titlebar h1{
  margin:0!important;
  line-height:1.35!important;
  min-width:0!important;
}
.modern-news-detail-titlebar .modern-news-back-link-inline{
  flex:0 0 auto!important;
  margin-top:4px!important;
  padding:9px 14px!important;
  white-space:nowrap!important;
}
.news-inline-image-grid{
  display:grid!important;
  gap:16px!important;
  margin:26px 0!important;
  align-items:start!important;
  width:100%!important;
}
.news-inline-image-grid.is-one{
  grid-template-columns:minmax(0,1fr)!important;
}
.news-inline-image-grid.is-two,
.news-inline-image-grid[data-image-count="2"]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.news-inline-image-grid.is-three,
.news-inline-image-grid[data-image-count="3"]{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.news-inline-image-grid[data-image-count="4"]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.news-inline-image-grid[data-image-count="5"],
.news-inline-image-grid[data-image-count="6"]{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.news-inline-image-grid .news-inline-image{
  margin:0!important;
  min-width:0!important;
}
.news-inline-image-grid .news-image-frame{
  width:100%!important;
}
.news-inline-image-grid .news-inline-image img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.news-inline-image-grid[data-image-count="2"] .news-inline-image img,
.news-inline-image-grid[data-image-count="3"] .news-inline-image img,
.news-inline-image-grid[data-image-count="4"] .news-inline-image img,
.news-inline-image-grid[data-image-count="5"] .news-inline-image img,
.news-inline-image-grid[data-image-count="6"] .news-inline-image img{
  max-height:360px!important;
}
@media(max-width:760px){
  .modern-news-detail-titlebar{
    display:grid!important;
    padding:18px!important;
  }
  .modern-news-detail-titlebar .modern-news-back-link-inline{
    width:max-content!important;
  }
  .news-inline-image-grid,
  .news-inline-image-grid.is-two,
  .news-inline-image-grid.is-three,
  .news-inline-image-grid[data-image-count]{
    grid-template-columns:1fr!important;
  }
}


/* 最新消息前台標題：允許後台設定的粗細與文字顏色生效 */
.modern-news-detail-titlebar h1{
  color:inherit;
  font-weight:inherit;
}
.modern-news-detail-titlebar h1[style],
.modern-news-detail-rich h1[style],
.modern-news-list-item h3[style],
.modern-news-row h3[style]{
  /* 保留 inline style 由資料庫輸出的 color / font-weight / font-size / font-family */
}


/* 最新消息列表與文章標題：由資料庫 inline !important 控制顏色、粗細、大小、字體 */
.modern-news-db-title{
  /* 前台列表標題樣式由 main.php 的 news_style_front_important() 輸出 */
}
.modern-news-detail-titlebar h1[style],
.modern-news-db-title[style]{
  /* 避免舊樣式寫死，實際樣式以 inline !important 為準 */
}


/* 最新消息文章標題列：不論後台設定標題大小，文字都垂直置中 */
.modern-news-detail-titlebar{
  align-items:center!important;
  min-height:78px!important;
}
.modern-news-detail-titlebar h1{
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:1.25!important;
}
.modern-news-detail-titlebar .modern-news-back-link-inline{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  margin-top:0!important;
}
@media(max-width:760px){
  .modern-news-detail-titlebar{
    align-items:center!important;
  }
  .modern-news-detail-titlebar h1{
    min-height:0!important;
  }
}


/* 20260611 最新消息前台圖片：依文章內容寬度顯示，每張圖片一行；取消點擊放大，改為 hover 互動式展示 */
.modern-news-detail-main .news-inline-image-grid,
.modern-news-detail-main .news-inline-image-grid.is-one,
.modern-news-detail-main .news-inline-image-grid.is-two,
.modern-news-detail-main .news-inline-image-grid.is-three,
.modern-news-detail-main .news-inline-image-flow{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:26px!important;
  width:100%!important;
  max-width:100%!important;
  margin:28px 0!important;
  padding:0!important;
}
.modern-news-detail-main .news-inline-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
.modern-news-detail-main .news-inline-image .news-image-frame{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#f7fbff!important;
  border:1px solid #dce9f6!important;
  box-shadow:0 12px 28px rgba(6,51,104,.08)!important;
  cursor:default!important;
  transform:none!important;
  transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease!important;
}
.modern-news-detail-main .news-inline-image .news-image-frame:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%)!important;
  opacity:.35!important;
  z-index:1!important;
  transition:opacity .25s ease!important;
}
.modern-news-detail-main .news-inline-image .news-image-frame:after{
  content:""!important;
  display:none!important;
}
.modern-news-detail-main .news-inline-image:hover .news-image-frame{
  transform:translateY(-2px)!important;
  border-color:#afd9f4!important;
  box-shadow:0 18px 38px rgba(6,51,104,.13)!important;
}
.modern-news-detail-main .news-inline-image:hover .news-image-frame:before{
  opacity:.08!important;
}
.modern-news-detail-main .news-inline-image img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:#fff!important;
  transform:none!important;
  transition:filter .25s ease!important;
}
.modern-news-detail-main .news-inline-image:hover img{
  transform:none!important;
  filter:saturate(1.04) contrast(1.02)!important;
}
.modern-news-detail-main .news-inline-image figcaption{
  margin:10px 0 0!important;
  color:#6a819a!important;
  font-size:14px!important;
  text-align:center!important;
  line-height:1.7!important;
}
.modern-news-detail-main .modern-news-lightbox,
.modern-news-lightbox{
  display:none!important;
}
.news-lightbox-open{
  overflow:auto!important;
}


/* 20260611 最新消息前台微調：圖片 60% 寬、無邊框/背景；文章資訊不再跟隨捲動 */
.modern-news-detail-main .news-inline-image-grid,
.modern-news-detail-main .news-inline-image-grid.is-one,
.modern-news-detail-main .news-inline-image-grid.is-two,
.modern-news-detail-main .news-inline-image-grid.is-three,
.modern-news-detail-main .news-inline-image-flow{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  gap:24px!important;
  width:100%!important;
  max-width:100%!important;
  margin:26px 0!important;
  padding:0!important;
}

.modern-news-detail-main .news-inline-image{
  display:block!important;
  width:60%!important;
  max-width:60%!important;
  margin:0 auto!important;
}

.modern-news-detail-main .news-inline-image .news-image-frame{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:18px!important;
  overflow:hidden!important;
  cursor:default!important;
  transform:none!important;
  transition:filter .25s ease, transform .25s ease!important;
}

.modern-news-detail-main .news-inline-image .news-image-frame:before,
.modern-news-detail-main .news-inline-image .news-image-frame:after{
  content:none!important;
  display:none!important;
}

.modern-news-detail-main .news-inline-image img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:none!important;
  transform:none!important;
  transition:filter .25s ease, transform .25s ease!important;
}

.modern-news-detail-main .news-inline-image:hover .news-image-frame{
  transform:none!important;
  border:0!important;
  box-shadow:none!important;
}

.modern-news-detail-main .news-inline-image:hover img{
  transform:translateY(-1px)!important;
  filter:saturate(1.03) contrast(1.02)!important;
}

.modern-news-detail-main .news-inline-image figcaption{
  width:100%!important;
  margin:10px auto 0!important;
  color:#6a819a!important;
  font-size:14px!important;
  text-align:center!important;
  line-height:1.7!important;
}

/* 文章資訊固定在原版面位置，不再 sticky 跟著畫面下拉 */
.modern-news-detail-aside{
  position:static!important;
  top:auto!important;
  align-self:start!important;
}

/* 手機版避免圖片過小 */
@media(max-width:900px){
  .modern-news-detail-main .news-inline-image{
    width:78%!important;
    max-width:78%!important;
  }
}

@media(max-width:680px){
  .modern-news-detail-main .news-inline-image{
    width:100%!important;
    max-width:100%!important;
  }
}


/* 20260611 最新消息前台圖片：統一橫式/直式寬度為文章內容 75% */
.modern-news-detail-main .news-inline-image{
  display:block!important;
  width:75%!important;
  max-width:75%!important;
  margin:0 auto!important;
}

.modern-news-detail-main .news-inline-image .news-image-frame{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:18px!important;
  overflow:hidden!important;
}

.modern-news-detail-main .news-inline-image img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

/* 避免直式圖因圖片比例被其他舊樣式限制寬度 */
.modern-news-detail-main .news-inline-image img[width],
.modern-news-detail-main .news-inline-image img[height]{
  width:100%!important;
  height:auto!important;
}

/* 手機版避免圖片過小 */
@media(max-width:900px){
  .modern-news-detail-main .news-inline-image{
    width:85%!important;
    max-width:85%!important;
  }
}

@media(max-width:680px){
  .modern-news-detail-main .news-inline-image{
    width:100%!important;
    max-width:100%!important;
  }
}


/* 20260611 最新消息前台：強制直式 / 橫式圖片顯示寬度完全一致 */
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid.is-one,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid.is-two,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid.is-three,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-flow{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-items:start!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image{
  width:75%!important;
  max-width:75%!important;
  min-width:75%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image .news-image-frame{
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  display:block!important;
  box-sizing:border-box!important;
  line-height:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:18px!important;
  overflow:hidden!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image .news-image-frame img,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  inline-size:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:fill!important;
  object-position:center center!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* 圖片本身如果帶 width / height 屬性或舊樣式，也統一以容器寬度為準 */
.modern-news-detail-rich .modern-news-detail-main .news-inline-image .news-image-frame img[width],
.modern-news-detail-rich .modern-news-detail-main .news-inline-image .news-image-frame img[height]{
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  inline-size:100%!important;
  height:auto!important;
  max-height:none!important;
}

/* 平板與手機避免圖片過小 */
@media(max-width:900px){
  .modern-news-detail-rich .modern-news-detail-main .news-inline-image{
    width:85%!important;
    max-width:85%!important;
    min-width:85%!important;
  }
}

@media(max-width:680px){
  .modern-news-detail-rich .modern-news-detail-main .news-inline-image{
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
  }
}


/* 20260611 最新消息前台：圖片與圖片距離縮短 50% */
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid.is-one,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid.is-two,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid.is-three,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-flow,
.modern-news-detail-main .news-inline-image-grid,
.modern-news-detail-main .news-inline-image-flow{
  gap:12px!important;
  row-gap:12px!important;
  margin-top:13px!important;
  margin-bottom:13px!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image,
.modern-news-detail-main .news-inline-image{
  margin-top:0!important;
  margin-bottom:0!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image + .news-inline-image,
.modern-news-detail-main .news-inline-image + .news-inline-image{
  margin-top:12px!important;
}


/* 20260611 最新消息前台：圖片間距再縮短 50%，並加強互動式 hover 感受 */
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid.is-one,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid.is-two,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-grid.is-three,
.modern-news-detail-rich .modern-news-detail-main .news-inline-image-flow,
.modern-news-detail-main .news-inline-image-grid,
.modern-news-detail-main .news-inline-image-flow{
  gap:6px!important;
  row-gap:6px!important;
  margin-top:7px!important;
  margin-bottom:7px!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image,
.modern-news-detail-main .news-inline-image{
  margin-top:0!important;
  margin-bottom:0!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image + .news-inline-image,
.modern-news-detail-main .news-inline-image + .news-inline-image{
  margin-top:6px!important;
}

/* 加強互動感：滑過圖片時有更明顯浮起、陰影、亮度與層次，但不開啟 lightbox */
.modern-news-detail-rich .modern-news-detail-main .news-inline-image .news-image-frame,
.modern-news-detail-main .news-inline-image .news-image-frame{
  transition:transform .28s ease, filter .28s ease, box-shadow .28s ease!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image:hover .news-image-frame,
.modern-news-detail-main .news-inline-image:hover .news-image-frame{
  transform:translateY(-6px) scale(1.018)!important;
  box-shadow:0 18px 42px rgba(6,51,104,.18)!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image img,
.modern-news-detail-main .news-inline-image img{
  transition:transform .32s ease, filter .32s ease!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image:hover img,
.modern-news-detail-main .news-inline-image:hover img{
  transform:scale(1.018)!important;
  filter:saturate(1.12) contrast(1.06) brightness(1.03)!important;
}

.modern-news-detail-rich .modern-news-detail-main .news-inline-image:active .news-image-frame,
.modern-news-detail-main .news-inline-image:active .news-image-frame{
  transform:translateY(-2px) scale(1.008)!important;
}


@media (max-width:720px){
  .home-global-sync-map{min-height:230px}
  .home-global-pin b{display:none}
  .home-global-sync-grid{grid-template-columns:1fr}
}

/* kenmos_arcanum_like_header_ui_20260621: front-end header/nav UI only; no backend/database changes */
body .site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid rgba(18,48,88,.12)!important;
  box-shadow:0 8px 26px rgba(8,32,64,.08)!important;
  backdrop-filter:blur(12px);
}
body .header-top{
  width:min(1760px,100%);
  min-height:92px!important;
  margin:0 auto;
  padding:14px clamp(24px,4vw,70px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:34px!important;
}
body .brand{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  padding:0!important;
}
body .brand img{
  width:auto!important;
  height:66px!important;
  max-width:292px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 5px 10px rgba(0,83,160,.10));
}
body .brand span{display:none!important}
body .top-actions{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
}
body .nav-strip{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:60px!important;
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  background:transparent!important;
}
body .nav-group{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(18px,1.32vw,30px);
  min-width:0;
}
body .nav-group-portal{gap:clamp(18px,1.16vw,26px)}
body .nav-separator{
  display:block;
  width:1px;
  height:26px;
  margin:0 clamp(18px,1.55vw,30px);
  background:linear-gradient(180deg,transparent,rgba(15,42,76,.38),transparent);
  flex:0 0 auto;
}
body .nav-strip .nav-item,
body .nav-strip .nav-portal{
  position:relative!important;
  height:60px!important;
  min-width:max-content!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  color:#222a36!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
  transition:color .22s ease,transform .22s ease!important;
}
body .nav-strip .nav-item:before,
body .nav-strip .nav-portal:before{display:none!important;content:none!important}
body .nav-strip .nav-item:after,
body .nav-strip .nav-portal:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:10px!important;
  width:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#006fbb,#00a5df)!important;
  transform:translateX(-50%)!important;
  opacity:0!important;
  transition:width .24s ease,opacity .24s ease!important;
}
body .nav-strip .nav-item:hover,
body .nav-strip .nav-portal:hover,
body .nav-strip .nav-item.active,
body .nav-strip .nav-portal.active{
  color:#006fbb!important;
  transform:translateY(-1px)!important;
}
body .nav-strip .nav-item:hover:after,
body .nav-strip .nav-portal:hover:after,
body .nav-strip .nav-item.active:after,
body .nav-strip .nav-portal.active:after{
  width:100%!important;
  opacity:1!important;
}
body .header-lang-dropdown{
  position:relative;
  flex:0 0 auto;
  z-index:3;
}
body .header-lang-button{
  height:60px;
  padding:0;
  border:0;
  background:transparent;
  color:#222a36;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font:inherit;
  font-size:15px;
  line-height:1;
  font-weight:400;
  letter-spacing:.025em;
  cursor:pointer;
  white-space:nowrap;
  transition:color .22s ease,transform .22s ease;
}
body .header-lang-button svg{
  width:19px;
  height:19px;
  color:#006fbb;
  stroke-width:1.7;
  flex:0 0 auto;
}
body .header-lang-button i{
  width:7px;
  height:7px;
  border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .22s ease;
}
body .header-lang-dropdown:hover .header-lang-button,
body .header-lang-dropdown:focus-within .header-lang-button{
  color:#006fbb;
  transform:translateY(-1px);
}
body .header-lang-dropdown:hover .header-lang-button i,
body .header-lang-dropdown:focus-within .header-lang-button i{transform:rotate(225deg) translate(-2px,-1px)}
body .language-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:132px;
  padding:8px;
  border:1px solid rgba(0,111,187,.16);
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 38px rgba(9,44,84,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
}
body .header-lang-dropdown:hover .language-menu,
body .header-lang-dropdown:focus-within .language-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
body .language-menu:before{
  content:"";
  position:absolute;
  top:-6px;
  right:23px;
  width:12px;
  height:12px;
  background:#fff;
  border-left:1px solid rgba(0,111,187,.16);
  border-top:1px solid rgba(0,111,187,.16);
  transform:rotate(45deg);
}
body .language-menu a{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:38px;
  padding:0 12px;
  border-radius:10px;
  color:#2b3541;
  font-size:14px;
  font-weight:400;
  letter-spacing:.04em;
  transition:background .18s ease,color .18s ease;
}
body .language-menu a:hover,
body .language-menu a.active{
  background:#eef8ff;
  color:#006fbb;
}
body .language-menu a.active:after{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#006fbb;
}
body .menu-toggle{
  display:none!important;
  border:1px solid rgba(0,111,187,.16)!important;
  background:#fff!important;
  border-radius:999px!important;
  width:46px!important;
  height:46px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  box-shadow:0 8px 18px rgba(8,44,84,.08)!important;
}
body .menu-toggle span{
  display:block!important;
  width:20px!important;
  height:2px!important;
  background:#006fbb!important;
  border-radius:99px!important;
}
@media (max-width:1380px){
  body .header-top{gap:22px!important;padding-left:clamp(18px,2.5vw,44px)!important;padding-right:clamp(18px,2.5vw,44px)!important}
  body .brand img{height:58px!important;max-width:252px!important}
  body .nav-group{gap:16px}
  body .nav-separator{margin:0 16px}
  body .nav-strip .nav-item,
  body .nav-strip .nav-portal,
  body .header-lang-button{font-size:14px!important}
}
@media (max-width:1180px){
  body .site-header{position:sticky!important}
  body .header-top{min-height:82px!important;padding:12px 18px!important}
  body .brand img{height:54px!important;max-width:238px!important}
  body .menu-toggle{display:flex!important}
  body .nav-strip{
    display:none!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    top:calc(100% + 8px)!important;
    width:auto!important;
    min-height:0!important;
    padding:12px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    border:1px solid #dce9f6!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 18px 44px rgba(8,44,84,.18)!important;
    overflow:visible!important;
  }
  body .nav-strip.open{display:flex!important}
  body .nav-group{
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
  }
  body .nav-separator{
    width:100%;
    height:1px;
    margin:8px 0;
    background:linear-gradient(90deg,transparent,#d8e8f6,transparent);
  }
  body .nav-strip .nav-item,
  body .nav-strip .nav-portal,
  body .header-lang-button{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    justify-content:flex-start!important;
    padding:0 14px!important;
    border-radius:12px!important;
    font-size:15px!important;
  }
  body .nav-strip .nav-item:hover,
  body .nav-strip .nav-portal:hover,
  body .nav-strip .nav-item.active,
  body .nav-strip .nav-portal.active,
  body .header-lang-dropdown:hover .header-lang-button,
  body .header-lang-dropdown:focus-within .header-lang-button{
    background:#eef8ff!important;
    transform:none!important;
  }
  body .nav-strip .nav-item:after,
  body .nav-strip .nav-portal:after{display:none!important}
  body .header-lang-button{gap:9px!important}
  body .header-lang-button i{margin-left:auto}
  body .language-menu{
    left:14px;
    right:14px;
    top:calc(100% + 4px);
    min-width:0;
  }
}
@media (max-width:720px){
  body .header-top{min-height:76px!important;padding:10px 14px!important}
  body .brand img{height:48px!important;max-width:210px!important}
  body .nav-strip{left:14px!important;right:14px!important;top:calc(100% + 6px)!important}
}


/* kenmos_header_logo_nav_left_enlarge_20260621: front-end header refinement only; no backend/database changes */
body .header-top{
  width:100%!important;
  max-width:none!important;
  min-height:108px!important;
  padding:16px clamp(26px,3.2vw,58px) 16px clamp(12px,1.6vw,30px)!important;
  justify-content:flex-start!important;
  gap:clamp(22px,2vw,38px)!important;
}
body .brand{
  align-self:center!important;
  margin:0!important;
}
body .brand img{
  height:78px!important;
  max-width:286px!important;
  width:auto!important;
  background:transparent!important;
  filter:none!important;
}
body .top-actions{
  flex:1 1 auto!important;
  justify-content:stretch!important;
  gap:16px!important;
}
body .nav-strip{
  width:100%!important;
  min-height:70px!important;
  justify-content:flex-start!important;
}
body .nav-group-primary{
  justify-content:flex-start!important;
  gap:clamp(20px,1.34vw,32px)!important;
}
body .nav-group-primary + .nav-separator{
  margin-left:auto!important;
}
body .nav-group-portal{
  margin-left:0!important;
  gap:clamp(20px,1.12vw,28px)!important;
}
body .nav-strip .nav-item,
body .nav-strip .nav-portal,
body .header-lang-button{
  height:70px!important;
  font-size:22.5px!important;
  letter-spacing:.018em!important;
}
body .header-lang-button svg{
  width:24px!important;
  height:24px!important;
}
body .header-lang-button i{
  width:8px!important;
  height:8px!important;
}
body .language-menu{
  min-width:150px!important;
  padding:10px!important;
}
body .language-menu a{
  min-height:44px!important;
  font-size:18px!important;
}
@media (max-width:1760px){
  body .header-top{gap:clamp(18px,1.5vw,28px)!important;padding-right:clamp(18px,2.2vw,40px)!important}
  body .brand img{height:72px!important;max-width:264px!important}
  body .nav-group-primary{gap:clamp(16px,1vw,24px)!important}
  body .nav-group-portal{gap:18px!important}
  body .nav-separator{margin-left:20px!important;margin-right:20px!important}
  body .nav-group-primary + .nav-separator{margin-left:auto!important}
  body .nav-strip .nav-item,
  body .nav-strip .nav-portal,
  body .header-lang-button{font-size:20px!important}
  body .header-lang-button svg{width:22px!important;height:22px!important}
}
@media (max-width:1540px){
  body .header-top{min-height:96px!important;padding-left:12px!important;padding-right:22px!important;gap:18px!important}
  body .brand img{height:62px!important;max-width:232px!important}
  body .nav-group-primary{gap:14px!important}
  body .nav-group-portal{gap:14px!important}
  body .nav-separator{margin-left:14px!important;margin-right:14px!important}
  body .nav-group-primary + .nav-separator{margin-left:auto!important}
  body .nav-strip .nav-item,
  body .nav-strip .nav-portal,
  body .header-lang-button{font-size:18px!important;height:64px!important}
  body .header-lang-button svg{width:20px!important;height:20px!important}
}
@media (max-width:1280px){
  body .header-top{min-height:84px!important;padding:12px 18px!important;justify-content:space-between!important}
  body .brand img{height:56px!important;max-width:230px!important}
  body .top-actions{flex:0 0 auto!important;justify-content:flex-end!important}
  body .nav-strip{width:auto!important;min-height:0!important;justify-content:flex-start!important}
  body .nav-group-primary + .nav-separator{margin-left:0!important}
  body .nav-strip .nav-item,
  body .nav-strip .nav-portal,
  body .header-lang-button{font-size:16px!important;height:44px!important}
  body .header-lang-button svg{width:19px!important;height:19px!important}
}
@media (max-width:720px){
  body .brand img{height:50px!important;max-width:206px!important}
}

/* kenmos_header_logo_small_flip_20260621: requested header-only refinement; frontend UI/CSS only */
@media (min-width:1181px){
  body .header-top{
    min-height:86px!important;
    gap:clamp(22px,2vw,38px)!important;
  }
  body .brand img{
    height:47px!important;
    max-width:172px!important;
  }
  body .nav-strip{
    min-height:60px!important;
  }
  body .nav-group-primary{
    gap:clamp(22px,1.47vw,35px)!important;
  }
  body .nav-strip .nav-item,
  body .nav-strip .nav-portal,
  body .header-lang-button{
    height:60px!important;
    font-size:19.125px!important;
    line-height:1!important;
  }
  body .header-lang-button svg{
    width:22px!important;
    height:22px!important;
  }
  body .language-menu a{
    font-size:15.3px!important;
  }
}
@media (min-width:1181px) and (max-width:1760px){
  body .brand img{
    height:43px!important;
    max-width:158px!important;
  }
  body .nav-group-primary{
    gap:clamp(18px,1.1vw,26px)!important;
  }
  body .nav-strip .nav-item,
  body .nav-strip .nav-portal,
  body .header-lang-button{
    font-size:17px!important;
  }
}
@media (min-width:1181px) and (max-width:1540px){
  body .brand img{
    height:37px!important;
    max-width:139px!important;
  }
  body .nav-group-primary{
    gap:15.4px!important;
  }
  body .nav-strip .nav-item,
  body .nav-strip .nav-portal,
  body .header-lang-button{
    font-size:15.3px!important;
  }
}
@media (max-width:1280px){
  body .brand img{
    height:40px!important;
    max-width:166px!important;
  }
}
@media (max-width:720px){
  body .brand img{
    height:36px!important;
    max-width:150px!important;
  }
}
body .nav-flip{
  display:inline-grid;
  grid-template-areas:"stack";
  align-items:center;
  justify-items:center;
  transform-style:preserve-3d;
  transition:transform .34s cubic-bezier(.2,.7,.2,1);
  will-change:transform;
}
body .nav-flip-front,
body .nav-flip-back{
  grid-area:stack;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
body .nav-flip-back{
  color:#006fbb;
  transform:rotateX(180deg);
}
body .nav-strip .nav-item:hover .nav-flip,
body .nav-strip .nav-portal:hover .nav-flip,
body .header-lang-dropdown:hover .header-lang-button .nav-flip,
body .header-lang-dropdown:focus-within .header-lang-button .nav-flip{
  transform:rotateX(180deg);
}
@media (max-width:1180px){
  body .nav-flip{
    transform:none!important;
  }
  body .nav-flip-back{
    display:none!important;
  }
}

/* kenmos_header_primary_right_round_20260621: header title navigation only; frontend CSS/UI only */
@media (min-width:1181px){
  body .site-header,
  body .site-header .header-top,
  body .site-header .nav-strip,
  body .site-header .nav-item,
  body .site-header .nav-portal,
  body .site-header .header-lang-button,
  body .site-header .language-menu a{
    font-family:"Nunito","Arial Rounded MT Bold","Trebuchet MS","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  }
  body .nav-group-primary{
    margin-left:clamp(46px,5.2vw,112px)!important;
  }
  body .nav-strip .nav-item,
  body .nav-strip .nav-portal,
  body .header-lang-button{
    font-weight:500!important;
    letter-spacing:.035em!important;
    border-radius:999px!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
  }
  body .nav-flip-front,
  body .nav-flip-back{
    border-radius:999px!important;
  }
  body .nav-flip-back{
    font-weight:500!important;
  }
}
@media (min-width:1181px) and (max-width:1540px){
  body .nav-group-primary{
    margin-left:clamp(28px,3vw,56px)!important;
  }
}
@media (max-width:1180px){
  body .site-header,
  body .site-header .nav-strip,
  body .site-header .nav-item,
  body .site-header .nav-portal,
  body .site-header .header-lang-button,
  body .site-header .language-menu a{
    font-family:"Nunito","Arial Rounded MT Bold","Trebuchet MS","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-weight:500!important;
  }
}

/* kenmos_home_hero_banner_scale_no_crop_20260621: homepage Hero Banner only; frontend UI/CSS only */
.hero.hero-home-banner{
  position:relative!important;
  width:min(1848px,calc(100% - 36px))!important;
  aspect-ratio:2048/960!important;
  min-height:clamp(516px,45vw,864px)!important;
  margin:26px auto 30px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:#eef5fb!important;
  box-shadow:0 24px 58px rgba(6,51,104,.13)!important;
  isolation:isolate!important;
}
.hero.hero-home-banner:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(246,251,255,.94) 0%,rgba(246,251,255,.84) 32%,rgba(246,251,255,.54) 52%,rgba(246,251,255,.08) 76%,rgba(246,251,255,0) 100%),
    radial-gradient(circle at 12% 82%,rgba(11,100,216,.11),transparent 32%);
  pointer-events:none;
}
.hero.hero-home-banner:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:7px;
  z-index:3;
  background:linear-gradient(180deg,#0b64d8,#70c6ff);
  box-shadow:0 0 26px rgba(11,100,216,.28);
}
.hero.hero-home-banner .hero-stage{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  min-height:0!important;
  height:100%!important;
  width:100%!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
}
.hero.hero-home-banner .hero-main-photo{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#eef5fb!important;
}
.hero.hero-home-banner .hero-main-photo:before{
  display:none!important;
}
.hero.hero-home-banner .hero-main-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.hero.hero-home-banner .hero-copy{
  position:relative!important;
  z-index:2!important;
  width:56%!important;
  max-width:720px!important;
  min-height:inherit!important;
  padding:clamp(58px,6vw,100px) clamp(42px,5.6vw,96px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  animation:kenmosHeroFlyIn .78s cubic-bezier(.18,.72,.18,1) both!important;
}
.hero.hero-home-banner .hero-copy:before{
  display:none!important;
}
.hero.hero-home-banner .eyebrow,
.hero.hero-home-banner h1,
.hero.hero-home-banner .hero-lead,
.hero.hero-home-banner .hero-actions{
  transform:translateX(-28px);
  opacity:0;
  animation:kenmosHeroTextFlyIn .72s cubic-bezier(.18,.72,.18,1) both;
}
.hero.hero-home-banner .eyebrow{
  max-width:560px!important;
  margin:0 0 24px!important;
  color:#0b64d8!important;
  font-size:clamp(13px,1vw,15px)!important;
  line-height:1.55!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  animation-delay:.08s;
}
.hero.hero-home-banner .eyebrow span{
  width:28px!important;
  height:3px!important;
  background:#ff9d00!important;
}
.hero.hero-home-banner h1{
  max-width:560px!important;
  margin:0 0 26px!important;
  color:#061e42!important;
  font-size:clamp(36px,3.45vw,62px)!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  font-weight:900!important;
  text-wrap:balance;
  animation-delay:.2s;
}
.hero.hero-home-banner .hero-lead{
  max-width:610px!important;
  margin:0 0 34px!important;
  color:#294764!important;
  font-size:clamp(16px,1.08vw,19px)!important;
  line-height:2.08!important;
  font-weight:600!important;
  letter-spacing:.015em!important;
  text-wrap:pretty;
  animation-delay:.32s;
}
.hero.hero-home-banner .hero-actions{
  gap:14px!important;
  margin:4px 0 0!important;
  animation-delay:.44s;
}

.hero.hero-home-banner .hero-actions .btn:not(.btn-more){
  display:none!important;
}
.hero.hero-home-banner .btn{
  min-width:132px!important;
  height:48px!important;
  border-radius:999px!important;
  padding:0 24px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
}
.hero.hero-home-banner .btn-more{
  position:relative;
  overflow:hidden;
  color:#fff!important;
  border:0!important;
  background:linear-gradient(135deg,#071f45 0%,#0b64d8 62%,#34c6ff 100%)!important;
  box-shadow:0 14px 32px rgba(11,100,216,.25)!important;
}
.hero.hero-home-banner .btn-more:before{
  content:"";
  position:absolute;
  inset:-40% auto -40% -60%;
  width:45%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  transition:transform .58s ease;
}
.hero.hero-home-banner .btn-more:hover:before{
  transform:translateX(360%) skewX(-22deg);
}
.hero.hero-home-banner .btn-more span,
.hero.hero-home-banner .btn-more i{
  position:relative;
  z-index:1;
}
.hero.hero-home-banner .trust-strip{
  display:none!important;
}
@keyframes kenmosHeroFlyIn{
  from{opacity:0;transform:translateX(-54px) scale(.985)}
  to{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes kenmosHeroTextFlyIn{
  from{opacity:0;transform:translateX(-28px)}
  to{opacity:1;transform:translateX(0)}
}
@media (max-width:1180px){
  .hero.hero-home-banner{
    width:calc(100% - 36px)!important;
    min-height:520px!important;
    border-radius:24px!important;
  }
  .hero.hero-home-banner:before{
    background:linear-gradient(90deg,rgba(246,251,255,.96) 0%,rgba(246,251,255,.88) 54%,rgba(246,251,255,.34) 100%)!important;
  }
  .hero.hero-home-banner .hero-copy{
    width:70%!important;
    max-width:640px!important;
    padding:54px 42px!important;
  }
}
@media (max-width:720px){
  .hero.hero-home-banner{
    width:calc(100% - 28px)!important;
    min-height:560px!important;
    margin-top:18px!important;
    border-radius:22px!important;
  }
  .hero.hero-home-banner:before{
    background:linear-gradient(180deg,rgba(246,251,255,.96) 0%,rgba(246,251,255,.9) 58%,rgba(246,251,255,.28) 100%)!important;
  }
  .hero.hero-home-banner .hero-main-photo img{
    object-position:62% center!important;
  }
  .hero.hero-home-banner .hero-copy{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    padding:46px 26px!important;
    justify-content:flex-start!important;
  }
  .hero.hero-home-banner h1{
    font-size:clamp(34px,10vw,46px)!important;
  }
  .hero.hero-home-banner .hero-lead{
    font-size:15px!important;
    line-height:1.74!important;
  }
  .hero.hero-home-banner .hero-actions{
    gap:10px!important;
  }
  .hero.hero-home-banner .btn{
    min-width:0!important;
    height:44px!important;
    padding:0 17px!important;
    font-size:14px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .hero.hero-home-banner .hero-copy,
  .hero.hero-home-banner .eyebrow,
  .hero.hero-home-banner h1,
  .hero.hero-home-banner .hero-lead,
  .hero.hero-home-banner .hero-actions{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}


/* 20260621 首頁產品介紹區塊：參考三大經營事業固定卡片／滑過同步大圖，只作用於首頁產品區塊 */
.home-business-section{
  width:min(1848px,calc(100% - 36px))!important;
  max-width:none!important;
  margin:34px auto 46px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.home-business-section.reveal{
  opacity:0;
  transform:translateY(44px);
  transition:opacity .82s cubic-bezier(.18,.72,.18,1),transform .82s cubic-bezier(.18,.72,.18,1);
}
.home-business-section.reveal.visible{
  opacity:1;
  transform:translateY(0);
}
.home-business-head{
  width:100%!important;
  margin:0 0 28px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.home-business-head>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
}
.home-business-head .mark,
.home-business-head .text-link{
  display:none!important;
}
.home-business-head h2{
  margin:0!important;
  padding:0!important;
  color:#062a55!important;
  font-size:clamp(32px,2.8vw,48px)!important;
  line-height:1.18!important;
  font-weight:400!important;
  letter-spacing:.05em!important;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.home-business-head p{
  margin:8px 0 0!important;
  padding:0!important;
  color:rgba(71,88,110,.62)!important;
  font-size:clamp(12px,1vw,15px)!important;
  line-height:1.2!important;
  font-weight:400!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.home-business-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  min-height:560px!important;
  height:clamp(560px,48vw,760px)!important;
}
.home-business-card{
  position:relative;
  min-width:0;
  min-height:100%;
  display:block;
  border:0!important;
  border-radius:0;
  overflow:hidden;
  background:#dfeaf3!important;
  box-shadow:none!important;
  text-decoration:none!important;
  isolation:isolate;
  transform:translateY(0);
  transition:transform .38s ease,filter .38s ease;
}
.home-business-card:hover,
.home-business-card:focus-visible{
  transform:translateY(-4px);
  outline:none;
}
.home-business-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:scale(1.01);
  transition:opacity .34s ease,transform .72s cubic-bezier(.18,.72,.18,1),filter .38s ease;
  z-index:0;
}
.home-business-bg-own{opacity:1!important;}
.home-business-bg-sync{opacity:0!important;}

/* hover 時改為同一張大圖的連續切片，而不是四張完全相同圖片 */
.home-business-card:nth-child(1) .home-business-bg-sync{background-position:0% center!important;}
.home-business-card:nth-child(2) .home-business-bg-sync{background-position:33.333% center!important;}
.home-business-card:nth-child(3) .home-business-bg-sync{background-position:66.666% center!important;}
.home-business-card:nth-child(4) .home-business-bg-sync{background-position:100% center!important;}
.home-business-card:nth-child(1){border-radius:24px 0 0 24px;}
.home-business-card:nth-child(4){border-radius:0 24px 24px 0;}
.home-business-card + .home-business-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(255,255,255,.68);
  z-index:3;
  pointer-events:none;
}
.home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-bg-own,
.home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-bg-own,
.home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-bg-own,
.home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-bg-own,
.home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-bg-own,
.home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-bg-own,
.home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-bg-own,
.home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-bg-own{
  opacity:0!important;
}
.home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-bg-sync-4,
.home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-bg-sync-4{
  opacity:1!important;
  transform:scale(1.015);
  background-size:400% auto!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-content,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-content{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(14px)!important;
  pointer-events:none!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-shade,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-shade{
  background:linear-gradient(180deg,rgba(3,23,47,.04) 0%,rgba(3,23,47,.10) 52%,rgba(3,23,47,.32) 100%)!important;
}
.home-business-card:hover .home-business-bg,
.home-business-card:focus-visible .home-business-bg{
  filter:saturate(1.06) contrast(1.03);
}
.home-business-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,23,47,.04) 0%,rgba(3,23,47,.24) 44%,rgba(3,23,47,.86) 100%);
  z-index:1;
  transition:background .38s ease;
}
.home-business-grid:has(.home-business-card:hover) .home-business-shade,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-shade{
  background:linear-gradient(180deg,rgba(3,23,47,.10) 0%,rgba(3,23,47,.34) 42%,rgba(3,23,47,.88) 100%);
}
.home-business-index,
.home-business-kicker{
  display:none!important;
}
.home-business-content{
  position:absolute;
  z-index:2;
  left:28px;
  right:28px;
  bottom:28px;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  transform:translateY(0);
  transition:transform .42s ease;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.home-business-card:hover .home-business-content,
.home-business-card:focus-visible .home-business-content{transform:translateY(-4px)}
.home-business-content h3{
  margin:0;
  color:#fff!important;
  font-size:clamp(24px,1.8vw,36px);
  line-height:1.18;
  font-weight:400!important;
  letter-spacing:.02em;
  text-shadow:0 9px 24px rgba(0,0,0,.32);
}
.home-business-content p{
  max-width:480px;
  margin:0;
  color:rgba(255,255,255,.90);
  font-size:15.5px;
  line-height:1.82;
  font-weight:400!important;
  opacity:0;
  max-height:0;
  overflow:hidden;
  transform:translateY(12px);
  transition:opacity .36s ease,max-height .44s ease,transform .44s ease;
}
.home-business-card:hover .home-business-content p,
.home-business-card:focus-visible .home-business-content p{
  opacity:1;
  max-height:170px;
  transform:translateY(0);
}
.home-business-more{
  margin-top:2px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-height:auto;
  padding:0;
  border-radius:0;
  background:transparent!important;
  color:rgba(255,255,255,.95)!important;
  font-size:14px;
  line-height:1;
  font-weight:400!important;
  letter-spacing:.04em;
  box-shadow:none!important;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .32s ease,transform .32s ease,color .28s ease;
  text-transform:lowercase;
}
.home-business-more i{font-style:normal;font-size:18px;line-height:1}
.home-business-card:hover .home-business-more,
.home-business-card:focus-visible .home-business-more{
  opacity:1;
  transform:translateY(0);
  color:#fff!important;
}
@media(max-width:1100px){
  .home-business-section{width:calc(100% - 36px)!important;margin:30px auto 40px!important}
  .home-business-grid{height:auto!important;min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-business-card{min-height:320px}
  .home-business-content p,.home-business-more{opacity:1;max-height:180px;transform:none}
}
@media(max-width:640px){
  .home-business-section{width:calc(100% - 28px)!important;margin:26px auto 34px!important}
  .home-business-head{margin-bottom:18px!important}
  .home-business-head h2{font-size:clamp(28px,8vw,36px)!important}
  .home-business-head p{font-size:12px!important;letter-spacing:.14em!important}
  .home-business-grid{grid-template-columns:1fr!important;gap:14px!important}
  .home-business-card{min-height:300px;border-radius:18px}
  .home-business-content{left:20px;right:20px;bottom:20px}
}
@media (prefers-reduced-motion:reduce){
  .home-business-section.reveal,
  .home-business-section.reveal.visible,
  .home-business-card,
  .home-business-bg,
  .home-business-content,
  .home-business-content p,
  .home-business-more{
    transition:none!important;
    transform:none!important;
  }
}

@media(max-width:1100px){
  .home-business-card:nth-child(1),
  .home-business-card:nth-child(2),
  .home-business-card:nth-child(3),
  .home-business-card:nth-child(4){border-radius:20px!important}
  .home-business-grid{gap:14px!important}
  .home-business-card + .home-business-card::before{display:none!important}
  .home-business-bg-sync{background-size:cover!important;background-position:center center!important}
}

/* 20260621 首頁產品介紹標題：下滑進入視窗後動態式進場，只作用於產品介紹標題與英文副標 */
.home-business-head h2,
.home-business-head p{
  will-change:opacity,transform,filter;
}
.home-business-section.reveal .home-business-head h2{
  opacity:0;
  transform:translateY(28px) scale(.985);
  filter:blur(8px);
}
.home-business-section.reveal .home-business-head p{
  opacity:0;
  transform:translateY(18px);
  filter:blur(6px);
}
.home-business-section.reveal.visible .home-business-head h2{
  animation:homeBusinessTitleEnter .78s cubic-bezier(.16,.78,.22,1) .08s both;
}
.home-business-section.reveal.visible .home-business-head p{
  animation:homeBusinessSubtitleEnter .72s cubic-bezier(.16,.78,.22,1) .26s both;
}
@keyframes homeBusinessTitleEnter{
  0%{opacity:0;transform:translateY(28px) scale(.985);filter:blur(8px);letter-spacing:.10em;}
  58%{opacity:1;filter:blur(0);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);letter-spacing:.05em;}
}
@keyframes homeBusinessSubtitleEnter{
  0%{opacity:0;transform:translateY(18px);filter:blur(6px);letter-spacing:.24em;}
  100%{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:.18em;}
}
@media (prefers-reduced-motion:reduce){
  .home-business-section.reveal .home-business-head h2,
  .home-business-section.reveal .home-business-head p,
  .home-business-section.reveal.visible .home-business-head h2,
  .home-business-section.reveal.visible .home-business-head p{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}

/* 20260621 首頁產品介紹：連續大圖 hover 狀態下，四個標題移至圖片上方，learn more + 固定顯示 */
.home-business-more{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card .home-business-content,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card .home-business-content{
  top:30px!important;
  bottom:30px!important;
  left:30px!important;
  right:30px!important;
  height:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
  justify-content:space-between!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card .home-business-content h3,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card .home-business-content h3{
  margin:0!important;
  align-self:flex-start!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-content,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-content{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-content p,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-content p{
  opacity:0!important;
  max-height:0!important;
  margin:0!important;
  transform:none!important;
  pointer-events:none!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card .home-business-more,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card .home-business-more{
  margin-top:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@media(max-width:1100px){
  .home-business-grid:has(.home-business-card:hover) .home-business-card .home-business-content,
  .home-business-grid:has(.home-business-card:focus-visible) .home-business-card .home-business-content{
    top:auto!important;
    bottom:22px!important;
    left:22px!important;
    right:22px!important;
  }
}

/* 20260621 首頁產品介紹：預覽標題固定在圖片上方；連續大圖 hover 時只保留目前產品文字 */
.home-business-content{
  top:30px!important;
  bottom:30px!important;
  left:30px!important;
  right:30px!important;
  height:auto!important;
  justify-content:space-between!important;
  transform:none!important;
}
.home-business-content h3{
  margin:0!important;
  align-self:flex-start!important;
}
.home-business-more{
  margin-top:auto!important;
  align-self:flex-start!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-content,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-content{
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  pointer-events:none!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-content h3,
.home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-content p,
.home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-more,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-content h3,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-content p,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-more{
  opacity:0!important;
  visibility:hidden!important;
  max-height:0!important;
  pointer-events:none!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card:hover .home-business-content,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:focus-visible .home-business-content{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card:hover .home-business-content h3,
.home-business-grid:has(.home-business-card:hover) .home-business-card:hover .home-business-more,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:focus-visible .home-business-content h3,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:focus-visible .home-business-more{
  opacity:1!important;
  visibility:visible!important;
  max-height:none!important;
  pointer-events:auto!important;
}
@media(max-width:1100px){
  .home-business-content{
    top:22px!important;
    bottom:22px!important;
    left:22px!important;
    right:22px!important;
  }
}

/* 20260621 首頁產品介紹：產品標題可讀性強化，並在中文標題下方顯示後台英文標題 */
.home-business-content h3{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  width:auto!important;
  max-width:min(100%,360px)!important;
  padding:12px 16px 13px!important;
  border-left:3px solid rgba(255,255,255,.92)!important;
  border-radius:0 16px 16px 0!important;
  background:linear-gradient(90deg,rgba(3,22,46,.78) 0%,rgba(3,22,46,.50) 72%,rgba(3,22,46,.12) 100%)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
  text-shadow:0 3px 14px rgba(0,0,0,.55)!important;
}
.home-business-title-zh{
  display:block!important;
  color:#fff!important;
  font-size:inherit!important;
  line-height:1.12!important;
  font-weight:400!important;
  letter-spacing:.035em!important;
}
.home-business-title-en{
  display:block!important;
  margin-top:1px!important;
  color:rgba(235,242,250,.86)!important;
  font-size:clamp(12px,.82vw,15px)!important;
  line-height:1.22!important;
  font-weight:400!important;
  letter-spacing:.08em!important;
  text-transform:none!important;
  text-shadow:0 2px 10px rgba(0,0,0,.45)!important;
}
.home-business-card:hover .home-business-content h3,
.home-business-card:focus-visible .home-business-content h3{
  background:linear-gradient(90deg,rgba(2,28,58,.86) 0%,rgba(2,28,58,.56) 70%,rgba(2,28,58,.16) 100%)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.26)!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-title-zh,
.home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-title-en,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-title-zh,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-title-en{
  opacity:0!important;
  visibility:hidden!important;
  max-height:0!important;
  pointer-events:none!important;
}
@media(max-width:1100px){
  .home-business-content h3{
    max-width:min(100%,320px)!important;
    padding:10px 14px 11px!important;
  }
  .home-business-title-en{font-size:12px!important;letter-spacing:.06em!important;}
}
@media(max-width:640px){
  .home-business-content h3{
    max-width:100%!important;
    padding:9px 12px 10px!important;
    border-radius:0 14px 14px 0!important;
  }
}

/* 20260621 首頁產品介紹：產品標題背景改為科技玻璃感，提升現代感與可讀性 */
.home-business-content h3{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:14px 18px 15px!important;
  border-left:0!important;
  border-radius:18px 18px 18px 6px!important;
  background:
    linear-gradient(135deg,rgba(7,27,58,.82) 0%,rgba(10,72,118,.68) 50%,rgba(19,145,196,.34) 100%)!important;
  border:1px solid rgba(169,220,255,.34)!important;
  box-shadow:
    0 18px 42px rgba(0,24,58,.30),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(0,174,239,.18)!important;
  backdrop-filter:blur(12px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.14)!important;
  text-shadow:0 3px 16px rgba(0,0,0,.48)!important;
}
.home-business-content h3::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.20),rgba(255,255,255,0) 34%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 1px,transparent 1px 12px);
  opacity:.72;
  pointer-events:none;
}
.home-business-content h3::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:8px;
  height:1px;
  z-index:-1;
  background:linear-gradient(90deg,rgba(57,196,255,.88),rgba(255,255,255,.45),rgba(57,196,255,0));
  box-shadow:0 0 14px rgba(57,196,255,.42);
  pointer-events:none;
}
.home-business-title-zh{
  color:#ffffff!important;
  text-shadow:0 3px 16px rgba(0,0,0,.52),0 0 18px rgba(74,198,255,.20)!important;
}
.home-business-title-en{
  color:rgba(216,238,255,.88)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.48)!important;
}
.home-business-card:hover .home-business-content h3,
.home-business-card:focus-visible .home-business-content h3{
  background:
    linear-gradient(135deg,rgba(6,32,70,.88) 0%,rgba(8,86,138,.74) 48%,rgba(35,178,225,.42) 100%)!important;
  border-color:rgba(133,219,255,.54)!important;
  box-shadow:
    0 22px 50px rgba(0,24,58,.36),
    0 0 28px rgba(45,184,245,.18),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,174,239,.24)!important;
}
@media(max-width:1100px){
  .home-business-content h3{
    padding:12px 15px 13px!important;
    border-radius:16px 16px 16px 6px!important;
  }
}
@media(max-width:640px){
  .home-business-content h3{
    padding:10px 13px 11px!important;
    border-radius:15px 15px 15px 6px!important;
  }
}

/* 20260621 首頁產品介紹：產品標題背景第二版，改為簡潔科技艙玻璃質感 */
.home-business-content h3{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:15px 19px 16px 20px!important;
  border:1px solid rgba(130,205,255,.48)!important;
  border-left:4px solid rgba(45,190,255,.96)!important;
  border-radius:4px 18px 18px 4px!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(65,205,255,.26),transparent 38%),
    linear-gradient(120deg,rgba(4,18,42,.88) 0%,rgba(7,42,78,.76) 48%,rgba(8,86,128,.48) 100%)!important;
  box-shadow:
    0 18px 42px rgba(0,16,42,.34),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 24px rgba(28,170,235,.16)!important;
  backdrop-filter:blur(14px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.18)!important;
  text-shadow:none!important;
}
.home-business-content h3::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,0) 28%),
    linear-gradient(135deg,transparent 0 54%,rgba(83,209,255,.18) 54% 56%,transparent 56% 100%)!important;
  opacity:1!important;
  pointer-events:none!important;
}
.home-business-content h3::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:auto!important;
  bottom:10px!important;
  width:72px!important;
  height:2px!important;
  z-index:0!important;
  background:linear-gradient(90deg,rgba(69,205,255,.95),rgba(255,255,255,.58),rgba(69,205,255,0))!important;
  box-shadow:0 0 16px rgba(69,205,255,.58)!important;
  pointer-events:none!important;
}
.home-business-title-zh,
.home-business-title-en{
  position:relative!important;
  z-index:1!important;
}
.home-business-title-zh{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.48),0 0 16px rgba(60,190,255,.18)!important;
}
.home-business-title-en{
  color:rgba(203,231,248,.88)!important;
  letter-spacing:.12em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.44)!important;
}
.home-business-card:hover .home-business-content h3,
.home-business-card:focus-visible .home-business-content h3{
  transform:translateY(-2px)!important;
  border-color:rgba(160,225,255,.68)!important;
  border-left-color:rgba(76,216,255,1)!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(78,216,255,.34),transparent 40%),
    linear-gradient(120deg,rgba(4,20,48,.92) 0%,rgba(9,55,96,.80) 48%,rgba(12,116,158,.56) 100%)!important;
  box-shadow:
    0 22px 52px rgba(0,16,42,.42),
    0 0 34px rgba(40,184,245,.26),
    0 0 0 1px rgba(255,255,255,.10) inset!important;
}
@media(max-width:1100px){
  .home-business-content h3{
    padding:13px 16px 14px 17px!important;
    border-radius:4px 16px 16px 4px!important;
  }
}
@media(max-width:640px){
  .home-business-content h3{
    padding:11px 14px 12px 15px!important;
    border-radius:4px 15px 15px 4px!important;
  }
}

/* 20260621 首頁產品介紹：hover 連續大圖高度加高，降低圖片裁切，只作用於產品介紹區塊 */
.home-business-grid{
  min-height:720px!important;
  height:clamp(720px,56.25vw,1040px)!important;
}
.home-business-bg-own{
  background-size:contain!important;
  background-position:center center!important;
  background-color:#e7eef5!important;
}
.home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-bg-sync-4,
.home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-bg-sync-4{
  background-size:400% auto!important;
  background-position-y:center!important;
}
@media(max-width:1100px){
  .home-business-grid{
    height:auto!important;
    min-height:0!important;
  }
  .home-business-card{
    min-height:430px!important;
  }
}
@media(max-width:640px){
  .home-business-card{
    min-height:380px!important;
  }
}

/* 20260621 首頁產品介紹：預覽圖改回縮圖效果，只調整 hover 連續大圖不裁切 */
.home-business-bg-own{
  background-size:cover!important;
  background-position:center center!important;
  background-color:transparent!important;
}
.home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-bg-sync-4,
.home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-bg-sync-4{
  background-size:400% 100%!important;
  background-repeat:no-repeat!important;
  background-position-y:center!important;
}

/* 20260621 首頁產品介紹：預覽縮圖重新校準產品主體位置，只影響預覽狀態，不改 hover 連續大圖 */
.home-business-card:nth-child(1) .home-business-bg-own{
  background-position:52% 72%!important;
  background-size:cover!important;
}
.home-business-card:nth-child(2) .home-business-bg-own{
  background-position:50% 52%!important;
  background-size:cover!important;
}
.home-business-card:nth-child(3) .home-business-bg-own{
  background-position:58% 52%!important;
  background-size:cover!important;
}
.home-business-card:nth-child(4) .home-business-bg-own{
  background-position:50% 50%!important;
  background-size:cover!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-bg-own,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-bg-own{
  opacity:0!important;
}

/* 20260621 首頁產品介紹：預覽圖整體縮小，讓產品主體更完整可辨識；只影響預覽狀態，不改 hover 連續大圖 */
.home-business-card .home-business-bg-own{
  background-repeat:no-repeat!important;
  background-color:#eef4f9!important;
}
.home-business-card:nth-child(1) .home-business-bg-own{
  background-size:78% auto!important;
  background-position:50% 54%!important;
}
.home-business-card:nth-child(2) .home-business-bg-own{
  background-size:82% auto!important;
  background-position:50% 52%!important;
}
.home-business-card:nth-child(3) .home-business-bg-own{
  background-size:84% auto!important;
  background-position:52% 54%!important;
}
.home-business-card:nth-child(4) .home-business-bg-own{
  background-size:80% auto!important;
  background-position:50% 52%!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-bg-own,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-bg-own{
  opacity:0!important;
}
@media(max-width:1100px){
  .home-business-card .home-business-bg-own{background-size:86% auto!important;}
}
@media(max-width:640px){
  .home-business-card .home-business-bg-own{background-size:90% auto!important;}
}

/* 20260621 首頁產品介紹：只縮小「預覽縮圖取景範圍」，不縮小區塊、不影響 hover 連續大圖 */
.home-business-card .home-business-bg-own{
  inset:74px 28px 92px!important;
  border-radius:18px!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-color:rgba(238,244,249,.92)!important;
  box-shadow:0 18px 34px rgba(6,31,61,.12), inset 0 0 0 1px rgba(255,255,255,.52)!important;
}
.home-business-card:nth-child(1) .home-business-bg-own{
  background-size:contain!important;
  background-position:center center!important;
}
.home-business-card:nth-child(2) .home-business-bg-own{
  background-size:contain!important;
  background-position:center center!important;
}
.home-business-card:nth-child(3) .home-business-bg-own{
  background-size:contain!important;
  background-position:center center!important;
}
.home-business-card:nth-child(4) .home-business-bg-own{
  background-size:contain!important;
  background-position:center center!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-bg-own,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-bg-own{
  inset:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:0!important;
}
@media(max-width:1100px){
  .home-business-card .home-business-bg-own{
    inset:68px 24px 82px!important;
  }
}
@media(max-width:640px){
  .home-business-card .home-business-bg-own{
    inset:66px 18px 78px!important;
    border-radius:16px!important;
  }
}

/* 20260621 首頁產品介紹：預覽圖改回原本縮圖大小，不再縮小取景框；hover 連續大圖設定保留 */
.home-business-card .home-business-bg-own{
  inset:0!important;
  border-radius:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
.home-business-card:nth-child(1) .home-business-bg-own,
.home-business-card:nth-child(2) .home-business-bg-own,
.home-business-card:nth-child(3) .home-business-bg-own,
.home-business-card:nth-child(4) .home-business-bg-own{
  background-size:cover!important;
  background-position:center center!important;
}
.home-business-grid:has(.home-business-card:hover) .home-business-bg-own,
.home-business-grid:has(.home-business-card:focus-visible) .home-business-bg-own{
  inset:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:0!important;
}
@media(max-width:1100px){
  .home-business-card .home-business-bg-own{
    inset:0!important;
    background-size:cover!important;
  }
}
@media(max-width:640px){
  .home-business-card .home-business-bg-own{
    inset:0!important;
    border-radius:0!important;
    background-size:cover!important;
  }
}

/* 20260621 首頁產品介紹：修正 hover 連續大圖變形，只調整產品介紹區塊 */
.home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-bg-sync-4,
.home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-bg-sync-4{
  background-size:400% auto!important;
  background-repeat:no-repeat!important;
  background-position-y:center!important;
  transform:none!important;
}
.home-business-card:hover .home-business-bg,
.home-business-card:focus-visible .home-business-bg{
  transform:none!important;
}

/* 20260621 首頁產品介紹：hover 連續大圖滿版顯示，保留比例、不變形、不產生上下白邊 */
.home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-bg-sync-4,
.home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-bg-sync-4{
  background-size:auto 100%!important;
  background-repeat:no-repeat!important;
  background-position-y:center!important;
  background-color:transparent!important;
  transform:none!important;
}
.home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-card:nth-child(1) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-card:nth-child(1) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-card:nth-child(1) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-card:nth-child(1) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-card:nth-child(1) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-card:nth-child(1) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-card:nth-child(1) .home-business-bg-sync-4,
.home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-card:nth-child(1) .home-business-bg-sync-4{
  background-position-x:0%!important;
}
.home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-card:nth-child(2) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-card:nth-child(2) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-card:nth-child(2) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-card:nth-child(2) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-card:nth-child(2) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-card:nth-child(2) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-card:nth-child(2) .home-business-bg-sync-4,
.home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-card:nth-child(2) .home-business-bg-sync-4{
  background-position-x:33.333%!important;
}
.home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-card:nth-child(3) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-card:nth-child(3) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-card:nth-child(3) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-card:nth-child(3) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-card:nth-child(3) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-card:nth-child(3) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-card:nth-child(3) .home-business-bg-sync-4,
.home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-card:nth-child(3) .home-business-bg-sync-4{
  background-position-x:66.666%!important;
}
.home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-card:nth-child(4) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-card:nth-child(4) .home-business-bg-sync-1,
.home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-card:nth-child(4) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-card:nth-child(4) .home-business-bg-sync-2,
.home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-card:nth-child(4) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-card:nth-child(4) .home-business-bg-sync-3,
.home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-card:nth-child(4) .home-business-bg-sync-4,
.home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-card:nth-child(4) .home-business-bg-sync-4{
  background-position-x:100%!important;
}
.home-business-card:hover .home-business-bg,
.home-business-card:focus-visible .home-business-bg{
  transform:none!important;
}

/* 20260621 首頁產品介紹：hover 切換改為淡入滿版背景，不放大、不縮小、不反黑，修正四區圖片錯位 */
#products .home-business-grid{
  position:relative!important;
  overflow:hidden!important;
  background:#e7eef5!important;
  --home-business-active-image:var(--home-business-img-1);
}
#products .home-business-grid::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0;
  background-image:var(--home-business-active-image);
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:none!important;
  transition:opacity .9s cubic-bezier(.22,.8,.22,1), filter .9s ease;
}
#products .home-business-grid:has(.home-business-card:nth-child(1):hover),
#products .home-business-grid:has(.home-business-card:nth-child(1):focus-visible){
  --home-business-active-image:var(--home-business-img-1);
}
#products .home-business-grid:has(.home-business-card:nth-child(2):hover),
#products .home-business-grid:has(.home-business-card:nth-child(2):focus-visible){
  --home-business-active-image:var(--home-business-img-2);
}
#products .home-business-grid:has(.home-business-card:nth-child(3):hover),
#products .home-business-grid:has(.home-business-card:nth-child(3):focus-visible){
  --home-business-active-image:var(--home-business-img-3);
}
#products .home-business-grid:has(.home-business-card:nth-child(4):hover),
#products .home-business-grid:has(.home-business-card:nth-child(4):focus-visible){
  --home-business-active-image:var(--home-business-img-4);
}
#products .home-business-grid:has(.home-business-card:hover)::before,
#products .home-business-grid:has(.home-business-card:focus-visible)::before{
  opacity:1!important;
}
#products .home-business-card,
#products .home-business-card:hover,
#products .home-business-card:focus-visible{
  position:relative!important;
  z-index:1!important;
  transform:none!important;
  filter:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
#products .home-business-bg,
#products .home-business-card:hover .home-business-bg,
#products .home-business-card:focus-visible .home-business-bg{
  transform:none!important;
  filter:none!important;
  transition:opacity .9s cubic-bezier(.22,.8,.22,1)!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-bg-own,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-bg-own{
  opacity:0!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-card .home-business-bg-sync,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-card .home-business-bg-sync,
#products .home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-bg-sync-1,
#products .home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-bg-sync-1,
#products .home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-bg-sync-2,
#products .home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-bg-sync-2,
#products .home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-bg-sync-3,
#products .home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-bg-sync-3,
#products .home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-bg-sync-4,
#products .home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-bg-sync-4{
  opacity:0!important;
  transform:none!important;
  filter:none!important;
}
#products .home-business-shade,
#products .home-business-grid:has(.home-business-card:hover) .home-business-shade,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-shade,
#products .home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-shade,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-shade{
  background:transparent!important;
  opacity:1!important;
}
#products .home-business-card + .home-business-card::before{
  background:rgba(255,255,255,.72)!important;
}
#products .home-business-card:hover .home-business-content,
#products .home-business-card:focus-visible .home-business-content{
  transform:none!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-content,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-content{
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  pointer-events:none!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-card:hover .home-business-content,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-card:focus-visible .home-business-content{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@media(max-width:1100px){
  #products .home-business-grid::before{display:none!important;}
  #products .home-business-grid:has(.home-business-card:hover) .home-business-bg-own,
  #products .home-business-grid:has(.home-business-card:focus-visible) .home-business-bg-own{
    opacity:1!important;
  }
}

/* 20260621 首頁產品介紹：修正 hover 後圖片消失，改用實體大圖背景層淡入，不放大、不縮小、不反黑 */
#products .home-business-grid{
  position:relative!important;
  overflow:hidden!important;
  background:#e7eef5!important;
}
#products .home-business-grid::before{
  display:none!important;
}
#products .home-business-stage{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  opacity:0!important;
  pointer-events:none!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  transform:none!important;
  filter:none!important;
  transition:opacity .95s cubic-bezier(.22,.8,.22,1)!important;
}
#products .home-business-grid:has(.home-business-card:nth-child(1):hover) .home-business-stage-1,
#products .home-business-grid:has(.home-business-card:nth-child(1):focus-visible) .home-business-stage-1,
#products .home-business-grid:has(.home-business-card:nth-child(2):hover) .home-business-stage-2,
#products .home-business-grid:has(.home-business-card:nth-child(2):focus-visible) .home-business-stage-2,
#products .home-business-grid:has(.home-business-card:nth-child(3):hover) .home-business-stage-3,
#products .home-business-grid:has(.home-business-card:nth-child(3):focus-visible) .home-business-stage-3,
#products .home-business-grid:has(.home-business-card:nth-child(4):hover) .home-business-stage-4,
#products .home-business-grid:has(.home-business-card:nth-child(4):focus-visible) .home-business-stage-4{
  opacity:1!important;
}
#products .home-business-card,
#products .home-business-card:hover,
#products .home-business-card:focus-visible{
  position:relative!important;
  z-index:2!important;
  transform:none!important;
  filter:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
#products .home-business-card .home-business-bg,
#products .home-business-card:hover .home-business-bg,
#products .home-business-card:focus-visible .home-business-bg{
  transform:none!important;
  filter:none!important;
  transition:opacity .95s cubic-bezier(.22,.8,.22,1)!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-bg-own,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-bg-own{
  opacity:0!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-bg-sync,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-bg-sync{
  opacity:0!important;
  transform:none!important;
  filter:none!important;
}
#products .home-business-shade,
#products .home-business-grid:has(.home-business-card:hover) .home-business-shade,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-shade,
#products .home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-shade,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-shade{
  background:transparent!important;
  opacity:1!important;
}
#products .home-business-card + .home-business-card::before{
  background:rgba(255,255,255,.76)!important;
}
#products .home-business-card:hover .home-business-content,
#products .home-business-card:focus-visible .home-business-content{
  transform:none!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-card:not(:hover) .home-business-content,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-card:not(:focus-visible) .home-business-content{
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  pointer-events:none!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-card:hover .home-business-content,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-card:focus-visible .home-business-content{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@media(max-width:1100px){
  #products .home-business-stage{display:none!important;}
  #products .home-business-grid:has(.home-business-card:hover) .home-business-bg-own,
  #products .home-business-grid:has(.home-business-card:focus-visible) .home-business-bg-own{
    opacity:1!important;
  }
}

/* 20260621 首頁產品介紹：修正 hover 大圖階層選取，避免因 stage 節點導致 nth-child 判斷失效而只剩灰底 */
#products .home-business-stage{
  background-color:transparent!important;
}
#products .home-business-grid:has(.home-business-card-1:hover) .home-business-stage-1,
#products .home-business-grid:has(.home-business-card-1:focus-visible) .home-business-stage-1,
#products .home-business-grid:has(.home-business-card-2:hover) .home-business-stage-2,
#products .home-business-grid:has(.home-business-card-2:focus-visible) .home-business-stage-2,
#products .home-business-grid:has(.home-business-card-3:hover) .home-business-stage-3,
#products .home-business-grid:has(.home-business-card-3:focus-visible) .home-business-stage-3,
#products .home-business-grid:has(.home-business-card-4:hover) .home-business-stage-4,
#products .home-business-grid:has(.home-business-card-4:focus-visible) .home-business-stage-4{
  opacity:1!important;
  visibility:visible!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-card,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-card{
  background:transparent!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-card .home-business-bg-sync,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-card .home-business-bg-sync{
  opacity:0!important;
  visibility:hidden!important;
}
#products .home-business-grid:has(.home-business-card:hover) .home-business-card .home-business-bg-own,
#products .home-business-grid:has(.home-business-card:focus-visible) .home-business-card .home-business-bg-own{
  opacity:0!important;
  visibility:hidden!important;
}

/* 20260621 首頁產品介紹：hover 合併大圖圓角與動態欄位數支援；不改後台與資料庫 */
#products .home-business-grid{
  grid-template-columns:repeat(var(--home-business-count,4),minmax(0,1fr))!important;
  position:relative!important;
  overflow:hidden!important;
  background:transparent!important;
  border-radius:0!important;
  isolation:isolate!important;
}
#products .home-business-grid::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background-image:var(--home-business-active-image)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border-radius:inherit!important;
  transform:none!important;
  filter:none!important;
  transition:opacity .95s cubic-bezier(.22,.8,.22,1), visibility .95s cubic-bezier(.22,.8,.22,1)!important;
}
#products .home-business-grid.is-hovering{
  border-radius:26px!important;
}
#products .home-business-grid.is-hovering::before{
  opacity:1!important;
  visibility:visible!important;
}
#products .home-business-stage{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
#products .home-business-card,
#products .home-business-card:hover,
#products .home-business-card:focus-visible{
  position:relative!important;
  z-index:1!important;
  transform:none!important;
  filter:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
#products .home-business-card .home-business-bg,
#products .home-business-card:hover .home-business-bg,
#products .home-business-card:focus-visible .home-business-bg{
  transform:none!important;
  filter:none!important;
}
#products .home-business-grid.is-hovering .home-business-bg-own,
#products .home-business-grid.is-hovering .home-business-bg-sync{
  opacity:0!important;
  visibility:hidden!important;
}
#products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-content,
#products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-content h3,
#products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-content p,
#products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-more{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
}
#products .home-business-grid.is-hovering .home-business-card.is-active .home-business-content,
#products .home-business-grid.is-hovering .home-business-card.is-active .home-business-content h3,
#products .home-business-grid.is-hovering .home-business-card.is-active .home-business-more{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
#products .home-business-grid.is-hovering .home-business-card.is-active .home-business-content p{
  opacity:1!important;
  visibility:visible!important;
}
#products .home-business-grid.is-hovering .home-business-shade{
  background:transparent!important;
  opacity:1!important;
}
#products .home-business-card + .home-business-card::before{
  z-index:2!important;
  background:rgba(255,255,255,.72)!important;
}
@media(max-width:1100px){
  #products .home-business-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:0!important;
  }
  #products .home-business-grid::before{
    display:none!important;
  }
  #products .home-business-grid.is-hovering .home-business-bg-own{
    opacity:1!important;
    visibility:visible!important;
  }
  #products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-content,
  #products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-content h3,
  #products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-content p,
  #products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-more{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}
@media(max-width:640px){
  #products .home-business-grid{
    grid-template-columns:1fr!important;
  }
}

/* 20260621 首頁產品介紹：修正 hover 灰底、整組圓角與動態主類數支援 */
#products .home-business-grid{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:transparent!important;
  grid-template-columns:repeat(var(--home-business-count,4),minmax(0,1fr))!important;
  isolation:isolate!important;
}
#products .home-business-card,
#products .home-business-card:hover,
#products .home-business-card:focus-visible{
  border-radius:0!important;
  transform:none!important;
  filter:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
#products .home-business-card:first-of-type,
#products .home-business-card:last-of-type{
  border-radius:0!important;
}
#products .home-business-bg-own{
  opacity:1!important;
  visibility:visible!important;
}
#products .home-business-stage{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border-radius:inherit!important;
  transform:none!important;
  filter:none!important;
  transition:opacity .9s cubic-bezier(.22,.8,.22,1), visibility .9s cubic-bezier(.22,.8,.22,1)!important;
}
#products .home-business-grid.is-hovering .home-business-stage.is-active{
  opacity:1!important;
  visibility:visible!important;
}
#products .home-business-grid::before{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
#products .home-business-grid.is-hovering .home-business-bg-own,
#products .home-business-grid.is-hovering .home-business-bg-sync{
  opacity:0!important;
  visibility:hidden!important;
}
#products .home-business-card + .home-business-card::before{
  z-index:3!important;
  background:rgba(255,255,255,.72)!important;
}
#products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-content,
#products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-content h3,
#products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-content p,
#products .home-business-grid.is-hovering .home-business-card:not(.is-active) .home-business-more{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
}
#products .home-business-grid.is-hovering .home-business-card.is-active .home-business-content,
#products .home-business-grid.is-hovering .home-business-card.is-active .home-business-content h3,
#products .home-business-grid.is-hovering .home-business-card.is-active .home-business-content p,
#products .home-business-grid.is-hovering .home-business-card.is-active .home-business-more{
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:1100px){
  #products .home-business-grid{
    border-radius:22px!important;
  }
  #products .home-business-stage{
    display:none!important;
  }
  #products .home-business-grid.is-hovering .home-business-bg-own{
    opacity:1!important;
    visibility:visible!important;
  }
}
@media(max-width:640px){
  #products .home-business-grid{
    border-radius:18px!important;
  }
}

/* 20260621 首頁產品介紹區塊：整組飛入式進場動畫，只作用於產品介紹整體區塊 */
.home-business-section.reveal{
  opacity:0!important;
  transform:translate3d(0,72px,0) scale(.985)!important;
  filter:blur(10px)!important;
  transform-origin:center top!important;
  transition:
    opacity .92s cubic-bezier(.16,.78,.22,1),
    transform .92s cubic-bezier(.16,.78,.22,1),
    filter .92s cubic-bezier(.16,.78,.22,1)!important;
  will-change:opacity,transform,filter!important;
}
.home-business-section.reveal.visible{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0)!important;
}
.home-business-section.reveal .home-business-grid{
  opacity:0!important;
  transform:translate3d(0,54px,0)!important;
  filter:blur(8px)!important;
  transition:
    opacity .86s cubic-bezier(.16,.78,.22,1) .18s,
    transform .86s cubic-bezier(.16,.78,.22,1) .18s,
    filter .86s cubic-bezier(.16,.78,.22,1) .18s!important;
  will-change:opacity,transform,filter!important;
}
.home-business-section.reveal.visible .home-business-grid{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  filter:blur(0)!important;
}
.home-business-section.reveal .home-business-card{
  opacity:0!important;
  transform:translate3d(0,34px,0)!important;
  transition:
    opacity .72s cubic-bezier(.16,.78,.22,1),
    transform .72s cubic-bezier(.16,.78,.22,1)!important;
  will-change:opacity,transform!important;
}
.home-business-section.reveal.visible .home-business-card{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}
.home-business-section.reveal.visible .home-business-card:nth-of-type(1){transition-delay:.30s!important;}
.home-business-section.reveal.visible .home-business-card:nth-of-type(2){transition-delay:.38s!important;}
.home-business-section.reveal.visible .home-business-card:nth-of-type(3){transition-delay:.46s!important;}
.home-business-section.reveal.visible .home-business-card:nth-of-type(4){transition-delay:.54s!important;}
.home-business-section.reveal.visible .home-business-card:nth-of-type(n+5){transition-delay:.62s!important;}

@media (prefers-reduced-motion:reduce){
  .home-business-section.reveal,
  .home-business-section.reveal.visible,
  .home-business-section.reveal .home-business-grid,
  .home-business-section.reveal.visible .home-business-grid,
  .home-business-section.reveal .home-business-card,
  .home-business-section.reveal.visible .home-business-card{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
    animation:none!important;
  }
}

/* 20260621 首頁 Hero Banner：移除背景框架限制，只保留圖片與文字；不改後台與資料庫 */
.hero.hero-home-banner{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  overflow:hidden!important;
}
.hero.hero-home-banner .hero-main-photo{
  background:transparent!important;
}
.hero.hero-home-banner::after{
  display:none!important;
}
.hero.hero-home-banner .hero-main-photo img{
  display:block!important;
}

/* 20260621 首頁 Hero Banner：寬度對齊產品介紹區塊，圖片整體加圓角；只改前台 CSS */
.hero.hero-home-banner{
  width:min(1848px,calc(100% - 36px))!important;
  max-width:none!important;
  border-radius:26px!important;
  overflow:hidden!important;
}
.hero.hero-home-banner .hero-stage,
.hero.hero-home-banner .hero-main-photo,
.hero.hero-home-banner .hero-main-photo img{
  border-radius:inherit!important;
  overflow:hidden!important;
}
@media(max-width:1100px){
  .hero.hero-home-banner{
    width:calc(100% - 36px)!important;
    border-radius:24px!important;
  }
}
@media(max-width:640px){
  .hero.hero-home-banner{
    width:calc(100% - 28px)!important;
    border-radius:20px!important;
  }
}

/* 20260621 首頁 Hero Banner：重新強制對齊產品介紹區塊寬度與圖片圓角，避免前版被舊樣式覆蓋 */
body .hero.hero-home-banner,
body.home .hero.hero-home-banner,
body.index .hero.hero-home-banner{
  width:min(1848px,calc(100% - 36px))!important;
  max-width:min(1848px,calc(100% - 36px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:30px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  clip-path:inset(0 round 30px)!important;
}
body .hero.hero-home-banner .hero-stage,
body .hero.hero-home-banner .hero-main-photo,
body .hero.hero-home-banner .hero-main-photo img{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:30px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  clip-path:inset(0 round 30px)!important;
}
body .hero.hero-home-banner .hero-main-photo img{
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
}
body .hero.hero-home-banner::before{
  border-radius:30px!important;
  clip-path:inset(0 round 30px)!important;
}
body .hero.hero-home-banner::after{
  display:none!important;
}
@media(max-width:1100px){
  body .hero.hero-home-banner,
  body.home .hero.hero-home-banner,
  body.index .hero.hero-home-banner{
    width:calc(100% - 36px)!important;
    max-width:calc(100% - 36px)!important;
    border-radius:24px!important;
    clip-path:inset(0 round 24px)!important;
  }
  body .hero.hero-home-banner .hero-stage,
  body .hero.hero-home-banner .hero-main-photo,
  body .hero.hero-home-banner .hero-main-photo img,
  body .hero.hero-home-banner::before{
    border-radius:24px!important;
    clip-path:inset(0 round 24px)!important;
  }
}
@media(max-width:640px){
  body .hero.hero-home-banner,
  body.home .hero.hero-home-banner,
  body.index .hero.hero-home-banner{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    border-radius:18px!important;
    clip-path:inset(0 round 18px)!important;
  }
  body .hero.hero-home-banner .hero-stage,
  body .hero.hero-home-banner .hero-main-photo,
  body .hero.hero-home-banner .hero-main-photo img,
  body .hero.hero-home-banner::before{
    border-radius:18px!important;
    clip-path:inset(0 round 18px)!important;
  }
}

/* 20260621 首頁 Hero Banner：皮卡車圖片加入動態式進場，只作用於 Hero 圖片層 */
body .hero.hero-home-banner .hero-main-photo,
body .hero.hero-home-banner .hero-main-photo img{
  will-change:opacity,transform,filter!important;
}
body .hero.hero-home-banner .hero-main-photo{
  opacity:0;
  animation:kenmosHeroImageStageIn .95s cubic-bezier(.18,.72,.18,1) .12s both!important;
}
body .hero.hero-home-banner .hero-main-photo img{
  opacity:0;
  transform:translateX(42px) scale(1.025);
  filter:blur(10px) saturate(.92);
  animation:kenmosHeroImageIn 1.08s cubic-bezier(.18,.72,.18,1) .18s both!important;
}
@keyframes kenmosHeroImageStageIn{
  from{opacity:0;}
  to{opacity:1;}
}
@keyframes kenmosHeroImageIn{
  from{opacity:0;transform:translateX(42px) scale(1.025);filter:blur(10px) saturate(.92);}
  to{opacity:1;transform:translateX(0) scale(1);filter:blur(0) saturate(1);}
}
@media (max-width:720px){
  body .hero.hero-home-banner .hero-main-photo img{
    transform:translateY(28px) scale(1.02);
    animation-name:kenmosHeroImageInMobile!important;
  }
  @keyframes kenmosHeroImageInMobile{
    from{opacity:0;transform:translateY(28px) scale(1.02);filter:blur(10px) saturate(.92);}
    to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) saturate(1);}
  }
}
@media (prefers-reduced-motion:reduce){
  body .hero.hero-home-banner .hero-main-photo,
  body .hero.hero-home-banner .hero-main-photo img{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    animation:none!important;
  }
}

/* 20260621 首頁 Hero Banner：取消主圖陰影／濾鏡特效，保留原圖色彩呈現；只作用於 Hero 主圖 */
body .hero.hero-home-banner .hero-stage,
body .hero.hero-home-banner .hero-main-photo,
body .hero.hero-home-banner .hero-main-photo img{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
}
body .hero.hero-home-banner .hero-main-photo::before,
body .hero.hero-home-banner .hero-main-photo::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
body .hero.hero-home-banner .hero-main-photo img{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@keyframes kenmosHeroImageIn{
  from{opacity:0;transform:translateX(42px);filter:none;}
  to{opacity:1;transform:translateX(0);filter:none;}
}
@media (max-width:720px){
  @keyframes kenmosHeroImageInMobile{
    from{opacity:0;transform:translateY(28px);filter:none;}
    to{opacity:1;transform:translateY(0);filter:none;}
  }
}

/* 20260621 首頁 Hero Banner：再次強制取消主圖所有遮罩、陰影、濾鏡與假光影，讓原圖直接呈現 */
body .hero.hero-home-banner,
body.home .hero.hero-home-banner,
body.index .hero.hero-home-banner{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
body .hero.hero-home-banner::before,
body .hero.hero-home-banner::after,
body.home .hero.hero-home-banner::before,
body.home .hero.hero-home-banner::after,
body.index .hero.hero-home-banner::before,
body.index .hero.hero-home-banner::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:0!important;
}
body .hero.hero-home-banner .hero-stage,
body .hero.hero-home-banner .hero-main-photo,
body .hero.hero-home-banner .hero-main-photo img,
body.home .hero.hero-home-banner .hero-stage,
body.home .hero.hero-home-banner .hero-main-photo,
body.home .hero.hero-home-banner .hero-main-photo img,
body.index .hero.hero-home-banner .hero-stage,
body.index .hero.hero-home-banner .hero-main-photo,
body.index .hero.hero-home-banner .hero-main-photo img{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}
body .hero.hero-home-banner .hero-main-photo::before,
body .hero.hero-home-banner .hero-main-photo::after,
body.home .hero.hero-home-banner .hero-main-photo::before,
body.home .hero.hero-home-banner .hero-main-photo::after,
body.index .hero.hero-home-banner .hero-main-photo::before,
body.index .hero.hero-home-banner .hero-main-photo::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:0!important;
}
body .hero.hero-home-banner .hero-main-photo img,
body.home .hero.hero-home-banner .hero-main-photo img,
body.index .hero.hero-home-banner .hero-main-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}

/* 20260622 首頁 Hero Banner：文字後方背景虛化 + 主圖右側飛入；只作用於首頁 Hero Banner 前台 CSS */
body .hero.hero-home-banner .hero-copy,
body.home .hero.hero-home-banner .hero-copy,
body.index .hero.hero-home-banner .hero-copy{
  position:relative!important;
  z-index:2!important;
  isolation:isolate!important;
  overflow:visible!important;
}
body .hero.hero-home-banner .hero-copy::before,
body.home .hero.hero-home-banner .hero-copy::before,
body.index .hero.hero-home-banner .hero-copy::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:clamp(34px,4.6vw,74px) clamp(16px,2.4vw,38px)!important;
  z-index:0!important;
  border:1px solid rgba(255,255,255,.62)!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(238,247,255,.56))!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.22)!important;
  backdrop-filter:blur(18px) saturate(1.22)!important;
  box-shadow:0 22px 56px rgba(6,51,104,.18), inset 0 1px 0 rgba(255,255,255,.72)!important;
  pointer-events:none!important;
}
body .hero.hero-home-banner .eyebrow,
body .hero.hero-home-banner h1,
body .hero.hero-home-banner .hero-lead,
body .hero.hero-home-banner .hero-actions,
body.home .hero.hero-home-banner .eyebrow,
body.home .hero.hero-home-banner h1,
body.home .hero.hero-home-banner .hero-lead,
body.home .hero.hero-home-banner .hero-actions,
body.index .hero.hero-home-banner .eyebrow,
body.index .hero.hero-home-banner h1,
body.index .hero.hero-home-banner .hero-lead,
body.index .hero.hero-home-banner .hero-actions{
  position:relative!important;
  z-index:1!important;
}
body .hero.hero-home-banner h1,
body.home .hero.hero-home-banner h1,
body.index .hero.hero-home-banner h1{
  text-shadow:0 2px 14px rgba(255,255,255,.72)!important;
}
body .hero.hero-home-banner .hero-lead,
body.home .hero.hero-home-banner .hero-lead,
body.index .hero.hero-home-banner .hero-lead{
  text-shadow:0 1px 10px rgba(255,255,255,.62)!important;
}
body .hero.hero-home-banner .hero-stage,
body.home .hero.hero-home-banner .hero-stage,
body.index .hero.hero-home-banner .hero-stage{
  will-change:transform!important;
  animation:kenmosHeroTruckFlyIn20260622 .98s cubic-bezier(.18,.72,.18,1) .08s both!important;
}
body .hero.hero-home-banner .hero-main-photo img,
body.home .hero.hero-home-banner .hero-main-photo img,
body.index .hero.hero-home-banner .hero-main-photo img{
  filter:none!important;
  -webkit-filter:none!important;
}
@keyframes kenmosHeroTruckFlyIn20260622{
  from{transform:translate3d(86px,0,0);}
  to{transform:translate3d(0,0,0);}
}
@media(max-width:720px){
  body .hero.hero-home-banner .hero-copy::before,
  body.home .hero.hero-home-banner .hero-copy::before,
  body.index .hero.hero-home-banner .hero-copy::before{
    inset:28px 18px auto 18px!important;
    min-height:330px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(238,247,255,.58))!important;
  }
  body .hero.hero-home-banner .hero-stage,
  body.home .hero.hero-home-banner .hero-stage,
  body.index .hero.hero-home-banner .hero-stage{
    animation-name:kenmosHeroTruckFlyInMobile20260622!important;
  }
  @keyframes kenmosHeroTruckFlyInMobile20260622{
    from{transform:translate3d(58px,0,0);}
    to{transform:translate3d(0,0,0);}
  }
}
@media (prefers-reduced-motion:reduce){
  body .hero.hero-home-banner .hero-stage,
  body.home .hero.hero-home-banner .hero-stage,
  body.index .hero.hero-home-banner .hero-stage{
    animation:none!important;
    transform:none!important;
  }
}

/* 20260622 首頁 Hero Banner 修正：玻璃背景直接接到文字區域 + 主圖飛入速度放慢；只作用於首頁 Hero Banner 前台 CSS */
body .hero.hero-home-banner .hero-copy,
body.home .hero.hero-home-banner .hero-copy,
body.index .hero.hero-home-banner .hero-copy{
  position:relative!important;
  z-index:2!important;
  isolation:isolate!important;
  overflow:visible!important;
}
body .hero.hero-home-banner .hero-copy::before,
body.home .hero.hero-home-banner .hero-copy::before,
body.index .hero.hero-home-banner .hero-copy::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-left:0!important;
  border-radius:30px 42px 42px 30px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(240,249,255,.66) 62%,rgba(240,249,255,.24) 100%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.2)!important;
  backdrop-filter:blur(22px) saturate(1.2)!important;
  box-shadow:18px 0 54px rgba(6,51,104,.16), inset 0 1px 0 rgba(255,255,255,.75)!important;
  pointer-events:none!important;
  transform:none!important;
  opacity:1!important;
}
body .hero.hero-home-banner .eyebrow,
body .hero.hero-home-banner h1,
body .hero.hero-home-banner .hero-lead,
body .hero.hero-home-banner .hero-actions,
body.home .hero.hero-home-banner .eyebrow,
body.home .hero.hero-home-banner h1,
body.home .hero.hero-home-banner .hero-lead,
body.home .hero.hero-home-banner .hero-actions,
body.index .hero.hero-home-banner .eyebrow,
body.index .hero.hero-home-banner h1,
body.index .hero.hero-home-banner .hero-lead,
body.index .hero.hero-home-banner .hero-actions{
  position:relative!important;
  z-index:2!important;
}
body .hero.hero-home-banner h1,
body.home .hero.hero-home-banner h1,
body.index .hero.hero-home-banner h1{
  text-shadow:0 2px 16px rgba(255,255,255,.78)!important;
}
body .hero.hero-home-banner .hero-lead,
body.home .hero.hero-home-banner .hero-lead,
body.index .hero.hero-home-banner .hero-lead{
  text-shadow:0 1px 12px rgba(255,255,255,.68)!important;
}
body .hero.hero-home-banner .hero-stage,
body.home .hero.hero-home-banner .hero-stage,
body.index .hero.hero-home-banner .hero-stage{
  will-change:transform,opacity!important;
  animation:kenmosHeroTruckFlyInSlow20260622 1.85s cubic-bezier(.16,.76,.18,1) .12s both!important;
}
@keyframes kenmosHeroTruckFlyInSlow20260622{
  0%{opacity:.08;transform:translate3d(128px,0,0);}
  100%{opacity:1;transform:translate3d(0,0,0);}
}
@media(max-width:720px){
  body .hero.hero-home-banner .hero-copy::before,
  body.home .hero.hero-home-banner .hero-copy::before,
  body.index .hero.hero-home-banner .hero-copy::before{
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    min-height:390px!important;
    border-radius:22px 22px 34px 34px!important;
    border-left:1px solid rgba(255,255,255,.68)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(240,249,255,.68) 68%,rgba(240,249,255,.24) 100%)!important;
  }
  body .hero.hero-home-banner .hero-stage,
  body.home .hero.hero-home-banner .hero-stage,
  body.index .hero.hero-home-banner .hero-stage{
    animation:kenmosHeroTruckFlyInSlowMobile20260622 1.75s cubic-bezier(.16,.76,.18,1) .1s both!important;
  }
  @keyframes kenmosHeroTruckFlyInSlowMobile20260622{
    0%{opacity:.08;transform:translate3d(82px,0,0);}
    100%{opacity:1;transform:translate3d(0,0,0);}
  }
}
@media (prefers-reduced-motion:reduce){
  body .hero.hero-home-banner .hero-stage,
  body.home .hero.hero-home-banner .hero-stage,
  body.index .hero.hero-home-banner .hero-stage{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}

/* === 2026-06-22 Home Latest News / Product Update UI ===
   Scope: front page latest news block only. Keep Hero Banner and Product Introduction CSS untouched. */
.home-news-global-layout{
  grid-template-columns:1fr;
  align-items:start;
}
.home-news-panel.news-panel{
  grid-column:1 / -1;
  width:100%;
  padding:8px 0 4px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}
.home-news-head{
  margin-bottom:24px;
  padding:0 2px;
  border-bottom:1px solid #dde7f2;
  padding-bottom:20px;
}
.home-news-head>div{
  align-items:center;
  flex-wrap:wrap;
  row-gap:6px;
}
.home-news-head h2{
  font-size:clamp(25px,2.35vw,34px);
  letter-spacing:-.04em;
  color:#071f45;
}
.home-news-head p{
  margin:2px 0 0 12px;
  padding-left:20px;
  border-left:1px solid #d6e3f0;
  color:#60758c;
  font-size:14px;
  font-weight:500;
  line-height:1.5;
}
.home-news-all-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:16px;
  color:#004f99;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
}
.home-news-all-link:before{
  content:"";
  width:14px;
  height:14px;
  border:2px solid currentColor;
  border-radius:50%;
  box-shadow:inset 0 0 0 4px #fff;
}
.home-news-tabs{
  display:flex;
  align-items:center;
  gap:0;
  margin:0 0 26px;
  border-bottom:1px solid #dde7f2;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.home-news-tabs::-webkit-scrollbar{display:none}
.home-news-tabs button{
  position:relative;
  flex:0 0 auto;
  min-width:126px;
  padding:0 26px 17px 4px;
  margin:0 22px 0 0;
  border:0;
  background:transparent;
  color:#071f45;
  font:inherit;
  font-size:15px;
  font-weight:850;
  text-align:left;
  cursor:pointer;
  transition:color .22s ease,transform .22s ease;
}
.home-news-tabs button:after{
  content:"";
  position:absolute;
  right:0;
  top:3px;
  width:1px;
  height:17px;
  background:#d6e3f0;
}
.home-news-tabs button:last-child:after{display:none}
.home-news-tabs button:before{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:0;
  height:2px;
  border-radius:99px;
  background:#0b64d8;
  transition:width .24s ease;
}
.home-news-tabs button:hover,
.home-news-tabs button.is-active{
  color:#005eb8;
}
.home-news-tabs button:hover{transform:translateY(-1px)}
.home-news-tabs button.is-active:before{width:74px}
.home-news-slider{
  position:relative;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  cursor:grab;
  scroll-snap-type:x mandatory;
  scroll-padding-left:0;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:14px 0 18px;
  user-select:none;
}
.home-news-slider::-webkit-scrollbar{display:none}
.home-news-slider.is-dragging{
  cursor:grabbing;
  scroll-snap-type:none;
}
.home-news-track{
  display:flex;
  gap:20px;
  align-items:stretch;
  min-width:100%;
}
.home-news-card{
  flex:0 0 calc((100% - 40px) / 3);
  min-width:0;
  display:block;
  color:inherit;
  text-decoration:none;
  scroll-snap-align:start;
  cursor:pointer;
  transform:translateY(0);
  transition:transform .3s ease,filter .3s ease;
}
.home-news-card:hover{
  transform:translateY(-5px);
}
.home-news-slider.is-dragging .home-news-card{
  transform:translateY(-3px);
  filter:saturate(1.03);
}
.home-news-card.is-hidden,
.home-news-card[hidden]{
  display:none!important;
}
.home-news-image{
  position:relative;
  width:100%;
  height:clamp(188px,17.5vw,252px);
  margin:0;
  overflow:hidden;
  background:#e9f2fb;
  border-radius:0;
}
.home-news-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.001);
  transition:transform .6s ease;
}
.home-news-card:hover .home-news-image img{
  transform:scale(1.045);
}
.home-news-card-body{
  position:relative;
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:28px;
  margin:-1px 30px 0 0;
  min-height:176px;
  padding:26px 24px 18px 30px;
  background:#fff;
  box-shadow:0 18px 34px rgba(6,51,104,.07);
}
.home-news-date{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  color:#071f45;
  font-style:normal;
  line-height:1;
  white-space:nowrap;
}
.home-news-date span{
  font-size:15px;
  font-weight:850;
  letter-spacing:.02em;
}
.home-news-date b{
  display:block;
  font-size:34px;
  font-weight:1000;
  letter-spacing:.02em;
}
.home-news-date i{
  width:32px;
  height:1px;
  margin:3px 0 2px;
  background:#d7e3ef;
}
.home-news-copy{
  min-width:0;
  padding-top:2px;
}
.home-news-category{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  margin-bottom:10px;
  padding:4px 18px;
  border:1px solid #d8e4ef;
  border-radius:3px;
  color:#7c8794;
  background:#fff;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
}
.home-news-copy h3{
  margin:0 0 9px;
  color:#071f45;
  font-size:17px;
  font-weight:900;
  line-height:1.55;
  letter-spacing:-.01em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.home-news-copy p{
  margin:0;
  color:#637487;
  font-size:14px;
  font-weight:500;
  line-height:1.72;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.home-news-empty{
  padding:30px;
  border:1px dashed #bdd8f4;
  border-radius:16px;
  background:#f8fcff;
  color:#6b829b;
  text-align:center;
}
.home-news-panel.reveal{
  animation:homeNewsBlockIn .86s cubic-bezier(.18,.72,.28,1) both;
}
.home-news-panel.reveal .home-news-head,
.home-news-panel.reveal .home-news-tabs,
.home-news-panel.reveal .home-news-card{
  opacity:0;
  transform:translateY(28px);
  animation:homeNewsFlyIn .74s cubic-bezier(.18,.72,.28,1) forwards;
}
.home-news-panel.reveal .home-news-tabs{animation-delay:.08s}
.home-news-panel.reveal .home-news-card:nth-child(1){animation-delay:.16s}
.home-news-panel.reveal .home-news-card:nth-child(2){animation-delay:.24s}
.home-news-panel.reveal .home-news-card:nth-child(3){animation-delay:.32s}
.home-news-panel.reveal .home-news-card:nth-child(n+4){animation-delay:.4s}
.home-news-track.is-refreshing .home-news-card:not(.is-hidden):not([hidden]){
  animation:homeNewsFlyIn .56s cubic-bezier(.18,.72,.28,1) both;
}
@keyframes homeNewsBlockIn{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes homeNewsFlyIn{
  from{opacity:0;transform:translateX(36px) translateY(14px)}
  to{opacity:1;transform:translateX(0) translateY(0)}
}
@media (max-width:1080px){
  .home-news-card{flex-basis:calc((100% - 20px) / 2)}
  .home-news-card-body{margin-right:18px;grid-template-columns:68px minmax(0,1fr);gap:22px;padding:22px 20px 18px 24px}
}
@media (max-width:720px){
  .home-news-panel.news-panel{padding-top:4px}
  .home-news-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}
  .home-news-head>div{align-items:flex-start;flex-direction:column;gap:6px}
  .home-news-head p{margin:0;padding-left:0;border-left:0}
  .home-news-tabs button{min-width:auto;margin-right:18px;padding-right:22px;font-size:14px}
  .home-news-card{flex-basis:86%;}
  .home-news-image{height:190px}
  .home-news-card-body{margin-right:0;grid-template-columns:60px minmax(0,1fr);gap:16px;padding:20px 18px;min-height:158px}
  .home-news-date b{font-size:28px}
  .home-news-copy h3{font-size:16px}
  .home-news-copy p{font-size:13px}
}

/* === 2026-06-22 Home Latest News alignment fix ===
   Scope: homepage Latest News / Product Update block only. Do not change Hero Banner or Product Introduction. */
section.section.content-grid.home-news-global-layout{
  width:min(1848px,calc(100% - 36px))!important;
  max-width:none!important;
  margin:34px auto 46px!important;
  padding:0!important;
  grid-template-columns:1fr!important;
  gap:24px!important;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.home-news-panel.news-panel{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.home-news-head{
  width:100%!important;
  margin:0 0 28px!important;
  padding:0!important;
  border:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.home-news-head>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  gap:0!important;
}
.home-news-head .mark,
.home-news-head .home-news-all-link{
  display:none!important;
}
.home-news-head h2{
  margin:0!important;
  padding:0!important;
  color:#062a55!important;
  font-size:clamp(32px,2.8vw,48px)!important;
  line-height:1.18!important;
  font-weight:400!important;
  letter-spacing:.05em!important;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.home-news-head p{
  margin:8px 0 0!important;
  padding:0!important;
  border:0!important;
  color:rgba(71,88,110,.62)!important;
  font-size:clamp(12px,1vw,15px)!important;
  line-height:1.2!important;
  font-weight:400!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.home-news-tabs{
  width:100%!important;
  margin:0 0 38px!important;
  padding:0!important;
  border-bottom:1px solid rgba(184,205,226,.72)!important;
}
.home-news-tabs button{
  min-width:128px!important;
  padding:0 26px 18px 4px!important;
  margin:0 26px 0 0!important;
  color:#071f45!important;
  font-size:15px!important;
  font-weight:400!important;
  letter-spacing:.02em!important;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.home-news-tabs button:hover,
.home-news-tabs button.is-active{
  color:#005eb8!important;
}
.home-news-tabs button.is-active:before{
  width:74px!important;
}
.home-news-slider{
  width:100%!important;
  max-width:none!important;
  padding:0 0 20px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  cursor:grab!important;
  touch-action:pan-y!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.home-news-slider.is-dragging{
  cursor:grabbing!important;
}
.home-news-track{
  display:flex!important;
  align-items:stretch!important;
  gap:24px!important;
  min-width:100%!important;
}
.home-news-card{
  flex:0 0 calc((100% - 48px) / 3)!important;
  min-width:0!important;
  display:block!important;
  text-decoration:none!important;
  color:inherit!important;
  cursor:pointer!important;
  -webkit-user-drag:none!important;
  user-select:none!important;
  scroll-snap-align:start!important;
}
.home-news-card img{
  -webkit-user-drag:none!important;
  user-select:none!important;
  pointer-events:none!important;
}
.home-news-image{
  width:100%!important;
  height:clamp(240px,17vw,316px)!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#e9f2fb!important;
}
.home-news-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.home-news-card-body{
  min-height:176px!important;
  margin:-1px 36px 0 0!important;
  padding:26px 24px 20px 30px!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  gap:28px!important;
  background:#fff!important;
  box-shadow:0 18px 34px rgba(6,51,104,.07)!important;
}
.home-news-category{
  color:#7c8794!important;
  font-size:13px!important;
  font-weight:400!important;
}
.home-news-copy h3{
  color:#071f45!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1.55!important;
}
.home-news-copy p{
  color:#637487!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.72!important;
}
.home-news-date span,
.home-news-date b{
  font-weight:400!important;
}
.home-news-panel.reveal{
  opacity:0!important;
  transform:translate3d(0,72px,0) scale(.985)!important;
  filter:blur(10px)!important;
  transition:
    opacity .92s cubic-bezier(.16,.78,.22,1),
    transform .92s cubic-bezier(.16,.78,.22,1),
    filter .92s cubic-bezier(.16,.78,.22,1)!important;
  will-change:opacity,transform,filter!important;
}
.home-news-panel.reveal.visible{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0)!important;
}
.home-news-panel.reveal .home-news-head h2,
.home-news-panel.reveal .home-news-head p{
  will-change:opacity,transform,filter!important;
}
.home-news-panel.reveal.visible .home-news-head h2{
  animation:homeNewsTitleEnter20260622 .78s cubic-bezier(.16,.78,.22,1) .08s both!important;
}
.home-news-panel.reveal.visible .home-news-head p{
  animation:homeNewsSubtitleEnter20260622 .72s cubic-bezier(.16,.78,.22,1) .26s both!important;
}
.home-news-track.is-refreshing .home-news-card:not(.is-hidden):not([hidden]){
  animation:homeNewsFlyIn .58s cubic-bezier(.18,.72,.28,1) both!important;
}
@keyframes homeNewsTitleEnter20260622{
  0%{opacity:0;transform:translateY(28px) scale(.985);filter:blur(8px);letter-spacing:.10em;}
  58%{opacity:1;filter:blur(0);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);letter-spacing:.05em;}
}
@keyframes homeNewsSubtitleEnter20260622{
  0%{opacity:0;transform:translateY(18px);filter:blur(6px);}
  100%{opacity:1;transform:translateY(0);filter:blur(0);}
}
@media(max-width:1080px){
  section.section.content-grid.home-news-global-layout{width:calc(100% - 36px)!important;margin:30px auto 40px!important;}
  .home-news-card{flex-basis:calc((100% - 24px) / 2)!important;}
  .home-news-card-body{margin-right:20px!important;grid-template-columns:68px minmax(0,1fr)!important;gap:22px!important;padding:22px 20px 18px 24px!important;}
}
@media(max-width:720px){
  section.section.content-grid.home-news-global-layout{width:calc(100% - 28px)!important;margin:26px auto 34px!important;}
  .home-news-head{margin-bottom:18px!important;}
  .home-news-head h2{font-size:clamp(28px,8vw,36px)!important;}
  .home-news-head p{font-size:12px!important;letter-spacing:.14em!important;}
  .home-news-tabs{margin-bottom:24px!important;}
  .home-news-tabs button{min-width:auto!important;margin-right:18px!important;padding-right:22px!important;font-size:14px!important;}
  .home-news-card{flex-basis:86%!important;}
  .home-news-image{height:190px!important;}
  .home-news-card-body{margin-right:0!important;grid-template-columns:60px minmax(0,1fr)!important;gap:16px!important;padding:20px 18px!important;min-height:158px!important;}
  .home-news-date b{font-size:28px!important;}
  .home-news-copy h3{font-size:16px!important;}
  .home-news-copy p{font-size:13px!important;}
}

/* === 2026-06-22 Home Latest News requested adjustment v2 ===
   Scope: homepage Latest News / Product Update only. Do not change Hero Banner or Product Introduction. */
.home-news-filter-row{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  width:100%!important;
  margin:0 0 38px!important;
  padding:0!important;
  border-bottom:1px solid rgba(184,205,226,.72)!important;
}
.home-news-filter-row .home-news-tabs{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  border-bottom:0!important;
}
.home-news-filter-row .home-news-tabs button{
  min-width:154px!important;
  padding:0 30px 20px 4px!important;
  margin:0 30px 0 0!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:400!important;
}
.home-news-filter-row .home-news-tabs button:after{
  top:4px!important;
  height:20px!important;
}
.home-news-filter-row .home-news-tabs button.is-active:before{
  width:88px!important;
}
.home-news-nav{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  height:28px!important;
  margin:0 2px 0 18px!important;
  color:#7d8b9a!important;
  user-select:none!important;
}
.home-news-nav button{
  display:inline-grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#9aa8b6!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:30px!important;
  font-weight:400!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:color .22s ease,transform .22s ease,background .22s ease!important;
}
.home-news-nav button:hover{
  color:#005eb8!important;
  background:rgba(0,94,184,.08)!important;
  transform:translateY(-1px)!important;
}
.home-news-nav i{
  display:block!important;
  width:1px!important;
  height:22px!important;
  background:#d6e3f0!important;
}
.home-news-card{
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 18px 34px rgba(6,51,104,.07)!important;
}
.home-news-card:hover{
  box-shadow:0 22px 42px rgba(6,51,104,.11)!important;
}
.home-news-image{
  border-radius:18px 18px 0 0!important;
}
.home-news-card-body{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:206px!important;
  margin:0!important;
  padding:30px 28px 24px 30px!important;
  border-radius:0 0 18px 18px!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:30px!important;
  box-shadow:none!important;
}
.home-news-category{
  min-height:29px!important;
  margin-bottom:12px!important;
  padding:5px 20px!important;
  font-size:16px!important;
  line-height:1.25!important;
}
.home-news-copy h3{
  margin-bottom:11px!important;
  font-size:22px!important;
  line-height:1.5!important;
}
.home-news-copy p{
  font-size:17px!important;
  line-height:1.72!important;
}
.home-news-date span{
  font-size:18px!important;
  line-height:1!important;
}
.home-news-date b{
  font-size:41px!important;
  line-height:1!important;
}
.home-news-date i{
  width:38px!important;
}
.home-news-slider{
  touch-action:pan-y!important;
}
.home-news-slider.is-drag-ready,
.home-news-slider.is-dragging,
.home-news-slider.is-dragging .home-news-card{
  cursor:grabbing!important;
}
@media(max-width:1080px){
  .home-news-filter-row .home-news-tabs button{font-size:17px!important;min-width:136px!important;margin-right:24px!important;padding-right:24px!important;}
  .home-news-card-body{grid-template-columns:78px minmax(0,1fr)!important;gap:24px!important;padding:26px 24px 22px 26px!important;min-height:196px!important;}
  .home-news-date b{font-size:36px!important;}
  .home-news-copy h3{font-size:20px!important;}
  .home-news-copy p{font-size:16px!important;}
}
@media(max-width:720px){
  .home-news-filter-row{gap:14px!important;margin-bottom:24px!important;align-items:flex-start!important;}
  .home-news-filter-row .home-news-tabs button{min-width:auto!important;margin-right:18px!important;padding-right:22px!important;font-size:16px!important;}
  .home-news-nav{gap:8px!important;margin-left:6px!important;}
  .home-news-nav button{width:26px!important;height:26px!important;font-size:27px!important;}
  .home-news-nav i{height:18px!important;}
  .home-news-card{border-radius:16px!important;}
  .home-news-image{height:190px!important;border-radius:16px 16px 0 0!important;}
  .home-news-card-body{margin:0!important;grid-template-columns:64px minmax(0,1fr)!important;gap:16px!important;padding:22px 18px!important;min-height:172px!important;border-radius:0 0 16px 16px!important;}
  .home-news-category{font-size:14px!important;padding:4px 14px!important;min-height:25px!important;}
  .home-news-date span{font-size:15px!important;}
  .home-news-date b{font-size:31px!important;}
  .home-news-copy h3{font-size:18px!important;}
  .home-news-copy p{font-size:15px!important;}
}

/* === 2026-06-22 首頁全球服務據點同步全球據點頁設計 ===
   Scope: index.php homepage Global Service Network block only. Do not change Hero Banner, Product Introduction or Latest News. */
section.global-panel.home-global-panel{
  width:100%!important;
  max-width:none!important;
  margin:24px auto 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
section.global-panel.home-global-panel::before{
  display:none!important;
}
.home-global-head{
  width:100%!important;
  margin:0 0 28px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.home-global-head>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  gap:0!important;
}
.home-global-head .mark,
.home-global-head .text-link{
  display:none!important;
}
.home-global-head h2{
  margin:0!important;
  padding:0!important;
  color:#062a55!important;
  font-size:clamp(32px,2.8vw,48px)!important;
  line-height:1.18!important;
  font-weight:400!important;
  letter-spacing:.05em!important;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.home-global-head p{
  margin:8px 0 0!important;
  padding:0!important;
  color:rgba(71,88,110,.62)!important;
  font-size:clamp(12px,1vw,15px)!important;
  line-height:1.2!important;
  font-weight:400!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-family:"Nunito","Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.home-global-modern{
  width:100%!important;
  display:grid!important;
  gap:24px!important;
}
.home-global-modern-map-card{
  width:100%!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#eef8ff 0%,#f9fdff 100%)!important;
  box-shadow:0 22px 48px rgba(6,51,104,.10)!important;
  border:1px solid rgba(210,229,247,.92)!important;
  clip-path:inset(0 round 30px)!important;
}
.home-global-modern-map{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
.home-global-modern-map:not(.home-global-modern-map-two-frame) img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  -webkit-user-drag:none!important;
  user-select:none!important;
}
.home-global-modern-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
}
.home-global-modern-node{
  position:relative!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  min-height:132px!important;
  padding:18px 18px 16px!important;
  border:1px solid rgba(203,225,246,.92)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 12px 28px rgba(6,51,104,.07)!important;
  overflow:hidden!important;
}
.home-global-modern-node:before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:4px!important;
  background:linear-gradient(180deg,#0b64d8,#31a7ff)!important;
}
.home-global-modern-node.accent-green:before{background:linear-gradient(180deg,#00a889,#32d6ca)!important;}
.home-global-modern-node.accent-orange:before{background:linear-gradient(180deg,#ff8a00,#ffc247)!important;}
.home-global-modern-code{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#0b64d8,#31a7ff)!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:.04em!important;
  box-shadow:0 10px 22px rgba(11,100,216,.18)!important;
}
.home-global-modern-node.accent-green .home-global-modern-code{background:linear-gradient(135deg,#00a889,#32d6ca)!important;box-shadow:0 10px 22px rgba(0,168,137,.18)!important;}
.home-global-modern-node.accent-orange .home-global-modern-code{background:linear-gradient(135deg,#ff8a00,#ffc247)!important;box-shadow:0 10px 22px rgba(255,138,0,.18)!important;}
.home-global-modern-copy{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}
.home-global-modern-copy small{
  color:#58708d!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.home-global-modern-copy strong{
  color:#062a55!important;
  font-size:20px!important;
  line-height:1.28!important;
  font-weight:400!important;
  letter-spacing:.02em!important;
}
.home-global-modern-copy em{
  color:#5d738d!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-style:normal!important;
  font-weight:400!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.home-global-modern-node p{
  grid-column:1 / -1!important;
  margin:8px 0 0!important;
  padding-top:10px!important;
  border-top:1px dashed rgba(203,225,246,.95)!important;
  color:#607793!important;
  font-size:12px!important;
  line-height:1.55!important;
  font-weight:400!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.home-global-modern-node p.home-global-modern-phone{
  margin-top:4px!important;
  padding-top:0!important;
  border-top:0!important;
  color:#0b64d8!important;
}
.home-global-modern-empty{
  padding:28px!important;
  border:1px dashed #bdd8f4!important;
  border-radius:18px!important;
  background:#f8fcff!important;
  color:#6b829b!important;
  text-align:center!important;
}
.home-global-panel.reveal{
  opacity:0!important;
  transform:translate3d(0,76px,0) scale(.985)!important;
  filter:blur(10px)!important;
  transition:opacity 1.18s cubic-bezier(.16,.78,.22,1),transform 1.18s cubic-bezier(.16,.78,.22,1),filter 1.18s cubic-bezier(.16,.78,.22,1)!important;
  will-change:opacity,transform,filter!important;
}
.home-global-panel.reveal.visible,
.home-global-panel.reveal{
  animation:homeGlobalBlockEnter20260622 1.18s cubic-bezier(.16,.78,.22,1) .06s both!important;
}
.home-global-panel.reveal .home-global-head h2,
.home-global-panel.reveal .home-global-head p,
.home-global-panel.reveal .home-global-modern-map-card,
.home-global-panel.reveal .home-global-modern-node{
  opacity:0!important;
  will-change:opacity,transform,filter!important;
}
.home-global-panel.reveal .home-global-head h2{animation:homeGlobalTextFlyIn20260622 1.02s cubic-bezier(.16,.78,.22,1) .18s both!important;}
.home-global-panel.reveal .home-global-head p{animation:homeGlobalTextFlyIn20260622 1.02s cubic-bezier(.16,.78,.22,1) .34s both!important;}
.home-global-panel.reveal .home-global-modern-map-card{animation:homeGlobalImageFlyIn20260622 1.35s cubic-bezier(.16,.78,.22,1) .42s both!important;}
.home-global-panel.reveal .home-global-modern-node{animation:homeGlobalTextFlyIn20260622 1.05s cubic-bezier(.16,.78,.22,1) .62s both!important;}
.home-global-panel.reveal .home-global-modern-node:nth-child(2){animation-delay:.74s!important;}
.home-global-panel.reveal .home-global-modern-node:nth-child(3){animation-delay:.86s!important;}
.home-global-panel.reveal .home-global-modern-node:nth-child(4){animation-delay:.98s!important;}
.home-global-panel.reveal .home-global-modern-node:nth-child(n+5){animation-delay:1.10s!important;}
@keyframes homeGlobalBlockEnter20260622{
  0%{opacity:0;transform:translate3d(0,76px,0) scale(.985);filter:blur(10px);}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);}
}
@keyframes homeGlobalTextFlyIn20260622{
  0%{opacity:0;transform:translate3d(44px,22px,0);filter:blur(8px);}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
}
@keyframes homeGlobalImageFlyIn20260622{
  0%{opacity:0;transform:translate3d(76px,24px,0);filter:blur(10px);}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
}
@media(max-width:1080px){
  .home-global-modern-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .home-global-modern-map-card{border-radius:24px!important;clip-path:inset(0 round 24px)!important;}
}
@media(max-width:720px){
  section.global-panel.home-global-panel{margin-top:20px!important;}
  .home-global-head{margin-bottom:18px!important;}
  .home-global-head h2{font-size:clamp(28px,8vw,36px)!important;}
  .home-global-head p{font-size:12px!important;letter-spacing:.14em!important;}
  .home-global-modern{gap:18px!important;}
  .home-global-modern-map-card{border-radius:18px!important;clip-path:inset(0 round 18px)!important;}
  .home-global-modern-list{grid-template-columns:1fr!important;gap:12px!important;}
  .home-global-modern-node{grid-template-columns:52px minmax(0,1fr)!important;border-radius:17px!important;padding:16px!important;}
}
@media (prefers-reduced-motion:reduce){
  .home-global-panel.reveal,
  .home-global-panel.reveal .home-global-head h2,
  .home-global-panel.reveal .home-global-head p,
  .home-global-panel.reveal .home-global-modern-map-card,
  .home-global-panel.reveal .home-global-modern-node{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}

/* === 2026-06-22 Home Global Service visible fix ===
   Scope: index.php homepage Global Service Network block only.
   Keep Hero Banner, Product Introduction and Latest News unchanged. */
section.global-panel.home-global-panel{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
section.global-panel.home-global-panel::before,
section.global-panel.home-global-panel::after{
  display:none!important;
  content:none!important;
}
section.global-panel.home-global-panel .home-global-head,
section.global-panel.home-global-panel .home-global-head h2,
section.global-panel.home-global-panel .home-global-head p,
section.global-panel.home-global-panel .home-global-modern,
section.global-panel.home-global-panel .home-global-modern-map-card,
section.global-panel.home-global-panel .home-global-modern-map,
section.global-panel.home-global-panel .home-global-modern-map img,
section.global-panel.home-global-panel .home-global-modern-list,
section.global-panel.home-global-panel .home-global-modern-node{
  visibility:visible!important;
}
section.global-panel.home-global-panel .home-global-modern{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  display:grid!important;
  gap:26px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
section.global-panel.home-global-panel .home-global-modern-map-card{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:30px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  clip-path:inset(0 round 30px)!important;
}
section.global-panel.home-global-panel .home-global-modern-map{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:30px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
section.global-panel.home-global-panel .home-global-modern-map img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:30px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  -webkit-user-drag:none!important;
  user-select:none!important;
}
section.global-panel.home-global-panel.reveal,
section.global-panel.home-global-panel.reveal.visible{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
section.global-panel.home-global-panel.reveal .home-global-head h2,
section.global-panel.home-global-panel.reveal .home-global-head p,
section.global-panel.home-global-panel.reveal .home-global-modern-map-card,
section.global-panel.home-global-panel.reveal .home-global-modern-node,
section.global-panel.home-global-panel.reveal.visible .home-global-head h2,
section.global-panel.home-global-panel.reveal.visible .home-global-head p,
section.global-panel.home-global-panel.reveal.visible .home-global-modern-map-card,
section.global-panel.home-global-panel.reveal.visible .home-global-modern-node{
  opacity:1!important;
  filter:none!important;
}
section.global-panel.home-global-panel.reveal .home-global-head h2,
section.global-panel.home-global-panel.reveal.visible .home-global-head h2{
  animation:homeGlobalSlowTextFlyInFix20260622 1.85s cubic-bezier(.16,.78,.22,1) .10s both!important;
}
section.global-panel.home-global-panel.reveal .home-global-head p,
section.global-panel.home-global-panel.reveal.visible .home-global-head p{
  animation:homeGlobalSlowTextFlyInFix20260622 1.85s cubic-bezier(.16,.78,.22,1) .28s both!important;
}
section.global-panel.home-global-panel.reveal .home-global-modern-map-card,
section.global-panel.home-global-panel.reveal.visible .home-global-modern-map-card{
  animation:homeGlobalSlowImageFlyInFix20260622 2.15s cubic-bezier(.16,.78,.22,1) .42s both!important;
}
section.global-panel.home-global-panel.reveal .home-global-modern-node,
section.global-panel.home-global-panel.reveal.visible .home-global-modern-node{
  animation:homeGlobalSlowTextFlyInFix20260622 1.95s cubic-bezier(.16,.78,.22,1) .72s both!important;
}
section.global-panel.home-global-panel.reveal .home-global-modern-node:nth-child(2),
section.global-panel.home-global-panel.reveal.visible .home-global-modern-node:nth-child(2){animation-delay:.88s!important;}
section.global-panel.home-global-panel.reveal .home-global-modern-node:nth-child(3),
section.global-panel.home-global-panel.reveal.visible .home-global-modern-node:nth-child(3){animation-delay:1.04s!important;}
section.global-panel.home-global-panel.reveal .home-global-modern-node:nth-child(4),
section.global-panel.home-global-panel.reveal.visible .home-global-modern-node:nth-child(4){animation-delay:1.20s!important;}
section.global-panel.home-global-panel.reveal .home-global-modern-node:nth-child(n+5),
section.global-panel.home-global-panel.reveal.visible .home-global-modern-node:nth-child(n+5){animation-delay:1.36s!important;}
@keyframes homeGlobalSlowTextFlyInFix20260622{
  0%{opacity:0;transform:translate3d(54px,28px,0);filter:blur(10px);}
  62%{opacity:1;filter:blur(2px);}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
}
@keyframes homeGlobalSlowImageFlyInFix20260622{
  0%{opacity:0;transform:translate3d(108px,30px,0);filter:blur(12px);}
  62%{opacity:1;filter:blur(2px);}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
}
@media(max-width:1080px){
  section.global-panel.home-global-panel .home-global-modern-map-card,
  section.global-panel.home-global-panel .home-global-modern-map,
  section.global-panel.home-global-panel .home-global-modern-map img{
    border-radius:24px!important;
    clip-path:inset(0 round 24px)!important;
  }
}
@media(max-width:720px){
  section.global-panel.home-global-panel .home-global-modern-map-card,
  section.global-panel.home-global-panel .home-global-modern-map,
  section.global-panel.home-global-panel .home-global-modern-map img{
    border-radius:18px!important;
    clip-path:inset(0 round 18px)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  section.global-panel.home-global-panel.reveal .home-global-head h2,
  section.global-panel.home-global-panel.reveal .home-global-head p,
  section.global-panel.home-global-panel.reveal .home-global-modern-map-card,
  section.global-panel.home-global-panel.reveal .home-global-modern-node,
  section.global-panel.home-global-panel.reveal.visible .home-global-head h2,
  section.global-panel.home-global-panel.reveal.visible .home-global-head p,
  section.global-panel.home-global-panel.reveal.visible .home-global-modern-map-card,
  section.global-panel.home-global-panel.reveal.visible .home-global-modern-node{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}

/* === 2026-06-22 Home Global Service cards sync with global.php ===
   Scope: index.php homepage Global Service Network location cards only. */
section.global-panel.home-global-panel .home-global-modern-list.home-global-modern-list-synced{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  width:100%!important;
}
section.global-panel.home-global-panel .home-global-modern-node.home-global-modern-node-synced{
  --home-location-accent:#073f8f;
  --home-location-accent-rgb:7,63,143;
  --home-location-soft:#eef5ff;
  --home-location-title:#062b62;
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(245px,.72fr) minmax(0,1fr)!important;
  grid-template-areas:
    "title summary"
    "title address"
    "title phone"!important;
  align-items:center!important;
  gap:12px 18px!important;
  min-height:0!important;
  padding:18px 20px!important;
  border:1px solid rgba(var(--home-location-accent-rgb),.20)!important;
  border-left:6px solid var(--home-location-accent)!important;
  border-top:1px solid rgba(var(--home-location-accent-rgb),.20)!important;
  border-radius:24px!important;
  background:linear-gradient(90deg,rgba(var(--home-location-accent-rgb),.08),rgba(255,255,255,.98) 30%,#fff 100%)!important;
  box-shadow:0 12px 28px rgba(9,58,112,.07)!important;
  overflow:hidden!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
section.global-panel.home-global-panel .home-global-modern-node.home-global-modern-node-synced.accent-purple{
  --home-location-accent:#54bff7;
  --home-location-accent-rgb:84,191,247;
  --home-location-soft:#eefaff;
  --home-location-title:#075b86;
}
section.global-panel.home-global-panel .home-global-modern-node.home-global-modern-node-synced.accent-green{
  --home-location-accent:#d69b12;
  --home-location-accent-rgb:214,155,18;
  --home-location-soft:#fff8e6;
  --home-location-title:#7a5200;
}
section.global-panel.home-global-panel .home-global-modern-node.home-global-modern-node-synced.accent-blue{
  --home-location-accent:#9f1f2f;
  --home-location-accent-rgb:159,31,47;
  --home-location-soft:#fff1f3;
  --home-location-title:#64101a;
}
section.global-panel.home-global-panel .home-global-modern-node.home-global-modern-node-synced:before{
  content:""!important;
  position:absolute!important;
  right:-70px!important;
  top:-72px!important;
  left:auto!important;
  bottom:auto!important;
  width:180px!important;
  height:180px!important;
  border-radius:999px!important;
  background:rgba(var(--home-location-accent-rgb),.10)!important;
  pointer-events:none!important;
}
section.global-panel.home-global-panel .home-global-modern-node.home-global-modern-node-synced:hover,
section.global-panel.home-global-panel .home-global-modern-node.home-global-modern-node-synced.is-active{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--home-location-accent-rgb),.32)!important;
  border-left-color:var(--home-location-accent)!important;
  box-shadow:0 18px 38px rgba(var(--home-location-accent-rgb),.13)!important;
}
section.global-panel.home-global-panel .home-global-modern-node-btn{
  grid-area:title!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  font:inherit!important;
}
section.global-panel.home-global-panel .home-global-modern-node-synced .home-global-modern-code{
  width:62px!important;
  height:62px!important;
  border-radius:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#fff,var(--home-location-soft))!important;
  border:1px solid rgba(var(--home-location-accent-rgb),.24)!important;
  color:var(--home-location-accent)!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  box-shadow:0 10px 22px rgba(var(--home-location-accent-rgb),.12)!important;
}
section.global-panel.home-global-panel .home-global-modern-main{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}
section.global-panel.home-global-panel .home-global-modern-main small{
  color:var(--home-location-accent)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
section.global-panel.home-global-panel .home-global-modern-main strong{
  color:var(--home-location-title)!important;
  font-size:28px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
}
section.global-panel.home-global-panel .home-global-modern-node-btn i{
  color:var(--home-location-accent)!important;
  font-style:normal!important;
  font-size:20px!important;
  line-height:1!important;
  transition:transform .22s ease!important;
}
section.global-panel.home-global-panel .home-global-modern-node-synced:hover .home-global-modern-node-btn i,
section.global-panel.home-global-panel .home-global-modern-node-synced.is-active .home-global-modern-node-btn i{
  transform:translateX(4px)!important;
}
section.global-panel.home-global-panel .home-global-modern-node-synced .home-global-modern-summary{
  grid-area:summary!important;
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:#385c79!important;
  font-size:18px!important;
  line-height:1.75!important;
  font-weight:400!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
}
section.global-panel.home-global-panel .home-global-modern-address,
section.global-panel.home-global-panel .home-global-modern-phone{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  min-height:auto!important;
  margin:0!important;
  padding:11px 14px!important;
  border:1px solid rgba(var(--home-location-accent-rgb),.18)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  color:#243f59!important;
  font-size:17px!important;
  line-height:1.55!important;
  font-weight:400!important;
}
section.global-panel.home-global-panel .home-global-modern-address{grid-area:address!important;}
section.global-panel.home-global-panel .home-global-modern-phone{
  grid-area:phone!important;
  background:linear-gradient(180deg,#fff,var(--home-location-soft))!important;
  color:var(--home-location-title)!important;
  font-weight:500!important;
}
section.global-panel.home-global-panel .home-global-modern-address svg,
section.global-panel.home-global-panel .home-global-modern-phone svg{
  flex:0 0 auto!important;
  width:21px!important;
  height:21px!important;
  margin-top:2px!important;
  fill:none!important;
  stroke:var(--home-location-accent)!important;
  stroke-width:1.9!important;
}
section.global-panel.home-global-panel .home-global-modern-address span,
section.global-panel.home-global-panel .home-global-modern-phone span{
  min-width:0!important;
}
@media(max-width:1280px){
  section.global-panel.home-global-panel .home-global-modern-node.home-global-modern-node-synced{
    grid-template-columns:minmax(230px,.76fr) minmax(0,1fr)!important;
  }
}
@media(max-width:860px){
  section.global-panel.home-global-panel .home-global-modern-node.home-global-modern-node-synced{
    grid-template-columns:1fr!important;
    grid-template-areas:"title" "summary" "address" "phone"!important;
    padding:18px!important;
  }
  section.global-panel.home-global-panel .home-global-modern-node-btn{
    grid-template-columns:58px minmax(0,1fr) auto!important;
  }
  section.global-panel.home-global-panel .home-global-modern-node-synced .home-global-modern-code{
    width:58px!important;
    height:58px!important;
  }
  section.global-panel.home-global-panel .home-global-modern-main strong{font-size:24px!important;}
  section.global-panel.home-global-panel .home-global-modern-node-synced .home-global-modern-summary,
  section.global-panel.home-global-panel .home-global-modern-address,
  section.global-panel.home-global-panel .home-global-modern-phone{
    font-size:15px!important;
  }
}

/* kenmos_header_logo_hover_rotate_20260622: top logo hover animation only; frontend CSS/UI only */
body .site-header .brand{
  perspective:900px!important;
  transform-style:preserve-3d!important;
}
body .site-header .brand img{
  transform-origin:center center!important;
  transform-style:preserve-3d!important;
  will-change:transform!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
body .site-header .brand:hover img,
body .site-header .brand:focus-visible img{
  animation:kenmos-logo-hover-rotate-y .95s cubic-bezier(.22,.72,.18,1) both!important;
}
@keyframes kenmos-logo-hover-rotate-y{
  0%{transform:rotateY(0deg) scale(1)}
  50%{transform:rotateY(180deg) scale(1.035)}
  100%{transform:rotateY(360deg) scale(1)}
}
@media (prefers-reduced-motion:reduce){
  body .site-header .brand:hover img,
  body .site-header .brand:focus-visible img{
    animation:none!important;
  }
}

/* kenmos_home_global_map_two_frame_20260622: homepage global service map marker fade only; frontend CSS/UI only */
section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#f8fcff 0%,#eef7ff 100%)!important;
  aspect-ratio:1774 / 887!important;
  box-shadow:none!important;
  isolation:isolate!important;
}
section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame:before,
section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame:after{
  display:none!important;
  content:none!important;
}
section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame .home-global-map-frame{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:30px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame .home-global-map-frame-clean{
  z-index:1!important;
  opacity:1!important;
  animation:none!important;
}
section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame .home-global-map-frame-marked{
  z-index:2!important;
  opacity:0!important;
  pointer-events:none!important;
  animation:none!important;
  transition:opacity 1.05s cubic-bezier(.18,.72,.18,1)!important;
  will-change:opacity!important;
}
section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame.is-marker-visible .home-global-map-frame-marked{
  opacity:1!important;
}
@keyframes homeGlobalMapLocationMarkerFade20260622{
  0%{opacity:0}
  30%{opacity:0}   /* hidden about 3s */
  40%{opacity:1}   /* fade in about 1s */
  90%{opacity:1}   /* visible about 5s */
  100%{opacity:0}  /* fade out about 1s */
}
@media(max-width:1080px){
  section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame,
  section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame .home-global-map-frame{
    border-radius:24px!important;
  }
}
@media(max-width:720px){
  section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame,
  section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame .home-global-map-frame{
    border-radius:18px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  section.global-panel.home-global-panel .home-global-modern-map.home-global-modern-map-two-frame .home-global-map-frame-marked{
    animation:none!important;
    opacity:1!important;
  }
}

/* 2026-06-23 首頁技術特色列寬度調整：只讓「品質優先／創新研發／彈性製造／永續責任」區塊寬度與上方首頁區塊一致 */
body .technology-strip{
  width:min(1848px,calc(100% - 36px))!important;
  max-width:none!important;
}
@media(max-width:1100px){
  body .technology-strip{
    width:calc(100% - 36px)!important;
  }
}
@media(max-width:640px){
  body .technology-strip{
    width:calc(100% - 28px)!important;
  }
}

/* 2026-06-23 首頁主要區塊寬度 70%：只調整寬度，不變更原有動畫、hover、JS 與內容結構 */
@media (min-width:1101px){
  body .hero.hero-home-banner,
  body.home .hero.hero-home-banner,
  body.index .hero.hero-home-banner,
  body .section.products-section.home-business-section,
  body .home-business-section,
  body section.section.content-grid.home-news-global-layout,
  body .section.technology-strip,
  body .technology-strip{
    width:70%!important;
    max-width:1848px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* kenmos_header_nav_gap_plus_10_20260623: top primary navigation spacing only; frontend CSS/UI only */
@media (min-width:1181px){
  body .nav-group-primary{
    gap:clamp(24.2px,1.617vw,38.5px)!important;
  }
}
@media (min-width:1181px) and (max-width:1760px){
  body .nav-group-primary{
    gap:clamp(19.8px,1.21vw,28.6px)!important;
  }
}
@media (min-width:1181px) and (max-width:1540px){
  body .nav-group-primary{
    gap:16.94px!important;
  }
}

/* === 2026-07-31 Frontend responsive compatibility layer ===
   Scope: small desktop / tablet / mobile presentation only.
   Existing content, links, animations, database data and JavaScript behavior are unchanged. */
html{
  max-width:100%;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  max-width:100%;
}
body img,
body picture,
body video,
body canvas,
body iframe{
  max-width:100%;
}
body video,
body canvas{
  height:auto;
}
body input,
body select,
body textarea,
body button{
  max-width:100%;
}
body .hero,
body .hero-stage,
body .hero-copy,
body .section,
body .page-hero,
body .page-content,
body .content-grid,
body .product-grid,
body .news-grid,
body .location-grid,
body .technology-strip,
body .about-visual-hero,
body .about-tree-panel,
body .about-modern-layout,
body .modern-news-hero,
body .modern-news-filter,
body .modern-news-shell,
body .modern-news-detail-layout,
body .site-footer,
body .footer-main,
body .contact-list,
body .footer-bottom{
  min-width:0;
}
body .hero > *,
body .hero-stage > *,
body .section > *,
body .content-grid > *,
body .product-grid > *,
body .news-grid > *,
body .location-grid > *,
body .technology-strip > *,
body .about-visual-hero > *,
body .about-modern-layout > *,
body .modern-news-hero > *,
body .modern-news-shell > *,
body .modern-news-detail-layout > *,
body .footer-main > *,
body .contact-list > *,
body .footer-bottom > *{
  min-width:0;
}
@supports (overflow:clip){
  html,
  body{overflow-x:clip;}
}

/* Small desktop and Windows display scaling: keep the existing desktop design,
   but use more of the available width so cards and text are not squeezed. */
@media (min-width:1101px) and (max-width:1599px){
  body .hero.hero-home-banner,
  body.home .hero.hero-home-banner,
  body.index .hero.hero-home-banner,
  body .section.products-section.home-business-section,
  body .home-business-section,
  body section.section.content-grid.home-news-global-layout,
  body .section.technology-strip,
  body .technology-strip,
  body .site-footer{
    width:min(1360px,calc(100% - 48px))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body .hero.hero-home-banner .hero-copy{
    width:min(58%,660px)!important;
    padding-left:clamp(34px,4vw,64px)!important;
    padding-right:clamp(28px,3.6vw,58px)!important;
  }
  body .home-business-grid{
    gap:clamp(14px,1.35vw,22px)!important;
  }
  body .technology-strip{
    gap:clamp(12px,1.2vw,18px)!important;
    padding-left:clamp(16px,2vw,24px)!important;
    padding-right:clamp(16px,2vw,24px)!important;
  }
}

/* Common 1366px / high-DPI small desktop viewport: change only the header
   arrangement to the existing hamburger menu so navigation never overlaps. */
@media (max-width:1366px){
  body .site-header{position:sticky!important;top:0!important;}
  body .header-top{
    min-height:78px!important;
    padding:11px 18px!important;
    justify-content:space-between!important;
    gap:16px!important;
  }
  body .brand{flex:0 1 auto!important;}
  body .brand img{
    height:40px!important;
    width:auto!important;
    max-width:min(166px,52vw)!important;
  }
  body .top-actions{
    flex:0 0 auto!important;
    justify-content:flex-end!important;
    min-width:0!important;
  }
  body .menu-toggle{display:flex!important;flex:0 0 46px!important;}
  body .nav-strip{
    display:none!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    top:calc(100% + 7px)!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:12px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    border:1px solid #dce9f6!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 18px 44px rgba(8,44,84,.18)!important;
    overflow:visible!important;
  }
  body .nav-strip.open{display:flex!important;}
  body .nav-group,
  body .nav-group-primary,
  body .nav-group-portal{
    width:100%!important;
    margin:0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  body .nav-group-primary + .nav-separator{margin-left:0!important;}
  body .nav-separator{
    width:100%!important;
    height:1px!important;
    margin:8px 0!important;
    background:linear-gradient(90deg,transparent,#d8e8f6,transparent)!important;
  }
  body .nav-strip .nav-item,
  body .nav-strip .nav-portal,
  body .header-lang-button{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    justify-content:flex-start!important;
    padding:0 14px!important;
    border-radius:12px!important;
    font-size:15px!important;
    line-height:1.25!important;
  }
  body .nav-strip .nav-item:hover,
  body .nav-strip .nav-portal:hover,
  body .nav-strip .nav-item.active,
  body .nav-strip .nav-portal.active,
  body .header-lang-dropdown:hover .header-lang-button,
  body .header-lang-dropdown:focus-within .header-lang-button{
    background:#eef8ff!important;
    transform:none!important;
  }
  body .nav-strip .nav-item:after,
  body .nav-strip .nav-portal:after{display:none!important;}
  body .nav-flip{transform:none!important;justify-items:start!important;}
  body .nav-flip-back{display:none!important;}
  body .header-lang-dropdown{width:100%!important;}
  body .header-lang-button{gap:9px!important;}
  body .header-lang-button i{margin-left:auto!important;}
  body .language-menu{
    left:14px!important;
    right:14px!important;
    top:calc(100% + 4px)!important;
    min-width:0!important;
  }
}

/* Tablet and compact notebook layout. */
@media (max-width:1280px){
  body .home-business-grid,
  body #products .home-business-grid,
  body .product-grid,
  body .location-grid,
  body .simple-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body section.section.content-grid.home-news-global-layout,
  body .content-grid,
  body .about-visual-hero,
  body .about-intro-modern,
  body .about-single-hero,
  body .about-career-grid,
  body .about-statement-grid,
  body .modern-news-hero,
  body .modern-news-shell,
  body .modern-news-detail-hero-card,
  body .modern-news-detail-layout{
    grid-template-columns:1fr!important;
  }
  body .technology-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body .technology-strip article{
    border-right:0!important;
    border-bottom:1px solid #e0eaf4!important;
    padding-bottom:12px!important;
  }
  body .technology-strip article:nth-last-child(-n+2){border-bottom:0!important;}
  body .hero.hero-home-banner .hero-copy{
    width:min(72%,620px)!important;
    padding:clamp(38px,5vw,56px) clamp(28px,4vw,46px)!important;
  }
  body .about-main-photo,
  body .about-float-photo{
    max-width:100%!important;
  }
}

@media (max-width:1100px){
  body .hero.hero-home-banner,
  body.home .hero.hero-home-banner,
  body.index .hero.hero-home-banner,
  body .section.products-section.home-business-section,
  body .home-business-section,
  body section.section.content-grid.home-news-global-layout,
  body .section.technology-strip,
  body .technology-strip,
  body .site-footer{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body .page-hero,
  body .page-content,
  body .modern-news-hero,
  body .modern-news-filter,
  body .modern-news-shell,
  body .modern-news-greenet-style .modern-news-board,
  body .modern-news-greenet-style .modern-news-tabs,
  body .modern-news-greenet-style .modern-news-shell,
  body .about-visual-hero,
  body .about-tree-panel{
    width:calc(100% - 32px)!important;
    max-width:none!important;
  }
  body .hero.hero-home-banner{
    min-height:clamp(500px,58vw,620px)!important;
  }
  body .hero.hero-home-banner .hero-copy{
    width:min(76%,600px)!important;
  }
  body .form-grid,
  body .contact-columns,
  body .about-intro-card,
  body .about-values-modern,
  body .about-location-modern,
  body .modern-news-block.layout-left_image,
  body .modern-news-block.layout-right_image{
    grid-template-columns:1fr!important;
  }
  body table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}

/* Mobile presentation: preserve every item and function, but stack content and
   allow horizontal scrolling only for controls/tables that cannot wrap safely. */
@media (max-width:720px){
  body .header-top{
    min-height:70px!important;
    padding:9px 12px!important;
  }
  body .brand img{
    height:36px!important;
    max-width:min(150px,52vw)!important;
  }
  body .menu-toggle{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  body .nav-strip{
    left:10px!important;
    right:10px!important;
    top:calc(100% + 5px)!important;
    max-height:calc(100vh - 86px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body .hero,
  body .section,
  body .page-hero,
  body .page-content,
  body .modern-news-hero,
  body .modern-news-filter,
  body .modern-news-shell,
  body .modern-news-greenet-style .modern-news-board,
  body .modern-news-greenet-style .modern-news-tabs,
  body .modern-news-greenet-style .modern-news-shell,
  body .about-visual-hero,
  body .about-tree-panel,
  body .site-footer,
  body .hero.hero-home-banner,
  body .home-business-section,
  body section.section.content-grid.home-news-global-layout,
  body .technology-strip{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body .hero.hero-home-banner{
    min-height:clamp(500px,145vw,620px)!important;
    margin-top:14px!important;
    border-radius:18px!important;
  }
  body .hero.hero-home-banner .hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:34px 18px!important;
  }
  body .hero.hero-home-banner h1{
    font-size:clamp(30px,9vw,42px)!important;
    line-height:1.16!important;
  }
  body .hero.hero-home-banner .hero-lead{
    font-size:14.5px!important;
    line-height:1.72!important;
  }
  body .hero.hero-home-banner .hero-actions{
    flex-wrap:wrap!important;
  }
  body .home-business-grid,
  body #products .home-business-grid,
  body .product-grid,
  body .news-grid,
  body .location-grid,
  body .simple-grid,
  body .form-grid,
  body .contact-columns,
  body .technology-strip,
  body .about-value-grid,
  body .about-values-modern,
  body .about-location-grid,
  body .about-location-modern,
  body .about-benefit-list,
  body .modern-news-gallery,
  body .modern-news-detail-meta-cards,
  body .news-inline-image-grid,
  body .news-inline-image-grid.is-two,
  body .news-inline-image-grid.is-three,
  body .news-inline-image-grid[data-image-count]{
    grid-template-columns:1fr!important;
  }
  body .technology-strip article,
  body .technology-strip article:nth-last-child(-n+2){
    border-right:0!important;
    border-bottom:1px solid #e0eaf4!important;
    padding-bottom:12px!important;
  }
  body .technology-strip article:last-child{border-bottom:0!important;}
  body .product-card,
  body .news-row,
  body .modern-news-row,
  body .about-story-card,
  body .about-story-card:nth-child(even),
  body .about-time-row,
  body .about-location-modern-card{
    grid-template-columns:1fr!important;
  }
  body .footer-main,
  body .footer-bottom{
    flex-direction:column!important;
    align-items:stretch!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body .footer-main .inquiry-btn{
    width:100%!important;
    justify-content:center!important;
  }
  body .contact-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:16px 18px!important;
  }
  body .contact-list span,
  body .footer-bottom span,
  body .footer-bottom a{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  body .about-tabs,
  body .about-top-tabs,
  body .about-anchor-menu,
  body .about-side-nav,
  body .modern-news-tabs{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin;
  }
  body .about-tabs a,
  body .about-top-tabs a,
  body .about-anchor-menu a,
  body .about-side-nav a,
  body .modern-news-tabs a,
  body .modern-news-tabs button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  body input,
  body select,
  body textarea{
    width:100%;
    min-width:0;
    font-size:16px;
  }
  body h1,
  body h2,
  body h3,
  body h4,
  body p,
  body li,
  body a,
  body span,
  body strong,
  body small{
    overflow-wrap:anywhere;
  }
  body pre,
  body code{
    max-width:100%;
    overflow-x:auto;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
  }
}

@media (max-width:420px){
  body .hero,
  body .section,
  body .page-hero,
  body .page-content,
  body .modern-news-hero,
  body .modern-news-filter,
  body .modern-news-shell,
  body .about-visual-hero,
  body .about-tree-panel,
  body .site-footer,
  body .hero.hero-home-banner,
  body .home-business-section,
  body section.section.content-grid.home-news-global-layout,
  body .technology-strip{
    width:calc(100% - 18px)!important;
  }
  body .hero.hero-home-banner .hero-copy{padding:28px 15px!important;}
  body .hero.hero-home-banner h1{font-size:clamp(28px,9.4vw,38px)!important;}
  body .footer-main,
  body .contact-list,
  body .footer-bottom{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}