/* 3D彩票玩法类型选择容器 */
.play-type-3d {
    display: flex;                /* 使用弹性布局 */
    justify-content: center;      /* 水平居中排列子元素 */
    gap: 10px;                    /* 子元素之间的间距 */
    margin-bottom: 15px;          /* 底部外边距 */
    background: transparent;      /* 透明背景 */
}

/* 玩法类型标签样式 */
.play-type-3d label {
    background: #f0f4f8;          /* 浅蓝色背景 */
    padding: 8px 12px;            /* 内边距 */
    border-radius: 5px;           /* 圆角边框 */
    cursor: pointer;              /* 鼠标悬停时显示手型指针 */
    font-size: 12px;              /* 字体大小 */
    display: flex;                /* 内部使用弹性布局 */
    align-items: center;          /* 垂直居中对齐 */
    gap: 6px;                     /* 标签内部元素间距 */
}

/* 单选按钮基础样式 */
.play-type-3d input[type="radio"] {
    width: 16px;                  /* 宽度 */
    height: 16px;                 /* 高度 */
    border: 2px solid #3498db;    /* 蓝色边框 */
    border-radius: 50%;           /* 圆形效果 */
    appearance: none;             /* 去除默认样式 */
    cursor: pointer;              /* 手型指针 */
}

/* 单选按钮选中状态样式 */
.play-type-3d input[type="radio"]:checked::before {
    content: '';                  /* 伪元素内容 */
    display: block;               /* 块级显示 */
    width: 8px;                   /* 内圆宽度 */
    height: 8px;                  /* 内圆高度 */
    background: #3498db;          /* 蓝色填充 */
    border-radius: 50%;           /* 圆形效果 */
    position: relative;           /* 相对定位 */
    top: 50%;                     /* 垂直居中定位 */
    left: 50%;                    /* 水平居中定位 */
    transform: translate(-50%, -50%); /* 精确居中 */
}

/* 3D彩票选号区选中数字样式 */
.lottery-orders--3d .digit-row[data-digit="hundreds"] .number.selected,
.lottery-orders--3d .digit-row[data-digit="tens"] .number.selected,
.lottery-orders--3d .digit-row[data-digit="units"] .number.selected { 
    background: #FFA500 !important;   /* 橙色背景 (百位/十位/个位选中状态) */
    color: #fff !important;            /* 白色文字 */
    border-color: #FFA500 !important;  /* 橙色边框 */
}

/* 橙色彩票球通用样式 */
.lottery-ball.orange-ball {
    background-color: #FFA500 !important; /* 橙色背景 (通用球体样式) */
}

/* 购物车中3D彩票球样式 */
.lottery-orders--cart[data-lottery-type="3D"] .lottery-ball,
.lottery-orders--cart[data-lottery-type="3d"] .lottery-ball { 
    background-color: #FFA500 !important; /* 橙色背景 (购物车中的3D彩票) */
}