/* 專欄詳情頁補充（與列表頁視覺對齊、修正二級導航折行） */

.detail-breadcrumb {
  width: 1170px;
  max-width: 100%;
  margin: 0 auto;
  padding: 14px 0 6px;
  font-size: 14px;
  color: #636363;
  box-sizing: border-box;
}
.detail-breadcrumb a {
  color: #636363;
}
.detail-breadcrumb a:hover {
  color: #02b5e9;
}
.detail-breadcrumb em {
  font-style: normal;
  color: #02b5e9;
}
.detail-breadcrumb i {
  padding: 0 8px;
  color: #ccc;
  font-style: normal;
}

/* 二級導航：兩行文字 nowrap，避免折行 */
.dealer_list .dealer_list_wh {
  overflow: hidden;
}
.dealer_list .dealer_list_wh .nav_line p a {
  white-space: nowrap;
}

/* 側欄卡片感 */
#app-article-detail.container .right .area {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
#app-article-detail.container .right .area .heading h3 {
  font-weight: 700;
}
#app-article-detail.container .right .area a {
  color: #02b5e9;
}
#app-article-detail.container .right .area a:hover {
  text-decoration: underline;
}

/* 正文內嵌代碼塊、寬圖不撐破版 */
#app-article-detail.container .left .article pre,
#app-article-detail.container .left .article code {
  white-space: pre-wrap;
  word-break: break-word;
}
#app-article-detail.container .left .article pre {
  max-height: 480px;
  overflow: auto;
  background: #f5f5f5;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.5;
}
#app-article-detail.container .left .article img,
#app-article-detail.container .left .article video,
#app-article-detail.container .left .article iframe {
  max-width: 100%;
  height: auto;
}

/* 後台富文本正文：前台閱讀排版 */
#app-article-detail.container .left .article {
  font-size: 16px;
  line-height: 1.85;
  color: #323232;
}
#app-article-detail.container .left .article > *:first-child {
  margin-top: 0;
}
#app-article-detail.container .left .article p {
  margin: 0 0 14px;
}
#app-article-detail.container .left .article h1,
#app-article-detail.container .left .article h2,
#app-article-detail.container .left .article h3,
#app-article-detail.container .left .article h4 {
  margin: 22px 0 12px;
  font-weight: 700;
  line-height: 1.35;
  color: #222;
}
#app-article-detail.container .left .article h1 {
  font-size: 22px;
}
#app-article-detail.container .left .article h2 {
  font-size: 20px;
}
#app-article-detail.container .left .article h3 {
  font-size: 18px;
}
#app-article-detail.container .left .article h4 {
  font-size: 16px;
}
#app-article-detail.container .left .article ul,
#app-article-detail.container .left .article ol {
  margin: 0 0 14px;
  padding-left: 1.5em;
}
#app-article-detail.container .left .article li {
  margin-bottom: 6px;
}
#app-article-detail.container .left .article blockquote {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-left: 4px solid #02b5e9;
  background: #f7fbfd;
  color: #555;
}
#app-article-detail.container .left .article hr {
  border: none;
  border-top: 1px solid #eaeaea;
  margin: 20px 0;
}
#app-article-detail.container .left .article table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin: 0 0 16px;
  font-size: 14px;
}
#app-article-detail.container .left .article th,
#app-article-detail.container .left .article td {
  border: 1px solid #eaeaea;
  padding: 8px 10px;
}
#app-article-detail.container .left .article th {
  background: #f5f7fa;
  font-weight: 600;
}
#app-article-detail.container .left .article a {
  color: #02b5e9;
}
#app-article-detail.container .left .article a:hover {
  text-decoration: underline;
}