html {  overflow-y: scroll;}
body { background:#000; font-family:Microsoft YaHei, sans-serif, "\5b8b\4f53"; font-size:12px; }
body, h1, form, h2, ul, li { margin:0; padding:0 }
html, body {
  -webkit-text-size-adjust: 100%;
}
li { list-style:none }
img { border:none }
a { text-decoration:none }
a:hover { text-decoration:none }

.clear { clear:both; overflow:hidden; height:0 }
.news_nav { height:423px; background:url(../../templets/images/news_top_bg.jpg) repeat-x }
.news_bigbg { background:url(../../templets/images/news_big_bg.jpg) no-repeat center 81px; }
.news_w1002 { width:1002px; margin:0 auto; }
.news_nav_con div { float:left; height:81px }
.news_top1 { background:url(../../templets/images/news_nav1.jpg); width:333px; }
.news_nav_btn1 { width:110px; height:81px; display:block; float:left }
.news_nav_btn1:hover { background:url(../../templets/images/news_nav1.jpg) left -81px }
.news_nav_btn2 { width:110px; height:81px; display:block; float:left }
.news_nav_btn2:hover { background:url(../../templets/images/news_nav1.jpg) -110px -81px }
.news_nav_btn3 { width:110px; height:81px; display:block; float:left }
.news_nav_btn3:hover { background:url(../../templets/images/news_nav1.jpg) -220px -81px }
.news_nav_btn4 { width:110px; height:81px; display:block; float:left }
.news_nav_btn4:hover { background:url(../../templets/images/news_nav2.jpg) 0 -81px }
.news_nav_btn5 { width:110px; height:81px; display:block; float:left }
.news_nav_btn5:hover { background:url(../../templets/images/news_nav2.jpg) -110px -81px }
.news_nav_btn6 { width:120px; height:81px; display:block; float:left }
.news_nav_btn6:hover { background:url(../../templets/images/news_nav2.jpg) -220px -81px }
.news_logo { background:url(../../templets/images/news_logo.jpg); width:323px; }
.news_top2 { background:url(../../templets/images/news_nav2.jpg); width:346px; }
.news_zsj1 { background:url(../../templets/images/news_top1.jpg); height:155px }
.news_zsj2 { background:url(../../templets/images/news_top2.jpg); height:187px; position:relative }
.news_wz { position:absolute; left: 317px; top: 159px; font-size:12px }
.news_wz a { color:#333 }
.news_left { width:302px; float:left; overflow:hidden }
.news_left .news_left_btn1 { width:302px; height:95px; display:block; background:url(../../templets/images/member_left_btn.jpg) }
.news_left .news_left_btn1:hover { background:url(../../templets/images/member_left_btn.jpg) left -353px }
.news_left .news_left_btn2 { width:302px; height:64px; display:block; background:url(../../templets/images/member_left_btn.jpg) left -95px }
.news_left .news_left_btn2:hover { background:url(../../templets/images/member_left_btn.jpg) left -448px }
.news_left .news_left_btn3 { width:302px; height:62px; display:block; background:url(../../templets/images/member_left_btn.jpg) left -159px }
.news_left .news_left_btn3:hover { background:url(../../templets/images/member_left_btn.jpg) left -512px }
.news_left .news_left_btn4 { width:302px; height:64px; display:block; background:url(../../templets/images/member_left_btn.jpg) left -221px }
.news_left .news_left_btn4:hover { background:url(../../templets/images/member_left_btn.jpg) left -574px }
.news_left .news_left_btn5 { width:302px; height:65px; display:block; background:url(../../templets/images/member_left_btn.jpg) left -285px }
.news_left .news_left_btn5:hover { background:url(../../templets/images/member_left_btn.jpg) left -638px }
.news_left_ad { height:178px; background:url(../../templets/images/member_left_ad_bg1.jpg) }
.news_left_ad_p { padding:20px 0 0 72px }
.news_left_ad_p img { padding:3px; background:#371010 }
.news_left_ad_p img:hover { background-color:#ff0 }
.news_right { width:700px; float:left; overflow:hidden }
.news_right_content { background:url(../../templets/images/news_content_line.jpg); line-height:20px }
.news_right_bottom { background:url(../../templets/images/news_content_bottom.jpg) left bottom no-repeat }
.news_right_top { background:url(../../templets/images/news_content_top.jpg) left top no-repeat }
.news_right_top2 { background:url(../../templets/images/news_content_top2.jpg) left top no-repeat }
.news_right_content h1 { text-align:center; font-size:22px; line-height:35px;padding-top:20px}
.news_time { color:#999; text-align:center; font-size:12px }
.news_content_tab { height:50px }
.news_content_tab ul { padding:9px 0 0 50px }
.news_content_tab li { float:left; font-weight:bold; width:83px; text-align:center; height:33px; font-size:12px;padding-top: 8px }
.news_content_tab li.on { background:url(../../templets/images/news_tab_bg.jpg) no-repeat ; height:33px; padding-top: 8px}
.news_content_tab li a { color:#333 }
.news_content_list { padding:0 50px 50px 35px; }
.news_content_list li { background:url(../../templets/images/arrow.gif) left 12px no-repeat; padding:0 0 0 15px; font-size:14px; line-height:36px; border-bottom:1px dashed #666; height:36px}
.news_content_list li:hover { background-color:#e9e5e2 }
.news_content_list li a { color:#333; width:500px; display:block; float:left; }
.news_content { padding:0 50px 50px 35px}
.news_content a { color:#880000 }
.news_footer { height:145px; background:url(../../templets/images/news_footer.jpg) center no-repeat;  margin-top:35px }
.news_footer_p { text-align:center; padding:50px 0 0 0; line-height:28px; color:#aca864 }
.news_footer a{color:#ACA864;}
/*#----暂时留着*/
.postForm, .contentShow {
	padding: 10px 40px;
	min-height:25px;
	_height:25px;
	line-height:25px;
	margin-bottom:10px;
}

.postForm .cellBg {
	background: #F7F7F7;
}
.postForm .cellBg a{
	color:#5F9304;
	}
.postForm p, contentShow p {
	line-height:28px;
	min-height:25px;
	zoom:1;
	margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow:hidden;
}
.postForm label, contentShow label {
	display:inline-block;
	width:7.5em;
	text-align:right;
	color:#727272;
	vertical-align:top;
	padding-left: 5px;
}
.postForm select {
	font-size:13px;
	color:#666;
	_margin:2px 0 0 0;
}
.postForm .intxt, textarea {
	padding:4px 5px;
	border:1px solid #9e9e9e;
	width:320px;
	background:url(../images/input_bg.gif) no-repeat 0 0;
	color: #666;
}
.postForm textarea {
	height:5em;
}
.postForm p .colLeft {
	width: 45%;
	float: left;
}
.postForm p .colRight {
	width: 45%;
	float: left;
	margin-left: 15px;
}
.postForm input{
	margin:0 0px;
	*margin:0 -1px;
	_margin:0;
}
.postForm .fleft{
	float:left;
	}
.postForm span.inputinfo{
	width:553px;
	float:left;
	}
.intxt{
	padding:4px 5px;
	border:1px solid #9e9e9e;
	width:320px;
	background:url(../images/input_bg.gif) no-repeat 0 0;
	color: #666;
	}
/**/

/* 表格基础样式 */
table {
    border-collapse: collapse;
    width: 100%;
    background-color: #fdfcfb;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border-radius: 6px;
    overflow: hidden; /* 让圆角生效 */
}

/* 表头样式 */
table thead th {
    background: linear-gradient(to bottom, #fefefe, #f2f1ec);
    padding: 6px 8px;
    text-align: center;
    border: 1px solid #d3d0c7;
    border-bottom: 2px solid #c6c3b9;
    font-weight: bold;
    color: #4a453d;
    box-shadow: inset 0 1px 0 #fff;
}

/* 表格行样式 */
table tbody tr {
    transition: background-color 0.25s ease, box-shadow 0.25s ease;
    text-align: center;
    background-color: #ffffff;
}

/* 斑马纹（可选） */
table tbody tr:nth-child(even) {
    background-color: #faf9f7;
}

/* 鼠标悬停行样式 */
table tbody tr:hover {
    background-color: #fff5e8;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.08);
}

/* 单元格样式 */
table td, table th {
    padding: 4px 6px;
    height: 28px;
    border: 1px solid #d8d5cf;
    color: #403b35;
    vertical-align: middle;
}

/* 让最后一行稍有收尾感 */
table tbody tr:last-child td {
    border-bottom: 2px solid #d3d0c7;
}



.button2 {
	width:48px;
	color:#fff;
	background:url("../images/bt.png") no-repeat;
}



.button6 {
    all: unset;
    display: inline-block;
    background: linear-gradient(180deg, #b8844d, #9c6c3b);
    color: #fffbe9;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #8c5f2e;
    padding: 7px 20px;
    margin: 6px 6px;
    line-height: 1.4;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    transition: all 0.15s ease;
}

/* hover 发亮一点的铜光 */
.button6:hover {
    background: linear-gradient(180deg, #c49151, #a8743d);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

/* --- 禁用状态 --- */
.button6[disabled],
.button6.disabled,
.button6:disabled {
  background: linear-gradient(180deg, #d8d2cb, #b7aea6) !important;
  color: #f4f2ef !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  opacity: 0.75;
  transform: none !important; /* 禁止 hover 时放大 */
  pointer-events: none; /* 阻止鼠标点击 */
}

/* === 主按钮（亮金版） === */
.button6-primary {
    background: linear-gradient(180deg, #cda05a, #a87940);
    border-color: #956837;
    color: #fffdf4;
}
.button6-primary:hover {
    background: linear-gradient(180deg, #d9b26f, #b37e3e);
}

/* === 禁用按钮（哑光金灰） === */
.button6-disabled {
    background: linear-gradient(180deg, #d5c1aa, #b89d83);
    color: #f3ede5;
    cursor: not-allowed;
    opacity: 0.7;
    box-shadow: none;
}

/* === 小号按钮 === */
.button6-small {
	margin:3px 3px;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 4px;
	
}

.button6-small.no-margin {
    margin: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
	font-weight: normal;
}


/* === 居中容器 === */
.button-center {
    text-align: center;
    margin-top: 10px;
}


.btn1 {
	background: url(../images/btn1_bg.gif) no-repeat scroll 0px 0px;
	border-style: none;
	height: 22px;
	width: 55px;
	font-size: 12px;
	color: #FFF;
}
.btn2 {
	background: url(../images/btn2_bg.gif) no-repeat scroll 0px 0px;
	border-style: none;
	height: 22px;
	width: 55px;
	font-size: 12px;
	color: #FFF;
}

.btn3{
    background-color: #709313; /* 设置深灰色背景 */
    color: #eeeeee; /* 设置文字为白色 */
    border: none; /* 移除默认边框 */
    border-radius: 3px; /* 圆角边框 */
    cursor: pointer; /* 鼠标指针样式 */
	margin-right:2px;
	margin-left:2px;
	padding: 0px 8px; /* 设置按钮内边距 */
}
.btn3:hover {
    background-color: #8dba18;
}
.btn3:disabled {
    background-color: #b0aeaf;;
	color: #918e8f; /* 设置文字为白色 */
}

.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	color:#555;
	line-height:17px;
	margin-right:6px;
	border:0px solid #000059;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,
.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.replace{
	margin-top: 5px; 
	border:1px solid #ccc; 
	padding:5px 10px 5px 10px;"
}
.replace-result{
	margin-top:10px; 
	list-style:none;
}
/* ================= Unified Compact Style (Game + Account) ================= */
.settings-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
}

/* 卡片结构 */
.setting-item {
  background: #f9f8f6; /* 比白略暖一点，与左侧金红风格更协调 */
  border: 1px solid #d8c8a4;
  border-radius: 6px;
  padding: 8px 14px;
  box-shadow: inset 0 0 2px rgba(255,255,255,0.6);
  display: flex;
  flex-direction: column;
  transition: background 0.2s ease;
}
.setting-item:hover {
  background: #f2eee7;
}

/* 上半部分一行排版 */
.setting-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 6px;
}
.radiolabel
{
	cursor:pointer;
	font-weight:normal !important;
	font-size:12px !important;
}
/* 左侧信息 */
.setting-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1;
}
.icon {
  font-size: 18px;
}
.setting-title {
  font-weight: 600;
  font-size: 14px;
  color: #3a2c1a;
}
.setting-desc {
  font-size: 13px;
  color: #5e5546;
  line-height: 1.4;
}
.link-green {
  color: #8a5a00;
  text-decoration: none;
}
.link-green:hover {
  text-decoration: underline;
}

/* 按钮区 */
.setting-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-width: 240px;
}



/* 模块标题 */
.setting-header {
  font-size: 18px;
  margin-bottom: 8px;
  color: #3a2c1a;
  border-left: 3px solid #8c5f2e;
  padding-left: 8px;
}
.setting-header .subtitle {
  font-size: 14px;      /* 副标题稍小 */
  color: #666;
  font-weight: normal;
  margin-left: 4px;     /* 与主标题留点空隙 */
}

.msg {
  width: 256px;
  margin-top: -1px;
  margin-left: -1px;
  height: 27px;
  line-height: 27px;
  border: 1px solid #ffcfa4;
  border-radius: 5px;
  background: linear-gradient(180deg, #fffef8 0%, #fff7e8 100%);
  padding: 0 10px;
  overflow: hidden;
  float: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  transition: all 0.2s ease;
}

.msg:hover {
  background: linear-gradient(180deg, #fffaf2 0%, #ffeecb 100%);
  box-shadow: 0 2px 4px rgba(255, 204, 120, 0.3);
}


.msg a {
	color:#af830e;
}

.note{
	margin-left:10px;
	border-radius: 5px;
	width:550px;
	padding:10px;
	border:1px solid #ffcfa4;
	background: #fffef1;
	font-size:12px;
	line-height: 24px;
}
.note2{
	
	border-radius: 5px;
	width:575px;
	padding:10px;
	font-size:12px;
	line-height: 24px;
}

.notice-box {
  background: #f7f7f7;
  padding: 12px;
  border-radius: 6px;
  line-height: 22px;
  font-size: 13px;
  color: #444;
  border: 1px solid #e1e1e1;
}

.note_chatlock {
  margin-left: 10px;
  width: 525px;
  padding: 12px 16px;
  border-radius: 8px;
  background: linear-gradient(180deg, #fffdf7 0%, #fff9e8 100%);
  border: 1px solid #f0d8aa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-size: 13px;
  line-height: 22px;
  color: #5a472a;
  position: relative;
}

.note_full {
  /*margin-left: 10px;*/
  width: 94%;
  padding: 12px 16px;
  border-radius: 8px;
  background: linear-gradient(180deg, #fffdf7 0%, #fff9e8 100%);
  border: 1px solid #f0d8aa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-size: 13px;
  line-height: 22px;
  color: #5a472a;
  position: relative;
}

.cardintr {
  width: 94%;
  padding: 12px 16px;
  border-radius: 8px;
  background: linear-gradient(180deg, #fffdf7 0%, #fff9e8 100%);
  border: 1px solid #f0d8aa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-size: 13px;
  line-height: 22px;
  color: #5a472a;
  position: relative;

  /* ✅ 新增控制部分 */
  min-height: 50px;       /* 最小高度 */
  max-height: 75px;       /* 超出此高度开始滚动（可根据需要调整） */
  overflow-y: auto;        /* 仅垂直滚动 */
  overflow-x: hidden;      /* 禁止水平滚动条 */
  word-wrap: break-word;   /* 长单词自动换行 */
  word-break: break-word;  /* 兼容旧浏览器 */
}

.blink {
  animation: blink 1s step-start infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}
.msg_num{
 margin: 0 2px; 
 font-weight:bold;
	}
.pmcontent {
  width: 94%;
  padding: 12px 16px;
  border-radius: 8px;
  background: linear-gradient(180deg, #fffdf7 0%, #fff9e8 100%);
  border: 1px solid #f0d8aa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-size: 13px;
  line-height: 22px;
  color: #5a472a;
  position: relative;

  /* ✅ 新增控制部分 */
  min-height: 170px;       /* 最小高度 */
  max-height: 170px;       /* 超出此高度开始滚动（可根据需要调整） */
  overflow-y: auto;        /* 仅垂直滚动 */
  overflow-x: hidden;      /* 禁止水平滚动条 */
  word-wrap: break-word;   /* 长单词自动换行 */
  word-break: break-word;  /* 兼容旧浏览器 */
}
.firstpick{
	margin-top:5px;
	color:#cfc68f;
}
.term{
	color: #ff9900;
}
.tips2
{
	margin-left:5px;
	color:#006600;
}
.giftcardbox {
  /*margin-left: 10px;*/
  width: 98%;
  padding: 4px 8px;
  border-radius: 5px;
  margin-top:6px;
  background: linear-gradient(180deg, #fffdf7 0%, #fff9e8 100%);
  border: 1px solid #f0d8aa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  font-size: 22px;
  font-family: Consolas, "Fira Code", monospace;
  color: #5a472a;
  position: relative;
}

.giftcarname
{
	margin-top: 8px;
	font-size:14px;
	font-weight:bold;
}
.modern-form {
  width: 93%;
  margin-top: 10px;
  padding: 15px 20px;
  background: #fafafa;
  border: 1px solid #e0d6c8;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* 每一行 */
.form-item {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

/* 标签 */
.form-item label {
  width: 110px;
  font-weight: bold;
  color: #4b3a27;
  font-size: 14px;
}

.form-item label.short {
  width: 60px;
  font-weight: bold;
  color: #4b3a27;
  font-size: 14px;
}
/* 输入框 */
.form-input {
  width: 220px;
  padding: 6px 10px;
  font-size: 13px;
  border: 1px solid #d1c2a9;
  border-radius: 5px;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
  transition: all 0.15s ease;
}
.form-input:focus {
  outline: none;
  border-color: #b8844d;
  box-shadow: 0 0 0 2px rgba(184,132,77,0.2);
}

/* 短输入框 */
.form-input.short {
  width: 80px;
  flex: none;
  text-transform: uppercase;
}

.form-input.middle {
  width: 120px;
  flex: none;
  text-transform: uppercase;
}
/* 验证码部分 */
.verify-group {
  display: flex;
  align-items: center;
  gap: 6px;
}
.verify-group img {
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #d5c8b5;
}
.refresh-link {
  font-size: 12px;
  color: #a8743d;
  text-decoration: none;
}
.refresh-link:hover {
  text-decoration: underline;
}

/* 必填标志 */
.required {
  color: red;
  margin-left: 5px;
  font-size: 14px;
}

/* 按钮区 */
.form-actions {
  margin-top: 20px;
}
.ml10 { margin-left: 10px; }

.form-tip {
  color: #6b5a3c;
  font-size: 12.5px;
  margin-left: 6px;
  position: relative;
  top: 2px; /*  向上移动一点 */
}
.form-item label {
  width: 120px;
  font-weight: bold;
  color: #4b3a27;
  font-size: 14px;
}
.font9{
	font-size:12px;
}

.expired{
	color:#8e8e8e;
}



.replace-notice
{
width:570px;
display: flex;
justify-content: space-between;
padding:5px 10px 5px 10px;}

.check{
	width:18px;
	height:18px;
	vertical-align:middle;
	margin:0 0px;
}
.checklabel
{
	cursor:pointer;
	width:180px;
	font-size:12.5px !important;
	margin-left:10px;
	font-weight: normal !important;
}

.crcode-container
{
	padding-top:30px;
	display: flex;
	justify-content: center;
}

#overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 1000;
}

#popup, #remotepopup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  z-index: 1001;
  padding: 20px;
  max-width: 90%;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translate(-50%, -55%); }
  to { opacity: 1; transform: translate(-50%, -50%); }
}


.btn-get-code {
	padding: 8px 16px;
	background: #1890ff;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.3s;
        }
.btn-get-code:hover:not(:disabled) {
    background: #40a9ff;
        }
.btn-get-code:disabled {
    background: #d9d9d9;
    cursor: not-allowed;
        }

.rtnmsg {
     color: #ff4d4f;
      font-size: 12px;
	margin-left:8px;
        }
.success-msg {
            color: #52c41a;
			margin-left:8px;
        }

/* 颜色标识 */
/* 状态标识：柔和圆角方块 */
/* 红绿状态标记（放前面，柔和） */
.mark {
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:3px;
  margin-right:6px;
  vertical-align:middle;
  flex-shrink:0;
}
.mark.ok   { background:#bfe6c9; border:1px solid #7ec795; } /* 柔绿 */
.mark.fail { background:#f7d6d6; border:1px solid #e79c9c; } /* 柔红 */
.green {
  color: #006600;
}
.red { color:#d62828; }
.gray { color:#777; }
.sub {
  margin-left:4px;
  font-size:12px;
  color:#999;
}

/* 整体容器 */
.reset-section {
  margin-top:18px;
  padding:12px 16px;
  background:#fafafa;
  border:1px solid #e0e0e0;
  border-radius:6px;
  font-size:14px;
  line-height:1.5;
}

.reset-title {
  font-size:15px;
  font-weight:600;
  color:#444;
  border-left:3px solid #aaa;
  padding-left:8px;
  margin-bottom:8px;
}

/* 条件列表紧凑布局 */
.cond-title {
  font-weight:bold;
  font-size:14px;
  color:#444;
  margin:10px 0 4px 0;
}

.cond-list-compact {
  list-style:none;
  padding:0;
  margin:0;
}
.cond-list-compact li {
  display:flex;
  align-items:center;
  margin:2px 0;
  padding:1px 0;
}

/* 注意事项块 */
.reset-notice {
  background:#fffef7;
  border:1px solid #efe3a5;
  border-radius:5px;
  padding:12px 16px;
  margin-top:10px;
  font-size:13.5px;
  line-height:1.55;
}

.notice-list {
  list-style:none;
  padding:0;
  margin:0;
}
.notice-list li {
  position:relative;
  margin:6px 0;
  padding-left:18px;
}
.notice-list .bullet {
  position:absolute;
  left:0;
  top:7px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,#fbe9b3,#f4d76d);
  border:1px solid #e0c85a;
  box-shadow:0 0 1px rgba(0,0,0,0.08);
}
.notice-list a {
  color:#0056b3;
  text-decoration:none;
}
.notice-list a:hover {
  text-decoration:underline;
}

.veritime {
    font-size: 42px;
    color: #006600;
    text-align: center;        /* 水平居中 */
    margin: 8px 0;             /* 上下间距8px */
    line-height: 1.2em;        /* 可选：稍微紧凑些的行高 */
	font-weight:bold;
}


/* 投票相关样式 */
.vote-title {
    font-size: 15px;
    font-weight: bold;
    color: #3a2c1a;
    margin-bottom: 15px;
    text-align: left;
	margin-top: 15px;
}

.vote-option-group {
    margin-bottom: 8px;
}

/* 横向柱状图样式 */
.vote-chart-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vote-chart-label {
    width: 80px;
    font-weight: bold;
    color: #3a2c1a;
    font-size: 13px;
    flex-shrink: 0;
}

.vote-chart-bar {
    flex: 1;
    background: #f0f0f0;
    height: 15px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.vote-chart-fill {
    background: linear-gradient(90deg, #b8844d, #c49a5a);
    height: 100%;
    min-width: 2px;
    display: flex;
    align-items: center;
    transition: width 0.5s ease;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.3);
}
.vote-chart-fill—select {
    background: linear-gradient(90deg, #28937d, #50cf9f);
    height: 100%;
    min-width: 2px;
    display: flex;
    align-items: center;
    transition: width 0.5s ease;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.3);
}


.vote-chart-text {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.vote-result-note
{
margin-top:20px;
}