查看“︁用户:Qiuyin-spring tide/沙盒/none”︁的源代码

{{CSS|content=
#cosmos-banner,
.cosmos-header,
#CosmosRailWrapper,
#cosmos-footer,
#cosmos-toolbar,
.wikiEditor-ui-toolbar,
.editOptions,
#editpage-copywarn,
span.editHelp,
#wikiPreview,
.mw-newarticletext,
.printfooter,
#cosmos-pageContent-subtitle,
#cosmos-header-articleHeader {
  display: none !important;
}

/* ===== 主体区域重置，填满窗口 ===== */
#content.cosmos-pageAligned,
.cosmos-articleContainer,
#cosmos-pageBody-content,
#mw-content-text {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* 编辑容器占满视口，不产生多余边距 */
.wikiEditor-ui {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100vh !important;      /* 整个编辑界面占窗口高度 */
  display: flex !important;
  flex-direction: column !important;
}

/* 左侧编辑面板垂直填充 */
.wikiEditor-ui-left {
  width: 100% !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 编辑视图外层，去除边框和内边距 */
.wikiEditor-ui-view {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 文本区域父容器，占满剩余高度 */
.wikiEditor-ui-text {
  height: auto !important;
  flex: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 文本域核心样式：保留内边距，自带滚动条 */
#wpTextbox1 {
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
  resize: none !important;
  padding: 16px !important;      /* 舒适的内边距，不遮挡文字 */
  font-size: 16px !important;
  line-height: 1.6 !important;
  overflow: auto !important;    /* 内容超出时出现滚动条 */
}

/* ===== 底部按钮栏固定显示 ===== */
.editButtons {
  display: flex !important;
  gap: 8px;
  padding: 8px !important;
  background: #f0f0f0;
  border-top: 1px solid #ccc;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;               /* 防止被压缩 */
}

/* 确保按钮可见 */
.editButtons .oo-ui-buttonElement-button {
  display: inline-flex !important;
}

/* 可选：若想隐藏“显示更改”按钮，取消注释
#wpDiffWidget {
  display: none !important;
}
*/

/* ===== 全局重置 ===== */
body {
  margin: 0 !important;
  background: #fff !important;
}
}}