*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#1a5fb4;--primary-dark:#144a8c;--primary-grad:linear-gradient(135deg,#1a6ac4,#12509c);--accent:#bd0202;--text:#2c3e50;--text-light:#6b7785;--bg:#f0f3f8;--border:#e6e9ed;--danger:#d93025;--shadow:0 2px 10px rgba(20,60,120,.06);--radius:10px}
body{font-family:-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%}
a{color:inherit;text-decoration:none;transition:color .15s}
img{max-width:100%;display:block}
.container{max-width:1180px;margin:0 auto;padding:0 16px}
::selection{background:#cfe0f5}
.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:0 1px 6px rgba(0,0,0,.04)}
.topbar{background:#23262b;color:#9a9fa6;font-size:12px}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:35px;gap:16px}
.topbar-notice{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-links{display:flex;gap:14px;flex:none}
.topbar-links a{color:#9a9fa6}
.topbar-links a:hover{color:#fff}
.logo-row{display:flex;justify-content:space-between;align-items:center;padding:18px 16px;gap:20px}
.logo{display:flex;flex-direction:column;gap:2px}
.logo-img{height:52px;width:auto}
.logo-text{font-size:34px;font-weight:800;color:#bd0202;letter-spacing:3px;line-height:1.1}
.logo-sub{font-size:12px;color:#999;letter-spacing:4px}
.search-box{display:flex;border:2px solid #bd0202;padding:2px;background:#fff}
.search-box input{border:none;padding:8px 12px;width:320px;font-size:14px;outline:none}
.search-box button{border:none;background:#bd0202;color:#fff;padding:0 24px;cursor:pointer;font-size:15px}
.mainnav{background:#1069c8}
.mainnav-inner{display:flex;flex-wrap:wrap}
.mainnav a{color:#fff;font-size:17px;line-height:40px;padding:0 22px;flex:none;white-space:nowrap}
.mainnav a:hover,.mainnav a.active{background:rgba(0,0,0,.14);font-weight:600}
.nav-drop{position:relative;flex:none}
.nav-drop>a{display:block;color:#fff;font-size:17px;line-height:40px;padding:0 22px;white-space:nowrap}
.nav-drop:hover>a,.nav-drop.active>a{background:rgba(0,0,0,.14);font-weight:600}
.dd-arrow{font-size:12px;margin-left:4px}
.nv-ico{display:none}
.dd-panel{display:none;position:absolute;top:40px;left:0;z-index:99;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.14);border-radius:0 0 6px 6px;min-width:130px;padding:6px 0}
.nav-drop:hover .dd-panel{display:block}
.dd-panel a{display:block;color:#333;font-size:14px;line-height:34px;padding:0 18px;white-space:nowrap}
.dd-panel a:hover{color:#c02b2b;background:#fbeaea}
.dd-panel a.dd-active{color:#c02b2b;font-weight:600}
.nav-submit{background:#bd0202;margin-left:auto}
.nav-submit:hover{background:#9c0202!important}
.regionbar{background:#1069c8}
.regionbar-inner{display:flex;align-items:center;gap:18px;padding:8px 16px;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.regionbar-inner::-webkit-scrollbar{display:none}
.rb-tag{flex:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:44px;height:40px;background:#bd0202;color:#fff;font-size:14px;font-weight:700;line-height:1.3;border-radius:3px;margin-left:17px}
.rb-link{color:#fff;font-size:15px;flex:none}
.rb-link:hover{color:#ffe600;font-weight:600}
.rb-link.rb-active{color:#ffe600;font-weight:700}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.section{margin-top:22px}
.section-title{font-size:18px;font-weight:700;padding:14px 18px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.section-title .more{font-size:13px;color:var(--text-light);font-weight:400}
.section-title .bar{display:inline-block;width:4px;height:17px;background:var(--primary-grad);border-radius:2px;margin-right:9px;vertical-align:-2px}
.exam-list{padding:6px 18px}
.exam-item{display:flex;align-items:flex-start;gap:10px;padding:12px 6px;border-bottom:1px dashed var(--border);border-radius:6px;transition:background .15s}
.exam-item:hover{background:#f5f9ff}
.exam-item:last-child{border-bottom:none}
.exam-item .dot{color:var(--primary);font-size:12px;margin-top:6px;flex:none}
.exam-item .title{font-size:15px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exam-item .title:hover{color:var(--primary)}
.exam-item .tag{font-size:12px;color:var(--primary);background:#eef3fa;padding:1px 8px;border-radius:4px;flex:none}
.exam-item .date{font-size:13px;color:var(--text-light);flex:none}
.empty{text-align:center;color:var(--text-light);padding:40px 0}
.empty::before{content:'📭';display:block;font-size:34px;margin-bottom:8px;opacity:.7}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.main-wrap{min-height:60vh}
.site-footer{background:linear-gradient(180deg,#263546,#1f2b39);color:#aeb8c2;margin-top:40px;padding:30px 0 24px;font-size:14px}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.footer-main{display:flex;flex-direction:column;gap:8px}
.footer-friends{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);justify-content:flex-start;text-align:left}
.footer-friends .fl-label{color:#cfd8e0;font-weight:600}
.footer-friends a{color:#aeb8c2}
.footer-friends a:hover{color:#fff}
.footer-inner a:hover{color:#fff}
.footer-record{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px}
.police-beian{display:inline-flex;align-items:center;gap:5px;color:#aeb8c2}
.police-beian:hover{color:#fff}
.pb-icon{width:16px;height:16px;flex:none}
.footer-qrcode{flex:none;text-align:center}
.footer-qrcode img{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:8px;padding:5px;display:block;margin:0 auto 8px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.footer-qrcode span{font-size:12px;color:#cfd8e0}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.mini-tag{flex:none;display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;font-size:12px;border-radius:3px;color:#fff;margin-top:4px}
.tag-top{background:#d93025}
.tag-new{background:#18a058}
.enroll-time{flex:none;font-size:13px;color:#d93025;background:#fdecea;padding:1px 8px;border-radius:4px}
.zhaokao{overflow:hidden}
.zk-header{display:flex;align-items:center;gap:8px;padding:14px 20px 10px;border-bottom:2px solid var(--primary)}
.zk-icon{color:var(--primary);font-size:20px}
.zk-title{color:var(--primary);font-size:18px;font-weight:700}
.zk-regions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px 20px}
.zk-btn{border:1px solid var(--border);background:#f7f8fa;border-radius:4px;padding:8px 0;font-size:14px;color:var(--text);cursor:pointer;transition:.15s;display:block;text-align:center}
.zk-btn:hover{border-color:var(--primary);color:var(--primary)}
.zk-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}
.zk-item-title{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zk-item-title:hover{color:var(--primary)}
.zk-region{display:inline-block;background:#c02b2b;color:#fff;font-size:12px;font-weight:500;padding:2px 12px;border-radius:999px;margin-right:8px;vertical-align:2px;box-shadow:0 2px 4px rgba(192,43,43,.25)}
.zk-more{text-align:right;padding:6px 20px 14px}
.zk-more a{font-size:13px;color:var(--text-light)}
.zk-more a:hover{color:var(--primary)}
.rank{flex:none;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;border-radius:4px;background:#e6e9ed;color:var(--text-light);margin-top:4px}
.rank.r1{background:#d93025;color:#fff}
.rank.r2{background:#f0883e;color:#fff}
.rank.r3{background:#fbbc04;color:#fff}
.crumb{font-size:13px;color:var(--text-light);margin:16px 0 12px;display:flex;gap:8px}
.crumb a:hover{color:var(--primary)}
.detail{padding:28px 32px}
.detail-title{font-size:24px;line-height:1.4}
.detail-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--text-light);font-size:13px;margin:14px 0;padding-bottom:14px;border-bottom:1px solid var(--border)}
.summary-box{background:#f0f5fc;border-left:3px solid var(--primary);padding:12px 16px;border-radius:0 6px 6px 0;color:var(--text);margin:16px 0}
.keyinfo{background:linear-gradient(135deg,#f4f8fe,#eef4fd);border:1px solid #dbe7f6;border-radius:10px;padding:14px 20px;margin:18px auto;display:block;width:fit-content;min-width:340px}
.ki-row{display:flex;align-items:center;gap:12px;padding:6px 0}
.ki-row+.ki-row{border-top:1px dashed #d5e2f2}
.ki-label{flex:none;width:64px;font-size:13px;color:var(--text-light);position:relative;padding-left:10px}
.ki-label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;border-radius:2px;background:var(--primary-grad)}
.ki-value{font-size:15px;font-weight:600}
.ki-value.hl{color:var(--danger)}
.ki-badge{font-size:12px;padding:2px 10px;border-radius:10px;flex:none}
.ki-badge.on{background:#e6f7ec;color:#18a058;border:1px solid #b7e8c9}
.ki-badge.wait{background:#fff7e6;color:#d98200;border:1px solid #ffd9a0}
.ki-badge.off{background:#f2f3f5;color:#909399;border:1px solid #e0e0e2}
.detail-cover{margin:16px 0;border-radius:8px;max-height:360px;object-fit:cover}
.content{font-size:16px;line-height:1.9;margin-top:16px}
.content img{margin:12px auto;border-radius:6px;max-width:100%}
.content p{margin:10px 0}
.content table{max-width:100%;border-collapse:collapse}
.content td,.content th{border:1px solid var(--border);padding:6px 10px}
.attach{margin-top:24px;border-top:1px dashed var(--border);padding-top:16px}
.attach h3{font-size:16px;margin-bottom:12px}
.attach-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:6px;margin-bottom:8px}
.attach-item:hover{border-color:var(--primary);background:#f7faff}
.file-name{flex:1;color:var(--primary)}
.file-size{color:var(--text-light);font-size:13px}
.related{margin-top:20px}
.related .exam-list{padding:6px 16px}
.exam-row{padding:16px 0;border-bottom:1px dashed var(--border)}
.exam-row:last-child{border-bottom:none}
.row-title{font-size:17px;font-weight:600}
.row-title:hover{color:var(--primary)}
.top-tag{display:inline-block;background:var(--danger);color:#fff;font-size:12px;padding:0 6px;border-radius:3px;margin-right:8px;vertical-align:2px;font-weight:400}
.region-tag{display:inline-block;background:#c02b2b;color:#fff;font-size:12px;font-weight:500;padding:2px 12px;border-radius:999px;margin-right:8px;vertical-align:2px;box-shadow:0 2px 4px rgba(192,43,43,.25)}
.row-summary{color:var(--text-light);font-size:14px;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.row-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-light)}
.list-wrap .exam-list{padding:6px 20px}
.sub-filter{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border);background:#fafbfd}
.rf-btn{border:none;background:#eef1f6;border-radius:999px;padding:5px 14px;font-size:13px;color:var(--text);cursor:pointer;transition:.15s;display:inline-block;text-decoration:none}
.rf-btn:hover{color:#c02b2b;background:#fbeaea}
.rf-btn.active{background:#c02b2b;color:#fff;font-weight:600;box-shadow:0 2px 5px rgba(192,43,43,.28)}
.tab-row{display:flex;gap:12px;padding:16px 20px 4px;justify-content:center}
.tab-btn{border:1px solid var(--border);background:#f5f7fa;border-radius:999px;padding:8px 26px;font-size:15px;color:var(--text);cursor:default;text-decoration:none;display:inline-block}
.tab-btn em{font-style:normal;font-weight:700;margin-left:4px}
.tab-btn.ongoing.active{background:#c02b2b;border-color:#c02b2b;color:#fff;box-shadow:0 2px 6px rgba(192,43,43,.3)}
.tab-btn.upcoming.active{background:#1069c8;border-color:#1069c8;color:#fff;box-shadow:0 2px 6px rgba(16,105,200,.3)}
.enroll-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px dashed var(--border)}
.enroll-row:last-child{border-bottom:none}
.enroll-row .row-main{flex:1;min-width:0}
.enroll-dates{color:#1069c8;font-weight:700}
.enroll-dates em{font-style:normal;color:#333;font-weight:700}
.enroll-dates.exam-date{color:#c02b2b}
.pub-line{color:var(--text-light)}
.row-side{flex:none;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
.status-badge{display:inline-block;font-size:13px;font-weight:700;padding:3px 14px;border-radius:999px;color:#fff}
.status-badge.ongoing{background:#c02b2b;box-shadow:0 2px 5px rgba(192,43,43,.28)}
.status-badge.upcoming{background:#1069c8;box-shadow:0 2px 5px rgba(16,105,200,.28)}
.countdown{font-size:12px;color:var(--text-light);white-space:nowrap}
@media (max-width:1080px){
.tab-row{padding:12px 12px 2px;gap:8px}
.tab-btn{padding:6px 18px;font-size:14px}
.enroll-row{gap:8px}
.exam-list{padding:4px 10px}
.region-tag{font-size:11px;padding:1px 8px;margin-right:6px}
.row-side{padding-left:6px;border-left:1px dashed var(--border)}
.status-badge{font-size:12px;padding:2px 8px}
.countdown{max-width:64px;white-space:normal;line-height:1.3}
.enroll-row .row-meta{display:block;line-height:1.9}
.enroll-row .row-meta>span{display:block}
.enroll-row .row-meta .m-cat,.enroll-row .row-meta .pub-line{display:inline-block;margin-right:10px;font-size:12px}
}
@media (max-width:1080px){body{font-size:14px;-webkit-text-size-adjust:100%;text-size-adjust:100%}.topbar{display:none}.home-grid{grid-template-columns:minmax(0,1fr)}
.logo-row{flex-direction:column;align-items:stretch;padding:10px 12px;gap:10px}
.logo{align-items:center}
.logo-img{height:40px}
.search-box{width:100%}
.search-box input{width:100%;flex:1;min-width:0}
.search-box button{padding:0 18px;font-size:14px}
.logo-text{font-size:26px;letter-spacing:2px}
.mainnav{background:#fff;padding:8px 0;box-shadow:0 2px 8px rgba(20,60,120,.06)}
.mainnav-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 2px;padding:4px 10px}
.mainnav a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;line-height:1.25;color:#3c4653;padding:0;background:none;border-radius:0;white-space:nowrap}
.mainnav a:hover,.mainnav a.active{background:none;font-weight:600;color:#1069c8}
.nav-drop{display:contents}
.nav-drop>a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;line-height:1.25;color:#3c4653;padding:0;background:none;border-radius:0;white-space:nowrap}
.nav-drop:hover>a,.nav-drop.active>a{background:none;font-weight:600;color:#1069c8}
.nv-ico{display:flex;width:48px;height:48px;align-items:center;justify-content:center;font-size:24px;border-radius:13px;background:linear-gradient(135deg,#eaf2fc,#d8e7f9);box-shadow:0 2px 4px rgba(20,80,160,.10)}
.nv-txt{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.dd-arrow{font-size:10px;margin-left:1px}
.nav-submit{margin:0;background:none}
.nav-submit:hover{background:none!important}
.nav-submit .nv-ico{background:linear-gradient(135deg,#fdecec,#f9d4d4)}
.nav-submit .nv-txt{color:#bd0202;font-weight:600}
.dd-panel{position:static;display:none;width:100%;min-width:0;box-shadow:none;border-radius:0;background:transparent;padding:0;grid-column:1/-1}
.nav-drop:hover .dd-panel{display:none}
.nav-drop .dd-panel.open{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 2px;padding:0 0 6px}
.dd-panel a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#3c4653;font-size:12px;line-height:1.25;padding:0;background:none;border-radius:0;white-space:nowrap}
.dd-panel a:hover{color:#1069c8;background:none}
.dd-panel a.dd-active{color:#1069c8;background:none;font-weight:600}
.regionbar-inner{scrollbar-width:none;-ms-overflow-style:none}
.regionbar-inner::-webkit-scrollbar{display:none}
.regionbar-inner{gap:5px;padding:6px 8px 8px}
.rb-tag{width:34px;height:32px;font-size:12px;margin-left:0;border-radius:6px}
.rb-link{font-size:13px;line-height:25px;padding:0 10px;background:rgba(255,255,255,.12);border-radius:13px}
.rb-link:hover{color:#ffe600;background:rgba(0,0,0,.15);font-weight:600}
.rb-link.rb-active{color:#ffe600;background:rgba(0,0,0,.15);font-weight:700}
.footer-inner{font-size:12px;flex-direction:column;align-items:center;text-align:center}
.footer-main{align-items:center}
.container{padding:0 12px}
.section{margin-top:14px}
.section-title{font-size:16px;padding:11px 12px}
.exam-list{padding:4px 10px}
.exam-item .date{display:none}
.enroll-time{display:none}
.detail{padding:16px 14px}
.detail-title{font-size:19px}
.detail-meta{gap:10px;font-size:12px}
.keyinfo{min-width:0;width:100%;padding:12px 14px}
.ki-value{font-size:14px}
.content{font-size:15px;line-height:1.8}
.content table{display:block;overflow-x:auto}
.crumb{font-size:12px;margin:10px 0 8px}
.list-wrap .exam-list{padding:4px 12px}
.row-title{font-size:15px}
.row-summary{font-size:13px}
.row-meta{gap:8px;font-size:12px}
.zk-regions{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:12px}
.zk-btn{font-size:12px;padding:6px 0}
.exam-item .date{display:inline;font-size:12px}
}