/* 新版输入框（input.jsx）· 社区评论 / 回复 / 转发 / 编辑、召集详情讨论框共用。
   背板层（.v3-in-hl）和 textarea 同字体、同行高、同内边距，字是透明的，只留光标，边打边变蓝（同发帖框）。
   旧 folio-theme.css 给所有 textarea 加了 !important 的白底灰边直角，所以这里的边框 / 底色 / 轮廓都要 !important，
   选择器写成 .v3-in .v3-in-ta（两个类）压过各页面里 `.xxx textarea` 的规则。 */
.v3-in{position:relative;min-width:0;--in-fs:14px;--in-lh:22px;font-family:var(--v3-font)}
.v3-in.is-m{--in-fs:15px;--in-lh:26px}
.v3-in.is-inline{display:flex;align-items:flex-end;gap:4px}
.v3-in.is-inline>.v3-in-field{flex:1;min-width:0}
.v3-in.is-box{padding:10px 12px;border:1px solid var(--v3-line-strong);border-radius:var(--v3-radius-md);background:var(--v3-paper)}
.v3-in.is-box:focus-within{border-color:var(--v3-action)}
.v3-in-field{position:relative;min-width:0}
.v3-in .v3-in-hl,.v3-in .v3-in-ta{display:block;width:100%;margin:0;padding:0;border:0;font-family:var(--v3-font);font-size:var(--in-fs);font-weight:400;line-height:var(--in-lh);letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;tab-size:4}
.v3-in .v3-in-hl{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;color:var(--v3-ink)}
.v3-in .v3-in-hl::after{content:'\200b'}
.v3-in .v3-in-hl mark{background:none;color:var(--v3-action)}
.v3-in .v3-in-ta{position:relative;z-index:1;min-height:var(--in-lh);max-height:none;resize:none;overflow-y:hidden;field-sizing:fixed;scrollbar-width:none;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:transparent!important;-webkit-text-fill-color:transparent!important;caret-color:var(--v3-ink)}
.v3-cm-wrap .v3-in:not(.has-marks) .v3-in-hl{display:none}
.v3-cm-wrap .v3-in:not(.has-marks) .v3-in-ta{position:static;color:var(--v3-ink)!important;-webkit-text-fill-color:var(--v3-ink)!important}
.v3-cm-wrap .v3-in:not(.has-marks) .v3-in-ta::selection{color:var(--v3-ink);-webkit-text-fill-color:var(--v3-ink)}
.v3-cm-rbox .v3-in .v3-in-ta{border-color:currentColor!important}
.v3-in .v3-in-ta::-webkit-scrollbar{display:none}
.v3-in .v3-in-ta::placeholder{color:var(--v3-smoke);-webkit-text-fill-color:var(--v3-smoke);opacity:1}
.v3-in .v3-in-ta::selection{background:rgba(77,175,254,.28);color:transparent;-webkit-text-fill-color:transparent}
.v3-in .v3-in-ta:focus,.v3-in .v3-in-ta:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}

/* 工具键：表情 / 话题 / 提及 */
.v3-in-bar{display:flex;align-items:center;gap:6px;min-width:0}
.v3-in:not(.is-inline)>.v3-in-bar{margin-top:4px}
.v3-in.is-inline>.v3-in-bar{flex:none}
.v3-in-tools{position:relative;display:inline-flex;align-items:center;gap:2px}
.v3-in .v3-in-tool{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:none;color:var(--v3-smoke);flex:none}
.v3-in .v3-in-tool:hover,.v3-in .v3-in-tool[aria-expanded="true"]{background:var(--v3-sheet-hover);color:var(--v3-ink)}
.v3-in .v3-in-tool .v3-ic{width:16px;height:16px}

/* @ 联想 */
.v3-in-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:60;box-sizing:border-box;width:260px;max-width:100%;max-height:248px;overflow:auto;scrollbar-width:none;padding:6px;border:1px solid var(--v3-line);border-radius:var(--v3-radius-md);background:var(--v3-paper);box-shadow:var(--v3-float)}
.v3-in-pop::-webkit-scrollbar{display:none}
.v3-in-pop.is-up{top:auto;bottom:calc(100% + 6px)}
.v3-in-pop.is-flow{position:static;width:auto;max-height:200px;margin-top:6px;box-shadow:none}
.v3-in-pop p{margin:0;padding:8px;font-size:12px;color:var(--v3-smoke)}
.v3-in .v3-in-pop button{display:flex;align-items:center;gap:8px;width:100%;height:38px;padding:0 8px;border:0;border-radius:6px;background:none;color:var(--v3-ink);font-size:14px;text-align:left}
.v3-in .v3-in-pop button[aria-selected="true"]{background:var(--v3-tint)}
.v3-in-pop img,.v3-in-pop i{width:26px;height:26px;flex:none;border-radius:6px;object-fit:cover}
.v3-in-pop i{display:grid;place-items:center;background:var(--v3-tint);color:var(--v3-action);font-size:12px;font-style:normal}
.v3-in-pop span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3-in-pop small{margin-left:auto;font-size:12px;color:var(--v3-smoke);white-space:nowrap}

/* 表情面板 */
.v3-in-emoji{position:absolute;left:0;top:calc(100% + 6px);z-index:60;box-sizing:border-box;width:300px;max-width:calc(100vw - 32px);padding:8px 10px;border:1px solid var(--v3-line);border-radius:var(--v3-radius-md);background:var(--v3-paper);box-shadow:var(--v3-float)}
.v3-in-emoji.is-up{top:auto;bottom:calc(100% + 6px)}
.v3-in.is-inline .v3-in-emoji{left:auto;right:0}
.v3-in-emoji.is-flow{position:static;width:auto;max-width:none;margin-top:6px;box-shadow:none}
.v3-in-cats{display:flex;gap:12px;margin-bottom:6px}
.v3-in .v3-in-cats button{padding:0;border:0;background:none;font-size:12px;color:var(--v3-smoke)}
.v3-in .v3-in-cats button[aria-pressed="true"]{color:var(--v3-ink);font-weight:600}
.v3-in-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:180px;overflow:auto;scrollbar-width:none}
.v3-in-grid::-webkit-scrollbar{display:none}
.v3-in .v3-in-grid button{height:30px;padding:0;border:0;border-radius:6px;background:none;font-size:18px;line-height:30px}
.v3-in .v3-in-grid button:hover{background:var(--v3-sheet-hover)}

.v3-in-emoji.is-repost,.v3-in.is-inline .v3-in-emoji.is-repost{left:38px;right:auto;top:auto;bottom:48px;width:288px;max-width:calc(100vw - 32px);padding:8px;border-radius:10px;animation:v3-in-mnin .14s ease-out;transform-origin:bottom left}
.v3-in-emoji.is-repost .v3-in-grid{grid-template-columns:repeat(8,32px);gap:2px;max-height:none;overflow:visible}
.v3-in-emoji.is-repost .v3-in-grid button{width:32px;height:32px;line-height:32px}
@keyframes v3-in-mnin{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.v3-in-emoji.is-repost{animation:none}}