/* ===========================================================
   锁屏使用说明 + 苹果备忘录风格详情页（notes- 前缀）
   =========================================================== */

/* 锁屏提示入口 */
.lock-usage-hint{
  font-size:13px;
  color:rgba(255,255,255,.6);
  text-align:center;
  letter-spacing:.4px;
  margin:0 auto 14px;
  padding:4px 10px;
  background:none;
  border:none;
  cursor:pointer;
  user-select:none;
  animation:hintBreath 2.5s ease-in-out infinite;
  text-shadow:0 1px 4px rgba(0,0,0,.45);
}
@keyframes hintBreath{
  0%,100%{opacity:.4}
  50%{opacity:.8}
}

/* 遮罩 */
.notes-mask{
  position:absolute;inset:0;z-index:180;
  background:rgba(0,0,0,.35);
  opacity:0;
  transition:opacity .28s ease;
  display:flex;align-items:flex-end;
  pointer-events:none;
}
.notes-mask.show{opacity:1;pointer-events:auto}

/* 备忘录卡片 */
.notes-sheet{
  width:100%;
  height:88%;
  background:#fff;
  border-radius:14px 14px 0 0;
  display:flex;flex-direction:column;
  transform:translateY(100%);
  transition:transform .42s cubic-bezier(.22,1.12,.36,1);
  box-shadow:0 -12px 40px rgba(0,0,0,.22);
  overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
}
.notes-mask.show .notes-sheet{transform:translateY(0)}

/* 顶部导航（浅灰，固定） */
.notes-nav{
  flex:0 0 auto;
  height:52px;
  background:#F9F9F9;
  border-bottom:.5px solid #E5E5E5;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 14px;
  position:relative;
}
.notes-nav-back{
  display:flex;align-items:center;gap:3px;
  color:#E8A400;
  font-size:16px;
  background:none;border:none;
  cursor:pointer;
  padding:6px 2px;
}
.notes-nav-back .notes-chev{font-size:19px;line-height:1;font-weight:600;margin-top:-1px}
.notes-nav-title{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-size:16px;font-weight:600;color:#333;
}
.notes-nav-share{
  width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  color:#E8A400;
  opacity:.9;
}

/* 正文区域（可滚动） */
.notes-body{
  flex:1;overflow-y:auto;
  padding:20px 22px 40px;
  background:#FFFDF7;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.notes-title{
  font-size:20px;font-weight:700;color:#1c1c1e;
  margin:0 0 4px;
  letter-spacing:.2px;
}
.notes-date{
  font-size:12px;color:#999;
  margin-bottom:18px;
}
.notes-list{
  margin:0;padding:0;list-style:none;
}
.notes-list li{
  position:relative;
  font-size:16px;line-height:1.6;color:#333;
  padding-left:16px;
  margin-bottom:12px;
}
.notes-list li:before{
  content:"";
  position:absolute;left:0;top:.72em;
  width:5px;height:5px;border-radius:50%;
  background:#C9C9CE;
}
.notes-grabber{
  width:36px;height:5px;border-radius:3px;background:#D8D8DC;
  margin:8px auto 0;
  flex:0 0 auto;
}