/*
 * 中文说明：3D节点库、飘窗拆改和加固参考图例共用的外层视觉语言。
 * 这里只统一页面底色、留白、面板边界和标题层级，不改变各模块内部计算、三维或表单逻辑。
 */
:root {
  --lc-integrated-bg:#f7f4ed;
  --lc-integrated-panel:#fff;
  --lc-integrated-line:#ded9ce;
  --lc-integrated-line-soft:#e9e5dc;
  --lc-integrated-ink:#173042;
  --lc-integrated-muted:#687b86;
  --lc-integrated-primary:#0f8f7c;
  --lc-integrated-shadow:0 8px 24px rgba(58,54,45,.075);
}

body.lc-integrated-module {
  background:var(--lc-integrated-bg) !important;
  color:var(--lc-integrated-ink);
  font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;
}

/* 3D节点库：内容宽度和标题卡片跟实用笔记保持同一节奏，深色模型封面继续保留。 */
body.lc-integrated-showcase {
  padding:12px max(18px,calc((100vw - 1520px) / 2)) 22px !important;
}
.lc-integrated-showcase #showcaseWrapper {
  width:100%;
  max-width:1520px;
  margin:0 auto;
}
.lc-integrated-showcase .showcase-head {
  display:grid;
  grid-template-columns:auto minmax(320px,1fr);
  align-items:center;
  gap:18px;
  margin:0 0 12px !important;
  padding:11px 16px !important;
  border:1px solid var(--lc-integrated-line) !important;
  border-radius:14px !important;
  background:var(--lc-integrated-panel) !important;
  box-shadow:var(--lc-integrated-shadow) !important;
}
.lc-integrated-showcase .showcase-head h2 {
  margin:0 !important;
  color:var(--lc-integrated-ink) !important;
  font-size:25px !important;
  line-height:1.25;
  white-space:nowrap;
}
.lc-integrated-showcase .showcase-head h2::before {
  content:none;
  display:none;
}
.lc-integrated-showcase .search-bar-wrap {
  min-width:0;
  flex-wrap:nowrap;
  margin:0 !important;
}
.lc-integrated-showcase .search-bar-wrap input {
  min-height:40px;
  border-color:var(--lc-integrated-line) !important;
  border-radius:10px !important;
}
.lc-integrated-showcase .model-card {
  border-color:var(--lc-integrated-line) !important;
  border-radius:13px !important;
  box-shadow:0 5px 18px rgba(58,54,45,.065) !important;
}
.lc-integrated-showcase .model-card:hover {
  border-color:rgba(15,143,124,.55) !important;
  box-shadow:0 12px 28px rgba(44,71,67,.14) !important;
}
.lc-integrated-showcase #cardsContainer {
  --bs-gutter-x:12px;
  --bs-gutter-y:12px;
}
.lc-integrated-showcase .card-img-container {
  /* 中文说明：小屏仍保持紧凑；宽屏封面略增高，避免卡片过扁并填补翻页下方空白。 */
  height:clamp(170px,14vw,215px);
  aspect-ratio:auto;
}
.lc-integrated-showcase .model-card .card-body {
  min-height:44px;
  padding:9px 14px !important;
}
.lc-integrated-showcase .model-card .card-title {
  margin:0 !important;
  line-height:1.3;
}

/* 飘窗拆改：保留一张完整工作台，不再用大圆角外框套住顶部工具栏。 */
body.lc-integrated-bay {
  overflow:hidden;
}
.lc-integrated-bay .bws-shell {
  height:100vh;
  padding:0 !important;
  background:#edf4f7 !important;
}
.lc-integrated-bay .bws-board {
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.lc-integrated-bay .bws-toolbar {
  left:0;
  right:0;
  top:0;
  border:0 !important;
  border-bottom:1px solid var(--lc-integrated-line) !important;
  border-radius:0 !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:none !important;
}
.lc-integrated-bay .bws-footer {
  border-color:var(--lc-integrated-line) !important;
  background:rgba(255,255,255,.98) !important;
}

/* 加固参考图例：统一标题卡片、工作区间距和面板边界，三维画布保持蓝灰底。 */
body.lc-integrated-strengthening {
  overflow:hidden;
}
.lc-integrated-strengthening .reference-app {
  width:100%;
  max-width:1880px;
  margin:0 auto;
  padding:10px;
  gap:8px;
}
.lc-integrated-strengthening .reference-head {
  padding:7px 12px;
  border-color:var(--lc-integrated-line);
  border-radius:11px;
  background:var(--lc-integrated-panel);
  box-shadow:0 5px 16px rgba(58,54,45,.06);
}
.lc-integrated-strengthening .reference-head h1 {
  color:var(--lc-integrated-ink);
  font-size:18px;
  line-height:1.25;
}
.lc-integrated-strengthening .reference-head h1::before {
  content:none;
  display:none;
}
.lc-integrated-strengthening .reference-workbench {
  gap:0;
  border-color:var(--lc-integrated-line);
  border-radius:12px;
  box-shadow:var(--lc-integrated-shadow);
}
.lc-integrated-strengthening .reference-sidebar,
.lc-integrated-strengthening .reference-stage {
  border:0;
  border-radius:0;
  box-shadow:none;
}
.lc-integrated-strengthening .reference-sidebar {
  border-right:1px solid var(--lc-integrated-line);
}
.lc-integrated-strengthening .reference-member-tab {
  border-color:var(--lc-integrated-line);
  border-radius:8px;
}
.lc-integrated-strengthening .reference-member-tab.is-active {
  background:#edf9f6;
}

@media (max-width:767.98px) {
  body.lc-integrated-showcase {
    padding:10px !important;
  }
  .lc-integrated-showcase .showcase-head {
    grid-template-columns:1fr;
    gap:9px;
    padding:12px !important;
    border-radius:12px !important;
  }
  .lc-integrated-showcase .showcase-head h2 {
    font-size:22px !important;
  }
  .lc-integrated-showcase .search-bar-wrap {
    flex-wrap:wrap;
  }
  .lc-integrated-bay .bws-shell {
    padding:8px !important;
  }
  .lc-integrated-bay .bws-board,
  .lc-integrated-strengthening .reference-head,
  .lc-integrated-strengthening .reference-workbench {
    border-radius:10px !important;
  }
  .lc-integrated-strengthening .reference-app {
    padding:8px;
    gap:8px;
  }
  .lc-integrated-strengthening .reference-sidebar {
    border-right:0;
    border-bottom:1px solid var(--lc-integrated-line);
  }
}