/* ===================== 全局基础样式 ===================== */
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		font-family: 'Inter', sans-serif;
	}
 /* 整体布局样式 */
body {
   /* font-family: Arial, sans-serif;*/
    font-family:  "微软雅黑", "Microsoft YaHei",Arial, sans-serif;
    padding: 0 10px;
    background: rgb(0 99 103); 
	font-size: 14px;
	background: #0081ff;
	
	background-image: 
		linear-gradient(rgba(22, 93, 255, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22, 93, 255, 0.05) 1px, transparent 1px),
		radial-gradient(circle at 10% 20%, rgba(22, 93, 255, 0.1) 0%, transparent 25%),
		radial-gradient(circle at 90% 80%, rgba(123, 97, 255, 0.1) 0%, transparent 25%);
	background-size: 40px 40px, 40px 40px, 100% 100%, 100% 100%;
	color: var(--text-primary);
	min-height: 100vh;
	line-height: 1.7;
	/* background-image:
	    linear-gradient(rgba(0, 163, 255, 0.05) 1px, transparent 1px),
	    linear-gradient(90deg, rgba(0, 163, 255, 0.05) 1px, transparent 1px);
	background-size: 30px 30px; */
    color: #333;
    
}
iframe {
    border: none;
}
header{
	text-align: center;
	/*background: linear-gradient(to bottom, #663399, #9370db);*/
	/*background: linear-gradient(to bottom, #f6f6f6, #f1f1f1f1);*/
	/*padding: 10px 0;*/
}
header h1{
	color: #ffffcc;
	font-weight: bold;
/*	font-size: 66px  !important;*/
}
.text_B{
	color: #007BFF;
}
.header_tips{
	font-size: 30px;
	color: #ff;
	margin: 6px;
	font-weight: bold;
}

table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    margin-top: 10px;
}
table td {
    border: 1px solid #ccc;   
}
.first_tr{
	background: #F1F1F1;
	color: #0081ff;
	font-size: 18px;
	font-weight: 900;	
}
.first_tr td{padding: 10px;}
/*.first_tr .td_2{color: #8799a3;}*/
.td_1{
	width: 76%;
	padding: 0 20px;
	
}
/*设置左边内容顶对齐*/
.td_1_content{
	min-height: 1200px;
	/* display: flex;

	align-items: flex-start; */
}
.td_2{
	width: 24%;
/* 	color: rgb(157 78 221 / var(--tw-text-opacity, 1)); */
/* 	    background-color: rgb(10 15 28 / var(--tw-bg-opacity, 1)); */
}
.td_2.ul_top {
	vertical-align: top;	
}

.td_iframe{
	display: flex;
	align-items: flex-start;
	
	background: oklch(12.9% 0.042 264.695);*/
}
/*设置iframe的高度*/
.h_full{
	 height: 1200px;
	 overflow-y: auto;
	 width: 100%;
}
.td_2 ol{	
    /*height: 600px;
    overflow-y: auto;*/
	background: #F1F1F1;
}
.title_2{
	color: #000;
	font-size: 20px;
	font-weight: 900;
}
.content{
	font-size: 16px;
	color: #666666;
}

/* 滚动条整体样式（Chrome、Safari、Edge） */
   .td_2 ol::-webkit-scrollbar {
        width: 8px;
    }

    /* 滚动条轨道 */
   .td_2 ol::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    /* 滚动条滑块 */
   .td_2 ol::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

    /* 滚动条滑块悬停状态 */
   .td_2 ol::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    /* Firefox 滚动条样式 */
   .td_2 ol{
        scrollbar-width: thin;
        scrollbar-color: #888 #f1f1f1;
    }



/* 图片样式 */
img {
    max-width: 100%;
    height: auto;
    padding: 10px 0;
}

ol li{
/*   	padding: 6px;*/
   	color: #8799a3;
}
ol li p{
	font-size: 12px;
	padding: 0;
	margin: 6px;
}
/*ol li span{
	font-size: 12px;
	color: #000000;

}*/
/* 视频链接样式 */
ol li a {   
	display: inline-block;
    text-decoration: underline;
    color: #0081ff;
    font-size: 14px;
  
}

/*奇偶元素*/
/*ol li:nth-child(2n) {
    color: #9d8c1c;
}

ol li:nth-child(2n + 1) {
    color: #ffb6c1;
}*/


/*文字加外阴影*/
.text-with-shadow {
    text-shadow: 1px 2px 2px rgba(255, 255, 255, 0.3);
}
/* 科技感发光文字核心样式 */
    .shining-text {
        display: inline-block;
        font-size: clamp(1.4rem, 4vw, 2.4rem);
        font-weight: 700;
        position: relative;
        letter-spacing: 1px;
        color: #ffffff; /* 基础文字色 */
        text-shadow: 
            0 0 8px rgba(66, 153, 225, 0.6),
            0 0 20px rgba(156, 39, 176, 0.4);
    }

    /* 渐变光效层 */
    .shining-text::before {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* 蓝紫渐变光效 - 科技感核心 */
        background: radial-gradient(
            circle, 
            #4299e1 10%,  /* 亮蓝 */
            #9f7aea 30%,  /* 紫罗兰 */
            #805ad5 50%,  /* 深紫 */
            transparent 70%
        );
        background-size: 40% 100%;
        background-repeat: no-repeat;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        /* 更流畅的光效动画 */
        animation: shine 6s ease-in-out infinite;
    }

    /* 光效流动动画 */
    @keyframes shine {
        0%, 100% {
            background-position: -50% 0;
            opacity: 0.8;
        }
        50% {
            background-position: 150% 0;
            opacity: 1;
        }
    }

    /* 科技感下划线动画 */
    .coupon-amount::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 100%;
        height: 2px;
        /* 蓝紫渐变下划线 */
        background: linear-gradient(
            90deg, 
            transparent 0%, 
            #4299e1 25%, 
            #9f7aea 50%, 
            #4299e1 75%, 
            transparent 100%
        );
        transform: scaleX(0);
        transform-origin: center;
        /* 更细腻的下划线动画 */
        animation: underline 2s ease-in-out infinite;
        box-shadow: 0 0 6px rgba(66, 153, 225, 0.5);
    }

    /* 下划线缩放动画 */
    @keyframes underline {
        0%, 100% { 
            transform: scaleX(0); 
            opacity: 0;
        }
        30% {
            opacity: 1;
        }
        50% { 
            transform: scaleX(1); 
            opacity: 1;
        }
        70% {
            opacity: 1;
        }
    }

    /* 响应式优化 */
    @media (max-width: 768px) {
        .shining-text {
            letter-spacing: 0.5px;
        }
        .shining-text::before {
            animation: shine 8s ease-in-out infinite;
        }
    }
/*文字下出现一条动画横条 end*/ 
    
    
    
/*按钮*/

.btn {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    border: none;
    border-radius: 50px;
    overflow: hidden;
    background: linear-gradient(90deg,#ff3300, #91028b);
    background-size: 200% 200%;
    animation: gradient 5s ease infinite;
    box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.2), 
        0 8px 20px rgba(0, 0, 0, 0.15);
    transform: perspective(1000px) rotateX(0deg) rotateY(0deg);
    transition: transform 0.3s, box-shadow 0.3s;
}

.btn:hover {
    transform: perspective(1000px) rotateX(-5deg) rotateY(5deg) scale(1.05);
    box-shadow: 
        0 8px 16px rgba(0, 0, 0, 0.3), 
        0 16px 32px rgba(0, 0, 0, 0.2);
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

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

    100% {
        background-position: 0% 50%;
    }
}
/*.a_text{
	font-size: 12px !important;
	color: #D39E00 !important;
}*/

.p_tips{
	color: dodgerblue;
	font-size: 18px;
	font-weight: 900;
}


/* ===================== 自定义滚动条：提升细节体验 ===================== */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	background: var(--dark-bg-layer);
	border-radius: 4px;
}
::-webkit-scrollbar-thumb {
	background: var(--border-medium);
	border-radius: 4px;
	transition: var(--transition-fast);
}
::-webkit-scrollbar-thumb:hover {
	background: var(--primary);
}