/* ============ 首页假 AI 对话区 ============ */
.ask{background:var(--paper);border-block:1px solid var(--line);}
.ask-in{padding:clamp(44px,5.4vw,72px) 0;}
.ask-head{display:flex;align-items:center;gap:13px;margin-bottom:22px;}
.ask-head .face{width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--line-2);flex:none;display:flex;align-items:flex-end;justify-content:center;}
.ask-head .face img{width:118%;max-width:none;}
.ask-head .tt{font-size:14.5px;font-weight:620;letter-spacing:-.02em;}
.ask-head .ss{font-size:12px;color:var(--ink-3);}
.log{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;max-height:320px;overflow-y:auto;}
.log:empty{display:none;}
.m{display:flex;gap:12px;font-size:14.5px;animation:up .32s var(--e);}
.m .av{width:28px;height:28px;border-radius:50%;flex:none;overflow:hidden;background:var(--line-2);display:flex;align-items:flex-end;justify-content:center;}
.m .av img{width:126%;max-width:none;}
.m.me{flex-direction:row-reverse;}
.m.me .av{background:var(--ink);color:#fff;font-size:10px;font-weight:600;align-items:center;}
.m .bub{max-width:84%;line-height:1.7;color:var(--ink-2);}
.m.me .bub{background:var(--ink);color:#fff;border-radius:var(--r-md);padding:10px 15px;font-size:14px;}
.itag{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);display:block;margin-bottom:9px;}

/* 对话里的推荐条 */
.rec{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:13px 0;cursor:pointer;transition:.22s var(--e);}
.rec:hover{padding-left:6px;}
.rec .a{font-size:14px;font-weight:580;letter-spacing:-.02em;}
.rec .b{font-size:12px;color:var(--ink-3);}
.rec .go{margin-left:auto;font-size:12.5px;color:var(--ink-3);}

/* 对话里的 action 按钮 */
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.acts button{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:var(--r-sm);padding:8px 15px;font-size:12.5px;font-weight:530;transition:.22s var(--e);cursor:pointer;}
.acts button:hover{transform:translateY(-1px);}
.acts button.g{background:transparent;color:var(--ink-2);border-color:var(--line);}
.acts button.g:hover{border-color:var(--ink);color:var(--ink);}

/* 输入：下划线 */
.field{display:flex;align-items:center;gap:14px;border-bottom:1.5px solid var(--ink);padding:0 0 14px;}
.field input{flex:1;border:none;outline:none;font-size:clamp(17px,2vw,22px);background:transparent;color:var(--ink);letter-spacing:-.028em;font-weight:500;}
.field input::placeholder{color:var(--ink-4);font-weight:400;}
.field .send{background:var(--ink);color:#fff;border:none;border-radius:var(--r-pill);width:40px;height:40px;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none;transition:.24s var(--e);cursor:pointer;}
.field .send:hover{transform:translateX(3px);}

/* 快捷指令：下划线动效 */
.qs{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;}
.qs button{background:none;border:none;padding:0;font-size:13.5px;color:var(--ink-3);transition:.2s var(--e);position:relative;cursor:pointer;}
.qs button:after{content:'';position:absolute;left:0;right:100%;bottom:-3px;height:1px;background:var(--ink);transition:right .3s var(--e);}
.qs button:hover{color:var(--ink);}
.qs button:hover:after{right:0;}

/* ============ 身份分流 4 卡 ============ */
.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);}
@media(max-width:860px){.paths{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.paths{grid-template-columns:1fr;}}
.path{background:var(--paper);border:none;text-align:left;padding:30px 26px;transition:.26s var(--e);cursor:pointer;width:100%;display:block;}
.path:hover{background:var(--paper-2);}
.path .n{font-family:var(--f-mono);font-size:10.5px;color:var(--ink-4);letter-spacing:.14em;}
.path .a{font-size:16px;font-weight:640;letter-spacing:-.028em;margin:14px 0 4px;}
.path .b{font-size:12.5px;color:var(--ink-3);}
.path .r{margin-top:18px;font-size:13px;color:var(--ink-4);transition:.26s var(--e);}
.path:hover .r{color:var(--ink);transform:translateX(4px);}

/* FAB 面板内消息 */
.fbody .m{font-size:13px;}
.fbody .m .bub{max-width:88%;}
.fbody .rec{padding:9px 0;}
.fbody .rec .a{font-size:13px;}
.fbody .rec .b{font-size:11.5px;}
.fbody .acts button{font-size:12px;padding:6px 12px;}

/* 首页 speech chip 替代旧版 stickers */
@media(max-width:760px){.qs{gap:16px;}}
