/* v44：锁屏时钟改成 iOS 风格的毛玻璃。
   结构不变（.lock-top > .lock-date + .lock-time），只改样式；字体、字号、颜色的自定义项照常生效。 */

.lock-screen { padding-top: 70px; }

/* 日期：小玻璃胶囊 */
.lock-top { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.lock-screen .lock-date {
  margin: 0; padding: 6px 16px; border-radius: 999px;
  font-size: 14px; font-weight: 600; letter-spacing: .6px; opacity: 1;
  background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.16));
  -webkit-backdrop-filter: blur(18px) saturate(1.7); backdrop-filter: blur(18px) saturate(1.7);
  border: 1px solid rgba(255,255,255,.5);
  box-shadow: 0 4px 16px rgba(60,40,70,.10), inset 0 1px 0 rgba(255,255,255,.7);
}

/* 时间：玻璃卡片 + 半透明渐变数字 */
.lock-screen .lock-time {
  position: relative; display: inline-block;
  padding: 6px 30px 12px; border-radius: 40px;
  font-size: var(--lock-time-size, 78px); line-height: 1.05; font-weight: 600; letter-spacing: 1px;
  font-family: "SF Pro Rounded", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Helvetica Neue", system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  background:
    linear-gradient(180deg, rgba(255,255,255,.36) 0%, rgba(255,255,255,.12) 100%);
  -webkit-backdrop-filter: blur(26px) saturate(1.8); backdrop-filter: blur(26px) saturate(1.8);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow:
    0 14px 40px rgba(70,50,90,.16),
    inset 0 1.5px 0 rgba(255,255,255,.85),
    inset 0 -1px 0 rgba(255,255,255,.25);
  text-shadow: none;
  /* 数字本身：上亮下透，像玻璃上的反光 */
  -webkit-text-fill-color: transparent;
  background-clip: padding-box;
}
/* 数字层：用 ::before 复制文字，渐变填充（原文字透明，只负责撑出尺寸） */
.lock-screen .lock-time::before {
  content: attr(data-t); position: absolute; left: 30px; right: 30px; top: 6px; text-align: center;
  background: linear-gradient(180deg, color-mix(in srgb, currentColor 96%, transparent) 0%, color-mix(in srgb, currentColor 58%, transparent) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: inherit;
  filter: drop-shadow(0 2px 10px rgba(60,40,80,.22));
  pointer-events: none;
}
/* 高光：左上角一抹反光 */
.lock-screen .lock-time::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: radial-gradient(120% 70% at 20% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 55%);
  mix-blend-mode: soft-light;
}

/* 字体选项里需要保留自己的字体 */
.lock-screen.lk-f-thin .lock-time { font-weight: 300; }
.lock-screen.lk-f-round .lock-time { font-family: "SF Pro Rounded", "Nunito", "Varela Round", "Arial Rounded MT Bold", "PingFang SC", sans-serif; font-weight: 800; }
.lock-screen.lk-f-serif .lock-time { font-family: Georgia, "Songti SC", "Noto Serif SC", serif; }
.lock-screen.lk-f-mono .lock-time { font-family: "SF Mono", Consolas, Menlo, monospace; }
.lock-screen.lk-f-app .lock-time { font-family: var(--app-font, inherit); }

/* 小组件：跟着变成同一种玻璃 */
.lock-screen .lock-widget {
  background: linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.14));
  -webkit-backdrop-filter: blur(24px) saturate(1.7); backdrop-filter: blur(24px) saturate(1.7);
  border: 1px solid rgba(255,255,255,.5);
  box-shadow: 0 8px 26px rgba(70,50,90,.10), inset 0 1px 0 rgba(255,255,255,.7);
}
.lock-screen .lock-notification {
  background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.44));
  -webkit-backdrop-filter: blur(28px) saturate(1.8); backdrop-filter: blur(28px) saturate(1.8);
  border: 1px solid rgba(255,255,255,.6);
}

/* 关掉毛玻璃：给锁屏加 lk-flat 就回到原来的平面文字 */
.lock-screen.lk-flat .lock-time { padding: 0; border: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; color: inherit; -webkit-text-fill-color: currentColor; }
.lock-screen.lk-flat .lock-time::before, .lock-screen.lk-flat .lock-time::after { display: none; }
.lock-screen.lk-flat .lock-date { background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }