/* ============================================================
   T笔记 · 首页样式
   ============================================================ */

#home{overflow:auto;}

.home-wrap{
  max-width:860px;margin:0 auto;padding:52px 24px 60px;width:100%;
}

.brand{display:flex;align-items:center;gap:16px;margin-bottom:26px;}
.brand-logo{
  width:60px;height:60px;border-radius:16px;flex:0 0 auto;
  background:linear-gradient(150deg,#4a83ff,#2f6bff 60%,#1f52d8);
  display:flex;align-items:center;justify-content:center;color:#fff;
  box-shadow:0 8px 20px rgba(47,107,255,.32);
}
.brand h1{margin:0 0 3px;font-size:26px;letter-spacing:.5px;}
.brand p{margin:0;color:var(--muted);font-size:14px;}

.home-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px;}

.hint{
  color:var(--muted);font-size:13px;margin:0 0 30px;
  display:flex;align-items:center;gap:6px;
}

/* ---------- 最近打开 ---------- */
.recent-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 22px 12px;
}
.recent-head .rh-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;}
.recent-head .rh-title svg{color:var(--brand);}
.recent-count{font-size:13px;color:var(--muted);}

.recent-list{list-style:none;margin:0;padding:0 10px 12px;}

.recent-item{
  display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;
  cursor:pointer;transition:background .15s;
}
.recent-item:hover{background:#f5f8fd;}
.recent-item:active{background:#edf3fe;}

.ri-icon{
  width:44px;height:44px;border-radius:11px;flex:0 0 auto;
  background:var(--danger-soft);color:var(--danger);
  display:flex;align-items:center;justify-content:center;position:relative;
}
.ri-icon small{
  position:absolute;bottom:-2px;right:-4px;background:#fff;border-radius:6px;
  font-size:9px;font-weight:700;color:var(--danger);padding:1px 3px;border:1px solid var(--danger-soft);
}
.ri-main{flex:1;min-width:0;}
.ri-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;}
.ri-meta{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ri-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--muted-2);}
.ri-del{
  width:38px;height:38px;border-radius:10px;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;color:var(--muted-2);
}
.ri-del:hover{background:var(--danger-soft);color:var(--danger);}

.recent-empty{padding:26px 22px 34px;text-align:center;color:var(--muted);font-size:14px;}
.recent-empty svg{margin:0 auto 10px;color:var(--muted-2);}

.home-foot{margin-top:22px;font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center;}

.dot-ok{width:8px;height:8px;border-radius:50%;background:#30a46c;flex:0 0 auto;}
.dot-err{width:8px;height:8px;border-radius:50%;background:var(--danger);flex:0 0 auto;}
.dot-wait{width:8px;height:8px;border-radius:50%;background:#ffb224;flex:0 0 auto;}