/* 个人工作台样板间原型 · 演示层样式（控制条、旁白、拍板、虚拟手、手机、幕布）。
   这一层不是产品界面，默认用自己的深色配色；外观都走下面 :root 里的 --pl-* 令牌，皮肤可在 skin.css 里覆盖（见 skins/README.md）。
   模仿微信、飞书的手机画面与通知横幅（.phone、.banner 一族）用第三方产品自己的颜色，不随皮肤变。
   电脑：底部一条控制带（上面一行是时间轴，下面一行是控制、旁白、倍速与版本）；
   手机（≤760px）：顶部一行字加一条细进度，点开展开控制面板；拍板时在顶部展开两个大按钮。 */

:root {
  --pl-bg: #15191B; --pl-bg2: #20262A; --pl-bg3: #2B3237; --pl-fg: #EEF2F0; --pl-fg2: #A9B3AF; --pl-fg3: #7D8784;
  --pl-acc: #F2C94C; --pl-acc-ink: #1C1A12; --pl-line: rgba(255, 255, 255, .09);
  --pl-acc-rgb: 242, 201, 76;          /* 强调色的 RGB 三元组，进度、聚光圈、虚拟手按它取透明度 */
  --pl-decide-bg: #1C1A12;             /* 拍板时控制带的底 */
  --pl-curtain-rgb: 14, 18, 17;        /* 幕布（开场、过场、一周五个早晨）的底 */
  --pl-chcard-bg: rgba(16, 20, 19, .82);
  --pl-font: var(--font-sans); --pl-text-size: 17px;
  --pl-radius: 9px; --pl-main-radius: 12px;
  --pl-band-border: 1px solid rgba(0, 0, 0, .4); --pl-band-shadow: 0 -8px 24px -12px rgba(0, 0, 0, .35);
  --pl-band-h: 96px; --pl-m-h: 47px;
}
body { --pl-bottom: var(--pl-band-h); }
.pl { position: fixed; z-index: 320; left: 0; right: 0; bottom: 0; color: var(--pl-fg); font-family: var(--pl-font); font-size: 13.5px; }
.pl svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.pl button { color: inherit; }
.pl-band { height: var(--pl-band-h); background: var(--pl-bg); border-top: var(--pl-band-border); display: flex; flex-direction: column; box-shadow: var(--pl-band-shadow); }
.pl-timeline { display: flex; gap: 3px; padding: 7px 14px 0; height: 30px; }
.seg-b { position: relative; min-width: 0; height: 20px; border-radius: 5px; background: var(--pl-bg3); overflow: hidden; text-align: left; }
.seg-b i { position: absolute; left: 0; top: 0; bottom: 0; background: rgba(var(--pl-acc-rgb), .30); transition: width .4s ease; }
.seg-b.cur i { background: rgba(var(--pl-acc-rgb), .55); }
.seg-b span { position: relative; display: block; padding: 0 8px; line-height: 20px; font-size: 11.5px; color: var(--pl-fg2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.seg-b.cur span { color: var(--pl-fg); font-weight: 600; }
.seg-b.last { background: repeating-linear-gradient(135deg, var(--pl-bg3) 0 6px, var(--pl-bg2) 6px 12px); }
.seg-b:hover span { color: var(--pl-fg); }
.pl-row { flex: 1; display: flex; align-items: center; gap: 14px; padding: 0 14px; min-height: 0; }
.pl-ctrls { display: flex; align-items: center; gap: 4px; flex: none; }
.pl-ib { width: 34px; height: 34px; border-radius: var(--pl-radius); display: grid; place-items: center; color: var(--pl-fg2); }
.pl-ib:hover { background: var(--pl-bg3); color: var(--pl-fg); }
.pl-main { height: 40px; min-width: 40px; padding: 0 12px; border-radius: var(--pl-main-radius); display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: var(--pl-acc); color: var(--pl-acc-ink) !important; font-weight: 700; }
.pl-main svg { width: 20px; height: 20px; }
.pl-say { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pl-ch { font-size: 12px; color: var(--pl-acc); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pl-text { font-size: var(--pl-text-size); font-weight: 600; letter-spacing: .01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pl-say.ended { flex-direction: row; align-items: center; gap: 12px; flex-wrap: nowrap; }
.pl-say.ended .pl-text { font-size: 15px; }
.pl-col { display: flex; flex-direction: column; min-width: 0; flex: none; }
.pl-endbtns { display: flex; gap: 6px; flex-wrap: nowrap; }
.pl-endbtns button { height: 32px; white-space: nowrap; padding: 0 12px; border-radius: var(--pl-radius); background: var(--pl-bg3); font-size: 13px; font-weight: 600; }
.pl-endbtns button:first-child { background: var(--pl-acc); color: var(--pl-acc-ink); }
.pl-endbtns button:hover { filter: brightness(1.1); }
.pl-right { display: flex; align-items: center; gap: 6px; flex: none; }
.pl-seg { display: inline-flex; padding: 3px; gap: 2px; border-radius: var(--pl-radius); background: var(--pl-bg2); }
.pl-seg button { height: 26px; padding: 0 9px; border-radius: calc(var(--pl-radius) - 2px); font-size: 12.5px; color: var(--pl-fg2); white-space: nowrap; }
.pl-seg button.on { background: var(--pl-bg3); color: var(--pl-fg); font-weight: 600; box-shadow: inset 0 0 0 1px var(--pl-line); }
.pl-tb { display: inline-flex; align-items: center; gap: 5px; height: 32px; padding: 0 10px; border-radius: var(--pl-radius); font-size: 12.5px; color: var(--pl-fg2); white-space: nowrap; }
.pl-tb svg { width: 16px; height: 16px; }
.pl-tb:hover { background: var(--pl-bg3); color: var(--pl-fg); }
.pl-tb.on { background: var(--pl-acc); color: var(--pl-acc-ink); font-weight: 600; }
/* 风格切换：按钮＋向上弹出的列表 */
.pl-skin { position: relative; }
.pl-skinpop { position: absolute; right: 0; bottom: calc(100% + 10px); z-index: 2; display: flex; flex-direction: column; gap: 2px; min-width: 220px; padding: 6px; border-radius: calc(var(--pl-radius) + 3px); background: var(--pl-bg2); box-shadow: 0 16px 40px -12px rgba(0, 0, 0, .6), inset 0 0 0 1px var(--pl-line); }
.pl-skinpop button { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 8px 10px; border-radius: var(--pl-radius); text-align: left; color: var(--pl-fg2); }
.pl-skinpop button b { font-size: 13px; color: var(--pl-fg); }
.pl-skinpop button span { font-size: 11.5px; }
.pl-skinpop button:hover { background: var(--pl-bg3); }
.pl-skinpop button.on { box-shadow: inset 0 0 0 1.5px var(--pl-acc); }
/* 拍板：两行说明＋两个大按钮＋倒计时 */
.pl-decide { flex: 1; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 2px 14px; align-items: center; }
.pl-decide .q { display: flex; flex-direction: column; min-width: 0; }
.pl-decide .q b { font-size: 15.5px; line-height: 1.35; }
.pl-decide .q span { font-size: 12.5px; color: var(--pl-fg2); }
.pl-decide .opts { grid-row: span 2; display: flex; gap: 8px; }
.pl-decide .hint { font-size: 11.5px; color: var(--pl-acc); }
.dbtn { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 50px; padding: 0 18px; border-radius: 13px; background: var(--pl-bg3); font-size: 15px; font-weight: 700; white-space: nowrap; }
.dbtn small { font-size: 11px; font-weight: 600; padding: 1px 6px; border-radius: 99px; background: rgba(0, 0, 0, .18); }
.dbtn.rec { background: var(--pl-acc); color: var(--pl-acc-ink) !important; }
.dbtn:hover { filter: brightness(1.08); }
.ring { --p: 1; position: relative; width: 26px; height: 26px; border-radius: 50%; flex: none; display: inline-grid; place-items: center; background: conic-gradient(currentColor calc(var(--p) * 360deg), rgba(0, 0, 0, .14) 0); }
.ring::before { content: ''; position: absolute; inset: 3px; border-radius: 50%; background: var(--pl-acc); }
.ring em { position: relative; font-style: normal; font-size: 12px; font-weight: 800; }
.pl.deciding .pl-right { display: none; }
.pl.deciding .pl-band { background: var(--pl-decide-bg); box-shadow: 0 -10px 30px -10px rgba(var(--pl-acc-rgb), .35); }
/* 开场二选一时控制条先不出现 */
.pl.st-opening, .pl.st-idle { visibility: hidden; }
/* 录视频：只留旁白和时间轴 */
.pl.rec .pl-ctrls, .pl.rec .pl-right { display: none; }
.pl.rec .pl-row { padding-left: 22px; }
/* 手机 */
.pl-m, .pl-mprog, .pl-panel, .pl-mdecide { display: none; }

/* 虚拟手与聚光圈 */
.hand { position: fixed; left: 0; top: 0; z-index: 160; width: 30px; height: 30px; margin: -3px 0 0 -6px; pointer-events: none; opacity: 0; transition-property: transform, opacity; transition-timing-function: cubic-bezier(.3, .7, .2, 1); }
.hand.on { opacity: 1; }
.hand svg { width: 30px; height: 30px; filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .35)); }
.hand::after { content: ''; position: absolute; left: 4px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: rgba(var(--pl-acc-rgb), .0); }
.hand.press::after { animation: tap .42s ease-out; }
@keyframes tap { 0% { background: rgba(var(--pl-acc-rgb), .75); transform: scale(.4); } 100% { background: rgba(var(--pl-acc-rgb), 0); transform: scale(3); } }
.spot { position: fixed; z-index: 150; pointer-events: none; border-radius: 14px; box-shadow: 0 0 0 2px rgba(var(--pl-acc-rgb), .95), 0 0 0 7px rgba(var(--pl-acc-rgb), .22); opacity: 0; transition: opacity .25s ease, left .35s ease, top .35s ease, width .35s ease, height .35s ease; }
.spot.on { opacity: 1; }

/* 外面的世界：手机滑进来 */
.world { position: fixed; inset: 0; z-index: 240; pointer-events: none; }
.phone { position: absolute; right: 48px; top: 50%; width: 300px; height: min(560px, calc(100vh - 160px)); margin-top: calc(min(560px, calc(100vh - 160px)) / -2 - 40px); border-radius: 38px; background: #0d0f10; padding: 12px; box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06) inset; transform: translateX(130%) rotate(4deg); transition: transform .5s cubic-bezier(.2, .8, .2, 1); display: flex; flex-direction: column; overflow: hidden; }
.phone.in { transform: translateX(0) rotate(0); }
.phone.out { transform: translateX(130%) rotate(4deg); transition-duration: .38s; }
.phone .notch { position: absolute; top: 14px; left: 50%; width: 90px; height: 22px; margin-left: -45px; border-radius: 12px; background: #0d0f10; z-index: 2; }
.ph-top { display: flex; align-items: center; justify-content: space-between; padding: 30px 14px 10px; border-radius: 28px 28px 0 0; background: #EDEDED; color: #111; font-size: 14px; }
.phone.fs .ph-top { background: #F3F6FC; }
.ph-body { flex: 1; overflow: hidden; background: #EDEDED; border-radius: 0 0 28px 28px; padding: 10px 12px; display: flex; flex-direction: column; gap: 10px; color: #111; font-size: 13.5px; line-height: 1.6; }
.phone.fs .ph-body { background: #F3F6FC; }
.ph-body .ts { text-align: center; font-size: 11px; color: #999; }
.ph-body .m { display: flex; gap: 8px; align-items: flex-start; }
.ph-body .av { width: 32px; height: 32px; flex: none; border-radius: 7px; background: #c58b5c; color: #fff; display: grid; place-items: center; font-size: 12px; font-weight: 600; }
.ph-body .av.alt { background: #7a8ca3; }
.ph-body .av.grn { background: #5b8c5a; }
.ph-body .who { font-size: 11.5px; color: #888; }
.ph-body .bub { background: #fff; padding: 8px 10px; border-radius: 8px; }
.ph-body .file { display: flex; gap: 8px; align-items: center; background: #fff; padding: 8px 10px; border-radius: 8px; }
.ph-body .ext { width: 26px; height: 30px; border-radius: 5px; display: grid; place-items: center; font-size: 9px; font-weight: 700; color: #fff; background: #3E7D56; }
.ph-body mark { background: transparent; }
.ph-body .muted, .ph-body .small { font-size: 11px; color: #999; }
.ph-note { position: absolute; left: 12px; right: 12px; bottom: 22px; padding: 8px 10px; border-radius: 12px; background: rgba(20, 24, 26, .85); color: #fff; font-size: 12.5px; text-align: center; }
.ph-flash { position: absolute; inset: 12px; border-radius: 28px; background: #fff; opacity: 0; pointer-events: none; }
.phone.shot .ph-flash { animation: phflash .5s ease-out; }
@keyframes phflash { 0% { opacity: .95; } 100% { opacity: 0; } }
.ph-tag { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.9); padding: 8px 14px; border-radius: 99px; background: rgba(20, 24, 26, .9); color: #fff; font-size: 13px; font-weight: 600; opacity: 0; }
.phone.shot .ph-tag { animation: phtag 1s ease-out; }
@keyframes phtag { 0% { opacity: 0; } 20%, 70% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 100% { opacity: 0; } }
/* 手机上：顶部系统通知横幅 */
.banner { position: absolute; left: 10px; right: 10px; top: calc(var(--pl-m-h) + 8px); display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 18px; background: rgba(250, 250, 250, .96); color: #111; box-shadow: 0 14px 40px -12px rgba(0, 0, 0, .45); transform: translateY(-140%); transition: transform .45s cubic-bezier(.2, .8, .2, 1); font-size: 13px; }
.banner.in { transform: none; }
.banner.out { transform: translateY(-140%); }
.banner .app { width: 34px; height: 34px; flex: none; border-radius: 9px; display: grid; place-items: center; color: #fff; font-weight: 700; background: #1AAD19; }
.banner.fs .app { background: #3370ff; }
.banner .grow { display: flex; flex-direction: column; min-width: 0; }
.banner .grow span { color: #444; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.banner .now { font-size: 11px; color: #888; align-self: flex-start; }
.banner.shot { animation: bshot .6s ease-out; }
@keyframes bshot { 0% { box-shadow: 0 0 0 999px rgba(255, 255, 255, .85); } 100% { box-shadow: 0 14px 40px -12px rgba(0, 0, 0, .45); } }

/* 幕布 */
.curtain { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; opacity: 0; transition: opacity .24s ease; pointer-events: none; }
.curtain.on { opacity: 1; pointer-events: auto; }
.curtain[hidden] { display: none; }
.curtain.open { background: rgba(var(--pl-curtain-rgb), .72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); overflow-y: auto; padding: 24px 16px; }
.curtain.chapter { background: rgba(var(--pl-curtain-rgb), .5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.curtain.morning { background: rgba(var(--pl-curtain-rgb), .86); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); overflow-y: auto; padding: calc(var(--pl-top, 0px) + 16px) 16px calc(var(--pl-bottom, 0px) + 16px); }
.opening { width: min(860px, 100%); color: var(--pl-fg); text-align: center; }
.op-k { font-size: 13px; letter-spacing: .14em; color: var(--pl-acc); font-weight: 600; }
.opening h1 span { display: inline-block; }
.opening h1 { margin: 14px 0 10px; font-size: clamp(26px, 4.2vw, 42px); line-height: 1.25; font-weight: 750; letter-spacing: .01em; }
.opening p { margin: 0 0 26px; color: var(--pl-fg2); font-size: 15px; }
.op-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; text-align: left; }
.op-cards.one { grid-template-columns: minmax(0, 460px); justify-content: center; }
.op-card { display: flex; flex-direction: column; gap: 8px; padding: 22px 22px 18px; border-radius: 22px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); transition: background .2s, transform .2s; }
.op-card:hover { background: rgba(255, 255, 255, .1); transform: translateY(-2px); }
.op-card.def { box-shadow: inset 0 0 0 2px var(--pl-acc); background: rgba(var(--pl-acc-rgb), .08); }
.op-who { font-size: 12.5px; color: var(--pl-fg2); }
.op-card b { font-size: 22px; }
.op-d { font-size: 13.5px; color: var(--pl-fg2); line-height: 1.6; }
.op-auto { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 13px; color: var(--pl-acc); font-weight: 600; }
.op-auto .ring { color: var(--pl-acc-ink); background: conic-gradient(var(--pl-acc) calc(var(--p) * 360deg), rgba(255, 255, 255, .12) 0); }
.op-auto .ring::before { background: #2a2a20; }
.op-auto .ring em { color: var(--pl-acc); }
.op-links { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 22px; }
.op-links button { color: var(--pl-fg2); font-size: 13.5px; text-decoration: underline; text-underline-offset: 4px; }
.op-links button:hover { color: var(--pl-fg); }
.chcard { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 26px 46px; border-radius: 26px; background: var(--pl-chcard-bg); color: var(--pl-fg); box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .5); animation: chin .4s cubic-bezier(.2, .8, .2, 1); }
@keyframes chin { from { transform: translateY(10px) scale(.97); opacity: 0; } }
.chcard .k { font-size: 12px; letter-spacing: .12em; color: var(--pl-acc); font-weight: 600; }
.chcard b { font-family: var(--font-num); font-size: 44px; line-height: 1.1; font-weight: 700; }
.chcard span:last-child { font-size: 17px; color: var(--pl-fg2); }
.mornings { width: min(1240px, 100%); color: var(--pl-fg); }
.mh { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.mh b { font-size: 28px; }
.mh span { color: var(--pl-fg2); font-size: 14px; }
.mrow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.mday { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: var(--radius-card, 16px); background: var(--bg); color: var(--ink); animation: mdin .5s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i) * .32s); }
@keyframes mdin { from { opacity: 0; transform: translateY(14px); } }
.mday.today { box-shadow: 0 0 0 3px var(--ink); }
[data-theme="dark"] .mday { background: var(--surface-2); }   /* 暗色页底和幕布几乎同色，日卡提一档 */
[data-theme="dark"] .md-brief { background: var(--bg); }
.md-h { display: flex; align-items: baseline; gap: 6px; font-size: 13px; }
.md-h span { color: var(--ink-3); font-size: 12px; }
.md-h em { margin-left: auto; font-style: normal; font-size: 11px; color: var(--bg); background: var(--ink); padding: 1px 7px; border-radius: 99px; }
.md-brief { padding: 9px 10px; border-radius: 14px; background: var(--bg-2); font-size: 13px; font-weight: 600; line-height: 1.5; }
.md-brief span { display: block; font-size: 11px; color: var(--ink-2); font-weight: 700; }
.md-cards { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 64px; gap: 6px; }
.md-cards div { min-width: 0; overflow: hidden; padding: 7px 9px; border-radius: 12px; background: var(--t-bg, var(--quiet-bg)); color: var(--t-ink, var(--quiet-ink)); font-size: 12px; line-height: 1.4; display: flex; flex-direction: column; }
.md-cards div:first-child { grid-row: span 2; }
.md-cards div.ch { box-shadow: 0 0 0 2px var(--changed-ring); }   /* 今天有变化：和桌面卡同一种中性描边，不占状态色 */
.md-cards i { font-style: normal; font-size: 10.5px; opacity: .78; }
.mf { margin-top: 14px; font-size: 13px; color: var(--pl-fg2); text-align: center; }

/* ---------- 手机：收成顶部一行＋细进度 ---------- */
@media (max-width: 760px) {
  body { --pl-bottom: 0px; --pl-top: var(--pl-m-h); }
  .pl { top: 0; bottom: auto; }
  .pl-band { display: none; }
  .pl-m { display: flex; align-items: center; gap: 4px; height: 44px; padding: 0 6px; background: var(--pl-bg); }
  .pl-mb { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; flex: none; }
  .pl-mb:first-child { background: var(--pl-acc); color: var(--pl-acc-ink) !important; }
  .pl-mt { flex: 1; min-width: 0; display: flex; flex-direction: column; text-align: left; line-height: 1.25; padding: 0 4px; }
  .pl-mt b { font-size: 11px; color: var(--pl-acc); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pl-mt span { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pl-mprog { display: block; height: 3px; background: var(--pl-bg3); }
  .pl-mprog i { display: block; height: 100%; background: var(--pl-acc); transition: width .4s ease; }
  .pl-panel { display: block; position: absolute; left: 0; right: 0; top: var(--pl-m-h); background: var(--pl-bg); padding: 8px 12px 14px; box-shadow: 0 18px 40px -10px rgba(0, 0, 0, .55); max-height: calc(100vh - 60px); overflow-y: auto; }
  .pl-chs { display: grid; gap: 4px; margin-bottom: 8px; }
  .pl-chs button { display: grid; grid-template-columns: 22px 64px 1fr; align-items: center; gap: 6px; height: 38px; padding: 0 10px; border-radius: 10px; background: var(--pl-bg2); text-align: left; font-size: 13.5px; }
  .pl-chs button em { font-style: normal; color: var(--pl-fg3); font-size: 12px; }
  .pl-chs button b { font-family: var(--font-num); font-size: 13px; color: var(--pl-fg2); }
  .pl-chs button.cur { background: rgba(var(--pl-acc-rgb), .16); box-shadow: inset 0 0 0 1.5px var(--pl-acc); }
  .pl-prow { display: flex; gap: 6px; margin-top: 6px; flex-wrap: wrap; }
  .pl-prow > button { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 40px; border-radius: 10px; background: var(--pl-bg2); font-size: 13px; }
  .pl-prow .pl-seg { flex: 1; }
  .pl-prow .pl-seg button { flex: 1; height: 32px; }
  .pl-skins { align-items: center; }
  .pl-plabel { flex: none; font-size: 12px; color: var(--pl-fg2); padding: 0 2px; }
  .pl-skins .pl-seg { overflow-x: auto; scrollbar-width: none; }
  .pl-mdecide { display: block; position: absolute; left: 0; right: 0; top: var(--pl-m-h); padding: 12px 12px 14px; background: var(--pl-decide-bg); box-shadow: 0 18px 40px -10px rgba(0, 0, 0, .6); }
  .pl-mdecide .pl-decide { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
  .pl-mdecide .q b { font-size: 15.5px; }
  .pl-mdecide .opts { flex-direction: column; }
  .pl-mdecide .dbtn { height: 48px; justify-content: center; }
  .pl-mdecide .hint { text-align: center; }
  .pl.rec .pl-mb:last-child { display: none; }
  .phone { display: none; }
  .op-cards { grid-template-columns: 1fr; }
  .op-card { padding: 16px 18px 14px; }
  .op-card b { font-size: 19px; }
  .opening p { margin-bottom: 16px; }
  .op-links { gap: 12px; flex-direction: column; align-items: center; }
  .chcard { padding: 20px 30px; }
  .chcard b { font-size: 34px; }
  .mrow { grid-template-columns: 1fr; gap: 7px; }
  /* 手机：每天一行＝日期｜简报｜桌面缩略（只画格子，有变化的格子填色） */
  .mday { display: grid; grid-template-columns: 70px minmax(0, 1fr) 60px; align-items: center; gap: 8px; padding: 8px 10px; }
  .md-h { flex-direction: column; align-items: flex-start; gap: 0; font-size: 12px; }
  .md-h em { margin: 3px 0 0; font-size: 10px; padding: 0 5px; white-space: nowrap; }
  .md-brief { padding: 6px 8px; font-size: 12.5px; }
  .md-brief span { display: none; }
  .md-cards { gap: 3px; grid-auto-rows: 13px; }
  .md-cards div { padding: 0; border-radius: 3px; font-size: 0; box-shadow: none; }
  .md-cards div.ch { box-shadow: inset 0 0 0 1.5px var(--ink-2); }
  .md-cards i, .md-cards span { display: none; }
  .mh { margin-bottom: 10px; }
  .mh b { font-size: 20px; }
  .mh span { font-size: 12.5px; }
  .mf { margin-top: 10px; font-size: 12px; }
  .hand { width: 26px; height: 26px; margin: -13px 0 0 -13px; }
  .hand svg { display: none; }
  .hand::before { content: ''; position: absolute; inset: 0; border-radius: 50%; background: rgba(var(--pl-acc-rgb), .55); box-shadow: 0 0 0 2px rgba(255, 255, 255, .9), 0 4px 12px rgba(0, 0, 0, .3); }
  .hand::after { left: 6px; top: 6px; }
}