/* ========== 表情 ========== */
.sllt table {    
width: 100%;    
border-collapse: collapse;
}
.sllt table td {padding: 3px 4px;text-align: center;vertical-align: middle;transition: all 0.15s 
ease;}
.sllt table td:hover {transform: scale(1.5);}
.sllt table td img {    
display: block;    
margin: 0 auto;    
transition: transform 0.15s ease;
}
#fastsmilies table td {transition: all 0.15s ease;}
#fastsmilies table td:hover {    transform: scale(1.5);}



/*火狼vip图标*/
/*.duceapp_vipiconp {
    vertical-align: text-top;
    height: 13px !important;
}*/


/* 隐藏帖子图片后面的所有<br> */
/*ignore_js_op + br {display:none}*/




/* ========== 只针对图片，不影响帖子其他内容 ========== */

/* 1. 将所有 ignore_js_op 中的 figure 转为 Grid 布局 */
.t_f ignore_js_op {
    display: inline-block;
    vertical-align: top;
    width: calc(33.333% - 12px);
    margin: 4px;
    box-sizing: border-box;
}

/* 2. 图片容器填满 */
.t_f ignore_js_op figure.wp-block-image {
    display: block;
    position: relative;
    margin: 0 !important;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #f0f2f5;
    aspect-ratio: 1 / 1;
    width: 95%;
    height: 0;
    padding-bottom: 100%;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* 3. 图片绝对定位填满容器 */
.t_f ignore_js_op figure.wp-block-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.3s ease;
    cursor: pointer;
}

/* 4. 悬停效果 */
.t_f ignore_js_op figure.wp-block-image:hover img {
    transform: scale(1.05);
}

/* 5. 遮罩层 */
.t_f ignore_js_op figure.wp-block-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.2) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    border-radius: 8px;
}

.t_f ignore_js_op figure.wp-block-image:hover::after {
    opacity: 1;
}

/* ===== 6. 响应式宽度 ===== */

/* 只有1个 ignore_js_op 时 */
.t_f ignore_js_op:only-child {
    width: 100%;
}

.t_f ignore_js_op:only-child figure.wp-block-image {
    aspect-ratio: auto;
    height: auto;
    padding-bottom: 0;
}

.t_f ignore_js_op:only-child figure.wp-block-image img {
    position: static;
    max-height: 600px;
    object-fit: contain !important;
}

/* 2个时各50% */
.t_f ignore_js_op:first-child:nth-last-child(2),
.t_f ignore_js_op:first-child:nth-last-child(2) ~ ignore_js_op {
    width: calc(50% - 8px);
}

/* 3个时各33.33% */
.t_f ignore_js_op:first-child:nth-last-child(3),
.t_f ignore_js_op:first-child:nth-last-child(3) ~ ignore_js_op {
    width: calc(33.333% - 8px);
}

/* 4个时各25% */
.t_f ignore_js_op:first-child:nth-last-child(4),
.t_f ignore_js_op:first-child:nth-last-child(4) ~ ignore_js_op {
    width: calc(25% - 8px);
}

/* 5个及以上各20% */
.t_f ignore_js_op:first-child:nth-last-child(n+5),
.t_f ignore_js_op:first-child:nth-last-child(n+5) ~ ignore_js_op {
    width: calc(20% - 8px);
}

/* ===== 7. 价格标签 ===== */
.t_f ignore_js_op figure.wp-block-image .image-price {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background: rgba(255, 77, 79, 0.9);
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    z-index: 5;
    backdrop-filter: blur(4px);
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.t_f ignore_js_op figure.wp-block-image:hover .image-price {
    opacity: 1;
    transform: translateY(0);
}

/* ===== 8. 响应式 ===== */

/*@media (max-width: 992px) {
    .t_f ignore_js_op {
        width: calc(33.333% - 8px) !important;
    }
    .t_f ignore_js_op:first-child:nth-last-child(2),
    .t_f ignore_js_op:first-child:nth-last-child(2) ~ ignore_js_op {
        width: calc(50% - 8px) !important;
    }
    .t_f ignore_js_op:first-child:nth-last-child(n+4),
    .t_f ignore_js_op:first-child:nth-last-child(n+4) ~ ignore_js_op {
        width: calc(33.333% - 8px) !important;
    }
    .t_f ignore_js_op:first-child:nth-last-child(n+6),
    .t_f ignore_js_op:first-child:nth-last-child(n+6) ~ ignore_js_op {
        width: calc(25% - 8px) !important;
    }
}

@media (max-width: 768px) {
    .t_f ignore_js_op {
        width: calc(50% - 8px) !important;
    }
    .t_f ignore_js_op:only-child {
        width: 100% !important;
    }
    .t_f ignore_js_op:first-child:nth-last-child(n+3),
    .t_f ignore_js_op:first-child:nth-last-child(n+3) ~ ignore_js_op {
        width: calc(50% - 8px) !important;
    }
    .t_f ignore_js_op:first-child:nth-last-child(n+5),
    .t_f ignore_js_op:first-child:nth-last-child(n+5) ~ ignore_js_op {
        width: calc(33.333% - 8px) !important;
    }
    .t_f ignore_js_op figure.wp-block-image {
        border-radius: 4px;
    }
}

@media (max-width: 480px) {
    .t_f ignore_js_op {
        width: calc(50% - 6px) !important;
        margin: 3px !important;
    }
    .t_f ignore_js_op:only-child {
        width: 100% !important;
    }
    .t_f ignore_js_op figure.wp-block-image {
        border-radius: 3px;
    }
}*/

/* ===== 9. 兼容性 ===== */

/* 游客缩略图 */
.t_f ignore_js_op figure.wp-block-image .guestviewthumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #f7f8fa;
}

.t_f ignore_js_op figure.wp-block-image .guestviewthumb img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* 图片菜单 */
/*.aimg_tip {
    background: rgba(0, 0, 0, 0.85) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px);
    min-width: 200px;
    z-index: 999 !important;
}

.aimg_tip .xs0 {
    color: #fff !important;
}

.aimg_tip a {
    color: #66b0ff !important;
}

.aimg_tip a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

.aimg_tip .xg1 {
    color: rgba(255, 255, 255, 0.6) !important;
}

.aimg_tip .tip_horn {
    border-top-color: rgba(0, 0, 0, 0.85) !important;
}*/



/* 加载动画 */
@keyframes imageFadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.t_f ignore_js_op figure.wp-block-image img[loading="lazy"] {
    animation: imageFadeIn 0.3s ease;
}











/*自定义页脚样式*/
#footer-animal {position:relative;width:100%;}
#footer-animal .animal-wall {position:absolute;bottom:0;width:100%;height:36px;max-width:none;background:#bcb0a4 url(/template/discuz_theme_n7/image/footer_wall.avif) repeat center;background-size:auto 100%;box-shadow:0 4px 7px rgba(0,0,0,.15)}
#footer-animal img.animal {position:relative;max-width:min(974px,100%);margin:0 auto;display:block}
/* 导航搜索框样式 */
.one-search-wrap {width: 20%;margin: 12px 0;position: relative;}
.one-search-form {display: flex;align-items: center;gap: 15px;width: 240px;position: relative;}
.one-search-box {flex: 0 1 230px;position: relative;transition: all 0.3s ease;}
.one-search-box:focus-within {flex: 0 1 240px;}
.one-search-input {width: 90%;height: 40px;line-height: 40px;padding: 0 0px 0 15px;border: none;border-radius: 9999px;background: #d0fe00;color: #111;font-size: 15px;outline: none;transition: all 0.3s ease;}
.one-search-input::placeholder {color: #111;opacity: 1;}
.one-search-icon.kmico {position: absolute;right: 18px;top: 50%;transform: translateY(-50%);background: none;border: none;padding: 0;cursor: pointer;display: flex;align-items: center;justify-content: center;font-family: dzicon;font-size: 22px;color: #111;}
.one-search-icon.kmico::before {content: "\f101";}
.one-post-btn {display: inline-flex;align-items: center;justify-content: center;height: 34px;padding: 0 5px;background: #d0fe00;color: #000000;border-radius: 5px;font-size: 15px;font-weight: 500;text-decoration: none;white-space: nowrap;transition: all 0.3s ease;margin-right: 15px;}
.one-post-btn:hover {background: #0d66d0;color: #fff;text-decoration: none;}
.one-search-box:focus-within ~ .one-post-btn {opacity: 0;visibility: hidden;width: 0;padding: 0;margin: 0;transform: scale(0.8);}
.comiis_mysearch_hot {position: absolute;left: 0;top: calc(100% + 8px);width: 250px;background: var(--comiis-bodybg);padding: 14px;border-radius: 12px;box-shadow: 0 4px 16px rgba(0,0,0,0.15);opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 9999;}

.comiis_mysearch_hot strong {font-weight: normal;color: #666;margin-right: 8px;}
.comiis_mysearch_hot a {display: inline-block;margin: 0 10px 8px 0;color: var(--comiis-fa);text-decoration: none;}
.comiis_mysearch_hot a:hover {color: #1677ff;}
.comiis_mysearch_hot strong {display: block;color: #f43f3b; font-weight: bold;margin-bottom: 10px;}
.one-search-box:focus-within ~ .comiis_mysearch_hot {opacity: 1;visibility: visible;}
.comiis_headb {overflow: visible !important;}
.one-post-btn i {font-size: 22px;width: 22px;}
/* 二维码炫彩样式 */  
.kmewm  {position: relative;}
.kmewm :hover {filter: contrast(1.1);}
.kmewm :active {filter: contrast(0.9);}
.kmewm ::before, .kmewm ::after {  content: "";  border: 2px solid;  border-image: linear-gradient(45deg, gold, deeppink) 1;  position: absolute;  top: -5px;  left: -5px;  right: -5px;  bottom: -5px;  animation: clippath 3s infinite;  }  
.kmewm ::before {animation: clippath 3s infinite -1.5s linear;  }  
@keyframes clippath {  0%, 100% {  clip-path: inset(0 0 96% 0);  filter: hue-rotate(0deg);  }  25% {  clip-path: inset(0 96% 0 0);  }  50% {  clip-path: inset(96% 0 0 0);  filter: hue-rotate(360deg);  }  75% {  clip-path: inset(0 0 0 96%);  }  }
/* 帖子内容页格子背景 */
.t_f {
    word-break: break-word;
    overflow-x: hidden;
background-image: 
    linear-gradient(90deg, rgba(159,219,252,0.15) 3%, transparent 0%), 
    linear-gradient(360deg, rgba(159,219,252,0.15) 3%, transparent 0%);
    background-size: 20px 20px;
    background-position: 50%;
}
/* 帖子H2标题 */
.pcb h2.fllt_biaoti + br{display:none;}
.pcb h2.fllt_biaoti {font-size: 1.1rem;font-weight: 400;}
.pcb h2.fllt_biaoti {position: relative;overflow: visible;z-index: 1;}
.pcb h2.fllt_biaoti:hover::before, .pcb h2.fllt_biaoti:hover::after {transform: scale(1.2);transform-origin: center;transition: 0.4s;}
.pcb h2.fllt_biaoti::before {content: "";position: absolute;top: 5px;left:0;border-radius: 50%;opacity: 0.6;box-shadow: none !important;z-index: -1;}
.pcb h2.fllt_biaoti::before, .pcb h2.fllt_biaoti::after {background: linear-gradient(#00ff62, transparent);}
.pcb h2.fllt_biaoti::before {width: 30px;height: 30px;}
.pcb h2.fllt_biaoti::after {content: "";position: absolute;border-radius: 50%;opacity: 0.6;transition: 0.4s;}
.pcb h2.fllt_biaoti::after {top: -5px;left: 25px;width: 10px;height: 10px;}
/* 代码块限高+滚动 */
.blockcode .code-container {max-height: 300px;overflow-y: auto; overflow-x: auto; line-height: 1.5;}
/*美化滚动条*/
::-webkit-scrollbar-thumb {background-color: #FF3E96;height: 50px;outline-offset: -2px;outline: 2px solid #fff;-webkit-border-radius: 4px;border: 2px solid #fff;}
::-webkit-scrollbar {width: 10px;height: 8px;}
::-webkit-scrollbar-track-piece {background-color: #fff;-webkit-border-radius: 0;}
/*Body样式*/
a:hover{cursor:url(/maimai/img/shubiao-2.cur), pointer;}
html{overflow-y:scroll}
body {background: var(--comiis-bodybg);  position: relative; background-image: url("/maimai/img/bj.webp");cursor: url(/maimai/img/shubiao-1.cur), default;}  
/*自定义背景*/
/*body {
    background-size: 24px 24px;
    background-image: linear-gradient(90deg,#80808012 1px,#0000 0),linear-gradient(180deg,#80808012 1px,#0000 0);
    background: var(--comiis-bodybg);
    position: relative;
  
}
*/





















a[href*="profile&op=verify"] img {
    max-height: 20px !important;
   /* vertical-align: bottom;*/
}

















/* 贴内信息勋章样式 */
.plhin p img[id^="md_"]{height:35px; margin: 3px;}
/* 贴内信息勋章样式 */

/* 勋章中心样式 */
p.xw1ss {
    background-size: 90%;
    background-position: center;
    text-align: center;
    padding: 20px;
    background-image: url(/maimai/img/B82_SJZTX_05.png);
    background-repeat: no-repeat;
    color: #ffffff;
    margin-top: -10px;
}
/* 勋章图片标识 */
div#medal_33  {
    background-size: 50%;
    background-image: url("/maimai/img/other/medal/1.png") ;
     background-repeat: no-repeat;
}
/* 勋章图片标识 */


/* 勋章颜色标识 */
div#medal_34{
    position: relative; 
}
div#medal_34::before {
    padding: 0px 10px;
    border-bottom-right-radius: 15px;
    top: 8px;
    content: 'SSR';
    background: linear-gradient(to right,#ecffdd,#e0fee2,#d1faea,#b8eaeb,#bbeffa,#b9e7f7,#bddcf9,#c6d2fc,#dec2ff,#e8befd,#f4bdf7,#f7bee9);
    position: absolute;
    left: 19%;
    transform: translate(-50%,-50%);
    color: white;
    font-size: 12px;
}
/* 勋章颜色标识 */
/* 勋章中心样式 */




















/*侧边栏勋章*/
    .am-side-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0 14px;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
}

.am-side-badge {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fbbf24;
    color: #fff;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    flex-shrink: 0;
    overflow: hidden;
    transition: transform 0.2s ease;
    cursor: pointer;
}

.am-side-badge:hover {
    transform: scale(1.1);
}

.am-side-badge img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.am-side-badge-more {
    background: linear-gradient(135deg, #94a3b8, #64748b);
    text-decoration: none;
    font-weight: 700;
    font-size: 11px;
    color: #fff !important;
    cursor: pointer;
}

.am-side-badge-more:hover {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    transform: scale(1.1);
    text-decoration: none;
    color: #fff !important;
}











/* 标签组外层容器（对应你的 .th-group-tags） */
.th-group-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 10px;
}

/* 单个标签卡片（对应你的 .th-tag-chip） */
.th-tag-chip {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #dfe6e9;
    padding: 5px 6px;
    border-radius: 12px;
    font-size: 12px;
    color: #2d3436;
    text-decoration: none;
    transition: all 0.2s;
    font-weight: 500;
}

/* 标签hover交互效果 */
.th-tag-chip:hover {
    background: #4ecdc4; /* 可自定义主色 */
    border-color: #4ecdc4;
    color: #fff;
    transform: scale(1.05);
}

/* 标签彩色小圆点（对应你的 .th-chip-dot） */
.th-chip-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px;
}

/* hover时小圆点变白色 */
.th-tag-chip:hover .th-chip-dot {
    background-color: #fff !important;
}


.th-chip-count {
    margin-left: 6px;
    opacity: 0.6;
    font-size: 12px;
}





/* 在线标识 */
.pls .avatar .avtm {
    position: relative;
}
.online_dot {
    position: absolute;
    top: 0;
    left: 15px;
    width: 12px;
    height: 12px;
    background-color: #2ecc71;
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

.bui .avtm {
    position: relative;
    display: inline-block;
  
}







.t_f a:hover {
    text-decoration: none;
    background: var(--comiis-color);
    border-width: 0;
    color: var(--comiis-bgf) !important;
    border-radius: 4px;
}