/*
 * @name: Gemini-NexusPHP-Theme
 * @version: 1.2
 * @description: A modern theme for NexusPHP, optimized and enhanced by Gemini.
 * @author: Gemini & FreeFarm
 */

:root {
    /* ==========================================================================
       颜色、字体、尺寸等全局变量 (Global Variables)
       ========================================================================== */
    --primary-color: #3498db;            /* 主色调，用于链接和重要按钮 */
    --primary-hover-color: #2980b9;     /* 主色调悬停效果 */
    --text-color: #34495e;               /* 主要文字颜色 */
    --text-color-light: #7f8c8d;        /* 辅助性、较浅的文字颜色 */
    --bg-color: #f4f7f9;                 /* 页面背景色 */
    --container-bg-color: rgba(255, 255, 255, 0.85); /* 主要容器的背景色，带透明效果 */
    --border-color: #e8ecef;             /* 边框颜色 */
    --shadow-color: rgba(0, 0, 0, 0.08); /* 阴影颜色 */
    --success-color: #2ecc71;            /* 成功状态颜色 */
    --warning-color: #f1c40f;            /* 警告状态颜色 */
    --danger-color: #e74c3c;             /* 危险/错误状态颜色 */

    --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 全局西文字体 */
    --border-radius: 4px;                /* 边框圆角大小 */
    --transition-speed: 0.2s;            /* 过渡动画速度 */
}

/* ==========================================================================
   全局样式 (Global Styles)
   ========================================================================== */

body {
    margin: 0;
    font-family: var(--font-family-sans);
    color: var(--text-color);
    line-height: 1.6;
    background: var(--bg-color) url() repeat left top; /* 背景图，如果图片不存在则回退到背景色 */

    /* 背景图的备用样式，使其覆盖整个视口 */
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

    /* 全站变灰效果 (默认关闭, 可用于特殊时期) */
    /* -webkit-filter: grayscale(100%); filter: grayscale(100%); */
}

body.inframe {
    background: transparent; /* 用于内嵌框架的透明背景 */
}

/* ==========================================================================
   基础元素重置 (Basic Element Resets)
   ========================================================================== */

table {
    border: none;
    border-collapse: collapse;
    background-color: transparent;
}

form { margin: 0; }
img { border: 0; }
img.border { border: 1px solid var(--text-color); }

ul { margin: 0; padding: 0; }
li { margin: 0.5em 0 0.5em 1.2em; }

/* ==========================================================================
   链接样式 (Link Styles)
   ========================================================================== */

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

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

.sublink { font-style: italic; } /* 斜体子链接 */
font.gray { color: var(--text-color-light); } /* 旧式灰色文字，建议用 class 替代 */

/* ==========================================================================
   布局与容器 (Layout & Containers)
   ========================================================================== */

table.head {
    height: 150px;
    width: 90% !important;
    min-width: 920px;
}

table.main {
    width: 90%;
    min-width: 920px;
}

table.mainouter {
    width: 90%;
    background-color: var(--container-bg-color);
    -webkit-backdrop-filter: blur(10px); /* 兼容 Safari 的背景模糊效果 */
    backdrop-filter: blur(10px);         /* 背景模糊效果 */
    box-shadow: 0 4px 15px var(--shadow-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}

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

/* ==========================================================================
   内容排版 (Typography)
   ========================================================================== */

h1, h2 {
    font-weight: 600;
    color: var(--text-color);
    margin: 1em 0 0.8em;
    padding-bottom: 0.4em;
    border-bottom: 1px solid var(--border-color);
}
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }

h2.transparentbg {
    border-bottom: none;
}

p { margin: 0 0 1em; }
p.sub { margin-bottom: 0.5em; }

/* ==========================================================================
   表格单元格 (Table Cells)
   ========================================================================== */

td {
    border: 1px solid var(--border-color);
    padding: 0.75em;
}

/* 移除特定单元格的边框和内边距 */
td.embedded, td.no_border, td.shoutrow, td.bottom, td.navigation, td.clear, td.nothing {
    border: none;
    padding: 0;
}

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

td.heading { font-weight: 600; }
td.text, td.comment { padding: 10pt; }

/* 表头样式 */
td.colhead {
    white-space: nowrap;
    font-weight: 600;
    background-color: var(--bg-color);
    color: var(--text-color);
    text-align: center; /* 表头文字居中 */
    border-radius: 0;
}

.nowrap { white-space: nowrap; }

/* 行头样式 */
td.rowhead { font-weight: 600; vertical-align: top; text-align: right; }
td.rowhead_left { text-align: left; }
td.rowhead_center { text-align: center; }

/* 种子列表主要表格样式 */
table.torrents {
    text-align: left; /* 默认左对齐 */
}

/*
 * 对种子列表中的特定列进行居中对齐
 * 使用 :nth-child() 选择器精确控制
 * 3: 评论数
 * 6: 种子数
 * 7: 下载数
 * 8: 完成数
 * 9: 发布者
 */
table.torrents tr td:nth-child(3),
table.torrents tr td:nth-child(6),
table.torrents tr td:nth-child(7),
table.torrents tr td:nth-child(8),
table.torrents tr td:nth-child(9) {
    text-align: center;
}

/* ==========================================================================
   按钮样式 (Button Styles)
   ========================================================================== */

.btn {
    display: inline-block;
    font-weight: 600;
    color: var(--text-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: var(--border-radius);
    transition: all var(--transition-speed) ease-in-out;
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 5px var(--shadow-color);
}

.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary:hover {
    background-color: var(--primary-hover-color);
    border-color: var(--primary-hover-color);
}

.btn-danger { color: #fff; background-color: var(--danger-color); border-color: var(--danger-color); }
.btn-danger:hover { filter: brightness(1.1); }

.btn-success { color: #fff; background-color: var(--success-color); border-color: var(--success-color); }
.btn-success:hover { filter: brightness(1.1); }

.btn-warning { color: var(--text-color); background-color: var(--warning-color); border-color: var(--warning-color); }
.btn-warning:hover { filter: brightness(1.1); }

.btn-disabled, .btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

/* 按钮大小 */
.btn-large { padding: 0.8rem 1.5rem; font-size: 1.25rem; }
.btn-mini { padding: 0.25rem 0.5rem; font-size: 0.8rem; }

/* ==========================================================================
   用户等级颜色 (User Class Colors)
   ========================================================================== */

/* 为不同用户等级的链接添加悬停时的亮度变化效果 */
a.StaffLeader_Name, a.SysOp_Name, a.Administrator_Name, a.Moderator_Name, a.ForumModerator_Name,
a.Retiree_Name, a.Uploader_Name, a.VIP_Name, a.NexusMaster_Name, a.UltimateUser_Name, a.ExtremeUser_Name,
a.VeteranUser_Name, a.InsaneUser_Name, a.CrazyUser_Name, a.EliteUser_Name, a.PowerUser_Name, a.User_Name,
a.Peasant_Name {
    transition: filter var(--transition-speed) ease;
}
a:hover.StaffLeader_Name, a:hover.SysOp_Name, a:hover.Administrator_Name, a:hover.Moderator_Name,
a:hover.ForumModerator_Name, a:hover.Retiree_Name, a:hover.Uploader_Name, a:hover.VIP_Name,
a:hover.NexusMaster_Name, a:hover.UltimateUser_Name, a:hover.ExtremeUser_Name, a:hover.VeteranUser_Name,
a:hover.InsaneUser_Name, a:hover.CrazyUser_Name, a:hover.EliteUser_Name, a.PowerUser_Name:hover,
a:hover.User_Name, a:hover.Peasant_Name {
    text-decoration: none;
    filter: brightness(1.2);
}

/* 各用户等级颜色定义 */
.StaffLeader_Name, a.StaffLeader_Name:link, a.StaffLeader_Name:visited { color: #8b0000; }
.SysOp_Name, a.SysOp_Name:link, a.SysOp_Name:visited { color: #a0522d; }
.Administrator_Name, a.Administrator_Name:link, a.Administrator_Name:visited { color: #4b0082; }
.Moderator_Name, a.Moderator_Name:link, a.Moderator_Name:visited { color: #6495ED; }
.ForumModerator_Name, a.ForumModerator_Name:link, a.ForumModerator_Name:visited { color: #1cc6d5; }
.Retiree_Name, a.Retiree_Name:link, a.Retiree_Name:visited { color: #1cc6d5; }
.Uploader_Name, a.Uploader_Name:link, a.Uploader_Name:visited { color: #DC143C; }
.VIP_Name, a.VIP_Name:link, a.VIP_Name:visited { color: #009F00; }
.NexusMaster_Name, a.NexusMaster_Name:link, a.NexusMaster_Name:visited { color: #38ACEC; }
.UltimateUser_Name, a.UltimateUser_Name:link, a.UltimateUser_Name:visited { color: #006400; }
.ExtremeUser_Name, a.ExtremeUser_Name:link, a.ExtremeUser_Name:visited { color: #FF8C00; }
.VeteranUser_Name, a.VeteranUser_Name:link, a.VeteranUser_Name:visited { color: #483D8B; }
.InsaneUser_Name, a.InsaneUser_Name:link, a.InsaneUser_Name:visited { color: #8B008B; }
.CrazyUser_Name, a.CrazyUser_Name:link, a.CrazyUser_Name:visited { color: #00BFFF; }
.EliteUser_Name, a.EliteUser_Name:link, a.EliteUser_Name:visited { color: #008B8B; }
.PowerUser_Name, a.PowerUser_Name:link, a.PowerUser_Name:visited { color: #DAA520; }
.User_Name, a.User_Name:link, a.User_Name:visited { color: var(--text-color); }
.Peasant_Name, a.Peasant_Name:link, a.Peasant_Name:visited { color: var(--text-color-light); }

/* ==========================================================================
   种子状态及促销颜色 (Torrent Status & Promotion Colors)
   ========================================================================== */

/* 文本颜色 */
.free { color: var(--primary-color); }        /* 免费下载 */
.twoup { color: var(--text-color-light); }       /* 2倍上传 */
.twoupfree { color: var(--success-color); }   /* 2倍上传 & 免费下载 */
.halfdown { color: #8575f9; }    /* 50%下载 */
.twouphalfdown { color: #20c997; } /* 2倍上传 & 50%下载 */
.thirtypercent { color: #d63384; } /* 30%下载 */
.hot { color: var(--warning-color); }          /* 热门种子 */
.classic { color: #b58900; }      /* 经典种子 */
.recommended { color: #6610f2; }  /* 推荐种子 */
.new, .striking { color: var(--danger-color); } /* 新种子 / 醒目 */

/* 背景颜色 */
.free_bg { background-color: #ffff99; }
.twoup_bg { background-color: #dddddd; }
.twoupfree_bg { background-color: #ccff99; }
.halfdown_bg { background-color: #cccdf8; }
.twouphalfdown_bg { background-color: #96dbea; }
.thirtypercentdown_bg { background-color: #ddc3ea; }

/* ==========================================================================
   杂项样式 (Miscellaneous Styles)
   ========================================================================== */

/* 横向菜单 */
ul.menu {
    list-style: none;
    text-align: center;
    margin-bottom: 1em;
    white-space: nowrap;
}

#nav_block {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

ul.menu li {
    display: inline-block;
    margin: 0 2px;
}
ul.menu li a {
    display: block;
    padding: 0.6em 1.2em;
    color: var(--text-color);
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    font-weight: 600;
    transition: all var(--transition-speed) ease;
}
ul.menu li a:hover {
    background-color: #dce4e9;
    text-decoration: none;
    transform: translateY(-1px);
}
ul.menu li.selected a {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* CSS-only 信息提示框 */
a.info {
    position: relative;
    background-color: transparent;
}
a.info:hover span {
    display: block;
    position: absolute;
    top: 2em;
    left: 50%;
    transform: translateX(-50%);
    width: 15em;
    color: var(--text-color);
    background-color: var(--container-bg-color);
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 15px var(--shadow-color);
    border-radius: var(--border-radius);
    padding: 0.8em;
    text-align: center;
    z-index: 100;
}
a.info span { display: none; }

.important { font-weight: 600; }
.red { color: var(--danger-color); }
.yellow { color: var(--warning-color); }
.green { color: var(--success-color); }


/* ==========================================================================
   搜索/过滤面板优化 (Search/Filter Panel Optimization)
   ========================================================================== */

/* 主容器，使用 Flexbox 布局替代原始表格的两列布局 */
#ksearchboxmain > tr {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
}

#ksearchboxmain > tr > td.rowfollow {
    flex: 5; /* 左侧过滤器占更大部分 (5:1 比例) */
    min-width: 300px;
    border: none; /* 移除边框 */
}

#ksearchboxmain > tr > td.rowfollow:last-child {
    flex: 1; /* 右侧下拉框占小部分 */
    min-width: 220px;
    border-left: 1px solid var(--border-color); /* 添加左侧分隔线 */
    padding-left: 2em !important;
}

/* 移除内嵌表格的边框和背景 */
#ksearchboxmain table {
    border: none;
    background: none;
}

/* 过滤器分组标题 */
#ksearchboxmain td.embedded {
    display: block; /* 脱离表格单元格行为 */
    font-size: 1.1em;
    font-weight: 600;
    padding: 0;
    margin: 1.5em 0 1em 0;
    border-bottom: 1px solid var(--border-color);
}

#ksearchboxmain td.embedded:first-child {
    margin-top: 0;
}

/* 过滤器选项容器 (包含复选框和标签的行) */
#ksearchboxmain table > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px; /* 行间距和列间距 */
    padding: 0.5em 0;
}

/* 覆盖内联样式，并统一选项样式 */
#ksearchboxmain td.bottom {
    display: flex;
    align-items: center;
    gap: 0.5em;
    padding: 0 !important; /* 强制覆盖内联样式 */
    background: none;
    border: none;
}

/* 选项中的链接 */
#ksearchboxmain td.bottom a {
    color: var(--text-color);
    transition: all var(--transition-speed) ease;
}

#ksearchboxmain td.bottom a:hover {
    color: var(--primary-color);
    text-decoration: none;
}

#ksearchboxmain td.bottom input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* 右侧下拉框和输入框区域 */
#ksearchboxmain td.rowfollow:last-child table > tbody > tr {
    display: block; /* 保持块状堆叠 */
    padding: 0.5em 0;
}

#ksearchboxmain select.med,
#ksearchboxmain input[type="number"],
#ksearchboxmain input[type="text"] {
    width: 100% !important; /* 强制宽度100% */
    padding: 0.5em;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    background-color: var(--container-bg-color);
    color: var(--text-color);
    box-sizing: border-box;
}

#ksearchboxmain .medium {
    font-weight: 600;
    display: block;
    margin-bottom: 0.5em;
}

/* 将包含“全选”按钮的条目推向行尾 */
#ksearchboxmain td.bottom:has(input[type="button"]) {
    margin-left: auto;
}

/* ==========================================================================
   图片悬停增强效果 (Image Hover Enhancement)
   ========================================================================== */
td.text.nowrap img {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    max-width: 100%;
    height: auto;
    border-radius: var(--border-radius); /* 给图片也加上圆角 */
}

td.text.nowrap a:hover img {
    transform: scale(1.1);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

td.text.nowrap {
  display: flex !important;
  align-items: flex-start !important;
  float: none !important;
  position: static !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}

td.text.nowrap a[href*="details.php?id="] {
  flex-basis: 145px !important; /* 理想基础宽度 */
  flex-shrink: 1 !important;    /* 允许缩小 */
  flex-grow: 0 !important;      /* 禁止放大 */
  min-width: 0 !important;      /* 允许无限缩小 */
  margin-right: 4px !important;
  position: relative; /* 为内部图片的z-index动画提供定位上下文 */
}

td.text.nowrap a[href*="details.php?id="] > img {
  width: 100% !important;
  display: block !important;
  height: auto !important; /* 关键：高度自动，以保持每张图片自身的原始长宽比 */
  aspect-ratio: 145 / 230; /* 强制设定长宽比 */
  object-fit: cover;       /* 裁剪填充，防止图片变形 */
}

/* ==========================================================================
   登录与注册页面样式 (Login & Registration Page Styles)
   使用 :has() 选择器，需要现代浏览器支持。
   ========================================================================== */

/* 识别登录或注册页的通用样式 */
body:has(#login-form), body:has(#signup-form) {
    /* --- 专属CSS变量 --- */
    --primary-color: #b3e0ff;
    --primary-hover-color: #d8f0ff;
    --text-color: #b3e0ff;
    --text-color-light: #a3d0ef;
    --bg-color: #0a0e23;
    --container-bg-color: rgba(10, 15, 35, 0.85);
    --border-color: rgba(62, 141, 222, 0.25);
    --shadow-color: rgba(58, 141, 222, 0.133);
    --font-family-sans: Rajdhani, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --border-radius: 5px;
    --transition-speed: 0.3s;

    /* --- 页面布局和背景 --- */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
    background: var(--bg-color);
    font-family: var(--font-family-sans);
    color: var(--text-color);
}

/* 隐藏头部和脚部 */
body:has(#login-form) .head, body:has(#login-form) #footer,
body:has(#signup-form) .head, body:has(#signup-form) #footer {
    display: none;
}

/* 主容器毛玻璃效果 */
body:has(#login-form) .mainouter, body:has(#signup-form) .mainouter {
    width: 100%;
    max-width: 420px;
    min-width: 0;
    border-radius: 12px;
    background-color: var(--container-bg-color);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    border: .5px solid var(--border-color);
    box-shadow:
        0 0 80px var(--shadow-color),
        0 0 10px rgba(111, 195, 223, 0.6),
        inset 0 0 40px 8px rgba(10, 14, 35, 0.8),
        inset 0 0 15px rgba(111, 195, 223, 0.2);
    animation: login-box-glow 3s ease-in-out infinite alternate;
}

/* 辉光动画 */
@keyframes login-box-glow {
    from {
        box-shadow:
            0 0 80px var(--shadow-color),
            0 0 10px rgba(111, 195, 223, 0.6),
            inset 0 0 40px 8px rgba(10, 14, 35, 0.8),
            inset 0 0 15px rgba(111, 195, 223, 0.2);
    }
    to {
        box-shadow:
            0 0 100px var(--shadow-color),
            0 0 20px rgba(111, 195, 223, 0.8),
            inset 0 0 50px 10px rgba(10, 14, 35, 0.9),
            inset 0 0 20px rgba(111, 195, 223, 0.3);
    }
}

/* 星星撞击效果 */
body:has(#login-form) .mainouter.star-hit, body:has(#signup-form) .mainouter.star-hit {
    box-shadow:
        0 0 120px var(--shadow-color),
        0 0 30px rgba(111, 195, 223, 1),
        inset 0 0 60px 12px rgba(10, 14, 35, 1),
        inset 0 0 25px rgba(111, 195, 223, 0.4);
    transition: box-shadow 0.3s ease-out;
}

/* 内部容器样式 */
body:has(#login-form) #nav_block, body:has(#signup-form) #nav_block {
    border: none;
    padding: 1em 2.5em;
}

/* Logo 样式 */
body:has(#login-form) .login-logo, body:has(#signup-form) .login-logo {
    background-color: #4281da;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, #3654d8 4%, #349ce6 19%, #56d0e2 39%, #62e080 60%, #d195cb 80%, #e646dd);
    font-weight: 800;
    font-size: 3rem;
    letter-spacing: 5px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    filter: brightness(130%);
    text-align: center;
    padding: 0.1em 0;
    margin-bottom: 0.1em;
}

/* 表单居中 */
body:has(#login-form) #login-form, body:has(#signup-form) #signup-form {
    text-align: center;
}

body:has(#login-form) #login-form table, body:has(#signup-form) #signup-form table {
    width: 100%;
    margin: 1em 0;
}

body:has(#login-form) #login-form td, body:has(#signup-form) #signup-form td {
    border: none;
    padding: 0.2em;
    text-align: left;
    background: transparent;
}

/* 输入框样式 */
body:has(#login-form) input[type="text"],
body:has(#login-form) input[type="password"],
body:has(#signup-form) input[type="text"],
body:has(#signup-form) input[type="password"],
body:has(#signup-form) input[type="email"] {
    width: 100% !important;
    padding: 10px 12px;
    margin: 2px 0;
    border: 1.5px solid rgba(111, 195, 223, 0.27) !important;
    border-radius: var(--border-radius);
    background: transparent;
    box-sizing: border-box;
    color: var(--text-color-light);
    font-weight: 400;
    box-shadow: 0 0 6px #6fc3df11 inset;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    opacity: .75;
    transition: all var(--transition-speed);
}

/* 输入框获取焦点样式 */
body:has(#login-form) input[type="text"]:focus,
body:has(#login-form) input[type="password"]:focus,
body:has(#signup-form) input[type="text"]:focus,
body:has(#signup-form) input[type="password"]:focus,
body:has(#signup-form) input[type="email"]:focus {
    outline: none;
    border-color: #6fc3dfaa;
    box-shadow: 0 0 15px #6fc3dfaa;
    background: rgba(62, 141, 222, 0.06);
    color: var(--primary-color);
    opacity: .9;
}

/* 标签和链接样式 */
body:has(#login-form) .rowhead, body:has(#signup-form) .rowhead {
    text-align: right;
    padding-right: 1em !important;
    white-space: nowrap;
    font-weight: 600;
    font-size: 13px;
    color: var(--text-color-light);
    text-transform: uppercase;
}
body:has(#login-form) a, body:has(#signup-form) a {
    color: var(--primary-color);
}
body:has(#login-form) a:hover, body:has(#signup-form) a:hover {
    color: var(--primary-hover-color);
}

/* 按钮样式 */
body:has(#login-form) .btn, body:has(#signup-form) .btn {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    margin-top: 1em;
    border-radius: var(--border-radius);
    background: transparent;
    border: 1.5px solid rgba(111, 195, 223, 0.27);
    color: var(--text-color-light);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all var(--transition-speed);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: .75;
}

body:has(#login-form) .btn:hover, body:has(#signup-form) .btn:hover {
    background: rgba(62, 141, 222, 0.06);
    box-shadow: 0 0 12px #6fc3df33;
    color: var(--primary-color);
    border-color: #6fc3dfaa;
    opacity: .9;
}

body:has(#login-form) input[type="reset"], body:has(#signup-form) input[type="reset"] {
    display: none; /* 隐藏重置按钮 */
}

/* 底部链接间距 */
body:has(#login-form) #nav_block > p, body:has(#signup-form) #nav_block > p {
    margin: 0.2em 0 0 0;
}

/* 隐藏或显示特定链接 */
body:has(#login-form) p:has(a[href="signup.php"]) {
    display: none;
}
body:has(#signup-form) p:has(a[href="signup.php"]) {
    display: block;
}

/* ==========================================================================
   响应式设计 (Responsive Design)
   ========================================================================== */

#nav-mobile {
    display: none !important; /* 默认隐藏移动端导航 */
}

@media screen and (max-width: 920px) {
    #nav {
        display: block !important; /* 在小屏幕上显示导航 */
    }
}