/* 入狱成功弹窗样式 */
        /* 入狱确认弹窗 - 全屏黑色遮罩 */
        .imprisonment-fullscreen-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: 10000;
            display: none;
            background: #fff;
        }

        .imprisonment-fullscreen-modal.show {
            display: block;
        }

        /* 全黑遮罩层 - 带圆形镂空（响应式，1.44倍放大：1.2*1.2） */
        .imprisonment-mask {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle clamp(288px, 33.7vw, 648px) at center, transparent 0%, transparent clamp(288px, 33.7vw, 648px), #000 clamp(288px, 33.7vw, 648px), #000 100%);
            z-index: 1;
            animation: maskExpand 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        @keyframes maskExpand {
            0% {
                background: radial-gradient(circle 0px at center, transparent 0%, transparent 0px, #000 0px, #000 100%);
            }
            100% {
                background: radial-gradient(circle clamp(288px, 33.7vw, 648px) at center, transparent 0%, transparent clamp(288px, 33.7vw, 648px), #000 clamp(288px, 33.7vw, 648px), #000 100%);
            }
        }

        /* 内容区域 - 宽度与圆圈直径一致（响应式，1.44倍放大：1.2*1.2） */
        .imprisonment-content {
            position: absolute;
            top: 0; /* 桌面端从顶部开始，通过flexbox居中 */
            left: 50%;
            transform: translateX(-50%); /* 只做水平居中 */
            width: clamp(576px, 67.4vw, 1296px); /* 圆圈直径的2倍：clamp(288px*2, 33.7vw*2, 648px*2) */
            height: 100vh; /* 全屏高度 */
            z-index: 2;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center; /* 桌面端通过flexbox垂直居中 */
            padding-top: clamp(30px, 3vh, 60px); /* 减小padding避免内容被挤下去 */
            padding-bottom: clamp(30px, 3vh, 60px); /* 减小padding避免内容被挤下去 */
        }

        /* 顶部编号 */
        .imprisonment-number {
            font-family: 'Knewave', sans-serif;
            font-size: clamp(48px, 6.25vw, 60px); /* 最小字号48px */
            color: #000;
            margin-bottom: 0; /* 去掉下边距 */
            text-shadow: none;
        }

        /* 猫咪展示区域（包含背景和按钮） */
        .imprisonment-cat-section {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            margin-bottom: 0; /* 减少与罪名区域的间距 */
            transform: translateY(-10px); /* 上移50px：40-50=-10 */
        }

        /* photograph.svg 背景 */
        .imprisonment-photo-bg {
            position: relative;
            width: 111%; /* 1000/900≈111%，相对于content宽度，保持原始设计 */
            aspect-ratio: 1000 / 480; /* 保持宽高比 */
            background: url('../../images/image/photograph.svg') center center no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: visible; /* 确保按钮可以显示在外部 */
        }

        /* 猫咪头像 */
        .imprisonment-cat-avatar {
            width: clamp(360px, 40vw, 480px); /* 1200px时40vw=480px，往下缩放到360px */
            height: clamp(360px, 40vw, 480px);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0; /* 防止被压缩 */
        }

        .imprisonment-cat-avatar svg {
            width: 100%;
            height: 100%;
        }

        /* 换一换按钮（在photograph-bg内） */
        .imprisonment-change-btn {
            position: absolute;
            right: 18.4%; /* 桌面端：184/1000=18.4%，相对于photograph-bg */
            top: calc(50% - 32%); /* 上移20%：原-12% 再-20% = -32% */
            width: 93px; /* 素材原始宽度 */
            height: 80px; /* 素材原始高度 */
            background: url('../../images/icon/Change.svg') center center no-repeat;
            background-size: contain;
            border: none;
            cursor: pointer;
            padding: 0;
            z-index: 10;
            transition: transform 0.2s;
        }

        .imprisonment-change-btn:hover {
            transform: scale(1.15); /* 放大15% */
        }

        /* 🎲 emoji - 绑定到换一换按钮，跟随按钮等比缩放 */
        .dice-emoji {
            position: absolute; /* 相对于换一换按钮 */
            top: 22.5%; /* 18/80=22.5%，相对位置固定 */
            right: 19.35%; /* 18/93≈19.35%，相对位置固定 */
            font-size: 40px; /* 桌面端固定40px */
            line-height: 1;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none; /* 不拦截点击 */
            z-index: 1; /* 相对于按钮内部 */
        }

        /* 罪名展示区 */
        .imprisonment-crime-section {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            margin-bottom: 2%; /* 减少与底部按钮的间距 */
        }

        /* 罪名显示（titlebg背景） */
        .crime-display {
            background: url('../../images/popup/titlebg.svg') center center no-repeat;
            background-size: contain;
            width: 550px; /* 素材原始宽度 */
            height: 78px; /* 素材原始高度 */
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding-left: 16px;
        }

        .crime-text {
            font-size: 40px; /* 保持原始字号 */
            color: #fff;
            white-space: nowrap;
        }

        /* 刑期印章（seal.svg背景，倾斜5度，叠放在titlebg上右对齐） */
        .sentence-seal {
            position: absolute;
            right: calc((100% - 550px) / 2); /* 保持居中对齐，相对于content */
            top: 50%;
            transform: translateY(-50%) rotate(5deg);
            background: url('../../images/image/seal.svg') center center no-repeat;
            background-size: contain;
            width: 262px; /* 素材原始宽度 */
            height: 94px; /* 素材原始高度 */
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .sentence-text {
            font-size: 40px; /* 保持原始字号 */
            color: #FF0000;
            font-weight: bold;
            white-space: nowrap;
        }

        /* 底部按钮组 */
        .imprisonment-buttons {
            display: flex;
            gap: 2.22%; /* 20/900≈2.22% */
            justify-content: center;
            width: 100%;
        }

        .imprisonment-action-btn {
            background: url('../../images/button/button_s_w.svg') center center no-repeat;
            background-size: 100% 100%;
            border: none;
            padding: 1.78% 4.44%; /* 16/900≈1.78%, 40/900≈4.44% */
            font-size: 32px; /* 保持原始字号 */
            font-weight: bold;
            color: #000;
            cursor: pointer;
            transition: transform 0.2s ease;
            min-width: 150px; /* 保持原始宽度 */
        }

        .imprisonment-action-btn:hover {
            transform: scale(1.15); /* 放大15% */
        }

        .imprisonment-action-btn:active {
            opacity: 0.6;
        }

        /* 申诉弹窗样式 */
        .appeal-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .appeal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
        }

        .appeal-content {
            position: relative;
            width: 581px;
            aspect-ratio: 581 / 414; /* 保持letter.svg宽高比 */
            background: url('../../images/popup/letter.svg') center center no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 30px; /* 统一安全间距30px */
            box-sizing: border-box;
        }

        .appeal-close-btn {
            position: absolute;
            top: calc(4% + 6px); /* 相对于letter.svg高度的百分比，下移6px */
            right: 4%; /* 相对于letter.svg宽度的百分比 */
            width: 24px; /* 与邮箱弹窗统一 */
            height: 24px;
            background: url('../../images/icon/close_white.svg') center center no-repeat;
            background-size: 100% 100%;
            border: none;
            cursor: pointer;
            transition: opacity 0.2s ease;
            padding: 0;
        }

        .appeal-close-btn:hover {
            transform: scale(1.15); /* 放大15% */
        }
        
        .appeal-close-btn:active {
            opacity: 0.8;
        }

        .appeal-text {
            color: #fff;
            text-align: left; /* 左对齐 */
            width: 100%;
            max-height: 100%;
            overflow-y: auto;
            padding: 0; /* 去掉所有间距 */
        }

        .appeal-line1 {
            font-family: 'Knewave', sans-serif; /* 数字和英文使用Knewave */
            font-size: 40px; /* 桌面端原始字号 */
            margin-bottom: 20px; /* 缩小间距到20px */
        }

        .appeal-line2 {
            font-family: 'Knewave', sans-serif; /* 统一使用Knewave */
            font-size: 30px; /* 桌面端原始字号 */
            margin-bottom: 20px; /* 缩小间距到20px */
            line-height: 1.4;
        }

        .appeal-line3 {
            font-family: 'Knewave', sans-serif; /* 统一使用Knewave */
            font-size: 24px; /* 桌面端原始字号 */
            line-height: 1.4;
            color: rgba(255, 255, 255, 0.4); /* 40%白色 */
        }
        
        /* 他人卡片弹窗 */
        .prisoner-detail-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 200;
        }
        
        .prisoner-detail-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 1;
        }
        
        .prisoner-detail-content {
            position: relative;
            width: clamp(291px, 30.31vw, 582px); /* 582/1920=30.31% */
            height: clamp(407px, 42.4vw, 814px); /* 814/1920=42.4% - 使用素材真实高度 */
            background: url('../../images/popup/popup_L.svg') center center no-repeat;
            background-size: 100% 100%;
            z-index: 2;
            padding: 0;
            padding-top: clamp(12px, 1.25vw, 24px); /* 顶部padding 24px，给header留出空间 */
            padding-bottom: clamp(15px, 1.56vw, 30px); /* 底部安全距离30px，30/1920=1.56% */
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        /* 关闭按钮容器 - 距离弹窗顶部24px */
        .prisoner-detail-header {
            position: absolute;
            top: clamp(12px, 1.25vw, 24px); /* 24/1920=1.25% */
            left: 0;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        
        /* 罪名标题背景 */
        .prisoner-detail-crime-bg {
            background: url('../../images/popup/titlebg.svg') center center no-repeat;
            background-size: contain;
            width: clamp(275px, 28.65vw, 550px); /* 550/1920=28.65% */
            height: clamp(39px, 4.06vw, 78px); /* 78/1920=4.06% */
            display: flex;
            align-items: center;
            padding-left: clamp(11px, 1.15vw, 22px); /* 22/1920=1.15% */
            box-sizing: border-box;
        }
        
        .prisoner-detail-crime-text {
            font-size: clamp(20px, 2.08vw, 40px); /* 40/1920=2.08% */
            font-weight: bold;
            color: #fff;
        }
        
        /* 关闭按钮 - 左移12px (22+12=34px，取36px) */
        .prisoner-detail-close {
            position: absolute;
            right: clamp(18px, 1.875vw, 36px); /* 36/1920=1.875% */
            top: 50%;
            transform: translateY(-50%);
            width: clamp(16px, 1.67vw, 32px); /* 32/1920=1.67% */
            height: clamp(16px, 1.67vw, 32px); /* 32/1920=1.67% */
            background: url('../../images/icon/close_white.svg') center center no-repeat;
            background-size: 100% 100%;
            border: none;
            cursor: pointer;
            padding: 0;
            transition: opacity 0.2s ease;
        }
        
        .prisoner-detail-close:active {
            opacity: 0.6;
        }
        
        /* 房间背景展示区域（absolute定位，响应式top值保持相对位置固定） */
        .modal-room-background {
            position: absolute;
            /* 🚀 关键修复：top也要响应式，才能跟随padding等比例缩放
               top = header_top + header_height - 间距 - 重叠区域
               = clamp(12px, 1.25vw, 24px) + clamp(39px, 4.06vw, 78px) - 4px - 6px
               = clamp(41px, 5.31vw - 0.31vw, 92px)
               ≈ clamp(41px, 5vw, 92px) */
            top: clamp(41px, 5vw, 92px);
            left: 50%;
            transform: translateX(-50%);
            width: clamp(270px, 28.125vw, 540px); /* 540/1920=28.125% */
            height: clamp(152px, 15.82vw, 304px); /* 304/1920=15.82% (保持16:9) */
            /* 🚀 统一规则：cover填满容器，居中显示画布中心区域 */
            background-size: cover; /* 填满容器，保持画布宽高比，裁剪超出部分 */
            background-position: center center; /* 完全居中，显示画布中心 */
            background-repeat: no-repeat;
            display: none; /* 默认隐藏 */
            z-index: -1; /* 🚀 负值确保始终在标题背景下方 */
            overflow: hidden;
        }
        
        /* SVG容器内部元素样式 - 桌面端和移动端统一 */
        .modal-room-background svg {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover; /* 填满容器，保持画布宽高比 */
            object-position: center center; /* 完全居中，显示画布中心 */
        }
        
        /* 猫咪头像容器（包含刑期图章 - 仅用于用户卡片弹窗） */
        .modal-avatar-wrapper {
            position: relative;
            width: clamp(120px, 12.5vw, 240px); /* 240/1920=12.5% */
            height: clamp(120px, 12.5vw, 240px); /* 240/1920=12.5% */
            margin-top: clamp(61px, 6.35vw, 122px); /* 保持原有的间距，24+78+20=122, 122/1920=6.35% */
            z-index: 2; /* 在背景之上 */
        }
        
        /* 猫咪头像 - wrapper内的头像 */
        .modal-avatar-wrapper .prisoner-detail-avatar {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 0; /* 重置margin，由wrapper控制 */
        }
        
        /* 猫咪头像 - 他人卡片弹窗（无wrapper） */
        .prisoner-detail-content > .prisoner-detail-avatar {
            width: clamp(120px, 12.5vw, 240px); /* 240/1920=12.5% */
            height: clamp(120px, 12.5vw, 240px); /* 240/1920=12.5% */
            margin-top: clamp(61px, 6.35vw, 122px); /* 24+78+20=122, 122/1920=6.35% */
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            z-index: 2; /* 在背景之上 */
        }
        
        /* 刑期图章（贴着弹窗右侧，间距10px，猫咪右下角位置） - 缩小80% */
        .modal-sentence-seal {
            position: absolute;
            right: clamp(5px, 0.52vw, 10px); /* 距离弹窗右边缘10px，10/1920=0.52% */
            /* bottom计算：原323px + 上移60px = 383px */
            /* 383/1920=19.95% */
            bottom: clamp(222px, 19.95vw, 383px); /* 上移60px */
            transform: rotate(-5deg); /* 相反的倾斜角度 */
            background: url('../../images/image/seal.svg') center center no-repeat;
            background-size: contain;
            /* 缩小80%：262 * 0.8 = 209.6px, 94 * 0.8 = 75.2px */
            width: clamp(104.8px, 10.92vw, 209.6px); /* 原262px * 0.8 = 209.6px */
            height: clamp(37.6px, 3.92vw, 75.2px); /* 原94px * 0.8 = 75.2px */
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            z-index: 10;
        }
        
        .modal-seal-text {
            font-size: clamp(16px, 1.66vw, 32px); /* 原40px * 0.8 = 32px */
            color: #FF0000;
            font-weight: bold;
            white-space: nowrap;
        }
        
        .prisoner-detail-avatar svg {
            width: 100%;
            height: 100%;
        }
        
        /* 编号 */
        .prisoner-detail-number {
            font-family: 'Knewave', sans-serif;
            font-size: clamp(24px, 2.5vw, 48px); /* 48/1920=2.5% */
            color: #000;
            margin-top: 0; /* 去掉编号与猫咪之间的间距 */
            position: relative;
            z-index: 2; /* 在背景之上 */
        }
        
        /* 最新宣言区域 */
        .prisoner-detail-statement {
            margin-top: clamp(8px, 0.83vw, 16px); /* 减少宣言与编号间距：16/1920=0.83% */
            width: clamp(250px, 26.04vw, 500px); /* 500/1920=26.04% */
            height: auto;
            position: relative;
            z-index: 2; /* 在背景之上 */
        }
        
        .prisoner-detail-statement-title {
            font-size: clamp(16px, 1.67vw, 32px); /* 32/1920=1.67% */
            font-weight: bold;
            color: #000;
            margin-bottom: clamp(6px, 0.625vw, 12px); /* 12/1920=0.625% */
        }
        
        .prisoner-detail-statement-content {
            font-size: clamp(12px, 1.25vw, 24px); /* 24/1920=1.25% */
            color: #000;
            max-height: clamp(66px, 6.875vw, 132px); /* 132/1920=6.875% */
            min-height: clamp(66px, 6.875vw, 132px); /* 132/1920=6.875% */
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            line-height: clamp(16.5px, 1.72vw, 33px); /* 33/1920=1.72% */
        }
        
        /* 操作按钮 */
        .prisoner-detail-buttons {
            margin-top: clamp(15px, 1.56vw, 30px); /* 减少button与宣言间距：30/1920=1.56% */
            display: flex;
            gap: clamp(10px, 1.04vw, 20px); /* 20/1920=1.04% */
            position: relative;
            z-index: 2; /* 在背景之上 */
        }
        
        .prisoner-detail-btn {
            width: clamp(82px, 8.54vw, 164px); /* 使用素材原始宽度164px，164/1920=8.54% */
            height: clamp(33.5px, 3.49vw, 67px); /* 使用素材原始高度67px，67/1920=3.49% */
            background: url('../../images/button/button_s.svg') center center no-repeat;
            background-size: 100% 100%;
            border: none;
            cursor: pointer;
            font-family: 'Knewave', sans-serif;
            font-size: clamp(16px, 1.67vw, 32px); /* 32/1920=1.67% */
            font-weight: bold;
            color: #000;
            transition: opacity 0.2s ease;
        }
        
        .prisoner-detail-btn:active {
            opacity: 0.6;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            /* 移动端圆形镂空往上移，避免被底部工具栏遮挡 */
            .imprisonment-mask {
                background: radial-gradient(circle clamp(288px, 33.7vw, 648px) at 50% 35%, transparent 0%, transparent clamp(288px, 33.7vw, 648px), #000 clamp(288px, 33.7vw, 648px), #000 100%);
            }
            
            @keyframes maskExpand {
                0% {
                    background: radial-gradient(circle 0px at 50% 35%, transparent 0%, transparent 0px, #000 0px, #000 100%);
                }
                100% {
                    background: radial-gradient(circle clamp(288px, 33.7vw, 648px) at 50% 35%, transparent 0%, transparent clamp(288px, 33.7vw, 648px), #000 clamp(288px, 33.7vw, 648px), #000 100%);
                }
            }
            
            /* 移动端内容区域与圆形镂空位置一致 */
            .imprisonment-content {
                top: 35%; /* 与圆形镂空位置一致，避免移动端工具栏遮挡 */
                transform: translate(-50%, -50%); /* 移动端使用绝对定位居中 */
                height: auto; /* 移动端改为自动高度 */
                max-height: 85vh; /* 限制最大高度 */
                justify-content: flex-start; /* 移动端内容从顶部开始 */
                padding-top: clamp(20px, 3vh, 40px);
                padding-bottom: clamp(20px, 3vh, 40px);
            }

            .imprisonment-number {
                font-size: clamp(32px, 8vw, 60px);
            }

            .crime-display {
                width: clamp(330px, 68vw, 550px); /* 移动端等比缩小，最小60% */
                height: clamp(47px, 9.8vw, 78px);
            }

            .sentence-seal {
                width: clamp(157px, 32.5vw, 262px); /* 移动端等比缩小，最小60% */
                height: clamp(56px, 11.7vw, 94px);
                right: calc((100% - clamp(330px, 68vw, 550px)) / 2); /* 根据titlebg缩放后的宽度居中 */
            }

            .crime-text,
            .sentence-text {
                font-size: clamp(24px, 6vw, 40px);
            }

            .imprisonment-action-btn {
                font-size: clamp(20px, 5vw, 32px);
                min-width: 120px;
            }

            /* 移动端photograph-bg保持111%不变 */

            /* 移动端猫咪头像300px */
            .imprisonment-cat-avatar {
                width: 300px; /* 移动端固定300px */
                height: 300px; /* 移动端固定300px */
            }

            /* 移动端按钮位置调整 */
            .imprisonment-change-btn {
                right: 25%; /* 移动端：相对photograph-bg，大幅往内移动以显示在屏幕内 */
                top: calc(50% - 32%); /* 往上移20%：原-12% 再-20% = -32% */
                width: clamp(56px, 12vw, 93px); /* 保持93:80比例，最小60% */
                height: clamp(48px, 10.3vw, 80px);
            }

            /* 🎲移动端等比缩小 */
            .dice-emoji {
                font-size: clamp(24px, 6vw, 40px); /* 移动端跟随缩放 */
                width: clamp(24px, 6vw, 40px);
                height: clamp(24px, 6vw, 40px);
            }
        }

        /* 申诉弹窗移动端适配 */
        @media (max-width: 768px) {
            .appeal-content {
                width: min(360px, 85vw);
                max-height: 85vh; /* 限制最大高度 */
            }

            .appeal-close-btn {
                width: 3.4%; /* 相对于容器宽度 */
                height: auto;
                aspect-ratio: 1;
                min-width: 16px;
                min-height: 16px;
            }

            .appeal-line1 {
                font-size: clamp(16px, 4vw, 40px); /* 移动端缩小：40→16 (40%) */
            }

            .appeal-line2 {
                font-size: clamp(14px, 3.5vw, 30px); /* 移动端缩小：30→14 (47%) */
            }

            .appeal-line3 {
                font-size: clamp(14px, 3.5vw, 24px); /* 移动端正文缩小到14 */
            }
        }