/* ================= /chat 前的入口卡片页专属样式 ================= */
/* 只服务于 templates/chat-entry.html。顶部栏复用 style.css 的
   .settings-topbar/.settings-back/.settings-title，底部 tab 复用
   chat.css 的 .chat-tabs-bottom/.chat-tab-btn/.chat-tab-icon/
   .chat-tab-label（这里只补一条它们缺的 text-decoration——chat.html
   里这个按钮是 <button>，这张入口页是 <a>，需要去掉链接下划线）。
   列表行本身是微信聊天列表那种朴素横向一行，项目里其它页面没有现成的
   同类样式，这里单独写一份，不影响任何其它页面。 */

.chat-tab-btn{
    text-decoration:none;
}

/* 入口页背景改白：只在这个页面生效（这份 CSS 只被 chat-entry.html 引用），
   不改 style.css 里全局的米黄渐变，其它页面不受影响。 */
body{
    background:#fff;
}

.app-shell{
    background:#fff;
}

/* 列表贴顶排列：普通块级流式布局，不用 flex 居中，第一条 list item
   自然顶在最上面。 */
.entry-list{
    flex:1;
    overflow-y:auto;
    background:#fff;
}

.entry-row{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 18px;
    border-bottom:1px solid var(--line);
    text-decoration:none;
    color:inherit;
    transition:background .2s ease;
}

.entry-row:hover{
    background:var(--bg-2);
}

.entry-row:active{
    background:#f3e6dc;
}

.entry-avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    object-fit:cover;
    background:var(--bg-2);
    box-shadow:var(--shadow-soft);
    flex-shrink:0;
}

.entry-row-body{
    flex:1;
    min-width:0;
}

.entry-row-top{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:10px;
}

.entry-row-name{
    font-size:16px;
    font-weight:600;
    color:var(--text-1);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.entry-row-time{
    font-size:12px;
    color:var(--text-2);
    flex-shrink:0;
}

.entry-row-preview{
    margin-top:3px;
    font-size:13.5px;
    color:var(--text-2);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}