/* h139 community forum layer - 仅论坛相关页面加载
   社区短代码页 / 发帖 / 我的帖子 / 论坛帖详情
   由 community.css 于 2026-10-23 拆分生成，勿手改 */

.h139-submit {max-width: 960px; margin: 0 auto; color: var(--text-color, #484b4f); font-family: var(--h139-cm-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "kern" 1}
.h139-myposts {max-width: 960px; margin: 0 auto; color: var(--text-color, #484b4f); font-family: var(--h139-cm-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "kern" 1}
.h139-pagination {margin: 28px 0 8px; display: flex; justify-content: center; gap: 6px; flex-wrap: wrap}
.h139-pagination a {min-width: 36px; height: 36px; line-height: 36px; text-align: center; padding: 0 10px; border-radius: var(--main-radius, 14px); background: var(--main-bg-color, #fff); border: 1px solid var(--h139-primary-line, rgba(0, 0, 0, 0.06)); color: var(--text-color, #484b4f); text-decoration: none; font-size: 14px}
.h139-pagination span {min-width: 36px; height: 36px; line-height: 36px; text-align: center; padding: 0 10px; border-radius: var(--main-radius, 14px); background: var(--main-bg-color, #fff); border: 1px solid var(--h139-primary-line, rgba(0, 0, 0, 0.06)); color: var(--text-color, #484b4f); text-decoration: none; font-size: 14px}
.h139-pagination a:hover {border-color: var(--h139-primary, #339900); color: var(--h139-primary-deep, #2a7d00)}
.h139-pagination .current {background: var(--h139-primary, #339900); border-color: var(--h139-primary, #339900); color: #fff}

@media (max-width: 680px) {
.h139-submit-form {padding: 16px}
}

.h139-submit-form {background: var(--main-bg-color, #fff); border: 1px solid var(--h139-primary-line, rgba(0, 0, 0, 0.06)); border-radius: var(--main-radius, 14px); padding: 22px; display: flex; flex-direction: column; gap: 16px}
.h139-field {display: flex; flex-direction: column; gap: 6px; margin: 0}
.h139-field label {font-size: 14px; font-weight: 600; color: var(--main-color, #1f2329)}
.h139-submit-form input[type="text"] {width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--h139-primary-line, rgba(0, 0, 0, 0.12)); border-radius: calc(var(--main-radius, 14px) * 0.7); background: var(--main-bg-color, #fff); color: var(--text-color, #484b4f); font-size: 14px; font-family: inherit; transition: border-color 0.18s ease, box-shadow 0.18s ease}
.h139-submit-form select {width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--h139-primary-line, rgba(0, 0, 0, 0.12)); border-radius: calc(var(--main-radius, 14px) * 0.7); background: var(--main-bg-color, #fff); color: var(--text-color, #484b4f); font-size: 14px; font-family: inherit; transition: border-color 0.18s ease, box-shadow 0.18s ease}
.h139-submit-form input:focus {outline: none; border-color: var(--h139-primary, #339900); box-shadow: 0 0 0 3px var(--h139-primary-soft, rgba(51, 153, 0, 0.12))}
.h139-submit-form select:focus {outline: none; border-color: var(--h139-primary, #339900); box-shadow: 0 0 0 3px var(--h139-primary-soft, rgba(51, 153, 0, 0.12))}
.h139-submit-form textarea:focus {outline: none; border-color: var(--h139-primary, #339900); box-shadow: 0 0 0 3px var(--h139-primary-soft, rgba(51, 153, 0, 0.12))}
.h139-submit-form textarea {width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--h139-primary-line, rgba(0, 0, 0, 0.12)); border-radius: calc(var(--main-radius, 14px) * 0.7); background: var(--main-bg-color, #fff); color: var(--text-color, #484b4f); font-size: 14px; font-family: inherit; transition: border-color 0.18s ease, box-shadow 0.18s ease}
.h139-submit-form textarea {resize: vertical}

@media (max-width: 680px) {
.h139-btn {width: 100%; text-align: center}
}

.h139-btn {align-self: flex-start; padding: 10px 26px; border: none; border-radius: var(--main-radius, 14px); background: var(--h139-primary, #339900); color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; transition: background 0.18s ease, transform 0.18s ease}
.h139-btn:hover {background: var(--h139-primary-deep, #2a7d00); transform: translateY(-2px)}
.h139-hint {font-variant-numeric: tabular-nums}
.h139-hint {font-size: 12px; color: var(--text-color, #484b4f); opacity: 0.6; margin: 0}
.h139-notice {padding: 12px 16px; border-radius: var(--main-radius, 14px); font-size: 14px; margin-bottom: 16px}
.h139-notice a {color: var(--h139-primary, #339900)}
.h139-error {background: color-mix(in srgb, #e5484d 10%, var(--main-bg-color, #fff)); color: #e5484d}
.h139-success {background: var(--h139-primary-soft, #e8f5e8); color: var(--h139-primary-deep, #2a7d00)}
.h139-empty {text-align: center; padding: 48px 0; color: var(--text-color, #484b4f); opacity: 0.6}
.h139-myposts-list {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px}
.h139-mypost-item {display: flex; align-items: center; gap: 12px; padding: 14px 4px; border-bottom: 1px solid var(--h139-primary-line, rgba(0, 0, 0, 0.06))}
.h139-mypost-title {color: var(--text-color, #484b4f); text-decoration: none; font-size: 15px; flex: 1}
.h139-mypost-title:hover {color: var(--h139-primary, #339900)}
.h139-mypost-date {font-size: 13px; color: var(--text-color, #484b4f); opacity: 0.6}
.h139-status {font-size: 12px; padding: 2px 9px; border-radius: 999px}
.h139-status-pub {background: var(--h139-primary-soft, #e8f5e8); color: var(--h139-primary-deep, #2a7d00)}
.h139-status-pen {background: color-mix(in srgb, #f5a623 14%, var(--main-bg-color, #fff)); color: #b9791a}
.h139-status-dra {background: rgba(128, 128, 128, 0.14); color: #777}
.uslide {position:relative; width:100%; border-radius:5px; overflow:hidden; box-shadow:none; background:var(--h139-primary, #339900)}
.uslide-track {display:flex; transition:transform .5s cubic-bezier(.4,0,.2,1)}
.uslide-item>img {width:100%; height:100%; object-fit:cover; display:block}
.uslide-intro-in p {margin:0; opacity:.92; font-size:14px}
.uslide-stats span {font-size:12px; opacity:.9}
.uslide-dots {position:absolute; bottom:7px; right:10px; display:flex; gap:4px; z-index:2}
.uslide-nav {position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:34px; height:34px; border:none; border-radius:50%; background:rgba(0,0,0,.28); color:#fff; font-size:22px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0; transition:.2s; padding:0}
.uslide:hover .uslide-nav {opacity:1}
.uslide-nav:hover {background:rgba(0,0,0,.5)}
.uslide-prev {left:10px}
.uslide-next {right:10px}
.uslide-dots span {width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.55); cursor:pointer; transition:.2s}
.uslide-dots span.on {background:#fff; width:24px; border-radius:5px}
.ucard {background:#fff; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,.05); padding:8px 14px 5px; margin-bottom:9px}
.ucard-h {font-size:14px; font-weight:800; color:var(--text-color,#484b4f); margin:0 1px 6px; display:flex; align-items:center}
.ucat {display:flex; align-items:center; justify-content:space-between; padding:5.5px 7px; border-radius:5px; color:#3c4043; font-size:14px; font-weight:500; margin-bottom:2px; text-decoration:none; transition:.15s}
.ucat:hover {background:#f1f3f5; color:var(--h139-primary, #339900)}
.ucat-all {font-weight:700}
.ucat.is-empty {color:#9aa0a6; font-weight:400}
.ucat.is-empty .ucat-num {font-size:11px; padding:1px 6px; border-radius:999px; background:#f1f3f5; color:#9aa0a6}
.ucat.is-empty:hover {background:#f1f3f5; color:#7b8088}
.ucat.is-empty.on {color:var(--h139-primary, #339900)}
.uwp-left .ucard {background-color:var(--h139-bg-card,#fff) !important; background-image:none !important; border:0 !important; border-radius:var(--main-radius,5px) !important; box-shadow:0 5px 20px var(--main-shadow,rgba(0,0,0,.1)) !important; overflow:hidden !important; padding:0 !important}
.ucard > .ucard-h {position:relative; margin:0 !important; padding:10px 20px !important; font-size:14px !important; font-weight:700 !important; color:rgb(72,75,79) !important; background:transparent !important; border:0 !important}
.ucard > .ucard-b {padding:10px 15px !important}
.ucard > .uhot {padding:10px 15px !important}
.ucard > .uuser {padding:10px 15px !important}
.ucard > .ucard-h::before {content:''; position:absolute; left:20px; right:20px; bottom:0; height:1px; background:rgba(116,116,116,.1)}
.ucard .ucat:hover {background:color-mix(in srgb, var(--theme-color,#f1404b) 10%, #fff)}
.ucard .uhot li:hover {background:color-mix(in srgb, var(--theme-color,#f1404b) 10%, #fff)}
.ucard .uuser li:hover {background:color-mix(in srgb, var(--theme-color,#f1404b) 10%, #fff)}
.ucard .ucat {border-radius:5px; transition:background .2s}
.ucard .uhot li {border-radius:5px; transition:background .2s}
.ucard .uuser li {border-radius:5px; transition:background .2s}
.ucat-num {font-size:12px; color:#9aa0a6; background:#f1f3f5; border-radius:999px; padding:1px 4.5px}
.ucat.on {background:var(--h139-primary-soft, #eaf7e2); color:var(--h139-primary, #339900); font-weight:700}
.ucat.on:hover {background:var(--h139-primary-soft, #eaf7e2); color:var(--h139-primary, #339900); font-weight:700}
.utab:hover {color:var(--h139-primary, #339900)}
.utab.on {color:var(--h139-primary, #339900); font-weight:700}
.utab.on:after {content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--h139-primary, #339900); border-radius:2px}
.usec-more {font-size:12px; color:var(--h139-primary, #339900); text-decoration:none; margin-left:auto}
.usearch {display:flex; align-items:center; gap:0; margin:0 0 -2px; flex:none}
.usearch input[type="search"] {width:130px; height:26px; padding:0 8px; font-size:12px; color:#3c4043; border:1px solid #e4e7eb; border-right:none; border-radius:4px 0 0 4px; background:#fff; outline:none; transition:border-color .15s}
.usearch input[type="search"]::placeholder {color:#9aa0a6}
.usearch input[type="search"]:focus {border-color:var(--h139-primary, #339900)}
.usearch button {width:auto; min-width:38px; height:26px; padding:0 8px; font-family:inherit; font-size:12px; line-height:1; color:#5f6368; border:1px solid #e4e7eb; border-radius:0 4px 4px 0; background:#fafbfc; cursor:pointer; transition:.15s; white-space:nowrap}
.usearch button:hover {background:var(--h139-primary, #339900); border-color:var(--h139-primary, #339900); color:#fff}
.usearch-tip {font-size:12px; color:#7b8088; margin:0 0 8px; display:flex; align-items:center; gap:8px}
.usearch-tip a {color:var(--h139-primary, #339900); text-decoration:none}
.usearch-tip a:hover {text-decoration:underline}
.uplist.ulist-loading {opacity:.55}
.upost {background:transparent; border-radius:0; box-shadow:none; padding:7px 0; margin-bottom:0; border-bottom:1px solid #f1f3f5; transition:.15s}
.upost:last-child {border-bottom:0}
.upost:hover {background:#fafbfc}
.uloading {padding:14px 0; text-align:center; color:#9aa0a6; font-size:12px}
.upg:hover {background:#e9ecef; color:var(--h139-primary, #339900)}
.upg.cur {background:var(--h139-primary, #339900); color:#fff; font-weight:700}
.upg.dis {color:#c3c8ce; cursor:default}
.upg.dis:hover {background:#f1f3f5; color:#c3c8ce}
.upg-total {font-size:12px; color:#9aa0a6; margin-left:4px}
.upost-body {min-width:0; display:flex; flex-direction:column}
.uplist .upost .upost-title a {color:var(--text-color,#484b4f); text-decoration:none}
.uplist .upost .upost-title a:hover {color:var(--h139-primary, #339900)}
.uplist .upost .upost-title a:visited {color:#6b7280; color:color-mix(in srgb, var(--h139-primary, #339900) 42%, #a9b0ba)}
.uplist .upost.seen .upost-title a {color:#6b7280; color:color-mix(in srgb, var(--h139-primary, #339900) 42%, #a9b0ba)}
.uplist .upost .upost-sum {font-size:14px; color:#7b8088; line-height:1.5; margin:0 0 5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.uavatar {width:22px; height:22px; border-radius:50%; overflow:hidden; display:inline-flex}
.uavatar-ph {width:22px; height:22px; border-radius:50%; background:#eef1f4; display:inline-flex; align-items:center; justify-content:center; color:#6b7280; font-size:11px; font-weight:700}
.uavatar img {width:100%; height:100%; object-fit:cover}
.udot {color:#cfd4da}
.utime {color:#9aa0a6}
.utags {display:flex; gap:3px; flex-wrap:wrap}
.utag-cat {background:var(--h139-primary-soft, #eaf7e2); color:var(--h139-primary, #339900)}
.utag-hot {background:#fff3e6; color:#f39800}
.utag-new {background:#e9f9ee; color:#28a745}
.uact {display:inline-flex; align-items:center; gap:2px; color:#9aa0a6; font-size:12px; text-decoration:none; cursor:pointer; transition:.15s}
.uact em {font-style:normal}
.uact-like:hover {color:#f39800}
.uact-like.liked {color:#f39800}
.uact-like.liked .uico-like {background:#f39800}
.uact-share:hover {color:var(--h139-primary, #339900)}
.uico {width:14px; height:14px; display:inline-block; background:#9aa0a6; -webkit-mask-size:contain; mask-size:contain; background-repeat:no-repeat; -webkit-mask-position:center; mask-position:center}
.uico-view {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 5c-5 0-9 4.5-10 7 1 2.5 5 7 10 7s9-4.5 10-7c-1-2.5-5-7-10-7zm0 11a4 4 0 110-8 4 4 0 010 8z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 5c-5 0-9 4.5-10 7 1 2.5 5 7 10 7s9-4.5 10-7c-1-2.5-5-7-10-7zm0 11a4 4 0 110-8 4 4 0 010 8z'/></svg>") center/contain no-repeat}
.uico-like {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21s-7-4.6-9.5-9C1 9 2.5 5.5 6 5.5c2 0 3.2 1.2 4 2.3.8-1.1 2-2.3 4-2.3 3.5 0 5 3.5 3.5 6.5C19 16.4 12 21 12 21z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21s-7-4.6-9.5-9C1 9 2.5 5.5 6 5.5c2 0 3.2 1.2 4 2.3.8-1.1 2-2.3 4-2.3 3.5 0 5 3.5 3.5 6.5C19 16.4 12 21 12 21z'/></svg>") center/contain no-repeat}
.uico-share {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 8a3 3 0 10-2.8-4H15a3 3 0 00.2 1.1L8.9 8.6a3 3 0 100 6.8l6.3 3.5A3 3 0 1016 18a3 3 0 00-.2-1.1l-6.3-3.5a3 3 0 000-2.8l6.3-3.5A3 3 0 0018 8z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 8a3 3 0 10-2.8-4H15a3 3 0 00.2 1.1L8.9 8.6a3 3 0 100 6.8l6.3 3.5A3 3 0 1016 18a3 3 0 00-.2-1.1l-6.3-3.5a3 3 0 000-2.8l6.3-3.5A3 3 0 0018 8z'/></svg>") center/contain no-repeat}
.uico-comment {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 2H4a2 2 0 0 0-2 2v18l4.5-4.5H20a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 2H4a2 2 0 0 0-2 2v18l4.5-4.5H20a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/></svg>") center/contain no-repeat}
.uico-star {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z'/></svg>") center/contain no-repeat}
.uico-bolt {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 2L4.5 13.5H10L9 22l9.5-12H12l1-8z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 2L4.5 13.5H10L9 22l9.5-12H12l1-8z'/></svg>") center/contain no-repeat}
.uico-fire {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2c1 4-1.5 5-3 7S6 13 6 15.5a6 6 0 0 0 12 0c0-2.5-1.2-4.3-2.6-5.7-.9 1.1-1.9 1.6-2.7 1.6.9-2.6 0-5.4-.7-8.4z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2c1 4-1.5 5-3 7S6 13 6 15.5a6 6 0 0 0 12 0c0-2.5-1.2-4.3-2.6-5.7-.9 1.1-1.9 1.6-2.7 1.6.9-2.6 0-5.4-.7-8.4z'/></svg>") center/contain no-repeat}
.uico-tag {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M21.41 11.58l-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7c0 .55.22 1.05.59 1.42l9 9a2 2 0 0 0 2.82 0l7-7a2 2 0 0 0 0-2.84zM5.5 7A1.5 1.5 0 1 1 7 8.5 1.5 1.5 0 0 1 5.5 7z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M21.41 11.58l-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7c0 .55.22 1.05.59 1.42l9 9a2 2 0 0 0 2.82 0l7-7a2 2 0 0 0 0-2.84zM5.5 7A1.5 1.5 0 1 1 7 8.5 1.5 1.5 0 0 1 5.5 7z'/></svg>") center/contain no-repeat}
.uico-clock {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='#000' stroke-width='2.4' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5.2l3.4 2'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='#000' stroke-width='2.4' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5.2l3.4 2'/></svg>") center/contain no-repeat}
.uico-bell {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a6 6 0 0 0-6 6c0 5.2-2 6.4-2 6.4h16S18 13.2 18 8a6 6 0 0 0-6-6zm0 20a3.2 3.2 0 0 0 3.2-3.2H8.8A3.2 3.2 0 0 0 12 22z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a6 6 0 0 0-6 6c0 5.2-2 6.4-2 6.4h16S18 13.2 18 8a6 6 0 0 0-6-6zm0 20a3.2 3.2 0 0 0 3.2-3.2H8.8A3.2 3.2 0 0 0 12 22z'/></svg>") center/contain no-repeat}
.uico-arr-l {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'/></svg>") center/contain no-repeat}
.uico-arr-r {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 13h12.17l-5.59 5.59L12 20l8-8-8-8-1.41 1.41L16.17 11H4v2z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 13h12.17l-5.59 5.59L12 20l8-8-8-8-1.41 1.41L16.17 11H4v2z'/></svg>") center/contain no-repeat}
.uico-board {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 3h6l2 2.5h8a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 3h6l2 2.5h8a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/></svg>") center/contain no-repeat}
.uico-grid {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 3h7v7H4V3zm9 0h7v7h-7V3zM4 12h7v9H4v-9zm9 0h7v9h-7v-9z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 3h7v7H4V3zm9 0h7v7h-7V3zM4 12h7v9H4v-9zm9 0h7v9h-7v-9z'/></svg>") center/contain no-repeat}
.uico-doc {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='#000' stroke-width='2.2' stroke-linecap='round'><rect x='4' y='2.5' width='16' height='19' rx='2'/><path d='M8 7.5h8M8 11.5h8M8 15.5h5'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='#000' stroke-width='2.2' stroke-linecap='round'><rect x='4' y='2.5' width='16' height='19' rx='2'/><path d='M8 7.5h8M8 11.5h8M8 15.5h5'/></svg>") center/contain no-repeat}
.uico-medal {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.6 2L4 9.2h4.4zM15.4 2L20 9.2h-4.4zM12 8.6a5.9 5.9 0 1 0 0 11.8 5.9 5.9 0 0 0 0-11.8z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.6 2L4 9.2h4.4zM15.4 2L20 9.2h-4.4zM12 8.6a5.9 5.9 0 1 0 0 11.8 5.9 5.9 0 0 0 0-11.8z'/></svg>") center/contain no-repeat}
.uico-pin {-webkit-mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16 9V4h1c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h1v5c0 1.66-1.34 3-3 3v2h5.97v7l1 1 1-1v-7H19v-2c-1.66 0-3-1.34-3-3z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16 9V4h1c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h1v5c0 1.66-1.34 3-3 3v2h5.97v7l1 1 1-1v-7H19v-2c-1.66 0-3-1.34-3-3z'/></svg>") center/contain no-repeat}
.upublish:hover {opacity:.93; color:#fff; transform:translateY(-1px)}
.uhot {list-style:none; padding:0; margin:0}
.uhot li {display:flex; align-items:center; padding:4.5px 1px; border-bottom:1px solid #f1f3f5; font-size:14px}
.uhot li:last-child {border-bottom:0}
.uhot-rank {display:inline-flex; width:20px; height:20px; border-radius:5px; background:#eef1f4; color:#6b7280; font-size:12.5px; font-weight:700; align-items:center; justify-content:center; margin-right:5px; flex:none}
.uhot-rank.r1 {background:transparent}
.uhot-rank.r2 {background:transparent}
.uhot-rank.r3 {background:transparent}
.uhot-rank .uico-medal {width:18px; height:18px}
.uhot-rank.r1 .uico-medal {background:#f5b301}
.uhot-rank.r2 .uico-medal {background:#a9b4bf}
.uhot-rank.r3 .uico-medal {background:#d08a4a}
.uhot-title {flex:1; color:#3c4043; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.uhot-title:hover {color:var(--h139-primary, #339900)}
.uhot-views {color:#f39800; font-style:normal; font-weight:700; margin-left:4px; font-size:13px; flex:none}
.uuser {list-style:none; padding:0; margin:0}
.uuser li:last-child {border-bottom:0}
.uuser-avatar {width:32px; height:32px; border-radius:50%; overflow:hidden; flex:none; display:inline-flex; background:#eef1f4}
.uuser-avatar img {width:100%; height:100%; object-fit:cover}
.uwp-left {width:220px; flex:none}

@media (max-width:980px) {
.uwp-left {display:none}
}

.uwp-right .ucard.uuser-card {display:none}

@media (max-width:980px) {
.uwp-right .ucard.uuser-card {display:block}
}

.uactions {display:flex; align-items:center; gap:7px; margin-left:auto}

@media (max-width:760px) {
.uactions {margin-left:0; width:100%}
}

.uslide-intro {background:linear-gradient(120deg,var(--h139-primary, #339900) 0%,var(--h139-primary-deep, #2a7d00) 55%,#f39800 130%); display:flex; flex-direction:column; justify-content:center; padding:0 26px; box-sizing:border-box}

@media (max-width:980px) {
.uslide-intro {height:200px}
.uslide-intro {padding:0 14px}
}

@media (max-width:760px) {
.uslide-intro {height:180px}
.uslide-intro {padding:0 10px}
}

.uslide-intro-in h2 {font-size:26px; font-weight:800; margin:0 0 6px; letter-spacing:.5px; text-shadow:0 2px 8px rgba(0,0,0,.15)}

@media (max-width:980px) {
.uslide-intro-in h2 {font-size:20px}
}

@media (max-width:760px) {
.uslide-intro-in h2 {font-size:18px}
}

.uslide-stats b {display:block; font-size:20px; font-weight:800; line-height:1.2}

@media (max-width:760px) {
.uslide-stats b {font-size:16px}
}

.uplist .upost .upost-title {font-size:16px; font-weight:400; line-height:1.5; margin:1px 0 2px}

@media (max-width:760px) {
.uplist .upost .upost-title {font-size:15px}
}

.utabs {display:flex; align-items:center; gap:10px; margin:3px 0 7px; border-bottom:1px solid #f1f3f5; flex-wrap:wrap}

@media (max-width:760px) {
.utabs {gap:7px}
}

.upost-foot {margin-top:auto; display:flex; align-items:center; gap:4px; font-size:12px; color:#9aa0a6; flex-wrap:wrap}

@media (max-width:760px) {
.upost-foot {gap:3px}
}

.upager {display:flex; align-items:center; justify-content:center; gap:4px; padding:9px 0 4px; flex-wrap:wrap}

@media (max-width:760px) {
.upager {gap:3px}
}

.h139-cm-toast {position: fixed; left: 50%; top: 18%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.82); color: #fff; padding: 7px 14px; border-radius: 9px; z-index: 9999; font-size: 13px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25)}
.container:has(.uwp) .sidebar.sidebar-tools {display: none !important}
.container:has(.uwp) .content-layout {width: 100% !important; max-width: none !important}
.upost-title::before {display: none !important}
.upost-title::after {display: none !important}
.uwp-right .io-widget-fuli .card-header h3::before {display: none !important}
.uslide-intro-in h2::before {display: none !important}
.uslide-text h2::before {display: none !important}
.uslide-title::before {display: none !important}
.uslide-item {flex:0 0 100%; position:relative; display:block; height:280px; text-decoration:none; color:#fff}

@media (max-width:980px) {
.uslide-item {height:200px}
}

@media (max-width:760px) {
.uslide-item {height:180px}
}

.uslide-item {transition: color 0.2s ease}
.uslide-item h2 {transition: color 0.2s ease}
.uslide-item .uslide-title {transition: color 0.2s ease}
.uslide-item .uslide-cap {transition: color 0.2s ease}
.uslide-item .uslide-eyebrow {transition: color 0.2s ease}
.uslide-item:hover {color: rgba(255, 255, 255, 0.72) !important}
.uslide-item:hover h2 {color: rgba(255, 255, 255, 0.72) !important}
.uslide-item:hover .uslide-title {color: rgba(255, 255, 255, 0.72) !important}
.uslide-item:hover .uslide-cap {color: rgba(255, 255, 255, 0.72) !important}
.uslide-item:hover .uslide-eyebrow {color: rgba(255, 255, 255, 0.72) !important}
.uslide-text .uslide-eyebrow {font-size: 12px; letter-spacing: 2px; opacity: 0.85; margin-bottom: 8px}
.uslide-stats {display:flex; gap:15px; margin-top:14px}

@media (max-width: 760px) {
.uslide-stats {gap: 12px}
}

.uslide-track > .uslide-item {flex: 0 0 100%; width: 100%; min-width: 0; max-width: 100%}
.uslide-text {background: linear-gradient(120deg, var(--h139-primary, #339900) 0%, var(--h139-primary-deep, #2a7d00) 100%); display: flex; flex-direction: column; justify-content: center; padding: 0 26px; box-sizing: border-box}

@media (max-width: 760px) {
.uslide-text {padding: 0 14px}
}

.uslide-text h2 {font-size: 24px; font-weight: 800; line-height: 1.35; margin: 0; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
.uslide-text h2 {word-break: break-word}

@media (max-width: 760px) {
.uslide-text h2 {font-size: 16px; -webkit-line-clamp: 3}
}

.uslide-title {font-size: 24px; font-weight: 800; line-height: 1.35; margin: 0; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
.uslide-title {word-break: break-word}

@media (max-width: 760px) {
.uslide-title {font-size: 16px; -webkit-line-clamp: 3}
}

.uslide-cap {position:absolute; left:0; right:0; bottom:0; padding:8px 10px; color:#fff; font-size:14px; font-weight:700; background:linear-gradient(transparent,rgba(0,0,0,.6))}
.uslide-cap {padding-right: 76px}
.uwp-center {flex:1; min-width:0}

@media (max-width: 760px) {
.uwp-center {width: 100%; max-width: 100%; min-width: 0}
.uwp-center {display: flex; flex-direction: column; gap: 14px}
}

.uwp-right {width:320px; flex:none}

@media (max-width:980px) {
.uwp-right {width:280px}
}

@media (max-width:760px) {
.uwp-right {width:100%}
}

@media (max-width: 760px) {
.uwp-right {width: 100%; max-width: 100%; min-width: 0}
.uwp-right {display: flex; flex-direction: column; gap: 16px}
}

.ubanner {background:#fff; border-radius:5px; padding:9px; margin-bottom:9px; box-shadow:0 1px 3px rgba(0,0,0,.05); box-sizing:border-box}

@media (max-width: 760px) {
.ubanner {margin-bottom: 0}
}

.uplist {background:#fff; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,.05); padding:2px 14px; overflow:hidden; transition:opacity .15s}

@media (max-width: 760px) {
.uplist {margin-bottom: 0}
}

.uwp-right .ucard {background-color:var(--h139-bg-card,#fff) !important; background-image:none !important; border:0 !important; border-radius:var(--main-radius,5px) !important; box-shadow:0 5px 20px var(--main-shadow,rgba(0,0,0,.1)) !important; overflow:hidden !important; padding:0 !important}

@media (max-width: 760px) {
.uwp-right .ucard {margin-bottom: 0}
}

.upublish {display:block; text-align:center; background:linear-gradient(120deg,var(--h139-primary, #339900),var(--h139-primary-deep, #2a7d00)); color:#fff; font-weight:700; font-size:14px; padding:6.5px; border-radius:5px; margin-bottom:9px; text-decoration:none; box-shadow:0 6px 16px var(--h139-primary-shadow, rgba(51,153,0,.28)); transition:.15s}

@media (max-width: 760px) {
.upublish {margin-bottom: 0}
}

.uwp-page {background: transparent !important; border-radius: 0 !important; box-shadow: none !important; border: none !important}
.uwp-page > .card-body > .panel-header {display: none}
.uwp-page .panel-body nav[aria-label="breadcrumb"] {background: var(--main-bg-color, #fff); border-radius: var(--main-radius, 5px); box-shadow: 0 2px 12px rgba(0, 0, 0, .06); padding: 10px 16px; margin-top: 0 !important; margin-bottom: 10px !important}
.uwp-page > .card-body {padding-top: 0 !important}
.uwp-page .panel-body {margin-top: 0 !important}
.uwp-main {max-width:var(--main-max-width,1520px); margin:11px auto 0; padding:0; display:flex; gap:10px; align-items:flex-start}

@media (max-width:760px) {
.uwp-main {flex-direction:column; padding:0 6px; margin-top:7px}
}

@media (max-width: 760px) {
.uwp-main {align-items: stretch}
.uwp-main {padding: 0; gap: 14px}
}

.uwp-main {margin-top: 0 !important}
.uwp-page .card-body {padding-left: 0; padding-right: 0}
.uwp {background:#f5f6f7; min-height:100%; padding-bottom:18px; font-size:14px; line-height:1.5; overflow-x:hidden}

@media (max-width:760px) {
.uwp {padding-bottom:64px}
}

@media (max-width: 760px) {
.uwp {overflow-x: hidden}
.uwp {padding-bottom: 0}
}

.uwp {background: transparent}
.upublish-card .upublish {margin-bottom: 0}

@media (max-width: 760px) {
.upublish-card {margin-bottom: 0}
}

.upublish-card {background: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); padding: 10px}

@media (min-width: 761px) {
.upublish-card {margin-bottom: 9px}
}

.uact-cmt:hover {color:var(--h139-primary,#339900)}
.uact-cmt.is-zero {opacity:.45}
.uact-cmt.is-zero:hover {opacity:.8}
.utag {font-size:11px; padding:1px 4.5px; border-radius:999px; font-weight:600; line-height:1.6}
.utag {display:inline-flex; align-items:center}
.utag .uico {width:9px; height:9px; margin-right:2.5px; background:currentColor; flex:none}
.ucat-name {display:inline-flex; align-items:center; gap:5px; min-width:0}
.ucat-name .uico {width:13px; height:13px; background:#9aa0a6; flex:none; transition:.15s}
.ucat:hover .ucat-name .uico {background:var(--h139-primary,#339900)}
.ucat.on .ucat-name .uico {background:var(--h139-primary,#339900)}
.ucat.on:hover .ucat-name .uico {background:var(--h139-primary,#339900)}
.utab {position:relative; font-size:14px; font-weight:700; color:#3c4043; padding:5px 0; text-decoration:none; transition:.15s; white-space:nowrap}

@media (max-width:760px) {
.utab {font-size:13px; padding:4px 1px}
}

.utab {display:inline-flex; align-items:center; gap:4px}
.utab .uico {width:12px; height:12px; background:currentColor; flex:none}
.upg {font-size:12px; color:#3c4043; background:#f1f3f5; border-radius:5px; padding:3px 7px; text-decoration:none; transition:.15s; line-height:1.6}
.upg {display:inline-flex; align-items:center; gap:3px}
.upg .uico {width:11px; height:11px; background:currentColor; flex:none}
.uuser .ulev {display:none}
.uuser li {display:flex; align-items:center; gap:5px; padding:4px 1px; border-bottom:1px solid #f1f3f5; font-size:14px}
.uuser li {position:relative}
.uuser li::before {content:''; position:absolute; left:24px; top:28px; width:8px; height:8px; border-radius:50%; background:#31c48d; border:1.5px solid var(--main-bg-color,#fff); z-index:2}
.uuser-post {color:#9aa0a6; font-size:13px; flex:none}
.uuser-post {display:inline-flex; align-items:center; gap:3px}
.uuser-post .uico {width:11px; height:11px; background:#9aa0a6; flex:none}
.uact-like {border:none; background:none; padding:0; font-family:inherit; font-size:12px; color:#9aa0a6; cursor:pointer}
.uact-like .uico-like {transition:transform .2s}
.uact-like.pop .uico-like {animation:like-pop .35s ease}
@keyframes like-pop{0%{transform:scale(1)}50%{transform:scale(1.45)}100%{transform:scale(1)}}
.uact-like:disabled {opacity:.5; cursor:default}
.uname {font-weight:600; color:#3c4043}
.uname {display:inline-flex; align-items:center; gap:4px}
.upinned-h {display:flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:#b45309; padding:8px 0 2px; letter-spacing:.5px}
.upinned-h .uico {width:14px; height:14px; background:#f59e0b; flex:none}
.uplist .upost.pin .upost-title {font-weight:700}
.uplist .upost.pin .upost-title a {font-weight:700}
.upost.pin {background:rgba(245,158,11,.06); border-radius:8px; padding-left:10px; padding-right:10px}
.upost.pin .upost-title a {color:var(--h139-primary-deep,#2a7d00)}
.upost.pin .upost-title a:hover {color:color-mix(in srgb, var(--h139-primary-deep,#2a7d00) 85%, #000)}
.uplist .upost.pin .upost-title a:visited {color:var(--h139-primary-deep,#2a7d00)}
.uplist .upost.pin.seen .upost-title a {color:var(--h139-primary-deep,#2a7d00)}
.uplist .upost.pin .upost-title a:visited:hover {color:color-mix(in srgb, var(--h139-primary-deep,#2a7d00) 85%, #000)}
.uplist .upost.pin.seen .upost-title a:hover {color:color-mix(in srgb, var(--h139-primary-deep,#2a7d00) 85%, #000)}
.upost.pin:hover {background:rgba(245,158,11,.1)}
.utag-pin {background:#fef3c7; color:#b45309}
.ulev {font-size:10px; font-weight:700; padding:0 4px; border-radius:3px; line-height:15px; flex:none; letter-spacing:.5px; color:#fff}
.ulev.lv1 {background:#9aa0a6}
.ulev.lv2 {background:#34a853}
.ulev.lv3 {background:#3b9eff}
.ulev.lv4 {background:linear-gradient(120deg,#7c5cff,#b04dff)}
.ulev.lv5 {background:linear-gradient(120deg,#ff9a3c,#ff7a1a)}
.ulev.lv6 {background:linear-gradient(120deg,#f5b301,#ff5a5a)}
.uuser-name {flex:1; font-weight:400; color:#3c4043; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.uuser-name {display:inline-flex; align-items:center; gap:4px; min-width:0}
.io-black-mode .uwp {background:var(--h139-bg-base,#f5f6f7)}
.io-black-mode .ubanner {background:var(--h139-bg-card,#fff); box-shadow:0 1px 3px rgba(0,0,0,.3)}
.io-black-mode .ucard {background:var(--h139-bg-card,#fff); box-shadow:0 1px 3px rgba(0,0,0,.3)}
.io-black-mode .uplist {background:var(--h139-bg-card,#fff); box-shadow:0 1px 3px rgba(0,0,0,.3)}
.io-black-mode .upublish-card {background:var(--h139-bg-card,#fff); box-shadow:0 1px 3px rgba(0,0,0,.3)}
.io-black-mode .uwp-left .ucard {background:var(--h139-bg-card,#fff) !important; box-shadow:0 5px 20px rgba(0,0,0,.3) !important}
.io-black-mode .uwp-right .ucard {background:var(--h139-bg-card,#fff) !important; box-shadow:0 5px 20px rgba(0,0,0,.3) !important}
.io-black-mode .ucard > .ucard-h {color:var(--h139-text-dark,#e6e8eb) !important}
.io-black-mode .ucard > .ucard-h::before {background:rgba(255,255,255,.12)}
.io-black-mode .ucard-h {color:var(--h139-text-dark,#1f2329)}
.io-black-mode .upost-title a {color:var(--h139-text-dark,#1f2329)}
.io-black-mode .upost-title a:visited {color:#868e98; color:color-mix(in srgb, var(--h139-primary, #339900) 38%, #7d8590)}
.io-black-mode .upost.seen .upost-title a {color:#868e98; color:color-mix(in srgb, var(--h139-primary, #339900) 38%, #7d8590)}
.io-black-mode .uname {color:var(--h139-text-dark,#3c4043)}
.io-black-mode .uhot-title {color:var(--h139-text-dark,#3c4043)}
.io-black-mode .uuser-name {color:var(--h139-text-dark,#3c4043)}
.io-black-mode .ucat {color:var(--h139-text-dark,#3c4043)}
.io-black-mode .utab {color:var(--h139-text-dark,#3c4043)}
.io-black-mode .upost-sum {color:var(--h139-text-dark-muted,#7b8088)}
.io-black-mode .udot {color:#4c4f54}
.io-black-mode .upost {border-bottom-color:var(--h139-border-dark,rgba(0,0,0,.06))}
.io-black-mode .uhot li {border-bottom-color:var(--h139-border-dark,rgba(0,0,0,.06))}
.io-black-mode .uuser li {border-bottom-color:var(--h139-border-dark,rgba(0,0,0,.06))}
.io-black-mode .utabs {border-bottom-color:var(--h139-border-dark,rgba(0,0,0,.06))}
.io-black-mode .upost:hover {background:rgba(255,255,255,.04)}
.io-black-mode .ucat:hover {background:rgba(255,255,255,.06)}
.io-black-mode .ucat-num {background:rgba(255,255,255,.08)}
.io-black-mode .uhot-rank {background:rgba(255,255,255,.1); color:var(--h139-text-dark,#6b7280)}
.io-black-mode .uavatar-ph {background:rgba(255,255,255,.1); color:var(--h139-text-dark,#6b7280)}
.io-black-mode .upg {color:var(--h139-text-dark,#3c4043)}
.io-black-mode .upg {background:rgba(255,255,255,.08)}
.io-black-mode .upg:hover {background:rgba(255,255,255,.14); color:var(--h139-primary-bright,#339900)}
.io-black-mode .utab.on {color:var(--h139-primary-bright,#339900)}
.io-black-mode .ucat.on {color:var(--h139-primary-bright,#339900)}
.io-black-mode .usec-more {color:var(--h139-primary-bright,#339900)}
.io-black-mode .utag-cat {color:var(--h139-primary-bright,#339900)}
.io-black-mode .utag-hot {background:rgba(243,152,0,.16); color:#ffb84d}
.io-black-mode .utag-new {background:rgba(40,167,69,.18); color:#5bd176}
.io-black-mode .utag-pin {background:rgba(245,158,11,.16); color:#fbbf24}
.io-black-mode .upinned-h {color:#fbbf24}
.io-black-mode .upinned-h .uico {background:#fbbf24}
.io-black-mode .upost.pin {background:rgba(245,158,11,.08)}
.io-black-mode .upost.pin .upost-title a {color:var(--h139-primary-bright,#66cc33)}
.io-black-mode .upost.pin .upost-title a:hover {color:var(--h139-primary,#339900)}
.io-black-mode .uplist .upost.pin .upost-title a:visited {color:var(--h139-primary-bright,#66cc33)}
.io-black-mode .uplist .upost.pin.seen .upost-title a {color:var(--h139-primary-bright,#66cc33)}
.h139-topic-view {background:var(--h139-bg-card,#fff); border:1px solid var(--h139-border,rgba(0,0,0,.06)); border-radius:6px; overflow:hidden}
.h139-topic-meta {display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:12px; color:#7b8088}
.h139-topic-meta a {color:#7b8088; text-decoration:none; display:inline-flex; align-items:center; gap:3px}
.h139-topic-meta span {color:#7b8088; text-decoration:none; display:inline-flex; align-items:center; gap:3px}
a.h139-topic-views {cursor:pointer}
a.h139-topic-views:hover {color:var(--h139-primary,#339900)}
.h139-topic-like {border:none; background:none; padding:0; font-family:inherit; font-size:12px; color:#7b8088; cursor:pointer; display:inline-flex; align-items:center; gap:3px; line-height:1}
.h139-topic-like:hover {color:#f39800}
.h139-topic-like.liked {color:#f39800}
.h139-topic-like.liked .uico-like {background:#f39800}
.h139-topic-like .uico-like {transition:transform .2s}
.h139-topic-like.pop .uico-like {animation:like-pop .35s ease}
.h139-topic-like:disabled {opacity:.5; cursor:default}
.h139-topic-board {padding:2px 9px; border-radius:999px; background:var(--h139-primary-soft,rgba(51,153,0,.12)); color:var(--h139-primary-deep,#2a7d00) !important; font-weight:700}
.h139-topic-board:hover {background:var(--h139-primary,#339900); color:#fff !important}
.h139-post-row:last-child {border-bottom:0}
.h139-post-row .h139-pc-side {background:rgba(51,153,0,.05); background:color-mix(in srgb, var(--h139-primary, #339900) 5%, transparent); border-radius:5px; padding:10px; box-sizing:border-box}
.h139-pc-name {font-size:13px; font-weight:700; color:var(--h139-text-dark,#1f2329); text-decoration:none; word-break:break-all}
.h139-post-main {flex:1; min-width:0}
.h139-pm-head {display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:11.5px; color:#9aa0a6; margin-bottom:6px}
.h139-badge {display:inline-block; padding:1px 6px; border-radius:3px; font-size:11px; font-weight:700; line-height:1.6}
.h139-badge.op {background:var(--h139-primary,#339900); color:#fff}
.h139-pm-at a {color:var(--h139-primary,#339900); text-decoration:none}
.h139-pm-tip {color:#d97706}
.h139-post-content {font-size:15.5px; line-height:1.8; color:var(--h139-text-dark,#3c4043); word-break:break-word}
.h139-post-content img {max-width:100%; height:auto}
.h139-post-content a {color:var(--h139-primary,#339900)}
.h139-post-footer {margin-top:10px}
.h139-post-act {display:flex; align-items:center; gap:14px; margin-top:9px; font-size:12px}
.h139-post-act button {background:none; border:none; padding:0; font-size:12px; font-family:inherit; color:#9aa0a6; cursor:pointer; text-decoration:none}
.h139-post-act .h139-act-reply a {background:none; border:none; padding:0; font-size:12px; font-family:inherit; color:#9aa0a6; cursor:pointer; text-decoration:none}
.h139-post-act button:hover {color:var(--h139-primary,#339900)}
.h139-post-act .h139-act-reply a:hover {color:var(--h139-primary,#339900)}
.h139-act-like.liked {color:var(--h139-primary,#339900); font-weight:700}
.h139-act-like em {font-style:normal; margin-left:3px}
.h139-floor-n {font-weight:700; color:var(--h139-primary-deep,#2a7d00)}
.h139-floor-idx {font-size:11px; color:#b4b8bf}
.h139-floor.is-op .h139-floor-n {color:var(--h139-primary,#339900)}
.h139-floor.is-child .h139-pc-side {flex-basis:148px; width:148px}
.h139-floor.is-child .h139-pc-side .h139-pc-avatar img {width:34px !important; height:34px !important}
.h139-floor.is-child .h139-pc-meta {display:none}
.h139-reply-bar {display:flex; align-items:center; justify-content:space-between; margin:14px 0 8px; padding:0 2px}
.h139-reply-count {font-size:14px; font-weight:700; color:var(--h139-text-dark,#1f2329); display:inline-flex; align-items:center; gap:5px}
.h139-reply-filter {font-size:12px; padding:3px 12px; border-radius:999px; border:1px solid var(--h139-border,rgba(0,0,0,.12)); color:#7b8088; text-decoration:none}
.h139-reply-filter:hover {border-color:var(--h139-primary,#339900); color:var(--h139-primary-deep,#2a7d00); background:var(--h139-primary-soft,rgba(51,153,0,.1))}
.h139-reply-filter.on {border-color:var(--h139-primary,#339900); color:var(--h139-primary-deep,#2a7d00); background:var(--h139-primary-soft,rgba(51,153,0,.1))}
.h139-topic-near {margin-top:12px}
.h139-topic-near .near-navigation .near-title {font-size:15.5px !important; font-weight:400; line-height:1.6}
.h139-topic-near .near-navigation .near-title a {font-size:15.5px !important; font-weight:400; line-height:1.6}
.h139-back-board {display:inline-flex; align-items:center; gap:4px; margin:12px 0 0; font-size:13px; color:var(--h139-primary-deep,#2a7d00); text-decoration:none}
.io-black-mode .h139-post-row {border-color:var(--h139-border-dark,rgba(255,255,255,.08))}
.io-black-mode .h139-topic-title {color:var(--h139-text-dark,#e6e8eb)}
.io-black-mode .h139-post-content {color:var(--h139-text-dark,#c9ced5)}
.io-black-mode .h139-pc-name {color:var(--h139-text-dark,#e6e8eb)}
.io-black-mode .h139-topic-view {border-color:var(--h139-border-dark,rgba(255,255,255,.08))}
.io-black-mode .h139-topic-view {background:var(--h139-bg-card,#24262a)}
.io-black-mode .h139-post-row .h139-pc-side {background:rgba(51,153,0,.14); background:color-mix(in srgb, var(--h139-primary-bright, #66cc33) 8%, transparent)}
.io-black-mode .h139-floor.is-child {background:rgba(255,255,255,.03)}
.io-black-mode .h139-floor-n {color:var(--h139-primary-bright,#66cc33)}
.io-black-mode .h139-reply-count {color:var(--h139-text-dark,#e6e8eb)}
.io-black-mode .h139-back-board {color:var(--h139-primary-bright,#66cc33)}
.h139-post-row {position:relative; display:flex; gap:15px; padding:15px; border-bottom:1px solid var(--h139-border,rgba(0,0,0,.06))}

@media (max-width: 760px) {
.h139-post-row {flex-direction:column; gap:8px; padding:12px 12px 10px}
}

.h139-pc-side {flex:0 0 180px; width:180px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:3px}

@media (max-width: 760px) {
.h139-pc-side {flex-direction:row; flex:none; width:auto; align-items:center; gap:8px; text-align:left; padding:3px 8px}
}

.h139-pc-side .h139-pc-avatar img {width:52px !important; height:52px !important; border-radius:50%; display:block}

@media (max-width: 760px) {
.h139-pc-side .h139-pc-avatar img {width:34px !important; height:34px !important}
.h139-pc-side .ulev {padding:0 5px !important; font-size:10px !important}
}

.h139-pc-meta {font-size:11px; color:#9aa0a6}

@media (max-width: 760px) {
.h139-pc-meta {display:none}
}

.h139-floor-no {position:absolute; top:12px; right:16px; display:flex; align-items:center; gap:6px; font-size:12px; color:#9aa0a6}

@media (max-width: 760px) {
.h139-floor-no {top:10px; right:12px}
}

.h139-floor.is-child {margin-left:44px; background:rgba(0,0,0,.02); border-left:2px solid var(--h139-primary-soft2,rgba(51,153,0,.2))}

@media (max-width: 760px) {
.h139-floor.is-child {margin-left:16px}
}

.h139-topic-title {font-size:21px; font-weight:800; line-height:1.45; color:var(--text-color,#484b4f); margin:0 0 10px}

@media (max-width: 760px) {
.h139-topic-title {font-size:18px}
}

.h139-topic-head {padding:16px 18px 12px; border-bottom:1px solid var(--h139-border,rgba(0,0,0,.06))}

@media (max-width: 760px) {
.h139-topic-head {padding:12px 12px 10px}
}

.h139-topic-page #comments-list-title {display:none}
.h139-topic-page .comments .card-body {display:flex; flex-direction:column; padding:0}
.h139-topic-page .comments .card-body > #respond_box {order:3; margin-top:0; padding:0 15px 15px}
.h139-topic-page .comments .card-body > #loading-comments {order:2}
.h139-topic-page .comments .card-body > #comments-nav {order:1; padding:15px}
.h139-topic-page .comments .card-body > .none-comment {order:1; padding:15px}
.h139-topic-page .comments .card-body > .card {order:1; padding:15px}
.h139-topic-page .comments .card-body > .comment-list {order:1}
.h139-topic-page .comments .card-body > .comment-list {margin:0}
.h139-topic-page .comments .comment-list > li.h139-floor {margin:0; padding:0}
.h139-topic-page .comments .nothing-box {display:none !important}
.h139-quote {position:relative; margin:0 0 10px; padding:10px 12px 8px 40px; border-radius:5px; background:var(--h139-primary-soft,rgba(51,153,0,.07)); border-left:3px solid var(--h139-primary,#339900); color:var(--h139-text-dark,#5f6368); font-size:13px; line-height:1.7}
.h139-quote::before {content:'\201C'; position:absolute; left:10px; top:6px; font-family:Georgia,'Times New Roman',serif; font-size:34px; line-height:1; color:var(--h139-primary,#339900); opacity:.35}
.h139-quote-who {font-size:12px; color:var(--h139-primary-deep,#2a7d00); font-weight:700; margin-bottom:2px}
.h139-quote p {margin:0 0 4px}
.h139-quote p:last-child {margin-bottom:0}
.io-black-mode .h139-quote {background:rgba(51,153,0,.12); color:var(--h139-text-dark,#c9ced5)}