/* ========================================
   Auric Autumn Theme - 金秋之感
   —— By Yun
   —— 灵感：Chakra-UI
   ======================================== */

:root {
	--primary-color: #d97706;
	--primary-hover: #b45309;
	--text-color: #1f2937;
	--text-secondary: #6b7280;
	--bg-color: #fffbeb;
	--bg-white: #ffffff;
	--bg-gray: #fef3c7;
	--border-color: #fde68a;
	--border-radius: 6px;
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	--transition: all 0.2s ease;
}

body {
	margin: 0;
	padding: 0;
	color: var(--text-color);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	background-color: var(--bg-color);
}

body.inframe {
	background-color: var(--bg-white);
}

table {
	border: none;
	border-collapse: collapse;
	background-color: var(--bg-white);
	margin-bottom: 16px;
}

table.head {
	background: transparent;
	height: 80px;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

table.main,
table.mainouter {
	background-color: var(--bg-white);
	box-shadow: var(--shadow-sm);
	margin-left: auto;
	margin-right: auto;
}

table.message {
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
}

table.bottom {
	background: transparent;
}

h1 {
	font-weight: 600;
	color: var(--text-color);
}

h2 {
	font-weight: 600;
	color: var(--text-color);
	margin-bottom: 0.5rem;
}

h2.transparentbg {
	background: transparent;
}

p {
	margin: 0.5rem 0;
}

p.sub {
	margin-bottom: 0.5rem;
	color: var(--text-secondary);
}

a.info {
	z-index: 24;
	color: var(--text-color);
	position: relative;
	background-color: var(--bg-gray);
	text-decoration: none;
	padding: 2px 6px;
	border-radius: 4px;
}

a.info:hover {
	z-index: 25;
	background-color: #fef3c7;
}

a.info span {
	display: none;
}

a.info:hover span {
	display: block;
	position: absolute;
	left: 2em;
	top: 2em;
	width: 15em;
	padding: 10px;
	color: var(--text-color);
	background-color: var(--bg-white);
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	box-shadow: var(--shadow);
	text-align: left;
}

td {
	border: 1px solid var(--border-color);
	padding: 10px 12px;
}

td.embedded {
	border: none;
	padding: 0;
	text-align: left;
}

td.no_border,
td.no_border_wide {
	border: none;
	padding: 8px 12px;
	background-color: transparent;
	text-align: left;
}

td.no_border_wide {
	padding: 0 16px;
	vertical-align: top;
}

td.shoutrow {
	border: none;
	background-color: var(--bg-gray);
}

td.bottom {
	border: none;
}

td.heading {
	font-weight: 600;
	color: var(--text-color);
}

td.text,
td.comment {
	padding: 12px 16px;
	text-align: left;
	line-height: 1.6;
}

td.colhead {
	white-space: nowrap;
	font-weight: bold;
	color: #92400e;
	background-color: #fef3c7;
}

td.colhead:first-child {
	border-top-left-radius: var(--border-radius);
}

td.colhead:last-child {
	border-top-right-radius: var(--border-radius);
}

td.colhead a:link,
td.colhead a:visited,
td.colhead a:hover {
	color: #92400e;
}

.nowrap {
	white-space: nowrap;
}

td.rowhead_left {
	text-align: left;
}

td.rowhead_center {
	text-align: center;
}

td.rowhead {
	font-weight: 600;
	vertical-align: top;
	text-align: right;
	background-color: var(--bg-gray);
}

td.rowfollow {
	background-color: var(--bg-white);
}

table.torrents td.colhead {
	text-align: center;
}

table.torrents td.rowfollow {
	text-align: center;
}

td.toolbox {
	background-color: var(--bg-gray);
}

td.title {
	font-weight: 600;
}

td.navigation {
	border: none;
	font-weight: 600;
}

td.clear {
	border: none;
	background: transparent;
}

form {
	margin: 0;
}

.sublink {
	font-weight: normal;
	font-style: italic;
	color: var(--text-secondary);
}

font.gray {
	color: var(--text-secondary);
}

.attach img {
	border: 0;
	width: 16px;
	height: 16px;
}

.attach a:link {
	color: var(--primary-color);
}

.attach .size {
	color: var(--text-secondary);
	font-size: 0.875em;
}

a:link,
a:visited {
	color: var(--primary-color);
	text-decoration: none;
	transition: var(--transition);
}

a:hover {
	color: var(--primary-hover);
	text-decoration: underline;
}

a.index {
	font-weight: 600;
}

a.biglink {
	font-weight: 600;
	font-size: 1.1em;
}

a.altlink:link,
a.altlink:visited {
	font-weight: 600;
	color: #dc2626;
}

a.altlink:hover {
	color: #b91c1c;
	text-decoration: underline;
}

a.altlink_blue:link,
a.altlink_blue:visited {
	font-weight: 600;
	color: #d97706;
}

a.altlink_blue:hover {
	color: #b45309;
	text-decoration: underline;
}

a.altlink_green:link,
a.altlink_green:visited {
	font-weight: 600;
	color: #16a34a;
}

a.altlink_green:hover {
	color: #15803d;
	text-decoration: underline;
}

.important {
	font-weight: 600;
}

.red {
	color: #dc2626;
}

.yellow {
	color: #ca8a04;
}

.green {
	color: #16a34a;
}

.btn,
.btn2 {
	display: inline-block;
	padding: 4px 10px;
	font-weight: 500;
	font-size: 12px;
	color: #92400e;
	background-color: #ffeda6;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: var(--transition);
}

.btn:hover,
.btn2:hover {
	background-color: #fde68a;
}

.small {
	font-size: 0.875em;
}

.big {
	font-size: 1.125em;
}

li {
	margin: 8px 0;
	margin-left: 20px;
}

ul {
	margin: 0;
	padding-left: 20px;
}

img {
	border: 0;
}

img.border {
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
}

.gobutton {
	background-color: #fef3c7;
	color: #92400e;
	padding: 4px 10px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: var(--transition);
}

.gobutton:hover {
	background-color: #fde68a;
}

.codetop {
	padding: 10px 14px;
	font-weight: 600;
	font-size: 0.875em;
	background-color: var(--bg-gray);
	color: var(--text-color);
	border: 1px solid var(--border-color);
	border-bottom: none;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.codemain {
	padding: 14px;
	background-color: var(--bg-white);
	color: var(--text-color);
	border: 1px solid var(--border-color);
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	font-family: "SF Mono", Monaco, "Cascadia Code", monospace;
	font-size: 13px;
	line-height: 1.5;
	overflow-x: auto;
}

.dropmenu {
	background: var(--bg-white);
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	box-shadow: var(--shadow);
	margin-top: 4px;
	position: absolute;
	text-align: left;
	z-index: 100;
}

.dropmenu ul {
	list-style-type: none;
	white-space: nowrap;
	padding: 8px 0;
	margin: 0;
}

.dropmenu ul li {
	margin: 0;
	padding: 0;
}

.dropmenu ul li a {
	display: block;
	padding: 8px 16px;
	color: var(--text-color);
}

.dropmenu ul li a:hover {
	background-color: var(--bg-gray);
	text-decoration: none;
}

ul.menu {
	list-style: none;
	white-space: nowrap;
	text-align: center;
	margin: 0;
	padding: 8px 0;
	background-color: var(--bg-white);
	border-bottom: 1px solid var(--border-color);
}

ul.menu li {
	display: inline-block;
	margin: 0 2px;
}

ul.menu li a {
	display: inline-block;
	padding: 8px 16px;
	color: var(--text-color);
	font-weight: 500;
	text-decoration: none;
	border-radius: var(--border-radius);
	transition: var(--transition);
}

ul.menu li a:link,
ul.menu li a:visited {
	color: var(--text-color);
}

ul.menu li a:hover {
	background-color: #fff8e0;
	color: var(--primary-color);
	text-decoration: none;
}

ul.menu li a:active {
	color: var(--primary-color);
}

ul.menu li.selected a {
	background-color: #fef3c7;
	color: #92400e;
}

ul.menu li.selected a:hover {
	background-color: #fde68a;
	text-decoration: none;
}

.listitem {
	margin: 0 10px;
}

.StaffLeader_Name { color: #b91c1c; }
A.StaffLeader_Name:link, A.StaffLeader_Name:visited { color: #b91c1c; }

.SysOp_Name { color: #c2410c; }
A.SysOp_Name:link, A.SysOp_Name:visited { color: #c2410c; }

.Administrator_Name { color: #7c3aed; }
A.Administrator_Name:link, A.Administrator_Name:visited { color: #7c3aed; }

.Moderator_Name { color: #d97706; }
A.Moderator_Name:link, A.Moderator_Name:visited { color: #d97706; }

.ForumModerator_Name { color: #0891b2; }
A.ForumModerator_Name:link, A.ForumModerator_Name:visited { color: #0891b2; }

.Retiree_Name { color: #64748b; }
A.Retiree_Name:link, A.Retiree_Name:visited { color: #64748b; }

.Uploader_Name { color: #dc2626; }
A.Uploader_Name:link, A.Uploader_Name:visited { color: #dc2626; }

.VIP_Name { color: #16a34a; }
A.VIP_Name:link, A.VIP_Name:visited { color: #16a34a; }

.NexusMaster_Name { color: #0284c7; }
A.NexusMaster_Name:link, A.NexusMaster_Name:visited { color: #0284c7; }

.UltimateUser_Name { color: #15803d; }
A.UltimateUser_Name:link, A.UltimateUser_Name:visited { color: #15803d; }

.ExtremeUser_Name { color: #ea580c; }
A.ExtremeUser_Name:link, A.ExtremeUser_Name:visited { color: #ea580c; }

.VeteranUser_Name { color: #6366f1; }
A.VeteranUser_Name:link, A.VeteranUser_Name:visited { color: #6366f1; }

.InsaneUser_Name { color: #a855f7; }
A.InsaneUser_Name:link, A.InsaneUser_Name:visited { color: #a855f7; }

.CrazyUser_Name { color: #06b6d4; }
A.CrazyUser_Name:link, A.CrazyUser_Name:visited { color: #06b6d4; }

.EliteUser_Name { color: #0d9488; }
A.EliteUser_Name:link, A.EliteUser_Name:visited { color: #0d9488; }

.PowerUser_Name { color: #d97706; }
A.PowerUser_Name:link, A.PowerUser_Name:visited { color: #d97706; }

.User_Name { color: var(--text-color); }
A.User_Name:link, A.User_Name:visited { color: var(--text-color); }

.Peasant_Name { color: #94a3b8; }
A.Peasant_Name:link, A.Peasant_Name:visited { color: #94a3b8; }

.color_bonus { color: var(--primary-color); }
.color_invite { color: var(--primary-color); }
.color_slots { color: var(--primary-color); }
.color_downloaded { color: #dc2626; }
.color_uploaded { color: #16a34a; }
.color_ratio { color: var(--primary-color); }
.color_active { color: var(--primary-color); }
.color_connectable { color: #16a34a; }

.logo {
	color: var(--text-color);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
}

.slogan {
	color: var(--text-secondary);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 0.875rem;
}

.free { color: #ca8a04; font-weight: 600; }
.twoup { color: #be185d; font-weight: 600; }
.twoupfree { color: #16a34a; font-weight: 600; }
.halfdown { color: #7c3aed; font-weight: 600; }
.twouphalfdown { color: #0891b2; font-weight: 600; }
.thirtypercent { color: #9333ea; font-weight: 600; }

.free_bg { background-color: #fef9c3; }
.twoup_bg { background-color: #fce7f3; }
.twoupfree_bg { background-color: #dcfce7; }
.halfdown_bg { background-color: #ede9fe; }
.twouphalfdown_bg { background-color: #cffafe; }
.thirtypercentdown_bg { background-color: #f3e8ff; }

.hot { color: #ea580c; font-weight: 600; }
.classic { color: #65a30d; font-weight: 600; }
.recommended { color: #a855f7; font-weight: 600; }
.new { color: #dc2626; font-weight: 600; }
.striking { color: #dc2626; font-weight: 600; }