/* =========================================================
   red 模板 · 红色主题（58同城 / 赶集网风格分类信息）
   单文件包含全部页面样式
   ========================================================= */

:root {
    --r-red: #e2231a;
    --r-red-deep: #b81c14;
    --r-orange: #ff6600;
    --r-orange-deep: #e85a00;
    --r-soft: #fdf1f0;
    --r-soft2: #fef8f7;
    --r-line: #f0dcd9;
    --r-gray-line: #ececec;
    --r-ink: #1f2329;
    --r-text: #494f57;
    --r-muted: #8a919a;
    --r-bg: #f5f5f6;
    --r-radius: 10px;
    --r-shadow: 0 2px 12px rgba(31, 35, 41, .06);
    --r-max: 1280px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
    background: var(--r-bg);
    color: var(--r-text);
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
}

img {
    max-width: 100%;
}

/* ---------------- 头部（58 式两行） ---------------- */
.rh {
    background: #fff;
    border-bottom: 1px solid var(--r-gray-line);
    position: sticky;
    top: 0;
    z-index: 100;
}

.rh-bar {
    max-width: var(--r-max);
    margin: 0 auto;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rh-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: none;
    max-width: 320px;
    min-width: 0;
    overflow: hidden;
}

.rh-logo img {
    height: 36px;
    display: block;
}

.rh-tt {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
}

.rh-tt h1,
.rh-tt strong,
.rh-tt-home {
    font-size: 19px;
    font-weight: 800;
    color: var(--r-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.rh-tt h1 a,
.rh-tt-home a {
    color: inherit;
    text-decoration: none;
}

.rh-tt-root {
    font-size: 13px;
    color: var(--r-muted);
    text-decoration: none;
    white-space: nowrap;
}

.rh-tt-root:hover {
    color: var(--r-red);
}

.rh-tt i {
    font-style: normal;
    color: #ccc;
}

.rh-nav {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.rh-nav a {
    padding: 6px 12px;
    font-size: 13px;
    color: var(--r-text);
    text-decoration: none;
    white-space: nowrap;
    border-radius: 6px;
    transition: color .2s ease, background .2s ease;
}

.rh-nav a:hover {
    color: var(--r-red);
    background: var(--r-soft);
}

.rh-nav a.on {
    color: var(--r-red);
    font-weight: 700;
}

.rh-search {
    flex: 1;
    max-width: 460px;
    margin: 0 auto;
    display: flex;
    border: 2px solid var(--r-red);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow .2s ease;
}

.rh-search:focus-within {
    box-shadow: 0 0 0 3px rgba(226, 35, 26, .14);
}

.rh-search input[type="text"] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    padding: 9px 14px;
    font-size: 14px;
    color: var(--r-ink);
}

.rh-search button {
    border: none;
    cursor: pointer;
    background: var(--r-red);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 0 30px;
    transition: background .2s ease;
}

.rh-search button:hover {
    background: var(--r-red-deep);
}

.rh-pub {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border-radius: 6px;
    background: linear-gradient(135deg, var(--r-orange), var(--r-orange-deep));
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(255, 102, 0, .3);
    transition: filter .2s ease;
    white-space: nowrap;
}

.rh-pub:hover {
    filter: brightness(1.06);
}

/* ---------------- 容器 / 栏目 ---------------- */
.r-wrap {
    max-width: var(--r-max);
    margin: 0 auto;
    padding: 16px 16px 40px;
}

.r-cols {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
    align-items: start;
}

.r-cols-full {
    grid-template-columns: minmax(0, 1fr);
}

.r-main,
.r-side {
    min-width: 0;
}

.r-card {
    background: #fff;
    border: 1px solid var(--r-gray-line);
    border-radius: var(--r-radius);
    padding: 18px;
    margin-bottom: 16px;
    box-shadow: var(--r-shadow);
}



.r-card-tt {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 800;
    color: var(--r-ink);
    margin-bottom: 12px;
}

.r-card-tt::before {
    content: '';
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background: var(--r-red);
    flex: none;
}

.r-card-tt a {
    color: inherit;
    text-decoration: none;
}

.r-card-tt a:hover {
    color: var(--r-red);
}

.r-group-link {
    color: inherit;
    text-decoration: none;
}

.r-group-link:hover {
    color: var(--r-red);
}

/* 面包屑 */
.r-crumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--r-muted);
    margin-bottom: 12px;
}

.r-crumb a {
    color: var(--r-text);
    text-decoration: none;
}

.r-crumb a:hover {
    color: var(--r-red);
}

.r-crumb i {
    font-style: normal;
    color: #ccc;
}

.r-crumb span {
    color: var(--r-ink);
    word-break: break-word;
}

/* 页头横幅 */
.r-pagehead {
    background: #fff;
    border: 1px solid var(--r-gray-line);
    border-left: 4px solid var(--r-red);
    border-radius: var(--r-radius);
    padding: 18px 22px;
    margin-bottom: 16px;
}

.r-pagehead strong {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: var(--r-ink);
    word-break: break-word;
}

.r-pagehead p {
    margin-top: 5px;
    font-size: 13px;
    color: var(--r-muted);
}

/* ---------------- 首页分类目录（赶集式竖排） ---------------- */
/* ---------------- 首页分类导航（悬停下拉） ---------------- */
.r-navcats {
    padding: 0 8px;
}

.r-navcats-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.r-navcats-item {
    position: relative;
    flex: 1 1 auto;
    text-align: center;
    min-width: 0;
}

.r-navcats-link {
    display: block;
    padding: 14px 10px;
    font-size: 15px;
    font-weight: 700;
    color: var(--r-ink);
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    transition: color .2s ease, border-color .2s ease;
}

.r-navcats-link i {
    font-style: normal;
    font-size: 11px;
    color: #c5c5c5;
    margin-left: 4px;
    vertical-align: 1px;
}

.r-navcats-item:hover .r-navcats-link {
    color: var(--r-red);
    border-bottom-color: var(--r-red);
}

/* 下拉面板 */
.r-navcats-drop {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 60;
    width: max-content;
    max-width: 440px;
    background: #fff;
    border: 1px solid var(--r-gray-line);
    border-radius: 8px;
    box-shadow: 0 12px 32px rgba(31, 35, 41, .14);
    padding: 12px 14px;
    text-align: left;
}

/* 靠右侧的项：面板改为右对齐，避免超出右边界 */
.r-navcats-item:nth-last-child(-n+3) .r-navcats-drop {
    left: auto;
    right: 0;
}

/* 悬停过渡桥，防止移动到面板前菜单消失 */
.r-navcats-drop::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
}

.r-navcats-item:hover .r-navcats-drop {
    display: block;
}

.r-navcats-drop a {
    display: inline-block;
    margin: 3px 4px;
    padding: 5px 12px;
    font-size: 13px;
    color: var(--r-text);
    text-decoration: none;
    border-radius: 4px;
    transition: background .18s ease, color .18s ease;
}

.r-navcats-drop a:hover {
    background: var(--r-red);
    color: #fff;
}

/* ---------------- 信息条目 ---------------- */
.r-feed {
    margin-top: -4px;
}

.r-item {
    display: flex;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid #f5f5f5;
}

.r-item:last-child {
    border-bottom: none;
    padding-bottom: 4px;
}

.r-item-pic {
    flex: none;
    width: 96px;
    height: 72px;
    border-radius: 6px;
    overflow: hidden;
    background: var(--r-soft2);
}

.r-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity .25s ease;
}

.r-item-pic:hover img {
    opacity: .85;
}

.r-item-bd {
    flex: 1;
    min-width: 0;
}

.r-item-hd {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.55;
    color: var(--r-ink);
}

.r-item-hd a {
    color: inherit;
    text-decoration: none;
    word-break: break-word;
}

.r-item-hd a:hover {
    color: var(--r-red);
}

.r-badge {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 4px;
    margin-right: 8px;
    vertical-align: 2px;
    line-height: 1.6;
}

.r-badge-top {
    background: var(--r-red);
    color: #fff;
}

.r-item-shop {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
    font-size: 12px;
}

.r-item-shopname {
    color: var(--r-text);
    font-weight: 600;
    text-decoration: none;
}

.r-item-shopname:hover {
    color: var(--r-red);
}

.r-item-level {
    font-style: normal;
    font-size: 11px;
    border: 1px solid;
    border-radius: 4px;
    padding: 0 6px;
    line-height: 1.6;
}

.r-item-vip {
    font-style: normal;
    background: #1677ff;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    padding: 1px 6px;
}

.r-item-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 0;
    margin-top: 6px;
    font-size: 12px;
    color: var(--r-muted);
}

.r-item-meta a {
    color: var(--r-muted);
    text-decoration: none;
}

.r-item-meta a:hover {
    color: var(--r-red);
}

.r-item-meta a + a::before,
.r-item-meta time::before {
    content: '·';
    margin: 0 7px;
    color: #d5d5d5;
}

.r-item-meta time {
    margin-left: auto;
}

/* ---------------- 云标签 / 新闻 / 商铺 ---------------- */
.r-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.r-cloud a {
    background: #f7f7f8;
    color: var(--r-text);
    padding: 5px 14px;
    border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

.r-cloud a:hover {
    background: var(--r-red);
    color: #fff;
}

.r-news {
    list-style: none;
}

.r-news li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px dashed #f0f0f0;
}

.r-news li:last-child {
    border-bottom: none;
}

.r-news li.is-top a::before {
    content: '顶';
    display: inline-block;
    background: var(--r-red);
    color: #fff;
    font-size: 11px;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 3px;
    margin-right: 6px;
    vertical-align: 1px;
}

.r-news a {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: var(--r-ink);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.r-news a:hover {
    color: var(--r-red);
}

.r-news time {
    flex: none;
    font-size: 12px;
    color: var(--r-muted);
}

.r-shops {
    display: flex;
    flex-direction: column;
}

.r-shops a {
    display: block;
    padding: 9px 0;
    font-size: 13px;
    color: var(--r-text);
    text-decoration: none;
    border-bottom: 1px dashed #f0f0f0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.r-shops a:last-child {
    border-bottom: none;
}

.r-shops a::before {
    content: '›';
    color: var(--r-red);
    margin-right: 8px;
    font-weight: 700;
}

.r-shops a:hover {
    color: var(--r-red);
}

.r-links {
    list-style: none;
}

.r-links li {
    border-bottom: 1px dashed #f0f0f0;
}

.r-links li:last-child {
    border-bottom: none;
}

.r-links a {
    display: block;
    padding: 10px 2px;
    font-size: 14px;
    color: var(--r-ink);
    text-decoration: none;
}

.r-links a:hover {
    color: var(--r-red);
}

.r-empty {
    padding: 40px 0;
    text-align: center;
    color: var(--r-muted);
    font-size: 14px;
}

.r-flinks {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 14px;
    margin-bottom: 0;
}

.r-flinks-label {
    font-size: 13px;
    font-weight: 700;
    color: var(--r-muted);
}

.r-flinks a {
    font-size: 13px;
    color: var(--r-text);
    text-decoration: none;
}

.r-flinks a:hover {
    color: var(--r-red);
}

/* ---------------- 详情页 ---------------- */
.r-head {
    margin-bottom: 14px;
}

.r-title {
    font-size: clamp(20px, 2.6vw, 25px);
    font-weight: 800;
    line-height: 1.5;
    color: var(--r-ink);
    word-break: break-word;
}

.r-metas {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #eee;
    font-size: 13px;
    color: var(--r-muted);
}

.r-time::before {
    content: '发布时间：';
}

.r-tag {
    background: #fff;
    border: 1px solid var(--r-line);
    color: var(--r-red);
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
    text-decoration: none;
}

.r-tag:hover {
    background: var(--r-red);
    border-color: var(--r-red);
    color: #fff;
}

.r-body {
    margin-bottom: 14px;
}

.r-content {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.9;
    color: #383d44;
    word-break: break-word;
    overflow-wrap: break-word;
    overflow-x: auto;
}

.r-content p {
    margin: 0 0 12px;
}

.r-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

.r-notice {
    background: var(--r-soft2);
    border-color: var(--r-line);
    margin-bottom: 14px;
}

.r-notice-tt {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 800;
    color: var(--r-red-deep);
    margin-bottom: 8px;
}

.r-notice-tt::before {
    content: '!';
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: var(--r-red);
    color: #fff;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.r-notice ul {
    list-style: none;
}

.r-notice li {
    position: relative;
    padding-left: 14px;
    font-size: 13px;
    color: var(--r-muted);
    line-height: 2;
}

.r-notice li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--r-red);
}

/* 作者 / 联系方式 */
.r-author {
    padding: 16px;
}

.r-author-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.r-author-ava {
    flex: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--r-soft);
    border: 1px solid var(--r-line);
    display: flex;
    align-items: center;
    justify-content: center;
}

.r-author-ava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.r-author-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--r-ink);
    word-break: break-all;
}

.r-author-cap {
    margin-top: 2px;
    font-size: 12px;
    color: var(--r-muted);
}

.r-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #f0f0f0;
}

.r-badges span {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 4px;
    line-height: 1.6;
}

.r-bg-person {
    background: #eef7ee;
    color: #2e7d32;
    border: 1px solid #cde5cd;
}

.r-bg-company {
    background: #eef3fd;
    color: #1c62d1;
    border: 1px solid #c9daf7;
}

.r-bg-mobile {
    background: var(--r-soft);
    color: var(--r-red-deep);
    border: 1px solid var(--r-line);
}

.r-contact {
    padding: 2px 0;
}

.r-contact-cap {
    font-size: 12px;
    font-weight: 800;
    color: var(--r-red-deep);
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.r-crow {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 7px 0;
}

.r-cico {
    flex: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.r-cico-mobile {
    background: var(--r-red);
}

.r-cico-wechat {
    background: #07c160;
}

.r-cico-qq {
    background: #12b7f5;
}

.r-cico-douyin {
    background: #222;
}

.r-cval {
    font-size: 19px;
    font-weight: 800;
    color: var(--r-red);
    word-break: break-all;
    min-width: 0;
    letter-spacing: .5px;
}

.r-crow .r-cval + .r-cval,
.r-crow .r-cval:not(:first-child) {
    color: var(--r-ink);
}

.r-unverified {
    font-style: normal;
    font-size: 11px;
    font-weight: 500;
    color: #999;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 1px 5px;
    margin-left: 6px;
    letter-spacing: 0;
    vertical-align: 2px;
}

/* 链接行 */
.r-linkcard {
    padding: 0;
    overflow: hidden;
}

.r-linkrow {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    text-decoration: none;
    color: var(--r-ink);
    font-size: 14px;
    border-top: 1px solid #f7f7f7;
    transition: background .18s ease;
}

.r-linkrow:first-child {
    border-top: none;
}

.r-linkrow:hover {
    background: var(--r-soft2);
}

.r-linkico {
    flex: none;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.r-linkico-person {
    background: var(--r-red);
}

.r-linkico-shop {
    background: var(--r-orange);
}

.r-linktxt {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.r-linkarrow {
    color: #ccc;
    font-size: 17px;
    line-height: 1;
    transition: transform .18s ease, color .18s ease;
}

.r-linkrow:hover .r-linkarrow {
    color: var(--r-red);
    transform: translateX(3px);
}

/* 相关列表 */
.r-relist {
    list-style: none;
}

.r-reli {
    padding: 11px 0;
    border-bottom: 1px dashed #f0f0f0;
}

.r-reli:last-child {
    border-bottom: none;
    padding-bottom: 2px;
}

.r-relink {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: var(--r-ink);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.r-relink:hover {
    color: var(--r-red);
}

.r-remeta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin-top: 4px;
    font-size: 12px;
    color: var(--r-muted);
}

.r-remeta a {
    color: var(--r-muted);
    text-decoration: none;
}

.r-remeta a:hover {
    color: var(--r-red);
}

/* ---------------- 页脚 ---------------- */
.rf {
    background: #fff;
    border-top: 1px solid var(--r-gray-line);
    margin-top: 20px;
}

.rf-in {
    max-width: var(--r-max);
    margin: 0 auto;
    padding: 24px 16px;
    text-align: center;
}

.rf-help {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 22px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #f2f2f2;
}

.rf-help a {
    color: var(--r-text);
    font-size: 13px;
    text-decoration: none;
}

.rf-help a:hover {
    color: var(--r-red);
}

.rf-base p {
    font-size: 12px;
    color: var(--r-muted);
    line-height: 2;
}

.rf-beian a,
.rf-beian span {
    color: inherit;
    text-decoration: none;
    margin-left: 14px;
}

.rf-beian a:first-child {
    margin-left: 0;
}

.rf-beian a:hover {
    color: var(--r-red);
}

/* ---------------- 悬浮按钮 ---------------- */
.r-float {
    position: fixed;
    right: 16px;
    bottom: 90px;
    z-index: 90;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.r-fbtn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--r-gray-line);
    box-shadow: var(--r-shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--r-red);
    text-decoration: none;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.r-fbtn:hover {
    background: var(--r-red);
    border-color: var(--r-red);
    color: #fff;
    transform: translateY(-2px);
}

.r-fbtn-pub {
    background: linear-gradient(135deg, var(--r-orange), var(--r-orange-deep));
    border: none;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.r-fbtn-pub:hover {
    filter: brightness(1.06);
}

/* ---------------- 响应式 ---------------- */
@media (max-width: 992px) {
    .r-cols {
        grid-template-columns: minmax(0, 1fr);
    }

    .rh-bar {
        flex-wrap: wrap;
    }

    .rh-search {
        flex: 1 1 100%;
        order: 3;
        max-width: none;
    }
}

@media (max-width: 640px) {
    .r-wrap {
        padding: 12px 12px 32px;
    }

    .rh-bar {
        padding: 10px 12px;
    }

    .rh-brand {
        max-width: 100%;
    }

    .rh-logo img {
        height: 30px;
    }

    .rh-tt h1,
    .rh-tt strong,
    .rh-tt-home {
        font-size: 16px;
    }

    .rh-nav {
        order: 2;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .rh-search {
        flex: 1 1 100%;
        order: 3;
    }

    .rh-pub {
        order: 1;
        margin-left: auto;
        padding: 8px 16px;
        font-size: 13px;
    }

    .rh-search input[type="text"] {
        padding: 8px 12px;
        font-size: 13px;
    }

    .rh-search button {
        padding: 0 20px;
        font-size: 14px;
    }

    .r-card {
        padding: 14px;
        border-radius: 8px;
        margin-bottom: 12px;
    }

    .r-navcats {
        padding: 0;
    }

    /* 手机端自适应：分类两列铺开，子分类内联展开显示 */
    .r-navcats-list {
        flex-wrap: wrap;
    }

    .r-navcats-item {
        flex: 1 1 calc(50% - 1px);
        text-align: left;
        border-bottom: 1px solid #f4f4f4;
    }

    .r-navcats-link {
        display: flex;
        align-items: center;
        padding: 10px 6px;
        font-size: 14px;
        border-bottom: none;
    }

    .r-navcats-link i {
        margin-left: auto;
    }

    .r-navcats-drop {
        display: block !important;
        position: static;
        left: auto;
        top: auto;
        transform: none;
        width: auto;
        max-width: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 0 6px 10px;
    }

    .r-navcats-drop::before {
        content: none;
    }

    .r-navcats-drop a {
        margin: 2px 4px;
        padding: 3px 8px;
    }

    .r-pagehead {
        padding: 14px 16px;
    }

    .r-pagehead strong {
        font-size: 17px;
    }

    .r-item {
        gap: 10px;
        padding: 12px 0;
    }

    .r-item-pic {
        width: 84px;
        height: 63px;
    }

    .r-item-hd {
        font-size: 14px;
    }

    .r-item-meta time {
        margin-left: 0;
        width: 100%;
    }

    .r-title {
        font-size: 19px;
    }

    .r-cval {
        font-size: 17px;
    }

    .r-float {
        right: 12px;
        bottom: 70px;
    }

    .r-fbtn {
        width: 38px;
        height: 38px;
    }

    .rf-in {
        padding: 18px 14px;
    }
}