/* Discuz! X3.5 Common Style - Complete */
/* Reset & Base */
*{word-wrap:break-word;}
body{background:#FFF;}
@media (min-width:769px){ body{min-width:1200px;} }

/* 全局滚动条样式 */
html{scroll-behavior:smooth;}
body{scroll-behavior:smooth;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#E5EDF2;border-radius:5px;}
::-webkit-scrollbar-thumb{background:#429296;border-radius:5px;border:2px solid #E5EDF2;}
::-webkit-scrollbar-thumb:hover{background:#37777a;}
::-webkit-scrollbar-corner{background:#E5EDF2;}
html{scrollbar-width:thin;scrollbar-color:#429296 #E5EDF2;}
body{scrollbar-width:thin;scrollbar-color:#429296 #E5EDF2;}
body,input,button,select,textarea{font:12px/1.5 Tahoma,Helvetica,'Microsoft Yahei',sans-serif;color:#444;}
textarea{resize:none;}
body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,.pr,.pc{margin:0;padding:0;}
table{empty-cells:show;border-collapse:collapse;}
caption,th{text-align:left;font-weight:400;}
ul li,.xl li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:1em;}
em,cite,i{font-style:normal;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
label{cursor:pointer;}
img.boardlogo{vertical-align:middle;}

/* Font Icon */
@font-face{font-family:"dzicon";src:url('../images/static/image/common/dzicon.eot');src:url('../images/static/image/common/dzicon.eot?#iefix') format('eot'),url('../images/static/image/common/dzicon.woff2') format('woff2'),url('../images/static/image/common/dzicon.woff') format('woff');font-weight:normal;font-style:normal;}

/* Layout */
.z{float:left;}
.y{float:right;}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1;}
.wp{margin:0 auto;max-width:1200px;width:100%;box-sizing:border-box;padding:0 10px;}
#wp .wp{width:100%;}
.pipe{margin:0 5px;color:#CCC;}
.hidefocus{outline:none;}
.vm{vertical-align:middle;}
.vm *{vertical-align:middle;}
.hm{text-align:center;}
.xs0{font-family:Tahoma,Helvetica,sans-serif;font-size:0.83em;-webkit-text-size-adjust:none;}
.xs1{font-size:12px !important;}
.xs2{font-size:14px !important;}
.xs3{font-size:16px !important;}
.xg1,.xg1 a{color:#999 !important;}
.xi2,.xi2 a{color:#369;}
.xw0{font-weight:400;}
.xw1{font-weight:700;}
.mtn{margin-top:5px !important;}
.mbm{margin-bottom:10px !important;}
.ptm{padding-top:10px !important;}
.pbm{padding-bottom:10px !important;}

/* Top Toolbar */
#toptb{border-bottom:1px solid #CDCDCD;background:#F2F2F2;line-height:28px;}
@media (min-width:769px){ #toptb{min-width:1200px;} }
#toptb a{float:left;padding:0 4px;height:28px;color:#666;}
#toptb a:hover{color:#F60;text-decoration:underline;}
#toptb .wp{overflow:hidden;}
#toptb .y a{margin-top:5px;margin-left:5px;padding:0 !important;width:18px;height:18px !important;line-height:18px;font-size:12px;text-align:center;text-decoration:none;color:#aaa;overflow:hidden;}

/* Header */
#hd{border-bottom:0 solid #C2D5E3;}
#hd .wp{padding:10px 0 0;}
.hdc{min-height:70px;}
#hd h2{padding:0 20px 12px 0;float:left;}
#hd h2 a{font-size:0;}
#hd h2 img{display:block;}
#hd .fastlg{padding-top:10px;}
#hd .fastlg .pns{margin-bottom:10px;}

/* Navigation */
#nv{overflow:hidden;height:33px;background:#2B7ACD;}
#nv li{float:left;padding-right:1px;height:33px;line-height:33px;font-weight:700;font-size:14px;}
#nv li a{float:left;padding:0 15px;height:33px;color:#FFF;}
#nv li.a{margin-left:-1px;background:#005AB4;}
#nv li.a a{color:#FFF;}
#nv li a:hover{background:#004FA0;text-decoration:none;}
#nv .y{padding:0 10px;}
#mu{position:relative;z-index:1;}
#mu ul{background:#f8f8f8;line-height:22px;z-index:2;font-size:12px;}

/* Quick Nav */
#qmenu{float:right;display:inline;margin:5px 8px 0;padding:0 5px;width:103px;height:24px;background:#fff;line-height:24px;text-align:center;color:#369;font-weight:700;overflow:hidden;}
#qmenu:hover{text-decoration:none;}
.p_pop,.blk{padding:4px;border:1px solid #DDD;background:#FEFEFE;box-shadow:2px 4px 4px rgba(0,0,0,0.2);}
.p_pop a{display:block;padding:3px 5px;border-bottom:1px solid #E5EDF2;white-space:nowrap;}
.p_pop a:hover{background-color:#E5EDF2;color:#369;text-decoration:none;}

/* Login Form */
.fastlg{line-height:24px;}
.fastlg td{padding:2px 0 2px 4px;}
.ftid{float:left;margin-right:6px;}
.ftid a{display:block;overflow:hidden;padding:0 17px 0 4px;height:21px;line-height:21px;text-decoration:none !important;font-size:12px;font-weight:400;color:#444 !important;border:1px solid;border-color:#848484 #E0E0E0 #E0E0E0 #848484;background:#FFF;}
#ls_fastloginfield_ctrl{line-height:20px;border:none;background-color:transparent;}
.psw_w{padding-left:5px;}
.fastlg_l{padding-right:4px !important;border-right:1px solid #E5EDF2;}

/* Inputs & Buttons */
.px,.pt,.ps,select{border:1px solid;border-color:#848484 #E0E0E0 #E0E0E0 #848484;background:#FFF;}
.px:focus,.ps:focus{outline:0;border-color:#2B7ACD;box-shadow:0 0 2px #2B7ACD;}
.px,.pt{padding:2px 4px;line-height:17px;}
.px{height:17px;}
button::-moz-focus-inner{border:0;padding:0;}
.pn{vertical-align:middle;overflow:hidden;margin-right:3px;padding:0;height:23px;border:1px solid #999;background:#EEE;cursor:pointer;box-shadow:0 1px 0 #E5E5E5;border-radius:3px;}
.pn em,.pn span,.pn strong{padding:0 10px;line-height:21px;}
.pn em,.pn strong{font-weight:700;}
.pnc{border-color:#06C;background-color:#06C;color:#FFF !important;}
.pnc:active{background:#0059b3;}
.pc{vertical-align:middle;margin:0 5px 1px 0;padding:0;}

/* Breadcrumb */
#pt{margin:2px 0;height:29px;border:none;background:transparent;line-height:29px;}
#pt .z{padding-right:10px;}
#pt .z a,#pt .z em,#pt .z span{float:left;height:29px;}
#pt .z em{width:20px;height:29px;text-align:center;color:#bdbdbd;font-style:normal;}
.nvhm{width:auto;font-size:14px;color:#429296;overflow:visible;text-decoration:none;}

/* Content Area */
#ct{min-height:300px;}
.mn{overflow:hidden;}

/* Board Module */
.bm,.bn{margin-bottom:10px;}
.bm{border:1px solid #CDCDCD;background:#FFF;}
.bm_c{padding:10px;}
.bm_h .o{float:right;width:30px;}
.bm_h .o em{float:right;margin-top:8px;cursor:pointer;color:#CCC;font-size:18px;line-height:16px;background:radial-gradient(#fff 45%,transparent 45%);}
.tg_yes:before{content:"−";}
.tg_no:before{content:"+";}
.bm_h{padding:0 10px;height:31px;border-top:1px solid #FFF;border-bottom:1px solid #C2D5E3;background:#F2F2F2;line-height:31px;white-space:nowrap;overflow:hidden;}
.bm_h h2{font-size:14px;font-weight:700;}
.bm_h h2 a{color:#333;}
.bmw .bm_h{border-top-color:#FFF;border-right:1px solid #FFF;border-bottom-color:#C2D5E3;border-left:1px solid #FFF;background:#E5EDF2;}
.bmw .bm_h a{color:#369;}

/* Forum List */
.fl{border:1px solid #CDCDCD;border-top:none;background:#FFF;}
.fl .bm{margin-bottom:0;border:none;}
.fl .bm_h{border-width:1px 0;border-color:#C2D5E3;background:#E5EDF2;}
.fl .bm_c{padding-top:0;padding-bottom:0;}
.bw0{border:none !important;}
.fl_tb{width:100%;}
.fl_tb td{padding:14px 0;}
.fl_g{vertical-align:top;}
.fl_icn_g{float:left;width:56px;}
.fl_g dl{margin-left:56px;padding-left:12px;}
.fl_g dt{font-weight:700;font-size:17px;}
.fl_g dt a{color:#333;font-weight:700;}
.fl_g dt a:hover{color:#F60;}
.fl_g dd{font-size:13px;color:#888;}
.fl_g dd em{color:#888;font-style:normal;}
.fl_row td{border-top:1px dashed #CDCDCD;}
.fl_icn img,.fl_icn svg,.fl_icn_g img,.fl_icn_g svg{vertical-align:middle;}

/* Chart/Stats */
.chart{color:#999;font-size:12px;}
.chart em{color:#444;}

/* Footer */
#ft{padding:10px 0 50px;line-height:1.8;color:#666;}
#flk{text-align:right;}
#flk img{vertical-align:middle;}
#frt{}

/* Scroll to Top */
#scrolltop{visibility:hidden;position:fixed;bottom:100px;display:block;margin:-30px 0 0 2px;width:40px;background:#f4f4f4;border:1px #cdcdcd solid;border-radius:3px;border-top:0;cursor:pointer;}
#scrolltop:hover{text-decoration:none;}
#scrolltop a{display:block;width:30px;height:24px;padding:3px 5px;line-height:12px;text-align:center;color:#BBB;text-decoration:none;border-top:1px #cdcdcd solid;font-size:12px;}
#scrolltop a:hover{color:#72A3D3;}
#scrolltop a b{visibility:hidden;font-weight:normal;}

/* Misc */
.ptm{padding-top:10px !important;}
.pbm{padding-bottom:10px !important;}
.pbn{margin-bottom:5px !important;}
.ptn{padding-top:5px !important;}
.pbn{padding-bottom:5px !important;}
#ajaxwaitid{display:none;}

/* ===== Toast 提示 ===== */
.toast-container { position: fixed; top: 60px; right: 20px; z-index: 99999; }
.toast-item { margin-bottom: 10px; padding: 12px 20px; border-radius: 4px; color: #fff; font-size: 14px; 
  box-shadow: 0 4px 12px rgba(0,0,0,0.2); animation: toastIn 0.3s ease; min-width: 200px; }
.toast-item.toast-success { background: #18BD9D; }
.toast-item.toast-error { background: #F26C4F; }
.toast-item.toast-info { background: #2B7ACD; }
@keyframes toastIn { from { opacity:0; transform: translateX(50px); } to { opacity:1; transform: translateX(0); } }
@keyframes toastOut { from { opacity:1; transform: translateX(0); } to { opacity:0; transform: translateX(50px); } }

/* ===== 模态框 ===== */
.modal-overlay { position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99998; display:none; }
.modal-overlay.show { display:block; }
.modal-box { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:400px; background:#fff; border-radius:6px; 
  box-shadow: 0 8px 30px rgba(0,0,0,0.3); z-index:99999; display:none; }
.modal-box.show { display:block; }
.modal-header { padding:12px 15px; border-bottom:1px solid #E5EDF2; font-size:16px; font-weight:700; background:#F2F2F2; border-radius:6px 6px 0 0; }
.modal-header .modal-close { float:right; cursor:pointer; font-size:20px; color:#999; line-height:1; }
.modal-header .modal-close:hover { color:#F26C4F; }
.modal-body { padding:20px 15px; font-size:14px; color:#666; line-height:1.8; }
.modal-footer { padding:10px 15px; text-align:right; border-top:1px solid #E5EDF2; }
.modal-footer .modal-btn { display:inline-block; padding:6px 20px; border:1px solid #C2D5E3; border-radius:3px; background:#E5EDF2; 
  color:#333; cursor:pointer; font-size:14px; }
.modal-footer .modal-btn:hover { background:#D5E3EC; }
.modal-footer .modal-btn-primary { background:#429296; color:#fff; border-color:#066; }
.modal-footer .modal-btn-primary:hover { background:#005D5D; }

/* ===== 登录弹窗 ===== */
.login-modal-form { margin-top:15px; }
.login-modal-form .form-row { margin-bottom:12px; }
.login-modal-form label { display:block; margin-bottom:4px; font-size:12px; color:#666; }
.login-modal-form input[type="text"],
.login-modal-form input[type="password"] { width:100%; height:32px; border:1px solid #C2D5E3; border-radius:3px; padding:0 8px; font-size:14px; box-sizing:border-box; }
.login-modal-form input:focus { border-color:#429296; box-shadow:0 0 3px rgba(66,146,150,0.3); outline:none; }
.login-modal-form .form-check { display:flex; align-items:center; gap:5px; font-size:12px; color:#666; }
.login-modal-form .form-actions { text-align:center; margin-top:15px; }
.login-modal-form .form-actions button { padding:8px 30px; border:none; border-radius:3px; background:#429296; color:#fff; 
  font-size:14px; font-weight:700; cursor:pointer; }
.login-modal-form .form-actions button:hover { background:#005D5D; }
.login-modal-form .form-links { text-align:center; margin-top:10px; font-size:12px; }
.login-modal-form .form-links a { color:#369; margin:0 8px; }
.login-error { color:#F26C4F; font-size:12px; margin-top:5px; display:none; }

/* ===== 下拉菜单增强 ===== */
.ftid-dropdown { position:absolute; top:21px; left:0; z-index:100; background:#fff; border:1px solid #DDD; 
  box-shadow:2px 4px 4px rgba(0,0,0,0.2); display:none; }
.ftid-dropdown li { padding:4px 12px; cursor:pointer; font-size:12px; color:#666; }
.ftid-dropdown li:hover { background:#E5EDF2; color:#369; }
.ftid-dropdown li.current { color:#F26C4F; }

/* ===== 版块折叠动画 ===== */
.bm_c { transition: max-height 0.3s ease; overflow: hidden; }
.bm_c.collapsed { max-height: 0 !important; padding: 0 !important; border: none; }

/* ===== 导航栏固定 ===== */
#nv_ph { position: relative; z-index: 10; }
#nv_ph.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }

/* ===== 宽版切换 ===== */
body.wide-mode .wp { width: 100% !important; max-width: 100% !important; padding: 0 20px; box-sizing: border-box; }

/* ===== 按钮hover效果增强 ===== */
#nv li a { transition: background-color 0.2s ease; cursor: pointer; }
.pn { transition: background-color 0.2s ease; cursor: pointer; }
.pn:hover { background: #ddd; }
.pnc:hover { background: #0059b3 !important; }
#qmenu { cursor: pointer; transition: background-color 0.2s ease; }
#qmenu:hover { background: rgba(255,255,255,0.15); }
#toptb a { cursor: pointer; transition: color 0.2s ease; }
.fl_g dt a { cursor: pointer; }
.fl_g dt a:hover { color: #F60 !important; }

/* ===== 快捷导航菜单增强 ===== */
#qmenu_menu { width: 500px; }
#qmenu_menu .qnav-list { padding: 10px; }
#qmenu_menu .qnav-list a { display: inline-block; margin: 3px; padding: 5px 12px; border: 1px solid #C2D5E3; background: #E5EDF2; 
  color: #369; text-decoration: none; font-size: 12px; border-radius: 3px; }
#qmenu_menu .qnav-list a:hover { background: #429296; color: #fff; border-color: #066; text-decoration: none; }

/* ===== 论坛列表帖子行hover ===== */
.tl tbody tr:hover { background: #F8FBFC; }
.tl th a.xst { transition: color 0.15s ease; }

/* ===== 分页 ===== */
.pg a { cursor: pointer; transition: all 0.15s ease; }
.pg a:hover { border-color: #369; color: #369; }
.pg label input { text-align: center; }

/* ===== 滚动条美化 ===== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F2F2F2; }
::-webkit-scrollbar-thumb { background: #C5E6DF; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #429296; }

/* ===== 用户名登录类型切换按钮箭头 ===== */
#ls_fastloginfield_ctrl { position: relative; }
#ls_fastloginfield_ctrl::after { content: "\25BE"; margin-left: 2px; font-size: 10px; }

/* ===== 移动端全局适配 ===== */
@media (max-width: 768px) {
    body { min-width: 100% !important; width: 100% !important; overflow-x: clip !important; -webkit-overflow-scrolling: touch !important; }
    html { overflow-x: clip !important; -webkit-overflow-scrolling: touch !important; }
    .wp { width: 100% !important; max-width: 100% !important; padding: 0 8px !important; box-sizing: border-box !important; }
    #hd, #nv, #toptb, #ft { min-width: 100% !important; width: 100% !important; }
    #hd .wp, #nv .wp, #toptb .wp, #ft .wp { width: 100% !important; max-width: 100% !important; padding: 0 8px !important; }
    .mn { overflow: visible !important; width: 100% !important; }
    .sd { display: none !important; }
    #pt .y { display: none !important; }
    #qmenu { display: none !important; }
    #qmenu_menu { display: none !important; }
    .ftid { display: none !important; }
    #scrolltop { display: none !important; }
    #nv { height: auto !important; }
    #nv ul { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; }
    #nv li { float: none !important; }
    #nv li a { font-size: 13px !important; padding: 0 10px !important; }
    #hd h2 { float: none !important; text-align: center !important; padding: 10px 0 !important; }
    #hd .fastlg { float: none !important; text-align: center !important; padding: 10px 0 !important; }
    .bm_h { white-space: normal !important; overflow: visible !important; height: auto !important; line-height: 1.8 !important; padding: 8px 10px !important; }
    .ct2 .mn { width: 100% !important; float: none !important; }
    .ct2 .sd { display: none !important; }
    table { width: 100% !important; }
    /* 通用移动端优化 */
    .modal-box { width: 92% !important; max-width: 360px !important; box-sizing: border-box !important; }
    .toast-item { min-width: 0 !important; max-width: 90vw !important; }
    .form-card .fc-body { padding: 15px 12px !important; }
    .form-card .fc-head { font-size: 13px !important; padding: 0 12px !important; }
    /* 导航栏右侧用户信息 */
    #nv .y { padding-right: 5px !important; font-size: 12px !important; white-space: nowrap !important; }
    #nv .y a { margin: 0 2px !important; }
    /* 通用按钮触控优化 */
    a, button, .op-btn, .pn { -webkit-tap-highlight-color: transparent; }
    * { -webkit-tap-highlight-color: transparent; }
}
