/* ============================================ 新模板 - 响应式扁平化设计 参考 xinchuangba_old 的紧凑型设计 块间距 < 10px 紧凑型 ============================================ *//* Font Awesome图标全局修复 - 确保所有图标正确显示 */.fa-light,.fa-solid,.fa-regular,.fa-brands,[class*="fa-"] { font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 6 Brands" !important; font-style: normal !important; font-variant: normal !important; text-rendering: auto !important; line-height: 1 !important; display: inline-block !important; text-decoration: none !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; speak: none;} .fa-light { font-weight: 300 !important;} .fa-solid { font-weight: 900 !important;} .fa-regular { font-weight: 400 !important;} .fa-brands { font-weight: 400 !important; font-family: "Font Awesome 6 Brands" !important;} /* CSS变量 - 参考 xinchuangba_old */:root { --rs-ff-body: "Microsoft YaHei", "SimHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", sans-serif; --rs-ff-title: "Microsoft YaHei", "SimHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", sans-serif; --rs-white: #FFFFFF; --rs-black: #000; --rs-light: #eee; --rs-green: #54BD05; --rs-yellow: #F69C00; --rs-pink: #E033E0; --rs-red: #E80000; --rs-theme-primary: #DC143C; --rs-theme-secondary: #10171E; --rs-text-primary: #616C74; --rs-text-secondary: #BEBEBE; --rs-title-primary: #121213; --rs-bg-primary: #171A1E; --rs-bg-secondary: #F7F7F7; --rs-bg-grey: #E5E5E5; --rs-border-primary: #E5E5E5; --rs-gradient-primary: #8B0000; --rs-gradient-secondary: #DC143C; --rs-fs-body: 16px; --rs-fs-p: 16px; --rs-fs-h1: 60px; --rs-fs-h2: 52px; --rs-fs-h3: 30px; --rs-fs-h4: 26px; --rs-fs-h5: 22px; --rs-fs-h6: 18px;} /* 全局重置 */* { margin: 0; padding: 0; box-sizing: border-box;} html { font-size: 16px; -webkit-text-size-adjust: 100%;} body { font-family: var(--rs-ff-body); font-size: var(--rs-fs-body); line-height: 1.6; color: var(--rs-title-primary); background: var(--rs-bg-secondary); margin: 0; padding: 0; width: 100%; overflow-x: hidden;} a { text-decoration: none; color: inherit;} a:hover { color: var(--rs-theme-primary);} img { max-width: 100%; height: auto; display: block;} /* Logo 区域背景透明 */.header-logo,.header-logo *,.header-left,.header-left * { background: transparent !important; background-color: transparent !important; background-image: none !important;} .header-logo img,.header-left img,.header-logo a img,a img[alt*="logo"],a img[alt*="Logo"] { background: transparent !important; background-color: transparent !important; background-image: none !important; mix-blend-mode: normal !important;} .container { max-width: 1400px; margin: 0 auto; padding: 0 24px; width: 100%; box-sizing: border-box;} @media (min-width: 1441px) { .container { max-width: 1520px; padding: 0 32px; } } @media (max-width: 1199px) { .container { max-width: 100%; padding: 0 20px; } } @media (max-width: 767px) { .container { padding: 0 15px; } } /* 会员空间（space）布局 */.rs-space-hero { padding: 20px 0 10px;} .rs-space-hero-inner { display: flex; flex-direction: column; gap: 16px;} .rs-space-cover img { width: 100%; max-height: 220px; object-fit: cover; border-radius: 8px;} .rs-space-profile { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;} .rs-space-member { display: flex; align-items: center; gap: 16px;} .rs-space-avatar { position: relative; width: 72px; height: 72px;} .rs-space-avatar img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover;} .rs-space-avatar i { position: absolute; right: -4px; bottom: -4px;} .rs-space-member-info { display: flex; flex-direction: column; gap: 4px;} .rs-space-name { font-size: 20px; font-weight: 600;} .rs-space-badges { display: flex; flex-wrap: wrap; gap: 6px; align-items: center;} .rs-space-sign { font-size: 14px; color: var(--rs-text-primary);} .rs-space-stats ul { display: flex; gap: 20px;} .rs-space-stats li { list-style: none; text-align: center;} .rs-space-stat-number { display: block; font-weight: 600;} .rs-space-stat-label { display: block; font-size: 13px; color: var(--rs-text-secondary);} .rs-space-main { padding-bottom: 30px;} .rs-space-nav { margin-bottom: 16px;} .rs-space-menu,.rs-space-submenu { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px;} .rs-space-menu-item,.rs-space-submenu-item { padding: 6px 12px; border-radius: 999px; background: var(--rs-white); border: 1px solid var(--rs-border-primary); font-size: 14px;} .rs-space-menu-item.active,.rs-space-submenu-item.active { background: var(--rs-theme-primary); color: #fff; border-color: var(--rs-theme-primary);} .rs-space-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 20px;} .rs-space-content { min-width: 0;} /* Space 内容区图片限制，防止错位 */.rs-space-content img { max-width: 100%; height: auto; object-fit: cover; vertical-align: middle;} .rs-space-content .rs-member-section img { max-height: 280px; width: auto; object-fit: cover;} .rs-space-content .list img,.rs-space-content table img { max-width: 120px; max-height: 120px; width: auto; height: auto; object-fit: cover;} .rs-space-sidebar { min-width: 0;} /* Space 右侧联系方式卡片 */.rs-space-contact-card { background: var(--rs-white); border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid var(--rs-border-primary);} .rs-space-contact-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--rs-border-primary);} .rs-space-contact-label { font-size: 15px; font-weight: 600; color: var(--rs-text-primary);} .rs-space-contact-title { font-size: 16px; font-weight: 600; margin: 0 0 12px 0;} .rs-space-contact-title a { color: var(--rs-theme-primary); text-decoration: none;} .rs-space-contact-title a:hover { color: var(--rs-theme-primary-hover);} .rs-space-contact-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 12px; font-size: 13px; color: var(--rs-text-secondary);} .rs-space-contact-meta.rs-space-contact-vd { flex-direction: column; gap: 6px;} .rs-space-meta-item { display: inline-flex; align-items: center; gap: 6px;} .rs-space-vip-icon { vertical-align: middle;} .rs-space-contact-list { list-style: none; padding: 0; margin: 0 0 16px 0; border-top: 1px solid var(--rs-border-primary); padding-top: 12px;} .rs-space-contact-item { display: flex; align-items: center; gap: 10px; padding: 6px 0; font-size: 14px;} .rs-space-contact-icon { color: var(--rs-theme-primary); width: 18px; flex-shrink: 0;} .rs-space-contact-item a { color: var(--rs-text-primary); text-decoration: none;} .rs-space-contact-item a:hover { color: var(--rs-theme-primary);} .rs-online-dot, .rs-offline-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-left: 4px;} .rs-online-dot { background: #22c55e; } .rs-offline-dot { background: var(--rs-text-muted); } .rs-space-contact-im { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--rs-border-primary);} .rs-space-im-link { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: var(--rs-bg-secondary); color: var(--rs-text-secondary); text-decoration: none;} .rs-space-im-link:hover { background: var(--rs-theme-primary); color: var(--rs-white);} .rs-space-contact-actions { display: flex; flex-wrap: wrap; gap: 10px;} .rs-space-contact-actions .rs-btn { flex: 1; min-width: 120px;} .rs-space-contact-tip { padding: 20px 0; text-align: center; font-size: 14px; color: var(--rs-text-muted);} /* Space 左侧内容区统一风格 */.rs-space-content .rs-member-section { background: var(--rs-white); border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid var(--rs-border-primary);} .rs-space-content .rs-member-section.list-none { text-align: center; color: var(--rs-text-muted);} .space-txt,.space-mix { padding: 14px 0; border-bottom: 1px solid var(--rs-border-primary);} .space-txt:last-child,.space-mix:last-child { border-bottom: none; padding-bottom: 0;} .space-txt > a { font-weight: 600; color: var(--rs-text-primary); text-decoration: none;} .space-txt > a:hover { color: var(--rs-theme-primary);} .space-txt > div { font-size: 14px; color: var(--rs-text-secondary); margin: 6px 0; line-height: 1.5;} .space-txt > p { font-size: 13px; color: var(--rs-text-muted); margin: 0;} .space-txt > p i { margin-right: 12px;} .space-mix { display: flex; gap: 14px; align-items: flex-start;} .space-mix .avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex-shrink: 0;} .space-mix ul { list-style: none; padding: 0; margin: 0; flex: 1; min-width: 0;} .space-mix ul li { margin-bottom: 4px;} .space-mix ul li a { color: var(--rs-theme-primary); text-decoration: none; font-weight: 600;} .space-mix ul li a:hover { color: var(--rs-theme-primary-hover);} .space-mix ul li div, .space-mix ul li p { font-size: 13px; color: var(--rs-text-secondary); margin: 0;} .space-mix .ui-fr { float: right; margin-left: 8px; } /* Space 中部列表项（重构后 rs-space-item） */.rs-space-content .rs-space-item { padding: 14px 0; border-bottom: 1px solid var(--rs-border-primary);} .rs-space-content .rs-space-item:last-child { border-bottom: none; padding-bottom: 0;} .rs-space-item-title { font-weight: 600; color: var(--rs-text-primary); text-decoration: none; display: block; margin-bottom: 6px;} .rs-space-item-title:hover { color: var(--rs-theme-primary);} .rs-space-item-desc { font-size: 14px; color: var(--rs-text-secondary); margin: 0 0 8px 0; line-height: 1.5;} .rs-space-item-meta { display: flex; flex-wrap: wrap; gap: 12px 16px; font-size: 13px; color: var(--rs-text-muted);} .rs-space-item-meta .rs-meta { display: inline-flex; align-items: center; gap: 4px;} .rs-space-item-meta .rs-meta i { color: var(--rs-theme-primary); font-size: 12px;} .rs-space-item-mix { display: flex; gap: 14px; align-items: flex-start;} .rs-space-item-avatar { position: relative; flex-shrink: 0; display: block;} .rs-space-item-avatar img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; display: block;} .rs-space-item-avatar .member-v1,.rs-space-item-avatar .member-v2 { position: absolute; right: -2px; bottom: -2px; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat;} .rs-space-item-body { flex: 1; min-width: 0;} .rs-space-item-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 6px;} .rs-space-item-name { font-weight: 600; color: var(--rs-theme-primary); text-decoration: none;} .rs-space-item-name:hover { color: var(--rs-theme-primary-hover);} .rs-space-item-head .rs-meta-right { margin-left: auto; font-size: 12px; color: var(--rs-text-muted);} .rs-space-content .pages { margin-top: 20px;} @media (max-width: 991px) { .rs-space-layout { grid-template-columns: 1fr; } } /* 评论页布局 */.rs-comment-area { padding-top: 20px; padding-bottom: 30px;} .rs-comment-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 20px; align-items: flex-start;} .rs-comment-main { min-width: 0;} .rs-comment-sidebar { min-width: 0;} /* 评论页右侧卡片统一风格 */.rs-comment-sidebar .rs-sidebar-card { background: var(--rs-white); border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid var(--rs-border-primary);} .rs-comment-sidebar .rs-sidebar-title { font-size: 16px; font-weight: 600; margin: 0 0 16px 0; padding-bottom: 12px; border-bottom: 1px solid var(--rs-border-primary);} .rs-comment-sidebar .rs-sidebar-title-link { color: var(--rs-theme-primary); text-decoration: none; display: inline-flex; align-items: center; gap: 4px;} .rs-comment-sidebar .rs-sidebar-title-link:hover { color: var(--rs-theme-primary-hover);} .rs-comment-sidebar .rs-sidebar-title-link i { font-size: 12px;} .rs-comment-sidebar .rs-sidebar-block { margin-bottom: 16px;} .rs-comment-sidebar .rs-sidebar-block:last-child { margin-bottom: 0;} .rs-comment-sidebar .rs-sidebar-block-title { font-size: 14px; font-weight: 600; color: var(--rs-text-primary); margin: 0 0 10px 0;} .rs-comment-sidebar .rs-rank-list { padding: 0; margin: 0;} .rs-comment-sidebar .rs-rank-list ul { list-style: none; padding: 0; margin: 0;} .rs-comment-sidebar .rs-rank-list li { display: flex; align-items: center; gap: 8px; padding: 8px 0; font-size: 14px; line-height: 1.4; border-bottom: 1px solid var(--rs-border-primary);} .rs-comment-sidebar .rs-rank-list li:last-child { border-bottom: none;} .rs-comment-sidebar .rs-rank-list li a { flex: 1; min-width: 0; color: var(--rs-text-primary); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .rs-comment-sidebar .rs-rank-list li a:hover { color: var(--rs-theme-primary);} .rs-comment-sidebar .rs-rank-list li em { font-style: normal; font-weight: 700; color: var(--rs-theme-primary); font-size: 16px; flex-shrink: 0;} .rs-comment-sidebar .rs-rank-list li i { font-style: normal; color: var(--rs-text-muted); font-size: 14px; flex-shrink: 0;} .rs-comment-sidebar .rs-rank-list li .f_r { margin-left: auto; font-size: 12px; color: var(--rs-text-muted);} .rs-comment-form { margin-top: 16px;} .rs-comment-item { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--rs-border-primary);} .rs-comment-avatar { flex: 0 0 56px;} .rs-comment-avatar .avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover;} .rs-comment-body { flex: 1; min-width: 0;} .rs-comment-avatar-wrap { position: relative; display: inline-block;} .rs-comment-avatar-link { display: block;} .rs-comment-avatar .userinfo-v1,.rs-comment-avatar .userinfo-v2 { position: absolute; right: -2px; bottom: -2px; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat;} .rs-comment-badge { display: block; margin-top: 4px; font-size: 11px; text-align: center;} .rs-comment-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-bottom: 6px;} .rs-comment-user { font-weight: 600;} .rs-comment-username { color: var(--rs-theme-primary); text-decoration: none; font-weight: 600;} .rs-comment-username:hover { color: var(--rs-theme-primary-hover);} .rs-comment-grade { vertical-align: middle;} .rs-comment-tag { margin-left: auto; font-size: 11px;} .rs-comment-star { margin-bottom: 6px;} .rs-comment-content { font-size: 14px; line-height: 1.6; color: var(--rs-text-primary); margin-bottom: 8px;} .rs-comment-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; font-size: 13px; color: var(--rs-text-muted);} .rs-comment-actions-left { display: flex; flex-wrap: wrap; gap: 12px 16px;} .rs-comment-action { color: var(--rs-text-muted); text-decoration: none; display: inline-flex; align-items: center; gap: 4px;} .rs-comment-action:hover { color: var(--rs-theme-primary);} .rs-comment-action i { font-size: 12px;} .rs-comment-time { display: inline-flex; align-items: center; gap: 4px;} .rs-comment-reply-box { margin: 8px 0; padding: 10px 12px; background: var(--rs-bg-secondary); border-radius: 8px; border-left: 3px solid var(--rs-theme-primary);} .rs-comment-reply-meta { font-size: 12px; margin-bottom: 4px;} .rs-comment-reply-content { font-size: 13px; color: var(--rs-text-secondary); line-height: 1.5;} .rs-comment-more { margin-top: 8px;} .rs-comment-thumbs ul { list-style: none; padding: 0; margin: 8px 0 0 0; display: flex; flex-wrap: wrap; gap: 8px;} .rs-comment-thumbs ul li img { max-width: 120px; max-height: 120px; border-radius: 6px; object-fit: cover;} /* 评论页头像悬停弹出层：容器不参与定位，弹层贴近头像 */#destoon-usercard { position: fixed; left: 0; top: 0; width: 0; height: 0; overflow: visible; pointer-events: none; z-index: 99999;} #destoon-usercard .usercard { pointer-events: auto; position: fixed; z-index: 99999; margin-top: 8px; margin-left: 8px; padding: 16px; width: 320px; min-height: 120px; background: var(--rs-white); box-shadow: 0 4px 20px rgba(0,0,0,0.12); border-radius: 12px; border: 1px solid var(--rs-border-primary);} #destoon-usercard .usercard img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; float: left; margin-right: 16px;} #destoon-usercard .usercard b { font-size: 14px;} #destoon-usercard .usercard s { color: var(--rs-text-muted); text-decoration: none;} #destoon-usercard .usercard ul { list-style: none; padding: 0; margin: 0;} #destoon-usercard .usercard li { min-height: 28px; line-height: 1.5; overflow: hidden; font-size: 13px;} #destoon-usercard .usercard-stats { clear: both; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--rs-border-primary); display: flex; gap: 0;} #destoon-usercard .usercard-stats a { flex: 1; text-align: center; font-size: 13px; color: var(--rs-text-secondary); text-decoration: none;} #destoon-usercard .usercard-stats a:hover { color: var(--rs-theme-primary);} #destoon-usercard .usercard-stats i { font-style: normal; display: block; font-weight: 600; color: var(--rs-text-primary);} #destoon-usercard .usercard-stats span { color: var(--rs-text-muted); font-size: 12px;} .comment_form { margin-top: 12px;} .rs-comment-editor { display: flex; align-items: flex-start; gap: 12px;} .rs-comment-editor .rs-comment-avatar { flex: 0 0 56px;} .rs-comment-editor .rs-form-control { flex: 1;} .mm-editor { border: 1px solid var(--rs-border-primary); border-radius: 4px; padding: 8px; background: var(--rs-white);} .mm-editor-toolbar { display: flex; align-items: center; gap: 10px; margin-top: 8px;} .mm-editor-faces { display: flex; flex-wrap: wrap; gap: 4px;} .mm-editor-faces img { display: inline-block;} .mm-editor-faces { max-height: 80px; overflow-y: auto; padding: 4px 0;} @media (max-width: 991px) { .rs-comment-layout { grid-template-columns: 1fr; } } @media (max-width: 575px) { .container { padding: 0 12px; } } .container-fluid { width: 100%; padding: 0 15px;} /* Bootstrap 5 栅格间距 5px */.row { --bs-gutter-x: 5px; --bs-gutter-y: 5px;} .g-4 { --bs-gutter-x: 5px; --bs-gutter-y: 5px;} .g-5 { --bs-gutter-x: 5px; --bs-gutter-y: 5px;} /* Header 顶条：背景全宽，内容与下方主栏同宽 */.rs-header-top { background: var(--rs-bg-primary); color: var(--rs-white); padding: 6px 0; font-size: 13px;} .header-top-inner { max-width: 1200px; margin: 0 auto; padding: 0 15px; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;} @media (min-width: 1441px) { .header-top-inner { max-width: 1440px; } } .header-top-left { display: flex; align-items: center; gap: 12px;} .header-top-item { display: flex; align-items: center; gap: 8px;} .popup-circle { width: 8px; height: 8px; background: var(--rs-theme-primary); border-radius: 50%; animation: pulse 2s infinite;} @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .header-top-title { font-weight: 500; margin: 0;} .header-top-content { display: flex; align-items: center; gap: 16px;} .header-top-description { margin: 0; opacity: 0; transition: opacity 0.3s;} .header-top-description.is-active { opacity: 1;} .header-top-description a { color: var(--rs-white); opacity: 0.9;} .header-top-description a:hover { opacity: 1; color: var(--rs-theme-primary);} .header-top-right { display: flex; align-items: center; gap: 20px;} .header-top-meta { display: flex; align-items: center; gap: 6px;} .header-top-meta-icon { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--rs-white); color: var(--rs-theme-primary); font-size: 12px;} .header-top-meta-title { margin: 0; font-size: 13px;} .header-top-social-wrapper { display: flex; align-items: center; gap: 8px;} .header-top-social-title { font-size: 13px; margin: 0; opacity: 0.9;} .theme-social { display: flex; gap: 8px;} .theme-social a { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,0.1); color: var(--rs-white); font-size: 14px; transition: all 0.3s;} .theme-social a:hover { background: var(--rs-theme-primary); transform: translateY(-2px);} /* Header 主区 - 确保全站头部始终显示，内容不被隐藏 */ header,.rs-header-area { display: block !important; visibility: visible !important;} .rs-header-area .rs-header-top,.rs-header-area .header-wrapper,.rs-header-area .header-left,.rs-header-area .header-menu,.rs-header-area .header-right { display: flex !important; visibility: visible !important; opacity: 1 !important;} /* 滚动时固定顶部：使用 fixed 避免 sticky 在 body overflow-x 下失效；!important 防止被其它样式覆盖 */ header .rs-header-area,.rs-header-area { background: transparent; box-shadow: 0 2px 8px rgba(0,0,0,0.08); position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 1000;} .rs-header-area .container-fluid { max-width: 100%; padding: 0;} /* 主内容区预留 header 高度，防止被固定头遮挡（顶条+主栏约 118px） */ #fixon { padding-top: 118px;} @media (max-width: 991px) { #fixon { padding-top: 100px; } } @media (max-width: 767px) { #fixon { padding-top: 90px; } } .rs-header-area .header-wrapper { max-width: 1200px; margin: 0 auto; padding: 0 15px; position: relative; z-index: 99; min-height: 52px;} @media (min-width: 1441px) { .rs-header-area .header-wrapper { max-width: 1440px; } } .header-wrapper { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; gap: 15px; position: relative; background: transparent; min-width: 0; width: 100%;} @media (max-width: 1199px) { .header-wrapper { gap: 12px; } } @media (max-width: 991px) { .header-wrapper { gap: 8px; padding: 6px 0; } } @media (max-width: 767px) { .header-wrapper { gap: 6px; padding: 4px 0; } } /* Banner 背景渐变（含后备，避免伪元素未渲染时内容不可见） */.rs-header-one .header-wrapper { background: linear-gradient(to right, #2B0000, #DC143C);} .rs-header-one .header-wrapper::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; background: linear-gradient(to right, #2B0000, #DC143C); z-index: -1;} /* logo 与左侧区域层级 */.rs-header-one .header-left,.rs-header-one .header-logo,.rs-header-one .header-logo a,.rs-header-one .header-logo img { position: relative; z-index: 1; background: transparent !important; background-color: transparent !important;} /* Header 主栏文字色 */.rs-header-one .header-wrapper { color: var(--rs-white);} /* 下拉菜单恢复深色文字 */.rs-header-one .submenu { color: var(--rs-title-primary) !important;} .rs-header-one .main-menu li > a { color: var(--rs-white);} .rs-header-one .main-menu li > a:hover,.rs-header-one .main-menu li.active > a { color: var(--rs-white); opacity: 0.9;} .rs-header-one .header-right { gap: 15px; justify-content: flex-end; margin-left: 20px;} .rs-header-one .header-icon-wrapper { gap: 15px; align-items: center;} .rs-header-one .header-search-two { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.95);} .rs-header-one .header-search-two input { background: transparent !important; color: var(--rs-title-primary); width: 140px; max-width: 140px; min-width: 120px;} .rs-header-one .header-search-two input:focus { background: transparent !important;} .rs-header-one .header-search-two:focus-within { border-color: var(--rs-white); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);} .rs-header-one .header-search-two input::placeholder { color: rgba(0, 0, 0, 0.5);} .rs-header-one .header-search-two button { background: var(--rs-theme-primary); color: var(--rs-white);} .rs-header-one .header-search-two button:hover { background: var(--rs-gradient-primary); transform: translateY(-50%) scale(1.08);} @media (max-width: 1199px) { .rs-header-one .header-right { gap: 10px; margin-left: 15px; } .rs-header-one .header-icon-wrapper { gap: 10px; } .rs-header-one .header-search-two input { width: 120px; max-width: 120px; min-width: 100px; } } @media (max-width: 991px) { .rs-header-one .header-right { gap: 8px; margin-left: 12px; } .rs-header-one .header-icon-wrapper { gap: 8px; } .rs-header-one .header-search-two input { width: 100px; max-width: 100px; min-width: 90px; } } @media (max-width: 767px) { .rs-header-one .header-right { gap: 6px; margin-left: 10px; } .rs-header-one .header-icon-wrapper { gap: 6px; } .rs-header-one .header-search-two input { width: 90px; max-width: 90px; min-width: 80px; } } /* 下拉菜单背景白+阴影 */.rs-header-one .submenu { background-color: var(--rs-white) !important; box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.15);} .rs-header-one .submenu ul { background-color: var(--rs-white) !important; box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.15);} .rs-header-one .submenu li a { color: var(--rs-title-primary) !important;} .rs-header-one .submenu li:hover > a { color: var(--rs-theme-primary) !important;} .rs-header-one .submenu li:not(:last-child) { border-bottom-color: rgba(0, 0, 0, 0.08);} .rs-header-one .header-auth-link { color: var(--rs-white); padding: 6px 12px; border-radius: 4px; transition: all 0.3s;} .rs-header-one .header-auth-link:hover { color: var(--rs-white); background: rgba(255, 255, 255, 0.2);} .rs-header-one .header-user-welcome { color: var(--rs-white); opacity: 0.95;} .rs-header-one .header-user-link { color: var(--rs-white); padding: 4px 10px; border-radius: 4px; transition: all 0.3s;} .rs-header-one .header-user-link:hover { color: var(--rs-white); background: rgba(255, 255, 255, 0.2);} .header-left { flex-shrink: 0; background: transparent !important; padding: 0;} .header-logo { background: transparent !important; background-color: transparent !important; padding: 0; margin: 0; display: inline-block;} .header-logo a { background: transparent !important; background-color: transparent !important; background-image: none !important; display: inline-block; padding: 0; margin: 0; border: none;} .header-logo img { height: 40px; display: block; background: transparent !important; background-color: transparent !important; background-image: none !important; padding: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; outline: none !important;} /* 清除伪元素 */.header-left::before,.header-left::after,.header-logo::before,.header-logo::after,.header-logo a::before,.header-logo a::after { display: none !important; content: none !important;} .header-menu { flex: 1; display: flex; justify-content: center; position: relative; overflow: visible; min-width: 0; margin-right: 10px;} @media (max-width: 1199px) { .header-menu { margin-right: 8px; } } @media (max-width: 991px) { .header-menu { flex: 0 1 auto; overflow: hidden; margin-right: 6px; } } @media (max-width: 767px) { .header-menu { margin-right: 5px; } } .main-menu { position: relative; overflow: visible;} .main-menu > ul { list-style: none; margin: 0; padding: 0; display: inline-flex; align-items: center; gap: 0 40px; flex-wrap: nowrap;} @media only screen and (max-width: 1600px) { .main-menu > ul { gap: 0 30px; } .main-menu li > a { font-size: 16px; padding: 18px 0; } } @media only screen and (max-width: 1366px) { .main-menu > ul { gap: 0 25px; } .main-menu li > a { font-size: 15px; padding: 16px 0; } } @media only screen and (max-width: 1199px) { .main-menu > ul { gap: 0 18px; } .main-menu li > a { font-size: 14px; padding: 14px 0; } } @media only screen and (max-width: 991px) { .main-menu > ul { gap: 0 10px; } .main-menu li > a { font-size: 13px; padding: 12px 0; } } @media only screen and (max-width: 900px) { .main-menu > ul { gap: 0 8px; } .main-menu li > a { font-size: 12px; padding: 10px 0; } } @media only screen and (max-width: 800px) { .main-menu > ul { gap: 0 5px; } .main-menu li > a { font-size: 11px; padding: 8px 0; } } @media only screen and (max-width: 750px) { .main-menu > ul { gap: 0 4px; } .main-menu li > a { font-size: 10px; padding: 6px 0; } } .main-menu li { position: relative; list-style: none; flex-shrink: 0;} .main-menu li > a { display: flex; align-items: center; padding: 20px 0; color: var(--rs-title-primary); font-weight: 500; font-size: 17px; text-transform: capitalize; position: relative; transition: all 0.3s linear; white-space: nowrap;} .main-menu > ul > li:hover > a,.main-menu > ul > li.active > a { color: #FFD700;} .main-menu > ul > li:hover > ul { opacity: 1; pointer-events: all; transform: scaleY(1); visibility: visible;} .main-menu > ul > li:hover > ul.submenu li:hover > ul { opacity: 1; pointer-events: all; visibility: visible;} .submenu { background-color: var(--rs-bg-secondary); box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); width: 260px; position: absolute; opacity: 0; pointer-events: none; z-index: 1000; top: 100%; left: 0; transform: scaleY(0); transition: all 0.5s ease; visibility: hidden; transform-origin: top center; list-style: none; margin: 0; padding: 0; border-radius: 4px;} .submenu ul { background-color: var(--rs-bg-secondary); width: 260px; position: absolute; left: 100%; top: 0; opacity: 0; z-index: 1001; transition: all 0.5s; list-style: none; margin: 0; padding: 0;} .submenu li { position: relative;} .submenu li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .submenu li:hover { background-color: rgba(220, 20, 60, 0.1); transition: background-color 0.3s ease;} .submenu li:hover > a { color: var(--rs-theme-primary);} .submenu li:hover > ul { opacity: 1; transform: none !important; pointer-events: all;} .submenu li a { font-size: 15px; color: var(--rs-text-primary); display: block; transition: all 0.3s; text-align: start; cursor: pointer; padding: 15px 20px; white-space: nowrap;} .header-right { display: flex; align-items: center; justify-content: flex-end; gap: 15px; flex-shrink: 0; margin-left: 20px; min-width: 0;} .header-icon-wrapper { display: flex; align-items: center; gap: 15px; flex-shrink: 0;} .header-search-wrapper { position: relative; flex-shrink: 0;} .header-search-two { display: flex; position: relative; align-items: center; border: 2px solid var(--rs-border-primary); border-radius: 30px; background: var(--rs-white); overflow: hidden;} .header-search-two input { flex: 1; min-width: 0; width: auto; max-width: none; padding: 6px 36px 6px 14px; border: none !important; border-radius: 0; font-size: 13px; outline: none; transition: all 0.3s; background: transparent !important;} .header-search-two input:focus { box-shadow: none;} .header-search-two:focus-within { border-color: var(--rs-theme-primary); box-shadow: 0 0 0 3px rgba(220, 20, 60, 0.1);} .header-search-two button { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: linear-gradient(135deg, var(--rs-theme-primary) 0%, var(--rs-gradient-primary) 100%); border: none; border-radius: 50%; color: var(--rs-white); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; font-size: 11px; flex-shrink: 0;} .header-search-two button:hover { transform: translateY(-50%) scale(1.05); box-shadow: 0 4px 12px rgba(220, 20, 60, 0.4);} .header-user-wrapper { display: flex; align-items: center; flex-shrink: 0;} .header-auth { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; white-space: nowrap;} .header-auth-link { color: var(--rs-title-primary); transition: color 0.3s; white-space: nowrap; padding: 3px 5px;} .header-auth-link:hover { color: var(--rs-theme-primary);} .header-auth-separator { color: var(--rs-text-secondary); margin: 0 1px;} .header-user-inline { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px 8px; font-size: 12px; max-width: 200px; min-width: 0;} .header-user-welcome { opacity: 0.9; font-size: 12px; max-width: 110px; min-width: 0; white-space: normal; word-break: break-word; overflow-wrap: break-word; line-height: 1.35;} .header-user-link { color: var(--rs-title-primary); transition: color 0.3s; white-space: nowrap; padding: 3px 5px; border-radius: 4px; font-size: 12px;} .header-user-link:hover { color: var(--rs-theme-primary); background: rgba(220, 20, 60, 0.1);} /* Header 响应式 */@media (max-width: 1199px) { .header-right { gap: 10px; margin-left: 15px; } .header-icon-wrapper { gap: 10px; } .header-search-two input { width: 120px; max-width: 120px; min-width: 100px; } .header-user-inline, .header-auth { font-size: 11px; gap: 4px; } .header-user-welcome { font-size: 11px; max-width: 90px; } .header-user-inline { max-width: 160px; } .header-user-link, .header-auth-link { font-size: 11px; padding: 2px 4px; } } @media (max-width: 991px) { .header-right { gap: 8px; margin-left: 12px; } .header-icon-wrapper { gap: 8px; } .header-search-two input { width: 100px; max-width: 100px; min-width: 90px; padding: 5px 26px 5px 8px; font-size: 11px; } .header-search-two button { width: 24px; height: 24px; font-size: 10px; right: 2px; } .header-user-inline, .header-auth { font-size: 10px; gap: 3px; } .header-user-link, .header-auth-link { padding: 2px 3px; font-size: 10px; } .header-user-welcome { font-size: 10px; max-width: 72px; } .header-user-inline { max-width: 130px; } } @media (max-width: 767px) { .header-right { gap: 6px; margin-left: 10px; } .header-icon-wrapper { gap: 6px; } .header-search-two input { width: 90px; max-width: 90px; min-width: 80px; padding: 4px 24px 4px 7px; font-size: 10px; } .header-search-two button { width: 22px; height: 22px; font-size: 9px; } .header-user-inline, .header-auth { font-size: 10px; gap: 2px; } .header-user-link, .header-auth-link { padding: 2px 3px; font-size: 10px; } .header-user-welcome { font-size: 10px; max-width: 60px; } .header-user-inline { max-width: 110px; } } @media (max-width: 575px) { .header-search-wrapper { display: none; } .header-user-wrapper { font-size: 11px; } } height: 2px; background: var(--rs-title-primary); transition: all 0.3s;} /* Hero Banner */.rs-banner-area { padding: 5px 0; width: 100%; overflow-x: hidden; position: relative;} .rs-banner-three { padding: 0 2px;} /* Banner????? */@media (max-width: 1600px) { .rs-post-overlay-hero { height: 380px; min-height: 380px; } .rs-post-overlay-two { height: 190px; min-height: 190px; } } @media (max-width: 1399px) { .rs-post-overlay-hero { height: 360px; min-height: 360px; } .rs-post-overlay-two { height: 180px; min-height: 180px; } } @media (max-width: 1199px) { .rs-banner-area .container { padding: 0 15px; } .rs-post-overlay-hero { height: 340px; min-height: 340px; } .rs-post-overlay-two { height: 170px; min-height: 170px; } .rs-post-overlay-title { font-size: 22px; } .rs-post-overlay-desc { font-size: 14px; } } @media (max-width: 991px) { .rs-banner-area .container { padding: 0 12px; } .rs-post-overlay-hero { height: 300px; min-height: 300px; } .rs-post-overlay-two { height: 150px; min-height: 150px; } .rs-post-overlay-content { padding: 18px; } .rs-post-overlay-title { font-size: 20px; } .rs-post-overlay-desc { font-size: 13px; } } @media (max-width: 767px) { .rs-banner-area { padding: 3px 0; } .rs-banner-area .container { padding: 0 10px; } .rs-post-overlay-hero { height: 280px; min-height: 280px; } .rs-post-overlay-two { height: 140px; min-height: 140px; } .rs-post-overlay-content { padding: 15px; } .rs-post-overlay-title { font-size: 18px; margin-bottom: 6px; } .rs-post-overlay-desc { font-size: 12px; margin-bottom: 8px; } .rs-post-meta { font-size: 11px; } } @media (max-width: 575px) { .rs-banner-area .container { padding: 0 8px; } .rs-post-overlay-hero { height: 240px; min-height: 240px; } .rs-post-overlay-two { height: 120px; min-height: 120px; } .rs-post-overlay-content { padding: 12px; } .rs-post-overlay-title { font-size: 16px; margin-bottom: 5px; } .rs-post-overlay-desc { font-size: 11px; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .rs-post-meta { font-size: 10px; } .post-tag { font-size: 11px; padding: 3px 8px; } } .rs-post-overlay { position: relative; overflow: hidden; border-radius: 8px; transition: all 0.3s;} .rs-post-overlay-hero { height: 410px; min-height: 410px; width: 100%;} .rs-post-overlay-two { height: 200px; min-height: 200px; margin-bottom: 7.5px; width: 100%;} .rs-post-overlay-two:last-child { margin-bottom: 0;} .rs-post-overlay-bg-thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: transform 0.4s; z-index: 1; object-fit: cover;} .rs-post-overlay { position: relative; overflow: hidden;} .rs-post-overlay-bg-thumb::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); z-index: 1;} .rs-post-overlay-bg-thumb[data-background] { background-image: var(--bg-image);} /* Utility Classes */.me-2 { margin-right: 8px; } .align-items-center { align-items: center; } .justify-content-between { justify-content: space-between; } .text-center { text-align: center; } .text-lg-end { text-align: right; } .d-flex { display: flex; } .mb-2 { margin-bottom: 8px; } .mb-3 { margin-bottom: 12px; } .mb-4 { margin-bottom: 16px; } .mt-3 { margin-top: 12px; } .pt-3 { padding-top: 12px; } .d-none { display: none; } .d-xl-block { display: block; } .rs-post-overlay:hover .rs-post-overlay-bg-thumb { transform: scale(1.05);} .rs-post-overlay-content { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.7)); padding: 20px; color: var(--rs-white); z-index: 2;} .rs-post-tag { margin-bottom: 8px;} .post-tag { display: inline-flex; align-items: center; padding: 4px 12px; background: var(--rs-theme-primary); border-radius: 4px; font-size: 12px; color: var(--rs-white); font-weight: 500; line-height: 1;} .post-tag.is-green { background: var(--rs-green); } .post-tag.is-yellow { background: var(--rs-yellow); } .post-tag.is-red { background: var(--rs-red); } .post-tag.is-purple { background: #9b59b6; } .post-tag.is-pink { background: var(--rs-pink); } .rs-post-overlay-title { font-size: 24px; font-weight: 700; margin-bottom: 8px; line-height: 1.3;} .rs-post-overlay-title.is-white { color: var(--rs-white);} .rs-post-overlay-title a { color: inherit;} .rs-post-overlay-desc { font-size: 14px; opacity: 0.9; margin-bottom: 8px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .rs-post-overlay-desc.is-white { color: var(--rs-white);} .rs-post-overlay-two .rs-post-overlay-title { font-size: 16px;} .rs-post-meta { margin-top: 8px;} .rs-post-meta ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 16px; flex-wrap: wrap;} .rs-post-meta .rs-meta { font-size: 13px; opacity: 0.9; display: flex; align-items: center; gap: 4px;} .rs-post-meta.meta-white { color: var(--rs-white);} .rs-post-meta.meta-white .rs-meta { color: var(--rs-white);} .rs-post-meta .meta-author { color: var(--rs-white);} /* Section 间距 */.section-space { padding: 10px 0;} .section-space-bottom { padding-bottom: 5px;} .rs-ptop { padding-top: 5px;} .section-title-space { margin-bottom: 15px;} .section-title-wrapper { display: flex; align-items: center; gap: 15px; flex-wrap: wrap;} .section-title { font-size: 32px; font-weight: 800; color: var(--rs-title-primary); margin: 0; display: flex; align-items: center; gap: 12px; letter-spacing: -0.5px; position: relative; padding-left: 16px;} .section-title::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 32px; background: linear-gradient(180deg, var(--rs-theme-primary) 0%, var(--rs-gradient-primary) 100%); border-radius: 3px;} .section-title i { color: var(--rs-theme-primary);} .section-title.is-white { color: var(--rs-white);} .section-title.is-white i { color: #ffc107;} .section-title.is-small { font-size: 18px;} .section-border-wrapper { display: flex; align-items: center; gap: 6px;} .rs-section-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--rs-theme-primary);} .rs-section-line { width: 60px; height: 2px; background: var(--rs-theme-primary);} .rs-section-line.bg-light-grey { background: rgba(255,255,255,0.5);} .section-btn { text-align: right;} .rs-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background: linear-gradient(135deg, var(--rs-theme-primary) 0%, var(--rs-gradient-primary) 100%); color: var(--rs-white); border-radius: 6px; font-size: 14px; font-weight: 500; border: none; cursor: pointer; transition: all 0.3s;} .rs-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(220, 20, 60, 0.4);} .rs-btn.has-text.has-icon { background: transparent; color: var(--rs-title-primary); padding: 0;} .rs-btn.has-text.has-icon:hover { color: var(--rs-theme-primary); transform: none;} .rs-btn.is-text-white { color: var(--rs-white);} .rs-btn.is-text-white:hover { color: rgba(255,255,255,0.8);} .rs-btn-sm { padding: 8px 16px; font-size: 13px;} .icon-box { display: flex; align-items: center;} /* Post Medium Cards */.rs-post-medium { background: var(--rs-white); border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: all 0.3s; height: 100%; display: flex; flex-direction: column; width: 100%; max-width: 100%;} .rs-post-medium:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.12);} .rs-post-medium-item { display: flex; flex-direction: column; height: 100%;} .rs-post-medium-thumb { position: relative; padding-top: 65%; overflow: hidden; background: var(--rs-bg-secondary);} .rs-post-medium-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;} .rs-post-medium:hover .rs-post-medium-thumb img { transform: scale(1.08);} .rs-thumb-placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, var(--rs-theme-primary) 0%, var(--rs-gradient-primary) 100%); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.6); font-size: 40px;} .rs-thumb-placeholder-sm { width: 100%; height: 100%; min-height: 55px; background: linear-gradient(135deg, var(--rs-theme-primary) 0%, var(--rs-gradient-primary) 100%); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.6); font-size: 18px; border-radius: 6px;} .rs-post-medium-content { padding: 15px; flex: 1; display: flex; flex-direction: column;} .rs-post-medium-title { font-size: 16px; font-weight: 600; line-height: 1.4; margin-bottom: 10px; color: var(--rs-title-primary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex: 1;} .rs-post-medium-title a { color: inherit;} .rs-post-medium-title a:hover { color: var(--rs-theme-primary);} .rs-post-meta { margin-top: auto;} .rs-post-meta ul { gap: 12px;} .rs-post-meta .rs-meta { font-size: 12px; color: var(--rs-text-primary);} /* Exhibit Cards */.rs-exhibit-card { background: var(--rs-white); border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: all 0.3s; height: 100%; display: flex; flex-direction: column;} .rs-exhibit-card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.12);} .rs-exhibit-card-thumb { position: relative; padding-top: 65%; overflow: hidden; background: var(--rs-bg-secondary);} .rs-exhibit-card-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s;} .rs-exhibit-card:hover .rs-exhibit-card-thumb img { transform: scale(1.05);} .rs-exhibit-date { position: absolute; top: 12px; left: 12px; background: linear-gradient(135deg, var(--rs-theme-primary), var(--rs-gradient-primary)); color: var(--rs-white); padding: 8px 12px; border-radius: 6px; text-align: center; line-height: 1.2;} .rs-exhibit-date .date-day { display: block; font-size: 20px; font-weight: 700;} .rs-exhibit-date .date-month { display: block; font-size: 12px; opacity: 0.9;} .rs-exhibit-card-content { padding: 15px; flex: 1; display: flex; flex-direction: column;} .rs-exhibit-card-title { font-size: 16px; font-weight: 600; line-height: 1.4; margin-bottom: 10px; color: var(--rs-title-primary); min-height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .rs-exhibit-card-title a { color: inherit;} .rs-exhibit-meta { margin-bottom: 12px;} .rs-exhibit-meta p { font-size: 13px; color: var(--rs-text-primary); margin-bottom: 5px; display: flex; align-items: center; gap: 6px;} .rs-exhibit-meta i { color: var(--rs-theme-primary);} .rs-exhibit-btn { margin-top: auto;} /* Company Cards */.rs-company-card-index { background: var(--rs-white); border-radius: 10px; padding: 15px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: all 0.3s; height: 100%; display: flex; flex-direction: column;} .rs-company-card-index:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.12);} .rs-company-card-logo { position: relative; width: 80px; height: 80px; margin: 0 auto 12px; border-radius: 50%; overflow: hidden; border: 3px solid var(--rs-border-primary);} .rs-company-card-logo img { width: 100%; height: 100%; object-fit: cover;} .rs-logo-placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, var(--rs-theme-primary), var(--rs-gradient-primary)); display: flex; align-items: center; justify-content: center; color: var(--rs-white); font-size: 28px;} .rs-vip-badge { position: absolute; bottom: 0; right: 0; background: linear-gradient(135deg, #ff9800, #f57c00); color: var(--rs-white); font-size: 10px; font-weight: 600; padding: 2px 6px; border-radius: 4px;} .rs-company-card-info { flex: 1;} .rs-company-card-name { font-size: 14px; font-weight: 600; margin-bottom: 6px; color: var(--rs-title-primary); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;} .rs-company-card-name a { color: inherit;} .rs-company-card-area { font-size: 12px; color: var(--rs-text-primary); display: flex; align-items: center; justify-content: center; gap: 4px;} .rs-company-card-area i { color: var(--rs-theme-primary);} /* Shop Cards */.rs-shop-card { background: var(--rs-white); border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: all 0.3s; height: 100%; display: flex; flex-direction: column;} .rs-shop-card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.12);} .rs-shop-thumb { position: relative; padding-top: 100%; overflow: hidden; background: var(--rs-bg-secondary);} .rs-shop-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s;} .rs-shop-card:hover .rs-shop-thumb img { transform: scale(1.05);} .rs-shop-badge { position: absolute; top: 12px; left: 12px; padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 600; color: var(--rs-white); z-index: 2;} .rs-badge-sale { background: linear-gradient(135deg, #e74c3c, #c0392b);} .rs-shop-actions-overlay { position: absolute; bottom: -50px; left: 0; right: 0; display: flex; justify-content: center; gap: 10px; padding: 12px; background: rgba(0,0,0,0.6); transition: bottom 0.3s;} .rs-shop-card:hover .rs-shop-actions-overlay { bottom: 0;} .rs-shop-actions-overlay .rs-action-btn { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: var(--rs-white); color: var(--rs-title-primary); border-radius: 50%; font-size: 14px; transition: all 0.2s;} .rs-shop-actions-overlay .rs-action-btn:hover { background: var(--rs-theme-primary); color: var(--rs-white);} .rs-shop-content { padding: 15px; flex: 1; display: flex; flex-direction: column;} .rs-shop-title { font-size: 15px; font-weight: 600; line-height: 1.4; margin-bottom: 10px; color: var(--rs-title-primary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .rs-shop-title a { color: inherit;} .rs-shop-price { margin-bottom: 10px;} .rs-shop-price .current-price { font-size: 18px; font-weight: 700; color: #e74c3c;} .rs-shop-meta { display: flex; gap: 15px; font-size: 12px; color: var(--rs-text-primary); margin-top: auto;} .rs-shop-meta i { color: var(--rs-theme-primary); margin-right: 4px;} /* Video Cards */.rs-video-card { background: rgba(255,255,255,0.1); border-radius: 10px; overflow: hidden; transition: all 0.3s; height: 100%; display: flex; flex-direction: column;} .rs-video-card:hover { transform: translateY(-4px); background: rgba(255,255,255,0.15);} .rs-video-thumb { position: relative; padding-top: 56.25%; overflow: hidden; background: var(--rs-bg-secondary);} .rs-video-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;} .rs-video-card:hover .rs-video-thumb img { transform: scale(1.05);} .rs-video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: linear-gradient(135deg, var(--rs-theme-primary), var(--rs-gradient-primary)); color: var(--rs-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: all 0.3s; cursor: pointer;} .rs-video-card:hover .rs-video-play-btn { transform: translate(-50%, -50%) scale(1.1);} .rs-video-content { padding: 15px; flex: 1; display: flex; flex-direction: column;} .rs-video-title { font-size: 15px; font-weight: 600; line-height: 1.4; margin-bottom: 10px; color: var(--rs-white); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .rs-video-title a { color: inherit;} .rs-video-meta { display: flex; gap: 15px; font-size: 12px; color: rgba(255,255,255,0.7); margin-top: auto;} .rs-video-meta i { margin-right: 4px;} /* Sidebar */.rs-sidebar { background: var(--rs-white); border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); height: 100%;} .rs-post-small-list { display: flex; flex-direction: column; gap: 12px;} .rs-post-small-five-item { display: flex; gap: 12px; align-items: flex-start; padding-bottom: 12px; border-bottom: 1px solid var(--rs-border-primary);} .rs-post-small-five-item:last-child { border-bottom: none; padding-bottom: 0;} .rs-post-small-thumb { width: 70px; height: 55px; flex-shrink: 0; border-radius: 6px; overflow: hidden; background: var(--rs-bg-secondary);} .rs-post-small-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s;} .rs-post-small-five-item:hover .rs-post-small-thumb img { transform: scale(1.05);} .rs-post-small-content { flex: 1;} .rs-post-small-title { font-size: 14px; font-weight: 600; line-height: 1.4; margin-bottom: 6px; color: var(--rs-title-primary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .rs-post-small-title a { color: inherit;} .rs-post-small-title a:hover { color: var(--rs-theme-primary);} .rs-post-small-meta { font-size: 12px; color: var(--rs-text-primary);} .rs-post-small-meta i { color: var(--rs-theme-primary); margin-right: 4px;} /* CTA Area */.rs-cta-area { padding: 10px 0; margin-bottom: 0; position: relative; z-index: 1;} .rs-cta-wrapper { background: linear-gradient(135deg, var(--rs-theme-primary) 0%, var(--rs-gradient-primary) 100%); border-radius: 12px; padding: 18px 25px; width: 100%; margin: 0;} .rs-cta-title { font-size: 24px; font-weight: 700; color: var(--rs-white); margin-bottom: 6px;} .rs-cta-description { font-size: 13px; color: rgba(255,255,255,0.85); margin: 0; line-height: 1.5;} .rs-cta-input { display: flex; gap: 8px;} .rs-cta-form { max-width: 320px; margin-left: auto;} .rs-cta-input input { flex: 1; padding: 10px 16px; border: none; border-radius: 6px; font-size: 13px; outline: none;} .rs-cta-input .rs-btn { padding: 10px 20px; white-space: nowrap; font-size: 13px;} /* Footer */.rs-footer-area { background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%); color: var(--rs-white); margin-top: 0; position: relative; z-index: 2; width: 100%; clear: both;} .footer-top { padding: 30px 0 12px; border-bottom: none;} /* Footer Widget */.rs-footer-widget,.footer-widget { margin-bottom: 8px;} .rs-footer-widget-logo { margin-bottom: 8px;} .rs-footer-widget-logo img { height: 45px; max-width: 140px; object-fit: contain;} .rs-footer-widget-description { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.75); margin-bottom: 8px; letter-spacing: 0.2px; max-width: 220px;} .rs-footer-widget-social { margin-top: 8px;} .rs-theme-social { display: flex; gap: 6px; flex-wrap: wrap;} .rs-theme-social a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; color: rgba(255, 255, 255, 0.8); font-size: 14px; transition: all 0.3s;} .rs-theme-social a:hover { background: var(--rs-theme-primary); color: var(--rs-white); transform: translateY(-3px);} .footer-widget-title { font-size: 16px; font-weight: 600; margin-bottom: 8px; color: var(--rs-white); position: relative; padding-bottom: 6px; letter-spacing: 0.5px;} .footer-widget-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: linear-gradient(90deg, var(--rs-theme-primary) 0%, var(--rs-gradient-primary) 100%); border-radius: 2px;} .footer-widget-link ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px;} /* 快速导航、服务支持：内容横排 */.footer-widget-link-inline ul { flex-direction: row; flex-wrap: wrap; gap: 4px 14px;} .footer-widget-link-inline ul li a { padding-left: 0;} .footer-widget-link-inline ul li a::before { display: none;} /* 快速导航/服务支持：仅改色，不改变位置，避免悬停跳动 */ .footer-widget-link-inline ul li a:hover { padding-left: 0 !important; transform: none !important;} .footer-widget-link-inline ul li a:hover::before { transform: none !important;} .footer-nav-support-wrap { margin-bottom: 16px;} .footer-nav-support-wrap:last-child { margin-bottom: 0;} .footer-nav-support-col .footer-widget-title { margin-bottom: 6px;} /* 联系我们列居右，与上方订阅栏右缘对齐；左中右三栏拉开间距 */ @media (min-width: 1200px) { .footer-top .row { justify-content: flex-start; } .footer-contact-col { margin-left: auto !important; } .footer-top .row > div:first-child { padding-right: 2rem; } .footer-top .row > div:nth-child(2) { padding-left: 1.5rem; padding-right: 1.5rem; } .footer-top .row > div:last-child { padding-left: 2rem; } } .footer-widget-link ul li { margin: 0;} .footer-widget-link ul li a { color: rgba(255, 255, 255, 0.75); font-size: 13px; transition: all 0.3s ease; display: inline-block; position: relative; padding-left: 16px; line-height: 1.5;} .footer-widget-link ul li a::before { content: '\2022' !important; position: absolute; left: 0; color: var(--rs-theme-primary); font-weight: bold; font-size: 12px; transition: transform 0.3s ease; line-height: 1;} .footer-widget-link ul li a:hover { color: var(--rs-theme-primary); padding-left: 18px; transform: translateX(2px);} .footer-widget-link ul li a:hover::before { transform: translateX(3px);} /* Footer News Widget */.rs-post-small-footer { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); transition: all 0.3s ease;} .rs-post-small-footer:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none;} .rs-post-small-footer:hover { transform: translateX(3px);} .rs-post-small-footer .rs-post-small-item { display: flex; gap: 8px; align-items: flex-start;} .rs-post-small-footer .rs-post-small-thumb { width: 70px; height: 50px; flex-shrink: 0; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); transition: all 0.3s ease;} .rs-post-small-footer:hover .rs-post-small-thumb { box-shadow: 0 4px 12px rgba(220, 20, 60, 0.4);} .rs-post-small-footer .rs-post-small-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;} .rs-post-small-footer:hover .rs-post-small-thumb img { transform: scale(1.15);} .rs-post-small-footer .rs-post-small-content { flex: 1; min-width: 0;} .rs-post-small-footer .rs-post-small-title { font-size: 13px; line-height: 1.5; margin-bottom: 4px; font-weight: 500;} .rs-post-small-footer .rs-post-small-title a { color: rgba(255, 255, 255, 0.92); transition: color 0.3s ease; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .rs-post-small-footer .rs-post-small-title a:hover { color: var(--rs-theme-primary);} .rs-post-small-footer .rs-post-meta { font-size: 12px; color: rgba(255, 255, 255, 0.65); display: flex; align-items: center; gap: 6px;} .rs-post-small-footer .rs-post-meta .rs-meta { color: inherit; display: flex; align-items: center; gap: 4px;} .rs-post-small-footer .rs-post-meta i { font-size: 11px; opacity: 0.8;} /* Footer Contact Widget */.footer-widget-contact-info { display: flex; flex-direction: column; gap: 8px;} .footer-contact-item { display: flex; align-items: flex-start; gap: 8px; padding: 4px 0; transition: transform 0.2s ease;} .footer-contact-item:hover { transform: translateX(3px);} .footer-contact-item i { font-size: 16px; color: var(--rs-theme-primary); margin-top: 2px; flex-shrink: 0; width: 20px; text-align: center; transition: all 0.3s ease;} .footer-contact-item:hover i { color: var(--rs-gradient-primary); transform: scale(1.1);} .footer-contact-content { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0;} .footer-contact-label { font-size: 12px; color: rgba(255, 255, 255, 0.65); font-weight: 500; letter-spacing: 0.3px;} .footer-contact-value { font-size: 14px; color: rgba(255, 255, 255, 0.9); transition: color 0.3s ease; word-break: break-all; line-height: 1.5;} .footer-contact-value:hover { color: var(--rs-theme-primary);} /* Footer 友情链接：紧跟三列下方一行，整行宽度，无分割线区分 */.footer-middle { padding: 10px 0 14px; background: transparent; border: none;} .footer-links-wrapper { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; width: 100%; max-width: 100%;} .footer-links-wrapper-short { max-width: 100%; margin: 0; padding: 0; border: none;} .footer-links-title { font-size: 13px; font-weight: 600; color: rgba(255, 255, 255, 0.9); white-space: nowrap; letter-spacing: 0.5px;} .footer-links-content { display: flex; align-items: center; flex-wrap: wrap; gap: 4px;} .footer-links-content a { color: rgba(255, 255, 255, 0.75); font-size: 13px; transition: all 0.3s ease; white-space: nowrap; padding: 2px 0;} .footer-links-content a:hover { color: var(--rs-theme-primary); text-decoration: underline;} .footer-links-separator { color: rgba(255, 255, 255, 0.3); font-size: 12px;} /* Footer Copyright - 最底部分割线变窄 */.rs-footer-copyright-area { padding: 10px 0; background: rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.08);} .rs-footer-copyright-wrapper { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;} .rs-footer-copyright-left { flex: 1; min-width: 0;} .rs-footer-copyright-text { font-size: 12px; color: rgba(255, 255, 255, 0.7); margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 4px;} .copyright-separator { color: rgba(255, 255, 255, 0.3); margin: 0 2px;} .rs-footer-copyright-right { flex-shrink: 0;} .rs-footer-copyright-links { display: flex; align-items: center; gap: 4px; flex-wrap: wrap;} .rs-footer-copyright-links a { color: rgba(255, 255, 255, 0.7); font-size: 12px; transition: color 0.3s;} .rs-footer-copyright-links a:hover { color: var(--rs-theme-primary);} /* Underline effect */.underline a { position: relative; display: inline; background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-size: 0% 2px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size 0.3s ease;} .underline a:hover { background-size: 100% 2px;} .underline.is-white a { background-image: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%);} /* Background Colors */.bg-primary { background-color: var(--rs-bg-primary) !important;} .secondary-bg { background-color: var(--rs-bg-secondary) !important;} /* Back to top */.backtotop-wrap { position: fixed; bottom: 30px; right: 30px; width: 45px; height: 45px; background: linear-gradient(135deg, var(--rs-theme-primary), var(--rs-gradient-primary)); color: var(--rs-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: all 0.3s; z-index: 999; box-shadow: 0 4px 12px rgba(220, 20, 60, 0.4);} .backtotop-wrap:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(220, 20, 60, 0.5);} /* Offcanvas */.offcanvas-area { position: fixed; top: 0; right: -100%; width: 400px; height: 100vh; background: var(--rs-white); z-index: 9999; transition: right 0.3s; overflow-y: auto;} .offcanvas-area.active { right: 0;} .offcanvas-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s;} .offcanvas-overlay.active { opacity: 1; visibility: visible;} /* 栅格覆盖 *//* 栅格 max-width/min-width 覆盖 */@media (max-width: 1199px) and (min-width: 992px) { .col-xl-3 { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; width: 33.333333% !important; } .col-xl-4 { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; } .col-xl-6 { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; } } @media (max-width: 991px) and (min-width: 768px) { .col-lg-3 { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; width: 33.333333% !important; } .col-lg-4 { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; } .col-lg-6 { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; } .header-search-two input { min-width: 200px; } .rs-post-overlay-hero { height: 300px; min-height: 300px; } .rs-post-overlay-two { height: 150px; min-height: 150px; } .section-title { font-size: 20px; } } @media (max-width: 767px) { .col-md-4 { flex: 0 0 50%; max-width: 50%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .header-search-two input { display: none; } .rs-post-overlay-hero { height: 250px; min-height: 250px; } .rs-post-overlay-two { height: 120px; min-height: 120px; } .section-title { font-size: 18px; } .rs-cta-area { padding: 8px 0; } .rs-cta-wrapper { text-align: center; padding: 12px 15px; width: 100%; } .rs-cta-title { font-size: 20px; margin-bottom: 4px; } .rs-cta-description { font-size: 12px; margin-bottom: 12px; } .rs-cta-input { flex-direction: column; gap: 8px; } .rs-cta-input input, .rs-cta-input .rs-btn { width: 100%; padding: 10px 14px; font-size: 13px; } } @media (max-width: 575px) { .col-6 { flex: 0 0 50%; max-width: 50%; } [class*="col-"] { flex: 0 0 100%; max-width: 100%; } } /* ============================================ ????????? ============================================ *//* Breadcrumb */.rs-breadcrumb-area { background: linear-gradient(135deg, var(--rs-bg-secondary) 0%, #e9ecef 100%); padding: 20px 0;} .rs-breadcrumb-menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px;} .rs-breadcrumb-menu ul li { display: flex; align-items: center; font-size: 14px; color: var(--rs-text-primary);} .rs-breadcrumb-menu ul li a { color: var(--rs-title-primary); transition: color 0.2s;} .rs-breadcrumb-menu ul li a:hover { color: var(--rs-theme-primary);} .rs-breadcrumb-menu ul li.rs-breadcumb-item::after { content: '/'; margin-left: 8px; color: var(--rs-text-secondary);} .rs-breadcrumb-menu ul li.rs-breadcumb-item:last-child::after { display: none;} /* Postbox Area */.rs-postbox-area { padding: 10px 0; background: linear-gradient(180deg, var(--rs-white) 0%, var(--rs-bg-secondary) 100%); min-height: 60vh;} .module-header { margin-bottom: 10px; padding-bottom: 10px; position: relative;} .module-header::after { content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 4px; background: linear-gradient(90deg, var(--rs-theme-primary) 0%, var(--rs-gradient-primary) 100%); border-radius: 2px;} .module-header::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--rs-border-primary);} .module-desc { color: var(--rs-text-primary); font-size: 15px; margin-top: 12px; line-height: 1.7; opacity: 0.85;} /* Filter Panel */.rs-filter-panel { background: var(--rs-white); border-radius: 0; padding: 15px; margin-bottom: 15px; box-shadow: none; border: 1px solid var(--rs-border-primary); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;} .rs-filter-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;} .rs-filter-title { font-size: 14px; color: var(--rs-title-primary); font-weight: 500;} .rs-filter-list { display: flex; flex-wrap: wrap; gap: 8px;} .rs-filter-item { padding: 4px 12px; background: var(--rs-white); border: 1px solid var(--rs-border-primary); border-radius: 0; font-size: 13px; font-weight: 500; color: var(--rs-text-primary); transition: all 0.2s; position: relative; overflow: hidden;} .rs-filter-item::before { display: none;} .rs-filter-item:hover { border-color: var(--rs-theme-primary); color: var(--rs-theme-primary); transform: none; box-shadow: none;} .rs-filter-item:hover::before { display: none;} .rs-filter-item.is-active { background: var(--rs-theme-primary); border-color: var(--rs-theme-primary); color: var(--rs-white); box-shadow: none; transform: none;} .rs-search-form { flex-shrink: 0;} .rs-search-form .header-search-two { min-width: 200px; max-width: 220px;} .rs-search-form .header-search-two input { max-width: 160px;} /* Article List */.rs-article-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;} .rs-article-list .rs-article-list-ad { grid-column: 1 / -1; margin-bottom: 8px; } .rs-article-card { background: var(--rs-white); border-radius: 0; overflow: visible; box-shadow: none; transition: all 0.2s; position: relative; border: 1px solid var(--rs-border-primary); display: flex; flex-direction: column;} .rs-article-card::before { display: none;} .rs-article-card:hover { transform: none; box-shadow: none; border-color: var(--rs-theme-primary);} .rs-article-card:hover::before { display: none;} .rs-article-link { display: flex; flex-direction: column; height: 100%; padding: 0; align-items: stretch; position: relative; color: var(--rs-title-primary) !important;} .rs-article-thumb { width: 100%; flex-shrink: 0; border-radius: 0; overflow: hidden; background: var(--rs-bg-secondary); padding-top: 50%; position: relative; z-index: 1;} .rs-article-thumb::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.1) 100%); opacity: 0; transition: opacity 0.4s;} .rs-article-card:hover .rs-article-thumb::after { display: none;} .rs-article-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);} .rs-article-card:hover .rs-article-thumb img { transform: scale(1.12);} .rs-article-content { flex: 1; display: flex !important; flex-direction: column; padding: 20px; background: var(--rs-white) !important; position: relative; z-index: 10; color: var(--rs-title-primary) !important; visibility: visible !important; opacity: 1 !important;} .rs-article-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 13px; color: var(--rs-text-primary); flex-wrap: wrap;} .rs-article-cat { padding: 4px 12px; background: var(--rs-theme-primary); border-radius: 0; color: var(--rs-white); font-weight: 500; font-size: 12px; box-shadow: none; transition: all 0.2s; display: inline-block;} .rs-article-card:hover .rs-article-cat { transform: none; box-shadow: none;} .rs-article-date i { margin-right: 4px; color: var(--rs-theme-primary);} .rs-article-title { font-size: 20px; font-weight: 700; margin-bottom: 14px; line-height: 1.5; color: var(--rs-title-primary) !important; transition: color 0.3s; position: relative; z-index: 11; visibility: visible !important; opacity: 1 !important; display: block !important;} .rs-article-title a { color: inherit !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; visibility: visible !important; opacity: 1 !important;} .rs-article-card:hover .rs-article-title { color: var(--rs-theme-primary);} .rs-article-excerpt { font-size: 13px; color: var(--rs-text-primary) !important; line-height: 1.5; flex: 1; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 8px; opacity: 1 !important; position: relative; z-index: 11; visibility: visible !important;} .rs-article-footer { display: flex !important; justify-content: space-between; align-items: center; padding-top: 8px; margin-top: auto; border-top: 1px solid var(--rs-border-primary); visibility: visible !important; opacity: 1 !important;} .rs-article-author { display: flex !important; gap: 10px; font-size: 12px; color: var(--rs-text-primary) !important; visibility: visible !important; opacity: 1 !important;} .rs-article-author span { display: flex; align-items: center; gap: 4px;} .rs-article-author i { color: var(--rs-theme-primary); font-size: 14px;} .rs-read-more { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--rs-theme-primary); font-weight: 500; transition: all 0.2s; padding: 4px 10px; border-radius: 0; background: rgba(220, 20, 60, 0.08);} .rs-read-more:hover { gap: 8px; color: var(--rs-white); background: var(--rs-theme-primary); transform: none; box-shadow: none;} /* Article Detail */.rs-postbox-details-wrapper { background: var(--rs-white); border-radius: 0; padding: 10px; box-shadow: none; border: 1px solid var(--rs-border-primary); margin-bottom: 8px;} .rs-article-header { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--rs-border-primary);} .rs-article-detail-title { font-size: 22px; line-height: 1.4; margin-bottom: 8px; color: var(--rs-title-primary) !important; font-weight: 700; visibility: visible !important; opacity: 1 !important; display: block !important;} .rs-article-detail-meta { display: flex !important; flex-wrap: wrap; gap: 16px; font-size: 14px; color: var(--rs-text-primary) !important; visibility: visible !important; opacity: 1 !important; padding: 12px 0; border-bottom: 1px solid var(--rs-border-primary); margin-bottom: 20px;} .rs-article-detail-meta span { display: flex; align-items: center; gap: 6px;} .rs-article-detail-meta i { margin-right: 4px;} .rs-postbox-details-thumb { border-radius: 0; overflow: hidden; margin-bottom: 10px;} .rs-postbox-details-thumb img { width: 100%; height: auto;} .rs-article-summary { background: rgba(220, 20, 60, 0.08); padding: 10px; border-radius: 0; margin-bottom: 10px; border-left: 3px solid var(--rs-theme-primary); visibility: visible !important; opacity: 1 !important;} .rs-article-summary p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--rs-title-primary) !important; visibility: visible !important; opacity: 1 !important; display: block !important;} .rs-postbox-details-content { font-size: 15px; line-height: 1.7; color: var(--rs-title-primary) !important; margin-bottom: 10px; visibility: visible !important; opacity: 1 !important; display: block !important;} /* 隐藏缩放图标 */img[src*="ico-zoomin"],img[src*="ico-zoomout"],img[alt="????"],img[alt="????"],img[title="????"],img[title="????"] { display: none !important;} .rs-postbox-details-content p { margin-bottom: 16px; color: var(--rs-title-primary) !important; visibility: visible !important; opacity: 1 !important; display: block !important;} .rs-postbox-details-content img { max-width: 100%; height: auto; border-radius: 0; margin: 10px 0;} .rs-article-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 10px 0; border-top: 1px solid var(--rs-border-primary); margin-top: 10px;} .rs-article-tags .tag-label { font-size: 13px; color: var(--rs-text-primary);} .rs-tag-item { padding: 4px 10px; background: var(--rs-bg-secondary); border-radius: 0; font-size: 12px; color: var(--rs-text-primary); transition: all 0.2s; border: 1px solid var(--rs-border-primary);} .rs-tag-item:hover { background: var(--rs-theme-primary); color: var(--rs-white); border-color: var(--rs-theme-primary);} .rs-article-share { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 10px 0; border-top: 1px solid var(--rs-border-primary); margin-top: 10px;} .rs-article-share .share-label { font-size: 13px; color: var(--rs-text-primary);} .rs-share-btns { display: flex; gap: 6px;} .rs-share-btns .share-btn { width: 32px; height: 32px; border-radius: 0; display: flex; align-items: center; justify-content: center; color: var(--rs-white); font-size: 14px; transition: all 0.2s; border: 1px solid transparent;} .rs-share-btns .share-btn.weibo { background: #e6162d;} .rs-share-btns .share-btn.qq { background: #12b7f5;} .rs-share-btns .share-btn.qzone { background: #fcee21; color: #333;} .rs-share-btns .share-btn:hover { transform: none; opacity: 0.9;} .rs-article-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto;} .rs-article-actions .rs-action-btn { padding: 6px 14px; font-size: 13px; color: var(--rs-text-primary); border: 1px solid var(--rs-border-primary); border-radius: 0; transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px; width: auto; min-width: 0; white-space: nowrap;} .rs-action-btn { padding: 4px 10px; font-size: 13px; color: var(--rs-text-primary); border: 1px solid var(--rs-border-primary); border-radius: 0; transition: all 0.2s; display: inline-flex; align-items: center; gap: 4px;} .rs-action-btn:hover { background: var(--rs-theme-primary); color: var(--rs-white); border-color: var(--rs-theme-primary);} /* 默认模板 chip：点赞/收藏/评论/分享 等 */ .rs-detail-tool-wrap { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--rs-border-primary);} .rs-detail-tool-wrap .tool { display: flex; flex-wrap: wrap; gap: 12px; font-size: 13px; color: var(--rs-text-primary);} .rs-detail-tool-wrap .tool i { cursor: pointer; transition: color 0.2s;} .rs-detail-tool-wrap .tool .like:hover,.rs-detail-tool-wrap .tool .favorite:hover { color: var(--rs-theme-primary);} /* 下载模块：下载按钮区 */ .rs-down-download-wrap { margin-top: 16px; padding: 16px; background: var(--rs-bg-secondary); border: 1px solid var(--rs-border-primary);} .rs-down-download-wrap .down-url ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px;} .rs-down-download-wrap .down-url li a { display: inline-block; padding: 10px 20px; background: linear-gradient(135deg, var(--rs-theme-primary), var(--rs-gradient-primary)); color: var(--rs-white); border-radius: 0; font-size: 14px; transition: opacity 0.2s;} .rs-down-download-wrap .down-url li a:hover { opacity: 0.9; color: var(--rs-white);} .rs-share-btns .weibo { background: #e6162d; } .rs-share-btns .wechat { background: #07c160; } .rs-share-btns .qq { background: #12b7f5; } /* Sidebar */.rs-sidebar-wrapper { display: flex; flex-direction: column; gap: 20px;} .rs-sidebar-sticky { position: sticky; top: 100px;} .rs-sidebar-widget { background: var(--rs-white); border-radius: 0; padding: 16px; box-shadow: none; margin-bottom: 12px; border: 1px solid var(--rs-border-primary); transition: all 0.2s; position: relative; overflow: hidden;} .rs-sidebar-widget::before { display: none;} .rs-sidebar-widget:hover { box-shadow: none; transform: none; border-color: var(--rs-theme-primary);} .rs-sidebar-widget:hover::before { display: none;} .rs-sidebar-title { font-size: 18px; margin-bottom: 8px; padding-bottom: 8px; position: relative; color: var(--rs-title-primary); font-weight: 700; letter-spacing: -0.3px;} .rs-sidebar-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: linear-gradient(90deg, var(--rs-theme-primary) 0%, var(--rs-gradient-primary) 100%); border-radius: 2px;} .rs-sidebar-title::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--rs-border-primary);} .rs-category-list { list-style: none; margin: 0; padding: 0;} .rs-category-list li { padding: 4px 0; border-bottom: 1px solid var(--rs-border-primary); position: relative; padding-left: 20px;} .rs-category-list li::before { content: '?'; position: absolute; left: 0; top: 4px; font-size: 10px; color: var(--rs-theme-primary); opacity: 0; transition: all 0.3s; transform: translateX(-5px);} .rs-category-list li:hover::before { opacity: 1; transform: translateX(0);} .rs-category-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0;} .rs-category-list li a { display: flex; justify-content: space-between; align-items: center; color: var(--rs-text-primary); transition: all 0.3s; font-size: 14px; font-weight: 500; line-height: 1.6;} .rs-category-list li a:hover,.rs-category-list li a.active { color: var(--rs-theme-primary); padding-left: 12px; font-weight: 600;} .rs-category-list li a.active { background: linear-gradient(90deg, rgba(220, 20, 60, 0.08) 0%, transparent 100%); padding: 8px 12px; margin: -8px -12px; border-radius: 6px;} /* Empty State */.rs-post-empty { text-align: center; padding: 60px 20px; background: var(--rs-white); border-radius: 12px; color: var(--rs-text-secondary);} .rs-post-empty i { color: var(--rs-border-primary); margin-bottom: 12px;} .rs-post-empty p { margin: 0; font-size: 14px;} /* Pagination */.rs-pagination { display: flex; justify-content: center; align-items: center; gap: 4px; flex-wrap: wrap; margin-top: 10px; padding: 0;} .rs-pagination a,.rs-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 12px; background: var(--rs-white); border: 1px solid var(--rs-border-primary); border-radius: 0; font-size: 14px; color: var(--rs-text-primary); transition: all 0.2s; text-decoration: none; box-shadow: none;} .rs-pagination a:hover { background: var(--rs-bg-secondary); border-color: var(--rs-theme-primary); color: var(--rs-theme-primary); box-shadow: none;} .rs-pagination .current,.rs-pagination span.current { background: var(--rs-theme-primary); border-color: var(--rs-theme-primary); color: var(--rs-white); box-shadow: none;} /* Contact Form */.rs-contact-input-box { margin-bottom: 20px;} .rs-contact-input-title label { display: block; font-size: 14px; font-weight: 500; color: var(--rs-title-primary); margin-bottom: 8px;} .rs-contact-input-title label span { color: var(--rs-red);} .rs-contact-input input,.rs-contact-input textarea { width: 100%; padding: 12px 16px; border: 2px solid var(--rs-border-primary); border-radius: 8px; font-size: 14px; outline: none; transition: all 0.3s; background: var(--rs-white); font-family: var(--rs-ff-body);} .rs-contact-input input:focus,.rs-contact-input textarea:focus { border-color: var(--rs-theme-primary); box-shadow: 0 0 0 3px rgba(220, 20, 60, 0.1);} .rs-contact-input input::placeholder,.rs-contact-input textarea::placeholder { color: var(--rs-text-secondary);} /* Related Videos */.rs-related-videos { display: flex; flex-direction: column; gap: 12px;} /* Utility Classes */.text-center { text-align: center; } .text-lg-end { text-align: right; } .d-flex { display: flex; } .justify-content-between { justify-content: space-between; } .align-items-center { align-items: center; } .mb-2 { margin-bottom: 8px; } .mb-3 { margin-bottom: 12px; } .mb-4 { margin-bottom: 16px; } .mt-3 { margin-top: 12px; } .pt-3 { padding-top: 12px; } .d-none { display: none; } .d-xl-block { display: block; } /* Responsive adjustments */@media (max-width: 991px) { .rs-article-list { grid-template-columns: 1fr; } .rs-article-link { flex-direction: column; } .rs-article-thumb { width: 100%; padding-top: 50%; } .rs-article-thumb img { height: auto; } .rs-sidebar-sticky { position: static; } .text-lg-end { text-align: left; } } @media (max-width: 767px) { .rs-postbox-details-wrapper { padding: 20px; } .rs-article-detail-title { font-size: 22px; } .rs-filter-panel { flex-direction: column; align-items: stretch; } .rs-search-form { width: 100%; } .rs-search-form .header-search-two { min-width: 100%; max-width: none; } .rs-search-form .header-search-two input { max-width: none; } } /* Footer 响应式 */@media (max-width: 1199px) { .footer-top { padding: 20px 0 12px; } .footer-widget-title { font-size: 15px; margin-bottom: 6px; } } @media (max-width: 991px) { .footer-top { padding: 18px 0 10px; } .rs-footer-widget-logo img { height: 35px; } .rs-footer-widget-description { font-size: 12px; margin-bottom: 6px; } .footer-widget-title { font-size: 14px; margin-bottom: 6px; } .footer-widget-link ul { gap: 4px; } .footer-widget-link ul li a { font-size: 12px; } .rs-post-small-footer .rs-post-small-thumb { width: 60px; height: 45px; } .rs-post-small-footer .rs-post-small-title { font-size: 12px; } .footer-contact-item { gap: 6px; } .footer-contact-item i { font-size: 14px; } .footer-contact-value { font-size: 12px; } .footer-links-wrapper { flex-direction: column; align-items: flex-start; gap: 6px; } .footer-links-content { gap: 4px; } .footer-links-content a { font-size: 11px; } .rs-footer-copyright-wrapper { flex-direction: column; align-items: flex-start; text-align: left; } } @media (max-width: 767px) { .footer-top { padding: 15px 0 10px; } .rs-footer-widget, .footer-widget { margin-bottom: 8px; } .rs-footer-widget-logo img { height: 30px; } .rs-footer-widget-description { font-size: 11px; line-height: 1.5; } .rs-theme-social a { width: 28px; height: 28px; font-size: 13px; } .footer-widget-title { font-size: 13px; margin-bottom: 6px; } .footer-widget-link ul li a { font-size: 11px; padding-left: 14px; } .rs-post-small-footer .rs-post-small-item { gap: 6px; } .rs-post-small-footer .rs-post-small-thumb { width: 55px; height: 40px; } .rs-post-small-footer .rs-post-small-title { font-size: 11px; margin-bottom: 3px; } .rs-post-small-footer .rs-post-meta { font-size: 10px; } .footer-contact-item { gap: 6px; } .footer-contact-item i { font-size: 12px; } .footer-contact-label { font-size: 10px; } .footer-contact-value { font-size: 11px; } .footer-middle { padding: 10px 0; } .footer-links-title { font-size: 12px; } .footer-links-content a { font-size: 10px; } .rs-footer-copyright-area { padding: 10px 0; } .rs-footer-copyright-text { font-size: 11px; } .rs-footer-copyright-links { font-size: 11px; } } /* Module Homepage Enhanced Sections */.rs-section-subtitle { font-size: 26px; font-weight: 700; color: var(--rs-title-primary); margin-bottom: 24px; padding-bottom: 12px; position: relative; display: flex; align-items: center; justify-content: space-between;} .rs-section-subtitle::before { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background: linear-gradient(90deg, var(--rs-theme-primary) 0%, var(--rs-gradient-primary) 100%); border-radius: 2px;} .rs-section-subtitle::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--rs-border-primary);} .section-space-top { margin-top: 10px;} .rs-featured-card { background: var(--rs-white); border-radius: 0; overflow: hidden; box-shadow: none; transition: all 0.2s; height: 100%; display: flex; flex-direction: column; border: 1px solid var(--rs-border-primary); position: relative;} .rs-featured-card::before { display: none;} .rs-featured-card:hover { transform: none; box-shadow: none; border-color: var(--rs-theme-primary);} .rs-featured-card:hover::before { display: none;} .rs-featured-thumb { width: 100%; padding-top: 60%; position: relative; overflow: hidden; background: var(--rs-bg-secondary);} .rs-featured-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;} .rs-featured-card:hover .rs-featured-thumb img { transform: scale(1.1);} .rs-featured-content { padding: 10px; flex: 1; display: flex; flex-direction: column; position: relative; z-index: 2; color: var(--rs-title-primary);} .rs-featured-cat { display: inline-block; padding: 3px 8px; background: rgba(220, 20, 60, 0.1); border-radius: 0; color: var(--rs-theme-primary); font-size: 12px; font-weight: 500; margin-bottom: 6px; align-self: flex-start;} .rs-featured-title { font-size: 18px; font-weight: 600; margin-bottom: 8px; line-height: 1.4; position: relative; z-index: 3;} .rs-featured-title a { color: var(--rs-title-primary) !important; transition: color 0.3s;} .rs-featured-title a:hover { color: var(--rs-theme-primary);} .rs-featured-excerpt { font-size: 13px; color: var(--rs-text-primary) !important; line-height: 1.5; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 6px; opacity: 1; position: relative; z-index: 3;} .rs-featured-meta { display: flex; gap: 12px; font-size: 12px; color: var(--rs-text-primary); margin-top: auto;} .rs-featured-meta i { margin-right: 4px;} .rs-hot-card { background: var(--rs-white); border-radius: 0; overflow: hidden; box-shadow: none; transition: all 0.2s; display: flex; gap: 14px; padding: 16px; border-left: 3px solid transparent; border: 1px solid var(--rs-border-primary); position: relative;} .rs-hot-card::before { display: none;} .rs-hot-card:hover { box-shadow: none; transform: none; border-left-color: var(--rs-theme-primary); background: var(--rs-white);} .rs-hot-card:hover::before { display: none;} .rs-hot-thumb { width: 120px; height: 90px; flex-shrink: 0; border-radius: 6px; overflow: hidden; background: var(--rs-bg-secondary); position: relative;} .rs-hot-thumb img { width: 100%; height: 100%; object-fit: cover; display: block;} .rs-hot-content { flex: 1; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 2; color: var(--rs-title-primary);} .rs-hot-title { font-size: 15px; font-weight: 500; margin-bottom: 6px; line-height: 1.4; position: relative; z-index: 3;} .rs-hot-title a { color: var(--rs-title-primary) !important; transition: color 0.3s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .rs-hot-title a:hover { color: var(--rs-theme-primary);} .rs-hot-meta { display: flex; gap: 10px; font-size: 12px; color: var(--rs-text-primary);} .rs-hot-meta i { margin-right: 4px; color: var(--rs-theme-primary);} .rs-category-block { background: var(--rs-white); border-radius: 0; padding: 20px; box-shadow: none; height: 100%; border: 1px solid var(--rs-border-primary); transition: all 0.2s; position: relative; overflow: hidden;} .rs-category-block::before { display: none;} .rs-category-block:hover { box-shadow: none; transform: none; border-color: var(--rs-theme-primary);} .rs-category-block:hover::before { display: none;} .rs-category-block-title { font-size: 18px; font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid var(--rs-border-primary);} .rs-category-block-title a { color: var(--rs-title-primary);} .rs-category-more { font-size: 13px; font-weight: 400;} .rs-category-more a { color: var(--rs-theme-primary); display: flex; align-items: center; gap: 4px;} .rs-category-list { display: flex; flex-direction: column; gap: 8px;} /* 首页/栏目「分类展示」区块：每行一条，5 条即 5 行 */.rs-category-showcase .rs-category-block .rs-category-list { display: flex !important; flex-direction: column; gap: 0;} .rs-category-showcase .rs-category-block .rs-category-item { border-bottom: 1px solid var(--rs-border-primary); padding-bottom: 12px; margin-bottom: 12px; min-width: 0;} .rs-category-showcase .rs-category-block .rs-category-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .rs-category-showcase .rs-category-block .rs-category-item-link { flex-direction: row; gap: 12px; align-items: flex-start;} .rs-category-showcase .rs-category-block .rs-category-item-thumb { width: 100px; height: 75px; flex-shrink: 0; padding-bottom: 0; position: relative; overflow: hidden; border-radius: 0;} .rs-category-showcase .rs-category-block .rs-category-item-thumb img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} .rs-category-showcase .rs-category-block .rs-category-item-content { flex: 1; min-width: 0;} .rs-category-item { border-bottom: 1px solid var(--rs-border-primary); padding-bottom: 8px;} .rs-category-item:last-child { border-bottom: none; padding-bottom: 0;} .rs-category-item-link { display: flex; gap: 10px; align-items: flex-start; transition: transform 0.2s;} .rs-category-item-link:hover { transform: translateX(4px);} .rs-category-item-thumb { width: 100px; height: 75px; flex-shrink: 0; border-radius: 6px; overflow: hidden; background: var(--rs-bg-secondary); position: relative;} .rs-category-item-thumb img { width: 100%; height: 100%; object-fit: cover; display: block;} .rs-category-item-content { flex: 1; min-width: 0;} .rs-category-item-title { font-size: 14px; font-weight: 500; margin-bottom: 4px; line-height: 1.4;} .rs-category-item-title a { color: var(--rs-title-primary); transition: color 0.3s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .rs-category-item-title a:hover { color: var(--rs-theme-primary);} .rs-category-item-meta { font-size: 12px; color: var(--rs-text-primary);} .rs-category-item-meta i { margin-right: 4px;} /* Related Items */.rs-related-widget { margin-top: 10px;} .rs-related-list { display: flex; flex-direction: column; gap: 8px;} .rs-related-item { display: flex; gap: 10px; padding: 8px; border: 1px solid var(--rs-border-primary); transition: all 0.2s;} .rs-related-item:hover { border-color: var(--rs-theme-primary); background: var(--rs-bg-secondary);} .rs-related-thumb { width: 80px; flex-shrink: 0; overflow: hidden; background: var(--rs-bg-secondary);} .rs-related-thumb img { width: 100%; height: 60px; object-fit: cover;} .rs-related-content { flex: 1; display: flex; flex-direction: column; justify-content: space-between;} .rs-related-title { font-size: 14px; font-weight: 500; margin: 0; line-height: 1.4;} .rs-related-title a { color: var(--rs-title-primary); transition: color 0.2s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .rs-related-title a:hover { color: var(--rs-theme-primary);} .rs-related-meta { display: flex; gap: 10px; font-size: 12px; color: var(--rs-text-primary); margin-top: 4px;} .rs-related-meta i { margin-right: 4px; color: var(--rs-theme-primary);} /* ============================================ ???? - ?????? ============================================ *//* ??????????? */.rs-postbox-details-content h2 { font-size: 24px; font-weight: 700; margin: 24px 0 16px; color: var(--rs-title-primary) !important; line-height: 1.4;} .rs-postbox-details-content h3 { font-size: 20px; font-weight: 600; margin: 20px 0 12px; color: var(--rs-title-primary) !important; line-height: 1.4;} .rs-postbox-details-content h4 { font-size: 18px; font-weight: 600; margin: 16px 0 10px; color: var(--rs-title-primary) !important; line-height: 1.4;} .rs-postbox-details-content blockquote { border-left: 4px solid var(--rs-theme-primary); padding: 16px 20px; margin: 20px 0; background: var(--rs-bg-secondary); font-style: italic; color: var(--rs-text-primary); position: relative;} .rs-postbox-details-content blockquote::before { content: '"'; font-size: 48px; color: var(--rs-theme-primary); position: absolute; top: 10px; left: 10px; opacity: 0.3; font-family: Georgia, serif;} .rs-postbox-details-content ul,.rs-postbox-details-content ol { margin: 16px 0; padding-left: 24px;} .rs-postbox-details-content li { margin: 8px 0; line-height: 1.8; color: var(--rs-title-primary) !important;} .rs-postbox-details-content a { color: var(--rs-theme-primary); text-decoration: underline;} .rs-postbox-details-content a:hover { color: var(--rs-gradient-primary);} .rs-image-caption { font-size: 13px; color: var(--rs-text-primary); text-align: center; margin-top: 8px; font-style: italic;} /* 详情分类标签 */.rs-article-detail-meta .rs-article-cat { background: var(--rs-theme-primary); color: var(--rs-white); padding: 4px 10px; font-size: 12px; border-radius: 0;} .rs-article-detail-meta .rs-article-author,.rs-article-detail-meta .rs-article-date,.rs-article-detail-meta .rs-article-comments,.rs-article-detail-meta .rs-article-readtime,.rs-article-detail-meta .rs-article-views { color: var(--rs-text-primary);} /* 精选大图块 */.rs-featured-big { margin-bottom: 20px;} .rs-featured-big-card { position: relative; overflow: hidden; background: var(--rs-white); border: 1px solid var(--rs-border-primary);} .rs-featured-big-thumb { position: relative; padding-top: 50%; overflow: hidden; background: var(--rs-bg-secondary);} .rs-featured-big-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;} .rs-featured-big-card:hover .rs-featured-big-thumb img { transform: scale(1.05);} .rs-featured-big-content { padding: 20px; background: var(--rs-white);} .rs-featured-big-cat { display: inline-block; padding: 4px 10px; background: var(--rs-theme-primary); color: var(--rs-white); font-size: 12px; margin-bottom: 12px; border-radius: 0;} .rs-featured-big-title { font-size: 28px; font-weight: 700; line-height: 1.4; margin-bottom: 12px; color: var(--rs-title-primary);} .rs-featured-big-title a { color: inherit; transition: color 0.2s;} .rs-featured-big-title a:hover { color: var(--rs-theme-primary);} .rs-featured-big-excerpt { font-size: 16px; line-height: 1.6; color: var(--rs-text-primary); margin-bottom: 16px;} .rs-featured-big-meta { display: flex; gap: 16px; font-size: 14px; color: var(--rs-text-primary);} .rs-featured-big-meta i { margin-right: 4px; color: var(--rs-theme-primary);} /* 热门列表 */.rs-popular-list { display: flex; flex-direction: column; gap: 12px;} .rs-popular-item { display: flex; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--rs-border-primary);} .rs-popular-item:last-child { border-bottom: none;} .rs-popular-thumb { flex-shrink: 0; width: 80px; height: 60px; border-radius: 6px; overflow: hidden; background: var(--rs-bg-secondary);} .rs-popular-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s;} .rs-popular-item:hover .rs-popular-thumb img { transform: scale(1.05);} .rs-popular-content { flex: 1; min-width: 0;} .rs-popular-title { font-size: 14px; font-weight: 500; margin-bottom: 6px; line-height: 1.4;} .rs-popular-title a { color: var(--rs-title-primary); transition: color 0.2s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .rs-popular-title a:hover { color: var(--rs-theme-primary);} .rs-popular-meta { display: flex; gap: 12px; font-size: 12px; color: var(--rs-text-primary);} .rs-popular-meta i { margin-right: 4px; color: var(--rs-theme-primary);} /* ???? */.rs-cat-count { color: var(--rs-text-primary); font-weight: 400; font-size: 12px;} /* 标签云 */.rs-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px;} .rs-tag-cloud-item { padding: 6px 12px; background: var(--rs-bg-secondary); border: 1px solid var(--rs-border-primary); font-size: 13px; color: var(--rs-text-primary); transition: all 0.2s; border-radius: 0;} .rs-tag-cloud-item:hover { background: var(--rs-theme-primary); color: var(--rs-white); border-color: var(--rs-theme-primary);} /* tag 列表/表格/分页（tag/ 模板调用） */.rs-tag-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px;} .rs-tag-list li.rs-tag-item { padding: 4px 0; border-bottom: none;} .rs-tag-table { width: 100%; border-collapse: collapse;} .rs-tag-table .rs-tag-row { border-bottom: 1px solid var(--rs-border-primary);} .rs-tag-table .rs-tag-cell { padding: 8px 10px; vertical-align: middle;} .rs-tag-pages { margin-top: 16px; text-align: center;} .rs-tag-pages.pages a,.rs-tag-pages.pages span { display: inline-block; padding: 6px 12px; margin: 0 2px; border: 1px solid var(--rs-border-primary); border-radius: 0; color: var(--rs-text-primary); transition: all 0.2s;} .rs-tag-pages.pages a:hover { border-color: var(--rs-theme-primary); color: var(--rs-theme-primary);} .rs-tag-thumb-card { background: var(--rs-white); border: 1px solid var(--rs-border-primary); overflow: hidden; transition: all 0.2s;} .rs-tag-thumb-card:hover { border-color: var(--rs-theme-primary);} .rs-tag-thumb-card img { width: 100%; height: auto; display: block;} .rs-tag-thumb-link { display: block; position: relative; min-height: 100px;} .rs-tag-thumb-placeholder { display: flex; align-items: center; justify-content: center; min-height: 100px; background: var(--rs-bg-secondary); color: var(--rs-text-secondary); font-size: 13px;} .rs-tag-thumb-placeholder[style*="display: none"] { display: none;} .rs-tag-thumb-placeholder.is-show { display: flex !important;} /* Space 内嵌 tag 列表：每条内容正确显示 */.rs-space-list.rs-member-section { padding: 0; overflow: hidden;} .rs-space-list .rs-tag-table { width: 100%; border-collapse: collapse; margin: 0;} .rs-space-list .rs-tag-table .rs-tag-row { border-bottom: 1px solid var(--rs-border-primary); transition: background 0.2s;} .rs-space-list .rs-tag-table .rs-tag-row:hover { background: var(--rs-bg-secondary);} .rs-space-list .rs-tag-table .rs-tag-cell { padding: 12px 16px; vertical-align: middle; font-size: 14px;} .rs-space-list .rs-tag-table .dl-icon { width: 40px; text-align: center;} .rs-space-list .rs-tag-table .dl-title { min-width: 0;} .rs-space-list .rs-tag-table .dl-title a { color: var(--rs-text-primary); text-decoration: none; font-weight: 500;} .rs-space-list .rs-tag-table .dl-title a:hover { color: var(--rs-theme-primary);} .rs-space-list .rs-tag-table .dl-date,.rs-space-list .rs-tag-table .dl-size { color: var(--rs-text-secondary); white-space: nowrap;} /* Space 内嵌 list-article / list 等 ul 列表 */.rs-space-list .rs-tag-list { display: block; list-style: none; margin: 0; padding: 0;} .rs-space-list .rs-tag-list li.rs-tag-item { padding: 10px 16px; border-bottom: 1px solid var(--rs-border-primary); display: flex; align-items: center; gap: 12px; flex-wrap: wrap;} .rs-space-list .rs-tag-list li.rs-tag-item:last-child { border-bottom: none;} .rs-space-list .rs-tag-list li.rs-tag-item a { color: var(--rs-text-primary); text-decoration: none; font-weight: 500;} .rs-space-list .rs-tag-list li.rs-tag-item a:hover { color: var(--rs-theme-primary);} .rs-space-list .rs-tag-list li.rs-tag-item i { color: var(--rs-text-muted); font-size: 13px; flex-shrink: 0;} /* Space 内嵌 list-info 等每项为 div.rs-tag-item 的卡片列表 */.rs-space-list .rs-tag-item.list { padding: 16px; border-bottom: 1px solid var(--rs-border-primary);} .rs-space-list .rs-tag-item.list:last-child { border-bottom: none;} .rs-space-list .rs-tag-item.list .rs-tag-table { border: none;} .rs-space-list .rs-tag-item.list .rs-tag-table .rs-tag-row { border-bottom: none;} .rs-space-list .rs-tag-pages { padding: 16px; margin-top: 0; border-top: 1px solid var(--rs-border-primary);} /* Space 关于简介区块 */.rs-space-about .space-txt { line-height: 1.7; word-break: break-word;} .rs-space-about .space-txt img { max-width: 100%; height: auto;} /* extend 页面：面包屑、侧栏、表单、结果 */.rs-section .rs-breadcrumb { padding: 12px 0; margin-bottom: 0; } .rs-section .rs-breadcrumb .breadcrumb { margin: 0; padding: 0; background: none; font-size: 14px; } .rs-section .rs-breadcrumb .breadcrumb-item a { color: var(--rs-text-primary); } .rs-section .rs-breadcrumb .breadcrumb-item a:hover { color: var(--rs-theme-primary); } .rs-section .rs-breadcrumb .breadcrumb-item.active { color: var(--rs-text-muted); } .rs-help-meta, .rs-guestbook-detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--rs-border-primary); } .rs-help-meta .rs-meta-right { margin-left: auto; } .rs-sidebar-search { margin-top: 16px; } .rs-sidebar-search .form-control { width: 100%; padding: 8px 12px; border: 1px solid var(--rs-border-primary); border-radius: 6px; } .rs-form-table { width: 100%; border-collapse: collapse; } .rs-form-table td { padding: 12px 16px; vertical-align: top; } .rs-form-table .rs-form-label { width: 120px; color: var(--rs-text-primary); } .rs-form-radio { margin-right: 16px; } .rs-result { padding: 24px; text-align: center; border-radius: 12px; } .rs-result-ok { background: #f0fdf4; border: 1px solid #bbf7d0; } .rs-result-error { background: #fef2f2; border: 1px solid #fecaca; } .rs-result p { margin-bottom: 16px; } .rs-result .rs-btn { margin: 0 6px; } .rs-sidebar-on { font-weight: 600; } .rs-sidebar-on a { color: var(--rs-theme-primary) !important; } .rs-sidebar-sub { padding-left: 20px; } .rs-list-unstyled { list-style: none; margin: 0; padding: 0; } .rs-guestbook-reply { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--rs-border-primary); } .rs-table-wrap { overflow-x: auto; } .rs-spread-hero .rs-spread-up { max-height: 120px; overflow: hidden; } .rs-spread-hero .rs-tag-list { display: block; } .rs-spread-hero .rs-tag-list li { padding: 6px 0; border-bottom: 1px solid var(--rs-border-primary); } /* 768 响应式 */@media (max-width: 768px) { .rs-featured-big-title { font-size: 20px; } .rs-featured-big-content { padding: 15px; } .rs-article-detail-meta { flex-direction: column; gap: 8px; } .rs-popular-item { flex-direction: column; } .rs-popular-thumb { width: 100%; height: 200px; } .rs-category-item-thumb { width: 80px; height: 60px; } .rs-hot-thumb { width: 100px; height: 75px; } } /* ============================================ ???????? ============================================ *//* ?????? */.rs-postbox-details-info { margin: 20px 0; padding: 16px; background: var(--rs-bg-secondary); border: 1px solid var(--rs-border-primary);} .rs-info-card { display: flex; flex-direction: column; gap: 6px; padding: 12px; background: var(--rs-white); border: 1px solid var(--rs-border-primary); text-align: center;} .rs-info-label { font-size: 12px; color: var(--rs-text-primary);} .rs-info-value { font-size: 16px; font-weight: 600; color: var(--rs-theme-primary);} /* 联系卡片 */.rs-contact-card { display: flex; flex-direction: column; gap: 10px;} .rs-contact-item { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--rs-border-primary); font-size: 14px;} .rs-contact-item:last-child { border-bottom: none;} .rs-contact-item i { color: var(--rs-theme-primary); margin-top: 2px; flex-shrink: 0; width: 18px;} .rs-contact-item span { color: var(--rs-text-primary); flex: 1;} .rs-contact-item a { color: var(--rs-theme-primary); text-decoration: none;} .rs-contact-item a:hover { text-decoration: underline;} /* 视频容器 */.rs-video-wrapper { margin: 20px 0;} .rs-video-player { position: relative; padding-top: 56.25%; background: var(--rs-black); overflow: hidden;} .rs-video-player video,.rs-video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* 相册容器 */.rs-album-wrapper { margin: 20px 0;} .rs-album-title { font-size: 18px; font-weight: 600; margin-bottom: 16px; color: var(--rs-title-primary);} .rs-album-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px;} .rs-album-item { position: relative; padding-top: 75%; overflow: hidden; background: var(--rs-bg-secondary); border: 1px solid var(--rs-border-primary);} .rs-album-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s;} .rs-album-item:hover img { transform: scale(1.1);} /* ============================================ ?????? ============================================ */.rs-search-panel { background: var(--rs-white); border: 1px solid var(--rs-border-primary); padding: 20px; margin-bottom: 20px;} .rs-search-title { font-size: 20px; font-weight: 600; margin-bottom: 16px; color: var(--rs-title-primary);} .rs-search-form-large { margin-bottom: 16px;} .rs-search-form-large .header-search { display: flex; gap: 0;} .rs-search-form-large .header-search input { flex: 1; padding: 12px 16px; font-size: 15px;} .rs-search-form-large .header-search button { padding: 12px 24px; font-size: 15px; white-space: nowrap;} .rs-search-result-info { font-size: 14px; color: var(--rs-text-primary); padding: 12px; background: var(--rs-bg-secondary); border-left: 3px solid var(--rs-theme-primary);} .rs-search-result-info strong { color: var(--rs-theme-primary); font-weight: 600;} .rs-search-tips { margin-top: 16px; margin-bottom: 8px; font-size: 14px; font-weight: 600; color: var(--rs-title-primary);} .rs-search-tips-list { list-style: none; padding-left: 0; margin: 0;} .rs-search-tips-list li { padding: 6px 0; padding-left: 20px; position: relative; font-size: 13px; color: var(--rs-text-primary);} .rs-search-tips-list li::before { content: "?"; position: absolute; left: 0; color: var(--rs-theme-primary); font-weight: bold;} /* ============================================ ???????? ============================================ */.rs-message-wrapper { background: var(--rs-white); border: 1px solid var(--rs-border-primary); padding: 20px;} .rs-message-title { font-size: 24px; font-weight: 600; margin-bottom: 20px; color: var(--rs-title-primary); padding-bottom: 12px; border-bottom: 2px solid var(--rs-theme-primary);} .rs-message-item-info { background: var(--rs-bg-secondary); padding: 16px; margin-bottom: 20px; border-left: 3px solid var(--rs-theme-primary);} .rs-message-item-title { font-size: 16px; font-weight: 600; margin-bottom: 8px; color: var(--rs-title-primary);} .rs-message-item-link a { color: var(--rs-theme-primary); font-size: 14px; text-decoration: none;} .rs-message-item-link a:hover { text-decoration: underline;} .rs-message-form { margin-top: 20px;} .rs-form-group { margin-bottom: 20px;} .rs-form-group label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 8px; color: var(--rs-title-primary);} .rs-required { color: var(--rs-theme-primary); margin-right: 4px;} .rs-form-control { width: 100%; padding: 10px 12px; font-size: 14px; border: 1px solid var(--rs-border-primary); border-radius: 0; background: var(--rs-white); color: var(--rs-title-primary); transition: border-color 0.2s;} .rs-form-control:focus { outline: none; border-color: var(--rs-theme-primary);} .rs-form-control:disabled { background: var(--rs-bg-secondary); cursor: not-allowed;} .rs-form-inline { display: flex; align-items: center; gap: 10px;} .rs-form-hint { font-size: 12px; color: var(--rs-text-primary); margin-top: 4px; display: block;} .rs-form-error { font-size: 12px; color: var(--rs-theme-primary); margin-top: 4px; display: block;} .rs-form-section { margin: 24px 0; padding: 16px; background: var(--rs-bg-secondary); border-left: 3px solid var(--rs-theme-primary);} .rs-form-section-title { font-size: 16px; font-weight: 600; margin-bottom: 8px; color: var(--rs-title-primary);} .rs-form-actions { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--rs-border-primary);} .rs-message-limit { margin-top: 12px; font-size: 13px; color: var(--rs-text-primary);} .rs-message-limit strong { color: var(--rs-title-primary);} .rs-limit-free { color: var(--rs-theme-primary) !important;} /* ============================================ ?????? ============================================ */.rs-comment-wrapper { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--rs-border-primary);} .rs-comment-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;} .rs-comment-title { font-size: 20px; font-weight: 600; color: var(--rs-title-primary); margin: 0;} .rs-comment-count { color: var(--rs-theme-primary); font-weight: 400;} .rs-comment-more { color: var(--rs-theme-primary); font-size: 14px; text-decoration: none; display: flex; align-items: center; gap: 4px; transition: color 0.2s;} .rs-comment-more:hover { color: var(--rs-gradient-primary);} .rs-comment-list { margin-bottom: 20px;} .rs-comment-empty { text-align: center; padding: 40px 20px; color: var(--rs-text-primary); cursor: pointer; transition: color 0.2s;} .rs-comment-empty:hover { color: var(--rs-theme-primary);} .rs-comment-empty i { font-size: 48px; margin-bottom: 12px; display: block; color: var(--rs-text-primary); opacity: 0.5;} .rs-comment-empty p { margin: 0; font-size: 14px;} .rs-comment-input { display: flex; gap: 12px; align-items: center; padding: 12px; background: var(--rs-bg-secondary); border: 1px solid var(--rs-border-primary);} .rs-comment-avatar { flex-shrink: 0;} .rs-comment-avatar img { width: 48px; height: 48px; border-radius: 50%; display: block;} .rs-comment-field { flex: 1;} .rs-comment-field input { width: 100%; padding: 10px 12px; border: 1px solid var(--rs-border-primary); border-radius: 0; font-size: 14px; background: var(--rs-white); color: var(--rs-title-primary); transition: border-color 0.2s;} .rs-comment-field input:focus { outline: none; border-color: var(--rs-theme-primary);} .rs-postbox-comment-form { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--rs-border-primary);} /* ============================================ ????????? ============================================ */.rs-alert { padding: 12px 16px; margin-bottom: 16px; border-radius: 0; border: 1px solid;} .rs-alert-error { background: #fee; border-color: #fcc; color: #c33;} .rs-alert-success { background: #efe; border-color: #cfc; color: #3c3;} /* ???? */.rs-register-steps { margin-bottom: 30px; padding: 20px 0;} .rs-register-steps ul { display: flex; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 0; gap: 20px;} .rs-register-steps li { display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; flex: 1; max-width: 200px;} .rs-register-steps li::after { content: ''; position: absolute; top: 20px; left: 100%; width: 100%; height: 2px; background: var(--rs-border-primary); z-index: 0;} .rs-register-steps li:last-child::after { display: none;} .rs-register-steps li.active::after { background: var(--rs-theme-primary);} .rs-step-number { width: 40px; height: 40px; border-radius: 50%; background: var(--rs-bg-secondary); border: 2px solid var(--rs-border-primary); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; color: var(--rs-text-primary); position: relative; z-index: 1;} .rs-register-steps li.active .rs-step-number { background: var(--rs-theme-primary); border-color: var(--rs-theme-primary); color: var(--rs-white);} .rs-step-label { font-size: 14px; color: var(--rs-text-primary);} .rs-register-steps li.active .rs-step-label { color: var(--rs-theme-primary); font-weight: 600;} /* 注册容器 */.rs-register-wrapper { background: var(--rs-white); border: 1px solid var(--rs-border-primary); padding: 30px;} .rs-register-title { font-size: 24px; font-weight: 600; margin-bottom: 24px; color: var(--rs-title-primary); padding-bottom: 12px; border-bottom: 2px solid var(--rs-theme-primary);} /* ???? */.rs-register-success { text-align: center; padding: 40px 20px;} .rs-success-icon { margin-bottom: 20px;} .rs-success-icon i { color: var(--rs-theme-primary);} .rs-success-title { font-size: 24px; font-weight: 600; margin-bottom: 16px; color: var(--rs-title-primary);} .rs-success-tip { font-size: 14px; color: var(--rs-text-primary); margin-bottom: 24px;} .rs-countdown { color: var(--rs-theme-primary); font-weight: 600; font-size: 18px;} .rs-success-actions { margin-top: 24px;} /* 注册表单 */.rs-register-form { max-width: 100%;} .rs-register-switch { display: flex; justify-content: space-between; align-items: center; padding: 12px; background: var(--rs-bg-secondary); margin-bottom: 20px; border-left: 3px solid var(--rs-theme-primary);} .rs-register-switch strong { color: var(--rs-title-primary); font-size: 14px;} .rs-register-switch a { color: var(--rs-theme-primary); font-size: 13px; text-decoration: none;} .rs-register-switch a:hover { text-decoration: underline;} .rs-form-radio-group { display: flex; gap: 20px; flex-wrap: wrap;} .rs-radio-label { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; color: var(--rs-title-primary);} .rs-radio-label input[type="radio"] { width: 18px; height: 18px; cursor: pointer;} .rs-form-agree { display: flex; align-items: flex-start; gap: 8px;} .rs-form-agree label { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--rs-text-primary); cursor: pointer;} .rs-form-agree input[type="checkbox"] { width: 16px; height: 16px; margin-top: 2px; cursor: pointer; flex-shrink: 0;} .rs-form-agree a { color: var(--rs-theme-primary); text-decoration: none;} .rs-form-agree a:hover { text-decoration: underline;} .rs-btn-outline { background: transparent; border: 1px solid var(--rs-theme-primary); color: var(--rs-theme-primary);} .rs-btn-outline:hover { background: var(--rs-theme-primary); color: var(--rs-white);} #msgs { margin-bottom: 16px;} /* ========== 商品/采购详情页（参考默认模板布局） ========== */ .rs-sell-detail .rs-sell-gallery { background: var(--rs-bg-secondary); padding: 12px; border: 1px solid var(--rs-border-primary);} .rs-sell-main-pic { position: relative; width: 100%; padding-top: 75%; background: var(--rs-white); overflow: hidden;} .rs-sell-main-pic img.rs-sell-main-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;} .rs-sell-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px;} .rs-sell-thumb-img { width: 56px; height: 56px; object-fit: cover; border: 2px solid var(--rs-border-primary); cursor: pointer;} .rs-sell-thumb-img.active { border-color: var(--rs-theme-primary);} .rs-sell-title { font-size: 20px; font-weight: 700; margin-bottom: 16px; color: var(--rs-title-primary); line-height: 1.4;} .rs-sell-spec { background: var(--rs-white); border: 1px solid var(--rs-border-primary); padding: 12px;} .rs-spec-table { width: 100%; border-collapse: collapse;} .rs-spec-table tr { border-bottom: 1px solid var(--rs-border-primary);} .rs-spec-table tr:last-child { border-bottom: none;} .rs-spec-label { width: 80px; padding: 10px 8px 10px 0; font-size: 13px; color: var(--rs-text-primary); vertical-align: top;} .rs-spec-value { padding: 10px 0; font-size: 14px; color: var(--rs-title-primary);} .rs-sell-price b { font-size: 22px; color: var(--rs-theme-primary);} .rs-spec-compare { margin-left: 12px; font-size: 12px; color: var(--rs-text-primary);} .rs-spec-compare:hover { color: var(--rs-theme-primary);} .rs-num { color: var(--rs-theme-primary); font-weight: 600;} .rs-grey { color: var(--rs-text-secondary);} .rs-red { color: var(--rs-red);} .rs-fr { float: right;} .rs-sell-actions { display: flex; gap: 10px; flex-wrap: wrap;} .rs-sell-actions .rs-btn { padding: 10px 20px; font-size: 14px;} .rs-sell-contact .rs-contact-body { background: var(--rs-white); border: 1px solid var(--rs-border-primary); padding: 16px;} .rs-section-title { font-size: 18px; font-weight: 700; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid var(--rs-theme-primary);} .rs-tool-bar { display: flex; flex-wrap: wrap; gap: 16px; padding: 12px 0; font-size: 13px; color: var(--rs-text-primary);} .rs-tool-bar .rs-tool-item, .rs-tool-bar .like, .rs-tool-bar .liked, .rs-tool-bar .hate, .rs-tool-bar .hated, .rs-tool-bar .favorite, .rs-tool-bar .favorited, .rs-tool-bar .report { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: inherit; text-decoration: none;} .rs-tool-bar .rs-tool-item:hover, .rs-tool-bar .like:hover, .rs-tool-bar .hate:hover, .rs-tool-bar .favorite:hover, .rs-tool-bar .report:hover { color: var(--rs-theme-primary);} .rs-tool-bar .liked, .rs-tool-bar .favorited { color: var(--rs-theme-primary);} /* 侧栏用户信息卡片 */ .rs-userinfo-card { background: var(--rs-white); border: 1px solid var(--rs-border-primary); border-radius: 12px; padding: 20px; margin-bottom: 20px;} .rs-userinfo-avatar-wrap { display: block; margin-bottom: 12px; border-radius: 50%; overflow: hidden;} .rs-userinfo-avatar { width: 80px; height: 80px; object-fit: cover; display: block;} .rs-userinfo-meta { list-style: none; margin: 0; padding: 0;} .rs-userinfo-meta li { padding: 4px 0; font-size: 14px;} .rs-userinfo-name { color: var(--rs-title-primary); font-weight: 600; text-decoration: none;} .rs-userinfo-name:hover { color: var(--rs-theme-primary);} .rs-userinfo-sign { color: var(--rs-text-primary); font-size: 13px;} .rs-userinfo-sign s { text-decoration: none; font-style: italic;} .rs-userinfo-card .follow0, .rs-userinfo-card .follow1 { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; cursor: pointer; font-size: 13px;} .rs-property-block { margin-bottom: 16px;} .rs-property-list { list-style: none; margin: 0; padding: 0;} .rs-property-item { padding: 6px 0; border-bottom: 1px dashed var(--rs-border-primary); font-size: 14px;} .rs-property-name { color: var(--rs-text-primary); margin-right: 8px;} .rs-faq-block { margin-top: 24px;} .rs-faq-title { font-size: 16px; font-weight: 600; margin-bottom: 12px;} .rs-faq-more { font-size: 13px; font-weight: 400; margin-left: 12px;} .rs-faq-post { display: flex; align-items: center; gap: 10px; margin-top: 12px;} .rs-faq-input { flex: 1; padding: 8px 12px; border: 1px solid var(--rs-border-primary);} .mt-4 { margin-top: 24px;} /* 资讯详情：相册+右侧信息栏 */ .rs-info-detail .rs-info-gallery { background: var(--rs-bg-secondary); padding: 12px; border: 1px solid var(--rs-border-primary);} .rs-info-meta-list { list-style: none; margin: 0; padding: 0;} .rs-info-meta-list li { padding: 10px 0; border-bottom: 1px solid var(--rs-border-primary); font-size: 14px; color: var(--rs-title-primary);} .rs-info-meta-list li:last-child { border-bottom: none;} .rs-info-meta-list strong { display: inline-block; width: 70px; color: var(--rs-text-primary);} .rs-orange { color: var(--rs-yellow);} .rs-blue { color: #40B3FF;} /* 下载详情页 */ .rs-down-meta { display: flex; flex-wrap: wrap; gap: 16px; font-size: 14px; color: var(--rs-text-primary); padding: 12px 0; border-bottom: 1px solid var(--rs-border-primary); margin-bottom: 20px;} .rs-down-meta span, .rs-down-meta a { display: flex; align-items: center; gap: 6px;} .rs-down-meta i { margin-right: 4px; color: var(--rs-theme-primary);} .rs-down-ext img { width: 16px; height: 14px;} .rs-down-area { margin-top: 24px; padding: 16px; background: var(--rs-bg-secondary); border: 1px solid var(--rs-border-primary); text-align: center;} .rs-down-area ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;} .rs-down-area li { display: inline-block;} .rs-down-area .rs-btn { padding: 10px 24px; font-size: 15px;} .rs-down-album { margin-top: 24px;} .rs-down-album-list { list-style: none; margin: 0; padding: 0; background: var(--rs-white); border: 1px solid var(--rs-border-primary);} .rs-down-album-list li { padding: 12px 16px; border-bottom: 1px solid var(--rs-border-primary);} .rs-down-album-list li:last-child { border-bottom: none;} .rs-down-album-list li a { display: flex; justify-content: space-between; align-items: center; color: var(--rs-title-primary); font-size: 14px;} .rs-down-album-list li.active a { color: var(--rs-theme-primary); font-weight: 600;} .rs-down-list { margin-top: 12px;} /* 视频详情页 */ .rs-video-header { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--rs-border-primary);} .rs-video-title { font-size: 22px; font-weight: 700; color: var(--rs-title-primary); margin-bottom: 12px; line-height: 1.4;} .rs-video-meta { display: flex; flex-wrap: wrap; gap: 16px; font-size: 14px; color: var(--rs-text-primary);} .rs-video-meta span, .rs-video-meta a { display: flex; align-items: center; gap: 6px;} .rs-video-meta i { margin-right: 4px; color: var(--rs-theme-primary);} .rs-video-player-wrap { position: relative; width: 100%; padding-top: 56.25%; background: #000;} .rs-video-player-wrap .player { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .rs-video-playlist { background: var(--rs-white); border: 1px solid var(--rs-border-primary); padding: 16px; height: 100%;} .rs-play-list { list-style: none; margin: 0; padding: 0;} .rs-play-item { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--rs-border-primary);} .rs-play-item:last-child { border-bottom: none;} .rs-play-item.active { background: rgba(220, 20, 60, 0.08);} .rs-play-item a { display: flex; gap: 12px; width: 100%;} .rs-play-thumb { width: 100px; height: 75px; flex-shrink: 0; overflow: hidden;} .rs-play-thumb img { width: 100%; height: 100%; object-fit: cover;} .rs-play-info { flex: 1; display: flex; flex-direction: column; justify-content: center;} .rs-play-title { font-size: 14px; font-weight: 600; color: var(--rs-title-primary); line-height: 1.4;} .rs-play-meta { font-size: 12px; color: var(--rs-text-primary);} .rs-play-meta i { margin-left: 8px; font-style: normal;} .rs-video-album { margin-top: 24px;} .rs-video-album-list { list-style: none; margin: 0; padding: 0; background: var(--rs-white); border: 1px solid var(--rs-border-primary);} .rs-video-album-list li { padding: 12px 16px; border-bottom: 1px solid var(--rs-border-primary);} .rs-video-album-list li:last-child { border-bottom: none;} .rs-video-album-list li a { display: flex; justify-content: space-between; align-items: center; color: var(--rs-title-primary); font-size: 14px;} .rs-video-album-list li.active a { color: var(--rs-theme-primary); font-weight: 600;} .rs-video-recommend { margin-top: 12px;} /* 商城详情页 */ .rs-mall-detail .rs-mall-gallery { background: var(--rs-bg-secondary); padding: 12px; border: 1px solid var(--rs-border-primary);} .rs-mall-spec { background: var(--rs-white); border: 1px solid var(--rs-border-primary); padding: 12px;} .rs-mall-title { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: var(--rs-title-primary); line-height: 1.4;} .rs-mall-subtitle { font-size: 14px; color: var(--rs-text-primary); margin-bottom: 12px;} .rs-mall-sec { padding: 8px 12px; margin-bottom: 12px; font-weight: 600; color: var(--rs-white); border-radius: 4px;} .rs-mall-sec.is-upcoming { background: #FFC600;} .rs-mall-sec.is-active { background: var(--rs-theme-primary); display: flex; justify-content: space-between; align-items: center;} .rs-mall-sec.is-active span { color: var(--rs-white);} .rs-mall-price b { font-size: 22px; color: var(--rs-theme-primary);} .rs-mall-fprice { color: var(--rs-theme-primary);} .rs-mall-promos { display: flex; flex-wrap: wrap; gap: 8px;} .rs-mall-promos span { padding: 4px 8px; background: var(--rs-theme-primary); color: var(--rs-white); border-radius: 3px; font-size: 12px;} .rs-mall-shipping-fee { font-size: 13px; color: var(--rs-text-primary);} .rs-mall-cod { font-size: 13px; color: var(--rs-title-primary);} .rs-mall-tab-nav { display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--rs-border-primary); margin-top: 24px;} .rs-mall-tab-nav li { list-style: none;} .rs-mall-tab-nav a { display: block; padding: 12px 20px; font-size: 15px; color: var(--rs-text-primary); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: all 0.2s;} .rs-mall-tab-nav a:hover, .rs-mall-tab-nav a.active { color: var(--rs-theme-primary); border-color: var(--rs-theme-primary);} .rs-mall-tab-content { padding: 20px 0;} .rs-mall-tab-content.hidden { display: none;} .rs-mall-alter { display: flex; align-items: center; gap: 8px;} .rs-mall-alter input { width: 60px; text-align: center; border: 1px solid var(--rs-border-primary); padding: 6px 0;} .rs-mall-alter b, .rs-mall-alter i { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--rs-border-primary); cursor: pointer;} .rs-mall-amount { margin-left: 12px; font-size: 13px; color: var(--rs-text-primary);} .rs-mall-actions { display: flex; gap: 10px; margin-top: 16px;} .rs-mall-actions .rs-btn { padding: 10px 20px; font-size: 14px;} /* ========== 商城详情：相册+规格+Tab(详情/评价/问答) ========== */ .rs-mall-detail .rs-mall-gallery .tbs { display: flex; align-items: center; gap: 0; margin-top: 10px;} .rs-mall-detail .rs-mall-gallery .tbsl,.rs-mall-detail .rs-mall-gallery .tbsr { flex-shrink: 0;} .rs-mall-detail .rs-thumb-arrow { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 56px; cursor: pointer; color: var(--rs-text-primary);} .rs-mall-detail .rs-thumb-arrow:hover { color: var(--rs-theme-primary);} .rs-mall-detail .rs-mall-gallery .tbsm { flex: 1; overflow: hidden;} .rs-mall-detail .rs-mall-gallery #thumbs { margin-left: 0; transition: margin-left 0.2s;} .rs-mall-detail .rs-mall-gallery #thumbs img { width: 56px; height: 56px; object-fit: cover; border: 2px solid var(--rs-border-primary); cursor: pointer; float: left; margin: 0 14px 0 0;} .rs-mall-detail .rs-mall-gallery #thumbs img.ab_on { border-color: var(--rs-theme-primary);} .rs-mall-detail .rs-mall-gallery #mid_div { position: relative; cursor: crosshair;} .rs-mall-detail .rs-mall-gallery #zoomer { width: 120px; height: 90px; background: rgba(255,255,255,0.6); position: absolute; z-index: 6; pointer-events: none; border: 1px solid var(--rs-border-primary);} .rs-mall-detail .rs-mall-gallery #big_div { position: fixed; z-index: 100; width: 560px; max-width: 90vw; height: 420px; border: 1px solid var(--rs-border-primary); background: var(--rs-white); overflow: hidden;} .rs-mall-detail .rs-mall-gallery #big_pic { position: absolute;} .rs-mall-detail .rs-mall-gallery .ab_zoom { position: absolute; z-index: 5; width: 30px; height: 30px; right: 10px; bottom: 10px; background: var(--rs-theme-primary); border-radius: 4px; opacity: 0.8;} .rs-mall-detail .rs-mall-gallery .tbs img { cursor: pointer;} .rs-mall-subtitle { font-size: 14px; color: var(--rs-text-primary); margin-bottom: 12px;} .rs-mall-sec2 { padding: 10px; background: #fff3e0; border: 1px solid var(--rs-yellow); margin-bottom: 12px; font-size: 14px;} .rs-mall-sec1 { padding: 10px; background: #ffebee; border: 1px solid var(--rs-red); margin-bottom: 12px; font-size: 14px;} .rs-mall-sec1 #totimer span { margin: 0 2px;} .rs-mall-fprice b { color: var(--rs-theme-primary);} .rs-mall-tab-wrap { background: var(--rs-white); border: 1px solid var(--rs-border-primary); border-radius: 8px; overflow: hidden;} .rs-mall-tab .mall_tab ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; border-bottom: 2px solid var(--rs-border-primary);} .rs-mall-tab .mall_tab li { margin: 0;} .rs-mall-tab .mall_tab li a { display: block; padding: 14px 24px; font-size: 15px; color: var(--rs-text-primary); text-decoration: none;} .rs-mall-tab .mall_tab li.mall_tab_2 a,.rs-mall-tab .mall_tab li.rs-mall-tab-active a { font-weight: 600; color: var(--rs-theme-primary); border-bottom: 2px solid var(--rs-theme-primary); margin-bottom: -2px;} .rs-mall-tab .mall_tab li.mall_tab_1 a:hover { color: var(--rs-theme-primary);} .rs-mall-tab-c { padding: 24px; min-height: 120px;} .rs-mall-tab-c#c_detail .content { line-height: 1.8;} .rs-mall-alter { display: inline-flex; align-items: center; border: 1px solid var(--rs-border-primary); border-radius: 6px; overflow: hidden;} .rs-mall-alter input { width: 50px; text-align: center; border: none; padding: 8px;} .rs-mall-alter b,.rs-mall-alter i { padding: 8px 12px; cursor: pointer; background: var(--rs-bg-secondary);} .rs-mall-actions .btn-buy,.rs-mall-actions .btn-cart { padding: 10px 20px; font-size: 14px;} .rs-mall-nv { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px;} .rs-mall-nv li { padding: 6px 12px; border: 1px solid var(--rs-border-primary); border-radius: 6px; cursor: pointer; font-size: 13px;} .rs-mall-nv li.nv_2 { border-color: var(--rs-theme-primary); color: var(--rs-theme-primary);} .promos a { color: var(--rs-theme-primary);} .promos span { margin-right: 8px;} .relate_1,.relate_2 { display: inline-block; margin: 4px 8px 4px 0;} .relate_1 img,.relate_2 img { max-width: 60px; max-height: 60px; vertical-align: middle;} .relate_2 { font-weight: 600;} /* 公司详情：头像左浮 */ .rs-company-content .rs-company-thumb.alignleft { float: left; margin: 6px 16px 16px 0; padding: 6px; border: 1px solid var(--rs-border-primary); max-width: 200px;} .rs-company-detail .rs-postbox-details-content { line-height: 1.8;} /* 招聘/简历：信息表 */ .rs-job-table-wrap,.rs-resume-table-wrap { margin-bottom: 20px;} .rs-job-table .rs-spec-label,.rs-resume-table .rs-spec-label { width: 100px;} .rs-resume-title-td { text-align: center; padding: 12px !important;} .rs-resume-photo-td { width: 120px; text-align: center;} /* 团购：价格卡片 */ .rs-group-price-row { display: flex; gap: 16px; flex-wrap: wrap;} .rs-group-price-row > div { text-align: center;} .rs-group-market { text-decoration: line-through; color: var(--rs-text-secondary);} .rs-group-save { color: var(--rs-theme-primary);} .rs-group-buy-btn { display: block; text-align: center; padding: 14px;} /* 展会：导航与信息 */ .rs-exhibit-type-menu { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; gap: 4px;} .rs-exhibit-type-menu li a { display: block; padding: 10px 16px; color: var(--rs-text-primary); text-decoration: none;} .rs-exhibit-type-menu li.active a { color: var(--rs-theme-primary); font-weight: 600;} .rs-exh-info-list { list-style: none; margin: 0; padding: 0;} .rs-exh-info-list li { padding: 8px 0; border-bottom: 1px solid var(--rs-border-primary);} /* 知道/问答 */ .rs-know-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; vertical-align: middle;} .rs-know-user,.rs-know-answer-head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 8px;} .rs-know-addition { margin-top: 12px; padding: 12px; background: var(--rs-bg-secondary);} .rs-badge-green { color: #22c55e;} .rs-badge-orange { color: var(--rs-yellow);} .rs-badge-red { color: var(--rs-red);} /* 图库 */ .rs-photo-main-wrap { margin-bottom: 16px;} .rs-photo-nav { display: flex; gap: 12px; margin-top: 12px;} .rs-photo-album-list { list-style: none; margin: 0; padding: 0;} .rs-photo-album-list li { padding: 6px 0; border-bottom: 1px dashed var(--rs-border-primary);} /* 社区/圈子 */ .rs-club-actions { margin-bottom: 16px;} .rs-club-post-head { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; gap: 12px; margin-bottom: 12px;} .rs-club-user { display: flex; align-items: center; gap: 12px;} .rs-club-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover;} .rs-club-meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: 13px; color: var(--rs-text-primary);} .rs-club-textarea { width: 100%; min-height: 96px; padding: 12px; border: 1px solid var(--rs-border-primary); border-radius: 8px;} .w-100 { width: 100%;} .mb-3 { margin-bottom: 16px;} /* ========== message 模块：404/403/提示页（带 header/footer）扁平紧凑 ========== */ .rs-msg-page { padding: 20px 0 40px;} .rs-msg-block { min-height: 320px; display: flex; align-items: center; background: var(--rs-white); border-radius: 12px; padding: 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid var(--rs-border-primary);} .rs-msg-inner { max-width: 560px;} .rs-msg-title { font-size: 22px; font-weight: 600; margin: 0 0 12px 0; color: var(--rs-title-primary);} .rs-msg-desc { font-size: 15px; line-height: 1.6; color: var(--rs-text-primary); margin: 0;} .rs-msg-desc-block { line-height: 1.8;} .rs-msg-desc .rs-link { color: var(--rs-theme-primary); text-decoration: none;} .rs-msg-desc .rs-link:hover { text-decoration: underline;} .rs-text-danger { color: var(--rs-red);} .rs-msg-404 .rs-msg-inner { padding-left: 0; } .rs-msg-403 .rs-msg-inner { padding-left: 0; } .rs-msg-search .rs-msg-inner { padding-left: 0; } /* 报价页图表 */ .rs-quote-chart { width: 100%; max-width: 1180px; height: 600px; margin: 20px 0; }