/* ============================================================
   投资沧州·云向导 - 企业端门户首页样式（版心 1440px）
   ============================================================ */

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    color: #333;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; transition: color .2s; }

.container { max-width: 1440px; margin: 0 auto; padding: 0 24px; }

/* ---------------- 顶部导航 ---------------- */
.site-header { background: #0d2f7f; }

.header-inner {
    display: flex;
    align-items: center;
    height: 60px;
    gap: 36px;
}

.brand { display: flex; align-items: center; gap: 10px; }

.brand-logo { color: #fff; font-size: 24px; }

.brand-name { color: #fff; font-size: 19px; font-weight: 700; letter-spacing: 1px; white-space: nowrap; }

.main-nav { display: flex; align-items: center; flex: 1; justify-content: center; }

.main-nav a {
    color: rgba(255, 255, 255, .88);
    font-size: 14px;
    padding: 0 20px;
    line-height: 60px;
    position: relative;
    white-space: nowrap;
}

.main-nav a:hover { color: #fff; }

.main-nav a.active { color: #fff; font-weight: 600; }

.main-nav a.active::after {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: #fff;
}

.main-nav a .nav-robot { font-size: 12px; margin-right: 5px; }

.btn-login {
    border: 1px solid rgba(255, 255, 255, .8);
    color: #fff;
    font-size: 13px;
    padding: 5px 24px;
    border-radius: 999px;
    white-space: nowrap;
}

.btn-login:hover { background: rgba(255, 255, 255, .12); color: #fff; }

/* ---------------- 横幅 ---------------- */
.hero {
    background:
        radial-gradient(ellipse 42% 90% at 88% 10%, rgba(94, 214, 240, .55) 0%, rgba(94, 214, 240, 0) 70%),
        radial-gradient(ellipse 55% 110% at 0% 100%, rgba(23, 62, 175, .9) 0%, rgba(23, 62, 175, 0) 65%),
        linear-gradient(100deg, #1c47c4 0%, #2e6fe8 52%, #2f8fe9 100%);
    overflow: hidden;
}

.hero-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 380px;
    gap: 30px;
}

.hero-text { padding-left: 56px; }

.hero-text h1 { color: #fff; font-size: 42px; font-weight: 700; letter-spacing: 3px; }

.hero-text p { color: rgba(255, 255, 255, .92); font-size: 16px; margin: 16px 0 30px; letter-spacing: 1.5px; }

.btn-enter {
    display: inline-block;
    background: #fff;
    color: #2f6fe8;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 32px;
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(13, 43, 105, .25);
    transition: transform .2s, box-shadow .2s;
}

.btn-enter:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(13, 43, 105, .32); }

.hero-img { flex-shrink: 0; }

.hero-img img {
    width: 500px;
    max-width: 44vw;
    display: block;
    -webkit-mask-image: radial-gradient(ellipse 62% 72% at 50% 50%, #000 52%, transparent 76%);
    mask-image: radial-gradient(ellipse 72% 72% at 50% 50%, #000 52%, transparent 76%);
}

/* ---------------- 四大板块 ---------------- */
.platform { position: relative; z-index: 2; margin-top: -76px; }

/* 子页场景：.platform 紧跟在 breadcrumb 后面，不钻横幅，正常间距 */
.breadcrumb + .platform { margin-top: 24px; }

.plat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }

.plat-card {
    background: #fff;
    border: 1px solid #eef2f8;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(30, 80, 180, .07);
    padding: 30px 10px 28px;
    text-align: center;
    transition: transform .2s, box-shadow .2s;
}

.plat-card:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(30, 80, 180, .14); }

.plat-card h3 { font-size: 19px; font-weight: 600; color: #222; margin-bottom: 22px; }

.plat-icon { font-size: 36px; color: #2f6fe8; }

/* ---------------- 开办智汇 ---------------- */
.smart { margin-top: 40px; }

.sec-title { font-size: 19px; font-weight: 700; color: #222; margin-bottom: 28px; }

.smart-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 14px 10px; }

.smart-item { display: flex; flex-direction: column; align-items: center; gap: 13px; }

.smart-item:hover .smart-name { color: #2f6fe8; }

.smart-icon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #e9f1fe;
    color: #2f6fe8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: transform .2s, box-shadow .2s;
}

.smart-item:hover .smart-icon { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(47, 111, 232, .22); }

.smart-name { font-size: 14px; color: #444; }

/* ---------------- 三栏服务 ---------------- */
.trio { margin-top: 34px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; }

.trio-col {
    background: #fff;
    border: 1px solid #eef2f8;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(30, 80, 180, .05);
    padding: 24px 26px 14px;
}

.trio-col h3 { font-size: 17px; font-weight: 700; color: #222; margin-bottom: 10px; }

.trio-col ul { list-style: none; }

.trio-col li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid #f2f4f8;
}

.trio-col li:last-child { border-bottom: 0; }

.trio-col li a {
    color: #555;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 12px;
}

.trio-col li a:hover { color: #2f6fe8; }

.trio-col li i { color: #c0c6d4; font-size: 12px; flex-shrink: 0; }

/* 产业图谱搜索 */
.map-search {
    display: flex;
    align-items: stretch;
    margin: 12px 0 16px;
    border: 1px solid #dfe5ef;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.map-search input {
    flex: 1;
    border: 0;
    outline: none;
    padding: 13px 14px;
    font-size: 14px;
    color: #333;
    min-width: 0;
}

.map-search input::placeholder { color: #aab2c2; }

.map-search button {
    border: 0;
    background: transparent;
    color: #9aa3b5;
    font-size: 15px;
    padding: 0 16px;
    cursor: pointer;
    transition: color .2s;
}

.map-search button:hover { color: #2f6fe8; }

/* ---------------- 子页横幅（全站公共） ---------------- */
.page-banner {
    background: linear-gradient(118deg, #2e6de6 0%, #3d85ee 55%, #5ba3f5 100%);
    padding: 40px 0 44px;
}

.page-banner h1 { color: #fff; font-size: 28px; font-weight: 700; letter-spacing: 2px; }

.page-banner h1 i { margin-right: 10px; font-size: 24px; }

.page-banner p { color: rgba(255, 255, 255, .9); font-size: 14px; margin-top: 12px; letter-spacing: 1px; }

/* ---------------- 面包屑（全站公共） ---------------- */
.breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 2px 0;
    font-size: 13px;
    color: #98a1b3;
}

.breadcrumb a { color: #67718a; }

.breadcrumb a:hover { color: #2f6fe8; }

.breadcrumb > i { font-size: 11px; color: #c0c6d4; }

.breadcrumb span { color: #333; }

/* ---------------- 五大板块首页 ---------------- */
.plat-grid-5 { grid-template-columns: repeat(5, 1fr); }

.home-sec { margin-top: 44px; }

/* 板块标题行：左标题右「更多」入口 */
.home-sec .sec-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 20px;
}

.home-sec .sec-title .t { flex-shrink: 0; }

.home-sec .sec-title i { color: #2f6fe8; margin-right: 10px; font-size: 17px; }

.sec-more { font-size: 13px; color: #67718a; font-weight: 400; }

.sec-more i { margin-left: 4px; font-size: 11px; color: #9aa3b5; transition: transform .2s; }

.sec-more:hover { color: #2f6fe8; }

.sec-more:hover i { transform: translateX(3px); }

/* 智能帮办横幅入口 */
.chat-cta {
    display: flex;
    align-items: center;
    gap: 18px;
    background: linear-gradient(115deg, #e5382e 0%, #f4633a 60%, #f78a4b 100%);
    border-radius: 14px;
    padding: 22px 26px;
    color: #fff;
    box-shadow: 0 10px 26px rgba(229, 56, 46, .28);
    transition: transform .2s, box-shadow .2s;
}

.chat-cta:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(229, 56, 46, .36); }

.chat-cta-icon {
    width: 58px;
    height: 58px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    flex-shrink: 0;
}

.chat-cta-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }

.chat-cta-body b { font-size: 19px; letter-spacing: 1px; }

.chat-cta-body em { font-style: normal; font-size: 13px; color: rgba(255, 255, 255, .88); }

.chat-cta-btn {
    margin-left: auto;
    flex-shrink: 0;
    background: #fff;
    color: #e5382e;
    font-size: 14px;
    font-weight: 600;
    border-radius: 999px;
    padding: 10px 22px;
}

.chat-cta-btn i { margin-left: 4px; font-size: 12px; }

.home-sec .sec-title { margin-bottom: 20px; }

.home-sec .sec-title i { color: #2f6fe8; margin-right: 10px; font-size: 17px; }

.sec-desc { font-size: 13.5px; color: #98a1b3; margin: -12px 0 18px; }

/* 产业向导 / 开办智汇 子栏目卡 */
.ind-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }

.ind-grid-3 { grid-template-columns: repeat(3, 1fr); }

.ind-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(30, 80, 180, .07);
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    transition: transform .2s, box-shadow .2s;
}

.ind-card:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(30, 80, 180, .15); }

.ind-card b { font-size: 16px; font-weight: 600; color: #333; }

.ind-card em { font-style: normal; font-size: 12.5px; color: #98a1b3; line-height: 1.6; }

.ind-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    color: #fff;
    margin-bottom: 4px;
}

.tone-blue { background: linear-gradient(135deg, #2f6fe8, #5b9cf6); }
.tone-cyan { background: linear-gradient(135deg, #0ea5b7, #3fd0d8); }
.tone-purple { background: linear-gradient(135deg, #7c4ddb, #a78bfa); }
.tone-gold { background: linear-gradient(135deg, #e08a12, #f6c34a); }
.tone-teal { background: linear-gradient(135deg, #0f9d8f, #4ecdc0); }
.tone-red { background: linear-gradient(135deg, #e5382e, #f78a4b); }

/* 高效办成一件事 */
.matter-wrap { display: grid; grid-template-columns: 1fr 300px; gap: 20px; align-items: stretch; }

.matter-tags {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(30, 80, 180, .07);
    padding: 22px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-content: flex-start;
}

.matter-tag {
    display: inline-flex;
    align-items: center;
    background: #f2f6fd;
    color: #3a5c96;
    border: 1px solid #e2ebf8;
    border-radius: 999px;
    padding: 9px 18px;
    font-size: 14px;
    transition: background .2s, color .2s, border-color .2s;
}

a.matter-tag:hover { background: #2f6fe8; border-color: #2f6fe8; color: #fff; }

.matter-side { display: flex; flex-direction: column; gap: 14px; }

.side-item {
    flex: 1;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(30, 80, 180, .07);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    transition: transform .2s, box-shadow .2s, color .2s;
}

.side-item:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(30, 80, 180, .14); color: #2f6fe8; }

.side-item i { font-size: 20px; color: #2f6fe8; }

.side-item small { display: block; font-size: 12px; font-weight: 400; color: #98a1b3; margin-top: 3px; }

/* 入市第一课 */
.kb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

.kb-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(30, 80, 180, .07);
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    transition: transform .2s, box-shadow .2s, color .2s;
}

a.kb-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(30, 80, 180, .14); color: #2f6fe8; }

.kb-card i { color: #f0a020; font-size: 18px; flex-shrink: 0; }

/* 银企对接 */
.bank-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }

.bank-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(30, 80, 180, .07);
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: transform .2s, box-shadow .2s;
}

a.bank-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(30, 80, 180, .15); }

.bank-head { display: flex; align-items: center; gap: 12px; }

.bank-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #e9f1fe;
    color: #2f6fe8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.bank-name { font-size: 15px; font-weight: 600; color: #333; }

.bank-desc { font-size: 13px; color: #666; line-height: 1.7; }

.bank-more { margin-top: auto; font-size: 13px; color: #2f6fe8; font-weight: 600; }

.bank-more i { margin-left: 4px; font-size: 11px; }

/* ---------------- 页脚 ---------------- */
.site-footer {
    background: #fafbfd;
    margin-top: 48px;
    padding: 26px 16px 30px;
    border-top: 1px solid #eef1f6;
    text-align: center;
}

.footer-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

.footer-links > * { color: #888; font-size: 13px; }

.footer-links a:hover { color: #2f6fe8; }

.footer-links > * + * { border-left: 1px solid #e3e6ee; margin-left: 14px; padding-left: 14px; }

.copyright { color: #b6bdc9; font-size: 12px; margin-top: 14px; }

/* ---------------- 响应式 ---------------- */
@media (max-width: 1200px) {
    .hero-text { padding-left: 0; }
    .smart-grid { grid-template-columns: repeat(4, 1fr); }
    .main-nav a { padding: 0 12px; }
    .plat-grid-5 { grid-template-columns: repeat(5, 1fr); gap: 14px; }
    .plat-grid-5 .plat-card { padding: 24px 6px 22px; }
    .plat-grid-5 .plat-card h3 { font-size: 15px; margin-bottom: 16px; white-space: nowrap; }
    .plat-grid-5 .plat-icon { font-size: 22px; }
}

@media (max-width: 900px) {
    .plat-grid, .plat-grid-5 { grid-template-columns: repeat(2, 1fr); }
    .plat-grid-5 .plat-card h3 { font-size: 17px; white-space: normal; }
    .trio { grid-template-columns: 1fr; }
    .hero-text h1 { font-size: 30px; }
    .main-nav { display: none; }
    .hero-inner { height: 320px; }
    .ind-grid { grid-template-columns: repeat(2, 1fr); }
    .matter-wrap { grid-template-columns: 1fr; }
    .kb-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
    .plat-grid, .plat-grid-5 { grid-template-columns: 1fr; }
    .smart-grid { grid-template-columns: repeat(3, 1fr); }
    .hero-inner { height: auto; padding: 30px 0 52px; flex-direction: column; text-align: center; }
    .hero-text { padding-left: 0; }
    .hero-img img { max-width: 86vw; }
    .ind-grid, .kb-grid, .bank-grid { grid-template-columns: 1fr; }
}

/* ---------------- 数据看板 ---------------- */
.stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.stat-card {
    background: #fff;
    border: 1px solid #eef2f8;
    border-radius: 12px;
    padding: 26px 20px;
    text-align: center;
    transition: transform .2s, box-shadow .2s;
    position: relative;
    overflow: hidden;
}

.stat-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(30, 80, 180, .12); }

.stat-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #2f6fe8, #5ba3f5);
}

.stat-icon {
    width: 48px; height: 48px;
    border-radius: 12px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 22px;
    margin-bottom: 14px;
}

.stat-num {
    font-size: 34px;
    font-weight: 700;
    color: #1a2a4a;
    letter-spacing: -1px;
    font-family: 'Segoe UI', system-ui, sans-serif;
}

.stat-label {
    font-size: 13px;
    color: #8893a7;
    margin-top: 4px;
}

/* ---------------- 快捷服务 ---------------- */
.quick-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.quick-card {
    background: #fff;
    border: 1px solid #eef2f8;
    border-radius: 12px;
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform .2s, box-shadow .2s;
}

.quick-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(30, 80, 180, .12); border-color: #c6d6f7; }

.quick-card > i {
    font-size: 28px;
    color: #2f6fe8;
    margin-bottom: 12px;
}

.quick-card span {
    font-size: 15px;
    font-weight: 600;
    color: #2a3550;
    margin-bottom: 6px;
}

.quick-card em {
    font-style: normal;
    font-size: 12px;
    color: #8893a7;
}

/* ---------------- 响应式补充 ---------------- */
@media (max-width: 1100px) {
    .stat-grid, .quick-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .stat-grid, .quick-grid { grid-template-columns: 1fr; }
    .stat-num { font-size: 28px; }
}

/* ---------------- 政策列表 ---------------- */
.policy-list {
    background: #fff;
    border: 1px solid #eef2f8;
    border-radius: 12px;
    padding: 8px 0;
}

.policy-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 22px;
    border-bottom: 1px dashed #eef2f8;
    transition: background .15s;
}

.policy-item:last-child { border-bottom: none; }

.policy-item:hover { background: #f7faff; }

.policy-level {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    color: #fff;
    letter-spacing: 1px;
}

.policy-level.level-国家级 { background: #e5382e; }
.policy-level.level-省级 { background: #2f6fe8; }
.policy-level.level-市级 { background: #28a745; }

.policy-title {
    flex: 1;
    font-size: 14px;
    color: #2a3550;
    font-weight: 500;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.policy-date {
    flex-shrink: 0;
    font-size: 12px;
    color: #a0a9ba;
}

/* ---------------- 内容列表（高效办成一件事） ---------------- */
.content-list {
    margin-top: 14px;
    background: #fff;
    border: 1px solid #eef2f8;
    border-radius: 12px;
    padding: 6px 0;
}

.content-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 22px;
    border-bottom: 1px dashed #eef2f8;
    transition: background .15s;
}

.content-item:last-child { border-bottom: none; }

.content-item:hover { background: #f7faff; }

.content-dot {
    flex-shrink: 0;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #2f6fe8;
}

.content-title {
    flex-shrink: 0;
    font-size: 14px;
    color: #2a3550;
    font-weight: 500;
}

.content-summary {
    flex: 1;
    font-size: 12px;
    color: #8893a7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 8px;
}

.content-arrow {
    flex-shrink: 0;
    font-size: 11px;
    color: #c0c6d4;
}

/* ---------------- 双栏并排布局 ---------------- */
.duo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: start;
}

.duo-grid.duo-7-5 { grid-template-columns: 7fr 5fr; }

.duo-col { min-width: 0; }

/* 双栏内卡片网格降列，避免挤压 */
.duo-col .bank-grid { grid-template-columns: 1fr; }
.duo-col .kb-grid { grid-template-columns: 1fr; }
.duo-col .kb-card { margin-bottom: 0; }

@media (max-width: 900px) {
    .duo-grid, .duo-grid.duo-7-5 { grid-template-columns: 1fr; }
}