/* WQGEO 2.1 — warm editorial refinement and scalable content centres. */

/* Keep the four hero facts on the image without hiding the artwork. */
.wo-hero__facts{
  bottom:18px;
  border:0;
  border-top:1px solid rgba(255,255,255,.58);
  border-radius:0;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}
.wo-hero-fact{padding:14px 20px 5px;border-right:1px solid rgba(255,255,255,.38)}
.wo-hero-fact small,.wo-hero-fact strong{text-shadow:0 2px 16px rgba(45,24,13,.62)}
.wo-hero-fact small{color:#ff6a2b!important}
.wo-hero-fact strong{color:#fff!important;font-size:clamp(13px,1.1vw,16px)!important}

/* Reuse the warm “万企解决什么” atmosphere instead of isolated black panels. */
.wo-buyer,.wo-platform,.wo-faq{
  padding-block:clamp(38px,3.5vw,52px)!important;
  color:var(--wo-text)!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(233,75,22,.1),transparent 30%),
    linear-gradient(145deg,#fffaf5 0%,#f6e8dc 100%)!important;
}
.wo-buyer__layout,.wo-platform__layout,.wo-faq__layout{gap:clamp(30px,5vw,72px)!important}
.wo-question-stack{gap:9px}.wo-question{padding:16px 20px}
.wo-platform__features{margin-top:24px}.wo-platform__features>div{padding-block:14px}
.wo-faq-item summary{padding:17px 0}.wo-faq-item p{padding-bottom:18px}
.wo-buyer .wo-section-title,.wo-buyer .wo-lead,
.wo-platform .wo-section-title,.wo-platform .wo-lead,
.wo-faq .wo-section-title,.wo-faq .wo-lead{color:var(--wo-text)!important}
.wo-buyer .wo-lead,.wo-platform .wo-lead,.wo-faq .wo-lead{color:var(--wo-muted)!important}
.wo-question{border-color:var(--wo-border);background:rgba(255,253,249,.74);box-shadow:0 10px 32px rgba(77,46,26,.045)}
.wo-question h3{color:var(--wo-text)!important}.wo-buyer__note{color:var(--wo-muted)!important}
.wo-platform__features{border-top-color:rgba(93,61,43,.18)}
.wo-platform__features>div{border-bottom-color:rgba(93,61,43,.18)}
.wo-platform__features h3{color:var(--wo-text)!important}.wo-platform__features p{color:var(--wo-muted)!important}
.wo-platform__visual{box-shadow:0 28px 70px rgba(91,54,31,.16)}
.wo-faq-item,.wo-faq-item:last-child{border-color:rgba(93,61,43,.18)}
.wo-faq-item summary{color:var(--wo-text)}.wo-faq-item p{color:var(--wo-muted)!important}

/* Six service cards: three columns × two rows, image first. */
.wo-service-grid--evidence{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.wo-service-grid--evidence .wo-service-card{display:block;min-height:0}
.wo-service-grid--evidence .wo-service-card>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.wo-service-grid--evidence .wo-service-card>div{min-height:245px;padding:24px 26px}
.wo-service-grid--evidence .wo-service-card h3{font-size:21px!important;margin:12px 0}

/* Six industries use the same calm image-card system as the toy reference. */
.wo-industry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wo-industry{min-height:0;border:1px solid var(--wo-border);border-radius:18px;background:#fffdf9;color:var(--wo-text);box-shadow:0 14px 38px rgba(77,46,26,.055)}
.wo-industry:after{display:none}
.wo-industry img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.wo-industry>div{position:relative;inset:auto;padding:24px 26px 28px;min-height:190px}
.wo-industry h3{color:var(--wo-text)!important}.wo-industry p{color:var(--wo-muted)!important}

/* Six cases: three columns × two rows with a consistent editorial card. */
.wo-case-grid--evidence{gap:22px!important}
.wo-case-grid--evidence .wo-case{display:block;padding:0;overflow:hidden;border:1px solid var(--wo-border);background:#fffdf9;border-radius:18px;box-shadow:0 14px 38px rgba(77,46,26,.055)}
.wo-case-grid--evidence .wo-case>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0;margin:0}
.wo-case-grid--evidence .wo-case>div{padding:24px 26px 28px;min-height:270px;display:flex;flex-direction:column}
.wo-case-grid--evidence .wo-case h3{font-size:21px!important;margin:14px 0 10px}
.wo-case-grid--evidence .wo-case p{color:var(--wo-muted)!important}
.wo-case-grid--evidence .wo-case strong{display:block;margin-top:12px;color:var(--wo-accent)!important;font-size:15px!important}
.wo-case-grid--evidence .wo-case em{margin-top:auto;padding-top:20px}

/* Page-centre grids are reusable in the WordPress editor. */
.wq-page--hub .wq-page__content>.wq-lead,.wq-page--knowledge-hub .wq-page__content>.wq-lead{max-width:980px;margin-bottom:40px}
.wq-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:38px 0 72px}
.wq-visual-card{display:block;overflow:hidden;border:1px solid var(--wo-border);border-radius:18px;background:#fffdf9;color:inherit;text-decoration:none;box-shadow:0 14px 38px rgba(77,46,26,.055);transition:transform .32s ease,box-shadow .32s ease}
.wq-visual-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(77,46,26,.12)}
.wq-visual-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.wq-visual-card>div{min-height:225px;padding:24px 26px 28px;display:flex;flex-direction:column}
.wq-visual-card span{color:var(--wo-accent);font-size:11px;font-weight:850;letter-spacing:.08em}
.wq-visual-card h2{font-family:var(--wo-body)!important;font-size:22px!important;line-height:1.35!important;margin:14px 0 10px!important}
.wq-visual-card p{font-size:14px!important;line-height:1.75!important;margin:0!important}
.wq-visual-card strong{color:var(--wo-accent);font-size:15px;margin-top:14px}
.wq-visual-card em{margin-top:auto;padding-top:20px;color:var(--wo-accent);font-size:12px;font-style:normal;font-weight:800}

/* Blog-like knowledge list: future child pages appear automatically. */
.wq-article-list{margin:34px 0 80px;border-top:1px solid var(--wo-border)}
.wq-article-list article{border-bottom:1px solid var(--wo-border)}
.wq-article-list a{display:grid;grid-template-columns:170px minmax(0,1fr) 36px;gap:28px;align-items:center;padding:28px 6px;color:inherit;text-decoration:none;transition:padding .28s ease,background .28s ease}
.wq-article-list a:hover{padding-inline:22px;background:rgba(255,255,255,.55)}
.wq-article-list__meta{display:grid;gap:8px}.wq-article-list__meta span{color:var(--wo-accent);font-size:12px;font-weight:800}.wq-article-list__meta time{color:#a38d7e;font-size:12px}
.wq-article-list h2{font-family:var(--wo-body)!important;font-size:clamp(20px,2vw,28px)!important;margin:0 0 8px!important}.wq-article-list p{font-size:14px!important;line-height:1.7!important;margin:0!important}.wq-article-list i{color:var(--wo-accent);font-size:24px;font-style:normal}
.wq-blog-hub{padding-top:54px;padding-bottom:88px}.wq-blog-hub__head{max-width:900px}.wq-blog-hub__head h1{margin:20px 0 18px;font-size:clamp(52px,7vw,104px);line-height:.98}.wq-blog-hub .wq-article-list{margin-bottom:40px}.wq-empty-state{margin:36px 0 80px;padding:28px;border:1px solid var(--wo-border);border-radius:18px;background:#fffdf9}
.wq-article-single{max-width:980px;margin:0 auto}.wq-article-single>header{margin:36px 0 52px}.wq-article-single>header h1{margin:18px 0;font-size:clamp(42px,6vw,82px);line-height:1.05}.wq-article-single__body{max-width:820px}.wq-article-single__body h2{margin-top:56px}.wq-article-single__body img{border-radius:18px}

/* Old stored page CTAs disappear immediately; pages can add their own later. */
.wq-page-cta{display:none!important}
.wq-demo-note{display:flex;gap:12px;align-items:center;max-width:980px;margin:0 0 30px;padding:13px 16px;border:1px solid #efc1a7;border-radius:12px;background:#fff2e9;color:#7f5d49;font-size:13px}
.wq-demo-note b{color:var(--wo-accent);white-space:nowrap}
.wq-case-result{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;margin:34px 0 60px;padding:30px;border-radius:18px;background:linear-gradient(135deg,#f8e8dc,#fffaf5)}
.wq-case-result>div{display:grid;gap:10px}.wq-case-result span{color:var(--wo-muted);font-size:13px}.wq-case-result strong{color:var(--wo-accent);font-size:clamp(30px,4vw,52px)}.wq-case-result i{color:#be9f8b;font-style:normal;font-size:28px}

@media(max-width:1000px){
  .wo-service-grid--evidence,.wo-industry-grid,.wq-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wo-case-grid--evidence{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .wo-hero__facts{position:absolute;left:18px;right:18px;bottom:12px;margin:0;grid-template-columns:1fr 1fr}
  .wo-hero-fact{padding:8px 8px 5px}.wo-hero-fact:nth-child(2){border-right:0}
  .wo-service-grid--evidence,.wo-industry-grid,.wo-case-grid--evidence,.wq-visual-grid{grid-template-columns:1fr!important}
  .wo-service-grid--evidence .wo-service-card>div,.wo-industry>div,.wo-case-grid--evidence .wo-case>div,.wq-visual-card>div{min-height:0}
  .wo-industry:last-child{grid-column:auto}
  .wq-article-list a{grid-template-columns:1fr 24px;gap:12px;padding:22px 4px}.wq-article-list__meta{grid-column:1/-1;grid-template-columns:auto 1fr}.wq-article-list i{grid-column:2;grid-row:2}
  .wq-demo-note{align-items:flex-start;flex-direction:column}.wq-case-result{padding:22px;gap:12px}
}