/* TEST-scoped counterparts of pre-existing OceanWP dynamic sections.
 * Original component geometry: OceanWP 1.8.6, GPL v2 or later; official source retained in evidence.
 */
/*
 * OceanWP 1.8.6 指定動態元件原始CSS摘錄
 * 官方來源：https://downloads.wordpress.org/theme/oceanwp.1.8.6.zip
 * member: oceanwp/assets/css/style.css
 * package SHA256: 4715cf134f80888c2fa35f16801b164fd8093ab468ee9170a0feef0a8ad34705
 * License: GNU General Public License v2.0 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 * All files, unless otherwise stated, are released under the GNU General Public
 * License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
 */

.boxed-layout .site-breadcrumbs {
  right: 30px;
}

@media only screen and (max-width: 959px) {
.boxed-layout .site-breadcrumbs {
    right: auto;
  }
}

.solid-color-page-header .site-breadcrumbs,
.solid-color-page-header .site-breadcrumbs a {
  color: #fff !important;
}
body.single-post main.klsh-native-single .site-breadcrumbs {
  position: absolute;
  right: 0;
  top: 50%;
  max-width: 50%;
  height: 32px;
  line-height: 32px;
  margin-top: -16px;
  font-size: 13px;
  color: #c6c6c6;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
}
body.single-post main.klsh-native-single .site-breadcrumbs ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.single-post main.klsh-native-single .site-breadcrumbs ol li {
  display: inline-block;
}
body.single-post main.klsh-native-single .site-breadcrumbs ol li .breadcrumb-sep {
  margin: 0 6px;
}
body.single-post main.klsh-native-single .site-breadcrumbs .icon-home.has-text,body.single-post main.klsh-native-single .site-breadcrumbs .breadcrumb-home.has-icon {
  display: none;
}
body.single-post main.klsh-native-single .site-breadcrumbs .breadcrumb-title {
  margin-right: 5px;
}
body.single-post main.klsh-native-single .site-breadcrumbs.position-under-title {
  position: inherit;
  top: auto;
  right: auto;
  margin-top: 0;
  max-width: 100%;
}

.oceanwp-breadcrumb .site-breadcrumbs {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  max-width: 100%;
  margin-top: 0;
}

.background-image-page-header .site-breadcrumbs {
  display: block;
  position: inherit;
  max-width: 100%;
  margin-top: 20px;
  top: auto;
  right: auto;
  color: #fff;
  text-align: center;
  z-index: 2;
}

.background-image-page-header .site-breadcrumbs a {
  color: #fff;
}

.background-image-page-header .site-breadcrumbs a:hover {
  color: #ddd;
}
body.single-post main.klsh-native-single .site-breadcrumbs nav,body.single-post main.klsh-native-single .site-breadcrumbs ol {
  margin: 0;
}

@media only screen and (max-width: 959px) {
body.single-post main.klsh-native-single .site-breadcrumbs {
    position: inherit;
    top: auto;
    left: auto;
    right: auto;
    max-width: 100%;
    margin-top: 0;
  }
}
body.single-post main.klsh-native-single #author-bio {
  position: relative;
  margin-top: 30px;
  padding-top: 30px;
  border-top-width: 1px;
  border-style: solid;
  border-color: #f1f1f1;
}
body.single-post main.klsh-native-single #author-bio #author-bio-inner {
  display: -ms-flexbox;
  display: flex;
}
body.single-post main.klsh-native-single #author-bio .author-bio-avatar,body.single-post main.klsh-native-single #author-bio .author-bio-avatar img {
  border-radius: 50%;
}
body.single-post main.klsh-native-single #author-bio .author-bio-avatar {
  min-width: 80px;
  margin-right: 30px;
}
body.single-post main.klsh-native-single #author-bio .author-bio-avatar img {
  width: 80px;
  height: 80px;
  border: 3px solid #e9e9e9;
}
body.single-post main.klsh-native-single #author-bio .author-bio-content {
  position: relative;
}
body.single-post main.klsh-native-single #author-bio .author-bio-title {
  display: inline-block;
  font-size: 18px;
  margin: 0 0 10px;
  text-transform: capitalize;
}
body.single-post main.klsh-native-single #author-bio .author-bio-description p:last-child {
  margin: 0;
}

.author #author-bio {
  margin: 0 0 30px;
  padding-bottom: 30px;
  border-bottom-width: 1px;
}

@media only screen and (max-width: 480px) {
body.single-post main.klsh-native-single #author-bio .author-bio-avatar {
    display: none;
  }
}
body.single-post main.klsh-native-single #related-posts {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #f1f1f1;
}
body.single-post main.klsh-native-single #related-posts .title-wrap {
  display: block;
  color: #333;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.6px;
  margin-bottom: 18px;
}
body.single-post main.klsh-native-single #related-posts ul {
  padding: 0;
  list-style: none;
}
body.single-post main.klsh-native-single #related-posts .col {
  float: left;
  position: relative;
  min-height: 100px;
  margin: 0;
  text-align: center;
}
body.single-post main.klsh-native-single #related-posts .span_1_of_3 {
  width: 33.3333333333%;
}
body.single-post main.klsh-native-single .related-thumb {
  display: block;
  background-color: #222;
}
body.single-post main.klsh-native-single .related-thumb img {
  display: block;
  width: 100%;
  transition: opacity 0.3s;
}
body.single-post main.klsh-native-single .related-thumb:hover img {
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
}
body.single-post main.klsh-native-single .related-post-title {
  font-size: 16px;
  font-weight: 600;
  margin: 12px 12px 3px 12px;
}
body.single-post main.klsh-native-single .related-post-title a {
  display: block;
}

@media only screen and (max-width: 767px) {
body.single-post main.klsh-native-single #related-posts .col {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
body.single-post main.klsh-native-single #related-posts .col:last-child {
    margin-bottom: 0;
  }
}

body.single-post main.klsh-native-single .klsh-test-breadcrumbs {position:static;box-sizing:border-box;width:90vw;max-width:1200px;margin:0 auto;color:#fff;}
body.single-post main.klsh-native-single .klsh-test-breadcrumbs a {color:#fff;text-decoration:none;}
body.single-post main.klsh-native-single .klsh-test-breadcrumbs svg {width:13px;height:13px;vertical-align:-1px;}
body.single-post main.klsh-native-single .klsh-test-post-views {margin:20px 0 0;font:400 14px/1.8 "Open Sans",Arial,sans-serif;color:#333;}
body.single-post main.klsh-native-single .klsh-test-post-views .post-views-icon {width:14px;height:14px;font-size:14px;vertical-align:middle;}
body.single-post main.klsh-native-single #author-bio {border-width:1px 0 0;}
body.single-post main.klsh-native-single #author-bio .author-bio-avatar img {box-sizing:border-box;max-width:none;}
body.single-post main.klsh-native-single #author-bio .author-bio-title a {color:#333;text-decoration:none;}
body.single-post main.klsh-native-single #author-bio .author-bio-description {font:400 14px/1.8 "Open Sans",Arial,sans-serif;color:#333;}
body.single-post main.klsh-native-single #related-posts .oceanwp-row::after {content:"";display:table;clear:both;}
body.single-post main.klsh-native-single #related-posts .related-posts-title {position:relative;margin:0 0 20px;font:600 14px/1.4 "Open Sans",Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:#333;text-align:left;}
body.single-post main.klsh-native-single #related-posts .related-posts-title .text {position:relative;}
body.single-post main.klsh-native-single #related-posts .related-post-title {font:600 16px/1.4 "Open Sans",Arial,sans-serif;}
body.single-post main.klsh-native-single #related-posts .related-post-title a {color:#333;text-decoration:none;}
body.single-post main.klsh-native-single #related-posts time {font:400 13px/1.8 "Open Sans",Arial,sans-serif;color:#929292;}
body.single-post main.klsh-native-single #related-posts time svg {width:13px;height:13px;margin-right:6px;vertical-align:-1px;}
body.single-post main.klsh-native-single #related-posts .oceanwp-row {margin:0 -10px;}
body.single-post main.klsh-native-single #related-posts .col {box-sizing:border-box;padding:0 10px;}
body.single-post main.klsh-native-single #related-posts .klsh-test-heading-angle {color:#13aff0;width:6.75px;height:18px;margin-right:6px;vertical-align:-3px;}

/* 2026-10-03 d: scoped values read from the current formal OceanWP customizer CSS.
 * Source: formal-home.html style4, captured 18:20–18:29 Taipei; no redesign.
 */
body.single-post main.klsh-native-single .klsh-test-breadcrumbs {font-size:12px;color:#c6c6c6;}
body.single-post main.klsh-native-single .klsh-test-breadcrumbs a {color:#8bd1ef;}
body.single-post main.klsh-native-single .klsh-test-breadcrumbs a:hover {color:#fff;}
body.single-post main.klsh-native-single #author-bio,
body.single-post main.klsh-native-single #related-posts {border-color:rgba(40,147,255,0.5);}
body.single-post main.klsh-native-single #author-bio .author-bio-title {font:600 18px/1.2 "Open Sans",Arial,sans-serif;}
body.single-post main.klsh-native-single #author-bio .author-bio-title a {font:inherit;color:#116ebf;}
body.single-post main.klsh-native-single #author-bio .author-bio-title a:hover {color:#2fb6ef;}
body.single-post main.klsh-native-single #related-posts .related-post-title {line-height:1.2;}
body.single-post main.klsh-native-single #related-posts .related-post-title a {color:#116ebf;}
body.single-post main.klsh-native-single #related-posts .related-post-title a:hover {color:#207ac9;}
body.single-post main.klsh-native-single #related-posts .related-posts-title {line-height:1.2;}
body.single-post main.klsh-native-single #related-posts .klsh-test-heading-angle {color:#207ac9;}