/* dvbbs_skin */
.dvbbs-skin-root {
    --dvbbs-ink: var(--text);
    --dvbbs-muted: var(--text-muted);
    --dvbbs-subtle: var(--text-subtle);
    --dvbbs-faint: var(--text-disabled);
    --dvbbs-link: var(--info);
    --dvbbs-accent: var(--danger);
    --dvbbs-frame: var(--line);
    --dvbbs-line: var(--line-soft);
    --dvbbs-tint: var(--info-soft);
    --dvbbs-row-b: color-mix(in srgb, var(--info) 14%, var(--panel));
    --dvbbs-head-b: color-mix(in srgb, var(--info) 26%, var(--panel));
    background: var(--panel);
    color: var(--dvbbs-ink);
    font-family: SimSun, "宋体", "Songti SC", Tahoma, Verdana, sans-serif;
    font-size: 12px;
    -webkit-font-smoothing: auto;
}
.dvbbs-skin-root .top {
    display: none;
}
.dvbbs-skin-root .footer {
    display: block;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 8px;
    border: 0;
    background: none;
    box-shadow: none;
    text-align: center;
    color: var(--dvbbs-subtle);
    font-size: 12px;
}
.dvbbs-skin-root .footer > * {
    display: none;
}
.dvbbs-skin-root .footer > .dvbbs-copyright {
    display: block;
    margin-top: 6px;
}
.dvbbs-skin-root .wrap {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.dvbbs-skin-root a {
    color: var(--dvbbs-link);
    text-decoration: none;
}
.dvbbs-skin-root a:hover {
    color: var(--dvbbs-accent);
    text-decoration: underline;
}
.dvbbs-skin-root i {
    font-style: normal;
}
.dvbbs-ico {
    vertical-align: -3px;
}

/* 顶部欢迎条 */
.dvbbs-topbar {
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-row-b) 55%, var(--dvbbs-head-b));
    border-bottom: 1px solid var(--dvbbs-frame);
    font-size: 12px;
}
.dvbbs-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    max-width: 960px;
    margin: 0 auto;
    padding: 4px 8px;
    flex-wrap: wrap;
}
.dvbbs-welcome {
    color: var(--dvbbs-ink);
}
.dvbbs-welcome b {
    color: var(--dvbbs-accent);
    font-weight: 700;
}
.dvbbs-sep {
    padding: 0 4px;
    color: var(--dvbbs-faint);
}
.dvbbs-backhome a {
    color: var(--dvbbs-link);
    font-weight: 700;
}

/* 页面容器 */
.dvbbs-page {
    max-width: 960px;
    margin: 0 auto;
    padding: 8px 8px 18px;
}
.dvbbs-logo-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 2px 6px;
}
.dvbbs-logo {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 700;
    color: var(--dvbbs-link);
}
.dvbbs-logo a {
    color: var(--dvbbs-link);
    letter-spacing: .5px;
}
.dvbbs-stats {
    text-align: right;
    line-height: 1.7;
    color: var(--dvbbs-ink);
}
.dvbbs-stats i {
    padding: 0 5px;
    color: var(--dvbbs-faint);
}
.dvbbs-num {
    color: var(--dvbbs-accent);
    font-weight: 700;
}
.dvbbs-timeline {
    padding: 3px 2px 6px;
    text-align: right;
    color: var(--dvbbs-muted);
}
.dvbbs-timeline b {
    color: var(--dvbbs-accent);
}
.dvbbs-timeline i {
    padding: 0 5px;
    color: var(--dvbbs-faint);
}

/* 公告 */
.dvbbs-announce {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 6px;
    padding: 5px 8px;
    border: 1px solid var(--dvbbs-frame);
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-tint));
    color: var(--dvbbs-ink);
    flex-wrap: wrap;
}
.dvbbs-announce b {
    color: var(--dvbbs-link);
}
.dvbbs-announce em {
    color: var(--dvbbs-subtle);
    font-style: normal;
}

/* 版块头 */
.dvbbs-forum-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    padding: 6px 9px;
    border: 1px solid var(--dvbbs-frame);
    background: linear-gradient(to bottom, var(--dvbbs-tint), var(--dvbbs-head-b));
}
.dvbbs-forum-head-title {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    font-size: 14px;
    font-weight: 700;
}
.dvbbs-forum-head-title a {
    color: var(--dvbbs-link);
}
.dvbbs-forum-head-desc {
    font-size: 12px;
    font-weight: 400;
    color: var(--dvbbs-muted);
}
.dvbbs-btn {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid var(--dvbbs-frame);
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-tint));
    color: var(--dvbbs-muted);
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.dvbbs-btn:hover {
    color: var(--dvbbs-accent);
    text-decoration: none;
}

/* 表格 */
.dvbbs-table-wrap {
    width: 100%;
    overflow-x: auto;
}
.dvbbs-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--dvbbs-frame);
    background: var(--panel);
    table-layout: fixed;
}
.dvbbs-table th,
.dvbbs-table td {
    border: 1px solid var(--dvbbs-line);
    padding: 4px 7px;
    line-height: 1.55;
    vertical-align: middle;
    overflow-wrap: anywhere;
}
.dvbbs-table th {
    background: linear-gradient(to bottom, var(--dvbbs-tint), var(--dvbbs-row-b));
    border-color: var(--dvbbs-frame);
    color: var(--dvbbs-muted);
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}
.dvbbs-table th.dvbbs-col-forum {
    text-align: left;
}
.dvbbs-group-row td {
    background: var(--dvbbs-row-b);
    border-color: var(--dvbbs-frame);
    color: var(--dvbbs-link);
    font-weight: 700;
    padding: 5px 8px;
}
.dvbbs-forum-row td {
    background: var(--panel);
    vertical-align: middle;
}
.dvbbs-forum-row:nth-child(odd) td {
    background: var(--dvbbs-tint);
}
.dvbbs-forum-cell {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}
.dvbbs-forum-ico {
    flex: 0 0 auto;
    padding-top: 1px;
}
.dvbbs-forum-text {
    min-width: 0;
}
.dvbbs-forum-name {
    color: var(--dvbbs-link);
    font-size: 13px;
    font-weight: 700;
}
.dvbbs-forum-desc {
    display: block;
    color: var(--dvbbs-muted);
    font-size: 12px;
    line-height: 1.45;
}
.dvbbs-col-sm {
    width: 62px;
    text-align: center;
    color: var(--dvbbs-muted);
}
.dvbbs-col-last {
    width: 190px;
    text-align: left;
    font-size: 12px;
}
.dvbbs-col-mod {
    width: 80px;
    text-align: center;
}
.dvbbs-col-fav {
    width: 52px;
    text-align: center;
}
.dvbbs-col-ico {
    width: 44px;
    text-align: center;
}
.dvbbs-col-topic {
    text-align: left;
}
.dvbbs-col-author {
    width: 110px;
    text-align: center;
}
.dvbbs-col-count {
    width: 84px;
    text-align: center;
    color: var(--dvbbs-muted);
}
.dvbbs-last-title,
.dvbbs-last-user,
.dvbbs-last-meta {
    color: var(--dvbbs-link);
}
.dvbbs-last-meta {
    color: var(--dvbbs-muted);
}
.dvbbs-last-meta a {
    color: var(--dvbbs-link);
}
.dvbbs-topic-row td {
    background: var(--panel);
}
.dvbbs-topic-row:nth-child(odd) td {
    background: var(--dvbbs-tint);
}
.dvbbs-topic-row:hover td {
    background: var(--dvbbs-row-b);
}
.dvbbs-topic-link {
    color: var(--dvbbs-link);
    font-size: 13px;
    font-weight: 700;
}
.dvbbs-tag {
    display: inline-block;
    margin-right: 4px;
    padding: 0 4px;
    border: 1px solid color-mix(in srgb, var(--warning) 45%, var(--panel));
    background: var(--warning-soft);
    color: var(--warning);
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
}
.dvbbs-forum-tag {
    margin-left: 5px;
    padding: 0 4px;
    border: 1px solid var(--dvbbs-line);
    background: var(--dvbbs-tint);
    color: var(--dvbbs-muted);
    font-size: 11px;
    line-height: 16px;
}
.dvbbs-pages {
    color: var(--dvbbs-subtle);
    font-size: 11px;
}
.dvbbs-pages a {
    color: var(--dvbbs-link);
}
.dvbbs-empty {
    padding: 18px 10px !important;
    text-align: center;
    color: var(--dvbbs-subtle);
}
.dvbbs-fav {
    display: inline-block;
    line-height: 1;
}
.dvbbs-dim {
    color: var(--dvbbs-faint);
}

/* 分页 */
.dvbbs-pager {
    padding: 8px 0 4px;
    text-align: right;
}
.dvbbs-pager .pagination {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.dvbbs-pager .pagination ul {
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dvbbs-pager .pagination a,
.dvbbs-pager .pagination span {
    display: inline-block;
    min-width: 20px;
    padding: 1px 6px;
    border: 1px solid var(--dvbbs-frame);
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-tint));
    color: var(--dvbbs-link);
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
.dvbbs-pager .pagination .active a {
    border-color: var(--dvbbs-head-b);
    background: var(--dvbbs-row-b);
    color: var(--dvbbs-accent);
    font-weight: 700;
}

/* 页脚 */
.dvbbs-copyright {
    margin-top: 14px;
    padding: 10px 0;
    border-top: 1px solid var(--dvbbs-line);
    text-align: center;
    color: var(--dvbbs-subtle);
    line-height: 1.8;
}

/* ===== 主题页 ===== */
.dvbbs-skin-topic .home-shell {
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.dvbbs-skin-topic .forum-layout {
    display: block;
}
.dvbbs-skin-topic .sidebar {
    display: none;
}
.dvbbs-skin-topic .main-panel {
    padding: 8px;
    border: 0;
    background: transparent;
}
.dvbbs-skin-topic .topic-header {
    margin-bottom: 6px;
    padding: 5px 9px;
    border: 1px solid var(--dvbbs-frame);
    background: linear-gradient(to bottom, var(--dvbbs-tint), var(--dvbbs-head-b));
}
.dvbbs-skin-topic .breadcrumb {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--dvbbs-muted);
    font-size: 12px;
}
.dvbbs-skin-topic .breadcrumb a {
    color: var(--dvbbs-link);
}
.dvbbs-skin-topic .post-topic-title {
    margin: 2px 0 0;
    padding: 0;
    gap: 6px;
}
.dvbbs-skin-topic .post-content-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}
.dvbbs-skin-topic .post-content-title a {
    color: var(--dvbbs-link);
}
.dvbbs-skin-topic .post-content-stats {
    color: var(--dvbbs-muted);
    font-size: 12px;
}

/* 帖子表格 */
.dvbbs-skin-topic .topic-post-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dvbbs-skin-topic .topic-post-list > .post-entry {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas: "avatar content" "body content";
    column-gap: 0;
    row-gap: 0;
    align-items: stretch;
    margin: 0 0 7px;
    padding: 0;
    border: 1px solid var(--dvbbs-frame);
    background: var(--panel);
    min-height: 170px;
}
.dvbbs-skin-topic .topic-post-list > .post-entry:hover {
    background: var(--panel);
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-avatar {
    grid-area: avatar;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 14px 10px 4px;
    border-right: 1px solid var(--dvbbs-line);
    border-radius: 0;
    background: var(--dvbbs-tint);
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-avatar .avatar-profile-link {
    display: block;
    width: 96px;
    height: 96px;
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-avatar .avatar-img {
    width: 96px;
    height: 96px;
    border: 1px solid var(--dvbbs-line);
    border-radius: 0;
    background: var(--panel);
    object-fit: cover;
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-body {
    grid-area: body;
    display: block;
    width: auto;
    padding: 0 10px 12px;
    border-right: 1px solid var(--dvbbs-line);
    background: var(--dvbbs-tint);
    text-align: center;
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-body .post-head {
    display: block;
    min-height: 0;
    padding: 0;
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-body .post-info {
    display: block;
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-body .post-author {
    display: inline;
    color: var(--dvbbs-link);
    font-size: 13px;
    font-weight: 700;
    white-space: normal;
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-body .post-time {
    display: block;
    margin-top: 2px;
    color: var(--dvbbs-subtle);
    font-size: 11px;
    white-space: normal;
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-body .post-meta {
    display: none;
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-content {
    grid-area: content;
    min-width: 0;
    padding: 12px 14px 10px;
    border: 0;
    background: var(--panel);
    color: var(--dvbbs-ink);
    font-size: 14px;
    line-height: 1.75;
    overflow-wrap: anywhere;
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-content img {
    max-width: 100%;
    height: auto;
}
.dvbbs-skin-topic .topic-post-list > .post-entry > .post-content .post-ops {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
    padding-top: 6px;
    border-top: 1px dotted var(--dvbbs-line);
    opacity: 1;
}
.dvbbs-skin-topic .post-ops .post-floor {
    order: 9;
    color: var(--dvbbs-subtle);
    font-size: 11px;
}
.dvbbs-skin-topic .post-ops .icon-action {
    padding: 0;
    border: 0;
    background: none;
    color: var(--dvbbs-link);
    font-size: 12px;
    min-height: 0;
}
.dvbbs-skin-topic .post-ops .icon-action span {
    display: inline;
}
.dvbbs-skin-topic .post-ops-toggle {
    width: 26px;
    height: 20px;
    border: 0;
    border-radius: 0;
    background: none;
    color: var(--dvbbs-subtle);
    font-size: 0;
}
.dvbbs-skin-topic .post-ops-toggle span {
    display: none;
}
.dvbbs-skin-topic .post-ops-toggle::after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 5px 0 0 currentColor, -5px 0 0 currentColor;
}
.dvbbs-skin-topic .post-ops-toggle:hover {
    background: none;
    color: var(--dvbbs-accent);
}

/* 快速回复 */
.dvbbs-skin-topic .reply-panel {
    margin: 8px 0 0;
    padding: 0;
    border: 1px solid var(--dvbbs-frame);
    background: var(--panel);
}
.dvbbs-skin-topic .reply-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 9px;
    border-bottom: 1px solid var(--dvbbs-line);
    background: linear-gradient(to bottom, var(--dvbbs-tint), var(--dvbbs-head-b));
}
.dvbbs-skin-topic .reply-panel-head h3 {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--dvbbs-link);
}
.dvbbs-skin-topic .reply-status {
    color: var(--dvbbs-muted);
    font-size: 12px;
}
.dvbbs-skin-topic .reply-panel form {
    padding: 8px;
}
.dvbbs-skin-topic .reply-panel form > .grid {
    gap: 4px;
}
.dvbbs-skin-topic .reply-panel textarea {
    width: 100%;
    min-height: 96px;
    padding: 6px;
    border: 1px solid var(--dvbbs-frame);
    border-radius: 0;
    background: var(--panel);
    color: var(--dvbbs-ink);
    font-family: SimSun, "宋体", "Songti SC", Tahoma, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.6;
    resize: vertical;
}
.dvbbs-skin-topic .reply-panel button[type="submit"] {
    margin-top: 6px;
    padding: 3px 16px;
    border: 1px solid var(--dvbbs-frame);
    border-radius: 0;
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-tint));
    color: var(--dvbbs-muted);
    font-size: 12px;
    cursor: pointer;
}
.dvbbs-skin-topic .reply-panel button[type="submit"]:hover {
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-row-b));
    color: var(--dvbbs-accent);
}
.dvbbs-skin-topic .quick-reply-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 6px;
}
.dvbbs-skin-topic .quick-reply-actions button[type="submit"] {
    margin-top: 0;
}
.dvbbs-skin-topic .quick-reply-mention {
    flex: 0 0 auto;
    color: var(--dvbbs-link);
    font-size: 12px;
    white-space: nowrap;
}
.dvbbs-skin-topic .quick-reply-mention:hover {
    color: var(--dvbbs-accent);
}
.dvbbs-skin-topic .reply-login-box {
    margin: 8px;
    padding: 10px;
    border: 1px solid var(--dvbbs-line);
    background: var(--dvbbs-tint);
    text-align: center;
    color: var(--dvbbs-muted);
}
.dvbbs-skin-topic .empty-state {
    margin: 8px 0;
    padding: 14px;
    border: 1px solid var(--dvbbs-line);
    background: var(--panel);
    text-align: center;
    color: var(--dvbbs-subtle);
}
.dvbbs-skin-topic .pagination-bar {
    padding: 8px 0 0;
    text-align: right;
}
.dvbbs-skin-topic .pagination {
    display: inline-block;
    margin: 0;
}
.dvbbs-skin-topic .pagination ul {
    display: flex;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dvbbs-skin-topic .pagination a,
.dvbbs-skin-topic .pagination span {
    display: inline-block;
    min-width: 20px;
    padding: 1px 6px;
    border: 1px solid var(--dvbbs-frame);
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-tint));
    color: var(--dvbbs-link);
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
.dvbbs-skin-topic .pagination .active a {
    background: var(--dvbbs-row-b);
    color: var(--dvbbs-accent);
    font-weight: 700;
}

/* ===== 通用页面（登录/注册/个人主页/搜索/通知等） ===== */
.dvbbs-skin-root .home-shell {
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.dvbbs-skin-root .main-panel {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.dvbbs-skin-generic .main-panel {
    padding: 8px 0;
}
.dvbbs-skin-root .card {
    border: 1px solid var(--dvbbs-frame);
    border-radius: 0;
    background: var(--panel);
    box-shadow: none;
}
.dvbbs-skin-root .post-item {
    border-radius: 0;
}
.dvbbs-skin-root .tab-bar {
    gap: 0;
    margin: 0 0 8px;
    border-bottom: 2px solid var(--dvbbs-frame);
}
.dvbbs-skin-root .tab-bar .tab {
    margin: 0 2px -2px 0;
    padding: 4px 14px;
    border: 1px solid var(--dvbbs-frame);
    border-radius: 0;
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-tint));
    color: var(--dvbbs-link);
    font-size: 12px;
    line-height: 20px;
}
.dvbbs-skin-root .tab-bar .tab.active {
    border-bottom-color: var(--panel);
    background: var(--panel);
    color: var(--dvbbs-accent);
    font-weight: 700;
}
.dvbbs-skin-root .form-panel {
    padding: 10px;
    border: 1px solid var(--dvbbs-frame);
    border-radius: 0;
    background: var(--panel);
    box-shadow: none;
}
.dvbbs-skin-root .form-panel h2 {
    margin: 0 0 8px;
    padding: 0 0 5px;
    border-bottom: 1px solid var(--dvbbs-line);
    color: var(--dvbbs-link);
    font-size: 14px;
}
.dvbbs-skin-root input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.dvbbs-skin-root textarea,
.dvbbs-skin-root select {
    border: 1px solid var(--dvbbs-frame);
    border-radius: 0;
    background: var(--panel);
    color: var(--dvbbs-ink);
    font-family: SimSun, "宋体", "Songti SC", Tahoma, Verdana, sans-serif;
    font-size: 13px;
}
.dvbbs-skin-root .btn,
.dvbbs-skin-root button {
    border: 1px solid var(--dvbbs-frame);
    border-radius: 0;
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-tint));
    color: var(--dvbbs-muted);
    font-family: SimSun, "宋体", "Songti SC", Tahoma, Verdana, sans-serif;
}
.dvbbs-skin-root .btn:hover,
.dvbbs-skin-root button:hover {
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-row-b));
    color: var(--dvbbs-accent);
}
.dvbbs-skin-root .btn.danger,
.dvbbs-skin-root button.danger {
    border-color: color-mix(in srgb, var(--danger) 45%, var(--panel));
    background: var(--danger-soft);
    color: var(--danger);
}
.dvbbs-skin-root .btn.danger:hover,
.dvbbs-skin-root button.danger:hover {
    background: var(--danger-soft);
    color: var(--danger);
}
.dvbbs-skin-root .pagination-bar {
    padding: 8px 0 0;
    text-align: right;
}
.dvbbs-skin-root .pagination ul {
    display: flex;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dvbbs-skin-root .pagination a,
.dvbbs-skin-root .pagination span {
    display: inline-block;
    min-width: 20px;
    padding: 1px 6px;
    border: 1px solid var(--dvbbs-frame);
    background: linear-gradient(to bottom, var(--panel), var(--dvbbs-tint));
    color: var(--dvbbs-link);
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
.dvbbs-skin-root .pagination .active a {
    background: var(--dvbbs-row-b);
    color: var(--dvbbs-accent);
    font-weight: 700;
}

@media (max-width: 700px) {
    .dvbbs-page {
        padding: 4px 6px 14px;
    }

    /* 通用页面 */
    .dvbbs-skin-generic .main-panel {
        padding: 5px 6px;
    }
    .dvbbs-skin-root .tab-bar .tab {
        padding: 5px 10px;
    }
    .dvbbs-skin-root input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
    .dvbbs-skin-root textarea {
        font-size: 16px;
    }

    /* 顶部欢迎条 */
    .dvbbs-topbar-inner {
        max-width: 100%;
        padding: 5px 6px;
        gap: 2px 10px;
    }
    .dvbbs-welcome {
        line-height: 2;
    }
    .dvbbs-welcome a {
        display: inline-block;
        padding: 4px 2px;
    }
    .dvbbs-backhome a {
        display: inline-block;
        padding: 6px 2px;
    }

    /* 头部与时间行 */
    .dvbbs-logo-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 1px;
        padding: 6px 2px 4px;
    }
    .dvbbs-logo {
        font-size: 15px;
    }
    .dvbbs-stats {
        text-align: left;
        line-height: 1.9;
        font-size: 11.5px;
    }
    .dvbbs-stats i {
        padding: 0 3px;
    }
    .dvbbs-timeline {
        padding: 2px 2px 5px;
        text-align: left;
        font-size: 11.5px;
    }
    .dvbbs-timeline a {
        display: inline-block;
        padding: 5px 0;
    }
    .dvbbs-announce {
        margin-bottom: 5px;
        padding: 5px 7px;
        font-size: 11.5px;
    }

    /* 版块头与发帖按钮 */
    .dvbbs-forum-head {
        margin-bottom: 5px;
        padding: 6px 8px;
    }
    .dvbbs-forum-head-title {
        font-size: 13px;
    }
    .dvbbs-forum-head-desc {
        display: none;
    }
    .dvbbs-btn {
        padding: 6px 12px;
        font-size: 12.5px;
        line-height: 1.2;
    }

    /* 表格转堆叠卡片，消灭横向滚动 */
    .dvbbs-table-wrap {
        overflow: visible;
    }
    .dvbbs-table {
        min-width: 0;
        border: 0;
        background: none;
    }
    .dvbbs-table thead {
        display: none;
    }
    .dvbbs-table tbody {
        display: block;
    }
    .dvbbs-table tr {
        display: block;
        margin: 0 0 6px;
        border: 1px solid var(--dvbbs-frame);
        background: var(--panel);
    }
    .dvbbs-table td {
        display: block;
        border: 0;
        border-top: 1px dotted var(--dvbbs-line);
        padding: 6px 9px;
        background: none !important;
        text-align: left;
    }
    .dvbbs-group-row {
        margin-bottom: 6px;
    }
    .dvbbs-group-row td {
        border: 0;
        padding: 6px 9px;
        background: var(--dvbbs-row-b) !important;
        font-size: 12.5px;
    }
    .dvbbs-col-sm {
        display: inline-block !important;
        width: auto;
        min-width: 0;
        margin-right: 12px;
        padding: 4px 9px !important;
        border: 0 !important;
        font-size: 11.5px;
        color: var(--dvbbs-muted);
    }
    .dvbbs-col-sm::before {
        content: attr(data-label) "：";
        color: var(--dvbbs-subtle);
    }
    .dvbbs-col-count {
        display: inline-block !important;
        width: auto;
        padding: 4px 9px !important;
        border: 0 !important;
        font-size: 11.5px;
        color: var(--dvbbs-muted);
    }
    .dvbbs-col-count::before {
        content: attr(data-label) "：";
        color: var(--dvbbs-subtle);
    }
    .dvbbs-forum-cell {
        align-items: center;
        gap: 8px;
    }
    .dvbbs-forum-name {
        display: inline-block;
        padding: 2px 0;
        font-size: 14px;
    }
    .dvbbs-forum-desc {
        margin-top: 1px;
        font-size: 11.5px;
    }
    .dvbbs-topic-link {
        display: inline;
        font-size: 13.5px;
        line-height: 1.6;
    }
    .dvbbs-col-topic {
        padding-top: 7px !important;
    }
    .dvbbs-pages {
        margin-left: 2px;
    }
    .dvbbs-tag {
        margin-right: 3px;
    }
    .dvbbs-col-author {
        width: auto;
        padding-top: 5px !important;
        font-size: 11.5px;
    }
    .dvbbs-col-author::before {
        content: attr(data-label) "：";
        color: var(--dvbbs-subtle);
    }
    .dvbbs-col-last {
        width: auto;
        font-size: 11.5px;
    }
    .dvbbs-col-last::before {
        content: attr(data-label) "：";
        color: var(--dvbbs-subtle);
    }
    .dvbbs-col-last br {
        display: none;
    }
    .dvbbs-col-last .dvbbs-last-meta + br + .dvbbs-last-user,
    .dvbbs-col-last .dvbbs-last-user {
        margin-left: 2px;
    }
    .dvbbs-col-ico,
    .dvbbs-col-mod,
    .dvbbs-col-fav,
    .dvbbs-fav {
        display: none !important;
    }

    /* 分页居中、加大点击区 */
    .dvbbs-pager {
        padding: 8px 0 2px;
        text-align: center;
    }
    .dvbbs-pager .pagination ul {
        justify-content: center;
        gap: 5px;
    }
    .dvbbs-pager .pagination a,
    .dvbbs-pager .pagination span {
        min-width: 30px;
        padding: 5px 9px;
        font-size: 13px;
        line-height: 1.2;
    }

    /* ===== 主题页 ===== */
    .dvbbs-skin-topic .main-panel {
        padding: 5px;
    }
    .dvbbs-skin-topic .topic-header {
        padding: 5px 8px;
    }
    .dvbbs-skin-topic .post-content-title {
        font-size: 14.5px;
    }
    .dvbbs-skin-topic .topic-post-list > .post-entry {
        grid-template-columns: 76px minmax(0, 1fr);
        margin-bottom: 6px;
        min-height: 0;
    }
    .dvbbs-skin-topic .topic-post-list > .post-entry > .post-avatar {
        padding: 10px 6px 3px;
    }
    .dvbbs-skin-topic .topic-post-list > .post-entry > .post-avatar .avatar-profile-link,
    .dvbbs-skin-topic .topic-post-list > .post-entry > .post-avatar .avatar-img {
        width: 52px;
        height: 52px;
    }
    .dvbbs-skin-topic .topic-post-list > .post-entry > .post-body {
        padding: 0 5px 10px;
    }
    .dvbbs-skin-topic .topic-post-list > .post-entry > .post-body .post-author {
        font-size: 12px;
        line-height: 1.4;
    }
    .dvbbs-skin-topic .topic-post-list > .post-entry > .post-body .post-time {
        font-size: 10.5px;
    }
    .dvbbs-skin-topic .topic-post-list > .post-entry > .post-content {
        padding: 9px 10px;
        font-size: 15px;
        line-height: 1.7;
    }
    .dvbbs-skin-topic .topic-post-list > .post-entry > .post-content .post-ops {
        flex-wrap: wrap;
        gap: 2px 10px;
        margin-top: 8px;
    }
    .dvbbs-skin-topic .post-ops .icon-action {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 0 2px;
        font-size: 12.5px;
    }

    /* 回复框：16px 防 iOS 缩放，加大按钮 */
    .dvbbs-skin-topic .reply-panel {
        margin-top: 6px;
    }
    .dvbbs-skin-topic .reply-panel-head {
        padding: 5px 8px;
    }
    .dvbbs-skin-topic .reply-panel form {
        padding: 7px;
    }
    .dvbbs-skin-topic .reply-panel textarea {
        font-size: 16px;
        min-height: 84px;
        line-height: 1.55;
    }
    .dvbbs-skin-topic .reply-panel button[type="submit"] {
        width: auto;
        flex: 1;
        margin-top: 0;
        padding: 8px 0;
        font-size: 13.5px;
    }
    .dvbbs-skin-topic .quick-reply-actions {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;
        margin-top: 7px;
    }
    .dvbbs-skin-topic .quick-reply-mention {
        padding: 6px 0;
        font-size: 12.5px;
    }
    .dvbbs-skin-topic .reply-login-box {
        margin: 7px;
        padding: 10px;
        font-size: 12.5px;
    }
    .dvbbs-skin-topic .reply-login-box a {
        display: block;
        padding: 6px 0;
    }
    .dvbbs-skin-topic .pagination-bar {
        text-align: center;
    }
    .dvbbs-skin-topic .pagination ul {
        justify-content: center;
        gap: 5px;
        flex-wrap: wrap;
    }
    .dvbbs-skin-topic .pagination a,
    .dvbbs-skin-topic .pagination span {
        min-width: 30px;
        padding: 5px 9px;
        font-size: 13px;
    }
    .dvbbs-skin-topic .empty-state {
        margin: 6px 0;
        padding: 12px;
        font-size: 12.5px;
    }

    /* 页脚 */
    .dvbbs-copyright {
        padding: 8px 0 4px;
        font-size: 11.5px;
    }
}