*{box-sizing:border-box;} html,body{margin:0;padding:0;background:#f5f1e8;} body{max-width:480px;margin:0 auto;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent;}
/* 全局样式 · 宣纸墨香 · 新中式浅色主题 */
body {
  background: #f7f4ec;
  color: #2f2e33;
  font-size: 14.00px;
  line-height: 1.65;
}

/* 四化色板：禄松绿 / 权藤紫 / 科黛蓝 / 忌朱红 */
.c-lu  { color: #27a06b; }
.c-quan{ color: #7c53c9; }
.c-ke  { color: #3b8ac6; }
.c-ji  { color: #d95353; }
.c-xiang{ color: #b8862d; }

.bg-lu  { background: rgba(39, 160, 107, 0.08); border-color: rgba(39, 160, 107, 0.32); }
.bg-quan{ background: rgba(124, 83, 201, 0.08); border-color: rgba(124, 83, 201, 0.32); }
.bg-ke  { background: rgba(59, 138, 198, 0.08); border-color: rgba(59, 138, 198, 0.32); }
.bg-ji  { background: rgba(217, 83, 83, 0.08); border-color: rgba(217, 83, 83, 0.32); }
.bg-xiang { background: rgba(184, 134, 45, 0.07); border-color: rgba(184, 134, 45, 0.28); }

.card {
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.06);
  border-radius: 12.00px;
  margin: 10.00px 12.00px;
  padding: 13.00px 15.00px;
  box-shadow: 0 2.00px 12.00px rgba(140, 120, 70, 0.06);
}

.section-title {
  display: flex;
  align-items: center;
  margin: 20.00px 14.00px 4.00px;
  font-size: 16.00px;
  font-weight: 600;
  color: #2f2e33;
}
.section-title::before {
  content: '';
  width: 4.00px;
  height: 15.00px;
  border-radius: 2.00px;
  background: linear-gradient(#b8862d, #7c53c9);
  margin-right: 7.00px;
}

.hua-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22.00px;
  height: 22.00px;
  border-radius: 6.00px;
  font-size: 14.00px;
  font-weight: 700;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.7);
}

.text-body {
  white-space: pre-line;
  font-size: 13.50px;
  color: #4a4850;
}

/* 条目卡（带四化色边） */
.hua-card {
  border-radius: 10.00px;
  border: 0.50px solid rgba(47, 46, 51, 0.08);
  padding: 11.00px 13.00px;
  margin: 9.00px 12.00px;
  box-shadow: 0 1.00px 8.00px rgba(140, 120, 70, 0.05);
}
.hua-card-head {
  display: flex;
  align-items: center;
}
.hua-card-title {
  margin-left: 8.00px;
  font-size: 14.50px;
  font-weight: 600;
  color: #2f2e33;
}

/* 摘要行 / 展开 */
.preview-line {
  margin-top: 5.00px;
  font-size: 12.50px;
  color: #8d8a80;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.more { color: #7c53c9; font-size: 11.50px; margin-left: 5.00px; }

/* 搜索关键词高亮：金色马克笔底（避免与四化红忌混淆） */
.hl {
  color: #7a5a10; font-weight: 600;
  background: rgba(255, 214, 90, 0.45);
  border-radius: 2.00px;
}

/* 收藏星标 */
.fav-btn {
  margin-left: auto;
  flex-shrink: 0;
  padding: 3.00px 5.00px;
  font-size: 17.00px;
  line-height: 1;
  color: #c9c4b4;
}
.fav-on { color: #b8862d; }

/* 通用小按钮 / 芯片 */
.btn {
  display: inline-block;
  padding: 6.00px 16.00px;
  border-radius: 16.00px;
  font-size: 12.50px;
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.14);
  color: #4a4850;
}
.btn-primary {
  background: #2f2e33;
  color: #f7f4ec;
  border-color: #2f2e33;
}
.btn-danger { color: #d95353; border-color: rgba(217, 83, 83, 0.4); }
.jump-chip {
  font-size: 10.50px;
  color: #7c53c9;
  background: rgba(124, 83, 201, 0.1);
  border-radius: 4.00px;
  padding: 2.00px 7.00px;
  margin-left: 6.00px;
  flex-shrink: 0;
}

.empty-tip {
  text-align: center;
  color: #a09b8c;
  padding: 40.00px 20.00px;
  font-size: 13.00px;
}

.foot {
  text-align: center;
  color: #b3ad9c;
  font-size: 10.50px;
  margin: 22.00px 0 12.00px;
}

.page { padding-bottom: 20.00px; }

.hero { padding: 20.00px 16.00px 8.00px; }
.hero-title {
  font-size: 22.00px;
  font-weight: 700;
  letter-spacing: 4.00px;
  color: #2f2e33;
}
.hero-sub { margin-top: 5.00px; font-size: 12.00px; color: #8d8a80; letter-spacing: 0.50px; }

/* 拖拽模式切换 */
.mode-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 12.00px 6.00px;
}
.mode-seg {
  display: flex;
  background: rgba(47, 46, 51, 0.06);
  border-radius: 16.00px;
  padding: 2.00px;
}
.mode-opt {
  font-size: 11.50px;
  color: #6f6b5f;
  padding: 5.00px 13.00px;
  border-radius: 14.00px;
}
.mode-on {
  color: #ffffff;
  font-weight: 600;
  background: #b8862d;
  box-shadow: 0 2.00px 6.00px rgba(184, 134, 45, 0.35);
}
.mode-reset {
  font-size: 11.50px;
  color: #7c53c9;
  border: 0.50px solid rgba(124, 83, 201, 0.4);
  border-radius: 13.00px;
  padding: 4.00px 10.00px;
  background: rgba(124, 83, 201, 0.06);
}

/* 盘面 */
.chart {
  position: relative;
  margin: 8.00px 12.00px;
  border: 0.50px solid rgba(184, 134, 45, 0.25);
  border-radius: 14.00px;
  background: #fffdf6;
  padding: 7.00px;
  box-shadow: 0 4.00px 16.00px rgba(140, 120, 70, 0.08);
}
.chart-row { display: flex; }
.p-cell {
  flex: 1;
  height: 74.00px;
  margin: 3.50px;
  border-radius: 9.00px;
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
}
.p-gz {
  position: absolute;
  right: 6.00px;
  top: 5.00px;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.15;
  z-index: 2;
}
.p-zhi { font-size: 11.00px; color: #b8862d; opacity: 0.75; }
.p-name { font-size: 14.50px; font-weight: 600; color: #2f2e33; letter-spacing: 1.00px; }
/* 宫名水印大字：该宫有时间轴徽标时，宫名首字作半透明灰背景（绝对居中，不占 flex 流），星曜浮于其上 */
.p-wm { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 42.00px; font-weight: 800; color: rgba(90, 90, 96, 0.14); line-height: 1; letter-spacing: 0; pointer-events: none; z-index: 0; }
/* 流年/大运宫位缩写：横排置顶边（左上角一行「流命 大命」），抓取浮层小点改到其下方，互不重叠 */
.flow-badges { position: absolute; left: 4.00px; top: 3.00px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 2.00px; z-index: 3; max-width: 75.00px; }
.fb { font-size: 9.00px; line-height: 1.2; font-weight: 700; padding: 0.50px 3.00px; border-radius: 3.00px; color: #fff; }
.fb-flow { background: #607d8b; }   /* 流年：蓝灰（避开禄绿#27a06b/权紫/科蓝/忌红/金） */
.fb-decade { background: #8d6e63; }  /* 大运：棕（与四化色及金色均不撞） */
.fb-month { background: #00838f; }     /* 流月：青（避开四化色系） */
.fb-day { background: #c2185b; }       /* 流日：品红（避开四化色系） */
/* 流月→左下角、流日→右下角（宫格内容居中，两底角最空），与顶部流年/大运、居中宫名错开不遮字 */
.fb-bl { position: absolute; left: 3.00px; bottom: 2.00px; z-index: 4; }
.fb-br { position: absolute; right: 3.00px; bottom: 2.00px; z-index: 4; }

/* 拖拽态 */
.p-src {
  border-color: #b8862d;
  box-shadow: 0 0 0 1.00px rgba(184, 134, 45, 0.35);
}
/* 拖拽中：源格掏空，呼应「被拿起」 */
.p-src.p-taken {
  background: rgba(255, 255, 255, 0.35);
  border-style: dashed;
  box-shadow: none;
  opacity: 0.5;
}
.p-src.p-taken .p-gz, .p-src.p-taken .p-name { opacity: 0.25; }
.p-drop {
  background: rgba(124, 83, 201, 0.08);
  border: 1.00px dashed #7c53c9;
}
.p-drop .p-name { color: #7c53c9; }

/* 中宫占位（仅占位，不渲染内容） */
.p-empty { background: transparent; border: none; }

/* 中宫：绝对居中，整块只出现一次 */
.chart-center {
  position: absolute;
  left: 25%;
  top: 25%;
  width: 50%;
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 0.50px dashed rgba(184, 134, 45, 0.4);
  border-radius: 10.00px;
  background: rgba(184, 134, 45, 0.04);
  box-sizing: border-box;
  padding: 4.00px;
}
.cc-title {
  font-size: 13.00px; color: #b8862d; font-weight: 700; letter-spacing: 2.00px;
  padding: 4.00px 12.00px; border-radius: 8.00px;
}
/* 四化图例：自上而下居中，行高拉满中宫空间，热区大不易按错 */
.cc-legend { flex: 1; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; margin: 3.00px 0 5.00px; width: 100%; }
.lg-item {
  display: flex; align-items: center; justify-content: center;
  width: 80%; padding: 5.00px 0; border-radius: 8.00px;
}
.lg-dot { width: 7.00px; height: 7.00px; border-radius: 50%; margin-right: 7.00px; flex-shrink: 0; }
.lg-name { width: 24.00px; font-size: 14.00px; font-weight: 600; color: #2f2e33; }
.lg-word { font-size: 12.00px; color: #8d8878; }
.d-lu { background: #27a06b; }
.d-quan { background: #7c53c9; }
.d-ke { background: #3b8ac6; }
.d-ji { background: #d95353; }
.cc-hit { background: rgba(184, 134, 45, 0.12); }

/* 被抓起的宫格：跟随手指，中心对齐触点 */
.drag-ghost {
  position: fixed;
  width: 85.00px;
  height: 56.00px;
  margin: -28.00px 0 0 -42.50px;
  z-index: 300;
  background: #fffdf6;
  border: 1.00px solid #b8862d;
  border-radius: 10.00px;
  box-shadow: 0 9.00px 24.00px rgba(47, 46, 51, 0.35);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: rotate(-4deg) scale(1.12);
  pointer-events: none; /* 不拦截触摸，命中测试照常 */
}
.ghost-near {
  border-color: #7c53c9;
  box-shadow: 0 9.00px 24.00px rgba(124, 83, 201, 0.4);
  transform: rotate(-4deg) scale(1.2);
}
.g-zhi { font-size: 13.00px; color: #b8862d; font-weight: 700; }
.g-name { font-size: 12.00px; color: #2f2e33; font-weight: 600; margin-top: 1.00px; }

/* 拖拽悬浮提示 */
.drag-tip {
  position: fixed;
  left: 50%;
  bottom: 100.00px;
  transform: translateX(-50%);
  background: rgba(47, 46, 51, 0.9);
  color: #fdf9ee;
  font-size: 13.00px;
  padding: 8.00px 18.00px;
  border-radius: 20.00px;
  box-shadow: 0 4.00px 15.00px rgba(0, 0, 0, 0.2);
  z-index: 99;
  white-space: nowrap;
}

/* 搜索入口 */
.search-bar {
  margin: 16.00px 12.00px 4.00px;
  background: #ffffff;
  border: 0.50px solid rgba(184, 134, 45, 0.3);
  border-radius: 22.00px;
  padding: 10.00px 15.00px;
  display: flex;
  align-items: center;
  box-shadow: 0 2.00px 10.00px rgba(140, 120, 70, 0.06);
}
.search-hover { background: rgba(184, 134, 45, 0.06); }
.search-icon { margin-right: 7.00px; font-size: 13.00px; }
.search-placeholder { color: #a09b8c; font-size: 13.00px; }

/* 模拟飞化开关（转宫排序旁） */
.mode-right { display: flex; align-items: center; }
.sim-switch {
  display: flex; align-items: center;
  font-size: 11.50px; color: #6f6b5f;
  background: rgba(47, 46, 51, 0.06);
  border-radius: 15.00px;
  padding: 4.00px 10.00px 4.00px 5.00px;
  margin-right: 6.00px;
}
.sim-track {
  width: 28.00px; height: 16.00px; border-radius: 8.00px;
  background: #cfcabd; position: relative;
  margin-right: 5.00px; transition: background 0.2s; flex-shrink: 0;
}
.sim-knob {
  position: absolute; top: 2.00px; left: 2.00px;
  width: 12.00px; height: 12.00px; border-radius: 50%;
  background: #fff; transition: left 0.2s;
  box-shadow: 0 1.00px 3.00px rgba(0, 0, 0, 0.2);
}
.sim-on { color: #ffffff; font-weight: 600; background: #b8862d; box-shadow: 0 2.00px 6.00px rgba(184, 134, 45, 0.35); }
.sim-on .sim-track { background: #27a06b; }
.sim-on .sim-knob { left: 14.00px; }

/* 模拟飞化 · 子模式（手工 / 自动）切换 */
.sim-type { display: flex; margin: 7.00px 12.00px 0; background: rgba(47, 46, 51, 0.06); border-radius: 15.00px; padding: 2.00px; }
.st-opt { flex: 1; text-align: center; font-size: 12.00px; color: #6f6b5f; padding: 6.00px 0; border-radius: 13.00px; }
.st-on { color: #fff; font-weight: 600; background: #b8862d; box-shadow: 0 2.00px 6.00px rgba(184, 134, 45, 0.35); }

/* 自动飞化：下一步建议 */
.auto-box { margin: 6.00px 12.00px 2.00px; background: #fffdf6; border: 0.50px solid rgba(124, 83, 201, 0.3); border-radius: 10.00px; padding: 10.00px 12.00px; }
.auto-sug { font-size: 13.50px; color: #2f2e33; font-weight: 600; }
.auto-reason { font-size: 11.50px; color: #7c53c9; margin: 4.00px 0 7.00px; line-height: 1.5; }
.auto-btn { display: inline-block; font-size: 13.50px; font-weight: 600; color: #fff; background: #7c53c9; border-radius: 18.00px; padding: 7.00px 22.00px; box-shadow: 0 2.00px 7.00px rgba(124, 83, 201, 0.35); }
/* 自动飞化：每步吉凶属性标签 */
.auto-kind { display: inline-block; margin-top: 5.00px; font-size: 11.50px; font-weight: 600; padding: 2.00px 8.00px; border-radius: 12.00px; }
.auto-kind.k-ji { color: #27a06b; background: rgba(39, 160, 107, 0.12); }
.auto-kind.k-turn { color: #2e8fa3; background: rgba(46, 143, 163, 0.12); }
.c-turn { color: #2e8fa3; }
.auto-kind.k-xiong { color: #d95353; background: rgba(217, 83, 83, 0.12); }
.auto-kind.k-zhong { color: #8d8a80; background: rgba(141, 138, 128, 0.12); }
.auto-end { font-size: 12.00px; color: #27a06b; line-height: 1.5; }

/* 起宫高亮（手工飞化） */
.p-from { border-color: #27a06b; box-shadow: 0 0 0 1.00px rgba(39, 160, 107, 0.4); }
.p-from .p-name { color: #27a06b; }

/* 抓起飞化：落点宫外圈高亮（颜色随四化，脉冲动画）+ 起点宫自化闪烁 */
.hint-ring {
  position: absolute; left: 2.00px; top: 2.00px; right: 2.00px; bottom: 2.00px;
  border-radius: 7.00px; border-width: 2.50px; border-style: solid;
  pointer-events: none; z-index: 5; animation: hintPulse 1s ease-in-out infinite;
}
@keyframes hintPulse { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }
.hr-lu { border-color: #27a06b; }
.hr-quan { border-color: #7c53c9; }
.hr-ke { border-color: #3b8ac6; }
.hr-ji { border-color: #d95353; }
.p-grab { box-shadow: 0 0 0 1.50px #b8862d, 0 4.00px 11.00px rgba(184, 134, 45, 0.3); transform: scale(1.05); z-index: 7; }
.p-self { animation: selfBlink 0.9s ease-in-out infinite; border: 1.50px solid #b8862d !important; }
@keyframes selfBlink { 0%, 100% { box-shadow: 0 0 0 1.00px rgba(184, 134, 45, 0.55); } 50% { box-shadow: 0 0 0 3.50px rgba(184, 134, 45, 0.12); } }
.self-dots { position: absolute; top: 16.00px; left: 5.00px; display: flex; z-index: 5; }
.self-dots .hd { margin: 0 1.00px; }
/* 落点宫承接多个四化（禄忌同宫等）时，除主色环外再标一圈小点标出全部四化 */
.hint-dots { position: absolute; top: 16.00px; left: 5.00px; display: flex; z-index: 6; }
.hint-dots .hd { margin: 0 1.00px; }

/* 模拟提示 + 四化选择条 */
.sim-hint { margin: 2.00px 14.00px 4.00px; font-size: 11.00px; color: #a09b8c; line-height: 1.5; }
.hua-bar { margin: 2.00px 12.00px 5.00px; background: #fffdf6; border: 0.50px solid rgba(184, 134, 45, 0.25); border-radius: 10.00px; padding: 7.00px 10.00px; }
.hua-bar-tip { font-size: 11.50px; color: #8d8a80; }
.hua-bar-hd { display: flex; align-items: center; justify-content: space-between; }
.hua-gan-link { font-size: 11.50px; color: #b8862d; font-weight: 700; padding: 1.00px 5.00px; border: 0.50px solid rgba(184, 134, 45, 0.4); border-radius: 7.00px; }
.hua-chips { display: flex; margin-top: 5.00px; }
.hua-chip { flex: 1; text-align: center; font-size: 15.00px; font-weight: 700; padding: 6.00px 0; margin: 0 4.00px; border-radius: 8.00px; background: #fff; border: 0.50px solid rgba(47, 46, 51, 0.1); }
.hua-chip.sel { border-color: #b8862d; background: rgba(184, 134, 45, 0.12); box-shadow: 0 0 0 1.00px rgba(184, 134, 45, 0.3); }
.h-lu { color: #27a06b; } .h-quan { color: #7c53c9; } .h-ke { color: #3b8ac6; } .h-ji { color: #d95353; }

/* 飞化轨迹连线（DOM 圆点链：真机已验证绝对定位+transform 可渲染，image 不支持 SVG 故弃用） */
.fly-layer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; pointer-events: none; }
.fly-dot { position: absolute; width: 4.5px; height: 4.5px; border-radius: 50%; margin: -2.25px 0 0 -2.25px; opacity: 0.65; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7); }
.fly-head2 { position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 11px solid; }
.fly-badge { position: absolute; width: 19px; height: 19px; line-height: 19px; border-radius: 50%; color: #fff; font-size: 11px; font-weight: 600; text-align: center; margin: -9.5px 0 0 -9.5px; box-sizing: content-box; pointer-events: auto; }
.fly-badge::after { content: ''; position: absolute; left: -8px; top: -8px; right: -8px; bottom: -8px; border-radius: 50%; }
.chart-center { z-index: 6; }
/* 模拟飞化时中宫图例不接收触摸，避免拖动序号牌经过时误触「禄权科忌」解释 */
.chart-center.cc-sim { pointer-events: none; }

/* 待转忌清单（禄随忌走） */
/* 待转忌清单（禄随忌走）——忌为禄之通道（追禄得失），非凶化 → 金色中性而非警示红 */
.pend-box { margin: 7.00px 12.00px 0; background: rgba(184, 134, 45, 0.07); border: 0.50px solid rgba(184, 134, 45, 0.35); border-radius: 8.00px; padding: 7.00px 9.00px; }
.pend-head { font-size: 12.50px; color: #b8862d; font-weight: 600; margin-bottom: 3.00px; }
.pend-item { display: flex; align-items: center; justify-content: space-between; padding: 4.00px 0; }
.pend-txt { font-size: 12.00px; color: #6a5a52; flex: 1; line-height: 1.5; }
.pend-go { font-size: 12.00px; color: #b8862d; border: 0.50px solid #b8862d; border-radius: 6.00px; padding: 3.00px 8.00px; flex-shrink: 0; margin-left: 7.00px; }

/* 宫位标记（模拟模式）：天干 + 逐颗四化着色星曜（生年实心填色 / 命干空心描边）/ 自化角标 */
.p-ganstar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2.00px 3.00px; margin-top: 1.00px; padding: 0 3.00px; position: relative; z-index: 1; }
.p-gan { font-size: 10.00px; color: #b8862d; opacity: 0.75; }
.p-star { font-size: 10.50px; color: #b8862d; line-height: 1.5; border-radius: 4.00px; padding: 0.50px 3.00px; }
/* 生年四化 → 星名实心徽章（四化色底 + 白字，如图“忌”） */
.st-b-lu { color: #fff; background: #27a06b; font-weight: 700; }
.st-b-quan { color: #fff; background: #7c53c9; font-weight: 700; }
.st-b-ke { color: #fff; background: #3b8ac6; font-weight: 700; }
.st-b-ji { color: #fff; background: #d95353; font-weight: 700; }
/* 命干四化 → 星名空心徽章（四化色描边 + 透底 + 彩字，如图“科”） */
.st-m-lu, .st-m-quan, .st-m-ke, .st-m-ji { font-weight: 700; background: transparent; border: 1.00px solid; }
.st-m-lu { color: #27a06b; border-color: #27a06b; }
.st-m-quan { color: #7c53c9; border-color: #7c53c9; }
.st-m-ke { color: #3b8ac6; border-color: #3b8ac6; }
.st-m-ji { color: #d95353; border-color: #d95353; }
/* 编辑器：各星四化标注 */
.star-hua-block { border: 0.50px solid #3a3940; border-radius: 6.00px; padding: 4.00px 6.00px; margin-top: 4.00px; background: #232227; }
.sh-name { font-size: 12.50px; color: #b8862d; font-weight: 600; margin-bottom: 2.00px; }
.sh-row { display: flex; align-items: center; margin-top: 2.00px; }
.sh-tag { font-size: 10.50px; color: #8a8794; width: 28.00px; flex-shrink: 0; }
.chip.mini { font-size: 10.00px; padding: 2.00px 5.00px; }
.chip.mini .hd { width: 6.00px; height: 6.00px; margin-right: 2.50px; }
.hd {
  display: inline-block; width: 7.00px; height: 7.00px; border-radius: 50%;
  box-sizing: border-box; margin: 0 1.50px; flex-shrink: 0; vertical-align: middle;
}
.s-lu { background: #27a06b; } .s-quan { background: #7c53c9; } .s-ke { background: #3b8ac6; } .s-ji { background: #d95353; }
.o-lu { border: 1.50px solid #27a06b; } .o-quan { border: 1.50px solid #7c53c9; } .o-ke { border: 1.50px solid #3b8ac6; } .o-ji { border: 1.50px solid #d95353; }
/* 自化：朝外箭头（颜色随禄绿/权紫/科蓝/忌红，朝向随格位几何位置） */
.zh-arrow {
  position: absolute; width: 0; height: 0; z-index: 4;
  border-left: 4.50px solid transparent; border-right: 4.50px solid transparent;
  border-bottom: 8.00px solid #d95353;
  filter: drop-shadow(0 0.50px 1.00px rgba(0, 0, 0, 0.15));
}
/* 自化箭头骑到宫格【外边缘】（负偏移落入格子 margin 3.50px + 盘面 padding 7.00px 的 10.50px 空档），避开格内左上角流年/大运徽标 */
.dir-0   { top: -7.50px;  left: 50%;  margin-left: -4.50px; --rot: 0deg; }
.dir-45  { top: -6.00px;  right: -6.00px;  --rot: 45deg; transform: rotate(45deg); }
.dir-90  { top: 50%;   right: -7.50px;  margin-top: -4.00px;  --rot: 90deg; transform: rotate(90deg); }
.dir-135 { bottom: -6.00px; right: -6.00px; --rot: 135deg; transform: rotate(135deg); }
.dir-180 { bottom: -7.50px; left: 50%; margin-left: -4.50px; --rot: 180deg; transform: rotate(180deg); }
.dir-225 { bottom: -6.00px; left: -6.00px;  --rot: 225deg; transform: rotate(225deg); }
.dir-270 { top: 50%;   left: -7.50px;  margin-top: -4.00px;  --rot: 270deg; transform: rotate(270deg); }
.dir-315 { top: -6.00px;  left: -6.00px;  --rot: 315deg; transform: rotate(315deg); }
.za-lu { border-bottom-color: #27a06b; }
.za-quan { border-bottom-color: #7c53c9; }
.za-ke { border-bottom-color: #3b8ac6; }
.za-ji { border-bottom-color: #d95353; }
/* 空心＝SVG 描边箭头：透明内部 + 彩色轮廓，尺寸饱满清晰，且是「轮廓」而非白块/细线，避免与点状飞化轨迹混淆（自化+对宫通用）。
   SVG 箭头本身朝上、尖在顶边中点(≈元素中心)，故旋转直接用 --rot(与实心 border 三角同角，无需 +45° 校正)。 */
.zh-arrow.chev {
  border: none; width: 14.00px; height: 14.00px; filter: none;
  background-repeat: no-repeat; background-position: center; background-size: 14.00px 14.00px;
  transform: rotate(var(--rot, 0deg));
}
.zh-arrow.chev.za-lu   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 L22 21 L2 21 Z' fill='none' stroke='%2327a06b' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.zh-arrow.chev.za-quan { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 L22 21 L2 21 Z' fill='none' stroke='%237c53c9' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.zh-arrow.chev.za-ke   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 L22 21 L2 21 Z' fill='none' stroke='%233b8ac6' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.zh-arrow.chev.za-ji   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 L22 21 L2 21 Z' fill='none' stroke='%23d95353' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* 对宫标识箭头：贴本宫与中宫交界的内边缘(oedge)，箭头朝向对宫方位(orot) */
.opp-arrow { z-index: 6; }
/* 位置：箭头主体探入中宫、仅底边搭本宫边线（三角高8.00px→偏移-8.00px） */
.oedge-t { top: -8.00px;    left: 50%; margin-left: -4.50px; --rot: 0deg; }
.oedge-b { bottom: -8.00px; left: 50%; margin-left: -4.50px; --rot: 180deg; }
.oedge-r { top: 50%;  right: -8.00px; margin-top: -4.00px; }
.oedge-l { top: 50%;  left: -8.00px;  margin-top: -4.00px; }
/* 角宫：箭头放到朝中宫的那个角（tl=左上/tr=右上/bl=左下/br=右下），避免与相邻边宫箭头混淆 */
.oedge-tl { top: -6.00px;   left: -6.00px; }
.oedge-tr { top: -6.00px;   right: -6.00px; }
.oedge-bl { bottom: -6.00px; left: -6.00px; }
.oedge-br { bottom: -6.00px; right: -6.00px; }
/* 朝向：指向对宫的方位角（基三角朝上=0°，顺时针） */
.orot-0   { --rot: 0deg; transform: rotate(0deg); }
.orot-45  { --rot: 45deg; transform: rotate(45deg); }
.orot-90  { --rot: 90deg; transform: rotate(90deg); }
.orot-135 { --rot: 135deg; transform: rotate(135deg); }
.orot-180 { --rot: 180deg; transform: rotate(180deg); }
.orot-225 { --rot: 225deg; transform: rotate(225deg); }
.orot-270 { --rot: 270deg; transform: rotate(270deg); }
.orot-315 { --rot: 315deg; transform: rotate(315deg); }
/* 同一内边缘多个对宫四化时沿边错开 */
.oedge-t.ozi-1, .oedge-b.ozi-1 { margin-left: -17.00px; }
.oedge-t.ozi-2, .oedge-b.ozi-2 { margin-left: 8.00px; }
.oedge-r.ozi-1, .oedge-l.ozi-1 { margin-top: -15.00px; }
.oedge-r.ozi-2, .oedge-l.ozi-2 { margin-top: 7.00px; }
/* 同宫多个自化：沿所在外缘错开排布（按 zi-0..3 序号，与 dir 组合） */
.dir-0.zi-1 { margin-left: -17.50px; } .dir-0.zi-2 { margin-left: 8.50px; } .dir-0.zi-3 { margin-left: -26.50px; }
.dir-180.zi-1 { margin-left: -17.50px; } .dir-180.zi-2 { margin-left: 8.50px; } .dir-180.zi-3 { margin-left: -26.50px; }
.dir-90.zi-1 { margin-top: -17.00px; } .dir-90.zi-2 { margin-top: 9.00px; } .dir-90.zi-3 { margin-top: -26.00px; }
.dir-270.zi-1 { margin-top: -17.00px; } .dir-270.zi-2 { margin-top: 9.00px; } .dir-270.zi-3 { margin-top: -26.00px; }
.dir-45.zi-1 { right: -16.00px; } .dir-45.zi-2 { top: -16.00px; } .dir-45.zi-3 { right: -16.00px; top: -16.00px; }
.dir-135.zi-1 { right: -16.00px; } .dir-135.zi-2 { bottom: -16.00px; } .dir-135.zi-3 { right: -16.00px; bottom: -16.00px; }
.dir-225.zi-1 { left: -16.00px; } .dir-225.zi-2 { bottom: -16.00px; } .dir-225.zi-3 { left: -16.00px; bottom: -16.00px; }
.dir-315.zi-1 { left: -16.00px; } .dir-315.zi-2 { top: -16.00px; } .dir-315.zi-3 { left: -16.00px; top: -16.00px; }
/* 编辑器：自化只读展示（自动推导） */
.zi-ro { display: inline-block; font-size: 12.00px; font-weight: 700; padding: 2.00px 8.00px; border-radius: 12.00px; margin: 2.00px 4.00px 2.00px 0; color: #fff; }
.zi-ro.c-lu { background: #27a06b; } .zi-ro.c-quan { background: #7c53c9; } .zi-ro.c-ke { background: #3b8ac6; } .zi-ro.c-ji { background: #d95353; }
.zi-ro-tip { font-size: 11.00px; color: #8a857c; }

/* 模拟区块标题 */
.section-title { display: flex; align-items: center; margin: 18.00px 14.00px 4.00px; font-size: 16.00px; font-weight: 600; color: #2f2e33; }
.section-title::before { content: ''; width: 4.00px; height: 15.00px; border-radius: 2.00px; background: linear-gradient(#b8862d, #7c53c9); margin-right: 7.00px; }
.sec-clear { margin-left: auto; font-size: 12.00px; font-weight: 400; color: #d95353; padding: 2.00px 6.00px; }
/* 轨迹工具区：隐藏/显示切换 + 清空，靠右 */
.sec-tools { margin-left: auto; display: flex; align-items: center; }
.ft-caret { font-size: 12.00px; color: #b3ad9c; width: 14.00px; margin-right: 1.00px; }
.sec-tap:active { opacity: 0.6; }
.sec-eye { font-size: 12.00px; font-weight: 400; color: #7c53c9; padding: 2.00px 6.00px; }
.sec-tools .sec-clear { margin-left: 0; }
/* 轨迹不透明度滑条（淡 ↔ 浓） */
.arrow-opacity { display: flex; align-items: center; margin: 0 20.00px 3.00px; }
.ao-side { font-size: 11.00px; color: #a09b8c; flex-shrink: 0; }
.ao-slider { flex: 1; margin: 0 6.00px; }
.rule-toggle { color: #7c53c9; font-size: 14.00px; }
.empty-tip { font-size: 12.00px; color: #b3ad9c; padding: 5.00px 2.00px; }

/* 飞化列表 */
.fly-list { margin: 4.00px 12.00px; }
.fly-item { display: flex; align-items: center; background: #fff; border: 0.50px solid rgba(47, 46, 51, 0.08); border-radius: 8.00px; padding: 8.00px 11.00px; margin-bottom: 6.00px; }
/* 手工飞化拖拽排序手柄 + 拖动浮起态 */
.fly-grip { font-size: 16.00px; color: #b8862d; margin-right: 7.00px; padding: 3.00px 2.00px; line-height: 1; }
.fly-drag { position: relative; z-index: 6; background: #fffdf6; border-color: #b8862d; box-shadow: 0 4.00px 12.00px rgba(184, 134, 45, 0.32); }
.fly-from { font-size: 13.00px; color: #2f2e33; font-weight: 600; }
.fly-hua { font-size: 13.00px; font-weight: 700; margin: 0 3.00px; }
.c-lu { color: #27a06b; } .c-quan { color: #7c53c9; } .c-ke { color: #3b8ac6; } .c-ji { color: #d95353; }
.fly-star { font-size: 11.50px; color: #8d8a80; }
.fly-arrow { margin: 0 6.00px; color: #b8862d; font-size: 13.00px; }
.fly-to { font-size: 13.00px; color: #2f2e33; font-weight: 600; }
.fly-no { min-width: 18.00px; height: 18.00px; line-height: 18.00px; text-align: center; border-radius: 50%; background: #b8862d; color: #fff; font-size: 11.00px; font-weight: 700; margin-right: 2.00px; }
.fly-del { margin-left: auto; color: #d95353; font-size: 15.00px; padding: 0 4.00px; }

/* 统计 */
.stat-card { margin: 4.00px 12.00px; background: #fff; border: 0.50px solid rgba(47, 46, 51, 0.08); border-radius: 10.00px; padding: 11.00px 13.00px; box-shadow: 0 1.00px 8.00px rgba(140, 120, 70, 0.05); }
.stat-row { display: flex; align-items: center; margin-bottom: 6.00px; }
.stat-lab { font-size: 12.50px; width: 60.00px; }
.stat-num { font-size: 18.00px; font-weight: 700; width: 35.00px; text-align: center; color: #2f2e33; }
.stat-special { margin-top: 4.00px; border-top: 0.50px dashed rgba(47, 46, 51, 0.12); padding-top: 7.00px; }
.special-item { font-size: 12.50px; color: #7c53c9; padding: 3.00px 0; }
.special-item.bad { color: #d95353; }
.special-item.good { color: #27a06b; }
/* 应期（事件应验时机）小节 */
.stat-yingqi { margin-top: 5.00px; border-top: 0.50px dashed rgba(47, 46, 51, 0.12); padding-top: 7.00px; }
.yq-head { font-size: 12.50px; font-weight: 600; color: #6b5a2d; margin-bottom: 3.00px; }
.yq-item { font-size: 12.50px; padding: 3.00px 0; display: flex; flex-wrap: wrap; align-items: center; }
.yq-main { flex: 1; display: flex; flex-wrap: wrap; align-items: center; min-width: 0; }
.yq-more { font-size: 11.00px; color: #b09a5e; margin-left: 6.00px; flex-shrink: 0; }
.yq-item.good .yq-more { color: #7bb894; }
.yq-item.bad .yq-more { color: #d98c8c; }
.yq-item .yq-level { color: #8a6d1f; font-weight: 600; margin-right: 4.00px; }
.yq-item .yq-sig { color: #555; }
.yq-item.bad .yq-level { color: #d95353; }
.yq-item.bad .yq-sig { color: #c0392b; }
.yq-item.good .yq-level { color: #1f8a4c; }
.yq-item.good .yq-sig { color: #27a06b; }
.yq-count { color: #7a6a3a; font-size: 12.00px; margin-left: 3.00px; font-weight: 600; }
.yq-item.good .yq-count { color: #1f8a4c; }
.yq-item.bad .yq-count { color: #c0392b; }
.empty-tip.yq-tip { margin-top: 5.00px; }

/* 应期详情自定义弹层 */
.yqmask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.45); z-index: 50; }
.yqmodal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300.00px; max-width: 86vw; background: #fff; border-radius: 10.00px; padding: 16.00px 15.00px 12.00px; z-index: 51; box-shadow: 0 4.00px 20.00px rgba(0, 0, 0, 0.25); border-top: 4.00px solid #27a06b; }
.yqmodal.bad { border-top-color: #e25b5b; }
.yqm-head { display: flex; align-items: baseline; flex-wrap: wrap; margin-bottom: 7.00px; }
.yqm-sig { font-size: 14.50px; font-weight: 700; color: #333; margin-right: 6.00px; }
.yqmodal.good .yqm-sig { color: #1f8a4c; }
.yqmodal.bad .yqm-sig { color: #c0392b; }
.yqm-path { font-size: 11.50px; padding: 1.00px 6.00px; border-radius: 10.00px; color: #fff; background: #27a06b; }
.yqmodal.bad .yqm-path { background: #e25b5b; }
.yqm-body { max-height: 140.00px; overflow-y: auto; }
.yqm-line { display: flex; align-items: flex-start; font-size: 12.50px; line-height: 1.55; padding: 3.00px 0; color: #444; }
.yqm-dot { font-size: 9.00px; margin-right: 4.00px; margin-top: 3.00px; }
.yqmodal.good .yqm-dot, .yqmodal.good .yqm-text { color: #1f8a4c; }
.yqmodal.bad .yqm-dot, .yqmodal.bad .yqm-text { color: #c0392b; }
.yqm-bar-wrap { margin-top: 9.00px; padding-top: 8.00px; border-top: 0.50px dashed rgba(0, 0, 0, 0.1); }
.yqm-bar-label { font-size: 11.00px; color: #888; margin-bottom: 4.00px; }
.yqm-bar { height: 8.00px; border-radius: 5.00px; background: #eee; overflow: hidden; }
.yqm-bar-fill { height: 100%; border-radius: 5.00px; background: linear-gradient(90deg, #27a06b, #4fb98a); transition: width .25s ease; }
.yqmodal.bad .yqm-bar-fill { background: linear-gradient(90deg, #e25b5b, #f08a8a); }
.yqm-bar-num { font-size: 12.50px; font-weight: 700; color: #555; margin-top: 4.00px; }
.yqmodal.good .yqm-bar-num { color: #1f8a4c; }
.yqmodal.bad .yqm-bar-num { color: #c0392b; }
.yqm-tip { font-size: 11.00px; color: #999; margin-top: 2.00px; }
.yqm-ok { margin-top: 10.00px; text-align: center; font-size: 14.00px; color: #fff; background: #00838f; border-radius: 6.00px; padding: 8.00px 0; }
.yqm-ok:active { opacity: 0.85; }

/* 飞星理则 */
.rule-list { margin: 4.00px 12.00px; }
.rule-item { background: #fff; border: 0.50px solid rgba(47, 46, 51, 0.08); border-radius: 8.00px; padding: 9.00px 11.00px; margin-bottom: 6.00px; }
.rule-name { font-size: 13.50px; font-weight: 600; color: #2f2e33; }
.rule-desc { font-size: 12.00px; color: #4a4850; margin-top: 3.00px; line-height: 1.6; }
.rule-src { font-size: 10.50px; color: #b3ad9c; margin-top: 3.00px; }

/* 宫位编辑器（底部弹层） */
.sheet-mask { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); z-index: 400; }
.sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 401; background: #f7f4ec; border-radius: 14.00px 14.00px 0 0; padding: 15.00px 16.00px 24.00px; box-shadow: 0 -4.00px 20.00px rgba(0, 0, 0, 0.18); max-height: 80vh; overflow-y: auto; }
.sheet-head { font-size: 16.00px; font-weight: 700; color: #2f2e33; text-align: center; margin-bottom: 6.00px; }
.sheet-sec { font-size: 12.50px; color: #8d8a80; margin: 11.00px 0 5.00px; }
.chip-wrap { display: flex; flex-wrap: wrap; }
.chip { font-size: 13.00px; color: #4a4850; background: #fff; border: 0.50px solid rgba(47, 46, 51, 0.12); border-radius: 7.00px; padding: 6.00px 11.00px; margin: 4.00px; display: flex; align-items: center; }
.chip .hd { margin-right: 4.00px; }
.chip-on { background: #2f2e33; color: #f7f4ec; border-color: #2f2e33; }
.chip-dis { opacity: 0.32; }
.sheet-sub { font-size: 11.00px; color: #7c53c9; margin: 3.00px 0 0; }
.sheet-ok { margin-top: 15.00px; text-align: center; font-size: 15.00px; font-weight: 600; color: #fff; background: #b8862d; border-radius: 20.00px; padding: 11.00px 0; }
/* 编辑器底部操作行：左「一键重置全盘」+ 右「完成」 */
.sheet-foot { display: flex; gap: 10.00px; margin-top: 15.00px; }
.sheet-foot .sheet-ok { flex: 1; margin-top: 0; }
.sheet-reset { flex-shrink: 0; text-align: center; font-size: 14.00px; font-weight: 600; color: #9a6b1f; background: rgba(184, 134, 45, 0.12); border: 0.50px solid rgba(184, 134, 45, 0.4); border-radius: 20.00px; padding: 11.00px 13.00px; }
.sheet-reset:active { opacity: 0.7; }
/* 排盘存档区：保存/载入/删除，供学习对比 */
.arch-sec { margin-top: 11.00px; padding-top: 9.00px; border-top: 0.50px dashed rgba(47, 46, 51, 0.14); }
.arch-bar { display: flex; gap: 8.00px; }
.arch-btn { flex: 1; text-align: center; font-size: 13.00px; font-weight: 600; color: #fff; background: #3b8ac6; border-radius: 20.00px; padding: 9.00px 0; }
.arch-btn:active { opacity: 0.8; }
.arch-btn-ghost { flex: 1; color: #3b8ac6; background: rgba(59, 138, 198, 0.1); border: 0.50px solid rgba(59, 138, 198, 0.4); }
.arch-list { margin-top: 7.00px; }
.arch-item { display: flex; align-items: center; background: #fff; border: 0.50px solid rgba(47, 46, 51, 0.08); border-radius: 7.00px; padding: 7.00px 9.00px; margin-bottom: 5.00px; }
.arch-info { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.arch-name { font-size: 13.00px; color: #2f2e33; font-weight: 600; }
.arch-meta { font-size: 10.50px; color: #8d8a80; margin-top: 2.00px; }
.arch-act { font-size: 12.00px; padding: 3.00px 8.00px; border-radius: 10.00px; margin-left: 6.00px; flex-shrink: 0; }
.arch-load { color: #fff; background: #27a06b; }
.arch-del { color: #d95353; border: 0.50px solid rgba(217, 83, 83, 0.4); }
/* 流年/大运宫位设置区 */
.flow-block { margin-top: 4.00px; }
.flow-row { display: flex; align-items: center; justify-content: space-between; margin: 7.00px 0 4.00px; }
.flow-label { font-size: 13.50px; font-weight: 600; color: #2f2e33; }
.flow-sw { transform: scale(0.82); }

/* 快捷入口 */
.quick { display: flex; margin: 12.00px 12.00px 0; }
.quick-item {
  flex: 1;
  text-align: center;
  font-size: 12.00px;
  color: #4a4850;
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.08);
  border-radius: 20.00px;
  padding: 9.00px 0;
  margin: 0 4.00px;
}
.quick-hover { background: rgba(184, 134, 45, 0.08); }
.fav-num {
  display: inline-block; min-width: 16.00px; text-align: center;
  font-size: 10.00px; color: #ffffff; background: #b8862d;
  border-radius: 8.00px; padding: 1.00px 4.00px; margin-left: 4.00px;
  vertical-align: middle;
}

/* ── 飞化路径查询 ── */
.path-query { margin: 12.00px 12.00px 0; background: #ffffff; border: 0.50px solid rgba(47, 46, 51, 0.08); border-radius: 10.00px; padding: 10.00px 11.00px; }
.path-tip { font-size: 11.00px; color: #8a857c; line-height: 1.6; margin: 3.00px 0 7.00px; }
/* 缺天干非阻断提示：暖琥珀底，仅提醒路径可能不完整 */
.path-warn { font-size: 11.00px; color: #9a6b1f; background: rgba(184,134,45,0.10); border: 0.50px solid rgba(184,134,45,0.30); border-radius: 6.00px; padding: 5.00px 7.00px; line-height: 1.5; margin: 3.00px 0 5.00px; }
.path-btn {
  display: inline-block; font-size: 13.00px; color: #ffffff; background: #b8862d;
  border-radius: 20.00px; padding: 7.00px 18.00px; margin-bottom: 7.00px;
}
.path-btn:active { background: #a0741f; }
.path-list { display: flex; flex-direction: column; }
.path-item {
  display: flex; align-items: center; padding: 8.00px 7.00px; margin-bottom: 6.00px;
  background: #faf8f4; border: 0.50px solid rgba(184, 134, 45, 0.25); border-radius: 8.00px;
}
.path-item:active { background: #f3ede2; }
.path-rank {
  width: 22.00px; height: 22.00px; line-height: 22.00px; text-align: center; flex-shrink: 0;
  font-size: 13.00px; font-weight: 700; color: #b8862d; background: #fff;
  border: 0.50px solid rgba(184, 134, 45, 0.4); border-radius: 50%; margin-right: 7.00px;
}
.path-body { flex: 1; min-width: 0; }
.path-1st { display: flex; align-items: center; flex-wrap: wrap; }
.path-start { font-size: 13.50px; font-weight: 600; color: #2f2e33; }
.path-seed { font-size: 11.50px; font-weight: 600; margin-left: 5.00px; }
.path-len { font-size: 11.00px; color: #8a857c; margin-left: 5.00px; }
.path-chain { margin-top: 3.00px; font-size: 11.00px; color: #6a5a52; line-height: 1.5; word-break: break-all; }
.path-node { color: #4a4850; }
.path-sep { color: #b8862d; margin: 0 3.00px; }
.path-more { font-size: 11.00px; color: #b8862d; flex-shrink: 0; margin-left: 6.00px; }
.path-empty { margin-top: 5.00px; }
/* 路径详情弹层 */
.pathmask {
  position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 60;
}
.pathmodal {
  position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 86%; max-height: 76%; z-index: 61; background: #ffffff;
  border-radius: 11.00px; padding: 12.00px 13.00px; display: flex; flex-direction: column;
  box-shadow: 0 5.00px 20.00px rgba(0, 0, 0, 0.25);
}
.pm-head { font-size: 14.00px; font-weight: 700; color: #2f2e33; }
.pm-chain { margin: 5.00px 0 4.00px; font-size: 11.00px; color: #6a5a52; line-height: 1.5; word-break: break-all; }
.pm-node { color: #4a4850; } .pm-sep { color: #b8862d; margin: 0 3.00px; }
.pm-steps { flex: 1; margin-top: 3.00px; }
.pm-step { display: flex; padding: 7.00px 0; border-bottom: 0.50px solid #f0ece4; }
.pm-step.bad { background: rgba(255, 90, 95, 0.05); }
.pm-step.good { background: rgba(62, 207, 142, 0.05); }
.pm-no { width: 20.00px; flex-shrink: 0; font-size: 12.00px; color: #b8862d; font-weight: 700; }
.pm-txt { flex: 1; min-width: 0; }
.pm-fly { display: block; font-size: 12.50px; color: #2f2e33; }
.pm-from, .pm-to { font-weight: 600; }
.pm-reason { display: block; font-size: 10.50px; color: #6a5a52; line-height: 1.5; margin-top: 2.00px; }
.pm-tag { display: inline-block; font-size: 9.50px; padding: 1.00px 5.00px; border-radius: 5.00px; margin-top: 3.00px; }
.pm-tag.t-turn { color: #2e8fa3; background: rgba(46, 143, 163, 0.12); }
.pm-tag.t-xiong { color: #d95353; background: rgba(217, 83, 83, 0.12); }
.pm-tag.t-ji { color: #27a06b; background: rgba(39, 160, 107, 0.12); }
.pm-ok {
  margin-top: 7.00px; text-align: center; font-size: 13.00px; color: #ffffff;
  background: #b8862d; border-radius: 20.00px; padding: 8.00px 0;
}
.pm-ok:active { background: #a0741f; }

/* ── 飞化/格局 解释弹层 ── */
.expmodal { position: fixed; left: 20.00px; right: 20.00px; top: 50%; transform: translateY(-50%); z-index: 1200; background: #fffdf7; border-radius: 10.00px; padding: 13.00px 13.00px 10.00px; box-shadow: 0 6.00px 24.00px rgba(60, 42, 20, 0.25); max-height: 72vh; overflow-y: auto; border-top: 3.00px solid #3ecf8e; }
.expmodal.bad { border-top-color: #ff5a5f; }
.expmodal.mix { border-top-color: #b8862d; }
.expm-head { margin-bottom: 7.00px; }
.expm-title { font-size: 15.00px; font-weight: 700; color: #4a3a28; line-height: 1.5; }
.expm-body { margin-bottom: 5.00px; }
.expm-line { display: flex; align-items: flex-start; margin-bottom: 6.00px; }
.expm-tag { flex-shrink: 0; font-size: 10.00px; color: #fff; border-radius: 4.00px; padding: 2.00px 5.00px; margin-right: 6.00px; margin-top: 1.00px; }
.expm-tag.t-good { background: #3ecf8e; }
.expm-tag.t-bad { background: #ff5a5f; }
.expm-tag.t-turn { background: #2e8fa3; }
.expm-tag.t-mix { background: #b8862d; }
.expm-tag.t-star { background: #8a7a5c; }
.expm-text { flex: 1; font-size: 13.00px; color: #5a4a38; line-height: 1.65; }
.expm-note { font-size: 10.50px; color: #a09078; line-height: 1.6; margin: 3.00px 0 8.00px; }

/* 组件默认 isolated 隔离，样式全部自带 */
.gt-mask {
  position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  background: rgba(47, 46, 51, 0.5);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gt-box {
  width: 330.00px;
  max-height: 80vh;
  overflow-y: auto;
  background: #fffdf6;
  border: 0.50px solid rgba(184, 134, 45, 0.35);
  border-radius: 14.00px;
  padding: 16.00px 12.00px 10.00px;
  box-shadow: 0 8.00px 30.00px rgba(0, 0, 0, 0.18);
}
.gt-title { text-align: center; font-size: 17.00px; font-weight: 700; color: #2f2e33; letter-spacing: 2.00px; }
.gt-sub { text-align: center; font-size: 10.50px; color: #a09b8c; margin: 4.00px 0 10.00px; }

.gt-row { display: flex; border-bottom: 0.50px solid rgba(47, 46, 51, 0.08); }
.gt-row:last-of-type { border-bottom: none; }
.gt-c {
  flex: 1;
  text-align: center;
  font-size: 12.00px;
  color: #2f2e33;
  padding: 7.00px 1.00px;
}
.gt-head .gt-c { font-weight: 700; font-size: 13.00px; padding: 5.00px 1.00px; background: rgba(184, 134, 45, 0.08); border-radius: 4.00px; }
.gt-c-gan { flex: 0.7; color: #8a6420; font-weight: 600; }
.gt-head .gt-lu { color: #27a06b; }
.gt-head .gt-quan { color: #7c53c9; }
.gt-head .gt-ke { color: #3b8ac6; }
.gt-head .gt-ji { color: #d95353; }
.gt-verse { flex: 1.5; color: #6b5a2e; font-weight: 600; letter-spacing: 1.00px; }

.gt-close { text-align: center; font-size: 10.50px; color: #a09b8c; margin-top: 9.00px; }

.page { padding-bottom: 30.00px; }

.palace-head {
  margin: 15.00px 12.00px 0;
  padding: 18.00px 16.00px;
  border-radius: 14.00px;
  background: linear-gradient(150deg, #fffdf6, #f6efdd);
  border: 0.50px solid rgba(184, 134, 45, 0.3);
  position: relative;
  box-shadow: 0 3.00px 14.00px rgba(140, 120, 70, 0.08);
}
.palace-zhi {
  position: absolute; top: 13.00px; right: 15.00px;
  width: 28.00px; height: 28.00px; border-radius: 50%;
  background: rgba(184, 134, 45, 0.12);
  color: #b8862d; font-size: 14.00px; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}
.palace-name { font-size: 21.00px; font-weight: 700; letter-spacing: 2.00px; color: #2f2e33; }
.palace-desc { margin-top: 4.00px; font-size: 12.00px; color: #8d8a80; }

/* 拖拽落地横幅 */
.landing {
  margin: 10.00px 12.00px 0;
  padding: 9.00px 13.00px;
  border-radius: 8.00px;
  background: rgba(124, 83, 201, 0.08);
  border: 0.50px solid rgba(124, 83, 201, 0.3);
  color: #7c53c9;
  font-size: 12.00px;
}

.more { color: #7c53c9; font-size: 11.50px; margin-left: 5.00px; }

/* 拖拽落地时置顶的飞化卡：紫色描边强调 */
.fly-focus { border-width: 1.00px; border-color: rgba(124, 83, 201, 0.45); }

/* 飞化标题行：标题 + 反向按钮 */
.fly-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 14.00px;
}
.fly-head .section-title { flex-shrink: 0; }
.flip-btn {
  font-size: 11.00px; color: #7c53c9;
  border: 0.50px solid rgba(124, 83, 201, 0.4);
  border-radius: 12.00px;
  padding: 3.00px 10.00px;
  background: rgba(124, 83, 201, 0.06);
}
.flip-on {
  color: #ffffff;
  background: #7c53c9;
  border-color: #7c53c9;
}

/* 宫位含义双卡标签 */
.card-tag {
  display: inline-block;
  font-size: 11.00px; color: #8a6420;
  background: rgba(184, 134, 45, 0.14);
  border-radius: 5.00px; padding: 2.00px 8.00px;
  margin-bottom: 7.00px;
}
.card-tag-target { color: #7c53c9; background: rgba(124, 83, 201, 0.12); }

/* 宫职归类卡 */
.gzof-card { padding-bottom: 9.00px; }
.gzof-row {
  display: flex;
  align-items: flex-start;
  padding: 5.00px 14.00px 0;
}
.gzof-tag {
  flex-shrink: 0;
  font-size: 11.00px;
  color: #8a6420;
  background: rgba(184, 134, 45, 0.12);
  border-radius: 4.00px;
  padding: 3.00px 7.00px;
  margin-right: 8.00px;
  margin-top: 2.00px;
}
.gzof-links {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.gzof-link {
  font-size: 12.50px;
  color: #7c53c9;
  background: rgba(124, 83, 201, 0.08);
  border: 0.50px solid rgba(124, 83, 201, 0.24);
  border-radius: 12.00px;
  padding: 3.00px 10.00px;
  margin: 2.00px 6.00px 2.00px 0;
}
.gzof-sub {
  font-size: 10.50px;
  color: #9a9384;
  padding: 6.00px 14.00px 0;
}

/* 数六共宗 · 数十收藏 卡 */
.gs-card { padding: 4.00px 0; }
.gs-row {
  display: flex;
  align-items: center;
  padding: 11.00px 14.00px 3.00px;
}
.gs-row-hover { background: rgba(184, 134, 45, 0.08); }
.gs-badge {
  flex-shrink: 0;
  width: 38.00px; height: 22.00px;
  line-height: 22.00px;
  text-align: center;
  font-size: 11.00px;
  color: #ffffff;
  border-radius: 5.00px;
  margin-right: 9.00px;
}
.gs-zong { background: #b8862d; }
.gs-cang { background: #7c53c9; }
.gs-txt { flex: 1; font-size: 13.00px; color: #4a4850; }
.gs-target {
  font-size: 15.00px;
  font-weight: 600;
  color: #8a6420;
  margin-left: 6.00px;
}
.gs-arrow { font-size: 17.00px; color: #b9b3a4; margin-left: 4.00px; }
.gs-sub {
  font-size: 10.50px;
  color: #9a9384;
  padding: 0 14.00px 8.00px 61.00px;
}
.gs-divider {
  height: 0.50px;
  background: rgba(47, 46, 51, 0.08);
  margin: 3.00px 14.00px;
}

/* 星曜象意开关 */
.star-switch {
  display: flex; align-items: center;
  margin: 5.00px 14.00px 0;
}
.star-switch-label { flex: 1; font-size: 11.50px; color: #6f6b5f; }
.sw {
  width: 42.00px; height: 23.00px;
  border-radius: 11.50px;
  background: #e2ddcd;
  position: relative;
  transition: background 0.2s;
  flex-shrink: 0;
}
.sw-dot {
  position: absolute; top: 2.50px; left: 2.50px;
  width: 18.00px; height: 18.00px; border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1.00px 3.00px rgba(0, 0, 0, 0.15);
  transition: left 0.2s;
}
.sw-on { background: #7c53c9; }
.sw-on .sw-dot { left: 21.50px; }

/* 星曜候选列表（按四化表过滤，约 10 星，换行铺排） */
.star-chips {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8.00px;
}
.star-chip {
  display: inline-flex;
  align-items: center;
  font-size: 11.50px; color: #6f6b5f;
  background: rgba(255, 255, 255, 0.85);
  border: 0.50px solid rgba(47, 46, 51, 0.12);
  border-radius: 13.00px;
  padding: 4.00px 10.00px;
  margin: 0 6.00px 6.00px 0;
}
.chip-gan {
  font-size: 9.00px; color: #b8862d;
  margin-left: 3.00px;
  opacity: 0.85;
}
.star-chip-on {
  color: #7c53c9; font-weight: 600;
  border-color: #7c53c9;
  background: rgba(124, 83, 201, 0.1);
}
.star-chip-on .chip-gan { color: #7c53c9; }

/* 四化表入口 */
.gan-link {
  font-size: 11.00px; color: #7c53c9;
  margin-right: 8.00px;
  text-decoration: underline;
  flex-shrink: 0;
}

/* 星曜象意注解块 */
.star-anno {
  margin-top: 8.00px;
  padding: 9.00px 11.00px;
  border-radius: 7.00px;
  background: rgba(184, 134, 45, 0.07);
  border-left: 3.00px solid #b8862d;
  font-size: 12.50px;
  line-height: 1.75;
  color: #6b5a2e;
  white-space: pre-line;
}
/* 分化释义（随禄权科忌能量变化）：四化色 + 加粗，置顶突出 */
.anno-hua {
  font-size: 13.00px;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 4.00px;
}
/* 星曜档案摘要（性质/性情）：退居其后，弱化呈现 */
.anno-body {
  font-size: 12.00px;
  color: #7a715c;
  line-height: 1.75;
}
.star-anno-empty {
  margin-top: 7.00px;
  font-size: 11.00px;
  color: #a09b8c;
}

/* 飞宫选择器 */
.fly-picker {
  display: flex; flex-wrap: wrap;
  margin: 7.00px 12.00px 2.00px;
}
.fly-chip {
  padding: 6.00px 12.00px;
  margin: 4.00px 5.00px;
  border-radius: 16.00px;
  font-size: 12.00px;
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.12);
  color: #6f6b5f;
}
.fly-chip-active {
  background: rgba(184, 134, 45, 0.12);
  border-color: #b8862d;
  color: #8a6420;
  font-weight: 600;
}

/* 我的笔记 */
.note-input {
  width: 100%;
  min-height: 90.00px;
  box-sizing: border-box;
  font-size: 13.50px;
  line-height: 1.7;
  color: #2f2e33;
  background: #faf7ef;
  border: 0.50px solid rgba(184, 134, 45, 0.25);
  border-radius: 8.00px;
  padding: 10.00px 12.00px;
}
.note-actions { display: flex; margin-top: 10.00px; }
.note-actions .btn { margin-right: 8.00px; }

.foot-nav {
  display: flex; margin: 22.00px 12.00px 4.00px;
}
.nav-btn {
  flex: 1; text-align: center;
  padding: 10.00px 0; margin: 0 5.00px;
  border-radius: 9.00px;
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.1);
  color: #4a4850; font-size: 12.50px;
}
.nav-hover { background: rgba(184, 134, 45, 0.08); }

.page { padding-bottom: 30.00px; }

.hua-tabs { display: flex; margin: 14.00px 12.00px 0; }
.tab {
  flex: 1; text-align: center;
  padding: 9.00px 0;
  margin: 0 4.00px;
  border-radius: 10.00px;
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.08);
  display: flex; flex-direction: column; align-items: center;
}
.tab-hua { font-size: 17.00px; font-weight: 700; }
.tab-sub { font-size: 10.50px; color: #a09b8c; margin-top: 2.00px; }
.tab-active { border-width: 1.00px; box-shadow: 0 3.00px 10.00px rgba(140, 120, 70, 0.1); }
.tab-lu.tab-active { border-color: #27a06b; background: rgba(39, 160, 107, 0.06); }
.tab-quan.tab-active { border-color: #7c53c9; background: rgba(124, 83, 201, 0.06); }
.tab-ke.tab-active { border-color: #3b8ac6; background: rgba(59, 138, 198, 0.06); }
.tab-ji.tab-active { border-color: #d95353; background: rgba(217, 83, 83, 0.06); }

.hua-desc { display: flex; align-items: center; }
.desc-hua { font-size: 22.00px; font-weight: 700; margin-right: 10.00px; }
.desc-text { flex: 1; font-size: 12.50px; color: #6f6b5f; }

.chip-branch {
  font-size: 10.50px; color: #b8862d;
  background: rgba(184, 134, 45, 0.1);
  border-radius: 4.00px; padding: 2.00px 6.00px;
  margin-left: 6.00px;
}

.page { padding-bottom: 30.00px; }
.tip { margin: 13.00px 14.00px 0; font-size: 12.00px; color: #8d8a80; }

/* 五行筛选 */
.wx-filter { display: flex; margin: 10.00px 12.00px 0; }
.wx-chip {
  flex: 1; text-align: center;
  font-size: 12.50px; color: #6f6b5f;
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.1);
  border-radius: 16.00px;
  padding: 5.00px 0;
  margin: 0 3.00px;
}
.wx-chip-active {
  background: #2f2e33; color: #f7f4ec; border-color: #2f2e33; font-weight: 600;
}

/* 四化（禄权科忌）筛选行 */
.hua-filter { display: flex; align-items: center; margin: 7.00px 12.00px 0; }
.filter-cap { font-size: 11.00px; color: #8d8a80; margin-right: 5.00px; flex-shrink: 0; }
.hua-chip {
  flex: 1; text-align: center; font-size: 12.00px; color: #6f6b5f;
  background: #ffffff; border: 0.50px solid rgba(47, 46, 51, 0.1);
  border-radius: 14.00px; padding: 4.00px 0; margin: 0 2.50px;
}
.hua-chip-active { background: #2f2e33; color: #f7f4ec !important; border-color: #2f2e33; font-weight: 600; }

/* 卡内“可化四化”徽标行（颜色随四化，附天干） */
.hua-line { display: flex; align-items: center; flex-wrap: wrap; margin-top: 5.00px; }
.hua-line-cap { font-size: 10.50px; color: #8d8a80; margin-right: 4.00px; }
.hb {
  font-size: 10.00px; border: 0.50px solid; border-radius: 4.00px;
  padding: 0.50px 5.00px; margin: 2.00px 3.00px 0 0; background: rgba(255, 255, 255, 0.6);
}
.hb-none { color: #b3ad9c; border-color: rgba(47, 46, 51, 0.15); }

.star-card { margin-top: 8.00px; }
.star-head { display: flex; align-items: center; }
.star-name { font-size: 17.00px; font-weight: 700; margin-right: 9.00px; }
.wx-badge {
  font-size: 10.50px;
  border: 0.50px solid;
  border-radius: 5.00px;
  padding: 1.00px 6.00px;
  background: rgba(255, 255, 255, 0.6);
}
.star-tags { margin-left: auto; margin-right: 4.00px; }
.star-tag {
  font-size: 10.50px; color: #8a6420;
  background: rgba(184, 134, 45, 0.12);
  border-radius: 5.00px; padding: 2.00px 7.00px;
}
.star-preview { margin-top: 5.00px; font-size: 12.50px; color: #8d8a80; }

.star-body { margin-top: 9.00px; border-top: 0.50px solid rgba(47, 46, 51, 0.07); padding-top: 9.00px; }
.f-row { display: flex; margin-bottom: 6.00px; }
.f-label {
  flex-shrink: 0;
  font-size: 11.50px; color: #8a6420;
  background: rgba(184, 134, 45, 0.1);
  border-radius: 4.00px; padding: 2.00px 7.00px;
  margin-right: 8.00px; height: fit-content;
}
.f-block { margin-bottom: 9.00px; }
.f-block .f-label { display: inline-block; margin-bottom: 4.00px; }
.f-block .text-body { display: block; margin-top: 2.00px; }
.f-val { font-size: 12.50px; color: #4a4850; }

/* 飞星心法页 · 浅色新中式，色板与全局一致 */
.page { padding: 0 12.00px 20.00px; }

/* 分页签 */
.tabs {
  display: flex;
  margin: 10.00px 4.00px 4.00px;
  background: #fffdf6;
  border: 0.50px solid rgba(184, 134, 45, 0.25);
  border-radius: 499.50px;
  padding: 3.00px;
}
.tab {
  flex: 1;
  text-align: center;
  padding: 7.00px 0;
  font-size: 14.00px;
  color: #8d8a80;
  border-radius: 499.50px;
  letter-spacing: 1.00px;
}
.tab-on { background: #b8862d; color: #fffdf6; font-weight: 600; }

/* 导语 */
.intro { padding: 14.00px 4.00px 5.00px; }
.intro-t { font-size: 17.00px; font-weight: 700; color: #2f2e33; letter-spacing: 1.00px; }
.intro-s { margin-top: 4.00px; font-size: 12.00px; color: #8d8a80; line-height: 1.6; }

/* ---------- 化曜 ---------- */
.gan-list { margin-top: 5.00px; }
.gan-row {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.06);
  border-radius: 9.00px;
  padding: 10.00px 11.00px;
  margin: 6.00px 0;
}
.gan-row-on { border-color: #b8862d; box-shadow: 0 0 0 1.00px rgba(184, 134, 45, 0.25); }
.gan-badge {
  width: 32.00px; height: 32.00px;
  border-radius: 8.00px;
  background: #f5efe2;
  color: #8a6420;
  font-size: 17.00px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  margin-right: 9.00px;
  flex-shrink: 0;
}
.gan-huas { flex: 1; display: flex; flex-wrap: wrap; gap: 4.00px; }
.h-chip {
  font-size: 11.00px;
  padding: 3.00px 6.00px;
  border-radius: 4.00px;
  color: #fff;
}
.h-lu { background: #27a06b; }
.h-quan { background: #7c53c9; }
.h-ke { background: #3b8ac6; }
.h-ji { background: #d95353; }
.gan-verse { font-size: 11.00px; color: #b8862d; margin-left: 7.00px; flex-shrink: 0; }
.gan-detail {
  background: #fffdf6;
  border: 0.50px dashed rgba(184, 134, 45, 0.4);
  border-radius: 9.00px;
  padding: 10.00px 11.00px;
  margin: -2.00px 0 6.00px;
}
.gd-line { font-size: 12.50px; color: #4c4a45; line-height: 1.7; }
.gd-tip { margin-top: 5.00px; font-size: 12.00px; color: #8d8a80; line-height: 1.7; }
.gd-links { display: flex; gap: 8.00px; margin-top: 8.00px; }
.gd-link {
  font-size: 12.00px; color: #b8862d;
  border: 0.50px solid rgba(184, 134, 45, 0.4);
  border-radius: 499.50px;
  padding: 4.00px 10.00px;
}
.gd-link-hover { background: rgba(184, 134, 45, 0.12); }

/* ---------- 卡片（理则 / 宫职 / 体用共用） ---------- */
.card-list { margin-top: 5.00px; }
.card {
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.06);
  border-radius: 10.00px;
  padding: 12.00px 12.00px;
  margin: 7.00px 0;
}
.card-on { border-color: #b8862d; box-shadow: 0 2.00px 10.00px rgba(140, 120, 70, 0.10); }
.card-head { display: flex; align-items: center; }
.card-icon { font-size: 18.00px; margin-right: 8.00px; flex-shrink: 0; }
.card-body { flex: 1; min-width: 0; }
.card-title { font-size: 15.00px; font-weight: 600; color: #2f2e33; }
.card-brief { margin-top: 3.00px; font-size: 12.00px; color: #8d8a80; line-height: 1.6; }
.card-arrow { color: #c8c2b4; font-size: 17.00px; margin-left: 6.00px; transition: transform 0.2s; }
.arrow-on { transform: rotate(90deg); color: #b8862d; }
.card-detail { margin-top: 9.00px; padding-top: 8.00px; border-top: 0.50px dashed rgba(184, 134, 45, 0.3); }

/* 要点条目 */
.pt { display: flex; margin: 5.00px 0; }
.pt-dot {
  width: 5.00px; height: 5.00px; border-radius: 50%;
  background: #b8862d; margin: 7.00px 7.00px 0 1.00px; flex-shrink: 0;
}
.pt-txt { font-size: 13.00px; color: #4c4a45; line-height: 1.7; }

/* 六条线 */
.lines { margin-top: 7.00px; }
.line {
  background: #fffdf6;
  border: 0.50px solid rgba(47, 46, 51, 0.06);
  border-radius: 7.00px;
  padding: 7.00px 9.00px;
  margin: 5.00px 0;
}
.line-on { border-color: #b8862d; }
.line-head { display: flex; justify-content: space-between; align-items: center; }
.line-name { font-size: 13.00px; font-weight: 600; color: #2f2e33; }
.line-pair { font-size: 12.00px; color: #b8862d; }
.line-note { margin-top: 4.00px; font-size: 12.00px; color: #8d8a80; line-height: 1.6; }

/* ---------- 宫职 ---------- */
.gz-item { margin: 6.00px 0; }
.gz-label {
  display: inline-block;
  font-size: 11.50px; color: #8a6420;
  background: #f5efe2;
  border-radius: 4.00px;
  padding: 2.00px 6.00px;
  margin-bottom: 4.00px;
}
.gz-vals { display: flex; flex-wrap: wrap; gap: 4.00px; }
.gz-pill {
  font-size: 12.00px; color: #4c4a45;
  background: #faf7ef;
  border: 0.50px solid rgba(47, 46, 51, 0.08);
  border-radius: 5.00px;
  padding: 3.00px 7.00px;
}
.gz-note {
  margin-top: 7.00px;
  font-size: 12.00px; color: #8a6420;
  background: #f5efe2;
  border-radius: 6.00px;
  padding: 7.00px 9.00px;
  line-height: 1.7;
}

/* ---------- 体用 ---------- */
.ty-block { margin: 6.00px 0; }
.ty-label {
  display: inline-block;
  font-size: 11.50px; color: #fff;
  border-radius: 4.00px;
  padding: 2.00px 7.00px;
  margin-bottom: 4.00px;
}
.ty-yong { background: #b8862d; }
.ty-ti { background: #4c4a45; }
.ty-pills { display: flex; flex-wrap: wrap; gap: 4.00px; }
.ty-pill {
  font-size: 12.00px;
  border-radius: 5.00px;
  padding: 3.00px 7.00px;
}
.ty-pill-yong { color: #8a6420; background: #f5efe2; border: 0.50px solid rgba(184, 134, 45, 0.35); }
.ty-pill-ti { color: #4c4a45; background: #f0efec; border: 0.50px solid rgba(47, 46, 51, 0.12); }
.ty-note { margin-top: 4.00px; font-size: 11.50px; color: #8d8a80; line-height: 1.65; }

/* 星曜速记 */
.tag-list { margin-top: 5.00px; }
.tag-card {
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.06);
  border-radius: 9.00px;
  padding: 10.00px 11.00px;
  margin: 6.00px 0;
}
.tag-name {
  display: inline-block;
  font-size: 12.00px; color: #fff; background: #b8862d;
  border-radius: 4.00px; padding: 2.00px 7.00px;
}
.tag-stars { margin-top: 5.00px; font-size: 13.50px; font-weight: 600; color: #2f2e33; }
.tag-note { margin-top: 3.00px; font-size: 11.50px; color: #8d8a80; line-height: 1.6; }

.note-card {
  background: #f5efe2;
  border-radius: 9.00px;
  padding: 11.00px 12.00px;
  margin: 12.00px 4.00px 0;
}
.note-t { font-size: 13.50px; font-weight: 600; color: #8a6420; }
.note-b { margin-top: 4.00px; font-size: 12.00px; color: #6b675e; line-height: 1.7; }

.foot { margin-top: 16.00px; text-align: center; font-size: 11.00px; color: #b5b0a2; line-height: 1.6; }

.page { padding-bottom: 30.00px; }

.f-head {
  display: flex; align-items: center;
  margin: 14.00px 15.00px 0;
}
.f-count { font-size: 12.50px; color: #6f6b5f; }
.f-clear {
  margin-left: auto;
  font-size: 12.00px; color: #d95353;
  padding: 3.00px 8.00px;
}

.empty { padding: 70.00px 30.00px 0; text-align: center; }
.empty-emoji { font-size: 36.00px; color: #b8862d; }
.empty-title { font-size: 16.00px; font-weight: 600; color: #2f2e33; margin-top: 12.00px; }
.empty-sub { font-size: 12.50px; color: #a09b8c; margin-top: 7.00px; line-height: 1.8; }
.empty-btn { margin-top: 22.00px; }

.page { padding-bottom: 30.00px; }

.s-bar {
  display: flex; align-items: center;
  margin: 13.00px 12.00px 0;
}
.s-input {
  flex: 1;
  background: #ffffff;
  border: 0.50px solid rgba(184, 134, 45, 0.3);
  border-radius: 20.00px;
  padding: 8.00px 14.00px;
  font-size: 13.50px;
  color: #2f2e33;
}
.s-btn {
  margin-left: 8.00px;
  padding: 7.00px 17.00px;
  border-radius: 20.00px;
  background: #2f2e33;
  color: #f7f4ec;
  font-size: 13.00px;
  font-weight: 600;
}
.s-btn-hover { opacity: 0.85; }

.hot { display: flex; flex-wrap: wrap; margin: 10.00px 12.00px 0; }
.hot-chip {
  font-size: 11.50px;
  color: #6f6b5f;
  background: #ffffff;
  border: 0.50px solid rgba(47, 46, 51, 0.1);
  border-radius: 15.00px;
  padding: 5.00px 13.00px;
  margin: 4.00px 5.00px;
}
.hot-hover { background: rgba(184, 134, 45, 0.1); }

.s-count { margin: 12.00px 15.00px 0; font-size: 11.50px; color: #a09b8c; }