/* 小手机 · 锁屏(盖在主页上面,上滑解锁)。颜色全部跟着项目的深浅色走 */
.phone>.lock{position:absolute;inset:0;z-index:60;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;
background:radial-gradient(circle,var(--dot) 1px,transparent 1.4px) 0 0/11px 11px,var(--wp);
--lk-b1:#c9c2c0;--lk-b2:#bfc1c9;--lk-dt:#8e8e96;--lk-tm:#a6a6ae;--lk-m:#a9a9b2;--lk-bar:rgba(150,150,160,.28);--lk-fill:#a0a0a8;--lk-nm:#8e8e96;
transition:transform .5s cubic-bezier(.3,.7,.2,1),opacity .42s}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .phone>.lock{--lk-b1:#4a4543;--lk-b2:#43454d;--lk-dt:#8a8a93;--lk-tm:#7e7e87;--lk-m:#7d7d87;--lk-bar:rgba(150,150,160,.28);--lk-fill:#7a7a84;--lk-nm:#8a8a93}}
:root[data-theme="dark"] .phone>.lock{--lk-b1:#4a4543;--lk-b2:#43454d;--lk-dt:#8a8a93;--lk-tm:#7e7e87;--lk-m:#7d7d87;--lk-bar:rgba(150,150,160,.28);--lk-fill:#7a7a84;--lk-nm:#8a8a93}
.phone>.lock.drag{transition:none;cursor:grabbing}
.phone>.lock.up{transform:translateY(-105%);opacity:0;pointer-events:none}
.lock *{pointer-events:none}.lock .nt,.lock .lk-dt,.lock .hint{pointer-events:auto}
.lock .blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.5}
.lock .lsb{position:absolute;left:16px;right:16px;top:0;height:42px;display:flex;justify-content:space-between;align-items:center;padding:4px 10px 0;color:var(--ink)}
.lock .lsb svg.b{width:58px;height:14px;fill:currentColor}
.lock .lsb svg.chg rect[x="30.5"]{fill:#4caf7a}
.lock svg.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lock .lk-dt{position:absolute;left:0;right:0;top:68px;text-align:center;font:700 15px/1 -apple-system,"PingFang SC",sans-serif;letter-spacing:.5px;color:var(--lk-dt);cursor:pointer;-webkit-tap-highlight-color:transparent}
.lock .lk-tm{position:absolute;left:0;right:0;top:96px;text-align:center;font:700 112px/1.05 -apple-system,"SF Pro Display","Helvetica Neue",sans-serif;letter-spacing:-3px;color:var(--lk-tm);font-variant-numeric:tabular-nums}
.lock .wg{position:absolute;left:28px;right:28px;top:234px;display:flex;justify-content:space-between;align-items:center}
.lock .jr{font:14px Yomogi,"Hiragino Sans",cursive;color:var(--mute);text-align:right}
.lock .bw{width:120px}
.lock .bw .r1{display:flex;align-items:center;gap:6px;font:700 13px/1 -apple-system,sans-serif;color:var(--lk-nm)}
.lock .bw svg.i{width:14px;height:14px;stroke-width:2}
.lock .bw .nm{font:700 13px/1.2 -apple-system,"PingFang SC",sans-serif;color:var(--lk-nm);margin:4px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lock .bb{height:6px;border-radius:3px;background:var(--lk-bar);overflow:hidden}
.lock .bb i{display:block;height:100%;width:75%;border-radius:3px;background:var(--lk-fill);transition:width .4s}
/* 中间的线条装饰 + 通知:整块一起按屏幕高度缩放 */
.lock .lk-mid{position:absolute;left:0;right:0;top:300px;height:360px;transform-origin:50% 0}
.lock .m{position:absolute;background:var(--lk-m);-webkit-mask:var(--u) center/contain no-repeat;mask:var(--u) center/contain no-repeat;pointer-events:none}
.lock .nts{position:absolute;left:28px;right:28px;bottom:150px;display:flex;flex-direction:column;gap:8px}
.lock .ntm{text-align:center;font:11px -apple-system,"PingFang SC",sans-serif;color:var(--mute)}
.lock .nt{position:relative;padding:11px 16px;border-radius:20px;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;gap:12px;align-items:center;cursor:pointer;color:var(--ink)}
.lock .nt svg{width:18px;height:18px;color:var(--orn)}
.lock .nt .tx{flex:1;min-width:0}
.lock .nt b{display:flex;justify-content:space-between;gap:8px;font:500 12px Poppins,"PingFang SC",sans-serif;color:var(--soft)}
.lock .nt b i{font:normal 10.5px "Courier New",monospace;color:var(--mute);white-space:nowrap}
.lock .nt p{font-size:13px;color:var(--ink);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lock .nt:active{opacity:.8}
/* 底部:全部贴着底边,屏幕高矮都不会挤在一起 */
.lock .dv{position:absolute;left:0;right:0;bottom:128px;text-align:center;font:11px "Courier New",monospace;color:var(--orn);letter-spacing:1px;white-space:nowrap}
.lock .btn2{position:absolute;bottom:32px;width:58px;height:58px;border-radius:50%;border:1px solid var(--line);background:var(--glass);display:grid;place-items:center;color:var(--soft)}
.lock .btn2 svg.i{width:28px;height:28px}
.lock .hint{position:absolute;left:0;right:0;bottom:50px;text-align:center;font:500 12px -apple-system,"PingFang SC",sans-serif;letter-spacing:3px;color:var(--mute);animation:lkb 2.4s ease-in-out infinite}
.lock .hb{position:absolute;left:50%;bottom:7px;width:120px;margin-left:-60px;height:4px;border-radius:2px;background:var(--ink);opacity:.28}
@keyframes lkb{0%,100%{transform:translateY(0);opacity:.9}50%{transform:translateY(-5px);opacity:.55}}
@media (prefers-reduced-motion:reduce){.lock .hint{animation:none}.phone>.lock{transition:opacity .2s}}

/* ===== 锁屏样式(主题 → 锁屏 里选):classic 是原来那套,其余三种只是换位置 ===== */
.lock .lk-tm .th,.lock .lk-tm .tn,.lock .lk-tm .tc{display:inline}
.lock.lk-center .lk-dt{top:292px}
.lock.lk-center .lk-tm{top:318px}
.lock.lk-center .wg{top:78px}
.lock.lk-center .lk-mid{top:236px}
.lock.lk-center .lk-mid .m{display:none}
.lock.lk-left .lk-dt{left:34px;right:auto;text-align:left;top:92px}
.lock.lk-left .lk-tm{left:30px;right:auto;text-align:left;top:114px;font-size:140px;line-height:.9;letter-spacing:-4px;display:flex;flex-direction:column}
.lock.lk-left .lk-tm .tc{display:none}
.lock.lk-left .wg{top:404px}
.lock.lk-left .lk-mid{top:336px}
.lock.lk-left .lk-mid .m{display:none}
.lock.lk-minimal .lk-dt{top:118px}
.lock.lk-minimal .lk-tm{top:142px;font-size:76px;letter-spacing:-2px}
.lock.lk-minimal .wg{display:none}
.lock.lk-minimal .lk-mid .m{display:none}
.lock.lk-minimal .dv{display:none}