/**
 * @package TinyPortal
 * @version 2.0.0
 * @author IchBin - http://www.tinyportal.net
 * @founder Bloc
 * @license MPL 2.0
 *
 * The contents of this file are subject to the Mozilla Public License Version 2.0
 * (the "License"); you may not use this package except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Copyright (C) - The TinyPortal Team
 *
 */

/**
 * Stylesheet for custom styling 
 * This stylesheet is NOT deleted upon uninstalling TinyPortal, 
 * but it will be overwritten with an empty file when installing a new version.
 */

/* ===== 扩大页面宽度 ===== */
#wrapper { max-width: 1600px !important; }

/* ============================================================
   配色方案：极深黑底 + 炭灰区块 + 橙主强调 + 绿/红状态 + 紫点缀
   主背景 #0A0A0A | 区块 #121212~#1A1A1A | 标题栏 #222→#1A1A1A
   文字 #FFFFFF/#EAEAEA | 链接 #FF8C00 | 绿色 #00FF00 | 红色 #CC0000
   ============================================================ */

/* 第一步：清除所有背景图（排除表单元素，保留单选/复选样式） */
div, section, article, header, footer, main, nav, aside,
table, thead, tbody, tfoot, tr, th, td,
ul, ol, li, dl, dt, dd, p, span, a,
h1, h2, h3, h4, h5, h6, .windowbg, .windowbg2,
.content, .roundframe, .tborder, .tp_blockbody, .tp_block21,
.title_bar, .titlebg, .cat_bar, .catbg,
#wrapper, #header, #footer, #footerfix,
#top_section, #upper_section, #content_section,
#main_content_section, #inner_section, #inner_wrap,
::before, ::after {
    background-image: none !important;
}

/* 保留表单控件的默认样式 */
input[type="radio"],
input[type="checkbox"],
input[type="radio"]::before,
input[type="checkbox"]::before,
input[type="radio"]::after,
input[type="checkbox"]::after {
    background-image: initial !important;
    background-color: initial !important;
}

/* 第二步：全页极深黑底 + 白字 */
html, body {
    background: #0a0a0a !important;
    color: #eaeaea !important;
}

div, section, article, header, footer, main, nav, aside,
table, thead, tbody, tfoot, tr, th, td,
ul, ol, li, dl, dt, dd, form, fieldset,
p, span, h1, h2, h3, h4, h5, h6, label {
    background: #0a0a0a !important;
    color: #eaeaea !important;
}

/* 第三步：内容区块炭灰色（#121212~#1A1A1A），边缘微光分隔 */
.windowbg, .windowbg2,
.tp_blockbody, .tp_block21,
.tp_leftblock_body, .tp_rightblock_body,
.tp_centerblock_body, .tp_topblock_body,
.tp_bottomblock_body, .tp_frontblock_body,
.tp_leftblock_frame, .tp_rightblock_frame,
.tp_centerblock_frame, .tp_topblock_frame,
.tp_bottomblock_frame, .tp_frontblock_frame,
.roundframe, .content, .tborder,
#main_content_section .windowbg,
#main_content_section .windowbg2,
#main_content_section .roundframe,
#messageindex .windowbg,
#messageindex .windowbg2,
#forumposts, .post_wrapper, .poster, .postarea, .post,
.inner, .keyinfo, .postinfo, .board_row, .topic_listing,
tr.windowbg, tr.windowbg2,
td.windowbg, td.windowbg2,
.info, .board_stats, .lastpost, .board_icon,
.display_title, #description_board, .moderators,
.sort, .topic_sort, .topic_table, .pagesection,
.pagelinks, .current_page {
    background: #151515 !important;
    color: #eaeaea !important;
    border-color: #2a2a2a !important;
}

/* 第四步：标题栏金属拉丝效果（#222→#1A1A1A渐变）+ 白色文字 */
.title_bar, .titlebg, .cat_bar, .catbg,
h3.titlebg, h3.catbg, .title_bar h3 {
    background: #1e1e1e !important;
    color: #ffffff !important;
    border-bottom: 1px solid #333 !important;
}
.titlebg a, .catbg a, .title_bar a {
    color: #ffffff !important;
}

/* 第五步：全站白色文字（副标题 #AAAAAA ~ #CCCCCC） */
body, div, p, span, li, td, th,
h1, h2, h3, h4, h5, h6, label {
    color: #eaeaea !important;
}
.smalltext, .middletext, .postinfo, .keyinfo,
.moderators, #description_board, .board_stats,
.info, .information {
    color: #aaaaaa !important;
}

/* 第六步：链接 = 亮橙色 #FF8C00 */
a, a:link, a:visited, a.subject, .subject,
.lastpost a, .board_row a, .topic_listing a,
.tp_recenttopics a {
    color: #ff8c00 !important;
}
a:hover, a:active { color: #ffaa33 !important; }

/* 第六步-A：Discord 链接 = 紫色 #CC00FF */
a[href*="discord"],
a[href*="Discord"] {
    color: #cc00ff !important;
}
a[href*="discord"]:hover,
a[href*="Discord"]:hover {
    color: #dd33ff !important;
}

/* 第七步：输入框深灰底白字（保留单选/复选框） */
input:not([type="radio"]):not([type="checkbox"]),
textarea, select {
    background: #1a1a1a !important;
    color: #eaeaea !important;
    border: 1px solid #444 !important;
}
input[type="radio"],
input[type="checkbox"] {
    background: initial !important;
    accent-color: #ec6f00;
}

/* 第八步：按钮深灰底 */
.button, .button_submit, input[type="submit"], button {
    background: #2a2a2a !important;
    color: #ff8c00 !important;
    border: 1px solid #555 !important;
}
.button:hover, .button_submit:hover,
input[type="submit"]:hover, button:hover {
    background: #3a3a3a !important;
    color: #ffaa33 !important;
}

/* 第九步：下拉菜单 */
.dropmenu, .dropmenu ul, .dropmenu li,
.dropmenu a, .top_menu, .popup_window {
    background: #1a1a1a !important;
    color: #eaeaea !important;
}
.dropmenu li a:hover, .dropmenu li:hover > a {
    background: #2a2a2a !important;
    color: #ff8c00 !important;
}

/* ============ 强调色 ============ */

/* 红色 #CC0000 — 警告 / 禁止 / 新闻 */
.news h2, .news p,
span.alert, .error, .warning,
font[color="red"], font[color="maroon"],
span[style*="color: red"], span[style*="color: maroon"],
span[style*="color:red"], span[style*="color:maroon"] {
    color: #cc0000 !important;
}

/* 绿色 #00FF00 — 在线状态 */
#scriptbox_ .tp_blockbody,
span.online, .online, .board_on,
font[color="lime"], font[color="green"],
span[style*="color: lime"], span[style*="color: green"],
span[style*="color:#0f0"], span[style*="color: #0f0"] {
    color: #00ff00 !important;
}

/* 青绿 #00FF99 — 时间戳/辅助信息 */
.time, .timestamp, .smalltext time {
    color: #00ff99 !important;
}

/* 浅黄/米白 #FFFFCC — 温馨提示 */
.note, .notice, .happy, .highlight {
    color: #ffffcc !important;
}

/* 进度条浅灰 */
.progress_bar, .progressbar, .bar {
    background: #333 !important;
}
.progress_bar span, .progressbar span, .bar span,
.progress_bar div, .progressbar div, .bar div {
    background: #cccccc !important;
}

/* Footer */
#footer, #footer_section,
#footer *, #footer_section * {
    background: #0a0a0a !important;
    color: #666 !important;
}

/* 头像占位 */
img.avatar {
    background: #333 !important;
}

/* Shoutbox 内昵称橙色 */
.tp_shoutframe strong, .tp_shoutframe b,
#shoutboxContainer_3 strong, #shoutboxContainer_3 b {
    color: #ff8c00 !important;
}