/* =============================================================
   dr100.cn 前台样式 - 职业技能鉴定中心官网
   主色: 深蓝 #0b5cab
   ============================================================= */
* { margin:0; padding:0; box-sizing:border-box; }
html,body{ font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue',Arial,sans-serif; color:#333; background:#f5f6f8; font-size:14px; line-height:1.6; }
a{ color:#0b5cab; text-decoration:none; }
a:hover{ color:#e0950a; }
img{ max-width:100%; border:0; }
.container{ width:1200px; max-width:96%; margin:0 auto; }
.container:after{ content:''; display:block; clear:both; }

/* ---------- 顶部工具条 ---------- */
.top-bar{ background:#0a4c8c; color:#cfe0f2; font-size:12px; }
.top-inner{ display:flex; justify-content:space-between; align-items:center; height:34px; }
.top-right a{ color:#cfe0f2; } .top-right a:hover{ color:#fff; }
.top-right .sep{ margin:0 8px; color:#5b7fa6; }

/* ---------- 头部主区 ---------- */
.header-main{ display:flex; justify-content:space-between; align-items:center; padding:18px 0; }
.logo{ display:flex; align-items:center; gap:12px; }
.logo img{ height:58px; }
.logo-text h1{ font-size:26px; color:#0b5cab; letter-spacing:1px; }
.logo-text p{ font-size:13px; color:#7a8aa0; letter-spacing:2px; }
.header-tel{ text-align:right; }
.tel-label{ display:block; font-size:12px; color:#9aa5b1; }
.tel-num{ font-size:24px; font-weight:bold; color:#e0950a; }

/* ---------- 主导航 ---------- */
.main-nav{ background:#0b5cab; }
.nav-inner{ display:flex; }
.nav-inner a{ display:block; padding:14px 26px; color:#fff; font-size:15px; }
.nav-inner a:hover{ background:#09539a; }
.nav-inner a.active{ background:#08407a; font-weight:bold; }

/* ---------- Banner ---------- */
.banner{ padding:64px 0; color:#fff; }
.banner-inner{ }
.banner-title h2{ font-size:38px; font-weight:bold; letter-spacing:2px; margin-bottom:12px; }
.banner-title p{ font-size:16px; opacity:.9; margin-bottom:26px; }
.btn{ display:inline-block; padding:10px 26px; border-radius:4px; font-size:14px; cursor:pointer; border:1px solid transparent; text-align:center; }
.btn-light{ background:#fff; color:#0b5cab; }
.btn-light:hover{ background:#f0f4f9; color:#0b5cab; }
.btn-outline-light{ border-color:#fff; color:#fff; background:transparent; }
.btn-outline-light:hover{ background:rgba(255,255,255,.15); color:#fff; }
.btn-primary{ background:#0b5cab; color:#fff; }
.btn-primary:hover{ background:#09539a; color:#fff; }
.btn-block{ display:block; width:100%; }
.banner-actions{ display:flex; gap:14px; }

/* ---------- 首页布局 ---------- */
.home-main{ padding:26px 0 40px; }
.home-grid{ display:flex; gap:22px; }
.home-col-main{ flex:1; min-width:0; }
.home-col-side{ width:320px; flex-shrink:0; }
@media(max-width:900px){ .home-grid{flex-direction:column} .home-col-side{width:100%} }

.panel{ background:#fff; border:1px solid #e6e9ee; border-radius:6px; margin-bottom:22px; overflow:hidden; }
.panel-head{ display:flex; justify-content:space-between; align-items:center; padding:13px 18px; border-bottom:2px solid #0b5cab; }
.panel-head h3{ font-size:17px; color:#0b5cab; border-left:4px solid #e0950a; padding-left:10px; }
.panel-head .more{ font-size:12px; color:#8a94a1; }
.news-list{ list-style:none; padding:8px 18px 14px; }
.news-list li{ display:flex; justify-content:space-between; align-items:center; padding:9px 2px; border-bottom:1px dashed #eef0f3; }
.news-list li:last-child{ border-bottom:0; }
.news-list li a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; flex:1; }
.news-list li a:hover{ color:#e0950a; }
.news-list .date{ color:#a5adba; font-size:12px; margin-left:14px; flex-shrink:0; }
.news-list.compact li{ padding:7px 2px; }
.news-list.compact li a{ font-size:13px; }
.news-list .empty{ color:#b0b7c2; }

.about-box{ padding:16px 18px; }
.about-box p{ color:#5a6472; margin-bottom:12px; }
.more-link{ color:#0b5cab; font-size:13px; }

.quick-cert{ padding:16px 18px; }
.quick-cert input[type=text]{ width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #d4d8de; border-radius:4px; margin-bottom:12px; font-size:14px; }
.quick-cert .btn{ background:#0b5cab; color:#fff; padding:11px; }
.quick-cert .btn:hover{ background:#09539a; }

/* ---------- 内页横幅/面包屑 ---------- */
.inner-banner{ background:linear-gradient(120deg,#0b5cab,#2b8ae8); color:#fff; padding:34px 0; }
.inner-banner h2{ font-size:24px; letter-spacing:2px; }
.breadcrumb{ padding:16px 0; font-size:13px; color:#8a94a1; }
.breadcrumb a{ color:#0b5cab; }
.breadcrumb .cur{ color:#555; }
.breadcrumb .sep{ margin:0 6px; color:#c4cad2; }

/* ---------- 列表页 ---------- */
.page-body{ padding:0 0 40px; }
.content-box{ background:#fff; border:1px solid #e6e9ee; border-radius:6px; padding:22px 26px; min-height:320px; }
.page-title{ font-size:20px; color:#0b5cab; padding-bottom:14px; border-bottom:2px solid #eee; margin-bottom:18px; }

.list-rows{ list-style:none; }
.list-rows li{ padding:18px 4px; border-bottom:1px solid #eef0f3; }
.list-rows li:last-child{ border-bottom:0; }
.list-rows h4{ font-size:16px; margin-bottom:6px; }
.list-rows h4 a{ color:#222; }
.list-rows h4 a:hover{ color:#e0950a; }
.row-summary{ color:#7a8392; font-size:13px; margin-bottom:8px; }
.row-meta{ color:#a5adba; font-size:12px; }
.row-meta span{ margin-right:16px; }

/* ---------- 文章详情 ---------- */
.article-box{ background:#fff; border:1px solid #e6e9ee; border-radius:6px; padding:28px 34px; }
.article-title{ font-size:24px; color:#222; text-align:center; margin-bottom:12px; }
.article-meta{ text-align:center; color:#9aa5b1; font-size:13px; padding-bottom:16px; border-bottom:1px solid #eef0f3; margin-bottom:20px; }
.article-meta span{ margin:0 12px; }
.article-content{ font-size:15px; line-height:1.9; color:#333; }
.article-content p{ margin:12px 0; }
.article-content img{ display:block; margin:14px auto; max-width:100%; }
.article-content h2,.article-content h3,.article-content h4{ color:#0b5cab; margin:20px 0 10px; }
.article-content ul,.article-content ol{ margin:10px 0 10px 26px; }
.article-content blockquote{ border-left:4px solid #0b5cab; background:#f7f9fc; padding:10px 16px; color:#5a6472; margin:14px 0; }
.article-nav{ margin-top:26px; padding-top:16px; border-top:1px dashed #dfe3e9; font-size:13px; color:#7a8392; }
.article-nav p{ margin:6px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* ---------- 分页 ---------- */
.pagination{ text-align:center; margin:22px 0 6px; }
.pagination ul{ list-style:none; display:inline-flex; gap:6px; }
.pagination li span,.pagination li a{ display:inline-block; min-width:34px; padding:7px 12px; border:1px solid #dde1e7; border-radius:4px; background:#fff; color:#555; }
.pagination li.active span{ background:#0b5cab; border-color:#0b5cab; color:#fff; }
.pagination li a:hover{ border-color:#0b5cab; color:#0b5cab; }

/* ---------- 关于/两栏 ---------- */
.two-col{ display:flex; gap:22px; align-items:flex-start; }
.two-col .content-box{ flex:1; min-width:0; }
.side-nav{ width:220px; background:#fff; border:1px solid #e6e9ee; border-radius:6px; overflow:hidden; flex-shrink:0; }
.side-nav-title{ background:#0b5cab; color:#fff; padding:13px 18px; font-size:16px; }
.side-nav ul{ list-style:none; }
.side-nav li a{ display:block; padding:12px 18px; color:#444; border-bottom:1px solid #f0f2f5; font-size:14px; }
.side-nav li a:hover{ background:#f5f8fc; color:#0b5cab; }
.side-nav li.active a{ background:#eef4fb; color:#0b5cab; font-weight:bold; }
@media(max-width:900px){ .two-col{flex-direction:column} .side-nav{width:100%} }

/* ---------- 证书查询 ---------- */
.cert-page .cert-notice{ color:#7a8392; margin-bottom:16px; }
.cert-form{ display:flex; gap:10px; margin-bottom:14px; }
.cert-form input[type=text]{ flex:1; padding:11px 14px; border:1px solid #d4d8de; border-radius:4px; font-size:15px; }
.cert-form .btn{ padding:11px 34px; }
.cert-switch{ margin-bottom:18px; }
.cert-switch a{ display:inline-block; padding:8px 16px; margin-right:8px; border:1px solid #d4d8de; border-radius:4px; color:#555; font-size:13px; background:#fff; }
.cert-switch a.active{ background:#0b5cab; border-color:#0b5cab; color:#fff; }
.cert-table{ width:100%; border-collapse:collapse; margin-top:6px; }
.cert-table th,.cert-table td{ border:1px solid #e6e9ee; padding:10px 12px; text-align:center; font-size:14px; }
.cert-table th{ background:#f4f7fb; color:#0b5cab; }
.cert-table tbody tr:hover{ background:#fafcff; }

/* ---------- 搜索 ---------- */
.search-form{ display:flex; gap:10px; margin-bottom:18px; }
.search-form input[type=text]{ flex:1; padding:11px 14px; border:1px solid #d4d8de; border-radius:4px; font-size:15px; }
.search-form .btn{ padding:11px 30px; }
.search-tip{ color:#7a8392; margin-bottom:14px; }
.search-results{ list-style:none; }
.search-results li{ padding:16px 4px; border-bottom:1px solid #eef0f3; }
.search-results h4{ margin-bottom:6px; }
.search-results h4 a{ color:#0b5cab; font-size:16px; }
.search-results p{ color:#7a8392; font-size:13px; margin-bottom:6px; }

/* ---------- 页脚 ---------- */
.site-footer{ background:#0a3052; color:#9db6cf; margin-top:20px; }
.site-footer .container{ padding:30px 0 26px; }
.footer-links{ text-align:center; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #164a75; font-size:13px; }
.footer-links a{ color:#bcd0e3; margin:0 6px; }
.footer-links span{ color:#3b6289; }
.footer-info{ text-align:center; font-size:13px; line-height:2; }
.footer-info a{ color:#9db6cf; }
.footer-info a:hover{ color:#fff; }

/* ---------- 404 ---------- */
.notfound{ text-align:center; padding:60px 0; color:#8a94a1; }
.notfound h2{ font-size:22px; margin-bottom:16px; color:#555; }
.notfound a{ color:#0b5cab; }