/* 刘柯宇的模块补充样式，沿用 style.css 里的变量 */
.big-date{font-size:20px;font-weight:600;margin-bottom:6px}
.msg.err{align-self:center;background:rgba(255,95,87,.12);color:#ffb4ae;border:1px solid rgba(255,95,87,.3);font-size:13px}
.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-width:520px}
.form-row input[type=password]{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none;font:inherit;user-select:text}
.form-row .row{display:flex;gap:8px;align-items:center}
.form-row .row .pill{margin:0;align-self:center}
.form-row .check{display:flex;gap:8px;align-items:center}

nav a.active{transition:none}

/* AI 输入框（刘柯宇，照温玉婷设计稿） */
#page-ai .chat{max-width:760px;width:100%;margin:0 auto}
.msg .by{font-size:11px;color:var(--text-3);margin-bottom:5px}.msg .by b{color:var(--gold);font-weight:500}
.chat-box{position:relative;max-width:760px;width:100%;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px 10px}
.chat-box textarea{width:100%;resize:none;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:14px;line-height:1.6;padding:2px 4px 8px;user-select:text}
.chat-box textarea::placeholder{color:var(--text-3)}
.chat-bar{display:flex;align-items:center;gap:8px}
.chat-sp{flex:1}.chat-hint{font-size:11px;color:var(--text-3)}
.chat-send{width:32px;height:32px;border-radius:50%;border:none;background:var(--gold);color:#1C1C1E;font-weight:700;font-size:15px;cursor:pointer}
.model-chip{display:flex;align-items:center;gap:7px;border:1px solid rgba(212,169,79,.5);border-radius:999px;padding:5px 12px 5px 10px;font:inherit;font-size:12.5px;color:var(--text);background:var(--gold-soft);cursor:pointer}
.mdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.mc-ar{color:var(--text-3);font-size:10px}
.model-pop{position:absolute;left:14px;bottom:52px;width:240px;background:#303033;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.55);z-index:10}
.model-pop[hidden]{display:none}
.mp-hd{font-size:11px;color:var(--text-3);padding:6px 10px}
.mp-opt{display:flex;gap:10px;align-items:center;width:100%;padding:10px;border:none;border-radius:10px;background:none;color:var(--text);font:inherit;cursor:pointer;text-align:left}
.mp-opt:hover{background:rgba(255,255,255,.04)}.mp-opt.sel{background:rgba(255,255,255,.06)}
.mp-nm{font-size:14px;font-weight:500}
.mp-bd{font-size:10px;color:var(--gold);border:1px solid rgba(212,169,79,.4);border-radius:5px;padding:0 5px;margin-left:6px;font-weight:400}
.mp-ck{margin-left:auto;color:var(--gold);visibility:hidden}.mp-opt.sel .mp-ck{visibility:visible}

.card-link{cursor:pointer;transition:border-color .15s}
.card-link:hover{border-color:rgba(212,169,79,.35)}

/* 主页自动分高度（刘柯宇） */
#page-home.auto-layout{overflow:hidden}
#page-home.auto-layout .grid-top,#page-home.auto-layout .grid-bottom{flex:none;min-height:0;transition:height .2s ease}
#page-home.auto-layout .card{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#page-home.auto-layout .card-body{flex:1;min-height:0;overflow:auto}
#page-home.auto-layout .card.ntu{flex-direction:row;align-items:center}
#page-home.auto-layout .ntu-info{min-height:0;max-height:100%;overflow:auto}
#page-home.measuring .grid-top,#page-home.measuring .grid-bottom{align-items:start}
#page-home.measuring .card{height:auto}
#page-home.measuring .card-body,#page-home.measuring .ntu-info{flex:none;overflow:visible;max-height:none}
/* 下排迷你版：图标 + 标题 + 一行摘要，点卡片进页面 */
.grid-bottom.mini .card{flex-direction:row;align-items:center;gap:12px;padding:12px 16px}
.grid-bottom.mini .card h3{margin:0;white-space:nowrap}
.grid-bottom.mini .card-body{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-height:1.6em}
.grid-bottom.mini .card-body *{display:inline;margin:0}
.grid-bottom.mini .ntu-icon{width:36px;height:36px;font-size:18px;border-radius:10px}
.grid-bottom.mini .ntu-info{display:flex;align-items:center;gap:12px;overflow:hidden}
.grid-bottom.mini button,.grid-bottom.mini .pill{display:none}
/* 下排只剩一张卡（健康删了以后只有 NTU）就占满整行 - 刘柯宇 */
.grid-bottom:has(> .card:only-child){grid-template-columns:1fr}