/* ============================================================
   di_custom.css — 酷Q社区 (cqp.cc) 风格复刻
   基于原站 style_19 (by hexapp) 深度分析还原
   ============================================================ */

/* === 0. 全局重置与基础 === */
body {
    background: #efefef;
    font: 12px/1.5 sans-serif;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, SimSun;
    color: #444;
}
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
.wp { width: 960px; margin: 0 auto; }
.cl:after { content: " "; display: block; display: table; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
.z { float: left; }
.y { float: right; }
.xg1, .xg1 a { color: #999 !important; }
.xg2 { color: #666; }
.xi1, .onerror { color: #f26c4f; }
.xi2, .xi2 a, .xi3 a { color: #0092ff; }
.xw1 { font-weight: 700; }
.xw0 { font-weight: 400; }
.pipe { margin: 0 5px; color: #ccc; }
.xs0 { font-family: Arial; font-size: .83em; }
.xs1 { font-size: 12px !important; }
.xs2 { font-size: 14px !important; }
.brs { border-radius: 5px; }
.brm { border-radius: 10px; }
.mtn { margin-top: 5px !important; }
.mbn { margin-bottom: 5px !important; }
.mtm { margin-top: 10px !important; }
.mbm { margin-bottom: 10px !important; }
.ptm { padding-top: 10px !important; }
.pbm { padding-bottom: 10px !important; }

/* === 1. 固定顶部导航栏 #di-header === */
#di-header {
    min-height: 43px;
    background: rgba(252, 252, 252, .8);
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
#di-header .di-headl {
    min-height: 43px;
    height: 43px;
    overflow: hidden;
}
#di-header .di-headl h2 {
    float: left;
    padding-right: 13px;
    display: block;
    line-height: 0;
    opacity: .9;
}
#di-header .di-headl h2:hover {
    opacity: 1;
}
#di-header a {
    color: rgba(0, 0, 0, .5);
}

/* 导航项 #di-nv */
#di-nv {
    float: left;
}
#di-nv li {
    float: left;
    position: relative;
}
#di-nv li a {
    padding: 9px 13px 10px;
    margin-left: 8px;
    font-size: 16px;
    display: block;
    transition: padding-bottom .1s linear, color .1s linear;
    color: rgba(0, 0, 0, .3);
}
#di-nv li:before {
    content: " ";
    width: 6px;
    height: 12px;
    position: absolute;
    display: inline-block;
    background: rgba(0, 0, 0, .1);
    border-radius: 5px;
    left: 7px;
    top: 16px;
    transform: rotate(20deg);
    transition: background .1s linear;
}
#di-nv li a:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, .7);
}
#di-nv li.a a {
    color: rgba(0, 0, 0, .7);
}

/* 用户区 #di-tu */
#di-tu {
    float: right;
}
#di-tu li {
    float: left;
}
#di-tu li a {
    padding: 11px 15px;
    font-size: 14px;
    display: block;
    color: rgba(0, 0, 0, .5);
}
#di-tu li a:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, .02);
}

/* 搜索框 #scbar (覆盖原 Discuz 搜索) */
#scbar {
    float: right;
    border: none;
    width: 185px;
    padding-top: 7px;
    margin-right: 15px;
    background: transparent;
    height: 30px;
    line-height: 29px;
}
#scbar_txt {
    height: 27px;
    width: 105px;
    float: left;
    padding: 0 68px 1px 10px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    color: #666;
    background: rgba(249, 249, 249, .5);
    outline: none;
    font-size: 12px;
}
#scbar_txt:focus {
    background-color: #fff;
}
#scbar_txt::-webkit-input-placeholder { color: #aaa; }
#scbar_txt::-moz-placeholder { color: #aaa; }
#scbar_txt:-ms-input-placeholder { color: #aaa; }
#scbar_txt::input-placeholder { color: #aaa; }
#scbar_type {
    font-size: 12px;
    margin-left: -68px;
    background-position: 100% 60%;
}
#scbar_btn {
    height: 30px;
    width: 24px;
    float: left;
    margin: 0;
    margin-left: -27px;
    border: none;
    background: transparent;
    cursor: pointer;
}

/* === 2. 面包屑区 #pt === */
#pt {
    margin-bottom: 5px;
}
#pt .z {
    font-size: 13px;
    color: #555;
}
#pt .z em {
    text-align: center;
    color: #999;
}
.nvhm {
    width: 16px;
    display: inline-block;
}

/* 公告区 #an */
#an {
    margin-bottom: 5px;
}
#an dt { display: none; }
#an li {
    float: right;
    clear: both;
    width: 526px;
    text-align: right;
}
#an li span {
    float: left;
    width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#an li em {
    float: left;
    width: 75px;
    color: #999;
}
#anc, #an li {
    height: 29px;
    overflow: hidden;
}

/* === 3. DIY 主框架 .di-diy1 === */
.di-diy1 {
    border-top: 2px solid #f92672 !important;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
    margin-bottom: 10px !important;
}
.di-diy1 .frame-2-1-r .block {
    margin: 3px;
}

/* 置顶推荐帖 */
.module.cl.xld.fcs dl dt {
    font-weight: 400;
}
.module.cl.xld.fcs dl dt a {
    font-size: 15px;
}

/* 热帖列表 */
.module.cl.xl.xl1 ul li {
    padding: 3px 0;
    list-style: none;
}
.module.cl.xl.xl1 ul li em {
    color: #999;
    font-style: normal;
    margin-right: 5px;
}

/* === 4. 轮播图 .slidebox / .slideshow === */
.slidebox { display: block; }
.slideshow { clear: both; position: relative; }
.slideshow li {
    position: relative;
    overflow: hidden;
    list-style: none;
}
.slideshow span.title {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    padding-left: 10px;
    overflow: hidden;
}
.slidebar li {
    float: left;
    margin-right: 3px;
    padding: 2px 6px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    cursor: pointer;
    list-style: none;
    font-size: 12px;
}
.slidebar li.on,
.slidebar li:hover {
    background: rgba(0, 0, 0, .6);
}

/* === 5. 版块列表 .fl_tb === */
.fl_tb {
    width: 100%;
}
.fl_tb td {
    padding: 10px 0;
}
.fl_icn {
    padding-right: 10px !important;
    padding-left: 10px !important;
    width: 31px;
}
.fl_by {
    width: 220px;
}
.fl_by div {
    margin-left: 10px;
    width: 210px;
    padding-left: 8px;
    word-break: keep-all;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fl_by cite {
    display: block;
}
.fl_i {
    width: 100px;
    text-align: center;
}
.fl_i em {
    display: block;
    width: 5em;
}

/* di-fh 定制版块行样式 */
.di-fh tr,
.di-ffh tr>td {
    background: #fdfdfd;
    transition: background .2s linear;
}
.di-fh tr:hover,
.di-ffh tr>td:hover {
    background-color: #eff6f8;
}
.di-fh tr .fl_i {
    background: #fafafa;
    transition: background .2s linear;
}
.di-fh tr:hover .fl_i {
    background-color: #e1eff5;
}
.fl_tb tr>td {
    border-top: 1px solid #eee;
}

/* 版块名称 */
.di-fn {
    font-weight: 400;
    font-size: 15px;
}

/* 今日帖数标记 */
.di-tdp {
    background: #fd971f;
    color: #fff;
    padding: 0 5px;
    font-size: 12px;
    border-radius: 12px;
    margin-left: 4px;
    font-weight: 400;
}

/* 版块折叠图标 */
.bm_h .o img {
    cursor: pointer;
}

/* === 6. 在线统计 #online === */
.di-online {
    float: left;
    padding-right: 5px;
}
.di-online-close .bm_h {
    border-bottom: none;
    padding-bottom: 3px;
}

/* === 7. 友情链接 === */
.bm.lk {
    margin-top: 10px;
}
.bm.lk ul li {
    float: left;
    margin-right: 10px;
    list-style: none;
}

/* === 8. 页脚 #ft-con === */
#ft-con {
    background: #fff;
    margin-top: 20px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 55px;
}
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 75px;
}

/* 五色彩条 */
.di-color {}
.di-color div {
    width: 20%;
    float: left;
    height: 2px;
}
.di-color-a { background-color: #f92672; }
.di-color-b { background-color: #fd971f; }
.di-color-c { background-color: #8acf00; }
.di-color-d { background-color: #0092ff; }
.di-color-e { background-color: #ae74ac; }

/* 页脚内容 */
#ft {
    background-color: #fff;
    padding: 12px 0 14px;
    border-top: none;
}
#flk {
    text-align: center;
}
#flk .xs0 {
    padding-top: 5px;
    font-size: 11px;
    line-height: 20px;
}
#frt {
    display: none; /* 隐藏默认 Powered by */
}
.hexapp-logo {
    height: 13px;
    vertical-align: -3px;
    opacity: .7;
}

/* === 9. 通用面板 .bm === */
.bm {
    border: 1px solid #C2D5E3;
    background: #fff;
    margin-bottom: 10px;
}
.bm_h {
    padding: 7px 10px;
    border-bottom: 1px solid #C2D5E3;
    background: #F2F2F2;
}
.bm_h h2 {
    font-size: 14px;
    font-weight: 700;
}
.bm_c {
    padding: 10px;
}

/* === 10. 帖子页面包屑背景 #di-pt-wrap === */
#di-pt-wrap {
    position: absolute;
    width: 100%;
    left: 0;
    background: #777;
    background-size: cover;
    background-position: 50%;
    margin-top: -53px;
}
#di-pt-wrap #pt {
    margin: 0 auto;
    width: 960px;
    height: 107px;
    padding-top: 43px;
}
#di-pt-wrap+div,
#di-pt-wrap+style+div {
    padding-top: 112px;
}
#di-pt-wrap .nvhm,
#di-pt-wrap .nvhm+em {
    display: none;
}
#di-pt-wrap #pt .z {
    text-shadow: none;
    padding-top: 15px;
    padding-left: 5px;
}
#di-pt-wrap #pt .z em {
    color: rgba(255, 255, 255, .7);
}
#di-pt-wrap #pt .z a,
#di-pt-wrap #pt .z a:hover,
#di-pt-wrap #pt .z h1 {
    color: #fff !important;
}
#di-pt-wrap #pt .z a {
    opacity: .9;
}
#di-pt-wrap #pt .z a:hover {
    opacity: 1;
}
#di-pt-wrap #pt .z > a:last-child,
#di-pt-wrap #pt .z > h1:last-child {
    clear: both;
    padding-top: 10px;
    font-size: 34px;
    height: auto;
    font-weight: lighter;
    margin-left: -3px;
}
#di-pt-wrap #pt .z > h1 a,
#di-pt-wrap #pt .z > h1 em,
#di-pt-wrap #pt .z > h1 span {
    float: none;
    font-family: "Segoe UI", Tahoma, "Source Han Sans SC", "Noto Sans CJK SC", "Hiragino Sans GB", "Microsoft Yahei", SimSun;
    font-weight: 300;
}
#di-pt-wrap #pt .z > a:last-child {
    font-family: "Segoe UI", Tahoma, "Source Han Sans SC", "Noto Sans CJK SC", "Hiragino Sans GB", "Microsoft Yahei", SimSun;
    font-weight: 300;
}

/* 帖子页分页栏 #di-ptd */
#di-ptd-wrap {
    height: 30px;
    background: rgba(0, 0, 0, .12);
}
#di-ptd {
    margin: 0 auto;
    width: 960px;
}
#di-ptd .pbn {
    line-height: 30px;
    padding: 0 !important;
    color: rgba(255, 255, 255, .7);
}
#di-ptd .pg a,
#di-ptd .pg strong,
#di-ptd .pg label {
    margin-left: 2px;
    padding: 0 10px;
    background: rgba(0, 0, 0, .06);
    border-radius: 0;
    border: none;
    height: 30px;
    line-height: 30px;
}
#di-ptd .pg strong {
    color: #fff;
    background: rgba(0, 0, 0, .1);
}
#di-ptd .pg a:hover {
    background: rgba(0, 0, 0, .1);
}

/* === 11. 帖子楼层布局 === */
/* 左侧用户信息栏 */
.pls {
    border-right: 1px solid #eeeeee;
    background: #FAFAFA;
    width: 106px;
    overflow: hidden;
}
.pls .avatar {
    margin: 0 8px;
}
.pls .avatar img {
    border-radius: 50%;
    height: 80px;
    width: 80px;
    box-shadow: 0 0 3px #DDD;
    padding: 0;
    margin: 12px 5px 0;
    background: #FFF;
    border: none;
}
.pls p {
    margin: 5px;
    text-align: center;
}
.pls .pi {
    border-bottom: none;
    padding: 0;
}
.pls .pi .authi {
    text-align: center;
    margin-top: 3px;
}
.pls .pi .authi a {
    font-size: 13px;
    font-weight: normal;
}

/* 右侧内容区 */
.plc {
    padding: 0 17px;
}
.plc .pi {
    padding: 12px 0 5px 0;
    border-bottom: none;
}

/* 发帖时间 */
.pti {
    opacity: 0.6;
    float: left;
    transition: opacity linear .1s;
}
.pti:hover {
    opacity: 1;
}

/* 帖子内容 */
.t_fsz {
    min-height: 45px;
    overflow: visible;
}
.t_f, .t_f td {
    font-size: 14px;
}
.t_f a {
    color: #0092ff;
    text-decoration: underline;
}

/* 帖子标题 */
.xst {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, SimSun;
    font-size: 14px;
}

/* 帖子头部 #fh */
#fh h1 {
    font-size: 16px;
}

/* === 12. 引用块 === */
.pl .quote {
    margin: 10px 0;
    padding: 10px 10px 10px 65px;
    background: #F9F9F9;
    line-height: 1.6;
    zoom: 1;
}
.pl .quote blockquote {
    display: inline-block;
    margin: 0;
    padding: 0 65px 5px 0;
    line-height: 1.6;
    zoom: 1;
}
.pl .quote a {
    text-decoration: none;
}

/* === 13. 代码块 === */
.pl .blockcode {
    padding: 10px 0 5px 10px;
    border: 1px solid #CCC;
    background: #F7F7F7;
    overflow: hidden;
}
.pl .blockcode code,
.pl .blockcode ol li {
    font-family: Monaco, Consolas, "Lucida Console", "Courier New", serif;
    font-size: 12px;
    line-height: 1.8em;
}
.pl .blockcode ol {
    margin: 0 0 0 10px !important;
    padding: 0 !important;
}
.pl .blockcode ol li {
    padding-left: 10px;
    list-style-type: decimal-leading-zero;
}
.pl .blockcode ol li:hover {
    background: #FFF;
    color: #0092FF;
}

/* === 14. 签名档 === */
.sign {
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 20px;
    line-height: 1.6em;
}

/* === 15. 操作栏 .po === */
.po {
    border-top: none;
}
.po .y {
    margin: 8px 0 0 5px;
}
.po p {
    float: right;
}
.po p a, .po p label {
    margin-right: 6px;
}
.pob {
    line-height: 36px;
}
.pob em {
    float: left;
}
.pob em a {
    padding: 5px 10px 5px 25px;
}

/* 操作按钮 hover 透明度 */
.hin {
    opacity: 0;
}
.plhin:hover .hin {
    opacity: 1;
}

/* === 16. 用户卡片弹窗 .bui === */
.bui {
    padding-left: 13px;
    padding-top: 12px;
    width: 256px !important;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: 0;
    padding-bottom: 7px;
    border: none;
    overflow: hidden;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
}
.bui > div {
    position: relative;
    z-index: 1;
}
.bui .m img {
    border-radius: 50%;
    height: 80px;
    width: 80px;
}
.bui dl {
    margin-bottom: 5px;
}
.bui .i {
    width: 145px;
}
.bui dd, .bui dt {
    height: 1.7em;
    line-height: 1.7em;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);
}

/* === 17. 快速回复 #vfastpost === */
#vfastpost {
    background: #E5EDF2;
    padding: 3px;
}
#vfastpost th, #vfastpost td {
    padding: 0;
}
#vfastpost td {
    height: 38px;
}
#vfastpost #vf_m input {
    border: 1px solid white;
    width: 100%;
    outline: none;
    font-size: 14px;
}

/* === 18. 翻页 .pg === */
.pg a, .pg strong, .pgb a, .pg label {
    border-radius: 3px;
}

/* === 19. 评分区 .rate === */
.rate {
    margin: 20px 0;
    font-size: 12px;
}
.rate dt {
    float: left;
    padding-top: 7px;
    width: 80px;
    text-align: center;
}
.rate dt strong {
    padding: 12px 8px;
    height: 46px;
    font-size: 24px;
    background: #FFF4DD;
}
.rate .avt img {
    width: 48px;
    height: 48px;
    border: none;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 0 3px #DDD;
}
.rate dd ul li {
    width: 59px;
    height: 65px;
}
.rateh {
    color: #fd971f;
    margin-bottom: 1em;
}

/* === 20. 点评区 .cm === */
.di-cm {
    position: relative;
    margin: 20px -17px -1em -17px;
    background: #FCFCFC;
    padding: 10px 17px;
    border-top: 1px solid #EEE;
}
.di-cm:before {
    content: "\56DE\590D";
    position: absolute;
    top: -10px;
    left: 12px;
    background: linear-gradient(to bottom, white, #fcfcfc);
    border-radius: 12px;
    padding: 0 5px;
    color: #999;
}
.cm .psth {
    display: none;
}
.cm .xi2, .cm .xi2 a, .cm .xi3 a {
    color: #444;
}

/* === 21. 标签页 .ttp === */
.ttp {
    margin-bottom: 5px;
    padding-top: 10px;
    border-width: 2px 0 0;
    background: transparent;
}
.ttp li {
    float: left;
    padding-bottom: 5px;
    list-style: none;
}
.ttp a, .ttp strong {
    float: left;
    margin-right: 5px;
    padding: 4px 8px 3px;
    height: 18px;
    border: 1px solid #CDCDCD;
    background: #FFF;
    white-space: nowrap;
}
.ttp a:hover {
    border-color: #0092FF;
    color: #0092FF;
    text-decoration: none;
}
.ttp .a a {
    padding-right: 12px;
    padding-left: 12px;
    border-color: #0092FF;
    background: #FFFFFF;
    color: #0092FF;
}

/* === 22. 帖子列表页 .tl === */
.tl th, .tl td {
    padding: 5px 0;
    border-bottom: 1px solid #C2D5E3;
}
.tl tr:hover th, .tl tr:hover td {
    background-color: #F2F2F2;
}
.tl .icn {
    padding-left: 5px;
    width: 25px;
    text-align: left;
}
.tl .num {
    width: 60px;
    line-height: 14px;
}
.tl .by {
    width: 105px;
    line-height: 14px;
}
.tl cite, .tl .num em {
    display: block;
}
.tl td em {
    font-size: 11px;
    font-family: Arial, sans-serif;
}
.tl td em, .tl td em a {
    color: #999;
}

/* === 23. 版主标记 === */
.di-threadauthor {
    color: #0092FF;
    margin: 0 8px 0 0;
    padding: 1px 4px 2px 4px;
    border: 1px solid #0092FF;
    border-radius: 3px;
}
.di-warned {
    color: white;
    background: #f30;
    margin: 0 3px;
    padding: 2px 4px 3px 4px;
    border-radius: 3px;
}

/* === 24. 附件样式 === */
.di-attach img.zoom {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 1px;
    box-shadow: 1px 1px 7px #EEE;
    border-radius: 5px;
}
.di-attach-file {
    min-width: 200px;
    font-size: 13px;
    display: inline-block;
    border: 1px solid #FFFFFF;
    background: #FCFCFC;
    margin: 2px 5px 3px 5px;
    padding: 5px 10px;
    box-shadow: 0 0 2px #CCC;
    transition: border-color .2s linear;
}
.di-attach-file:hover {
    border-color: #CCC;
}

/* === 25. 按钮样式 === */
.pn {
    vertical-align: middle;
    overflow: hidden;
    margin-right: 3px;
    padding: 0;
    height: 23px;
    border: 1px solid #999;
    cursor: pointer;
    box-shadow: 0 1px 0 #e5e5e5;
}
a.pn {
    height: 21px;
    line-height: 21px;
    color: #444 !important;
}
a.pn:hover {
    text-decoration: none;
}
.pnc, a.pnc {
    border-color: #235994;
    background-color: #06c;
    color: #fff !important;
}

/* === 26. 输入框 === */
.px, .pt {
    border: 1px solid;
    border-color: #848484 #e0e0e0 #e0e0e0 #848484;
    background: #fff;
    padding: 2px 4px;
    line-height: 17px;
}
.px {
    height: 17px;
}

/* === 27. 弹出菜单 === */
.p_pop {
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}
.p_pop a {
    color: #333;
}
.p_pop a:hover {
    color: #0092ff;
    background: #f2f2f2;
    text-decoration: none;
}

/* === 28. 隐藏默认 #hd (被 #di-header 替代) === */
#hd {
    display: none;
}

/* === 29. 回到顶部 #scrolltop === */
#scrolltop {
    display: none;
}

/* === 30. 响应式 @media === */
@media (max-width: 960px) {
    .wp {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    #pt .y {
        display: none;
    }
    #di-pt-wrap #pt {
        width: 100%;
    }
    #di-ptd {
        width: 100%;
    }
    .pls {
        width: 38px;
        border-right-color: transparent;
        background: white;
    }
    .pls .pi .authi {
        display: none;
    }
    .pls .avatar img {
        width: 48px;
        height: 48px;
    }
    .pls .avatar {
        margin-left: 4px;
        margin-right: 4px;
    }
    .plc {
        padding-left: 14px;
        padding-right: 5px;
    }
    .bui {
        padding-left: 9px;
        width: 228px !important;
    }
    .pti, .pti:hover {
        opacity: .8;
    }
    .rateh {
        margin-left: 0;
        padding: 4px 0 4px 10px;
        border-left: 3px solid #fd971f;
    }
    .di-ttime {
        color: #B6B6B6;
    }
    .pl .quote {
        margin-left: -53px;
        padding-left: 118px;
    }
    .fl_by {
        display: none;
    }
    .fl_i {
        width: 60px;
    }
}

/* === 31. 滚动条美化 (Webkit) === */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .15);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .25);
}

/* === 32. 链接高亮色覆盖 === */
a.xi2 { color: #0092ff; }
.showmenu {
    padding-right: 16px;
    cursor: pointer;
    white-space: nowrap;
}

/* === 33. 表格通用 === */
table {
    empty-cells: show;
    border-collapse: collapse;
}

/* === 34. 隐藏不需要的默认元素 === */
#toptb { display: none; }
#shortcut { display: none; }
#nv { display: none; }
#mu { display: none; }
#um { display: none; }
#qmenu { display: none; }
#scbar_type_menu { display: none; }

/* === 35. 固定Header补偿间距 === */
body {
    padding-top: 43px;
}
#di-pt-wrap {
    margin-top: 0;
}

/* === 36. 搜索按钮图标 (纯CSS) === */
#scbar_btn {
    background: transparent;
    position: relative;
}
#scbar_btn:after {
    content: "🔍";
    font-size: 12px;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
}

/* === 37. 帖子列表页标题样式 === */
#ph h1 {
    font-size: 20px;
    font-weight: 300;
    font-family: "Segoe UI", Tahoma, "Source Han Sans SC", "Noto Sans CJK SC", "Hiragino Sans GB", "Microsoft Yahei", SimSun;
}

/* === 38. 帖子内容区背景透明 === */
#postlist {
    background: transparent;
}
#postlist > table,
#postlist > div > table {
    background: white;
}

/* === 39. 首页版块图标尺寸 === */
.fl_icn img {
    width: 48px;
    height: 48px;
}

/* === 40. 面包屑区公告样式 === */
#an li em {
    font-style: normal;
}
#an .xi2 {
    color: #0092ff;
}

/* === 41. 帖子列表页 forumdisplay === */
.boardnav {
    padding-top: 0;
}
.bml .bm_h {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
}
.bml .bm_h h1 {
    font-size: 16px;
    font-weight: 700;
}
.bml .bm_h h1 a {
    color: #333;
}
.bml .bm_h h1 .xs1 {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin-left: 8px;
}
.bml .bm_h h1 .xi1 {
    color: #f26c4f;
}

/* 帖子列表表头 */
.tl .th {
    margin-top: 1px;
    padding: 0 10px;
    border-bottom: 1px solid #CDCDCD;
    background: #F2F2F2;
}
.tl .th td, .tl .th th {
    height: 20px;
    border: none;
    vertical-align: baseline;
}

/* 帖子列表行 */
.tl table {
    width: 100%;
    table-layout: fixed;
}
.tl .icn {
    padding-left: 5px;
    width: 25px;
    text-align: left;
}
.tl .icn a:hover {
    text-decoration: none;
}
.tl .fn {
    padding-right: 1.5em;
}
.tl .by cite {
    display: block;
}

/* 帖子标题链接 */
.xst {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, SimSun;
    font-size: 14px;
    color: #333;
}
a.xst:hover {
    color: #0092ff;
    text-decoration: none;
}

/* 置顶帖样式 */
.tl .ts th, .tl .ts td {
    padding: 3px 0;
    border-bottom-color: #CDCDCD;
    background: #F2F2F2;
}

/* 帖子列表底部翻页 */
.tl .tf {
    padding: 3px 0;
}

/* 发帖按钮 */
#newspecial {
    margin: 5px 0;
}
.pgsbtn {
    display: inline-block;
    padding: 4px 12px;
    background: #0092ff;
    color: #fff !important;
    border-radius: 3px;
    font-size: 13px;
}
.pgsbtn:hover {
    background: #007dd4;
    text-decoration: none;
}

/* === 42. 版块页面规则区 === */
.bml .bm_c.pbn {
    padding: 5px 15px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
}

/* === 43. 子版块列表 === */
.bml .bm_c .xl {
    padding: 8px 15px;
}
.bml .bm_c .xl li {
    float: left;
    margin-right: 15px;
    list-style: none;
}
.bml .bm_c .xl li a {
    color: #0092ff;
}

/* === 44. 登录/注册弹窗 === */
#fwin_login .m_c {
    padding: 20px;
}
.lf_form {
    width: 100%;
}
.lf_form td {
    padding: 5px 0;
}
.lf_form .px {
    width: 200px;
    height: 25px;
    padding: 3px 6px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.lf_form .px:focus {
    border-color: #0092ff;
    outline: none;
}
.lf_form .pn {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    background: #0092ff;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}
.lf_form .pn:hover {
    background: #007dd4;
}

/* === 45. 消息提示框 === */
.alert_info {
    padding: 10px 15px;
    background: #e8f4fd;
    border: 1px solid #b3d8f0;
    border-radius: 3px;
    color: #31708f;
    font-size: 13px;
}
.alert_error {
    padding: 10px 15px;
    background: #fdf2f2;
    border: 1px solid #f5c6cb;
    border-radius: 3px;
    color: #721c24;
    font-size: 13px;
}
.alert_right {
    padding: 10px 15px;
    background: #eafbe7;
    border: 1px solid #c3e6cb;
    border-radius: 3px;
    color: #155724;
    font-size: 13px;
}

/* === 46. 发帖编辑器 === */
#f_pst .bm_c {
    padding: 20px;
}
#f_pst .tedt {
    width: auto;
}
.tedt .bar {
    margin: 0;
    padding: 5px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom: none;
}
.tedt .area textarea {
    width: 100%;
    min-height: 200px;
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.8;
    resize: vertical;
}
.tedt .area textarea:focus {
    border-color: #0092ff;
    outline: none;
}

/* === 47. 个人空间/用户主页 === */
#di-pt-wrap.di-pt-d+div,
#di-pt-wrap.di-pt-d+style+div {
    padding-top: 142px;
}

/* === 48. 搜索结果页 === */
#scform .bm_c {
    padding: 15px;
}
#scform .px {
    width: 300px;
    height: 28px;
    padding: 3px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
#scform .pn {
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
}

/* === 49. 空状态提示 === */
.emp {
    padding: 40px 10px;
    text-align: center;
    color: #999;
    font-size: 14px;
}
.emp a {
    color: #0092ff;
    text-decoration: underline !important;
}

/* === 50. 通知/提醒列表 === */
.bm_c .xl li {
    padding: 5px 0;
    border-bottom: 1px dashed #eee;
}
.bm_c .xl li:last-child {
    border-bottom: none;
}

/* === 51. 侧边栏 === */
.sd {
    width: 250px;
}
.sd .bm {
    margin-bottom: 10px;
}

/* === 52. 全局过渡动画 === */
a, button, input, .pn, .pgsbtn {
    transition: all .15s ease-in-out;
}

/* === 53. 选中文字颜色 === */
::selection {
    background: #0092ff;
    color: #fff;
}
::-moz-selection {
    background: #0092ff;
    color: #fff;
}

/* === 54. 置顶回顶部按钮 (自定义) === */
.di-scrolltop {
    position: fixed;
    right: 20px;
    bottom: 80px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: rgba(0, 0, 0, .15);
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    transition: opacity .3s;
    font-size: 18px;
}
.di-scrolltop.show {
    opacity: 1;
}
.di-scrolltop:hover {
    background: rgba(0, 0, 0, .3);
    text-decoration: none;
}

/* === 55. 用户空间 home/space 适配 === */
body#space {
    padding-top: 43px;
}
body#space #toptb {
    display: none !important;
}
body#space #hd {
    display: block !important;
    margin-top: 0;
    padding-top: 10px;
}
body#space #hd h2 {
    font-size: 18px;
    font-weight: 300;
}
body#space #hd h2 strong {
    font-size: 20px;
    font-weight: 300;
    font-family: "Segoe UI", Tahoma, "Source Han Sans SC", "Noto Sans CJK SC", "Hiragino Sans GB", "Microsoft Yahei", SimSun;
}

/* === 56. 搜索页 search 适配 === */
body#nv_search {
    padding-top: 43px;
}
body#nv_search #toptb {
    display: none !important;
}

/* === 57. 首页面包屑公告区间距 === */
#pt .y #an {
    margin-bottom: 0;
}

/* === 58. 版块图标 SVG 默认色 === */
.fl_icn svg path {
    fill: #fdc910;
}

/* === 59. 帖子列表页快速发帖按钮区 === */
#pgt {
    padding: 5px 0;
    margin-bottom: 10px;
}
#pgt .pgt {
    float: left;
}
#pgt .pgsbtn {
    float: right;
    margin-left: 5px;
}

/* === 60. 帖子页操作按钮 hover 效果 === */
.po a:hover {
    color: #0092ff;
    text-decoration: none;
}

/* === 61. 首页统计信息 === */
#chart .chart {
    color: #999;
    font-size: 12px;
}
#chart .chart em {
    color: #f26c4f;
    font-style: normal;
    font-weight: 700;
}

/* === 62. 友情链接区 === */
.bm.lk {
    border: 1px solid #eee;
    background: #fff;
    padding: 8px 10px;
}
.bm.lk ul {
    margin: 0;
    padding: 0;
}
.bm.lk ul li {
    float: left;
    margin-right: 12px;
    list-style: none;
    line-height: 22px;
}
.bm.lk ul li a {
    color: #0092ff;
    font-size: 12px;
}
.bm.lk ul li a:hover {
    color: #007dd4;
}

/* === 63. 在线会员区 === */
#online .bm_h {
    background: #fafafa;
}
#online .bm_h h3 {
    font-size: 13px;
    font-weight: 700;
    color: #333;
}
#online .bm_h .xs1 {
    font-size: 11px;
    color: #999;
}
#online .bm_h .chart {
    font-size: 11px;
    color: #999;
}
#online .bm_h .chart em {
    color: #f26c4f;
    font-style: normal;
}

/* === 64. 弹窗遮罩层 === */
.fwinmask {
    background: rgba(0, 0, 0, .3);
}
.fwin {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

/* === 65. 表情选择器 === */
#fastsmilies td {
    cursor: pointer;
    padding: 2px;
}
#fastsmilies td:hover {
    background: #f2f2f2;
    border-radius: 3px;
}

/* === 66. 积分/用户组菜单 === */
#extcreditmenu_menu,
#g_upmine_menu {
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
    border-radius: 0 0 3px 3px;
}

/* === 67. 帖子页楼层锚点 === */
.plhin {
    background-image: none !important;
}

/* === 68. 隐藏帖子页多余元素 === */
.di-ban #p_btn {
    display: none;
}
.di-ban .plc .po,
.di-ban .plc .pi .none,
.di-ban .plc .pi .show {
    display: none;
}

/* === 69. 评分用户名片头像 === */
.rate .avt img {
    width: 48px;
    height: 48px;
    border: none;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 0 3px #DDD;
}

/* === 70. 全局链接 hover 统一 === */
a:hover {
    color: #0092ff;
}
a.xi2:hover,
a.xi3:hover {
    color: #007dd4;
}
