/* 华能智慧全站明亮企业主题 */
:root {
    --light-ink: #15304d;
    --light-muted: #61758b;
    --light-line: #dce8f2;
    --light-panel: #ffffff;
    --light-soft: #f4f9fd;
    --light-blue: #0878d1;
    --light-green: #08a96b;
}

html,
body {
    color: var(--light-ink);
    background: #f7fbfe !important;
}

/* 导航：白底、清晰、轻量 */
.navbar,
.navbar.inner-nav,
.assistant-navbar {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid rgba(25, 91, 145, 0.12) !important;
    box-shadow: 0 8px 30px rgba(31, 88, 130, 0.08) !important;
    backdrop-filter: blur(18px);
}

#navbar.navbar,
#navbar.navbar.scrolled,
#navbar.navbar.inner-nav,
#navbar.assistant-navbar,
#navbar.assistant-navbar.scrolled {
    background: rgba(255, 255, 255, 0.97) !important;
    border-bottom-color: rgba(25, 91, 145, 0.14) !important;
    box-shadow: 0 8px 30px rgba(31, 88, 130, 0.1) !important;
}

.navbar .nav-links .nav-link,
.navbar.scrolled .nav-links .nav-link,
.navbar.inner-nav .nav-links .nav-link,
.assistant-navbar .nav-links .nav-link,
.navbar .logo-text-fallback {
    color: #203f5a !important;
    opacity: 1 !important;
    text-shadow: none !important;
    font-weight: 650 !important;
}

.navbar .logo-img,
.navbar.scrolled .logo-img,
.navbar.inner-nav .logo-img,
.assistant-navbar .logo-img {
    filter: none !important;
}

.navbar .nav-links .nav-link:hover,
.navbar .nav-links .nav-link.active,
.navbar.scrolled .nav-links .nav-link:hover,
.navbar.scrolled .nav-links .nav-link.active,
.navbar.inner-nav .nav-links .nav-link:hover,
.navbar.inner-nav .nav-links .nav-link.active,
.assistant-navbar .nav-links .nav-link:hover,
.assistant-navbar .nav-links .nav-link.active {
    color: #0074c8 !important;
    opacity: 1 !important;
}

.navbar .nav-link.active::after {
    background: linear-gradient(90deg, var(--light-blue), #1dbd8a) !important;
}

.nav-toggle span {
    background: #315978 !important;
}

.mobile-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border-top-color: var(--light-line) !important;
    box-shadow: 0 18px 32px rgba(31, 88, 130, 0.1) !important;
}

.mobile-link {
    color: #31516c !important;
    border-bottom-color: #edf3f7 !important;
}

.mobile-link.active,
.mobile-link:hover {
    color: var(--light-blue) !important;
    background: #eef8ff !important;
}

/* 首页首屏保留品牌冲击力，但整体改为天空蓝 */
.hero,
.hero.hero-upgrade {
    background:
        radial-gradient(circle at 15% 16%, rgba(255,255,255,0.9), transparent 26%),
        radial-gradient(circle at 84% 18%, rgba(69, 212, 176, 0.18), transparent 24%),
        linear-gradient(135deg, #e8f6ff 0%, #f8fcff 48%, #e9fbf5 100%) !important;
}

.hero::before,
.hero-bg {
    opacity: 0.6 !important;
}

.hero-upgrade::after {
    display: none !important;
}

.hero-upgrade .hero-copy,
.hero-upgrade .hero-tag,
.hero-upgrade .hero-title,
.hero-upgrade .hero-desc,
.hero-upgrade .hero-actions,
.hero-upgrade .hero-proof,
.hero-upgrade .hero-visual {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

.hero-title,
.hero-title .title-line,
.hero-copy h1 {
    color: #123b5d !important;
    text-shadow: none !important;
}

.hero-title .highlight,
.hero-tag {
    color: #0878d1 !important;
}

.hero-desc {
    color: #557087 !important;
}

.hero-desc strong {
    color: #0878d1 !important;
}

.hero-proof div {
    background: rgba(255, 255, 255, 0.76) !important;
    border-color: #d7e7f1 !important;
    box-shadow: 0 10px 28px rgba(42, 100, 139, 0.08) !important;
}

.hero-proof b {
    color: #0878d1 !important;
}

.hero-proof span {
    color: #61798e !important;
}

.hero-actions .btn-outline {
    color: #276184 !important;
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: #b9d7e8 !important;
}

.hero-actions .btn-outline:hover {
    color: #075f9f !important;
    background: #ffffff !important;
    border-color: #72b6dc !important;
}

/* 首页核心数据：浅色背景使用深色高对比文字 */
.stats-section {
    background: linear-gradient(110deg, #eaf7ff 0%, #dff3fb 52%, #e8faf4 100%) !important;
    border-top-color: #d5e8f3 !important;
    border-bottom-color: #d5e8f3 !important;
}

.stats-section::before {
    background: linear-gradient(90deg, transparent, rgba(8, 120, 209, 0.09), transparent) !important;
}

.stats-section .stat-item {
    border-right-color: rgba(36, 91, 130, 0.14) !important;
}

.stats-section .stat-item:hover {
    background: rgba(255, 255, 255, 0.48) !important;
}

.stats-section .stat-num,
.stats-section .stat-num .counter {
    color: #0878d1 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.stats-section .stat-label {
    color: #4f6c82 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* 内页横幅由深蓝改为明亮蓝白 */
.inner-hero {
    background:
        radial-gradient(circle at 16% 24%, rgba(95, 190, 241, 0.13), transparent 31%),
        radial-gradient(circle at 84% 28%, rgba(44, 194, 148, 0.11), transparent 30%),
        linear-gradient(120deg, #eef8fe 0%, #f9fcff 53%, #eefaf6 100%) !important;
}

/* 内页横幅：统一为旋转线框立方体，清理其他动态线条 */
.inner-hero::before {
    display: none !important;
    animation: none !important;
}

.inner-hero::after {
    display: none !important;
    animation: none !important;
}

.inner-hero-bg {
    background-image:
        radial-gradient(circle at 18% 28%, rgba(35, 159, 222, 0.07), transparent 31%),
        radial-gradient(circle at 82% 30%, rgba(38, 188, 148, 0.07), transparent 31%) !important;
    background-size: 100% 100% !important;
    background-position: 0 0 !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
}

.inner-hero-bg::before,
.inner-hero-bg::after {
    display: none !important;
    animation: none !important;
}

.inner-hero .container {
    position: relative;
    z-index: 3;
}

.inner-hero .bg3d-canvas,
.inner-hero .bg3d-canvas.bg3d-light,
.inner-hero .bg3d-canvas.bg3d-dark {
    display: block !important;
    opacity: 0.48 !important;
    mix-blend-mode: multiply !important;
    z-index: 1 !important;
}

.inner-hero-title,
.inner-hero-title span,
.breadcrumb-cur {
    color: #16476b !important;
    text-shadow: none !important;
}

.inner-hero-title span {
    color: var(--light-blue) !important;
}

.inner-hero-desc,
.breadcrumb,
.breadcrumb a,
.breadcrumb-sep {
    color: #678097 !important;
}

/* 所有正文区改为浅色交替背景 */
body:not(.assistant-page) .section,
body:not(.assistant-page) section.section,
.stats-section,
.services-preview,
.domains-section,
.process-section,
.solution-lab,
.tech-section,
.about-intro,
.mission-section,
.history-section,
.team-section,
.honor-section,
.partners-section,
.svc-overview,
.domains-detail-section,
.advantages-section,
.contact-main,
.why-section {
    background:
        radial-gradient(circle at 88% 10%, rgba(33, 157, 224, 0.07), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f5fafe 100%) !important;
}

body:not(.assistant-page) .section:nth-of-type(even),
.domains-section,
.mission-section,
.team-section,
.domains-detail-section,
.why-section {
    background:
        radial-gradient(circle at 12% 12%, rgba(23, 181, 128, 0.07), transparent 28%),
        linear-gradient(180deg, #f2f8fc 0%, #ffffff 100%) !important;
}

/* 卡片改为白色，保留轻微玻璃质感 */
.service-card,
.domain-card,
.process-step,
.strategy-card,
.ov-card,
.domain-detail,
.adv-card,
.mission-card,
.timeline-content,
.team-card,
.honor-item,
.partners-strip,
.partner-item,
.contact-info,
.contact-item,
.contact-domains,
.form-card,
.why-card,
.badge {
    color: var(--light-ink) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: var(--light-line) !important;
    box-shadow: 0 14px 42px rgba(43, 91, 128, 0.09), inset 0 1px 0 #fff !important;
    backdrop-filter: blur(10px);
}

.service-card:hover,
.domain-card:hover,
.process-step:hover,
.ov-card:hover,
.domain-detail:hover,
.adv-card:hover,
.mission-card:hover,
.timeline-content:hover,
.team-card:hover,
.why-card:hover,
.contact-item:hover {
    border-color: rgba(8, 120, 209, 0.27) !important;
    box-shadow: 0 20px 52px rgba(28, 105, 158, 0.14) !important;
}

/* 覆盖旧深色规则中的白字 */
.section-title,
.contact-info h2,
.ov-card h3,
.dd-header h3,
.adv-card h4,
.mission-card h3,
.timeline-content h4,
.team-card h3,
.why-card h4,
.ci-value,
.honor-text,
.domain-info h4,
.service-card h3,
.domain-card h3,
.process-step h3 {
    color: #183b58 !important;
    text-shadow: none !important;
}

.section-desc,
.intro-p,
.contact-intro,
.ov-card > p,
.dd-body > p,
.adv-card p,
.mission-card p,
.timeline-content p,
.team-card p,
.why-card p,
.ci-sub,
.domain-info p,
.service-card p,
.domain-card p,
.process-step p {
    color: var(--light-muted) !important;
}

/* 逐板块覆盖旧版深色主题的高优先级白字 */
.services-preview .section-title,
.domains-section .section-title,
.tech-section .section-title,
.process-section .section-title,
.team-section .section-title,
.why-section .section-title {
    color: #183b58 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.services-preview .section-desc,
.domains-section .section-desc,
.tech-section .section-desc,
.process-section .section-desc,
.team-section .section-desc,
.why-section .section-desc {
    color: #587188 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.services-preview .section-tag,
.domains-section .section-tag,
.tech-section .section-tag,
.process-section .section-tag,
.team-section .section-tag,
.why-section .section-tag {
    color: #0878d1 !important;
    background: #e4f5ff !important;
    border-color: #b9e2f6 !important;
    opacity: 1 !important;
}

.services-preview .strategy-card,
.tech-section .tech-item,
.team-section .team-card,
.why-section .why-card {
    color: #183b58 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: #d5e8f3 !important;
    box-shadow: 0 14px 42px rgba(43, 91, 128, 0.09) !important;
}

.services-preview .strategy-card h3,
.tech-section .tech-name,
.team-section .team-card h3,
.why-section .why-card h4 {
    color: #183b58 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.services-preview .strategy-card p,
.tech-section .tech-desc,
.team-section .team-card p,
.why-section .why-card p {
    color: #587188 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* 恢复滚动入场：只做清晰的淡入和轻微上移，不再模糊文字 */
body:not(.assistant-page) .reveal-prep:not(.reveal-visible),
body:not(.assistant-page) .animate-on-scroll:not(.visible) {
    opacity: 0 !important;
    visibility: visible !important;
    transform: translate3d(0, 26px, 0) scale(0.992) !important;
    filter: none !important;
    clip-path: none !important;
}

body:not(.assistant-page) .reveal-prep.reveal-visible,
body:not(.assistant-page) .animate-on-scroll.visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
    clip-path: none !important;
}

body:not(.assistant-page) .reveal-prep,
body:not(.assistant-page) .animate-on-scroll {
    transition:
        opacity 0.68s cubic-bezier(.22,.61,.36,1),
        transform 0.78s cubic-bezier(.22,.61,.36,1) !important;
    transition-delay: var(--reveal-delay, 0ms) !important;
    will-change: opacity, transform;
}

body:not(.assistant-page) .reveal-prep *,
body:not(.assistant-page) .animate-on-scroll * {
    filter: none !important;
}

.section-tag,
.dd-tag,
.ci-label,
.cd-title,
.cd-tags span,
.dd-features span,
.ov-list li,
.wc-num {
    color: var(--light-blue) !important;
}

.cd-tags span,
.dd-features span {
    background: #edf7ff !important;
    border-color: #d5e9f7 !important;
}

.ci-icon {
    color: var(--light-blue) !important;
    background: linear-gradient(135deg, #e3f4ff, #e9faf4) !important;
    border-color: #cce6f4 !important;
    box-shadow: none !important;
}

.ci-icon svg {
    stroke: var(--light-blue) !important;
    filter: none !important;
}

/* 统一小图标的清晰度：保持各板块配色，同时强化线条边缘与高分屏显示。 */
.strategy-icon svg,
.domain-icon svg,
.tech-icon svg,
.mc-icon svg,
.tc-icon svg,
.honor-icon svg,
.ov-icon svg,
.dd-icon svg,
.ci-icon svg,
.dd-partner-badge svg {
    display: block;
    overflow: visible;
    shape-rendering: geometricPrecision;
    filter: none !important;
}

.strategy-icon svg *,
.domain-icon svg *,
.tech-icon svg *,
.mc-icon svg *,
.tc-icon svg *,
.honor-icon svg *,
.ov-icon svg *,
.dd-icon svg *,
.ci-icon svg * {
    vector-effect: non-scaling-stroke;
}

.team-section .tc-icon,
.domains-section .domain-icon {
    border: 1px solid rgba(8, 120, 209, 0.16);
    color: #0878d1 !important;
    background: linear-gradient(145deg, #e6f6ff, #e8faf4) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.tech-glyph,
.honor-glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.06em;
}

.tech-glyph {
    font-size: 2rem;
}

.honor-glyph {
    font-size: 1.15rem;
}

.contact-domains {
    border-top-color: var(--light-line) !important;
}

/* 联系表单保留蓝色标题，表体更干净 */
.form-header {
    background: linear-gradient(120deg, #0b79cf, #12a3d7 72%, #17b684) !important;
}

.form-header h3,
.form-header p {
    color: #fff !important;
}

.qq-form-shell {
    background: #fff !important;
    border-color: var(--light-line) !important;
}

.qq-form-note {
    color: #536f85 !important;
    background: #eef8ff !important;
    border-color: #d8ebf7 !important;
}

/* AI入口不再使用大面积黑底 */
.ai-assistant-entry {
    background:
        radial-gradient(circle at 12% 12%, rgba(12, 133, 210, 0.1), transparent 30%),
        radial-gradient(circle at 88% 80%, rgba(32, 190, 137, 0.11), transparent 27%),
        linear-gradient(135deg, #edf8ff 0%, #ffffff 52%, #eefaf6 100%) !important;
}

.ai-assistant-entry::before {
    opacity: 0.35 !important;
}

.ai-assistant-entry-inner {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: #d8e9f4 !important;
    box-shadow: 0 24px 65px rgba(36, 96, 137, 0.12) !important;
}

.ai-assistant-copy h2 {
    color: #153f60 !important;
}

.ai-assistant-copy p {
    color: #60798e !important;
}

.ai-assistant-badge,
.ai-assistant-points span {
    color: #0878d1 !important;
}

/* 普通CTA降低深色面积 */
.cta-section {
    background: linear-gradient(115deg, #e4f4ff 0%, #f8fcff 58%, #e8faf3 100%) !important;
}

.cta-section h2 {
    color: #173f5e !important;
}

.cta-section p {
    color: #637c91 !important;
}

/* 页脚改为浅灰蓝 */
.footer {
    color: #4e687e !important;
    background: #eaf3f8 !important;
    border-top: 1px solid #d5e5ef !important;
}

.footer-company,
.footer-col-title {
    color: #1f4562 !important;
}

.footer-logo {
    filter: none !important;
    opacity: 1 !important;
}

.footer a,
.footer span,
.footer-slogan,
.footer-bottom p {
    color: #647d91 !important;
}

.footer a:hover {
    color: var(--light-blue) !important;
}

.footer-bottom {
    border-top-color: #d5e5ef !important;
    background: #e3eef5 !important;
}

/* 板块之间使用相同边缘色，避免背景像硬切的色块 */
body:not(.assistant-page) .section,
.solution-lab,
.services-preview,
.domains-section,
.tech-section,
.process-section,
.about-intro,
.mission-section,
.history-section,
.team-section,
.honor-section,
.partners-section,
.svc-overview,
.domains-detail-section,
.advantages-section,
.contact-main,
.why-section {
    background:
        radial-gradient(circle at 88% 40%, rgba(39, 172, 221, 0.065), transparent 30%),
        linear-gradient(180deg,
            #edf7fc 0%,
            #f7fbfe 9%,
            #ffffff 24%,
            #ffffff 76%,
            #f5fafc 91%,
            #edf7fc 100%) !important;
}

body:not(.assistant-page) .section:nth-of-type(even),
.domains-section,
.tech-section,
.mission-section,
.team-section,
.domains-detail-section,
.why-section {
    background:
        radial-gradient(circle at 12% 42%, rgba(37, 185, 143, 0.06), transparent 31%),
        linear-gradient(180deg,
            #edf7fc 0%,
            #f5fbf9 12%,
            #ffffff 29%,
            #ffffff 74%,
            #f4faf8 90%,
            #edf7fc 100%) !important;
}

.stats-section,
.ai-assistant-entry,
.cta-section {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow:
        inset 0 54px 72px -72px rgba(41, 111, 157, 0.18),
        inset 0 -54px 72px -72px rgba(41, 111, 157, 0.18) !important;
}

@media (prefers-reduced-motion: reduce) {
    body:not(.assistant-page) .reveal-prep,
    body:not(.assistant-page) .animate-on-scroll {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* AI助手页同步明亮化 */
html,
body.assistant-page {
    background: #f2f8fc !important;
}

.assistant-main {
    background:
        radial-gradient(circle at 12% 5%, rgba(12, 133, 210, 0.1), transparent 28%),
        radial-gradient(circle at 92% 14%, rgba(32, 190, 137, 0.09), transparent 24%),
        linear-gradient(145deg, #f1f8fd 0%, #ffffff 54%, #edf9f5 100%) !important;
}

.assistant-intro {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: var(--light-line) !important;
    box-shadow: 0 18px 52px rgba(43, 91, 128, 0.11) !important;
}

.assistant-brand h1 {
    color: #173f5e !important;
}

.assistant-brand p {
    color: #657d91 !important;
}

.assistant-contact {
    color: #315b77 !important;
    border-color: #d4e6f1 !important;
    background: #f3f9fd !important;
}

.assistant-notice {
    color: #70869a !important;
}

.assistant-frame-card {
    border-color: #d5e7f2 !important;
    box-shadow: 0 24px 70px rgba(38, 92, 130, 0.16) !important;
}

@media (max-width: 760px) {
    .navbar,
    .navbar.inner-nav,
    .assistant-navbar {
        background: rgba(255,255,255,0.98) !important;
    }

    .hero-split {
        padding-top: 108px !important;
        padding-bottom: 54px !important;
        gap: 34px !important;
        text-align: left !important;
    }

    .hero-copy .hero-title {
        font-size: clamp(2.15rem, 11vw, 2.8rem) !important;
        line-height: 1.14 !important;
    }

    .hero-copy .hero-desc {
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 0.98rem !important;
    }

    .hero-copy .hero-actions {
        justify-content: flex-start !important;
    }

    .hero-proof {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        gap: 0.45rem !important;
    }

    .hero-proof div {
        min-width: 0 !important;
        padding: 0.75rem 0.5rem !important;
        text-align: center !important;
    }

    .hero-proof b {
        font-size: 1.12rem !important;
    }

    .hero-proof span {
        font-size: 0.7rem !important;
    }

    .hero-visual {
        min-height: 365px !important;
        width: 100% !important;
    }

    .hero-scroll {
        display: none !important;
    }
}

/* 手机端最终适配：统一视口宽度、减少首屏留白并消除横向裁切。 */
@media (max-width: 760px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body * {
        min-width: 0;
    }

    .container,
    .assistant-main,
    .assistant-intro,
    .assistant-mobile-launch {
        width: 100% !important;
        max-width: 100% !important;
    }

    .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .navbar-inner {
        height: 72px !important;
    }

    .navbar .logo-img,
    .navbar.scrolled .logo-img,
    .navbar.inner-nav .logo-img,
    .assistant-navbar .logo-img {
        width: auto !important;
        max-width: 205px !important;
        height: 52px !important;
    }

    .nav-toggle {
        display: flex !important;
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        margin-left: 12px !important;
        border: 1px solid #cfe3ef !important;
        border-radius: 11px !important;
        background: #f2f9fd !important;
    }

    .nav-toggle span,
    .navbar.scrolled .nav-toggle span,
    .navbar.inner-nav .nav-toggle span {
        width: 22px !important;
        height: 2px !important;
        background: #12669f !important;
        opacity: 1 !important;
    }

    .mobile-menu {
        max-height: calc(100dvh - 72px);
        overflow-y: auto;
    }

    .mobile-link {
        padding: 0.8rem 18px !important;
    }

    .hero-split,
    .hero-copy,
    .hero-visual,
    .hero-proof,
    .hero-actions,
    .contact-grid,
    .contact-info,
    .contact-form-wrap,
    .form-card,
    .intro-layout,
    .domain-detail,
    .dd-content,
    .dd-gallery {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .hero-split {
        padding-top: 94px !important;
        padding-bottom: 46px !important;
        gap: 26px !important;
    }

    .hero-copy .hero-title {
        max-width: 100% !important;
        font-size: clamp(2rem, 10vw, 2.55rem) !important;
        line-height: 1.16 !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    .hero-copy .hero-desc {
        max-width: 100% !important;
        font-size: 0.95rem !important;
        line-height: 1.85 !important;
    }

    .hero-copy .hero-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .hero-copy .hero-actions .btn {
        width: 100% !important;
        padding: 0.78rem 0.55rem !important;
        font-size: 0.92rem !important;
    }

    .hero-proof {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .hero-proof div {
        width: auto !important;
        min-width: 0 !important;
        padding: 0.72rem 0.28rem !important;
    }

    .hero-proof b {
        font-size: 1.04rem !important;
    }

    .hero-proof span {
        font-size: 0.65rem !important;
        white-space: nowrap;
    }

    .hero-visual {
        min-height: 330px !important;
    }

    .command-shell {
        width: calc(100% - 12px) !important;
        max-width: 360px !important;
        transform: none !important;
    }

    .inner-hero {
        min-height: 330px !important;
        padding-top: 96px !important;
        padding-bottom: 42px !important;
    }

    .inner-hero .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .inner-hero-title,
    .inner-hero h1 {
        max-width: 100% !important;
        font-size: clamp(2rem, 9vw, 2.45rem) !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .inner-hero-desc,
    .inner-hero p {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        font-size: 0.94rem !important;
        line-height: 1.75 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .section {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }

    .section-header {
        margin-bottom: 30px !important;
    }

    .section-title {
        font-size: 1.72rem !important;
        line-height: 1.3 !important;
    }

    .section-desc,
    .intro-p,
    .contact-intro,
    .dd-body > p,
    .mission-card p,
    .team-card p,
    .adv-card p {
        max-width: 100% !important;
        font-size: 0.94rem !important;
        line-height: 1.85 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .strategy-grid,
    .solution-grid,
    .domains-grid,
    .process-timeline,
    .mission-grid,
    .team-grid,
    .honors-grid,
    .advantages-grid,
    .contact-grid {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 16px !important;
    }

    .process-arrow {
        display: none !important;
    }

    .process-section .process-step {
        min-height: 0 !important;
    }

    .solution-card,
    .strategy-card,
    .domain-card,
    .process-step,
    .mission-card,
    .team-card,
    .honor-item,
    .adv-card,
    .contact-info,
    .form-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    .contact-info,
    .form-card {
        padding: 20px 16px !important;
        border-radius: 18px !important;
    }

    .contact-item {
        width: 100% !important;
        min-height: 82px !important;
        padding: 0.9rem !important;
        gap: 0.8rem !important;
    }

    .ci-icon {
        width: 46px !important;
        height: 46px !important;
        flex: 0 0 46px !important;
    }

    .ci-value,
    .ci-sub {
        overflow-wrap: anywhere !important;
    }

    .qq-form-actions {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .qq-form-actions a {
        width: 100% !important;
        min-height: 46px !important;
        justify-content: center !important;
    }

    .qq-form-shell {
        height: 520px !important;
        min-height: 520px !important;
    }

    .qq-form-frame {
        width: 100% !important;
        min-width: 0 !important;
    }

    .footer {
        padding-top: 48px !important;
    }

    .footer-inner {
        gap: 28px !important;
    }
}

@media (max-width: 380px) {
    .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .navbar .logo-img,
    .navbar.scrolled .logo-img,
    .navbar.inner-nav .logo-img,
    .assistant-navbar .logo-img {
        max-width: 185px !important;
        height: 48px !important;
    }

    .hero-copy .hero-actions {
        grid-template-columns: 1fr !important;
    }
}