/**********DefaultStyleSheet******/
.DefaultStyleSheet{
  /* 讓長字串/網址在各裝置可換行，不撐開版面 */
  white-space: normal !important;
  overflow-wrap: anywhere;      /* 新版 */
  word-break: break-word;       /* 相容 */
}

/* —— 列表：把被 reset 的樣式恢復（你原本把 ul/ol 顛倒了） —— */
.DefaultStyleSheet ol{
  list-style: decimal;                /* 1. 2. 3. */
  list-style-position: outside;
  margin: 1.12em 0 1.12em 1.5em;
  padding: 0;
}
.DefaultStyleSheet ul{
  list-style: disc;                   /* • • • */
  list-style-position: outside;
  margin: 1.12em 0 1.12em 1.5em;
  padding: 0;
}
.DefaultStyleSheet li{
  display: list-item;                 /* 防止被全站 display:flex 影響而看不到 marker */
  margin: .25em 0;
}
/* 巢狀清單的樣式 */
.DefaultStyleSheet ul ul{ list-style-type: circle; }
.DefaultStyleSheet ul ul ul{ list-style-type: square; }
.DefaultStyleSheet ol ol{ list-style-type: lower-alpha; }
.DefaultStyleSheet ol ol ol{ list-style-type: lower-roman; }

/* —— 表格：可縮放且不撐版 —— */
.DefaultStyleSheet table{ 
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;                /* 你原設定保留 */
}
.DefaultStyleSheet thead,
.DefaultStyleSheet tbody,
.DefaultStyleSheet tfoot{ vertical-align: middle; }
.DefaultStyleSheet td,
.DefaultStyleSheet th,
.DefaultStyleSheet tr{ vertical-align: inherit; }
.DefaultStyleSheet th{ font-weight: bolder; text-align: center; }
.DefaultStyleSheet td, .DefaultStyleSheet th{ word-break: break-word; }

/* —— 影像/嵌入物件：小螢幕自動等比縮放 —— */
.DefaultStyleSheet img,
.DefaultStyleSheet video,
.DefaultStyleSheet iframe{
  max-width: 100%;
  height: auto;
}

/* —— 基本文字排版（保留你原本的階層與尺寸，只微調） —— */
.DefaultStyleSheet h1{ font-size: 2em; margin: .67em 0; background-image:none; border:0; }
.DefaultStyleSheet h2{ font-size: 1.5em; margin: .75em 0; }
.DefaultStyleSheet h3{ font-size: 1.17em; margin: .83em 0; }
.DefaultStyleSheet h4,
.DefaultStyleSheet p,
.DefaultStyleSheet blockquote,
.DefaultStyleSheet ul,
.DefaultStyleSheet fieldset,
.DefaultStyleSheet form,
.DefaultStyleSheet ol,
.DefaultStyleSheet dl,
.DefaultStyleSheet dir,
.DefaultStyleSheet menu{ margin: 1.12em 0; }
.DefaultStyleSheet h5{ font-size: .83em; margin: 1.5em 0; }
.DefaultStyleSheet h6{ font-size: .75em; margin: 1.67em 0; }
.DefaultStyleSheet h1,
.DefaultStyleSheet h2,
.DefaultStyleSheet h3,
.DefaultStyleSheet h4,
.DefaultStyleSheet h5,
.DefaultStyleSheet h6,
.DefaultStyleSheet b,
.DefaultStyleSheet strong{ font-weight: bolder; }
.DefaultStyleSheet blockquote{ margin-left: 40px; margin-right: 40px; }
.DefaultStyleSheet big{ font-size: 1.17em; }
.DefaultStyleSheet small,
.DefaultStyleSheet sub,
.DefaultStyleSheet sup{ font-size: .83em; }
.DefaultStyleSheet sub{ vertical-align: sub; }
.DefaultStyleSheet sup{ vertical-align: super; }
.DefaultStyleSheet caption{ display: table-caption; text-align: center; }
.DefaultStyleSheet hr{ border: 1px inset; }
.DefaultStyleSheet u,
.DefaultStyleSheet ins{ text-decoration: underline; }
.DefaultStyleSheet center{ text-align: center; }

/* ⚠️ 重要：移除會造成奇怪斷行的規則
   原本 .DefaultStyleSheet br:before 會插入額外換行，易導致行距異常 */
.DefaultStyleSheet br:before{ content: none; }


/* 清單左縮排設定 */
.DefaultStyleSheet ol,
.DefaultStyleSheet ul {
  margin-left: 2em;     /* ← 控制縮排距離，可依喜好改 1.5em、2.5em */
  padding-left: 0;      /* 避免雙重縮排 */
}

/* 巢狀清單再多一層縮排 */
.DefaultStyleSheet ol ol,
.DefaultStyleSheet ul ul {
  margin-left: 2em;
}
.DefaultStyleSheet ol {
  list-style-position: outside;  /* 確保數字在左邊，文字對齊整齊 */
}

/* 只針對編輯器內容中的「清單」 */
.DefaultStyleSheet ol,
.DefaultStyleSheet ul{
  list-style-position: outside;
  margin-left: 2em;
  padding-left: 0;
}

/* 只影響 ul/ol 的「直接子層」 li，不動其他用來排版的 li */
.DefaultStyleSheet ol > li,
.DefaultStyleSheet ul > li{
  display: list-item;
  margin: .25em 0;
}

/* 巢狀清單 */
.DefaultStyleSheet ol ol{ list-style-type: lower-alpha; }
.DefaultStyleSheet ul ul{ list-style-type: circle; }

/* （保險）把 li::marker 的奇怪覆蓋關掉，但一樣只限於真正的清單 */
.DefaultStyleSheet ol > li::marker,
.DefaultStyleSheet ul > li::marker{
  content: normal;
}

/* —— 讓 <pre> 內容可自動斷行 —— */
.DefaultStyleSheet pre {
  white-space: pre-wrap;       /* 保留換行與縮排，但允許自動換行 */
  overflow-wrap: anywhere;     /* 長字串或網址可折行 */
  word-break: break-word;      /* 相容性補強 */
  max-width: 100%;
  overflow-x: auto;            /* 實在太長仍可橫向滑動 */
}

/* -----------------------for PC----------------------- */
@media screen and (min-width:801px){
  /* 需要再加桌機專屬樣式可放這裡 */
}

/* ------------------for mobile------------------------ */
@media screen and (max-width:800px){
  /* 如需加強手機字級/間距可在此補強 */
}