:root{
  --wxcy-bg:#F4F4F6;--wxcy-card:#fff;--wxcy-tp:rgba(0,0,0,.82);--wxcy-ts:rgba(0,0,0,.5);
  --wxcy-tt:rgba(0,0,0,.35);--wxcy-b8:rgba(0,0,0,.08);--wxcy-b12:rgba(0,0,0,.12);
  --wxcy-pri:#F3A04C;--wxcy-acc:#E58522;
}
@media (prefers-color-scheme:dark){
  :root{
    --wxcy-bg:#232324;--wxcy-card:#2E2E2E;--wxcy-tp:rgba(255,255,255,.85);
    --wxcy-ts:rgba(255,255,255,.55);--wxcy-tt:rgba(255,255,255,.38);
    --wxcy-b8:rgba(255,255,255,.08);--wxcy-b12:rgba(255,255,255,.12);
  }
}

#wuxing-chuanyi-root{
  display:block;max-width:440px;margin:0 auto;padding:16px;
  background:var(--wxcy-bg);border-radius:18px;color:var(--wxcy-tp);
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-sizing:border-box;
}
#wuxing-chuanyi-root *{box-sizing:border-box;}

.wxcy-toolbar{display:flex;gap:8px;margin-bottom:14px;}
#wxcy-date-input{
  flex:1;height:38px;border:.5px solid var(--wxcy-b12);border-radius:10px;
  background:var(--wxcy-card);color:var(--wxcy-tp);padding:0 12px;font-size:14px;outline:none;
}
#wxcy-today-btn{
  height:38px;padding:0 16px;border:0;border-radius:10px;
  background:var(--wxcy-pri);color:#fff;font-size:13px;font-weight:600;cursor:pointer;
}

.wxcy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.wxcy-date{font-size:12px;color:var(--wxcy-tt);}
.wxcy-today{display:flex;align-items:center;gap:6px;font-size:12px;}
.wxcy-today-label{color:var(--wxcy-tt);}
.wxcy-today-stem{font-weight:700;font-size:15px;color:var(--wxcy-acc);}
.wxcy-today-wx{color:var(--wxcy-ts);}

.wxcy-primary{
  border-radius:18px;padding:20px;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--primary-hex,#C0392B),color-mix(in srgb,var(--primary-hex,#C0392B) 65%,#000));
}
.wxcy-primary::after{
  content:"";position:absolute;right:18px;top:50%;transform:translateY(-50%);
  width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.22);
  border:3px solid rgba(255,255,255,.45);
}
.wxcy-primary-tag{font-size:12px;letter-spacing:2px;opacity:.9;}
.wxcy-primary-color{font-size:36px;font-weight:800;line-height:1.1;margin:4px 0;}
.wxcy-primary-hex{display:none;}
.wxcy-primary-advice{font-size:12px;opacity:.92;line-height:1.5;max-width:250px;}
.wxcy-primary-areas{font-size:11px;opacity:.8;margin-top:8px;}

.wxcy-secondary{
  display:flex;align-items:center;gap:12px;background:var(--wxcy-card);
  border:.5px solid var(--wxcy-b8);border-radius:14px;padding:12px 14px;margin-top:10px;
  border-left:4px solid var(--secondary-hex,#D4A017);
}
.wxcy-secondary-tag{font-size:11px;color:var(--wxcy-tt);}
.wxcy-secondary-color{font-size:15px;font-weight:700;}
.wxcy-secondary-advice{font-size:11px;color:var(--wxcy-ts);line-height:1.4;flex:1;min-width:0;}

.wxcy-all-title{font-size:13px;font-weight:600;color:var(--wxcy-ts);margin:16px 0 8px;}
.wxcy-all-list{
  background:var(--wxcy-card);border:.5px solid var(--wxcy-b8);
  border-radius:16px;overflow:hidden;
}
.wxcy-color-item{display:flex;gap:12px;padding:12px 14px;border-top:.5px solid var(--wxcy-b8);}
.wxcy-color-item:first-child{border-top:0;}
.wxcy-stress{background:color-mix(in srgb,#E65C53 8%,transparent);}
.wxcy-color-swatch{width:36px;height:36px;border-radius:9px;flex:none;border:.5px solid var(--wxcy-b12);}
.wxcy-color-info{flex:1;min-width:0;}
.wxcy-color-name{font-size:14px;font-weight:600;}
.wxcy-color-rel{font-size:11px;font-weight:500;color:var(--wxcy-tt);margin-left:6px;}
.wxcy-color-advice{font-size:12px;color:var(--wxcy-ts);line-height:1.45;margin-top:2px;}
.wxcy-color-areas{font-size:11px;color:var(--wxcy-tt);margin-top:3px;}

.wxcy-disclaimer{
  font-size:11px;color:var(--wxcy-tt);line-height:1.6;margin-top:12px;
  padding:10px 12px;background:rgba(0,0,0,.03);border-radius:10px;
}
.wxcy-error{font-size:13px;color:#E65C53;padding:16px;text-align:center;}