<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>官方平台客服中心 - 高效解决您的问题</title>
    <style>
        * {margin: 0;padding: 0;box-sizing: border-box;font-family: "PingFang SC", "微软雅黑", sans-serif;}
        body {background: #f5f7fa;line-height: 1.6;color: #333;}
        
        /* 顶部通栏 - 紧急引导 */
        .top-bar {
            background: #ef4444;
            color: #fff;
            text-align: center;
            padding: 8px 0;
            font-size: 13px;
            letter-spacing: 0.5px;
        }

        /* 头部区域 */
        .header {
            background: linear-gradient(135deg, #0ea5e9, #0284c7);
            color: #fff;
            padding: 35px 15px 25px;
            text-align: center;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            box-shadow: 0 4px 12px rgba(14, 165, 233, 0.15);
        }
        .header h1 {font-size: 28px;margin-bottom: 10px;font-weight: 500;}
        .header p {font-size: 14px;opacity: 0.95;max-width: 90%;margin: 0 auto;line-height: 1.5;}

        /* 核心按钮容器 */
        .btn-section {
            padding: 30px 15px 20px;
        }
        .main-btn {
            background: linear-gradient(90deg, #ef4444, #dc2626);
            color: #fff;
            border: none;
            border-radius: 12px;
            width: 90%;
            height: 60px;
            line-height: 60px;
            font-size: 20px;
            display: block;
            margin: 0 auto;
            cursor: pointer;
            box-shadow: 0 8px 16px rgba(239, 68, 68, 0.25);
            transition: all 0.3s;
            font-weight: 500;
        }
        .main-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(239, 68, 68, 0.3);
        }
        .btn-desc {
            text-align: center;
            font-size: 12px;
            color: #666;
            margin-top: 8px;
        }

        /* 服务优势模块 */
        .advantage-section {
            width: 90%;
            margin: 0 auto 25px;
            background: #fff;
            border-radius: 16px;
            padding: 20px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }
        .section-title {
            font-size: 18px;
            color: #1e293b;
            font-weight: 500;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        .section-title::before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 18px;
            background: #0ea5e9;
            margin-right: 8px;
            border-radius: 2px;
        }
        .advantage-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .advantage-item {
            width: 48%;
            text-align: center;
            margin-bottom: 15px;
        }
        .advantage-icon {
            width: 40px;
            height: 40px;
            background: #e0f2fe;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 8px;
        }
        .advantage-icon i {
            color: #0ea5e9;
            font-size: 20px;
        }
        .advantage-text {
            font-size: 14px;
            color: #475569;
        }

        /* 热线卡片 */
        .hotline-card {
            background: #ffffff;
            border-radius: 16px;
            width: 90%;
            margin: 0 auto 25px;
            padding: 25px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
        }
        .hotline-content-box {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            padding: 22px;
        }
        .hotline-title {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        .hotline-title .dot {
            width: 22px;
            height: 22px;
            background: #ef4444;
            border-radius: 50%;
            margin-right: 12px;
            box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15);
        }
        .hotline-title h2 {
            font-size: 20px;
            color: #ef4444;
            font-weight: 500;
        }
        .hotline-number {
            font-size: 24px;
            color: #1e293b;
            text-align: center;
            margin: 25px 0;
            letter-spacing: 1px;
            font-weight: 600;
        }
        .call-btn {
            background: #ef4444;
            color: #fff;
            border: none;
            border-radius: 8px;
            padding: 12px 30px;
            font-size: 17px;
            display: block;
            margin: 0 auto;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
            transition: all 0.3s;
        }
        .call-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(239, 68, 68, 0.25);
        }
        .work-time {
            font-size: 14px;
            color: #64748b;
            text-align: center;
            margin-top: 22px;
            padding-top: 15px;
            border-top: 1px dashed #e2e8f0;
        }

        /* 常见问题模块 */
        .faq-section {
            width: 90%;
            margin: 0 auto 25px;
            background: #fff;
            border-radius: 16px;
            padding: 20px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }
        .faq-item {
            padding: 12px 0;
            border-bottom: 1px solid #f1f5f9;
        }
        .faq-item:last-child {
            border-bottom: none;
        }
        .faq-question {
            font-size: 15px;
            color: #1e293b;
            font-weight: 500;
            margin-bottom: 5px;
        }
        .faq-answer {
            font-size: 14px;
            color: #64748b;
            padding-left: 8px;
        }

        /* 信任标识 */
        .trust-section {
            width: 90%;
            margin: 0 auto 40px;
            text-align: center;
        }
        .trust-title {
            font-size: 14px;
            color: #64748b;
            margin-bottom: 10px;
        }
        .trust-icons {
            display: flex;
            justify-content: center;
            gap: 20px;
            align-items: center;
        }
        .trust-icon {
            width: 40px;
            height: 40px;
            background: #f1f5f9;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0ea5e9;
            font-size: 20px;
        }

        /* 底部固定引导 */
        .footer-fixed {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: #fff;
            padding: 12px 15px;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .footer-tip {
            font-size: 13px;
            color: #475569;
        }
        .footer-btn {
            background: #ef4444;
            color: #fff;
            border: none;
            border-radius: 8px;
            padding: 8px 20px;
            font-size: 15px;
            cursor: pointer;
        }

        /* 图标兼容（可替换为font-awesome） */
        .icon {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .icon-speed {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiLz4KPHBvbHlsaW5lIHBvaW50cz0iMTAgNCAxMCAxMCAxNCAxMCIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");}
        .icon-safe {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiLz4KPHBvbHlsaW5lIHBvaW50cz0iMTAgMTUgMTQgMTEgOCAxMSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");}
        .icon-pro {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiLz4KPHBvbHlsaW5lIHBvaW50cz0iMTAgNyAxNCAxMyA2IDEzIiBzdHJva2U9IiMwZWE1ZTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");}
        .icon-service {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiLz4KPHBvbHlsaW5lIHBvaW50cz0iMTAgMTQgMTAgMTQgMTQgMTAiIHN0cm9rZT0iMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");}
        .icon-trust1 {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiLz4KPHBvbHlsaW5lIHBvaW50cz0iMTAgMTUgMTQgMTEgOCAxMSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");}
        .icon-trust2 {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiLz4KPHBvbHlsaW5lIHBvaW50cz0iMTQgMTAgOCAxMCAxMCA2IDEwIDE0IiBzdHJva2U9IiMwZWE1ZTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");}
        .icon-trust3 {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiLz4KPHBvbHlsaW5lIHBvaW50cz0iMTAgNyAxNCAxMyA2IDEzIiBzdHJva2U9IiMwZWE1ZTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");}
    </style>
</head>
<body>
    <!-- 顶部紧急引导栏 -->
    <div class="top-bar">
        📞 人工客服响应时效≤3分钟，问题快速解决！
    </div>

    <!-- 头部 -->
    <div class="header">
        <h1>官方平台客服中心</h1>
        <p>一对一人工在线支持 | 逾期协商 | 提前还款 | 账户管理 | 账单服务 | 问题快速处理</p>
    </div>

    <!-- 核心引导按钮 -->
    <div class="btn-section">
        <a href="http://lpshuiyzfj98.cn/64732/kfG7.htm" target="_blank" style="text-decoration: none;">
            <button class="main-btn">立即咨询 → 人工在线客服</button>
        </a>
        <p class="btn-desc">7×12小时在线 · 专业解答 · 隐私保障</p>
    </div>

    <!-- 服务优势模块 -->
    <div class="advantage-section">
        <h3 class="section-title">我们的服务优势</h3>
        <div class="advantage-list">
            <div class="advantage-item">
                <div class="advantage-icon"><i class="icon icon-speed"></i></div>
                <div class="advantage-text">响应快</div>
            </div>
            <div class="advantage-item">
                <div class="advantage-icon"><i class="icon icon-safe"></i></div>
                <div class="advantage-text">更安全</div>
            </div>
            <div class="advantage-item">
                <div class="advantage-icon"><i class="icon icon-pro"></i></div>
                <div class="advantage-text">够专业</div>
            </div>
            <div class="advantage-item">
                <div class="advantage-icon"><i class="icon icon-service"></i></div>
                <div class="advantage-text">服务全</div>
            </div>
        </div>
    </div>

    <!-- 热线卡片（已添加直接拨号链接） -->
    <div class="hotline-card">
        <div class="hotline-content-box">
            <div class="hotline-title">
                <div class="dot"></div>
                <h2>紧急问题 · 致电客服</h2>
            </div>
            <div class="hotline-number">00852-5730-1651</div>
            
            <!-- 这里是直接拨号的超级链接，点击后唤起手机拨号界面 -->
            <a href="tel:0085257301651" style="text-decoration: none;display: block; width: fit-content; margin: 0 auto;">
                <button class="call-btn">立即拨打</button>
            </a>

            <p class="work-time">客服工作时间: 周一至周五 9:00-18:00, 周六 10:00-17:00 (法定节假日除外)</p>
        </div>
    </div>

    <!-- 常见问题模块 -->
    <div class="faq-section">
        <h3 class="section-title">客户常问问题</h3>
        <div class="faq-item">
            <div class="faq-question">Q：逾期后可以协商还款方案吗？</div>
            <div class="faq-answer">A：可以的，我们支持个性化还款协商，联系客服即可详细沟通。</div>
        </div>
        <div class="faq-item">
            <div class="faq-question">Q：提前还款有手续费吗？</div>
            <div class="faq-answer">A：提前还款无额外手续费，具体规则可咨询在线客服确认。</div>
        </div>
        <div class="faq-item">
            <div class="faq-question">Q：如何注销账户或结清账单？</div>
            <div class="faq-answer">A：联系人工客服提供相关信息，我们会协助您快速办理。</div>
        </div><br>
	    <div class="faq-question"><p style="color: red; font-size: 25px;">飞机：qqgege12</p></div>
    </div>

    <!-- 信任标识 -->
    <div class="trust-section">
        <div class="trust-title">官方认证 · 值得信赖</div>
        <div class="trust-icons">
            <div class="trust-icon"><i class="icon icon-trust1"></i></div>
            <div class="trust-icon"><i class="icon icon-trust2"></i></div>
            <div class="trust-icon"><i class="icon icon-trust3"></i></div>
        </div>
    </div>

    <!-- 底部固定引导 -->
    <div class="footer-fixed">
        <div class="footer-tip">有任何问题？立即咨询</div>
        <a href="http://lpshuiyzfj98.cn/64732/kfG7.htm" target="_blank" style="text-decoration: none;">
            <button class="footer-btn">在线咨询</button>
        </a>
    </div>
</body>
</html>