.cove-countdown-card{margin:10px auto;padding:14px 14px 10px;max-width:560px;position:relative;z-index:3;
  background:rgba(255,255,255,.45);
  -webkit-backdrop-filter:blur(40px) saturate(180%);
  backdrop-filter:blur(40px) saturate(180%);
  border:1px solid rgba(255,255,255,.5);border-radius:18px;
  box-shadow:0 8px 32px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.6);
  position:relative}
.cd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cd-title{font-size:14px;font-weight:600;color:#555;letter-spacing:.3px}
.cd-add-btn{width:26px;height:26px;border:none;border-radius:50%;
  background:rgba(107,155,214,.15);color:#6b9bd6;font-size:18px;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.cd-add-btn:active{transform:scale(.88);background:rgba(107,155,214,.28)}

.cd-list{display:flex;flex-direction:column;gap:0}
.cd-empty{text-align:center;font-size:12px;color:#aaa;padding:12px 0}

/* 列表条目：Days Matter 风格 */
.cd-item{display:flex;align-items:center;padding:11px 12px;
  border-bottom:1px solid rgba(0,0,0,.04)}
.cd-item:last-child{border-bottom:none}
.cd-item-info{flex:1;min-width:0}
.cd-item-name{font-size:14px;font-weight:500;color:#333;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd-item-meta{display:flex;align-items:center;gap:6px;margin-top:2px}
.cd-item-date{font-size:11px;color:#999}
.cd-item-cat{font-size:10px;color:#6b9bd6;background:rgba(107,155,214,.1);
  padding:1px 5px;border-radius:4px}
.cd-item-repeat{font-size:10px;color:#e0607f}

/* 右侧天数标签 */
.cd-item-badge{display:flex;align-items:center;border-radius:6px;padding:5px 10px;gap:4px;margin-left:8px}
.cd-item-badge.future{background:#4a9be8;color:#fff}
.cd-item-badge.past{background:#f0973b;color:#fff}
.cd-item-badge.today{background:#e0607f;color:#fff}
.cd-item-badge-num{font-size:18px;font-weight:700;line-height:1}
.cd-item-badge-unit{font-size:11px;font-weight:500;opacity:.9}

/* 删除按钮 */
.cd-item-del{width:20px;height:20px;border:none;background:none;
  color:#ccc;font-size:14px;cursor:pointer;padding:0;line-height:1;border-radius:50%;margin-left:6px}
.cd-item-del:active{color:#e06060;background:rgba(224,96,96,.08)}

/* 全屏添加面板 */
.cd-panel{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;pointer-events:none;
  background:#f5f0eb;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,.32,1);
  overflow-y:auto;-webkit-overflow-scrolling:touch}
.cd-panel.open{transform:translateY(0);pointer-events:auto}

.cd-panel-nav{display:flex;align-items:center;justify-content:space-between;min-height:54px;
  padding:14px 16px;padding-top:max(env(safe-area-inset-top,0px),14px);position:sticky;top:0;z-index:1;
  background:rgba(245,240,235,.92);backdrop-filter:blur(12px)}
.cd-panel-back{border:none;background:none;font-size:22px;color:#555;cursor:pointer;padding:4px 8px}
.cd-panel-title{font-size:16px;font-weight:600;color:#333}
.cd-panel-save{border:none;background:none;font-size:15px;font-weight:600;
  color:#6b9bd6;cursor:pointer;padding:4px 8px}

.cd-form{padding:16px 16px 40px;display:flex;flex-direction:column;gap:12px}
.cd-section{background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 1px 4px rgba(0,0,0,.04)}
.cd-row{display:flex;align-items:center;padding:14px 16px;gap:10px;
  border-bottom:1px solid #f0ede8}
.cd-row:last-child{border-bottom:none}
.cd-row-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  border-radius:7px;font-size:15px;flex-shrink:0}
.cd-row-icon.blue{background:rgba(107,155,214,.12);color:#5a8cc4}
.cd-row-icon.pink{background:rgba(224,96,127,.1);color:#e0607f}
.cd-row-icon.green{background:rgba(88,180,130,.1);color:#58b482}
.cd-row-icon.orange{background:rgba(230,150,60,.1);color:#e6963c}
.cd-row-body{flex:1;min-width:0}
.cd-row-label{font-size:13px;color:#666}
.cd-row-value{font-size:14px;font-weight:500;color:#333;margin-top:1px}
.cd-row-right{font-size:13px;color:#999;display:flex;align-items:center;gap:4px}
.cd-row-right::after{content:'>';font-size:16px;color:#ccc}

.cd-row input[type=text]{border:none;outline:none;font-size:15px;width:100%;
  background:transparent;color:#333}
.cd-row input[type=text]::placeholder{color:#bbb}

.cd-toggle{position:relative;width:44px;height:26px;border-radius:13px;
  background:#e0e0e0;border:none;cursor:pointer;transition:.2s;flex-shrink:0}
.cd-toggle.on{background:#6b9bd6}
.cd-toggle::after{content:'';position:absolute;top:2px;left:2px;width:22px;height:22px;
  border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}
.cd-toggle.on::after{left:20px}

.cd-cats{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0}
.cd-cat-chip{padding:5px 12px;border-radius:14px;font-size:12px;font-weight:500;
  border:1px solid #e8e4df;background:#faf8f6;color:#666;cursor:pointer;transition:.15s}
.cd-cat-chip.active{border-color:#6b9bd6;background:rgba(107,155,214,.1);color:#5a8cc4}

.cd-repeat-opts{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0}
.cd-repeat-chip{padding:5px 12px;border-radius:14px;font-size:12px;font-weight:500;
  border:1px solid #e8e4df;background:#faf8f6;color:#666;cursor:pointer;transition:.15s}
.cd-repeat-chip.active{border-color:#e0607f;background:rgba(224,96,127,.08);color:#e0607f}

@media(max-width:600px){
  .cove-countdown-card{margin:8px 10px;padding:12px 10px 8px}
  .cd-item-badge-num{font-size:16px}
}

/* 颜色选择器 */
.cd-color-opts{display:flex;gap:6px;flex-wrap:wrap;padding:4px 0}
.cd-color-opts{display:flex;gap:8px;flex-wrap:wrap;padding:6px 0;align-items:center}
.cd-color-chip{padding:5px 10px;border-radius:14px;font-size:11px;font-weight:500;
  border:1px solid #e8e4df;background:#faf8f6;color:#666;cursor:pointer}
.cd-color-chip.active{border-color:#6b9bd6;box-shadow:0 0 0 2px rgba(107,155,214,.3)}
.cd-color-dot{width:24px;height:24px;border-radius:50%;cursor:pointer;
  border:2px solid transparent;box-sizing:border-box;transition:.15s}
.cd-color-dot.active{border-color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.4)}
.cd-color-input{width:28px;height:28px;padding:0;border:2px solid #e8e4df;
  border-radius:50%;cursor:pointer;background:none;overflow:hidden;-webkit-appearance:none;appearance:none}
.cd-color-input::-webkit-color-swatch-wrapper{padding:0}
.cd-color-input::-webkit-color-swatch{border:none;border-radius:50%}
.cd-color-input::-moz-color-swatch{border:none;border-radius:50%}
.cd-color-input.active{border-color:#333;box-shadow:0 0 0 2px rgba(0,0,0,.3)}