/* GOWM V19 - unified card system, process layout, directory cases and clean mobile navigation */

/* ===== Work process: 3 desktop / 2 tablet / 1 mobile ===== */
.sv-process-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0!important;
  padding:0!important;
}
.sv-process-grid li{
  min-width:0!important;
  min-height:150px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:start!important;
  gap:14px!important;
  padding:24px 22px!important;
  border:1px solid #e3ebf3!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%)!important;
  box-shadow:0 10px 28px rgba(16,35,56,.055)!important;
  overflow:visible!important;
  writing-mode:horizontal-tb!important;
}
.sv-process-grid li>span{
  width:42px!important;height:42px!important;min-width:42px!important;
  border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(135deg,#e9f4ff,#dff8f6)!important;
  color:#1269c9!important;font-size:12px!important;font-weight:850!important;
}
.sv-process-grid li>div{min-width:0!important;width:auto!important;padding:0!important;writing-mode:horizontal-tb!important;}
.sv-process-grid strong{display:block!important;font-size:17px!important;line-height:1.4!important;margin:0 0 8px!important;color:#152b43!important;white-space:normal!important;word-break:keep-all!important;}
.sv-process-grid p{display:block!important;margin:0!important;max-width:none!important;font-size:13px!important;line-height:1.75!important;color:#66788c!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;}

.resource-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;}
.resource-main-full{width:100%!important;min-width:0!important;}

/* ===== Unified article/case cards: square, image top, title + subtitle + read more ===== */
.resource-grid,
.case-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.resource-grid article,
.case-grid article{
  min-width:0!important;
  aspect-ratio:1 / 1!important;
  height:auto!important;
  background:#fff!important;
  border:1px solid #e2eaf2!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(16,35,56,.055)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.resource-grid article:hover,
.case-grid article:hover{transform:translateY(-5px)!important;box-shadow:0 18px 42px rgba(16,35,56,.11)!important;border-color:#cdddeb!important;}
.resource-grid article>a,
.case-grid article>a{display:flex!important;flex-direction:column!important;height:100%!important;text-decoration:none!important;color:inherit!important;}
.resource-grid article>a>img,
.case-grid .case-card-img,
.case-grid .case-card-img img{
  width:100%!important;
  height:54%!important;
  min-height:0!important;
  flex:0 0 54%!important;
  object-fit:cover!important;
  display:block!important;
  margin:0!important;
  border-radius:0!important;
}
.case-grid .case-card-img{overflow:hidden!important;}
.case-grid .case-card-img img{height:100%!important;}
.resource-card-body,
.case-card-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  flex:1!important;
  min-height:0!important;
  padding:16px 18px 17px!important;
  overflow:hidden!important;
}
.resource-card-meta,
.case-card-kicker,
.case-card-body small,
.case-card-body p,
.case-card-story{display:none!important;}
.resource-card-body h2,
.case-card-body h2{
  margin:0 0 7px!important;
  color:#152b43!important;
  font-size:18px!important;
  line-height:1.42!important;
  font-weight:800!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:51px!important;
}
.resource-card-body p.resource-card-subtitle{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important;color:#718398!important;font-size:12px!important;line-height:1.65!important;min-height:40px!important;}
.resource-card-body:after,
.case-card-body:after{
  content:'';
  display:block;
  flex:1 1 auto;
  min-height:4px;
}
.resource-readmore,
.case-card-action{
  margin-top:auto!important;
  padding-top:10px!important;
  border-top:1px solid #edf2f6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:#1767c8!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:800!important;
}
.case-card-subtitle{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important;color:#718398!important;font-size:12px!important;line-height:1.65!important;min-height:40px!important;}
.case-card-action b{font-size:12px!important;color:#1767c8!important;}
.resource-readmore i,.case-card-action i{transition:transform .2s ease!important;}
.resource-grid article:hover .resource-readmore i,
.case-grid article:hover .case-card-action i{transform:translateX(4px)!important;}

/* Home cards follow the same clean visual language */
.home-case-grid,.home-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;}
.home-case-grid article,.home-resource-grid article{aspect-ratio:1/1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:20px!important;}
.home-case-grid article>a{display:flex!important;flex-direction:column!important;height:100%!important;}
.home-case-grid article>a>img,.home-resource-thumb{height:54%!important;flex:0 0 54%!important;min-height:0!important;object-fit:cover!important;}
.home-case-grid article>a>div,.home-resource-grid article{min-height:0!important;}
.home-case-grid article>a>div{display:flex!important;flex-direction:column!important;flex:1!important;padding:16px 18px!important;overflow:hidden!important;}
.home-case-grid article span,.home-case-grid article small,.home-case-grid article p,.home-case-insight,.home-resource-meta,.home-resource-grid article p,.home-resource-excerpt{display:none!important;}
.home-case-grid article h3,.home-resource-grid article h3{font-size:18px!important;line-height:1.42!important;margin:0 0 8px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:51px!important;}
.home-case-grid article>a>div:after{content:'查看完整案例  →';margin-top:auto;padding-top:10px;border-top:1px solid #edf2f6;color:#1767c8;font-size:12px;font-weight:800;}
.home-resource-grid article{padding:0!important;background:#fff!important;border:1px solid #e2eaf2!important;}
.home-resource-grid article>a:last-child{margin:0 18px 16px!important;margin-top:auto!important;padding-top:10px!important;border-top:1px solid #edf2f6!important;color:#1767c8!important;font-size:12px!important;font-weight:800!important;}

/* ===== Directory: always show related cases on root + all 2nd-level pages ===== */
.directory-case-section{max-width:1280px!important;margin:0 auto!important;padding:8px 20px 82px!important;}
.directory-case-head{margin:0 0 22px!important;}
.directory-case-head>span{font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;color:#1767c8!important;}
.directory-case-head h2{font-size:32px!important;line-height:1.25!important;color:#152b43!important;margin:7px 0!important;}
.directory-case-head p{font-size:13px!important;line-height:1.8!important;color:#718398!important;margin:0!important;max-width:760px!important;}
.directory-case-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;}
.directory-case-card{min-width:0!important;aspect-ratio:1/1!important;height:auto!important;background:#fff!important;border:1px solid #e2eaf2!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(16,35,56,.055)!important;transition:transform .25s ease,box-shadow .25s ease!important;}
.directory-case-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 42px rgba(16,35,56,.11)!important;}
.directory-case-card>a{display:flex!important;flex-direction:column!important;height:100%!important;text-decoration:none!important;color:inherit!important;}
.directory-case-card img{width:100%!important;height:54%!important;flex:0 0 54%!important;object-fit:cover!important;display:block!important;}
.directory-case-card>a>div{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;padding:16px 18px 17px!important;overflow:hidden!important;}
.directory-case-card span{display:none!important;}
.directory-case-card p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important;color:#718398!important;font-size:12px!important;line-height:1.65!important;min-height:40px!important;}
.directory-case-card h3{font-size:18px!important;line-height:1.42!important;color:#152b43!important;margin:0 0 7px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:51px!important;}
.directory-case-card b{margin-top:auto!important;padding-top:10px!important;border-top:1px solid #edf2f6!important;font-size:12px!important;color:#1767c8!important;display:flex!important;justify-content:space-between!important;}

/* ===== Trade-tool category pages use the same article-card system ===== */
.gowm-tools-page .gowm-tool-category{margin-top:30px!important;}
.gowm-tools-page .gowm-tool-category-head{margin-bottom:16px!important;}

/* ===== Mobile: show second-level navigation immediately, clean and calm ===== */
@media(max-width:900px){
  .gowm-nav-menu{padding:12px 14px 32px!important;background:#fff!important;gap:0!important;}
  .gowm-nav-item{border-bottom:1px solid #edf2f6!important;padding:0!important;}
  .gowm-nav-link{min-height:52px!important;padding:14px 6px!important;font-size:15px!important;font-weight:750!important;color:#162b43!important;}
  .gowm-nav-item.has-children>.gowm-nav-link{padding-right:6px!important;}
  .gowm-nav-item .gowm-nav-caret{display:none!important;}
  .gowm-sub-toggle{display:none!important;}
  .gowm-nav-item .gowm-nav-dropdown,
  .gowm-nav-item.mobile-expanded>.gowm-nav-dropdown{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    margin:0 0 12px!important;
    padding:7px!important;
    background:#f6f9fc!important;
    border:1px solid #e7eef5!important;
    border-radius:14px!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .gowm-dropdown-item{display:flex!important;align-items:center!important;min-height:40px!important;margin:0!important;padding:9px 10px!important;background:#fff!important;border:1px solid #eef2f6!important;border-radius:9px!important;color:#587087!important;font-size:12px!important;font-weight:550!important;line-height:1.4!important;}
  .gowm-dropdown-item:hover{background:#eef6ff!important;color:#1767c8!important;}
  .gowm-mobile-language-panel{margin:0 0 8px!important;padding:8px 0 12px!important;border-bottom:1px solid #e6edf3!important;}

  .resource-grid,.case-grid,.directory-case-grid,.home-case-grid,.home-resource-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .resource-grid article,.case-grid article,.directory-case-card,.home-case-grid article,.home-resource-grid article{aspect-ratio:1/1!important;}
  .resource-grid article>a>img,.case-grid .case-card-img,.case-grid .case-card-img img,.directory-case-card img,.home-case-grid article>a>img,.home-resource-thumb{height:54%!important;flex-basis:54%!important;}
  .resource-card-body,.case-card-body,.directory-case-card>a>div,.home-case-grid article>a>div{padding:15px 16px!important;}
  .resource-card-body h2,.case-card-body h2,.directory-case-card h3,.home-case-grid article h3,.home-resource-grid article h3{font-size:17px!important;line-height:1.4!important;min-height:48px!important;}
  .directory-case-section{padding:6px 16px 58px!important;}
  .directory-case-head h2{font-size:27px!important;}
  .sv-process-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .sv-process-grid li{min-height:0!important;padding:20px 18px!important;grid-template-columns:40px minmax(0,1fr)!important;}
  .sv-process-grid li>span{width:38px!important;height:38px!important;min-width:38px!important;}
}
@media(min-width:901px) and (max-width:1100px){
  .sv-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .resource-grid,.case-grid,.directory-case-grid,.home-case-grid,.home-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:360px){
  .gowm-nav-item .gowm-nav-dropdown,.gowm-nav-item.mobile-expanded>.gowm-nav-dropdown{grid-template-columns:1fr!important;}
}

/* Search results use the same square card language */
.gowm-list-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;}
.gowm-list-card{aspect-ratio:1/1!important;min-width:0!important;background:#fff!important;border:1px solid #e2eaf2!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(16,35,56,.055)!important;transition:transform .25s ease,box-shadow .25s ease!important;}
.gowm-list-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 42px rgba(16,35,56,.11)!important;}
.gowm-list-card-link{height:100%!important;display:flex!important;flex-direction:column!important;color:inherit!important;text-decoration:none!important;}
.gowm-list-card-img{height:54%!important;flex:0 0 54%!important;overflow:hidden!important;}
.gowm-list-card-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.gowm-list-card-body{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1!important;padding:16px 18px 17px!important;overflow:hidden!important;}
.gowm-list-card-title{margin:0 0 7px!important;font-size:18px!important;line-height:1.42!important;font-weight:800!important;color:#152b43!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:51px!important;}
.gowm-list-card-subtitle{margin:0!important;color:#718398!important;font-size:12px!important;line-height:1.65!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:40px!important;}
.gowm-list-card-read{margin-top:auto!important;padding-top:10px!important;border-top:1px solid #edf2f6!important;color:#1767c8!important;font-size:12px!important;font-weight:800!important;display:flex!important;justify-content:space-between!important;align-items:center!important;}
@media(max-width:1100px) and (min-width:901px){.gowm-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:900px){.gowm-list-grid{grid-template-columns:1fr!important;gap:16px!important;}.gowm-list-card{aspect-ratio:1/1!important;}}