/* ======================================================
   Mobile.css
   Part 1
   全站基础框架（首页模板）
====================================================== */

@media screen and (max-width:768px) {

    html,
    body {
        width: 100%;
        overflow-x: hidden;
        font-size: 16px;
    }

    * {
        box-sizing: border-box;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    /* ======================
       全局容器
    ====================== */

    .main-container,
    .page-box {
        width: 100%;
        min-width: 0;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* ======================
       Header
    ====================== */

    .top-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        height: auto;
    }

    .logo {
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 0;
    }

    .logo-title {
        font-size: 18px;
        font-weight: bold;
    }

    .domain {

        margin-left: 20px;

        font-size: 16px;

    }

    .home-link {
        margin: 0;
    }

    .home-link a {
        display: inline-block;
        padding: 8px 16px;
        background: #5b6378;
        border-radius: 8px;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
    }

    /* ======================
       在线客服
    ====================== */

    .customer {
        margin: 25px 15px;
    }

    .customer button {
        width: 100%;
        padding: 15px;
        font-size: 18px;
    }

    /* ======================
       首页导航菜单
    ====================== */

    .menu {
        width: 100%;
        padding: 0 12px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .menu a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-height: 44px;
        padding: 8px 5px;
        font-size: 15px;
        line-height: 1.3;
        text-align: center;
        border-radius: 8px;
    }

    /* ======================
       首页栏目
    ====================== */

    .section {
        width: 100%;
        margin: 40px auto;
        padding: 0 15px;
    }

    .section h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }

    /* ======================
       游戏按钮
    ====================== */

    .games {
        gap: 12px;
        justify-content: center;
    }

    .game {
        width: 48%;
        height: 50px;
        font-size: 16px;
    }

    /* ======================
       Footer
    ====================== */

    .footer {
        margin: 40px auto;
        padding: 0 15px;
        font-size: 15px;
        line-height: 32px;
    }

    /* ======================
       公共标题
    ====================== */

    .page-title,
    .platform-title,
    .register-title {
        width: 100%;
        font-size: 28px;
        padding: 15px;
        margin: 25px auto;
        text-align: center;
    }

    /* ======================
       面包屑
    ====================== */

    .breadcrumb,
    .current-path {
        width: 100%;
        padding: 0 15px;
        margin: 20px auto;
        font-size: 15px;
        line-height: 26px;
        word-break: break-all;
    }

    /* ======================
       公共正文
    ====================== */

    .page-text,
    .text-content,
    .intro-content {
        width: 100%;
        padding: 0 15px;
        margin: 25px auto;
    }

    .page-text p,
    .text-content p,
    .intro-content p {
        font-size: 16px;
        line-height: 1.9;
    }

    /* ======================
       公共按钮
    ====================== */

    .btn,
    .platform-btn,
    .register-btn {
        width: 100%;
        min-height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 17px;
    }

    /* ======================
       图片
    ====================== */

    .image-box,
    .demo-image {
        width: 100%;
        margin: 25px auto;
    }

    .image-box img,
    .demo-image img {
        width: 100%;
    }

    /* ======================
       卡片
    ====================== */

    .card {
        padding: 18px;
    }

}

/* ======================================================
   Mobile.css
   Part 2
   开户注册页面
====================================================== */

@media screen and (max-width:768px) {

    /* ======================
   页面标题
====================== */

    .register-title {

        width: 100%;

        margin: 25px 0;

        padding: 15px;

        background: #35394a;

        text-align: center;

        font-size: 28px;

        font-weight: bold;

    }

    /* ======================
   注册内容
====================== */

    .register-content {

        width: 100%;

        padding: 0 15px;

        margin: 30px 0;

        text-align: center;

    }

    .register-content p {

        font-size: 17px;

        line-height: 2;

        margin-bottom: 25px;

    }

    /* ======================
   注册按钮
====================== */

    .register-content a {

        display: block;

        width: 100%;

        padding: 16px 10px;

        background: #ff4b42;

        color: #fff;

        border-radius: 10px;

        font-size: 18px;

        font-weight: bold;

        text-align: center;

    }

    /* ======================
   Footer
====================== */

    .footer {

        margin: 45px 0;

        padding: 0 15px;

        text-align: center;

    }

    .footer p {

        font-size: 15px;

        line-height: 2;

    }

}

/* ======================================================
   Mobile.css
   Part 3
   玩家返量页面
====================================================== */

@media screen and (max-width:768px) {

    /* ======================
       页面标题
    ====================== */

    .rebate-title {

        width: 100%;

        margin: 25px 0;

        padding: 15px;

        background: #353b4b;

        text-align: center;

        font-size: 28px;

        font-weight: bold;

    }

    /* ======================
       内容区域
    ====================== */

    .rebate-content {

        width: 100%;

        padding: 0 15px;

        margin: 30px auto;

    }

    .rebate-content h3 {

        font-size: 22px;

        margin: 30px 0 15px;

        color: #f4d58b;

    }

    .rebate-content p {

        font-size: 17px;

        line-height: 2;

        margin-bottom: 15px;

        word-break: break-word;

    }

}

/* ======================================================
   Mobile.css
   Part 4
   代理合作页面
====================================================== */

@media screen and (max-width:768px) {

    /* ======================
       代理合作内容
    ====================== */

    .agent-content {

        width: 100%;

        padding: 0 15px;

        margin: 30px auto;

    }

    .agent-content h3 {

        font-size: 24px;

        color: #f5d27d;

        margin: 30px 0 15px;

        line-height: 1.6;

    }

    .agent-content p {

        font-size: 17px;

        line-height: 2;

        margin-bottom: 15px;

        word-break: break-word;

    }

    .agent-content ul {

        padding-left: 22px;

        margin: 15px 0;

    }

    .agent-content li {

        font-size: 17px;

        line-height: 2;

        margin-bottom: 10px;

    }

}

/* ======================================================
   Mobile.css
   Part 5
   备用网址页面
====================================================== */

@media screen and (max-width:768px) {

    /* ======================
       备用网址内容
    ====================== */

    .backup-content {

        width: 100%;

        padding: 0 15px;

        margin: 30px auto;

    }

    .backup-content h3 {

        font-size: 24px;

        color: #f5d27d;

        margin: 30px 0 15px;

        line-height: 1.6;

    }

    .backup-content p {

        font-size: 17px;

        line-height: 2;

        margin-bottom: 15px;

        word-break: break-word;

    }

    .backup-content a {

        display: block;

        width: 100%;

        margin: 12px 0;

        padding: 15px;

        background: #475166;

        border-radius: 8px;

        text-align: center;

        font-size: 17px;

        color: #ffffff;

        word-break: break-all;

    }

    .backup-content a:hover {

        background: #5b6883;

    }

}

/* ======================================================
   Mobile.css
   Part 6
   欧博登录网址页面
====================================================== */

@media screen and (max-width:768px) {

    /* 六个按钮 */

    .platform-buttons {

        width: 100% !important;

        display: grid !important;

        grid-template-columns: repeat(2, 1fr) !important;

        gap: 12px !important;

        margin: 25px 0 !important;

    }

    .platform-btn {

        width: 100% !important;

        height: 56px !important;

        display: flex !important;

        justify-content: center;

        align-items: center;

        background: #4b5368;

        color: #fff;

        text-decoration: none;

        border-radius: 8px;

        font-size: 18px;

    }

    /* 说明 */

    .notice-box {

        width: 100%;

        margin: 30px auto;

        text-align: center;

    }

    .notice-box p {

        color: #f5d27d;

        font-size: 16px;

        line-height: 1.8;

        margin-bottom: 10px;

    }

    /* ===========================
   欧博网址区域
=========================== */

    .url-section {

        width: 100%;

        margin: 35px auto;

        display: block;

    }

    .url-column {

        width: 100%;

        margin-bottom: 35px;

    }

    .url-column h3 {

        text-align: center;

        font-size: 24px;

        color: #f5d27d;

        margin: 0 0 20px;

        font-weight: bold;

    }

    .url-group {

        width: 100%;

        margin-bottom: 25px;

    }

    .url-group-title {

        width: 100%;

        height: 46px;

        display: flex;

        justify-content: center;

        align-items: center;

        background: #5b6674;

        border-radius: 8px;

        color: #ffffff;

        font-size: 18px;

        font-weight: bold;

        margin-bottom: 12px;

    }

    .url-box {

        display: flex;

        justify-content: center;

        align-items: center;

        width: 100%;

        height: 44px;

        margin-bottom: 10px;

        background: #5b6674;

        border-radius: 8px;

        color: #f5d27d;

        text-decoration: none;

        font-size: 16px;

        font-weight: bold;

        transition: .25s;

    }

    .url-box:hover {

        background: #738396;

    }

    .more-list {

        display: none;

    }

    .more-btn {

        width: 100%;

        height: 44px;

        margin-top: 10px;

        border: none;

        border-radius: 8px;

        background: #5b6674;

        color: #ffffff;

        font-size: 16px;

        cursor: pointer;

    }

    .more-btn:hover {

        background: #738396;

    }

}

/* ======================================================
   Mobile.css
   Part 7
   亚星登录网址（YX）
====================================================== */

@media screen and (max-width:768px) {

    /* ===========================
       亚星网址区域
    =========================== */

    .yx-page .url-section {

        width: 100%;

        margin: 35px auto;

        display: block;

    }

    .yx-page .url-column {

        width: 100%;

        margin-bottom: 35px;

    }

    .yx-page .url-column h3 {

        text-align: center;

        font-size: 24px;

        color: #f5d27d;

        margin: 0 0 20px;

        font-weight: bold;

    }

    .yx-page .url-group {

        width: 100%;

        margin-bottom: 25px;

    }

    .yx-page .url-group-title {

        width: 100%;

        height: 46px;

        display: flex;

        justify-content: center;

        align-items: center;

        background: #5b6674;

        border-radius: 8px;

        color: #ffffff;

        font-size: 18px;

        font-weight: bold;

        margin-bottom: 12px;

    }

    .yx-page .url-box {

        display: flex;

        justify-content: center;

        align-items: center;

        width: 100%;

        height: 44px;

        margin-bottom: 10px;

        background: #5b6674;

        border-radius: 8px;

        color: #f5d27d;

        text-decoration: none;

        font-size: 16px;

        font-weight: bold;

        transition: .25s;

    }

    .yx-page .url-box:hover {

        background: #738396;

    }

    .yx-page .more-list {

        display: none;

    }

    .yx-page .more-btn {

        width: 100%;

        height: 44px;

        margin-top: 10px;

        border: none;

        border-radius: 8px;

        background: #5b6674;

        color: #ffffff;

        font-size: 16px;

        cursor: pointer;

    }

    .yx-page .more-btn:hover {

        background: #738396;

    }

}

/* ======================================================
   Mobile.css
   Part 8
   亚星APP下载
====================================================== */

@media screen and (max-width:768px) {

    /* APP整体 */

    .yx-page .app-content {

        width: 100%;

        padding: 0 15px;

        margin: 30px auto;

        box-sizing: border-box;

    }

    /* 每个模块 */

    .yx-page .app-section {

        margin-bottom: 45px;

    }

    /* 标题 */

    .yx-page .app-section h3 {

        font-size: 24px;

        color: #f5d27d;

        line-height: 1.6;

        margin-bottom: 18px;

    }

    /* 正文 */

    .yx-page .app-section p {

        font-size: 17px;

        color: #d8d8d8;

        line-height: 2;

        margin-bottom: 18px;

        text-align: left;

    }

    /* 下载按钮 */

    .yx-page .app-link {

        display: flex;

        justify-content: center;

        align-items: center;

        width: 100%;

        height: 48px;

        margin: 20px 0;

        background: #5b6674;

        border-radius: 8px;

        color: #ffffff;

        text-decoration: none;

        font-size: 18px;

        font-weight: bold;

        transition: .25s;

    }

    .yx-page .app-link:hover {

        background: #738396;

    }

    /* 图片 */

    .yx-page .app-section img {

        width: 100%;

        display: block;

        margin: 20px auto 10px;

        border-radius: 8px;

    }

    /* PC图片 */

    .yx-page .pc-img {

        width: 100%;

    }

    /* 图片说明 */

    .yx-page .image-title {

        text-align: center !important;

        font-size: 15px !important;

        color: #bfbfbf !important;

        margin-bottom: 30px !important;

    }

}

/* ======================================================
   Mobile.css
   Part 9
   亚星平台客服
====================================================== */

@media screen and (max-width:768px) {

    /* ===========================
       客服页面整体
    =========================== */

    .yx-page .service-section {

        width: 100%;

        padding: 0 15px;

        margin: 35px auto;

        box-sizing: border-box;

    }

    /* 标题 */

    .yx-page .service-section h2 {

        font-size: 24px;

        color: #f5d27d;

        text-align: center;

        line-height: 1.6;

        margin-bottom: 22px;

        font-weight: bold;

    }

    /* 说明文字 */

    .yx-page .service-text {

        font-size: 17px;

        color: #d8d8d8;

        line-height: 2;

        text-align: left;

        margin-bottom: 30px;

    }

    /* 按钮区域 */

    .yx-page .service-button {

        width: 100%;

        margin: 25px 0 40px;

    }

    /* 联系客服按钮 */

    .yx-page .service-btn {

        display: flex;

        justify-content: center;

        align-items: center;

        width: 100%;

        height: 50px;

        background: #e64545;

        color: #ffffff;

        border-radius: 8px;

        text-decoration: none;

        font-size: 18px;

        font-weight: bold;

        transition: .25s;

    }

    .yx-page .service-btn:hover {

        background: #ff5757;

    }

    /* 服务列表 */

    .yx-page .service-list {

        margin: 0;

        padding: 0;

        list-style: none;

    }

    .yx-page .service-list li {

        margin-bottom: 12px;

        padding: 14px 16px;

        background: #5b6674;

        border-radius: 8px;

        color: #ffffff;

        font-size: 17px;

        line-height: 1.8;

    }

}

/* ======================================================
   Mobile.css
   Part 10
   亚星参观账号（YX）
====================================================== */

@media screen and (max-width:768px) {

    /* ======================
       整体区域
    ====================== */

    .yx-page .visit-content {

        width: 100%;

        margin: 35px auto;

        padding: 0 15px;

        box-sizing: border-box;

    }

    /* ======================
       提示
    ====================== */

    .yx-page .visit-tip {

        width: 100%;

        margin-bottom: 30px;

    }

    .yx-page .visit-tip p {

        font-size: 16px;

        line-height: 1.9;

        color: #d8d8d8;

        margin-bottom: 8px;

    }

    /* ======================
       两栏改一栏
    ====================== */

    .yx-page .visit-wrapper {

        width: 100%;

        max-width: 100%;

        display: block;

        margin: 0;

        padding: 0;

        transform: none;

        justify-content: normal;

        align-items: normal;

        gap: 0;

    }

    /* ======================
       玩家、代理模块
    ====================== */

    .yx-page .visit-card {

        width: 100%;

        margin: 0 auto 35px;

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    /* 标题 */

    .yx-page .visit-card h2 {

        text-align: center;

        font-size: 24px;

        color: #f5d27d;

        margin: 0 0 20px;

        font-weight: bold;

    }

    /* ======================
       每组账号
    ====================== */

    .yx-page .visit-item {

        width: 82%;

        max-width: 320px;

        margin-bottom: 12px;

        padding: 10px 16px;

        background: #5b6674;

        border-radius: 8px;

        box-sizing: border-box;

    }

    /* ======================
       账号/密码
    ====================== */

    .yx-page .visit-line {

        display: flex;

        align-items: center;

        line-height: 30px;

        font-size: 16px;

        color: #ffffff;

    }

    .yx-page .label {

        width: 58px;

        color: #f5d27d;

        font-weight: bold;

        flex-shrink: 0;

    }

}

/* ======================================================
   Mobile.css
   Part 11
   亚星平台介绍（YX）
====================================================== */

@media screen and (max-width:768px) {

    /* 整个介绍区域 */

    .yx-page .intro-content {

        width: 100%;

        margin: 35px auto;

        padding: 0 15px;

        box-sizing: border-box;

    }

    /* 每个介绍模块 */

    .yx-page .intro-section {

        margin-bottom: 35px;

    }

    /* 标题 */

    .yx-page .intro-section h2 {

        text-align: center;

        font-size: 24px;

        color: #f5d27d;

        margin-bottom: 18px;

        font-weight: bold;

    }

    /* 段落 */

    .yx-page .intro-section p {

        color: #ffffff;

        font-size: 16px;

        line-height: 2;

        margin-bottom: 15px;

        text-align: left;

    }

    /* 图片 */

    .yx-page .intro-section img {

        display: block;

        width: 100%;

        max-width: 340px;

        margin: 20px auto;

        border-radius: 8px;

    }

    /* 图片说明 */

    .yx-page .image-title {

        text-align: center;

        color: #cccccc;

        font-size: 14px;

        margin-top: 8px;

        margin-bottom: 20px;

    }

    /* 返回按钮（如果有） */

    .yx-page .intro-link {

        display: block;

        width: 220px;

        height: 44px;

        line-height: 44px;

        margin: 25px auto;

        text-align: center;

        background: #5b6674;

        border-radius: 8px;

        color: #ffffff;

        text-decoration: none;

        font-size: 16px;

        font-weight: bold;

    }

    .yx-page .intro-link:hover {

        background: #738396;

    }

}

/* ======================================================
   Mobile.css
   Part 12
   亚星平台图片（YX）
====================================================== */

@media screen and (max-width:768px) {

    /* 整个图片区域 */

    .yx-page .yx-gallery {

        width: 100%;

        margin: 35px auto;

        padding: 0 15px;

        box-sizing: border-box;

    }

    /* 每一组 */

    .yx-page .gallery-section {

        width: 100%;

        margin-bottom: 35px;

    }

    /* 标题 */

    .yx-page .gallery-title {

        text-align: center;

        font-size: 24px;

        color: #f5d27d;

        margin-bottom: 20px;

    }

    /* 电脑版flex全部覆盖 */

    .yx-page .gallery-row {

        width: 100%;

        display: block;

        margin: 0;

        padding: 0;

        transform: none;

        justify-content: normal;

        align-items: normal;

        gap: 0;

    }

    /* 图片卡片 */

    .yx-page .gallery-card {

        width: 88%;

        max-width: 320px;

        margin: 0 auto 28px;

        text-align: center;

    }

    /* 图片 */

    .yx-page .gallery-card img {

        width: 100%;

        max-width: 100%;

        height: auto;

        display: block;

        margin: 0 auto;

    }

    /* 标题 */

    .yx-page .gallery-card h3 {

        font-size: 20px;

        color: #f5d27d;

        margin: 15px 0 8px;

    }

    /* 说明 */

    .yx-page .gallery-card p {

        font-size: 15px;

        color: #dddddd;

        line-height: 1.8;

        text-align: center;

        margin: 0;

    }

}

/* ======================================================
   Mobile.css
   Part 20
   PC28 游戏介绍
====================================================== */

@media screen and (max-width:768px) {

    /* ======================
       整体内容
    ====================== */

    .pc28-page .article-box {

        width: 100%;

        margin: 35px auto;

        padding: 0 15px;

        box-sizing: border-box;

    }

    /* ======================
       标题
    ====================== */

    .pc28-page .article-box h2 {

        font-size: 24px;

        text-align: center;

        color: #f5d27d;

        margin: 30px 0 18px;

        font-weight: bold;

        line-height: 1.5;

    }

    /* ======================
       正文
    ====================== */

    .pc28-page .article-box p {

        font-size: 16px;

        line-height: 2;

        color: #ffffff;

        text-align: left;

        margin-bottom: 15px;

    }

    /* ======================
       开奖流程
    ====================== */

    .pc28-page .flow-box {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        margin: 30px auto;

    }

    .pc28-page .flow-item {

        width: 88%;

        max-width: 320px;

        padding: 14px 18px;

        background: #5b6674;

        border-radius: 8px;

        text-align: center;

        color: #ffffff;

        font-size: 16px;

        line-height: 1.8;

        box-sizing: border-box;

    }

    .pc28-page .flow-item.result {

        background: #c79a35;

        color: #ffffff;

        font-weight: bold;

    }

    .pc28-page .flow-arrow {

        font-size: 28px;

        color: #f5d27d;

        margin: 10px 0;

    }

    /* ======================
       计算规则
    ====================== */

    .pc28-page .rule-card {

        width: 100%;

        margin: 30px auto;

    }

    .pc28-page .rule-row {

        width: 100%;

        margin-bottom: 18px;

        padding: 15px;

        background: #5b6674;

        border-radius: 8px;

        box-sizing: border-box;

    }

    .pc28-page .rule-title {

        font-size: 18px;

        color: #f5d27d;

        font-weight: bold;

        margin-bottom: 10px;

    }

    .pc28-page .rule-content {

        font-size: 15px;

        line-height: 1.9;

        color: #ffffff;

    }

    /* ======================
       实际案例
    ====================== */

    .pc28-page .example-box {

        width: 100%;

        margin: 30px auto;

    }

    .pc28-page .example-title {

        font-size: 18px;

        color: #f5d27d;

        text-align: center;

        margin-bottom: 18px;

        line-height: 1.8;

    }

    .pc28-page .number-list {

        width: 100%;

        overflow-x: auto;

        white-space: pre-wrap;

        background: #5b6674;

        border-radius: 8px;

        padding: 15px;

        box-sizing: border-box;

        color: #ffffff;

        line-height: 2;

        font-size: 15px;

        margin-bottom: 20px;

    }

    .pc28-page .step-box {

        background: #5b6674;

        border-radius: 8px;

        padding: 15px;

        margin-bottom: 15px;

    }

    .pc28-page .step-box p {

        margin-bottom: 8px;

    }

    .pc28-page .yellow {

        color: #ffd966;

        font-weight: bold;

    }

    .pc28-page .result-box {

        margin-top: 20px;

        padding: 16px;

        background: #c79a35;

        border-radius: 8px;

        text-align: center;

        color: #ffffff;

        font-size: 18px;

        font-weight: bold;

        line-height: 1.8;

    }

    .pc28-page .result-box span {

        display: block;

        margin-top: 8px;

        font-size: 24px;

        color: #ffffff;

    }

}

/* ======================================================
   PC28 手机菜单
====================================================== */

@media screen and (max-width:768px) {

    .pc28-page .page-menu {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 12px;

        width: 100%;

        margin: 25px auto;

    }

    .pc28-page .page-menu a {

        width: 100%;

        height: 46px;

        line-height: 46px;

        text-align: center;

        font-size: 17px;

        border-radius: 8px;

        box-sizing: border-box;

    }

}

/* ======================
   PC28号码排列
====================== */

@media screen and (max-width:768px) {

    .pc28-page .number-list {

        display: grid;

        grid-template-columns: repeat(5, 1fr);

        gap: 12px 8px;

        max-width: 260px;

        margin: 22px auto;

        text-align: center;

    }

    .pc28-page .number-list span {

        display: block;

        font-size: 22px;

        font-weight: bold;

        color: #ffffff;

        line-height: 1.2;

    }

}

/* ======================================================
   Mobile.css
   Part XX
   PC28 - 玩法赔率（Odds）
====================================================== */

@media screen and (max-width:768px) {

    /* =========================================
   页面整体（仅PC28）
========================================= */

    .pc28-page .article-box {

        width: 100%;

        margin: 25px auto;

        padding: 18px;

        box-sizing: border-box;

    }

    /* =========================================
   四个菜单（2×2）
========================================= */

    .pc28-page .page-menu {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 12px;

        margin: 25px 0 30px;

    }

    .pc28-page .page-menu a {

        width: 100%;

        height: 48px;

        line-height: 48px;

        text-align: center;

        font-size: 17px;

        border-radius: 8px;

        box-sizing: border-box;

    }

    /* 当前页面高亮 */

    .pc28-page .page-menu a.active {

        background: #e5c357;

        color: #222;

        font-weight: bold;

    }

    /* =========================================
   所有H2标题
========================================= */

    .pc28-page .article-box h2 {

        text-align: center;

        font-size: 28px;

        color: #f5d27d;

        margin: 30px 0 20px;

    }

    /* =========================================
   第一部分：玩法速览
========================================= */

    .pc28-page .quick-play {

        display: flex;

        justify-content: center;

        gap: 8px;

        margin-bottom: 25px;

    }

    .pc28-page .quick-card {

        width: 30%;

        padding: 12px 6px;

        min-height: 110px;

        border-radius: 8px;

    }

    .pc28-page .quick-card h3 {

        font-size: 16px;

        line-height: 1.4;

        margin-bottom: 8px;

    }

    .pc28-page .quick-card .stars {

        font-size: 14px;

        margin: 8px 0;

    }

    .pc28-page .quick-card p {

        font-size: 13px;

    }

    /* =========================================
   第二部分开始（所有玩法）
========================================= */

    .pc28-page .play-box {

        display: flex;

        flex-wrap: wrap;

        gap: 10px;

        margin-bottom: 30px;

    }

    .pc28-page .play-item {

        width: calc(50% - 5px);

        padding: 15px;

        border-radius: 10px;

        min-height: auto;

        box-sizing: border-box;

    }

    .pc28-page .play-item h3 {

        font-size: 18px;

        margin-bottom: 12px;

    }

    .pc28-page .play-item p {

        font-size: 14px;

        line-height: 1.7;

        margin-bottom: 8px;

    }

    /* =========================================
   新手建议
========================================= */

    .pc28-page .tips-box {

        padding: 18px;

    }

    .pc28-page .tips-box p {

        font-size: 14px;

        line-height: 1.8;

        margin-bottom: 8px;

    }

    /* =========================================
   对照表
========================================= */

    .pc28-page .odds-table {

        width: 100%;

        font-size: 13px;

    }

    .pc28-page .odds-table th {

        font-size: 13px;

        padding: 8px;

    }

    .pc28-page .odds-table td {

        padding: 8px;

        font-size: 13px;

    }

    /* =========================================
   所有段落
========================================= */

    .pc28-page p {

        word-break: break-word;

    }

    /* =========================================
   防止内容撑出手机屏幕
========================================= */

    .pc28-page * {

        max-width: 100%;

        box-sizing: border-box;

    }

}

/* ======================================================
   Mobile.css
   Part 25
   PC28 数据分析（Analysis）
====================================================== */

@media screen and (max-width:768px) {

    /* ======================
       数据区域
    ====================== */

    .pc28-page .analysis-summary {

        width: 100%;

        display: flex;

        flex-direction: column;

        gap: 18px;

        margin: 25px auto;

    }

    /* ======================
       每张统计卡片
    ====================== */

    .pc28-page .analysis-card {

        width: 100%;

        margin: 0 auto;

        padding: 16px;

        box-sizing: border-box;

        border-radius: 8px;

    }

    /* ======================
       卡片标题
    ====================== */

    .pc28-page .analysis-card h3 {

        text-align: center;

        font-size: 22px;

        color: #f5d27d;

        margin-bottom: 18px;

    }

    /* ======================
       每一行数据
    ====================== */

    .pc28-page .stat-item {

        display: flex;

        justify-content: space-between;

        align-items: flex-start;

        gap: 8px;

        padding: 6px 0;

        font-size: 14px;

        line-height: 1.8;

    }

    /* 左边 */

    .pc28-page .stat-item span {

        flex: 0 0 72px;

        color: #f5d27d;

        font-weight: bold;

    }

    /* 右边 */

    .pc28-page .stat-item strong {

        flex: 1;

        text-align: right;

        font-size: 14px;

        font-weight: normal;

        word-break: break-word;

    }

    /* ======================
       热门号码
    ====================== */

    .pc28-page .analysis-card:nth-child(3) .stat-item {

        font-size: 15px;

    }

    /* ======================
       趋势条
    ====================== */

    .pc28-page .trend-bar {

        height: 8px;

        margin: 8px 0 14px;

        border-radius: 4px;

    }

    .pc28-page .trend-fill {

        border-radius: 4px;

    }

    /* ======================
       趋势说明
    ====================== */

    .pc28-page .trend-tip {

        margin-top: 16px;

        font-size: 14px;

        line-height: 1.8;

    }

    /* ======================
       底部间距
    ====================== */

    .pc28-page .analysis-card:last-child {

        margin-bottom: 20px;

    }

}

/* ======================================================
   Mobile.css
   Part 26
   PC28 开户注册（Register）
====================================================== */

@media screen and (max-width:768px) {

    /* 页面内容 */

    .pc28-page .register-box {

        width: 100%;

        padding: 20px 15px;

        box-sizing: border-box;

        text-align: center;

    }

    /* 标题 */

    .pc28-page .register-box h2 {

        font-size: 28px;

        color: #f5d27d;

        margin-bottom: 20px;

    }

    /* 提示文字 */

    .pc28-page .register-box p {

        font-size: 15px;

        line-height: 1.9;

        margin-bottom: 12px;

    }

    /* 手机端 开户按钮 */
    .pc28-page .register-btn {

        width: 80%;
        max-width: 260px;
        height: 50px;

        display: flex;
        justify-content: center;
        align-items: center;

        font-size: 18px;
        font-weight: 700;
        line-height: 1.2;

        text-align: center;

        margin: 25px auto;

        padding: 0 12px;

        white-space: nowrap;

        box-sizing: border-box;

    }

    /* 说明区域 */

    .pc28-page .register-info {

        width: 100%;

        margin-top: 20px;

    }

    .pc28-page .register-info p {

        font-size: 15px;

        line-height: 2;

        margin-bottom: 10px;

    }

}