/* =====================================================================
   🌟 BBSGOOD 全局通用合体编辑器样式（磨砂玻璃霓虹风格）
   ===================================================================== */
.editor-overlay {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(18, 22, 26, 0.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
    display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 16px;
}
.editor-window {
    background: linear-gradient(145deg, #1c2229, #12161a); border: 1px solid #262f3a; border-radius: 16px;
    width: 100%; max-width: 650px; box-shadow: 0 16px 48px rgba(0, 188, 188, 0.25);
    display: flex; flex-direction: column; overflow: hidden; animation: bbsgoodFadeIn 0.2s ease-out;
}
@keyframes bbsgoodFadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }

/* 锁死头部：不允许被挤压或推出屏幕 */
.editor-header { 
    padding: 16px 20px; 
    border-bottom: 1px solid #262f3a; 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    flex: 0 0 auto; /* 固定高度，不参与缩放 */
}
.editor-title { font-size: 18px; font-weight: bold; color: #00bcbc; }
.editor-close-btn { background: none; border: none; color: #8896a4; font-size: 20px; cursor: pointer; }
.editor-close-btn:hover { color: #ff4d4d; }

.editor-body { padding: 20px; display: flex; flex-direction: column; gap: 12px; position: relative; }
.editor-input-group { display: flex; flex-direction: column; width: 100%; border: 1px solid #262f3a; border-radius: 8px; overflow: hidden; }

/* 🛠— 工具栏与表情面板 */
.editor-toolbar { display: flex; flex-wrap: wrap; gap: 6px; background-color: #161b21; padding: 8px 12px; border-bottom: 1px solid #262f3a; }
.toolbar-btn { background: none; border: none; color: #8896a4; font-size: 14px; cursor: pointer; padding: 4px 8px; border-radius: 4px; transition: all 0.2s; }
.toolbar-btn:hover, .toolbar-btn:focus { background-color: #12161a; color: #00bcbc; outline: none; }

/* 😀 弹出式九宫格表情面板 */
.emoji-picker-panel {
    display: none; gap: 10px; background-color: #161b21; border: 1px solid #262f3a; border-radius: 6px;
    padding: 10px; grid-template-columns: repeat(8, 1fr); max-height: 150px; overflow-y: auto;
    position: absolute; left: 20px; top: 62px; z-index: 50; box-shadow: 0 8px 24px rgba(0,0,0,0.6);
}
.emoji-item { font-size: 20px; background: none; border: none; cursor: pointer; text-align: center; border-radius: 4px; padding: 4px; transition: transform 0.1s; }
.emoji-item:hover { transform: scale(1.2); background-color: #12161a; }

.editor-textarea { width: 100%; height: 160px; background-color: #12161a; color: #e3e7eb; font-size: 16px; font-family: inherit; border: none; padding: 14px; resize: none; display: block; }
.editor-textarea:focus { outline: none; }

/* 👁️ 预览区区域 */
.editor-preview-area { display: flex; flex-direction: column; gap: 6px; }
.editor-preview-title { font-size: 13px; color: #64748b; font-weight: bold; }
.editor-preview-box { width: 100%; height: 140px; background-color: rgba(18, 22, 26, 0.5); border: 1px dashed #262f3a; border-radius: 8px; padding: 12px; overflow-y: auto; }

/* =====================================================================
   👑 复刻 stv_comment.js 高级卡片式大代码块
   ===================================================================== */
.markdown-body { color: #b3c0ce; font-size: 15px; line-height: 1.6; word-break: break-all; }
.markdown-body strong { color: #ffb703 !important; font-weight: bold !important; }
.markdown-body em { color: #00bcbc; font-style: italic; }
.markdown-body code { background-color: #242c35; padding: 2px 6px; border-radius: 4px; color: #00bcbc; font-family: monospace; }
.markdown-body a { color: #00bcbc; text-decoration: underline; }
.markdown-body img { max-width: 120px; max-height: 120px; border-radius: 6px; margin: 6px 4px; border: 1px solid #262f3a; }

/* 📝 一体化代码卡片包裹器 */
.markdown-code-wrapper { 
    margin: 14px 0; 
    background-color: #161b21; 
    border: 1px solid #262f3a; 
    border-radius: 8px; 
    overflow: hidden; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* 🏷️ 代码块顶部工具栏 */
.code-header-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1c2229;
    padding: 6px 14px;
    border-bottom: 1px solid #262f3a;
}
.code-lang-label {
    font-size: 11px;
    font-family: monospace;
    color: #00bcbc;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.code-header-bar .code-copy-btn {
    position: static !important;
    transform: none !important;
    background-color: #242c35; 
    color: #8896a4;
    border: 1px solid #262f3a; 
    font-size: 11px; 
    padding: 2px 8px; 
    border-radius: 4px; 
    font-weight: bold; 
    cursor: pointer; 
    transition: all 0.2s;
    margin-left: auto;
}
.code-header-bar .code-copy-btn:hover { 
    background-color: #00bcbc; 
    color: #12161a; 
    box-shadow: 0 0 8px rgba(0, 188, 188, 0.4); 
}

/* 💻 下方独立显示的代码，无背景行断层 */
.markdown-code-wrapper pre { 
    margin: 0; 
    padding: 12px 14px; 
    overflow-x: auto; 
    font-family: 'Courier New', Courier, monospace; 
    font-size: 14px; 
    color: #e3e7eb; 
    background-color: #12161a;
    line-height: 1.5;
}
.markdown-code-wrapper pre code {
    background: none !important;
    padding: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
}

/* =====================================================================
   🏁 锁死底部：不允许被挤压或推出屏幕 
   ===================================================================== */
.editor-footer {
    padding: 14px 20px;
    border-top: 1px solid #262f3a;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    flex: 0 0 auto; /* 固定高度，不参与缩放 */
}
.editor-btn {
    padding: 8px 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.2s;
}
.btn-cancel {
    background-color: #12161a;
    border-color: #262f3a;
    color: #8896a4;
}
.btn-cancel:hover {
    background-color: #242c35;
    color: #ffffff;
    border-color: #3d4b5a;
}
.btn-submit {
    background-color: #00bcbc;
    color: #12161a;
}
.btn-submit:hover {
    background-color: #ffffff;
    color: #00bcbc;
    box-shadow: 0 0 12px rgba(0, 188, 188, 0.5);
}

/* =====================================================================
   🎯 嵌入式（Inline）专属样式定制
   ===================================================================== */
.editor-window.is-inline {
    max-width: 100% !important;
    box-shadow: none !important;
    animation: none;
    border-radius: 12px;
}
.editor-window.is-inline .editor-header {
    border-bottom: none;
    padding: 12px 16px 0 16px;
}
.editor-window.is-inline .editor-close-btn {
    display: none;
}

/* =====================================================================
   📱 完美防挤压：手机端/小屏幕极致自适应（锁定视口，保留卡片呼吸感）
   ===================================================================== */
@media (max-width: 600px) {
    /* 1. 四周留出 12px 空隙，保留极其高级的磨砂霓虹质感 */
    .editor-overlay {
        padding: 12px;
        align-items: center; /* 居中显示 */
    }
    .editor-window:not(.is-inline) {
        width: 100%;
        max-height: 85vh; 
        border-radius: 14px;
        border: 1px solid #262f3a;
    }

    /* 2. 适当压缩内边距，节省空间给打字区域 */
    .editor-header {
        padding: 12px 16px;
    }
    /* 只允许 body 区进行内部垂直滚动，头部和底部像钢钉一样卡死 */
    .editor-body {
        padding: 14px 12px;
        gap: 8px;
        flex: 1 1 auto; 
        overflow-y: auto; /* 只在这里产生滚动条 */
    }
    .editor-footer {
        padding: 10px 16px;
    }

    /* 3. 输入组弹性伸缩 */
    .editor-input-group {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }
    .editor-textarea {
        flex: 1 1 auto;
        height: auto;
        min-height: 100px;
        padding: 10px;
        font-size: 15px; /* 移动端标准打字字号，防止 iOS 强制缩放网页 */
    }

    /* 4. 表情面板位置微调 */
    .emoji-picker-panel {
        left: 12px;
        right: 12px;
        top: 48px;
    }

    .editor-btn {
        padding: 8px 14px;
        font-size: 13px;
    }

    /* 🎯 绝杀修正：不论 JS 如何控制，手机端一律强制屏蔽预览区，确保输入绝对通畅 */
    .editor-preview-area {
        display: none !important;
    }
}
```
eof

---

### 🏁 修改点解析：
我在 `.editor.css` 文件的最底部 `@media (max-width: 600px)` 里面，强力追加了下面这段规则：
```css
/* 🎯 绝杀修正：不论 JS 如何控制，手机端一律强制屏蔽预览区，确保输入绝对通畅 */
.editor-preview-area {
    display: none !important;
}