/* 倒计时：新建表单 + 大屏倒计时 + 列表 */
.cd-form{display:flex;flex-wrap:wrap;gap:.5rem}
.cd-form #cdName{flex:1 1 12rem;min-width:9rem}
.cd-form #cdTarget{flex:0 0 13rem;width:13rem}

.cd-hero{position:relative;margin-top:1rem;padding:1.25rem 1.5rem;border-radius:.75rem;
  background:var(--site-tint);border:1px solid rgba(var(--site-primary-rgb),.28)}
.cd-hero-name{font-size:1rem;font-weight:600;color:#2b3441;word-break:break-all}
.cd-hero-time{display:flex;align-items:baseline;gap:.375rem;margin:.375rem 0 .25rem;font-variant-numeric:tabular-nums}
.cd-hero-time small{font-size:14px;color:#5b6675}
.cd-days{font-size:3rem;font-weight:700;line-height:1.05;color:var(--site-primary)}
.cd-clock{margin-left:.5rem;font-size:2rem;font-weight:700;color:#2b3441}
.cd-hero-sub{font-size:13px;color:#5b6675}
.cd-full{margin-top:.75rem}
.cd-hero:fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a;border:0;border-radius:0}
.cd-hero:fullscreen .cd-hero-name{font-size:2rem;color:#e2e8f0}
.cd-hero:fullscreen .cd-days{font-size:12rem;color:#fff}
.cd-hero:fullscreen .cd-clock{font-size:8rem;color:#fff}
.cd-hero:fullscreen small{font-size:2rem;color:#94a3b8}
.cd-hero:fullscreen .cd-hero-sub{font-size:1.5rem;color:#94a3b8;margin-top:1rem}
.cd-hero:fullscreen .cd-full{display:none}

.cd-list{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem}
.cd-list:empty{display:none}
.cd-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .7rem;border:1px solid #eef1f5;
  border-radius:.5rem;background:#fff;cursor:pointer}
.cd-row.is-on{border-color:var(--site-primary);background:var(--site-tint)}
.cd-row.is-over{background:#fafbfd}
.cd-row-main{flex:1 1 auto;min-width:0}
.cd-row-name{font-size:.875rem;font-weight:600;color:#334155;word-break:break-word}
.cd-row-date{font-size:.75rem;color:#8a94a3;margin-top:.05rem}
.cd-row.is-over .cd-row-name{color:#8a94a3}
.cd-row-time{flex:none;font-size:.875rem;font-weight:600;color:#2b3441;font-variant-numeric:tabular-nums}
.cd-row.is-over .cd-row-time{color:#8a94a3;font-weight:400}
.cd-del{flex:none;border:0;background:none;padding:0 .2rem;color:#adb5bd;font-size:1rem;line-height:1;cursor:pointer}
.cd-del:hover{color:#e03131}

@media (max-width:575.98px){
  .cd-days{font-size:2.2rem}
  .cd-clock{font-size:1.5rem}
  .cd-form #cdTarget{flex:1 1 100%;width:100%}
  .cd-row-time{font-size:.8125rem}
}