/* ============================================================
 * apps/net.css —— 浏览器：BBS 论坛 + 搜索引擎 + 供应商官网（js/apps/net.js）
 *
 * 由原 css/apps.css 按既有的分节标记切分而来（0.3.1 架构整理）。
 * 内容与切分前逐字节一致 —— 只换了存放位置，没动一个字符。
 * 新增样式请放进对应 App 的分片，不要再往 apps.css 里堆。
 * ============================================================ */
/* ============ 浏览器 / BBS（Discuz 移动版） ============ */
.br-bar {
  display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: var(--surface-2);
  border-bottom: 1px solid var(--divider); flex: none;
}
.br-url {
  flex: 1; background: var(--surface); border-radius: var(--r-sm); height: 32px; display: flex; align-items: center;
  padding: 0 12px; font-size: 12px; color: var(--text-2); box-shadow: inset 0 0 0 1px var(--divider);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.br-url .u-host { color: var(--text-3); }

.bbs-head {
  background: #FFFDFB; color: var(--text); padding: 10px 14px; display: flex; align-items: center;
  flex: none; border-bottom: 1px solid var(--divider);
}
.bbs-head .bh-logo { font-size: 16px; font-weight: 500; letter-spacing: .5px; }
.bbs-head .bh-sub { font-size: 11px; color: var(--text-2); margin-left: 8px; }
.bbs-forum {
  display: flex; align-items: center; padding: 12px 14px; background: var(--surface); position: relative;
}
.bbs-forum + .bbs-forum::before {
  content: ''; position: absolute; left: 14px; right: 0; top: 0; height: 1px; background: var(--divider);
}
.bbs-forum .bf-ic {
  width: 38px; height: 38px; border-radius: var(--r); background: #E7EBEC; color: #6E838C;
  display: flex; align-items: center; justify-content: center; font-size: 15px; flex: none;
}
.bbs-forum .bf-m { flex: 1; margin-left: 11px; min-width: 0; }
.bbs-forum .bf-t { font-size: 14.5px; }
.bbs-forum .bf-s { font-size: 11.5px; color: var(--text-3); margin-top: 1px; }
.bbs-forum .bf-n { font-size: 11.5px; color: var(--text-3); flex: none; text-align: right; }

.thread {
  padding: 11px 14px; background: var(--surface); position: relative; overflow: hidden;
}
.thread + .thread::before {
  content: ''; position: absolute; left: 14px; right: 0; top: 0; height: 1px; background: var(--divider);
}
.thread:active { background: #F4F6F7; }
.thread .th-t { font-size: 14.5px; line-height: 1.45; }
.thread .th-t .tag { color: #8A6A22; }
.thread .th-m { font-size: 11.5px; color: var(--text-3); margin-top: 5px; display: flex; gap: 12px; }
.thread.hot .th-t { font-weight: 500; }

.post { background: var(--surface); padding: 12px 14px; position: relative; }
.post + .post { border-top: 6px solid var(--bg); }
.post.op { background: #FBF9F4; }
.post .p-head { display: flex; align-items: center; gap: 9px; }
.post .p-name { font-size: 13.5px; font-weight: 500; }
.post .p-lz { font-size: 10px; background: var(--md-primary); color: #FFFDFB; padding: 0 4px; border-radius: 2px; }
.post .p-floor { margin-left: auto; font-size: 11px; color: var(--text-3); }
.post .p-time { font-size: 11px; color: var(--text-3); margin-top: 1px; }
.post .p-body { font-size: 14.5px; line-height: 1.75; margin-top: 9px; white-space: pre-wrap; }
.post .p-quote {
  background: var(--surface-2); border-left: 3px solid #CBD3D6; padding: 7px 10px;
  font-size: 13px; color: var(--text-2); margin-bottom: 8px;
}
.post .p-foot { margin-top: 8px; font-size: 11.5px; color: var(--text-3); display: flex; gap: 14px; }

/* 搜索引擎 */
.se-hero { padding: 30px 16px 8px; }
.se-logo {
  font-size: 40px; letter-spacing: -1.6px; font-weight: 300;
  text-align: left; color: var(--md-primary); line-height: 1;
}
/* 字标下面一行小字，说明这不是真·巨硬 —— 顺便把"搜索"这件事讲清楚 */
.se-tag {
  font-size: 11.5px; color: var(--text-3);
  letter-spacing: 1.6px; text-transform: uppercase;
  margin-top: 8px;
}
.se-box {
  display: flex; align-items: center; background: var(--surface); border-radius: var(--r-lg); height: 44px;
  box-shadow: var(--e2); padding: 0 6px 0 16px; margin-top: 16px;
  transition: box-shadow var(--fast);
}
.se-box:focus-within { box-shadow: 0 0 0 2px rgba(78, 100, 114, .18), var(--e2); }
.se-box input { flex: 1; border: 0; outline: 0; background: transparent; font-size: 14.5px; }
.se-box .se-btn {
  width: 32px; height: 32px; border-radius: var(--r-sm); color: #FFFDFB;
  background: var(--md-primary);
  display: flex; align-items: center; justify-content: center;
  transition: transform var(--mag), background var(--fast);
}
.se-box .se-btn:active { transform: scale(.9); background: var(--md-primary-d); }
.se-res { padding: 13px 16px; background: var(--surface); position: relative; }
.se-res + .se-res::before { content: ''; position: absolute; left: 16px; right: 0; top: 0; height: 1px; background: var(--divider); }
.se-res:active { background: #F7F6F3; }
.se-res .sr-t { font-size: 15.5px; color: #1A5C8A; line-height: 1.4; letter-spacing: -.1px; }
.se-res .sr-u { font-size: 11.5px; color: #4B7A4C; margin-top: 2px; }
.se-res .sr-d { font-size: 13px; color: var(--text-2); margin-top: 4px; line-height: 1.55; }
.se-res.ad .sr-u::after { content: '广告'; background: #E8EDEE; color: var(--text-2); padding: 0 4px; margin-left: 6px; font-size: 10.5px; }
.se-res .sr-t .hl { color: #B4524A; font-weight: 500; }