/* Zibll business components inherit the CGWind palette on every front-end route. */
/* Resource discovery uses the same five modules and cards on every listing. */
.cg-browse { padding-block:24px 36px; }
.cg-content>.cg-category-browser { margin-bottom:24px; }
.cg-browse>.cg-category-browser { margin-bottom:24px; }
.cg-find { background:var(--cg-surface); border:1px solid var(--cg-border); border-radius:8px; padding:24px 28px 20px; }
.cg-find-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.cg-eyebrow { color:var(--cg-muted); font-size:12px; margin:0 0 7px; letter-spacing:2px; }
.cg-find h1 { display:flex; align-items:center; gap:12px; font-size:24px; line-height:1.4; margin:0; overflow-wrap:anywhere; }
.cg-reset { color:var(--cg-muted); font-size:13px; }
.cg-reset:hover { color:var(--cg-primary); }
.cg-scoped-search { display:flex; gap:10px; }
.cg-search-field { display:flex; align-items:center; gap:12px; flex:1; min-width:0; border:1px solid var(--cg-border); border-radius:6px; padding:0 15px; background:var(--cg-background); }
.cg-search-field:focus-within { border-color:var(--cg-primary); box-shadow:0 0 0 2px #00a7ff20; }
.cg-search-field>.cg-icon { width:20px; height:20px; color:var(--cg-muted); flex:none; }
.cg-search-field input { background:transparent!important; border:0!important; color:var(--cg-text); flex:1; min-width:0; width:100%; outline:0; height:48px; font-size:15px; box-shadow:none!important; }
.cg-scope-clear { color:var(--cg-muted); background:transparent; border:0; font-size:22px; width:32px; height:40px; }
.cg-find-submit,.cg-find-global { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:10px 24px; border-radius:6px; border:1px solid var(--cg-primary); white-space:nowrap; font-size:14px; font-weight:600; }
.cgwind-site .cg-find-submit { background:var(--cg-primary); color:#001d30; }
.cg-find-submit:hover { filter:brightness(1.12); }
.cgwind-site .cg-find-global { background:transparent; border-color:var(--cg-border); color:var(--cg-text); }
.cg-find-global:hover { border-color:var(--cg-primary); color:var(--cg-primary); }
.cg-search-hint { margin:12px 0 0; color:var(--cg-muted); font-size:12px; line-height:1.6; }
.cg-results-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:28px 0 16px; }
.cg-results-heading h2 { margin:0; font-size:19px; line-height:1.6; overflow-wrap:anywhere; }
.cg-results-heading h2>span { display:inline-block; font-size:13px; color:var(--cg-muted); font-weight:400; margin-left:14px; }
.cg-sort { display:flex; gap:6px; flex:none; }
.cg-sort a { padding:8px 13px; border-radius:5px; color:var(--cg-muted); font-size:13px; }
.cg-sort a:hover,.cg-sort a[aria-current] { color:var(--cg-primary); background:var(--cg-surface); }
.cg-facets { border:1px solid var(--cg-border); border-radius:7px; margin-bottom:20px; }
.cg-facets summary { display:flex; align-items:center; gap:7px; cursor:pointer; padding:12px 16px; color:var(--cg-muted); font-size:13px; list-style:none; }
.cg-facets summary:hover { color:var(--cg-primary); }
.cg-facets summary::-webkit-details-marker { display:none; }
.cg-facet-arrow { margin-left:auto; }
.cg-facets[open] .cg-facet-arrow { transform:rotate(180deg); }
.cg-facet-content { border-top:1px solid var(--cg-border); padding:14px 16px; background:var(--cg-surface); }
.cg-facet-row { display:flex; gap:18px; margin-bottom:10px; font-size:13px; align-items:baseline; }
.cg-facet-row>span { color:var(--cg-muted); width:65px; flex:none; }
.cg-facet-row>div { display:flex; flex-wrap:wrap; gap:6px; }
.cg-facet-row a { padding:5px 10px; border:1px solid transparent; border-radius:5px; }
.cg-facet-row a:hover,.cg-facet-row a[aria-current] { color:var(--cg-primary); border-color:var(--cg-border); background:var(--cg-background); }
.cg-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:30px; }
.cg-pagination .page-numbers { min-width:40px; min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border:1px solid var(--cg-border); border-radius:5px; }
.cg-pagination a:hover { border-color:var(--cg-primary); color:var(--cg-primary); }
.cg-pagination .current { background:var(--cg-primary); color:#001d30; border-color:var(--cg-primary); }
.cg-no-results { text-align:center; padding:52px 20px; background:var(--cg-surface); border:1px solid var(--cg-border); border-radius:8px; }
.cg-no-results>.cg-icon { width:36px; height:36px; color:var(--cg-primary); margin-bottom:12px; }
.cg-no-results h3 { font-size:20px; margin:0 0 12px; }
.cg-no-results p { color:var(--cg-muted); font-size:14px; }
.cg-no-results>div { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:22px; }
.cg-browse .cg-card { min-width:0; }
@media(max-width:700px) {
  .cgwind-inner .float-right { display:none; }
  .cg-find { padding:18px; }
  .cg-find-heading { align-items:flex-start; gap:12px; }
  .cg-find h1 { font-size:21px; }
  .cg-find-heading>.cg-reset { max-width:100px; flex:none; text-align:right; }
  .cg-scoped-search { flex-wrap:wrap; }
  .cg-search-field { flex-basis:100%; }
  .cg-scoped-search>button { flex:1; }
  .cg-results-heading { align-items:flex-start; flex-direction:column; gap:10px; }
  .cg-sort { width:100%; }
  .cg-sort a { flex:1; text-align:center; }
  .cg-facet-row { gap:8px; }
  .cg-facet-row>span { width:52px; }
  .cg-browse { padding-top:16px; }
}
@media(max-width:560px) {
  .cg-category { min-width:0; gap:8px; padding:12px; }
  .cg-category>span:not(.cg-category-icon) { flex:1; min-width:0; }
  .cg-category-icon>.cg-icon { width:30px; height:34px; }
  .cg-category>svg { flex:none; width:10px; }
  .cg-category small { font-size:10px; white-space:normal; }
}
body.cgwind-site {
  --mian-max-width:1600px;
  --theme-color:var(--cg-primary); --focus-color:var(--cg-primary); --focus-shadow-color:#00a7ff30;
  --key-color:var(--cg-text); --main-color:var(--cg-text); --muted-color:var(--cg-muted); --muted-2-color:#7f9bb0; --muted-3-color:#638196; --muted-4-color:var(--cg-border);
  --body-bg-color:var(--cg-background); --main-bg-color:var(--cg-surface); --muted-bg-color:var(--cg-background); --muted-bg-2-color:var(--cg-surface);
  --main-border-color:var(--cg-border); --muted-border-color:var(--cg-border); --main-shadow:#00000018;
  --header-bg:#04111c; --header-color:#f4f8fc; --footer-bg:var(--cg-background); --footer-color:var(--cg-muted); --blur-bg:var(--cg-surface);
  --main-radius:8px; --posts-card-scale:56.25%; padding-top:0!important;
}
.cgwind-site.dark-theme { --muted-2-color:#91aabd; --muted-3-color:#6d889b; }
.cgwind-site .container { max-width:1600px; width:92%; }
.cgwind-site #cg-main-content { display:block; height:0; }
.cg-page-banner { background:linear-gradient(90deg,#04111cf2,#04111c99),url('hero.webp') center 43% / cover; border-bottom:1px solid var(--cg-border); color:#e9f6ff; }
.cg-page-banner>.cg-shell { display:flex; align-items:center; gap:20px; min-height:94px; padding-block:20px; }
.cg-page-banner a { font-family:var(--cg-display); font-size:25px; letter-spacing:1px; }
.cg-page-banner strong { font-size:18px; font-weight:500; }
.cg-banner-divider { color:#4f859e; }
.cg-banner-note { margin-left:auto; color:#9dc5dc; font-size:13px; letter-spacing:3px; }
.cgwind-inner main.container,.cgwind-inner main>.container { padding-top:24px; }
.cgwind-inner .zib-widget,.cgwind-inner .posts-item,.cgwind-inner .article,.cgwind-inner .user-card { border:1px solid var(--cg-border); box-shadow:none; }
.cgwind-inner .posts-item { background:var(--cg-surface); }
.cgwind-inner .posts-item:hover { border-color:#287699; }
.cgwind-inner .posts-item .item-heading { font-size:16px; line-height:1.6; font-weight:600; }
.cgwind-inner .posts-item .item-meta { color:var(--cg-muted); }
.cgwind-inner .article-title { font-size:clamp(22px,2.2vw,32px); line-height:1.5; }
.cgwind-inner .wp-posts-content { line-height:1.9; }
.cgwind-inner .wp-posts-content a:not(.but) { color:var(--cg-primary); }
.cgwind-inner .wp-posts-content img { border-radius:6px; }
.cgwind-site .form-control,.cgwind-site .line-form-input input,.cgwind-site .line-form-input textarea { color:var(--cg-text); }
.cgwind-site .form-control { background:var(--cg-background); border-color:var(--cg-border); }
.cgwind-site .form-control:focus { border-color:var(--cg-primary); box-shadow:0 0 0 2px #00a7ff20; }
.cgwind-site input::placeholder,.cgwind-site textarea::placeholder { color:var(--cg-muted); opacity:1; }
.cgwind-site .modal-content,.cgwind-site .dropdown-menu,.cgwind-site .popover { background:var(--cg-surface); color:var(--cg-text); border:1px solid var(--cg-border); border-radius:8px; }
.cgwind-site .modal-header,.cgwind-site .modal-footer { border-color:var(--cg-border); }
.cgwind-site .close { color:var(--cg-text); text-shadow:none; }
.cgwind-site .pagination .active>a,.cgwind-site .but.b-theme { background:var(--cg-primary); color:#fff; }
.cgwind-site .but.c-theme { color:var(--cg-primary); }
.cgwind-site .float-btn { background:var(--cg-surface); color:var(--cg-muted); border:1px solid var(--cg-border); }
.cgwind-site .tabbar { background:var(--cg-surface); border-top:1px solid var(--cg-border); }
.cg-site-footer { padding:10px 0 30px; color:var(--cg-muted); font-size:12px; background:var(--cg-background); }
.cg-site-footer .footer-mini { display:block; }
.cg-site-footer .footer-logo img { max-height:48px; width:auto; }
.cgwind-inner .cg-footer { margin-top:36px; }
/* The sign-in template still executes the parent's auth/bind/OAuth code. */
.cgwind-site.page-template-user-sign { min-height:100vh; background:linear-gradient(90deg,#04111c77,#04111cbb),url('hero.webp') center / cover fixed!important; }
.cgwind-site.page-template-user-sign>.header,.cgwind-site.page-template-user-sign>div.fixed:not(.text-center) { display:none; }
.cgwind-site.page-template-user-sign .sign-page { position:relative; inset:auto; min-height:calc(100vh - 180px); padding:50px 0 80px; }
.cgwind-site.page-template-user-sign .sign-row { display:flex; justify-content:flex-end; align-items:center; min-height:550px; height:auto; margin:0; }
.cgwind-site.page-template-user-sign .sign-col { float:none; width:440px; max-width:100%; margin:0; height:auto; }
.cgwind-site.page-template-user-sign .sign { width:400px; max-width:100%; background:var(--cg-surface); border:1px solid var(--cg-border); box-shadow:0 20px 60px #0004; }
.cgwind-site.page-template-user-sign .sign-page::before { content:'CGWIND'; position:absolute; top:26%; left:3%; color:#f4f8fc; font-family:var(--cg-display); font-size:clamp(46px,6vw,96px); letter-spacing:2px; }
.cgwind-site.page-template-user-sign .sign-page::after { content:'让 创 作 更 简 单'; position:absolute; top:calc(26% + 115px); left:3%; color:#c4e5fa; font-size:24px; letter-spacing:6px; }
.cgwind-site.page-template-user-sign .sign-col>div { width:100%; }
@media(max-width:900px) { .cg-page-banner>.cg-shell { min-height:76px; gap:12px; } .cg-banner-note { display:none; } .cgwind-site.page-template-user-sign .sign-row { justify-content:center; min-height:0; } .cgwind-site.page-template-user-sign .sign-page::before,.cgwind-site.page-template-user-sign .sign-page::after { display:none; } }
@media(max-width:560px) { .cgwind-site .container { width:94%; } .cg-page-banner a { font-size:20px; } .cg-page-banner strong { font-size:15px; } .cg-page-banner>.cg-shell { padding-block:14px; min-height:65px; } .cgwind-inner main.container,.cgwind-inner main>.container { padding-top:16px; } .cgwind-site.page-template-user-sign .sign-page { padding:20px 0 60px; } .cgwind-site.page-template-user-sign .sign-col { width:100%; } .cg-site-footer { padding-bottom:70px; } }
/* Shared discovery typography and controls — one rhythm across all levels. */
.cgwind-site :is(h1,h2,h3,h4,input,textarea,select,button,label) { font-family:var(--cg-body); }
.cgwind-site .cg-hero h1 { font-family:var(--cg-display); }
.cgwind-site :is(input,textarea,select):focus-visible { outline:2px solid var(--cg-primary); outline-offset:3px; }
.cgwind-site select { cursor:pointer; }
.cg-category strong { font-size:20px; font-weight:600; }
.cg-category small { font-size:12px; line-height:1.7; }
.cg-panel-heading h2,.cg-detail-heading h3 { font-size:18px; font-weight:600; }
.cg-panel-heading>span { font-size:13px; line-height:1.6; }
.cg-panel-close,.cg-detail-close,.cg-reset { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:7px 12px; border:1px solid var(--cg-border); border-radius:7px; background:transparent; font:500 13px/1.5 var(--cg-body); color:var(--cg-muted); }
.cg-panel-close:hover,.cg-detail-close:hover,.cg-reset:hover { border-color:var(--cg-primary); background:var(--cg-background); color:var(--cg-text); }
.cg-panel-options .cg-software-name { min-height:72px; padding:18px 14px; font-size:15px; font-weight:500; }
.cg-count { position:absolute; top:6px; right:9px; display:inline-flex; align-items:baseline; gap:3px; color:var(--cg-muted); font-size:11px; line-height:1.2; font-weight:500; font-variant-numeric:tabular-nums; pointer-events:none; }
.cg-count small { font-size:10px; opacity:.8; }
.cg-software-choice>.cg-count { z-index:3; }
.cg-topic-links { display:grid; grid-template-columns:repeat(auto-fill,minmax(138px,1fr)); gap:12px; }
.cg-topic-links a { position:relative; padding:25px 14px 14px; min-height:64px; justify-content:flex-start; font-size:14px; font-weight:500; border-radius:7px; }
.cg-topic-links a .cg-count { right:10px; top:8px; }
.cg-topic-links a:hover { background:var(--cg-surface); transform:translateY(-1px); }
.cg-find { border-top:2px solid var(--cg-primary); }
.cg-find h1 { font-size:26px; font-weight:600; letter-spacing:.2px; }
.cg-search-field input { font:400 15px/1.6 var(--cg-body); }
.cg-search-hint,.cg-find .cg-eyebrow { font-size:13px; }
.cg-results-heading h2 { font-size:20px; font-weight:600; }
.cg-results-heading h2>span { padding:3px 9px; border:1px solid var(--cg-border); border-radius:5px; font-size:12px; }
.cg-sort a,.cg-facets summary { font-size:14px; }
.cg-sort { border:1px solid var(--cg-border); padding:4px; border-radius:8px; }
.cg-find-submit,.cg-find-global { border-radius:7px; font:600 14px/1.5 var(--cg-body); }
@media(max-width:600px) {
 .cg-category strong { font-size:18px; }
 .cg-category small { font-size:10px; }
 .cg-panel-heading h2,.cg-detail-heading h3 { font-size:16px; }
 .cg-panel-heading>span { font-size:12px; }
 .cg-topic-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cg-find h1 { font-size:22px; }
 .cg-panel-close,.cg-detail-close,.cg-reset { padding:6px 9px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .cg-topic-links a:hover { transform:none; } }
.cg-tutorial-embed iframe { display:block; width:100%; height:clamp(320px,65vh,720px); border:1px solid var(--cg-border); border-radius:8px; background:var(--cg-background); }
.cg-tutorial-embed p { overflow-wrap:anywhere; }
.cg-tutorial-help { color:var(--cg-muted); font-size:13px; }
.cg-publication-rules { width:min(100% - 32px,1000px); margin:36px auto 60px; }
.cg-rules-card { padding:32px; border:1px solid var(--cg-border); border-radius:8px; background:var(--cg-surface); color:var(--cg-text); }
.cg-rules-card h1 { font-size:28px; line-height:1.4; margin:8px 0 24px; color:var(--cg-publish-accent); }.cg-rules-caption { color:var(--cg-muted); margin:0; }
.cg-rules-card ol { padding-left:24px; }.cg-rules-card li { line-height:1.9; margin:16px 0; overflow-wrap:anywhere; }.cg-rules-return { display:inline-flex; align-items:center; min-height:44px; padding:10px 16px; margin-top:18px; border:1px solid var(--cg-border); border-radius:7px; color:var(--cg-text); text-decoration:none; }
.cg-rules-return:hover { color:var(--cg-publish-accent); border-color:var(--cg-publish-accent); }.cg-rules-return:focus-visible { outline:2px solid var(--cg-publish-accent); outline-offset:3px; }
@media(max-width:600px) { .cg-publication-rules { margin-top:20px; }.cg-rules-card { padding:20px; }.cg-rules-card h1 { font-size:23px; } }
