.smc-card{
  --smc-night:#172238;
  --smc-night-soft:#24324a;
  --smc-gold:#9a772f;
  --smc-gold-light:#d9c48d;
  --smc-paper:#fffdfa;
  --smc-paper-soft:#f7f8fc;
  --smc-ink:#182238;
  --smc-text:#394556;
  --smc-muted:#6d7788;
  --smc-line:#e5e8ee;
  --smc-accent:#786987;
  --smc-accent-soft:#f0edf3;
  position:relative;
  width:100%;
  max-width:480px;
  margin:auto;
  padding:24px;
  overflow:hidden;
  isolation:isolate;
  color:var(--smc-ink);
  background:var(--smc-paper);
  border:1px solid rgba(217,196,141,.58);
  border-radius:16px;
  box-shadow:0 26px 70px rgba(8,15,31,.26),0 2px 0 rgba(255,255,255,.75) inset;
  font-family:inherit;font-size:15px;font-weight:500;line-height:1.65;
  transition:transform .25s ease,box-shadow .25s ease
}
.smc-card--tarot{--smc-accent:#786987;--smc-accent-soft:#f0edf3}
.smc-card--bagua{--smc-accent:#47777d;--smc-accent-soft:#eaf1f1}
.smc-card--bazi{--smc-accent:#94712d;--smc-accent-soft:#f5f0e5}
.smc-card--ziwei{--smc-accent:#695f78;--smc-accent-soft:#efedf2}
.smc-card:before{
  position:absolute;z-index:-2;inset:0;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,248,252,.94));
  content:""
}
.smc-card:after{
  position:absolute;z-index:-1;width:240px;height:240px;right:-125px;top:-135px;
  border:1px solid rgba(154,119,47,.17);border-radius:50%;
  box-shadow:0 0 0 35px rgba(154,119,47,.025),0 0 0 70px rgba(154,119,47,.018);
  content:"";pointer-events:none
}
.smc-card:hover{transform:translateY(-4px);box-shadow:0 34px 80px rgba(8,15,31,.31),0 2px 0 rgba(255,255,255,.8) inset}
.smc-watermark{
  position:absolute;z-index:-1;right:18px;bottom:55px;
  color:var(--smc-accent);font-family:inherit;font-size:112px;font-weight:700;line-height:1;
  opacity:.035;pointer-events:none
}
.smc-header{display:grid;grid-template-columns:68px 1fr 62px;gap:15px;align-items:center}
.smc-card--no-date .smc-header{grid-template-columns:1fr 62px}
.smc-date{
  height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#fff;background:var(--smc-night);border:1px solid rgba(217,196,141,.35);border-radius:9px;
  box-shadow:inset 0 0 0 4px rgba(217,196,141,.035)
}
.smc-date span,.smc-date small{font-size:12px;line-height:1.2}.smc-date strong{color:var(--smc-gold-light);font-family:inherit;font-size:29px;font-weight:600;line-height:1.12}
.smc-heading{min-width:0}.smc-kicker{display:flex;align-items:center;gap:8px;color:var(--smc-gold);font-size:13px;font-weight:700;letter-spacing:.08em}.smc-kicker i{width:15px;height:1px;background:var(--smc-gold);content:""}
.smc-heading h3{margin:6px 0 2px;color:var(--smc-ink);font-family:inherit;font-size:25px;font-weight:700;line-height:1.35}.smc-heading p{margin:0;color:var(--smc-muted);font-size:14px;line-height:1.55}
.smc-sigil{
  position:relative;width:60px;height:60px;display:grid;place-items:center;
  color:var(--smc-gold-light);background:var(--smc-night);
  border:1px solid rgba(217,196,141,.55);border-radius:50%;
  box-shadow:inset 0 0 0 5px rgba(217,196,141,.045)
}
.smc-sigil:before{position:absolute;inset:7px;border:1px solid rgba(217,196,141,.25);border-radius:50%;content:""}.smc-sigil i{display:none}.smc-sigil span{font-family:inherit;font-size:21px;font-weight:700;line-height:1}
.smc-focus{
  position:relative;margin:25px 0 17px;padding:21px 21px 20px;overflow:hidden;
  background:linear-gradient(135deg,var(--smc-accent-soft),#fff);
  border:1px solid color-mix(in srgb,var(--smc-accent) 18%,var(--smc-line));border-left:3px solid var(--smc-accent);border-radius:8px
}
.smc-focus:after{position:absolute;width:78px;height:78px;right:-34px;bottom:-43px;border:1px solid var(--smc-accent);border-radius:50%;opacity:.13;content:""}
.smc-focus span,.smc-focus small{display:block}.smc-focus span{color:var(--smc-accent);font-size:13px;font-weight:700;letter-spacing:.08em}.smc-focus strong{display:block;margin:5px 0 3px;color:var(--smc-ink);font-family:inherit;font-size:27px;font-weight:700;line-height:1.35}.smc-focus small{color:var(--smc-text);font-size:14px;line-height:1.65}
.smc-signals{display:grid;gap:9px;margin:0;padding:0;list-style:none}.smc-signals li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:12px 13px;background:rgba(255,255,255,.72);border:1px solid var(--smc-line);border-radius:8px;transition:border-color .2s,background .2s}
.smc-signals li:hover{border-color:rgba(154,119,47,.45);background:#fff}
.smc-signal-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--smc-gold-light);background:var(--smc-night-soft);border-radius:50%;font-family:inherit;font-size:17px;font-weight:700;line-height:1}
.smc-signals small,.smc-signals strong{display:block}.smc-signals small{color:var(--smc-accent);font-size:13px;font-weight:700}.smc-signals strong{color:var(--smc-text);font-size:14px;line-height:1.55;font-weight:600}
.smc-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--smc-line)}.smc-footer span{max-width:54%;color:var(--smc-muted);font-size:12px;line-height:1.5}.smc-footer a{display:inline-flex;align-items:center;gap:14px;padding:11px 15px;color:#fff;background:var(--smc-gold);border:1px solid rgba(255,255,255,.22);border-radius:6px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(154,119,47,.2);transition:transform .2s,background .2s}.smc-footer a:hover{transform:translateY(-2px);background:#ad8738}.smc-footer b{font-size:17px;font-weight:400}
@media(max-width:600px){
  .smc-card{padding:18px;border-radius:12px}.smc-header{grid-template-columns:58px 1fr 52px;gap:10px}.smc-card--no-date .smc-header{grid-template-columns:1fr 52px}.smc-date{height:73px}.smc-date strong{font-size:25px}.smc-sigil{width:50px;height:50px}.smc-sigil span{font-size:18px}.smc-heading h3{font-size:22px}.smc-heading p{font-size:13px}.smc-focus{margin:20px 0 15px;padding:18px}.smc-focus strong{font-size:24px}.smc-footer{align-items:stretch;flex-direction:column}.smc-footer span{max-width:none}.smc-footer a{justify-content:center}
}