/* ============================
   全局基础样式
   ============================ */
body,
td {
  font-size: 12px;
  margin: 0;
}

body {
  background-image: url(../images/bg.jpg);
  background-position: center;
  border-radius: 5px;
}

a {
  text-decoration: none;
}

h1 {
  font-size: 16px;
}

h3 {
  font-size: 14px;
  color: #FF0000;
}

/* 表单元素基础样式 */
select {
  padding: 3px;
}

/* ============================
   布局与容器样式
   ============================ */
/* 导航栏 */
.daohang {
  background: linear-gradient(90deg, #0c2453, #1a3a7a);
  border-radius: 5px 5px 0 0;
}

/* 位置提示栏 */
.weizhi {
  border: 1px solid #A3BAD6;
  background: #E1EFFB;
  padding: 0 15px;
  height: 25px;
  line-height: 25px;
}

/* 间距分隔符 */
#spacer {
  width: 950px;
  height: 5px;
  line-height: 5px;
  margin: 0 auto;
}

/* 站点图片容器 */
#siteimg {
  height: 60px;
  width: 60px;
  border: 1px solid #DDDDDD;
  background-image: url(../images/blank.gif);
}

/* 注册条款滚动容器 */
#regterm {
  overflow: auto;
  height: 320px;
  border: 1px solid #cccccc;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
}

/* ============================
   表格样式
   ============================ */
.table_line {
  background-color: #e8f4f8;
  border-radius: 5px;
}

.table_bg {
  background-color: #fff;
}

.table_boder {
  border: 1px solid #A3BAD6;
}

.table_title {
  background-color: #e8f4f8;
  color: #204E7D;
  font-weight: bold;
  font-size: 14px;
  padding: 3px 0 3px 10px;
  height: 27px;
}

/* ============================
   列表与内容样式
   ============================ */
.newsite {
  padding: 3px;
}

/* 新闻内容 */
.news_content {
  font-size: 14px;
  line-height: 20px;
}

/* 列表交替背景 */
.showlist1 {
  background: #ffffff;
  border-bottom: #e1e1e1 1px dotted;
}

.showlist2 {
  background: #f8f8f8;
  border-bottom: #e1e1e1 1px dotted;
}

/* 文字颜色辅助类 */
.hui12 {
  color: #666666;
  font-size: 12px;
}

.red12 {
  color: #ff0000;
  font-size: 12px;
}

/* 当前位置文字 */
.current {
  font-size: 12px;
  color: #000000;
  padding: 0 0 0 5px;
}

/* 底部文字 */
.bottom {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}

/* ============================
   链接样式 (按模块分类)
   ============================ */
/* 导航链接 */
.nar {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}

.nar a:link,
.nar a:visited,
.nar a:hover {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

/* 新闻列表链接 */
.news_list a:link,
.news_list a:visited {
  font-size: 117%;
  font-weight: bold;
  color: #204E7D;
  text-decoration: none;
}

.news_list a:hover {
  font-size: 117%;
  font-weight: bold;
  color: #c00;
  text-decoration: none;
}

/* 新闻标题链接 */
.news_title a:link,
.news_title a:visited {
  font-size: 117%;
  color: #000000;
  text-decoration: none;
}

.news_title a:hover {
  font-size: 117%;
  color: #c00;
  text-decoration: underline;
}

/* 12px新闻标题链接 */
.news_title12 a:link,
.news_title12 a:visited,
.news_title12 a:hover {
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

/* 链接标题12px */
.link_title12 {
  padding: 3px;
}

.link_title12 a:link,
.link_title12 a:visited {
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

.link_title12 a:hover {
  font-size: 12px;
  color: #ff0000;
  text-decoration: none;
}

/* 酷炫链接标题 */
.cool_link_title {
  padding: 5px;
}

/* 底部链接 */
.link_bottom a:link,
.link_bottom a:visited {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

.link_bottom a:hover {
  font-size: 12px;
  color: #0f0;
  text-decoration: underline;
}

/* 新闻内容内链接 */
.news_content a:link,
.news_content a:visited,
.news_content a:hover {
  font-size: 14px;
  color: blue;
  text-decoration: none;
}

/* ============================
   按钮样式
   ============================ */
/* 磨砂玻璃按钮基础样式 */
.sub_button {
  /* 基础尺寸 */
  width: 60px;
  height: 28px;
  /* 盒模型 */
  margin: 0 10px;
  padding: 0;
  /* 边框与圆角 */
  border: none;
  border-radius: 5px;
  outline: none;
  /* 背景与视觉 */
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  /* 文本样式 */
  font-size: 12px;
  font-weight: 600;
  color: #111827;
  line-height: 25px;
  white-space: nowrap;
  /* 交互 */
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 提交按钮专属样式 */
input[name="submit"].sub_button {
  background: rgba(34, 197, 198, 0.3);
  color: #064e3b;
  border-color: rgba(34, 197, 198, 0.5);
}

/* 重置按钮专属样式 */
input[name="重置"].sub_button {
  background: rgba(251, 146, 60, 0.3);
  color: #7c2d12;
  border-color: rgba(251, 146, 60, 0.5);
}

/* 按钮悬浮状态 */
.sub_button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.45);
}

input[name="submit"].sub_button:hover {
  background: rgba(34, 197, 198, 0.45);
}

input[name="重置"].sub_button:hover {
  background: rgba(251, 146, 60, 0.45);
}

/* 按钮激活状态 */
.sub_button:active {
  transform: translateY(0);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* 按钮聚焦状态 */
.sub_button:focus-visible {
  box-shadow: 0 0 0 2px rgba(34, 197, 198, 0.5);
}

/* 首页普通按钮 */
.sub_button_index {
  background: linear-gradient(to bottom, #4CAF50, #45a049);
  border: none;
  color: white;
  padding: 4px 20px;
  margin-right: 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

/* 首页注册按钮 */
.reg_button_index {
  background: linear-gradient(to bottom, #2196F3, #0b7dda);
  border: none;
  color: white;
  padding: 4px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}