/* 信息技术咨询 · 关于系列页（浅色专业风，高对比易读）
 * 覆盖 aboutus.css 末尾青绿渐变与暗色内容区
 */

body.about-page.about-it-page {
    background: #f1f5f9 !important;
    color: #0f172a;
}

/* ---------- 顶栏：白底 + 细分割线，替代青绿渐变 ---------- */
body.about-page.about-it-page .sidebar-nav {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04) !important;
}

body.about-page.about-it-page .sidebar-header {
    border-bottom-color: #e2e8f0 !important;
}

body.about-page.about-it-page .sidebar-brand .brand-link {
    color: #0f172a !important;
}

body.about-page.about-it-page .sidebar-brand .brand-logo {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.about-page.about-it-page .sidebar-brand .brand-logo img {
    filter: none !important;
}

body.about-page.about-it-page .sidebar-brand .brand-text .site-desc {
    color: #64748b !important;
    opacity: 1 !important;
}

body.about-page.about-it-page .sidebar-menu a {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    backdrop-filter: none !important;
}

body.about-page.about-it-page .sidebar-menu a .icon {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

body.about-page.about-it-page .sidebar-menu a:hover {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #1e3a5f !important;
}

body.about-page.about-it-page .sidebar-menu a.active {
    background: #1e3a5f !important;
    color: #ffffff !important;
    border-color: #1e3a5f !important;
    box-shadow: 0 4px 14px rgba(30, 58, 95, 0.25) !important;
}

body.about-page.about-it-page .sidebar-menu a.active .icon {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

/* ---------- Hero：白卡片 + 深蓝标题 + 右侧要点栏 ---------- */
body.about-page.about-it-page .about-hero {
    padding: 20px 24px 8px 24px !important;
}

body.about-page.about-it-page .about-it-hero__inner,
body.about-page.about-it-page .about-hero-inner {
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 28px 32px 28px 28px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #1e3a5f !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
    color: #0f172a !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(200px, 280px) !important;
    align-items: start !important;
    gap: 28px 36px !important;
    box-sizing: border-box !important;
}

body.about-page.about-it-page .about-it-hero__kicker {
    margin: 0 0 8px 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #1e3a5f !important;
}

body.about-page.about-it-page .about-hero-text h1 {
    font-size: 26px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
}

body.about-page.about-it-page .about-hero-text p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #475569 !important;
    opacity: 1 !important;
}

body.about-page.about-it-page .about-it-hero__aside {
    margin: 0 !important;
    padding: 0 !important;
}

body.about-page.about-it-page .about-hero-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.about-page.about-it-page .about-hero-meta li {
    min-width: 0 !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    backdrop-filter: none !important;
}

body.about-page.about-it-page .about-hero-meta .label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    opacity: 1 !important;
}

body.about-page.about-it-page .about-hero-meta .value {
    display: block !important;
    margin-top: 6px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

@media (max-width: 992px) {
    body.about-page.about-it-page .about-it-hero__inner,
    body.about-page.about-it-page .about-hero-inner {
        grid-template-columns: 1fr !important;
        padding: 22px 20px 22px 24px !important;
    }

    body.about-page.about-it-page .about-hero-meta {
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    body.about-page.about-it-page .about-hero-meta li {
        flex: 1 1 140px !important;
    }
}

/* ---------- 子页签：底边线 + 朴素按钮 ---------- */
body.about-page.about-it-page .about-tabs {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0 14px 0 !important;
    gap: 10px !important;
}

body.about-page.about-it-page .about-tab {
    border-radius: 8px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 600 !important;
    max-width: none !important;
    box-shadow: none !important;
}

body.about-page.about-it-page .about-tab:hover {
    border-color: #94a3b8 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
    transform: none !important;
}

body.about-page.about-it-page .about-tab .dot {
    background: #94a3b8 !important;
    opacity: 1 !important;
}

body.about-page.about-it-page .about-tab.active {
    background: #1e3a5f !important;
    border-color: #1e3a5f !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(30, 58, 95, 0.2) !important;
}

body.about-page.about-it-page .about-tab.active .dot {
    background: #ffffff !important;
}

/* ---------- 主内容区：白卡片 + 深色正文 ---------- */
body.about-page.about-it-page .content-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
}

body.about-page.about-it-page .content-body {
    color: #334155 !important;
}

body.about-page.about-it-page .content-body::before {
    display: none !important;
}

body.about-page.about-it-page .content-body h1,
body.about-page.about-it-page .content-body h2,
body.about-page.about-it-page .content-body h3 {
    color: #0f172a !important;
    border-bottom-color: #cbd5e1 !important;
}

body.about-page.about-it-page .content-body h1::after,
body.about-page.about-it-page .content-body h2::after,
body.about-page.about-it-page .content-body h3::after {
    background: linear-gradient(90deg, #1e3a5f 0%, #3b82f6 100%) !important;
}

body.about-page.about-it-page .content-body a {
    color: #1d4ed8 !important;
}

body.about-page.about-it-page .content-body a:hover {
    color: #1e40af !important;
}

/* ---------- 公告 ---------- */
body.about-page.about-it-page .announce .title {
    border-bottom-color: #e2e8f0 !important;
}

body.about-page.about-it-page .announce .title .l {
    color: #0f172a !important;
}

body.about-page.about-it-page .announce .title .r {
    color: #64748b !important;
}

body.about-page.about-it-page .announce .announcecontent {
    color: #334155 !important;
    border-color: #e2e8f0 !important;
}

/* ---------- FAQ ---------- */
body.about-page.about-it-page .faq-block {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

body.about-page.about-it-page .faq-block-header .title {
    color: #0f172a !important;
}

body.about-page.about-it-page .faq-block-header i {
    background: linear-gradient(180deg, #1e3a5f 0%, #2563eb 100%) !important;
}

body.about-page.about-it-page .faq-tags .tag {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

body.about-page.about-it-page .faq-tags .tag:hover,
body.about-page.about-it-page .faq-tags .tag.current {
    background: #1e3a5f !important;
    border-color: #1e3a5f !important;
    color: #ffffff !important;
}

body.about-page.about-it-page .faqcontent h1 {
    color: #0f172a !important;
}

body.about-page.about-it-page .faqcontent p {
    color: #334155 !important;
}

/* ---------- 友链 ---------- */
body.about-page.about-it-page .friendlink .link.link-guide,
body.about-page.about-it-page .friendlink .link.link-apply,
body.about-page.about-it-page .friendlink .link-category {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.about-page.about-it-page .friendlink .link .tit {
    color: #0f172a !important;
}

body.about-page.about-it-page .friendlink .link .contt {
    color: #475569 !important;
}

body.about-page.about-it-page .friendlink .link .tit::before {
    background: linear-gradient(180deg, #1e3a5f 0%, #2563eb 100%) !important;
}

body.about-page.about-it-page .friendlink .link-category .cont a:hover {
    background: #1e3a5f !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.about-page.about-it-page .link_table input,
body.about-page.about-it-page .link_table textarea,
body.about-page.about-it-page .link_table select {
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border-radius: 8px !important;
}

body.about-page.about-it-page .link_table input:focus,
body.about-page.about-it-page .link_table textarea:focus,
body.about-page.about-it-page .link_table select:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

body.about-page.about-it-page .submit {
    background: #1e3a5f !important;
    border: 1px solid #1e3a5f !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(30, 58, 95, 0.25) !important;
    border-radius: 8px !important;
}

body.about-page.about-it-page .submit:hover {
    background: #152a45 !important;
}

/* ---------- 网站地图 ---------- */
body.about-page.about-it-page .sitemap-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

body.about-page.about-it-page .sitemap-card:hover {
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
}

body.about-page.about-it-page .sitemap-card-title {
    color: #0f172a !important;
}

body.about-page.about-it-page .sitemap-card-links a {
    color: #334155 !important;
}

body.about-page.about-it-page .sitemap-card-links a:hover {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    box-shadow: none !important;
}