cardbuddy 0.9.1 → 0.10.0

package/dist/vendored/styles/card-gallery.css

@@ -25,7 +25,7 @@
   border: 1px solid var(--border);
   border-radius: 12px;
   overflow: hidden;
-  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.32);
+  box-shadow: 0 24px 64px var(--shadow-pop);
 }
 
 /* ============ 弹窗头部 ============ */
@@ -34,7 +34,7 @@
   align-items: center;
   gap: 12px;
   padding: 12px 16px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--hairline) solid var(--border);
   flex: 0 0 auto;
 }
 .cg-modal__title {
@@ -169,7 +169,7 @@
   min-height: 0;
   /* 卡片根截图本身为白底，固定白底框避免透明/深色主题下错位 */
   background: #fff;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--hairline) solid var(--border);
 }
 /* 导入角标：悬浮在缩略图右上角，仅「有 .import-meta.json 侧车」的导入卡显示。
    配色用成功态「实心」token（--ok-solid 底 + --on-ok 白字 + --ok-solid 同色描边）：

package/dist/vendored/styles/card-select.css

@@ -71,7 +71,7 @@
   background: var(--bg-pop);
   border: 1px solid var(--border-strong);
   border-radius: 10px;
-  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 16px 40px var(--shadow-pop);
   overflow: hidden;
   backdrop-filter: blur(10px);
 }
@@ -80,7 +80,7 @@
   align-items: center;
   gap: 8px;
   padding: 8px 10px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--hairline) solid var(--border);
 }
 .csel__search-icon {
   color: var(--text-faint);
@@ -165,7 +165,7 @@
   justify-content: space-between;
   gap: 8px;
   padding: 6px 10px;
-  border-top: 1px solid var(--border);
+  border-top: var(--hairline) solid var(--border);
 }
 .csel__count {
   color: var(--text-faint);
@@ -211,7 +211,10 @@
   display: inline-flex;
   align-items: stretch;
   flex: 0 1 auto;
-  min-width: 240px;
+  /* 顶栏控件统一 --ctrl-sm（28）：组合外框锁高，内部两段 stretch 对齐，
+     不再由 trigger 的 7px 上下 padding 撑到 34 与邻座 28 按钮错位 */
+  height: var(--ctrl-sm);
+  min-width: 200px;
   max-width: 360px;
   background: var(--bg-input);
   border: 1px solid var(--border);
@@ -239,6 +242,9 @@
   border-radius: 0;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
+  height: 100%;
+  padding: 0 10px 0 12px;
+  font-size: 12px;
 }
 .csel--combo .csel__trigger:hover {
   background: var(--bg-hover);
@@ -255,11 +261,12 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 34px;
+  /* 图标段取正方：高由组合框 stretch 决定，宽随 aspect-ratio 跟随 */
+  aspect-ratio: 1;
   margin: 0;
   padding: 0;
   border: none;
-  border-left: 1px solid var(--border);
+  border-left: var(--hairline) solid var(--border);
   border-radius: 0;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;

package/dist/vendored/styles/dropdown.css

@@ -216,8 +216,7 @@
   padding: 6px 9px;
 }
 
-.dd__item:hover,
-.dd__item--active {
+.dd__item:hover {
   background: var(--bg-hover);
   color: var(--text);
 }

package/dist/vendored/styles/json-tree.css

@@ -42,7 +42,7 @@
 }
 .jt__child {
   padding-left: 16px;
-  border-left: 1px solid var(--border);
+  border-left: var(--hairline) solid var(--border);
   margin-left: 4px;
 }
 
@@ -206,7 +206,7 @@
   background: var(--bg-input);
   border: 1px solid var(--accent);
   border-radius: 6px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 4px 16px var(--shadow-toast);
 }
 .jt__json-textarea {
   display: block;
@@ -272,7 +272,7 @@
   background: var(--bg-pop);
   border: 1px solid var(--border-strong);
   border-radius: 8px;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+  box-shadow: 0 8px 24px var(--shadow-pop);
   padding: 4px;
   color: var(--text);
 }

package/dist/vendored/styles/node-inspector.css

@@ -35,7 +35,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 10px 16px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--hairline) solid var(--border);
   flex-shrink: 0;
 }
 
@@ -191,154 +191,6 @@ select.ni-input {
   height: var(--ctrl-sm);
 }
 
-/* 属性行：标签 + 控件 + 删除 */
-.ni-prop-row {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 8px 12px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  margin-bottom: 8px;
-  background: transparent;
-}
-
-.ni-prop-label {
-  flex: 0 0 88px;
-  padding-top: 5px;
-  font-size: 12px;
-  color: var(--text);
-  font-weight: 500;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.ni-prop-control {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-.ni-prop-del {
-  flex: 0 0 auto;
-  width: 24px;
-  height: 24px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 2px;
-  padding: 0;
-  border: none;
-  background: transparent;
-  color: var(--danger);
-  border-radius: 5px;
-  cursor: pointer;
-  font-size: 13px;
-  line-height: 1;
-  transition: background 0.15s;
-}
-
-.ni-prop-del:hover {
-  background: var(--danger-soft);
-}
-
-/* 新增行 */
-.ni-addrow {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-top: 8px;
-}
-
-.ni-addrow select {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-.ni-addbtn {
-  flex: 0 0 auto;
-  height: var(--ctrl-sm);
-  padding: 0 12px;
-  font-size: 13px;
-  border: 1px dashed var(--border-strong);
-  background: transparent;
-  color: var(--text-dim);
-  border-radius: 6px;
-  cursor: pointer;
-  transition: color 0.15s, border-color 0.15s;
-}
-
-.ni-addbtn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.ni-addbtn:not(:disabled):hover {
-  color: var(--accent);
-  border-color: var(--accent);
-}
-
-/* 指令 / 事件只读行 */
-.ni-rows {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.ni-row {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  font-size: 12px;
-  padding: 6px 10px;
-  border-radius: 6px;
-  background: transparent;
-  border: 1px solid var(--border);
-}
-
-.ni-key {
-  color: var(--text-dim);
-  flex: 0 0 auto;
-  max-width: 168px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.ni-val {
-  flex: 1 1 auto;
-  min-width: 0;
-  color: var(--text);
-  word-break: break-all;
-}
-
-.ni-tag {
-  margin-left: auto;
-  font-size: 12px;
-  padding: 2px 8px;
-  background: var(--accent-soft);
-  border-radius: 4px;
-  color: var(--accent);
-}
-
-.ni-editbtn {
-  margin-left: auto;
-  height: var(--ctrl-sm);
-  padding: 0 10px;
-  font-size: 12px;
-  border: 1px solid var(--border-strong);
-  background: transparent;
-  color: var(--text-dim);
-  border-radius: 6px;
-  cursor: pointer;
-  transition: color 0.15s, border-color 0.15s;
-}
-
-.ni-editbtn:hover {
-  color: var(--text);
-  border-color: var(--accent);
-}
-
 /* 标题里的 className */
 .ni-cls {
   font-style: normal;
@@ -352,28 +204,6 @@ select.ni-input {
   color: var(--text);
 }
 
-/* 事件列表 */
-.ni-event-list {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.ni-event-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 7px 10px;
-  background: transparent;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-}
-
-.ni-event-name {
-  font-size: 12px;
-  color: var(--text);
-}
-
 /* 属性树（PropTree 递归渲染） */
 .ptree {
   display: flex;
@@ -433,7 +263,7 @@ select.ni-input {
 .ptree__group-body {
   padding: 6px 0 2px 10px;
   margin-left: 6px;
-  border-left: 1px solid var(--border);
+  border-left: var(--hairline) solid var(--border);
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -478,7 +308,7 @@ select.ni-input {
   gap: 10px;
   padding: 10px 16px;
   background: var(--bg-bar);
-  border-top: 1px solid var(--border);
+  border-top: var(--hairline) solid var(--border);
 }
 
 .ni-tip {
@@ -521,101 +351,6 @@ select.ni-input {
   color: var(--text);
 }
 
-/* ===================== 事件页签（开关式：事件列表 + 开关 + 动作参数） ===================== */
-
-.ni-evt-list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.ni-evt {
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  overflow: hidden;
-  background: transparent;
-}
-
-.ni-evt-head {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 8px 12px;
-}
-
-.ni-evt-name {
-  flex: 0 0 auto;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--text);
-  white-space: nowrap;
-}
-
-.ni-evt-desc {
-  flex: 1 1 auto;
-  min-width: 0;
-  font-size: 12px;
-  color: var(--text-faint);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-/* 开关：与 setter 家族 .st-switch 同语言（发丝线轨道 + soft 开启态），不用实心 accent 填充 */
-.ni-switch {
-  flex: 0 0 auto;
-  position: relative;
-  width: 34px;
-  height: 18px;
-  padding: 0;
-  margin: 0;
-  border: 1px solid var(--border-strong);
-  border-radius: 999px;
-  background: var(--bg-hover);
-  cursor: pointer;
-  transition: background 0.16s, border-color 0.16s;
-  flex-shrink: 0;
-}
-
-.ni-switch.is-on {
-  background: var(--accent-soft);
-  border-color: var(--accent-border);
-}
-
-.ni-switch__dot {
-  position: absolute;
-  top: 1px;
-  left: 1px;
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  background: var(--text-dim);
-  transition: transform 0.16s, background 0.16s;
-}
-
-.ni-switch.is-on .ni-switch__dot {
-  transform: translateX(16px);
-  background: var(--accent);
-}
-
-.ni-evt-body {
-  padding: 4px 12px 12px;
-  border-top: 1px solid var(--border);
-}
-
-.ni-evt-body .ni-field-row {
-  margin-top: 12px;
-  margin-bottom: 0;
-}
-
-.ni-evt-body .ni-field-row:first-child {
-  margin-top: 10px;
-}
-
-.ni-evt-body .ptree {
-  margin-top: 8px;
-}
-
 /* 整行铺开的控件（代码编辑器） */
 .ptree__row--block {
   flex-direction: column;
@@ -636,10 +371,6 @@ select.ni-input {
     height: 100vh;
     border-radius: 0;
   }
-
-  .ni-prop-label {
-    flex: 0 0 72px;
-  }
 }
 
 /* ===================== 事件编辑抽屉（EventEditor.vue，右侧滑出） ===================== */
@@ -669,7 +400,7 @@ select.ni-input {
   display: flex;
   flex-direction: column;
   background: var(--bg-panel);
-  border-left: 1px solid var(--border-strong);
+  border-left: var(--hairline) solid var(--border-strong);
   box-shadow: var(--shadow-5);
   overflow: hidden;
 }
@@ -705,7 +436,7 @@ select.ni-input {
   align-items: center;
   justify-content: space-between;
   padding: 10px 16px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--hairline) solid var(--border);
   flex-shrink: 0;
 }
 
@@ -760,7 +491,7 @@ select.ni-input {
   align-items: center;
   justify-content: space-between;
   gap: 10px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--hairline) solid var(--border);
   padding: 8px 16px;
 }
 
@@ -922,24 +653,6 @@ select.ni-input {
   text-overflow: ellipsis;
 }
 
-.ee-input {
-  flex: 1 1 auto;
-  min-width: 0;
-  box-sizing: border-box;
-  font-size: 12px;
-  padding: 6px 10px;
-  background: var(--bg-input);
-  color: var(--text);
-  border: 1px solid var(--border-strong);
-  border-radius: 6px;
-  outline: none;
-  transition: border-color 0.15s;
-}
-
-.ee-input:focus { border-color: var(--accent); }
-
-select.ee-input { height: 32px; }
-
 /* 帮助图标按钮：与事件项同排的纯图标弱按钮 */
 .ee-help {
   flex: 0 0 auto;
@@ -1035,7 +748,7 @@ select.ee-input { height: 32px; }
   gap: 10px;
   padding: 10px 16px;
   background: var(--bg-bar);
-  border-top: 1px solid var(--border);
+  border-top: var(--hairline) solid var(--border);
 }
 
 .ee-tip {

package/dist/vendored/styles/setters.css

@@ -7,7 +7,6 @@
 
 /* ------------------------------ 通用输入 ------------------------------ */
 
-.st-input,
 .st-textarea {
   width: 100%;
   min-width: 0;
@@ -30,17 +29,14 @@
   line-height: 1.5;
   resize: none;       /* 隐藏原生拖拽手柄，统一外观 */
 }
-.st-input:focus,
 .st-textarea:focus {
   border-color: var(--accent-border);
   box-shadow: 0 0 0 2px var(--accent-soft);
 }
-.st-input:disabled,
 .st-textarea:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.st-input::placeholder,
 .st-textarea::placeholder {
   color: var(--text-faint);
 }
@@ -114,7 +110,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border-left: 1px solid var(--border);
+  border-left: var(--hairline) solid var(--border);
   background: var(--overlay-tint);
   color: var(--text-dim);
   font-size: 11px;
@@ -135,7 +131,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border-left: 1px solid var(--border);
+  border-left: var(--hairline) solid var(--border);
   color: var(--text-faint);
   cursor: pointer;
 }
@@ -148,6 +144,45 @@
   cursor: not-allowed;
   opacity: 0.55;
 }
+/* − / + 步进按钮（NumberStepper.vue）：与 __symbol / __caret 同一附属件语言
+   （--overlay-tint 底 + 发丝线分隔 + hover 提亮），只是分落在输入框两侧。 */
+.st-number__step {
+  flex: 0 0 26px;
+  width: 26px;
+  height: 100%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  background: var(--overlay-tint);
+  border: 0;
+  border-right: var(--hairline) solid var(--border);
+  color: var(--text-dim);
+  cursor: pointer;
+  user-select: none;
+  transition: background 0.12s, color 0.12s;
+}
+/* 加号在右侧，发丝线换到左边 */
+.st-number__step--inc {
+  border-right: 0;
+  border-left: var(--hairline) solid var(--border);
+}
+.st-number__step:hover:not(:disabled) {
+  background: var(--bg-hover);
+  color: var(--text);
+}
+.st-number__step:active:not(:disabled) {
+  background: var(--bg-active);
+}
+.st-number__step:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+/* 步进变体：数值夹在 − / + 之间，居中比左对齐更像读数 */
+.st-number--step .st-number__field {
+  padding: 0 4px;
+  text-align: center;
+}
 
 /* 下拉浮层容器：与 .st-number 同宽、相对定位，浮层挂在它下面而不被 .st-number 的
    overflow:hidden 裁切。此前 .st-pop / .st-pop__item 完全没有样式，单位切换菜单不可见。 */
@@ -203,7 +238,6 @@
   width: 100%;
   min-width: 0;
   border-radius: 2px;
-  /* overflow: hidden; */
   border: 1px solid var(--border);
 }
 .st-seg__item {
@@ -218,14 +252,13 @@
   gap: 3px;
   padding: 0 4px;
   background: var(--bg-input);
-  border-left: 1px solid var(--border);
+  border-left: var(--hairline) solid var(--border);
   color: var(--text-dim);
   font-size: 12px;
   line-height: 1;
   cursor: pointer;
   user-select: none;
   white-space: nowrap;
-  /* overflow: hidden; */
   transition: background 0.12s, color 0.12s;
 }
 .st-seg__item:first-child {
@@ -484,7 +517,7 @@
   border-radius: 50%;
   background: var(--on-accent);
   border: 2px solid var(--border-strong);
-  box-shadow: 0 1px 3px rgba(0,0,0,.3);
+  box-shadow: 0 1px 3px var(--shadow-toast);
   cursor: pointer;
 }
 .st-color__alpha-slider::-moz-range-thumb {
@@ -493,7 +526,7 @@
   border-radius: 50%;
   background: var(--on-accent);
   border: 2px solid var(--border-strong);
-  box-shadow: 0 1px 3px rgba(0,0,0,.3);
+  box-shadow: 0 1px 3px var(--shadow-toast);
   cursor: pointer;
 }
 .st-color__alpha-val {
@@ -636,7 +669,8 @@
   margin-top: 6px;
 }
 .st-iconsel__cell {
-  height: 26px;
+  /* 图标格取正方：高随列宽（1fr）走，避免 8 列网格下出现扁格 */
+  aspect-ratio: 1;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -695,20 +729,12 @@
   gap: 6px;
   padding: 4px 8px;
   background: var(--overlay-tint);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--hairline) solid var(--border);
   font-size: 11px;
   color: var(--text-dim);
   cursor: pointer;
   user-select: none;
 }
-.st-list__title {
-  flex: 1 1 auto;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--text);
-}
 .st-list__op {
   flex: 0 0 auto;
   width: 22px;
@@ -899,11 +925,6 @@
   line-height: normal;
 }
 
-.st-code__warn {
-  margin-left: auto;
-  color: var(--code-warn);
-}
-
 /* Prism 高亮配色（变量驱动，随主题切换；暗色默认=原硬编码值） */
 .st-code__editor .token.comment,
 .st-code__editor .token.prolog,
@@ -967,7 +988,7 @@
   padding: 2px 8px;
   font-size: 11px;
   color: var(--text-dim);
-  border-top: 1px solid var(--border);
+  border-top: var(--hairline) solid var(--border);
   background: var(--bg-soft);
   user-select: none;
   line-height: 1.5;
@@ -1027,25 +1048,3 @@
   width: 100%;
   min-width: 0;
 }
-
-.st-raw {
-  width: 100%;
-  min-width: 0;
-  font-size: 11px;
-  color: var(--text-dim);
-  word-break: break-all;
-  background: var(--bg-input);
-  border: 1px dashed var(--border);
-  border-radius: 5px;
-  padding: 4px 8px;
-}
-.st-raw__type {
-  color: var(--text-faint);
-  margin-right: 4px;
-}
-
-/* Inspector / 抽屉内 setter 升一档（28 → 32），与节点面板控件高度对齐 */
-.ni-body .st-input,
-.ee-detail-body .st-input {
-  height: var(--ctrl-md);
-}