/* Garden 模型目录：索引是记忆茎，焦点面是一片被轻轻揭开的薄幕。 */
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-toolbar {
  border-bottom-color: color-mix(in srgb, var(--garden-silver) 46%, transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-toolbar::before {
  width: 23%;
  background: linear-gradient(90deg, var(--garden-gold), var(--garden-violet), transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-toolbar .search-field {
  border-left-color: color-mix(in srgb, var(--garden-silver) 44%, transparent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--garden-cold) 8%, transparent), transparent 82%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-toolbar .filter-group button.is-active {
  border-bottom-color: var(--garden-gold);
  color: var(--garden-violet);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-atlas::before {
  background:
    radial-gradient(ellipse at 74% 29%, color-mix(in srgb, var(--garden-violet) 8%, transparent), transparent 36%),
    linear-gradient(151deg, transparent 0 31%, color-mix(in srgb, var(--garden-cold) 6%, transparent) 31% 58%, transparent 58%),
    repeating-linear-gradient(0deg, transparent 0 66px, var(--line) 66px 67px);
  clip-path: polygon(8% 1%, 94% 0, 100% 17%, 91% 100%, 4% 91%, 0 22%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-atlas__index {
  border-left-color: color-mix(in srgb, var(--garden-silver) 42%, transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-atlas__index::before {
  background: linear-gradient(var(--garden-gold) 0 54px, var(--garden-silver) 54px 55px, transparent 55px 88%, var(--line-strong) 88%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-route::before {
  inset: 3px -18px 3px -8px;
  background: linear-gradient(96deg, color-mix(in srgb, var(--garden-violet) 12%, transparent), color-mix(in srgb, var(--garden-cold) 7%, transparent) 64%, transparent);
  clip-path: polygon(0 21%, 12% 5%, 91% 0, 100% 47%, 91% 100%, 9% 89%, 0 71%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-route.is-active > i {
  border-radius: 50%;
  background: var(--garden-gold);
  clip-path: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-route > i,
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-status i {
  width: 6px;
  height: 6px;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: var(--canvas);
  clip-path: none;
  transform: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-route.is-active > i {
  border-color: var(--garden-gold);
  background: var(--garden-gold);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus-stage::before {
  background:
    radial-gradient(ellipse at 76% 28%, color-mix(in srgb, var(--garden-cold) 9%, transparent), transparent 39%),
    linear-gradient(139deg, color-mix(in srgb, var(--garden-violet) 8%, transparent), color-mix(in srgb, var(--garden-sheet) 24%, transparent) 64%, transparent 64%);
  clip-path: polygon(4% 2%, 14% 0, 94% 5%, 100% 17%, 95% 100%, 9% 94%, 0 79%, 2% 14%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus-stage::after {
  right: -2%;
  bottom: -15px;
  left: 8%;
  height: 78px;
  border-top: 1px solid color-mix(in srgb, var(--garden-gold) 58%, transparent);
  border-radius: 50%;
  background: radial-gradient(ellipse at 31% 0, color-mix(in srgb, var(--garden-violet) 8%, transparent), transparent 58%);
  clip-path: none;
  transform: rotate(-1.8deg);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus {
  background:
    radial-gradient(ellipse at 78% 21%, color-mix(in srgb, var(--garden-cold) 10%, transparent), transparent 35%),
    linear-gradient(137deg, color-mix(in srgb, var(--garden-cold) 8%, var(--garden-plane-focus)), color-mix(in srgb, var(--garden-violet) 5%, var(--garden-plane-fog)) 62%, var(--garden-plane-fog));
  box-shadow: none;
  clip-path: polygon(4% 2%, 13% 0, 92% 3%, 100% 12%, 97% 88%, 87% 100%, 2% 94%, 0 17%);
  filter: drop-shadow(8px 10px 0 color-mix(in srgb, var(--garden-violet) 5%, transparent));
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus::before {
  left: 13%;
  width: 31%;
  height: 1px;
  background: linear-gradient(90deg, var(--garden-silver), var(--garden-gold), transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus__geometry::before,
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus__geometry::after {
  border-color: color-mix(in srgb, var(--garden-silver) 34%, transparent);
  border-radius: 52% 48% 63% 37%;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus__geometry::after {
  border-color: color-mix(in srgb, var(--garden-violet) 31%, transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus__geometry > i {
  border-color: color-mix(in srgb, var(--garden-cold) 22%, transparent);
  background: color-mix(in srgb, var(--garden-cold) 4%, transparent);
  clip-path: polygon(7% 2%, 82% 0, 100% 24%, 89% 100%, 13% 91%, 0 62%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus__geometry svg path:nth-child(2) {
  stroke: color-mix(in srgb, var(--garden-gold) 42%, transparent);
  stroke-dasharray: none;
  opacity: 0.62;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .provider-mark {
  border-color: color-mix(in srgb, var(--garden-violet) 54%, transparent);
  border-radius: 47% 53% 42% 58%;
  color: var(--garden-violet);
  clip-path: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus__body h2 {
  font-family: var(--font-sacred);
  font-weight: 430;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-capabilities > section:first-child {
  border-top-color: color-mix(in srgb, var(--garden-silver) 64%, transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-capabilities > section:last-child {
  border-top-color: color-mix(in srgb, var(--garden-gold) 72%, transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-capabilities > section:first-child > b {
  color: var(--garden-violet);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-capabilities > section:last-child > b {
  color: var(--garden-gold);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus__specs {
  border-top-color: color-mix(in srgb, var(--garden-silver) 43%, transparent);
}

/* 庭中用一条连续封签承托模型标识，不建立完整硬边框。 */
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .model-focus__foot {
  padding-bottom: 14px;
  background:
    linear-gradient(90deg, var(--garden-silver), var(--garden-gold) 35%, var(--garden-violet) 64%, transparent 82%) top left / 82% 1px no-repeat,
    linear-gradient(104deg, color-mix(in srgb, var(--garden-violet) 6%, transparent), transparent 64%);
  clip-path: polygon(0 0, 95% 2%, 100% 31%, 96% 100%, 5% 90%, 0 69%);
}

/* Garden 调用记录：保持表格的读取速度，只把统计切片与承载面改成连续记忆页。 */
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .record-stats {
  position: relative;
  gap: 7px;
  border: 0;
  transform: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .record-stats::before {
  position: absolute;
  z-index: 1;
  top: 9px;
  right: 3%;
  left: 3%;
  height: 23px;
  border-top: 1px solid var(--garden-thread-soft);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  content: "";
  pointer-events: none;
  transform: rotate(-0.8deg);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .record-stats > div {
  position: relative;
  border: 0;
  background: linear-gradient(100deg, color-mix(in srgb, var(--garden-violet) 4%, transparent), transparent 78%);
  clip-path: none;
  transform: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .record-stats > div::before {
  position: absolute;
  z-index: 2;
  top: 6px;
  left: 29px;
  width: 5px;
  height: 5px;
  border: 1px solid var(--garden-silver);
  border-radius: 50%;
  background: var(--canvas);
  content: "";
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .record-stats > div::after {
  display: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .record-stats > div:nth-child(2)::after,
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .record-stats > div:nth-child(4)::after {
  background: linear-gradient(90deg, transparent, var(--garden-gold), transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .records-panel {
  border: 0;
  background:
    linear-gradient(126deg, color-mix(in srgb, var(--garden-violet) 6%, transparent), transparent 44%),
    var(--garden-plane-fog);
  box-shadow: none;
  backdrop-filter: none;
  clip-path: polygon(0 2%, 5% 0, 96% 1%, 100% 5%, 99% 95%, 94% 100%, 2% 98%, 0 91%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .records-panel::before {
  left: 5%;
  width: 27%;
  height: 1px;
  background: linear-gradient(90deg, var(--garden-silver), var(--garden-gold), transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .records-toolbar .filter-group button.is-active {
  border-bottom-color: var(--garden-gold);
  color: var(--garden-violet);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .records-panel thead {
  background: color-mix(in srgb, var(--garden-cold) 5%, transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .record-privacy {
  border: 0;
  border-left: 1px solid color-mix(in srgb, var(--garden-silver) 46%, transparent);
  background: linear-gradient(102deg, color-mix(in srgb, var(--garden-cold) 7%, transparent), transparent 82%);
  clip-path: polygon(0 4%, 12% 0, 94% 3%, 100% 22%, 95% 100%, 7% 91%, 0 70%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .record-privacy svg {
  stroke: var(--garden-violet-ink);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .records-panel tbody tr:hover {
  background: linear-gradient(90deg, color-mix(in srgb, var(--garden-violet) 7%, transparent), transparent 78%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .records-panel .record-summary-row > td:first-child {
  position: relative;
  padding-left: 25px;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .records-panel .record-summary-row > td:first-child::before {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 4px;
  height: 4px;
  border: 1px solid var(--garden-silver);
  border-radius: 50%;
  content: "";
  transform: translateY(-50%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .table-model i {
  border-left-color: color-mix(in srgb, var(--garden-silver) 42%, transparent);
  border-bottom-color: color-mix(in srgb, var(--garden-cold) 25%, transparent);
  clip-path: polygon(4% 0, 82% 0, 100% 31%, 93% 100%, 0 91%);
}

/* Garden 社区通讯：从雷达终端转为被展开的记忆书简与追加缀线。 */
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-masthead::before {
  left: 30%;
  width: 27%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--garden-gold), var(--garden-violet), transparent);
  transform: rotate(-1.5deg);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-title-lockup > span {
  color: color-mix(in srgb, var(--garden-violet) 16%, transparent);
  font-family: var(--font-sacred);
  font-style: italic;
  transform: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-title-lockup h1,
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus__title h2 {
  font-family: var(--font-sacred);
  font-weight: 430;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-scope {
  border-left-color: color-mix(in srgb, var(--garden-silver) 46%, transparent);
  background: linear-gradient(109deg, color-mix(in srgb, var(--garden-cold) 9%, transparent), color-mix(in srgb, var(--garden-violet) 4%, transparent) 67%, transparent);
  clip-path: polygon(0 4%, 14% 0, 91% 4%, 100% 23%, 94% 100%, 7% 90%, 0 69%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-scope::before {
  height: 1px;
  background: var(--garden-gold);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-masthead__rings {
  border-color: color-mix(in srgb, var(--garden-silver) 38%, transparent);
  border-radius: 49% 51% 62% 38%;
  transform: rotate(8deg);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-masthead__rings::before,
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-masthead__rings::after {
  border-radius: 57% 43% 48% 52%;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-masthead__rings::before {
  border-color: color-mix(in srgb, var(--garden-violet) 38%, transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-masthead__rings::after {
  border-color: var(--garden-gold);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-masthead__rings span {
  background: var(--garden-gold);
  box-shadow: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-view-switch {
  gap: 18px;
  background: transparent;
  transform: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-view-switch button {
  min-width: auto;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-view-switch button.is-active {
  border-bottom-color: var(--garden-gold);
  background: linear-gradient(90deg, color-mix(in srgb, var(--garden-violet) 8%, transparent), transparent);
  color: var(--garden-violet);
  box-shadow: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-frame {
  gap: 14px;
  background: transparent;
  clip-path: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-frame::before {
  left: 7%;
  width: 29%;
  height: 1px;
  background: linear-gradient(90deg, var(--garden-silver), var(--garden-gold), transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-index,
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus {
  background:
    linear-gradient(132deg, color-mix(in srgb, var(--garden-violet) 5%, transparent), transparent 58%),
    var(--garden-plane-fog);
  box-shadow: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-index {
  clip-path: polygon(0 4%, 9% 0, 100% 3%, 97% 96%, 11% 100%, 0 91%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-index__axis i {
  background: linear-gradient(var(--garden-gold), var(--garden-silver), var(--line), transparent);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-index__axis span,
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-index__axis b {
  opacity: 0;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-list {
  gap: 5px;
  background: transparent;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-route {
  background: color-mix(in srgb, var(--garden-sheet-strong) 66%, transparent);
  clip-path: polygon(0 7%, 9% 1%, 96% 0, 100% 20%, 96% 100%, 5% 93%, 0 74%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-route.is-active {
  background: linear-gradient(101deg, color-mix(in srgb, var(--garden-violet) 12%, transparent), color-mix(in srgb, var(--garden-cold) 5%, var(--garden-sheet)) 64%, var(--garden-sheet));
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-route::after {
  right: 5%;
  bottom: 8px;
  width: 31%;
  height: 1px;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--garden-silver) 30%, transparent);
  border-color: color-mix(in srgb, var(--garden-silver) 27%, transparent);
  border-radius: 50%;
  transform: rotate(-3deg);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-route:hover::after,
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-route.is-active::after {
  border-color: var(--garden-gold);
  transform: translateX(-8px) rotate(-3deg);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-route.is-active > i {
  border-radius: 50%;
  background: var(--garden-gold);
  clip-path: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus {
  background:
    radial-gradient(ellipse at 84% 15%, color-mix(in srgb, var(--garden-cold) 8%, transparent), transparent 34%),
    linear-gradient(136deg, var(--garden-plane-focus), var(--garden-plane-fog));
  clip-path: polygon(2% 1%, 12% 0, 96% 4%, 100% 13%, 97% 93%, 89% 100%, 0 96%, 1% 16%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus::before {
  border-color: color-mix(in srgb, var(--garden-silver) 24%, transparent);
  border-radius: 56% 44% 61% 39%;
  box-shadow: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus__scaffold {
  border-color: color-mix(in srgb, var(--garden-violet) 28%, transparent);
  border-radius: 51% 49% 57% 43%;
  clip-path: none;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus__scaffold span {
  background: var(--garden-gold);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus__body {
  border-left-color: color-mix(in srgb, var(--garden-silver) 45%, transparent);
  background: linear-gradient(102deg, color-mix(in srgb, var(--garden-cold) 8%, transparent), color-mix(in srgb, var(--garden-violet) 3%, transparent) 74%, transparent);
  clip-path: polygon(0 2%, 7% 0, 96% 3%, 100% 19%, 96% 100%, 5% 93%, 0 76%);
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus__body::before,
html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-update > div i {
  background: linear-gradient(var(--garden-gold), var(--garden-violet), var(--line));
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus__facts {
  border-top: 1px solid color-mix(in srgb, var(--garden-silver) 32%, transparent);
  border-bottom: 1px solid var(--line);
  background: transparent;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus__facts > div {
  border-right: 1px solid var(--line);
  background: transparent;
}

html[data-surface="member"][data-member-active="true"][data-member-theme="garden"] .communication-focus__facts > div:last-child {
  border-right: 0;
}