@charset "UTF-8";
/* =================================================
   博识小说网移动端 - 轻萌治愈系主题层
   ================================================= */

:root {
    --primary: #7B5EA7;
    --primary-dark: #6A4D91;
    --secondary-pink: #FFB3C7;
    --secondary-blue: #8FD3E6;
    --accent-yellow: #FFD166;
    --bg-base: #FFF7FB;
    --bg-soft: #FFF7FB;
    --bg-card: #fff;
    --border-soft: #F2E5EE;
    --gradient: linear-gradient(135deg, #7B5EA7 0%, #C8B2E8 100%);
    --border-mid: #E8DBE4;
    --text-main: #4A3F5C;
    --text-sub: #7C7190;
    --text-light: #A89BB9;
    --radius: 0.24rem;
    --radius-lg: 0.32rem;
    --shadow: 0 0.08rem 0.28rem rgba(123, 94, 167, 0.08);
    --shadow-hover: 0 0.24rem 0.48rem rgba(123, 94, 167, 0.12);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

body, .body, .content {
    background: var(--bg-base) !important;
    color: var(--text-main);
    font-family: "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

h1, h2, h3, h4,
.section-title,
.nav-title,
.page-title {
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* 卡片大圆角 */
.section,
.comic-card,
.topic-card,
.news-item,
.tag-item,
.cat-item,
.banner-container,
.quick-entry,
.entry-item,
.home-notice,
.search-bar,
.seach-btnnew,
.search-input-wrap,
.mh-cover,
.mh-info,
.chapter-item,
.comment-item,
.filter-item,
.sort-item {
    border-radius: var(--radius-lg) !important;
}

.section,
.comic-card,
.topic-card,
.news-item,
.banner-container,
.quick-entry,
.home-notice {
    box-shadow: var(--shadow);
}

/* 图片圆角 */
.comic-cover,
.comic-cover img,
.topic-card img,
.news-thumb img,
.banner-slide img,
.mh-cover img,
.mh-thumb img {
    border-radius: var(--radius) !important;
    overflow: hidden;
}

/* 标签 / 按钮胶囊 */
.comic-tag,
.comic-tag-end,
.tag-item,
.cat-item,
.section-more,
.notice-more,
.entry-text,
.banner-tag,
.seach-btnnew,
.chapter-tag,
.sort-item,
.filter-item {
    border-radius: 999px !important;
}

.comic-tag {
    background: var(--secondary-pink) !important;
    color: var(--primary-dark) !important;
}
.comic-tag-end {
    background: var(--secondary-blue) !important;
    color: #3a6d7c !important;
}

.cat-item.active {
    background: var(--primary) !important;
    color: #fff !important;
}

/* 悬浮反馈 */
.comic-card:active,
.topic-card:active,
.news-item:active,
.tag-item:active {
    transform: scale(0.97);
    transition: transform 0.15s var(--ease-bounce);
}

/* 分类导航/搜索栏 */
.category-nav,
.search-box,
.header {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.search-bar,
.search-input-wrap {
    border: 1px solid var(--border-soft) !important;
    background: #fff !important;
}

/* 首页小公告 */
.home-notice {
    background: #fff !important;
    border: 1px dashed var(--border-mid) !important;
}

.notice-icon {
    color: var(--accent-yellow) !important;
}

/* 章节标题虚线分隔 */
.section-header {
    border-bottom: 1px dashed var(--border-mid) !important;
}

.section-title::before {
    content: "✦ ";
    color: var(--accent-yellow);
    margin-right: 0.05rem;
}

/* 热门榜单序号 */
.rank-num.hot,
.rank-num:first-child,
.rank-num.top3 {
    background: var(--accent-yellow) !important;
    color: #7a5e1f !important;
    border-radius: 999px !important;
}

/* 滚动条 */
.cat-scroll::-webkit-scrollbar,
.content::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.cat-scroll::-webkit-scrollbar-thumb,
.content::-webkit-scrollbar-thumb {
    background: var(--border-mid);
    border-radius: 2px;
}

/* 加载动画 */
.cute-loading-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(255, 247, 251, 0.96);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.cute-loading-mobile::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    background: url("../images/mascot.svg") no-repeat center / contain;
    animation: mascotBounceMobile 1.2s var(--ease-bounce) infinite;
}
.cute-loading-mobile::after {
    content: "小怪兽正在搬书…";
    margin-top: 0.2rem;
    font-size: 0.26rem;
    color: var(--text-sub);
}

/* 空状态 */
.cute-empty-mobile,
.empty-state,
.no-data {
    text-align: center;
    padding: 1rem 0.3rem;
    color: var(--text-light);
}
.cute-empty-mobile::before,
.empty-state::before,
.no-data::before {
    content: "";
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 auto 0.2rem;
    background: url("../images/mascot.svg") no-repeat center / contain;
    opacity: 0.8;
    animation: mascotShakeMobile 2s ease-in-out infinite;
}

/* 社区化按钮占位 */
.btn-cuigeng,
.btn-zhongcao,
.btn-kedao {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.24rem;
    border-radius: 999px;
    font-size: 0.24rem;
}
.btn-cuigeng { background: #FFF0F3; color: #A85F73; }
.btn-zhongcao { background: #F0FAFD; color: #4E8594; }
.btn-kedao { background: #FFF8E6; color: #9A7B2E; }

/* 动效关键帧 */
@keyframes mascotBounceMobile {
    0%, 100% { transform: translateY(0) scale(1); }
    40% { transform: translateY(-0.16rem) scale(1.05); }
    60% { transform: translateY(0.06rem) scale(0.98); }
}
@keyframes mascotShakeMobile {
    0%, 100% { transform: rotate(0deg); }
    20% { transform: rotate(-5deg); }
    40% { transform: rotate(5deg); }
    60% { transform: rotate(-2deg); }
    80% { transform: rotate(2deg); }
}