```html
<style>
/* 高维观测终端 - 固定CSS皮肤 */
obs { display: block; background: #0a0a0f; border: 1px solid #00ffcc; padding: 12px; color: #00ffcc; font-family: 'Courier New', Consolas, monospace; font-size: 14px; box-shadow: 0 0 15px rgba(0, 255, 204, 0.1) inset; line-height: 1.6; }
obs mc { display: block; background: rgba(0, 255, 204, 0.03); border: 1px solid #1a3a3a; margin-bottom: 15px; padding: 10px; position: relative; }
obs hd { display: block; font-weight: bold; color: #0a0a0f; background: #00ffcc; padding: 4px 10px; margin: -10px -10px 10px -10px; text-transform: uppercase; letter-spacing: 1px; }
obs grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
obs sc { display: flex; flex-direction: column; border-bottom: 1px dashed #1a3a3a; padding-bottom: 6px; margin-bottom: 6px; }
obs grid sc { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
obs l { font-size: 12px; color: #66b2b2; margin-bottom: 2px; opacity: 0.8; }
obs v { color: #e0ffff; text-align: justify; }
obs act { display: block; padding: 8px 10px; border-left: 2px solid #ff3366; background: rgba(255, 51, 102, 0.05); margin-bottom: 10px; color: #e0ffff; text-align: justify; }
obs act:last-child { margin-bottom: 0; }
@media (max-width: 768px) { obs grid { grid-template-columns: 1fr; } obs { padding: 8px; font-size: 13px; } }
</style>
```
```css
/* ========================================
 * 春水平台 · 高维观测终端 全局美化
 * 风格：赛博极客 / 纯直角 (0px) / 发光霓虹
 * 对比度安全通过：文本 #e0ffff vs 背景 #0a0a0f (极高清晰度)
 * ======================================== */

/* ==================== 环境与背景 ==================== */
/* 将整个聊天区变成带暗网格的终端屏幕 */
.bd-content-area {
  background-color: #0a0a0f;
  background-image: 
    linear-gradient(rgba(0, 255, 204, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 255, 204, 0.03) 1px, transparent 1px);
  background-size: 20px 20px;
}

/* ==================== 消息气泡 (AI - 终端输出) ==================== */
.bd-ai-msg {
  background: rgba(10, 10, 15, 0.85);
  color: #e0ffff;
  border: 1px solid #1a3a3a;
  border-left: 4px solid #00ffcc; /* 青绿标识 */
  border-radius: 0; /* 极致的 0px 直角 */
  box-shadow: 0 0 15px rgba(0, 255, 204, 0.05);
  font-family: 'Courier New', Consolas, monospace;
  padding: 16px 20px;
  backdrop-filter: blur(4px);
}

/* ==================== 消息气泡 (用户 - 指令输入) ==================== */
.bd-user-msg {
  background: rgba(255, 51, 102, 0.05);
  color: #ffb3c6;
  border: 1px solid #1a3a3a;
  border-right: 4px solid #ff3366; /* 警告红标识 */
  border-radius: 0;
  font-family: 'Courier New', Consolas, monospace;
  padding: 12px 16px;
}

/* ==================== 输入框区域 ==================== */
.bd-chat-input-wrap {
  background: rgba(5, 5, 8, 0.95);
  border-top: 1px solid #00ffcc;
  padding-top: 10px;
}

#bd-chat-input {
  background: #050508;
  color: #00ffcc;
  border: 1px solid #1a3a3a;
  border-radius: 0;
  font-family: 'Courier New', Consolas, monospace;
  padding: 12px 14px;
  transition: all 0.3s ease;
}

#bd-chat-input:focus {
  border-color: #00ffcc;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.2) inset;
  outline: none;
}

/* ==================== 发送与工具按钮 ==================== */
.bd-send-btn {
  background: #00ffcc;
  color: #0a0a0f;
  border: none;
  border-radius: 0;
  font-weight: bold;
  font-family: 'Courier New', Consolas, monospace;
  cursor: pointer;
  transition: all 0.2s ease;
}

.bd-send-btn:hover {
  background: #33ffd6;
  box-shadow: 0 0 15px rgba(0, 255, 204, 0.5);
}

.bd-toolbar-btn {
  color: #66b2b2;
  border-radius: 0;
}
.bd-toolbar-btn:hover {
  color: #00ffcc;
  background: rgba(0, 255, 204, 0.1);
}

/* ==================== 扩展元素：消息底部操作区 ==================== */
.bd-msg-actions {
  opacity: 0.3; /* 默认隐匿，减少视觉干扰 */
  transition: opacity 0.3s ease;
}
.bd-msg-actions:hover {
  opacity: 1;
}
.bd-msg-actions button {
  color: #66b2b2;
  border-radius: 0;
  padding: 4px 6px;
}
.bd-msg-actions button:hover {
  background: rgba(0, 255, 204, 0.1);
  color: #00ffcc;
  box-shadow: 0 0 5px rgba(0, 255, 204, 0.2);
}

/* ==================== 扩展元素：顶部控制栏 ==================== */
.bd-model-selector {
  background: #0a0a0f;
  color: #00ffcc;
  border: 1px solid #1a3a3a;
  border-radius: 0;
  padding: 4px 10px;
  font-family: 'Courier New', Consolas, monospace;
  font-size: 12px;
}
.bd-model-selector:hover {
  border-color: #00ffcc;
  box-shadow: 0 0 8px rgba(0, 255, 204, 0.2);
}

.bd-token-stats {
  color: #66b2b2;
  font-family: 'Courier New', Consolas, monospace;
  font-size: 12px;
}

.bd-header-settings {
  color: #66b2b2;
  border-radius: 0;
  transition: all 0.2s ease;
}
.bd-header-settings:hover {
  background: rgba(0, 255, 204, 0.1);
  color: #00ffcc;
}

/* ==================== 扩展元素：加载动画 ==================== */
.bd-loading-dots {
  color: #00ffcc;
  text-shadow: 0 0 5px #00ffcc; /* 加载时发光 */
  padding: 8px 12px;
}

/* ==================== 浮动操作栏（仅隐藏） ==================== */
/* 如果你觉得右下角悬浮的官方操作球太碍眼，把下面这行的注释删掉就能隐藏它啦 */
/* .bd-chrome { display: none; } */

/* ==================== 响应式适配 (移动端优先) ==================== */
@media (max-width: 768px) {
  .bd-ai-msg, .bd-user-msg {
    font-size: 14px;
    padding: 12px 14px;
  }
  .bd-send-btn, .bd-toolbar-btn, .bd-msg-actions button {
    min-width: 44px;
    min-height: 44px; /* 保证触屏好点 */
  }
}
```