/**
 * 法律提示：本程序/代码仅限合法用途使用，严禁用于任何违反国家法律法规、危害网络安全、侵犯他人权益的行为。
 * 禁止用于：网络诈骗、传播违法信息、非法入侵、恶意攻击、侵犯隐私、网络赌博、色情内容等任何违法行为。
 * Copy right 2026 网博士网络工作室, 保留所有权利。
 * 官方网址: www.网博士.com   联系：QQ: 570830288
 **/

/* 商品详情页底部版权 */
.shop-detail-copyright { box-sizing: border-box; }
.shop-detail-copyright .notice-box {
    position: relative;
    max-width: 965px;
    width: 100%;
    border: 1.5px dashed #ff5444;
    padding: 30px 18px 18px;
    border-radius: 3px;
    background-color: #f8fbff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
    transition: box-shadow 0.2s;
    margin: 0 0 18px;
}
.shop-detail-copyright .notice-box:hover { box-shadow: 0 4px 14px rgba(255,84,68,0.08); }
.shop-detail-copyright .notice-title {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ff5444;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 4px 30px;
    border-radius: 999px;
    line-height: 1.3;
    letter-spacing: 0.3px;
    white-space: nowrap;
    box-shadow: 0 1px 4px rgba(255,84,68,0.25);
}
.shop-detail-copyright .notice-list { list-style: none; margin-top: 8px; padding: 0 2px; }
.shop-detail-copyright .notice-list li {
    font-size: 13px; color: #3d3d3d; line-height: 1.8; margin-bottom: 4px;
    display: flex; align-items: flex-start; gap: 0.4em;
    letter-spacing: 0.02em; transition: color 0.15s;
}
.shop-detail-copyright .notice-list li:hover { color: #1e1e1e; }
.shop-detail-copyright .notice-list li::before {
    content: "\2022";
    color: #ff5444; font-weight: 700; font-size: 1.2em; line-height: 1.2;
    flex-shrink: 0; display: inline-block;
    transform: translateY(0em); margin-top: 0.05em;
}
@media (max-width: 500px) {
    .shop-detail-copyright .notice-box { padding: 26px 14px 14px; border-width: 1.2px; }
    .shop-detail-copyright .notice-title { font-size: 18px; padding: 4px 28px; top: -16px; }
    .shop-detail-copyright .notice-list li { font-size: 12px; line-height: 1.7; margin-bottom: 3px; gap: 0.3em; }
    .shop-detail-copyright .notice-list li::before { font-size: 1.1em; line-height: 1.7; margin-top: 0.04em; }
}

/*  弹幕引用  */
#landlord{user-select:none;position:fixed;left:30px;bottom:150px;z-index:10000;font-size:0;transition:all .3s ease-in-out}
#landlord .landlord-close{opacity:0;visibility:hidden;width:20px;height:20px;line-height:20px;background:rgba(0,0,0,.2);text-align:center;color:#fff;position:absolute;top:3px;right:0;border-radius:50%;font-size:10px;cursor:pointer;z-index:1;transition:.2s}
#landlord .message{opacity:0;width:172px;height:auto;margin:auto;padding:7px;top:-20px;left:-20px;text-align:center;color:#666;border-radius:12px;background-color:#f5f5f5;box-shadow:0 3px 15px 2px #eae6e6;font-size:13px;font-weight:400;text-overflow:ellipsis;text-transform:uppercase;overflow:hidden;position:absolute}

/* ============ 商品详情富文本短代码样式 ============
 * 来源：/999/index.html + /999/style/css/shortcodes.css
 * 配套 HTML 由 includes/functions.php 里的 parse_wbs_shortcodes() 生成
 * ============================================== */

/* 提示框（错误/警告/计划/提醒）- 使用更具体的选择器确保覆盖 uikit.css */
article.single-content .wbs-alert,
.single-content .wbs-alert,
.wbs-single-content .wbs-alert {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    margin: 10px 0;
    padding: 14px 16px;
    border-radius: 4px;
    line-height: 1.6;
    word-break: break-word;
    background-image: none !important;
}
article.single-content .wbs-alert .wbs-alert-icon,
.single-content .wbs-alert .wbs-alert-icon,
.wbs-single-content .wbs-alert .wbs-alert-icon {
    flex-shrink: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
}
article.single-content .wbs-alert .wbs-alert-text,
.single-content .wbs-alert .wbs-alert-text,
.wbs-single-content .wbs-alert .wbs-alert-text {
    flex: 1;
}
article.single-content .wbs-alert-error,
.single-content .wbs-alert-error,
.wbs-single-content .wbs-alert-error {
    background-color: #f8495c !important;
    border: 1px solid #f8495c !important;
    color: #fff !important;
}
article.single-content .wbs-alert-error .wbs-alert-icon,
.single-content .wbs-alert-error .wbs-alert-icon,
.wbs-single-content .wbs-alert-error .wbs-alert-icon {
    color: #fff !important;
}
article.single-content .wbs-alert-warn,
.single-content .wbs-alert-warn,
.wbs-single-content .wbs-alert-warn {
    background-color: #fdc640 !important;
    border: 1px solid #fdc640 !important;
    color: #1e293b !important;
}
article.single-content .wbs-alert-warn .wbs-alert-warn-icon,
.single-content .wbs-alert-warn .wbs-alert-warn-icon,
.wbs-single-content .wbs-alert-warn .wbs-alert-icon {
    color: #1e293b !important;
}
article.single-content .wbs-alert-tips,
.single-content .wbs-alert-tips,
.wbs-single-content .wbs-alert-tips {
    background-color: #5282f7 !important;
    border: 1px solid #5282f7 !important;
    color: #fff !important;
}
article.single-content .wbs-alert-tips .wbs-alert-icon,
.single-content .wbs-alert-tips .wbs-alert-icon,
.wbs-single-content .wbs-alert-tips .wbs-alert-icon {
    color: #fff !important;
}
article.single-content .wbs-alert-notice,
.single-content .wbs-alert-notice,
.wbs-single-content .wbs-alert-notice {
    background-color: #00d084 !important;
    border: 1px solid #00d084 !important;
    color: #fff !important;
}
article.single-content .wbs-alert-notice .wbs-alert-icon,
.single-content .wbs-alert-notice .wbs-alert-icon,
.wbs-single-content .wbs-alert-notice .wbs-alert-icon {
    color: #fff !important;
}

/* 按钮 - 使用更具体的选择器确保覆盖 */
article.single-content .wbs-button,
.single-content .wbs-button,
.wbs-single-content .wbs-button {
    display: inline-block !important;
    text-align: center !important;
    margin: 12px 12px 12px 0 !important;
    color: #fff !important;
    padding: 0 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    cursor: pointer;
    background-image: none !important;
    background-color: #5282f7 !important;
    border: none !important;
    line-height: 1.4 !important;
    box-shadow: 0 2px 8px rgba(82,130,247,0.3) !important;
}
article.single-content .wbs-button:hover,
.single-content .wbs-button:hover,
.wbs-single-content .wbs-button:hover {
    transform: translateY(-1px) scale(1.01) !important;
    box-shadow: 0 6px 20px rgba(82,130,247,0.4) !important;
    filter: brightness(1.1) !important;
}
article.single-content .wbs-button-red,
.single-content .wbs-button-red,
.wbs-single-content .wbs-button-red {
    background-color: #f8495c !important;
}
article.single-content .wbs-button-red:hover,
.single-content .wbs-button-red:hover,
.wbs-single-content .wbs-button-red:hover {
    background-color: #e63b4e !important;
    transform: translateY(-1px) scale(1.01) !important;
    box-shadow: 0 6px 20px rgba(248,73,92,0.4) !important;
}
article.single-content .wbs-button-yellow,
.single-content .wbs-button-yellow,
.wbs-single-content .wbs-button-yellow {
    background-color: #fdc640 !important;
    color: #1e293b !important;
}
article.single-content .wbs-button-yellow:hover,
.single-content .wbs-button-yellow:hover,
.wbs-single-content .wbs-button-yellow:hover {
    background-color: #fcc02e !important;
    transform: translateY(-1px) scale(1.01) !important;
    box-shadow: 0 6px 20px rgba(253,198,64,0.4) !important;
}
article.single-content .wbs-button-blue,
.single-content .wbs-button-blue,
.wbs-single-content .wbs-button-blue {
    background-color: #5282f7 !important;
}
article.single-content .wbs-button-blue:hover,
.single-content .wbs-button-blue:hover,
.wbs-single-content .wbs-button-blue:hover {
    background-color: #2f69f8 !important;
    transform: translateY(-1px) scale(1.01) !important;
    box-shadow: 0 6px 20px rgba(82,130,247,0.4) !important;
}
article.single-content .wbs-button-green,
.single-content .wbs-button-green,
.wbs-single-content .wbs-button-green {
    background-color: #00d084 !important;
}
article.single-content .wbs-button-green:hover,
.single-content .wbs-button-green:hover,
.wbs-single-content .wbs-button-green:hover {
    background-color: #03b775 !important;
    transform: translateY(-1px) scale(1.01) !important;
    box-shadow: 0 6px 20px rgba(0,208,132,0.4) !important;
}

/* 按钮排列方式 */
article.single-content .wbs-button-align-left,
.single-content .wbs-button-align-left,
.wbs-single-content .wbs-button-align-left {
    display: block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
article.single-content .wbs-button-align-center,
.single-content .wbs-button-align-center,
.wbs-single-content .wbs-button-align-center {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
article.single-content .wbs-button-align-right,
.single-content .wbs-button-align-right,
.wbs-single-content .wbs-button-align-right {
    display: block !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}
article.single-content .wbs-button-align-stretch,
.single-content .wbs-button-align-stretch,
.wbs-single-content .wbs-button-align-stretch {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 文本框（虚线标题 / 虚线 / 红/黄/蓝/绿边） */
article.single-content .wbs-fieldset,
.single-content .wbs-fieldset,
.wbs-single-content .wbs-fieldset {
    position: relative;
    margin: 10px 0;
    padding: 18px 15px;
    border: 2px dashed #999;
    background: #fff;
    border-radius: 4px;
    word-break: break-word;
}
article.single-content .wbs-fieldset > .wbs-fieldset-title,
.single-content .wbs-fieldset > .wbs-fieldset-title,
.wbs-single-content .wbs-fieldset > .wbs-fieldset-title {
    position: absolute;
    top: -12px;
    left: 10px;
    padding: 2px 8px;
    background: #fff;
    font-size: 14px;
    font-family: "microsoft yahei", sans-serif;
    font-weight: bold;
    color: #555;
    line-height: 1.4;
}
article.single-content .wbs-textbox-xuk,
.single-content .wbs-textbox-xuk,
.wbs-single-content .wbs-textbox-xuk {
    border: 2px dashed #f8495c;
    background: #fff;
    margin: 10px 0;
    padding: 10px 15px;
    border-radius: 4px;
    word-break: break-word;
}
article.single-content .wbs-textbox-left,
.single-content .wbs-textbox-left,
.wbs-single-content .wbs-textbox-left {
    border: none;
    border-left: 3px solid #f8495c;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: #eee;
    margin: 10px 0;
    padding: 10px 15px;
    word-break: break-word;
}
article.single-content .wbs-textbox-red,
.single-content .wbs-textbox-red,
.wbs-single-content .wbs-textbox-red {
    margin: 10px 0 !important;
    padding: 10px 15px !important;
    border-left: 5px solid #f8495c !important;
    background: #eee !important;
    word-break: break-word;
}
article.single-content .wbs-textbox-yellow,
.single-content .wbs-textbox-yellow,
.wbs-single-content .wbs-textbox-yellow {
    margin: 10px 0 !important;
    padding: 10px 15px !important;
    border-left: 5px solid #fdc640 !important;
    background: #eee !important;
    word-break: break-word;
}
article.single-content .wbs-textbox-blue,
.single-content .wbs-textbox-blue,
.wbs-single-content .wbs-textbox-blue {
    margin: 10px 0 !important;
    padding: 10px 15px !important;
    border-left: 5px solid #5282f7 !important;
    background: #eee !important;
    word-break: break-word;
}
article.single-content .wbs-textbox-green,
.single-content .wbs-textbox-green,
.wbs-single-content .wbs-textbox-green {
    margin: 10px 0 !important;
    padding: 10px 15px !important;
    border-left: 5px solid #00d084 !important;
    background: #eee !important;
    word-break: break-word;
}
article.single-content .wbs-textbox-left,
.single-content .wbs-textbox-left,
.wbs-single-content .wbs-textbox-left {
    margin: 10px 0;
    padding: 10px 15px;
    border: none;
    border-left: 3px solid #f8495c;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: #eee;
    word-break: break-word;
}

/* TABS 选项 */
article.single-content .wbs-tab-wrap,
.single-content .wbs-tab-wrap,
.wbs-single-content .wbs-tab-wrap {
    overflow: hidden;
    width: 100%;
    margin: 20px auto 12px;
}
article.single-content .wbs-tab-wrap ul.wbs-tab-nav,
.single-content .wbs-tab-wrap ul.wbs-tab-nav,
.wbs-single-content .wbs-tab-wrap ul.wbs-tab-nav {
    list-style: none !important;
    margin: 0 0 -1px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
article.single-content .wbs-tab-wrap ul.wbs-tab-nav li,
.single-content .wbs-tab-wrap ul.wbs-tab-nav li,
.wbs-single-content .wbs-tab-wrap ul.wbs-tab-nav li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
article.single-content .wbs-tab-wrap ul.wbs-tab-nav li a,
.single-content .wbs-tab-wrap ul.wbs-tab-nav li a,
.wbs-single-content .wbs-tab-wrap ul.wbs-tab-nav li a {
    float: left;
    display: block;
    background-color: #f2f2f2;
    border-top: 2px #eee solid;
    padding: 10px 24px;
    color: #666;
    text-align: center;
    font-size: 14px;
    margin-right: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
}
article.single-content .wbs-tab-wrap ul.wbs-tab-nav li a:hover,
.single-content .wbs-tab-wrap ul.wbs-tab-nav li a:hover,
.wbs-single-content .wbs-tab-wrap ul.wbs-tab-nav li a:hover {
    background-color: #eee;
}
article.single-content .wbs-tab-wrap ul.wbs-tab-nav li.active a,
.single-content .wbs-tab-wrap ul.wbs-tab-nav li.active a,
.wbs-single-content .wbs-tab-wrap ul.wbs-tab-nav li.active a {
    background: #f9f9f9;
    color: #666;
    border-top-color: #fc3c2d;
}
article.single-content .wbs-tab-content,
.single-content .wbs-tab-content,
.wbs-single-content .wbs-tab-content {
    clear: both;
    padding: 20px;
    line-height: 30px;
    color: #666;
    background-color: #f9f9f9;
    border-bottom: 1px #eee solid;
}
article.single-content .wbs-tab-content > .wbs-tab-pane,
.single-content .wbs-tab-content > .wbs-tab-pane,
.wbs-single-content .wbs-tab-content > .wbs-tab-pane {
    display: none !important;
}
article.single-content .wbs-tab-content > .wbs-tab-pane.active,
.single-content .wbs-tab-content > .wbs-tab-pane.active,
.wbs-single-content .wbs-tab-content > .wbs-tab-pane.active {
    display: block !important;
}

/* 开关菜单（手风琴） */
article.single-content .wbs-toggle-box,
.single-content .wbs-toggle-box,
.wbs-single-content .wbs-toggle-box {
    list-style: none !important;
    margin: 12px 0 !important;
    padding-left: 0 !important;
    border: 0 !important;
}
article.single-content .wbs-toggle-box > li,
.single-content .wbs-toggle-box > li,
.wbs-single-content .wbs-toggle-box > li {
    list-style: none !important;
    margin: 6px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
article.single-content .wbs-toggle-box > li::before,
.single-content .wbs-toggle-box > li::before,
.wbs-single-content .wbs-toggle-box > li::before {
    background-color: transparent !important;
    content: none !important;
}
article.single-content .wbs-toggle-box .wbs-toggle-head,
.single-content .wbs-toggle-box .wbs-toggle-head,
.wbs-single-content .wbs-toggle-box .wbs-toggle-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background: #f8f8f8;
    padding: 8px 12px;
    margin: 0;
    color: #666;
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 4px;
}
article.single-content .wbs-toggle-box .wbs-toggle-head .wbs-toggle-title,
.single-content .wbs-toggle-box .wbs-toggle-head .wbs-toggle-title,
.wbs-single-content .wbs-toggle-box .wbs-toggle-head .wbs-toggle-title {
    flex: 1;
}
article.single-content .wbs-toggle-box .wbs-toggle-head .wbs-toggle-title.active,
.single-content .wbs-toggle-box .wbs-toggle-head .wbs-toggle-title.active,
.wbs-single-content .wbs-toggle-box .wbs-toggle-head .wbs-toggle-title.active {
    color: #fc3c2d;
}
article.single-content .wbs-toggle-box .wbs-toggle-head .wbs-toggle-icon,
.single-content .wbs-toggle-box .wbs-toggle-head .wbs-toggle-icon,
.wbs-single-content .wbs-toggle-box .wbs-toggle-head .wbs-toggle-icon {
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    color: #999;
    border: 1px #eee solid;
    border-radius: 3px;
    font-size: 14px;
    background: #fff;
    user-select: none;
    transition: all 0.2s ease;
}
article.single-content .wbs-toggle-box .wbs-toggle-head.active .wbs-toggle-icon,
.single-content .wbs-toggle-box .wbs-toggle-head.active .wbs-toggle-icon,
.wbs-single-content .wbs-toggle-box .wbs-toggle-head.active .wbs-toggle-icon {
    color: #fc3c2d;
}
article.single-content .wbs-toggle-box .wbs-toggle-body,
.single-content .wbs-toggle-box .wbs-toggle-body,
.wbs-single-content .wbs-toggle-box .wbs-toggle-body {
    display: none;
    padding: 12px 14px;
    background-color: #fdfdfd;
    color: #555;
    border: 1px solid #eee;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    line-height: 1.7;
}
article.single-content .wbs-toggle-box > li.open > .wbs-toggle-body,
.single-content .wbs-toggle-box > li.open > .wbs-toggle-body,
.wbs-single-content .wbs-toggle-box > li.open > .wbs-toggle-body {
    display: block;
}

/* 折叠更多（阅读全文）
   结构：.wbs-collapse-wrap
          ├── .wbs-collapse-body.hidecontent   （被裁断的内容，collapsed 时 max-height + overflow hidden；
          │                                      当 body 为空时不强制最大高度）
          └── .wbs-collapse-foot.hidetitle     （蒙层 + 居中按钮作为整体，绝对定位底部 0，click 后整段隐藏）
   参考 .hidecontent + .hidetitle  样式源自 /999/style/css/shortcodes.css（L48-50）。 */
article.single-content .wbs-collapse-wrap,
.single-content .wbs-collapse-wrap,
.wbs-single-content .wbs-collapse-wrap {
    position: relative;
}
article.single-content .wbs-collapse-wrap .wbs-collapse-body.hidecontent,
.single-content .wbs-collapse-wrap .wbs-collapse-body.hidecontent,
.wbs-single-content .wbs-collapse-wrap .wbs-collapse-body.hidecontent {
    transition: max-height .35s ease;
    overflow: hidden;
}
article.single-content .wbs-collapse-wrap.collapsed .wbs-collapse-body.hidecontent:not(:empty),
.single-content .wbs-collapse-wrap.collapsed .wbs-collapse-body.hidecontent:not(:empty),
.wbs-single-content .wbs-collapse-wrap.collapsed .wbs-collapse-body.hidecontent:not(:empty) {
    max-height: 220px;
}
article.single-content .wbs-collapse-wrap:not(.collapsed) .wbs-collapse-body.hidecontent,
.single-content .wbs-collapse-wrap:not(.collapsed) .wbs-collapse-body.hidecontent,
.wbs-single-content .wbs-collapse-wrap:not(.collapsed) .wbs-collapse-body.hidecontent {
    max-height: none;
}
article.single-content .wbs-collapse-wrap .wbs-collapse-foot.hidetitle,
.single-content .wbs-collapse-wrap .wbs-collapse-foot.hidetitle,
.wbs-single-content .wbs-collapse-wrap .wbs-collapse-foot.hidetitle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(70%, #fff));
    background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0%, #fff 70%);
}
article.single-content .wbs-collapse-wrap.collapsed .wbs-collapse-foot.hidetitle,
.single-content .wbs-collapse-wrap.collapsed .wbs-collapse-foot.hidetitle,
.wbs-single-content .wbs-collapse-wrap.collapsed .wbs-collapse-foot.hidetitle {
    display: block;
    padding-top: 180px;
    pointer-events: none;
}
article.single-content .wbs-collapse-wrap:not(.collapsed) .wbs-collapse-foot.hidetitle,
.single-content .wbs-collapse-wrap:not(.collapsed) .wbs-collapse-foot.hidetitle,
.wbs-single-content .wbs-collapse-wrap:not(.collapsed) .wbs-collapse-foot.hidetitle {
    display: none;
}
article.single-content .wbs-collapse-wrap .wbs-collapse-foot.hidetitle .wbs-collapse-btn.collapseButton,
.single-content .wbs-collapse-wrap .wbs-collapse-foot.hidetitle .wbs-collapse-btn.collapseButton,
.wbs-single-content .wbs-collapse-wrap .wbs-collapse-foot.hidetitle .wbs-collapse-btn.collapseButton {
    pointer-events: auto;
    display: inline-block;
    background: #fff;
    padding: 8px 30px;
    border: 1px solid #2C74E6;
    border-radius: 5px;
    color: #2C74E6;
    text-decoration: none;
    margin: 0 auto 20px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: color .2s, background .2s, border-color .2s;
}

/* ================================================================
   自定义 HTML5 视频播放器（参考 demo_video.php）
   用于商品详情页 / 文章详情页的 [wbs-video] 短代码视频
   ================================================================ */

/* 视频 wrapper：始终 100% 铺满，控制条 / 背景等全宽显示 */
article.single-content .wbs-video,
.single-content .wbs-video {
    display: block;
    margin: 0 auto 18px !important;
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    background: #000;
    cursor: pointer;
    overflow: hidden;
}

/* 普通/横屏 video：宽满格，高度按比例，不超视口 75% */
article.single-content .wbs-video > video.wbs-video-shortcode,
.single-content .wbs-video > video.wbs-video-shortcode {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 75vh !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    background: #000;
}

/* 竖屏（portrait）视频：video 限宽 420px 居中，播放器外壳（含控制条）仍铺满 */
article.single-content .wbs-video.is-portrait > video.wbs-video-shortcode,
.single-content .wbs-video.is-portrait > video.wbs-video-shortcode {
    max-width: 420px !important;
    width: auto !important;
    height: 100% !important;
    max-height: 75vh !important;
    margin: 0 auto !important;
    display: block !important;
}

/* 付费视频遮罩层：竖屏时只覆盖视频画面区域 */
article.single-content .wbs-video.is-portrait.wbs-video-pay > div[style],
.single-content .wbs-video.is-portrait.wbs-video-pay > div[style] {
    max-width: 420px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* 付费视频（未解锁）：隐藏播放器控件，只显示购买遮罩；解锁后 class 移除自动恢复 */
article.single-content .wbs-video-pay .play-icon-center,
.single-content .wbs-video-pay .play-icon-center,
article.single-content .wbs-video-pay .controls-bottom,
.single-content .wbs-video-pay .controls-bottom { display: none !important; }

/* 移动端小屏：竖屏视频上限回退 100%，放宽高度到 80vh */
@media (max-width: 480px) {
    article.single-content .wbs-video.is-portrait > video.wbs-video-shortcode,
    .single-content .wbs-video.is-portrait > video.wbs-video-shortcode {
        max-width: 100% !important;
        width: 100% !important;
    }
    article.single-content .wbs-video.is-portrait.wbs-video-pay > div[style],
    .single-content .wbs-video.is-portrait.wbs-video-pay > div[style] {
        max-width: 100% !important;
        left: 0 !important;
        transform: none !important;
    }
    article.single-content .wbs-video > video.wbs-video-shortcode,
    .single-content .wbs-video > video.wbs-video-shortcode { max-height: 80vh !important; }
}

/* ----- 居中播放图标 ----- */
article.single-content .wbs-video .play-icon-center,
.single-content .wbs-video .play-icon-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: 10;
    opacity: 0;
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
}
article.single-content .wbs-video .play-icon-center.show,
.single-content .wbs-video .play-icon-center.show { opacity: 1; }
article.single-content .wbs-video .play-icon-center svg,
.single-content .wbs-video .play-icon-center svg {
    width: 38px;
    height: 38px;
    fill: #fff;
    margin-left: 6px;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
}

/* ----- 底部控制条 ----- */
article.single-content .wbs-video .controls-bottom,
.single-content .wbs-video .controls-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 18px 20px 20px 20px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0.92));
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 20;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    box-sizing: border-box;
}
article.single-content .wbs-video .controls-bottom.show,
.single-content .wbs-video .controls-bottom.show {
    opacity: 1;
    pointer-events: auto;
}
article.single-content .wbs-video .controls-bottom .controls-row,
.single-content .wbs-video .controls-bottom .controls-row {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

/* 播放按钮 */
article.single-content .wbs-video .controls-bottom .play-btn,
.single-content .wbs-video .controls-bottom .play-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s, background 0.2s;
    border-radius: 8px;
    height: 40px;
    width: 44px;
    flex-shrink: 0;
}
article.single-content .wbs-video .controls-bottom .play-btn:hover,
.single-content .wbs-video .controls-bottom .play-btn:hover { transform: scale(1.08); }
article.single-content .wbs-video .controls-bottom .play-btn svg,
.single-content .wbs-video .controls-bottom .play-btn svg {
    width: 30px;
    height: 30px;
    fill: #fff;
    display: block;
}

/* 时间显示 */
article.single-content .wbs-video .controls-bottom .time-display,
.single-content .wbs-video .controls-bottom .time-display {
    color: #fff;
    font-size: 13px;
    font-family: Consolas, Menlo, monospace;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    min-width: 105px;
    text-align: center;
    flex-shrink: 0;
}

/* 进度条 */
article.single-content .wbs-video .controls-bottom .progress-bar,
.single-content .wbs-video .controls-bottom .progress-bar {
    flex: 1;
    height: 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.25);
    cursor: pointer;
    position: relative;
    min-width: 40px;
}
article.single-content .wbs-video .controls-bottom .progress-bar .filled,
.single-content .wbs-video .controls-bottom .progress-bar .filled {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0%;
    border-radius: 3px;
    background: #ff5444;
    transition: width 0.1s linear;
}

/* 右侧按钮组 */
article.single-content .wbs-video .controls-bottom .controls-right,
.single-content .wbs-video .controls-bottom .controls-right {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
article.single-content .wbs-video .controls-bottom .ctrl-btn,
.single-content .wbs-video .controls-bottom .ctrl-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s, opacity 0.2s;
    border-radius: 8px;
    height: 38px;
    width: 40px;
    flex-shrink: 0;
    opacity: 0.9;
}
article.single-content .wbs-video .controls-bottom .ctrl-btn:hover,
.single-content .wbs-video .controls-bottom .ctrl-btn:hover {
    transform: scale(1.08);
    opacity: 1;
}
article.single-content .wbs-video .controls-bottom .ctrl-btn svg,
.single-content .wbs-video .controls-bottom .ctrl-btn svg {
    width: 22px;
    height: 22px;
    fill: #fff;
    display: block;
}

/* ============ 全屏模式：视频自适应铺满并垂直水平居中 ============
   关键说明：选择器列表里只要混有浏览器不支持的私有前缀（如 :-moz-full-screen、
   :-ms-fullscreen），整条规则就会被浏览器丢弃，导致全屏样式完全不生效。
   因此：
   1) 主要依赖 JS 进入/退出全屏时切换的 .wbs-fullscreen class（兼容所有浏览器）；
   2) 同时用 :is() 包裹全屏伪类兜底（:is() 会自动忽略无效选择器，不拖垮整条规则）；
   3) 子选择器特异性不低于 .is-portrait 限宽规则的 (0,4,1)，保证覆盖 420px/75vh。 */
article.single-content .wbs-video.wbs-fullscreen,
.single-content .wbs-video.wbs-fullscreen,
article.single-content .wbs-video:is(:fullscreen, :-webkit-full-screen, :-moz-full-screen, :-ms-fullscreen),
.single-content .wbs-video:is(:fullscreen, :-webkit-full-screen, :-moz-full-screen, :-ms-fullscreen) {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #000 !important;
    overflow: hidden !important;
    margin: 0 !important;
    cursor: pointer;
}
article.single-content .wbs-video.wbs-fullscreen > video.wbs-video-shortcode,
.single-content .wbs-video.wbs-fullscreen > video.wbs-video-shortcode,
article.single-content .wbs-video.wbs-fullscreen.is-portrait > video.wbs-video-shortcode,
.single-content .wbs-video.wbs-fullscreen.is-portrait > video.wbs-video-shortcode,
article.single-content .wbs-video:is(:fullscreen, :-webkit-full-screen, :-moz-full-screen, :-ms-fullscreen) > video.wbs-video-shortcode,
.single-content .wbs-video:is(:fullscreen, :-webkit-full-screen, :-moz-full-screen, :-ms-fullscreen) > video.wbs-video-shortcode,
article.single-content .wbs-video:is(:fullscreen, :-webkit-full-screen, :-moz-full-screen, :-ms-fullscreen).is-portrait > video.wbs-video-shortcode,
.single-content .wbs-video:is(:fullscreen, :-webkit-full-screen, :-moz-full-screen, :-ms-fullscreen).is-portrait > video.wbs-video-shortcode {
    width: 100% !important;
    height: 100% !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    flex: 0 0 auto;
}

/* 加载失败提示 */
article.single-content .wbs-video .wbs-player-error,
.single-content .wbs-video .wbs-player-error {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    padding: 12px 22px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 14px;
    pointer-events: none;
    white-space: nowrap;
}


/* 文字广告位开始 */
  
/* 小文字广告位代码 */
 .tp-ad-text1 {width:100%;padding-top:6px;box-sizing:border-box;overflow: hidden;background: rgba(255,255,255,.2);}

 .tp-ad-text1 a {color:#7fba00;font-size:14px;line-height:38px;text-align:center;border:1px dashed rgba(0,0,0,.2);padding:0 3px;box-sizing:border-box;float:left;width:11.5%;height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0.5% 6px;text-decoration:none;transition:all .6s;}

 .tp-ad-text1 a:hover {font-weight: bold;color:#fff!important;background:#7fba00;transition: all .6s;}

 .tp-ad-text1 a:nth-child(2n) {color:#f74e1e;}

 .tp-ad-text1 a:nth-child(2n):hover {background:#f74e1e;border-color: #f74e1e;}

 .tp-ad-text1 a:nth-child(3n) {color:#00a4ef;}

 .tp-ad-text1 a:nth-child(3n):hover {background:#00a4ef;border-color: #00a4ef;}

 .tp-ad-text1 a:nth-child(4n) {color:#0517c2;}

 .tp-ad-text1 a:nth-child(4n):hover {background:#0517c2;border-color: #0517c2;}

 .tp-ad-text1 a:nth-child(5n) {color:#601165;}

 .tp-ad-text1 a:nth-child(5n):hover {background:#601165;border-color: #601165;}

 .tp-ad-text1 a:nth-child(6n) {color:#ffb900;}

 .tp-ad-text1 a:nth-child(6n):hover {background:#ffb900;border-color: #ffb900;}

 .tp-ad-text1 a:nth-child(7n) {color:#0fc317;}

 .tp-ad-text1 a:nth-child(7n):hover {background:#0fc317;border-color: #0fc317;}

 .tp-ad-text1 a:nth-child(8n) {color:#601165;}

 .tp-ad-text1 a:nth-child(8n):hover {background:#601165;border-color: #601165;}

 .tp-ad-text1 a:nth-child(9n) {color:#fba78f;}

 .tp-ad-text1 a:nth-child(9n):hover {background:#fba78f;border-color: #fba78f;}

 .tp-ad-text1 a:nth-child(10n) {color:#13cf8f;}

 .tp-ad-text1 a:nth-child(10n):hover {background:#13cf8f;border-color: #13cf8f;}

 .tp-ad-text1 a:nth-child(11n) {color:#f74e1e;}

 .tp-ad-text1 a:nth-child(11n):hover {background:#f74e1e;border-color: #f74e1e;}

 .tp-ad-text1 a:nth-child(12n) {color:#ffb900;}

 .tp-ad-text1 a:nth-child(12n):hover {background:#ffb900;border-color: #ffb900;}

 .tp-ad-text1 a:nth-child(13n) {color:#fba78f;}

 .tp-ad-text1 a:nth-child(13n):hover {background:#fba78f;border-color: #fba78f;}

 .tp-ad-text1 a:nth-child(14n) {color:#f74e1e;}

 .tp-ad-text1 a:nth-child(14n):hover {background:#f74e1e;border-color: #f74e1e;}

 .tp-ad-text1 a:nth-child(15n) {color:#7fba00;}

 .tp-ad-text1 a:nth-child(15n):hover {background:#7fba00;border-color: #7fba00;}

 .tp-ad-text1 a:nth-child(16n) {color:#0fc317;}

 .tp-ad-text1 a:nth-child(16n):hover {background:#0fc317;border-color: #0fc317;}

 .tp-ad-text1 a:nth-child(17n) {color:#0517c2;}

 .tp-ad-text1 a:nth-child(17n):hover {background:#0517c2;border-color: #0517c2;}

 .tp-ad-text1 a:nth-child(18n) {color:#13cf8f;}

 .tp-ad-text1 a:nth-child(18n):hover {background:#13cf8f;border-color: #13cf8f;}

 .tp-ad-text1 a:nth-child(19n) {color:#ffb900;}

 .tp-ad-text1 a:nth-child(19n):hover {background:#ffb900;border-color: #ffb900;}

 .tp-ad-text1 a:nth-child(20n) {color:#f74e1e;}

 .tp-ad-text1 a:nth-child(20n):hover {background:#f74e1e;border-color: #f74e1e;}

 @media screen and (max-width: 1198px){

  .tp-ad-text1 a{

   width: 24%;

  }

 }
/* 小文字广告位代码 */

/* 大文字广告位代码 */
.tp-ad-text2 {

  width: 100%;

  padding-top: 6px;

  box-sizing: border-box;

  overflow: hidden;

  background: rgba(255,255,255,.2);

  display: flex;

  flex-wrap: wrap;

 }

 .tp-ad-text2 a {

  color: #7fba00;

  font-size: 14px;

  line-height: 38px;

  text-align: center;

  border: 1px dashed rgba(0,0,0,.2);

  padding: 0 3px;

  box-sizing: border-box;

  height: 38px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin: 0 0.5% 6px;

  text-decoration: none;

  transition: all .6s;

  flex: 1 1 calc(24% - 1.5%); /* 基础宽度为24%，减去左右边距 */

 }

 .tp-ad-text2 a:hover {

  font-weight: bold;

  color: #fff !important;

  background: #7fba00;

  transition: all .6s;

 }

 /* 其他颜色变化保持不变 */

 /* 媒体查询，针对小屏幕设备 */

 @media screen and (max-width: 768px) {

  .tp-ad-text2 a {

   flex: 1 1 calc(49% - 1.5%); /* 在小屏幕上变为两列布局 */

  }

 }

 

 @media screen and (max-width: 480px) {

  .tp-ad-text2 a {

   flex: 1 1 calc(100% - 1.5%); /* 在更小的屏幕上单列布局 */

  }

 }

/* 大文字广告位代码 */
/* 文字广告位结束 */

/* 首页滚动公告 */
@keyframes bellShake {
    0%, 100% { transform: rotate(0deg); }
    10% { transform: rotate(15deg); }
    20% { transform: rotate(-15deg); }
    30% { transform: rotate(10deg); }
    40% { transform: rotate(-10deg); }
    50% { transform: rotate(5deg); }
    60% { transform: rotate(-5deg); }
    70%, 100% { transform: rotate(0deg); }
}
.home-scroll-ad-bell {
    animation: bellShake 2s ease-in-out infinite;
    transform-origin: 50% 10%;
}
.home-scroll-ad-close {
    transition: transform 0.35s ease, background 0.2s, color 0.2s;
    transform: translateY(-50%) rotate(0deg);
}
.home-scroll-ad-close:hover {
    background: #fdf0d5 !important;
    color: #b8860b !important;
    transform: translateY(-50%) rotate(180deg);
}
.home-scroll-ad-bar {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.home-scroll-ad-bar:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(33, 93, 255, 0.12);
}