@charset "GB2312";

/* ---------- 全局重置与布局 ---------- */
* {
    margin: 0;           /* 清除所有元素默认外边距 */
    padding: 0;         /* 清除所有元素默认内边距 */
    box-sizing: border-box; /* 盒模型统一为 border-box（宽度包含内边距和边框） */
}

/* 链接默认样式 */
a:link          { color: #3399ff; text-decoration: none }
a:visited       { color: #3399ff; text-decoration: none }
a:active        { color: #ff9933; text-decoration: none }
a:hover         { color: #ff9933; text-decoration: none }



/* 页面主体样式 */
body {
    background: #f0f2f6; /* #f5f7fa; /* #91C5EC;       柔和浅灰蓝背景，用于衬托卡片阴影 */
    min-height: 100vh;     /* 最小高度撑满整个视口高度 */
    display: flex;         /* 使用弹性布局实现垂直水平居中 */
    flex-direction: column;
    align-items: center;   /* 垂直居中（交叉轴居中） */
    justify-content: center; /* 水平居中（主轴居中） */
    font-family: Ginto Copilot Variable, Segoe UI, Segoe UI Midlevel, Segoe WP, Arial, Sans-Serif; /* 系统默认无衬线字体，优雅降级 */
    padding-top: 0px;     /* 上内边距，避免内容贴边 */
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 50px;
	
	/* 背景图片路径 */
	background-image: var(--bg-img, url(''));
   /* background-image: url('003.jpg');
     覆盖整个视口，保持宽高比，多余部分裁剪 */
	 
    background-size: cover;
    /* 固定背景，不随滚动 */
    background-attachment: fixed;
    /* 居中显示 */
    background-position: center;
    /* 不重复平铺 */
    background-repeat: no-repeat;

    /* 为了确保背景覆盖整个视口，可设置最小高度（可选） */

    margin: 0; /* 清除默认边距 */
/* 加一个 1.2s 的淡入动画 */
    animation: fadeIn 0.8s ease;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


/* ===== 2. 毛玻璃遮罩层（固定定位，覆盖全视口） ===== */
  .glass-overlay {
	  position: fixed;          /* 固定视口 */
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 1;               /* 位于内容下方，背景上方 */

	  /* 半透明底色（让文字更清晰） */
	  background: rgba(60, 60, 60, 0.2);

	  /* ★ 核心特效：毛玻璃模糊（对背景图生效） */
	 /*  backdrop-filter: blur(6px);   */
	/*  -webkit-backdrop-filter: blur(6px); Safari 兼容 */

	  /* 让鼠标点击穿透（不影响点击文字/按钮） */
	  pointer-events: none;
  }

  /* ===== 3. 内容区（浮在毛玻璃之上） ===== */
  .content {

	  z-index: 2;               /* 在毛玻璃之上 */
	  min-height: 100vh;        /* 撑满视口至少一屏 */
	  width: 100vw;
	  padding: 0 ;
	  box-sizing: border-box;
	  line-height: 1.8;
     /* background-color: rgba(250,250, 250, 0.2); */
	  /* text-shadow: 0 4px 20px rgba(0, 0, 0, 0.46);  给文字加阴影，进一步清晰 */
	  
	  /* 给内容加一点边距呼吸感 */
	  display: flex;
	  flex-direction: column;
      align-items: center;   /* 垂直居中（交叉轴居中） */
     /* justify-content: center; /* 水平居中（主轴居中） */
	  text-align: center;

	  
  }
  
  
		
.t14l18 {
	font-family: Ginto Copilot Variable, Segoe UI, Segoe UI Midlevel, Segoe WP, Arial, Sans-Serif; /* 系统默认无衬线字体，优雅降级 */
	font-size:14px;
	line-height:1.8;
	color: #333333;    /* #1e293b; */
	
	}
	
	
/* ---------- 菜单盒子：圆角白色卡片 + 外阴影 ---------- */
.menubox_parrent {
	display: flex;
    flex-direction: column;  /* 竖向排列 */
	position: sticky;
	/* display: flex;  启用 Flex 布局 */
    top: 0;                /* 关键：粘在顶部 */
	z-index: 100;          /* 确保在其他内容之上 */
	width: 100vw; 
	background-color: #ffffff; /* #E7F3FF; /* =rgb(231,243,255) */
    align-items: center;   /* 垂直居中（交叉轴居中） */
    /*justify-content: center; /* 水平居中（主轴居中） */
    /* 外阴影效果：两层叠加，营造柔和立体阴影 */
    box-shadow: 0 -15px 30px -16px rgba(5, 5, 5, 0.1),   /* 第一层：下方较远阴影，模糊20px，扩展16px */
                0  4px 12px -3px rgba(5, 5, 5, 0.1);     /* 第二层：贴进阴影，模糊12px，扩展3px */
				
   /*  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); */
	    
	  backdrop-filter: blur(12px);
	  -webkit-backdrop-filter: blur(12px); /* Safari 兼容 */		
	   /* transition: box-shadow 0.2s ease, transform 0.1s ease;		*/  
     
    /* 针对背景色的渐变过渡，0.3秒，缓动函数 */
    transition: background-color 0.4s ease;			
	}
 
.menubox {
    display: flex;
	flex-direction: row;  /* 横向排列 */
	align-items: center;     /* 垂直居中 */
    font-family: Ginto Copilot Variable, Segoe UI, Segoe UI Midlevel, Segoe WP, Arial, Sans-Serif;
  	
    width: 100%;               /* 宽度占满父容器，用 max-width 约束 */
 
     max-width: 1280px;         /* 最大宽度 1280px */
   /* min-width: 1028px;          最小宽度 1028px */
    /*  background: #efeded;      浅灰色背景（非纯白） */
    background-color: rgba(255,255,255, 0.66);
	 transition: background-color 0.4s ease;		
	/* border: 1px solid ;     */
	/*  border-color: #fafafa;  */
    /*  border-radius: 13px 13px 0 0;   /*上方圆角，下方直角 */
    padding: 0;   /* 内边距：上下0，左右0.8rem */
    height: 60px;
    text-align: left;          /* 文字左对齐 */


}

/* 悬停效果（原注释中已注释，保留未启用） */
.menubox:hover {
   background-color: rgba(255,255,255, 0.90);  
  /*  background-color: rgba(255, 255, 255, 0.8);	 /* 悬停时变为完全不透明（alpha = 1） */
}

/* ---------- 菜单盒子内部元素样式 ---------- */
.menubox zh {
	display: inline-block;
  
	  /* ① 内边距撑开背景框 */
	padding: 0;
    font-size: 22px;        /* 标题字号 1.6rem */
    font-weight: 600;         /* 半粗 */
	letter-spacing: 2px;
	font-family: Ginto Copilot Variable, Segoe UI, Segoe UI Midlevel, Segoe WP, Arial, Sans-Serif;
    /* margin-top: 5px;   下外边距 */
    color: #333333;           /* 文字颜色 */
	/* text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);  给文字加阴影，进一步清晰 */
	
	
	
}

.menubox tt {
    display: flex;
    height: 60px;            /* 必须要有高度才能看出垂直效果 */
    align-items: center;     /* 垂直居中 */
   
	padding: 0px 20px;
	
    font-size: 16px;
    font-weight: 540;
	letter-spacing: 1px;
	font-family: Ginto Copilot Variable, Segoe UI, Segoe UI Midlevel, Segoe WP, Arial, Sans-Serif;

	align-items: center;     /* 垂直居中 */
    color: #333333;  /* rgb(30, 41, 59); */
	/*cursor: pointer; */

}


.menubox a:link     { color: #333333; text-decoration: none; }
.menubox a:visited  { color: #333333; text-decoration: none; }
.menubox a:active   { color: #ff9933; text-decoration: none; }
.menubox a:hover    { color: #ff9933; text-decoration: none;}

.menubox p {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.5;
    margin-bottom: 1.2rem;
}

/* ---------- 项目盒子（卡片式条目） ---------- */
.itembox {
    font-family: Ginto Copilot Variable, Segoe UI, Segoe UI Midlevel, Segoe WP, Arial, Sans-Serif;
    width: 100%;
	z-index: 200;          /* 确保在其他内容之上 */
    max-width: 380px;
   	border: 1px solid rgba(190, 200, 200, 0.6); /* 半透明边框 */
    border-radius: 8px;       /* 圆角 */
    padding: 5px;
    height: 60px;
    text-align: left;
    /* 四周阴影效果 */
    box-shadow: 0 0 35px -12px rgba(0, 0, 0, 0.2),
                0 0 12px 1px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
	background-color: rgba(255, 255, 255, 1);
	
}
.itembox a:link     { color: #333333; text-decoration: none; }
.itembox a:visited  { color: #333333; text-decoration: none; }
.itembox a:active   { color: #333333; text-decoration: none; }
.itembox a:hover    { color: #333333; text-decoration: none;}

.itembox:hover {
    /* 悬停效果未启用 */
}

/* 项目盒子中的徽章（badge）样式 */
.itembox .badge {
	 border-radius: 6px;       /* 圆角 */
    display: flex;
    align-items: center;     /* 垂直居中 */
    height: 40px;            /* 必须要有高度才能看出垂直效果 */
    background-color: rgba(245, 155, 55, 0.0);
	width: 360px;
    padding: 5px 20px;
    font-size: 14px;
    color: #0f172a;
    margin: 5px;
 /* ===== 阴影（初始状态：浅浅的） ===== */
/*  box-shadow: 
 /*   0 2px 4px rgba(0, 0, 0, 0.08),   /* 主阴影：偏移小，模糊小，透明度低 */
/*    0 1px 2px rgba(0, 0, 0, 0.06);   /* 第二层阴影：增加立体感（可选） */
  
  /* 过渡动画：让阴影变化平滑 */
  transition: 
    background-color 0.3s ease;
 /*   box-shadow 0.2s ease,
    transform 0.2s ease; /* 顺便加一个轻微上浮，更生动 */	
	
}

.itembox .badge:link,
.itembox .badge:visited,
.itembox .badge:active {
    color: #1e293b;
    text-decoration: none;
}

.itembox .badge:hover {
    color: #333333;
    text-decoration: none;
	background-color: rgba(245, 155, 55, 0.9);
  /* ===== 悬停阴影：更大、更深 ===== */
 /*   box-shadow: 
/*		0 8px 20px rgba(0, 0, 0, 0.15),   /* 主阴影：偏移大，模糊大，透明度提高 */
/*		0 4px 8px rgba(0, 0, 0, 0.10);    /* 第二层阴影加深立体感 */
  
  /* 可选：轻微上浮效果，增强交互感 */
  /*  transform: translateY(-1px); */
}

/* ---------- 内容主体盒子（白色卡片） ---------- */
.bodybox {
	z-index: 3; 
    font-size: 14px;
    font-weight: 400;
	line-height: 1.8;
    font-family: Ginto Copilot Variable, Segoe UI, Segoe UI Midlevel, Segoe WP, Arial, Sans-Serif;
	color: #333333;
    width: 1280px;
    /*min-width: 1028px; */
	/* background-color: rgb(255,255,255);
   /* border-radius: 2px;  下方圆角，上方直角 */
    padding: 20px 10px;
	margin-top: 0px;
    text-align: left;
	line-height: 1.8;
 
 	  
 /*	  backdrop-filter: blur(12px); */
 /*	  -webkit-backdrop-filter: blur(12px);  Safari 兼容 */	  

  /*   transition: box-shadow 0.2s ease, transform 0.1s ease, background-color 0.4s ease;	*/

}
 
.bodybox:hover {
    /* 悬停效果未启用 */
}
/* ---------- 页脚盒子（白色卡片） ---------- */
.footbox {
	z-index: 4; 
    font-family: Ginto Copilot Variable, Segoe UI, Segoe UI Midlevel, Segoe WP, Arial, Sans-Serif;
    width: 100%;
	color: #1e293b;
    width: 1280px;
  /*  min-width: 1028px; */
   /* background: rgba(80,80,80,1);        纯白底色 */
    border-radius: 0 0 13px 13px;  /* 下方圆角，上方直角 */
    padding: 0.9rem 1.8rem;
    text-align: center ;
	line-height: 1.8 ;	
    box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2),
                0 5px 12px -6px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease, transform 0.1s ease, background-color 0.4s ease;	
	/* 背景色使用 RGBA，最后一个参数 0.5 代表 50% 透明度（可自行调整） */
    background-color: rgba(173, 174, 205, 0.46);
	text-shadow: none;
	  backdrop-filter: blur(12px);
	  -webkit-backdrop-filter: blur(12px); /* Safari 兼容 */
    /* transition: background-color 0.4s ease;	  针对背景色的渐变过渡，0.3秒，缓动函数 */
}
.footbox a:link,
.footbox a:visited,
.footbox a:active{
	color: #1e293b;
    text-decoration: none;
	}
	
.footbox a:hover{
	color: #1e293b;
    text-decoration: underline;
}

.footbox:hover {
    /* 悬停效果未启用 */
	background-color: rgba(173, 174, 205, 0.66);	 /* 悬停时变为完全不透明（alpha = 1） */
}


.newsbox {
	
	border-radius: 8px; 
 	background: rgba(255, 255, 255, 1);
	margin: 10px;
	padding: 30px;
	color: #333333;
	font-size: 14px;
    border: 1px solid rgba(190, 200, 200, 0.3); /* 半透明边框 */
 /* ===== 阴影（初始状态：浅浅的） ===== */
  	box-shadow: 
		1px 3px 6px rgba(30, 30, 30, 0.02),   /* 主阴影：偏移小，模糊小，透明度低 */
		3px 3px 2px rgba(30, 30, 30, 0.01);   /* 第二层阴影：增加立体感（可选） */
 /*	transition: box-shadow 0.2s ease, transform 0.1s ease;  */

 /*	box-shadow: 0 0 10px -6px rgba(120, 120, 120, 0.2),  0 0 3px 1px rgba(120, 120, 120, 0.1); */
	transition: box-shadow 0.2s ease, transform 0.1s ease;

}

.imgbox {
	border-radius: 8px; 
 	background: rgba(255, 255, 255, 0.88);
	margin: 10px;
	padding: 30px;
	color: #333333;
    border: 1px solid rgba(190, 200, 200, 0.3); /* 半透明边框 */
 /* ===== 阴影（初始状态：浅浅的） ===== */
  	box-shadow: 
		1px 3px 6px rgba(30, 30, 30, 0.02),   /* 主阴影：偏移小，模糊小，透明度低 */
		3px 3px 2px rgba(30, 30, 30, 0.01);   /* 第二层阴影：增加立体感（可选） */
 /*	transition: box-shadow 0.2s ease, transform 0.1s ease;  */
	  /* 半透明底色（让文字更清晰） */

	}

/* 项目盒子中的徽章（badge）样式 */
.imgbox .badge {
    display: inline-block;
    background: rgba(35, 135, 235, 0.9);
	border: 1px solid rgba(180, 200, 220, 0.3); /* 半透明边框 */
    padding: 0.4rem 0.8rem;
    border-radius: 30px;
    font-size: 14px;
    color: #333333;
    margin: 5px;
 /* ===== 阴影（初始状态：浅浅的） ===== */
  	box-shadow: 
		0 6px -1px rgba(0, 0, 0, 0.08),   /* 主阴影：偏移小，模糊小，透明度低 */
		0 2px -12px rgba(0, 0, 0, 0.06);   /* 第二层阴影：增加立体感（可选） */
  
  /* 过渡动画：让阴影变化平滑 */
  	transition: 
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease; /* 顺便加一个轻微上浮，更生动 */	
	
}

.imgbox .badge:link,
.imgbox .badge:visited,
.imgbox .badge:active {
    color: #ffffff;
    text-decoration: none;
}

.imgbox .badge:hover {
    color: #ffffff;
	background: rgba(35, 135, 235, 1);
    text-decoration: none;
  /* ===== 悬停阴影：更大、更深 ===== */
  	box-shadow: 
		0 8px 20px rgba(0, 0, 0, 0.15),   /* 主阴影：偏移大，模糊大，透明度提高 */
		0 4px 8px rgba(0, 0, 0, 0.10);    /* 第二层阴影加深立体感 */
  
  /* 可选：轻微上浮效果，增强交互感 */
  	transform: translateY(-1px);
}

	
	/* 导航容器 */
.nav {
/*  display: flex; */
  gap: 15px;
  padding: 10px;
/*  background: #2c3e50;  深色背景以便看清半透明效果 */
}

/* 导航链接样式 */
.nav a {
  /* ① 变成行内块级，方便设置内边距 */
  display: inline-block;
  
  width: 100%;
  max-width: 400px;
  min-width: 220px;
  margin: 5px;
 
  /* ② 药丸形状：圆角 */
  border-radius: 8px; 
  
  /* ③ 内边距撑开背景框 */
  padding: 6px 16px;
  
  /* ④ 文字颜色（保持完全不透明） */
  text-decoration: none;
  font-size: 15px;
  
  /* ⑤ 核心：半透明背景（背景透明，文字不透明） */
  background-color: rgba(255, 255, 255, 0.88); /*50% 透明度 */
  color: rgb(51, 51, 51);
  border: 1px solid rgba(190, 200, 200, 0.4); /* 半透明边框 */
 /* ===== 阴影（初始状态：浅浅的） ===== */
  	box-shadow: 
		1px 3px 6px rgba(30, 30, 30, 0.02),   /* 主阴影：偏移小，模糊小，透明度低 */
		3px 3px 2px rgba(30, 30, 30, 0.01);   /* 第二层阴影：增加立体感（可选） *
				
    transition: box-shadow 0.3s ease, transform 0.3s ease;
	background-color: rgba(255,255,255,0.9);
  
  /* ⑥ 平滑过渡动画（提升体验） */
  transition: background-color 0.3s ease, color 0.3s ease,  border 0.3s ease;
}

/* ⑥ 鼠标悬停：变成不透明（可以是纯色，也可以是更深色） */
.nav a:hover {
  /*background-color: rgba(60, 60, 110, 0.9);  完全不透明白色 */
  background-color: rgba(245, 155, 55,0.9);
   border: 1px solid rgba(225, 135, 30, 0.2); /* 半透明边框 */
  /* ===== 悬停阴影：更大、更深 ===== */
  	box-shadow: 
		0 8px 20px rgba(245, 155, 55, 0.35),   /* 主阴影：偏移大，模糊大，透明度提高 */
		0 4px 8px rgba(245, 155, 55, 0.30);    /* 第二层阴影加深立体感 */
				  
  color: #ffffff; /* 因为背景变白了，文字颜色调深以保证可读性 */
}
 
 	
	/* 答疑容器 */
.cont_dy {
/*  display: flex; */
  font-size: 14px;
  gap: 10px;
  padding: 10px;

}

/* 按钮式样 */

.btn {
    display: inline-block;
    padding: 5px 20px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* ========================================
   款式1：亮橙色实心按钮（最醒目）
   适合：主要行动点（提交、购买、立即体验）
   ======================================== */
.btn-primary {
    background-color: #ff6600;
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(255, 102, 0, 0.35);
}
.btn-primary:hover {
    background-color: #e65c00;      /* 加深 */
    box-shadow: 0 6px 24px rgba(255, 102, 0, 0.5);
    transform: translateY(-2px);    /* 微微上浮 */
}
.btn-primary:active {
    transform: translateY(0px);     /* 点击时回弹 */
    box-shadow: 0 2px 8px rgba(255, 102, 0, 0.3);
}

/* ========================================
   款式2：毛玻璃透明按钮（与页面氛围融合）
   适合：次要操作、导航链接、弹窗按钮
   ======================================== */
.btn-glass {
    background: rgba(35, 135, 235, 0.7);    /* #1e293b 半透明 */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
.btn-glass:hover {
    background: rgba(35, 135, 235, 0.9);  /* 悬停时透出橙色 */
    border-color: rgba(35, 135, 235, 0.4);
    box-shadow: 0 4px 20px rgba(255, 102, 0, 0.15);
    transform: translateY(-2px);
}
.btn-glass:active {
    transform: translateY(0px);
}

/* ========================================
   款式3：边框轻量按钮（极简风格）
   适合：取消、返回、次要链接
   ======================================== */
.btn-outline {
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.3);
}
.btn-outline:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: #ff6600;
    color: #ff6600;
    box-shadow: 0 0 20px rgba(255, 102, 0, 0.1);
}
.btn-outline:active {
    transform: scale(0.97);
}
 
 
 
 
 /* ========================================
   输入框基础样式（所有文本框共用）
   ======================================== */
.textbox {
    display: block;
    width: 100%;
    padding: 5px 10px;
    font-size: 14px;
    color: #333333;
    background: rgba(255, 255, 255, 0.8);   /* #1e293b 半透明 */
    border: 2px solid rgba(200, 200, 20, 0.5);
    border-radius: 8px;
    outline: none;
    box-sizing: border-box;
    transition: all 0.3s ease;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}

/* 占位符颜色（浅色透明，不刺眼） */
.textbox::placeholder {
    color: rgba(255, 255, 255, 0.1);
    font-weight: 300;
}

/* ========================================
   款式1：毛玻璃输入框（与页面最融合）
   适合：搜索框、表单输入、评论框
   ======================================== */
.textbox-glass {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(200, 200, 200, 0.5);
}
.textbox-glass:focus {
    background: rgba(255, 255, 255, 1);
    border-color: #ff6600;
    box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.15), 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* ========================================
   款式2：亮橙边框强调输入框（与主按钮呼应）
   适合：登录/注册、重要表单字段
   ======================================== */
.textbox-accent {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 102, 0, 0.3);
}
.textbox-accent:focus {
    border-color: #ff6600;
    box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.2), 0 4px 24px rgba(255, 102, 0, 0.08);
}

/* ========================================
   款式3：纯透明极简输入框（无背景色）
   适合：内联编辑、轻量输入
   ======================================== */
.textbox-minimal {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
}
.textbox-minimal:focus {
    border-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

/* ========================================
   输入框附加样式（尺寸变体、文本域）
   ======================================== */
.textbox-sm {
    padding: 8px 14px;
    font-size: 14px;
}
.textbox-lg {
    padding: 16px 20px;
    font-size: 18px;
}
/* 文本域（多行输入） */
textarea.textbox {
    resize: vertical;
    min-height: 100px;
    font-family: Arial, sans-serif;
}

/* ============================================
   分页容器：flex 布局，自动换行，居中对齐
   ============================================ */
.internalpage {
	border-radius: 8px; 
 	background: rgb(255, 255, 255);
	margin: 10px;
	padding: 30px;
	color: #333333;
    border: 1px solid rgba(190, 200, 200, 0.3); /* 半透明边框 */
 /* ===== 阴影（初始状态：浅浅的） ===== */
  	box-shadow: 
		1px 3px 6px rgba(30, 30, 30, 0.02),   /* 主阴影：偏移小，模糊小，透明度低 */
		3px 3px 2px rgba(30, 30, 30, 0.01);   /* 第二层阴影：增加立体感（可选） */
 /*	transition: box-shadow 0.2s ease, transform 0.1s ease;  */
	
}
/* ========================================
   款式2：毛玻璃透明按钮（与页面氛围融合）
   适合：次要操作、导航链接、弹窗按钮
   ======================================== */
 .internalpage  .btn {
    display: inline-block;
    padding: 5px 20px;
    font-size: 14px;
	font-weight: 300;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-align: center;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.internalpage a,
.internalpage .btn-glass {
    background: rgba(35, 135, 235, 0.7);    /* #1e293b 半透明 */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.internalpage a,
.internalpage .btn-glass:hover {
    background: rgba(35, 135, 235, 0.9);  /* 悬停时透出橙色 */
    border-color: rgba(35, 135, 235, 0.4);
    box-shadow: 0 4px 20px rgba(0, 0, 0,  0.25);
    transform: translateY(-1px);
}

.internalpage a,
.internalpage .btn-glass:active {
    transform: translateY(0px);
}

/* 信息文字（共X条 页次X/X） */
.internalpage-info {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    margin-right: 4px;
    white-space: nowrap;
}



/* ---------- 通用文字样式 ---------- */
.t14 {
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    letter-spacing: 1px;
}

.t16b {
    font-size: 18px;
    font-style: normal;
    line-height: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #FF6600;
	/*text-shadow: 1px 1px 2px rgba(0, 0, 10, 0.38);  给文字加阴影，进一步清晰 */
}

.t14b {
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    font-weight: bold;
    letter-spacing: 1px;
	color: #FF9933;
}

/* 焦点文本链接样式 */
.focustext12 a:link,
.focustext12 a:visited,
.focustext12 a:active,
.focustext12 a:hover {
    color: #ff9933;
    text-decoration: underline;
}

.focustext12 {
    font-size: 12px;
    line-height: 20px;
    color: #1e293b;
    vertical-align: middle;
}



/* 间距盒子 */
.spacebox10 {
    border: none;
    padding: 10px;
}

.spacebox20 {
    border: none;
    padding: 20px;
}


/* 展示盒子 */
.showbox1 {
    overflow: hidden;
    border: 1px solid #E6E5E7;
    padding: 5px;
    background-color: #f2f2f2;
    margin: 1px;
}

.showbox2 {
    border: 1px solid #fdfdfd;
    padding: 15px;
    background-color: #fdfdfd;
    margin: 5px;
}



/* 分割线 */
.sline {
    background-image: url(zhnewpic/line.gif);
    background-repeat: repeat-x;
    border: 0px none;
    height: 6px;
    width: 100%;
    background-position: center;
	padding-bottom: 20px;
	padding-top: 20px;
	
}



/* 广告盒内部容器 */
.ggboxin {
    overflow: hidden;
    position: relative;
    height: 150px;
    width: 960px;
    left: 0px;
    top: 0px;
}

    /* ---------- 新增：表单字段组 ---------- */
        .field-group {
            display: flex;
            flex-wrap: wrap;
            gap: 16px 30px;
            padding: 12px 0 16px 0;
            margin-bottom: 8px;
        }
        .field-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .field-item label {
            font-weight: 500;
            color: #2c3e50;
            font-size: 14px;
            white-space: nowrap;
			line-height: 1.8;
        }
		.field-item textarea,
        .field-item input[type="text"],
		.field-item input[type="password"],
        .field-item select {
            padding: 6px 12px;
            border: 1px solid #d0d7de;
            border-radius: 4px;
            font-size: 14px;
            background: white;
            transition: 0.2s;
            outline: none;
            min-width: 160px;
        }
		.field-item textarea:focus,
        .field-item input[type="text"]:focus,
		.field-item input[type="password"]:focus,
        .field-item select:focus {
            border-color: #0078d4;
            box-shadow: 0 0 0 2px rgba(0,120,212,0.15);
        }
        .field-item input[type="radio"] {
             margin-top: 8px;
            accent-color: #0078d4;
            width: 16px;
            height: 16px;
            cursor: pointer;
        }
        .field-item input[type="hidden"] {
            display: none !important;
        }
				
        .field-item .radio-group {
            display: flex;
            gap: 12px;
            align-items: center;
        }
        .field-item .radio-group label {
            font-weight: 400;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 4px;
            cursor: pointer;
        }
		.field-item button,
        .field-item input[type="button"], 
		.field-item input[type="submit"]{
            padding: 6px 12px;
			margin: 0 15px;
            border: 1px solid ;
			border-color: rgba(42, 123, 205,0.01);
            border-radius: 6px;
            font-size: 14px;
            background: #2A7BcD;
			color: #ffffff;
            transition: 0.2s;
            outline: none;
            min-width: 80px;
        }
		.field-item button:hover,
        .field-item input[type="button"]:hover ,
		.field-item input[type="submit"]:hover {
            border-color: rgba(42, 123, 205,0.8);
			background: #1A6BBD ;
			color: #ffffff;
            box-shadow: 0 0 5px 2px rgba(0,120,212,0.35);
        }
		
		
  		.button_w {
            display: inline-block;
            padding: 3px 12px;
			margin: 3px 5px;
            border: 1px solid ;
			border-color: rgba(98, 98, 98,0.5);
            border-radius: 6px;
            font-size: 14px;
            background-color: rgba(255,255,255,0.6);
			color: #333333;
            transition: 0.2s;
            outline: none;
            min-width: 80px;
			cursor: pointer;
			box-shadow: inset 0 0 12px 3px rgba(200,200,200,0.1);
			transition: all 0.3s ease;
        }
		.button_w:hover {
            border-color: rgba(98, 98, 98,0.8);
			background-color: rgba(255,255,255,0.8);
			
            box-shadow: inset 0 0 12px 3px rgba(200,200,200,0.3),0 0 0 2px rgba(0,120,212,0.15);
	 
        }