/**
 * 法律提示：本程序/代码仅限合法用途使用，严禁用于任何违反国家法律法规、危害网络安全、侵犯他人权益的行为。
 * 禁止用于：网络诈骗、传播违法信息、非法入侵、恶意攻击、侵犯隐私、网络赌博、色情内容等任何违法行为。
 * 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() 生成
 * ============================================== */

/* 提示框（错误/警告/计划/提醒） */
.wbs-alert {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
    padding: 14px 16px;
    border-radius: 4px;
    line-height: 1.6;
    word-break: break-word;
}
.wbs-alert-icon {
    flex-shrink: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.wbs-alert-text { flex: 1; }
.wbs-alert-error { background-color: #f8495c; border: 1px solid #f8495c; color: #fff; }
.wbs-alert-error .wbs-alert-icon { color: #fff; }
.wbs-alert-warn  { background-color: #fdc640; border: 1px solid #fdc640; color: #1e293b; }
.wbs-alert-warn .wbs-alert-icon { color: #1e293b; }
.wbs-alert-tips  { background-color: #5282f7; border: 1px solid #5282f7; color: #fff; }
.wbs-alert-tips .wbs-alert-icon { color: #fff; }
.wbs-alert-notice{ background-color: #00d084; border: 1px solid #00d084; color: #fff; }
.wbs-alert-notice .wbs-alert-icon { color: #fff; }

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

/* 按钮 */
.wbs-button {
    display: inline-block;
    line-height: 32px;
    text-align: center;
    margin: 12px 12px 12px 0;
    color: #fff !important;
    padding: 2px 20px;
    border-radius: 4px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    cursor: pointer;
}
.wbs-button-red    { background-color: #f8495c; }
.wbs-button-red:hover    { background-color: #e63b4e; }
.wbs-button-yellow { background-color: #fdc640; color: #1e293b !important; }
.wbs-button-yellow:hover { background-color: #fcc02e; }
.wbs-button-blue   { background-color: #5282f7; }
.wbs-button-blue:hover   { background-color: #2f69f8; }
.wbs-button-green  { background-color: #00d084; }
.wbs-button-green:hover  { background-color: #03b775; }

/* TABS 选项 */
.wbs-tab-wrap { overflow: hidden; width: 100%; margin: 20px auto 12px; }
.wbs-tab-wrap ul.wbs-tab-nav { list-style: none !important; margin: 0 0 -1px 0 !important; padding: 0 !important; border: 0 !important; }
.wbs-tab-wrap ul.wbs-tab-nav li { list-style: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.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;
}
.wbs-tab-wrap ul.wbs-tab-nav li a:hover { background-color: #eee; }
.wbs-tab-wrap ul.wbs-tab-nav li.active a { background: #f9f9f9; color: #666; border-top-color: #fc3c2d; }
.wbs-tab-content { clear: both; padding: 20px; line-height: 30px; color: #666; background-color: #f9f9f9; border-bottom: 1px #eee solid; }
.wbs-tab-content > .wbs-tab-pane { display: none !important; }
.wbs-tab-content > .wbs-tab-pane.active { display: block !important; }

/* 开关菜单（手风琴） */
.wbs-toggle-box { list-style: none !important; margin: 12px 0 !important; padding-left: 0 !important; border: 0 !important; }
.wbs-toggle-box > li { list-style: none !important; margin: 6px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.wbs-toggle-box > li::before { background-color: transparent !important; content: none !important; }
.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;
}
.wbs-toggle-box .wbs-toggle-head .wbs-toggle-title { flex: 1; }
.wbs-toggle-box .wbs-toggle-head .wbs-toggle-title.active { color: #fc3c2d; }
.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;
}
.wbs-toggle-box .wbs-toggle-head.active .wbs-toggle-icon { color: #fc3c2d; }
.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;
}
.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）。 */
.wbs-collapse-wrap { position: relative; }
.wbs-collapse-wrap .wbs-collapse-body.hidecontent {
    transition: max-height .35s ease;
    overflow: hidden;
}
.wbs-collapse-wrap.collapsed .wbs-collapse-body.hidecontent:not(:empty) {
    max-height: 220px;
}
.wbs-collapse-wrap:not(.collapsed) .wbs-collapse-body.hidecontent {
    max-height: none;
}
.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%);
}
.wbs-collapse-wrap.collapsed .wbs-collapse-foot.hidetitle {
    display: block;
    padding-top: 180px;
    pointer-events: none;
}
.wbs-collapse-wrap:not(.collapsed) .wbs-collapse-foot.hidetitle {
    display: none;
}
.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;
}
.wbs-video .mejs-play button{width:24px!important;height:24px!important;margin:13px 12px!important;}
.wbs-video .mejs-pause button{width:24px!important;height:24px!important;margin:13px 12px!important;}


/* 文字广告位开始 */
  
/* 小文字广告位代码 */
 .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);
}