需安装Tampermonkey后创建用户脚本,强制重设阶跃AI网页的字体族、行高、最大宽度及侧边栏行为;脚本匹配https://www.jieyueai.com/*,通过CSS样式覆盖实现界面美化与阅读优化。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

让阶跃AI网页对话界面更易读、更舒适,需直接修改其前端渲染样式,避开官方未开放的设置入口,用浏览器用户脚本强制重置字体族、行高、最大宽度和侧边栏行为。
安装用户脚本管理器
打开 Chrome 或 Edge 浏览器 → 访问 chrome.google.com/webstore/detail/tampermonkey/dhdgffkhhplmpjaagmcihijnhjfbmdmk → 点击“添加到 Chrome” → 在弹出窗口中点“添加扩展程序”。
这一步不可跳过,没有脚本管理器就无法运行后续样式代码。【必须先完成此步,否则后续脚本不会生效】
创建并启用阶跃AI专属美化脚本
点击浏览器右上角 Tampermonkey 图标 → 选择“创建新脚本” → 全选并删除模板内容 → 粘贴以下完整代码:
// ==UserScript==
// @name 阶跃AI界面美化
// @namespace http://tampermonkey.net/
// @version 1.2
// @description 强制重设字体、行高、宽度与侧边栏折叠逻辑
// @author 用户
// @match https://www.jieyueai.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
const style = document.createElement('style');
style.textContent = \`
.chat-container, .message-content { font-family: "SF Pro Display", "Segoe UI", system-ui, sans-serif !important; }
.message-content p { line-height: 1.75 !important; margin-bottom: 0.6em !important; }
.chat-main { max-width: 820px !important; margin: 0 auto !important; }
.sidebar-collapse-btn { display: none !important; }
.sidebar { width: 280px !important; }
@media (max-width: 1024px) { .sidebar { display: none !important; } }
\`;
document.head.appendChild(style);
})();
按 Ctrl+S(Windows)或 Cmd+S(Mac)保存 → 脚本名称自动显示为“阶跃AI界面美化” → 确保右上角开关处于开启状态(绿色)。
验证与微调字体渲染效果
方法一:刷新阶跃AI页面(F5),观察对话区域文字是否变为无衬线清晰字体,段落间距是否舒展。
方法二:若发现中文显示发虚,说明当前系统缺少 SF Pro Display 字体。此时需替换字体声明:把代码中 `"SF Pro Display", "Segoe UI"` 改为 `"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei"`。
方法三:若对话区宽度仍超出屏幕,检查是否误删了 .chat-main { max-width: 820px !important; } 这一行 —— 【删掉这行会导致内容横向溢出,阅读时需频繁拖动滚动条】
禁用侧边栏自动展开行为
第一步:在已启用的脚本中定位到 .sidebar-collapse-btn { display: none !important; } 这行;
第二步:在其下方新增一行:.sidebar:not(.collapsed) { transform: translateX(0) !important; transition: none !important; };
第三步:保存后刷新页面 → 手动点击侧边栏收起按钮 → 观察是否不再自动弹回。这步能防止侧边栏在你专注输入时突然展开遮挡输入框。


















