/* ============================================================
   NexusPHP -> Flarum 风格主题
   主色调: #4D698E
   辅助色调: #4D698E
   背景: #FFFFFF
   ============================================================ */

/* ---------- 全局重置与字体 ---------- */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background: #EFF4FA;
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

a {
    color: #4D698E;
    text-decoration: none;
    transition: color .15s ease;
}

a:hover {
    color: #3a5270;
    text-decoration: underline;
}

/* ---------- 页面主容器 ---------- */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* ---------- 顶部欢迎横幅 (Hero) ---------- */
.Hero,
.WelcomeHero {
    position: relative;
    background: #4D698E;
    color: #fff;
    padding: 40px 0;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.Hero .container,
.WelcomeHero .container {
    position: relative;
}

.Hero-title {
    margin: 0 0 10px;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}

.Hero-subtitle {
    margin: 0;
    font-size: 15px;
    opacity: .9;
    color: #fff;
}

.Hero-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    opacity: .7;
    padding: 5px;
    line-height: 1;
}

.Hero-close:hover {
    opacity: 1;
}

/* ---------- 顶部导航栏 (菜单栏) ---------- */
/* 针对 NexusPHP 实际结构：td#nav_block > table.main > td.embedded > #nav > ul#mainmenu */

/* 1. 只处理菜单所在的外层，不动页面内容 */
td#nav_block {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: top !important;
    background: #4D698E !important;
}

/* 只针对菜单那一层的 table.main 贴顶，不影响页面其他表格 */
td#nav_block > table.main {
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    vertical-align: top !important;
}

td#nav_block > table.main > tbody > tr,
td#nav_block > table.main > tbody > tr > td {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: top !important;
    line-height: 0 !important;   /* 只在这一层清零 */
}

/* 关键：菜单容器 td.embedded 只清 padding，line-height 恢复正常 */
td#nav_block > table.main > tbody > tr > td.embedded {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: top !important;
    line-height: normal !important;   /* ← 这里是重点，改成 normal */
}

/* 2. 菜单栏本体：贴顶、固定、主色 */
#nav {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #4D698E;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    line-height: normal !important;
}

/* 3. 菜单列表：flex 布局，左右留白给 logo 和捐赠按钮 */
ul#mainmenu.nexus-custom-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    min-height: 50px !important;
    padding-left: 60px !important;
    padding-right: 70px !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #4D698E !important;
    list-style: none;
    width: 100%;
}

/* 一级菜单项 */
#nav > li,
ul.menu > li,
ul.nexus-custom-menu > li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 一级菜单链接 */
ul#mainmenu.nexus-custom-menu > li > a {
    display: block;
    line-height: 50px !important;
    padding: 0 16px !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    transition: background .15s ease;
    white-space: nowrap;
}

ul#mainmenu.nexus-custom-menu > li > a:hover,
ul#mainmenu.nexus-custom-menu > li.selected > a {
    background: rgba(255, 255, 255, 0) !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* ---------- 下拉子菜单 ---------- */
#nav li ul,
ul.menu li ul,
ul.nexus-custom-menu li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
    z-index: 3000;
}

#nav li:hover > ul,
ul.menu li:hover > ul,
ul.nexus-custom-menu li:hover > ul,
#nav li:focus-within > ul,
ul.menu li:focus-within > ul,
ul.nexus-custom-menu li:focus-within > ul {
    display: block;
}

#nav li ul li,
ul.menu li ul li,
ul.nexus-custom-menu li ul li {
    display: block;
    margin: 0;
    padding: 0;
}

#nav li ul li a,
ul.menu li ul li a,
ul.nexus-custom-menu li ul li a {
    display: block !important;
    padding: 8px 16px !important;
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    background: #fff !important;
    border: none !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background .15s ease, color .15s ease;
}

#nav li ul li a:hover,
ul.menu li ul li a:hover,
ul.nexus-custom-menu li ul li a:hover {
    background: #f0f3f7 !important;
    color: #4D698E !important;
    text-decoration: none !important;
}

/* 二级下拉 */
#nav li ul li ul,
ul.menu li ul li ul,
ul.nexus-custom-menu li ul li ul {
    top: 0;
    left: 100%;
    margin-left: 1px;
    margin-top: -7px;
    border-radius: 6px;
}

/* 下拉箭头 */
#nav li.has-children > a::after,
ul.menu li.has-children > a::after,
ul.nexus-custom-menu li.has-children > a::after {
    content: "\25BE";
    font-size: 9px;
    margin-left: 5px;
    opacity: .8;
}

#nav li ul li.has-children > a::after,
ul.menu li ul li.has-children > a::after,
ul.nexus-custom-menu li ul li.has-children > a::after {
    content: "\25B8";
    float: right;
    margin-left: 8px;
    opacity: .6;
}

/* ---------- 信息栏 (用户信息 / 统计) ---------- */
/* 让信息栏铺满整行，左右不留缝，与菜单栏对齐 */

/* 1. 去掉页面级 table 的 100% 宽度限制，改由信息栏自己撑满 */
table {
    border-collapse: collapse;
}

/* 2. 信息栏容器：铺满视口宽度 */
#info_block {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

#info_block > tbody > tr > td {
    padding: 0 !important;
}

/* 3. 信息栏内部那层 table 也铺满 */
#info_block table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* 4. 左右两个单元格：贴边 */
td.bottom {
    background: #f8f9fb;
    border-bottom: 10px solid #e6e9ef;
    padding: 4px 12px !important;   /* 原 px 0px 是错的，改成有效值 */
    vertical-align: middle;
    text-align: left;
}

td.bottom[align="right"] {
    text-align: right;
    white-space: nowrap;
    padding-right: 12px !important;  /* 右侧给点内边距，图标不贴边 */
}

/* 5. 左侧单元格贴左 */
td.bottom[align="left"] {
    padding-left: 12px !important;
}

/* 6. 文字样式 */
td.bottom .medium {
    font-size: 15px;
    color: #555;
    line-height: 2;
}

td.bottom a {
    color: #4D698E;
}

td.bottom a:hover {
    color: #3a5270;
}

/* 7. 右侧图标 */
td.bottom[align="right"] img {
    vertical-align: middle;
    margin: 0 3px;
    opacity: .7;
    transition: opacity .15s ease;
}

td.bottom[align="right"] img:hover {
    opacity: 1;
}

/* ---------- 各类状态颜色 ---------- */
.color_bonus { color: #4D698E; font-weight: 600; }
.color_invite { color: #4D698E; font-weight: 600; }
.color_ratio { color: #4D698E; font-weight: 600; }
.color_uploaded { color: #2e7d32; font-weight: 600; }
.color_downloaded { color: #c62828; font-weight: 600; }
.color_active { color: #4D698E; font-weight: 600; }
.color_connectable { color: #4D698E; font-weight: 600; }
.color_slots { color: #4D698E; font-weight: 600; }

/* ---------- 按钮 ---------- */
.Button,
input[type="submit"],
input[type="button"],
button {
    display: inline-block;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    background: #4D698E;
    border: 1px solid #4D698E;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
    font-family: inherit;
}

.Button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
    background: #3a5270;
    border-color: #3a5270;
    color: #fff;
    text-decoration: none;
}

.Button--flat,
.Button--link {
    background: transparent;
    border-color: transparent;
    color: #4D698E;
}

.Button--flat:hover,
.Button--link:hover {
    background: rgba(77, 105, 142, .08);
    border-color: transparent;
    color: #3a5270;
}

.Button--icon {
    padding: 6px 8px;
}

/* ---------- 表单元素 ---------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
    padding: 8px 10px;
    font-size: 13px;
    font-family: inherit;
    color: #333;
    background: #fff;
    border: 1px solid #d5dae2;
    border-radius: 4px;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    border-color: #4D698E;
    box-shadow: 0 0 0 3px rgba(77, 105, 142, .12);
}

textarea {
    overflow: auto;
    resize: vertical;
}

/* ---------- 表格 (种子列表等) ---------- */
table.torrents {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    border: 1px solid #e6e9ef;
    border-radius: 6px;
    overflow: hidden;
}

table.torrents th {
    background: #4D698E;
    color: #fff;
    font-weight: 600;
    padding: 10px 12px;
    text-align: left;
    font-size: 13px;
    border: none;
}

table.torrents td {
    padding: 10px 12px;
    border-bottom: 1px solid #eef1f5;
    font-size: 13px;
    color: #444;
}

table.torrents tr:last-child td {
    border-bottom: none;
}

table.torrents tr:hover td {
    background: #f8f9fb;
}

table.torrents td.rowfollow {
    font-size: 13px;
}

table.torrentname td.embedded {
    font-size: 13px;
}

/* ---------- 通用卡片 / 盒子 ---------- */
.form-box,
.layer-form {
    background: #fff;
    border: 1px solid #e6e9ef;
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}

.form-control-row {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f2f5;
}

.form-control-row:last-child {
    border-bottom: none;
}

.form-control-row .label {
    width: 100px;
    flex-shrink: 0;
    font-weight: 500;
    color: #4D698E;
}

.form-control-row .field {
    flex: 1;
}

.form-control-row input[type="text"],
.form-control-row textarea {
    width: 100%;
    max-width: 400px;
}

/* ---------- 提示 / 重要信息 ---------- */
.important {
    color: #c62828;
    font-weight: 600;
}

.text-muted {
    color: #7d7b7b;
}

/* ---------- details / summary ---------- */
details summary {
    width: fit-content;
    line-height: 28px;
    color: #4D698E;
    cursor: pointer;
    font-weight: 700;
    background-color: rgba(77, 105, 142, .1);
    padding: 0 10px;
    border-radius: 4px;
    transition: margin .15s ease-out, background .15s ease;
}

details summary:hover {
    background-color: rgba(77, 105, 142, .18);
}

details[open] summary {
    margin-bottom: 10px;
}

/* ---------- 隐藏文字（模糊） ---------- */
.hidden-text {
    filter: blur(.5em);
    transition: filter .15s ease-in-out;
}

.hidden-text:hover {
    filter: blur(0);
}

/* ---------- 彩虹文字 ---------- */
.rainbow {
    text-align: center;
    text-decoration: underline;
    background: linear-gradient(to right, #4D698E, #6b8ab5, #4D698E, #3a5270, #4D698E);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%, 100% { background-position: 0 0; }
    50% { background-position: 100% 0; }
}

/* ---------- 媒体信息原始块 ---------- */
.nexus-media-info-raw {
    padding: 0 0.5rem;
    border: none;
}

.nexus-media-info-raw .spoiler-title-box {
    text-align: center;
}

.nexus-media-info-raw pre {
    white-space: break-spaces;
    overflow-wrap: anywhere;
}

.codemain > pre {
    margin: 0;
}

.word-break-all {
    word-break: break-all;
}

/* ---------- 不换行 ---------- */
.nowrap {
    white-space: nowrap !important;
}

.nowrap img {
    display: inline-block !important;
}

/* ---------- 灯箱 / 幕布 ---------- */
.curtain {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
    opacity: .8;
}

.lightbox {
    display: none;
    position: absolute;
    text-align: center;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    padding: 0;
    z-index: 1002;
    overflow: auto;
}

/* ---------- 布局修正：让菜单栏和内容区对齐 ---------- */
body > table,
body > div.container {
    width: 100%;
}

/* 如果菜单栏在 table 内，让它宽度 100% */
#nav {
    width: 100%;
}

/* ---------- 响应式 ---------- */
@media (max-width: 768px) {
    .Hero-title {
        font-size: 22px;
    }

    .Hero-subtitle {
        font-size: 13px;
    }

    #nav > li > a,
    ul.menu > li > a,
    ul.nexus-custom-menu > li > a {
        padding: 10px 10px;
        font-size: 13px;
    }

    td.bottom {
        padding: 10px;
    }

    td.bottom .medium {
        font-size: 12px;
    }

    .form-control-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .form-control-row .label {
        width: 100%;
        margin-bottom: 4px;
    }

    .form-control-row input[type="text"],
    .form-control-row textarea {
        width: 100%;
    }
}
/* ============================================================
   Logo 与捐赠按钮：固定在菜单栏左右两侧
   ============================================================ */

/* Logo：菜单栏最左边 */
.logo_img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    z-index: 10001 !important;
    background: #4d698e00 !important;
}

.logo_img img {
    height: 30px !important;
    width: auto !important;
    display: block !important;
}

/* 捐赠按钮（孔明灯）：菜单栏最右边 */
table.head tr td.clear.nowrap {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    margin: 0 !important;
    z-index: 10001 !important;
    background: #4d698e00 !important;
    border-radius: 0 !important;
}

table.head tr td.clear.nowrap a {
    display: flex !important;
    align-items: center !important;
}

table.head tr td.clear.nowrap a img {
    height: 32px !important;
    width: auto !important;
    margin: 0 !important;
    display: block !important;
}

/* 信息栏紧贴菜单栏 */
#info_block {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

#info_block > tbody > tr > td {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#info_block table {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    ul#mainmenu.nexus-custom-menu {
        padding-left: 50px !important;
        padding-right: 55px !important;
        min-height: 40px !important;
    }

    ul#mainmenu.nexus-custom-menu > li > a {
        line-height: 40px !important;
        font-size: 12px !important;
        padding: 0 8px !important;
    }

    .logo_img {
        height: 40px !important;
        padding: 0 8px !important;
    }

    .logo_img img {
        height: 24px !important;
    }

    table.head tr td.clear.nowrap {
        height: 40px !important;
        padding: 0 8px !important;
    }

    table.head tr td.clear.nowrap a img {
        height: 26px !important;
    }
}

/* ============================================================
   论坛/种子列表：时间列横向显示，自动换行，不再竖排
   ============================================================ */

/* 1. 恢复表格单元格的正常行高，防止逐字换行 */
table.torrents td,
table.torrents th,
table.forum_list td,
table.forum_list th,
td.colhead,
td.bottom {
    line-height: 1.6 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

/* 2. 时间列：给一个合理的最小宽度，让它横着排 */
table.torrents td span[title],
table.forum_list td span[title],
td span[title] {
    display: inline-block !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    word-break: keep-all !important;      /* 中文/数字不强行断字 */
    overflow-wrap: break-word !important;
    max-width: 100% !important;
}

/* 3. 如果时间列是表格最后一列，给它一个最小宽度 */
table.torrents td:last-child,
table.forum_list td:last-child {
    min-width: 90px !important;
    white-space: nowrap !important;       /* 时间本身不换行 */
}

/* 4. 通用兜底：任何地方 line-height 为 0 的都恢复 */
td, th, tr, tbody, table {
    line-height: normal;
}

/* 论坛版块名称与描述统一靠左 */
td.embedded,
td.embedded a,
td.embedded font,
td.embedded br {
    text-align: left !important;
}

/* ============================================================
   论坛列表左侧嵌套表格：让图标 + 版块名 + 描述整体靠左
   ============================================================ */

/* 1. 外层单元格靠左 */
td.rowfollow[align="left"] {
    text-align: left !important;
}

/* 2. 嵌套表格：不要 100%，改成自适应宽度，靠左 */
td.rowfollow[align="left"] > table {
    width: auto !important;        /* ← 改这里：auto 自适应 */
    margin: 0 !important;          /* 靠左，不要 auto 居中 */
    padding: 0 !important;
    border-collapse: collapse !important;
    text-align: left !important;
}

/* 3. 嵌套表格里的单元格靠左、垂直居中 */
td.rowfollow[align="left"] > table > tbody > tr > td {
    text-align: left !important;
    vertical-align: middle !important;
    padding: 0 !important;
}

/* 4. 图标格：给足宽度，别压太死 */
td.rowfollow[align="left"] > table > tbody > tr > td.embedded:first-child {
    width: 50px !important;        /* ← 改这里：20 改 30，给图标留够位置 */
    min-width: 50px !important;    /* ← 改这里：20 改 30 */
    max-width: 50px !important;    /* ← 改这里：20 改 30 */
    padding-right: 8px !important; /* ← 改这里：10 改 8，减少挤压 */
}

/* 5. 文字格：占满剩余宽度，靠左 */
td.rowfollow[align="left"] > table > tbody > tr > td.embedded:last-child {
    width: auto !important;
    text-align: left !important;
}

/* 6. 文字格里的链接和 font 也靠左 */
td.rowfollow[align="left"] > table > tbody > tr > td.embedded a,
td.rowfollow[align="left"] > table > tbody > tr > td.embedded font {
    text-align: left !important;
    display: inline !important;
}
/* ====2026 年 9 月 19 日 00:16:24 =========== */
/* ============================================================
   让页面主内容区域铺满宽度，不再被限制在 1200px
   ============================================================ */

/* 1. 页面最外层 table.main 铺满 */
table.main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* 2. 它的单元格也铺满 */
table.main > tbody > tr > td,
table.main td.embedded {
    width: auto !important;
    max-width: 100% !important;
}

/* 3. 信息栏那块继续保持铺满 */
#info_block {
    width: 100% !important;
    max-width: 100% !important;
}

/* 4. 如果页面里还有别的 table 被限制成 1200，也一起放开 */
table[width="1200"],
table[width="1000"],
table[width="960"] {
    width: 100% !important;
    max-width: 100% !important;
}

/* ===========2026 年 9 月 19 日 00:27:44============ */
/* ============================================================
   药丸风格：单行输入框 + 按钮
   仅作用于 input[type=text] / input[type=password] 等单行框，
   以及按钮。textarea 保持原样。
   ============================================================ */

/* ---------- 1. 单行输入框：药丸外形 ---------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"] {
    border-radius: 999px !important;   /* 药丸 */
    padding: 8px 16px !important;      /* 左右留多一点，圆润 */
    border: 1px solid #d5dae2 !important;
    background: #fff !important;
    outline: none !important;
    transition: border-color .15s ease, box-shadow .15s ease;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .03);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus {
    border-color: #4D698E !important;
    box-shadow: 0 0 0 3px rgba(77, 105, 142, .15) !important;
}

/* 兼容 NexusPHP 里内联 width:99% 的输入框 */
input[type="text"][style*="width"],
input[type="text"][style*="flex-grow"] {
    border-radius: 999px !important;
}

/* ---------- 2. 按钮：药丸外形 ---------- */
input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.btn,
.btn2,
input.btn,
input.btn2 {
    border-radius: 999px !important;
    padding: 2px 10px !important;
    border: 1px solid #4D698E !important;
    background: #4D698E !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
    font-family: inherit !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover,
.btn:hover,
.btn2:hover,
input.btn:hover,
input.btn2:hover {
    background: #3a5270 !important;
    border-color: #3a5270 !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(77, 105, 142, .25);
}

/* 次要按钮（比如预览、取消）用描边款，也保持药丸 */
.btn2,
input.btn2,
input[type="button"].btn2 {
    background: transparent !important;
    color: #4D698E !important;
    border: 1px solid #4D698E !important;
    box-shadow: none;
}

.btn2:hover,
input.btn2:hover,
input[type="button"].btn2:hover {
    background: rgba(77, 105, 142, .08) !important;
    color: #3a5270 !important;
    border-color: #3a5270 !important;
}

/* ---------- 3. textarea 保持原样（明确排除） ---------- */
textarea,
textarea.bbcode {
    border-radius: 6px !important;   /* 保持原来的微圆角，不要药丸 */
    padding: 8px 10px !important;
}

/* ---------- 4. select 下拉框也顺手做成药丸 ---------- */
select {
    border-radius: 999px !important;
    padding: 8px 16px !important;
    border: 1px solid #d5dae2 !important;
    background: #fff !important;
    outline: none !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

select:focus {
    border-color: #4D698E !important;
    box-shadow: 0 0 0 3px rgba(77, 105, 142, .15) !important;
}

/* ---------- 5. 搜索框（NexusPHP 常见的 shbox_text） ---------- */
#shbox_text,
input[name="shbox_text"] {
    border-radius: 999px !important;
    padding: 8px 16px !important;
}

/* ============================================================
   方案一：去掉竖线，只保留横线
   ============================================================ */

/* 1. 所有表格：去掉竖线，只留横线 */
table {
    border-left: 0 !important;
    border-right: 0 !important;
    border-collapse: collapse !important;
}

table td,
table th {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #eef1f5 !important;
}

/* 2. 表头下面用稍深一点的横线区分 */
table th,
td.colhead {
    border-bottom: 1px solid #d5dae2 !important;
}

/* 3. 最后一行不要横线（可选） */
table tr:last-child td {
    border-bottom: none !important;
}

/* 4. 干掉那种用 border 属性写死的表格竖线 */
table[border] {
    border: 0 !important;
}

table[border] td,
table[border] th {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* ============================================================
   小标题 h2：浅色药丸背景，区分板块
   ============================================================ */

/* 1. h2 本体：药丸外形 + 浅色背景 */
h2 {
    display: inline-block !important;      /* 宽度贴合文字，不撑满 */
    background: #EFF4FA !important;        /* 浅冷色底，与页面区分 */
    color: #4D698E !important;             /* 主色文字 */
    border-radius: 999px !important;       /* 药丸 */
    padding: 6px 16px !important;          /* 左右留白，圆润 */
    margin: 10px 0 !important;             /* 上下间距 */
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    border: 1px solid #dde3ec !important;  /* 极淡描边，增加层次 */
    box-shadow: 0 1px 2px rgba(77, 105, 142, .06);
}

/* 2. h2 里的 font.small 和链接：保持同一行，颜色跟随 */
h2 font.small,
h2 .small {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #6b7c93 !important;
}

/* 3. h2 里的链接：主色，hover 加深 */
h2 a,
h2 a.altlink {
    color: #4D698E !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color .15s ease;
}

h2 a:hover,
h2 a.altlink:hover {
    color: #3a5270 !important;
    text-decoration: underline !important;
}

/* 4. 如果 h2 里还有 b 标签，保持同色 */
h2 b {
    color: #4D698E !important;
    font-weight: 700 !important;
}

/* 5. 兼容 h1 也做同样处理（有些站用 h1 当标题） */
h1 {
    display: inline-block !important;
    background: #EFF4FA !important;
    color: #4D698E !important;
    border-radius: 999px !important;
    padding: 6px 16px !important;
    margin: 10px 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    border: 1px solid #dde3ec !important;
}
h3,
.title,
.subtitle {
    display: inline-block !important;
    background: #EFF4FA !important;
    color: #4D698E !important;
    border-radius: 999px !important;
    padding: 5px 14px !important;
    margin: 8px 0 !important;
    font-weight: 600 !important;
}

/* ============================================================
   表头「回复/查看」横排显示
   ============================================================ */

/* 1. 表头单元格：不换行、给足宽度 */
td.colhead,
th.colhead {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    min-width: 70px !important;
    text-align: center !important;
    line-height: 1.6 !important;
}

/* 2. 如果是用 <br> 换行的，干掉它 */
td.colhead br {
    display: none !important;
}

/* 3. 表头里的文字也强制不换行 */
td.colhead font,
td.colhead span {
    white-space: nowrap !important;
}




/* 隐藏原图标，用父级 a 生成胶囊按钮 */
img.f_new {
    display: none !important;
}

a:has(> img.f_new) {
    display: inline-block !important;
    background: #4D698E !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 6px 18px !important;
    border-radius: 999px !important;
    border: 1px solid #4D698E !important;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(77, 105, 142, .18);
    transition: background .15s ease, border-color .15s ease;
    float: right !important;
    margin: 8px 0 !important;
}

a:has(> img.f_new)::after {
    content: "新主题";
    color: #fff !important;
}

a:has(> img.f_new):hover {
    background: #3a5270 !important;
    border-color: #3a5270 !important;
}


/* ============================================================
   帖子操作按钮：回复 / 引用 / 举报 / 短讯 / 离线 胶囊化
   ============================================================ */

/* ---------- 1. 统一隐藏原雪碧图 ---------- */
img.f_reply,
img.f_quote,
img.f_report,
img.f_pm,
img.f_offline {
    display: none !important;
}

/* ---------- 2. 统一胶囊基础样式 ---------- */
a:has(> img.f_reply),
a:has(> img.f_quote),
a:has(> img.f_report),
a:has(> img.f_pm),
a:has(> img.f_offline) {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 4px 14px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    margin: 2px 4px 2px 0 !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
    vertical-align: middle !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}

/* ---------- 3. 各按钮文字内容 ---------- */
a:has(> img.f_reply)::after   { content: "回复"; }
a:has(> img.f_quote)::after   { content: "引用"; }
a:has(> img.f_report)::after  { content: "举报"; }
a:has(> img.f_pm)::after      { content: "短讯"; }
a:has(> img.f_offline)::after { content: "离线"; }

/* ---------- 4. 主按钮：回复（实色主色） ---------- */
a:has(> img.f_reply) {
    background: #4D698E !important;
    color: #fff !important;
    border: 1px solid #4D698E !important;
    box-shadow: 0 1px 2px rgba(77, 105, 142, .18);
}
a:has(> img.f_reply)::after { color: #fff !important; }
a:has(> img.f_reply):hover {
    background: #3a5270 !important;
    border-color: #3a5270 !important;
}

/* ---------- 5. 次要按钮：引用（描边主色） ---------- */
a:has(> img.f_quote) {
    background: transparent !important;
    color: #4D698E !important;
    border: 1px solid #4D698E !important;
}
a:has(> img.f_quote)::after { color: #4D698E !important; }
a:has(> img.f_quote):hover {
    background: rgba(77, 105, 142, .08) !important;
    border-color: #3a5270 !important;
}
a:has(> img.f_quote):hover::after { color: #3a5270 !important; }

/* ---------- 6. 警示按钮：举报（红色描边） ---------- */
a:has(> img.f_report) {
    background: transparent !important;
    color: #c62828 !important;
    border: 1px solid #c62828 !important;
}
a:has(> img.f_report)::after { color: #c62828 !important; }
a:has(> img.f_report):hover {
    background: rgba(198, 40, 40, .08) !important;
    border-color: #a01f1f !important;
}
a:has(> img.f_report):hover::after { color: #a01f1f !important; }

/* ---------- 7. 信息按钮：短讯（浅灰描边） ---------- */
a:has(> img.f_pm) {
    background: #f8f9fb !important;
    color: #4D698E !important;
    border: 1px solid #dde3ec !important;
}
a:has(> img.f_pm)::after { color: #4D698E !important; }
a:has(> img.f_pm):hover {
    background: #eef4fb !important;
    border-color: #4D698E !important;
}

/* ---------- 8. 状态标签：离线（灰色，不可点击感） ---------- */
a:has(> img.f_offline),
span:has(> img.f_offline) {
    background: #f0f2f5 !important;
    color: #8a94a6 !important;
    border: 1px solid #e0e4ea !important;
    cursor: default !important;
}
a:has(> img.f_offline)::after,
span:has(> img.f_offline)::after { color: #8a94a6 !important; }
a:has(> img.f_offline):hover,
span:has(> img.f_offline):hover {
    background: #f0f2f5 !important;
    border-color: #e0e4ea !important;
}

/* ============================================================
   帖子页「直接回复」按钮：移到最右边
   ============================================================ */

/* 1. 让它的父级容器靠右显示 */
a:has(> img.f_reply) {
    float: right !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* 2. 如果它外面还有一层 td / div，也让它靠右 */
td:has(> a > img.f_reply),
div:has(> a > img.f_reply),
p:has(> a > img.f_reply) {
    text-align: right !important;
}

/* 3. 兜底：如果同级还有其他按钮，用 flex 让回复靠右 */
td:has(img.f_reply) {
    position: relative;
}

/* 4. 清除浮动，防止父容器高度塌陷 */
td:has(img.f_reply)::after,
div:has(img.f_reply)::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}


/* ============================================================
   文件上传按钮：药丸 / 胶囊样式
   ============================================================ */

/* 1. 隐藏原生 file 输入框的默认外观 */
input[type="file"],
input.file {
    display: inline-block !important;
    background: #EFF4FA !important;
    color: #4D698E !important;
    border: 1px solid #dde3ec !important;
    border-radius: 999px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    box-shadow: 0 1px 2px rgba(77, 105, 142, .06);
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
    max-width: 100% !important;
    vertical-align: middle !important;
}

input[type="file"]:hover,
input.file:hover {
    background: #e3ebf5 !important;
    border-color: #4D698E !important;
    box-shadow: 0 2px 6px rgba(77, 105, 142, .15);
}

/* 2. 去掉 WebKit 内核里那个「选择文件」默认按钮的方框 */
input[type="file"]::-webkit-file-upload-button,
input.file::-webkit-file-upload-button {
    background: transparent !important;
    color: #4D698E !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 0 8px 0 0 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    margin-right: 4px !important;
}

input[type="file"]::-webkit-file-upload-button:hover,
input.file::-webkit-file-upload-button:hover {
    color: #3a5270 !important;
}

/* 3. 火狐内核 */
input[type="file"]::file-selector-button,
input.file::file-selector-button {
    background: transparent !important;
    color: #4D698E !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 0 8px 0 0 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    margin-right: 4px !important;
}

input[type="file"]::file-selector-button:hover,
input.file::file-selector-button:hover {
    color: #3a5270 !important;
}

/* 4. 文件框后面的「未选择文件」文字颜色 */
input[type="file"] {
    color: #6b7c93 !important;
}

/* ============================================================
   滚动条美化：细线轨道 + 胶囊滑块 + 滑过发光
   作用于所有可滚动元素（含 iframe 内部页面）
   ============================================================ */

/* ---------- WebKit 内核（Chrome / Edge / Safari） ---------- */

/* 1. 滚动条整体：变细 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* 2. 轨道：透明细线 */
::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 999px;
}

/* 3. 滑块：胶囊 + 主色 */
::-webkit-scrollbar-thumb {
    background: #c3cfdf;
    border-radius: 999px;
    border: 1px solid transparent;
    background-clip: padding-box;
    transition: background .2s ease, box-shadow .2s ease;
}

/* 4. 悬停：加深 + 发光 */
::-webkit-scrollbar-thumb:hover {
    background: #4D698E;
    box-shadow: 0 0 6px rgba(77, 105, 142, .6);
}

/* 5. 按下：更深 */
::-webkit-scrollbar-thumb:active {
    background: #3a5270;
    box-shadow: 0 0 8px rgba(77, 105, 142, .8);
}

/* 6. 滚动条两端的按钮：隐藏 */
::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

/* 7. 横竖滚动条交汇处 */
::-webkit-scrollbar-corner {
    background: transparent;
}

/* ---------- Firefox ---------- */
* {
    scrollbar-width: thin;
    scrollbar-color: #c3cfdf transparent;
}

/* ---------- 针对 iframe 内部页面（如果它也加载了本 theme.css） ---------- */
html, body {
    scrollbar-width: thin;
    scrollbar-color: #c3cfdf transparent;
}

/* ---------- 针对特定的 iframe 容器 ---------- */
#iframe-shout-box {
    scrollbar-width: thin;
    scrollbar-color: #c3cfdf transparent;
}

#iframe-shout-box::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

#iframe-shout-box::-webkit-scrollbar-thumb {
    background: #c3cfdf;
    border-radius: 999px;
}

#iframe-shout-box::-webkit-scrollbar-thumb:hover {
    background: #4D698E;
    box-shadow: 0 0 6px rgba(77, 105, 142, .6);
}

/* ============================================================
   论坛已读/未读图标：现代风格替换
   原图是 pic/trans.gif 雪碧图，这里用 CSS 画现代圆点
   ============================================================ */

/* ---------- 1. 基础：隐藏原雪碧图，用背景色 + 圆点代替 ---------- */
img.unlocked,
img.unlockednew {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
    background-image: none !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    position: relative !important;
    flex-shrink: 0 !important;
    /* 覆盖雪碧图原始尺寸 */
    max-width: 10px !important;
    max-height: 10px !important;
    overflow: hidden !important;
    text-indent: -9999px !important;   /* 隐藏 alt 文字 */
    font-size: 0 !important;
    line-height: 0 !important;
}

/* ---------- 2. 已读：空心灰点 ---------- */
img.unlocked {
    background: #e6eaf0 !important;
    border: 1.5px solid #c3cfdf !important;
    box-shadow: inset 0 0 0 1px #fff;
}

/* ---------- 3. 未读：实心主色点 + 柔光 ---------- */
img.unlockednew {
    background: #4D698E !important;
    border: 1.5px solid #4D698E !important;
    box-shadow: 0 0 0 3px rgba(77, 105, 142, .18),
                0 0 6px rgba(77, 105, 142, .35);
    animation: unread_pulse 2s ease-in-out infinite;
}

/* 未读呼吸光效 */
@keyframes unread_pulse {
    0%, 100% {
        box-shadow: 0 0 0 3px rgba(77, 105, 142, .18),
                    0 0 6px rgba(77, 105, 142, .35);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(77, 105, 142, .10),
                    0 0 10px rgba(77, 105, 142, .55);
    }
}

/* ---------- 4. 鼠标悬停：轻微放大 ---------- */
img.unlocked:hover,
img.unlockednew:hover {
    transform: scale(1.2);
    transition: transform .15s ease;
}

/* ----------2026 年 9 月 19 日 01:32:06 下班！likeweixue ---------- */
/* ----------2026 年 9 月 20 日 00:55:13 上班！likeweixue ---------- */
/* ============================================================
   论坛状态图标：锁定 / 置顶 / 热门 现代风格
   ============================================================ */

/* 统一基础样式 */
img.locked,
img.lockednew,
img.sticky,
img.hot,
img[class*="locked"],
img[class*="sticky"],
img[class*="hot"] {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
    background-image: none !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    position: relative !important;
    flex-shrink: 0 !important;
    max-width: 10px !important;
    max-height: 10px !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin-right: 4px !important;
}

/* 锁定：灰色空心点 + 内圈 */
img.locked,
img.lockednew,
img[class*="locked"] {
    background: #e6eaf0 !important;
    border: 1.5px solid #8a94a6 !important;
    box-shadow: inset 0 0 0 1px #fff;
}

/* 置顶：主色空心点 + 光晕 */
img.sticky,
img[class*="sticky"] {
    background: #4D698E !important;
    border: 1.5px solid #4D698E !important;
    box-shadow: 0 0 0 3px rgba(77, 105, 142, .18);
}

/* 热门：橙色实心点 + 光晕 */
img.hot,
img[class*="hot"] {
    background: #f39c12 !important;
    border: 1.5px solid #f39c12 !important;
    box-shadow: 0 0 0 3px rgba(243, 156, 18, .2),
                0 0 6px rgba(243, 156, 18, .4);
}

/* 悬停放大 */
img.locked:hover,
img.lockednew:hover,
img.sticky:hover,
img.hot:hover {
    transform: scale(1.2);
    transition: transform .15s ease;
}

/* ============================================================
   帖子操作图标：编辑 / 删除 胶囊化
   ============================================================ */

/* 1. 隐藏原雪碧图 */
img.f_edit,
img.f_delete {
    display: none !important;
}

/* 2. 统一胶囊基础 */
a:has(> img.f_edit),
a:has(> img.f_delete) {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 4px 14px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    margin: 2px 4px 2px 0 !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
    vertical-align: middle !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}

/* 3. 文字内容 */
a:has(> img.f_edit)::after   { content: "编辑"; }
a:has(> img.f_delete)::after { content: "删除"; }

/* 4. 编辑：主色描边 */
a:has(> img.f_edit) {
    background: transparent !important;
    color: #4D698E !important;
    border: 1px solid #4D698E !important;
}
a:has(> img.f_edit)::after { color: #4D698E !important; }
a:has(> img.f_edit):hover {
    background: rgba(77, 105, 142, .08) !important;
    border-color: #3a5270 !important;
}
a:has(> img.f_edit):hover::after { color: #3a5270 !important; }

/* 5. 删除：红色描边 */
a:has(> img.f_delete) {
    background: transparent !important;
    color: #c62828 !important;
    border: 1px solid #c62828 !important;
}
a:has(> img.f_delete)::after { color: #c62828 !important; }
a:has(> img.f_delete):hover {
    background: rgba(198, 40, 40, .08) !important;
    border-color: #a01f1f !important;
}
a:has(> img.f_delete):hover::after { color: #a01f1f !important; }

/* ============================================================
   回复主题链接：胶囊按钮
   ============================================================ */

a.index {
    display: inline-block !important;
    background: #4D698E !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 4px 14px !important;
    border-radius: 999px !important;
    border: 1px solid #4D698E !important;
    text-decoration: none !important;
    margin: 2px 4px 2px 0 !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    box-shadow: 0 1px 2px rgba(77, 105, 142, .18);
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

a.index:hover {
    background: #3a5270 !important;
    border-color: #3a5270 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(77, 105, 142, .3);
}

/* ============================================================
   在线状态图标：现代圆点
   ============================================================ */

img.f_online {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
    background-image: none !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    max-width: 10px !important;
    max-height: 10px !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin-right: 4px !important;

    /* 在线：绿色实心点 + 光晕 */
    background: #2ecc71 !important;
    border: 1.5px solid #2ecc71 !important;
    box-shadow: 0 0 0 3px rgba(46, 204, 113, .18),
                0 0 6px rgba(46, 204, 113, .4);
    animation: online_pulse 2s ease-in-out infinite;
}

@keyframes online_pulse {
    0%, 100% {
        box-shadow: 0 0 0 3px rgba(46, 204, 113, .18),
                    0 0 6px rgba(46, 204, 113, .4);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(46, 204, 113, .10),
                    0 0 10px rgba(46, 204, 113, .6);
    }
}

img.f_online:hover {
    transform: scale(1.2);
    transition: transform .15s ease;
}

/* ============================================================
   楼层号 + 返回顶部：移到最右边
   ============================================================ */

/* 1. 让所在单元格内容靠右 */
td.embedded.nowrap,
td.embedded.nowrap[width="1%"] {
    text-align: right !important;
}

/* 2. 用 flex 把它推到最右（如果同一行还有别的元素） */
td.embedded.nowrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

/* 3. 楼层号文字稍微弱化一点，不抢返回顶部 */
td.embedded.nowrap font.big {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #4D698E !important;
}

/* 4. 返回顶部链接：靠右对齐 */
td.embedded.nowrap a[href="#top"] {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 6px !important;
}

/* ============================================================
   返回顶部图标：现代圆形按钮
   ============================================================ */

img.top {
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    background: #EFF4FA !important;
    background-image: none !important;
    border: 1px solid #dde3ec !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    position: relative !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer !important;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
    box-shadow: 0 1px 2px rgba(77, 105, 142, .08);
}

/* 用 ::after 画一个向上的箭头 */
img.top::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 7px !important;
    height: 7px !important;
    border-left: 2px solid #4D698E !important;
    border-top: 2px solid #4D698E !important;
    transform: translate(-50%, -30%) rotate(45deg) !important;
    text-indent: 0 !important;
}

img.top:hover {
    background: #4D698E !important;
    border-color: #4D698E !important;
    transform: translateY(-2px);
}

img.top:hover::after {
    border-left-color: #fff !important;
    border-top-color: #fff !important;
}
/* ============================================================
   引用框：现代卡片风格
   ============================================================ */

fieldset {
    border: 0 !important;
    border-left: 3px solid #4D698E !important;   /* 左侧主色竖条 */
    background: #f8f9fb !important;              /* 浅冷色底 */
    border-radius: 0 8px 8px 0 !important;       /* 右侧圆角 */
    padding: 12px 16px !important;
    margin: 12px 0 !important;
    position: relative !important;
    box-shadow: 0 1px 3px rgba(77, 105, 142, .06);
    color: #444 !important;
    line-height: 1.7 !important;
    font-size: 13px !important;
}

/* legend（引用）标签：小型胶囊 */
fieldset legend {
    display: inline-block !important;
    background: #4D698E !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 2px 10px !important;
    border-radius: 999px !important;
    border: 0 !important;
    margin-left: -4px !important;
    margin-bottom: 6px !important;
    line-height: 1.6 !important;
}

/* 引用里的链接：主色 */
fieldset a {
    color: #4D698E !important;
    text-decoration: none !important;
}

fieldset a:hover {
    text-decoration: underline !important;
}

/* ============================================================
   修复 textarea 拉伸：恢复上下左右自由拉伸
   ============================================================ */

textarea,
textarea.bbcode {
    resize: both !important;      /* 上下左右都能拉 */
    overflow: auto !important;    /* 保留滚动条，拉伸时正常 */
    min-width: 200px !important;  /* 防止拉到看不见 */
    min-height: 80px !important;
    max-width: 100% !important;   /* 别拉出容器 */
}

/* ============================================================
   种子列表右侧：IMDb / 豆瓣 / 下载 / 收藏 统一靠右
   ============================================================ */

/* 1. IMDb / 豆瓣 那一格：靠右 + 固定宽度 */
td.embedded[style*="text-align: right"],
td.embedded[style*="text-align:right"] {
    text-align: right !important;
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    padding: 4px !important;
    vertical-align: middle !important;
}

/* 2. 里面的 flex 容器：靠右对齐 */
td.embedded[style*="text-align: right"] > div,
td.embedded[style*="text-align:right"] > div {
    align-items: flex-end !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
}

/* 3. 每一行 IMDb / 豆瓣：图标和数字靠右 */
td.embedded[style*="text-align: right"] > div > div,
td.embedded[style*="text-align:right"] > div > div {
    justify-content: flex-end !important;
    gap: 4px !important;
}

/* 4. 下载 / 收藏 那一列：也靠右 */
td.rowfollow a:has(> img.download),
td.rowfollow a:has(> img.delbookmark),
td.rowfollow a:has(> img.bookmark),
td:has(> img.download),
td:has(> a > img.delbookmark) {
    text-align: right !important;
}

/* 5. 整体让操作列靠右 */
td.rowfollow:has(img.download),
td.rowfollow:has(img.delbookmark) {
    text-align: right !important;
    white-space: nowrap !important;
}
/* ============================================================
   右侧图标：下载 / 收藏 现代化
   ============================================================ */

/* ---------- 下载按钮：实心主色圆钮 ---------- */
img.download {
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    background: #4D698E !important;
    background-image: none !important;
    border: 1px solid #4D698E !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    position: relative !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer !important;
    transition: background .15s ease, transform .15s ease;
    box-shadow: 0 1px 3px rgba(77, 105, 142, .2);
    padding: 0 !important;
    margin: 0 3px !important;
}

/* 下载箭头：↓ */
img.download::after {
    content: "↓" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
}

img.download:hover {
    background: #3a5270 !important;
    border-color: #3a5270 !important;
    transform: translateY(-1px);
}

/* ---------- 收藏（未收藏）：空心主色圆钮 ---------- */
img.delbookmark,
img.bookmark {
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    background: #fff !important;
    background-image: none !important;
    border: 1px solid #c3cfdf !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    position: relative !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer !important;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
    margin: 0 3px !important;
}

/* 收藏星形 */
img.delbookmark::after,
img.bookmark::after {
    content: "☆" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #4D698E !important;
    font-size: 13px !important;
    line-height: 1 !important;
    text-indent: 0 !important;
}

img.delbookmark:hover,
img.bookmark:hover {
    border-color: #4D698E !important;
    background: rgba(77, 105, 142, .08) !important;
    transform: translateY(-1px);
}

/* ---------- 已收藏状态 ---------- */
img.bookmark {
    background: #4D698E !important;
    border-color: #4D698E !important;
}

img.bookmark::after {
    content: "★" !important;
    color: #fff !important;
}

/* ============================================================
   表头小图标 + 管理图标：现代风
   ============================================================ */

/* ---------- 表头图标：评论 / 时间 / 大小 / 下载数 / 完成数 ---------- */
img.comments,
img.time,
img.size,
img.leechers,
img.snatched {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background: transparent !important;
    background-image: none !important;
    border-radius: 4px !important;
    vertical-align: middle !important;
    position: relative !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: .85;
    transition: opacity .15s ease, transform .15s ease;
}

img.comments:hover,
img.time:hover,
img.size:hover,
img.leechers:hover,
img.snatched:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* 用文字符号当图标 */
img.comments::after  { content: "💬"; font-size: 12px; line-height: 16px; text-indent: 0; display: block; text-align: center; }
img.time::after      { content: "⏱"; font-size: 12px; line-height: 16px; text-indent: 0; display: block; text-align: center; }
img.size::after      { content: "💾"; font-size: 12px; line-height: 16px; text-indent: 0; display: block; text-align: center; }
img.leechers::after  { content: "⬇"; font-size: 12px; line-height: 16px; text-indent: 0; display: block; text-align: center; }
img.snatched::after  { content: "✔"; font-size: 12px; line-height: 16px; text-indent: 0; display: block; text-align: center; }

/* ---------- 管理图标：删除 / 编辑 ---------- */
img.staff_delete,
img.staff_edit {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    background-image: none !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    position: relative !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer !important;
    border: 1px solid !important;
    transition: background .15s ease, transform .15s ease;
    margin: 1px 0 !important;
}

/* 删除：红色描边 */
img.staff_delete {
    border-color: #c62828 !important;
    color: #c62828 !important;
}
img.staff_delete::after {
    content: "×" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #c62828 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
}
img.staff_delete:hover {
    background: rgba(198, 40, 40, .1) !important;
    transform: scale(1.1);
}

/* 编辑：主色描边 */
img.staff_edit {
    border-color: #4D698E !important;
    color: #4D698E !important;
}
img.staff_edit::after {
    content: "✎" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #4D698E !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
}
img.staff_edit:hover {
    background: rgba(77, 105, 142, .1) !important;
    transform: scale(1.1);
}

/* 让管理图标竖排，不挤在一起 */
td.rowfollow a:has(> img.staff_delete),
td.rowfollow a:has(> img.staff_edit) {
    display: inline-block !important;
    margin: 1px 0 !important;
    text-decoration: none !important;
}

/* ============================================================
   种子列表：右侧列紧贴，整体靠右
   ============================================================ */

/* 1. 让「标题」那一列占满剩余宽度，把右边几列推到最右 */
table.torrents td.embedded:has(a[href*="details.php"]),
table.torrents td.embedded:first-child {
    width: auto !important;
}

/* 2. IMDb / 豆瓣 那一格：固定宽度、贴紧右侧 */
td.embedded[style*="text-align"] {
    text-align: right !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    padding: 4px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

/* 3. 下载 / 收藏 那一格：固定宽度、贴紧 */
td.embedded[width="20"],
td.embedded[style*="padding-right: 5px"] {
    text-align: right !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    padding: 2px 4px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

/* 4. 「评论数」那一格：贴紧左边，不留大空隙 */
td.rowfollow:has(a[href*="cmtpage"]),
td.rowfollow:has(a[href*="#startcomments"]) {
    text-align: center !important;
    width: 40px !important;
    min-width: 40px !important;
    padding: 4px 8px !important;
    vertical-align: middle !important;
}

/* 5. IMDb / 豆瓣 内部：图标 + 数字靠右 */
td.embedded[style*="text-align"] > div {
    align-items: flex-end !important;
}

td.embedded[style*="text-align"] > div > div {
    justify-content: flex-end !important;
    gap: 3px !important;
}

/* 6. 下载 / 收藏 竖排，居中 */
td.embedded[width="20"] a,
td.embedded[style*="padding-right: 5px"] a {
    display: inline-block !important;
    text-align: center !important;
}

/* ============================================================
   种子列表：标题列撑满，右侧列贴到「评论数」左边
   ============================================================ */

/* 1. 表格采用固定布局，宽度分配更可控 */
table.torrents {
    table-layout: auto !important;
    width: 100% !important;
}

/* 2. 标题列：占满剩余宽度，把右边几列推过去 */
table.torrents td.embedded:has(a[href*="details.php"]),
table.torrents td.embedded:first-child,
table.torrents td.torrentname {
    width: 100% !important;
    min-width: 0 !important;
}

/* 3. IMDb / 豆瓣 列：固定宽度，紧贴右边 */
table.torrents td.embedded[style*="text-align"] {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    text-align: right !important;
    white-space: nowrap !important;
    padding: 4px !important;
}

/* 4. 下载 / 收藏 列：固定宽度，紧贴 */
table.torrents td.embedded[width="20"],
table.torrents td.embedded[style*="padding-right: 5px"] {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    text-align: right !important;
    white-space: nowrap !important;
    padding: 2px 4px !important;
}

/* 5. 评论数 / 存活时间 / 大小 等列：固定宽度，紧贴 */
table.torrents td.rowfollow:has(a[href*="cmtpage"]),
table.torrents td.rowfollow:has(a[href*="#startcomments"]),
table.torrents td.rowfollow:has(a[href*="sort=4"]),
table.torrents td.rowfollow:has(a[href*="sort=5"]),
table.torrents td.rowfollow:has(a[href*="sort=8"]),
table.torrents td.rowfollow:has(a[href*="sort=6"]) {
    width: 60px !important;
    min-width: 60px !important;
    text-align: center !important;
    white-space: nowrap !important;
    padding: 4px 6px !important;
}

/* 6. IMDb / 豆瓣 内部：图标 + 数字靠右对齐 */
table.torrents td.embedded[style*="text-align"] > div {
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

table.torrents td.embedded[style*="text-align"] > div > div {
    justify-content: flex-end !important;
    gap: 3px !important;
}

/* 7. 下载 / 收藏 内部：竖排居中 */
table.torrents td.embedded[width="20"] a,
table.torrents td.embedded[style*="padding-right: 5px"] a {
    display: block !important;
    text-align: center !important;
    margin: 1px 0 !important;
}

/* ============================================================
   表头图标：现代圆形 + 符号
   ============================================================ */

img.comments,
img.time,
img.size,
img.leechers,
img.snatched {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    background: #EFF4FA !important;
    background-image: none !important;
    border: 1px solid #dde3ec !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    position: relative !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transition: background .15s ease, border-color .15s ease;
}

img.comments:hover,
img.time:hover,
img.size:hover,
img.leechers:hover,
img.snatched:hover {
    background: #4D698E !important;
    border-color: #4D698E !important;
}

/* 用 ::after 画符号 */
img.comments::after,
img.time::after,
img.size::after,
img.leechers::after,
img.snatched::after {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    color: #4D698E !important;
    font-weight: 700 !important;
}

img.comments::after  { content: "💬"; font-size: 10px !important; }
img.time::after      { content: "⏱"; font-size: 10px !important; }
img.size::after      { content: "💾"; font-size: 10px !important; }
img.leechers::after  { content: "↓"; }
img.snatched::after  { content: "✓"; }

/* hover 时符号变白 */
img.comments:hover::after,
img.time:hover::after,
img.size:hover::after,
img.leechers:hover::after,
img.snatched:hover::after {
    color: #fff !important;
}

/* 恢复表头图标的雪碧图 */
img.comments,
img.time,
img.size,
img.leechers,
img.snatched {
    background-image: url(pic/trans.gif) !important;
    background-repeat: no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* ============================================================
   种子进度条：铺满整行的底层背景色
   三种状态：下载中 / 下载完成 / 下载完成并在做种
   ============================================================ */

/* ---------- 1. 外层单元格作为定位容器 ---------- */
td.progresstd {
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ---------- 2. 原细进度条：拉伸为铺满整行的底层色带 ---------- */
td.progresstd > div[class^="progress"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;   /* 不挡点击 */
    transition: width .3s ease;
}

/* 下载中：浅蓝 */
td.progresstd > div.progressdownloaded {
    background: #dbeafe !important;
}

/* 下载完成：浅绿 */
td.progresstd > div.progressfinished {
    background: #d9f5e1 !important;
}

/* 下载完成并在做种：浅主色 */
td.progresstd > div.progressseeded {
    background: #dde7f2 !important;
}

/* ---------- 3. 内容抬到上层，保证文字可读 ---------- */
td.progresstd > table.torrentname {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
}

td.progresstd > table.torrentname td {
    background: transparent !important;
}

/* ---------- 4. 去掉原来那条 1px 边框，避免和色带冲突 ---------- */
td.progresstd > div[class^="progress"] {
    border: 0 !important;
    box-shadow: none !important;
}

/* ---------- 5. 可选：左侧加一条 3px 主色竖条，强化状态识别 ---------- */
td.progresstd > div.progressdownloaded {
    border-left: 3px solid #3b82f6 !important;
}

td.progresstd > div.progressfinished {
    border-left: 3px solid #22c55e !important;
}

td.progresstd > div.progressseeded {
    border-left: 3px solid #4D698E !important;
}

/* ---------- 6. 行悬停时略加深，提示可点 ---------- */
td.progresstd:hover > div.progressdownloaded { background: #cfe2fd !important; }
td.progresstd:hover > div.progressfinished   { background: #c8f0d5 !important; }
td.progresstd:hover > div.progressseeded     { background: #d0ddec !important; }

/* 兜底：只要 td 里有 progress* 的 div，就当进度条容器 */
td:has(> div[class^="progress"]) {
    position: relative !important;
    overflow: hidden !important;
}

td:has(> div[class^="progress"]) > div[class^="progress"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    z-index: 0 !important;
}

td:has(> div[class^="progress"]) > table.torrentname {
    position: relative !important;
    z-index: 1 !important;
}

/* ---------- 2026 年 9 月 20 日 01:48:04 先到这里，好像有缓存，明天再看看@likeweixue---------- */