/*
 * Mario Theme for NexusPHP
 * 配色: 红帽 #E52521, 蓝裤 #049CD8, 金币 #FBD000, 管道绿 #00A651, 天空 #5C94FC, 砖块 #C84C09
 * 迁移: 复制 public/styles/Mario/ + public/images/mario/ 到生产服即可
 */

body {
    margin: 0;
    color: #CCC;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    background-color: #111;
}

body.inframe {
    background-image: none !important;
    background-color: #1A1A1A !important;
    color: #CCC;
}

body.inframe table,
body.inframe td,
body.inframe tr {
    background-color: #1A1A1A !important;
    color: #CCC !important;
    border-color: #333 !important;
}

body.inframe input[type="text"] {
    background-color: #2A2A2A;
    color: #CCC;
    border: 1px solid #444;
}

/* === 表格 === */
table {
    border: none;
    border-collapse: collapse;
    background-color: transparent;
}

table.head {
    background: transparent !important;
    height: auto;
    width: 1200px !important;
}

table.head td {
    border: none !important;
    padding: 0 !important;
    background: #111 !important;
}

.logo_img img {
    width: 1228px;
    height: auto;
    display: block;
    border: none !important;
    border-radius: 0 !important;
}

.logo_img {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

table.main {
    border: none;
    background-color: #F0F7FF;
    border-radius: 8px;
}

table.mainouter {
    border: none;
    background-color: #1a1a1a;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

table.message {
    border: 2px solid #444;
    border-radius: 6px;
    background-color: #222;
}

table.bottom {
    background: transparent;
}

/* === 标题 === */
h1 { }

h2 {
    padding: 4px 8px;
    margin-bottom: 0;
    background-color: #6ABF69;
    color: #333;
    border-radius: 6px 6px 0 0;
    font-size: 14px;
    text-shadow: none;
}

h2.transparentbg {
    background-color: transparent;
    background-image: none;
    color: #333;
    text-shadow: none;
}

/* === 单元格 === */
td {
    border: 1px solid #333;
    padding: 3px 6px;
    background-color: #1a1a1a;
}

td.embedded, td.no_border, td.no_border_wide, td.shoutrow, td.bottom, td.clear {
    border: none;
    background-color: #1a1a1a;
}

/* === 输入框 === */
input[type="text"], input[type="password"], input[type="search"],
input[type="email"], input[type="number"], input[type="url"],
textarea, select {
    background-color: #2A2A2A;
    color: #CCC;
    border: 1px solid #444;
    border-radius: 4px;
    padding: 4px 6px;
}

input[type="text"]:focus, input[type="password"]:focus,
textarea:focus, select:focus {
    border-color: #666;
    outline: none;
}

td.no_border, td.no_border_wide {
    background-color: transparent;
}

td.heading {
    font-weight: bold;
}

td.text, td.comment {
    padding: 10pt;
    text-align: left;
}

/* === 表头列 === */
td.colhead {
    white-space: nowrap;
    font-weight: bold;
    color: #FFF;
    background: linear-gradient(180deg, #00A651 0%, #007A3D 100%);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-color: #444;
}

/* === 菜单导航 === */
td.navigation {
    border: none;
    font-weight: bold;
}

ul.menu {
    list-style: none;
    white-space: nowrap;
    text-align: center;
    padding: 0;
    margin: 0;
    background: #1A1A1A;
    border-radius: 0 0 8px 8px;
    padding: 4px 0;
}

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

ul.menu li a {
    color: #333;
    background: #FBD000;
    border: none;
    border-radius: 4px;
    margin: 0 2px;
    padding: 4px 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    box-shadow: none;
}

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

ul.menu li a:hover {
    color: #FFF;
    background: #00A651;
    border: none;
    box-shadow: none;
    text-decoration: none;
}

ul.menu li.selected a {
    background: #00A651;
    color: #FFF;
    border: none;
    box-shadow: none;
}

ul.menu li.selected a:hover {
    background: #C41E1A;
}

/* === 下拉菜单 === */
.dropmenu {
    background: #FFFDE7;
    border: 2px solid #FBD000;
    border-radius: 6px;
    margin-top: 3px;
    position: absolute;
    text-align: left;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

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

.dropmenu ul li {
    margin: 2px 0;
}

/* === 链接 === */
a:link { color: #049CD8; text-decoration: none; }
a:visited { color: #049CD8; text-decoration: none; }
a:hover { color: #E52521; text-decoration: underline; }

a.altlink:link, a.altlink:visited { font-weight: bold; color: #E52521; }
a.altlink:hover { text-decoration: underline; }

a.altlink_blue:link, a.altlink_blue:visited { font-weight: bold; color: #049CD8; }
a.altlink_blue:hover { text-decoration: underline; }

a.altlink_green:link, a.altlink_green:visited { font-weight: bold; color: #00A651; }
a.altlink_green:hover { text-decoration: underline; }

a.faqlink:link, a.faqlink:visited { font-weight: bold; color: #E52521; }

a.index { font-weight: bold; }
a.biglink { font-weight: bold; text-decoration: none; }

/* === 字体颜色 === */
.red { color: #E52521; }
.yellow { color: #FBD000; }
.green { color: #00A651; }
.important { font-weight: bold; }
font.gray { color: #999; text-decoration: underline; }

/* === 按钮 === */
/* 全局统一所有按钮样式 */
input[type="submit"], input[type="button"] {
    font-weight: bold;
    background: linear-gradient(180deg, #FBD000 0%, #E6B800 100%);
    border: none;
    border-radius: 4px;
    padding: 4px 12px;
    cursor: pointer;
    color: #333;
    box-shadow: none;
    font-size: 13px;
}

input[type="submit"]:hover, input[type="button"]:hover {
    background: linear-gradient(180deg, #2E7D32 0%, #1B5E20 100%);
    color: #FFF;
    border: none;
    box-shadow: none;
}

input[type="submit"]:disabled, input[type="button"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #555;
    color: #999;
    border-color: #333;
    box-shadow: none;
}

/* 保留 .btn/.btn2 作为兼容 */
.btn, .btn2 {
    font-weight: bold;
    background: linear-gradient(180deg, #FBD000 0%, #E6B800 100%);
    border: none;
    border-radius: 4px;
    padding: 2px 8px;
    cursor: pointer;
    color: #333;
    box-shadow: none;
}

.btn:hover, .btn2:hover {
    background: linear-gradient(180deg, #2E7D32 0%, #1B5E20 100%);
    color: #FFF;
    border: none;
    box-shadow: none;
}

.gobutton {
    background: #00A651;
    color: #FFF;
    border: none;
    border-radius: 4px;
    padding: 4px 12px;
    cursor: pointer;
}

/* === 代码块 === */
.codetop {
    padding: 3px;
    font-weight: bold;
    background: #FBD000;
    color: #333;
    border-radius: 4px 4px 0 0;
}

.codemain {
    border: 1px solid #444;
    padding: 6px;
    background: #222;
    color: #CCC;
    border-radius: 0 0 4px 4px;
}

/* === 用户等级颜色 === */
.StaffLeader_Name, A.StaffLeader_Name:link, A.StaffLeader_Name:visited { color: #E52521; }
.SysOp_Name, A.SysOp_Name:link, A.SysOp_Name:visited { color: #C41E1A; }
.Administrator_Name, A.Administrator_Name:link, A.Administrator_Name:visited { color: #7B1FA2; }
.Moderator_Name, A.Moderator_Name:link, A.Moderator_Name:visited { color: #049CD8; }
.ForumModerator_Name, A.ForumModerator_Name:link, A.ForumModerator_Name:visited { color: #00BCD4; }
.Retiree_Name, A.Retiree_Name:link, A.Retiree_Name:visited { color: #00BCD4; }
.Uploader_Name, A.Uploader_Name:link, A.Uploader_Name:visited { color: #E52521; }
.VIP_Name, A.VIP_Name:link, A.VIP_Name:visited { color: #00A651; }
.NexusMaster_Name, A.NexusMaster_Name:link, A.NexusMaster_Name:visited { color: #049CD8; }
.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: #333; }
.Peasant_Name, A.Peasant_Name:link, A.Peasant_Name:visited { color: #708090; }

/* === 数据颜色 === */
.color_bonus { color: #FBD000; font-weight: bold; }
.color_invite { color: #049CD8; }
.color_slots { color: #049CD8; }
.color_downloaded { color: #E52521; }
.color_uploaded { color: #00A651; }
.color_ratio { color: #049CD8; }
.color_active { color: #049CD8; }
.color_connectable { color: #049CD8; }

/* === Logo / Slogan === */
.logo {
    color: #FFF;
    font-family: "Press Start 2P", "Courier New", monospace;
    text-shadow: 2px 2px 0 #C41E1A, 3px 3px 6px rgba(0,0,0,0.3);
}

.slogan {
    color: #FBD000;
    font-family: "Press Start 2P", "Courier New", monospace;
    text-shadow: 1px 1px 0 #C84C09;
}

/* === 种子促销颜色 === */
.free { color: #FBD000; font-weight: bold; }
.twoup { color: #FF6B6B; }
.twoupfree { color: #00A651; font-weight: bold; }
.halfdown { color: #7C4DFF; }
.twouphalfdown { color: #00BCD4; }
.thirtypercent { color: #7B1FA2; }

.free_bg { background-color: #FFFDE7; }
.twoup_bg { background-color: #FFF0F0; }
.twoupfree_bg { background-color: #E8F5E9; }
.halfdown_bg { background-color: #EDE7F6; }
.twouphalfdown_bg { background-color: #E0F7FA; }
.thirtypercentdown_bg { background-color: #F3E5F5; }

.hot { color: #E52521; }
.classic { color: #00A651; }
.recommended { color: #7B1FA2; }
.new { color: #E52521; }
.striking { color: #E52521; font-weight: bold; }

/* === 杂项 === */
img { border: 0; }
img.border { border: 1px solid #444; }

.attach img { border: 0; width: 14px; height: 14px; }
.attach a:link { color: #049CD8; }
.attach .size { color: gray; }

form { margin: 0; }
.sublink { font-weight: normal; font-style: italic; }
.small { }
.big { }
.nowrap { white-space: nowrap; }

li { margin: 6pt 0 6pt 16pt; }
ul { margin: 0; }

p.sub { margin-bottom: 4pt; }

.listitem { margin-left: 10px; margin-right: 5px; }

a.info {
    z-index: 24;
    color: #000;
    position: relative;
    background-color: #FBD000;
    text-decoration: none;
    border-radius: 4px;
    padding: 0 4px;
}

a.info:hover { z-index: 25; background-color: #E52521; color: #FFF; }
a.info span { display: none; }
a.info:hover span {
    display: block;
    position: absolute;
    left: 2em;
    top: 2em;
    width: 15em;
    padding: 8px;
    border: 2px solid #FBD000;
    border-radius: 6px;
    background-color: #FFFDE7;
    color: #333;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* === 种子列表表格 === */
table.torrents td.colhead { text-align: center; }
table.torrents td.rowfollow { text-align: center; }

/* === SEWER PT 链接按钮（PM、举报等） === */
a.sewer-btn {
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    padding: 4px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: #333;
    background: linear-gradient(180deg, #FBD000 0%, #E6B800 100%);
    box-shadow: none;
    margin: 0 4px;
}

a.sewer-btn:hover {
    background: linear-gradient(180deg, #00A651 0%, #007A3D 100%);
    color: #FFF;
    border: none;
    box-shadow: none;
}

/* ============================================
   SEWER PT 视觉增强 - 2026-04-04
   ============================================ */

/* === 1. 种子行 hover 高亮 — 统一背景色， 不变色 === */
table.torrents tr:hover td.rowfollow,
table.main tr:hover td.rowfollow,
table.main tr:hover td.embedded,
table.mainouter tr:hover td.embedded,
table.mainouter tr:hover td.rowfollow {
    background-color: #1a1a1a !important;
    transition: background-color 0.2s ease;
}

table.torrents tr:hover td.rowfollow a {
    color: #FBD000;
}

/* === 2. rowhead 左侧装饰条 + 统一样式 === */
td.rowhead, td.rowhead_left, td.rowhead_center {
    border-left: 3px solid #FBD000 !important;
    padding-left: 8px !important;
    white-space: nowrap !important;
    vertical-align: top !important;
    text-align: right !important;
    font-weight: bold !important;
    color: #CCC !important;
    background-color: #1a1a1a !important;
    min-width: 100px;
}

/* 管理面板/表单区的 toolbox */
td.toolbox {
    border-left: none !important;
}

/* === 3. h2 区块标题加下水道图标 === */
h2::before {
    content: "🕳 ";
    font-size: 14px;
    margin-right: 4px;
}

/* === 4. 页脚美化 === */
#footer {
    border-top: 1px solid #333;
    margin-top: 15px;
    padding-top: 15px;
    background: linear-gradient(180deg, #1a1a1a 0%, #111 100%);
}

#footer a {
    color: #FBD000;
}

#footer a:hover {
    color: #E52521;
}

/* 页脚分割线上方的渐变 */
#footer::before {
    content: "";
    display: block;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #FBD000 20%, #E52521 50%, #FBD000 80%, transparent 100%);
    margin-bottom: 10px;
    opacity: 0.6;
}

/* === 5. 表格行斑马纹（统一背景） === */
table.main tr:nth-child(even) td.rowfollow,
table.mainouter tr:nth-child(even) td.rowfollow,
table.main tr:nth-child(even) td.embedded,
table.mainouter tr:nth-child(even) td.embedded,
table.main tr:nth-child(even) td.text,
table.mainouter tr:nth-child(even) td.text {
    background-color: #1a1a1a;
}

table.main tr:nth-child(odd) td.rowfollow,
table.main tr:nth-child(odd) td.embedded,
table.main tr:nth-child(odd) td.text {
    background-color: #1a1a1a;
}

/* 统一 hover：不变色 */
table.main tr:hover td.rowfollow,
table.main tr:hover td.embedded,
table.main tr:hover td.text,
table.mainouter tr:hover td.rowfollow,
table.mainouter tr:hover td.embedded,
table.mainouter tr:hover td.text {
    background-color: #1a1a1a !important;
}

/* === 6. 导航栏选中标签发光 + 脉冲动画 === */
ul.menu li.selected a {
    animation: navGlow 2s ease-in-out infinite;
    position: relative;
}

ul.menu li.selected a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 2px;
    background: #FBD000;
    border-radius: 1px;
    box-shadow: 0 0 6px #FBD000, 0 0 12px rgba(251, 208, 0, 0.3);
}

@keyframes navGlow {
    0%, 100% { box-shadow: 0 0 4px rgba(229, 37, 33, 0.3); }
    50% { box-shadow: 0 0 12px rgba(229, 37, 33, 0.6); }
}

/* === 7. Logo 区域水滴动画 === */
.logo_img::after {
    content: "";
    display: block;
    width: 1228px;
    height: 4px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(251, 208, 0, 0.1) 10%,
        rgba(251, 208, 0, 0.3) 30%,
        rgba(100, 180, 255, 0.4) 50%,
        rgba(251, 208, 0, 0.3) 70%,
        rgba(251, 208, 0, 0.1) 90%,
        transparent 100%
    );
    animation: waterFlow 4s ease-in-out infinite;
}

@keyframes waterFlow {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

/* === 额外: 滚动条美化 === */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #111;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 5px;
    border: 2px solid #111;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* === 额外: 选中文本颜色 === */
::selection {
    background: #FBD000;
    color: #333;
}

/* === 额外: colhead 圆角 + 间距微调 === */
td.colhead {
    padding: 6px 8px;
    letter-spacing: 0.5px;
}

/* === 额外: 链接下划线动画 === */
a.altlink:hover, a.faqlink:hover {
    text-decoration: none;
    border-bottom: 1px dashed #555;
}

/* === 额外: 种子名 hover 效果 === */
table.torrentname a:hover {
    color: #FBD000 !important;
    text-decoration: none;
}

/* 种子标题和发布者白色 */
table.torrentname a:link, table.torrentname a:visited {
    color: #ffffff !important;
}
/* 发布者链接白色 */
table.torrents td.rowfollow a[href*="userdetails"]:link,
table.torrents td.rowfollow a[href*="userdetails"]:visited {
    color: #ffffff !important;
}
/* === 额外: 搜索框 focus 发光 === */
input[type="text"]:focus, 
input[type="password"]:focus,
textarea:focus, 
select:focus {
    border-color: #FBD000 !important;
    box-shadow: 0 0 4px rgba(251, 208, 0, 0.3);
}


/* === 8. 签到按钮 - 发光闪烁 === */
a.sewer-btn-glow {
    animation: btnPulse 1.5s ease-in-out infinite;
}

@keyframes btnPulse {
    0%, 100% { box-shadow: 0 0 4px rgba(251, 208, 0, 0.4); }
    50% { box-shadow: 0 0 16px rgba(251, 208, 0, 0.8), 0 0 24px rgba(251, 208, 0, 0.3); }
}

a.sewer-btn-done {
    background: linear-gradient(180deg, #333 0%, #222 100%) !important;
    color: #666 !important;
    border-color: #444 !important;
    box-shadow: none !important;
    cursor: default;
    opacity: 0.7;
}

a.sewer-btn-done:hover {
    background: linear-gradient(180deg, #333 0%, #222 100%) !important;
    color: #666 !important;
    border-color: #444 !important;
    box-shadow: none !important;
}

/* === 种子详情页 Hero Card === */
.torrent-hero-card {
    display: flex;
    background: linear-gradient(135deg, #1a1a1a 0%, #252525 100%);
    border: 1px solid #333;
    border-radius: 8px;
    padding: 20px 24px;
    margin: 10px auto 15px auto;
    max-width: 97%;
    gap: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
.hero-left { flex: 0 0 auto; min-width: 180px; }
.hero-dl-btn {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    padding: 10px 24px;
    border: none;
    border-radius: 6px;
    color: #333;
    background: linear-gradient(180deg, #FBD000 0%, #E6B800 100%);
    box-shadow: 0 2px 8px rgba(251,208,0,0.3);
    transition: all 0.3s;
}
.hero-dl-btn:hover {
    background: linear-gradient(180deg, #E52521 0%, #C41E1A 100%);
    color: #FFF;
    border: none;
    box-shadow: 0 4px 12px rgba(229,37,33,0.4);
    text-decoration: none;
}
.hero-bookmark {
    display: inline-block;
    margin-left: 10px;
    color: #049CD8;
    font-size: 13px;
}
.hero-meta { margin-top: 12px; }
.hero-meta span {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
}
.hero-size { color: #00A651; font-weight: bold; }
.hero-type { color: #049CD8; }
.hero-promo { color: #FBD000; font-weight: bold; }
.hero-taxonomy-row { margin-top: 8px; }
.hero-taxonomy {
    display: inline-block;
    background: #2a2a2a;
    border: 1px solid #444;
    border-radius: 3px;
    padding: 2px 6px;
    margin-right: 4px;
    font-size: 12px;
    color: #999;
}
.hero-right { flex: 1; }
.hero-stats { color: #CCC; line-height: 2.2; font-size: 14px; }
.hero-stats b { color: #FBD000; }
.hero-actions { margin-top: 6px; }
.hero-actions a { color: #049CD8; text-decoration: none; margin-right: 10px; font-size: 13px; }
.hero-actions a:hover { color: #E52521; }

@media (max-width: 768px) {
    .torrent-hero-card { flex-direction: column; }
}

/* === 精简视图切换 === */

/* === 精简视图 === */
.cv-toggle-bar { text-align: right; max-width: 97%; margin: 6px auto 0 auto; }
.cv-toggle-btn {
    background: linear-gradient(180deg, #FBD000 0%, #E6B800 100%);
    border: none; border-radius: 4px; padding: 4px 14px;
    font-weight: bold; font-size: 12px; cursor: pointer; color: #333;
    box-shadow: none;
    transition: all 0.2s;
}
.cv-toggle-btn:hover, .cv-toggle-btn.active { background: #E52521; color: #FFF; border: none; }

/* 整体面板 - 适配 1080p 一屏 */
.cv-panel {
    max-width: 97%;
    margin: 8px auto 12px auto;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 6px;
    padding: 14px 18px;
    animation: cvFadeIn 0.15s ease;
}
@keyframes cvFadeIn { from { opacity: 0; } to { opacity: 1; } }

/* Header: 下载 + 标签 + 链接 */
.cv-header {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-bottom: 10px;
    border-bottom: 1px solid #2a2a2a;
}
.cv-dl-btn {
    display: inline-block; font-weight: bold; font-size: 13px !important;
    padding: 5px 16px !important; border: none; border-radius: 4px;
    color: #333 !important; background: linear-gradient(180deg, #FBD000 0%, #E6B800 100%);
    box-shadow: none;
    text-decoration: none !important; transition: all 0.2s; white-space: nowrap;
}
.cv-dl-btn:hover {
    background: linear-gradient(180deg, #E52521 0%, #C41E1A 100%) !important;
    color: #FFF !important; border: none !important;
}
.cv-header-links { display: flex; gap: 8px; font-size: 12px; margin-left: auto; }
.cv-header-links a { color: #049CD8; text-decoration: none; }
.cv-header-links a:hover { color: #E52521; }
.cv-badge { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 11px; font-weight: bold; }
.cv-badge-size { background: #1b5e20; color: #a5d6a7; }
.cv-badge-file { background: #4a148c; color: #ce93d8; cursor: pointer; }
.cv-badge-file:hover { background: #6a1b9a; }
.cv-badge-type { background: #0d47a1; color: #90caf9; }
.cv-badge-promo { background: #e65100; color: #ffb74d; }
.cv-time { color: #666; font-size: 11px; }

/* 简介 */
.cv-desc {
    font-size: 11px;
    color: #888;
    line-height: 1.6;
    padding: 6px 0;
    max-height: 500px;
    overflow-y: auto;
    cursor: default;
    transition: max-height 0.2s ease;
}
.cv-desc:hover {
    max-height: 500px;
}
.cv-desc::-webkit-scrollbar { width: 4px; }
.cv-desc::-webkit-scrollbar-thumb { background: #444; border-radius: 2px; }

/* 统计条: 横排一行 */
.cv-stats {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    padding: 8px 0;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid #222;
}
.cv-stats .cv-label {
    color: #555;
    margin-right: 2px;
}
.cv-stats b { color: #FBD000; font-weight: bold; }

/* MediaInfo */
.cv-tech-wrap {
    padding: 8px 0;
}
.cv-section-title {
    font-size: 11px;
    font-weight: bold;
    color: #FBD000;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.cv-tech {
    background: #181818;
    border: 1px solid #2a2a2a;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 11px;
    color: #999;
    line-height: 1.7;
    max-height: 180px;
    overflow-y: auto;
}
.cv-tech b { color: #FBD000; }
.cv-tech table { width: 100% !important; }
.cv-tech td { background: transparent !important; border: none !important; padding: 0 6px !important; color: #999 !important; font-size: 11px !important; }

/* === 手机适配 === */
@media (max-width: 768px) {
    .cv-panel { padding: 10px 12px; }
    .cv-header { flex-direction: column; align-items: flex-start; gap: 8px; }
    .cv-badges { margin-left: 0; }
    .cv-info-bar { gap: 10px; }
    .cv-tech { max-height: 150px; }
}

@media (max-width: 480px) {
    .cv-badge { font-size: 10px; padding: 1px 6px; }
    .cv-grid { font-size: 11px; }
    .cv-tech { font-size: 10px; }
    .cv-screenshots img { height: 40px; min-width: 60px; }
}

/* === 绿色主题按钮 === */
input[type="submit"]:hover, input[type="button"]:hover,
a.sewer-btn:hover, a.sewer-btn-done:hover {
    background: linear-gradient(180deg, #2E7D32 0%, #1B5E20 100%) !important;
    color: #FFF !important;
    border-color: #1B5E20 !important;
    box-shadow: inset -1px -1px 0 #1B5E20, inset 1px 1px 0 #81C784 !important;
}

/* === 简介文字 === */

/* === 简介信息行 === */
.cv-info-line {
    display: flex;
    gap: 6px;
    font-size: 11px;
    line-height: 1.6;
    color: #999;
}
.cv-info-line .cv-label {
    color: #666;
    white-space: nowrap;
    min-width: 48px;
}
.cv-info-line span:last-child {
    color: #bbb;
}
.cv-plot span:last-child {
    color: #888;
}

/* === 简介信息网格 === */
.cv-desc {
    font-size: 11px;
    color: #888;
    line-height: 1.6;
    margin-bottom: 4px;
    padding: 8px 10px;
    background: #1e1e1e;
    border-radius: 4px;
    border-left: 2px solid #333;
    max-height: 500px;
    overflow-y: auto;
    cursor: default;
    transition: max-height 0.2s ease;
}
.cv-desc:hover {
    background: #222;
    border-left-color: #555;
}
.cv-desc::-webkit-scrollbar {
    width: 4px;
}
.cv-desc::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 2px;
}

/* === B站风格评论区 === */

/* 标题 */
h1#startcomments {
    font-size: 16px;
    color: #eee;
    text-align: left;
    padding: 12px 0 8px;
    border-bottom: 1px solid #333;
    margin-bottom: 0;
}

/* 评论分页 */
.nexus-pagination {
    font-size: 11px;
    color: #666;
    padding: 4px 0;
}

/* 隐藏原始评论表格 */
td.text > table > tbody > tr > td.embedded > table.main[width="100%"][border="1"] {
    border: none;
    background: transparent;
}

/* B站评论卡片 */
.bili-comment {
    display: flex;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #222;
    transition: background 0.15s;
}
.bili-comment:hover {
    background: #1a1a1a;
}

/* 头像 */
.bili-avatar {
    flex-shrink: 0;
}
.bili-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}
.bili-avatar-placeholder {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #333;
}

/* 主体 */
.bili-body {
    flex: 1;
    min-width: 0;
}

/* 头部：用户名 + 楼层 + 时间 */
.bili-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}
.bili-username {
    font-size: 12px;
    font-weight: bold;
    color: #FBD000;
    text-decoration: none;
}
.bili-username:hover {
    color: #ffe066;
}
.bili-floor {
    font-size: 10px;
    color: #555;
    background: #252525;
    padding: 1px 5px;
    border-radius: 3px;
}
.bili-time {
    font-size: 10px;
    color: #555;
}

/* 内容 */
.bili-content {
    font-size: 12px;
    color: #ccc;
    line-height: 1.6;
    margin-bottom: 6px;
    word-break: break-all;
}

/* 操作按钮 */
.bili-actions {
    display: flex;
    gap: 12px;
}
.bili-action {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #666;
    text-decoration: none;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
    transition: all 0.15s;
}
.bili-action:hover {
    color: #FBD000;
    background: #252525;
}
.bili-action svg {
    opacity: 0.5;
}
.bili-action:hover svg {
    opacity: 1;
}
.bili-action span {
    pointer-events: none;
}

/* 内联回复框 */
.bili-reply-box {
    margin-top: 8px;
    padding: 8px;
    background: #1a1a1a;
    border-radius: 6px;
    border: 1px solid #333;
}
.bili-reply-input {
    width: 100%;
    background: #111;
    border: 1px solid #333;
    border-radius: 4px;
    color: #ccc;
    font-size: 12px;
    padding: 6px 8px;
    resize: vertical;
    box-sizing: border-box;
    line-height: 1.5;
}
.bili-reply-input:focus {
    border-color: #FBD000;
    outline: none;
    box-shadow: 0 0 0 2px rgba(251,208,0,0.1);
}
.bili-reply-actions {
    display: flex;
    gap: 8px;
    margin-top: 6px;
    justify-content: flex-end;
}
.bili-reply-submit {
    background: #FBD000;
    color: #111;
    border: none;
    border-radius: 4px;
    padding: 4px 16px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.bili-reply-submit:hover {
    background: #ffe066;
}
.bili-reply-cancel {
    background: #333;
    color: #aaa;
    border: none;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
}
.bili-reply-cancel:hover {
    background: #444;
}

/* 嵌套回复 */
.bili-replies {
    margin-left: 42px;
    border-left: 2px solid #333;
    padding-left: 0;
}
.bili-reply-child {
    border-bottom: none;
}
.bili-reply-child:hover {
    background: transparent;
}
.bili-reply-child .bili-avatar img {
    width: 24px;
    height: 24px;
}
.bili-reply-child .bili-body {
    padding-top: 2px;
}
.bili-reply-ref {
    color: #666;
    font-size: 11px;
}
.bili-reply-ref a {
    color: #FBD000;
    text-decoration: none;
}
.bili-reply-ref a:hover {
    color: #ffe066;
}
.bili-reply-deleted {
    color: #555;
    font-style: italic;
    opacity: 0.7;
}

/* === 原版视图引用信息 === */
.quote-ref-line {
    font-size: 12px;
    color: #aaa;
    margin-bottom: 6px;
    padding: 4px 8px;
    background: linear-gradient(90deg, rgba(0,166,81,0.15) 0%, transparent 100%);
    border-left: 3px solid #00A651;
    border-radius: 0 4px 4px 0;
}
.quote-ref-line a {
    color: #FBD000;
    text-decoration: none;
    font-weight: bold;
}
.quote-ref-line a:hover {
    color: #ffe066;
    text-decoration: underline;
}

/* === 评论区按钮图标（下水道主题） === */
img.f_online, img.f_offline, img.f_pm, img.f_report, img.f_quote, img.f_reply, img.f_delete, img.f_edit {
    width: 14px;
    height: 14px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    opacity: 0.8;
    transition: opacity 0.2s;
    cursor: pointer;
}
/* 在线 - 绿色管道 */
img.f_online { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="5.5" fill="%2300A651"/></svg>'); }
/* 猻线 - 皗色 */
img.f_offline { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="5.5" fill="%23666"/></svg>'); }
/* PM - 金币 */
img.f_pm { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6" fill="%23FBD000"/><text x="8" y="11.5" text-anchor="middle" font-size="8" font-weight="bold" fill="%238B6914">P</text></svg>'); }
/* 举报 - 砖块 */
img.f_report { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="3" y="3" width="10" height="10" fill="%23C84C09" rx="1"/></svg>'); }
/* 引用 - 对话气泡 */
img.f_quote { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 4h12v7H8l-3 3v-3H2z" fill="%23049CD8"/></svg>'); }
/* 回复 - 箭头 */
img.f_reply { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 3l5 5-5 5M14 3M8 13" stroke="%2300A651" stroke-width="2" fill="none"/></svg>'); }
/* 删除 - 红X */
img.f_delete { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="5" fill="none" stroke="%23E52521" stroke-width="2"/><path d="M5.5 5.5l5 5M10.5 10.5l5 5" stroke="%23E52521" stroke-width="1.5"/></svg>'); }
/* 编辑 - 铅笔 */
img.f_edit { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3 11l9-9 3 3M14 3v3H3z" fill="%23FBD000"/></svg>'); }

/* 按钮悬停 */
img.f_online:hover, img.f_offline:hover, img.f_pm:hover, img.f_report:hover,
img.f_quote:hover, img.f_reply:hover, img.f_delete:hover, img.f_edit:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* toolbox 紧凑排列 */
td.toolbox {
    padding: 2px 4px !important;
    white-space: nowrap;
}
td.toolbox img {
    width: 14px !important;
    height: 14px !important;

    margin: 0 1px;
}

/* === 完整视图评论区自适应 === */
/* 引用块柔化 */
#comment-section table.main fieldset {
    border: none;
    border-left: 3px solid #444;
    background: rgba(255,255,255,0.03);
    padding: 6px 10px;
    margin: 6px 0;
    border-radius: 0 4px 4px 0;
    font-size: 12px;
    color: #999;
}
#comment-section table.main fieldset legend {
    font-size: 11px;
    color: #666;
    padding: 0 6px;
}
/* toolbox 紧凑 */
#comment-section table.main td.toolbox {
    padding: 3px 8px !important;
    border-top: 1px solid #222 !important;
}
/* 按钮图标大小 */
#comment-section td.toolbox img.f_online,
#comment-section td.toolbox img.f_offline,
#comment-section td.toolbox img.f_pm,
#comment-section td.toolbox img.f_report,
#comment-section td.toolbox img.f_quote,
#comment-section td.toolbox img.f_reply,
#comment-section td.toolbox img.f_delete,
#comment-section td.toolbox img.f_edit {
    width: 30px !important;
    height: 30px !important;
    background-size: 24px !important;
}

/* 快速评论区域 */
form#compose {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 12px;
}
form#compose textarea {
    background: #111 !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
    color: #ccc;
    padding: 8px;
    font-size: 12px;
    width: 100% !important;
    resize: vertical;
}
form#compose textarea:focus {
    border-color: #FBD000 !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(251,208,0,0.15);
}
form#compose input[type="submit"] {
    background: #FBD000;
    color: #111;
    border: none;
    border-radius: 4px;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.15s;
}
form#compose input[type="submit"]:hover {
    background: #ffe066;
}

/* === 截图浏览器 === */
.cv-gallery-thumbs {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 8px 0;
}
.cv-thumb {
    width: 120px;
    height: 68px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.15s, transform 0.15s;
}
.cv-thumb:hover {
    opacity: 1;
    transform: scale(1.05);
}

/* 全屏浏览器 */
.cv-overlay {
    position: fixed;
    z-index: 9998;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.9);
    animation: fadeIn 0.15s;
}
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.cv-viewer {
    position: fixed;
    z-index: 9999;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cv-viewer img {
    max-width: 90vw;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 4px;
}
.cv-viewer-close {
    position: fixed;
    top: 16px;
    right: 20px;
    color: #666;
    font-size: 28px;
    cursor: pointer;
    z-index: 10;
    transition: color 0.15s;
}
.cv-viewer-close:hover { color: #fff; }
.cv-viewer-prev, .cv-viewer-next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    font-size: 48px;
    cursor: pointer;
    z-index: 10;
    padding: 20px;
    transition: color 0.15s;
}
.cv-viewer-prev { left: 16px; }
.cv-viewer-next { right: 16px; }
.cv-viewer-prev:hover, .cv-viewer-next:hover { color: #FBD000; }
.cv-viewer-info {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: #888;
    font-size: 13px;
}

/* 副标题 - 主标题下方 */
.cv-main-subtitle {
    text-align: center;
    font-size: 15px;
    color: #bbb;
    margin: -4px auto 8px;
    line-height: 1.5;
}

/* === Header: left logo + center banner === */
.head-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    position: relative;
    width: 100%;
}
.head-box-logo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.head-box-logo img {
    height: 200px;
    width: 200px;
    object-fit: contain;
}
.head-box-banner {
    display: flex;
    justify-content: center;
    width: 100%;
}
.head-box-banner .header-logo {
    display: block;
    max-width: 100%;
    height: auto;
}

/* === 日间模式切换按钮 === */