/* 基础样式重置 */
:root {
    /* 主题色变量 - 统一修改为#045afe */
    --primary-color: #045afe;
    --primary-color-dark: #045afe;
    --accent-color: #045afe;
    --success-color: #4CAF50;
    --warning-color: #ff9800;
    --danger-color: #f44336;
    --text-primary: #333;
    --text-secondary: #666;
    --text-light: #999;
    --bg-light: #f8f9fa;
    --border-color: #e0e0e0;
    --shadow-light: 0 5px 30px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 10px 40px rgba(0, 0, 0, 0.15);
}

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

html, body {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
}

ul, li {
    list-style: none;
}

img {
    max-width: 100%;
    display: block;
}

.fn-clear::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

/* 顶部导航 */
.head {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.toplist {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.toplist.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 15px 0;
}

.toplist.fixed .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.toplist .fn-clear {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
}

.toplist.fixed .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.toplist .left {
    flex-shrink: 0;
}

.toplist .left img {
    height: 50px;
    width: auto;
    transform: scale(0.7);
    transform-origin: left center;
}

.toplist .center {
    flex: 1;
    display: flex;
    gap: 25px;
    justify-content: center;
}

.toplist .center .btn {
    display: flex;
    align-items: center;
    color: #333;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    transition: all 0.3s ease;
    font-weight: 500;
}

.toplist .center .btn:hover {
    background: rgba(4, 90, 254, 0.1);
    color: #045afe;
}

.toplist .center .btn.active {
    background: #045afe;
    color: #fff;
}

.toplist .right-phone {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.15);
    padding: 10px 20px;
    border-radius: 30px;
}

.toplist .right-phone .phone-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toplist .right-phone .phone-icon img {
    width: 30px;
    height: auto;
}

.toplist .right-phone .phone-number {
    display: flex;
    flex-direction: column;
}

.toplist .right-phone .phone-number .phone-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 2px;
}

.toplist .right-phone .phone-number strong {
    font-size: 20px;
    color: #045afe;
    font-weight: bold;
}

/* 移动端菜单按钮 */
.mobile-menu-btn {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1101;
}

.mobile-menu-btn span {
    width: 25px;
    height: 3px;
    background: #045afe;
    border-radius: 3px;
    transition: all 0.3s ease;
}

/* Banner区域 */
.banner {
    width: 100%;
    padding: 100px 0 80px;
    position: relative;
    background-color: #045afe;
}

.banner .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.banner .fn-clear {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner .left {
    flex: 1;
    padding-right: 50px;
}

.banner .left strong {
    display: block;
    font-size: 36px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: bold;
}

.banner .left b {
    display: block;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
    font-weight: normal;
}

.banner .left .banner-subtitle {
    display: block;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 40px;
    letter-spacing: 2px;
}

.banner .left .banner-features {
    list-style: none;
    margin-bottom: 30px;
}

.banner .left .banner-features li {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.5;
}

.banner .left .banner-features li .highlight {
    color: #fff;
    font-weight: bold;
    background: none;
    padding: 0;
}

.banner .left .anniu {
    display: flex;
    gap: 20px;
}

.banner .left .anniu a {
    display: inline-block;
    padding: 12px 40px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    transition: all 0.3s ease;
}

.banner .left .btn-primary {
    background: #ff6600;
    color: #fff;
}

.banner .left .btn-primary:hover {
    background: #e55a00;
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(255, 102, 0, 0.4);
}

.banner .left .btn-secondary {
    background: #fff;
    color: #045afe;
    border: 2px solid #045afe;
}

.banner .left .btn-secondary:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}

.banner .right {
    flex: 1;
    position: relative;
    text-align: center;
}

.banner .right .old-img {
    position: absolute;
    top: 20px;
    left: 50px;
    animation: floatLeft 3s ease-in-out infinite;
}

.banner .right .new-img {
    position: relative;
    z-index: 2;
    animation: floatRight 3s ease-in-out infinite;
}

.banner .right .huagan {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

@keyframes floatLeft {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes floatRight {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
}

/* 四大苦恼 */
.pc_one {
    width: 1200px;
    margin: 80px auto;
}

.pc_one h3 {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.pc_one h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_one h3 img {
    display: block;
    margin: 15px auto;
}

.pc_one_Line {
    display: none;
}

.pc_one h3 em {
    display: block;
    font-size: 16px;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
    font-style: normal;
    font-weight: normal;
}

.pc_one_Line {
    position: absolute;
    top: 50%;
    width: 200px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #045afe);
}

.pc_one_LeftLine {
    left: 200px;
}

.pc_one_RightLine {
    right: 200px;
    transform: rotate(180deg);
}

.pc_one .list {
    display: flex;
    justify-content: space-between;
}

.pc_one .list li {
    flex: 1;
    padding: 30px 20px;
    margin-right: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    text-align: center;
}

.pc_one .list li:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.pc_one .list li em {
    display: block;
    width: 80px;
    height: 80px;
    background-color: #045afe;
    border-radius: 50%;
    margin: 0 auto 15px;
    line-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pc_one .list li em svg {
    width: 40px;
    height: 40px;
}

.pc_one .list li em img {
    display: inline;
    vertical-align: middle;
}

.pc_one .list li b {
    display: block;
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_one .list li p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

/* 四大苦恼 - 自定义样式，用图片替换SVG图标 */
.pc_one_custom .list li img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    object-fit: contain;
}

/* .pc_one_gray - 灰色背景版本 */
.pc_one_gray {
    width: 1200px;
    margin: 80px auto;
}

.pc_one_gray h3 {
    text-align: center;
    margin-bottom: 60px;
}

.pc_one_gray h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_one_gray h3 p {
    display: block;
    font-size: 16px;
    color: #666;
}

.pc_one_gray .list {
    display: flex;
    justify-content: space-between;
}

.pc_one_gray .list li {
    flex: 1;
    padding: 30px 20px;
    margin-right: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    text-align: center;
}

.pc_one_gray .list li:last-child {
    margin-right: 0;
}

.pc_one_gray .list li:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.pc_one_gray .list li em {
    display: block;
    width: 80px;
    height: 80px;
    background-color: #045afe;
    border-radius: 50%;
    margin: 0 auto 15px;
    line-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pc_one_gray .list li em svg {
    width: 40px;
    height: 40px;
}

.pc_one_gray .list li b {
    display: block;
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_one_gray .list li p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

/* auth.html - 认证优势（为什么选择我们）灰色背景 */
body[data-page="auth"] .pc_one_gray {
    background: #f8f9fa;
    padding: 80px 0;
    width: 100%;
}

body[data-page="auth"] .pc_one_gray .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

/* logo-sms.html - 认证优势（为什么选择我们）灰色背景 */
body[data-page="logo-sms"] .pc_one_gray {
    background: #f8f9fa;
    padding: 80px 0;
    width: 100%;
}

body[data-page="logo-sms"] .pc_one_gray .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

body[data-page="logo-sms"] .pc_one_custom h3 em {
    display: block;
    font-size: 16px;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
    font-style: normal;
    font-weight: normal;
}

/* 认证展示 - 白色背景 */
.pc_one_show {
    width: 1200px;
    margin: 80px auto;
}

.pc_one_show h3 {
    text-align: center;
    margin-bottom: 50px;
}

.pc_one_show h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_one_show h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.8;
    font-weight: normal;
}

.pc_one_show .show-list {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.pc_one_show .show-list li {
    flex: 1;
    text-align: center;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.pc_one_show .show-list li:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.pc_one_show .show-list li .show-img {
    width: 100%;
    height: 400px;
    background: #f5f5f5;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.pc_one_show .show-list li .show-img img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.pc_one_show .show-list li b {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

/* 认证前后对比 - 灰色背景 */
.pc_compare {
    background: #f8f9fa;
    padding: 80px 0;
}

.pc_compare .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_compare h3 {
    text-align: center;
    margin-bottom: 50px;
}

.pc_compare h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_compare h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.8;
    font-weight: normal;
}

.pc_compare .compare-content {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 40px;
}

.pc_compare .compare-left,
.pc_compare .compare-right {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    padding: 30px;
}

.pc_compare .compare-left .compare-img,
.pc_compare .compare-right .compare-img {
    width: 100%;
    height: 300px;
    background: #f5f5f5;
    border-radius: 8px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.pc_compare .compare-left .compare-img img,
.pc_compare .compare-right .compare-img img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.pc_compare .compare-list h4 {
    font-size: 22px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}

.pc_compare .compare-left .compare-list h4 {
    color: #333;
}

.pc_compare .compare-right .compare-list h4 {
    color: #333;
}

.pc_compare .compare-list ul {
    list-style: none;
}

.pc_compare .compare-list ul li {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    position: relative;
    padding-left: 30px;
}

.pc_compare .compare-left .compare-list ul li::before {
    content: "×";
    position: absolute;
    left: 0;
    color: #ff4444;
    font-weight: bold;
    font-size: 18px;
}

.pc_compare .compare-right .compare-list ul li::before {
    content: "√";
    position: absolute;
    left: 0;
    color: #4CAF50;
    font-weight: bold;
    font-size: 18px;
}

.pc_compare .compare-right .compare-list ul li .highlight {
    color: #FF6800;
    font-weight: bold;
}

.pc_compare .compare-action {
    text-align: center;
}

.pc_compare .submit-btn {
    display: inline-block;
    padding: 15px 50px;
    background-color: #045afe;
    color: #fff;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.pc_compare .submit-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

/* 可办理号码类型 - 灰色背景 */
.pc_number_types {
    background: #f8f9fa;
    padding: 80px 0;
}

.pc_number_types .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_number_types h3 {
    text-align: center;
    margin-bottom: 40px;
}

.pc_number_types h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_number_types h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.8;
    font-weight: normal;
}

.pc_number_types .number-type-list {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}

.pc_number_types .number-type-list li {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.pc_number_types .number-type-list li:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.pc_number_types .number-type-list li .type-icon {
    width: 100px;
    height: 100px;
    background-color: #045afe;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pc_number_types .number-type-list li .type-icon img {
    width: 60px;
    height: auto;
}

.pc_number_types .number-type-list li h4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.pc_number_types .number-type-list li p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

.pc_number_types .number-type-action {
    text-align: center;
}

.pc_number_types .number-type-action .submit-btn {
    display: inline-block;
    padding: 15px 50px;
    background-color: #045afe;
    color: #fff;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.pc_number_types .number-type-action .submit-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

/* 覆盖机型 - 主题色渐变背景 */
.pc_coverage {
    background-color: #045afe;
    padding: 80px 0;
}

.pc_coverage .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_coverage h3 {
    text-align: center;
    margin-bottom: 40px;
}

.pc_coverage h3 strong {
    display: block;
    font-size: 32px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_coverage h3 p {
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.8;
    font-weight: normal;
}

.pc_coverage .coverage-intro {
    text-align: center;
    margin-bottom: 30px;
}

.pc_coverage .coverage-intro p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto;
}

.pc_coverage .phone-brands {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.pc_coverage .brand-item {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.pc_coverage .brand-item:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
}

.pc_coverage .brand-item img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}

/* 客户说 */
.pc_testimonials {
    width: 1200px;
    margin: 80px auto;
}

.pc_testimonials h3 {
    text-align: center;
    margin-bottom: 50px;
}

.pc_testimonials h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_testimonials h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8;
    font-weight: normal;
}

.pc_testimonials .testimonials-wrapper {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

.pc_testimonials .testimonials-slider {
    overflow: hidden;
    position: relative;
}

.pc_testimonials .testimonials-list {
    display: flex;
    gap: 25px;
    flex-wrap: nowrap;
    align-items: stretch;
}

.pc_testimonials .testimonials-list li {
    display: flex;
    flex-direction: column;
    gap: 25px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    align-items: center;
    text-align: center;
    width: 100%;
    flex: 0 0 calc(33.333% - 25px);
}

.pc_testimonials .testimonials-list li:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
    border-color: var(--primary-color);
}

.pc_testimonials .testimonials-list li .client-logo {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 15px;
}

.pc_testimonials .testimonials-list li .client-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pc_testimonials .testimonials-list li .client-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.pc_testimonials .testimonials-list li .client-content h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 0;
    font-weight: bold;
}

.pc_testimonials .testimonials-list li .client-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    text-align: left;
}

.pc_testimonials .testimonials-nav {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    align-items: center;
}

.pc_testimonials .testimonials-prev,
.pc_testimonials .testimonials-next {
    width: 50px;
    height: 50px;
    background-color: #045afe;
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pc_testimonials .testimonials-prev:hover,
.pc_testimonials .testimonials-next:hover {
    transform: scale(1.1);
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}

/* 可选认证套餐 - 灰色背景 */
.pc_packages {
    background: #f8f9fa;
    padding: 80px 0;
}

.pc_packages .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_packages h3 {
    text-align: center;
    margin-bottom: 50px;
}

.pc_packages h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_packages h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8;
    font-weight: normal;
}

/* ==================== 400电话页面样式 ==================== */

/* 容器通用样式 */
.container {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
}

/* 400电话价值 */
.phone-value {
    background: #f8f9fa;
}

.phone-value h3 {
    text-align: center;
    margin-bottom: 50px;
}

.phone-value h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.phone-value h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

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

.value-item {
    background: #fff;
    padding: 40px 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.value-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.value-image {
    margin: 0 auto 20px;
}

.value-image img {
    width: 100%;
    height: auto;
    max-width: 200px;
    border-radius: 8px;
}

.value-item h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.value-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* 套餐方案 */
.phone-packages {
    background: #fff;
}

.phone-packages h3 {
    text-align: center;
    margin-bottom: 50px;
}

.phone-packages h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.phone-packages h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.packages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.package-card {
    background: #fff;
    border-radius: 15px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    border: 2px solid transparent;
}

.package-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.package-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #045afe;
    color: #fff;
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold;
}

.package-name {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.package-price {
    font-size: 42px;
    color: var(--primary-color);
    margin-bottom: 10px;
    font-weight: bold;
}

.package-price span {
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.package-period {
    font-size: 14px;
    color: #999;
    margin-bottom: 30px;
}

.package-features ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.package-features ul li {
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.package-features ul li svg {
    width: 20px;
    height: 20px;
    fill: var(--success-color);
}

.number-sample {
    align-items: flex-start !important;
}

.sample-label {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 8px;
}

.sample-numbers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.sample-number {
    color: var(--primary-color);
    font-weight: bold;
}

.package-btn {
    display: inline-block;
    background: var(--primary-color);
    color: #fff;
    padding: 12px 40px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.package-btn:hover {
    background: var(--primary-color-dark);
    transform: translateY(-2px);
}

.package-link {
    display: block;
    color: var(--primary-color);
    font-size: 14px;
    transition: all 0.3s ease;
}

.package-link:hover {
    color: var(--primary-color-dark);
}

/* 增值功能 */
.phone-features {
    background: #f8f9fa;
}

.phone-features h3 {
    text-align: center;
    margin-bottom: 50px;
}

.phone-features h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.phone-features h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.features-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.feature-item {
    background: #fff;
    padding: 0px 20px 0px 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    min-height: 180px;
    height: 120px;
}

.feature-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    background-color: #045afe;
}

.feature-icon {
    width: 50px;
    height: 50px;
    background-color: #045afe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s ease;
}

.feature-icon svg {
    width: 30px;
    height: 30px;
    fill: #fff !important;
}

.feature-item span {
    display: block;
    font-size: 15px;
    color: #333;
    transition: all 0.5s ease;
    margin-bottom: 0px;
    padding-top: 95px;
}

.feature-desc {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin-top: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.feature-item:hover .feature-desc {
    opacity: 1;
    visibility: visible;
    color: #fff;
}

.feature-item:hover .feature-icon {
    opacity: 0;
}

.feature-item:hover span {
    color: #fff;
    padding-top: 20px;
}

.feature-item:hover .feature-desc {
    opacity: 1;
    visibility: visible;
    color: #fff;
}

/* 行业号码推荐 */
.industry-numbers {
    background: #fff;
}

.industry-numbers h3 {
    text-align: center;
    margin-bottom: 50px;
}

.industry-numbers h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.industry-numbers h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.numbers-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.number-item {
    background: #fff;
    padding: 20px 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

.number-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    border-color: var(--primary-color);
}

.number-item img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin: 0 auto 10px;
    object-fit: cover;
}

.number-item span {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
}

.number-code {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: bold;
}

/* 服务优势 */
.phone-advantages {
    background: #f8f9fa;
}

.phone-advantages h3 {
    text-align: center;
    margin-bottom: 50px;
}

.phone-advantages h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.phone-advantages h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.advantages-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.advantage-item {
    background: #fff;
    padding: 40px 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.advantage-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.advantage-icon {
    width: 70px;
    height: 70px;
    background-color: #045afe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.advantage-icon svg {
    width: 35px;
    height: 35px;
    fill: #fff;
}

.advantage-item h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.advantage-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* 办理流程 */
.phone-process {
    background: #fff;
}

.phone-process h3 {
    text-align: center;
    margin-bottom: 50px;
}

.phone-process h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.phone-process h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.process-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 0 20px;
}

.process-item {
    flex: 1;
    text-align: center;
    max-width: 250px;
}

.process-icon {
    width: 70px;
    height: 70px;
    background-color: #045afe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 32px;
    color: #fff;
    font-weight: bold;
}

.process-arrow {
    flex: 0 0 auto;
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, var(--primary-color), var(--primary-color-dark));
    margin-top: 35px;
    position: relative;
}

.process-arrow::after {
    content: '';
    position: absolute;
    right: 0;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 8px solid var(--primary-color-dark);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.process-item h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.process-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    min-height: 50px;
}

/* ==================== 地图标注页面样式 ==================== */

/* 地图品牌展示 */
.map-brands {
    background: #f8f9fa;
}

.map-brands h3 {
    text-align: center;
    margin-bottom: 50px;
}

.map-brands h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.map-brands h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.brands-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 25px;
}

.brand-item {
    background: #fff;
    padding: 25px 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.brand-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.brand-img {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    object-fit: contain;
}

.brand-item span {
    font-size: 14px;
    color: #333;
}

/* 为什么要做地图标注 */
.map-features {
    background: #fff;
}

.map-features h3 {
    text-align: center;
    margin-bottom: 50px;
}

.map-features h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.map-features h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

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

.feature-item {
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.feature-item:hover {
    background-color: #045afe;
    transform: translateY(-5px);
}

.feature-item:hover h4,
.feature-item:hover p {
    color: #fff;
}

.feature-item:hover .feature-icon svg {
    fill: #fff;
}

.feature-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-icon svg {
    width: 40px;
    height: 40px;
    fill: var(--primary-color);
    transition: fill 0.3s ease;
}

.feature-item h4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.feature-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* 全行业覆盖 */
.industries {
    background: #f8f9fa;
}

.industries h3 {
    text-align: center;
    margin-bottom: 50px;
}

.industries h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.industries h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.industries-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 20px;
}

.industry-item {
    background: #fff;
    padding: 20px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
}

.industry-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.industry-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.industry-icon svg {
    width: 24px;
    height: 24px;
    fill: var(--primary-color);
}

.industry-item span {
    font-size: 13px;
    color: #333;
}

/* 成功案例 */
.cases {
    background: #fff;
}

.cases h3 {
    text-align: center;
    margin-bottom: 50px;
}

.cases h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.cases h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.cases-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.case-item {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
}

.case-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.case-img {
    width: 100%;
    height: 180px;
    margin: 0 auto 20px;
    background: #f0f0f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.case-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-item p {
    font-size: 15px;
    color: #333;
    line-height: 1.6;
    font-weight: 500;
}

/* 服务流程 */
.process {
    background-color: #045afe;
}

.process h3 {
    text-align: center;
    margin-bottom: 50px;
}

.process h3 strong {
    display: block;
    font-size: 32px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
}

.process h3 p {
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: normal;
}

.process-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.step-item {
    text-align: center;
    position: relative;
}

.step-number {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    background: rgba(255, 255, 255, 0.2);
    border: 3px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}

.step-content h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
}

.step-content p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}



.pc_packages .packages-list {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

.pc_packages .packages-list .package-item {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.pc_packages .packages-list .package-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
}

.pc_packages .packages-list .package-item.recommended {
    transform: translateY(-15px);
    box-shadow: 0 20px 60px rgba(102, 126, 234, 0.3);
    border: 3px solid #667eea;
    background: linear-gradient(135deg, #f0f4ff 0%, #fff 100%);
}

.pc_packages .packages-list .package-item.recommended:hover {
    transform: translateY(-20px);
    box-shadow: 0 25px 70px rgba(102, 126, 234, 0.4);
}

.pc_packages .packages-list .package-item .package-recommended {
    position: absolute;
    top: 0;
    right: 0;
    background: #FF6800;
    color: #fff;
    padding: 8px 30px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0 10px 0 10px;
    box-shadow: 0 4px 15px rgba(255, 104, 0, 0.3);
}

.pc_packages .packages-list .package-item .package-header {
    padding: 30px 25px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}

.pc_packages .packages-list .package-item .package-header h4 {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.pc_packages .packages-list .package-item .package-header .package-tag {
    display: inline-block;
    padding: 5px 15px;
    background: #fff;
    color: #667eea;
    border: 2px solid #667eea;
    border-radius: 15px;
    font-size: 14px;
    font-weight: bold;
}

.pc_packages .packages-list .package-item.recommended .package-tag {
    background: #fff;
    color: #667eea;
    border: 2px solid #667eea;
    font-size: 16px;
    padding: 8px 20px;
}

.pc_packages .packages-list .package-item .package-content {
    padding: 30px 25px;
}

.pc_packages .packages-list .package-item .package-content ul {
    list-style: none;
    margin-bottom: 25px;
}

.pc_packages .packages-list .package-item .package-content ul li {
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    position: relative;
    padding-left: 25px;
}

.pc_packages .packages-list .package-item .package-content ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #667eea;
    font-weight: bold;
}

.pc_packages .packages-list .package-item .package-content ul li .highlight {
    color: #667eea;
    font-weight: bold;
}

.pc_packages .packages-list .package-item .package-content ul li:last-child {
    border-bottom: none;
}

.pc_packages .packages-list .package-item .package-action {
    text-align: center;
}

.pc_packages .packages-list .package-item .consult-btn {
    padding: 12px 40px;
    background-color: #045afe;
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pc_packages .packages-list .package-item.recommended .consult-btn {
    background-color: #045afe;
}

.pc_packages .packages-list .package-item .consult-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}

.pc_packages .packages-list .package-item.recommended .consult-btn:hover {
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}

/* 认证优势 */
.pc_two {
    background: #f8f9fa;
    padding: 80px 0;
}

.pc_two .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_two h3 {
    text-align: center;
    margin-bottom: 60px;
}

.pc_two h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_two h3 em {
    display: block;
    font-size: 16px;
    color: #666;
    font-style: normal;
    font-weight: normal;
}

.pc_two .advantage-list {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.pc_two .advantage-list li {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

.pc_two .advantage-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.pc_two .advantage-list li .advantage-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.pc_two .advantage-list li .advantage-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.pc_two .advantage-list li:hover .advantage-image img {
    transform: scale(1.05);
}

.pc_two .advantage-list li .advantage-content {
    padding: 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pc_two .advantage-list li .advantage-content .icon {
    width: 70px;
    height: 70px;
    background-color: #045afe;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pc_two .advantage-list li .advantage-content .icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.pc_two .advantage-list li .advantage-content h4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}

.pc_two .advantage-list li .advantage-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    text-align: center;
}

/* auth.html 认证页面 - 为什么选择我们 */
body[data-page="auth"] .pc_two {
    width: 1200px;
    margin: 80px auto;
}

body[data-page="auth"] .pc_two .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

body[data-page="auth"] .pc_two h3 {
    text-align: center;
    margin-bottom: 60px;
}

body[data-page="auth"] .pc_two h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

body[data-page="auth"] .pc_two h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

body[data-page="auth"] .pc_two .advantage-list {
    display: flex;
    justify-content: space-between;
}

body[data-page="auth"] .pc_two .advantage-list li {
    flex: 1;
    padding: 30px 20px;
    margin-right: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    text-align: center;
}

body[data-page="auth"] .pc_two .advantage-list li:last-child {
    margin-right: 0;
}

body[data-page="auth"] .pc_two .advantage-list li:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

body[data-page="auth"] .pc_two .advantage-list li .advantage-image {
    display: none;
}

body[data-page="auth"] .pc_two .advantage-list li .advantage-content {
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

body[data-page="auth"] .pc_two .advantage-list li .advantage-content .icon {
    display: block;
    width: 80px;
    height: 80px;
    background-color: #045afe;
    border-radius: 50%;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body[data-page="auth"] .pc_two .advantage-list li .advantage-content .icon img {
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
}

body[data-page="auth"] .pc_two .advantage-list li .advantage-content h4 {
    display: block;
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

body[data-page="auth"] .pc_two .advantage-list li .advantage-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

/* 首页产品中心 */
.pc_products {
    padding: 80px 0;
    background: #fff;
}

.pc_products .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_products h3 {
    text-align: center;
    margin-bottom: 60px;
}

.pc_products h3 strong {
    display: block;
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_products h3 p {
    font-size: 16px;
    color: #666;
    font-style: normal;
    font-weight: normal;
}

.product-row {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.product-row-2 {
    justify-content: center;
}

.product-row-3 {
    justify-content: center;
}

.product-card {
    flex: 1;
    max-width: 360px;
    background: #fff;
    border-radius: 10px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    cursor: pointer;
}

.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.product-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    transition: all 0.3s ease;
}

.product-icon svg {
    fill: #045afe;
    width: 60px;
    height: 60px;
}

.product-card h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
    transition: color 0.3s ease;
}

.product-card:hover h4 {
    color: #045afe;
}

.product-card p {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px;
}

.product-link {
    display: inline-block;
    color: #045afe;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.product-link:hover {
    color: #764ba2;
}

/* 应用场景 */
.pc_scenarios {
    padding: 80px 0;
    background: #f8f9fa;
}

.pc_scenarios .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_scenarios h3 {
    text-align: center;
    margin-bottom: 60px;
}

.pc_scenarios h3 strong {
    display: block;
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_scenarios h3 p {
    font-size: 16px;
    color: #666;
    font-style: normal;
    font-weight: normal;
}

.scenarios-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.scenario-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.scenario-card:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.scenario-image {
    height: 200px;
    overflow: hidden;
}

.scenario-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.scenario-card:hover .scenario-image img {
    transform: scale(1.1);
}

.scenario-content {
    padding: 30px;
}

.scenario-content h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.scenario-content p {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px;
}

.scenario-products {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.scenario-products li {
    padding: 8px 16px;
    background-color: #045afe;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.scenario-products li:hover {
    background-color: #0f80ff;
}

/* 行业方案 */
.pc_industry_solutions {
    padding: 80px 0;
    background: #fff;
}

.pc_industry_solutions .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_industry_solutions h3 {
    text-align: center;
    margin-bottom: 60px;
}

.pc_industry_solutions h3 strong {
    display: block;
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_industry_solutions h3 p {
    font-size: 16px;
    color: #666;
    font-style: normal;
    font-weight: normal;
}

.industry-tabs {
    width: 100%;
}

.tab-nav {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.tab-btn {
    padding: 12px 30px;
    border: 2px solid #045afe;
    background: #fff;
    color: #045afe;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-btn:hover,
.tab-btn.active {
    background-color: #045afe;
    color: #fff;
    border-color: transparent;
}

.tab-content {
    width: 100%;
}

.tab-pane {
    display: none;
    animation: fadeIn 0.5s ease;
}

.tab-pane.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.solution-container {
    display: flex;
    gap: 40px;
}

.solution-image {
    flex: 0 0 400px;
    height: 300px;
    overflow: hidden;
}

.solution-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solution-info {
    flex: 1;
    padding: 40px;
}

.solution-info h4 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
}

.solution-pain {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 25px;
    padding: 15px;
    background: #f8f9fa;
    border-left: 4px solid #86b1ff;
    border-radius: 5px;
}

.solution-products h5 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
}

.solution-products ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}

.solution-products li {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solution-products li:hover {
    background: #f8f9fa;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.solution-products li .product-icon {
    display: none;
}

.solution-products li .product-name {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #045afe;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
}

.solution-products li .product-name:hover {
    color: #764ba2;
    text-decoration: underline;
}

.solution-products li .product-value {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.solution-link {
    display: none;
}

.solution-link:hover {
    color: #764ba2;
}

/* 平台优势 */
.pc_advantages {
    padding: 80px 0;
    background-color: #045afe;
}

.pc_advantages .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_advantages h3 {
    text-align: center;
    margin-bottom: 60px;
}

.pc_advantages h3 strong {
    display: block;
    font-size: 28px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_advantages h3 p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-style: normal;
    font-weight: normal;
}

.advantages-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.advantage-item {
    background: #fff;
    border-radius: 15px;
    padding: 30px 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.advantage-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.advantage-item .advantage-image {
    width: 100%;
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.advantage-item .advantage-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.advantage-item:hover .advantage-image img {
    transform: scale(1.05);
}

.advantage-item h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.advantage-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* 最新动态 */
.pc_news {
    padding: 80px 0;
    background: #fff;
}

.pc_news .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_news h3 {
    text-align: center;
    margin-bottom: 60px;
}

.pc_news h3 strong {
    display: block;
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_news h3 p {
    font-size: 16px;
    color: #666;
    font-style: normal;
    font-weight: normal;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.news-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.news-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.news-image {
    height: 200px;
    overflow: hidden;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.news-card:hover .news-image img {
    transform: scale(1.1);
}

.news-content {
    padding: 30px;
}

.news-date {
    display: inline-block;
    padding: 5px 15px;
    background: #f8f9fa;
    color: #666;
    border-radius: 15px;
    font-size: 13px;
    margin-bottom: 15px;
}

.news-content h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 1.5;
}

.news-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px;
}

.news-link {
    display: inline-block;
    color: #045afe;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.news-link:hover {
    color: #764ba2;
}

/* 认证流程 */
.pc_three {
    width: 1200px;
    margin: 80px auto;
}

.pc_three h3 {
    text-align: center;
    margin-bottom: 60px;
}

.pc_three h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_three h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    margin-bottom: 0;
    font-weight: normal;
}

.pc_three h3 em {
    display: none;
}

.pc_three .process-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 20px;
}

.pc_three .process-item {
    flex: 1;
    text-align: center;
    padding: 20px;
}

.pc_three .process-icon {
    width: 80px;
    height: 80px;
    background-color: #045afe;
    border-radius: 50%;
    margin: 0 auto 20px;
    line-height: 80px;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}

.pc_three .process-item h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.pc_three .process-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

.pc_three .process-arrow {
    flex: 0 0 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: none !important;
    width: 80px !important;
}

.pc_three .process-arrow::after {
    content: "→";
    color: #667eea;
    font-size: 48px;
    font-weight: bold;
    border: none !important;
    width: auto !important;
    height: auto !important;
    position: static !important;
}

/* 认证表单 - 灰色背景 */
.pc_four {
    background: #f8f9fa;
    padding: 80px 0;
}

.pc_four .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_four .form-container {
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
    border-radius: 10px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.pc_four h3 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 28px;
    color: #333;
    font-weight: bold;
}

.pc_four p {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin-bottom: 40px;
}

.pc_four .form-group {
    margin-bottom: 25px;
}

.pc_four .form-group label {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 500;
}

.pc_four .form-group input,
.pc_four .form-group textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    transition: all 0.3s ease;
}

.pc_four .form-group input:focus,
.pc_four .form-group textarea:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.pc_four .form-group textarea {
    resize: vertical;
    min-height: 100px;
}

.pc_four .submit-btn {
    width: 100%;
    padding: 15px;
    background-color: #045afe;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pc_four .submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}

/* 标记查询 */
.pc_five {
    width: 1200px;
    margin: 80px auto;
}

.pc_five h3 {
    text-align: center;
    margin-bottom: 40px;
}

.pc_five h3 strong {
    display: block;
    font-size: 36px;
    color: #333;
    margin-bottom: 5px;
    font-weight: bold;
}

.pc_five h3 p {
    display: block;
    font-size: 18px;
    color: #667eea;
    margin-bottom: 15px;
}

.pc_five h3 em {
    display: block;
    font-size: 16px;
    color: #666;
    font-style: normal;
}

.pc_five .search-box {
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    gap: 15px;
}

.pc_five .search-box input {
    flex: 1;
    padding: 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 30px;
    font-size: 16px;
    transition: all 0.3s ease;
}

.pc_five .search-box input:focus {
    outline: none;
    border-color: #667eea;
}

.pc_five .search-box button {
    padding: 15px 40px;
    background-color: #045afe;
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pc_five .search-box button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}

.pc_five .result-box {
    max-width: 500px;
    margin: 30px auto 0;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 10px;
    display: none;
}

.pc_five .result-box.show {
    display: block;
}

.pc_five .result-box h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_five .result-box p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

/* 联系我们 */
.pc_six {
    background-color: #045afe;
    padding: 80px 0;
}

.pc_six .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_six h3 {
    text-align: center;
    margin-bottom: 60px;
}

.pc_six h3 strong {
    display: block;
    font-size: 36px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: bold;
}

.pc_six h3 p {
    display: block;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 15px;
}

.pc_six h3 em {
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    font-style: normal;
}

.pc_six .contact-info {
    display: flex;
    justify-content: space-between;
}

.pc_six .contact-item {
    flex: 1;
    padding: 30px;
    margin-right: 20px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    text-align: center;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.pc_six .contact-item:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
}

.pc_six .contact-item:last-child {
    margin-right: 0;
}

.pc_six .contact-item .icon {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.pc_six .contact-item h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: bold;
}

.pc_six .contact-item p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
}

/* 声明 */
.pc_declaration {
    width: 1200px;
    margin: 60px auto;
    background: #fff;
    border-radius: 10px;
    padding: 50px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
}

.pc_declaration h3 {
    text-align: center;
    margin-bottom: 40px;
}

.pc_declaration h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.pc_declaration h3 p {
    display: block;
    font-size: 16px;
    color: #666;
}

.pc_declaration .declaration-list {
    list-style: none;
}

.pc_declaration .declaration-list li {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
}

.pc_declaration .declaration-list li:last-child {
    border-bottom: none;
}

.pc_declaration .declaration-list li .declaration-number {
    flex-shrink: 0;
    display: inline-block;
    padding: 8px 20px;
    background-color: #045afe;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
}

.pc_declaration .declaration-list li .declaration-text {
    flex: 1;
    padding-top: 5px;
}

/* 底部 - 简化版结构 */
.footer {
    background: #2C3039;
}

.footer .container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.footer .footer-content {
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .footer-info {
    flex: 1;
}

.footer .footer-info .logo {
    margin-bottom: 20px;
}

.footer .footer-info .logo img {
    height: 50px;
    width: auto;
}

.footer .footer-info p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 1.8;
    max-width: 300px;
}

.footer .footer-links {
    flex: 1;
}

.footer .footer-links h4 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: bold;
}

.footer .footer-links ul {
    list-style: none;
}

.footer .footer-links ul li {
    margin-bottom: 10px;
    text-align: left;
}

.footer .footer-links ul li a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer .footer-links ul li a:hover {
    color: var(--primary-color);
    padding-left: 5px;
}

.footer .footer-contact {
    flex: 1;
}

.footer .footer-contact h4 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: bold;
}

.footer .footer-contact p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.8;
    text-align: left;
}

.footer .footer-qrcode {
    text-align: center;
}

.footer .footer-qrcode img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.footer .footer-qrcode p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.footer .footer-bottom {
    padding: 20px 0;
    text-align: center;
}

.footer .footer-bottom p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}

.footer .footer-links-section {
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .footer-links-section p {
    font-size: 14px;
    line-height: 2;
}

.footer .footer-links-section a {
    color: #62676e;
    margin: 0 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer .footer-links-section a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

/* 旧版footer样式保留，用于其他页面 */
.footer-2 {
    padding: 60px 0 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-2-top {
    display: flex;
    gap: 0px;
    align-items: flex-start;
}

.footer-code {
    width: 300px;
    flex-shrink: 0;
}

.footer-logo {
    margin-bottom: 20px;
}

.footer-logo img {
    height: 50px;
    width: auto;
}

.footer-code p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 20px;
    font-weight: 400;
}

.footer-qr {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}

.footer-qr .qr-code-img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    padding: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
    display: flex;
    align-items: center;
    gap: 15px;
}

.qr-code-img {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 8px;
    padding: 5px;
    object-fit: contain;
}

.footer-nav-list {
    flex: 1;
    display: flex;
    gap: 40px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.footer-nav-list ul {
    list-style: none;
    min-width: 160px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.footer-nav-list ul li.tittle {
    color: #045afe;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #045afe;
    letter-spacing: 0.5px;
}

.footer-nav-list ul li {
    margin-bottom: 6px;
    flex: none;
}

.footer-nav-list ul li:last-child {
    margin-bottom: 0;
}

.footer-nav-list ul li.tittle {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #045afe;
}

.footer-nav-list ul li.contact-item {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    margin-bottom: 8px;
    white-space: nowrap;
}

.footer-nav-list ul li.contact-item strong {
    color: #fff;
}

.footer-nav-list ul li.contact-item.qr-item {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.footer-nav-list ul li.contact-item.qr-item .qr-code-img {

    height: 160px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    padding: 8px;
}

.footer-nav-list ul li a {
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    padding: 3px 0;
    font-weight: 400;
    line-height: 1.4;
}

.footer-nav-list ul li a:hover {
    color: #667eea;
    font-weight: 500;
}

.footer-3 {
    padding: 25px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-3 .tc {
    text-align: center;
    line-height: 2;
}

.footer-3 .tc a {
    color: #8892a0;
    margin: 0 15px;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.footer-3 .tc a:hover {
    color: #667eea;
    text-decoration: none;
}

.footer-4 {
    padding: 25px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
}

.footer-4 .tc {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.8;
}

.footer-4 .tc a {
    color: #8892a0;
    margin-left: 15px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-4 .tc a:hover {
    color: #667eea;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.tc {
    text-align: center;
}

/* 旧的footer样式保留，防止其他页面引用出错 */
.footer .footer-wrapper {
    width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
    align-items: start;
    padding: 60px 0 30px;
}

.footer .footer-column {
    display: flex;
    flex-direction: column;
}

.footer .footer-title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.footer .brand-logo {
    margin-bottom: 20px;
}

.footer .brand-desc {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.8;
}

.footer .footer-center {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px 0;
}

.footer .footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}

.footer .footer-nav a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.footer .footer-nav a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.footer .footer-contact-info {
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}

.footer .footer-contact-info p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 8px;
    line-height: 1.6;
}

.footer .footer-section {
    margin-top: 30px;
}

.footer .footer-section .footer-title {
    margin-bottom: 15px;
}

.footer .footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.footer .footer-links a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    transition: all 0.3s ease;
}

.footer .footer-links a:hover {
    color: #667eea;
}

.footer .footer-content p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    margin-bottom: 0;
}

.footer .footer-bottom {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 30px;
    text-align: center;
}

.footer .footer-brand {
    padding: 0;
}

.footer .brand-logo img {
    height: 50px;
    width: auto;
}

.footer .footer-wrapper {
    width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
    align-items: start;
    padding: 60px 0 30px;
}

.footer .footer-column {
    display: flex;
    flex-direction: column;
}

.footer .footer-title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.footer .brand-logo {
    margin-bottom: 20px;
}

.footer .brand-desc {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.8;
}

.footer .brand-logo {
    margin-bottom: 20px;
}

.footer .brand-logo img {
    height: 50px;
    width: auto;
}

.footer .footer-center {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px 0;
}

.footer .footer-nav a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.footer .footer-nav a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.footer .footer-contact-info {
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}

.footer .footer-contact-info h3 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
}

.footer .footer-contact-info p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 8px;
    line-height: 1.6;
}

.footer .footer-section {
    margin-top: 30px;
}

.footer .footer-section .footer-title {
    margin-bottom: 15px;
}

.footer .footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.footer .footer-links a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    transition: all 0.3s ease;
}

.footer .footer-links a:hover {
    color: #667eea;
}

.footer .footer-content {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
    text-align: center;
}

.footer .footer-content p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    margin-bottom: 0;
}

.footer .footer-bottom {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 30px;
    text-align: center;
}

/* 滚动条美化 */
::-webkit-scrollbar {
    width: 8px;
}

/* 即刻体验 - 白色背景 */
.pc_experience {
    width: 1200px;
    margin: 80px auto;
}

.pc_experience h3 {
    text-align: center;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_experience .experience-content {
    display: flex;
    gap: 40px;
}

.pc_experience .experience-preview {
    flex: 1;
}

.pc_experience .preview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    justify-items: center;
}

.pc_experience .preview-labels {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    justify-items: center;
    margin-top: 30px;
}

.pc_experience .preview-label {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.pc_experience .detail-card,
.pc_experience .in-out-call,
.pc_experience .call-history-page {
    width: 200px;
    background: #1a1a2e;
    border-radius: 30px;
    padding: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    aspect-ratio: 9/19;
    overflow: hidden;
}

/* 手机顶部状态栏模拟 */
.pc_experience .detail-card::before,
.pc_experience .in-out-call::before,
.pc_experience .call-history-page::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 15px;
    background: #000;
    border-radius: 0 0 8px 8px;
}

.pc_experience .detail-card .company-logo,
.pc_experience .call-history-page .company-logo {
    width: 60px;
    height: 60px;
    margin: 10px auto 15px;
    border-radius: 50%;
    border: 3px solid #fff;
    background: #fff;
}

.pc_experience .detail-card .company-name,
.pc_experience .call-history-page .company-name {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}

.pc_experience .detail-card .company-tel,
.pc_experience .call-history-page .company-tel {
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-bottom: 6px;
}

.pc_experience .detail-card .company-address {
    text-align: center;
    color: #fff;
    font-size: 10px;
    margin-bottom: 0;
    line-height: 1.4;
}

.pc_experience .block-label {
    display: none;
}

.pc_experience .in-out-call .cell-info {
    text-align: center;
    padding-top: 25px;
}

.pc_experience .in-out-call .cell-logo {
    width: 60px;
    height: 60px;
    background: #667eea;
    border-radius: 50%;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
}

.pc_experience .in-out-call .cell-logo::after {
    content: "";
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
}

.pc_experience .in-out-call .cell-logo img {
    border-radius: 50%;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.pc_experience .in-out-call .cell-name {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}

.pc_experience .in-out-call .cell-tel {
    color: #fff;
    font-size: 12px;
    margin-bottom: 0;
}

.pc_experience .call-history-page .company-text-box {
    text-align: center;
}

/* 手机界面按钮 */
.pc_experience .call-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.pc_experience .call-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.pc_experience .answer-btn {
    color: #4CAF50;
    border-color: #4CAF50;
}

.pc_experience .answer-btn:hover {
    background: #4CAF50;
    color: #fff;
}

.pc_experience .hangup-btn {
    color: #f44336;
    border-color: #f44336;
}

.pc_experience .hangup-btn:hover {
    background: #f44336;
    color: #fff;
}

.pc_experience .mute-btn {
    color: #FF9800;
    border-color: #FF9800;
}

.pc_experience .mute-btn:hover {
    background: #FF9800;
    color: #fff;
}

/* 通话列表 */
.pc_experience .history-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 10px;
    margin-top: 15px;
}

.pc_experience .history-item {
    display: flex;
    padding: 12px 10px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    align-items: center;
}

.pc_experience .history-logo {
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    overflow: hidden;
}

.pc_experience .history-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pc_experience .no-logo {
    font-size: 9px;
    color: #fff;
    font-weight: bold;
}

.pc_experience .history-info {
    flex: 1;
}

.pc_experience .history-name {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 2px;
}

.pc_experience .history-tel {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.7);
}

.pc_experience .history-item.authenticated .history-logo {
    background: #667eea;
}

.pc_experience .history-item.authenticated .history-name {
    color: #4CAF50;
}

.pc_experience .experience-form {
    flex: 0 0 400px;
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.pc_experience .experience-contact {
    display: none;
}

.pc_experience .experience-form .form-group {
    margin-bottom: 25px;
}

.pc_experience .experience-form .form-group label {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 500;
}

.pc_experience .experience-form .form-group input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    transition: all 0.3s ease;
}

.pc_experience .experience-form .form-group input:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.pc_experience .experience-form .upload-group {
    display: flex;
    gap: 10px;
}

.pc_experience .experience-form .upload-group input {
    flex: 1;
}

.pc_experience .experience-form .upload-group input:disabled {
    background: #f5f5f5;
    color: #999;
}

.pc_experience .experience-form .upload-btn {
    padding: 12px 20px;
    background-color: #045afe;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.pc_experience .experience-form .upload-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}

.pc_experience .form-note {
    color: #666;
    font-size: 13px;
    line-height: 1.8;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
}

.pc_experience .experience-contact {
    background: #fff;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.pc_experience .experience-contact h3 {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-bottom: 30px;
}

.pc_experience .experience-contact .form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.pc_experience .experience-contact .form-item {
    flex: 1;
}

.pc_experience .experience-contact .form-item label {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 500;
}

.pc_experience .experience-contact .form-item input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    transition: all 0.3s ease;
}

.pc_experience .experience-contact .form-item input:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.pc_experience .submit-section {
    text-align: center;
    margin-top: 30px;
}

.pc_experience .submit-experience-btn {
    padding: 15px 80px;
    background-color: #045afe;
    color: #fff;
    border: none;
    border-radius: 28px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pc_experience .submit-experience-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.pc_experience .privacy-agreement {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.pc_experience .checkbox-label {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
}

.pc_experience .checkbox-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    cursor: pointer;
}

.pc_experience .checkbox-text {
    margin-right: 5px;
}

.pc_experience .privacy-link {
    color: #667eea;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pc_experience .privacy-link:hover {
    color: #764ba2;
    text-decoration: underline;
}

/* 获得更多专业服务与支持 - 横向表单 */
.pc_contact_form {
    background-color: #045afe;
    padding: 80px 0;
}

.pc_contact_form .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_contact_form h3 {
    text-align: center;
    margin-bottom: 40px;
}

.pc_contact_form h3 strong {
    display: block;
    font-size: 32px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_contact_form .contact-form-container {
    display: flex;
    justify-content: center;
}

.pc_contact_form .form-row-horizontal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.pc_contact_form .form-item {
    flex: 1;
}

.pc_contact_form .form-item input {
    width: 100%;
    padding: 14px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-size: 15px;
    color: #333;
    transition: all 0.3s ease;
}

.pc_contact_form .form-item input:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.pc_contact_form .form-btn {
    flex: 0 0 auto;
}

.pc_contact_form .submit-contact-btn {
    padding: 14px 40px;
    background: #fff;
    color: #667eea;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.pc_contact_form .submit-contact-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #667eea;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #764ba2;
}

/* 右侧咨询模块 */
.consultation-sidebar {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.consultation-sidebar .consult-item {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #045afe;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
    position: relative;
}

.consultation-sidebar .consult-item:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 30px rgba(102, 126, 234, 0.5);
}

.consultation-sidebar .consult-item.online-consult {
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% {
        box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
    }
    50% {
        box-shadow: 0 5px 30px rgba(102, 126, 234, 0.7);
    }
}

.consultation-sidebar .consult-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.consultation-sidebar .consult-icon svg {
    width: 30px;
    height: 30px;
}

.consultation-sidebar .consult-text {
    position: absolute;
    right: 70px;
    background: #fff;
    color: #333;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}

.consultation-sidebar .consult-item:hover .consult-text {
    opacity: 1;
    visibility: visible;
    right: 75px;
}

/* 微信咨询弹窗 */
.wechat-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    display: none;
}

.wechat-modal.show {
    display: block;
}

.wechat-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.wechat-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 15px;
    padding: 40px;
    min-width: 400px;
    text-align: center;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
    animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.wechat-modal-content .wechat-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    color: #999;
    cursor: pointer;
    transition: all 0.3s ease;
    line-height: 1;
}

.wechat-modal-content .wechat-close:hover {
    color: #333;
}

.wechat-modal-content h3 {
    font-size: 24px;
    color: #333;
    margin-bottom: 30px;
    font-weight: bold;
}

.wechat-modal-content .wechat-qr-code {
    width: 200px;
    height: 200px;
    margin: 0 auto 25px;
    background: #f5f5f5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.wechat-modal-content .wechat-qr-code img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.wechat-modal-content .wechat-info {
    margin-bottom: 25px;
}

.wechat-modal-content .wechat-info p {
    font-size: 16px;
    color: #666;
}

.wechat-modal-content .wechat-info span {
    color: #667eea;
    font-weight: bold;
}

.wechat-modal-content .wechat-copy button {
    padding: 12px 40px;
    background-color: #045afe;
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.wechat-modal-content .wechat-copy button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}

/* 移动端底部咨询栏 */
.mobile-consultation-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #045afe;
    padding: 15px 0;
    z-index: 1500;
    display: none;
    box-shadow: 0 -3px 20px rgba(0, 0, 0, 0.2);
}

.mobile-consultation-bar .mobile-consult-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mobile-consultation-bar .mobile-consult-item svg {
    width: 24px;
    height: 24px;
    margin-bottom: 5px;
}

.mobile-consultation-bar .mobile-consult-item span {
    font-size: 13px;
}

.mobile-consultation-bar .mobile-consult-item:active {
    background: rgba(255, 255, 255, 0.1);
}

/* ==================== 视频彩铃页面样式 ==================== */

/* 视频彩铃介绍 */
.vr-intro {
    width: 1200px;
    margin: 80px auto;
}

.vr-intro h3 {
    text-align: center;
    margin-bottom: 50px;
}

.vr-intro h3 strong {
    display: block;
    font-size: 32px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-intro h3 p {
    display: block;
    font-size: 16px;
    color: var(--text-secondary);
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.8;
    font-weight: normal;
}

.vr-intro .intro-content {
    display: flex;
    gap: 40px;
    align-items: center;
}

.vr-intro .intro-left {
    flex: 1;
}

.vr-intro .intro-left img {
    width: 100%;
    border-radius: 10px;
    box-shadow: var(--shadow-light);
}

.vr-intro .intro-right {
    flex: 0 0 300px;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);
    border-radius: 10px;
    padding: 40px;
    text-align: center;
}

.vr-intro .intro-right h4 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-intro .intro-right p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.8;
}

/* 视频彩铃三大优势 */
.vr-advantages {
    background: var(--bg-light);
    padding: 80px 0;
}

.vr-advantages .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.vr-advantages h3 {
    text-align: center;
    margin-bottom: 50px;
}

.vr-advantages h3 strong {
    display: block;
    font-size: 32px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-advantages h3 p {
    display: block;
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: normal;
}

.vr-advantages .advantages-list {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.vr-advantages .advantages-list li {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    border: 1px solid var(--border-color);
}

.vr-advantages .advantages-list li:hover {
    transform: translateY(-10px);
    box-shadow: var(--shadow-hover);
    border-color: var(--primary-color);
}

.vr-advantages .advantages-list li .advantage-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vr-advantages .advantages-list li .advantage-icon span {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}

.vr-advantages .advantages-list li h4 {
    font-size: 20px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-advantages .advantages-list li p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.8;
}

/* 视频彩铃价值 */
.vr-value {
    width: 1200px;
    margin: 80px auto;
}

.vr-value h3 {
    text-align: center;
    margin-bottom: 50px;
}

.vr-value h3 strong {
    display: block;
    font-size: 32px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-value h3 p {
    display: block;
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: normal;
}

.vr-value .value-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.vr-value .value-item {
    flex: 1 1 calc(20% - 20px);
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    border: 1px solid var(--border-color);
}

.vr-value .value-item:hover {
    transform: translateY(-10px);
    box-shadow: var(--shadow-hover);
    border-color: var(--primary-color);
}

.vr-value .value-item .value-icon {
    font-size: 48px;
    margin-bottom: 15px;
}

.vr-value .value-item h4 {
    font-size: 18px;
    color: var(--text-primary);
    margin-bottom: 10px;
    font-weight: bold;
}

.vr-value .value-item p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
}

/* 支持运营商 */
.vr-operators {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);
    padding: 80px 0;
}

.vr-operators .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.vr-operators h3 {
    text-align: center;
    margin-bottom: 50px;
}

.vr-operators h3 strong {
    display: block;
    font-size: 32px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-operators h3 p {
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: normal;
}

.vr-operators .operators-list {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.vr-operators .operator-item {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    backdrop-filter: blur(10px);
    width: 200px;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.vr-operators .operator-item:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
}

.vr-operators .operator-item img {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    background: #fff;
    border-radius: 50%;
    object-fit: contain;
    padding: 10px;
}

.vr-operators .operator-item h4 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

/* 视频定制服务 */
.vr-customize {
    width: 1200px;
    margin: 80px auto;
}

.vr-customize h3 {
    text-align: center;
    margin-bottom: 50px;
}

.vr-customize h3 strong {
    display: block;
    font-size: 32px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-customize h3 p {
    display: block;
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: normal;
}

.vr-customize .customize-content {
    max-width: 800px;
    margin: 0 auto;
}

.vr-customize .customize-item {
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    box-shadow: var(--shadow-light);
    border: 1px solid var(--border-color);
}

.vr-customize .customize-item h4 {
    font-size: 24px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-customize .customize-item p {
    font-size: 16px;
    color: var(--text-secondary);
    margin-bottom: 20px;
    line-height: 1.8;
}

.vr-customize .customize-item ul {
    list-style: none;
    padding-left: 20px;
}

.vr-customize .customize-item ul li {
    padding: 10px 0;
    font-size: 15px;
    color: var(--text-secondary);
    position: relative;
    padding-left: 25px;
}

.vr-customize .customize-item ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary-color);
    font-weight: bold;
}

/* 营销场景 */
.vr-scenarios {
    background: var(--bg-light);
    padding: 80px 0;
}

.vr-scenarios .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.vr-scenarios h3 {
    text-align: center;
    margin-bottom: 50px;
}

.vr-scenarios h3 strong {
    display: block;
    font-size: 32px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-scenarios h3 p {
    display: block;
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: normal;
}

.vr-scenarios .scenario-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.vr-scenarios .scenario-item {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    border: 1px solid var(--border-color);
}

.vr-scenarios .scenario-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
    border-color: var(--primary-color);
}

.vr-scenarios .scenario-item .scenario-icon {
    font-size: 40px;
    margin-bottom: 15px;
}

.vr-scenarios .scenario-item h4 {
    font-size: 18px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-scenarios .scenario-item p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.8;
}

/* 视频彩铃优点 */
.vr-benefits {
    width: 1200px;
    margin: 80px auto;
}

.vr-benefits h3 {
    text-align: center;
    margin-bottom: 50px;
}

.vr-benefits h3 strong {
    display: block;
    font-size: 32px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-benefits h3 p {
    display: block;
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: normal;
}

.vr-benefits .benefits-grid {
    display: flex;
    gap: 20px;
}

.vr-benefits .benefits-column {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    padding: 25px 20px;
    box-shadow: var(--shadow-light);
    border: 1px solid var(--border-color);
}

.vr-benefits .benefits-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

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

.vr-benefits .benefits-item .benefits-icon {
    width: 24px;
    height: 24px;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    flex-shrink: 0;
}

.vr-benefits .benefits-item span {
    font-size: 14px;
    color: var(--text-primary);
}

/* 视频彩铃功能 */
.vr-features {
    background: var(--bg-light);
    padding: 80px 0;
}

.vr-features .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.vr-features h3 {
    text-align: center;
    margin-bottom: 50px;
}

.vr-features h3 strong {
    display: block;
    font-size: 32px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-features h3 p {
    display: block;
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: normal;
}

.vr-features .features-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.vr-features .feature-item {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    border: 1px solid var(--border-color);
}

.vr-features .feature-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
    border-color: var(--primary-color);
}

.vr-features .feature-item .feature-icon {
    font-size: 40px;
    margin-bottom: 15px;
}

.vr-features .feature-item h4 {
    font-size: 18px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-features .feature-item p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.8;
}

/* 视频彩铃解决方案 */
.vr-solutions {
    width: 1200px;
    margin: 80px auto;
}

.vr-solutions h3 {
    text-align: center;
    margin-bottom: 50px;
}

.vr-solutions h3 strong {
    display: block;
    font-size: 32px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-solutions h3 p {
    display: block;
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: normal;
}

.vr-solutions .solutions-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.vr-solutions .solution-item {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    border: 1px solid var(--border-color);
}

.vr-solutions .solution-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
    border-color: var(--primary-color);
}

.vr-solutions .solution-item .solution-header {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.vr-solutions .solution-item .solution-header h4 {
    font-size: 20px;
    color: var(--text-primary);
    margin-bottom: 10px;
    font-weight: bold;
}

.vr-solutions .solution-item .solution-header p {
    font-size: 14px;
    color: var(--text-secondary);
}

.vr-solutions .solution-item .solution-problem {
    margin-bottom: 20px;
}

.vr-solutions .solution-item .solution-problem h5 {
    font-size: 16px;
    color: var(--danger-color);
    margin-bottom: 10px;
    font-weight: bold;
}

.vr-solutions .solution-item .solution-problem p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.8;
}

.vr-solutions .solution-item .solution-answer h5 {
    font-size: 16px;
    color: var(--primary-color);
    margin-bottom: 10px;
    font-weight: bold;
}

.vr-solutions .solution-item .solution-answer ul {
    list-style: none;
}

.vr-solutions .solution-item .solution-answer ul li {
    padding: 8px 0;
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
    position: relative;
    padding-left: 20px;
}

.vr-solutions .solution-item .solution-answer ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--primary-color);
}

/* 办理流程 */
.vr-process {
    background: var(--bg-light);
    padding: 80px 0;
}

.vr-process .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.vr-process h3 {
    text-align: center;
    margin-bottom: 60px;
}

.vr-process h3 strong {
    display: block;
    font-size: 32px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-process h3 p {
    display: block;
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: normal;
}

.vr-process .process-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 20px;
}

.vr-process .process-item {
    flex: 1;
    text-align: center;
    padding: 20px;
}

.vr-process .process-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);
    border-radius: 50%;
    margin: 0 auto 20px;
    line-height: 80px;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}

.vr-process .process-item h4 {
    font-size: 18px;
    color: var(--text-primary);
    margin-bottom: 10px;
    font-weight: bold;
}

.vr-process .process-item p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.8;
}

.vr-process .process-arrow {
    flex: 0 0 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vr-process .process-arrow::after {
    content: "→";
    color: var(--primary-color-dark);
    font-size: 30px;
    font-weight: bold;
}

/* 常见问题 */
.vr-faq {
    width: 1200px;
    margin: 80px auto;
}

.vr-faq h3 {
    text-align: center;
    margin-bottom: 50px;
}

.vr-faq h3 strong {
    display: block;
    font-size: 32px;
    color: var(--text-primary);
    margin-bottom: 15px;
    font-weight: bold;
}

.vr-faq h3 p {
    display: block;
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: normal;
}

.vr-faq .faq-list {
    max-width: 900px;
    margin: 0 auto;
}

.vr-faq .faq-item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: var(--shadow-light);
    overflow: hidden;
    border: 1px solid var(--border-color);
}

.vr-faq .faq-question {
    padding: 20px 30px;
    background: var(--bg-light);
    cursor: pointer;
    transition: all 0.3s ease;
}

.vr-faq .faq-question:hover {
    background: #e9ecef;
}

.vr-faq .faq-question h4 {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: bold;
}

.vr-faq .faq-answer {
    padding: 20px 30px;
    background: #fff;
}

.vr-faq .faq-answer p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.8;
}

/* ==================== logo-sms页面样式 ==================== */

/* 产品介绍 */
.pc_intro {
    width: 1200px;
    margin: 80px auto;
}

.pc_intro h3 {
    text-align: center;
    margin-bottom: 50px;
}

.pc_intro h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_intro h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.8;
    font-weight: normal;
}

.pc_intro .intro-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.pc_intro .intro-item {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: var(--shadow-light);
    border: 1px solid var(--border-color);
    text-align: center;
}

.pc_intro .intro-item h4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_intro .intro-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

/* 展示界面 */
.pc_showcase {
    width: 1200px;
    margin: 80px auto;
}

.pc_showcase h3 {
    text-align: center;
    margin-bottom: 50px;
}

.pc_showcase h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_showcase h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.pc_showcase .showcase-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.pc_showcase .showcase-item {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: var(--shadow-light);
    border: 1px solid var(--border-color);
    text-align: center;
    transition: all 0.3s ease;
}

.pc_showcase .showcase-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
}

.pc_showcase .showcase-item .showcase-img {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 8px;
}

.pc_showcase .showcase-item .showcase-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pc_showcase .showcase-item h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.pc_showcase .showcase-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* 客户案例 */
.pc_cases {
    width: 1200px;
    margin: 80px auto;
}

.pc_cases h3 {
    text-align: center;
    margin-bottom: 50px;
}

.pc_cases h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_cases h3 p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.pc_cases .cases-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.pc_cases .case-item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--shadow-light);
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

.pc_cases .case-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
}

.pc_cases .case-item .case-img {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.pc_cases .case-item .case-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pc_cases .case-item .case-info {
    padding: 20px;
}

.pc_cases .case-item .case-info h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.pc_cases .case-item .case-info p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* 价格方案 - 活动banner */
.pc_packages .price-banner {
    text-align: center;
    padding: 40px;
}

.pc_packages .price-promo {
    background-color: #045afe;
    border-radius: 15px;
    padding: 50px 40px;
    max-width: 800px;
    margin: 0 auto;
    color: #fff;
    position: relative;
}

.pc_packages .promo-tag {
    display: inline-block;
    background: #FF6800;
    color: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

.pc_packages .price-promo h3 {
    font-size: 32px;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_packages .price-promo p {
    font-size: 16px;
    margin-bottom: 30px;
    opacity: 0.95;
}

.pc_packages .price-promo .consult-btn {
    background: #fff;
    color: #667eea;
    padding: 15px 50px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    transition: all 0.3s ease;
}

.pc_packages .price-promo .consult-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(255, 255, 255, 0.3);
}

/* logo-sms.html - 产品价格新样式 */
.pc_packages_logo {
    width: 100%;
}

.pc_packages_logo .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_packages_logo h3 {
    text-align: center;
    margin-bottom: 50px;
}

.pc_packages_logo h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_packages_logo h3 p {
    display: block;
    font-size: 16px;
    color: #666;
}

.pc_packages_logo .packages-center {
    background-color: #045afe;
    padding: 60px;
    text-align: center;
    margin: 0 -40px;
    border-radius: 20px;
}

.pc_packages_logo .price-text {
    color: #fff;
}

.pc_packages_logo .price-text h4 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
}

.pc_packages_logo .price-text p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.pc_packages_logo .price-btn .consult-btn {
    background: #fff;
    color: #667eea;
    padding: 18px 60px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pc_packages_logo .price-btn .consult-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
}

/* logo-sms.html - 即刻体验短信样式 */
.pc_experience_sms {
    width: 1200px;
    margin: 80px auto;
}

.pc_experience_sms .fn-clear {
    width: 1200px;
    margin: 0 auto;
}

.pc_experience_sms h3 {
    text-align: center;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_experience_sms .experience-content {
    display: flex;
    flex-direction: column;
}

.pc_experience_sms .experience-preview-top {
    margin-bottom: 40px;
}

.pc_experience_sms .preview-grid-sms {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.pc_experience_sms .sms-lock-screen,
.pc_experience_sms .sms-list-screen,
.pc_experience_sms .sms-chat-screen {
    background: #1a1a2e;
    border-radius: 20px;
    padding: 20px;
    aspect-ratio: 9/19;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pc_experience_sms .sms-header {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    font-size: 14px;
}

.pc_experience_sms .sms-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.pc_experience_sms .sms-logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 15px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pc_experience_sms .sms-name {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.pc_experience_sms .sms-text {
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 10px;
}

.pc_experience_sms .sms-time {
    color: #999;
    font-size: 12px;
}

.pc_experience_sms .sms-list-content {
    flex: 1;
    padding: 15px;
}

.pc_experience_sms .sms-item {
    display: flex;
    align-items: center;
    padding: 12px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}

.pc_experience_sms .sms-item.authenticated {
    background-color: #045afe;
}

.pc_experience_sms .sms-item-logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    margin-right: 12px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pc_experience_sms .sms-item-logo.default {
    background: #ccc;
    opacity: 0.6;
    background-image: none !important;
}

.pc_experience_sms .sms-item-name {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
}

.pc_experience_sms .sms-item-text {
    color: #fff;
    font-size: 14px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc_experience_sms .sms-item-number {
    color: #999;
    font-size: 14px;
    margin-right: 10px;
}

.pc_experience_sms .sms-chat-content {
    flex: 1;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* 聊天页面顶部栏 */
.pc_experience_sms .chat-header {
    background: #000;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.pc_experience_sms .chat-back {
    font-size: 24px;
    cursor: pointer;
    padding: 5px;
}

.pc_experience_sms .chat-logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pc_experience_sms .chat-name {
    font-size: 18px;
    font-weight: bold;
}

.pc_experience_sms .sms-message {
    display: flex;
    gap: 10px;
    max-width: 90%;
}

.pc_experience_sms .sms-message.sent {
    flex-direction: row-reverse;
}

.pc_experience_sms .message-logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pc_experience_sms .message-content {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 12px 15px;
    flex: 1;
}

.pc_experience_sms .sms-message.sent .message-content {
    background-color: #045afe;
}

.pc_experience_sms .message-sender {
    color: #667eea;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.pc_experience_sms .sms-message.sent .message-sender {
    color: #fff;
}

.pc_experience_sms .message-text {
    color: #fff;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 8px;
}

.pc_experience_sms .message-time {
    color: #999;
    font-size: 11px;
    text-align: right;
}

.pc_experience_sms .experience-form-bottom {
    padding: 40px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
}

.pc_experience_sms .form-row-horizontal {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.pc_experience_sms .form-item {
    flex: 1;
}

.pc_experience_sms .form-item label {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.pc_experience_sms .form-item input[type="text"] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.pc_experience_sms .form-item input[type="text"]:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.pc_experience_sms .upload-group {
    display: flex;
    gap: 10px;
    align-items: center;
}

.pc_experience_sms .upload-group input[type="text"] {
    flex: 1;
}

.pc_experience_sms .upload-btn {
    background-color: #045afe;
    color: #fff;
    padding: 12px 25px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pc_experience_sms .upload-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
}

.pc_experience_sms .form-note {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-top: 20px;
}

/* 关于我们页面样式 */
.pc_about_intro {
    width: 1200px;
    margin: 80px auto;
}

.pc_about_intro h3 {
    text-align: center;
    margin-bottom: 50px;
}

.pc_about_intro h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_about_intro h3 p {
    display: block;
    font-size: 16px;
    color: #666;
}

.pc_about_intro .intro-content {
    display: flex;
    gap: 60px;
    align-items: center;
}

.pc_about_intro .intro-image {
    flex: 1;
}

.pc_about_intro .intro-image img {
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.pc_about_intro .intro-text {
    flex: 1;
}

.pc_about_intro .intro-text p {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 20px;
    text-align: justify;
}

/* 关于我们页面 - 联系我们 */
.pc_about_contact {
    width: 1200px;
    margin: 80px auto;
}

.pc_about_contact h3 {
    text-align: center;
    margin-bottom: 50px;
}

.pc_about_contact h3 strong {
    display: block;
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.pc_about_contact h3 p {
    display: block;
    font-size: 16px;
    color: #666;
}

.pc_about_contact .contact-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.pc_about_contact .contact-card {
    background: #fff;
    padding: 30px 20px;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
    transition: all 0.3s ease;
}

.pc_about_contact .contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
}

.pc_about_contact .contact-icon svg {
    width: 60px;
    height: 60px;
}

.pc_about_contact .contact-card h4 {
    font-size: 14px;
    color: #999;
    margin-bottom: 0;
}

.pc_about_contact .contact-card p {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 0;
}

/* 微信卡片特殊样式 */
.pc_about_contact .contact-card.wechat-card .wechat-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.pc_about_contact .contact-card.wechat-card .wechat-qr-small {
    width: 100px;
    height: 100px;
    border-radius: 5px;
}

.pc_about_contact .contact-card.wechat-card p {
    font-size: 16px;
}

/* 行业动态列表页面样式 */
.pc_news_list {
    width: 1200px;
    margin: 60px auto;
}

.pc_news_list .fn-clear {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
}

/* 左侧新闻列表 */
.pc_news_list .news-list-left {
    flex: 1;
}

.pc_news_list .news-list-left h3 {
    font-size: 24px;
    color: #333;
    margin-bottom: 30px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 3px solid #667eea;
}

.pc_news_list .news-item {
    background: #fff;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.pc_news_list .news-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.pc_news_list .news-title {
    margin-bottom: 15px;
}

.pc_news_list .news-title a {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease;
}

.pc_news_list .news-title a:hover {
    color: #667eea;
}

.pc_news_list .news-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 15px;
}

.pc_news_list .news-meta {
    display: flex;
    gap: 30px;
    font-size: 13px;
    color: #999;
}

.pc_news_list .news-date,
.pc_news_list .news-views {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 翻页控件 */
.pc_news_list .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
}

.pc_news_list .pagination-item {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
}

.pc_news_list .pagination-item:hover {
    border-color: #667eea;
    color: #667eea;
}

.pc_news_list .pagination-item.active {
    background-color: #045afe;
    border-color: #667eea;
    color: #fff;
}

.pc_news_list .pagination-item.disabled {
    color: #ccc;
    cursor: not-allowed;
    background: #f5f5f5;
}

/* 右侧热门资讯和广告 */
.pc_news_list .news-list-right {
    width: 300px;
    flex-shrink: 0;
}

.pc_news_list .hot-news,
.pc_news_list .product-ads {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.pc_news_list .hot-news h3,
.pc_news_list .product-ads h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #667eea;
}

/* 热门资讯列表 */
.pc_news_list .hot-news-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pc_news_list .hot-news-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.pc_news_list .hot-news-list li:last-child {
    border-bottom: none;
}

.pc_news_list .hot-rank {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #045afe;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    flex-shrink: 0;
}

.pc_news_list .hot-news-list li:nth-child(1) .hot-rank {
    background: linear-gradient(135deg, #ff6b6b 0%, #ff8787 100%);
}

.pc_news_list .hot-news-list li:nth-child(2) .hot-rank {
    background: linear-gradient(135deg, #ffa502 0%, #ffcb02 100%);
}

.pc_news_list .hot-news-list li:nth-child(3) .hot-rank {
    background: linear-gradient(135deg, #ffd93d 0%, #ffe980 100%);
}

.pc_news_list .hot-news-list a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc_news_list .hot-news-list a:hover {
    color: #667eea;
}

/* 产品广告 */
.pc_news_list .ad-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.pc_news_list .ad-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pc_news_list .ad-item:hover {
    transform: translateX(5px);
    box-shadow: 0 3px 15px rgba(102, 126, 234, 0.2);
}

.pc_news_list .ad-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #045afe;
    border-radius: 8px;
    flex-shrink: 0;
}

.pc_news_list .ad-icon svg {
    width: 24px;
    height: 24px;
}

.pc_news_list .ad-item span {
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

/* 行业动态详情页面样式 */
.pc_news_detail {
    width: 1200px;
    margin: 40px auto;
}

.pc_news_detail .fn-clear {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
}

/* 面包屑 */
.pc_news_detail .breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.pc_news_detail .breadcrumb a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.pc_news_detail .breadcrumb a:hover {
    color: #667eea;
}

.pc_news_detail .breadcrumb .separator {
    color: #ccc;
}

.pc_news_detail .breadcrumb .current {
    color: #999;
    font-size: 14px;
}

/* 左侧内容 */
.pc_news_detail .detail-left {
    flex: 1;
}

/* 文章头部 */
.pc_news_detail .article-header {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.pc_news_detail .article-header h1 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
}

.pc_news_detail .article-meta {
    display: flex;
    gap: 30px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
}

.pc_news_detail .article-meta .meta-item {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #999;
    font-size: 14px;
}

/* 正文内容 */
.pc_news_detail .article-content {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.pc_news_detail .article-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 20px;
    text-indent: 2em;
}

.pc_news_detail .article-content h2 {
    font-size: 22px;
    color: #333;
    margin: 30px 0 20px 0;
    font-weight: bold;
}

.pc_news_detail .article-content h3 {
    font-size: 18px;
    color: #333;
    margin: 25px 0 15px 0;
    font-weight: bold;
}

.pc_news_detail .article-content ul,
.pc_news_detail .article-content ol {
    margin: 20px 0 20px 40px;
}

.pc_news_detail .article-content li {
    font-size: 15px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 10px;
}

.pc_news_detail .article-content strong {
    color: #333;
    font-weight: 600;
}

/* 广告图片 */
.pc_news_detail .article-ads {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.pc_news_detail .ad-image {
    flex: 1;
}

.pc_news_detail .ad-image img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.pc_news_detail .ad-image img:hover {
    transform: scale(1.05);
}

.pc_news_detail .ad-image a {
    display: block;
}

/* 标签 */
.pc_news_detail .article-tags {
    background: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.pc_news_detail .tag-label {
    font-size: 14px;
    color: #999;
}

.pc_news_detail .tag-item {
    display: inline-block;
    padding: 6px 15px;
    background: #f5f5f5;
    color: #666;
    border-radius: 20px;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pc_news_detail .tag-item:hover {
    background-color: #045afe;
    color: #fff;
}

/* 上一篇、下一篇 */
.pc_news_detail .article-nav {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.pc_news_detail .nav-link {
    flex: 1;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pc_news_detail .nav-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.pc_news_detail .nav-label {
    font-size: 12px;
    color: #999;
}

.pc_news_detail .nav-title {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

/* 相似文章 */
.pc_news_detail .related-articles {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

.pc_news_detail .related-articles h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #667eea;
}

.pc_news_detail .related-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pc_news_detail .related-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

.pc_news_detail .related-list li:last-child {
    border-bottom: none;
}

.pc_news_detail .related-list a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
    flex: 1;
}

.pc_news_detail .related-list a:hover {
    color: #667eea;
}

.pc_news_detail .related-list span {
    color: #999;
    font-size: 12px;
}

/* 右侧内容 */
.pc_news_detail .detail-right {
    width: 300px;
    flex-shrink: 0;
}

/* 热门文章 */
.pc_news_detail .hot-articles {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.pc_news_detail .hot-articles h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #667eea;
}

.pc_news_detail .hot-articles-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pc_news_detail .hot-articles-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.pc_news_detail .hot-articles-list li:last-child {
    border-bottom: none;
}

.pc_news_detail .hot-articles-list .hot-rank {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #045afe;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    flex-shrink: 0;
}

.pc_news_detail .hot-articles-list li:nth-child(1) .hot-rank {
    background: linear-gradient(135deg, #ff6b6b 0%, #ff8787 100%);
}

.pc_news_detail .hot-articles-list li:nth-child(2) .hot-rank {
    background: linear-gradient(135deg, #ffa502 0%, #ffcb02 100%);
}

.pc_news_detail .hot-articles-list li:nth-child(3) .hot-rank {
    background: linear-gradient(135deg, #ffd93d 0%, #ffe980 100%);
}

.pc_news_detail .hot-articles-list a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc_news_detail .hot-articles-list a:hover {
    color: #667eea;
}