/* 遮罩蒙版 */
      #mask{     display: none;}
  .modal-mask {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;

            background-color: rgba(0,0,0,0.6);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
.youc{
    float: left;
    padding: 10px;
}
  .youc img{width: 30px;}
      /* 弹窗外层 */
        .welcome-modal {
            background: linear-gradient(180deg,#114087,#235ebd);
            border-radius: 16px;
            width: 100%;
            max-width: 820px;
            padding: 32px;
            position: relative;
        }

        /* 关闭按钮：仅移动端显示 */
        .modal-close {
            display: none;
            position: absolute;
            top:12px;
            right:12px;
            width:42px;
            height:42px;
            border-radius:50%;
            background:#fff;
            border:none;
            font-size:24px;
            color:#336;
            cursor:pointer;
            z-index:2;
        }

        .modal-title {
            text-align:center;
            color:#ffffff;
            margin-bottom:5px;
        }
        .modal-title h1 {
            font-size:30px;
            font-weight:bold;
            margin-bottom:8px;
        }
        .modal-title p {
            font-size:15px;
            opacity:0.9;
        }

        .content-wrap {
            background:#ffffff;
            border-radius:12px;
            padding:24px;
        }

        /* 顶部指引卡片 */
        .top-card {
            border-left:6px solid #ffb400;
            background:#f4f8ff;
            border-radius:8px;
            padding:16px;
            display:flex;
            gap:14px;
            margin-bottom:22px;
        }
        .top-card .logo-box {
            flex-shrink:0;
            width:64px;
            height:64px;
            /* padding-top: 15px; */
        }
        .top-card .text h3 {
            font-size:18px;
            color:#111;
            margin-bottom:6px;
        }
        .top-card .text p {
            font-size:14px;
            color:#555;
            line-height:1.6;
        }

        /* 步骤区域 */
        .steps-container {
            position:relative;
            padding-left:54px;
            margin-bottom:24px;
        }
        /* 左侧竖线 */
        .steps-container::before {
            content:"";
            position:absolute;
            left:18px;
            top:12px;
            bottom:12px;
            width:2px;
            background:#d6e3f8;
        }

        .step-item {
            position:relative;
            background:#f4f8ff;
            border-radius:10px;
            padding:14px 10px;
            margin-bottom:14px;
        }
        .step-num {
            position:absolute;
            left: -54px;
            top:14px;
            width:36px;
            height:36px;
            background:#ff8800;
            color:#fff;
            font-weight:bold;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:16px;
        }
        .step-item h4 {
            font-size:17px;
            color: #13438d;
            margin-bottom:6px;
        }
        .step-item p {
            font-size:14px;
            color:#444;
            line-height:1.55;
        }

        /* 简介模块 */
        .intro-box {
            background:#f4f8ff;
            border-radius:10px;
            padding:16px;
        }
        .intro-title {
            display:inline-block;
            background:#1968e5;
            color:#fff;
            font-size:15px;
            padding:6px 14px;
            border-radius:8px;
            margin-bottom:10px;
        }
        .intro-text {
            font-size:14px;
            color:#333;
            line-height:1.7;
        }

        /* PC底部按钮 */
        .pc-footer-btn-wrap {
            text-align:center;
            margin-top:24px;
        }
        .pc-btn {
            background: #2e7ce7;
            color:#fff;
            border:none;
            padding:12px 42px;
            border-radius:24px;
            font-size:16px;
            cursor:pointer;
        }

        /* ========== 移动端媒体查询 ========== */
        @media screen and (max-width:768px) {
.modal-mask{padding:0px;}
.top-card .logo-box{/* display: none; */padding-top: 20px;}
.top-card{    margin-bottom: 10px;}
.youc {
    float: left;
    padding: 10px;
    display: none;
}
.step-num{left: -47px;}
            .welcome-modal {
                padding:20px 16px 24px;
                border-radius:12px;
            }
            .modal-close {
                display:flex;
                align-items:center;
                justify-content:center;
            }
            .modal-title h1 {
                font-size:26px;
            }
            .content-wrap {
                padding:5px;
            }
          
            .steps-container {
                padding-left:48px;
            }
            .step-item {
                padding:5px 14px;
            }
            /* PC按钮移动端隐藏 */
            .pc-footer-btn-wrap {
                display:none;
            }
.intro-box{padding: 10px;}
        }
         /* 弹窗容器 响应式 */
         .modal-wrap {
            width: 100%;
            max-width: 480px;
            background: #ffffff;
            border-radius: 16px;
            overflow: hidden;
            position: relative;
        }

        /* 关闭按钮 */
        .modal-close {
            position: absolute;
            top:12px;
            right:12px;
            width:36px;
            height:36px;
            background:#ffffff;
            border-radius:50%;
            border:none;
            font-size:22px;
            color:#333;
            cursor:pointer;
            display:flex;
            align-items:center;
            justify-content:center;
            box-shadow:0 2px 8px rgba(0,0,0,0.12);
        }

        /* 弹窗头部蓝色 */
        .modal-header {
            background: linear-gradient(180deg,#2278e8,#63a4f8);
            padding:28px 20px 22px;
            color:white;
        }
        .modal-header h1 {
            font-size:32px;
            font-weight:bold;
            line-height:1.2;
        }
        .modal-header p {
            text-align:right;
            font-size:14px;
            opacity:0.92;
            margin-top:6px;
        }

        /* 弹窗内容区 */
        .modal-body {
            padding:18px 16px 24px;
            background:#eef5ff;
        }

        .card-block {
            background:#fff;
            border-radius:12px;
            padding:16px;
            margin-bottom:14px;
            box-shadow:0 1px 4px rgba(0,0,0,0.06);
        }
        .card-title-top {
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:8px;
        }
        .card-title-top h2 {
            font-size:18px;
            color:#111;
        }
        .card-desc {
            font-size:14px;
            color:#555;
            line-height:1.6;
        }

        /* 步骤条目 */
        

        /* 简介模块 */
        .intro-block {
            background:#fff;
            border-radius:12px;
            padding:16px;
            box-shadow:0 1px 4px rgba(0,0,0,0.06);
        }
        .intro-title {
            background:#2278e8;
            color:#fff;
            display:inline-block;
            padding:6px 12px;
            border-radius:8px;
            font-size:15px;
            margin-bottom:10px;
        }
        .intro-text {
            font-size:14px;
            color:#333;
            line-height:1.7;
        }