/* Public knowledge body follows the yuanxing glossary layout. */
.knowledge-main {
  min-height: 503px;
  padding: 0 24px 28px;
  background: #fff;
  clear: both;
}
.knowledge-container {
  max-width: 1120px;
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  border: 0;
}
.breadcrumbs {
  gap: 12px;
  padding: 20px 0 34px;
  color: #555;
  font: 13px/1.5 Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  flex-wrap: wrap;
}
.breadcrumbs a { color: #555; }
.breadcrumbs a:hover { color: #278ac5; }
.knowledge-top {
  gap: 38px;
  margin: 0 0 24px;
}
.knowledge-top h2 {
  margin: 0;
  color: #333;
  font: 600 24px/1.5 Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.term-search {
  width: 480px;
  height: 38px;
  margin-right: 0;
  border: 1px solid #ccc;
  background: #fff;
  flex-shrink: 0;
}
.term-search:focus-within { outline: 2px solid #b6d8ec; outline-offset: 1px; }
.term-search input {
  min-width: 0;
  height: 36px;
  padding: 7px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #333;
}
.term-search input:focus { outline: 0; }
.term-search button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 8px;
  border: 0;
  background: #529dcc;
}
.term-search button:hover { background: #3789bd; }
.term-search svg { width: 19px; height: 19px; stroke: #fff; stroke-width: 1.8; }
.knowledge-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 38px; }
.category-menu { padding: 0; font: 14px/1.7 Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
.category-menu .all-link {
  min-height: 48px;
  margin: 0 0 22px;
  padding: 11px 12px;
  border: 1px solid #cddfec;
  border-radius: 4px;
  background: #f3f8fc;
  color: #385d76;
  font-weight: 600;
}
.category-menu .all-link.current { background: #e7f2fa; border-color: #8dbbd7; color: #247eb2; }
.category-menu .all-link:hover { background: #eaf4fb; border-color: #a9cce2; color: #247eb2; }
.category-menu .grid-icon { font-size: 16px; color: #738696; }
.category-menu .category-parent,
.category-menu .category-child {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  background: transparent;
  color: #555;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.category-menu .category-parent { padding: 11px 4px; }
.category-menu .category-child { padding: 9px 20px; font-size: 13px; }
.category-menu .triangle { font-size: 10px; color: #555; }
.category-menu a:hover,
.category-menu a.current:not(.all-link) { color: #278ac5; }
.category-menu a.current:not(.all-link) { background: #e7f2fa; font-weight: 600; }
.category-menu summary.category-parent { cursor: pointer; list-style: none; user-select: none; }
.category-menu summary.category-parent::-webkit-details-marker { display: none; }
.category-menu summary.category-parent:hover { color: #278ac5; background: #f1f8fc; }
.category-menu summary.category-parent.current { color: #278ac5; background: #e7f2fa; font-weight: 600; }
.category-menu summary.category-parent:focus-visible { outline: 2px solid #278ac5; outline-offset: 2px; }
.category-menu .triangle { display: inline-block; transform: rotate(0deg); transition: transform .18s ease; }
.category-menu details[open] > summary .triangle { transform: rotate(90deg); }
.entry-list { color: #333; font: 14px/1.8 Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
.entry-list li { margin: 0; padding: 0 0 20px; border-bottom: 1px solid #eee; }
.entry-list .entry-title { color: #278ac5; font-size: 18px; font-weight: 600; line-height: 1.5; }
.entry-list .entry-title:hover { color: #2176aa; text-decoration: none; }
.entry-list .english { margin-left: 12px; color: #777; font-size: 14px; }
.entry-list p { margin: 13px 0 0; color: #555; font-size: 14px; line-height: 1.8; white-space: pre-wrap; }
.result-heading { margin: 0 0 24px; padding: 0 0 14px; border-bottom: 1px solid #ddd; color: #333; font-size: 18px; font-weight: 600; }
.context-heading { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; }
.result-note { margin: 0 0 20px; color: #777; }
.entry-article { color: #333; }
.entry-article header { padding: 0; border: 0; }
.entry-article header h1 { margin: 0; color: #333; font: 600 32px/1.4 Arial, "PingFang SC", "Microsoft YaHei", sans-serif; overflow-wrap: anywhere; }
.entry-article header p { margin: 4px 0 0; color: #718392; font-size: 16px; line-height: 1.5; }
.definition-section { margin-top: 18px; padding: 18px 0 20px; border-top: 1px solid #e2e8ed; }
.definition-section h2,
.related h2 { margin: 0 0 12px; color: #333; font-size: 18px; font-weight: 600; line-height: 1.5; }
.definition {
  padding: 16px 20px;
  border-left: 4px solid #278ac5;
  border-radius: 0 5px 5px 0;
  background: #f4f8fb;
  color: #344b5c;
  font-size: 17px;
  line-height: 1.8;
}
.definition > :first-child { margin-top: 0; }
.definition > :last-child { margin-bottom: 0; }
.definition p { margin: 12px 0; }
.definition img { max-width: 100%; height: auto; }
.definition ul,
.definition ol { padding-left: 24px; }
.related { padding: 0 0 20px; border: 0; }
.related ul { display: block; margin: 0; }
.related li { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; min-width: 0; margin: 0 0 6px; padding: 0; border: 0; border-radius: 0; font-size: 14px; line-height: 1.7; }
.related li a { color: #278ac5; text-decoration: none; }
.related li span { display: inline; }
.related-name { color: #526777; }
.related .related-state { padding: 1px 7px; border-radius: 3px; background: #f3f5f7; color: #8b97a2; font-size: 12px; }
@media (max-width: 800px) {
  .knowledge-main { padding: 0 16px 28px; }
  .knowledge-layout { display: block; }
  .term-search { width: 55%; margin-right: 0; }
  .category-menu { display: block; margin: 0 0 22px; padding: 0; overflow: visible; }
  .category-group { display: block; }
  .category-menu .all-link { display: flex; margin-bottom: 12px; }
  .category-menu .category-parent,
  .category-menu .category-child { display: flex; width: 100%; white-space: normal; }
  .category-menu .triangle { display: inline; }
}
@media (max-width: 520px) {
  .knowledge-main { min-height: 70vh; padding: 0 16px 24px; }
  .breadcrumbs { padding: 18px 0 26px; font-size: 12px; }
  .knowledge-top { flex-wrap: wrap; gap: 14px; margin-bottom: 22px; }
  .knowledge-top h2 { font-size: 22px; }
  .term-search { width: 100%; }
  .entry-article header h1 { font-size: 28px; }
  .definition { padding: 18px 20px; font-size: 17px; }
}