/* body
{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #2d1b0e;
	font-family: tahoma, arial, helvetica, sans-serif;
	background-color: #fff8f0;
} */
/* body.inframe
{
	background-image: none;
	background-color: #ffa600;
} */


body {
	margin-top: 0;
	margin-bottom: 0;
	color: #000;
	background: linear-gradient(0deg, #ffdec4, #faeaef) no-repeat 50% fixed;
	background-position: 50% !important;
	background-size: cover !important;
	background-repeat: repeat-y !important;
	height: 100vh;
	width: 100%;
	font-family: tahoma, arial, helvetica, sans-serif !important;
	text-shadow: none !important;
}


body.inframe {
	background-image: none;
	background-color: transparent !important;
}


body::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='20' cy='20' r='2' fill='%23ff9a9e' opacity='0.3'/><circle cx='80' cy='40' r='1.5' fill='%23fecfef' opacity='0.4'/><circle cx='40' cy='80' r='2.5' fill='%23ff9a9e' opacity='0.2'/><circle cx='90' cy='90' r='1' fill='%23fecfef' opacity='0.5'/><circle cx='10' cy='60' r='1.8' fill='%23ff9a9e' opacity='0.25'/><circle cx='70' cy='10' r='1.2' fill='%23fecfef' opacity='0.35'/><circle cx='50' cy='50' r='1.5' fill='%23ff9a9e' opacity='0.3'/><circle cx='30' cy='90' r='1' fill='%23fecfef' opacity='0.4'/></svg>");
	z-index: -1;
	animation: float 20s ease-in-out infinite;
	pointer-events: none;
}

@keyframes float {
	0%, 100% { 
		transform: translateY(0px) rotate(0deg); 
	}
	25% { 
		transform: translateY(-10px) rotate(90deg); 
	}
	50% { 
		transform: translateY(-20px) rotate(180deg); 
	}
	75% { 
		transform: translateY(-10px) rotate(270deg); 
	}
}

table
{
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
	border-collapse: collapse;
	background-color: #fdf6e9
}
table.head
{
	background: transparent;
	height: 100px;
	width: 920px;
}
table.main
{
	background-color: #fff8f0
}
table.mainouter
{
	background-color: #fff8f0
}
table.message
{
	border-right: #d2691e 1px solid;
	border-top: #d2691e 1px solid;
	border-left: #d2691e 1px solid;
	border-bottom: #d2691e 1px solid
}
table.bottom
{
	background: none transparent scroll repeat 0% 0%
}
a.info
{
	z-index: 24;
	color: #2d1b0e;
	position: relative;
	background-color: #ffdab9;
	text-decoration: none
}
a.info:hover
{
	z-index: 25;
	background-color: #ffa500
}
a.info span
{
	display: none
}
a.info:hover span
{
	border-right: #ff8c00 1px solid;
	border-top: #ff8c00 1px solid;
	display: block;
	left: 2em;
	border-left: #ff8c00 1px solid;
	width: 15em;
	color: #2d1b0e;
	border-bottom: #ff8c00 1px solid;
	position: absolute;
	top: 2em;
	background-color: #ffe4b5;
	text-align: center
}
table.bottom
{
	background: none transparent scroll repeat 0% 0%
}
h1
{
}
h2
{
	margin-bottom: 6px
}
h2.transparentbg
{
	background-color: transparent;
	background-image: none
}
p
{
}
p.sub
{
	margin-bottom: 4pt
}
td
{
	border-right: #d2691e 1px solid;
	border-top: #d2691e 1px solid;
	border-left: #d2691e 1px solid;
	border-bottom: #d2691e 1px solid
}
td.embedded
{
	border-right: medium none;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left: medium none;
	padding-top: 0px;
	border-bottom: medium none;
	text-align: left
}
td.no_border
{
	border-right: medium none;
	padding-right: 2px;
	border-top: medium none;
	padding-left: 2px;
	padding-bottom: 3px;
	border-left: medium none;
	padding-top: 3px;
	border-bottom: medium none;
	background-color: transparent;
	text-align: left
}
td.no_border_wide
{
	border-right: medium none;
	padding-right: 16px;
	border-top: medium none;
	padding-top: 0px;
	border-left: medium none;
	padding-left: 0px;
	border-bottom: medium none;
	padding-bottom: 0px;
	background-color: transparent;
	text-align: left;
	vertical-align: top;
}
td.shoutrow
{
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
	background-color: #fff8f0
}
td.bottom
{
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none
}
td.heading
{
	font-weight: bold
}
td.text
{
	padding-right: 10pt;
	padding-left: 10pt;
	padding-bottom: 10pt;
	padding-top: 10pt
}
td.comment
{
	padding-right: 10pt;
	padding-left: 10pt;
	padding-bottom: 10pt;
	padding-top: 10pt;
	text-align: left
}
td.colhead
{
	white-space:nowrap;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff8c00
}
.nowrap
{
	white-space:nowrap;
}
td.rowhead_left
{
	text-align: left
}
td.rowhead_center
{
	text-align: center
}
td.rowhead
{
	font-weight: bold;
	vertical-align: top;
	text-align: right
}
td.rowfollow
{
}
td.colfollow
{
text-align: center;
}
table.torrents td.colhead
{
text-align: center;
}
table.torrents td.rowfollow
{
text-align: center;
}
td.toolbox
{
}
td.title
{
}
td.navigation
{
	border-right: medium none;
	border-top: medium none;
	font-weight: bold;
	border-left: medium none;
	border-bottom: medium none
}
td.clear
{
	border-right: 0px;
	border-top: 0px;
	background: none transparent scroll repeat 0% 0%;
	border-left: 0px;
	border-bottom: 0px
}
form
{
	margin-top: 0px;
	margin-bottom: 0px
}
.sublink
{
	font-weight: normal;
	font-style: italic
}
font.gray
{
	color: #b8860b;
	text-decoration: underline
}
.attach img
{
	border: 0;
	width: 16px;
	height: 16px;
}
.attach a:link
{
	color: #ff8c00;
	text-decoration: underline;
}
.attach .size
{
	color: #b8860b;
}
a:link
{
	color: #2d1b0e;
	text-decoration: none
}
a:visited
{
	color: #2d1b0e;
	text-decoration: none
}
a:hover
{
	color: #ff4500
}
a.index
{
	font-weight: bold
}
a.biglink
{
	font-weight: bold;
}
a.altlink:link
{
	font-weight: bold;
	color: #d2691e;
	text-decoration: none
}
a.altlink:visited
{
	font-weight: bold;
	color: #d2691e;
	text-decoration: none
}
a.altlink:hover
{
	text-decoration: underline
}
a.altlink_blue:link
{
	font-weight: bold;
	color: #ff8c00;
	text-decoration: none
}
a.altlink_blue:visited
{
	font-weight: bold;
	color: #ff8c00;
	text-decoration: none
}
a.altlink_blue:hover
{
	text-decoration: underline
}
a.altlink_green:link
{
	font-weight: bold;
	color: #daa520;
	text-decoration: none
}
a.altlink_green:visited
{
	font-weight: bold;
	color: #daa520;
	text-decoration: none
}
a.altlink_green:hover
{
	text-decoration: underline
}
.important
{
	font-weight: bold;
}
.red
{
	color: #ff4500
}
.yellow
{
	color: #ffa500
}
.green
{
	color: #2d1b0e
}
.btn2
{
	border-right: #d2691e 1px outset;
	padding-right: 2px;
	border-top: #d2691e 1px outset;
	padding-left: 2px;
	font-weight: bold;
	background: url(./btnbg.gif) repeat-x left top;
	padding-bottom: 1px;
	border-left: #d2691e 1px outset;
	cursor: pointer;
	color: #8b4513;
	padding-top: 1px;
	border-bottom: #d2691e 1px outset
}
.btn
{
	border-right: #d2691e 1px outset;
	padding-right: 2px;
	border-top: #d2691e 1px outset;
	padding-left: 2px;
	font-weight: bold;
	background: url(./btnbg.gif) repeat-x left top;
	padding-bottom: 1px;
	border-left: #d2691e 1px outset;
	cursor: pointer;
	color: #8b4513;
	padding-top: 1px;
	border-bottom: #d2691e 1px outset
}
.small
{
}
.big
{
}
li
{
	margin-top: 6pt;
	margin-bottom: 6pt;
	margin-left: 16pt;
}
ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}
img
{
	border: 0;
}

td.clear {
    padding: 0;
    margin: 0;
}





  
img.border
{
	border-right: #d2691e 1px solid;
	border-top: #d2691e 1px solid;
	border-left: #d2691e 1px solid;
	border-bottom: #d2691e 1px solid
}
.gobutton
{
	background: #ff8c00;
	color: #fff
}
.codetop
{
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	background: url(./code.gif) #ffa500 no-repeat right 50%;
	padding-bottom: 3px;
	margin: 0px auto;
	color: #2d1b0e;
	padding-top: 3px
}
.codemain
{
	border-right: #d2691e 1px solid;
	padding-right: 3px;
	border-top: #d2691e 1px solid;
	padding-left: 3px;
	background: #fff8f0;
	padding-bottom: 3px;
	margin: 0px auto;
	border-left: #d2691e 1px solid;
	color: #2d1b0e;
	padding-top: 3px;
	border-bottom: #d2691e 1px solid
}
.dropmenu
{
	background:#fff8f0 none repeat scroll 0 0;
	border:3px solid #ffa500;
	margin-top:3px;
	opacity:0.9;
	position:absolute;
	text-align:left;
}
.dropmenu ul
{
	list-style-type: none;
	white-space: nowrap;
	padding:10px;
}
.dropmenu ul li
{
	margin-left: 0px;
	margin-right: 0px;
}
ul.menu
{
	list-style-image: none;
	list-style-type: none;
	white-space: nowrap;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 1px;
	margin-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
ul.menu li
{
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
}
ul.menu li a
{
	border-right: #d2691e 1px solid;
	padding-right: 7px;
	border-top: #d2691e 1px solid;
	padding-left: 7px;
	/* background: url(./shade.gif) white repeat-x left top; */
	background-color: #ffe4b5;
	padding-bottom: 3px;
	border-left: #d2691e 1px solid;
	color: #2d1b0e;
	margin-right: 3px;
	padding-top: 3px;
	border-bottom: none;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-family: verdana;
	font-variant: normal;
	text-align: center;
	display: inline-block;
}

/*ul.menu li a:link*/
/*{*/
/*	color: #2d1b0e;*/
/*}*/
/*ul.menu li a:visited*/
/*{*/
/*	color: #2d1b0e;*/
/*}*/
/*ul.menu li a:hover*/
/*{*/
/*	color: #2d1b0e;*/
/*	text-decoration: underline;*/
/*}*/
/*ul.menu li a:active*/
/*{*/
/*	color: #2d1b0e;*/
/*}*/

ul.menu li a:link
{
	color: #d2691e;
}
ul.menu li a:visited
{
	color: #d2691e;
}

ul.menu li a:active
{
	color: #d2691e;
}

ul.menu li a {
	color: #d2691e;
	position: relative;
	display: inline-block;
	transition: all 0.3s ease;
}

/* 悬停状态 */
ul.menu li a:hover {
	color: #ff6a00;
	transform: scale(1.05);
	text-shadow: 0 0 8px #ff6a00;
}

/* 下划线动画 */
ul.menu li a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #ff6a00, #ffa500);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
}

ul.menu li a:hover::after {
	transform: scaleX(1);
}
/*ul.menu li a:hover*/
/*{*/
/*	color: #ff6a00;*/
	/* text-decoration: underline; */
/*}*/
/* 更新到此 */


ul.menu li.selected a
{
	background-image: url(./shadeactive.gif);
	background-color: #ffffff;
	border-bottom-color: white;
	font: bold 11px verdana;
	position: relative;
	top: 1px;
}
ul.menu li.selected a:hover
{
	text-decoration: none;
}
.listitem
{
	margin-left: 10px;
	margin-right: 5px
}
.StaffLeader_Name{color: #8b0000}
A.StaffLeader_Name:link{color: #8b0000}
A.StaffLeader_Name:visited{color: #8b0000}

.SysOp_Name{color: #a0522d}
A.SysOp_Name:link{color: #a0522d}
A.SysOp_Name:visited{color: #a0522d}

.Administrator_Name{color: #4b0082}
A.Administrator_Name:link{color: #4b0082}
A.Administrator_Name:visited{color: #4b0082}

.Moderator_Name{color: #6495ED}
A.Moderator_Name:link{color: #6495ED}
A.Moderator_Name:visited{color: #6495ED}

.ForumModerator_Name{COLOR: #1cc6d5}
A.ForumModerator_Name:link{COLOR: #1cc6d5}
A.ForumModerator_Name:visited{COLOR: #1cc6d5}

.Retiree_Name{COLOR: #1cc6d5}
A.Retiree_Name:link{COLOR: #1cc6d5}
A.Retiree_Name:visited{COLOR: #1cc6d5}

.Uploader_Name{color: #DC143C}
A.Uploader_Name:link{color: #DC143C}
A.Uploader_Name:visited{color: #DC143C}

.VIP_Name{color: #009F00}
A.VIP_Name:link{color: #009F00}
A.VIP_Name:visited{color: #009F00}

.NexusMaster_Name{color: #38ACEC}
A.NexusMaster_Name:link{color: #38ACEC}
A.NexusMaster_Name:visited{color: #38ACEC}

.UltimateUser_Name{color: #006400}
A.UltimateUser_Name:link{color: #006400}
A.UltimateUser_Name:visited{color: #006400}

.ExtremeUser_Name{color: #FF8C00}
A.ExtremeUser_Name:link{color: #FF8C00}
A.ExtremeUser_Name:visited{color: #FF8C00}

.VeteranUser_Name{color: #483D8B}
A.VeteranUser_Name:link{color: #483D8B}
A.VeteranUser_Name:visited{color: #483D8B}

.InsaneUser_Name{color: #8B008B}
A.InsaneUser_Name:link{color: #8B008B}
A.InsaneUser_Name:visited{color: #8B008B}

.CrazyUser_Name{color: #00BFFF}
A.CrazyUser_Name:link{color: #00BFFF}
A.CrazyUser_Name:visited{color: #00BFFF}

.EliteUser_Name{color: #008B8B}
A.EliteUser_Name:link{color: #008B8B}
A.EliteUser_Name:visited{color: #008B8B}

.PowerUser_Name{color: #DAA520}
A.PowerUser_Name:link{color: #DAA520}
A.PowerUser_Name:visited{color: #DAA520}

.User_Name{color: #2d1b0e}
A.User_Name:link{color: #2d1b0e}
A.User_Name:visited{color: #2d1b0e}

.Peasant_Name{color: #708090}
A.Peasant_Name:link{color: #708090}
A.Peasant_Name:visited{color: #708090}

.color_bonus{color: #ff8c00}
.color_invite{color: #ff8c00}
.color_slots{color: #ff8c00}
.color_downloaded{color: #8b0000}
.color_uploaded{color: #daa520}
.color_ratio{color: #ff8c00}
.color_active{color: #ff8c00}
.color_connectable{color: #ff8c00}

.logo
{
	color: #2d1b0e;
	font-family: tahoma, arial, helvetica, sans-serif;
}

.slogan
{
	color: #8b4513;
	font-family: tahoma, arial, helvetica, sans-serif;
}

.free{color:#ffa500}
.twoup{color:#ffdab9}
.twoupfree{color:#daa520}
.halfdown{color:#ff8c00}
.twouphalfdown{color:#ffa500}
.thirtypercent{color:#d2691e}
.free_bg{background-color:#fff8f0}
.twoup_bg{background-color:#ffe4b5}
.twoupfree_bg{background-color:#fffacd}
.halfdown_bg{background-color:#ffe4b5}
.twouphalfdown_bg{background-color: #ffefd5}
.thirtypercentdown_bg{background-color:#fdf5e6}
.hot{color:#ff4500}
.classic{color:#daa520}
.recommended{color:#ff8c00}
.new{color:#ff0000}
.striking{color:#ff0000} 



button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  padding: 6px 12px;
  font-size: 12px;
  font-family: inherit;
  text-align: center;
  line-height: 0.5;
  cursor: pointer;
  user-select: none;

  color: #fff;
  background: linear-gradient(90deg, #fbbf24, #f97316); /* 橙黄渐变 */
  border: none;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);

  transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  background: linear-gradient(90deg, #f59e0b, #ea580c); /* 深橙渐变 */
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
  transform: scale(0.97);
}

button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled {
  background: #e5e7eb;
  color: #aaa;
  cursor: not-allowed;
  box-shadow: none;
}

td[style*="background: black"] {
  background: linear-gradient(to right, #fcc334, #f98029) !important; /* 橙黄渐变 */
  padding: 10px !important; /* 可选：也可以覆盖内联 padding */
}
td.colhead
{
	white-space:nowrap;
	font-weight: bold;
	color: #ffffff;
	background: linear-gradient(to right, #fcc334, #f98029)
	/* background-color: #ff8c00 */
}


/* 覆盖 ul.magic 下所有 <li>，强制橙黄渐变主题 */
ul.magic li {
	/* 布局保持不变，你只关心视觉的可删除或调整 ↓ */
	float: left;
	margin: 0 15px 0 0;
	width: 40px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	
	/* ===== 视觉重写 ===== */
	background: linear-gradient(90deg, #fcd34d, #f59e0b) !important; /* 橙黄渐变 */
	color: #fff !important;                /* 字体改白 */
	border-radius: 4px !important;         /* 圆角更柔和 */
	box-shadow: 0 2px 4px rgba(0,0,0,.15) !important;
	border: none !important;               /* 清掉旧边框(若有) */
	/* 去掉背景图：用 background 清空并加 !important 即可 */
  }

/* hover 时颜色加深、轻微浮起、阴影增强 */
ul.magic li:hover {
	background: linear-gradient(90deg, #f59e0b, #ea580c) !important; /* 更深的橙色 */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25) !important;
  }

 



/* .logo_img img {
	width: 150px;
	height: 150px;
	object-fit: cover; 
	border: 0;
  } */

  .logo_img {
    width: auto;
    height: 200px;
    overflow: hidden;
}

.logo_img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例裁剪 */
    object-position: center; /* 居中显示 */
}