/* 基础重置与变量定义 */
:root {
    --primary-color: #1e3a8a; /* 沉稳专业的深蓝色，体现法律与威严 */
    --secondary-color: #dc2626; /* 红色用于强调警示与效率 */
    --bg-color: #f3f4f6;
    --text-dark: #1f2937;
    --text-light: #6b7280;
    --container-width: 1184px; /* 经典 PC 端内容安全宽度 */
    --theme-color: #00BEBD; /* 专业沉稳的强调色 */
}

* {margin: 0;padding: 0;box-sizing: border-box;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
body {color: var(--text-dark);line-height: 1.6;background-color: #ffffff;}
a {text-decoration: none;color: inherit;}
ul {list-style: none;}
/* 核心版心容器 */
.container {width: 100%;max-width: var(--container-width);margin: 0 auto;padding: 0 15px;}

/* 顶部导航 Header */
.header {background-color: #ffffff;border-bottom: 1px solid #e5e7eb;position: sticky;top: 0;z-index: 100;}
.header-wrap {display: flex;justify-content: space-between;align-items: center;height: 80px;padding: 10px 20px;}
.logo {font-size: 24px;font-weight: bold;color: var(--primary-color);display: flex;align-items: center;}
.logo span {color: var(--secondary-color);margin-left: 5px;}
.nav-wrapper { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; }
#nav-menu ul { display: flex; list-style: none; }
#nav-menu ul li a { padding: 0 15px; text-decoration: none; color: #333; }
.menu-toggle { display: none; font-size: 24px; cursor: pointer; }
.contact-btn {background-color: var(--secondary-color);color: white;padding: 10px 24px;border-radius: 4px;font-weight: bold;font-size: 18px;}

/* 英雄横幅 Banner */
.hero {background: linear-gradient(rgba(30, 58, 138, 0.8), rgba(30, 58, 138, 0.9)), url('https://dummyimage.com/1920x600/1e3a8a/ffffff&text=Hefei+Debt+Collection') center/cover;color: white;padding: 100px 0;text-align: center;}
.hero h1 {font-size: 48px;margin-bottom: 20px;letter-spacing: 2px;}
.hero p {font-size: 20px;margin-bottom: 40px;color: #d1d5db;}
.hero-features {display: flex;justify-content: center;gap: 40px;font-size: 18px;font-weight: bold;}
.hero-features span::before {content: '✓';color: var(--secondary-color);margin-right: 8px;font-weight: bold;}

/* 成功案例板块 */
.case-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.case-card {background: #fff;border: 1px solid #e5e7eb;border-radius: 6px;overflow: hidden;transition: box-shadow 0.3s;}
.case-card:hover {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);border-color: var(--theme-color);}
.case-img {width: 100%;height: 160px;background-color: #f3f4f6;display: flex;align-items: center;justify-content: center;color: #9ca3af;font-size: 14px;border-bottom: 2px solid var(--theme-color);}
.case-info {padding: 15px;}
.case-title {font-size: 16px;font-weight: bold;color: var(--text-dark);margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-desc {font-size: 13px;color: var(--text-light);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

/* 优化新闻板块容器 */
.news-section {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;width: 100%;}
.news-box {width: 100%;min-width: 0; /* 防止子元素撑破容器的关键 */}
.news-box h3 {font-size: 20px;border-bottom: 2px solid #e5e7eb;padding-bottom: 10px;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: baseline;}
.news-box h3 a.more {font-size: 14px;color: var(--text-light);font-weight: normal;}
.news-box h3 a.more:hover {color: var(--theme-color);}

.news-list {width: 100%;padding: 0;}
.news-list li {margin-bottom: 15px;overflow: hidden; /* 防止文字溢出 */}

/* 关键：确保新闻标题行使用正确的 Flex 约束 */
.news-list a {display: flex;align-items: center;gap: 8px;font-size: 14px; /* 适当调小字号适配移动端 */color: var(--text-dark);}
.news-list a span.title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1; /* 占据剩余空间 */min-width: 0; /* 重要：允许收缩 */}
.news-list a span.date {font-size: 12px;color: #9ca3af;flex-shrink: 0; /* 绝对不允许被压缩 */}

/* 业务范围 Services */
.section {padding: 80px 0;}
.bg-gray {background-color: var(--bg-color);}
.section-title {text-align: center;font-size: 32px;margin-bottom: 50px;position: relative;}
.section-title::after {content: '';display: block;width: 60px;height: 4px;background-color: var(--secondary-color);margin: 15px auto 0;}
.service-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.service-card {background: #ffffff;padding: 40px 30px;border-radius: 8px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);transition: transform 0.3s;border-top: 4px solid transparent;}
.service-card:hover {transform: translateY(-5px);border-top-color: var(--secondary-color);}
.service-card h3 {font-size: 20px;margin-bottom: 15px;color: var(--primary-color);}
.service-card p {color: var(--text-light);font-size: 15px;}

/* 优势 Advantages */
.advantage-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;align-items: center;}
.adv-content ul li {margin-bottom: 20px;font-size: 18px;display: flex;align-items: flex-start;}
.adv-content ul li strong {color: var(--primary-color);margin-right: 10px;}

/* 页脚 Footer */
.footer {background-color: var(--text-dark);color: #9ca3af;padding: 60px 0 20px;}
.footer-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;margin-bottom: 40px;}
.footer-title {color: white;font-size: 18px;margin-bottom: 20px;}
.footer-info p {margin-bottom: 10px;}
.copyright {text-align: center;border-top: 1px solid #374151;padding-top: 20px;font-size: 14px;}
.side-float-nav { position: fixed; right: 10px; bottom: 20%; z-index: 999; }
.float-item { display: block; width: 50px; height: 50px; background: #00BEBD; color: #fff; text-align: center; line-height: 50px; margin-bottom: 10px; border-radius: 50%; text-decoration: none; font-size: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }

@media (max-width: 768px) {
    .case-grid {grid-template-columns: repeat(2, 1fr); /* 移动端改为一行两个 */gap: 15px;}
    .news-section {grid-template-columns: 1fr; /* 强制单列 */gap: 30px;}
    .news-box {padding: 0 5px; /* 减少内边距 */}
    .contact-btn {display:none;}
    .menu-toggle { display: block; }
    #nav-menu { display: none; position: absolute; top: 60px; left: 0; width: 100%; background: #fff; border-bottom: 2px solid #00BEBD; }
    #nav-menu.active { display: block; }
    #nav-menu ul { flex-direction: column; padding: 0; }
    #nav-menu ul li { border-bottom: 1px solid #eee; padding: 15px; text-align: center; }
    .hero {padding: 60px 0;}
    .hero h1 {font-size: 32px;}
    .hero-features {flex-direction: column;gap: 15px;}
    .service-grid, .advantage-grid, .footer-grid {grid-template-columns: 1fr;}
    .advantage-img {display: none; /* 移动端隐藏占位图以突出核心文案 */}
    }