DeepSeek 的网页版本聊天窗口实在是窄的可怜。尤其是遇到长表格还得滚动。忍了好久了，终于下定决心整顿一下。整个过程也相对简单：

1. 安装插件。
2. 修改样式。

该文章以 Edge 浏览器为例，谷歌浏览器或者其他浏览器操作类似。

安装插件

打开 Stylus 插件地址 安装插件。如果打不开，可以自行搜索一下。

装好之后，如图：

添加 DeepSeek 的样式

在浏览器右上角的插件选项中打开 Stylus，然后新建样式表。

• 在名称中输入“DeepSeek 宽屏”，当然可以自定义。
• 在 URL 匹配模式中输入：^https://chat.deepseek.com/a/chat/.*，只处理 DeepSeek 网页。
• 在样式编码区编写样式代码：

  /* 改变宽屏 */
  div.ds-virtual-list-items{
      padding-left: calc((100% - var(--message-list-max-width)) / 40)!important;
      padding-right: calc((100% - var(--message-list-max-width)) / 40)!important;
  }
  
  ._1210dd7:has(th:nth-child(4),td:nth-child(4)):not(blockquote ._1210dd7).c03cafe9 {
      --padding-left: 0!important;
      --padding-right: 54px;
      width: calc(var(--ds-virtual-list-width) - var(--padding-left) - var(--padding-right));
      padding-left: var(--padding-left);
      padding-right: var(--padding-right);
      margin-left: calc(-1 * var(--padding-left));
  }
  ._871cbca{
    padding: 0 calc((100% - var(--message-list-max-width)) / 40)!important;
  }
  
  /* 优化表格样式 */
  .ds-scroll-area table {
    margin: auto;
    border-collapse: separate;  /* 必须，collapse 时 border-radius 无效 */
    border-spacing: 0;          /* 去掉单元格之间的间隙，让边框看起来连贯 */
    border-radius: 16px;        /* 设置圆角大小 */
    overflow: hidden;           /* 保证圆角裁剪掉内部多余直角内容 */
    border: 1px solid #ccc;     /* 表格外边框（可选） */
  }
  .ds-scroll-area table thead tr th{
    text-align: center!important;
    font-weight: bold;
    background-color: #e4edfd;
  }
  
  .ds-scroll-area table tr th,
  .ds-scroll-area table tr td{
    border: 1px solid #e0e0e0;
    border-left: none;
    border-bottom: none;
  }
  
  .ds-scroll-area table tr th{
    border-top: none;
  }
  
  .ds-scroll-area table tr td:last-child,
  .ds-scroll-area table tr th:last-child{
    border-right: none;
  }
  
  .ds-scroll-area table tr td:first-child{
    padding: 10px 16px;
  }
  
  /* 代码块增加行号 */
  pre {
    counter-reset: line;            /* 初始化计数器 */
    /* background: #f4f4f4;           可选：背景色 */
    padding: 1em;
    overflow: auto;
  }
  
  pre > span {
    display: inline-block;         /* 让每行独占一行 */
    line-height: 1.5;              /* 调整行高，与行号对齐 */
  }
  
  pre > span::before {
    counter-increment: line;       /* 每行计数器 +1 */
    content: counter(line);        /* 输出行号 */
    display: inline-block;
    /* width: 2.5em;                  行号占位宽度 */
    margin-right: 1em;
    text-align: right;
    color: #999;
    user-select: none;             /* 避免选中行号 */
  }
  

最后点击保存样式，再来看 DeepSeek 的样式，就是宽屏展示了。

总体优化内容：

• 表格优化，表头增加颜色，增加边框线，设置为圆角。
• 代码块增加行号。
• 加宽输入框。

网页版的结构和样式很有可能有变动，需要再调整样式代码。