/* ========================
   首页图标分组导航
   ======================== */

.home-icon-group-section {
    padding: 30px 0;
}

.home-icon-group-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}

.home-icon-group-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-icon-group-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

.home-icon-group-banner {
    position: relative;
    display: block;
    height: 120px;
    overflow: hidden;
    text-decoration: none;
}

.home-icon-group-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.35s ease;
}

.home-icon-group-card:hover .home-icon-group-bg {
    transform: scale(1.08);
}

.home-icon-group-banner::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.35), transparent 60%);
}

.home-icon-group-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    padding: 3px 10px;
    border-radius: 20px;
    background: linear-gradient(135deg, #ff9a9e 0%, #ff6b81 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(255, 107, 129, 0.3);
}

.home-icon-group-title {
    position: absolute;
    left: 16px;
    bottom: 14px;
    z-index: 2;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.home-icon-group-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 12px;
    padding: 16px;
}

.home-icon-group-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #555;
    transition: color 0.2s ease, transform 0.25s ease;
}

.home-icon-group-item:hover {
    color: #ff6b81;
    transform: translateY(-3px);
}

.home-icon-group-img-wrap {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    overflow: hidden;
    background: #f8f8f8;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-icon-group-item:hover .home-icon-group-img-wrap {
    transform: scale(1.12) rotate(-5deg);
    box-shadow: 0 4px 12px rgba(255, 107, 129, 0.2);
}

.home-icon-group-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-icon-group-text {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

/* ========================
   首页统计条
   ======================== */

.home-stats-bar-section {
    padding: 20px 0;
}

.home-stats-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    gap: 16px;
    padding: 20px 24px;
    border-radius: 16px;
    background: linear-gradient(135deg, #ff9a9e 0%, #ff6b81 100%);
    box-shadow: 0 6px 20px rgba(255, 107, 129, 0.25);
}

.home-stats-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.home-stats-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    font-size: 18px;
    backdrop-filter: blur(4px);
}

.home-stats-body {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.home-stats-value {
    font-size: 20px;
    font-weight: 700;
}

.home-stats-label {
    font-size: 13px;
    opacity: 0.92;
}

@media (max-width: 576px) {
    .home-stats-item {
        flex: 1 1 40%;
    }
}

/* ========================
   首页超级 VIP
   ======================== */

.home-super-vip-section {
    padding: 30px 0;
}

.home-super-vip-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.home-super-vip-card {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-super-vip-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
}

.home-super-vip-link {
    display: block;
    text-decoration: none;
    color: #fff;
}

.home-super-vip-bg {
    position: relative;
    min-height: 280px;
    padding: 22px;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.home-super-vip-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 50%, transparent 100%);
}

.home-super-vip-content {
    position: relative;
    z-index: 1;
}

.home-super-vip-subtitle {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    font-size: 12px;
    margin-bottom: 8px;
    backdrop-filter: blur(4px);
}

.home-super-vip-title {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 8px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

.home-super-vip-price {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 10px;
}

.home-super-vip-price small {
    font-size: 14px;
    font-weight: 500;
    margin-left: 3px;
}

.home-super-vip-desc {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.7;
    opacity: 0.95;
}

.home-super-vip-desc li {
    position: relative;
    padding-left: 16px;
}

.home-super-vip-desc li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: #ffd700;
    font-weight: 700;
}

.home-super-vip-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    border-radius: 24px;
    background: #ff6b6b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-super-vip-card:hover .home-super-vip-btn {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}

/* ========================
   登录后个人中心下拉
   ======================== */

.action-hover-menu .hover-warp {
    min-width: 280px;
    padding-top: 8px;
}

.action-hover-menu .uc-drop-card {
    background: #fff0f3;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 8px 30px rgba(255, 107, 129, 0.22);
    border: 1px solid rgba(255, 154, 170, 0.25);
}

/* 用户信息 */
.uc-drop-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.uc-drop-avatar {
    display: block;
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 3px 10px rgba(255, 107, 129, 0.25);
    transition: transform 0.25s ease;
    flex-shrink: 0;
}

.uc-drop-avatar:hover {
    transform: scale(1.08);
}

.uc-drop-avatar img {
    display: block;
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 50%;
}

.uc-drop-name b {
    font-size: 17px;
    color: #333;
    font-weight: 700;
}

.uc-drop-name .badge,
.uc-drop-name span {
    display: inline-flex !important;
    align-items: center;
    padding: 2px 10px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ff9a9e 0%, #ff6b81 100%) !important;
    box-shadow: 0 2px 6px rgba(255, 107, 129, 0.25) !important;
    border: none !important;
}

/* 余额/消费 */
.uc-drop-balance {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.uc-drop-balance-item {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
}

.uc-drop-balance-label {
    color: #666;
}

.uc-drop-balance-value {
    color: #ff6b81;
    font-weight: 700;
}

/* 等级 & 升级VIP */
.uc-drop-vip-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.uc-drop-vip-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.uc-drop-vip-name .badge,
.uc-drop-vip-name span {
    color: #ff6b81 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
}

.uc-drop-vip-desc {
    font-size: 13px;
    color: #888;
}

.uc-drop-vip-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;
    border-radius: 20px;
    background: linear-gradient(135deg, #ffd26f 0%, #ff9a44 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(255, 154, 68, 0.3);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.uc-drop-vip-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(255, 154, 68, 0.4);
    color: #fff;
}

/* 创作中心 / 个人中心 */
.uc-drop-quick-btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 12px;
}

.uc-drop-quick-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 0;
    border-radius: 10px;
    border: 1px solid #ff9aae;
    background: #fff;
    color: #ff6b81;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.uc-drop-quick-btn:hover {
    background: #ff6b81;
    border-color: #ff6b81;
    color: #fff;
    transform: translateY(-2px);
}

/* 商城中心 */
.uc-drop-shop-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 0;
    margin-bottom: 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff9a9e 0%, #ff6b81 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(255, 107, 129, 0.3);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.uc-drop-shop-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(255, 107, 129, 0.4);
    color: #fff;
}

/* 主页 / 资料 / 退出 */
.uc-drop-footer-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding-top: 4px;
}

.uc-drop-footer-links a {
    position: relative;
    color: #ff6b81;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.25s ease;
}

.uc-drop-footer-links a:hover {
    color: #ff3b55;
}

.uc-drop-footer-links a:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #ffd1d8;
}

/* 站长专属入口（仅管理员可见，紧跟 主页/资料/退出 行） */
.uc-drop-admin-link {
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px dashed #ffd1d8;
    text-align: center;
}

.uc-drop-admin-link a {
    display: inline-flex;
    align-items: center;
    padding: 4px 14px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff6b9d 0%, #ff4c8b 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.5px;
    transition: filter 0.25s ease;
}

.uc-drop-admin-link a:hover {
    color: #fff;
    filter: brightness(0.94);
}

/* 覆盖原主题下拉默认样式，避免冲突 */
.action-hover-menu .hover-warp .hover-info,
.action-hover-menu .hover-warp .hover-balance,
.action-hover-menu .hover-warp .hover-item,
.action-hover-menu .hover-warp .abstop-item {
    display: none;
}

.action-hover-menu .hover-warp {
    right: 0;
    left: auto;
}

@media (max-width: 576px) {
    .action-hover-menu .hover-warp {
        position: fixed;
        left: 50% !important;
        right: auto !important;
        top: 70px;
        transform: translateX(-50%);
        width: calc(100% - 32px);
        max-width: 340px;
    }
}

/* ========================
   首页英雄区搜索栏
   ======================== */

.home-search-card {
    max-width: 1029px;
    width: 100%;
    margin: 0 auto;
    padding: 8px;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.home-search-form {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* 分类下拉（自定义面板） */
.home-search-select {
    flex: 0 0 auto;
}

.home-search-cat {
    position: relative;
    display: inline-block;
}

.home-search-cat-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 100px;
    height: 52px;
    padding: 0 14px;
    border: none;
    border-radius: 12px;
    background-color: #f8f8f8;
    color: #555;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.25s ease, box-shadow 0.25s ease;
}

.home-search-cat-trigger:hover,
.home-search-cat-trigger:focus {
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(255, 107, 129, 0.15);
    outline: none;
}

.home-search-cat-trigger i {
    font-size: 12px;
    color: #ff6b81;
    transition: transform 0.25s ease;
}

.home-search-cat-list.is-open + .home-search-cat-trigger i,
.home-search-cat-list.is-open ~ .home-search-cat-trigger i,
.home-search-cat-trigger[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.home-search-cat-list {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 100;
    min-width: 180px;
    max-height: 320px;
    overflow-y: auto;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(255, 154, 170, 0.55);
    box-shadow: 0 8px 28px rgba(255, 107, 129, 0.35);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.home-search-cat-list.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.home-search-cat-list li {
    padding: 10px 16px;
    color: #555;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
}

.home-search-cat-list li:hover,
.home-search-cat-list li.is-active {
    background: rgba(255, 107, 129, 0.12);
    color: #ff6b81;
}

.home-search-cat-list li.is-active {
    font-weight: 600;
}

/* 输入框区域 */
.home-search-fields {
    flex: 1 1 auto;
    position: relative;
    display: flex;
    align-items: center;
}

.home-search-input {
    width: 100%;
    height: 52px;
    padding: 0 150px 0 18px;
    border: none;
    border-radius: 12px;
    background: #f8f8f8;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    transition: background 0.25s ease, box-shadow 0.25s ease;
}

.home-search-input::placeholder {
    color: #aaa;
    font-weight: 400;
}

.home-search-input:focus {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(255, 107, 129, 0.15);
}

/* 提示文字（VIP 入口按钮） */
.home-search-tip {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 20px;
    background: linear-gradient(135deg, #ff6b6b 0%, #ff4757 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 3px 10px rgba(255, 71, 87, 0.3);
    cursor: pointer;
    pointer-events: auto;
    z-index: 2;
    transition: filter 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.home-search-tip:hover {
    filter: brightness(0.88);
    transform: translateY(-50%) scale(1.03);
    box-shadow: 0 5px 14px rgba(255, 71, 87, 0.45);
    color: #fff;
    text-decoration: none;
}

/* 搜索按钮 */
.home-search-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 0 26px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff9a9e 0%, #ff6b81 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(255, 107, 129, 0.35);
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.home-search-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 129, 0.45);
    filter: brightness(1.05);
    color: #fff;
}

/* 投稿按钮 */
.home-tougao-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 0 26px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff6b6b 0%, #ff4757 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(255, 71, 87, 0.35);
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.home-tougao-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 71, 87, 0.45);
    filter: brightness(1.05);
    color: #fff;
}

/* 响应式 */
@media (max-width: 768px) {
    .home-search-form {
        flex-wrap: wrap;
    }

    .home-search-select,
    .home-search-fields,
    .home-search-btn,
    .home-tougao-btn {
        flex: 1 1 100%;
    }

    .home-search-select select.form-select,
    .home-search-input,
    .home-search-btn,
    .home-tougao-btn {
        width: 100%;
    }

    .home-search-tip {
        display: none;
    }
}

/* ========================
   文章详情页购买区
   ======================== */

.shop-entry-title {
    margin-bottom: 16px;
}

.shop-entry-title .post-title {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin-top: 10px;
    line-height: 1.4;
}

.shop-badges {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.shop-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 20px;
    padding: 0 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.shop-badge-blue {
    background: #4a90e2;
}

.shop-badge-gold {
    background: linear-gradient(135deg, #ffd26f 0%, #ff9a44 100%);
}

.shop-badge-hot {
    background: linear-gradient(135deg, #ff9a9e 0%, #ff6b81 100%);
}

/* 郑重承诺横幅 */
.shop-entry-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 18px;
    border-radius: 12px;
    background: linear-gradient(90deg, #2c2c2c 0%, #4a4a4a 100%);
    color: #fff;
    margin-bottom: 20px;
}

.shop-notice-strong {
    font-size: 15px;
    font-weight: 700;
    color: #ffd26f;
}

.shop-notice-text {
    flex: 1 1 auto;
    font-size: 14px;
    opacity: 0.95;
}

.shop-notice-btn {
    padding: 6px 16px;
    border-radius: 20px;
    background: #fff;
    color: #ff6b81;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.25s ease;
}

.shop-notice-btn:hover {
    background: #ff6b81;
    color: #fff;
}

/* 主图 */
.shop-img-box {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    background: #f8f8f8;
}

.shop-img-box img {
    width: 100%;
    height: auto;
    display: block;
}

/* 增值服务 */
.shop-services {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #fff5f7;
}

.shop-services-label {
    font-size: 14px;
    color: #ff6b81;
    font-weight: 600;
}

.shop-service-tag {
    position: relative;
    padding-left: 10px;
    font-size: 13px;
    color: #666;
}

.shop-service-tag::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ff6b81;
}

/* 元信息网格 */
.shop-meta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.shop-meta-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border-radius: 10px;
    background: #f8f8f8;
}

.shop-meta-label {
    font-size: 12px;
    color: #999;
}

.shop-meta-value {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

/* 价格与操作 */
.shop-price-actions {
    padding: 18px;
    border-radius: 14px;
    background: #fff5f7;
    margin-bottom: 16px;
}

.shop-price-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.shop-price {
    display: flex;
    align-items: baseline;
    color: #ff4757;
    font-weight: 800;
}

.shop-price-symbol {
    font-size: 18px;
    margin-right: 2px;
}

.shop-price-num {
    font-size: 32px;
    line-height: 1;
}

.shop-price-unit {
    font-size: 14px;
    margin-left: 4px;
    color: #999;
    font-weight: 500;
}

.shop-vip-discount {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.shop-vip-tag {
    padding: 3px 10px;
    border-radius: 20px;
    background: #ffd26f;
    color: #fff;
    font-weight: 700;
}

.shop-vip-discount a,
.shop-vip-link a {
    color: #ff6b81;
    text-decoration: none;
    font-weight: 600;
}

.shop-vip-discount a:hover,
.shop-vip-link a:hover {
    text-decoration: underline;
}

.shop-vip-link {
    font-size: 13px;
}

.shop-action-row .buy-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.shop-buy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #ff6b6b 0%, #ff4757 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(255, 71, 87, 0.35);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.shop-buy-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 71, 87, 0.45);
    color: #fff;
}

.shop-vip-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #ffd26f 0%, #ff9a44 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(255, 154, 68, 0.35);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    text-decoration: none;
}

.shop-vip-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 154, 68, 0.45);
    color: #fff;
}

.shop-like-fav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.shop-like-btn,
.shop-fav-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #ffd1d8;
    color: #ff6b81;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s ease;
}

.shop-like-btn:hover,
.shop-fav-btn:hover {
    background: #ff6b81;
    border-color: #ff6b81;
    color: #fff;
}

.shop-disclaimer {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #ffe0e6;
    background: #fff;
    color: #ff9a44;
    font-size: 13px;
    font-weight: 500;
}

.shop-disclaimer i {
    color: #ff6b81;
}

/* ========================
   文章详情页 TAB 与信息属性
   ======================== */

.single-content-nav {
    margin-bottom: 20px;
}

.single-content-nav .nav-pills {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.single-content-nav .nav-pills .nav-link {
    padding: 10px 18px;
    border-radius: 8px;
    color: #666;
    font-size: 15px;
    font-weight: 600;
    background: transparent;
    border: none;
}

.single-content-nav .nav-pills .nav-link.active {
    color: #ff6b81;
    background: #fff5f7;
}

.single-consult-btn {
    margin-left: auto;
    padding: 8px 18px !important;
    border-radius: 8px !important;
    border: 1px solid #ff9aae !important;
    color: #ff6b81 !important;
    background: #fff !important;
    font-size: 14px !important;
    transition: all 0.25s ease;
}

.single-consult-btn:hover {
    background: #ff6b81 !important;
    color: #fff !important;
    border-color: #ff6b81 !important;
}

/* 信息属性 */
.single-info-attrs {
    margin-bottom: 24px;
    padding: 20px 22px 22px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #eef0f7;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

.single-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #bcd2f5;
}

.single-section-title i {
    color: #4a90e2;
    font-size: 16px;
}

.single-section-title h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #4a90e2;
}

.single-info-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
}

.single-info-item {
    display: flex;
    align-items: stretch;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e6ecf7;
    background: #fff;
    transition: box-shadow .2s ease, transform .2s ease;
}

.single-info-item:hover {
    box-shadow: 0 6px 16px rgba(74, 144, 226, 0.12);
    transform: translateY(-1px);
}

.single-info-label {
    flex: 0 0 auto;
    min-width: 30%;
    max-width: 42%;
    padding: 11px 12px;
    background: #f0f4ff;
    color: #6c87d6;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1.4;
    word-break: break-all;
}

.single-info-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4a90e2;
    flex-shrink: 0;
}

.single-info-value {
    flex: 1 1 auto;
    padding: 11px 12px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    line-height: 1.4;
    word-break: break-all;
}

@media (max-width: 992px) {
    .single-info-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

@media (max-width: 576px) {
    .single-info-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .single-info-label {
        min-width: 32%;
        max-width: 46%;
    }
}

/* ========================
   右侧悬浮工具栏
   ======================== */

.single-float-toolbar {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.single-float-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #fff;
    color: #ff6b81;
    font-size: 18px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(255, 107, 129, 0.25);
    border: 1px solid #ffd1d8;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.single-float-btn:hover {
    transform: translateY(-3px) scale(1.05);
    background: linear-gradient(135deg, #ff9a9e 0%, #ff6b81 100%);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 6px 18px rgba(255, 107, 129, 0.4);
}

@media (max-width: 992px) {
    .single-float-toolbar {
        right: 10px;
        gap: 8px;
    }

    .single-float-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
        border-radius: 10px;
    }
}

@media (max-width: 576px) {
    .single-float-toolbar {
        display: none;
    }

    .shop-price-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .shop-action-row .buy-btns {
        flex-direction: column;
        width: 100%;
    }

    .shop-buy-btn,
    .shop-vip-btn {
        width: 100%;
    }
}

/* ========================
   文章详情页右侧作者卡片
   ======================== */

.single-author-card {
    padding: 24px 18px;
    margin-bottom: 20px;
    border-radius: 16px;
    background: linear-gradient(180deg, #fff5f7 0%, #ffffff 100%);
    border: 1px solid #ffdce3;
    box-shadow: 0 4px 18px rgba(255, 107, 129, 0.12);
    text-align: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.single-author-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 26px rgba(255, 107, 129, 0.18);
}

.single-author-avatar {
    width: 86px;
    height: 86px;
    margin: 0 auto 14px;
    padding: 4px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #ffd1d8;
    box-shadow: 0 4px 14px rgba(255, 107, 129, 0.18);
    transition: transform 0.3s ease;
}

.single-author-card:hover .single-author-avatar {
    transform: scale(1.05);
}

.single-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.single-author-name {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 16px;
    font-size: 17px;
    font-weight: 700;
    color: #333;
}

.single-author-name .badge {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 12px;
}

.single-author-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 16px;
}

.single-author-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 1;
    max-width: 110px;
    padding: 9px 0;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
    cursor: pointer;
}

.single-author-btn:hover {
    transform: translateY(-2px);
    color: #fff;
}

.single-author-qq {
    background: linear-gradient(135deg, #ff9a9e 0%, #ff6b81 100%);
    box-shadow: 0 4px 12px rgba(255, 107, 129, 0.35);
}

.single-author-qq:hover {
    box-shadow: 0 6px 16px rgba(255, 107, 129, 0.45);
}

.single-author-wechat {
    background: linear-gradient(135deg, #42d664 0%, #2fb345 100%);
    box-shadow: 0 4px 12px rgba(47, 179, 69, 0.35);
}

.single-author-wechat:hover {
    box-shadow: 0 6px 16px rgba(47, 179, 69, 0.45);
}

.single-author-disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.single-author-disabled:hover {
    transform: none;
}

.single-author-shop,
.single-author-kefu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 0;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.single-author-shop {
    margin-bottom: 12px;
    background: #fff;
    border: 1px solid #ff9aae;
    color: #ff6b81;
}

.single-author-shop:hover {
    transform: translateY(-2px);
    background: #fff5f7;
    color: #ff6b81;
    box-shadow: 0 4px 12px rgba(255, 107, 129, 0.2);
}

.single-author-kefu {
    background: linear-gradient(135deg, #ff9a9e 0%, #ff6b81 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 107, 129, 0.35);
}

.single-author-kefu:hover {
    transform: translateY(-2px);
    color: #fff;
    box-shadow: 0 6px 16px rgba(255, 107, 129, 0.45);
}

@media (max-width: 992px) {
    .single-author-card {
        margin-bottom: 16px;
    }
}

@media (max-width: 576px) {
    .single-author-actions {
        gap: 10px;
    }

    .single-author-btn {
        max-width: none;
    }
}

/* ========================
   文章列表资源卡片悬停粉色阴影
   ======================== */

.post-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    position: relative;
    z-index: 1;
}

.post-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 32px rgba(255, 107, 129, 0.35);
    z-index: 3;
}

.post-item .entry-media img,
.post-item .media-img {
    transition: transform 0.4s ease;
}

.post-item:hover .entry-media img,
.post-item:hover .media-img {
    transform: scale(1.05);
}

.post-item .entry-title a {
    transition: color 0.25s ease;
}

.post-item:hover .entry-title a {
    color: #ff6b81;
}

/* 鼠标放到资源卡片上显示小手 */
.post-item,
.post-item * {
    cursor: pointer;
}

/* ========================
   雪花飘落 canvas
   ======================== */

#zb-snow-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9998;
}

/* ========================
   右侧作者卡片 - TA的动态（独立区块）
   ======================== */

.single-author-posts {
    padding: 20px 18px;
    margin-bottom: 20px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    text-align: left;
}

.single-author-posts-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ffd1d8;
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.single-author-posts-title span:first-child {
    color: #ff6b81;
}

.single-author-posts-date {
    font-size: 12px;
    color: #999;
    font-weight: 500;
}

.single-author-posts-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.single-author-posts-list li {
    margin-bottom: 10px;
}

.single-author-posts-list li:last-child {
    margin-bottom: 0;
}

.single-author-posts-list li a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8f9ff;
    border: 1px solid #eef0f7;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.single-author-posts-list li a:hover {
    background: #fff0f3;
    border-color: #ffd1d8;
    transform: translateY(-2px);
}

.single-author-posts-list .sap-date {
    font-size: 12px;
    color: #999;
}

.single-author-posts-list .sap-title {
    font-size: 13px;
    color: #333;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single-author-posts-list li a:hover .sap-title {
    color: #ff6b81;
}

/* lyzwlkj-style homepage showcase */
.ly-home-showcase-auto {
    position: relative;
    z-index: 2;
}

.home-icon-group-section {
    padding: 20px 0 38px;
}

.home-widget.home-icon-group .home-icon-group-section {
    padding-top: 0;
}

.home-icon-group-shell {
    overflow: hidden;
    border: 2px solid #ff668d;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 44px rgba(255, 102, 141, 0.16);
}

.home-icon-group-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 30px 10px;
}

.home-icon-group-notice {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    color: #ff315f;
    font-size: 15px;
    line-height: 1.8;
}

.home-icon-group-all {
    flex: 0 0 auto;
    font-weight: 800;
}

.home-icon-group-all i,
.home-icon-group-notice strong i {
    margin-right: 4px;
}

.home-icon-group-notice strong {
    font-weight: 800;
}

.home-icon-group-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 34px;
    flex: 0 0 auto;
}

.home-icon-group-actions a {
    color: #ff9b00;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.22s ease, transform 0.22s ease;
}

.home-icon-group-actions a i {
    margin-right: 5px;
}

.home-icon-group-actions a:hover {
    color: #ff315f;
    transform: translateY(-2px);
}

.home-icon-group-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    padding: 10px 30px 38px;
}

.home-icon-group-card {
    position: relative;
    overflow: visible;
    min-height: 230px;
    border: 0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 36px rgba(74, 82, 118, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-icon-group-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 24px 48px rgba(255, 102, 141, 0.2);
}

.home-icon-group-banner {
    position: relative;
    display: block;
    height: 116px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    color: #fff;
    text-decoration: none;
}

.home-icon-group-bg {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 0.36s ease;
}

.home-icon-group-card:hover .home-icon-group-bg {
    transform: scale(1.08) translateY(-5px);
}

.home-icon-group-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.05) 0%, rgba(17, 24, 39, 0.5) 100%);
}

.home-icon-group-badge {
    position: absolute;
    top: 22px;
    right: 14px;
    z-index: 2;
    padding: 4px 9px;
    border-radius: 5px;
    background: #ff6b8e;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 6px 16px rgba(255, 91, 127, 0.28);
}

.home-icon-group-title {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 28px;
    z-index: 2;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.45);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-icon-group-items {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: calc(100% - 34px);
    min-height: 118px;
    margin: -22px auto 0;
    padding: 20px 10px 18px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 16px 34px rgba(90, 99, 130, 0.08);
}

.home-icon-group-item {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: #5f6575;
    text-align: center;
    text-decoration: none;
    transition: color 0.22s ease, transform 0.22s ease;
}

.home-icon-group-img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 46px;
    overflow: visible;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: transform 0.22s ease;
}

.home-icon-group-img-wrap img {
    display: block;
    width: 56px;
    height: 46px;
    object-fit: contain;
    transition: transform 0.24s ease, filter 0.24s ease;
}

.home-icon-group-item:hover {
    color: #ff4f7b;
    transform: translateY(-3px);
}

.home-icon-group-item:hover .home-icon-group-img-wrap img {
    transform: translateY(-6px) rotate(-4deg) scale(1.08);
    filter: drop-shadow(0 8px 12px rgba(255, 95, 139, 0.28));
}

.home-icon-group-text {
    display: block;
    max-width: 100%;
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-icon-group-stats {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 38px;
    min-height: 50px;
    padding: 12px 24px;
    background: #ffe0e5;
    border-top: 1px solid rgba(255, 102, 141, 0.18);
}

.home-icon-group-stat {
    color: #8f98ad;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
}

.home-icon-group-stat i {
    margin-right: 4px;
    color: #a7afc0;
}

.home-icon-group-stat b {
    color: #8791a7;
    font-weight: 700;
}

.home-super-vip-section {
    position: relative;
    overflow: hidden;
    min-height: 690px;
    margin: 18px 0 0;
    padding: 70px 0 88px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.home-super-vip-mask {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(227, 239, 255, 0.78) 0%, rgba(255, 255, 255, 0.4) 46%, rgba(78, 122, 167, 0.58) 100%);
    backdrop-filter: blur(1px);
}

.home-super-vip-corner {
    position: absolute;
    z-index: 2;
    top: 150px;
    right: 44px;
    width: 70px;
    height: 70px;
    object-fit: contain;
    filter: drop-shadow(0 10px 18px rgba(255, 95, 82, 0.28));
    animation: homeVipFloat 3s ease-in-out infinite;
}

.home-super-vip-inner {
    position: relative;
    z-index: 1;
    max-width: 1480px;
}

.home-super-vip-heading {
    margin-bottom: 46px;
    text-align: center;
    color: #252b36;
}

.home-super-vip-heading h3 {
    margin: 0 0 12px;
    color: #242936;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
}

.home-super-vip-heading p {
    margin: 0;
    color: #4f5d70;
    font-size: 18px;
}

.home-super-vip-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: end;
    gap: 26px;
}

.home-super-vip-card {
    position: relative;
    display: block;
    min-height: 470px;
    overflow: hidden;
    border-radius: 42px;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 18px 30px rgba(18, 31, 45, 0.32);
    transform: translateY(0);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.home-super-vip-card:hover {
    color: #fff;
    transform: translateY(-12px) rotate(-1deg);
    box-shadow: 0 28px 46px rgba(18, 31, 45, 0.38);
}

.home-super-vip-bg {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 0.38s ease, filter 0.38s ease;
}

.home-super-vip-card:hover .home-super-vip-bg {
    transform: scale(1.1) translateY(-8px);
    filter: saturate(1.08);
}

.home-super-vip-bg::before,
.home-super-vip-desc li::before {
    content: none;
    display: none;
}

.home-super-vip-card-mask {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.2) 48%, rgba(0, 0, 0, 0.52) 100%);
}

.home-super-vip-content {
    position: absolute;
    z-index: 2;
    left: 24px;
    right: 24px;
    bottom: 34px;
    text-align: center;
}

.home-super-vip-subtitle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    backdrop-filter: blur(5px);
}

.home-super-vip-title {
    margin: 14px 0 16px;
    color: #fff;
    font-size: 34px;
    font-weight: 900;
    line-height: 1.18;
    text-shadow: 0 5px 14px rgba(0, 0, 0, 0.5);
}

.home-super-vip-price {
    margin-bottom: 12px;
    color: #fff;
    font-size: 28px;
    font-weight: 900;
}

.home-super-vip-price small {
    margin-left: 3px;
    font-size: 14px;
    font-weight: 600;
}

.home-super-vip-desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-super-vip-desc li {
    position: static;
    padding-left: 0;
    color: rgba(255, 255, 255, 0.95);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.home-super-vip-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin-top: 16px;
    padding: 8px 20px;
    border-radius: 999px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);
    transition: transform 0.25s ease;
}

.home-super-vip-card:hover .home-super-vip-btn {
    transform: scale(1.05);
}

@keyframes homeVipFloat {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-8px) rotate(4deg);
    }
}

@media (max-width: 1199.98px) {
    .home-icon-group-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-super-vip-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .home-icon-group-topline {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px 16px 8px;
    }

    .home-icon-group-notice {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        font-size: 13px;
    }

    .home-icon-group-actions {
        width: 100%;
        justify-content: space-between;
        gap: 10px;
    }

    .home-icon-group-actions a {
        font-size: 13px;
    }

    .home-icon-group-grid {
        grid-template-columns: 1fr;
        padding: 10px 16px 26px;
    }

    .home-icon-group-stats {
        justify-content: flex-start;
        gap: 12px 22px;
    }

    .home-super-vip-section {
        min-height: 620px;
        padding: 54px 0 66px;
    }

    .home-super-vip-corner {
        top: 120px;
        right: 18px;
        width: 54px;
        height: 54px;
    }

    .home-super-vip-heading {
        margin-bottom: 28px;
    }

    .home-super-vip-heading h3 {
        font-size: 32px;
    }

    .home-super-vip-heading p {
        font-size: 15px;
    }

    .home-super-vip-grid {
        display: flex;
        gap: 18px;
        overflow-x: auto;
        padding: 0 18px 10px;
        scroll-snap-type: x mandatory;
    }

    .home-super-vip-card {
        flex: 0 0 250px;
        min-height: 410px;
        border-radius: 30px;
        scroll-snap-align: center;
    }

    .home-super-vip-title {
        font-size: 28px;
    }
}

/* lyzwlkj-style hot categories and refined VIP motion */
html {
    scrollbar-color: #ff6f96 #f5f1f5;
    scrollbar-width: thin;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: rgba(255, 238, 244, 0.82);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    min-height: 72px;
    border: 3px solid rgba(255, 238, 244, 0.82);
    border-radius: 999px;
    background: linear-gradient(180deg, #ff9db6 0%, #ff5f8b 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ff7da0 0%, #ff376f 100%);
}

.single-float-btn,
.rollbar .actions li a,
.rollbar-item,
.right-bar a,
.fixed-right a,
.site-fixed a,
.go-top,
.back-to-top,
#backtop,
#scrollUp {
    border: 1px solid #ffd0dc !important;
    background: #fff !important;
    color: #ff5f8b !important;
    box-shadow: 0 10px 22px rgba(255, 95, 139, 0.24) !important;
    transition: transform 0.24s ease, color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease !important;
}

.single-float-btn:hover,
.rollbar .actions li a:hover,
.rollbar-item:hover,
.right-bar a:hover,
.fixed-right a:hover,
.site-fixed a:hover,
.go-top:hover,
.back-to-top:hover,
#backtop:hover,
#scrollUp:hover {
    background: linear-gradient(180deg, #ff8ead 0%, #ff5f8b 100%) !important;
    color: #fff !important;
    transform: translateY(-3px) scale(1.06) !important;
    box-shadow: 0 14px 30px rgba(255, 95, 139, 0.36) !important;
}

.home-hot-cats-section {
    padding: 12px 0 54px;
}

.home-hot-cats-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.home-hot-cats-head h3 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #111827;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}

.home-hot-cats-head h3 i {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #ff4f7b;
    font-size: 28px;
}

.home-hot-cats-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #ff4f7b;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.22s ease, color 0.22s ease;
}

.home-hot-cats-more:hover {
    color: #ff1f60;
    transform: translateX(4px);
}

.home-hot-cats-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.home-hot-cat-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 204px;
    gap: 24px;
    min-height: 314px;
    padding: 32px 28px 28px;
    border: 1px solid rgba(255, 95, 139, 0.28);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 18px 42px rgba(60, 68, 95, 0.08);
    transition: transform 0.26s ease, border-color 0.26s ease, box-shadow 0.26s ease;
}

.home-hot-cat-card:hover {
    border-color: #ff5f8b;
    transform: translateY(-6px);
    box-shadow: 0 24px 52px rgba(255, 95, 139, 0.18);
}

.home-hot-cat-body {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.home-hot-cat-body h4 {
    margin: 0 0 14px;
    color: #111827;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.3;
}

.home-hot-cat-posts {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0;
    min-height: 158px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-hot-cat-posts li {
    min-height: 38px;
    border-bottom: 1px solid rgba(229, 231, 235, 0.82);
}

.home-hot-cat-posts a,
.home-hot-cat-posts span {
    display: block;
    overflow: hidden;
    padding: 9px 0;
    color: #687083;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.22s ease, transform 0.22s ease;
}

.home-hot-cat-posts a:hover {
    color: #ff4f7b;
    transform: translateX(4px);
}

.home-hot-cat-posts li:first-child a {
    color: #ff4f7b;
}

.home-hot-cat-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 16px;
}

.home-hot-cat-foot span {
    color: #a0a7b5;
    font-size: 14px;
    white-space: nowrap;
}

.home-hot-cat-foot span i {
    margin-right: 4px;
}

.home-hot-cat-foot span b {
    color: #ff9b00;
}

.home-hot-cat-foot > a {
    flex: 0 0 auto;
    color: #ff4f7b;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.22s ease, color 0.22s ease;
}

.home-hot-cat-foot > a:hover {
    color: #ff1f60;
    transform: translateX(4px);
}

.home-hot-cat-cover {
    display: block;
    align-self: center;
    width: 204px;
    height: 260px;
    overflow: hidden;
    border: 2px solid #ff5f8b;
    border-radius: 5px;
    background: #fff4f7;
}

.home-hot-cat-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.34s ease, filter 0.34s ease;
}

.home-hot-cat-card:hover .home-hot-cat-cover img {
    transform: scale(1.08) translateY(-6px);
    filter: saturate(1.08);
}

.home-super-vip-card {
    --vip-title-color: #ffffff;
    --vip-title-stroke: #1a1a1a;
    --vip-title-shadow: #050505;
    --vip-title-stroke-width: 2px;
    --vip-title-size: 42px;
    --vip-title-font: "华文琥珀", "STHupo", "Microsoft YaHei", "PingFang SC", sans-serif;
}

.home-super-vip-content {
    transition: transform 0.3s ease;
}

.home-super-vip-card:hover .home-super-vip-content {
    transform: translateY(-32px);
}

.home-super-vip-title {
    display: inline-block;
    color: var(--vip-title-color) !important;
    font-size: var(--vip-title-size) !important;
    font-family: var(--vip-title-font);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: 0;
    paint-order: stroke fill;
    -webkit-text-stroke: var(--vip-title-stroke-width) var(--vip-title-stroke);
    text-shadow:
        2px 0 0 var(--vip-title-stroke),
        -2px 0 0 var(--vip-title-stroke),
        0 2px 0 var(--vip-title-stroke),
        0 -2px 0 var(--vip-title-stroke),
        2px 2px 0 var(--vip-title-stroke),
        -2px 2px 0 var(--vip-title-stroke),
        2px -2px 0 var(--vip-title-stroke),
        -2px -2px 0 var(--vip-title-stroke),
        0 5px 0 var(--vip-title-shadow),
        2px 7px 0 var(--vip-title-shadow),
        0 12px 10px rgba(0, 0, 0, 0.42);
    transform: skew(-5deg);
    transform-origin: center;
    -webkit-font-smoothing: antialiased;
    transition: transform 0.3s ease, filter 0.3s ease, text-shadow 0.3s ease;
}

.home-super-vip-card:hover .home-super-vip-title {
    transform: translateY(-14px) scale(1.07) skew(-5deg);
    filter: brightness(1.08);
}

.home-super-vip-subtitle,
.home-super-vip-desc li,
.home-super-vip-price,
.home-super-vip-btn {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.home-super-vip-card:hover .home-super-vip-subtitle,
.home-super-vip-card:hover .home-super-vip-desc li,
.home-super-vip-card:hover .home-super-vip-price,
.home-super-vip-card:hover .home-super-vip-btn {
    transform: translateY(-8px);
}

@media (max-width: 1199.98px) {
    .home-hot-cats-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .home-hot-cats-section {
        padding-bottom: 40px;
    }

    .home-hot-cats-head h3 {
        font-size: 22px;
    }

    .home-hot-cat-card {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 22px 18px;
    }

    .home-hot-cat-cover {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .home-hot-cat-foot {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .home-super-vip-card:hover .home-super-vip-content {
        transform: translateY(-22px);
    }
}

/* ========================
   lyzwl 内容页风格：顶部横板 1770x580 + 下方左宽右窄两栏
   ======================== */

/* 顶部横板容器 */
.lyzwl-top-section {
    width: 100%;
    max-width: 1770px;
    height: 580px;
    margin: 0 auto;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.lyzwl-top-inner {
    width: 100%;
    height: 100%;
    padding: 20px;
    display: grid;
    grid-template-columns: 520px minmax(0, 1fr) 260px;
    gap: 20px;
    align-items: stretch;
    box-sizing: border-box;
}
/* 右侧作者卡已于 2026-09-02 恢复显示，恢复三列布局（保留开关规则备用：
   如需再次隐藏作者卡，给 .lyzwl-top-inner 加 data-no-side="1" 即可） */
.lyzwl-top-inner[data-no-side="1"]{
    grid-template-columns:520px minmax(0,1fr) !important;
}

/* 左侧封面图 */
.lyzwl-top-cover {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    height: 100%;
}

.lyzwl-cover-img-wrap {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    flex-shrink: 0;
}

.lyzwl-cover-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 封面下方最近更新 / 资源编号 */
.lyzwl-cover-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #fff8f0;
    border: 1px solid #ffe8d6;
    font-size: 13px;
    color: #8b5a2b;
}

.lyzwl-cover-meta .lyzwl-cover-update {
    font-weight: 500;
}

.lyzwl-cover-meta .lyzwl-cover-resid {
    margin-left: auto;
    padding: 2px 10px;
    border-radius: 20px;
    background: #e8f5e9;
    color: #2e7d32;
    font-weight: 600;
}

/* 中间主体 */
.lyzwl-top-body {
    height: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

/* 标签 */
.lyzwl-badges {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.lyzwl-badges .shop-badge {
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 7px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
}

.lyzwl-badges .shop-badge-blue {
    background: linear-gradient(135deg, #4488ff 0%, #3b74d9 100%);
}

.lyzwl-badges .shop-badge-gold {
    background: linear-gradient(135deg, #ff9f43 0%, #ffb347 100%);
}

.lyzwl-badges .shop-badge-hot {
    background: linear-gradient(135deg, #ff4757 0%, #ff6b5e 100%);
}

.lyzwl-post-title {
    font-size: 28px;
    font-weight: 700;
    color: #ff6b81;
    line-height: 1.4;
    margin-bottom: 10px;
}

/* 元信息 */
.lyzwl-top-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
    font-size: 12px;
    color: #999;
}

.lyzwl-meta-author {
    color: #333;
    font-weight: 600;
}

.lyzwl-meta-author img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
    border: 1px solid #ffd1d8;
}

.lyzwl-meta-date {
    padding: 2px 10px;
    border-radius: 20px;
    background: #fff0f3;
    color: #ff6b81;
    font-weight: 500;
}

/* 郑重承诺条（支持后台自定义：左侧图片 + 文字描述 + 升级会员链接） */
.lyzwl-top-notice {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 78px;
    padding: 14px 20px;
    border-radius: 10px;
    background: linear-gradient(90deg, #2a2140 0%, #3d2a5e 100%);
    color: #fff;
    box-sizing: border-box;
}

.lyzwl-top-notice .lyzwl-notice-img-wrap {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    max-width: 90px;
    overflow: hidden;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
}

.lyzwl-top-notice .lyzwl-notice-img {
    height: 50px;
    width: auto;
    max-width: 90px;
    object-fit: cover;
    display: block;
}

.lyzwl-top-notice .lyzwl-notice-body {
    display: inline-flex;
    align-items: baseline;
    flex: 1 1 auto;
    min-width: 0;
    gap: 4px;
}

.lyzwl-top-notice .lyzwl-notice-strong {
    font-size: 16px;
    font-weight: 700;
    color: #ff9ebb;
    flex-shrink: 0;
}

.lyzwl-top-notice .lyzwl-notice-text {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lyzwl-top-notice .lyzwl-notice-btn {
    margin-left: auto;
    padding: 8px 22px;
    border-radius: 16px;
    background: linear-gradient(135deg, #ff6b9d 0%, #ff4c8b 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    flex-shrink: 0;
    text-decoration: none;
}

.lyzwl-top-notice .lyzwl-notice-btn:hover {
    filter: brightness(0.94);
    color: #fff;
}

/* 增值服务 */
.lyzwl-top-services {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #fff5f7;
    font-size: 14px;
}

.lyzwl-top-services .shop-services-label {
    color: #ff6b81;
    font-weight: 600;
    flex-shrink: 0;
}

.lyzwl-top-services .shop-services-label i {
    color: #ff6b81;
    font-size: 13px;
    vertical-align: -1px;
}

.lyzwl-top-services .shop-service-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.lyzwl-top-services .shop-service-tag {
    color: #ff6b81;
    font-weight: 500;
}

.lyzwl-top-services .shop-service-sep {
    color: #ffb3c1;
}

/* 自定义增值服务标签（用户自行添加）—— 粉红虚框 + 浅底色与预设项区分 */
.shop-service-tag-custom {
    background: #fff5f7;
    border: 1px dashed #ff6b81;
    color: #ff4c6d;
    padding: 1px 9px;
    margin-left: 2px;
    font-style: normal;
}

/* 价格与购买 */
.lyzwl-top-actions {
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff5f7;
}

.lyzwl-top-actions .shop-price-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-bottom: 12px;
}

.lyzwl-top-actions .shop-price {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.lyzwl-top-actions .shop-price-symbol {
    font-size: 16px;
    color: #ff4757;
    font-weight: 600;
}

.lyzwl-top-actions .shop-price-num {
    font-size: 32px;
    font-weight: 800;
    color: #ff4757;
    line-height: 1;
}

.lyzwl-top-actions .shop-price-unit {
    font-size: 13px;
    color: #666;
}

.lyzwl-top-actions .shop-vip-text {
    font-size: 14px;
    color: #666;
}

.lyzwl-top-actions .shop-vip-link {
    font-size: 14px;
}

.lyzwl-top-actions .shop-like-fav {
    margin-left: auto;
    display: flex;
    gap: 8px;
}

.lyzwl-top-actions .shop-like-fav .btn {
    padding: 5px 12px;
    font-size: 13px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #ffd1d8;
    color: #ff6b81;
}

.lyzwl-top-actions .shop-like-fav .btn:hover {
    background: #ff6b81;
    color: #fff;
}

.lyzwl-top-actions .shop-action-row .buy-btns {
    display: flex;
    gap: 12px;
}

.lyzwl-top-actions .shop-action-row .buy-btns .btn {
    flex: 1 1 0;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    border: none;
    color: #fff;
}

.lyzwl-top-actions .shop-action-row .shop-buy-btn {
    background: linear-gradient(135deg, #ff4757 0%, #ff6b5e 100%);
}

.lyzwl-top-actions .shop-action-row .shop-vip-btn {
    background: linear-gradient(135deg, #ff9f43 0%, #ffb347 100%);
}

.lyzwl-top-actions .buy-title {
    color: #ff6b81;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
}

/* 右侧作者卡 */
.lyzwl-top-side {
    height: 100%;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    padding: 18px 14px;
    background: linear-gradient(180deg, #fff0f3 0%, #fffafc 100%);
    overflow-y: auto;
    text-align: center;
    box-sizing: border-box;
}

.lyzwl-top-side .single-author-card {
    padding: 0;
    margin-bottom: 0;
    background: transparent;
}

.lyzwl-top-side .single-author-avatar {
    width: 78px;
    height: 78px;
    margin: 0 auto 8px;
    border-radius: 50%;
    border: 3px solid #ffd6e8;
    overflow: hidden;
}

.lyzwl-top-side .single-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.lyzwl-top-side .single-author-name {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.lyzwl-top-side .single-author-actions {
    display: flex;
    gap: 6px;
    margin-bottom: 10px;
}

.lyzwl-top-side .single-author-btn {
    flex: 1;
    padding: 5px 0;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
}

.lyzwl-top-side .single-author-qq {
    background: linear-gradient(135deg, #ff6b9d 0%, #ff4c8b 100%);
}

.lyzwl-top-side .single-author-wechat {
    background: linear-gradient(135deg, #2ed573 0%, #26b95f 100%);
}

.lyzwl-top-side .single-author-shop,
.lyzwl-top-side .single-author-kefu {
    display: block;
    width: 100%;
    padding: 8px 0;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 6px;
}

.lyzwl-top-side .single-author-shop {
    border: 1px solid #ff6b9d;
    color: #ff6b9d;
    background: #fff;
}

.lyzwl-top-side .single-author-kefu {
    border: none;
    color: #fff;
    background: linear-gradient(135deg, #ff6b9d 0%, #ff4c8b 100%);
    margin-bottom: 0;
}

.lyzwl-top-side .single-author-posts {
    display: none;
}

/* 下方主容器：左宽右窄两栏 */
.lyzwl-main-wrap {
    margin-top: 24px;
    padding: 16px;
    background: linear-gradient(180deg, #fff8fa 0%, #fff5f7 100%);
    border-radius: 14px;
}

.lyzwl-main-col .card {
    border-radius: 10px;
}

.lyzwl-sidebar {
    position: static;
    height: auto;
    padding: 0;
    margin: 0;
}

/* 响应式 */
@media (max-width: 991.98px) {
    .lyzwl-sidebar > .lyzwl-side-card {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 1300px) {
    .lyzwl-top-inner {
        grid-template-columns: 440px minmax(0, 1fr) 230px;
        gap: 16px;
        padding: 16px;
    }
}

@media (max-width: 1100px) {
    .lyzwl-top-section {
        height: auto;
    }
    .lyzwl-top-inner {
        grid-template-columns: minmax(0, 1fr);
        height: auto;
    }
    .lyzwl-top-cover {
        height: 320px;
    }
    .lyzwl-top-side {
        height: auto;
    }
}

/* 资源操作按钮：立即下载 / 复制密码 */
.lyzwl-res-action-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 12px;
}

.lyzwl-res-action-row .lyzwl-action-btn {
    flex: 1 1 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 0;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.lyzwl-res-action-row .lyzwl-action-btn:hover {
    opacity: 0.92;
}

.lyzwl-res-action-row .lyzwl-action-download {
    background: linear-gradient(135deg, #ff4757 0%, #ff6b5e 100%);
}

.lyzwl-res-action-row .lyzwl-action-copy {
    background: linear-gradient(135deg, #ff6b9d 0%, #ff4c8b 100%);
}

/* 虚拟资源声明条 */
.lyzwl-disclaimer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #fff8f0;
    border: 1px solid #ffe8d6;
    color: #8b5a2b;
    font-size: 14px;
    font-weight: 500;
}

.lyzwl-disclaimer i {
    color: #ff9f43;
}

/* 下方正文内容卡片 */
.lyzwl-content-card {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin-top: 0;
}

/* ========================
   价格区按钮横排：升级会员 + 立即下载
   ======================== */
.lyzwl-buy-btns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100%;
}

.lyzwl-buy-btns .btn {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0;
    padding: 12px 0 !important;
    font-size: 14px !important;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}

.lyzwl-buy-btns .shop-buy-btn {
    background: linear-gradient(135deg, #ff4757 0%, #ff6b5e 100%);
}

.lyzwl-buy-btns .shop-vip-btn {
    background: linear-gradient(135deg, #ff9f43 0%, #ffb347 100%);
    text-decoration: none;
}

.lyzwl-buy-btns .btn:hover {
    filter: brightness(0.94);
}

/* 资源编号行（在价格区下方，不和按钮挤一行） */
.lyzwl-res-id-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #fff5f7;
    color: #ff6b81;
    font-size: 13px;
    border: 1px solid #ffd6e8;
}

.lyzwl-res-id-row .lyzwl-res-id-label {
    font-weight: 600;
    flex-shrink: 0;
}

.lyzwl-res-id-row .lyzwl-res-id-value {
    font-weight: 700;
    color: #333;
}

.lyzwl-res-id-row .lyzwl-copy-resid {
    margin-left: auto;
    padding: 4px 12px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff6b9d 0%, #ff4c8b 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.lyzwl-res-id-row .lyzwl-copy-resid:hover {
    opacity: 0.9;
}

/* ========== 文章顶部视频模块：支持直链 + 第三方 embed ========== */
.lyzwl-video-stage {
    position: relative;
    width: 100%;
    background: #000;
    overflow: hidden;
    border-radius: 6px;
}

.lyzwl-video-episode {
    display: none;
}

.lyzwl-video-episode.is-active {
    display: block;
}

.lyzwl-video-iframe {
    display: block;
}

.lyzwl-video-native {
    display: block;
}

.lyzwl-video-unknown {
    color: #fff;
    font-size: 14px;
}

/* ========== 第三方视频：高清保障 + 源站跳转提示条 ========== */
/* B 站等平台会按 iframe 像素宽度选清晰度，容器过窄会强制降码率，这里保证容器足够宽 */
.video-hero .ri-video-warp,
.lyzwl-video-stage {
    width: 100%;
    max-width: 100%;
}

.lyzwl-video-stage .embed-stage {
    min-width: 640px;   /* 低于 640px 时 B 站会降到 480P */
}

@media (max-width: 767px) {
    .lyzwl-video-stage .embed-stage {
        min-width: 0;   /* 移动端由平台自适应，不强行撑宽 */
    }
}

/* 源站高清跳转提示条 */
.lyzwl-video-hd-tip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 14px;
    border-radius: 6px;
    background: #fff8f0;
    border: 1px solid #ffe0bd;
    font-size: 12px;
}

.lyzwl-video-hd-tip .lyzwl-hd-icon {
    color: #b26a00;
}

.lyzwl-video-hd-tip .lyzwl-hd-link {
    color: #ff6b81;
    font-weight: 600;
    text-decoration: none;
    padding: 3px 12px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff6b9d 0%, #ff4c8b 100%);
    color: #fff;
}

.lyzwl-video-hd-tip .lyzwl-hd-link:hover {
    filter: brightness(0.94);
    color: #fff;
}

/* ========== 顶部独立视频区（lyzwl 风格下与 1770 横板分开、上下排列） ========== */
.lyzwl-video-section {
    width: 100%;
    background: #0a0a14;
    padding: 20px 0;
    margin-bottom: 16px;
}

.lyzwl-video-section .container {
    max-width: 1770px;
}

.lyzwl-video-section .ri-video-warp {
    background: #000;
    border-radius: 6px;
    overflow: hidden;
}

.lyzwl-video-section .col-lg-3 .ri-video-list {
    background: #1b1b28;
    color: #fff;
    padding: 16px;
    border-radius: 6px;
    height: 100%;
    margin-left: 0;
}

.lyzwl-video-section .col-lg-3 .video-title {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 12px;
}

.lyzwl-video-section .col-lg-3 .video-title .title-span {
    font-weight: 500;
}

.lyzwl-video-section .col-lg-3 .video-title .title-count {
    margin: 4px 0 0;
    font-size: 12px;
    color: #aaa;
}

.lyzwl-video-section .col-lg-3 .video-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lyzwl-video-section .col-lg-3 .video-nav .switch-video {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    border-radius: 4px;
    background: #2a2a3a;
    color: #ccc;
    font-size: 12px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.lyzwl-video-section .col-lg-3 .video-nav .switch-video.active,
.lyzwl-video-section .col-lg-3 .video-nav .switch-video:hover {
    background: linear-gradient(135deg, #ff6b9d 0%, #ff4c8b 100%);
    color: #fff;
}

@media (max-width: 991.98px) {
    .lyzwl-video-section .col-lg-3 .ri-video-list {
        margin-top: 12px;
    }
}

/* ========== lyzwl 文章侧栏三件套：动态 / 排行榜 / 云标签（粉色主调） ========== */
.lyzwl-side-card {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 16px;
    border: 1px solid #ffe7ee;
    box-shadow: 0 2px 8px rgba(255, 107, 129, 0.06);
    overflow: hidden;
}

.lyzwl-side-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 14px;
    background: linear-gradient(135deg, #ff6b9d 0%, #ff4c8b 100%);
    color: #fff;
}

.lyzwl-side-card-head .lyzwl-side-card-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.lyzwl-side-card-head .lyzwl-side-card-title i {
    font-size: 13px;
    margin-right: 2px;
}

.lyzwl-side-card-head .lyzwl-side-card-meta {
    font-size: 11px;
    opacity: 0.92;
    letter-spacing: 0.3px;
}

.lyzwl-side-card-body { padding: 4px 0; }

/* 通用空态 */
.lyzwl-dynamic-empty,
.lyzwl-ranking-empty,
.lyzwl-tags-empty {
    padding: 14px;
    text-align: center;
    font-size: 12px;
    color: #b6b6b6;
}

/* ========== TA的动态 ========== */
.lyzwl-dynamic-list { padding: 0 14px; }

.lyzwl-dynamic-item {
    position: relative;
    padding: 8px 0 8px 14px;
    border-bottom: 1px dashed #ffe7ee;
    font-size: 13px;
}

.lyzwl-dynamic-item:last-child { border-bottom: 0; }

.lyzwl-dynamic-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 16px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff6b81;
    box-shadow: 0 0 0 2px rgba(255, 107, 129, 0.12);
}

.lyzwl-dynamic-item .lyzwl-dyn-date {
    display: block;
    font-size: 11px;
    color: #ff6b81;
    font-weight: 600;
    margin-bottom: 2px;
    font-family: ui-monospace, "SFMono-Regular", "Menlo", monospace;
}

.lyzwl-dynamic-item .lyzwl-dyn-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #444;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    transition: color 0.18s;
}

.lyzwl-dynamic-item .lyzwl-dyn-title:hover { color: #ff4c8b; }

/* ========== 下载排行榜 ========== */
.lyzwl-ranking-list { padding: 4px 14px 8px; }

.lyzwl-rank-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px dashed #ffe7ee;
}

.lyzwl-rank-item:last-child { border-bottom: 0; }

.lyzwl-rank-num {
    flex: 0 0 26px;
    width: 26px;
    height: 22px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    background: #ffe7ee;
    color: #ff6b81;
    font-family: ui-monospace, monospace;
    letter-spacing: -0.5px;
}

.lyzwl-rank-item:nth-child(1) .lyzwl-rank-num {
    background: linear-gradient(135deg, #ff4c8b, #ff6b81);
    color: #fff;
    box-shadow: 0 2px 4px rgba(255, 76, 139, 0.35);
}

.lyzwl-rank-item:nth-child(2) .lyzwl-rank-num {
    background: linear-gradient(135deg, #ffa07a, #ff7f50);
    color: #fff;
}

.lyzwl-rank-item:nth-child(3) .lyzwl-rank-num {
    background: linear-gradient(135deg, #ffc2cb, #ffb1bb);
    color: #fff;
}

.lyzwl-rank-title {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    color: #444;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.18s;
}

.lyzwl-rank-title:hover { color: #ff4c8b; }

/* ========== 云标签 ========== */
.lyzwl-tagcloud {
    padding: 12px 14px 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lyzwl-tagcloud a {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 14px;
    background: linear-gradient(135deg, #fff5f7 0%, #ffe7ee 100%);
    color: #ff6b81;
    border: 1px solid #ffd6e8;
    line-height: 1.4;
    transition: transform 0.18s, box-shadow 0.18s, background 0.18s, color 0.18s;
}

.lyzwl-tagcloud a:hover {
    background: linear-gradient(135deg, #ff6b9d 0%, #ff4c8b 100%);
    color: #fff;
    border-color: #ff4c8b;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(255, 76, 139, 0.32);
    text-decoration: none;
}

/* 首页右侧悬浮栏最终覆盖 */
.rollbar .actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rollbar .actions li a {
    width: 44px !important;
    min-height: 44px !important;
    border: 1px solid #ffd0dc !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #ff5f8b !important;
    box-shadow: 0 10px 22px rgba(255, 95, 139, 0.24) !important;
    transition: transform 0.24s ease, color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease !important;
}

.rollbar .actions li a i,
.rollbar .actions li a span {
    color: inherit !important;
}

.rollbar .actions li a:hover {
    background: linear-gradient(180deg, #ff8ead 0%, #ff5f8b 100%) !important;
    color: #fff !important;
    transform: translateY(-3px) scale(1.06) !important;
    box-shadow: 0 14px 30px rgba(255, 95, 139, 0.36) !important;
}

/* 首页文章模块标题栏：最新文章 / 分类文章 / CMS文章 */
.ly-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    margin: 0 0 22px;
}

.ly-section-heading h3 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0;
    color: #111827;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
}

.ly-section-heading h3 i {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #ff4f7b;
    font-size: 30px;
    line-height: 1;
}

.ly-section-heading h3 a {
    overflow: hidden;
    color: inherit !important;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ly-section-heading > a {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    color: #ff4f7b !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    transition: transform 0.22s ease, color 0.22s ease;
}

.ly-section-heading > a:hover {
    color: #ff1f60 !important;
    transform: translateX(4px);
}

@media (max-width: 575.98px) {
    .ly-section-heading {
        gap: 12px;
        margin-bottom: 16px;
    }

    .ly-section-heading h3 {
        font-size: 22px;
    }

    .ly-section-heading h3 i {
        width: 26px;
        height: 26px;
        font-size: 24px;
    }

    .ly-section-heading > a {
        font-size: 13px;
    }
}

/* 首页网站动态公告条 */
.bg-pink {
    background-color: #ff5f8b !important;
}

.ly-home-dynamic-section {
    padding-top: 18px !important;
}

.ly-home-dynamic-bar {
    min-height: 54px;
    padding: 10px 16px !important;
    border: 1px solid rgba(255, 95, 139, 0.16);
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.44) !important;
    box-shadow: 0 12px 34px rgba(255, 95, 139, 0.2);
    backdrop-filter: blur(10px);
}

.ly-home-dynamic-bar .dynamic-warp {
    display: flex;
    align-items: center;
    min-height: 34px;
}

.ly-home-dynamic-badge {
    display: inline-flex !important;
    align-items: center;
    height: 30px;
    padding: 0 12px !important;
    border-radius: 4px !important;
    background: linear-gradient(135deg, #ff78a0 0%, #ff4f7b 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(255, 79, 123, 0.3);
}

.ly-home-dynamic-badge i {
    color: #fff !important;
}

.ly-home-dynamic-bar .dynamic-slider-item {
    min-height: 34px;
    display: flex;
    align-items: center;
}

.ly-home-dynamic-bar .owl-nav button,
.ly-home-dynamic-bar .owl-nav [class*="owl-"] {
    color: #ff4f7b !important;
}

.ly-home-dynamic-bar .owl-nav button:hover,
.ly-home-dynamic-bar .owl-nav [class*="owl-"]:hover {
    color: #ff1f60 !important;
    background: transparent !important;
}

/* 购买后下载按钮：立即下载 / 复制密码 */
.lyzwl-download-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-top: 12px;
}

.lyzwl-download-actions {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.lyzwl-download-actions .btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    height: 38px;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    text-decoration: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.lyzwl-download-actions .lyzwl-download-btn {
    background: linear-gradient(135deg, #ff354f 0%, #ff172f 100%) !important;
}

.lyzwl-download-actions .lyzwl-copy-pwd-btn {
    background: linear-gradient(135deg, #ff9b24 0%, #ff7800 100%) !important;
}

.lyzwl-download-actions .btn:hover {
    color: #fff !important;
    transform: translateY(-2px);
    filter: brightness(0.98);
    box-shadow: 0 8px 18px rgba(255, 83, 91, 0.26) !important;
}

@media (max-width: 575.98px) {
    .lyzwl-download-list,
    .lyzwl-download-actions {
        width: 100%;
    }

    .lyzwl-download-actions .btn {
        flex: 1 1 0;
        min-width: 0;
        padding: 0 10px !important;
    }
}

/* 首页滚屏公告小工具 */
.home-marquee-notice-section {
    position: relative;
    z-index: 2;
    padding: 18px 0;
}

.home-widget.home-marquee-notice .home-marquee-notice-section {
    padding-top: 0;
}

.home-marquee-notice-shell {
    position: relative;
    display: flex;
    min-height: 72px;
    align-items: center;
    overflow: hidden;
    padding: 0 34px;
    border: 2px solid rgba(255, 95, 199, 0.96);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.16);
    box-shadow: 0 0 18px rgba(255, 86, 199, 0.48), 0 16px 36px rgba(255, 86, 199, 0.16);
    backdrop-filter: blur(10px);
}

.home-marquee-notice-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.home-marquee-notice-shell > * {
    position: relative;
    z-index: 1;
}

.home-marquee-notice-shell.is-glass {
    background: rgba(255, 255, 255, 0.2);
}

.home-marquee-notice-shell.is-rainbow {
    border-color: rgba(255, 91, 190, 0.98);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(255, 214, 241, 0.28), rgba(226, 246, 255, 0.18), rgba(255, 255, 255, 0.06));
    box-shadow: 0 0 20px rgba(255, 80, 190, 0.62), 0 16px 38px rgba(255, 96, 180, 0.2);
}

.home-marquee-notice-shell.is-rainbow::before {
    background: linear-gradient(120deg, rgba(255, 49, 95, 0.18), rgba(255, 215, 0, 0.2), rgba(25, 221, 120, 0.18), rgba(0, 200, 255, 0.18), rgba(145, 76, 255, 0.2), rgba(255, 49, 95, 0.18));
    background-size: 260% 100%;
    opacity: 0.95;
    animation: ly-home-notice-rainbow-bg 7s linear infinite;
}

.home-marquee-notice-icon {
    position: relative;
    z-index: 2;
    display: inline-flex;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff5f8b, #ff7bd5);
    color: #fff;
    box-shadow: 0 8px 18px rgba(255, 95, 139, 0.34);
}

.home-marquee-notice-window {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.home-marquee-notice-track {
    display: inline-flex;
    width: max-content;
    min-width: 100%;
    align-items: center;
    white-space: nowrap;
    animation: ly-home-marquee-notice var(--notice-duration, 28s) linear infinite;
    will-change: transform;
}

.home-marquee-notice-shell.is-pause-hover:hover .home-marquee-notice-track {
    animation-play-state: paused;
}

.home-marquee-notice-content {
    display: inline-flex;
    align-items: center;
    padding-right: 100px;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.28);
}

.home-marquee-notice-shell.is-rainbow .home-marquee-notice-content,
.home-marquee-notice-shell.is-rainbow .home-marquee-notice-content * {
    background: linear-gradient(90deg, #ff315f, #ff9b00, #19dd78, #00c8ff, #7d35ff, #ff315f);
    background-size: 320% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    animation: ly-home-notice-rainbow-text 4.8s linear infinite;
    text-shadow: none;
}

.home-marquee-notice-content a {
    color: inherit;
    text-decoration: none;
}

.home-marquee-notice-content a:hover {
    opacity: 0.88;
}

@keyframes ly-home-marquee-notice {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@keyframes ly-home-notice-rainbow-bg {
    from {
        background-position: 0 50%;
    }
    to {
        background-position: 260% 50%;
    }
}

@keyframes ly-home-notice-rainbow-text {
    from {
        background-position: 0 50%;
    }
    to {
        background-position: 320% 50%;
    }
}

@media (max-width: 767.98px) {
    .home-marquee-notice-section {
        padding: 12px 0;
    }

    .home-marquee-notice-shell {
        min-height: 56px;
        padding: 0 18px;
        border-radius: 16px;
    }

    .home-marquee-notice-content {
        padding-right: 64px;
        font-size: 15px;
    }
}

/* 全站弹窗公告：顶部图片 + 截图风格内容卡 */
.ri-popup .ri-popup-body:has(.site-notify-modern) {
    width: min(92vw, 600px) !important;
    max-width: min(92vw, 600px) !important;
    padding: 0 !important;
    overflow: visible;
    border-radius: 10px;
    background: transparent !important;
    box-shadow: none !important;
}

.ri-popup .ri-popup-body:has(.site-notify-modern) .ri-popup-content {
    padding: 0 !important;
    overflow: visible;
}

.ri-popup .ri-popup-body:has(.site-notify-modern) .ri-popup-close {
    display: none;
}

.site-notify-modern {
    width: min(92vw, 600px);
    margin: 0 auto;
    overflow: visible;
    border-radius: 10px 10px 0 0;
    background: #fff;
    box-shadow: 0 22px 55px rgba(22, 28, 45, 0.26);
}

.site-notify-cover {
    height: 258px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background: #ffeaf1;
}

.site-notify-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.site-notify-panel {
    position: relative;
    z-index: 2;
    width: min(82%, 480px);
    margin: -28px auto 32px;
    padding: 30px 30px 32px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 12px 28px rgba(29, 33, 45, 0.12);
    text-align: center;
}

.site-notify-modern .notify-title {
    margin: 0 0 20px;
    color: #111827;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.35;
}

.site-notify-modern .notify-desc {
    color: #ff405f;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
}

.site-notify-modern .notify-desc p {
    margin: 0 0 16px;
}

.site-notify-modern .notify-desc p:last-child {
    margin-bottom: 0;
}

.site-notify-modern .notify-desc strong {
    color: #111827;
    font-weight: 700;
}

.site-notify-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 44px;
    margin-top: 24px;
}

.site-notify-btn {
    display: inline-flex;
    min-width: 170px;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: 4px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 36px;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(255, 64, 95, 0.2);
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.site-notify-primary {
    background: linear-gradient(135deg, #0d6eff 0%, #ff5d9b 100%);
}

.site-notify-close-btn {
    background: linear-gradient(135deg, #ff8ba8 0%, #ff2f55 100%);
}

.site-notify-btn:hover {
    color: #fff !important;
    transform: translateY(-2px);
    filter: brightness(1.02);
    box-shadow: 0 12px 24px rgba(255, 64, 95, 0.3);
}

@media (max-width: 575.98px) {
    .site-notify-cover {
        height: 190px;
    }

    .site-notify-panel {
        width: calc(100% - 32px);
        margin-bottom: 22px;
        padding: 24px 18px 26px;
    }

    .site-notify-modern .notify-title {
        font-size: 21px;
    }

    .site-notify-actions {
        gap: 12px;
    }

    .site-notify-btn {
        flex: 1 1 0;
        min-width: 0;
        padding: 0 12px;
        font-size: 14px;
    }
}

/* 首页顶部登录图标组 */
body.home .site-header .navbar .actions {
    align-items: center;
    gap: 13px;
}

body.home .site-header .navbar .actions > .toggle-search {
    order: 1;
}

body.home .site-header .navbar .actions > .toggle-color {
    order: 2;
}

body.home .site-header .navbar .actions > .toggle-notify {
    order: 3;
}

body.home .site-header .navbar .actions > .ly-login-btn {
    order: 4;
}

body.home .site-header .navbar .actions > .burger {
    order: 5;
}

body.home .site-header .navbar .actions .action-btn:not(.ly-login-btn),
body.home .site-header .navbar .actions .toggle-color > span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ff8fa3 !important;
    font-size: 16px;
    line-height: 1;
    text-shadow: 0 2px 8px rgba(255, 95, 139, 0.34);
    transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.home .site-header .navbar .actions .toggle-color {
    width: 28px;
    height: 28px;
}

body.home .site-header .navbar .actions .toggle-color > span:not(.show) {
    display: none !important;
}

body.home .site-header .navbar .actions .toggle-color > span.show {
    display: inline-flex !important;
}

body.home .site-header .navbar .actions .action-btn:not(.ly-login-btn):hover,
body.home .site-header .navbar .actions .toggle-color > span:hover {
    color: #ff4f7b !important;
    background: rgba(255, 255, 255, 0.18);
    box-shadow: 0 0 14px rgba(255, 95, 139, 0.26);
    transform: translateY(-2px);
}

body.home .site-header .navbar .actions > .ly-login-btn {
    position: relative;
    display: inline-flex !important;
    min-width: 58px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 15px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: linear-gradient(135deg, #126bff 0%, #ff6fa0 100%) !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
    box-shadow: 0 8px 18px rgba(255, 95, 139, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

body.home .site-header .navbar .actions > .ly-login-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.75);
    transform: translateY(-50%);
}

body.home .site-header .navbar .actions > .ly-login-btn i {
    display: none;
}

body.home .site-header .navbar .actions > .ly-login-btn:hover {
    color: #fff !important;
    filter: brightness(1.04);
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(255, 95, 139, 0.32);
}

body.home .site-header .navbar .actions .action-hover-menu {
    order: 4;
}

body.home .site-header .navbar .actions .avatar-warp {
    border-radius: 999px;
    box-shadow: 0 0 14px rgba(255, 143, 163, 0.28);
}

/* 登录/注册：QQ号直登风格 */
.login-and-register .bg-white.shadow.rounded-3.overflow-hidden.my-4:has(.ly-account-form) {
    width: 366px;
    max-width: calc(100vw - 34px);
    border-radius: 10px !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.24) !important;
}

.login-and-register .p-4.p-lg-5.py-2.py-md-4.text-center:has(.ly-account-form) {
    padding: 31px 32px 28px !important;
}

.login-and-register .p-4.p-lg-5.py-2.py-md-4.text-center:has(.ly-account-form) > a.text-center {
    display: none !important;
}

.ri-popup .ri-popup-body:has(.ly-account-form) {
    width: min(92vw, 366px) !important;
    max-width: min(92vw, 366px) !important;
    padding: 0 !important;
    border-radius: 10px;
    background: #fff !important;
    box-shadow: 0 22px 58px rgba(15, 23, 42, 0.28) !important;
}

.ri-popup .ri-popup-body:has(.ly-account-form) .ri-popup-content {
    padding: 0 !important;
}

.ri-popup .ri-popup-body:has(.ly-account-form) .logo-wrapper {
    display: none !important;
}

.ri-popup .ri-popup-body:has(.ly-account-form) .ri-popup-close {
    top: 8px;
    right: 8px;
    opacity: 0.38;
}

.ri-popup .ri-popup-body:has(.ly-account-form) .ly-account-form {
    padding: 32px 32px 29px;
}

.ly-account-form {
    width: 100%;
    color: #111827;
}

.ly-account-form > .position-relative.my-4,
.ly-account-form > .d-grid.gap-2,
.ly-account-form > p.mb-0.mt-2.text-center.small {
    display: none !important;
}

.ly-account-head {
    margin-bottom: 22px;
    text-align: center;
}

.ly-account-head h2 {
    margin: 0 0 16px;
    color: #000;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
}

.ly-account-welcome {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: #9ca3af;
    font-size: 12px;
    line-height: 1;
}

.ly-account-welcome span {
    width: 60px;
    height: 1px;
    background: #e5e7eb;
}

.ly-account-welcome em {
    font-style: normal;
    white-space: nowrap;
}

.ly-account-qq-badge {
    display: inline-flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    margin: 22px auto 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #0872ff 0%, #ff5a86 100%);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: 0 10px 22px rgba(33, 113, 255, 0.24);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.ly-account-qq-badge:hover {
    color: #fff;
    filter: brightness(1.04);
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 14px 28px rgba(255, 90, 134, 0.28);
}

.ly-account-field {
    position: relative;
    margin-bottom: 12px !important;
}

.ly-account-field > i {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 13px;
    color: #a5abb5;
    font-size: 14px;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none;
}

.ly-account-field .form-control,
.ly-account-form > .input-group.mb-3 .form-control {
    width: 100%;
    height: 40px;
    min-height: 40px;
    padding: 0 13px 0 39px;
    border: 1px solid #e5e7eb;
    border-radius: 4px !important;
    background: #fff;
    color: #111827;
    font-size: 14px;
    line-height: 40px;
    box-shadow: none;
}

.ly-account-field .form-control:focus,
.ly-account-form > .input-group.mb-3 .form-control:focus {
    border-color: #ff668b;
    box-shadow: 0 0 0 3px rgba(255, 93, 139, 0.12);
}

.ly-account-field .form-control::placeholder,
.ly-account-form > .input-group.mb-3 .form-control::placeholder {
    color: #a1a7b2;
}

.ly-account-code-field .form-control {
    padding-right: 104px;
}

.ly-account-code-field #captcha-mail {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: 6px;
    height: 30px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    background: #f0f1f3;
    color: #737985;
    font-size: 12px;
    line-height: 30px;
    box-shadow: none;
    transform: translateY(-50%);
}

.ly-account-code-field #captcha-mail:hover {
    background: linear-gradient(135deg, #0872ff 0%, #ff5d92 100%);
    color: #fff;
}

.ly-account-form > .input-group.mb-3 {
    position: relative;
    display: flex;
    height: 40px;
    margin-bottom: 12px !important;
    align-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

.ly-account-form > .input-group.mb-3::before {
    content: "\f3ed";
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 13px;
    color: #a5abb5;
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 900;
    transform: translateY(-50%);
}

.ly-account-form > .input-group.mb-3 .form-control {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    box-shadow: none;
}

.ly-account-form > .input-group.mb-3 #captcha-img {
    flex: 0 0 auto;
    width: 92px;
    height: 32px;
    margin-right: 4px;
    border-radius: 4px !important;
    object-fit: cover;
}

.ly-account-agree {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 2px 0 18px;
    color: #ff4f73;
    font-size: 13px;
    line-height: 1.4;
}

.ly-account-agree .form-check-input {
    width: 14px;
    height: 14px;
    margin: 0;
    border-color: #aab0bb;
    box-shadow: none;
}

.ly-account-agree a {
    color: #111827 !important;
    font-weight: 700;
    text-decoration: none;
}

.ly-account-submit {
    height: 39px;
    margin-bottom: 18px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: linear-gradient(135deg, #0872ff 0%, #ff5a83 100%) !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 39px;
    box-shadow: 0 9px 18px rgba(33, 113, 255, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.ly-account-submit:hover {
    color: #fff !important;
    filter: brightness(1.03);
    transform: translateY(-2px);
    box-shadow: 0 13px 24px rgba(255, 90, 131, 0.26);
}

.ly-account-tip {
    margin-bottom: 22px;
    padding: 16px 15px;
    border-radius: 4px;
    background: #dcebff;
    color: #0872ff;
    font-size: 14px;
    line-height: 1.65;
}

.ly-account-tip a,
.ly-account-tip button {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit !important;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    text-align: left;
    text-decoration: none !important;
}

.ly-account-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 2px;
    font-size: 14px;
    line-height: 1.4;
}

.ly-account-foot-single {
    justify-content: flex-start;
}

.ly-account-foot a {
    color: #ff4f73 !important;
    text-decoration: none !important;
}

.ly-account-foot a:hover {
    color: #0d6eff !important;
}

@media (max-width: 575.98px) {
    .login-and-register .p-4.p-lg-5.py-2.py-md-4.text-center:has(.ly-account-form),
    .ri-popup .ri-popup-body:has(.ly-account-form) .ly-account-form {
        padding: 28px 28px 25px !important;
    }

    .ly-account-head h2 {
        font-size: 28px;
    }

    .ly-account-welcome {
        gap: 9px;
        font-size: 12px;
    }

    .ly-account-welcome span {
        width: 44px;
    }

    .ly-account-tip {
        font-size: 13px;
    }
}

/* ==========================================================================
   【2026-09-02】主菜单子菜单 - 粉色边框 + 粉色辉光阴影
   ========================================================================== */
.site-header .navbar .nav-list .menu-item > .sub-menu,
.site-header .navbar .nav-list .menu-item .sub-menu {
    border: 1.5px solid #ff5e8a !important;
    background-color: #fff !important;
    box-shadow:
        0 0 16px rgba(255,94,138,.55),
        0 0 32px rgba(255,94,138,.30),
        0 6px 20px rgba(0,0,0,.08) !important;
}
/* 子菜单上方小箭头（dir）变粉色 */
.site-header .navbar .nav-list .sub-menu:before,
[data-bs-theme=dark] .site-header .navbar .nav-list .sub-menu:before {
    border-bottom-color: #ff5e8a !important;
}
/* 子菜单里每个链接项 */
.site-header .navbar .nav-list .sub-menu > li > a {
    margin: 6px 4px !important;
    padding: 10px 14px !important;
    background: rgba(255,94,138,.06) !important;
    color: #ff3b5c !important;
    border: 1px solid rgba(255,94,138,.18) !important;
    border-radius: 6px !important;
    font-weight: 500;
    transition: all .2s ease;
    letter-spacing: .3px;
}
.site-header .navbar .nav-list .sub-menu > li > a:hover {
    background: linear-gradient(135deg,#ff5e8a 0%,#ff3b5c 100%) !important;
    color: #fff !important;
    border-color: #ff5e8a !important;
    box-shadow: 0 4px 10px rgba(255,94,138,.45) !important;
    transform: translateY(-1px);
}

/* 二级子菜单（sub-sub-menu）：继续套用粉风 */
.site-header .navbar .nav-list .sub-menu .sub-menu {
    margin-top: -1px !important;
}

/* 文章内页右侧 widget 全部粉色美化（2026-09-02） */
.lyzwl-sidebar .widget {
    background: #fff !important;
    border: 1px solid #ffe0ec !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 12px rgba(255, 94, 138, 0.06) !important;
}
.lyzwl-sidebar .widget > h5.widget-title,
.lyzwl-sidebar .widget > h3.widget-title,
.lyzwl-sidebar .widget .widget-title {
    color: #ff5e8a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 2px 0 10px 12px !important;
    margin: 0 0 12px !important;
    border-bottom: 1px dashed #ffd0e0 !important;
    border-left: 4px solid #ff5e8a !important;
    background: transparent !important;
    line-height: 1.4 !important;
    display: block !important;
}
.lyzwl-sidebar .widget .widget-title a { color: #ff5e8a !important; }

.lyzwl-sidebar .widget .post-item,
.lyzwl-sidebar .widget .ranking-item,
.lyzwl-sidebar .widget ul li {
    border-bottom: 1px dashed #f5f5f5 !important;
    padding: 8px 4px !important;
    transition: background 0.2s ease, padding 0.2s ease, color 0.2s ease !important;
    list-style: none !important;
}
.lyzwl-sidebar .widget .post-item:last-child,
.lyzwl-sidebar .widget .ranking-item:last-child,
.lyzwl-sidebar .widget ul li:last-child { border-bottom: none !important; }

.lyzwl-sidebar .widget .post-item:hover,
.lyzwl-sidebar .widget .ranking-item:hover,
.lyzwl-sidebar .widget ul li:hover {
    background: #fff5f8 !important;
    padding-left: 10px !important;
}

.lyzwl-sidebar .widget .post-item .entry-title a,
.lyzwl-sidebar .widget .ranking-item .ranking-title a,
.lyzwl-sidebar .widget ul li a {
    color: #333 !important;
    transition: color 0.2s ease !important;
}
.lyzwl-sidebar .widget .post-item:hover .entry-title a,
.lyzwl-sidebar .widget .ranking-item:hover .ranking-title a,
.lyzwl-sidebar .widget ul li:hover a { color: #ff5e8a !important; }

.lyzwl-sidebar .widget .ranking-num {
    background: linear-gradient(135deg, #ff8aaa, #ff5e8a) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    border: none !important;
}

/* 排行榜标题字号：和"近期文章"一致（h3 主题默认 1.5rem≈24px 太大，强制收到 14px） */
.lyzwl-sidebar .widget .ranking-item .ranking-title {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}
.lyzwl-sidebar .widget .ranking-item .ranking-title a {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}
.lyzwl-sidebar .widget .ranking-item {
    align-items: center !important;
}

/* 作者卡 - 个人介绍（2026-09-02 新增） */
.single-author-intro {
    margin-top: 14px;
    background: #fff;
    border: 1px solid #ffe0ec;
    border-radius: 10px;
    padding: 12px 14px;
    box-shadow: 0 2px 10px rgba(255, 94, 138, 0.08);
}
.single-author-intro-title {
    color: #ff5e8a;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #ffd0e0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.single-author-intro-body {
    color: #555;
    font-size: 13px;
    line-height: 1.7;
    word-break: break-all;
}
.single-author-intro-body p { margin: 0 0 6px !important; }
.single-author-intro-body p:last-child { margin-bottom: 0 !important; }
.single-author-intro-empty {
    color: #aaa;
    font-style: italic;
    font-size: 13px;
}

/* 平板 / 手机端：强制 entry-lyzwl 顶部区单列堆叠，标题恢复横排（2026-09-02 修复"竖排标题"） */
@media (max-width: 992px) {
    .lyzwl-top-inner {
        grid-template-columns: 1fr !important;
        height: auto !important;
        padding: 14px !important;
        gap: 14px !important;
    }
    .lyzwl-top-cover {
        display: block !important;
        height: 200px !important;
        width: 100% !important;
    }
    .lyzwl-top-body {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
    }
    .lyzwl-top-side {
        display: none !important;
    }
    .lyzwl-post-title {
        font-size: 20px !important;
        line-height: 1.45 !important;
        word-break: break-word !important;
        white-space: normal !important;
        width: 100% !important;
        writing-mode: horizontal-tb !important;
    }
    /* video-stage 视频区下方的标题列表在手机端垂直堆叠 */
    .lyzwl-video-section .col-lg-9,
    .lyzwl-video-section .col-lg-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    .lyzwl-top-inner {
        grid-template-columns: 1fr !important;
    }
    .lyzwl-top-cover {
        height: 180px !important;
    }
}

/* 限制首页顶部搜索/视频背景最大宽度为1800px，避免超宽屏画面过度拉伸 */
.home-widget.home-search-box .search-bg {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

/* 首页高级搜索模块：多视频背景轮播 */
.home-widget.home-search-box .search-bg.ly-multi-video {
    position: relative !important;
    z-index: 0;
    overflow: hidden;
}
.home-widget.home-search-box .ly-video-stage {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}
.home-widget.home-search-box .ly-video-stage .ly-video-item {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    background: #000;
    opacity: 0;
    transition: opacity .45s ease;
    will-change: opacity;
}
.home-widget.home-search-box .ly-video-stage .ly-video-item.is-active {
    z-index: 1;
}
@media (max-width: 768px) {
    .home-widget.home-search-box .ly-video-stage .ly-video-item {
        object-fit: cover;
    }
}

/* =========================================================
   个人中心「会员开通」5 档会员卡 (.ly-pkg-card)
   - 角标徽章
   - 3 种卡身图案：dots / shine / aurora
   - 列宽由 Bootstrap row-cols-* 处理（不重复定义）
   ========================================================= */
.ly-vip-cards > .col { display: flex; }
.ly-vip-cards .price-card.ly-pkg-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ly-vip-cards .price-card.ly-pkg-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .12);
    border-color: rgba(0, 0, 0, .04);
}

/* 角标徽章：右上角倾斜贴片 */
.ly-pkg-card .ly-pkg-tag {
    position: absolute;
    top: 10px;
    right: -6px;
    z-index: 3;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    padding: 6px 10px;
    border-radius: 4px 0 0 4px;
    letter-spacing: 1px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    transform: skewX(-10deg);
}
.ly-pkg-card .ly-pkg-tag::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -5px;
    border-top: 5px solid currentColor;
    border-right: 5px solid transparent;
    opacity: .55;
    color: inherit;
}

/* 卡身底色 */
.ly-pkg-card .price-body { background: #fff; }
.ly-pkg-card .price-header { position: relative; overflow: hidden; }
.ly-pkg-card .price-header::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, 0) 70%);
    transform: translateX(-100%);
    pointer-events: none;
    transition: transform .8s ease;
}
.ly-pkg-card:hover .price-header::after { transform: translateX(100%); }

/* 卡身图案：圆点 */
.ly-pkg-card.ly-pkg-bg-dots .price-body {
    background-image: radial-gradient(rgba(0, 0, 0, .08) 1.2px, transparent 1.5px);
    background-size: 14px 14px;
    background-position: 0 0;
    background-color: #fbfbfd;
}
/* 卡身图案：光泽流光 */
.ly-pkg-card.ly-pkg-bg-shine .price-body {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 60%),
        linear-gradient(135deg, #fff7f0 0%, #fff 100%);
}
/* 卡身图案：极光 */
.ly-pkg-card.ly-pkg-bg-aurora .price-body {
    background:
        radial-gradient(circle at 20% 10%, rgba(102, 126, 234, .12), transparent 50%),
        radial-gradient(circle at 80% 90%, rgba(255, 94, 138, .12), transparent 50%),
        linear-gradient(135deg, #fff 0%, #f7f8ff 100%);
}

/* =========================================================
   文章卡片「钻石价格」美化 (.ly-diamond-price)
   - 闪耀钻石图标（渐变 + 闪烁动画）
   - 价格数字渐变加粗，胶囊底衬
   ========================================================= */
.entry-meta .meta-price.ly-diamond-price {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 6px 13px;
    border-radius: 999px;
    color: #7a4dff;
    background: linear-gradient(135deg, rgba(124, 58, 237, .10), rgba(56, 189, 248, .10));
    border: 1px solid rgba(124, 58, 237, .18);
    transition: transform .2s ease, box-shadow .2s ease;
    /* 覆盖主题 .post-item.item-grid .entry-meta>span:last-child 的 flex:1（其优先级更高，须 !important）：
       胶囊收缩为内容宽度并靠右 */
    flex: 0 0 auto !important;
    -webkit-box-flex: 0 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    justify-content: flex-end;
}
.entry-meta .meta-price.ly-diamond-price em {
    font-style: normal;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .3px;
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #ec4899 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.entry-meta .meta-price.ly-diamond-price i {
    font-size: 16px;
    background: linear-gradient(135deg, #38bdf8 0%, #7c3aed 55%, #f472b6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: lyGemTwinkle 2.2s ease-in-out infinite;
    transform-origin: center;
}
.entry-meta .meta-price.ly-diamond-price:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(124, 58, 237, .18);
}
@keyframes lyGemTwinkle {
    0%, 100% { filter: brightness(1); transform: scale(1); }
    50%      { filter: brightness(1.45) drop-shadow(0 0 4px rgba(56, 189, 248, .8)); transform: scale(1.12); }
}
/* 减少动态效果偏好时停用闪烁 */
@media (prefers-reduced-motion: reduce) {
    .entry-meta .meta-price.ly-diamond-price i { animation: none; }
}

/* ========================
   首页文章卡片标题放大美化
   ======================== */
.post-item .entry-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.45;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.post-item .entry-title a {
    font-size: inherit;
    display: inline;
    transition: color 0.25s ease;
}

/* 覆盖在图片上的标题：去掉模糊投影，改为清晰的实边描边效果 */
.post-item.item-grid.grid-overlay .entry-title a {
    text-shadow: none;
}

/* 侧栏小卡片标题稍小一点，避免挤压 */
.lyzwl-sidebar .widget .post-item .entry-title {
    font-size: 15px !important;
}