.body{
    background: linear-gradient(180deg,
    #F8F7F2 0%,
    #F8F7F2 60%,
    rgba(248,247,242,0.88) 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    }



    :root{
      --ink:#425D5F;
      --mist:#BACACB;
      --paper:#F8F7F2;
      --butter:#FDE7A2;
      --amber:#FAA943;

      --panel: rgba(255,255,255,.88);
      --border: rgba(66,93,95,.18);
      --shadow: 0 14px 38px rgba(66,93,95,.12);

      /* Five elements colors (match your reference) */
      --wood:#2E7D32 !important;   /* green */
      --fire:#E45858 !important;   /* red */
      --earth:#A06A3B !important;  /* brown */
      --metal:#F2A23A !important;  /* orange */
      --water:#2F80ED !important;  /* blue */
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(900px 600px at 18% 0%, rgba(250,169,67,.16), transparent 55%),
        radial-gradient(900px 600px at 86% 12%, rgba(186,202,203,.33), transparent 60%),
        var(--paper);
      color:#1f2937;
    }
    .wrap{max-width:980px;margin:0 auto;padding:16px 12px 34px}

    /* Controls stacked */
    .controlsWrap{
      max-width: 760px;
      margin: 0 auto;
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .card{
      border:1px solid var(--border);
      background: var(--panel);
      border-radius:16px;
      padding:12px;
      box-shadow: var(--shadow);
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
    }
    .card label{
      font-size:12px  !important;
      font-weight:900  !important;
      color: rgba(66,93,95,.78);
      letter-spacing:.2px;
      margin-bottom:8px;
    }

    .row{
      display:grid;
      grid-template-columns: 1.2fr 1fr 1fr;
      gap:8px;
    }
    @media (max-width: 560px){ .row{grid-template-columns:1fr 1fr} }
    @media (max-width: 380px){ .row{grid-template-columns:1fr} }

    input, select{
      width:100%;
      padding:10px 10px;
      border-radius:12px;
      border:1px solid rgba(66,93,95,.18);
      background: rgba(248,247,242,.92);
      color:var(--ink);
      outline:none;
      font-size:14px !important;
    }
    input:focus, select:focus{
      border-color: rgba(250,169,67,.75);
      box-shadow: 0 0 0 3px rgba(250,169,67,.16);
    }

    .btn{
      border-radius:14px;
      border:1px solid rgba(250,169,67,.76);
      background: linear-gradient(180deg, rgba(250,169,67,.90), rgba(250,169,67,.72));
      color:#1f2937  !important;
      font-weight:950  !important;
      cursor:pointer;
      padding: 10px 14px;
      box-shadow: 0 10px 24px rgba(66,93,95,.12);
      white-space:nowrap;
    }
    .btn:active{transform:translateY(1px)}
    .btn.secondary{
      border-color: rgba(66,93,95,.18);
      background: rgba(255,255,255,.75);
      color: var(--ink);
    }
    .btn[disabled]{
      opacity:.55;
      cursor:not-allowed;
      transform:none;
    }

    /* Wide generate button (requested placement) */
    .btnWide{
      display:block;
      width:100%;
      max-width:760px;
      margin:10px auto 0;
      text-align:center;
      padding:12px 14px;
    }

    /* Apply DM-style to the Generate button (#calc) */
    #calc{
      flex-shrink: 0 !important;
      border-radius: 999px !important;
      border: none !important;
      padding: 10px 18px !important;
      cursor: pointer !important;
      background: var(--c-accent, var(--amber)) !important;
      color: #ffffff !important;
      font-size: 0.9rem !important;
      font-weight: 600 !important;
      letter-spacing: 0.03em !important;
      /*text-transform: uppercase !important;*/
      box-shadow: 0 12px 26px rgba(250, 169, 67, 0.45) !important;
      
      align-items: center !important;
      gap: 6px !important;
      transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease !important;
      width: 100%;
      justify-content: center;
    }

    /* hover / active interactions for #calc (match provided DM styles) */
    #calc:hover{
      transform: translateY(-1px) !important;
      box-shadow: 0 16px 34px rgba(250, 169, 67, 0.55) !important;
    }
    #calc:active{
      transform: translateY(0) !important;
      box-shadow: 0 8px 20px rgba(250, 169, 67, 0.45) !important;
      opacity: 0.96 !important;
    }

    .copyBox{
      max-width:760px;
      margin:10px auto 0;
      border:1px dashed rgba(66,93,95,.28);
      border-radius:14px;
      padding:10px 12px;
      background: rgba(255,255,255,.70);
      color: var(--ink);
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
      cursor:pointer;
      user-select:none;
      white-space: pre-wrap;
      font-size: 12.5px !important;
      line-height: 1.35;
    }
    /* Hover overlay: use inset box-shadow so border remains visible; tint dashed border orange */
    .copyBox{
      position: relative;
      overflow: hidden;
    }
    .copyBox::after{
      content: "";
      position: absolute;
      inset: 0;
      /* match quadrant hover color: light semi-transparent orange */
      background: rgba(253,231,162,0.25);
      border-radius:14px;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.14s ease;

      
    }
    .copyBox:hover::after{
      opacity: 1;
    }

    /* Map selector */
    .mapWrap{display:flex;flex-direction:column;gap:8px}
    .mapBox{
      border:1px solid rgba(66,93,95,.16);
      background: rgba(248,247,242,.92);
      border-radius:14px;
      overflow:hidden;
      position:relative;
      /* Fixed aspect ratio so the split lines stay aligned across screen sizes */
      aspect-ratio: 2.2 / 1;
    }
    .mapImg{
      width:100%;
      height: 100%;
      object-fit: cover; /* stable crop when container ratio is fixed */
      display:block;
      background: var(--paper);
    }
    .mapOverlay{position:absolute; inset:0;}
    .divider{position:absolute; opacity:.85; pointer-events:none;}
    .vline{
      width:2px; top:10px; bottom:10px;
      background: repeating-linear-gradient(to bottom, rgba(66,93,95,.26) 0 6px, transparent 6px 12px);
    }
    .hline{
      height:2px; left:10px; right:10px;
      background: repeating-linear-gradient(to right, rgba(66,93,95,.26) 0 6px, transparent 6px 12px);
    }
    .quadHit{position:absolute; cursor:pointer; background: transparent;}
    .quadHit:hover{ background: rgba(253,231,162,.25); }
    .quadActive{ background: rgba(253,231,162,.42) !important; }

    .mapCaption{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      color: rgba(66,93,95,.75);
      font-size:11px !important;
      font-weight:900 !important;
    }
    .pill{
      border:1px solid rgba(66,93,95,.18);
      background: rgba(248,247,242,.88);
      border-radius:16px;
      padding:6px 10px;
      font-size:11px !important;
      font-weight:950 !important;
      color: var(--ink);
      white-space:nowrap;
    }

    /* Toggle row */
    .toggles{
      max-width: 760px;
      margin: 10px auto 0;
      display:flex;
      gap:8px;
      align-items:center;
      justify-content:flex-end;
      flex-wrap:wrap;
    }
    .tbtn{
      border:1px solid rgba(66,93,95,.18);
      background: rgba(255,255,255,.70);
      color: var(--ink);
      border-radius:999px;
      padding:8px 12px;
      font-size:12px !important;
      font-weight:950 !important;
      cursor:pointer;
      box-shadow: 0 10px 24px rgba(66,93,95,.10);
    }
    /* Distinct styling for the Download PNG button */
    #downloadPng{
      background: var(--mist) !important; /* #BACACB */
      color: #425D5F !important;           /* darker for contrast */
      font-weight:900 !important;
      border-color: rgba(66,93,95,.18) !important;
    }
    #downloadPng:hover{
      background: #aebfbf !important;
    }
    /* Keep Download PNG readable when disabled, but still show disabled cursor */
    #downloadPng[disabled]{
      opacity: 1 !important;
      filter: grayscale(0.12) brightness(0.96) !important;
      cursor: not-allowed !important;
    }
    .tbtn.active{
      border-color: rgba(250,169,67,.72);
      background: rgba(253,231,162,.55);
    }
    .tbtn[disabled]{opacity:.55; cursor:not-allowed}

    /* Board */
    .boardWrap{
      margin: 12px auto 0;
      max-width: 760px;
    }
    .board{
      border:1px solid rgba(66,93,95,.18);
      background:#fff;
      border-radius:0px;
      box-shadow: var(--shadow);
      overflow:hidden;
      width:100%;
      border-bottom: none;
    }

    table{
        width:100%;
        border-collapse:collapse;
        table-layout:fixed;
    }
    th, td{
      border-right:1px solid rgba(66,93,95,.12);
      border-bottom:1px solid #425d5f1a;
      padding:0;
      vertical-align:middle;
    }
    tr:last-child td{border-bottom:none;}
    th:last-child, td:last-child{border-right:none;}



    .labelcol{
      width: 86px;
      background: rgba(186,202,203,.26);
      text-align:center;
      padding:9px 8px;
      font-weight:950 !important;
      font-size: 12px !important;
      color: var(--ink);
    }
    .labelcol small{
      display:block;
      margin-top:2px;
      font-weight:900 !important;
      font-size: 10.5px !important;
      color: rgba(66,93,95,.76);
      text-align:center;
    }
    .hdr{
      background: var(--ink);
      color:#fff;
      padding:9px 8px 7px;
      font-weight:950 !important;
      letter-spacing:.2px;
      font-size:12.5px !important;
      text-align:center;
    }

    .starRow td{
      background: rgba(186,202,203,.22);
      padding:8px 6px;
      text-align:center;
      line-height:1.05;
    }
    .starCN{ font-size: 12.5px !important; font-weight:950 !important; }
    .starEN{ font-size: 10.5px !important; font-weight:900 !important; opacity:.92; margin-top:3px; }

    .gzCell{
      padding:8px 6px 10px;
      text-align:center;
      background:#fff;
    }
    .branchRow td.gzCell{ background: rgba(186,202,203,.16); }

    .mini{display:block;font-size:10.5px !important;line-height:1.1;font-weight:950 !important;margin-bottom:5px}
    .mini2{display:block;font-size:10.5px !important;line-height:1.1;font-weight:950 !important;margin-bottom:7px;opacity:.92}
    .bigChar{display:block;font-size: clamp(34px, 6.6vw, 48px) !important;line-height:1;font-weight:950 !important;letter-spacing:1px}

    .hiddenRow td, .substarRow td{
      background:#fff;
      padding:8px 6px 10px;
      height: 118px;
      vertical-align:top;
    }
    .stack{display:flex;flex-direction:column;gap:8px}
    .pair{
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:8px;
      border:1px solid rgba(66,93,95,.10);
      background: rgba(248,247,242,.58);
      border-radius:12px;
      padding:7px 9px;
    }
    .leftCN{ font-weight:950 !important; font-size: 13.5px !important; line-height:1; letter-spacing:.2px; }
    .rightEN{ font-weight:900 !important; font-size: 10.5px !important; opacity:.95; text-align:right; white-space:nowrap; }
    .tgCN{ font-weight:950 !important; font-size: 13px !important; line-height:1; }
    .tgEN{ font-weight:900 !important; font-size: 10.5px !important; opacity:.95; white-space:nowrap; }

    .collapsed{display:none;}

    @media (max-width: 560px){
      .labelcol{width:78px}
      .bigChar{font-size:40px !important}
      .mini,.mini2{font-size:10px !important}
      .pair{flex-direction:column;align-items:flex-start;gap:5px}
      .rightEN{text-align:left;white-space:normal}
      .hiddenRow td, .substarRow td{height:auto}
      .toggles{justify-content:flex-start}
    }

    .toast{
      position:fixed; left:50%; bottom:18px; transform:translateX(-50%);
      background: rgba(66,93,95,.92);
      border:1px solid rgba(255,255,255,.22);
      color:#fff;
      padding:9px 12px;
      border-radius:999px;
      font-size:12px !important;
      opacity:0;
      pointer-events:none;
      transition:opacity .18s ease;
    }
    .toast.show{opacity:1}
    .debugLine{
     max-width:760px;
     margin:6px auto 0;
     font-size:11px  !important;
     font-weight:700 !important;
     color: rgba(66,93,95,.62);
     text-align:center;
     line-height:1.25;
     min-height: 14px; /* 没内容时也不抖动 */
    }

    .main_content {
    background-color: transparent;
    }
    html, body{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Create a fixed background layer behind everything */
body{
  position: relative;
  z-index: 0;
}

/* Key fix: render the background on a fixed pseudo layer */
body::before{
  content: "";
  position: fixed;
  inset: -2px;                 /* 关键：四周扩大2px，盖住1px接缝 */
  z-index: -1;
  pointer-events: none;

  /* 这里放你原来的背景（渐变/背景图都可以） */
  background: linear-gradient(180deg,
    #F8F7F2 0%,
    #F8F7F2 55%,
    rgba(248,247,242,0.86) 100%
  );

  background-repeat: no-repeat;
  background-size: cover;

  transform: translateZ(0);    /* 关键：强制GPU合成，减少seam */
  will-change: transform;
}

/* UeeShop底部email subscribe去圆角 */
    body .ly_footer_81#footer dl dd .default_newsletter_form input.text {
    border-radius:0px;
    }
    body .ly_footer_81 .default_newsletter_style .default_newsletter_form .subscribe {
    border-radius:0px;
    }

/* 表格底部去白边 */
    .editor_txt .editor_table_wrap {
        padding-bottom:0px;
        margin-bottom:0px;
    }

 .boardScroll{ 
  overflow-x:auto; 
  -webkit-overflow-scrolling: touch; 
  }

@media (max-width: 680px){
  .boardScroll table{ min-width: 760px; }
}

/* 导出 PNG 时临时取消 min-width，强制 fit export width */
.exporting .boardScroll{ overflow-x: visible !important; }
.exporting .boardScroll table{ min-width: 0 !important; }
   
.scrollHint{
  display:none;
  margin: 8px 0 10px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(66,93,95,.62);
  text-align: center;
  user-select: none;
}

/* 底部引导区块 */
    .czl-ask-block {
      margin-top: 24px;
      padding: 16px 20px;
      border-radius: 18px;
      background: #fff7d8;
      border: 1px solid #f6e3aa;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      flex-wrap: wrap;
    }

    .czl-ask-text {
      font-size: 14px;
      color: #5a6a73;
    }

    .czl-ask-text span {
      font-weight: 600;
      color: #6c5a26;
    }

    .czl-btn {
      border: none;
      border-radius: 999px;
      padding: 10px 22px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: transform 0.08s ease,
                  box-shadow 0.08s ease,
                  background-color 0.12s ease;
      white-space: nowrap;
    }

    .czl-btn-primary {
      background: #f4a246;
      color: #ffffff;
      box-shadow: 0 3px 8px rgba(244, 162, 70, 0.35);
    }

    .czl-btn-primary:hover {
      background: #f39a32;
      transform: translateY(-1px);
      box-shadow: 0 4px 10px rgba(244, 162, 70, 0.45);
    }

    .czl-btn-primary:active {
      transform: translateY(0);
      box-shadow: 0 2px 6px rgba(244, 162, 70, 0.3);
    }

@media (max-width: 680px){
  .scrollHint{ display:block; }
  
  /*去除UeeShop手机端左右padding*/
  .container_screen {    
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .article_content_box .editor_txt {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

@media (max-width: 680px){
  .genderDateRow{
    display: grid !important;
    grid-template-columns: auto 1fr !important; /* 关键：gender下拉菜单栏左自适应，右撑满 */
    gap: 12px;
    align-items: center;
  }
  .genderDateRow #gender{ min-width: 96px; max-width: 160px; }
  .genderDateRow #birthDate{ min-width: 0; }
}

@media (max-width: 680px){
  .gdRow{
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
  }
  .gdRow #gender{
    max-width: 40vw !important;   /* 关键：不会无限撑大 */
    min-width: 92px !important;
    width: 100% !important;
  }
  .gdRow #birthDate{
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 680px){
  /* 所有输入控件都别长出卡片 */
  .card input,
  .card select{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 重点：日期这个控件（按你的 id 改） */
  #birthDate{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;   /* 允许在 flex/grid 里收缩 */
    box-sizing: border-box !important;
  }
}
/* Hide scroll hint when exporting PNG */
.exporting #scrollHint{
  display: none !important;
}


  


/* ===== Five Elements Legend & Diagram ===== */
.wxWrap{
  max-width: 760px;
  margin: 12px auto 0;
  padding: 14px 14px 18px;
  border: 1px solid rgba(66,93,95,.18);
  background: rgba(255,255,255,.72);
  border-radius: 16px;
  box-shadow: var(--shadow);
}
.wxTitle{
  font-weight: 900;
  color: rgba(66,93,95,.86);
  font-size: 14px !important;
  margin-bottom: 10px;
  letter-spacing: .2px;
}
.wxLegend{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  align-items:center;
  justify-content:flex-start;
  margin-bottom: 10px;
}
.wxItem{
  display:flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border: 1px solid rgba(66,93,95,.14);
  border-radius: 999px;
  background: rgba(248,247,242,.75);
  font-weight: 800 !important;
  color: rgba(66,93,95,.88);
  font-size: 12px !important;
}
.wxDot{
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 3px rgba(0,0,0,.04) inset;
}
.wxName{ line-height:1; }
.wxLink{
  display:inline-block;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: rgba(66,93,95,.72);
  text-decoration: none;
  margin: 2px 0 12px;
}
.wxLink:hover{ text-decoration: underline; }
.wxDiagram{
  border-top: 1px dashed rgba(66,93,95,.18);
  padding-top: 12px;
}
.wxImg{
  width:100%;
  height:auto;
  display:block;
  border-radius: 12px;
  border: 1px solid rgba(66,93,95,.10);
  background:#fff;
}
.wxCaption{
  text-align:center;
  font-size: 11px !important;
  font-weight: 750 !important;
  color: rgba(66,93,95,.62);
  margin-top: 8px;
}
.wxWood{ color: var(--wood) !important; }
.wxFire{ color: var(--fire) !important; }
.wxEarth{ color: var(--earth) !important; }
.wxMetal{ color: var(--metal) !important; }
.wxWater{ color: var(--water) !important; }
.wxDetails{ margin-top: 6px; }
.wxSummary{
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  color: rgba(66,93,95,.72);
  list-style: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
}
.wxSummary::-webkit-details-marker{ display:none; }
.wxSummary::after{
  content: "▾";
  font-size: 12px;
  opacity: .7;
}
.wxDetails[open] .wxSummary::after{ content: "▴"; }
@media (max-width: 680px){
  .wxWrap{ border-radius: 14px; }
  .wxLegend{ gap: 8px 10px; }
}

    /* ===== Luck Cycles ===== */
    .luckSection{max-width:760px;margin:16px auto 0;color:var(--ink);background:var(--bg)}
    .luckSectionTitle{font-size:13px !important;font-weight:900 !important;color:rgba(66,93,95,.78);margin:0 0 8px;display:inline-flex;align-items:center;gap:8px}
    .luckSectionTitle::after{content: "▾";font-size:12px;opacity:.7}
    .luckSectionTitle[aria-expanded="true"]::after{content: "▴"}
    .luckHint{font-size:11px !important;color:rgba(66,93,95,.65);font-weight:800 !important;margin:0 0 10px}
    .lcWrap{display:flex;flex-direction:column;gap:0;align-items:flex-start}
    .lcSection{width:100%;position:relative;overflow:visible}
    .lcScroller{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;margin-left:var(--lc-side-w);width:calc(100% - var(--lc-side-w));scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.20) rgba(0,0,0,.05);background:transparent}
    .lcScroller::-webkit-scrollbar{height:9px}
    .lcScroller::-webkit-scrollbar-thumb{background:rgba(0,0,0,.20);border-radius:999px}
    .lcScroller::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:999px}
    .lcTable{position:relative;width:max-content;min-width:0}
    .lcSide{position:absolute;left:0;top:0;width:var(--lc-side-w);z-index:20;display:grid;grid-template-rows:var(--lc-h1) var(--lc-h2) calc(var(--lc-row-ten) + var(--lc-row-stem) + var(--lc-row-branch) + var(--lc-row-minor));border-left:1px solid rgba(66,93,95,.12)}
    .lcSideCell{display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;border-right:1px solid rgba(66,93,95,.12);border-bottom:1px solid rgba(66,93,95,.12);letter-spacing:.1px;font-size:12px !important;font-weight:700 !important;line-height:1.1}
    .lcMajor .lcSideCell{background:#425D5F;color:#fff}
    .lcYearly .lcSideCell{background:#BACACB;color:#2f4b4e}
    .lcGrid{display:grid;grid-auto-flow:column;grid-auto-columns:var(--lc-col-w);width:max-content;border-left:1px solid rgba(66,93,95,.12);margin-left:0}
    .lcCol{background:#f2f3f4;border-right:1px solid rgba(66,93,95,.12);border-bottom:1px solid rgba(66,93,95,.12);position:relative;z-index:1;cursor:pointer}
    .lcCol.selected{z-index:8;box-shadow:0 12px 24px rgba(0,0,0,.16),0 4px 10px rgba(0,0,0,.09)}
    .lcHead{display:grid;grid-template-rows:var(--lc-h1) var(--lc-h2)}
    .lcHeadRow{display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.18);font-size:12px !important;font-weight:700 !important}
    .lcHeadRow:last-child{border-bottom:none}
    .lcMajor .lcHead{background:#425D5F;color:#fff}
    .lcMajor .lcCol.selected .lcHead{background:#BACACB;color:#2f4b4e}
    .lcYearly .lcHead{background:#BACACB;color:#2f4b4e}
    .lcBody{display:grid;grid-template-rows:var(--lc-row-ten) var(--lc-row-stem) var(--lc-row-branch) var(--lc-row-minor);background:#f2f3f4}
    .lcCell{border-top:1px solid rgba(66,93,95,.12);padding:8px 8px 10px;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0}
    .lcTen{line-height:1.12;font-size:11px !important;font-weight:500;display:flex;flex-direction:column;gap:2px}
    .lcTen.selectedText{font-weight:700}
    .lcStemBranch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;line-height:1.1;min-width:0}
    .lcMeta{font-size:10px !important;font-weight:500;display:flex;flex-direction:column;gap:1px}
    .lcMeta.selectedText{font-weight:700}
    .lcBig{font-size:42px !important;line-height:1;font-weight:500;letter-spacing:1px}
    .lcBig.selectedText{font-weight:700}
    .lcMinorWrap{width:100%;display:flex;flex-direction:column;gap:7px;align-self:stretch;justify-content:flex-end}
    .lcMinorCard{min-height:26px;padding:5px 8px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;overflow:hidden;font-size:10px !important;font-weight:500 !important;}
    .lcMinorCard.selectedText{font-weight:700 !important;}
    .lcMinorLeft{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;flex:0 0 auto}
    .lcAbbr{width:12px;flex:0 0 12px;text-align:center}
    .lcMinorEn{white-space:nowrap;overflow:hidden;text-overflow:clip;flex:1 1 auto;text-align:right;font-size:inherit;letter-spacing:-0.1px}
    .lcYearlyGlow{box-shadow:0 18px 30px rgba(0,0,0,.14),0 4px 12px rgba(0,0,0,.08),0 -8px 18px rgba(0,0,0,.08);position:relative;z-index:4}
    .lcWrap.collapsed{display:none}
    .lc-wood{color:var(--wood)} .lc-fire{color:var(--fire)} .lc-earth{color:var(--earth)} .lc-metal{color:var(--metal)} .lc-water{color:var(--water)}
    :root{--lc-side-w:76px;--lc-col-w:108px;--lc-h1:34px;--lc-h2:34px;--lc-row-ten:46px;--lc-row-stem:86px;--lc-row-branch:86px;--lc-row-minor:104px;--lc-visible-cols:6}
    @media (min-width:681px){:root{--lc-side-w:84px;--lc-col-w:116px;--lc-h1:36px;--lc-h2:36px;--lc-row-ten:50px;--lc-row-stem:94px;--lc-row-branch:94px;--lc-row-minor:110px}}
    @media (min-width:901px){:root{--lc-side-w:92px;--lc-col-w:126px;--lc-h1:40px;--lc-h2:40px;--lc-row-ten:54px;--lc-row-stem:108px;--lc-row-branch:108px;--lc-row-minor:120px}}
    .lcSection{max-width:calc(var(--lc-side-w) + (var(--lc-visible-cols) * var(--lc-col-w)))}
    .board{overflow:visible !important}

/* ===== 修复 UeeShop 覆盖大运/流年副星颜色 ===== */

/* 先清掉平台对副星卡片文字的统一颜色覆盖 */
#luckSection .lcMinorCard,
#luckSection .lcMinorCard *,
#luckSection .lcMinorLeft,
#luckSection .lcMinorLeft *,
#luckSection .lcMinorEn,
#luckSection .lcMinorEn *{
  color: inherit !important;
}

/* Wood */
#luckSection .lc-wood,
#luckSection .lc-wood *{
  color:#2f7d32 !important;
}

/* Fire */
#luckSection .lc-fire,
#luckSection .lc-fire *{
  color:#e04545 !important;
}

/* Earth */
#luckSection .lc-earth,
#luckSection .lc-earth *{
  color:#8a5a2b !important;
}

/* Metal */
#luckSection .lc-metal,
#luckSection .lc-metal *{
  color:#f0a12a !important;
}

/* Water */
#luckSection .lc-water,
#luckSection .lc-water *{
  color:#2b78e4 !important;
}