/* 熊順暢牌面：Vantive 紫色版（63 × 88 mm 比例），卡面在深色模式也保持紙卡顏色。尺寸用 cqw，任何寬度都等比例 */
.sc{container-type:inline-size;width:100%;display:flex;flex-direction:column}
.sf{--p:#72246C;--pd:#702958;--lav:#EEE6EE;--panel:#EDE3EC;--ink:#24262E;
  height:139.7cqw;flex:none;border-radius:5cqw;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:.9cqw solid var(--p);
  font-family:"Noto Sans TC",system-ui,"PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);text-align:left;line-height:1.4}
.sf *{margin:0}
.sf .eb{display:flex;justify-content:space-between;align-items:baseline;gap:2cqw;font-size:4.8cqw;font-weight:700;letter-spacing:.02em}
.sf .eb .cd{font-size:4.8cqw;letter-spacing:.02em}
.sf .nm{font-size:var(--fs-nm,9.6cqw);font-weight:900;line-height:1.15;letter-spacing:.01em}
.sf .en{font-size:3.8cqw;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--p);line-height:1.3}
.sf .art{background:var(--panel);border-radius:3cqw;padding:1.6cqw 4cqw;margin-block:.6cqw;height:var(--art-h,29cqw);flex:none;display:grid;place-items:center}
.sf .art svg{display:block;height:100%;width:100%}
.sf .tx{font-size:var(--fs-tx,4.7cqw);line-height:1.5}
.sf .box{margin-top:auto;border-radius:3cqw;background:#F3EEF3;padding:2.4cqw 3.4cqw;font-size:4.6cqw;font-weight:700;color:var(--p);line-height:1.45}
.sf .box.hide{visibility:hidden}
.sf .ft{display:flex;justify-content:space-between;gap:2cqw;font-size:4.2cqw;font-weight:700;padding:2.4cqw 5.5cqw 3.2cqw;color:var(--ink)}
.sf .ft span:last-child{color:#7C6B7B;font-weight:500}
/* 抗凝技能：紫色標題帶 */
.sf.K .hd{background:var(--p);color:#fff;padding:4.6cqw 5.5cqw 4cqw;display:grid;gap:1.4cqw}
.sf.K .hd .en{color:rgba(255,255,255,.9)}
.sf.K .bd{flex:1;min-height:0;padding:4cqw 5.5cqw 0;display:flex;flex-direction:column;gap:2.2cqw}
/* 併發症：深紫外框＋白色內框 */
.sf.X{background:var(--pd);border-color:var(--pd);padding:0 3.4cqw}
.sf.X .hd{color:#fff;padding:4.2cqw 2.2cqw 3.2cqw}
.sf.X .pn{min-height:0;background:#fff;border-radius:3.6cqw;padding:4.4cqw 4.4cqw 3.4cqw;display:flex;flex-direction:column;gap:1.8cqw;flex:1}
.sf.X .en{color:var(--pd)}
.sf.X .art{background:#fff;border:.8cqw solid var(--pd);border-radius:3cqw;width:78%;align-self:center;padding:1.2cqw 4cqw;height:var(--art-h,26cqw)}
.sf.X .box{margin:2.4cqw 0 0;background:#fff;color:var(--pd)}
.sf.X .ft{color:#fff;padding-inline:2.2cqw}
.sf.X .ft span:last-child{color:rgba(255,255,255,.75)}
/* 醫療處置：淡紫底 */
.sf.T{background:var(--lav)}
.sf.T .bd{flex:1;min-height:0;padding:4.6cqw 5.5cqw 0;display:flex;flex-direction:column;gap:2cqw}
.sf.T .eb{color:var(--p);padding-bottom:1.6cqw;border-bottom:.5cqw solid var(--p)}
.sf.T .art{background:#fff}
.sf.T .box{background:#fff}
/* 其他：白底、紫色側邊 */
.sf.O{border-left-width:3.6cqw}
.sf.O .bd{flex:1;min-height:0;padding:4.6cqw 5.5cqw 0;display:flex;flex-direction:column;gap:2cqw}
.sf.O .eb{color:var(--p)}
.sf.O .art{--art-h:46cqw;padding:4cqw 8cqw}
.sf.O .tx{text-align:center;font-size:5.4cqw;line-height:1.55;height:calc(5.4cqw * 1.55 * 2);display:grid;place-items:center;margin-top:1.6cqw}
.sf.O .fx{color:var(--p);font-weight:900;font-size:6cqw;line-height:1.35;text-align:center;background:var(--panel);border-radius:3cqw;padding:2.4cqw 3cqw;min-height:calc(6cqw * 1.35 + 4.8cqw);display:grid;place-items:center}

/* 桌面上的小卡 */
.sm{--ink:#24262E;display:inline-flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;border-radius:9px;padding:5px 8px;background:#fff;border:2px solid var(--c);color:var(--ink);font-size:12.5px;line-height:1.25;text-align:left}
.sm b{font-weight:900;white-space:nowrap}
.sm i{font-style:normal;font-size:11.5px;color:#5C5F6A}
.sm.X{background:#F6E3EA}
.sm.sick{border-style:dashed}