* {
			cursor: url('img/shubiao.cur'), auto !important;
			letter-spacing: 0.5px !important;
		}
		*:hover, *:active, *:focus {
			cursor: url('img/shubiao.cur'), auto !important;
		}
        * {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		body {
			
			font-family: 'MySimSun', "SimSun", "宋体", "Microsoft YaHei", "微软雅黑", sans-serif;
			display: flex;
			justify-content: center;
			align-items: flex-start;
			min-height: 100vh;
			user-select: none;
			overflow: hidden;

		}
		#app {
			display: flex;
			width: 600px;
			height: 850px;
			margin-top: 10px;
		}
		.icon-area {
			position: relative;
			width: 160px;
			height: 160px;
			overflow: hidden;
			text-align: left;
			margin-bottom: 15px;
			margin-top: 5px;
		}

		.guangdian-gif {
			position: absolute;
			top: -10px;
			left: -10px;
			width: 250px;
			height: 250px;
			object-fit: cover;
			pointer-events: none;
			z-index: 1;
			opacity: 0.6;
		}
		.left-panel {
			width: 305px;
			background: transparent;
			padding: 5px 2px 5px 2px;
			display: flex;
			flex-direction: column;
			position: relative;

		}
		.right-panel {
			width: 200px;
			background: transparent;
			padding: 5px 2px 5px 2px;
			display: flex;
			flex-direction: column;
		}

		/* 装备容器 - 内嵌暗色边框，四角无边框线 */
		.equip-container {
			background: rgba(0, 0, 0, 0.8);
			border: none;
			border-radius: 8px;
			box-shadow: inset 0 0 0 1px #425973;
			display: flex;
			flex-direction: column;
			padding: 8px 10px 5px 10px;
			position: relative;
			cursor: grab;
			transition: box-shadow 0.2s;
			margin: 2px;
			
			margin-top: 15%;
		}
		.equip-container.dragging {
			box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
			z-index: 100;
			cursor: grabbing;
		}
		.equip-container:active {
			cursor: grabbing;
		}
		.drag-handle {
			display: none;
		}
		.icon-area {
			text-align: left;
			margin-bottom: 15px;
			margin-top: 5px;
		}
		.icon-area img {
			width: 160px;
			height: 160px;
			object-fit: contain;
		}
		.info-block {
			color: white;
			font-size: 13px;
			line-height: 1.3;
			margin-bottom: 2px;
		}
		.info-block span {
			display: inline-block;
			white-space: pre-wrap;
		}
		.prop-item {

			margin-bottom: -2px;        /* 增加词条间距，更清晰 */
			overflow: auto;
		}
		.prop-item img {
		  display: inline-block;   /* 让图片成为行内元素 */
		  width: 12px;
		  height: 12px;
		  margin: 0;
		  margin-right: 2px;       /* 保留与文字的间距（原代码中 margin:0，实际视觉间距来自 padding-left，这里改为 margin-right） */
		  vertical-align: text-bottom; 
		}
		.prop-text {
			display: inline;            /* 使文本块占满整行，换行时自动左对齐 */
			font-size: 13px;
			line-height: 0.9;
			word-break: break-all;
		}
		/* 1:1 复刻主界面词条样式到包裹悬浮框 */
		.warehouse-tooltip .prop-item {
			margin-bottom: -2px !important;
			overflow: auto !important;
			position: static !important;
			padding-left: 0 !important;
			line-height: 1.05 !important;
		}
		.warehouse-tooltip .prop-item img {
			display: inline-block !important;
			width: 12px !important;
			height: 12px !important;
			margin: 0 !important;
			margin-right: -5px !important;
			vertical-align: text-bottom !important;
			position: static !important;
			left: auto !important;
			top: auto !important;
			transform: none !important;
		}
		.warehouse-tooltip .prop-text {
			display: inline !important;
			font-size: 13px !important;
			line-height: 1.05 !important;
			word-break: break-all !important;
		}
		/* 可选：信息区与词条区的间距调整（不影响主界面） */
		.warehouse-tooltip .info-block {
			margin-bottom: -2px !important;
		}
		.warehouse-tooltip .info-block > div:first-child {
			margin-bottom: -2px;   /* 可调整数值，如 6px、10px */
		}
		.bind-label {
			color: #FFFF00;
			font-size: 13px;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.right-section {
			margin-bottom: 10px;
		}
		.right-section label {
			color: white;
			font-size: 16px;
			display: block;
			margin: 5px 0 2px 5px;
		}
		.right-section select,
		.right-section input[type="text"] {
			width: 100%;
			padding: 2px 5px;
			font-size: 9pt;
			margin-bottom: 2px;
		}
		.row-btns {
			display: flex;
			gap: 2px;
			margin: 5px 0;
		}
		.row-btns button {
			flex: 1;
			padding: 5px 2px;
			font-size: 10pt;
			font-weight: bold;
			border: 2px outset #ddd;
			background: #fff;
			color: #866b86;
			cursor: pointer;
		}
		.btn-gold {
			background: #FFD700 !important;
			color: #333 !important;
		}
		.checkbox-item {
			display: flex;
			align-items: center;
			gap: 5px;
			color: white;
			font-size: 9pt;
			margin: 0;
		}
		
		.modal-content {
			background: #9a9ad8;
			width: 500px;
			max-height: 80vh;
			overflow-y: auto;
			padding: 15px;
			border-radius: 8px;
		}
		.spacer-extra {
			height: 18px;
		}
		#props-area {
			margin-top: 15px;
		}
		#equip-info div {
			line-height: 1.05;
			margin-bottom: -2px;
		}
		.spacer-line {
			height: 16px;
		}
		/* 右侧悬浮贴边栏 */
		.right-floating-bar {
			position: fixed;
			right: auto !important;
			left: 12px !important;
			top: 50%;
			transform: translateY(-50%);
			width: 210px;
			background: rgba(8, 18, 28, 0.92);
			backdrop-filter: blur(12px);
			border-radius: 16px;
			border: 1px solid #6a8aaa;
			padding: 16px 12px;
			display: flex;
			flex-direction: column;
			gap: 12px;
			z-index: 100;
			font-family: inherit;
		}
		/* 底部悬浮双按钮 */

		.bottom-floating-bar {
			position: fixed;
			bottom: 15px;
			left: 60%;
			transform: translateX(-50%);
			display: flex;
			gap: 20px;
			background: transparent;
			backdrop-filter: none;
			padding: 0;
			border: none;
			z-index: 100;
		}
		.big-action-btn {
			font-size: 18px;
			font-weight: bold;
			padding: 10px 28px;
			border-radius: 48px;
			border: none;
			background: radial-gradient(circle at 30% 10%, #3c2a1f, #1e2a2e);
			color: #ffd966;
			cursor: pointer;
			font-family: "SimSun", monospace;
		}

		/* ========= 弹窗样式 - 完美复刻设计图 ========= */
		.modal-mask {
			display: none;
			position: fixed;
			top: 0;
			right: 6%;
			width: 100%;
			height: 100%;
			background: transparent;
			justify-content: center;
			align-items: center;
			z-index: 100000;
		}

		/* 红色火焰边框 - 弹窗1/2共用（向内发光） */
		.inner-fire-border-red {
			background-color: #050810;
			border: 2px solid #ff3030;
			border-radius: 8px;
			box-shadow: inset 0 0 10px #ff2222,
						inset 0 0 20px #ff4444,
						inset 0 0 30px rgba(255, 60, 60, 0.6);
		}

		/* 紫色内发光边框 - 弹窗3（更细、灰度更低、无流光） */
		.inner-fire-border-purple {
			background-color: #1a1a40;
			border: 2px solid #666699;
			border-radius: 8px;
			box-shadow: inset 0 0 8px #5555aa,
						inset 0 0 15px rgba(100, 100, 200, 0.3);
			overflow: hidden;
		}

		/* 弹窗1、2 公用主体 */
		.modal-common {
			width: 520px;
			padding: 22px 20px;
			text-align: left;
		}
		.modal-common .text-main {
			color: #fff;
			font-size: 20px;
			line-height: 1.6;
			margin-bottom: 22px;
			text-align: left;
			white-space: normal;
		}
		.modal-common .text-red-high {
			color: #ff3333;
			font-weight: bold;
		}
		.modal-common .input-row {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			margin-bottom: 24px;
			font-size: 20px;
		}
		.modal-common .text-yellow-tip {
			color: #ffd020;
		}
		.modal-common .text-input {
			width: 80px;
			height: 26px;
			background: #000000;
			border: 2px solid #555555;
			color: #ffffff;
			font-size: 18px;
			padding: 0 6px;
			outline: none;
			line-height: 1;
			text-align: center;
		}
		.modal-common .btn-group {
			display: flex;
			justify-content: center;
			gap: 60px;
		}
		.modal-common .btn {
			width: 130px;
			height: 42px;
			font-size: 20px;
			border: none;
			border-radius: 4px;
			color: #fff;
			cursor: pointer;
		}
		.modal-common .btn-confirm {
			background: linear-gradient(#5288bb, #305e8c);
		}
		.modal-common .btn-cancel {
			background: linear-gradient(#c25050, #9e2a2a);
		}

		/* 弹窗3 - 装备修饰词修复（完美复刻设计图） */
		.modal-reset {
			width: 480px;
		}
		.modal3-head {
			padding: 10px 16px;
			background-color: #1e1e46;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #484890;
			position: relative;
		}
		.modal3-title {
			color: #fff;
			font-size: 22px;
			text-align: center;
			flex: 1;               /* 占据剩余空间，让标题居中 */
		}
		.close-btn {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			background: #101C4A;
			border: none;
			font-size: 26px;
			font-weight: bold;
			line-height: 1;
			color: #ffffff;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: 0.2s;
			flex-shrink: 0;        /* 防止被压缩 */
		}
		.close-btn:hover {
			background: #1e2a5e;   /* 鼠标悬停略亮 */
		}
		.modal3-desc {
			background-color: #19284F;
			color: #ffffff;
			font-size: 18px;
			line-height: 1.4;
			padding: 18px 20px;
			white-space: normal;
			overflow: hidden;
		}
		.modal3-tips {
			background-color:  #19284F; 
			color: #ffffff;
			font-size: 18px;
			line-height: 1.4;
			padding: 5px 3em;    /* 左右内边距 2em（约4个字符宽度） */
		}
		.text-pink-high {
			color: #ff85e8;
		}
		.text-light-yellow {
			color: #ffff40;
		}
		.modal3-foot {
			padding: 14px 20px;
			background-color: #1e1e46;
			border-top: 1px solid #484890;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.equip-area {
			display: flex;
			align-items: center;
			gap: 10px;
			font-size: 18px;
			color: #d0d8ff;
		}
		.equip-slot {
			width: 55px;
			height: 55px;
			background: #000;
			border: 1px solid #ff85e8;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.equip-slot img {
			max-width: 48px;
			max-height: 48px;
		}
		.foot-btn-group {
			display: flex;
			gap: 14px;
		}
		.foot-btn-group .btn {
			width: 110px;
			height: 38px;
			font-size: 18px;
			background: linear-gradient(#5288bb, #305e8c);
			border: none;
			border-radius: 4px;
			color: #fff;
			cursor: pointer;
		}
		/* ========= 自定义提示弹窗（查看/复原） ========= */
		.tip-modal {
			width: 520px;
			padding: 28px 20px;
			text-align: left;
		}
		.tip-text {
			color: #fff;
			font-size: 20px;
			line-height: 1.6;
			margin-bottom: 30px;
		}
		.single-btn-wrap {
			display: flex;
			justify-content: center;
		}
		.tip-modal .btn {
			width: 130px;
			height: 42px;
			font-size: 20px;
			border: none;
			border-radius: 4px;
			color: #fff;
			cursor: pointer;
			background: linear-gradient(#5288bb, #305e8c);
		}
		/* ========= 复刻版双层切角按钮 ========= */
		/* 底部按钮双层切角样式 - 160x60 版 */
		.action-btn-wrapper {
			position: relative;
			width: 160px;
			height: 50px;
			background: linear-gradient(180deg, #f0d090 0%, #c49a50 100%);
			border-radius: 10px;
			clip-path: polygon(
				5% 0%, 95% 0%,
				100% 15%, 100% 85%,
				95% 100%, 5% 100%,
				0% 85%, 0% 15%
			);
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 2px;
			box-shadow: 0 4px 8px rgba(0,0,0,0.4);
			transition: transform 0.1s ease;
		}
		.action-btn-wrapper:active {
			transform: scale(0.97);
		}
		.action-btn {
			position: relative;
			width: 100%;
			height: 100%;
			background: linear-gradient(180deg, #d4a856 0%, #b17a36 50%, #946328 100%);
			border-radius: 8px;
			clip-path: polygon(
				5% 0%, 95% 0%,
				100% 15%, 100% 85%,
				95% 100%, 5% 100%,
				0% 85%, 0% 15%
			);
			display: flex;
			justify-content: center;
			align-items: center;
			border: none;
			cursor: url('img/shubiao.cur'), auto !important;
			box-shadow: inset 0 2px 4px rgba(255,255,255,0.4), inset 0 -2px 4px rgba(0,0,0,0.3);
		}
		.action-btn::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.15) 0%, transparent 40%),
						radial-gradient(circle at 80% 50%, rgba(0,0,0,0.15) 0%, transparent 40%);
			opacity: 0.7;
			pointer-events: none;
		}
		/* 按钮内的飞行图标样式 */
		.btn-icon {
			width: 16px;
			height: 16px;
			vertical-align: middle;
			margin-right: 4px;
			margin-top: -2px;  /* 微调垂直居中 */
		}
		.action-btn span {
			position: relative;
			z-index: 1;
			font-family: inherit;
			font-size: 24px;
			line-height: 1.6;
			font-weight: bold;
			color: #fff8e0;
			text-shadow: 0 1px 2px rgba(0,0,0,0.6), 0 0 6px rgba(255,255,200,0.3);
			letter-spacing: 2px;
			white-space: nowrap;
		}
		
		.stats-area {
			margin-top: -7px;
			background: #0a1420;        /* 纯深色不透明背景 */
			border: 1px solid #6a8aaa;
			border-radius: 8px;
			padding: 10px;
			font-family: monospace;
			font-size: 13px;
			font-weight: bold;
			color: #ffdd99;
			text-shadow: 0 0 2px rgba(0,0,0,0.5);
		}
		.stats-divider {
			color: #c0a060;
			text-align: center;
			letter-spacing: 2px;
		}
		.stats-title {
			font-weight: bold;
			margin: 6px 0 4px;
			font-size: 14px;
			color: #ffe0a0;
		}
		.stats-line {
			margin: 4px 0;
			display: flex;
			justify-content: space-between;
		}
		.stats-line span {
			color: #ffffaa;
			font-weight: bold;
		}
		/* ========= 包裹界面（设计图风格） ========= */
		.warehouse-modal-mask {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: transparent;   /* 完全透明，无遮罩 */
			justify-content: center;
			align-items: center;
			z-index: 10000;
			pointer-events: none;
		}
		.bag-window {
			width: 760px;
			background: #1a243a;
			border-radius: 12px;
			border: none;
			box-shadow: 0 0 50px rgba(0,0,0,0.9);
			overflow: hidden;
			pointer-events: auto;
		}
		.bag-top {
			background: #24314d;
			padding: 10px 20px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #3b4a6a;
			justify-content: center;
		}
		.bag-top h2 {
			color: #f1d393;
			font-size: 22px;
			font-weight: normal;
			margin: 0;
			font-weight: bold;
		}
		.close-warehouse {
			position: absolute;
			right: 20px;
			top: 50%;
			transform: translateY(-50%);
			width: 32px;
			height: 32px;
			background: #9b2626;
			border: 1px solid #d46666;
			color: #fff;
			font-size: 24px;
			border-radius: 4px;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 10;                /* 确保在最上层 */
		}
		.tab-bar {
			display: flex;
			background: #1e2a45;
			padding: 0 15px;
			gap: 2px;
			border-bottom: 1px solid #3b4a6a;
		}
		.warehouse-tab {
			padding: 8px 26px;
			font-size: 16px;
			color: #a0b8d8;
			background: #273556;
			border: none;
			border-right: 1px solid #3b4a6a;
			cursor: pointer;
			transition: 0.2s;
		}
		.warehouse-tab.active {
			background: #1a243a;
			color: #f1d393;
			font-weight: bold;
		}
		.warehouse-grid {
			display: grid;
			grid-template-columns: repeat(8, 1fr);
			gap: 8px;
			padding: 20px 24px 28px;
			min-height: 380px;
		}

		.warehouse-cell {
			aspect-ratio: 1 / 1;
			
			border: 2px solid #3b4a6a;     /* 默认边框 */
			border-radius: 6px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			box-shadow: inset 0 0 5px rgba(0,0,0,0.6),
						inset 0 0 15px rgba(0,0,0,0.4),
						inset 0 0 25px rgba(0,0,0,0.3);
			overflow: hidden;              /* 防止斜杠溢出产生滚动条，但不影响斜杠显示 */
		}

		/* 空格子（保持原有样式，无需额外标记，但保留兼容） */
		.warehouse-cell.empty {
			background: #151D38;           /* 与默认一致 */
			border-color: #2a3852;         /* 稍暗边框 */
		}

		/* 有装备的格子：纯黑背景 + 保留默认边框（非金色） */
		.warehouse-cell.has-item {
			background: #000000 !important;  /* 纯黑背景 */
			border: 2px solid #3b4a6a !important; /* 强制覆盖原有的金色边框 */
		}

		/* 格子内图片稍微降低层级，让斜杠浮在图片上面 */
		.warehouse-cell.has-item img {
			position: relative;
			z-index: 1;
			width: 95%;
			height: 95%;
			object-fit: contain;
			pointer-events: none;
		}

		/* 斜杠装饰 – 仅出现在有装备的格子上，仿设计图 rotate(-45deg) */
		.warehouse-cell.has-item::before,
		.warehouse-cell.has-item::after {
			content: '';
			position: absolute;
			height: 1px;
			background: linear-gradient(90deg, #ff8a00, #ffd000);
			box-shadow: 0 0 4px rgba(255, 140, 0, 0.6);
			pointer-events: none;
			z-index: 2;
			transform-origin: left center;
			transform: rotate(-45deg);      /* 按设计图使用逆时针45度 */
		}

		/* 第一条斜杠（较短） */
		.warehouse-cell.has-item::before {
			width: 30px;                   /* 固定宽度，更精确控制 */
			top: 12px;
			left: 1px;
		}

		/* 第二条斜杠（较长） */
		.warehouse-cell.has-item::after {
			width: 44px;                   /* 更长 */
			top: 24px;
			left: 2px;
		}

		/* 包裹悬浮提示框 - 完全复刻主界面装备信息样式 */
		.warehouse-tooltip {
			position: fixed;
			width: 295px;
			background: rgba(0, 0, 0, 0.8);
			border: none;
			border-radius: 8px;
			box-shadow: inset 0 0 0 1px #425973;
			padding: 8px 10px 5px 8px;
			z-index: 10000;
			pointer-events: none;
			font-family: inherit;
			color: white;
			max-height: none !important;
			overflow-y: visible !important;
		}
		.warehouse-tooltip .icon-area img {
			width: 160px;
			height: 160px;
			object-fit: contain;
		}
		.warehouse-tooltip .info-block {
			font-size: 13px;
			line-height: 1.05 !important;
			margin-bottom: -2px;
			color: white;
		}
		.warehouse-tooltip .info-block div {
			margin-bottom: -2px !important;
			line-height: 1.05 !important;
		}
		.warehouse-tooltip .spacer-line {
			height: 16px !important;
			margin: 0 !important;
		}
		.warehouse-tooltip .spacer-extra {
			height: 16px !important;
			margin: 0 !important;
		}
		#equip-info > div:first-child {
			margin-bottom: -2px;   /* 自定义数值，默认0 */
		}
		.warehouse-tooltip .prop-item {
			position: relative;
			padding-left: 14px;
			margin-bottom: -2px;
		}
		.warehouse-tooltip .prop-item img {
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 12px;
			height: 12px;
			margin: 0;
		}
		.warehouse-tooltip .prop-text {
			display: block;
			font-size: 13px;
			line-height: 0.9;
			word-break: break-all;
		}
		.warehouse-tooltip .bind-label {
			color: #FFFF00;
			font-size: 13px;
			margin-top: 20px;      /* 与主界面一致 */
			margin-bottom: 20px;   /* 与主界面一致 */
			text-align: left;     /* 与主界面保持一致（右对齐） */
		}
		.bag-top {
			cursor: grab;
			background: #24314d;
			padding: 10px 20px;
			display: flex;
			justify-content: center;
			align-items: center;
			border-bottom: 1px solid #3b4a6a;
			position: relative;
		}
		.bag-top:active {
			cursor: grabbing;
		}
		/* 小型弹窗样式（比抽冰弹窗缩小约20%） */
		.modal-small {
			width: 420px;
			padding: 20px 18px;
			background-color: #050810;
			border: 2px solid #ff3030;
			border-radius: 8px;
			box-shadow: inset 0 0 10px #ff2222, inset 0 0 20px #ff4444, inset 0 0 30px rgba(255, 60, 60, 0.6);
			text-align: center;
		}
		.modal-small-text {
			color: #fff;
			font-size: 16px;
			line-height: 1.5;
			margin-bottom: 24px;
			text-align: left;          /* 改为左对齐 */
			white-space: normal;
		}
		.modal-small-buttons {
			display: flex;
			justify-content: center;
			gap: 40px;
		}
		.btn-small-confirm, .btn-small-cancel {
			width: 100px;
			height: 36px;
			font-size: 16px;
			border: none;
			border-radius: 4px;
			color: #fff;
			cursor: pointer;
		}
		.btn-small-confirm {
			background: linear-gradient(#5288bb, #305e8c);
		}
		.btn-small-cancel {
			background: linear-gradient(#c25050, #9e2a2a);
		}
		#modalPutConfirm, #modalDeleteConfirm {
			z-index: 11000;
		}
		.bg-switch-area {
			border-top: 1px solid rgba(106,138,170,0.3);
			padding-top: 6px;
			margin-top: 6px;
		}
		/* ========== 右侧功能区美化（纯色背景 + 统一蓝色按钮 + 紧凑布局） ========== */
		/* 1. 右侧栏整体背景改为 #123552，去掉毛玻璃 */
		.right-floating-bar {
			background: #123552 !important;
			backdrop-filter: none !important;
		}

		/* 2. 所有按钮统一颜色 #6396CE，圆角6px，阴影立体感，高度压缩 */
		.right-floating-bar button,
		.right-floating-bar .row-btns button,
		.bg-switch-area button,
		#save-prefix,
		#upload-bg-trigger {
			background: #6396CE !important;
			border: 1px solid #2c5a8c !important;
			border-radius: 6px !important;
			padding: 5px 10px !important;
			font-size: 12px !important;
			font-weight: bold !important;
			color: #fff !important;
			text-shadow: 0 1px 1px rgba(0,0,0,0.2) !important;
			cursor: url('img/shubiao.cur'), pointer !important;
			transition: all 0.1s ease !important;
			box-shadow: 0 2px 4px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2) !important;
			flex: 1 !important;
			text-align: center !important;
			letter-spacing: normal !important;
		}
		.right-floating-bar button:hover,
		.right-floating-bar .row-btns button:hover,
		.bg-switch-area button:hover,
		#save-prefix:hover,
		#upload-bg-trigger:hover {
			background: #4d7bb0 !important;
			border-color: #1e4570 !important;
			transform: translateY(-1px);
			box-shadow: 0 4px 8px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.2) !important;
		}
		.right-floating-bar button:active,
		.right-floating-bar .row-btns button:active {
			transform: translateY(1px);
			box-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
		}

		/* 3. 保存按钮宽度微调 */
		#save-prefix {
			background: #6396CE !important;
			border: 1px solid #2c5a8c !important;
			border-radius: 6px !important;
			padding: 5px 6px !important;
			font-size: 12px !important;
			font-weight: bold !important;
			color: #fff !important;
			cursor: pointer !important;
			min-width: 44px !important;
			width: auto !important;
			flex: 0 0 auto !important;
			box-shadow: 0 2px 4px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2) !important;
			text-align: center !important;
		}
		/* 上传按钮颜色和普通按钮保持一致（不再单独暖色） */
		#upload-bg-trigger {
			background: #6396CE !important;
			border-color: #2c5a8c !important;
		}

		/* 4. 下拉框样式：圆角6px，高度压缩，深色底，精致箭头 */
		.right-floating-bar select {
			background: #0a1c2e !important;
			border: 1px solid #2c5a8c !important;
			border-radius: 6px !important;
			padding: 5px 24px 5px 8px !important;
			font-size: 12px !important;
			color: #e0e5ec !important;
			appearance: none !important;
			-webkit-appearance: none !important;
			cursor: pointer !important;
			box-shadow: inset 0 1px 2px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.05) !important;
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2380b5e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;
			background-repeat: no-repeat !important;
			background-position: right 8px center !important;
			background-size: 10px !important;
		}
		.right-floating-bar select:hover {
			border-color: #5a9ad0 !important;
			background-color: #0f2a40 !important;
		}
		.right-floating-bar select option {
			background: #0a1c2e !important;
			color: #e0e5ec !important;
			padding: 4px !important;
		}

		/* 5. 输入框（名称）风格统一，高度压缩 */
		#prefix-input {
			background: #0a1c2e !important;
			border: 1px solid #2c5a8c !important;
			border-radius: 6px !important;
			padding: 5px 10px !important;
			font-size: 12px !important;
			color: #e0e5ec !important;
		}
		#prefix-input:focus {
			border-color: #6396CE !important;
			outline: none !important;
			box-shadow: 0 0 4px #6396CE !important;
		}

		/* 6. 复选框美化，颜色与整体协调 */
		.checkbox-item input[type="checkbox"] {
			appearance: none !important;
			-webkit-appearance: none !important;
			width: 16px !important;
			height: 16px !important;
			background: #0a1c2e !important;
			border: 1px solid #6396CE !important;
			border-radius: 3px !important;
			box-shadow: inset 0 0 2px rgba(0,0,0,0.5) !important;
			cursor: pointer !important;
		}
		.checkbox-item input[type="checkbox"]:checked {
			background: #6396CE !important;
			border-color: #fff !important;
			position: relative;
		}
		.checkbox-item input[type="checkbox"]:checked::after {
			content: "✓" !important;
			position: absolute !important;
			font-size: 12px !important;
			font-weight: bold !important;
			color: #fff !important;
			left: 2px !important;
			top: -2px !important;
		}
		.checkbox-item label {
			color: #d0d9e8 !important;
			font-size: 11px !important;
		}

		/* 7. 调整各区块外边距和内边距，使整体更紧凑 */
		.right-section {
			margin-bottom: 1px !important;
		}
		.right-section label {
			margin: 4px 0 2px 2px !important;
			font-size: 15px !important;
			color: #c8d4e8 !important;
			font-weight: bold !important;
		}
		.row-btns {
			gap: 8px !important;
			margin: 5px 0 !important;
		}
		.bg-switch-area {
			padding-top: 6px !important;
			margin-top: 4px !important;
		}
		.checkbox-item {
			gap: 6px !important;
			margin: 1px 0 !important;
			font-size: 14px;
		}
		.stats-title-outside {
			font-weight: bold;
			font-size: 14px;
			color: #ffe0a0;
			margin: 8px 0 4px 5px;
			text-shadow: 0 0 1px rgba(0,0,0,0.5);
		}
		#repairEquipSlot.equip-slot {
			position: relative;
			overflow: hidden;
		}

		#repairEquipSlot.equip-slot::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(255, 255, 255, 0.3);  /* 雾蒙蒙白色，透明度 0.3 可自行调节 */
			pointer-events: none;  /* 让遮罩不干扰点击 */
			z-index: 2;
		}
		/* 左下角悬浮按钮 */
		.float-toggle-btn {
			position: fixed;
			bottom: 20px;           /* 与原底部距离保持一致，可自行微调 */
			right: 18%;             /* 距离右侧16% */
			left: auto;             /* 取消左侧定位 */
			width: auto;
			height: auto;
			background: transparent;
			border-radius: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: url('img/shubiao.cur'), pointer;
			z-index: 200;
			transition: transform 0.2s, filter 0.3s;
		}
		.float-toggle-btn:hover {
			transform: scale(1.05);
			filter: drop-shadow(0 0 6px rgba(255,215,0,0.8)); /* 悬停光效增强 */
		}
		.float-toggle-btn img {
			width: 64px;                 /* 放大图标（原 40px → 64px） */
			height: 64px;
			pointer-events: none;
			filter: drop-shadow(0 0 2px rgba(255,255,200,0.6)); /* 微弱光晕 */
			animation: softGlow 0.5s ease-in-out infinite;      /* 持续微闪 */
		}

		/* 闪烁光效关键帧 */
		@keyframes softGlow {
			0% {
				filter: drop-shadow(0 0 2px rgba(255,255,200,0.4));
				opacity: 0.9;
			}
			50% {
				filter: drop-shadow(0 0 8px rgba(255,215,0,0.7));
				opacity: 1;
			}
			100% {
				filter: drop-shadow(0 0 2px rgba(255,255,200,0.4));
				opacity: 0.9;
			}
		}

		/* 左侧功能区（原右侧悬浮栏）的显示/隐藏动画 */
		.right-floating-bar {
			transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
			opacity: 0;
			visibility: hidden;
			transform: translateY(-50%) translateX(-40px); /* 初始隐藏位 */
		}
		.right-floating-bar.show-left-panel {
			opacity: 1;
			visibility: visible;
			transform: translateY(-50%) translateX(0);
		}
		
		/* 已全部添加 .chat-interface 前缀 */
		/* 聊天区固定右侧，紧贴边缘，无滚动条干扰 */
		.chat-interface {
		  position: fixed;
		  right: 0;
		  top: 0;
		  bottom: 0;
		  width: 15%;          /* 适当变窄，可改为 360px 或 340px */
		  max-width: 90vw;
		  z-index: 900000;
		  pointer-events: auto;
		}

		/* 聊天容器 100% 高度，flex 纵向布局 */
		.chat-interface .chat-container {
		  height: 100%;
		  display: flex;
		  flex-direction: column;
		  background-color: #0a0a1a;
		  border-left: 6px solid #E9ECF3;   /* 左侧加粗 */
          border-right: 6px solid #E9ECF3;  /* 新增右侧边框 */
		  border-top: none;
		  border-bottom: none;
		  border-right: none;
		  border-radius: 0;                /* 直角贴边 */
		  overflow: hidden;
		  z-index: 900001;
		}
		/* 增加额外左侧竖线 */
		.chat-interface::before {
			content: '';
			position: absolute;
			left: -6.5px;          /* 向左偏移，位于边框外侧 */
			top: 0;
			bottom: 0;
			width: 6px;
			background-color: #BAD2EA;  /* 与边框同色 */
			pointer-events: none;
			z-index: 1;
		}

		/* 头部样式 */
		.chat-interface .chat-header {
		  background-color: #E9ECF3;
		  color: #999999;
		  padding: 6px 12px;
		  font-size: 13px;
		  flex-shrink: 0;
		  
		}

		/* 两个聊天内容区域都支持滚动，但隐藏滚动条 */
		.chat-interface .chat-content {
		  flex: 3;
		  overflow-y: auto;
		  min-height: 0;
		  background: linear-gradient(to bottom, #0a0a1a, #151530);
		  padding: 10px;
		  color: #fff;
		  font-size: 14px;
		  line-height: 1.5;
		  /* 隐藏滚动条（保留滚动功能） */
		  scrollbar-width: none;        /* Firefox */
		  -ms-overflow-style: none;     /* IE/Edge */
		}
		.chat-interface .chat-content::-webkit-scrollbar {
		  display: none;                /* Chrome/Safari */
		}

		/* 第二个聊天区（同级）可设置较小最小高度，但不要固定 min-height */
		.chat-interface .chat-content.second {
		  flex:1;               
		
		}

		/* 频道按钮组 */
		.chat-interface .btn-group {
		  display: flex;
		  background-color: #1a1a3a;
		  padding: 4px 2px !important;
		  gap: 1px !important;
		  flex-shrink: 0;
		}
		.chat-interface .tab-btn {
		  flex: 1;
		  background-color: #334488;
		  color: #fff;
		  border: none;
		  padding: 3px 0 !important; 
		  border-radius: 4px;
		  font-size: 14px;
		  text-align: center;
		  cursor: pointer;
		}
		.chat-interface .tab-btn.active {
		  background-color: #5577bb;
		}

		/* 底部控制按钮组 */
		.chat-interface .btn-group-bottom {
		  display: flex;
		  background-color: #1a1a3a;
		  padding: 4px 6px !important;
		  gap: 2px !important;
		  flex-shrink: 0;
		}
		.chat-interface .control-btn {
		  width: 28px !important;        /* 原 32px，稍微缩小宽度 */
		  height: 28px !important;       /* 原 32px */
		  background-color: #2a3a5a;
		  color: #fff;
		  border: none;
		  border-radius: 4px;
		  font-size: 14px;
		  cursor: pointer;
		  display: inline-flex;
		  align-items: center;
		  justify-content: center;
		}
		.chat-interface .control-btn:hover {
		  background-color: #3e5a7c;
		}
		.chat-interface .chat-line {
			margin-bottom: 4px;
			word-break: break-all;

			max-width: 100%;
		}
		.chat-interface .tag {
			display: inline-block;
			padding: 0 4px;
			margin-right: 4px;
			font-weight: bold;
			border-radius: 2px;
		}
		.chat-interface .tag-ding {
			background-color: #ff4444;
			color: #fff;
		}
		.chat-interface .tag-system {
			background-color: #cc3333;
			color: #ffff00;
		}
		.chat-interface .tag-current {
			background-color: #3366cc;
			color: #fff;
		}
		.chat-interface .tag-world {
			background-color: #333399;
			color: #fff;
		}
		.chat-interface .tag-tongji {
			background-color: #663399;
			color: #fff;
		}
		.chat-interface .text-red {
			color: #ff4444;
		}
		.chat-interface .text-yellow {
			color: #ffff00;
		}
		.chat-interface .text-pink {
			color: #8080FF;
		}
		.chat-interface .text-purple {
			color: #9966ff;
		}
		.chat-interface .text-green {
			color: #00ff00;
			text-decoration: underline;
			cursor: pointer;
		}
		.chat-interface .text-blue {
			color: #88aaff;
		}
		/* 聊天区标签图片样式：高度与文字一致，宽度自适应 */
		.chat-interface .tag-img {
		  display: inline-block;
		  height: 1.1em;
		  width: auto;
		  vertical-align: middle;
		  margin-right: -6px;
		  margin-top: -0.1em;      /* 向上微调，可改为 0.05em 或 -0.05em */
		  background: none;
		  border: none;
		  padding: 0;
		}
		.chat-interface .tag-img {
			height: 1.2em !important;
		}
		.chat-interface,
		.chat-interface * {
			font-size: 14px !important;
		}
		/* 公告文本特效 */
		.texiao1 {
			text-shadow: -1px -1px 3px #250ef5,1px 1px 3px #250ef5,-1px 1px 3px #250ef5,1px -1px 3px #250ef5;
		}
		.itemstyle-purple {
			color: #c000c0;
		}
		.itemstyle {
			color: #ff88ff;
		}
		/* 装备名称可点击样式 */
		.equip-name-link {
			cursor: pointer;
			text-decoration: none;
		}
		/* 聊天区公告图片对齐 */
		.chat-interface .tag-img {
			height: 1.2em !important;
			vertical-align: middle;
			margin-right: 2px;
		}
		
		/* 左下角输入栏定位：开关按钮 left:10px, 宽约64px，间隔20px = 94px */
		/* 左下角输入栏 - 强制复刻设计图 */
		.chat-input-bar {
			position: fixed;
			bottom: 10px;
			left: 94px;          /* 开关按钮宽64px + 间距20px + 左边距10px = 94px */
			z-index: 10001;      /* 确保在最上层 */
			width: 580px;        /* 固定宽度，避免压缩 */
			display: none;

			overflow: hidden;
			box-shadow: 0 2px 8px rgba(0,0,0,0.5);
		}

		.chat-input-bar .chat-bar {
			display: flex;
			align-items: stretch;
			height: 25px;
			background: #1a2332;
			border: 1px solid #333;
			border-radius: 4px;
			overflow: hidden;
		}

		/* 左侧同级按钮 */
		.chat-input-bar .btn-left {
			width: 60px;
			flex-shrink: 0;
			background: #19489a;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			display: flex;
			align-items: center;
			justify-content: center;
			border: none;
			cursor: pointer;
			font-family: inherit;
		}

		/* 中间输入区 */
		.chat-input-bar .input-area {
			flex: 1;
			background: #111827;
			display: flex;
			align-items: center;
			padding: 0 12px;
		}

		/* 输入框本身 */
		.chat-input-bar .input-area input {
			width: 100%;
			background: transparent;
			border: none;
			color: #fff;
			font-size: 13px;
			outline: none;
			padding: 8px 0;
			font-family: inherit;
		}

		.chat-input-bar .input-area input::placeholder {
			color: #6c7a8e;
			font-size: 14px;
		}

		/* 右侧按钮组 */
		.chat-input-bar .control-group {
			display: flex;
			flex-shrink: 0;
			height: 100%;
		}

		.chat-input-bar .control-btn {
			width: 40px;
			height: 100%;
			background: #111827;
			border: none;
			color: #fff;
			font-size: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: background 0.1s;
			font-family: 'Segoe UI', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
		}

		.chat-input-bar .control-btn.en {
			background: #19489a;
			font-size: 14px;
			font-weight: bold;
		}

		.chat-input-bar .control-btn.icon {
			background: #19489a;
		}

		.chat-input-bar .control-btn:hover {
			filter: brightness(1.1);
		}

		.chat-input-bar .control-btn:active {
			transform: scale(0.96);
		}
		.chat-input-bar .input-area input:focus {
			outline: none;
			background: transparent;
		}
		
		#emojiPickerPanel {
			position: fixed;
			background: #1e2a3a;
			border: 1px solid #6396CE;
			border-radius: 8px;
			padding: 10px;
			width: 400px;
			z-index: 10002;
			gap: 8px;
			box-shadow: 0 4px 12px rgba(0,0,0,0.4);
			/* 注意：不写 display 属性 */
		}
		#emojiPickerPanel.show {
			display: grid;
			grid-template-columns: repeat(8, 1fr);
		}
		/* 禁用按钮样式 - 灰白色，无按压效果 */
		.action-btn:disabled {
			opacity: 0.6;
			filter: grayscale(0.3);
			cursor: not-allowed;
			transform: none !important;
		}
		.action-btn:disabled:active {
			transform: none !important;
		}
		.action-btn-wrapper:has(.action-btn:disabled) {
			transform: none !important;
		}
		.action-btn:disabled .action-btn-wrapper {
			transform: none !important;
		}
		body, body * {
			font-family: "SimSun", "宋体", monospace !important;
			letter-spacing: -0.5px !important;
			line-height: 1.242 !important;
			-webkit-font-smoothing: none !important;
			font-smoothing: none !important;
		}
		.prop-item,
		.prop-text,
		#props-area .prop-text {
			line-height: 1.05 !important;   /* 或您想要的任意值 */
		}

		/* 确保 #app 作为波纹定位参考 */
		#app {
		  position: relative;
		}

		.equip-container.hide-equip {
			visibility: hidden !important;
			opacity: 0 !important;
			transition: none !important;
		}
		/* 雾状旋涡加强版 */
		.vortex-disk {
			width: 600px;
			height: 600px;
			border-radius: 50%;
			position: relative;
			background: radial-gradient(
				circle at 30% 30%,
				rgba(255, 255, 200, 0.95) 0%,
				rgba(255, 200, 100, 0.7) 20%,
				rgba(100, 180, 255, 0.5) 50%,
				rgba(50, 100, 200, 0.2) 80%,
				transparent 100%
			);
			filter: blur(8px);
			box-shadow: 0 0 40px rgba(255, 215, 0, 0.8), inset 0 0 30px rgba(255, 255, 180, 0.6);
			animation: vortex-shrink 1.2s cubic-bezier(0.25, 0.1, 0.15, 1) forwards;
			will-change: transform, opacity;
		}

		.vortex-disk::before {
			content: '';
			position: absolute;
			top: -20px;
			left: -20px;
			right: -20px;
			bottom: -20px;
			border-radius: 50%;
			border: 3px solid rgba(255, 220, 100, 0.9);
			box-shadow: 0 0 20px rgba(255, 200, 0, 0.8);
			animation: spin-ring 1.2s linear forwards;
			pointer-events: none;
		}

		@keyframes vortex-shrink {
			0% {
				transform: scale(1.6) rotate(0deg);
				opacity: 1;
				filter: blur(6px);
			}
			30% {
				opacity: 0.95;
				filter: blur(12px);
			}
			100% {
				transform: scale(0) rotate(540deg);
				opacity: 0;
				filter: blur(20px);
			}
		}

		@keyframes spin-ring {
			0% {
				transform: rotate(0deg) scale(1);
				opacity: 0.8;
				border-color: rgba(255, 220, 100, 0.9);
			}
			100% {
				transform: rotate(360deg) scale(0.2);
				opacity: 0;
				border-color: rgba(255, 100, 50, 0);
			}
		}
		
		/* ---------- 宝石图标行及技能区域样式 ---------- */
		/* 宝石图标行容器 - 水平排列 */
		#gem-icons-area {
			margin: 0 0 -1px 0 !important;   /* 只保留上边距，下边距为0，完全依赖空行 */
			display: flex;
			flex-direction: row;
			gap: 2px;
		}
		.gem-custom-spacer {
			height: 4px !important;  /* 改为您想要的值 */
		}

		.gem-icon-wrapper {
			position: relative;
			width: 16px;
			height: 16px;
			background: rgba(0, 0, 0, 0.15);
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0;
			overflow: hidden;           /* 新增：裁剪超出内容 */
		}

		.gem-icon-wrapper img {
			width: 108%;
			height: 108%;
			object-fit: cover;          /* 改为 cover：填满容器并裁剪超出部分 */
			/* 如果希望图标完全填充且不保留比例（拉伸），可使用 object-fit: fill */
		}

		/* 四角小方块 */
		.gem-icon-wrapper::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 1px;
			height: 1px;
			background: rgba(182, 166, 163, 0.2);
			/* 注意：20px宽度，1px小方块，右边框位置偏移应为18px，下边框也是18px */
			box-shadow: 18px 0 rgba(182, 166, 163, 0.2),   /* 右上角 */
						0 18px rgba(182, 166, 163, 0.2),   /* 左下角 */
						18px 18px rgba(182, 166, 163, 0.2); /* 右下角 */
		}


		
		/* 装备区域新增文本行（宝石效果、石之灵、附加技能等）的行距，与词条 .prop-item 保持一致 */
		.equip-extra-line {
			font-size: 13px;
			line-height: 1.05 !important;
			margin-bottom: 0;
			display: block;
			overflow: auto;
		}
		/* 确保内部所有元素继承行高 */
		.equip-extra-line span,
		.equip-extra-line div {
			line-height: inherit !important;
		}
		.equip-extra-line img {
			display: inline-block;
			width: 12px;
			height: 12px;
			margin-right: 0px;
			vertical-align: middle;
		}
		.equip-extra-line span {
			display: inline;
			vertical-align: middle;
		}
		
		/* 底部按钮点击特效 */
		.action-btn-wrapper:active {
			transform: scale(0.95);
			transition: transform 0.05s ease;
		}
		.action-btn:active {
			background: linear-gradient(180deg, #b8860b 0%, #8b6508 50%, #6b4c00 100%);
			box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
		}
		/* 彻底修复包裹悬浮框宝石横排 */
		.warehouse-tooltip #gem-icons-area {
			display: flex !important;
			flex-direction: row !important;
			flex-wrap: nowrap !important;
			gap: 0 !important;
			align-items: center !important;
			justify-content: flex-start !important;
		}
		.warehouse-tooltip .gem-icon-wrapper {
			display: inline-flex !important;  /* 关键：强制内联flex */
			flex: 0 0 auto !important;       /* 不伸缩，不压缩 */
			width: 18px !important;
			height: 18px !important;
			margin: 0 !important;
			float: none !important;
			clear: none !important;
			position: relative;
		}
		/* 清理可能存在的文字换行影响 */
		.warehouse-tooltip .info-block,
		.warehouse-tooltip #gem-icons-area {
			white-space: normal !important;
			word-break: keep-all !important;
		}
		/* 修复包裹悬浮框宝石区域下方间距过大 */
		.warehouse-tooltip .gem-custom-spacer {
			height: 2px !important;   /* 原为 16px 或 4px，改为您想要的较小值 */
			margin: 0 !important;
			padding: 0 !important;
			display: none !important;
		}

		/* 可选：如果宝石区域和下一行之间还存在其他隐藏间隙，统一处理 */
		.warehouse-tooltip #gem-icons-area + * {
			margin-top: 0 !important;
		}
		.warehouse-tooltip .info-block > div {
			margin: 0 !important;
			padding: 0 !important;
			line-height: 1.08 !important;
		}
		/* 确保宝石行本身也没有额外边距 */
		.warehouse-tooltip #gem-icons-area {
			margin: 0 !important;
		}


		/* 保持文字颜色清晰 */
		#identify-btn span {
			color: #fff;
			text-shadow: 0 1px 2px rgba(0,0,0,0.5);
		}
		
		/* 图标按钮组：固定在距离窗口右侧330px，底部10px */
		.icon-vertical-bar {
			position: fixed;
			right: 15.5%;          /* 距离窗口右侧330px */
			bottom: 10px;          /* 距离窗口底部10px */
			display: flex;
			flex-direction: column;
			gap: 6px;
			z-index: 9999;
			background: transparent;
		}
		.icon-vertical-bar .icon-btn {
			width: 32px;
			height: 32px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: url('img/shubiao.cur'), pointer;
			transition: transform 0.1s ease, filter 0.1s ease;
			opacity: 0.85;
		}
		.icon-vertical-bar .icon-btn:hover {
			transform: scale(1.05);
			filter: drop-shadow(0 0 8px rgba(255, 225, 0, 0.9));
			opacity: 1;
			transition: all 0.2s ease;
		}

		.icon-vertical-bar .icon-btn:active {
			transform: scale(0.95);
		}
		.icon-vertical-bar .icon-btn img {
			width: 32px;
			height: 32px;
			pointer-events: none;
		}
		
		/* ===== 背景切换过渡遮罩 ===== */
		.bg-transition-mask {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.9);
			z-index: 20000;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		.bg-transition-mask img {
			max-width: 90%;
			max-height: 80%;
			object-fit: contain;
			margin-bottom: 20px;
		}

		.progress-bar-container {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 4px;
			background-color: rgba(255, 255, 255, 0.3);
		}

		
		/* 全屏过渡遮罩，覆盖整个窗口，阻止任何点击 */
		.bg-transition-mask {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.9);
			z-index: 100000;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			pointer-events: auto;    /* 关键：阻止点击下方元素 */
		}

		/* 全屏过渡遮罩（背景图由JS动态设置） */
		.bg-transition-mask {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #000;        /* 备用黑色背景 */
			z-index: 100000;
			pointer-events: auto;          /* 拦截所有点击 */
		}

		/* 进度条容器保持不变 */
		.progress-bar-container {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 4px;
			background-color: rgba(255, 255, 255, 0.3);
			z-index: 100001;
			pointer-events: none;
		}

		.progress-bar {
			width: 0%;
			height: 100%;
			background-color: #5dade2;

		}
		
		/* 飞行旗进度条容器（固定在底部100px，水平居中） */
		.flight-progress {
			position: fixed;
			bottom: 100px;
			left: 45%;
			transform: translateX(-50%);
			width: 300px;
			height: auto;          /* 高度由内容撑开，不再限制 */
			z-index: 100010;
			display: none;
			align-items: center;
			justify-content: center;
		}

		/* 蝴蝶图标（缩小为 24x24，图片减半） */
		.flight-butterfly {
			position: absolute;
			left: 0;               /* 紧贴左侧 */
			top: 50%;
			transform: translateY(-50%);
			width: 27px;           /* 从 48px 减半 */
			height: 24px;
			background: transparent;
			border-radius: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.flight-butterfly img {
			width: 100%;
			height: 100%;
			object-fit: contain;
			filter: drop-shadow(0 0 4px rgba(100, 150, 255, 0.7));
		}

		/* 进度条外框（高度降低到 14px，边框加粗到 2px） */
		.flight-bar-bg {
			width: 100%;
			height: 14px;
			background-color: #1f2340;
			border-radius: 7px;
			overflow: hidden;
			border: 2px solid #5577aa;
			/* 新增：淡蓝色外发光（可调整强度和范围） */
			box-shadow: 0 0 8px rgba(80, 160, 255, 0.5), inset 0 0 2px rgba(255,255,200,0.2);
			/* 保留原来的内阴影（如果需要）可以合并，上面已包含 */
		}

		/* 内部填充（同步圆角） */
		.flight-fill {
			width: 0%;
			height: 100%;
			background: linear-gradient(90deg, #ff9933 0%, #ffbb55 100%);
			border-radius: 7px;
			transition: width linear;
		}

		/* 中间文字位置微调（根据新高度调整） */
		.flight-text {
			position: absolute;
			top: -22px;            /* 保持与原来一致，或者可调整为 -28px */
			left: 50%;
			transform: translateX(-50%);
			color: #ffffff;
			font-size: 18px;
			font-family: "SimHei", "Microsoft YaHei", sans-serif;
			text-shadow: 1px 1px 2px #000;
			white-space: nowrap;
			letter-spacing: 2px;
		}

		/* 右侧花瓣装饰微调（位置适应新高度） */
		.flight-petal {
			position: absolute;
			right: 6px;
			bottom: -8px;          /* 稍微上移，适应更窄的进度条 */
			display: flex;
			gap: 5px;
		}
		.flight-petal .petal {
			width: 7px;
			height: 9px;
			background-color: #eeccee;
			border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
			opacity: 0.7;
		}
		.flight-petal .petal:last-child {
			width: 5px;
			height: 7px;
			opacity: 0.5;
		}
		
		.small-settings-btn {
			background: #6396CE;
			border: 1px solid #2c5a8c;
			border-radius: 6px;
			padding: 4px 10px;
			font-size: 12px;
			color: #fff;
			cursor: pointer;
			width: 100%;
			text-align: center;
			margin-top: 1px;
		}
		.small-settings-btn:hover {
			background: #4d7bb0;
		}
		
		/* 1. 上一张/下一张按钮：黑色背景 + 灰白光晕 + 增高 */
		#prev-bg-btn,
		#next-bg-btn {
			background: #000000 !important;
			border: 1px solid #888888 !important;
			box-shadow: 0 0 12px rgba(200, 200, 200, 0.6), inset 0 0 4px rgba(255,255,200,0.2) !important;
			height: 48px !important;
			line-height: 1 !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			gap: 8px !important;
			margin-right: 6px;
			margin-left: 6px;
		}

		/* 按钮内飞行图标放大 */
		#prev-bg-btn .btn-icon,
		#next-bg-btn .btn-icon {
			width: 28px !important;
			height: 28px !important;
			margin-right: 6px !important;
			margin-left: 6px;
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
		}

		/* 2. 调整职业选择、装备类型、武器类型三个下拉框的上下间距 */
		.right-floating-bar .right-section:nth-child(1),
		.right-floating-bar .right-section:nth-child(2),
		.right-floating-bar .right-section:nth-child(3) {
			margin-bottom: -10px !important;
		}
		/* 压缩右侧功能区中这些选项的间距 */
		.right-floating-bar {
			gap: 7px !important;   /* 将原有 12px 的间隙减小到 4px */
		}

		/* 确保每个选项本身没有额外的上下外边距 */
		.right-floating-bar .checkbox-item {
			margin: 0 !important;
		}

		/* 音量控制按钮原有的上边距会导致额外间距，将其移除 */
		#volume-control-btn.small-settings-btn {
			margin-top: 3px !important;
		}
		.btn-icon {
			filter: drop-shadow(0 0 4px rgba(255, 220, 150, 0.8));
			transition: filter 0.2s ease;
		}

		/* 可选：鼠标悬停时发光略微增强，增加反馈感 */
		#prev-bg-btn:hover .btn-icon,
		#next-bg-btn:hover .btn-icon {
			filter: drop-shadow(0 0 6px rgba(255, 200, 100, 0.9));
		}
		.warehouse-tooltip .info-block > div > span {
			line-height: 1.05 !important;        /* 您想要的值，例如 1.2 */
			margin-bottom: -2px !important;     /* 保持与主界面一致，压缩行距 */
		}
		/* 主界面：装备名称和装备类型之间的间距 */
		.equip-container #equip-info > div:first-child + div {
			margin-top: 1.5px !important;   /* 调整这个值，例如 2px、4px、8px */
		}

		/* 包裹悬浮界面：装备名称和装备类型之间的间距 */
		.warehouse-tooltip .info-block > div:first-child + div {
			margin-top: 1.5px !important;   /* 可设置不同值，例如 2px、4px、8px */
		}
		
		 /* 在缩小一半基础上整体+10%缩放 */
        .dialog {
            width: 616px;
            height: 450px;
            background: linear-gradient(180deg, #3B4775 0%, #212c56 100%);
            border: 1px solid #7b89cc;
            border-radius: 5.5px;
            position: relative;
            overflow: hidden;
        }
        .close-btn {
			width: 26px;
			height: 26px;
			border-radius: 0; /* 方形 */
			background: #19224b;
			border: 1px solid #a1b5ff;
			color: #ffffff;
			font-size: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			line-height: 1;
			cursor: pointer;
		}
        .main-title {
            text-align: center;
            font-size: 20.9px;
            color: #fffefc;
            letter-spacing: 1px;
            margin-top: 14.3px;
        }
        .equip-name {
            text-align: center;
            font-size: 17.6px;
            color: #e78cff;
            margin: 7.7px 0 17.6px;
        }

        /* 三列技能区 */
        /* 三列技能区容器：使用 flex 让三列自动等高 */
		.skill-wrap {
			display: flex;
			align-items: stretch;   /* 让每列高度一致 */
			gap: 8.8px;
			padding: 0 13.2px;
			
		}

		/* 每列采用 flex 列布局，让内容区可滚动 */
		.skill-col {
			flex: 1;
			display: flex;
			flex-direction: column;
			border: 1px solid #5564a6;
			background: rgba(27, 35, 72, 0.58);
		}

		/* 内容区域：自动填充剩余空间，超出时滚动 */
		.skill-content {
			background:#1E2B4E;
			height: 200px !important;
			padding: 8.8px;
			font-size: 12.1px;
			line-height: 1.4;
			color: #ffffff;
			height: 280px;
		}
        .col-head {
			flex-shrink: 0;
            height: 26px;
			line-height: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
            text-align: center;
            font-size: 14.3px;
            color: #ffdd79;
            background: #262e57;
            border-bottom: 1px solid #5564a6;
            position: relative;
        }
        
        .skill-content {
            padding: 8.8px;
            font-size: 12.1px;
            line-height: 1.4;
			color: #ffffff;
        }
        .red-name {color:#ff3636;}
        .y1-name {color:#ffef55;}
        .y2-name {color:#ffef55;}
        .green-text {color:#ff3636; margin-top:0;}

        /* 按钮区：严格对齐新技能1/2 */
        .btn-wrap {
            display: flex;
            padding: 0 13.2px;
            gap: 8.8px;
            margin: 17.6px 0 13.2px;
        }
        .btn-col {
            flex: 1;
            display: flex;
            justify-content: center;
        }
        .select-btn {
            width: 132px;
            height: 26.4px;
            font-size: 13.2px;
            background: linear-gradient(#637acc,#3c509a);
            border: 1px solid #a3b9ff;
            color: #fff;
            border-radius: 3.3px;
            cursor: pointer;
        }

        .check-row {
            display:flex;
            align-items:center;
            padding:0 13.2px;
            font-size:13.2px;
            color:#ffffff;
            gap:4.4px;
            margin-bottom:8.8px;
        }
        input[type="checkbox"] {
            width:14.3px;
            height:14.3px;
        }
        .note-info {
            padding:0 13.2px;
            font-size:12.1px;
            color:#4cff75;
            line-height:1.4;
        }
		#modalExtraSkillReset {
			pointer-events: none !important;
		}

		/* 2. 弹窗内的可交互元素恢复点击能力 */
		#modalExtraSkillReset .dialog,
		#modalExtraSkillReset button,
		#modalExtraSkillReset .select-btn,
		#modalExtraSkillReset .close-btn {
			pointer-events: auto !important;
			cursor: pointer !important;
			z-index: 100002 !important;
			position: relative;
		}

		/* 3. 关闭按钮强制固定在右上角（覆盖原有位置） */
		#modalExtraSkillReset .close-btn {
			position: absolute !important;
			top: 10px !important;
			right: 10px !important;
			left: auto !important;
		}
		.info-bg-wrap {
			background:#1E2B4E;
			padding: 6px 0;
			margin-top: 8px;
		}
		/* 确保内部元素背景不覆盖外层 */
		.check-row, .note-info {
			background: transparent;
		}
		/* 整个页面增加外边框 */
		body::before {
			content: '';
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border: 6px solid #BAD2EA;
			pointer-events: none;   /* 让边框不干扰点击 */
			z-index: 99999;         /* 确保边框在最上层 */
			box-sizing: border-box;
		}
		/* 让 body 高度自动适应，避免边框遮挡内容 */
		body {
			min-height: 100vh;
			margin: 0;
			background-attachment: fixed; /* 保持背景覆盖，但边框始终可见 */
		}
		
		
		/* ========== 灵伴抽卡模块独立样式 ========== */
		.lingban-modal-mask {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.85);
			z-index: 100000;
			justify-content: center;   /* 保持垂直居中，水平仍为center */
			align-items: center;
		}
		/* 主弹窗容器：整体向左偏移5%（实现中心点位于45%处） */
		.lingban-draw-container {
			position: relative;
			left: -8%;                 /* 关键：从50%中心左移5% → 中心在45% */
			width: 500px;
			background: #0f1a24;
			border-radius: 16px;
			border: 1px solid #6a1b9a;
			box-shadow: 0 0 30px rgba(106,27,154,0.5);
			padding: 20px;
			text-align: center;
			color: #fff;
		}
		.lingban-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 20px;
		}
		.lingban-title {
			font-size: 24px;
			font-weight: bold;
			color: #ffd700;
		}
		.lingban-close-btn {
			background: #c62828;
			border: none;
			width: 32px;
			height: 32px;
			border-radius: 50%;
			color: white;
			font-size: 24px;
			cursor: pointer;
		}
		.lingban-stats {
			display: flex;
			justify-content: space-between;
			background: rgba(0,0,0,0.6);
			padding: 10px;
			border-radius: 8px;
			margin-bottom: 15px;
		}
		.lingban-stat-item { color: #fff; font-size: 14px; }
		.lingban-stat-item.red span { color: #c62828; }
		.lingban-stat-item.blue span { color: #3498db; }
		.lingban-stat-item.gold span { color: #ffd700; }
		.lingban-counter {
			font-size: 18px;
			margin: 10px 0;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 6px;
		}
		.lingban-counter img { width: 24px; height: 24px; }
		.lingban-buttons {
			display: flex;
			justify-content: center;
			gap: 20px;
			margin: 15px 0;
		}
		.lingban-draw-btn {
			background: #E6CFA4;
			color: #000;
			border: none;
			padding: 10px 20px;
			border-radius: 5px;
			font-size: 16px;
			cursor: pointer;
			transition: 0.2s;
		}
		.lingban-draw-btn:disabled {
			opacity: 0.6;
			cursor: not-allowed;
		}
		.lingban-loading {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.7);
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			border-radius: 16px;
		}
		.lingban-spinner {
			width: 40px;
			height: 40px;
			border: 4px solid #f3f3f3;
			border-top: 4px solid #9b59b6;
			border-radius: 50%;
			animation: spin 1s linear infinite;
			margin-bottom: 10px;
		}
		@keyframes spin { 100% { transform: rotate(360deg); } }

		/* 结果弹窗 */
		.lingban-result-mask {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.8);
			z-index: 100001;
			justify-content: center;
			align-items: center;
		}
		.lingban-result-container {
			position: relative;
			left: -8%;
			background: #000;
			border-radius: 12px;
			max-width: 95vw;
			width: auto;
			padding: 20px;
			border: 2px solid #6a1b9a;
			max-height: 80vh;
			display: flex;
			flex-direction: column;
		}
		.lingban-card-list {
			display: flex;
			flex-wrap: nowrap;          /* 关键：禁止换行 */
			overflow-x: auto;           /* 水平滚动条 */
			gap: 12px;
			padding: 10px;
			overflow-x: visible;
			min-height: 280px;          /* 保证卡片区域高度稳定 */
		}
		/* 卡片宽度可微调，保证一行显示2~3个 */
		.lingban-card {
			flex: 0 0 100px;
			background: linear-gradient(45deg, #4a148c, #6a1b9a);
			border-radius: 8px;
			padding: 10px;
			text-align: center;
			color: white;
			border: 1px solid #ffd700;
		}
		.lingban-card img {
			width: 80px;
			height: 80px;
			object-fit: cover;
		}
		.lingban-card-name {
			font-size: 14px;
			font-weight: bold;
			margin: 5px 0;
		}
		.lingban-card-stars {
			color: #ffd700;
			font-size: 16px;
		}
		.lingban-five-star-notice {
			text-align: center;
			color: #ffd700;
			margin: 15px 0;
			font-size: 16px;
			animation: glow 1s ease-in-out infinite;
		}
		@keyframes glow { 0%,100%{ opacity:0.8; } 50%{ opacity:1; } }
		.lingban-result-footer {
			text-align: center;
			margin-top: 15px;
		}
		.lingban-close-result {
			background: #6a1b9a;
			color: white;
			border: none;
			padding: 6px 20px;
			border-radius: 5px;
			cursor: pointer;
		}
		.lingban-tip {
			color: #888888;       /* 中灰色 */
			font-size: 12px;
			margin-top: 10px;
			text-align: center;
		}
		
		/* ==================== 2. 洗衣机弹窗专用样式记录1 ==================== */
		/* ========== 洗衣机弹窗主体（设计图样式） ========== */
		.washing-machine-modal {
			display: none;
			position: fixed;
			top: 18%;
			left: 18%;

			width: 890px;
			z-index: 100000;
			background: linear-gradient(90deg, rgba(60, 65, 98, 0.65), rgba(77, 83, 123, 0.65), rgba(98, 108, 150, 0.65));
			border-radius: 4px;
			color: #fff;
			box-shadow: 0 0 20px rgba(0,0,0,0.5);
			backdrop-filter: blur(2px);
		}

		/* 标题栏 */
		.wm-title {
			text-align: center;
			font-size: 24px;
			padding: 12px 0;
			color: #ffffff;
			letter-spacing: 1px;
			font-family: "方正粗倩简体", sans-serif;
			letter-spacing: 2px !important;
			font-weight: bold;
		}

		/* 关闭按钮 */
		.wm-close-btn {
			position: absolute;
			right: 4px;
			top: 4px;
			width: 30px;
			height: 30px;
			background: #273048;
			color: #fff;
			font-size: 18px;
			cursor: pointer;
			border: none;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		/* 网格布局 */
		.wm-grid {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			gap: 1px;
			padding: 0 4px;
		}
		.wm-grid + .wm-grid {
			margin-top: 1px;
		}

		/* 卡片容器 - 相对定位，用于承载闪电边框 */
		.wm-card {
			height: 240px;
			background: rgba(38, 47, 70, 0.72);
			border: 0.5px solid #55688f;
			padding: 2px;
			display: flex;
			flex-direction: column;
			cursor: pointer;
			position: relative;
			font-family: "Microsoft YaHei", sans-serif;
			border-radius: 2px;

		}

		/* 卡片标题 */
		.wm-card-title {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0;
			/* 原有样式保留 */
			text-align: center;
			font-size: 15px;
			padding: 2px 0 6px;
			margin-bottom: 2px;
			color: #BBA486;
			background: #1D1B22;
			flex-shrink: 0;
		}
		.wm-scroll-area {
			flex: 1;
			overflow-y: auto;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}
		.wm-scroll-area::-webkit-scrollbar {
			display: none;
		}

		/* 基础属性区域 */
		.wm-base {
			font-size: 13px;
			color: #ffffff;
			line-height: 1.08 !important;
			margin-bottom: 4px;
			margin-left: 6px;
			white-space: pre-line;
			font-family: 'MySimSun', "SimSun", "宋体", "Microsoft YaHei", "微软雅黑", sans-serif !important;
			
			-webkit-font-smoothing: antialiased;
		}

		/* 粉色词条区域 */
		.wm-pink {
			font-size: 13px;
			line-height: 1.08 !important;
			margin-right: 1px;
			white-space: pre-line;
			font-family: 'MySimSun', "SimSun", "宋体", "Microsoft YaHei", "微软雅黑", sans-serif !important;
			
			-webkit-font-smoothing: antialiased;
		}

		/* ========== 您提供的流光闪电边框特效（直接套用） ========== */
		.wm-card.selected {
			border: 0.1px solid transparent;
			padding: 2px;
			/* 仅外发散火焰效果 */
			box-shadow: 0 0 12px 5px rgba(255, 255, 255, 0.8); /* 增强外发散，更明显 */
			transition: box-shadow 0.1s ease;
		}

		/* 流光扫描边框（速度减慢） */
		.wm-card.selected::before {
			content: "";
			position: absolute;
			inset: 0;
			padding: 2px;
			background: linear-gradient(90deg, transparent, #fff, transparent, #fff, transparent);
			background-size: 300% 100%;
			border-radius: 4px;
			-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			animation: flashLight 2s linear infinite; /* 速度减慢为 4 秒 */
			pointer-events: none;
			z-index: 1;
		}

		@keyframes flashLight {
			0% { background-position: 300% 0; }
			100% { background-position: -300% 0; }
		}

		/* 底部区域 */
		.wm-footer {
			padding: 5px 4px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		/* 底部提示文字 */
		.wm-tip {
		    width: 530px;
			height: 60px;
			font-size: 15px;
			color: #ffffff;
			margin-bottom: 10px;
			line-height: 1.1 !important;
			background: rgba(39, 48, 72, 0.7);
			padding: 4px;
			padding-right: 8px;
			border-radius: 2px;
			border: 0.5px solid #55688f;
		}

		/* 按钮组 */
		.wm-btns {
			display: flex;
			align-items: center;
			gap: 25px;
			margin-right: 15px;
			line-height: 1.6 !important;
			vertical-align: middle;
		}
		.wm-btn-group {
			display: flex;
			flex-direction: column;
			gap: 8px;
		}
		.wm-btn {
			padding: 2px 12px;
			background: linear-gradient(180deg, rgba(109,158,212,0.75), rgba(77,119,171,0.75));
			border: none;
			box-shadow: 0 2px 3px #000;
			color: #ffffff;
			font-size: 15px;
			cursor: pointer;
			border-radius: 1px;
			font-family: "Microsoft YaHei", sans-serif;
			/* 新增：flex 居中 */
			display: inline-flex;
			align-items: center;
			justify-content: center;
			line-height: 1;          /* 避免行高影响 */
			height: 24px;            /* 固定高度，确保垂直居中 */
			box-sizing: border-box;
		}
		#wm-apply-btn {
			min-width: 140px;        /* 最小宽度，保证内容不压缩 */
			padding: 2px 24px;       /* 增加左右内边距，使按钮更宽 */
		}
		/* 左侧星星（第一个星星）距离文字 1px */
		.wm-card-title .star-deco:first-child {
			margin-right: 1px;
		}

		/* 右侧星星（最后一个星星）距离文字 1px */
		.wm-card-title .star-deco:last-child {
			margin-left: 1px;
		}


		/* 重叠星星装饰 */
		.star-deco {
			display: inline-block;
			font-size: 18px;          /* 略小于标题字号，更协调 */
			line-height: 1;
			vertical-align: middle;
			white-space: nowrap;
		}
		.star-deco .s1,
		.star-deco .s2 {
			display: inline-block;
		}
		.star-deco .s2 {
			margin-left: -10px;       /* 向左移动，与 s1 重叠，数值可调 */
		}
		/* 掉落面板样式补充 */
		.dice-panel-reward {
			background: rgba(8, 20, 40, 0.62) !important;
			backdrop-filter: blur(2px);
			min-width: 260px;
		}
		.dice-panel-reward .panel-header {
			cursor: move;

		}
		.dice-panel-reward .item-list li {

			border-radius: 4px;
			padding: 2px 4px;
			margin-bottom: 4px;
		}
		.dice-panel-reward .small-dice, 
		.dice-panel-reward .row-close,
		.dice-panel-reward .big-dice {
			cursor: pointer;
			transition: transform 0.1s;
		}
		.dice-panel-reward .small-dice:hover,
		.dice-panel-reward .big-dice:hover {
			transform: scale(1.1);
			filter: drop-shadow(0 0 2px gold);
		}
		.dice-panel-reward .num {
			font-family: monospace;
			font-weight: bold;
			color: #ffaa66;
		}
		/* 掉落面板列表 - 可滚动但无滚动条 */
		.dice-panel-reward .item-list {
			max-height: 260px;
			overflow-y: auto;
			scrollbar-width: none;  /* Firefox */
			-ms-overflow-style: none; /* IE/Edge */
		}
		.dice-panel-reward .item-list::-webkit-scrollbar {
			display: none; /* Chrome/Safari */
		}