@charset "utf-8";
/* ============================================
 * pc.css - PC端样式 (Phase 2 清理版)
 * gdnms.com 前台CSS重构 v2.0
 * 清理: 死代码 + 颜色变量化 + 间距变量化
 * 约束: 布局零改动，仅优化代码表达方式
 * ============================================ */

.header { width: 100%; height: 100px; min-width: 1200px; background: #d3dce9; /* 特殊背景色，保留 */ }

.logo { width: 290px; height: 100px; float: left; background: var(--color-primary); display: flex; align-items: center; justify-content: center; overflow: hidden; }

.logo img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }

.h-txt { float: left; padding-left: 45px; font-size: var(--text-2xl); font-weight: 700; color: var(--color-text); line-height: 100px; height: 100px; }

.h-txt a { font-size: var(--text-sm); font-weight: 100; color: var(--color-text); }

.top-box { width: auto; height: 100px; float: right; padding-right: var(--space-10); line-height: 100px; font-size: var(--text-sm); color: var(--color-border); }

.top-box a { color: var(--color-text); padding: 0 20px; }

.top-box2 a { padding: 0 10px; }

.top-box2 span { padding: 0 10px; color: var(--color-text); }

.top-box2 b { color: #df4949; font-weight: 100; }

.top-box .r { padding: 0; }

.top-box p { padding-right: var(--space-5); }

.top-box i { width: 20px; height: 20px; display: inline-block; background: url(../images/ico01.png) no-repeat; margin-bottom: -4px; }

.main { width: 80%; min-width: 1200px; height: 610px; margin: 110px auto 0 auto; }

.m-con1 { width: 49.2%; height: 610px; float: left; margin-right: 1.6%; }

.m-con2 { width: 49.2%; height: 610px; float: left; }

.ul01 .active { display: block; }

.m-tab1 { width: 100%; height: 400px; margin-bottom: var(--space-5); position: relative; }

.dl01 .active { background: url(../images/li1.png) no-repeat; }

.m-tab1 img { width: 100%; height: 100%; }

.m-tab2 { width: 100%; height: 190px; text-align: center; }

.m-li1 { width: 48.4%; height: 190px; background: var(--color-bg-secondary); float: left; margin-right: 3.2%; text-align: center; }

.m-li2 { width: 48.4%; height: 190px; background: var(--color-bg-secondary); float: left; }

.m-li3,.m-li4 { width: 31.2%; height: 190px; float: left; margin-right: 3.2%; }

.m-li4 { margin-right: 0; }

.p01 { font-size: var(--text-sm); font-weight: 700; color: var(--color-text); padding-top: var(--space-10); }

.p02 { font-size: var(--text-xs); color: var(--color-text-muted); padding-top: var(--space-5); }

.p03 { font-size: var(--text-3xl); font-weight: 700; color: var(--color-primary); padding-top: var(--space-5); }

.bg01 { background: var(--color-primary); }

.bg02 { background: var(--color-secondary); }

.bg03 { background: #82a9e0; }

.bg04 { background: #e39e7e; }

.bg05 { background: #ffbb37; }

.bg06 { background: #ff7761; }

.bg07 { background: #6c98e7; }

.m-li1 .ico-box, .m-li2 .ico-box, .m-li3 .ico-box, .m-li4 .ico-box { width: 60px; height: 60px; display: block; margin: 0px auto; margin-top: var(--space-10); }

.m-tit1 { font-size: var(--text-xl); color: var(--color-text-white); font-weight: 700; margin-top: 10px; display: block; }

.r-box { width: 40px; height: 160px; position: absolute; left: -40px; top: 0; background: var(--color-primary); font-size: var(--text-sm); color: var(--color-text-white); text-align: center; }

.r-main { width: 310px; height: 290px; background: var(--color-bg); box-shadow: 0 0 20px #888; position: fixed; right: -310px; bottom: 300px; }

.r-main ul { margin: 0 15px; }

.r-main ul li { width: 100%; height: 54px; line-height: 54px; border-bottom: 1px dashed var(--color-border); font-size: var(--text-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ppp3 { padding-top: var(--space-5); }

.ppp3 a { line-height: 35px; color: var(--color-text-white); text-align: center; margin-left: 10px; background: var(--color-primary); font-size: var(--text-sm); padding: var(--space-2); }

.ppp3 .a2 { background: var(--color-secondary); }

.ppp3 .a3 { background: #b0287a; }

.r-box p { padding-top: var(--space-4); line-height: 18px; }

.r-box a { width: 40px; height: 40px; background: var(--color-border-dark); display: block; position: absolute; left: 0; bottom: 0; }

.main2 { width: 100%; height: auto; min-width: 1200px; overflow: hidden; }

.left-box { width: 320px; height: 100%; float: left; position: relative; overflow: hidden; }

.left-box2 { width: 320px; height: 100%; float: left; position: relative; overflow: hidden; }

.left-con { width: 290px; background: #192d44; /* 深色侧边栏背景，保留 */ overflow: hidden; }

.menu-ul { width: 290px; height: auto; }

.menu-ul li { width: 100%; height: 70px; line-height: 70px; }

.menu-ul li a { width: 287px; height: 70px; display: block; color: #a8acb2; }

.menu-ul li a:hover,.menu-ul .active a { background: #121f2d; border-right: 3px solid var(--color-warning); color: var(--color-text-white); font-weight: 700; }

.menu-ul li i { width: 70px; height: 70px; display: inline-block; background: url(../images/icolist.png) no-repeat; float: left; }

.menu-ul li span { line-height: 70px; display: inline-block; font-size: var(--text-base); float: left; width: 160px; text-align: center; }

.menu-ul li .i02 { background-position: 0 -70px; }

.menu-ul li .i03 { background-position: 0 -140px; }

.menu-ul li .i04 { background-position: 0 -210px; }

.menu-ul li .i05 { background-position: 0 -280px; }

.menu-ul li .i06 { background-position: 0 -350px; }

.menu-ul li .i07 { background-position: 0 -420px; }

.menu-ul li .i08 { background-position: 0 -490px; }

.menu-ul li a:hover .i01, .menu-ul .active a .i01 { background-position: -70px 0; }

.menu-ul li a:hover .i02, .menu-ul .active a .i02 { background-position: -70px -70px; }

.menu-ul li a:hover .i03, .menu-ul .active a .i03 { background-position: -70px -140px; }

.menu-ul li a:hover .i04, .menu-ul .active a .i04 { background-position: -70px -210px; }

.menu-ul li a:hover .i05, .menu-ul .active a .i05 { background-position: -70px -280px; }

.menu-ul li a:hover .i06, .menu-ul .active a .i06 { background-position: -70px -350px; }

.menu-ul li a:hover .i07, .menu-ul .active a .i07 { background-position: -70px -420px; }

.menu-end { width: 290px; height: 230px; left: 0; bottom: 20px; text-align: center; }

.menu-end .p01 { color: #445060; padding: 0; font-size: var(--text-sm); }

.menu-end .p02 { color: #445060; padding-top: 5px; font-size: var(--text-xs); }

.menu-end .p03 { color: var(--color-text-white); padding-top: 10px; }

.btn2 { width: 30px; height: 100px; position: absolute; right: 0px; top: 300px; background: var(--color-warning); cursor: pointer; }

.btn2:hover { background: var(--color-warning); }

.main-box { width: calc(100% - 350px); height: auto; float: left; margin-left: var(--space-5); margin-top: var(--space-10); }

.main-con { width: 100%; height: auto; clear: both; }

.dl02 { margin-bottom: 50px; width: 100%; height: auto; clear: both; overflow: hidden; }

.dl02 dt { width: 11%; height: 190px; float: left; background: #5385c0; color: var(--color-text-white); line-height: 190px; text-align: center; font-size: var(--text-lg); font-weight: 700; }

.dl02 dd { width: 11%; height: 48px; float: left; background: var(--color-bg); text-align: center; line-height: 50px; font-size: var(--text-sm); color: var(--color-text); margin-left: 1.4%; margin-bottom: var(--space-5); border: 1px solid var(--color-border-light); }

.dl02 .active { background: var(--color-primary); border-color: var(--color-primary); }

.dl02 .active a { color: var(--color-text-white); }

.dl02 dd:hover,.dl02 dd:hover a { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-text-white); }

.ul02 { width: 100%; height: auto; overflow: hidden; clear: both; }

.ul02 li { width: 32%; height: 135px; margin-right: 2%; float: left; position: relative; }

.ul02 li img { width: 100%; height: 100%; }

.ul02 li:nth-child(3) { margin-right: 0; }

.ul02 li i { width: 40px; height: 35px; position: absolute; right: 0; top: 0; z-index: 100; background: url(../images/btn5.png) no-repeat; cursor: pointer; }

.title02 { width: 100%; border-bottom: 2px solid var(--color-border-light); padding-top: 30px; position: relative; }

.tit-main { width: 860px; max-width: 90vw; height: auto; max-height: 80vh; min-height: 400px; border-radius: 8px; background: var(--color-bg); box-shadow: 0 8px 32px rgba(0,0,0,0.25); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; z-index: 1000; overflow-y: auto; }

.tm-tit { width: 100%; height: 84px; line-height: 84px; font-size: var(--text-2xl); color: var(--color-warning); font-weight: 700; text-indent: 50px; border-bottom: 1px solid var(--color-border); }

.ul04 { width: 100%; height: 60px; padding-top: 30px; padding-left: 4%; clear: both; }

.ul04 li { width: 28%; height: 60px; line-height: 60px; text-align: center; margin-right: 4%; background: #aaa; color: var(--color-text-white); font-size: var(--text-lg); font-weight: 700; float: left; padding: 0; cursor: pointer; position: relative; }

.ul04 li i { width: 13px; height: 5px; display: none; background: url(../images/ico24.png); position: absolute; left: 50%; bottom: 0; margin-left: -6px; }

.ul04 .active i { display: block; }

.ul04 li:nth-child(1) { background: var(--color-primary); }

.ul04 li:nth-child(2) { background: #93d7ce; }

.ul04 li:nth-child(3) { background: #f9cb7f; margin-right: 0; }

.tm-box { clear: both; padding-top: 30px; padding-left: 4%; display: none; width: 96%; }
.tm-box.active3 { display: block; }

.tm-box ul li { width: 16%; height: 48px; float: left; border: 1px solid var(--color-border-light); margin-right: var(--space-5); margin-bottom: var(--space-5); line-height: 48px; text-align: center; }

.tm-box ul li a { font-size: var(--text-base); color: var(--color-text); }

.tit-box { font-size: var(--text-2xl); font-weight: 700; color: var(--color-primary); height: 34px; line-height: 34px; }

.tit-box a { font-size: var(--text-sm); font-weight: 100; margin-left: 10px; color: var(--color-warning); }

.tit-box .color3 { color: var(--color-primary); }

.tit-box .color2 { color: var(--color-secondary); }

.tit-box .font16 { font-size: var(--text-base); }

.tab-box { width: 100%; clear: both; height: 60px; line-height: 60px; font-size: var(--text-base); color: var(--color-text-secondary); }

.tab-box ul li,.tab-box ul { display: inline-block; }

.tab-box ul li { padding: 0 10px; cursor: pointer; }

.tab-box ul .active { color: var(--color-primary); font-weight: 700; background: url(../images/ico11.png) no-repeat center bottom; }

.search-box { width: 300px; height: 50px; position: absolute; right: 30px; bottom: 30px; }

.text1 { width: 228px; height: 48px; border: 1px solid var(--color-text-secondary); float: left; line-height: 50px; text-indent: 15px; font-size: 17px; color: var(--color-text-muted); }

.btn3 { width: 70px; height: 50px; background: url(../images/btn6.png) var(--color-primary) no-repeat center; border: none; cursor: pointer; }

.btn4 { width: 60px; height: 30px; line-height: 30px; color: var(--color-text-white); display: inline-block; background: var(--color-primary); border-radius: 5px; text-align: center; }

.btn13 { width: 60px; height: 30px; line-height: 30px; color: var(--color-text-white); display: inline-block; background: var(--color-warning); border-radius: 5px; text-align: center; }

.btn13:hover { background: #e68a00; }

.table01 .ico01, .table02 .ico01 { width: 20px; height: 20px; display: inline-block; background: url(../images/ico10.png) no-repeat; margin-bottom: -5px; margin-right: 5px; }

.table01 .ico02, .table02 .ico02 { width: 16px; height: 16px; display: inline-block; background: url(../images/ico12.png) no-repeat; margin-bottom: -2px; margin-right: 5px; }

.table01 .ico03, .table02 .ico03 { width: 16px; height: 16px; display: inline-block; background: url(../images/ico13.png) no-repeat; margin-bottom: -2px; margin-right: 5px; }

.btn6 { width: 230px; height: 50px; line-height: 50px; font-size: var(--text-sm); color: var(--color-text-white); text-align: center; display: block; background: var(--color-primary); margin: 0 auto; margin-top: var(--space-5); }

.content { display: none; }

.active2 { display: block; }

.p04 { font-size: var(--text-2xl); font-weight: 700; color: var(--color-primary); line-height: 70px; }

.table02 { line-height: 34px; font-size: var(--text-base); color: var(--color-text); }

.table02 td { width: 250px; }

.table02 span { color: var(--color-text-muted); }

.gq-box { width: 100%; height: auto; clear: both; overflow: hidden; margin-top: 50px; margin-bottom: var(--space-10); }

.gq-con1 { width: 48%; float: left; margin-right: 4%; }

.gq-con2 { width: 48%; float: left; }

.p06 { width: 100%; height: 60px; line-height: 60px; text-align: center; color: var(--color-text-white); background: var(--color-primary); font-size: var(--text-base); font-weight: 700; }

.main3 { width: 1440px; height: 620px; margin: 150px auto 0 auto; background: url(../images/dlbg.jpg) no-repeat 30% 35%; position: relative; }

.dl-box { width: 355px; }

.dl-box .p14 { display: flex; gap: 12px; align-items: center; margin-top: 24px; }
.dl-box .text3 { flex: 1; margin-top: 0 !important; }

.p09 { font-size: 22px; font-weight: 700; color: var(--color-text); }

.p10 { font-size: 22px; font-weight: 700; color: var(--color-text); }

.text2 { width: 100%; height: 44px; line-height: 44px; border: 1px solid var(--color-border); background: #fafafa; margin-top: 16px; font-size: 13px; padding-left: 12px; color: var(--color-text-muted); }

.btn8 { width: 100%; height: 48px; line-height: 48px; display: block; text-align: center; font-size: var(--text-sm); color: var(--color-text-white); clear: both; background-color: var(--color-secondary); margin-top: 24px; }

.p12 { width: 100%; height: 60px; line-height: 60px; font-size: 13px; color: var(--color-text); text-align: center; }

.p12 a { color: var(--color-secondary); margin-left: 10px;  }

.p12 .blue1 { color: var(--color-primary); border-color: var(--color-primary); }

.text3 { width: 230px; float: left; }

.btn10 { width: 105px; height: 44px; line-height: 44px; background: var(--color-warning); border: none; color: var(--color-text-white); font-size: 13px; border-radius: 4px; cursor: pointer; }

.btn12 { margin-top: 50px; background: var(--color-secondary); }

.p14 { width: 100%; height: auto; overflow: hidden; clear: both; }

.ul03 { width: 100%; height: auto; overflow: hidden; margin-bottom: 50px; }

.ul03 li { width: 18%; height: 130px; background: #aaa; float: left; margin-right: 2%; text-align: center; }

.ul03 li .ico-box { margin-top: var(--space-5); width: 60px; height: 60px; display: inline-block; }

.ul03 li .m-tit1 { font-size: var(--text-base); margin: 0; }

.ul03 .libg1 { background: #2e6fbb; }

.ul03 .libg2 { background: var(--color-secondary); }

.ul03 .libg3 { background: #34b0d8; }

.ul03 .libg4 { background: #eaac6a; }

.ul03 .libg5 { background: #c481dd; }

.ul03 .libg6 { background: #ea7b74; }

.ul03 .libg7 { background: #eaac6a; }

.ul03 .libg8 { background: #81b1dd; }

.ul03 .libg9 { background: #a184df; }

.ul03 .libg10 { background: #767b8b; }

.ul03 .libg11 { background: #e85c95; }

.ul03 .libg12 { background: #40cb5e; }

.gq-txt3 { width: auto; border: 2px solid var(--color-border-light); border-top: 0; padding: 30px; }

.l { float: left; }

.r { float: right; }

.line40 { line-height: 40px; }

.font16 { font-size: var(--text-base); }

.font18 { font-size: var(--text-lg); }

.marb20 { margin-bottom: var(--space-5); }

.red1 { color: #e85050; }

.blue1 { color: var(--color-primary); }

.box-3 { display: none; }


.xf { font-size: var(--text-sm); font-weight: 100; margin-left: 10px; color: var(--color-warning); }

#logo { display: none; }

.btn4:hover { background: #064893; }

.tm-box ul li:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-text-white); }

.tm-box ul li:hover a { color: var(--color-text-white); }

.ul04 li:nth-child(1):hover { background: #185295; }

.ul04 li:nth-child(2):hover { background: #73c3b8; }

.ul04 li:nth-child(3):hover { background: #e7b45f; }

.gh { display: inline-table; width: 80px; height: 35px; background: #ff8810; line-height: 35px; text-align: center; font-size: var(--text-sm); font-weight: bold; color: var(--color-text-white); margin-left: 5px; }

.gh:hover { background: #2967b0; }

.tm-box a li { color: #000; }

.pop-box,#pop-box { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.3); display: none; justify-content: center; align-items: center; z-index: 9999; }

.zg-box ul li { display: inline-block; }

.zg-box ul li a { font-size: 21px; font-weight: 500; display: block; width: 46px; padding: 10px; border: 1px solid var(--color-border); background: #fafafa; text-align: center; margin: 10px; color: #000; }

.zg-box ul li a:hover { background-color: var(--color-primary); color: var(--color-text-white); }

.clost_btn { width: 40px; height: 35px; position: absolute; right: 0; top: 0; z-index: 100; background: url('/static/images/btn5.png') no-repeat; cursor: pointer; }

.filter_box { height: 39px; padding: 10px; margin: 10px; border-radius: 5px; }

.filter_box label { color: var(--color-text-white); }

.filter_box ul li a.select { padding: 5px; background-color: var(--color-border); border-radius: 5px; }

.filter_box ul li a.changbtn { padding: 5px; background-color: #e66d30; border-radius: 5px; color: var(--color-text-white); }

.pageplay { text-align: center; padding: 15px 0; }
.pageplay a { display: inline-block; padding: 5px 10px; margin: 5px; border-radius: 5px; background-color: var(--color-border-light); border: 1px solid var(--color-border); text-align: center; cursor: pointer; }

.pageplay a.active { background-color: var(--color-primary); color: var(--color-text-white); }

#conTxt tbody tr:nth-child(odd) { background-color: var(--color-bg); }

#conTxt tbody tr:nth-child(even) { background-color: #f9f9f9; }
#conTxt { width: 100%; table-layout: fixed; border-collapse: collapse; }
#conTxt th, #conTxt td { padding: 10px 8px; vertical-align: middle; word-break: break-all; }
#conTxt th:nth-child(1), #conTxt td:nth-child(1) { width: 5% !important; text-align: center; }
#conTxt th:nth-child(2), #conTxt td:nth-child(2) { width: 5% !important; text-align: center; }
#conTxt th:nth-child(3), #conTxt td:nth-child(3) { width: 30% !important; text-align: left; }
#conTxt th:nth-child(4), #conTxt td:nth-child(4) { width: 25% !important; text-align: left; }
#conTxt th:nth-child(5), #conTxt td:nth-child(5) { width: 15% !important; text-align: center; }
#conTxt th:nth-child(6), #conTxt td:nth-child(6) { width: 8% !important; text-align: center; }
#conTxt th:nth-child(7), #conTxt td:nth-child(7) { width: 12% !important; text-align: center; }
#conTxt tbody tr td .btn4, #conTxt tbody tr td .btn13 { margin: 2px 0; }

.font-tag { width: 24px; height: 24px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.2rem; font-weight: bold; }

.gong { border: 2px solid  #589ce9; }

.gong-color { background-color: #589ce9; color: white; }

.gong-text-color { color: #589ce9; }

.qiu { border: 2px solid #e74c3c; }

.qiu-color { background-color: #e74c3c; color: white; }

.qiu-text-color { color: #e74c3c; }

.icon-box { display: inline-block; padding: 5px 10px; font-size: 1.2rem; font-weight: 900; color: #444; text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.8),
            -2px -2px 2px rgba(0, 0, 0, 0.3); position: relative; transition: all 0.3s ease; }

a.changbtn { padding: 5px; background-color: #e66d30; border-radius: 5px; color: var(--color-text-white); }

.tab-box { border-bottom: 5px solid var(--color-secondary); padding-left: var(--space-5); }

.tab-item { display: inline-block; border-left: 2px solid var(--color-border); border-top: 2px solid var(--color-border); border-right: 2px solid var(--color-border); height: 50px; line-height: 45px; font-size: var(--text-base); background-color: var(--color-border-light); }

.tab-item-active { display: inline-block; border-left: 2px solid var(--color-primary); border-top: 2px solid var(--color-primary); border-right: 2px solid var(--color-primary); height: 60px; line-height: 60px; font-size: 21px; background-color: var(--color-secondary); color: var(--color-text-white); }

.tab-item a,.tab-item-active a { width: 100%; height: 100%; padding-left: var(--space-5); padding-right: var(--space-5); display: block; }

.tab-item-active a { color: var(--color-text-white); }

.gq-con-content { height: 600px; }

.align_left { text-align: left; float: left; }

.align_center { text-align: center; }

.item_box { width: 48%; }

.columns { width: 100%; margin-bottom: var(--space-5); }

.text-box2 { width: 100%; line-height: 40px; padding: var(--space-5); border: 2px solid var(--color-border-dark); border-radius: 5px; font-size: var(--text-base); box-sizing: border-box; font-family: 微软雅黑, Arial, -apple-system-font, "Helvetica Neue", sans-serif; }

#data { width: 100%; table-layout: fixed; margin: 0px auto; border-collapse: collapse; border: 1px solid var(--color-border); background: #fafafa; font-size: var(--text-base); font-family: Arial, sans-serif; }

#data th { border: 1px solid var(--color-border); background: #fafafa; padding: 10px 12px; background-color: var(--color-bg-hover); text-align: left; font-weight: normal; color: var(--color-text); }

#data td { border: 1px solid var(--color-border); background: #fafafa; padding: 10px 5px; color: var(--color-text-secondary); }

#data tbody tr:nth-child(even) { background-color: #fafafa; }

#data tbody tr:hover { background-color: #e8f4ff; cursor: pointer; transition: background-color 0.2s ease; }

#data tr:last-child td { border-bottom: 1px solid var(--color-border); }

#data td:hover { background-color: #d1e7ff; position: relative; }

.scroll-container { padding: 30px; border: 2px solid var(--color-border-light); overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--color-border-dark) var(--color-bg-secondary); }

.scroll-container::-webkit-scrollbar { width: 6px; height: 6px; }

.scroll-container::-webkit-scrollbar-track { background: var(--color-bg-secondary); border-radius: 3px; }

.scroll-container::-webkit-scrollbar-thumb { background: var(--color-border-dark); border-radius: 3px; transition: background 0.2s ease; }

.scroll-container::-webkit-scrollbar-thumb:hover { background: var(--color-text-muted); }

.btn_small_edit { padding: 3px; background-color: var(--color-primary); border: 1px solid var(--color-border); border-radius: 5px; color: var(--color-text-white); font-size: var(--text-sm); }

.btn_small_del { padding: 3px; background-color: #f98d8d; border: 1px solid var(--color-border); border-radius: 5px; color: var(--color-text-white); font-size: var(--text-sm); }

.btn_small_show { padding: 3px; background-color: #099be0; border: 1px solid var(--color-border); border-radius: 5px; color: var(--color-text-white); font-size: var(--text-sm); }

.p06,.btn6 { background-color: var(--color-secondary) !important; }

div.header { width: 100%; }

div.container { height: 100%; }

div.content { width: 100%; }

#cwxBg { position: absolute; display: none; background: #000; left: 0px; top: 0px; z-index: 1000; }

#cwxWd { position: absolute; display: none; border: 10px solid var(--color-border-dark); padding: 10px; background: var(--color-bg); z-index: 1500; }

#cwxCn { background: var(--color-bg); display: block; }

.ad { font-size: 30px; color: #F00; text-align: center; width: 100%; }

#full-screen-slider { width: 100%; height: 900px; position: relative; overflow: hidden; }

#slides { display: block; width: 100%; height: 830px; list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; }

#slides li { display: none; width: 100%; height: 900px; list-style: none; padding: 0; margin: 0; position: absolute; top: 0; left: 0; }

#slides .active { display: block; }

#slides li a { width: 100%; height: 100%; display: block; }

#slides li p { position: absolute; left: 0; bottom: 0; background: url(../images/bg1.png); color: var(--color-text-white); width: 1020px; height: 82px; line-height: 30px; padding-top: 30px; padding-left: 90px; padding-right: 90px; display: none; }

#slides .active img { opacity: 1; }

#slides .active p { display: block; }

#pagination { display: block; list-style: none; position: absolute; left: 50%; bottom: 30px; z-index: 9900; }

#pagination li { display: block; list-style: none; width: 13px; height: 13px; float: left; margin-left: var(--space-2); background: url(../images/li2.png) no-repeat; }

#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }

#pagination li.current { background: url(../images/li1.png) no-repeat; }

.fous .active { background: #ba1d21; }

/* ============ 微信扫码登录区域 ============ */
.right-content {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 24px;
    align-items: center;
    z-index: 2;
}
.qr-box {
    width: 350px;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.qr-box .qr-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}
.qr-box .qr-header svg, .qr-box .qr-header img {
    width: 26px;
    height: 26px;
}
.qr-box .qr-header span {
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
}
.qr-placeholder {
    width: 350px;
    height: 380px;
    background: #f3f4f6;
    border: 1px dashed #d1d5db;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #9ca3af;
    margin-bottom: 12px;
    overflow: hidden;
}
.qr-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.qr-box .qr-tip {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.5;
}
.qr-box .qr-tip .highlight {
    color: #3b82f6;
    font-weight: 500;
}

/* ============ login page footer ============ */
.site-footer { width: 1440px; margin: 0 auto; padding: 20px 0; border-top: 1px solid #e5e7eb; display: flex; justify-content: center; align-items: center; gap: 24px; font-size: 13px; color: #6b7280; }
.site-footer a { color: #6b7280; text-decoration: none; }
.site-footer a:hover { color: #3b82f6; }
.site-footer .footer-divider { color: #d1d5db; }
.site-footer .icp-badge { display: inline-flex; align-items: center; gap: 4px; }