﻿/* ============================================
   英讯智研 - 全局样式
   色调：蓝色系 #1890FF 主色
   ============================================ */

/* === Reset & Base === */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #1890FF;
    --primary-dark: #096DD9;
    --primary-deeper: #0050B3;
    --primary-darkest: #003C8F;
    --primary-light: #69C0FF;
    --primary-lighter: #91CAFF;
    --primary-bg: #E6F7FF;
    --primary-bg-light: #F0F5FF;
    --text-primary: #1A1A2E;
    --text-secondary: #5A5A7A;
    --text-muted: #8C8CA1;
    --bg-white: #FFFFFF;
    --bg-light: #F7F9FC;
    --border: #E8ECF1;
    --shadow-sm: 0 2px 8px rgba(24, 144, 255, 0.06);
    --shadow-md: 0 4px 16px rgba(24, 144, 255, 0.1);
    --shadow-lg: 0 8px 32px rgba(24, 144, 255, 0.12);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --header-height: 72px;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--text-primary);
    background: var(--bg-white);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

img {
    max-width: 100%;
    height: auto;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.section {
    padding: 80px 0;
}

.bg-light {
    background: var(--bg-light);
}

/* === Header === */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(24, 144, 255, 0.08);
    z-index: 1000;
    transition: box-shadow 0.3s;
}

.header.scrolled {
    box-shadow: 0 2px 20px rgba(24, 144, 255, 0.1);
}

.header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.logo-img {
    height: 40px;
    width: auto;
}

.logo-text {
    font-size: 22px;
    font-weight: 700;
    color: var(--primary);
    letter-spacing: 2px;
    align-items: center;
    justify-content: center;
}

.nav {
    display: flex;
    align-items: center;
    gap: 4px;
}

.nav-item {
    padding: 8px 14px;
    font-size: 15px;
    color: var(--text-secondary);
    border-radius: var(--radius-sm);
    transition: all 0.2s;
    white-space: nowrap;
    font-weight: 500;
}

.nav-item:hover {
    color: var(--primary);
    background: var(--primary-bg);
}

.nav-item.active {
    color: var(--primary);
    background: var(--primary-bg);
    font-weight: 600;
}

/* Mobile menu button */
.mobile-menu-btn {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
}

/* Header Search */
.header-search {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    background: var(--primary-bg);
    color: var(--primary);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.search-icon-btn:hover {
    background: var(--primary);
    color: white;
}

.search-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: white;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border);
    padding: 6px;
    width: 360px;
    gap: 6px;
    z-index: 100;
}

.search-dropdown.open {
    display: flex;
}

.search-dropdown input {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}

.search-dropdown input:focus {
    border-color: var(--primary);
}

.search-dropdown button {
    padding: 10px 20px;
    background: var(--primary);
    color: white;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    transition: background 0.2s;
}

.search-dropdown button:hover {
    background: var(--primary-dark);
}

.mobile-menu-btn span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-primary);
    border-radius: 2px;
    transition: all 0.3s;
}

.mobile-menu-btn.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.mobile-menu-btn.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-btn.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* === Banner === */
.banner {
    position: relative;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: var(--header-height);
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.banner.banner-loaded {
    opacity: 1;
}

/* 文章详情页Banner：高度为普通Banner的70% */
.banner-article {
    height: 294px;
}

.banner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 60, 143, 0.65);
    z-index: 1;
}

.banner-content {
    position: relative;
    z-index: 2;
    color: white;
    max-width: 700px;
    padding: 0 24px;
}

.banner-content h1 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 16px;
    letter-spacing: 3px;
}

.banner-content p {
    font-size: 18px;
    opacity: 0.9;
    line-height: 1.6;
}

.banner-home {
    height: 520px;
}

.banner-home .banner-content h1 {
    font-size: 56px;
    margin-bottom: 12px;
}

.banner-subtitle {
    font-size: 22px !important;
    font-weight: 600;
    margin-bottom: 8px;
    opacity: 1 !important;
}

.banner-desc {
    font-size: 16px !important;
    opacity: 0.8 !important;
    margin-bottom: 32px;
}

.banner-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Banner背景 - SVG内嵌data URI（零延迟加载） */
.banner-home { background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201920%20600%22%20width%3D%221920%22%20height%3D%22600%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%23003C8F%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20style%3D%22stop-color%3A%23096DD9%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%2336CFC9%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow1%22%20cx%3D%2230%25%22%20cy%3D%2240%25%22%20r%3D%2240%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%23722ED1%3Bstop-opacity%3A0.3%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%23722ED1%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow2%22%20cx%3D%2275%25%22%20cy%3D%2260%25%22%20r%3D%2235%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%2336CFC9%3Bstop-opacity%3A0.25%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%2336CFC9%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22600%22%20fill%3D%22url(%23bg)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22600%22%20fill%3D%22url(%23glow1)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22600%22%20fill%3D%22url(%23glow2)%22%2F%3E%0D%0A%20%20%3Cg%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%220.5%22%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%22150%22%20x2%3D%221920%22%20y2%3D%22150%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%22300%22%20x2%3D%221920%22%20y2%3D%22300%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%22450%22%20x2%3D%221920%22%20y2%3D%22450%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22480%22%20y1%3D%220%22%20x2%3D%22480%22%20y2%3D%22600%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22960%22%20y1%3D%220%22%20x2%3D%22960%22%20y2%3D%22600%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%221440%22%20y1%3D%220%22%20x2%3D%221440%22%20y2%3D%22600%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22300%22%20cy%3D%22200%22%20r%3D%2280%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22300%22%20cy%3D%22200%22%20r%3D%22120%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22960%22%20cy%3D%22300%22%20r%3D%22100%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22960%22%20cy%3D%22300%22%20r%3D%22150%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221600%22%20cy%3D%22180%22%20r%3D%2270%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221600%22%20cy%3D%22180%22%20r%3D%22110%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22380%22%20y1%3D%22240%22%20x2%3D%22860%22%20y2%3D%22290%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%221060%22%20y1%3D%22310%22%20x2%3D%221530%22%20y2%3D%22200%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22960%22%20y1%3D%22200%22%20x2%3D%22960%22%20y2%3D%22100%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22960%22%20y1%3D%22400%22%20x2%3D%22960%22%20y2%3D%22500%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cg%20fill%3D%22%2336CFC9%22%20fill-opacity%3D%220.8%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22300%22%20cy%3D%22200%22%20r%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22960%22%20cy%3D%22300%22%20r%3D%225%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221600%22%20cy%3D%22180%22%20r%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22380%22%20cy%3D%22240%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22860%22%20cy%3D%22290%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221060%22%20cy%3D%22310%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221530%22%20cy%3D%22200%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22960%22%20cy%3D%22100%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22960%22%20cy%3D%22500%22%20r%3D%223%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cpolygon%20points%3D%22180%2C80%20220%2C140%20140%2C140%22%20fill%3D%22none%22%20stroke%3D%22%2336CFC9%22%20stroke-opacity%3D%220.2%22%20stroke-width%3D%221.5%22%2F%3E%0D%0A%20%20%3Crect%20x%3D%221700%22%20y%3D%22400%22%20width%3D%2260%22%20height%3D%2260%22%20rx%3D%224%22%20fill%3D%22none%22%20stroke%3D%22%23722ED1%22%20stroke-opacity%3D%220.2%22%20stroke-width%3D%221.5%22%20transform%3D%22rotate(15%201730%20430)%22%2F%3E%0D%0A%20%20%3Cpolygon%20points%3D%22600%2C480%20640%2C420%20680%2C480%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221%22%2F%3E%0D%0A%20%20%3Cg%20stroke%3D%22url(%23bg)%22%20stroke-width%3D%222%22%20stroke-opacity%3D%220.08%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C350%20Q400%2C200%20800%2C380%20T1600%2C280%20T1920%2C350%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C250%20Q500%2C400%201000%2C200%20T1920%2C300%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') center/cover no-repeat; }
.banner-daily { background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201920%20520%22%20width%3D%221920%22%20height%3D%22520%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%231D3557%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20style%3D%22stop-color%3A%231890FF%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%2369C0FF%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow%22%20cx%3D%2260%25%22%20cy%3D%2250%25%22%20r%3D%2245%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%231890FF%3Bstop-opacity%3A0.2%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%231890FF%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23bg)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23glow)%22%2F%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.07%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221400%22%20cy%3D%22260%22%20r%3D%2260%22%20stroke-width%3D%221%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221400%22%20cy%3D%22260%22%20r%3D%22110%22%20stroke-width%3D%220.8%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221400%22%20cy%3D%22260%22%20r%3D%22160%22%20stroke-width%3D%220.6%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221400%22%20cy%3D%22260%22%20r%3D%22220%22%20stroke-width%3D%220.4%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22200%22%20y1%3D%22260%22%20x2%3D%221720%22%20y2%3D%22260%22%20stroke-dasharray%3D%228%2C8%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cg%20fill%3D%22%2369C0FF%22%20fill-opacity%3D%220.6%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22200%22%20cy%3D%22260%22%20r%3D%226%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22500%22%20cy%3D%22260%22%20r%3D%226%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22800%22%20cy%3D%22260%22%20r%3D%226%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221100%22%20cy%3D%22260%22%20r%3D%226%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221400%22%20cy%3D%22260%22%20r%3D%226%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221700%22%20cy%3D%22260%22%20r%3D%226%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%2369C0FF%22%20stroke-opacity%3D%220.15%22%20stroke-width%3D%221.5%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22500%22%20cy%3D%22260%22%20r%3D%2230%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221100%22%20cy%3D%22260%22%20r%3D%2235%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cpolyline%20points%3D%22200%2C380%20500%2C320%20800%2C340%201100%2C280%201400%2C220%201700%2C160%22%20fill%3D%22none%22%20stroke%3D%22%2369C0FF%22%20stroke-opacity%3D%220.15%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%3Crect%20x%3D%22350%22%20y%3D%22100%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.08%22%20stroke-width%3D%221%22%2F%3E%0D%0A%20%20%3Cpolygon%20points%3D%22900%2C80%20930%2C130%20870%2C130%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.08%22%20stroke-width%3D%221%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%221550%22%20cy%3D%22420%22%20r%3D%2225%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A') center/cover no-repeat; }
.banner-insights { background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201920%20520%22%20width%3D%221920%22%20height%3D%22520%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%230D1B3E%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2240%25%22%20style%3D%22stop-color%3A%231B3A8C%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%23722ED1%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow1%22%20cx%3D%2225%25%22%20cy%3D%2260%25%22%20r%3D%2240%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%23722ED1%3Bstop-opacity%3A0.25%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%23722ED1%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow2%22%20cx%3D%2280%25%22%20cy%3D%2230%25%22%20r%3D%2235%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%231890FF%3Bstop-opacity%3A0.15%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%231890FF%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23bg)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23glow1)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23glow2)%22%2F%3E%0D%0A%20%20%3C!--%20%E7%81%AF%E6%B3%A1%2F%E6%B4%9E%E5%AF%9F%E5%85%83%E7%B4%A0%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.08%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22350%22%20cy%3D%22260%22%20r%3D%22100%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22350%22%20cy%3D%22260%22%20r%3D%22130%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22350%22%20y1%3D%22130%22%20x2%3D%22350%22%20y2%3D%2290%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22350%22%20y1%3D%22390%22%20x2%3D%22350%22%20y2%3D%22430%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22220%22%20y1%3D%22260%22%20x2%3D%22180%22%20y2%3D%22260%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22480%22%20y1%3D%22260%22%20x2%3D%22520%22%20y2%3D%22260%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Ccircle%20cx%3D%22350%22%20cy%3D%22260%22%20r%3D%225%22%20fill%3D%22%23B37FEB%22%20fill-opacity%3D%220.5%22%2F%3E%0D%0A%20%20%3C!--%20%E6%80%9D%E7%BB%B4%E8%BF%9E%E7%BA%BF%20--%3E%0D%0A%20%20%3Cg%20stroke%3D%22%23B37FEB%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M350%2C260%20C600%2C180%20900%2C340%201200%2C220%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M350%2C260%20C700%2C380%201100%2C140%201500%2C260%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cg%20fill%3D%22%23B37FEB%22%20fill-opacity%3D%220.4%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22600%22%20cy%3D%22230%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22750%22%20cy%3D%22290%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22900%22%20cy%3D%22250%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221050%22%20cy%3D%22220%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221200%22%20cy%3D%22220%22%20r%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22850%22%20cy%3D%22200%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221100%22%20cy%3D%22160%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221350%22%20cy%3D%22240%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221500%22%20cy%3D%22260%22%20r%3D%224%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E6%94%BE%E5%A4%A7%E9%95%9C%E5%85%83%E7%B4%A0%20--%3E%0D%0A%20%20%3Cg%20transform%3D%22translate(1450%2C140)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221.5%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%2235%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%2225%22%20y1%3D%2225%22%20x2%3D%2250%22%20y2%3D%2250%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E6%B5%AE%E5%8A%A8%E7%82%B9%20--%3E%0D%0A%20%20%3Ccircle%20cx%3D%221600%22%20cy%3D%22400%22%20r%3D%222%22%20fill%3D%22%231890FF%22%20fill-opacity%3D%220.3%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%221650%22%20cy%3D%22380%22%20r%3D%221.5%22%20fill%3D%22%23B37FEB%22%20fill-opacity%3D%220.3%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%221700%22%20cy%3D%22420%22%20r%3D%222.5%22%20fill%3D%22%231890FF%22%20fill-opacity%3D%220.2%22%2F%3E%0D%0A%20%20%3Cpolygon%20points%3D%22100%2C400%20120%2C370%20140%2C400%22%20fill%3D%22none%22%20stroke%3D%22%23B37FEB%22%20stroke-opacity%3D%220.08%22%20stroke-width%3D%221%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A') center/cover no-repeat; }
.banner-salon { background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201920%20520%22%20width%3D%221920%22%20height%3D%22520%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%23003C8F%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20style%3D%22stop-color%3A%23096DD9%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%2313C2C2%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%2313C2C2%3Bstop-opacity%3A0.15%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%2313C2C2%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23bg)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23glow)%22%2F%3E%0D%0A%20%20%3C!--%20%E5%AF%B9%E8%AF%9D%E6%B0%94%E6%B3%A1%2F%E6%B2%99%E9%BE%99%E5%85%83%E7%B4%A0%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.08%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22250%22%20y%3D%22180%22%20width%3D%22160%22%20height%3D%22100%22%20rx%3D%2250%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22480%22%20y%3D%22200%22%20width%3D%22180%22%20height%3D%2280%22%20rx%3D%2240%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22750%22%20y%3D%22160%22%20width%3D%22200%22%20height%3D%22110%22%20rx%3D%2255%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%221050%22%20y%3D%22190%22%20width%3D%22170%22%20height%3D%2290%22%20rx%3D%2245%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%221300%22%20y%3D%22170%22%20width%3D%22190%22%20height%3D%22100%22%20rx%3D%2250%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E8%BF%9E%E6%8E%A5%E7%BA%BF%20--%3E%0D%0A%20%20%3Cg%20stroke%3D%22%2313C2C2%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22410%22%20y1%3D%22230%22%20x2%3D%22480%22%20y2%3D%22240%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22660%22%20y1%3D%22240%22%20x2%3D%22750%22%20y2%3D%22215%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22950%22%20y1%3D%22215%22%20x2%3D%221050%22%20y2%3D%22235%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%221220%22%20y1%3D%22235%22%20x2%3D%221300%22%20y2%3D%22220%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E4%BA%BA%E7%89%A9%E8%8A%82%E7%82%B9%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22%2313C2C2%22%20fill-opacity%3D%220.5%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22330%22%20cy%3D%22230%22%20r%3D%226%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22570%22%20cy%3D%22240%22%20r%3D%226%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22850%22%20cy%3D%22215%22%20r%3D%226%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221135%22%20cy%3D%22235%22%20r%3D%226%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221395%22%20cy%3D%22220%22%20r%3D%226%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E6%95%A3%E8%90%BD%E5%9C%86%E7%82%B9%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.05%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22180%22%20cy%3D%22380%22%20r%3D%2230%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221700%22%20cy%3D%22120%22%20r%3D%2225%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221600%22%20cy%3D%22400%22%20r%3D%2220%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E5%BA%95%E9%83%A8%E8%A3%85%E9%A5%B0%E7%BA%BF%20--%3E%0D%0A%20%20%3Cline%20x1%3D%22100%22%20y1%3D%22460%22%20x2%3D%221820%22%20y2%3D%22460%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.05%22%20stroke-width%3D%221%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A') center/cover no-repeat; }
.banner-reports { background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201920%20520%22%20width%3D%221920%22%20height%3D%22520%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%23002766%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20style%3D%22stop-color%3A%230050B3%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%231D39C4%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow%22%20cx%3D%2240%25%22%20cy%3D%2270%25%22%20r%3D%2240%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%231D39C4%3Bstop-opacity%3A0.2%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%231D39C4%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23bg)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23glow)%22%2F%3E%0D%0A%20%20%3C!--%20%E6%96%87%E6%A1%A3%2F%E6%8A%A5%E5%91%8A%E5%85%83%E7%B4%A0%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22280%22%20y%3D%22120%22%20width%3D%22120%22%20height%3D%22160%22%20rx%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22300%22%20y%3D%22140%22%20width%3D%2280%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22300%22%20y%3D%22155%22%20width%3D%2280%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22300%22%20y%3D%22170%22%20width%3D%2260%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22300%22%20y%3D%22185%22%20width%3D%2280%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22300%22%20y%3D%22200%22%20width%3D%2270%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22580%22%20y%3D%22140%22%20width%3D%22120%22%20height%3D%22160%22%20rx%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22600%22%20y%3D%22160%22%20width%3D%2280%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22600%22%20y%3D%22175%22%20width%3D%2280%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22600%22%20y%3D%22190%22%20width%3D%2260%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E5%9B%BE%E8%A1%A8%E5%85%83%E7%B4%A0%20--%3E%0D%0A%20%20%3Cg%20transform%3D%22translate(1100%2C280)%22%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22150%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%22150%22%20x2%3D%22300%22%20y2%3D%22150%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%2220%22%20y%3D%2280%22%20width%3D%2235%22%20height%3D%2270%22%20rx%3D%223%22%20fill%3D%22%23597EF7%22%20fill-opacity%3D%220.2%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%2270%22%20y%3D%2250%22%20width%3D%2235%22%20height%3D%22100%22%20rx%3D%223%22%20fill%3D%22%23597EF7%22%20fill-opacity%3D%220.25%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%2230%22%20width%3D%2235%22%20height%3D%22120%22%20rx%3D%223%22%20fill%3D%22%23597EF7%22%20fill-opacity%3D%220.3%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22170%22%20y%3D%2260%22%20width%3D%2235%22%20height%3D%2290%22%20rx%3D%223%22%20fill%3D%22%23597EF7%22%20fill-opacity%3D%220.25%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22220%22%20y%3D%2220%22%20width%3D%2235%22%20height%3D%22130%22%20rx%3D%223%22%20fill%3D%22%23597EF7%22%20fill-opacity%3D%220.35%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E9%A5%BC%E5%9B%BE%E5%85%83%E7%B4%A0%20--%3E%0D%0A%20%20%3Cg%20transform%3D%22translate(1650%2C200)%22%20fill%3D%22none%22%20stroke-width%3D%220.8%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%2260%22%20stroke%3D%22%23597EF7%22%20stroke-opacity%3D%220.15%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C0%20L0%2C-60%20A60%2C60%200%200%2C1%2052%2C-30%20Z%22%20fill%3D%22%23597EF7%22%20fill-opacity%3D%220.12%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C0%20L52%2C-30%20A60%2C60%200%200%2C1%2052%2C30%20Z%22%20fill%3D%22%2336CFC9%22%20fill-opacity%3D%220.1%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E8%BF%9E%E6%8E%A5%E7%BA%BF%20--%3E%0D%0A%20%20%3Cline%20x1%3D%22400%22%20y1%3D%22200%22%20x2%3D%22580%22%20y2%3D%22220%22%20stroke%3D%22%23597EF7%22%20stroke-opacity%3D%220.08%22%20stroke-width%3D%221%22%2F%3E%0D%0A%20%20%3Cline%20x1%3D%22700%22%20y1%3D%22220%22%20x2%3D%221100%22%20y2%3D%22350%22%20stroke%3D%22%23597EF7%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%20stroke-dasharray%3D%226%2C4%22%2F%3E%0D%0A%20%20%3C!--%20%E6%B5%AE%E5%8A%A8%20--%3E%0D%0A%20%20%3Ccircle%20cx%3D%22900%22%20cy%3D%22100%22%20r%3D%2240%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.04%22%20stroke-width%3D%221%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%22200%22%20cy%3D%22400%22%20r%3D%223%22%20fill%3D%22%23597EF7%22%20fill-opacity%3D%220.3%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%221800%22%20cy%3D%22380%22%20r%3D%222.5%22%20fill%3D%22%2336CFC9%22%20fill-opacity%3D%220.3%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A') center/cover no-repeat; }
.banner-incubator { background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201920%20520%22%20width%3D%221920%22%20height%3D%22520%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%230958D9%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20style%3D%22stop-color%3A%231890FF%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%2352C41A%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow1%22%20cx%3D%2230%25%22%20cy%3D%2270%25%22%20r%3D%2240%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%2352C41A%3Bstop-opacity%3A0.15%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%2352C41A%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow2%22%20cx%3D%2275%25%22%20cy%3D%2230%25%22%20r%3D%2235%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%231890FF%3Bstop-opacity%3A0.15%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%231890FF%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23bg)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23glow1)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23glow2)%22%2F%3E%0D%0A%20%20%3C!--%20%E7%94%9F%E9%95%BF%2F%E5%AD%B5%E5%8C%96%E5%85%83%E7%B4%A0%20-%20DNA%E5%8F%8C%E8%9E%BA%E6%97%8B%20--%3E%0D%0A%20%20%3Cg%20stroke%3D%22%2352C41A%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221%22%20fill%3D%22none%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M400%2C50%20C500%2C120%20500%2C180%20400%2C250%20C300%2C320%20300%2C380%20400%2C450%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M400%2C50%20C300%2C120%20300%2C180%20400%2C250%20C500%2C320%20500%2C380%20400%2C450%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22340%22%20y1%3D%22150%22%20x2%3D%22460%22%20y2%3D%22150%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22320%22%20y1%3D%22250%22%20x2%3D%22480%22%20y2%3D%22250%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22340%22%20y1%3D%22350%22%20x2%3D%22460%22%20y2%3D%22350%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E5%8F%91%E5%85%89%E7%A7%8D%E5%AD%90%E8%8A%82%E7%82%B9%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22%2395DE64%22%20fill-opacity%3D%220.5%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22340%22%20cy%3D%22150%22%20r%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22460%22%20cy%3D%22150%22%20r%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22320%22%20cy%3D%22250%22%20r%3D%225%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22480%22%20cy%3D%22250%22%20r%3D%225%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22340%22%20cy%3D%22350%22%20r%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22460%22%20cy%3D%22350%22%20r%3D%224%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E7%94%9F%E9%95%BF%E7%AE%AD%E5%A4%B4%2F%E8%B7%AF%E5%BE%84%20--%3E%0D%0A%20%20%3Cg%20stroke%3D%22%2395DE64%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M600%2C350%20C700%2C300%20750%2C200%20850%2C180%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M850%2C180%20C950%2C160%201000%2C250%201100%2C230%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M1100%2C230%20C1200%2C210%201250%2C150%201350%2C170%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M1350%2C170%20C1450%2C190%201500%2C140%201600%2C160%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cg%20fill%3D%22%2352C41A%22%20fill-opacity%3D%220.4%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22850%22%20cy%3D%22180%22%20r%3D%225%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221100%22%20cy%3D%22230%22%20r%3D%225%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221350%22%20cy%3D%22170%22%20r%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221600%22%20cy%3D%22160%22%20r%3D%224%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E4%B8%8A%E5%8D%87%E7%B2%92%E5%AD%90%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.06%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22750%22%20cy%3D%22400%22%20r%3D%2220%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221500%22%20cy%3D%2280%22%20r%3D%2215%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E5%85%AD%E8%BE%B9%E5%BD%A2%EF%BC%88%E7%A7%91%E6%8A%80%2B%E6%9C%89%E6%9C%BA%EF%BC%89%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%2352C41A%22%20stroke-opacity%3D%220.08%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Cpolygon%20points%3D%221650%2C320%201680%2C300%201710%2C320%201710%2C360%201680%2C380%201650%2C360%22%2F%3E%0D%0A%20%20%20%20%3Cpolygon%20points%3D%221750%2C340%201780%2C320%201810%2C340%201810%2C380%201780%2C400%201750%2C380%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A') center/cover no-repeat; }
.banner-interview { background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201920%20520%22%20width%3D%221920%22%20height%3D%22520%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%231A1A2E%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2240%25%22%20style%3D%22stop-color%3A%2316213E%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%230F3460%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%23E8B84B%3Bstop-opacity%3A0.12%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%23E8B84B%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow2%22%20cx%3D%2230%25%22%20cy%3D%2240%25%22%20r%3D%2230%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%231890FF%3Bstop-opacity%3A0.1%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%231890FF%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23bg)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23glow)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23glow2)%22%2F%3E%0D%0A%20%20%3C!--%20%E8%81%9A%E5%85%89%E7%81%AF%E6%95%88%E6%9E%9C%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E8B84B%22%20stroke-opacity%3D%220.04%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Cellipse%20cx%3D%22960%22%20cy%3D%22520%22%20rx%3D%22400%22%20ry%3D%22600%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E9%BA%A6%E5%85%8B%E9%A3%8E%2F%E8%AE%BF%E8%B0%88%E5%85%83%E7%B4%A0%20--%3E%0D%0A%20%20%3Cg%20transform%3D%22translate(400%2C180)%22%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22-8%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2250%22%20rx%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%23E8B84B%22%20stroke-opacity%3D%220.15%22%20stroke-width%3D%221.5%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M-20%2C35%20Q-20%2C65%200%2C70%20Q20%2C65%2020%2C35%22%20fill%3D%22none%22%20stroke%3D%22%23E8B84B%22%20stroke-opacity%3D%220.15%22%20stroke-width%3D%221.5%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%2270%22%20x2%3D%220%22%20y2%3D%2290%22%20stroke%3D%22%23E8B84B%22%20stroke-opacity%3D%220.15%22%20stroke-width%3D%221.5%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22-12%22%20y1%3D%2290%22%20x2%3D%2212%22%20y2%3D%2290%22%20stroke%3D%22%23E8B84B%22%20stroke-opacity%3D%220.15%22%20stroke-width%3D%221.5%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E5%BC%95%E5%8F%B7%E5%85%83%E7%B4%A0%20--%3E%0D%0A%20%20%3Cg%20transform%3D%22translate(300%2C100)%22%20fill%3D%22%23E8B84B%22%20fill-opacity%3D%220.08%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C40%20C0%2C20%2015%2C0%2035%2C0%20C25%2C0%2020%2C10%2020%2C20%20C20%2C30%2028%2C38%2038%2C38%20L30%2C55%20L22%2C55%20C22%2C55%200%2C55%200%2C40%20Z%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M50%2C40%20C50%2C20%2065%2C0%2085%2C0%20C75%2C0%2070%2C10%2070%2C20%20C70%2C30%2078%2C38%2088%2C38%20L80%2C55%20L72%2C55%20C72%2C55%2050%2C55%2050%2C40%20Z%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E5%A3%B0%E6%B3%A2%20--%3E%0D%0A%20%20%3Cg%20stroke%3D%22%23E8B84B%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M440%2C210%20Q460%2C230%20440%2C250%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M460%2C200%20Q490%2C230%20460%2C260%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M480%2C190%20Q520%2C230%20480%2C270%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E5%AF%B9%E8%AF%9D%E6%B5%81%E5%90%91%20--%3E%0D%0A%20%20%3Cg%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%20stroke-dasharray%3D%225%2C5%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M500%2C230%20C700%2C180%20900%2C280%201100%2C220%20C1300%2C160%201500%2C250%201700%2C200%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cg%20fill%3D%22%23E8B84B%22%20fill-opacity%3D%220.3%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22700%22%20cy%3D%22210%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22900%22%20cy%3D%22250%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221100%22%20cy%3D%22220%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221300%22%20cy%3D%22195%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221500%22%20cy%3D%22225%22%20r%3D%223%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221700%22%20cy%3D%22200%22%20r%3D%223%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E5%BA%95%E9%83%A8%E6%B8%90%E5%8F%98%E5%85%89%E6%99%95%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E8B84B%22%20stroke-opacity%3D%220.04%22%20stroke-width%3D%220.5%22%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%22480%22%20x2%3D%221920%22%20y2%3D%22480%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A') center/cover no-repeat; }
.banner-about { background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201920%20520%22%20width%3D%221920%22%20height%3D%22520%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%23096DD9%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20style%3D%22stop-color%3A%23003C8F%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%230050B3%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%20%20%3CradialGradient%20id%3D%22glow%22%20cx%3D%2250%25%22%20cy%3D%2240%25%22%20r%3D%2245%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%231890FF%3Bstop-opacity%3A0.2%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%231890FF%3Bstop-opacity%3A0%22%2F%3E%0D%0A%20%20%20%20%3C%2FradialGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23bg)%22%2F%3E%0D%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22520%22%20fill%3D%22url(%23glow)%22%2F%3E%0D%0A%20%20%3C!--%20%E5%BB%BA%E7%AD%91%2F%E5%9B%A2%E9%98%9F%E8%BD%AE%E5%BB%93%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22700%22%20y%3D%22160%22%20width%3D%2280%22%20height%3D%22200%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22720%22%20y%3D%22180%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22745%22%20y%3D%22180%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22720%22%20y%3D%22210%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22745%22%20y%3D%22210%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22720%22%20y%3D%22240%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22745%22%20y%3D%22240%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22725%22%20y%3D%22320%22%20width%3D%2230%22%20height%3D%2240%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22820%22%20y%3D%22200%22%20width%3D%22100%22%20height%3D%22160%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22840%22%20y%3D%22220%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22880%22%20y%3D%22220%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22840%22%20y%3D%22260%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22880%22%20y%3D%22260%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22855%22%20y%3D%22320%22%20width%3D%2230%22%20height%3D%2240%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22960%22%20y%3D%22230%22%20width%3D%2270%22%20height%3D%22130%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22975%22%20y%3D%22250%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%221000%22%20y%3D%22250%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22975%22%20y%3D%22280%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Crect%20x%3D%22985%22%20y%3D%22320%22%20width%3D%2220%22%20height%3D%2240%22%20rx%3D%222%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E5%9B%A2%E9%98%9F%E8%8A%82%E7%82%B9%E5%9C%86%20--%3E%0D%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%2369C0FF%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22400%22%20cy%3D%22300%22%20r%3D%2240%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221200%22%20cy%3D%22280%22%20r%3D%2235%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221500%22%20cy%3D%22320%22%20r%3D%2230%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cg%20fill%3D%22%2369C0FF%22%20fill-opacity%3D%220.4%22%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%22400%22%20cy%3D%22300%22%20r%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221200%22%20cy%3D%22280%22%20r%3D%224%22%2F%3E%0D%0A%20%20%20%20%3Ccircle%20cx%3D%221500%22%20cy%3D%22320%22%20r%3D%224%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E8%BF%9E%E6%8E%A5%E7%BA%BF%20--%3E%0D%0A%20%20%3Cg%20stroke%3D%22%2369C0FF%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22440%22%20y1%3D%22300%22%20x2%3D%22700%22%20y2%3D%22280%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%22960%22%20y1%3D%22280%22%20x2%3D%221200%22%20y2%3D%22280%22%2F%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%221235%22%20y1%3D%22290%22%20x2%3D%221500%22%20y2%3D%22315%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3C!--%20%E5%9C%B0%E5%B9%B3%E7%BA%BF%20--%3E%0D%0A%20%20%3Cline%20x1%3D%22200%22%20y1%3D%22420%22%20x2%3D%221720%22%20y2%3D%22420%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%0D%0A%20%20%3C!--%20%E6%B5%AE%E5%8A%A8%20--%3E%0D%0A%20%20%3Ccircle%20cx%3D%22250%22%20cy%3D%22150%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.06%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%221650%22%20cy%3D%22130%22%20r%3D%224%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.05%22%2F%3E%0D%0A%20%20%3Crect%20x%3D%221600%22%20y%3D%22380%22%20width%3D%2230%22%20height%3D%2230%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.04%22%20stroke-width%3D%221%22%20transform%3D%22rotate(20%201615%20395)%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A') center/cover no-repeat; }

/* === Buttons === */
.btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 32px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s;
    cursor: pointer;
    border: 2px solid transparent;
}

.btn-primary {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
}

.btn-primary:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(24, 144, 255, 0.4);
}

.btn-outline {
    background: transparent;
    color: white;
    border-color: rgba(255, 255, 255, 0.6);
}

.btn-outline:hover {
    border-color: white;
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

/* === Section Header === */
.section-header {
    text-align: center;
    margin-bottom: 48px;
}

.section-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 12px;
}

.section-line {
    width: 48px;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), var(--primary-light));
    border-radius: 2px;
    margin: 0 auto 16px;
}

.section-desc {
    font-size: 16px;
    color: var(--text-secondary);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.8;
}

.more-link {
    color: var(--primary);
    font-weight: 500;
    font-size: 15px;
    transition: color 0.2s;
}

.more-link:hover {
    color: var(--primary-dark);
}

/* === Intro Cards (首页) === */
.intro-section {
    background: var(--bg-light);
}

.intro-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.intro-card {
    background: white;
    padding: 36px 28px;
    border-radius: var(--radius-lg);
    text-align: center;
    transition: all 0.3s;
    box-shadow: var(--shadow-sm);
}

.intro-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.intro-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    color: var(--primary);
}

.intro-icon svg {
    width: 100%;
    height: 100%;
}

.intro-card h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text-primary);
}

.intro-card p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.7;
}

/* === Daily Preview (首页) === */
.daily-preview-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.daily-preview-item {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    padding: 24px;
    background: white;
    border-radius: var(--radius-md);
    transition: all 0.3s;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
}

.daily-preview-item:hover {
    box-shadow: var(--shadow-md);
    transform: translateX(4px);
}

.daily-date-big {
    font-size: 48px;
    font-weight: 800;
    color: var(--primary);
    line-height: 1;
    min-width: 72px;
    text-align: center;
}

.daily-month {
    display: block;
    font-size: 13px;
    color: var(--text-muted);
    font-weight: 400;
    margin-bottom: 4px;
}

.daily-preview-info h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--text-primary);
    line-height: 1.5;
}

.daily-preview-info p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* === Insights Preview (首页) === */
.insights-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.insight-card {
    background: white;
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all 0.3s;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
}

.insight-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
}

.insight-img {
    height: 180px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.insight-img-placeholder {
    opacity: 0.3;
}

.insight-img-placeholder svg {
    width: 48px;
    height: 48px;
}

.insight-info {
    padding: 20px;
}

.insight-tag {
    display: inline-block;
    padding: 3px 12px;
    background: var(--primary-bg);
    color: var(--primary);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.insight-info h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.5;
    color: var(--text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.insight-info p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.insight-date {
    font-size: 13px;
    color: var(--text-muted);
}

/* === Salon Preview (首页) === */
.salon-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.salon-card {
    background: white;
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: all 0.3s;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
}

.salon-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.salon-img {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.salon-img svg {
    width: 40px;
    height: 40px;
    opacity: 0.5;
}

.salon-card h4 {
    padding: 14px 16px 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.salon-date {
    display: block;
    padding: 0 16px 14px;
    font-size: 13px;
    color: var(--text-muted);
}

/* ========================================
   每日动态页 - 列表
   ======================================== */
.daily-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.daily-item {
    display: flex;
    gap: 24px;
    padding: 28px;
    background: white;
    border-radius: var(--radius-md);
    transition: all 0.3s;
    box-shadow: var(--shadow-sm);
    border-left: 4px solid transparent;
}

.daily-item:hover {
    box-shadow: var(--shadow-md);
    border-left-color: var(--primary);
    transform: translateX(4px);
}

.daily-date-big {
    font-size: 52px;
    font-weight: 800;
    color: var(--primary);
    line-height: 1;
    min-width: 80px;
    text-align: center;
    padding-top: 4px;
}

.daily-month-label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: var(--primary-dark);
}

.daily-info {
    flex: 1;
    min-width: 0;
}

.daily-year {
    display: block;
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 6px;
}

.daily-info h3 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--text-primary);
    line-height: 1.5;
}

.daily-info p {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}

.daily-tag {
    display: inline-block;
    padding: 3px 12px;
    background: var(--primary-bg);
    color: var(--primary);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

/* ========================================
   英讯洞察页 - 图文列表
   ======================================== */
.insights-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.insight-list-card {
    display: flex;
    gap: 32px;
    background: white;
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all 0.3s;
    box-shadow: var(--shadow-sm);
}

.insight-list-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}

.insight-list-card.reverse {
    flex-direction: row-reverse;
}

.insight-list-img {
    width: 360px;
    min-height: 240px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.insight-list-img .insight-img-placeholder svg {
    width: 56px;
    height: 56px;
}

.insight-list-info {
    padding: 28px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.insight-list-info h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--text-primary);
    line-height: 1.5;
}

.insight-list-info p {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 16px;
}

.insight-meta {
    display: flex;
    gap: 20px;
    font-size: 13px;
    color: var(--text-muted);
}

/* ========================================
   教培沙龙页 - 网格
   ======================================== */
.salon-full-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.salon-card-lg {
    background: white;
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all 0.3s;
    box-shadow: var(--shadow-sm);
}

.salon-card-lg:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
}

.salon-card-img {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.salon-card-img svg {
    opacity: 0.4;
}

.salon-card-lg h4 {
    padding: 18px 18px 8px;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.salon-card-lg p {
    padding: 0 18px;
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
}

.salon-meta {
    display: block;
    padding: 0 18px 18px;
    font-size: 13px;
    color: var(--primary);
    font-weight: 500;
}

/* ========================================
   研究报告页
   ======================================== */
.reports-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.report-item {
    display: flex;
    gap: 24px;
    padding: 28px;
    background: white;
    border-radius: var(--radius-md);
    transition: all 0.3s;
    box-shadow: var(--shadow-sm);
    border-bottom: 3px solid transparent;
}

.report-item:hover {
    box-shadow: var(--shadow-md);
    border-bottom-color: var(--primary);
    transform: translateX(4px);
}

.report-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    color: var(--primary);
    background: var(--primary-bg);
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
}

.report-icon svg {
    width: 28px;
    height: 28px;
}

.report-info {
    flex: 1;
}

.report-info h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-darkest);
    margin-bottom: 10px;
    line-height: 1.5;
}

.report-info p {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.report-meta {
    display: flex;
    gap: 16px;
    align-items: center;
}

.report-tag {
    display: inline-block;
    padding: 3px 12px;
    background: var(--primary);
    color: white;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.report-date, .report-pages {
    font-size: 13px;
    color: var(--text-muted);
}

/* ========================================
   创业孵化页
   ======================================== */
.incubator-header {
    text-align: center;
    margin-bottom: 40px;
}

.incubator-logos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 20px;
}

.incubator-logo-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 28px 16px;
    background: white;
    border-radius: var(--radius-md);
    transition: all 0.3s;
    box-shadow: var(--shadow-sm);
}

.incubator-logo-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.logo-placeholder {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    font-weight: 800;
}

.incubator-logo-item span {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
}

/* 孵化文章列表 */
.incubator-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.incubator-item {
    display: flex;
    gap: 20px;
    padding: 24px;
    background: white;
    border-radius: var(--radius-md);
    transition: all 0.3s;
    box-shadow: var(--shadow-sm);
}

.incubator-item:hover {
    box-shadow: var(--shadow-md);
    transform: translateX(4px);
}

.incubator-item-date {
    min-width: 64px;
    text-align: center;
    padding-top: 4px;
}

.date-day {
    display: block;
    font-size: 36px;
    font-weight: 800;
    color: var(--primary);
    line-height: 1;
}

.date-month {
    display: block;
    font-size: 13px;
    color: var(--text-muted);
    margin-top: 4px;
}

.incubator-item-info {
    flex: 1;
}

.incubator-project-tag {
    display: inline-block;
    padding: 2px 10px;
    background: var(--primary-bg);
    color: var(--primary);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

.incubator-item-info h3 {
    font-size: 17px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 8px;
    line-height: 1.5;
}

.incubator-item-info p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ========================================
   英讯访谈页 - 图文混排
   ======================================== */
.interview-article {
    max-width: 900px;
    margin: 0 auto;
}

.interview-hero {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 48px;
}

.interview-hero-img {
    width: 280px;
    height: 280px;
    border-radius: var(--radius-lg);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.interview-hero-info {
    padding-top: 20px;
}

.interview-tag {
    display: inline-block;
    padding: 4px 16px;
    background: var(--primary);
    color: white;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
}

.interview-hero-info h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--text-primary);
    margin-bottom: 16px;
}

.interview-hero-meta {
    display: flex;
    gap: 24px;
    font-size: 14px;
    color: var(--text-muted);
}

.interview-content {
    font-size: 16px;
    line-height: 2;
    color: var(--text-secondary);
}

.lead-text {
    font-size: 18px;
    color: var(--text-primary);
    font-weight: 500;
    margin-bottom: 32px;
    line-height: 2;
}

.interview-quote {
    background: var(--primary-bg);
    border-left: 4px solid var(--primary);
    padding: 24px 28px;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    margin: 32px 0;
}

.interview-quote blockquote {
    font-size: 18px;
    color: var(--primary-darkest);
    font-weight: 500;
    line-height: 1.8;
    font-style: italic;
    margin-bottom: 8px;
}

.interview-quote cite {
    font-size: 14px;
    color: var(--text-muted);
    font-style: normal;
}

.interview-section {
    margin-bottom: 36px;
}

.interview-section h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--primary-bg);
}

.interview-text-with-img {
    display: flex;
    gap: 28px;
    margin-bottom: 16px;
}

.interview-text-with-img.reverse {
    flex-direction: row-reverse;
}

.interview-side-img {
    width: 200px;
    height: 160px;
    border-radius: var(--radius-md);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.interview-side-img svg {
    width: 48px;
    height: 48px;
    opacity: 0.5;
}

.interview-content p {
    margin-bottom: 16px;
}

.interview-content ul, .interview-content ol {
    margin: 16px 0;
    padding-left: 24px;
}

.interview-content li {
    margin-bottom: 12px;
    line-height: 1.8;
}

.interview-content li strong {
    color: var(--text-primary);
}

/* ========================================
   关于我们页
   ======================================== */
.about-article {
    max-width: 900px;
    margin: 0 auto;
}

.about-hero {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-bottom: 56px;
}

.about-hero-img {
    width: 240px;
    height: 240px;
    border-radius: var(--radius-lg);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-hero-info h1 {
    font-size: 36px;
    font-weight: 800;
    color: var(--primary);
    margin-bottom: 8px;
    letter-spacing: 3px;
}

.about-slogan {
    font-size: 18px;
    color: var(--text-secondary);
    margin-bottom: 16px;
}

.about-brief {
    font-size: 16px;
    color: var(--text-secondary);
    line-height: 2;
}

.about-section {
    margin-bottom: 56px;
}

.about-section h2 {
    font-size: 26px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 3px solid var(--primary-bg);
}

.about-text-with-img {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

.about-text-with-img.reverse {
    flex-direction: row-reverse;
}

.about-side-img {
    width: 220px;
    height: 180px;
    border-radius: var(--radius-md);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-side-img svg {
    width: 48px;
    height: 48px;
    opacity: 0.5;
}

.about-text-with-img p {
    font-size: 16px;
    color: var(--text-secondary);
    line-height: 2;
    margin-bottom: 12px;
}

/* About blocks */
.about-blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.about-block {
    display: flex;
    gap: 20px;
    padding: 24px;
    background: var(--bg-light);
    border-radius: var(--radius-md);
    transition: all 0.3s;
}

.about-block:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.about-block-icon {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-sm);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-block-icon svg {
    width: 32px;
    height: 32px;
}

.about-block h3 {
    font-size: 17px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 8px;
}

.about-block p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.7;
}

/* Contact */
.about-contact {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.contact-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    background: var(--bg-light);
    border-radius: var(--radius-md);
    transition: all 0.3s;
}

.contact-card:hover {
    box-shadow: var(--shadow-md);
}

.contact-card svg {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

.contact-label {
    display: block;
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 2px;
}

.contact-value {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
}

/* ========================================
   Pagination
   ======================================== */
.pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 48px;
}

.page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    font-weight: 500;
    color: var(--text-secondary);
    background: white;
    border: 1px solid var(--border);
    transition: all 0.2s;
    cursor: pointer;
}

.page-btn:hover:not(.disabled):not(.active) {
    border-color: var(--primary);
    color: var(--primary);
}

.page-btn.active {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
}

.page-btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-ellipsis {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    color: var(--text-muted);
}

/* ========================================
   Footer
   ======================================== */
.footer {
    background: var(--primary-darkest);
    color: rgba(255, 255, 255, 0.7);
    padding: 48px 0 24px;
}

.footer-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
}

.footer-brand {
    flex: 1;
    min-width: 200px;
}

.footer-logo {
    margin-bottom: 12px;
}

.footer-logo .logo-img {
    height: 36px;
}

.footer-logo .logo-text {
    font-size: 20px;
    color: white;
    letter-spacing: 2px;
}

.footer-brand p {
    font-size: 14px;
    opacity: 0.6;
}

.footer-links {
    display: flex;
    gap: 60px;
}

.footer-col h5 {
    color: white;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

.footer-col a {
    display: block;
    font-size: 14px;
    padding: 4px 0;
    transition: color 0.2s;
    opacity: 0.7;
}

.footer-col a:hover {
    color: white;
    opacity: 1;
}

.footer-bottom {
    width: 100%;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 24px;
    text-align: center;
}

.footer-bottom p {
    font-size: 13px;
    opacity: 0.5;
}

/* ========================================
   Responsive
   ======================================== */
@media (max-width: 1024px) {
    .intro-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .insights-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .salon-grid,
    .salon-full-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .insight-list-img {
        width: 280px;
    }

    .incubator-logos {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .nav {
        display: none;
        position: fixed;
        top: var(--header-height);
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        padding: 16px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        gap: 4px;
    }

    .nav.open {
        display: flex;
    }

    .nav-item {
        width: 100%;
        text-align: center;
        padding: 12px;
    }

    .mobile-menu-btn {
        display: flex;
    }

    .banner {
        height: 300px;
    }

    .banner-article {
        height: 210px;
    }

    .banner-home {
        height: 360px;
    }

    .banner-content h1 {
        font-size: 28px;
    }

    .banner-home .banner-content h1 {
        font-size: 36px;
    }

    .intro-cards {
        grid-template-columns: 1fr;
    }

    .insights-grid,
    .salon-grid,
    .salon-full-grid {
        grid-template-columns: 1fr;
    }

    .insight-list-card,
    .insight-list-card.reverse {
        flex-direction: column;
    }

    .insight-list-img {
        width: 100%;
        min-height: 180px;
    }

    .daily-item {
        flex-direction: column;
        gap: 16px;
    }

    .daily-date-big {
        min-width: auto;
    }

    .interview-hero {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .interview-hero-img {
        width: 180px;
        height: 180px;
    }

    .interview-hero-meta {
        flex-direction: column;
        gap: 8px;
    }

    .interview-text-with-img,
    .interview-text-with-img.reverse {
        flex-direction: column;
    }

    .interview-side-img {
        width: 100%;
        height: 140px;
    }

    .about-hero {
        flex-direction: column;
        text-align: center;
    }

    .about-text-with-img,
    .about-text-with-img.reverse {
        flex-direction: column;
    }

    .about-side-img {
        width: 100%;
        height: 160px;
    }

    .about-blocks {
        grid-template-columns: 1fr;
    }

    .about-contact {
        grid-template-columns: 1fr;
    }

    .incubator-logos {
        grid-template-columns: repeat(2, 1fr);
    }

    .incubator-item {
        flex-direction: column;
        gap: 12px;
    }

    .footer-links {
        gap: 32px;
    }

    .section {
        padding: 48px 0;
    }

    .section-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 16px;
    }

    .banner {
        height: 260px;
    }

    .banner-article {
        height: 182px;
    }
    }

    .banner-content h1 {
        font-size: 24px;
    }

    .banner-home .banner-content h1 {
        font-size: 28px;
    }

    .report-item {
        flex-direction: column;
        gap: 16px;
    }
}
