/* 首頁 → 預約課程（小艾瑜珈教室）的字卡。原本寫在 templates/home.html 內嵌，只套 #demo-panel-5；
   手機「點我看完整對話」的視窗（.ds-sheet）也要套，不然字卡變成一行行文字（2026-10-25） */
:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc{width:236px;max-width:100%;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #2d465626}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-h{display:flex;align-items:center;gap:6px;padding:11px 14px;background:linear-gradient(90deg,#ff8a65,#ff5c8a);color:#fff;font-size:13px;font-weight:700}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-b{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-line{font-size:12px;color:#203344;padding:2px 0 4px}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-btn{display:block;padding:8px 6px;border:1px solid #ffd2c7;border-radius:8px;background:#fff4f0;color:#d64b3c;font-size:12px;text-align:center;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-plain{color:#203344}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-main{border-color:#ff8a65;background:#ff8a65;color:#fff;font-weight:600}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-grid{display:grid;gap:6px}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-two{grid-template-columns:1fr 1fr}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-three{grid-template-columns:1fr 1fr 1fr}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-day small{display:block;font-size:10px;color:#203344}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-day b{display:block;font-size:13px}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-note{font-size:10px;color:#7a8794;text-align:center}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-left{text-align:left}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-chip{align-self:flex-start;padding:5px 12px;border:1px solid #ffb4a3;border-radius:999px;background:#fff4f0;color:#d64b3c;font-size:12px;font-weight:600}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-back{margin-top:4px;font-size:12px;color:#4a6078;text-align:center}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-row{display:flex;gap:12px;font-size:12px;color:#203344}:is(#demo-panel-5,.ds-sheet[data-panel="demo-panel-5"]) .yc-row b{font-weight:500;color:#d64b3c}