/* 今日星座 SKILL 屏 + 12 维雷达 */
.skill-wrap{max-width:940px;margin:0 auto}

.skill-src{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding:10px 13px;border-radius:13px;margin-bottom:14px;
  background:rgba(22,14,48,.6);border:1px solid var(--edge);
}
.src-btn{
  height:34px;min-height:0;padding:0 15px;border-radius:999px;font-size:13px;
  border:1px solid var(--edge-2);background:rgba(255,255,255,.04);color:var(--ink-2);
  cursor:pointer;transition:.16s;
}
.src-btn:hover{background:rgba(123,77,255,.18);color:#fff}
.src-btn.on{
  background:linear-gradient(96deg,#7b4dff,#a97dff);color:#fff;border-color:transparent;
  box-shadow:0 6px 18px rgba(123,77,255,.4);
}
.src-btn:disabled{opacity:.62;cursor:pointer}

/* ───────── 星座下拉：与紫药丸按钮同一语言（深底/紫边/圆角/等高） ─────────
   原生 <select> 默认是白底黑字小方块，在这套深空主题里极扎眼（实测被点名）。 */
#skill-sign,#today-sign,#cal-sign{
  appearance:none;-webkit-appearance:none;
  height:34px;line-height:32px;
  padding:0 32px 0 14px;border-radius:999px;
  font-family:var(--font);font-size:13px;font-weight:600;
  color:#e0d4ff;
  background-color:rgba(255,255,255,.06);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23b79bff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  border:1px solid rgba(150,120,255,.42);
  cursor:pointer;transition:.18s;
  min-width:132px;
}
#skill-sign:hover,#today-sign:hover,#cal-sign:hover{
  background-color:rgba(123,77,255,.22);
  border-color:rgba(169,125,255,.75);
  color:#fff;
}
#skill-sign:focus-visible,#today-sign:focus-visible,#cal-sign:focus-visible{
  outline:none;
  border-color:rgba(169,125,255,.9);
  box-shadow:0 0 0 3px rgba(123,77,255,.28);
}
/* 展开后的选项在部分浏览器仍用系统配色，这里尽量压成深色 */
#skill-sign option,#today-sign option,#cal-sign option{
  background:#160e30;color:#e0d4ff;
}

.skill-missing{
  padding:10px 14px;border-radius:11px;margin-bottom:13px;
  background:rgba(255,196,107,.09);border:1px solid rgba(255,196,107,.34);
  font-size:12.5px;color:#ffd79a;line-height:1.7;
}

.skill-head{
  padding:16px 18px;border-radius:14px;margin-bottom:14px;
  background:linear-gradient(100deg,rgba(123,77,255,.22),rgba(55,214,200,.09));
  border:1px solid var(--edge-2);
  font-size:17px;font-weight:700;color:#fff;line-height:1.6;
}
.skill-head small{display:block;font-size:12px;font-weight:400;color:var(--ink-3);margin-top:6px}

.skill-actions{display:flex;flex-direction:column;gap:11px}

.sk-card{
  display:grid;grid-template-columns:auto 1fr;gap:0 13px;
  padding:14px 16px;border-radius:14px;
  background:rgba(22,14,48,.66);border:1px solid var(--edge);
  transition:.18s;
}
.sk-card:hover{border-color:var(--edge-2);box-shadow:0 10px 26px rgba(0,0,0,.3)}
.sk-idx{
  grid-row:span 3;align-self:start;
  width:30px;height:30px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;color:#0a0620;
}
.sk-card.go .sk-idx{background:linear-gradient(140deg,#8ef7b8,#4ade9b)}
.sk-card.hold .sk-idx{background:linear-gradient(140deg,#ffd28a,#ffc46b)}
.sk-top{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:6px}
.sk-dim{font-size:13px;font-weight:700;color:#dcd0ff}
.sk-tag{
  font-size:10.5px;padding:1px 8px;border-radius:999px;
}
.sk-card.go .sk-tag{background:rgba(74,222,155,.16);border:1px solid rgba(74,222,155,.42);color:#4ade9b}
.sk-card.hold .sk-tag{background:rgba(255,196,107,.14);border:1px solid rgba(255,196,107,.4);color:#ffc46b}
.sk-score{font-size:12.5px;font-weight:700;margin-left:auto}
.sk-text{font-size:14.5px;line-height:1.72;color:#fff;font-weight:500;margin-bottom:7px}
.sk-why{
  font-size:11.5px;color:var(--ink-3);line-height:1.65;
  padding-top:7px;border-top:0;
}
.sk-why b{color:#b79bff;font-weight:600}
.sk-time{color:#37d6c8;font-size:11.5px;margin-left:8px}

/* 可导入技能包 */
.skill-pack{
  margin-top:16px;border-radius:16px;overflow:hidden;
  background:linear-gradient(140deg,rgba(55,214,200,.10),rgba(123,77,255,.10));
  border:1px solid rgba(55,214,200,.34);
}
.sp-head{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:16px 18px;border-bottom:1px solid var(--edge);
}
.sp-head > div{flex:1;min-width:220px}
.sp-dl{
  flex:none;height:42px;padding:0 20px;border-radius:11px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:13.5px;font-weight:700;text-decoration:none;color:#0a0620;
  background:linear-gradient(96deg,#7ef0dd,#37d6c8);
  box-shadow:0 8px 22px rgba(55,214,200,.34);white-space:nowrap;
  transition:.16s;
}
.sp-dl:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(55,214,200,.5)}
.sp-body{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:16px 18px}

/* skillhub.news 同款安装面板 */
.sp-ver{
  font-size:10.5px;font-weight:800;letter-spacing:.02em;vertical-align:middle;
  margin-left:8px;padding:3px 9px;border-radius:999px;color:#0a0620;
  background:linear-gradient(135deg,#7ef0dd,#37d6c8);
}
.sp-block{padding-bottom:16px}
.sp-block + .sp-block{border-top:1px solid var(--edge);padding-top:16px}
.sp-block h4{font-size:12.5px;color:#b79bff;margin:0 0 7px}
.sp-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.sp-link{
  display:inline-flex;align-items:center;height:38px;padding:0 16px;
  border-radius:999px;border:1px solid rgba(55,214,200,.5);
  font-size:12.5px;font-weight:600;color:#7ef0dd;text-decoration:none;
  transition:.16s;white-space:nowrap;
}
.sp-link:hover{background:rgba(55,214,200,.14);border-color:rgba(55,214,200,.8)}
.sp-note{margin:9px 0 0;font-size:11.5px;color:var(--ink-3);line-height:1.6}
.sp-files{display:flex;flex-direction:column;gap:7px}
.sp-file{
  display:flex;flex-direction:column;gap:2px;
  padding:8px 11px;border-radius:9px;
  background:rgba(10,6,32,.5);border:1px solid var(--edge);
}
.sp-file b{font-size:12px;color:#7ef0dd;font-weight:700;font-family:ui-monospace,monospace}
.sp-file span{font-size:11.5px;color:var(--ink-3);line-height:1.5}

.sp-steps h4{font-size:12.5px;color:#b79bff;margin:0 0 7px}
.sp-steps ol{margin:0;padding-left:18px}
.sp-steps li{font-size:12px;color:var(--ink-2);line-height:1.75;margin-bottom:5px}
.sp-steps code{
  font-family:ui-monospace,monospace;font-size:11px;
  background:rgba(123,77,255,.16);padding:1px 5px;border-radius:4px;color:#cbb9ff;
}
.sp-code{
  margin:8px 0 0;padding:10px 12px;border-radius:9px;
  background:rgba(10,6,32,.7);border:1px solid var(--edge);
  font-size:11px;line-height:1.7;color:#a99ed0;overflow-x:auto;
  font-family:ui-monospace,monospace;
}

.skill-foot{
  margin-top:16px;padding:13px 15px;border-radius:12px;
  background:rgba(30,20,62,.45);border:1px solid var(--edge);
  font-size:11.5px;color:var(--ink-3);line-height:1.8;
}

/* 12 维雷达 */
.radar12-box{max-width:560px;margin:0 auto}
.radar12-box svg{width:100%;height:auto;display:block}
.radar12-box .rd-node12{cursor:pointer}
/* 悬停只加背景高亮，不改文字颜色：
   原来这里写 `:hover text{fill:#e23a3a}` 会把维度名一起染红，鼠标一移过去标题就变暗/变红（实测） */
/* 能力屏顶部标题条：滚到图表也看得见主题 */
.ability-head{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:9px 14px;border-radius:12px;margin-bottom:14px;
  background:linear-gradient(100deg,rgba(123,77,255,.22),rgba(55,214,200,.08));
  border:1px solid var(--edge-2);
}
.ah-dot{
  width:7px;height:7px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,#a97dff,#37d6c8);
  box-shadow:0 0 10px rgba(169,125,255,.9);
}
.ability-head b{font-size:15px;color:#fff;letter-spacing:.01em}
.ah-sub{font-size:11.5px;color:var(--ink-3);margin-left:auto}

/* 12 维读格：可点 + 悬停亮 */
#ability12-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.a12-cell{
  display:flex;flex-direction:column;align-items:flex-start;gap:1px;
  background:rgba(30,20,62,.55);border:1px solid var(--edge);
  border-radius:10px;padding:7px 9px;height:auto;min-height:0;
  cursor:pointer;transition:.16s;text-align:left;font-family:var(--font);
}
.a12-cell:hover{
  border-color:var(--edge-2);background:rgba(48,30,96,.8);
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(123,77,255,.26);
}
.a12-cell:active{transform:translateY(0)}
.a12-name{font-size:11.5px;color:var(--ink-2)}
.a12-cell b{font-size:16px;font-weight:800;line-height:1.15}
.a12-band{font-size:10px;color:var(--ink-3)}

@media(max-width:1000px){
  .radar12-box{max-width:420px}
  #ability12-kv{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .skill-head{font-size:15px;padding:13px 14px}
  .sk-text{font-size:13.5px}
  .sk-card{padding:12px 13px;gap:0 10px}
  #ability12-kv{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ───────────── SKILL 屏重排：先讲用途，再给装法 ───────────── */
.skill-intro{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  margin:16px 0 18px;
}
.skill-intro .si-card{
  padding:15px 16px;border-radius:14px;
  background:rgba(22,14,48,.58);border:1px solid var(--edge);
  backdrop-filter:blur(10px);
}
.skill-intro .si-ico{
  width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,#7b4dff,#a855f7);
  box-shadow:0 3px 12px rgba(123,77,255,.42);
  margin-bottom:9px;
}
.skill-intro h4{margin:0 0 7px;font-size:14.5px;color:var(--ink)}
.skill-intro p{margin:0;font-size:12.8px;line-height:1.75;color:var(--ink-2)}
.skill-intro b{color:#c9b6ff;font-weight:700}

.skill-install-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  margin-bottom:14px;
}
.skill-install-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.skill-install-grid .sig-block{
  display:flex;flex-direction:column;gap:9px;
  padding:15px 16px;border-radius:14px;
  background:rgba(22,14,48,.52);border:1px solid var(--edge);
  backdrop-filter:blur(10px);min-width:0;
}
.sig-head{display:flex;align-items:center;gap:9px;margin:0}
.sig-head h4{margin:0;font-size:14px;color:var(--ink)}
.sig-no{
  flex:none;width:20px;height:20px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:11.5px;font-weight:800;color:#fff;
  background:rgba(123,77,255,.55);
}
.skill-install-grid .sp-code{
  margin:0;max-height:200px;overflow:auto;
}
.skill-install-grid .sp-files{margin:0;gap:6px}
.skill-install-grid .sp-file{padding:8px 10px}
.skill-install-grid .sp-steps{margin:0;padding-left:18px;font-size:12.5px;line-height:1.85;color:var(--ink-2)}
.skill-install-grid button,.skill-install-grid .sp-deeplink,.skill-install-grid .sp-dl{
  align-self:flex-start;
}
@media (max-width:1080px){
  .skill-intro{grid-template-columns:1fr 1fr}
  .skill-install-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .skill-intro,.skill-install-grid,.skill-install-grid.two{grid-template-columns:1fr}
}
/* ───────────── SKILL 屏两栏：左=今日清单，右=SKILL 说明+装法 ───────────── */
.skill-wrap{max-width:1240px}
.skill-two-col{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:18px;align-items:start;margin-top:6px;
}
.skill-col-left{min-width:0}
.skill-col-right{min-width:0;max-height:74vh;overflow-y:auto;padding-right:6px}
.skill-col-right::-webkit-scrollbar{width:6px}
.skill-col-right::-webkit-scrollbar-thumb{background:rgba(150,120,255,.35);border-radius:999px}
/* 右栏内：说明卡竖排成一条，安装块单列 */
.skill-col-right .skill-intro{grid-template-columns:1fr;gap:9px;margin:0 0 12px}
.skill-col-right .si-card{padding:12px 14px}
.skill-col-right .si-ico{width:22px;height:22px;font-size:11.5px;margin-bottom:6px}
.skill-col-right .skill-install-grid{grid-template-columns:1fr;gap:9px;margin-bottom:10px}
.skill-col-right .skill-install-grid.two{grid-template-columns:1fr}
.skill-col-right .sig-block{padding:12px 14px;gap:8px}
.skill-col-right .sp-code{font-size:11px;max-height:150px}
@media (max-width:1080px){
  .skill-two-col{grid-template-columns:1fr}
  .skill-col-right{max-height:none;overflow:visible;padding-right:0}
}
/* ───────────── 今日 SKILL 屏：底部引导条 ───────────── */
.skill-cta{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;
  margin-top:16px;padding:16px 18px;border-radius:14px;
  background:linear-gradient(120deg, rgba(123,77,255,.20), rgba(22,14,48,.55));
  border:1px solid rgba(150,120,255,.34);
}
.skill-cta b{display:block;font-size:14px;color:var(--ink);margin-bottom:4px}
.skill-cta .sub{font-size:12.5px;color:var(--ink-2);line-height:1.6}
.skill-cta .primary{
  appearance:none;border:0;cursor:pointer;flex:none;
  padding:10px 20px;border-radius:999px;
  font-family:var(--font);font-size:13.5px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#7b4dff,#a855f7);
  box-shadow:0 5px 18px rgba(123,77,255,.45);transition:.2s;
}
.skill-cta .primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(123,77,255,.6)}

/* ───────────── 安装 AI SKILL 独立屏 ───────────── */
.install-wrap{max-width:1180px;margin:0 auto}
.install-hero{text-align:center;margin-bottom:16px}
.install-hero h2{margin:2px 0 8px;font-size:24px}
.install-hero .sub{font-size:12.5px;color:var(--ink-3)}
.install-wrap .skill-intro{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.install-wrap .skill-install-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.install-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.install-detail .sig-block{
  display:flex;flex-direction:column;gap:9px;min-width:0;
  padding:15px 16px;border-radius:14px;
  background:rgba(22,14,48,.52);border:1px solid var(--edge);
}
.install-foot{
  padding:12px 16px;border-radius:12px;font-size:12px;line-height:1.7;
  color:var(--ink-3);background:rgba(22,14,48,.4);border:1px solid var(--edge);
}
@media (max-width:980px){
  .install-wrap .skill-intro{grid-template-columns:1fr 1fr}
  .install-wrap .skill-install-grid,
  .install-detail{grid-template-columns:1fr}
}
@media (max-width:720px){
  .install-wrap .skill-intro{grid-template-columns:1fr}
}
/* ───────── 今日决策 · 生活类 6 项 ───────── */
.skill-lifestyle{margin-top:18px}
.ls-head{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;
  padding-top:16px;border-top:1px solid rgba(150,120,255,.18);
}
.ls-head h3{margin:0;font-size:17px;color:var(--ink)}
.ls-head .sub{font-size:12.5px;color:var(--ink-3)}
.ls-head .ls-share{
  margin-left:auto;flex:none;
  appearance:none;border:0;cursor:pointer;
  padding:8px 18px;border-radius:999px;
  font-family:var(--font);font-size:13px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#7b4dff,#a855f7);
  box-shadow:0 4px 16px rgba(123,77,255,.44);transition:.2s;
}
.ls-head .ls-share:hover{transform:translateY(-1px);box-shadow:0 7px 22px rgba(123,77,255,.6)}

.ls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ls-card{
  padding:15px 16px;border-radius:14px;min-width:0;
  background:rgba(22,14,48,.58);border:1px solid var(--edge);
  backdrop-filter:blur(10px);transition:.18s;
}
.ls-card:hover{border-color:rgba(169,125,255,.55);background:rgba(32,20,66,.72)}
.ls-top{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.ls-ico{font-size:19px;line-height:1;flex:none}
.ls-title{font-size:14.5px;font-weight:700;color:var(--ink)}
.ls-value{
  font-size:13.5px;line-height:1.7;color:#e9e2ff;font-weight:600;
  padding:9px 11px;border-radius:10px;margin-bottom:9px;
  background:rgba(123,77,255,.13);border-left:2.5px solid rgba(169,125,255,.6);
}
.ls-reason{font-size:12.8px;line-height:1.8;color:var(--ink-2);margin-bottom:8px}
.ls-basis{
  font-size:11.5px;line-height:1.7;color:var(--ink-3);
  padding-top:8px;border-top:0;
}
@media (max-width:900px){ .ls-grid{grid-template-columns:1fr} }

/* ── 数值口径标签（本命 / 今日 / 月份）──
   用户要求：「方块显示的数值是今天的，还是月份的？没有明确。要明确。」
   能力屏这块是「本命禀赋」，所以大数字后面跟一个「本命」小标签，
   下方区间写「常态 lo–hi」，两处都把口径写死，不和「今日运程」混。 */
.a12-unit{
  font-style:normal;font-size:9.5px;font-weight:600;
  color:var(--ink-3);margin-left:4px;vertical-align:2px;
  opacity:.85;letter-spacing:.2px;
}