/* ============================================================
   聊天增强 + 信息页样式（views6，新增）
   ============================================================ */
/* 群成员名 / 引用 / @ / 加密标 */
.bubble .b-who { font-size: 11px; color: var(--accent); margin-bottom: 3px; }
.bubble .b-quote { font-size: 12px; color: var(--text-faint); border-left: 2px solid var(--border-strong); padding: 3px 8px; margin-bottom: 5px; background: rgba(255,255,255,.04); border-radius: 4px; }
.bubble .b-text .at { color: var(--accent); font-weight: 600; }
.bubble-row.me .b-text .at { color: #cfe3ff; }
.bubble .b-enc { font-size: 11px; color: rgba(255,255,255,.7); margin-top: 4px; }
.bubble .b-cipher { text-decoration: underline; cursor: pointer; }
.bubble { cursor: pointer; }

/* 回复条 */
.reply-bar { position: absolute; left: 0; right: 0; bottom: 56px; z-index: 6; display: flex; align-items: center; gap: 10px;
  background: var(--bg-card-2); border-top: 1px solid var(--border); padding: 8px 14px; }
.reply-bar .rb-tip { flex: 1; font-size: 12px; color: var(--text-sub); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reply-bar .rb-x { color: var(--text-faint); cursor: pointer; padding: 4px; }

/* 信息类页面（图文长文） */
.doc { line-height: 1.85; font-size: var(--fs-14); color: var(--text-sub); }
.doc h3 { color: var(--text); font-size: var(--fs-16); margin: 18px 0 8px; }
.doc h3:first-child { margin-top: 4px; }
.doc p { margin-bottom: 10px; }
.doc ul { margin: 8px 0 12px; padding-left: 6px; }
.doc li { position: relative; padding-left: 16px; margin-bottom: 6px; }
.doc li::before { content: "•"; position: absolute; left: 2px; color: var(--accent); }
.doc .strong { color: var(--text); font-weight: 600; }

/* 公司介绍头 */
.org-hero { text-align: center; padding: 24px 16px; background: linear-gradient(135deg,#1c2742,#0f1626); border:1px solid var(--border); border-radius: var(--r-lg); margin-bottom: 14px; }
.org-hero .lg { width:64px;height:64px;border-radius:18px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,var(--primary),var(--accent)); }

/* 系统状态 */
.st-item { display:flex; align-items:center; gap:12px; padding:13px 14px; }
.st-dot { width:10px;height:10px;border-radius:50%; flex:none; }
.st-dot.ok{background:var(--success);box-shadow:0 0 8px rgba(52,211,153,.6);}
.st-dot.warn{background:var(--warning);}
.st-dot.down{background:var(--danger);}

/* 联系我们 */
.contact-item { display:flex; align-items:center; gap:12px; padding:14px; }
.contact-item .ci-ico{width:42px;height:42px;border-radius:12px;background:var(--bg-card-2);display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid var(--border);}

/* 版本日志 */
.cl-item { padding:14px 0; border-bottom:1px solid var(--divider); }
.cl-item:last-child{border-bottom:none;}
.cl-ver { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.cl-ver .v { font-weight:800; } .cl-ver .d{font-size:12px;color:var(--text-faint);}

/* 二维码加好友 */
.qr-friend { text-align:center; padding:10px; }
.qr-friend .qr-box { width:200px;height:200px;margin:14px auto; border-radius:var(--r-md); border:6px solid #fff;
  background: repeating-conic-gradient(#0c1322 0% 25%, #18223a 0% 50%) 0 0/22px 22px; }
.qr-friend .qr-name{font-weight:700;font-size:16px;} .qr-friend .qr-id{color:var(--text-sub);font-size:13px;margin-top:4px;}

/* 页内返回按钮（保证子页面一定有返回） */
.page-back { display:inline-flex; align-items:center; gap:4px; color: var(--accent); font-size: var(--fs-14);
  padding: 6px 12px; margin-bottom: 10px; background: var(--bg-card); border:1px solid var(--border);
  border-radius: var(--r-pill); cursor: pointer; }
.page-back:hover { border-color: var(--primary); }

/* 头像选择 */
.ava-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; }
.ava-cell { aspect-ratio:1; display:flex; align-items:center; justify-content:center; font-size:26px;
  background:var(--bg-card); border:1px solid var(--border); border-radius:var(--r-md); cursor:pointer; }
.ava-cell.on { border-color:var(--primary); box-shadow:var(--glow-primary); }
.color-row { display:flex; gap:10px; flex-wrap:wrap; }
.color-cell { width:36px; height:36px; border-radius:50%; cursor:pointer; border:2px solid transparent; }
.color-cell.on { border-color:#fff; box-shadow:var(--glow-primary); }
.field-row label { display:block; font-size:12px; color:var(--text-sub); margin-bottom:6px; }

/* 举报 */
.report-reasons { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.rp-reason { padding:11px; text-align:center; background:var(--bg-card); border:1px solid var(--border);
  border-radius:var(--r-md); font-size:13px; cursor:pointer; color:var(--text-sub); }
.rp-reason.on { border-color:var(--danger); color:var(--danger); background:rgba(242,84,91,.1); }

/* 消息编辑标记 */
.bubble .b-edited { font-size:10px; color:var(--text-faint); margin-left:4px; }

/* 多方式登录：顶部标签 */
.login-tabs { display:flex; gap:6px; justify-content:center; margin-top:18px; }
.login-tab { padding:7px 16px; border-radius:var(--r-pill); font-size:var(--fs-13); color:var(--text-sub);
  background:rgba(255,255,255,.06); border:1px solid var(--border); cursor:pointer; }
.login-tab.active { background:var(--primary); color:#fff; border-color:transparent; }
/* 第三方登录分割 + 图标 */
.login-third { text-align:center; margin:16px 0 10px; position:relative; color:var(--text-faint); font-size:var(--fs-12); }
.login-third span { background:transparent; padding:0 10px; position:relative; z-index:1; }
.login-third::before { content:""; position:absolute; left:0; right:0; top:50%; height:1px; background:var(--border); }
.third-icons { display:flex; justify-content:center; gap:16px; }
.third-icons .ti-btn { width:46px; height:46px; border-radius:50%; background:var(--bg-card); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center; font-size:22px; cursor:pointer; }
.third-icons .ti-btn:hover { border-color:var(--primary); }

/* 金币 */
.coin-warn { background: rgba(251,191,36,.1); border:1px solid rgba(251,191,36,.3); border-radius:var(--r-md); padding:10px 14px; font-size:12px; color:var(--warning); margin-top:10px; }