/* ========================================= */
           /* ▼▼▼ 赛博黑市拍卖行 2.0 (UI 重构) ▼▼▼ */
           /* ========================================= */

           /* 1. 全屏背景：深邃的网格背景 */
           #auction-screen {
               background-color: #050505 !important;
               background-image:
                   linear-gradient(rgba(0, 255, 255, 0.03) 1px, transparent 1px),
                   linear-gradient(90deg, rgba(0, 255, 255, 0.03) 1px, transparent 1px);
               background-size: 30px 30px;
               color: #e0e0e0;
               font-family: 'Courier New', Courier, monospace;
               /* 终端字体感 */
           }

           /* 2. 头部：霓虹边框 */
           #auction-screen .header {
               background-color: rgba(20, 20, 20, 0.9) !important;
               border-bottom: 1px solid #333;
               box-shadow: 0 0 15px rgba(0, 255, 242, 0.1);
           }

           #auction-screen .header span {
               color: #00f3ff !important;
               text-shadow: 0 0 5px rgba(0, 243, 255, 0.5);
               font-weight: 800;
               letter-spacing: 1px;
           }

           /* 3. 拍品展示区：全息投影感 */
           #auction-main-display {
               height: auto !important;
               flex-grow: 1;
               display: flex;
               flex-direction: column;
               justify-content: center;
               background: radial-gradient(circle at center, #1a1a2e 0%, #000000 80%);
           }

           #auction-item-image-container {
               border: 2px solid #00f3ff !important;
               box-shadow: 0 0 20px rgba(0, 243, 255, 0.2), inset 0 0 20px rgba(0, 243, 255, 0.1) !important;
               border-radius: 4px !important;
               /* 硬朗的角 */
               position: relative;
           }

           /* 扫描线动画 */
           #auction-item-image-container::after {
               content: '';
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               background: linear-gradient(to bottom, transparent 50%, rgba(0, 255, 255, 0.1) 51%, transparent 52%);
               background-size: 100% 10px;
               animation: scanline 5s linear infinite;
               pointer-events: none;
           }

           @keyframes scanline {
               0% {
                   background-position: 0 0;
               }

               100% {
                   background-position: 0 100%;
               }
           }

           #auction-item-name {
               font-family: -apple-system, sans-serif;
               font-weight: 900;
               font-size: 24px !important;
               color: #fff !important;
               text-shadow: 2px 2px 0px #ff0055;
               /* 故障风阴影 */
               margin-top: 15px !important;
           }

           #auction-item-desc {
               color: #00f3ff !important;
               opacity: 0.8;
               border: 1px dashed #00f3ff;
               padding: 8px;
               background: rgba(0, 243, 255, 0.05);
               margin-top: 10px !important;
               max-width: 90%;
           }

           /* 4. 竞价面板：控制台风格 */
           #auction-screen>div:last-child {
               /* 指向底部的白色面板 */
               background-color: #111 !important;
               border-top: 2px solid #ff0055;
               /* 撞色边框 */
               border-radius: 0 !important;
               /* 方正 */
               box-shadow: 0 -5px 30px rgba(255, 0, 85, 0.15) !important;
           }

           /* 当前价格大字 */
           #auction-current-price {
               color: #ff0055 !important;
               text-shadow: 0 0 10px rgba(255, 0, 85, 0.5);
               font-family: 'DIN Alternate', sans-serif;
               /* 数字字体 */
           }

           /* 倒计时 */
           #auction-timer {
               color: #f0ad4e !important;
               /* 警告黄 */
               font-family: monospace;
           }

           /* 5. 滚动日志：终端数据流 */
           #auction-log {
               background: #000;
               border: 1px solid #333;
               font-family: monospace;
               padding: 5px;
               margin-bottom: 15px;
           }

           #auction-log div {
               border-bottom: none !important;
               padding: 2px 5px !important;
               font-size: 12px;
           }

           #auction-log .bid-me {
               color: #00ff00 !important;
               text-shadow: 0 0 5px #00ff00;
           }

           /* 我出价绿色高亮 */
           #auction-log .bid-friend {
               color: #00f3ff !important;
           }

           #auction-log .bid-npc {
               color: #666 !important;
           }

           /* 6. 按钮组：机械感 */
           #auction-controls {
               gap: 8px !important;
           }

           #auction-controls button {
               border-radius: 2px !important;
               /* 方形按钮 */
               text-transform: uppercase;
               font-weight: 800 !important;
               letter-spacing: 1px;
               transition: all 0.1s;
           }

           /* 加价按钮 */
           #auction-controls .form-button-secondary {
               background: #222 !important;
               border: 1px solid #444 !important;
               color: #ccc !important;
           }

           #auction-controls .form-button-secondary:active {
               background: #fff !important;
               color: #000 !important;
           }

           /* 核心出价按钮 */
           #auction-controls .form-button {
               background: #ff0055 !important;
               /* 霓虹红 */
               color: #fff !important;
               box-shadow: 0 0 15px rgba(255, 0, 85, 0.4);
               border: none !important;
           }

           #auction-controls .form-button:active {
               transform: scale(0.95);
               box-shadow: 0 0 5px rgba(255, 0, 85, 0.8);
           }

           #auction-log .bid-friend {
               color: #ff00ff !important;
               /* 亮粉色 */
               font-weight: 900 !important;
               font-size: 14px !important;
               border-left: 3px solid #ff00ff;
               /* 左侧加个粉条 */
               padding-left: 8px !important;
               background: rgba(255, 0, 255, 0.1);
               /* 微弱背景 */
               text-shadow: 0 0 5px #ff00ff;
               /* 霓虹光晕 */
           }

           /* 1. 头部：不再根据手机刘海自动变高，强制固定 */
           .alipay-header-area {
               /* 核心：直接写死数字，不使用 env() 变量 */
               padding-top: 25px !important;

               /* 保持下方留白给卡片上浮 */
               padding-bottom: 50px !important;

               /* 清除所有负边距干扰，回归标准位置 */
               margin-top: 0 !important;
           }

           /* 2. 导航栏：微调位置，确保文字垂直居中 */
           .alipay-nav {
               /* 不需要负边距了，因为头部 padding 已经固定 */
               transform: none !important;
               padding-top: 5px !important;
           }

           /* 3. 卡片容器：标准的上浮距离 */
           .alipay-card-container {
               /* 让卡片往上盖住蓝色背景 40px */
               margin-top: -40px !important;
               position: relative;
               z-index: 5;
               padding-bottom: 20px !important; /* 给底部留出空间 */
           }

           /* 4. 账单列表：根据你的喜好，紧贴亲属卡 */
           .alipay-bill-container {
               /* 这里保留你之前喜欢的紧凑感，取消负边距防止遮挡亲属卡 */
               margin-top: 10px !important;

               /* 核心：去掉手机底部的安全区留白，强制统一 */
               padding-bottom: 20px !important;
               margin-bottom: 0 !important;
               border-radius: 16px 16px 0 0 !important;
           }

           /* 5. 修正亲属卡的高度防止被压扁 */
           #alipay-kinship-section {
               margin-bottom: 20px !important; /* 增加底部间距 */
               padding-bottom: 10px !important;
               min-height: 120px !important; /* 确保最小高度 */
           }

           /* 1. 强制背景透明，去掉阴影 */
           .icon-bg-desktop.transparent-mode {
               background-color: transparent !important;
               box-shadow: none !important;
               border: none !important;
           }

           /* 2. 让内部图片撑满，并不强制圆角（保持PNG原形） */
           .icon-bg-desktop.transparent-mode img {
               width: 100% !important;
               height: 100% !important;
               border-radius: 0 !important;
               /* 不切圆角，保持图片原样 */
               object-fit: contain !important;
               /* 保持比例，不拉伸 */
               transform: scale(1.1);
               /*稍微放大一点点视觉补偿，因为没有背景框了 */
           }

           /* --- 页面布局调整 --- */

           /* 1. 定义右侧列的堆叠方式 (垂直排列) */
           .right-column-stack {
               display: flex;
               flex-direction: column;
               gap: 15px;
               /* 上下组件的间距 */
               min-width: 0;
               /* 防止被挤压 */
           }

           /* --- 黑胶唱片机组件样式 --- */

           /* 2. 组件卡片外框 */
           .vinyl-widget-card {
               width: 155px !important;
               /* 强制固定宽度，和左侧大组件一致 */
               height: 155px !important;
               /* 强制固定高度，保持正方形 */
               background-color: white;
               border-radius: 20px;
               padding: 15px;
               box-sizing: border-box;
               display: flex;
               flex-direction: column;
               position: relative;
               box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
               flex-shrink: 0;
               /* 防止被挤压 */
           }

           /* 3. 顶部开关装饰 */
           .vinyl-header {
               height: 20px;
               display: flex;
               align-items: center;
           }

           .vinyl-switch {
               width: 46px;
               height: 20px;
               position: relative;
           }

           .switch-track {
               background-color: #f0f0f0;
               border-radius: 10px;
               width: 100%;
               height: 100%;
               font-size: 10px;
               color: #ccc;
               display: flex;
               align-items: center;
               justify-content: flex-end;
               padding-right: 6px;
               box-sizing: border-box;
               font-weight: bold;
               box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
           }

           .switch-circle {
               width: 16px;
               height: 16px;
               background-color: white;
               border-radius: 50%;
               position: absolute;
               top: 2px;
               left: 2px;
               box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
           }

           /* 4. 中间部分布局 */
           .vinyl-body {
               flex-grow: 1;
               position: relative;
               display: flex;
               justify-content: center;
               align-items: center;
           }

           /* 5. 黑胶唱片纹理 */
           .vinyl-disc-bg {
               width: 100px;
               /* 唱片大小 */
               height: 100px;
               border-radius: 50%;
               background: repeating-radial-gradient(#111 0,
                       #111 2px,
                       #222 3px,
                       #222 4px);
               box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
               display: flex;
               justify-content: center;
               align-items: center;
               position: relative;
               z-index: 1;
               border: 4px solid #f5f5f5;
               /* 白色外圈 */
           }

           /* 6. 中间可换图片 (圆形封面) */
           .vinyl-cover {
               width: 55px;
               height: 55px;
               border-radius: 50%;
               object-fit: cover;
               border: 2px solid #111;
               cursor: pointer;
               transition: opacity 0.2s;
           }

           .vinyl-cover:active {
               opacity: 0.7;
           }

           /* 7. 唱针装饰 */
           .vinyl-arm-wrapper {
               position: absolute;
               right: -10px;
               top: -10px;
               width: 50px;
               height: 120px;
               z-index: 2;
               pointer-events: none;
               filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.1));
               transform: rotate(0deg);
               /* 可调整角度 */
           }

           /* 8. 底部文字 */
           .vinyl-footer {
               text-align: center;
               font-size: 12px;
               color: #666;
               font-weight: 500;
               margin-top: 5px;
           }

           /* --- 适配暗黑模式 --- */
           #phone-screen.dark-mode .vinyl-widget-card {
               background-color: #2c2c2e;
           }

           #phone-screen.dark-mode .vinyl-disc-bg {
               border-color: #3a3a3c;
           }

           #phone-screen.dark-mode .vinyl-footer {
               color: #aaa;
           }

           #phone-screen.dark-mode .switch-track {
               background-color: #3a3a3c;
               color: #666;
           }


           /* --- 透明黑胶唱片机样式 --- */

           /* 1. 透明容器：去掉白色背景和阴影，只做定位 */
           .vinyl-transparent-widget {
               width: 155px !important;
               /* 保持和其他组件一样大 */
               height: 155px !important;
               position: relative;
               display: flex;
               justify-content: center;
               align-items: center;
               /* 关键：背景透明，无边框，无阴影 */
               background-color: transparent !important;
               border: none !important;
               box-shadow: none !important;
               flex-shrink: 0;
           }

           /* 2. 黑胶唱片纹理 */
           .vinyl-disc-bg {
               width: 135px;
               /* 稍微调大一点 */
               height: 135px;
               border-radius: 50%;
               background: repeating-radial-gradient(#111 0,
                       #111 2px,
                       #222 3px,
                       #222 4px);
               /* 加强阴影，让它有浮起来的感觉 */
               box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
               display: flex;
               justify-content: center;
               align-items: center;
               position: relative;
               z-index: 1;
               border: 3px solid #f5f5f5;
           }

           /* 3. 中间可换图片 */
           .vinyl-cover {
               width: 75px;
               height: 75px;
               border-radius: 50%;
               object-fit: cover;
               border: 2px solid #111;
               cursor: pointer;
               transition: opacity 0.2s;
           }

           .vinyl-cover:active {
               opacity: 0.7;
           }

           /* 4. 唱针装饰 (调整位置以适应无边框) */
           .vinyl-arm-wrapper {
               position: absolute;
               right: 0px;
               top: 0px;
               width: 50px;
               height: 120px;
               z-index: 2;
               pointer-events: none;
               filter: drop-shadow(3px 6px 8px rgba(0, 0, 0, 0.3));
               /* 加强阴影 */
           }

           /* --- 移除原来的暗黑模式适配 (因为现在是透明的了) --- */
           /* 只保留唱片外圈颜色的适配 */
           #phone-screen.dark-mode .vinyl-disc-bg {
               border-color: #3a3a3c;
           }

           .left-column-stack {
               display: flex;
               flex-direction: column;
               gap: 30px;
               /* <--- 把这里的 15px 改大，比如 30px */
           }

           /* --- 1. 右侧列容器布局 --- */
           .right-column-stack {
               display: flex;
               flex-direction: column;
               gap: 30px;
               /* 上下间距 */
               min-width: 0;

               /* 【关键】让内部元素靠右对齐 (贴近屏幕右侧) */
               /* 如果您喜欢靠左贴着中间缝隙，改成 flex-start */
               align-items: flex-end;
           }

           /* --- 2. 右侧 4个APP 的网格布局 --- */
           .app-subgrid {
               display: grid;
               grid-template-columns: repeat(2, 1fr);
               gap: 15px;
               /* 图标间距 */

               /* 【关键】强制固定宽度，与左侧大组件/唱片机一致 */
               width: 155px !important;

               /* 让图标在格子里居中 */
               justify-items: center;
           }

           /* --- 3. 再次确保透明唱片机也是固定大小 --- */
           .vinyl-transparent-widget {
               width: 155px !important;
               height: 155px !important;
               /* ...其他样式保持不变... */
           }

           /* 合成音乐卡片样式 */
           .message-bubble.is-music-synth .content {
               padding: 0 !important;
               background: transparent !important;
           }

           .synth-music-card {
               background: linear-gradient(135deg, #fff1eb 0%, #ace0f9 100%);
               /* 清新的渐变色 */
               border-radius: 12px;
               padding: 12px 15px;
               display: flex;
               align-items: center;
               gap: 12px;
               width: 220px;
               box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
               border: 1px solid rgba(255, 255, 255, 0.5);
           }

           #phone-screen.dark-mode .synth-music-card {
               background: linear-gradient(135deg, #2c3e50 0%, #4ca1af 100%);
               border-color: #444;
           }

           .synth-icon {
               font-size: 24px;
               filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
           }

           .synth-info {
               flex-grow: 1;
               overflow: hidden;
           }

           .synth-title {
               font-weight: 600;
               font-size: 15px;
               color: #333;
               margin-bottom: 2px;
           }

           #phone-screen.dark-mode .synth-title {
               color: #fff;
           }

           .synth-reason {
               font-size: 12px;
               color: #666;
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
           }

           #phone-screen.dark-mode .synth-reason {
               color: #ddd;
           }

           .synth-play-btn {
               width: 36px;
               height: 36px;
               border-radius: 50%;
               border: none;
               background-color: rgba(255, 255, 255, 0.6);
               color: #007bff;
               font-size: 14px;
               display: flex;
               align-items: center;
               justify-content: center;
               cursor: pointer;
               transition: all 0.2s;
               box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
           }

           .synth-play-btn:active {
               transform: scale(0.9);
           }

           .synth-play-btn.playing {
               background-color: #007bff;
               color: white;
               animation: pulse-play 1s infinite;
           }

           @keyframes pulse-play {
               0% {
                   box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
               }

               70% {
                   box-shadow: 0 0 0 6px rgba(0, 123, 255, 0);
               }

               100% {
                   box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
               }
           }

           /* --- 修复黑市头部布局错误 --- */

           /* 1. 解除按钮宽度限制，让文字横向显示 */
           #auction-screen .header .action-btn {
               width: auto !important;
               /* 取消固定30px */
               min-width: 30px;
               padding: 4px 12px !important;
               /* 增加内边距 */
               font-size: 14px !important;
               white-space: nowrap;
               /* 强制不换行 */
           }

           /* 2. 确保右上角按钮组横向排列 */
           #auction-screen .header .header-actions {
               display: flex;
               align-items: center;
               gap: 8px;
               position: relative;
               z-index: 20;
               /* 确保在最上层，可点击 */
           }

           /* 3. 仓库弹窗的样式 */
           .inventory-item {
               display: flex;
               gap: 12px;
               background-color: #252525;
               padding: 12px;
               border-radius: 8px;
               margin-bottom: 12px;
               border: 1px solid #333;
               position: relative;
           }

           .inventory-img {
               width: 70px;
               height: 70px;
               object-fit: cover;
               border-radius: 6px;
               border: 1px solid #444;
               background-color: #000;
           }

           .inventory-info {
               flex: 1;
               display: flex;
               flex-direction: column;
               justify-content: center;
           }

           .inventory-name {
               font-size: 16px;
               font-weight: bold;
               color: #d4af37;
               margin-bottom: 4px;
           }

           .inventory-desc {
               font-size: 12px;
               color: #999;
               display: -webkit-box;
               -webkit-line-clamp: 2;
               -webkit-box-orient: vertical;
               overflow: hidden;
               line-height: 1.4;
           }

           .inventory-price {
               font-size: 12px;
               color: #555;
               margin-top: 4px;
               font-family: monospace;
           }

           .inventory-use-btn {
               position: absolute;
               right: 10px;
               bottom: 10px;
               background: linear-gradient(135deg, #d4af37, #f2d06b);
               color: #000;
               border: none;
               border-radius: 4px;
               padding: 4px 10px;
               font-size: 12px;
               font-weight: bold;
               cursor: pointer;
           }