/* v32.css —— v3.3：线条图标、通话界面、广场排版、桌面编辑栏、图片查看器等 */
.ln{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none}
:root{--vvh:100vh}

/* ---------- 图标位：之前是颜文字的小字号，现在放线条图标 ---------- */
.tab-icon{font-size:22px;line-height:1;margin-bottom:2px}
.attach-icon{font-size:24px}.peek-icon{font-size:22px}.ib-icon{font-size:22px}
.toolkit-btn span:first-child{font-size:22px}
.lw-icon{font-size:20px}.mc-ic{font-size:22px}.if-act-ic{font-size:24px;line-height:1}
.avatar-small .ln,.avatar .ln,.avatar-preview .ln,.avatar-large .ln,.me-avatar .ln,.call-avatar .ln,.if-avatar .ln,.intimate-avatar .ln{width:56%;height:56%;stroke-width:1.5;opacity:.85}
.product-img,.merchant-img,.menu-item-img{display:flex;align-items:center;justify-content:center}
.product-img .ln,.merchant-img .ln,.menu-item-img .ln{font-size:34px;color:var(--theme-color)}
.product-detail-img{display:flex;align-items:center;justify-content:center}.product-detail-img .ln{font-size:64px;color:var(--theme-color)}
.call-btn .ln{font-size:26px;stroke-width:1.8}
.gc-ic .ln{font-size:26px}

/* ---------- 桌面编辑栏：不再顶出屏幕，说明和按钮分两行 ---------- */
.hm-bar{top:calc(var(--top-h) + 4px);flex-wrap:wrap;row-gap:6px;border-radius:20px;padding:8px 10px}
.hm-bar span{flex:1 1 100%;text-align:center;font-size:11.5px;line-height:1.4;opacity:.92}
.hm-bar button{flex:1 1 0;white-space:nowrap}
#desktop.editing .desktop-grid{padding-top:66px}
/* 编辑时可以正常上下滑动：只有长按之后才开始拖动 */
#desktop.editing [data-app],#desktop.editing [data-w]{touch-action:manipulation}
#desktop.editing .hm-hold{animation:none!important;transform:scale(1.08);filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}

/* ---------- 广场：按钮和分类统一大小 ---------- */
#forumApp .fm-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
#forumApp .fm-tabs button{white-space:nowrap;min-width:0;padding:8px 0}
#forumApp .fm-cats{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
#forumApp .fm-cats::-webkit-scrollbar{display:none}
#forumApp .fm-cats button{flex:none;height:32px;padding:0 14px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:13px;border-radius:999px}
.fm-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 14px}
.fm-acts button{height:40px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:999px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--theme-dark);cursor:pointer}
.fm-acts button:active{transform:scale(.96)}.fm-acts button:disabled{opacity:.55}

/* ---------- 世界书编辑页 ---------- */
.wb-adv{margin:10px 0}
.wb-adv>summary{list-style:none;cursor:pointer;padding:12px 14px;border-radius:14px;background:var(--card-bg);border:.5px solid var(--border-color);font-size:14px;color:var(--text-main,inherit);display:flex;justify-content:space-between;align-items:center}
.wb-adv>summary::-webkit-details-marker{display:none}
.wb-adv>summary::after{content:"";width:8px;height:8px;border-right:1.6px solid var(--text-sub);border-bottom:1.6px solid var(--text-sub);transform:rotate(45deg);transition:transform .2s}
.wb-adv[open]>summary::after{transform:rotate(-135deg)}
#wbEditPane .ui-row{gap:14px}
#wbEditPane .ui-row>span{flex:none;white-space:nowrap}
#wbEditPane .ui-row select,#wbEditPane .ui-row .wb-input{flex:0 0 54%;width:54%;max-width:54%;min-width:0;box-sizing:border-box;height:36px;text-align:right;text-align-last:right;font-size:14px}

/* ---------- 通话界面：字幕在中间滚动，按钮永远固定在底部 ---------- */
.call-screen{padding-top:var(--top-h)}
.call-top{margin-top:46px;flex:none;width:100%}
.call-avatar{width:96px;height:96px;margin-bottom:14px}
.call-caption{flex:1 1 auto;min-height:0;display:block;width:100%;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 28px;font-size:15px;line-height:1.75;text-align:center;word-break:break-word}
.call-actions{flex:none;padding:12px 40px calc(30px + env(safe-area-inset-bottom,0px))}
.call-min{position:absolute;top:calc(var(--top-h) + 6px);left:14px;width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.16);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;z-index:2}
.call-screen.mini{display:none!important}
.call-mini{position:absolute;z-index:520;right:12px;top:calc(var(--top-h) + 52px);display:flex;align-items:center;gap:8px;padding:5px 6px 5px 5px;border-radius:999px;background:rgba(36,34,40,.9);color:#fff;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.28);touch-action:none;user-select:none;-webkit-user-select:none}
.call-mini.hidden{display:none!important}
.call-mini .cm-av{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;overflow:hidden}
.call-mini .cm-av img{width:100%;height:100%;object-fit:cover}.call-mini .cm-av .ln{width:60%;height:60%}
.call-mini .cm-t{min-width:44px;font-variant-numeric:tabular-nums}
.call-mini .cm-x{width:28px;height:28px;border-radius:50%;border:none;background:#ff4d6d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}

/* ---------- 通话记录 ---------- */
.cl-sheet{position:absolute;inset:0;z-index:650;background:rgba(20,16,22,.5);display:flex;align-items:flex-end}
.cl-card{width:100%;max-height:82%;background:var(--bg-color);border-radius:22px 22px 0 0;display:flex;flex-direction:column;animation:mtUp .25s ease-out}
.cl-hd{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 6px;font-size:16px;font-weight:600}
.cl-hd button{border:none;background:none;color:var(--text-sub);font-size:22px;line-height:1}
.cl-body{overflow-y:auto;padding:4px 14px 18px;flex:1;min-height:0}
.cl-item{background:var(--card-bg);border:.5px solid var(--border-color);border-radius:14px;margin-bottom:8px;overflow:hidden}
.cl-item>summary{list-style:none;cursor:pointer;padding:11px 14px;display:flex;flex-direction:column;gap:3px}
.cl-item>summary::-webkit-details-marker{display:none}
.cl-item b{font-size:14px;font-weight:600}.cl-item small{font-size:12px;color:var(--text-sub);line-height:1.5}
.cl-lines{padding:2px 14px 12px;display:flex;flex-direction:column;gap:6px}
.cl-lines p{margin:0;font-size:13px;line-height:1.6;padding:6px 10px;border-radius:10px;max-width:88%}
.cl-lines p.me{align-self:flex-end;background:var(--accent-soft)}.cl-lines p.ta{align-self:flex-start;background:var(--bg-color)}
.cl-empty{text-align:center;color:var(--text-sub);font-size:13px;padding:28px 0}
.cl-clr{display:block;margin:10px auto 0;border:none;background:none;color:var(--danger,#ff4d6d);font-size:13px}

/* ---------- 图片查看器 ---------- */
.img-viewer{position:absolute;inset:0;z-index:700;background:rgba(0,0,0,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:calc(var(--top-h) + 6px) 12px calc(22px + env(safe-area-inset-bottom,0px))}
.img-viewer img{max-width:100%;max-height:calc(100% - 70px);object-fit:contain;border-radius:8px}
.img-viewer .iv-bar{display:flex;gap:12px}
.img-viewer .iv-bar button{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:10px 20px;font-size:14px;display:flex;align-items:center;gap:6px}
.bubble img{cursor:zoom-in}.sticker-img img{cursor:default}

/* ---------- 键盘弹出时：页面跟着可视区域缩，输入框一直看得见，也能正常上下滑 ---------- */
@media (max-width:440px){html.xfull .phone{height:var(--vvh,100vh)}}
.input-text,.input-textarea,.wb-input{scroll-margin:90px}
html.sb-off{--sb-h:6px}

/* ---------- 防错位：任何字体下，设置行的标签不会被挤成竖排 ---------- */
.cell-item>span:first-child,.ui-row>span:first-child,.stg-row>span:first-child{min-width:4em;word-break:keep-all}
.attach-item span,.ib-label,.peek-btn span,.toolkit-btn,.tab span,.stg-btns button,.btn-small,.btn-primary{white-space:nowrap}
.xf-tune .cell-item{padding:10px 0}.xf-tune input[type=range]{flex:1;max-width:150px;accent-color:var(--theme-color)}.xf-tune b{font-size:13px;min-width:3em;text-align:right;color:var(--text-sub);font-weight:400}
html.xf-tuned body,html.xf-tuned button,html.xf-tuned input,html.xf-tuned textarea,html.xf-tuned select{letter-spacing:var(--xf-ls,0)}
html.xf-tuned .bubble,html.xf-tuned .content-text,html.xf-tuned .hint-line{line-height:var(--xf-lh,1.6)}