.cgwind-site{--cg-primary:#00a7ff;
  --cg-background:#05121c;
  --cg-surface:#0b2132;
  --cg-text:#f4f8fc;
  --cg-muted:#9bb9ce;
  --cg-border:#19394e;
  --cg-display:'Arial Black',Arial,sans-serif;
  --cg-body:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;
  --cg-scroll-thumb:#35576d;
  --cg-scroll-hover:#598099;
  --cg-scroll-track:#05121c;
  background:var(--cg-background);
  color:var(--cg-text);
  font-family:var(--cg-body);
  font-size:14px;
  line-height:1.6;
  padding:0;
  margin:0;
  overflow-x:clip}

.cgwind-site,.cgwind-site *{box-sizing:border-box;
  scrollbar-color:var(--cg-scroll-thumb) var(--cg-scroll-track);
  scrollbar-width:thin}
.cgwind-site::-webkit-scrollbar,.cgwind-site *::-webkit-scrollbar{width:9px;
  height:9px}
.cgwind-site::-webkit-scrollbar-thumb,.cgwind-site *::-webkit-scrollbar-thumb{background:var(--cg-scroll-thumb);
  border-radius:8px}
.cgwind-site::-webkit-scrollbar-thumb:hover{background:var(--cg-scroll-hover)}
.cgwind-site::-webkit-scrollbar-track{background:var(--cg-scroll-track)}

.cgwind-site a{color:inherit;
  text-decoration:none}
.cgwind-site button{font:inherit;
  cursor:pointer}
.cgwind-site :is(a,button,input):focus-visible{outline:2px solid var(--cg-primary);
  outline-offset:5px}
.cgwind-site [hidden]{display:none!important}
.cg-shell{width:92%;
  max-width:1600px;
  margin-inline:auto}
.cg-icon{width:22px;
  height:22px;
  flex:none;
  vertical-align:middle}
.cg-skip{position:fixed;
  top:-100px;
  left:16px;
  z-index:99999;
  padding:12px;
  background:var(--cg-surface)}
.cg-skip:focus{top:12px}

.cg-header{height:80px;
  border-bottom:1px solid var(--cg-border);
  background:#04111cf2;
  position:relative;
  z-index:30}
.cg-header-row{height:100%;
  display:flex;
  align-items:center;
  gap:clamp(20px,3vw,50px)}
.cg-brand{display:flex;
  position:relative;
  flex-direction:column;
  justify-content:center;
  width:170px;
  flex:none;
  line-height:1}
.cg-brand img{width:165px;
  height:49px;
  object-fit:contain}
.cg-brand>span{font-size:9px;
  letter-spacing:5px;
  margin-left:51px;
  margin-top:-7px;
  white-space:nowrap}
.cg-nav{display:flex;
  align-items:center;
  gap:clamp(18px,2.8vw,48px);
  height:100%;
  white-space:nowrap;
  font-size:16px;
  font-weight:700}
.cg-nav>a,.cg-nav>button{height:100%;
  position:relative;
  display:flex;
  align-items:center;
  border:0;
  background:none;
  padding:0;
  color:var(--cg-text)}
.cg-nav>a:hover,.cg-nav>button:hover,.cg-nav .is-current{color:var(--cg-primary)}
.cg-nav .is-current:after{content:'';
  height:2px;
  background:var(--cg-primary);
  position:absolute;
  bottom:15px;
  left:0;
  right:0}
.cg-header-actions{display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto}
.cg-pill{display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:30px;
  min-height:42px;
  padding:8px 16px;
  white-space:nowrap;
  font-size:14px;
  font-weight:700;
  transition:filter .2s}
.cg-pill:hover{filter:brightness(1.2)}
.cg-login{background:#0c253b}
.cg-login svg{color:#8fc6ed}
.cg-publish{background:#053f79}
.cg-vip{background:linear-gradient(110deg,#be660c,#995609);
  color:#fff}
.cg-menu-button{display:none;
  background:none;
  color:var(--cg-text);
  border:1px solid var(--cg-border);
  border-radius:6px;
  padding:8px}

.cg-search{display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  position:relative}
.cg-search input{min-width:0;
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  box-shadow:none;
  margin:0;
  font:inherit;
  color:inherit;
  padding:0}
.cg-search input::-webkit-search-cancel-button{display:none}
.cg-search input:focus{box-shadow:none}
.cg-search input::placeholder{opacity:1}
.cg-search button{flex:none;
  border:0}
.cg-search--nav{background:#142b40;
  border-radius:30px;
  width:clamp(180px,18vw,340px);
  height:42px;
  padding:0 16px;
  color:#a4bdd4}
.cg-search--nav input::placeholder{color:#8cabc7}
.cg-search--nav>.cg-icon{width:18px}
.cg-search--nav .cg-submit{background:none;
  color:#eef6ff;
  padding:0}
.cg-clear{background:transparent!important;
  color:inherit;
  font-size:24px!important;
  line-height:1;
  width:25px;
  height:30px;
  padding:0}
.cg-search--hero{width:100%;
  max-width:760px;
  height:50px;
  padding:4px 5px 4px 20px;
  border-radius:40px;
  background:#f4f8ff;
  color:#315777;
  box-shadow:0 1px 12px #0003}
.cg-search--hero input{font-size:15px}
.cg-search--hero input::placeholder{color:#557ca7}
.cg-search--hero .cg-submit{background:#008ee8;
  color:white;
  border-radius:30px;
  height:40px;
  min-width:95px;
  padding:0 24px;
  font-weight:700}
.cg-search--hero .cg-submit:hover{background:#0076c4}

.cg-hero{background-image:linear-gradient(90deg,#03111d33,transparent 65%),url('hero.webp');
  background-position:center;
  background-size:cover;
  border-bottom:1px solid var(--cg-border)}
.cg-hero-inner{min-height:334px;
  position:relative;
  display:flex;
  align-items:center;
  padding-block:35px 22px}
.cg-hero-copy{width:50%;
  max-width:780px;
  position:relative;
  z-index:1}
.cg-hero h1{font-family:var(--cg-display);
  font-size:clamp(62px,5.2vw,94px);
  line-height:1;
  margin:0 0 0 -4px;
  font-weight:900;
  letter-spacing:1px;
  color:#fff}
.cg-hero h1 span{background:linear-gradient(#f8fdff 12%,#c2e7fc 40%,#00a7ff 86%);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent}
.cg-tagline{font-size:28px;
  font-weight:700;
  letter-spacing:7px;
  margin:2px 0 4px;
  color:#f4f8fc}
.cg-intro{font-size:17px;
  color:#c6eaff;
  margin:0 0 14px}
.cg-tags{display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px}
.cg-tags a{font-size:13px;
  line-height:1;
  border:1px solid #09608d;
  border-radius:25px;
  color:#b4d7ef;
  background:#031d30d9;
  padding:8px 15px}
.cg-tags a:hover{background:#004a70;
  border-color:var(--cg-primary);
  color:#fff}
.cg-hero-note{position:absolute;
  right:2%;
  top:27%;
  transform:rotate(-9deg);
  font-family:KaiTi,STKaiti,serif;
  font-size:26px;
  letter-spacing:4px;
  line-height:1.7;
  text-align:left;
  text-shadow:0 2px 8px #000}
.cg-hero-note span{padding-left:12px}
.cg-hero-note:after{content:'';
  display:block;
  border-top:2px solid #cbe7f8;
  width:130px;
  transform:rotate(-10deg);
  margin:8px 0 0 60px}

.cg-content{padding-top:14px}
.cg-categories{display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px}
.cg-category{display:flex;
  align-items:center;
  gap:22px;
  background:linear-gradient(105deg,#0b304b,#091e31);
  border-radius:8px;
  min-height:84px;
  padding:12px 24px;
  border:1px solid #14314766;
  transition:transform .18s,border-color .18s}
.cg-category:hover{transform:translateY(-3px);
  border-color:var(--cg-primary)}
.cg-category>svg{margin-left:auto;
  width:16px;
  color:#8ccbf1}
.cg-category strong{font-size:21px;
  display:block;
  font-weight:700}
.cg-category small{display:block;
  font-size:13px;
  color:#b5d6ed;
  white-space:nowrap}
.cg-category-icon>.cg-icon{width:48px;
  height:48px;
  stroke-width:1.7;
  filter:drop-shadow(0 0 14px currentColor)}
.cg-category--model{color:var(--cg-text)}
.cg-category--model .cg-category-icon{color:#00adff}
.cg-category--motion{background:linear-gradient(110deg,#26222b,#0c2031)}
.cg-category--motion .cg-category-icon{color:#ff642d}
.cg-category--scene{background:linear-gradient(110deg,#043a43,#092333)}
.cg-category--scene .cg-category-icon{color:#00dcc0}
.cg-category--fx{background:linear-gradient(110deg,#241b44,#081f35)}
.cg-category--fx .cg-category-icon{color:#bf42ff}
.cg-category--other .cg-category-icon{color:#ffc95e}

.cg-software{display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:18px;
  margin-top:16px}
.cg-software>a{display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
  min-height:46px;
  background:#0a2233;
  border:1px solid transparent;
  border-radius:6px;
  padding:5px 13px;
  color:#aed2eb;
  font-size:13px}
.cg-software>a:hover{border-color:#168bba;
  background:#0c2e43}
.cg-software>a>svg{width:14px;
  margin-left:auto}
.cg-software-icon{font-family:var(--cg-display);
  font-size:30px;
  width:34px;
  line-height:1;
  text-align:center;
  color:#22c7ef}
.cg-software--houdini{color:#ff6500}
.cg-software--nuke{color:#ffc400}
.cg-software--ue,.cg-software--unity{color:#fff}
.cg-software--c4d{color:#a6befd}
.cg-software--blender{color:#ff9e4a}

.cg-section-heading{display:flex;
  align-items:center;
  gap:12px;
  margin:22px 0 12px;
  min-height:28px}
.cg-section-heading h2{font-size:21px;
  line-height:1.4;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  font-weight:700}
.cg-section-heading h2>svg{color:#ff6638;
  fill:none;
  width:22px}
.cg-section-heading p{color:var(--cg-muted);
  font-size:13px;
  margin:0}
.cg-section-heading>a{color:var(--cg-primary);
  margin-left:auto;
  font-size:14px;
  white-space:nowrap}
.cg-section-heading>a:hover{text-decoration:underline}
.cg-section-heading>a span{font-size:24px;
  margin-left:8px;
  line-height:1}
.cg-grid{display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px}
.cg-card{background:linear-gradient(135deg,#0c2433,#0a1b28);
  border-radius:8px;
  overflow:hidden;
  min-width:0;
  border:1px solid #14364a;
  transition:transform .2s,border-color .2s}
.cg-card:hover{transform:translateY(-3px);
  border-color:#167eae}
.cg-card-image{display:block;
  position:relative;
  aspect-ratio:16/7.4;
  overflow:hidden;
  background:#0a2439}
.cg-card-image img{width:100%;
  height:100%;
  object-fit:cover;
  display:block}
.cg-badge{position:absolute;
  top:10px;
  left:12px;
  border-radius:5px;
  background:#020e1de6;
  color:#edf8ff;
  padding:2px 9px;
  font-size:13px;
  line-height:1.5}
.cg-card-body{padding:9px 13px 12px}
.cg-card h3{font-size:14px;
  font-weight:600;
  line-height:1.6;
  margin:0 0 12px;
  min-height:44px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden}
.cg-card h3 a:hover{color:var(--cg-primary)}
.cg-card-meta{display:flex;
  align-items:center;
  gap:14px;
  color:#81b2d4;
  font-size:12px}
.cg-card-meta>span{display:flex;
  align-items:center;
  gap:5px;
  white-space:nowrap}
.cg-card-meta svg{width:16px;
  height:16px}
.cg-author{display:flex;
  align-items:center;
  gap:6px;
  margin-right:auto;
  min-width:0}
.cg-author svg{color:#fff}
.cg-author span{white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:100px}
.cg-image-missing:after{content:'CGWIND / 创作资源';
  position:absolute;
  inset:0;
  display:grid;
  place-content:center;
  color:#8cb6d0;
  letter-spacing:2px}
.cg-empty{grid-column:1/-1;
  color:var(--cg-muted);
  padding:40px;
  border:1px solid var(--cg-border)}
.cg-footer{display:flex;
  justify-content:space-between;
  padding-block:35px 28px;
  font-size:12px;
  color:var(--cg-muted);
  margin-top:30px;
  border-top:1px solid var(--cg-border)}

.cg-contact{background:#0c2233;
  color:var(--cg-text);
  border:1px solid #39677e;
  border-radius:12px;
  padding:32px;
  max-width:min(420px,90vw);
  text-align:center}
.cg-contact::backdrop{background:#000b;
  backdrop-filter:blur(5px)}
.cg-contact h2{font-size:22px;
  margin:10px 0}
.cg-contact p{color:var(--cg-muted)}
.cg-contact img{max-width:100%;
  height:auto;
  display:block;
  margin:22px auto 0;
  border-radius:8px}
.cg-dialog-close{position:absolute;
  top:5px;
  right:10px;
  background:none;
  color:#fff;
  border:0;
  width:36px;
  height:36px;
  font-size:25px!important}
.cgwind-home .footer-mini,.cgwind-home .float-right{display:none}

@media(min-width:1800px){.cg-hero-inner{min-height:390px}
}
@media(max-width:1450px){.cg-header-row{gap:24px}
.cg-nav{gap:24px;
  font-size:14px}
.cg-search--nav{width:185px}
.cg-pill{padding:8px 12px}
.cg-category{padding:12px 16px;
  gap:15px}
.cg-category-icon>.cg-icon{width:38px;
  height:38px}
.cg-category strong{font-size:19px}
.cg-software{gap:12px}
.cg-software>a{gap:9px}
.cg-hero-note{right:0;
  font-size:23px}
}

@media(max-width:1200px){.cg-search--nav{display:none}
.cg-nav{gap:28px}
.cg-header-row{gap:30px}
.cg-hero-copy{width:60%}
.cg-hero-note{font-size:21px}
.cg-category{gap:12px;
  padding-inline:12px}
.cg-category small{font-size:11px}
.cg-category strong{font-size:18px}
.cg-software>a{gap:6px;
  padding-inline:9px}
.cg-software-icon{font-size:25px;
  width:25px}
.cg-software>a>svg{width:10px}
}

@media(max-width:900px){.cg-header{height:72px}
.cg-header-row{gap:12px}
.cg-brand{width:150px}
.cg-brand img{width:145px}
.cg-brand>span{font-size:8px;
  margin-left:42px;
  letter-spacing:4px}
.cg-menu-button{display:block;
  order:3;
  margin-left:4px}
.cg-nav{display:none;
  position:absolute;
  top:72px;
  left:0;
  right:0;
  height:auto;
  padding:18px 4%;
  background:#071b2a;
  border-bottom:1px solid var(--cg-border);
  box-shadow:0 15px 25px #0006;
  flex-wrap:wrap;
  gap:20px}
.cg-nav.is-open{display:flex}
.cg-nav>a,.cg-nav>button{height:36px}
.cg-nav .is-current:after{bottom:0}
.cg-header-actions{gap:7px}
.cg-pill{min-height:38px;
  padding:7px 12px}
.cg-publish{display:none}
.cg-hero-inner{min-height:365px;
  padding-block:35px}
.cg-hero-copy{width:76%}
.cg-hero{background-position:62% center}
.cg-hero-note{display:none}
.cg-hero h1{font-size:76px}
.cg-tagline{font-size:23px}
.cg-intro{font-size:15px}
.cg-categories{grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px}
.cg-category{padding:14px 18px;
  gap:18px}
.cg-category small{font-size:12px}
.cg-category-icon>.cg-icon{width:36px;
  height:36px}
.cg-software{grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px}
.cg-grid{grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px}
.cg-card-image{aspect-ratio:16/9}
.cg-section-heading p{display:none}
}

@media(max-width:560px){.cg-shell{width:90%}
.cg-header{height:64px}
.cg-nav{top:64px}
.cg-brand{width:122px}
.cg-brand img{width:122px;
  height:42px}
.cg-brand>span{font-size:7px;
  letter-spacing:3px;
  margin-left:38px}
.cg-header-actions .cg-icon{width:17px}
.cg-pill{font-size:12px;
  padding:8px 10px;
  gap:4px}
.cg-login span{display:none}
.cg-header-row{gap:4px}
.cg-menu-button{padding:7px}
.cg-menu-button svg{width:20px}
.cg-hero{background-position:64% center}
.cg-hero:before{content:'';
  position:absolute;
  inset:64px 0 auto;
  height:395px;
  background:linear-gradient(90deg,#03121cd9,#03121c33);
  pointer-events:none}
.cg-hero-inner{min-height:395px;
  padding-top:34px}
.cg-hero-copy{width:100%}
.cg-hero h1{font-size:clamp(54px,14vw,72px)}
.cg-tagline{font-size:22px;
  letter-spacing:4px;
  margin-block:7px 12px}
.cg-intro{font-size:13px;
  max-width:290px;
  line-height:1.8;
  margin-bottom:18px}
.cg-search--hero{height:48px;
  padding-left:13px;
  gap:8px}
.cg-search--hero input{font-size:12px}
.cg-search--hero .cg-submit{min-width:64px;
  padding:0 15px;
  height:38px}
.cg-tags{gap:8px;
  margin-top:14px}
.cg-tags a{font-size:12px;
  padding:8px 12px}
.cg-categories{grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px}
.cg-category{padding:12px;
  gap:12px;
  min-height:78px}
.cg-category:last-child{grid-column:1/-1;
  min-height:68px}
.cg-category strong{font-size:18px}
.cg-category small{font-size:11px}
.cg-category-icon>.cg-icon{width:32px;
  height:32px}
.cg-software{grid-template-columns:repeat(2,minmax(0,1fr))}
.cg-software>a{padding:8px 14px;
  gap:14px}
.cg-grid{grid-template-columns:1fr}
.cg-section-heading{margin-top:25px}
.cg-section-heading h2{font-size:20px}
.cg-section-heading>a{font-size:12px}
.cg-card h3{font-size:15px;
  min-height:0}
.cg-card-meta{font-size:13px}
.cg-footer{gap:14px;
  flex-wrap:wrap}
}

@media(prefers-reduced-motion:reduce){.cgwind-site *{scroll-behavior:auto!important;
  transition:none!important;
  animation:none!important}
}
@media(forced-colors:active){.cgwind-site *{scrollbar-color:auto}
.cg-hero h1 span{color:CanvasText;
  background:none}
.cg-category,.cg-card,.cg-pill{border:1px solid CanvasText}
}


/* Resource group disclosure */
.cgwind-site .cg-category { width:100%; text-align:left; color:var(--cg-text); font-family:var(--cg-body); }
.cg-category[aria-expanded="true"] { border-color:var(--cg-primary); box-shadow:inset 0 -2px 0 var(--cg-primary); }
.cg-category > .cg-icon { transition:transform .18s; }
.cg-category[aria-expanded="true"] > .cg-icon { transform:rotate(90deg); }
.cg-category-panel { background:var(--cg-surface); border:1px solid var(--cg-border); border-top:2px solid var(--cg-primary); border-radius:8px; padding:20px 24px 24px; margin-top:12px; }
.cg-panel-heading { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.cg-panel-heading h2 { margin:0; font-size:18px; font-weight:700; color:var(--cg-text); }
.cg-panel-heading > span { color:var(--cg-muted); font-size:13px; }
.cg-panel-close { display:flex; align-items:center; gap:10px; margin-left:auto; background:transparent; color:var(--cg-muted); border:1px solid var(--cg-border); border-radius:6px; min-height:36px; padding:4px 12px; }
.cg-panel-close:hover { color:var(--cg-text); border-color:var(--cg-primary); }
.cg-panel-close span { font-size:20px; line-height:1; }
.cg-panel-options { display:flex; flex-wrap:wrap; gap:12px; }
.cg-panel-options a { display:flex; justify-content:space-between; align-items:center; gap:28px; min-width:150px; min-height:46px; padding:10px 18px; background:var(--cg-background); color:var(--cg-text); border:1px solid var(--cg-border); border-radius:6px; font-size:14px; }
.cg-panel-options a > .cg-icon { width:14px; height:14px; color:var(--cg-muted); }
.cg-panel-options a:hover { border-color:var(--cg-primary); color:var(--cg-primary); }
.cg-panel--motion { border-top-color:#ff642d; }
.cg-panel--scene { border-top-color:#00dcc0; }
.cg-panel--fx { border-top-color:#bf42ff; }
.cg-panel--other { border-top-color:#ffc95e; }
@media(max-width:560px) {
  .cg-category-panel { padding:16px; }
  .cg-panel-heading { flex-wrap:wrap; gap:6px 10px; }
  .cg-panel-heading > span { order:3; width:100%; font-size:12px; }
  .cg-panel-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .cg-panel-options a { min-width:0; gap:6px; padding:10px; font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .cg-category > .cg-icon { transition:none; } }

/* Header tools retain every original entry at every viewport size. */
.cg-header-row { gap:24px; }
.cg-nav { gap:clamp(16px,1.8vw,30px); font-size:14px; }
.cg-header-actions { gap:10px; min-width:0; }
.cg-header-actions .cg-search--nav { display:flex; width:clamp(160px,14vw,245px); }
.cg-header-tools { display:flex; align-items:center; gap:10px; flex:none; }
.cg-tool { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid transparent; border-radius:50%; background:#ffffff08; color:#d8e1e9; position:relative; padding:0; flex:none; }
.cg-tool:hover,.cg-tool[aria-expanded="true"] { background:#ffffff18; border-color:#ffffff24; color:#fff; }
.cg-tool .cg-icon { width:22px; height:22px; fill:none; }
.cg-avatar { background:transparent; }
.cg-avatar img,.cg-avatar .avatar { width:30px; height:30px; object-fit:contain; border-radius:50%; }
.cg-avatar .avatar-img { width:30px; height:30px; }
.cg-header-actions .cg-pill { min-height:34px; padding:5px 13px; gap:6px; font-weight:500; }
.cg-header-actions .cg-publish { display:inline-flex; background:linear-gradient(115deg,#737678,#434649); color:#f4f6f8; }
.cg-header-actions .cg-vip { background:linear-gradient(115deg,#53565b,#24282e 72%,#4b4e54); color:#f4f6f8; }
.cg-vip .cg-icon { color:#ff864e; }
.cg-header-actions .cg-login { background:#ffffff08; color:#bccbd8; }
.cg-header-actions .cg-login span { display:inline; }
.cg-language { position:relative; }
.cg-language-options { position:absolute; top:calc(100% + 12px); right:0; min-width:160px; padding:6px; border:1px solid var(--cg-border); border-radius:8px; background:var(--cg-surface); color:var(--cg-text); box-shadow:0 10px 30px #0004; z-index:40; }
.cg-language-options button { display:block; width:100%; text-align:left; padding:10px 14px; border:0; border-radius:4px; background:transparent; color:inherit; white-space:nowrap; }
.cg-language-options button:hover { background:var(--cg-background); color:var(--cg-primary); }
.cg-language-options p { margin:8px; white-space:nowrap; }
.cg-notifications>.badge { position:absolute; top:-4px; right:-4px; }
.cg-hero-note { color:#f4f8fc; }
.cgwind-site:not(.dark-theme) { --cg-background:#edf3f8; --cg-surface:#ffffff; --cg-text:#182d40; --cg-muted:#506c83; --cg-border:#cbdbe7; --cg-primary:#007dbb; --cg-scroll-track:#edf3f8; }
.cgwind-site:not(.dark-theme) .cg-category { background:linear-gradient(110deg,#e0eef8,#f9fcff); border-color:#cbdbe7; }
.cgwind-site:not(.dark-theme) .cg-category small { color:#506c83; }
.cgwind-site:not(.dark-theme) .cg-software>a { background:#fff; color:#365b74; border-color:#cbdbe7; }
.cgwind-site:not(.dark-theme) :is(.cg-software--ue,.cg-software--unity) { color:#294659; }
.cgwind-site:not(.dark-theme) .cg-card { background:#fff; border-color:#cbdbe7; }
.cgwind-site:not(.dark-theme) .cg-card-meta { color:#526f85; }
.cgwind-site:not(.dark-theme) .cg-author svg { color:#365b74; }
.cgwind-site:not(.dark-theme) .cg-contact { background:#fff; }
.cgwind-site:not(.dark-theme) .cg-dialog-close { color:#182d40; }
.cg-header .cg-nav>a,.cg-header .cg-nav>button,.cg-header .cg-brand,.cg-header .cg-menu-button { color:#f4f8fc; }
.cg-header .cg-nav .is-current,.cg-header .cg-nav>a:hover,.cg-header .cg-nav>button:hover { color:#00a7ff; }
@media(max-width:1450px) {
  .cg-header { height:auto; }
  .cg-header-row { flex-wrap:wrap; gap:0 28px; padding-block:12px; }
  .cg-header .cg-nav { margin-left:auto; height:50px; }
  .cg-header-actions { flex-basis:100%; justify-content:flex-end; margin-top:8px; }
  .cg-header-actions .cg-search--nav { margin-right:auto; width:clamp(180px,30vw,340px); }
}
@media(max-width:900px) {
  .cg-header-row { gap:0 12px; }
  .cg-menu-button { order:0; margin-left:auto; }
  .cg-header .cg-nav { top:64px; margin-left:0; height:auto; }
  .cg-header-actions { justify-content:flex-end; flex-wrap:wrap; gap:10px; }
  .cg-header-actions .cg-search--nav { flex:1; min-width:180px; }
}
@media(max-width:560px) {
  .cg-header-actions { justify-content:space-between; gap:10px 8px; }
  .cg-header-actions .cg-search--nav { flex:0 0 100%; height:38px; }
  .cg-header-tools { gap:7px; }
  .cg-tool { width:36px; height:36px; }
  .cg-header-actions .cg-pill { padding:6px 10px; font-size:12px; }
  .cg-header-actions .cg-icon { width:19px; }
  .cg-header-actions .cg-publish { margin-left:auto; }
  .cg-language-options { right:auto; left:-65px; }
  .cg-hero { position:relative; }
  .cg-hero:before { inset:0; height:auto; }
}
.cgwind-site .cg-header a.cg-tool { color:#d8e1e9; }
/* Zibll may inject its saved body background after styles load. */
body.cgwind-site { background-image:none!important; }
.cg-language-options .cg-language-status { max-width:200px; white-space:normal; font-size:12px; color:var(--cg-muted); }

/* Shared software logos and split browse/disclosure controls. */
.cg-app-logo { width:30px; height:30px; object-fit:contain; flex:none; display:block; }
.cg-software>a { gap:12px; }
.cg-software>a>span { white-space:nowrap; }
.cg-panel-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:12px; }
.cg-software-choice { display:flex; min-width:0; border:1px solid var(--cg-border); border-radius:7px; background:var(--cg-background); transition:border-color .18s; }
.cg-software-choice:hover,.cg-software-choice.is-open { border-color:var(--cg-primary); }
.cg-panel-options .cg-software-name { flex:1; min-width:0; min-height:58px; display:flex; align-items:center; justify-content:flex-start; gap:12px; padding:12px 14px; border:0; background:transparent; border-radius:6px 0 0 6px; font-size:14px; }
.cg-panel-options .cg-software-name>span { overflow-wrap:anywhere; }
.cg-panel-options .cg-software-name:hover { background:var(--cg-surface); color:var(--cg-primary); }
.cg-panel-options .cg-software-name>.cg-icon { width:28px; height:28px; color:var(--cg-muted); }
.cg-software-expand { width:44px; flex:none; display:flex; align-items:center; justify-content:center; border:0; border-left:1px solid var(--cg-border); border-radius:0 6px 6px 0; background:transparent; color:var(--cg-muted); padding:0; }
.cg-software-expand:hover,.cg-software-expand[aria-expanded="true"] { color:var(--cg-primary); background:var(--cg-surface); }
.cg-software-expand>.cg-icon { width:14px; height:14px; transition:transform .18s; }
.cg-software-expand[aria-expanded="true"]>.cg-icon { transform:rotate(90deg); }
.cg-software-detail { margin-top:16px; padding:18px 20px; border:1px solid var(--cg-border); border-radius:7px; background:var(--cg-background); }
.cg-detail-heading { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.cg-detail-heading h3 { display:flex; align-items:center; gap:10px; font-size:15px; color:var(--cg-text); margin:0; font-weight:600; }
.cg-detail-heading .cg-app-logo { width:24px; height:24px; }
.cg-detail-close { margin-left:auto; display:flex; align-items:center; gap:8px; min-height:36px; border:0; background:transparent; color:var(--cg-muted); white-space:nowrap; }
.cg-detail-close:hover { color:var(--cg-primary); }
.cg-detail-close span { font-size:20px; }
.cg-topic-links { display:flex; flex-wrap:wrap; gap:10px; }
.cg-topic-links a { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 18px; border:1px solid var(--cg-border); border-radius:5px; color:var(--cg-text); background:var(--cg-surface); }
.cg-topic-links a:hover { color:var(--cg-primary); border-color:var(--cg-primary); }
.cg-card-body h3 { margin-bottom:6px; min-height:44px; }
.cgwind-site:not(.dark-theme) .cg-app-logo:is(.cg-app-logo--ue,.cg-app-logo--unity,.cg-app-logo--zbrush) { filter:brightness(.2); }
@media(max-width:1200px) { .cg-software .cg-app-logo { width:25px; height:25px; } .cg-software>a { gap:8px; } }
@media(max-width:560px) {
  .cg-panel-options { grid-template-columns:1fr; }
  .cg-panel-options .cg-software-name { font-size:14px; }
  .cg-software-detail { padding:14px; }
  .cg-detail-heading { gap:8px; }
  .cg-detail-heading h3 { font-size:14px; flex-wrap:wrap; }
  .cg-topic-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cg-topic-links a { padding:8px; font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .cg-software-choice,.cg-software-expand>.cg-icon { transition:none; } }
/* One continuous outline for each selected tab and its panel. */
.cg-category-browser { --cg-join-gap:14px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--cg-join-gap) 16px; align-items:stretch; }
.cg-categories,.cg-category-panels,.cg-panel-options,.cg-software-details { display:contents; }
.cg-category-panel { grid-column:1/-1; margin:0; border-top-width:1px; border-color:var(--cg-border); }
.cg-category { position:relative; }
.cg-category[aria-expanded="true"] { background:var(--cg-surface)!important; border-color:var(--cg-border); border-bottom-color:transparent; border-radius:8px 8px 0 0; box-shadow:none; transform:none; z-index:2; }
.cg-category[aria-expanded="true"]::after,.cg-software-choice.is-open::after { content:''; position:absolute; left:-1px; right:-1px; bottom:calc(-1 * var(--cg-join-gap) - 2px); height:calc(var(--cg-join-gap) + 3px); background:var(--cg-surface); border-inline:1px solid var(--cg-border); pointer-events:none; }
.cg-category[aria-expanded="true"] strong { color:var(--cg-primary); }
.cg-options-browser { --cg-join-gap:16px; display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:var(--cg-join-gap) 12px; }
.cg-software-choice { position:relative; }
.cg-software-choice.is-open { z-index:2; border-color:var(--cg-border); border-bottom-color:transparent; border-radius:7px 7px 0 0; }
.cg-software-choice.is-open::after { background:var(--cg-background); }
.cg-software-choice.is-open .cg-software-name,.cg-software-choice.is-open .cg-software-expand { background:var(--cg-background); border-bottom-left-radius:0; border-bottom-right-radius:0; }
.cg-software-detail { grid-column:1/-1; margin:0; }
.cg-category-panel.cg-join-start,.cg-software-detail.cg-join-start { border-top-left-radius:0; }
.cg-category-panel.cg-join-end,.cg-software-detail.cg-join-end { border-top-right-radius:0; }
@media(max-width:900px) { .cg-category-browser { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:10px; } }
@media(max-width:560px) { .cg-category-browser { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:9px; } .cg-options-browser { grid-template-columns:1fr; } }
.cg-options-browser { grid-template-columns:repeat(var(--cg-option-columns,5),minmax(0,1fr)); }