<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>薪小众 - 中国新一代人力资源科技平台</title>
    <!-- Favicon图标 -->
    <link rel="icon" type="image/png" sizes="32x32" href="assets/logo.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/logo.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/logo.png">
    <link rel="manifest" href="/site.webmanifest">
    <style>
        body {
            min-height: 100vh;
            background-image: url('assets/bj_jinruye.png');
            background-size: cover;
            background-position: center;
            margin: 0 auto;
            padding: 0 10px;
            max-width: 100%;
            overflow-x: hidden;
        }
        .logo {
            position: absolute;
            top: 30px;
            right: 0px;
            display: block;
            width: 690px;
            height: 216px;
            animation: fadeIn 1s ease-in-out;
        }
        @font-face {
    font-family: 'AlibabaPuHuiTiB';
    src: url('assets/fonts/AlibabaPuHuiTiB.woff2') format('woff2'),
         url('assets/fonts/AlibabaPuHuiTiB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'PingFangSC-Regular';
    src: url('assets/fonts/PingFangSC-Regular.woff2') format('woff2'),
         url('assets/fonts/PingFangSC-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */

.title {
    position: absolute;
    left: 200px;
    top: 200px;
    font-family: 'AlibabaPuHuiTiB', sans-serif;
    font-size: 48px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 70px;
    font-weight: 700;
    text-align: left;
    max-width: 90%;
    animation: fadeIn 1.5s ease-in-out;
}
        .content {
    position: absolute;
    left: 200px;
    top: 400px;
    width: 588px;
    height: 125px;
    font-family: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    color: white;
    text-align: justify;
    line-height: 1.6;
    animation: fadeIn 1s ease-in-out;
}
.btn {
    position: absolute;
    left: 200px;
    top: 580px;
    width: 135px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 5px;
    /* 保留其他必要样式 */
}
        .btn-text {
            position: absolute;
            left: 35.5px;
            top: 8.5px;
            width: 64px;
            height: 22px;
            opacity: 1;
            font-family: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
            font-size: 16px;
            color: #F94100;
            letter-spacing: 0;
       }
        @keyframes slideUp {
            from { transform: translateY(30px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
    </style>
</head>
<body>
    <img src="assets/local_3.svg" alt="薪小众logo" class="logo">
    <h1 class="title">薪小众<br>中国新一代人力资源科技平台</h1>
    <div class="content">
        基于自主研发的完税支付结算系统，为全国范围内共享经济平台和自由职业者两端提供众包、结算、报税、开票一站式AI智能完税支付服务，解决新型互联网用工的行业困境，实现企业、自由职业者、涉税问题的互联互通，帮助全国范围内的共享经济业态顺利发展，提高其运营效率，实现个人依法申报纳税，企业合规经营多方共赢目标！
    </div>
    <a href="home.html" class="btn"><span class="btn-text">立即体验</span></a>
</body>
</html>