/* 透明遮罩层 */
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: var(--z-overlay);
            display: none;
        }

        .overlay.active {
            display: block;
        }

        /* 用户卡片弹窗 - 放大到2倍 */
        .user-card-modal {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            border: 3px solid #000;
            padding: 60px;
            max-width: 800px;
            width: 90%;
            z-index: var(--z-modal);
            display: none;
        }

        .user-card-modal.active {
            display: block;
        }

        .modal-close {
            position: absolute;
            top: 10px;
            right: 15px;
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            padding: 5px;
            color: #000;
        }

        .modal-close:hover {
            transform: scale(1.15); /* 放大15% */
        }

        /* 暗色主题下的关闭按钮 - 高优先级 */
        @media (prefers-color-scheme: dark) {
            body:not(.force-light) .modal-close {
                color: #fff !important;
            }
            
            body:not(.force-light) .modal-close:hover {
                transform: scale(1.15); /* 放大15% */
            }
        }

        /* 房间背景展示区域（absolute定位，写死top值保持固定位置） */
        .modal-room-background {
            position: absolute;
            /* top = 标题top(24px) + 标题height(78px) - 间距(4px) = 98px */
            top: 98px;
            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; /* 完全居中，显示画布中心 */
        }
        
        /* 猫咪头像 */
        .prisoner-detail-avatar {
            width: 240px;
            height: 240px;
            margin: 0 auto;
            margin-top: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            z-index: 2; /* 在房间背景上方 */
        }
        
        .prisoner-detail-avatar svg {
            width: 100%;
            height: 100%;
        }
        
        /* 刑期图章 */
        .modal-sentence-seal {
            position: absolute;
            right: 10px; /* 距离弹窗背景右侧10px */
            bottom: 20px; /* 猫咪右下角 */
            transform: rotate(5deg);
            background: url('../../images/image/seal.svg') center center no-repeat;
            background-size: contain;
            width: 131px; /* seal.svg素材宽度262px的50% */
            height: 47px; /* seal.svg素材高度94px的50% */
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none; /* 不影响点击 */
        }
        
        .modal-seal-text {
            font-size: 20px; /* 刑期图章文字大小的50% */
            color: #FF0000;
            font-weight: bold;
            white-space: nowrap;
        }

        .modal-content {
            text-align: center;
        }

        .modal-crime {
            font-size: calc(var(--font-size-md) * 2);
            margin-bottom: 30px;
            font-style: italic;
            font-weight: bold;
        }

        .modal-sentence {
            font-size: calc(var(--font-size-sm) * 2);
            margin-bottom: 30px;
            padding: 16px 24px;
            border: 4px solid #000;
            display: inline-block;
        }

        .modal-confession {
            font-size: calc(var(--font-size-sm) * 2);
            line-height: 1.6;
            margin-bottom: 40px;
            text-align: left;
            border-left: 6px solid #000;
            padding-left: 30px;
        }

        .enter-room-btn {
            background: #000;
            color: #fff;
            border: none;
            padding: 24px 48px;
            font-size: calc(var(--font-size-md) * 2);
            cursor: pointer;
            font-family: 'Courier New', monospace;
            transition: all 0.2s ease;
        }

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

        /* 暗色主题下的用户卡片弹窗 */
        @media (prefers-color-scheme: dark) {
            body:not(.force-light) .user-card-modal {
                background: #1a1a1a;
                border-color: #fff;
                color: #fff;
            }
            
            body:not(.force-light) .modal-close {
                color: #fff;
            }
            
            body:not(.force-light) .modal-close:hover {
                transform: scale(1.15); /* 放大15% */
            }
            
            body:not(.force-light) .modal-sentence {
                border-color: #fff;
            }
            
            body:not(.force-light) .modal-confession {
                border-left-color: #fff;
            }
            
            body:not(.force-light) .enter-room-btn {
                background: #fff;
                color: #000;
            }
            
            body:not(.force-light) .enter-room-btn:hover {
                transform: scale(1.15); /* 放大15% */
            }
        }

        /* 他人卡片弹窗 */
        .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: 550px 78px;
            width: 550px;
            height: 78px;
            display: flex;
            align-items: center;
            padding-left: 22px;
            box-sizing: border-box;
        }
        
        .prisoner-detail-crime-text {
            font-size: 40px;
            font-weight: bold;
            color: #fff;
        }
        
        /* 关闭按钮 */
        .prisoner-detail-close {
            position: absolute;
            right: 22px;
            top: 50%;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            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;
        }
        
        /* 猫咪头像 */
        .prisoner-detail-avatar {
            width: 240px;
            height: 240px;
            margin-top: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .prisoner-detail-avatar svg {
            width: 100%;
            height: 100%;
        }
        
        /* 编号 */
        .prisoner-detail-number {
            font-family: 'Knewave', sans-serif;
            font-size: 48px;
            color: #000;
            margin-top: 20px;
        }
        
        /* 最新宣言区域 */
        .prisoner-detail-statement {
            margin-top: 30px;
            width: 500px;
            height: auto; /* 固定容器高度 */
        }
        
        .prisoner-detail-statement-title {
            font-size: 32px;
            font-weight: bold;
            color: #000;
            margin-bottom: 12px;
        }
        
        .prisoner-detail-statement-content {
            font-size: 24px;
            color: #000;
            max-height: 132px; /* 固定最大高度 */
            min-height: 132px; /* 最小高度也是132，保证固定 */
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            line-height: 33px;
        }
        
        /* 操作按钮 - 距离宣言内容固定60px */
        .prisoner-detail-buttons {
            margin-top: 60px; /* 距离132高度的宣言内容下方60px */
            display: flex;
            gap: 20px;
        }
        
        .prisoner-detail-btn {
            width: 200px;
            height: 60px;
            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: 32px;
            font-weight: bold;
            color: #000;
            transition: opacity 0.2s ease;
        }
        
        .prisoner-detail-btn:active {
            opacity: 0.6;
        }