/* ============================================
   AMAYA Anime Theme - CSS Override
   ============================================ */

/* --- 全局背景与字体 --- */
body, #app, .van-pull-refresh__track {
    background: linear-gradient(135deg, #ffeef8 0%, #f0e6ff 50%, #e6f0ff 100%) !important;
    font-family: 'Nunito', 'Quicksand', 'Microsoft YaHei', sans-serif !important;
}

/* --- 导航栏改造 --- */
.van-nav-bar {
    background: linear-gradient(90deg, #ff9ec4 0%, #b19cd9 50%, #87ceeb 100%) !important;
    background-image: none !important;
    box-shadow: 0 4px 15px rgba(255, 158, 196, 0.4) !important;
}

.van-nav-bar__title {
    color: #fff !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    font-size: 18px !important;
}

.van-nav-bar__text,
.van-nav-bar .van-icon {
    color: #fff !important;
}

/* --- Banner轮播图区域 --- */
.van-swipe {
    border-radius: 20px !important;
    margin: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(177, 156, 217, 0.3) !important;
}

.van-swipe-item img {
    border-radius: 20px !important;
}

/* --- 通知栏/广播 --- */
.Broadcast.van-cell,
.van-notice-bar {
    background: linear-gradient(90deg, #fff0f5 0%, #f0f8ff 100%) !important;
    border-radius: 25px !important;
    margin: 8px 12px !important;
    border: 2px solid #ffcee0 !important;
    box-shadow: 0 4px 12px rgba(255, 158, 196, 0.2) !important;
}

.van-notice-bar__content {
    color: #d478a6 !important;
    font-weight: 600 !important;
}

/* --- 网格菜单图标 --- */
.van-grid-item__content {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 20px !important;
    margin: 5px !important;
    box-shadow: 0 4px 15px rgba(177, 156, 217, 0.15) !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
    transition: all 0.3s ease !important;
}

.van-grid-item__content:active {
    transform: scale(0.95) !important;
    box-shadow: 0 2px 8px rgba(177, 156, 217, 0.3) !important;
}

.van-grid-item__icon-wrapper img,
.van-grid-item__icon-wrapper .van-icon {
    filter: drop-shadow(0 2px 4px rgba(255, 158, 196, 0.3)) !important;
}

.van-grid-item__text {
    color: #8b7cb3 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

/* --- 卡片/单元格 --- */
.van-cell,
.van-panel {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 16px !important;
    margin: 8px 12px !important;
    border: 2px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 4px 15px rgba(177, 156, 217, 0.1) !important;
}

.van-cell__title {
    color: #6b5b95 !important;
    font-weight: 600 !important;
}

.van-cell__value,
.van-cell__label {
    color: #a89cc8 !important;
}

/* --- 按钮改造 --- */
.van-button--info,
.van-button--danger,
.van-button--primary {
    background: linear-gradient(135deg, #ff9ec4 0%, #b19cd9 100%) !important;
    border: none !important;
    border-radius: 25px !important;
    box-shadow: 0 4px 15px rgba(255, 158, 196, 0.4) !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

.van-button--default {
    background: linear-gradient(135deg, #ff9ec4 0%, #f4a460 100%) !important;
    border: none !important;
    border-radius: 25px !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(255, 158, 196, 0.4) !important;
}

.van-button:active {
    transform: scale(0.97) !important;
    box-shadow: 0 2px 8px rgba(255, 158, 196, 0.3) !important;
}

/* --- 进度条 --- */
.van-progress {
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
}

.van-progress__portion {
    background: linear-gradient(90deg, #ff9ec4 0%, #b19cd9 100%) !important;
    border-radius: 10px !important;
}

/* --- 评分星星 --- */
.van-rate__icon {
    color: #ffd700 !important;
    filter: drop-shadow(0 2px 2px rgba(255, 215, 0, 0.3)) !important;
}

/* --- 底部导航栏 --- */
.van-tabbar {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 2px solid rgba(255, 158, 196, 0.2) !important;
    box-shadow: 0 -4px 20px rgba(177, 156, 217, 0.15) !important;
}

.van-tabbar-item {
    color: #c8b8e0 !important;
}

.van-tabbar-item--active {
    color: #ff9ec4 !important;
}

.van-tabbar-item__icon {
    filter: drop-shadow(0 2px 4px rgba(255, 158, 196, 0.2)) !important;
}

/* --- 弹窗/遮罩 --- */
.van-popup,
.van-dialog {
    border-radius: 25px 25px 0 0 !important;
    background: linear-gradient(180deg, #fff5f8 0%, #f5f0ff 100%) !important;
}

.van-dialog {
    border-radius: 25px !important;
    border: 3px solid rgba(255, 158, 196, 0.3) !important;
    box-shadow: 0 10px 40px rgba(177, 156, 217, 0.3) !important;
}

.van-dialog__header {
    color: #6b5b95 !important;
    font-weight: 700 !important;
}

/* --- 输入框 --- */
.van-field {
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 15px !important;
    border: 2px solid rgba(255, 158, 196, 0.2) !important;
}

.van-field__control {
    color: #6b5b95 !important;
}

.van-field__label {
    color: #b19cd9 !important;
    font-weight: 600 !important;
}

/* --- 选择器 --- */
.van-picker {
    background: linear-gradient(180deg, #fff5f8 0%, #f5f0ff 100%) !important;
}

.van-picker__toolbar {
    background: rgba(255, 255, 255, 0.8) !important;
}

.van-picker__confirm {
    color: #ff9ec4 !important;
    font-weight: 700 !important;
}

.van-picker__cancel {
    color: #b19cd9 !important;
}

.van-picker-column__item--selected {
    color: #ff9ec4 !important;
    font-weight: 700 !important;
}

/* --- 加载动画 --- */
.van-loading__spinner {
    color: #ff9ec4 !important;
}

/* --- 标签/徽章 --- */
.van-tag--danger,
.van-tag--primary {
    background: linear-gradient(135deg, #ff9ec4 0%, #b19cd9 100%) !important;
    border-radius: 10px !important;
    border: none !important;
}

/* --- 悬浮按钮 --- */
.van-floating-bubble {
    background: linear-gradient(135deg, #ff9ec4 0%, #b19cd9 100%) !important;
    box-shadow: 0 4px 15px rgba(255, 158, 196, 0.4) !important;
}

/* --- 滚动条美化 --- */
::-webkit-scrollbar {
    width: 6px !important;
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 3px !important;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ff9ec4 0%, #b19cd9 100%) !important;
    border-radius: 3px !important;
}

/* --- 图片圆角统一 --- */
img {
    border-radius: 12px !important;
}

/* --- 列表项悬停效果 --- */
.van-cell:active,
.van-grid-item__content:active {
    background: rgba(255, 240, 245, 0.9) !important;
}

/* --- 漫画列表封面 --- */
.van-image img,
[class*="comic"] img,
[class*="book"] img {
    border-radius: 15px !important;
    box-shadow: 0 6px 20px rgba(177, 156, 217, 0.25) !important;
    border: 3px solid rgba(255, 255, 255, 0.9) !important;
}

/* --- 特殊动画效果 --- */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
}

.van-grid-item__content:hover {
    animation: float 2s ease-in-out infinite !important;
}

/* --- 首页顶部装饰 --- */
.van-nav-bar::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ff9ec4' fill-opacity='0.2' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom;
    background-size: cover;
}