/* ==========================================
   🎀 ANGELCORE / 天使核主题
   手帐式拼贴 · 去功能化 · Y2K美学
   ========================================== */

/* ===== 字体导入 ===== */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Zen+Maru+Gothic:wght@300;400;500&display=swap');

/* ===== 主题变量 ===== */
[data-theme="angelcore"] {
    --angel-white: #FFFFFF;
    --angel-gray: #A0A0A0;
    --angel-gray-light: #C8C8C8;
    --angel-gray-pale: #E8E8E8;
    --angel-gray-ghost: #F5F5F5;
    --angel-pink: #F0E4E4;
    --angel-pink-soft: #F8F0F0;
    --angel-blue: #E4E8F0;
    --angel-cream: #FAF8F5;

    --angel-font-display: 'Caveat', cursive;
    --angel-font-body: 'Zen Maru Gothic', sans-serif;

    --angel-shadow: 0 2px 8px rgba(160, 160, 160, 0.08);
    --angel-shadow-soft: 0 1px 4px rgba(160, 160, 160, 0.05);
}

/* ===== 全局字体覆盖 ===== */
[data-theme="angelcore"] * {
    font-family: var(--angel-font-body) !important;
}

[data-theme="angelcore"] h1,
[data-theme="angelcore"] h2,
[data-theme="angelcore"] h3,
[data-theme="angelcore"] .angel-name,
[data-theme="angelcore"] .angel-subtitle,
[data-theme="angelcore"] .angel-icon-label,
[data-theme="angelcore"] .angel-label {
    font-family: var(--angel-font-display) !important;
}

/* ===== 主容器 ===== */
[data-theme="angelcore"] .phone-container {
    background-color: var(--angel-white) !important;
}

/* ===== 状态栏 ===== */
[data-theme="angelcore"] .status-bar {
    color: var(--angel-gray) !important;
    font-weight: 400 !important;
}

[data-theme="angelcore"] .battery-capsule {
    background-color: transparent !important;
    border: 1px solid var(--angel-gray-light) !important;
    color: var(--angel-gray) !important;
}

/* ===== 布局切换控制 ===== */
/* 默认主题显示 default-layout */
.angel-layout {
    display: none !important;


}

.default-layout {
    display: flex !important;
    flex-direction: column;
    gap: 15px;
}

/* Angelcore 主题切换 */
[data-theme="angelcore"] .default-layout {
    display: none !important;
}

[data-theme="angelcore"] .angel-layout {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;


}


/* ===== 主屏幕重置 ===== */
[data-theme="angelcore"] .home-screen {
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
    background-color: var(--angel-white) !important;
}

/* ===== 滑动容器 ===== */
[data-theme="angelcore"] .angel-slider {
    display: flex;
    width: 200%;
    height: 100%;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

[data-theme="angelcore"] .angel-slider.page-1 {
    transform: translateX(-50%);
}

/* ===== 单页容器 ===== */
[data-theme="angelcore"] .angel-page {
    width: 50%;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    padding: 20px;
    padding-top: calc(50px + env(safe-area-inset-top, 0px));
    padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ===== 页面指示器 ===== */
[data-theme="angelcore"] .angel-page-dots {
    position: absolute;
    bottom: calc(90px + env(safe-area-inset-bottom, 0px));
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 50;
}

[data-theme="angelcore"] .angel-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--angel-gray-pale);
    transition: all 0.3s ease;
    cursor: pointer;
}

[data-theme="angelcore"] .angel-dot.active {
    width: 20px;
    border-radius: 3px;
    background-color: var(--angel-gray);
}

/* ==========================================
   封面页 COVER PAGE
   ========================================== */

/* 顶部页眉 */
[data-theme="angelcore"] .angel-header-widget {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

[data-theme="angelcore"] .angel-avatar-frame {
    position: relative;
    flex-shrink: 0;
}

[data-theme="angelcore"] .angel-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--angel-gray-ghost);
    background-size: cover;
    background-position: center;
    border: 1.5px dashed var(--angel-gray-light);
}

[data-theme="angelcore"] .angel-avatar-deco {
    position: absolute;
    top: -4px;
    right: -4px;
    font-size: 12px;
    color: var(--angel-gray-light);
}

[data-theme="angelcore"] .angel-header-text {
    flex: 1;
}

[data-theme="angelcore"] .angel-nickname {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

[data-theme="angelcore"] .angel-name {
    font-size: 20px;
    color: var(--angel-gray);
    font-weight: 500;
    letter-spacing: 0.5px;
}

[data-theme="angelcore"] .angel-kaomoji {
    font-size: 12px;
    color: var(--angel-gray-light);
}

[data-theme="angelcore"] .angel-subtitle {
    margin-top: 4px;
}

[data-theme="angelcore"] .angel-deco-text {
    font-size: 14px;
    color: var(--angel-gray-light);
    letter-spacing: 2px;
}

/* 主拼贴区 */
[data-theme="angelcore"] .angel-collage-area {
    flex: 1;
    position: relative;
    min-height: 300px;
}

/* 主插画 */
[data-theme="angelcore"] .angel-main-illustration {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: 240px;
}

[data-theme="angelcore"] .angel-figure {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-theme="angelcore"] .angel-figure-placeholder {
    width: 120px;
    height: 200px;
    border: 1.5px dashed var(--angel-gray-light);
    border-radius: 60px 60px 40px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--angel-gray-ghost);
}

[data-theme="angelcore"] .figure-text {
    font-size: 48px;
    color: var(--angel-gray-light);
}

/* 标注文字 */
[data-theme="angelcore"] .angel-label {
    position: absolute;
    font-size: 11px;
    color: var(--angel-gray-light);
    letter-spacing: 1px;
    white-space: nowrap;
}

[data-theme="angelcore"] .angel-label::before {
    content: '·';
    margin-right: 4px;
}

[data-theme="angelcore"] .angel-label-1 {
    top: 20%;
    right: -10px;
}

[data-theme="angelcore"] .angel-label-2 {
    top: 50%;
    left: -20px;
}

[data-theme="angelcore"] .angel-label-3 {
    bottom: 30%;
    right: -15px;
}

/* 拍立得装饰 */
[data-theme="angelcore"] .angel-polaroid {
    position: absolute;
    width: 70px;
    background-color: var(--angel-white);
    padding: 6px;
    padding-bottom: 20px;
    box-shadow: var(--angel-shadow);
    border: 1px solid var(--angel-gray-pale);
}

[data-theme="angelcore"] .angel-polaroid-1 {
    top: 10%;
    left: 5%;
    transform: rotate(-8deg);
}

[data-theme="angelcore"] .angel-polaroid-2 {
    bottom: 15%;
    right: 8%;
    transform: rotate(5deg);
}

[data-theme="angelcore"] .polaroid-photo {
    width: 100%;
    aspect-ratio: 1;
    background-color: var(--angel-gray-ghost);
    border: 1px dashed var(--angel-gray-pale);
}

[data-theme="angelcore"] .polaroid-caption {
    text-align: center;
    font-size: 9px;
    color: var(--angel-gray-light);
    margin-top: 6px;
    letter-spacing: 0.5px;
}

/* 散落装饰符号 */
[data-theme="angelcore"] .angel-scatter-deco {
    position: absolute;
    font-size: 14px;
    color: var(--angel-gray-pale);
    pointer-events: none;
}

[data-theme="angelcore"] .deco-1 { top: 5%; left: 20%; font-size: 10px; }
[data-theme="angelcore"] .deco-2 { top: 15%; right: 15%; font-size: 8px; }
[data-theme="angelcore"] .deco-3 { bottom: 25%; left: 10%; font-size: 12px; }
[data-theme="angelcore"] .deco-4 { top: 40%; right: 5%; font-size: 10px; }
[data-theme="angelcore"] .deco-5 { bottom: 10%; left: 30%; font-size: 16px; color: var(--angel-pink); }

/* ASCII 艺术 */
[data-theme="angelcore"] .angel-ascii-bow {
    position: absolute;
    bottom: 5%;
    right: 5%;
    font-size: 8px;
    line-height: 1.2;
    color: var(--angel-gray-light);
    font-family: monospace !important;
    opacity: 0.6;
}

/* 搜索胶囊 */
[data-theme="angelcore"] .angel-search-capsule {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border: 1px solid var(--angel-gray-pale);
    border-radius: 30px;
    margin-top: auto;
}

[data-theme="angelcore"] .search-icon {
    font-size: 14px;
    color: var(--angel-gray-light);
}

[data-theme="angelcore"] .search-text {
    font-size: 13px;
    color: var(--angel-gray-light);
    letter-spacing: 1px;
}

/* ==========================================
   功能页 FUNCTIONAL PAGE
   ========================================== */

/* 非对称顶部 */
[data-theme="angelcore"] .angel-func-top {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    align-items: flex-start;
}

/* 大圆形组件 */
[data-theme="angelcore"] .angel-circle-widget {
    position: relative;
    width: 140px;
    height: 140px;
    flex-shrink: 0;
}

[data-theme="angelcore"] .circle-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--angel-gray-ghost);
    border: 1.5px dashed var(--angel-gray-light);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

[data-theme="angelcore"] .circle-content {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background-color: var(--angel-white);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
}

[data-theme="angelcore"] .circle-emoji {
    font-size: 40px;
    color: var(--angel-gray-light);
}

[data-theme="angelcore"] .circle-deco-ring {
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 1px dotted var(--angel-gray-pale);
    border-radius: 50%;
    pointer-events: none;
}

/* 图标网格 */
[data-theme="angelcore"] .angel-icon-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    flex: 1;
}

/* 单个图标 */
[data-theme="angelcore"] .angel-app-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: transform 0.15s ease;
}

[data-theme="angelcore"] .angel-app-icon:active {
    transform: scale(0.92);
}

[data-theme="angelcore"] .angel-icon-shape {
    width: 52px;
    height: 52px;
    background-color: var(--angel-white);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--angel-shadow);
    border: 1px solid var(--angel-gray-pale);
    transition: box-shadow 0.2s ease;
}

[data-theme="angelcore"] .angel-app-icon:hover .angel-icon-shape {
    box-shadow: var(--angel-shadow), 0 4px 12px rgba(160, 160, 160, 0.1);
}

[data-theme="angelcore"] .angel-icon-label {
    font-size: 11px;
    color: var(--angel-gray);
    letter-spacing: 0.5px;
}

/* ===== CSS 绘制的 3D 图标 ===== */

/* ===== 修复：CSS 绘制的 3D 图标 ===== */

/* 图标容器基础样式 */
[data-theme="angelcore"] .icon-3d {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 气泡/消息图标 */
[data-theme="angelcore"] .icon-bubble {
    width: 24px;
    height: 20px;
    background-color: var(--angel-gray-light, #C8C8C8);
    border-radius: 10px 10px 10px 3px;
    position: relative;
}

[data-theme="angelcore"] .icon-bubble::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    width: 4px;
    height: 4px;
    background-color: var(--angel-white, #FFFFFF);
    border-radius: 50%;
    box-shadow: 6px 0 0 var(--angel-white, #FFFFFF);
}

/* 羽毛/推特图标 */
[data-theme="angelcore"] .icon-feather {
    width: 20px;
    height: 24px;
    background: linear-gradient(135deg, var(--angel-gray-light, #C8C8C8) 50%, var(--angel-gray-pale, #E8E8E8) 50%);
    border-radius: 50% 50% 50% 0;
    transform: rotate(-30deg);
}

/* 相机图标 */
[data-theme="angelcore"] .icon-camera {
    width: 26px;
    height: 20px;
    background-color: var(--angel-gray-light, #C8C8C8);
    border-radius: 4px;
    position: relative;
}

[data-theme="angelcore"] .icon-camera::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 8px;
    width: 10px;
    height: 4px;
    background-color: var(--angel-gray-light, #C8C8C8);
    border-radius: 2px 2px 0 0;
}

[data-theme="angelcore"] .icon-camera::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--angel-white, #FFFFFF);
    border-radius: 50%;
    border: 2px solid var(--angel-gray, #A0A0A0);
}

/* 书本图标 */
[data-theme="angelcore"] .icon-book {
    width: 20px;
    height: 24px;
    background-color: var(--angel-gray-light, #C8C8C8);
    border-radius: 2px 4px 4px 2px;
    position: relative;
    border-left: 3px solid var(--angel-gray, #A0A0A0);
}

[data-theme="angelcore"] .icon-book::before {
    content: '';
    position: absolute;
    top: 4px;
    right: 3px;
    width: 8px;
    height: 2px;
    background-color: var(--angel-white, #FFFFFF);
    box-shadow: 0 4px 0 var(--angel-white, #FFFFFF), 0 8px 0 var(--angel-white, #FFFFFF);
}

/* 爱心图标 */
[data-theme="angelcore"] .icon-heart {
    width: 24px;
    height: 22px;
    position: relative;
}

[data-theme="angelcore"] .icon-heart::before,
[data-theme="angelcore"] .icon-heart::after {
    content: '';
    position: absolute;
    top: 0;
    width: 14px;
    height: 22px;
    background-color: var(--angel-pink, #F0E4E4);
    border-radius: 14px 14px 0 0;
}

[data-theme="angelcore"] .icon-heart::before {
    left: 0;
    transform: rotate(-45deg);
    transform-origin: bottom right;
}

[data-theme="angelcore"] .icon-heart::after {
    right: 0;
    transform: rotate(45deg);
    transform-origin: bottom left;
}

/* 蛋糕图标 */
[data-theme="angelcore"] .icon-cake {
    width: 24px;
    height: 22px;
    position: relative;
}

[data-theme="angelcore"] .icon-cake::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 2px;
    width: 20px;
    height: 14px;
    background-color: var(--angel-pink, #F0E4E4);
    border-radius: 4px 4px 6px 6px;
}

[data-theme="angelcore"] .icon-cake::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 8px;
    background-color: var(--angel-gray-light, #C8C8C8);
    border-radius: 2px;
}

/* 购物袋图标 */
[data-theme="angelcore"] .icon-bag {
    width: 22px;
    height: 24px;
    background-color: var(--angel-gray-light, #C8C8C8);
    border-radius: 0 0 6px 6px;
    position: relative;
    margin-top: 6px;
}

[data-theme="angelcore"] .icon-bag::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 4px;
    width: 14px;
    height: 10px;
    border: 2px solid var(--angel-gray, #A0A0A0);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    background-color: transparent;
}

/* ===== 图标形状容器增强 ===== */
[data-theme="angelcore"] .angel-icon-shape {
    width: 52px;
    height: 52px;
    background-color: var(--angel-white, #FFFFFF);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.08);
    border: 1px solid var(--angel-gray-pale, #E8E8E8);
    transition: all 0.2s ease;
}

[data-theme="angelcore"] .angel-app-icon:hover .angel-icon-shape {
    box-shadow: 0 4px 12px rgba(160, 160, 160, 0.12);
    transform: translateY(-2px);
}

[data-theme="angelcore"] .angel-app-icon:active .angel-icon-shape {
    transform: scale(0.95);
}

/* ===== 上传区域增强样式 ===== */
[data-theme="angelcore"] .angel-uploadable {
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

[data-theme="angelcore"] .angel-uploadable:hover {
    opacity: 0.9;
    box-shadow: 0 0 0 2px var(--angel-gray-pale, #E8E8E8);
}

[data-theme="angelcore"] .angel-uploadable::after {
    content: '📷';
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid var(--angel-gray-pale, #E8E8E8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
}

[data-theme="angelcore"] .angel-uploadable:hover::after {
    opacity: 1;
}

/* ===== 滑动容器修复 ===== */
[data-theme="angelcore"] .angel-slider {
    display: flex;
    width: 200%;
    height: 100%;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    transform: translateX(0%);
}

[data-theme="angelcore"] .angel-slider.page-1 {
    transform: translateX(-50%);
}

/* ===== 翻页箭头增强 ===== */
[data-theme="angelcore"] .angel-nav-arrows {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 60;
}

/* 仅在非触屏设备显示箭头 */
@media (hover: hover) and (pointer: fine) {
    [data-theme="angelcore"] .angel-nav-arrows {
        display: block;
    }

    [data-theme="angelcore"] .angel-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        border: 1px solid var(--angel-gray-pale, #E8E8E8);
        background-color: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
        opacity: 0.7;
        pointer-events: auto;
    }

    [data-theme="angelcore"] .angel-arrow:hover {
        opacity: 1;
        background-color: var(--angel-white, #FFFFFF);
        box-shadow: 0 2px 10px rgba(160, 160, 160, 0.15);
    }

    [data-theme="angelcore"] .angel-arrow:active {
        transform: translateY(-50%) scale(0.9);
    }

    [data-theme="angelcore"] .angel-arrow span {
        font-size: 20px;
        color: var(--angel-gray, #A0A0A0);
        font-weight: 300;
        line-height: 1;
    }

    [data-theme="angelcore"] .angel-arrow-left {
        left: 8px;
    }

    [data-theme="angelcore"] .angel-arrow-right {
        right: 8px;
    }

    [data-theme="angelcore"] .angel-arrow.disabled {
        opacity: 0.2;
        pointer-events: none;
    }
}

/* ===== 页面指示器修复 ===== */
[data-theme="angelcore"] .angel-page-dots {
    position: absolute;
    bottom: calc(90px + env(safe-area-inset-bottom, 0px));
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 50;
}

[data-theme="angelcore"] .angel-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--angel-gray-pale, #E8E8E8);
    transition: all 0.3s ease;
    cursor: pointer;
}

[data-theme="angelcore"] .angel-dot.active {
    width: 20px;
    border-radius: 3px;
    background-color: var(--angel-gray, #A0A0A0);
}

/* ==========================================
   DOCK 栏
   ========================================== */
[data-theme="angelcore"] .dock-bar {
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 28px !important;
    box-shadow: var(--angel-shadow) !important;
    height: 60px !important;
}

[data-theme="angelcore"] .dock-bar .app-icon-inner {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    width: 44px !important;
    height: 44px !important;
}

[data-theme="angelcore"] .dock-bar .app-icon span {
    display: none !important;
}

/* ==========================================
   应用内页面适配
   ========================================== */

/* 通用头部 */
[data-theme="angelcore"] .qq-header,
[data-theme="angelcore"] .t-header,
[data-theme="angelcore"] .ig-header,
[data-theme="angelcore"] .ff-header,
[data-theme="angelcore"] .forum-header,
[data-theme="angelcore"] .shop-header,
[data-theme="angelcore"] .sub-header {
    background-color: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    border-bottom: 1px solid var(--angel-gray-pale) !important;
    box-shadow: none !important;
}

[data-theme="angelcore"] .qq-title,
[data-theme="angelcore"] .t-logo,
[data-theme="angelcore"] .ig-logo,
[data-theme="angelcore"] .ff-title,
[data-theme="angelcore"] .forum-title,
[data-theme="angelcore"] .sub-title {
    color: var(--angel-gray) !important;
    font-family: var(--angel-font-display) !important;
    font-weight: 500 !important;
}

/* 通用底部导航 */
[data-theme="angelcore"] .qq-tab-bar,
[data-theme="angelcore"] .t-nav-bar,
[data-theme="angelcore"] .ig-nav-bar,
[data-theme="angelcore"] .ff-nav,
[data-theme="angelcore"] .forum-nav,
[data-theme="angelcore"] .shop-nav {
    background-color: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    border-top: 1px solid var(--angel-gray-pale) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

[data-theme="angelcore"] .qq-tab-item,
[data-theme="angelcore"] .t-nav-item,
[data-theme="angelcore"] .ig-nav-item,
[data-theme="angelcore"] .ff-nav-item,
[data-theme="angelcore"] .forum-nav-item,
[data-theme="angelcore"] .shop-nav-item {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .qq-tab-item.active,
[data-theme="angelcore"] .t-nav-item.active,
[data-theme="angelcore"] .ig-nav-item.active,
[data-theme="angelcore"] .ff-nav-item.active,
[data-theme="angelcore"] .forum-nav-item.active,
[data-theme="angelcore"] .shop-nav-item.active {
    color: var(--angel-gray) !important;
}

/* 内容区背景 */
[data-theme="angelcore"] .qq-content,
[data-theme="angelcore"] .t-content,
[data-theme="angelcore"] .ig-content,
[data-theme="angelcore"] .ff-content,
[data-theme="angelcore"] .forum-content,
[data-theme="angelcore"] .shop-content {
    background-color: var(--angel-white) !important;
}

/* 卡片/列表项 */
[data-theme="angelcore"] .chat-item,
[data-theme="angelcore"] .tweet-item,
[data-theme="angelcore"] .ig-post,
[data-theme="angelcore"] .ff-card,
[data-theme="angelcore"] .forum-post,
[data-theme="angelcore"] .shop-item {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 16px !important;
    margin: 10px !important;
    box-shadow: var(--angel-shadow-soft) !important;
}

/* 按钮 */
[data-theme="angelcore"] .action-btn {
    background-color: var(--angel-gray) !important;
    color: var(--angel-white) !important;
    border: none !important;
    border-radius: 20px !important;
}

[data-theme="angelcore"] .action-btn.secondary {
    background-color: var(--angel-white) !important;
    color: var(--angel-gray) !important;
    border: 1px solid var(--angel-gray-light) !important;
}

/* 输入框 */
[data-theme="angelcore"] input,
[data-theme="angelcore"] textarea,
[data-theme="angelcore"] select {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 12px !important;
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] input:focus,
[data-theme="angelcore"] textarea:focus {
    border-color: var(--angel-gray-light) !important;
    outline: none !important;
}

[data-theme="angelcore"] input::placeholder,
[data-theme="angelcore"] textarea::placeholder {
    color: var(--angel-gray-light) !important;
}

/* 弹窗 */
[data-theme="angelcore"] .modal-content,
[data-theme="angelcore"] .custom-dialog {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 24px !important;
}

/* 气泡 */
[data-theme="angelcore"] .msg-bubble {
    border-radius: 18px !important;
}

[data-theme="angelcore"] .message-row:not(.self) .msg-bubble {
    background-color: var(--angel-gray-ghost) !important;
    color: var(--angel-gray) !important;
    border: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .message-row.self .msg-bubble {
    background-color: var(--angel-gray) !important;
    color: var(--angel-white) !important;
}

/* 浮动按钮 */
[data-theme="angelcore"] .t-fab,
[data-theme="angelcore"] .wb-fab {
    background-color: var(--angel-gray) !important;
    border-radius: 16px !important;
    box-shadow: var(--angel-shadow) !important;
}

/* 开关 */
[data-theme="angelcore"] .slider {
    background-color: var(--angel-gray-pale) !important;
    border: none !important;
}

[data-theme="angelcore"] input:checked + .slider {
    background-color: var(--angel-gray) !important;
}

/* 滚动条 */
[data-theme="angelcore"] ::-webkit-scrollbar {
    width: 3px !important;
}

[data-theme="angelcore"] ::-webkit-scrollbar-track {
    background-color: transparent !important;
}

[data-theme="angelcore"] ::-webkit-scrollbar-thumb {
    background-color: var(--angel-gray-pale) !important;
    border-radius: 3px !important;
}
/* ==========================================
   电脑端翻页箭头
   ========================================== */
[data-theme="angelcore"] .angel-nav-arrows {
    display: none;
}

/* 仅在非触屏设备显示 */
@media (hover: hover) and (pointer: fine) {
    [data-theme="angelcore"] .angel-nav-arrows {
        display: block;
    }

    [data-theme="angelcore"] .angel-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        border: 1px solid var(--angel-gray-pale);
        background-color: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(10px);
        border-radius: 50%;
        cursor: pointer;
        z-index: 60;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
        opacity: 0.6;
    }

    [data-theme="angelcore"] .angel-arrow:hover {
        opacity: 1;
        background-color: var(--angel-white);
        box-shadow: 0 2px 10px rgba(160, 160, 160, 0.15);
    }

    [data-theme="angelcore"] .angel-arrow:active {
        transform: translateY(-50%) scale(0.9);
    }

    [data-theme="angelcore"] .angel-arrow span {
        font-size: 20px;
        color: var(--angel-gray);
        font-weight: 300;
        line-height: 1;
    }

    [data-theme="angelcore"] .angel-arrow-left {
        left: 8px;
    }

    [data-theme="angelcore"] .angel-arrow-right {
        right: 8px;
    }

    [data-theme="angelcore"] .angel-arrow.disabled {
        opacity: 0.2;
        pointer-events: none;
    }
}


/* 菜单 - 默认 */
#fb-menu {
    position: absolute !important;
    background-color: #fff !important;
    border: 2px solid #000 !important;
    border-radius: 16px !important;
    box-shadow: 4px 4px 0px #000 !important;
    padding: 8px !important;
    z-index: 9999 !important;
    display: none !important;
    flex-direction: column !important;
    gap: 6px !important;
}

#fb-menu.fb-show {
    display: flex !important;
}

#fb-menu .fb-btn {
    padding: 12px 18px !important;
    border: 1.5px solid #000 !important;
    background-color: #fff !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-align: center !important;
    color: #333 !important;
    white-space: nowrap !important;
    transition: all 0.1s !important;
}

#fb-menu .fb-btn:active {
    background-color: #f5f5f5 !important;
    transform: scale(0.96) !important;
}

#fb-menu .fb-btn-back { color: #333 !important; }
#fb-menu .fb-btn-exit { color: #666 !important; }
#fb-menu .fb-btn-hide { color: #999 !important; }

/* Angelcore 主题菜单 */
[data-theme="angelcore"] #fb-menu {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #E8E8E8 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 20px rgba(160, 160, 160, 0.12) !important;
    backdrop-filter: blur(15px) !important;
    padding: 10px !important;
    gap: 8px !important;
}

[data-theme="angelcore"] #fb-menu .fb-btn {
    border: 1px solid #E8E8E8 !important;
    background-color: #FAFAFA !important;
    border-radius: 14px !important;
    color: #A0A0A0 !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    padding: 10px 16px !important;
}

[data-theme="angelcore"] #fb-menu .fb-btn:active {
    background-color: #F0F0F0 !important;
}

[data-theme="angelcore"] #fb-menu .fb-btn-back {
    color: #808080 !important;
}

[data-theme="angelcore"] #fb-menu .fb-btn-exit {
    color: #C0A0A0 !important;
    border-color: #F0E4E4 !important;
    background-color: #FDF8F8 !important;
}

[data-theme="angelcore"] #fb-menu .fb-btn-hide {
    color: #B0B0B0 !important;
}

/* 小白条 - 默认 */
#fb-bar {
    position: absolute !important;
    width: 6px !important;
    height: 50px !important;
    background-color: #fff !important;
    border: 2px solid #000 !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    display: none !important;
    transition: all 0.2s !important;
}

#fb-bar.fb-show {
    display: block !important;
}

#fb-bar.fb-left {
    left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    border-left: none !important;
}

#fb-bar.fb-right {
    right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    border-right: none !important;
}

/* Angelcore 主题小白条 */
[data-theme="angelcore"] #fb-bar {
    background-color: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #E8E8E8 !important;
    backdrop-filter: blur(10px) !important;
    width: 4px !important;
    height: 40px !important;
}

[data-theme="angelcore"] #fb-bar.fb-left {
    border-radius: 0 6px 6px 0 !important;
    border-left: none !important;
}

[data-theme="angelcore"] #fb-bar.fb-right {
    border-radius: 6px 0 0 6px !important;
    border-right: none !important;
}
/* ==========================================
   可上传图片区域
   ========================================== */
[data-theme="angelcore"] .angel-uploadable {
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

[data-theme="angelcore"] .angel-uploadable:hover {
    opacity: 0.85;
}

[data-theme="angelcore"] .angel-uploadable::after {
    content: '✦';
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--angel-gray-pale);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: var(--angel-gray-light);
    opacity: 0;
    transition: opacity 0.2s;
}

[data-theme="angelcore"] .angel-uploadable:hover::after {
    opacity: 1;
}

/* 主插画容器适配 */
[data-theme="angelcore"] .angel-figure.angel-uploadable {
    border-radius: 60px 60px 40px 40px;
    overflow: hidden;
}

[data-theme="angelcore"] .angel-figure.angel-uploadable .angel-figure-placeholder {
    transition: opacity 0.3s;
}

/* 圆形组件适配 */
[data-theme="angelcore"] .circle-content.angel-uploadable {
    cursor: pointer;
}

/* 拍立得照片区适配 */
[data-theme="angelcore"] .polaroid-photo.angel-uploadable,
[data-theme="angelcore"] .mp-photo.angel-uploadable {
    cursor: pointer;
}
/* ==========================================
   QQ App 完整美化
   ========================================== */
[data-theme="angelcore"] #qqApp {
    background-color: var(--angel-white) !important;
}

[data-theme="angelcore"] .qq-search-bar {
    background-color: var(--angel-gray-ghost) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 20px !important;
    margin: 12px 16px !important;
}

[data-theme="angelcore"] .qq-search-bar i {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .qq-search-bar input {
    background-color: transparent !important;
    border: none !important;
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .chat-list,
[data-theme="angelcore"] #contactList,
[data-theme="angelcore"] #groupList {
    padding: 0 12px !important;
}

[data-theme="angelcore"] .chat-item,
[data-theme="angelcore"] .contact-item {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 16px !important;
    margin-bottom: 10px !important;
    padding: 14px !important;
    box-shadow: var(--angel-shadow-soft) !important;
}

[data-theme="angelcore"] .chat-avatar,
[data-theme="angelcore"] .contact-avatar {
    border-radius: 14px !important;
    border: 1px dashed var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .chat-name,
[data-theme="angelcore"] .contact-name {
    color: var(--angel-gray) !important;
    font-weight: 500 !important;
}

[data-theme="angelcore"] .chat-msg {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .chat-time {
    color: var(--angel-gray-light) !important;
    font-size: 10px !important;
}

[data-theme="angelcore"] .group-title,
[data-theme="angelcore"] .contact-group-title {
    color: var(--angel-gray-light) !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
}

/* 聊天窗口 */
[data-theme="angelcore"] #chatWindow {
    background-color: var(--angel-gray-ghost) !important;
}

[data-theme="angelcore"] .chat-messages {
    background-color: var(--angel-gray-ghost) !important;
}

[data-theme="angelcore"] .msg-avatar {
    border-radius: 12px !important;
    border: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .msg-bubble {
    border-radius: 16px !important;
    font-size: 14px !important;
}

[data-theme="angelcore"] .message-row:not(.self) .msg-bubble {
    background-color: var(--angel-white) !important;
    color: var(--angel-gray) !important;
    border: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .message-row.self .msg-bubble {
    background-color: var(--angel-gray) !important;
    color: var(--angel-white) !important;
    border: none !important;
}

[data-theme="angelcore"] .chat-input-area {
    background-color: var(--angel-white) !important;
    border-top: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .chat-input-area input {
    background-color: var(--angel-gray-ghost) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 20px !important;
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .chat-circle-btn,
[data-theme="angelcore"] .chat-tool-btn {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .chat-circle-btn.send {
    background-color: var(--angel-gray) !important;
    color: var(--angel-white) !important;
    border: none !important;
}

/* 工具面板 */
[data-theme="angelcore"] .chat-tools-panel {
    background-color: var(--angel-gray-ghost) !important;
    border-top: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .tool-icon {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .tool-name {
    color: var(--angel-gray-light) !important;
    font-size: 10px !important;
}

/* 朋友圈 */
[data-theme="angelcore"] .moments-bg {
    background-color: var(--angel-pink, #F0E4E4) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

[data-theme="angelcore"] .moments-bg:not([style*="background"]) {
    background-image: linear-gradient(135deg, var(--angel-pink) 0%, var(--angel-blue) 100%) !important;
}



[data-theme="angelcore"] .moments-avatar {
    border: 3px solid var(--angel-white) !important;
    border-radius: 14px !important;
}

[data-theme="angelcore"] .moments-item {
    background-color: var(--angel-white) !important;
    border-bottom: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .moment-avatar {
    border-radius: 10px !important;
}

[data-theme="angelcore"] .moment-name {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .moment-text {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .moment-time {
    color: var(--angel-gray-light) !important;
}

/* 我的页面 */
[data-theme="angelcore"] .me-avatar-large {
    border-radius: 50% !important;
    border: 2px dashed var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .me-info h2 {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .me-info p {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .menu-item {
    border-bottom: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .menu-item i {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .menu-item span {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .menu-arrow {
    color: var(--angel-gray-light) !important;
}

/* ==========================================
   Twitter App 完整美化
   ========================================== */
[data-theme="angelcore"] #twitterApp,
[data-theme="angelcore"] .twitter-app {
    background-color: var(--angel-white) !important;
}

[data-theme="angelcore"] .t-avatar-small {
    border-radius: 50% !important;
    border: 1.5px dashed var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .t-logo {
    color: var(--angel-gray) !important;
    font-family: var(--angel-font-display) !important;
}

[data-theme="angelcore"] .t-header-icon {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .t-header-icon:hover {
    background-color: var(--angel-gray-ghost) !important;
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .tweet-item {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 18px !important;
    margin: 12px !important;
    padding: 16px !important;
    box-shadow: var(--angel-shadow-soft) !important;
}

[data-theme="angelcore"] .tweet-avatar {
    border-radius: 14px !important;
    border: 1px dashed var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .tweet-name {
    color: var(--angel-gray) !important;
    font-weight: 500 !important;
}

[data-theme="angelcore"] .tweet-handle,
[data-theme="angelcore"] .tweet-time {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .tweet-text {
    color: var(--angel-gray) !important;
    line-height: 1.6 !important;
}

[data-theme="angelcore"] .tweet-media {
    border-radius: 14px !important;
    border: 1px solid var(--angel-gray-pale) !important;
    overflow: hidden !important;
}

[data-theme="angelcore"] .t-action-btn {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .t-action-btn.liked {
    color: var(--angel-pink) !important;
}

[data-theme="angelcore"] .t-action-btn.retweeted {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .t-fab {
    background-color: var(--angel-gray) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(160, 160, 160, 0.2) !important;
}

[data-theme="angelcore"] .t-search-input {
    background-color: var(--angel-gray-ghost) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 20px !important;
    color: var(--angel-gray) !important;
}

/* 抽屉 */
[data-theme="angelcore"] .t-drawer {
    background-color: var(--angel-white) !important;
    border-right: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .t-drawer-avatar {
    border-radius: 50% !important;
    border: 1.5px dashed var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .t-drawer-name {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .t-drawer-handle {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .t-drawer-item {
    color: var(--angel-gray) !important;
}

/* ==========================================
   Instagram App 完整美化
   ========================================== */
[data-theme="angelcore"] #instagramApp,
[data-theme="angelcore"] .instagram-app {
    background-color: var(--angel-white) !important;
}

[data-theme="angelcore"] .ig-logo {
    color: var(--angel-gray) !important;
    font-family: var(--angel-font-display) !important;
    font-size: 22px !important;
}

[data-theme="angelcore"] .ig-header-actions i {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .ig-post {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 18px !important;
    margin: 12px !important;
    overflow: hidden !important;
    box-shadow: var(--angel-shadow-soft) !important;
}

[data-theme="angelcore"] .ig-avatar-small {
    border: 1.5px dashed var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .ig-username {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .ig-post-img {
    background-color: var(--angel-gray-ghost) !important;
}

[data-theme="angelcore"] .ig-post-actions i {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .ig-likes {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .ig-caption {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .ig-caption span {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .ig-time {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .ig-search-grid {
    gap: 4px !important;
    padding: 12px !important;
}

[data-theme="angelcore"] .ig-grid-item {
    border-radius: 8px !important;
    border: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .ig-profile-avatar {
    border: 2px dashed var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .ig-stat-num {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .ig-stat-label {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .ig-profile-name {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] #igProfileBio {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .ig-edit-profile {
    border: 1px solid var(--angel-gray-pale) !important;
    color: var(--angel-gray) !important;
    border-radius: 10px !important;
}

/* ==========================================
   同人墙 App 完整美化
   ========================================== */
[data-theme="angelcore"] #fanficApp,
[data-theme="angelcore"] .fanfic-app {
    background-color: var(--angel-white) !important;
}

[data-theme="angelcore"] .ff-title {
    color: var(--angel-gray) !important;
    font-family: var(--angel-font-display) !important;
}

[data-theme="angelcore"] .ff-header-icon {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .ff-sub-tabs {
    background-color: var(--angel-white) !important;
    border-bottom: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .ff-sub-tab {
    color: var(--angel-gray-light) !important;
    border-radius: 16px !important;
}

[data-theme="angelcore"] .ff-sub-tab.active {
    background-color: var(--angel-gray) !important;
    color: var(--angel-white) !important;
}

[data-theme="angelcore"] .ff-card {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 18px !important;
    box-shadow: var(--angel-shadow-soft) !important;
}

[data-theme="angelcore"] .ff-card-avatar {
    border-radius: 12px !important;
    border: 1px dashed var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .ff-card-title {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .ff-card-preview {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .ff-tag {
    background-color: var(--angel-gray-ghost) !important;
    color: var(--angel-gray) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 12px !important;
}

[data-theme="angelcore"] .ff-card-meta {
    color: var(--angel-gray-light) !important;
    border-top: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .ff-search-box {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 20px !important;
}

[data-theme="angelcore"] .ff-search-box input {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .ff-search-box button {
    background-color: var(--angel-gray) !important;
    color: var(--angel-white) !important;
    border-radius: 16px !important;
}

/* ==========================================
   论坛 App 完整美化
   ========================================== */
[data-theme="angelcore"] #forumApp,
[data-theme="angelcore"] .forum-app {
    background-color: var(--angel-white) !important;
}

[data-theme="angelcore"] .forum-title {
    color: var(--angel-gray) !important;
    font-family: var(--angel-font-display) !important;
}

[data-theme="angelcore"] .forum-search-bar {
    background-color: var(--angel-gray-ghost) !important;
    border-radius: 16px !important;
    border: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .forum-search-bar input {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .forum-header-icon {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .forum-post {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 18px !important;
    box-shadow: var(--angel-shadow-soft) !important;
}

[data-theme="angelcore"] .forum-post-title {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .forum-post-meta {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .forum-board-item {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 16px !important;
}

/* ==========================================
   商店 App 完整美化
   ========================================== */
[data-theme="angelcore"] #shopApp,
[data-theme="angelcore"] .shop-app {
    background-color: var(--angel-white) !important;
}

[data-theme="angelcore"] .shop-search-bar {
    background-color: var(--angel-gray-ghost) !important;
    border-radius: 16px !important;
    border: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .shop-tabs {
    background-color: var(--angel-white) !important;
}

[data-theme="angelcore"] .shop-tab {
    background-color: var(--angel-gray-ghost) !important;
    color: var(--angel-gray) !important;
    border-radius: 16px !important;
}

[data-theme="angelcore"] .shop-tab.active {
    background-color: var(--angel-gray) !important;
    color: var(--angel-white) !important;
    box-shadow: none !important;
}

[data-theme="angelcore"] .shop-item {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 18px !important;
    box-shadow: var(--angel-shadow-soft) !important;
}

[data-theme="angelcore"] .shop-item-img {
    background-color: var(--angel-gray-ghost) !important;
    border-radius: 14px 14px 0 0 !important;
}

[data-theme="angelcore"] .shop-item-title {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .shop-item-price {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .shop-btn.cart {
    background-color: var(--angel-gray-ghost) !important;
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .shop-btn.buy {
    background-color: var(--angel-gray) !important;
    color: var(--angel-white) !important;
}

/* ==========================================
   情侣空间 App 完整美化
   ========================================== */
[data-theme="angelcore"] #coupleApp {
    background-color: var(--angel-white) !important;
}

[data-theme="angelcore"] .couple-header {
    background: linear-gradient(135deg, var(--angel-pink) 0%, var(--angel-blue) 100%) !important;
    border-radius: 0 0 32px 32px !important;
}

[data-theme="angelcore"] .c-avatar {
    border: 2px solid var(--angel-white) !important;
}

[data-theme="angelcore"] .heart-beat {
    color: var(--angel-pink) !important;
}

[data-theme="angelcore"] .days-count {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .c-menu-item {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 16px !important;
    box-shadow: var(--angel-shadow-soft) !important;
}

[data-theme="angelcore"] .c-menu-item span {
    color: var(--angel-gray) !important;
}

/* ==========================================
   世界书 App 完整美化
   ========================================== */
[data-theme="angelcore"] #worldbookApp {
    background-color: var(--angel-white) !important;
}

[data-theme="angelcore"] .wb-title {
    color: var(--angel-gray) !important;
    font-family: var(--angel-font-display) !important;
}

[data-theme="angelcore"] .wb-tabs {
    background-color: var(--angel-white) !important;
    border-bottom: 1px solid var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .wb-tab {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .wb-tab.active {
    color: var(--angel-gray) !important;
    border-bottom-color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .wb-content {
    background-color: var(--angel-gray-ghost) !important;
}

[data-theme="angelcore"] .wb-book-item {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 14px !important;
    box-shadow: var(--angel-shadow-soft) !important;
}

[data-theme="angelcore"] .wb-book-icon {
    background-color: var(--angel-gray) !important;
    border-radius: 10px !important;
}

[data-theme="angelcore"] .wb-book-name {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .wb-book-count {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .wb-fab {
    background-color: var(--angel-gray) !important;
    box-shadow: 0 4px 16px rgba(160, 160, 160, 0.2) !important;
}

/* ==========================================
   弹窗/模态框 完整美化
   ========================================== */
[data-theme="angelcore"] .modal {
    background-color: rgba(160, 160, 160, 0.2) !important;
    backdrop-filter: blur(8px) !important;
}

[data-theme="angelcore"] .modal-content {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(160, 160, 160, 0.15) !important;
}

[data-theme="angelcore"] .modal-header h2 {
    color: var(--angel-gray) !important;
    font-family: var(--angel-font-display) !important;
}

[data-theme="angelcore"] .close-btn {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .custom-dialog {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 24px !important;
}

[data-theme="angelcore"] .custom-dialog h3 {
    color: var(--angel-gray) !important;
    font-family: var(--angel-font-display) !important;
}

[data-theme="angelcore"] .custom-dialog p {
    color: var(--angel-gray-light) !important;
}

[data-theme="angelcore"] .custom-dialog-btn.cancel {
    background-color: var(--angel-gray-ghost) !important;
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .custom-dialog-btn.confirm {
    background-color: var(--angel-gray) !important;
    color: var(--angel-white) !important;
}

/* 子页面 */
[data-theme="angelcore"] .sub-page {
    background-color: var(--angel-white) !important;
}

[data-theme="angelcore"] .sub-content {
    background-color: var(--angel-gray-ghost) !important;
}

/* 设置面板 */
[data-theme="angelcore"] .setting-section {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 16px !important;
}

[data-theme="angelcore"] .setting-section h3 {
    color: var(--angel-gray) !important;
}

[data-theme="angelcore"] .setting-item {
    border-bottom-color: var(--angel-gray-pale) !important;
}

/* 通知 */
[data-theme="angelcore"] .in-app-notification {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 18px !important;
    color: var(--angel-gray) !important;
    box-shadow: 0 8px 24px rgba(160, 160, 160, 0.1) !important;
}

[data-theme="angelcore"] .toast-message {
    background-color: rgba(160, 160, 160, 0.9) !important;
    border-radius: 16px !important;
}

/* Action Sheet */
[data-theme="angelcore"] .action-sheet-content {
    background-color: var(--angel-white) !important;
    border: 1px solid var(--angel-gray-pale) !important;
    border-radius: 24px 24px 0 0 !important;
}

[data-theme="angelcore"] .action-sheet-item {
    color: var(--angel-gray) !important;
    border-bottom-color: var(--angel-gray-pale) !important;
}

[data-theme="angelcore"] .action-sheet-item:last-child {
    color: var(--angel-pink) !important;
}
/* ==========================================
   天使核主题 - 第二页布局重构
   ========================================== */

/* ===== 页面行布局 ===== */
[data-theme="angelcore"] .angel-row {
    display: flex;
    gap: 16px;
    width: 100%;
    margin-bottom: 16px;
}

[data-theme="angelcore"] .angel-row-top,
[data-theme="angelcore"] .angel-row-middle {
    height: calc((100% - 180px) / 2);
    min-height: 140px;
}

[data-theme="angelcore"] .angel-row-bottom {
    flex: 0 0 auto;
    justify-content: center;
    margin-top: auto;
    padding-bottom: 20px;
}

/* ===== 大圆形组件 ===== */
[data-theme="angelcore"] .angel-widget-circle {
    flex: 0 0 calc(50% - 8px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

[data-theme="angelcore"] .angel-circle-frame {
    width: 100%;
    aspect-ratio: 1;
    max-width: 140px;
    border-radius: 50%;
    border: 2px dashed var(--angel-gray-pale, #E8E8E8);
    padding: 6px;
    background-color: var(--angel-white, #FFFFFF);
    box-shadow: 0 4px 20px rgba(160, 160, 160, 0.08);
}

[data-theme="angelcore"] .angel-circle-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--angel-gray-ghost, #F5F5F5);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-theme="angelcore"] .angel-placeholder-icon {
    font-size: 32px;
    color: var(--angel-gray-light, #C8C8C8);
}

[data-theme="angelcore"] .angel-widget-label {
    font-size: 12px;
    color: var(--angel-gray-light, #C8C8C8);
    letter-spacing: 1px;
    text-align: center;
    outline: none;
    border: 1px dashed transparent;
    padding: 2px 8px;
    border-radius: 10px;
    transition: border-color 0.2s;
}

[data-theme="angelcore"] .angel-widget-label:focus {
    border-color: var(--angel-gray-pale, #E8E8E8);
    background-color: var(--angel-white, #FFFFFF);
}

/* ===== 2x2 图标网格 ===== */
[data-theme="angelcore"] .angel-icon-grid-2x2 {
    flex: 0 0 calc(50% - 8px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
}

/* ===== 极简图标样式 ===== */
[data-theme="angelcore"] .angel-icon-minimal {
    width: 48px;
    height: 48px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
}

[data-theme="angelcore"] .angel-icon-minimal i {
    font-size: 26px;
    color: var(--angel-gray, #A0A0A0);
    transition: color 0.2s;
}

[data-theme="angelcore"] .angel-app-icon:hover .angel-icon-minimal i {
    color: var(--angel-gray-light, #C8C8C8);
}

[data-theme="angelcore"] .angel-app-icon:active .angel-icon-minimal {
    transform: scale(0.9);
}

/* 图标标签可编辑 */
[data-theme="angelcore"] .angel-icon-label {
    font-size: 11px;
    color: var(--angel-gray, #A0A0A0);
    letter-spacing: 0.5px;
    outline: none;
    border: 1px dashed transparent;
    padding: 1px 6px;
    border-radius: 8px;
    transition: all 0.2s;
}

[data-theme="angelcore"] .angel-icon-label:focus {
    border-color: var(--angel-gray-pale, #E8E8E8);
    background-color: var(--angel-white, #FFFFFF);
}

/* ===== 纵向长方形组件 ===== */
[data-theme="angelcore"] .angel-widget-vertical {
    flex: 0 0 calc(50% - 8px);
    height: 100%;
    border-radius: 20px;
    border: 2px dashed var(--angel-gray-pale, #E8E8E8);
    background-color: var(--angel-white, #FFFFFF);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(160, 160, 160, 0.08);
}

[data-theme="angelcore"] .angel-vertical-img {
    width: 100%;
    height: 100%;
    background-color: var(--angel-gray-ghost, #F5F5F5);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-theme="angelcore"] .angel-vertical-img .angel-placeholder-icon {
    font-size: 48px;
}

/* ===== 三联拍立得 ===== */
[data-theme="angelcore"] .angel-polaroid-trio {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: flex-end;
}

[data-theme="angelcore"] .angel-polaroid-card {
    width: 90px;
    background-color: var(--angel-white, #FFFFFF);
    padding: 6px;
    padding-bottom: 24px;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(160, 160, 160, 0.15);
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

[data-theme="angelcore"] .angel-polaroid-card:hover {
    box-shadow: 0 6px 20px rgba(160, 160, 160, 0.2);
}

[data-theme="angelcore"] .angel-polaroid-card:active {
    transform: scale(0.95) !important;
}

[data-theme="angelcore"] .angel-polaroid-card.tilt-left {
    transform: rotate(-5deg);
}

[data-theme="angelcore"] .angel-polaroid-card.tilt-center {
    transform: rotate(0deg) translateY(-5px);
    z-index: 1;
}

[data-theme="angelcore"] .angel-polaroid-card.tilt-right {
    transform: rotate(4deg);
}

[data-theme="angelcore"] .angel-polaroid-img {
    width: 100%;
    aspect-ratio: 1;
    background-color: var(--angel-gray-ghost, #F5F5F5);
    background-size: cover;
    background-position: center;
    border-radius: 2px;
}

[data-theme="angelcore"] .angel-polaroid-label {
    text-align: center;
    font-size: 11px;
    color: var(--angel-gray, #A0A0A0);
    margin-top: 8px;
    outline: none;
    letter-spacing: 0.5px;
}

[data-theme="angelcore"] .angel-polaroid-label:focus {
    background-color: var(--angel-gray-ghost, #F5F5F5);
    border-radius: 4px;
}

/* ==========================================
   天使核主题 - Dock栏美化
   ========================================== */
[data-theme="angelcore"] .dock-bar {
    background-color: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: none !important;
    border-radius: 28px !important;
    box-shadow: 0 4px 30px rgba(160, 160, 160, 0.12) !important;
    height: 70px !important;
    padding: 0 24px !important;
}

[data-theme="angelcore"] .dock-bar .app-icon {
    flex: 0 0 auto;
}

[data-theme="angelcore"] .dock-bar .app-icon-inner {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 16px !important;
    overflow: hidden;
}

[data-theme="angelcore"] .dock-bar .app-icon-inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: grayscale(100%) opacity(0.7);
    transition: filter 0.2s;
}

[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner img {
    filter: grayscale(50%) opacity(0.9);
}

[data-theme="angelcore"] .dock-bar .app-icon:active .app-icon-inner {
    transform: scale(0.9);
}

[data-theme="angelcore"] .dock-bar .app-icon span {
    display: none !important;
}




/* ==========================================
   天使核主题 - 完整美化补丁 V2
   Dock栏 + APP内部 + 功能页面
   ========================================== */


/* ==========================================
   第二部分：QQ APP 完整美化
   ========================================== */

/* QQ整体背景 */
[data-theme="angelcore"] #qqApp {
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .qq-content {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

/* QQ头部 */
[data-theme="angelcore"] .qq-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .qq-title {
    color: var(--angel-gray, #A0A0A0) !important;
    font-weight: 500 !important;
}

[data-theme="angelcore"] .qq-avatar-small {
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 50% !important;
}

/* QQ搜索栏 */
[data-theme="angelcore"] .qq-search-bar {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

[data-theme="angelcore"] .qq-search-bar input {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .qq-search-bar input::placeholder {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* QQ聊天列表项 */
[data-theme="angelcore"] .chat-item,
[data-theme="angelcore"] .contact-item {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 16px !important;
    margin: 8px 12px !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.04) !important;
    transition: all 0.2s ease !important;
}

[data-theme="angelcore"] .chat-item:active,
[data-theme="angelcore"] .contact-item:active {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    transform: scale(0.98) !important;
}

[data-theme="angelcore"] .chat-avatar,
[data-theme="angelcore"] .contact-avatar {
    border-radius: 50% !important;
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .chat-name,
[data-theme="angelcore"] .contact-name {
    color: var(--angel-gray, #A0A0A0) !important;
    font-weight: 500 !important;
}

[data-theme="angelcore"] .chat-msg {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .chat-time {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .group-title,
[data-theme="angelcore"] .contact-group-title {
    color: var(--angel-gray-light, #C8C8C8) !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    padding-left: 16px !important;
}

/* QQ底部Tab栏 */
[data-theme="angelcore"] .qq-tab-bar {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: none !important;
}

[data-theme="angelcore"] .qq-tab-item {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .qq-tab-item.active {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .qq-tab-item span {
    font-size: 10px !important;
}

/* QQ我的页面 */
[data-theme="angelcore"] .me-header {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .me-avatar-large {
    border: 2px dashed var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 50% !important;
}

[data-theme="angelcore"] .me-info h2 {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .me-info p {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .me-menu {
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .menu-item {
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    transition: background 0.2s !important;
}

[data-theme="angelcore"] .menu-item:active {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
}

[data-theme="angelcore"] .menu-item span {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .menu-arrow {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* QQ聊天窗口 */
[data-theme="angelcore"] #chatWindow {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

[data-theme="angelcore"] .chat-messages {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

[data-theme="angelcore"] .msg-avatar {
    border-radius: 50% !important;
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .msg-name {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .msg-time,
[data-theme="angelcore"] .msg-date {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 消息气泡 */
[data-theme="angelcore"] .message-row:not(.self) .msg-bubble {
    background-color: var(--angel-white, #FFFFFF) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 18px 18px 18px 4px !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.06) !important;
}

[data-theme="angelcore"] .message-row.self .msg-bubble {
    background-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
    border: none !important;
    border-radius: 18px 18px 4px 18px !important;
}

/* 聊天输入区 */
[data-theme="angelcore"] .chat-input-area {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .chat-input-area input {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 20px !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .chat-input-area input:focus {
    border-color: var(--angel-gray-light, #C8C8C8) !important;
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .chat-tool-btn,
[data-theme="angelcore"] .chat-circle-btn {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1.5px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .chat-circle-btn.send {
    background-color: var(--angel-gray, #A0A0A0) !important;
    border-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .send-btn {
    background-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 8px 16px !important;
}

/* 聊天工具面板 */
[data-theme="angelcore"] .chat-tools-panel {
    background-color: var(--angel-cream, #FAF8F5) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .tool-icon {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1.5px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .tool-icon:active {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
}

[data-theme="angelcore"] .tool-name {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 朋友圈/动态 */
[data-theme="angelcore"] .moments-bg {
    background-color: var(--angel-pink-soft, #F8F0F0) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

[data-theme="angelcore"] .moments-bg:not([style*="background"]) {
    background-image: linear-gradient(135deg, var(--angel-pink-soft, #F8F0F0) 0%, var(--angel-blue, #E4E8F0) 100%) !important;
}



[data-theme="angelcore"] .moments-avatar {
    border: 3px solid var(--angel-white, #FFFFFF) !important;
    border-radius: 14px !important;
}

[data-theme="angelcore"] .moments-user span {
    color: var(--angel-gray, #A0A0A0) !important;
    text-shadow: none !important;
}

[data-theme="angelcore"] .moments-item {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .moment-avatar {
    border-radius: 10px !important;
    border: 1px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .moment-name {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .moment-text {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .moment-time {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .moment-actions {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .moments-actions button {
    background-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
    box-shadow: 0 4px 12px rgba(160, 160, 160, 0.2) !important;
}

/* ==========================================
   第三部分：Twitter APP 完整美化
   ========================================== */

[data-theme="angelcore"] #twitterApp,
[data-theme="angelcore"] .twitter-app {
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .t-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .t-avatar-small {
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .t-logo {
    color: var(--angel-gray, #A0A0A0) !important;
    font-weight: 600 !important;
}

[data-theme="angelcore"] .t-header-icon {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .t-header-icon:hover {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
}

[data-theme="angelcore"] .t-content {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

/* 推文卡片 */
[data-theme="angelcore"] .tweet-item {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 18px !important;
    margin: 10px 12px !important;
    padding: 16px !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.04) !important;
}

[data-theme="angelcore"] .tweet-item:active {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
}

[data-theme="angelcore"] .tweet-avatar {
    border-radius: 50% !important;
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .tweet-name {
    color: var(--angel-gray, #A0A0A0) !important;
    font-weight: 600 !important;
}

[data-theme="angelcore"] .tweet-handle,
[data-theme="angelcore"] .tweet-time {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .tweet-time::before {
    color: var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .tweet-text {
    color: var(--angel-gray, #A0A0A0) !important;
    line-height: 1.6 !important;
}

[data-theme="angelcore"] .tweet-media {
    border-radius: 14px !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    overflow: hidden !important;
}

[data-theme="angelcore"] .tweet-actions {
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
}

[data-theme="angelcore"] .t-action-btn {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .t-action-btn:hover {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .t-action-btn.liked {
    color: var(--angel-pink, #F0E4E4) !important;
}

[data-theme="angelcore"] .t-action-btn.retweeted {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 发推按钮 */
[data-theme="angelcore"] .t-fab {
    background-color: var(--angel-gray, #A0A0A0) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(160, 160, 160, 0.25) !important;
}

[data-theme="angelcore"] .t-fab:hover {
    box-shadow: 0 6px 25px rgba(160, 160, 160, 0.3) !important;
}

/* 底部导航 */
[data-theme="angelcore"] .t-nav-bar {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: none !important;
}

[data-theme="angelcore"] .t-nav-item {
    opacity: 0.5 !important;
}

[data-theme="angelcore"] .t-nav-item.active {
    opacity: 1 !important;
}

/* 侧边栏 */
[data-theme="angelcore"] .t-drawer {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-right: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .t-drawer-avatar {
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .t-drawer-name {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .t-drawer-handle {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .t-drawer-item {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .t-drawer-stats span {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .t-drawer-stats b {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 搜索页 */
[data-theme="angelcore"] .t-search-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
}

[data-theme="angelcore"] .t-search-input {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 私信 */
[data-theme="angelcore"] .t-dm-item {
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .t-dm-item:active {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
}

[data-theme="angelcore"] .t-dm-avatar {
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .t-dm-name {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .t-dm-msg,
[data-theme="angelcore"] .t-dm-date {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .t-dm-window {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

[data-theme="angelcore"] .t-dm-header {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .t-dm-messages {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

[data-theme="angelcore"] .t-msg-bubble.received {
    background-color: var(--angel-white, #FFFFFF) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .t-msg-bubble.sent {
    background-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .t-dm-input {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .t-dm-input input {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .t-dm-send {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* ==========================================
   第四部分：Instagram APP 完整美化
   ========================================== */

[data-theme="angelcore"] #instagramApp,
[data-theme="angelcore"] .instagram-app {
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .ig-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ig-logo {
    color: var(--angel-gray, #A0A0A0) !important;
    font-weight: 500 !important;
}

[data-theme="angelcore"] .ig-header-actions i {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ig-content {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

/* 帖子 */
[data-theme="angelcore"] .ig-post {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 18px !important;
    margin: 10px 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.04) !important;
}

[data-theme="angelcore"] .ig-avatar-small {
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ig-username {
    color: var(--angel-gray, #A0A0A0) !important;
    font-weight: 600 !important;
}

[data-theme="angelcore"] .ig-post-img {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
}

[data-theme="angelcore"] .ig-post-actions i {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ig-likes {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ig-caption {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ig-caption span {
    color: var(--angel-gray, #A0A0A0) !important;
    font-weight: 600 !important;
}

[data-theme="angelcore"] .ig-time {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 搜索网格 */
[data-theme="angelcore"] .ig-search-grid {
    gap: 4px !important;
    padding: 12px !important;
}

[data-theme="angelcore"] .ig-grid-item {
    border-radius: 8px !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

/* 个人主页 */
[data-theme="angelcore"] .ig-profile-avatar {
    border: 2px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ig-stat-num {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ig-stat-label {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .ig-profile-name {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] #igProfileBio {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .ig-edit-profile {
    border: 1.5px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    border-radius: 10px !important;
    background-color: var(--angel-white, #FFFFFF) !important;
}

/* 底部导航 */
[data-theme="angelcore"] .ig-nav-bar {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ig-nav-item {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .ig-nav-item.active {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 发布模态框 */
[data-theme="angelcore"] .ig-create-modal,
[data-theme="angelcore"] #igCreateModal {
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .ig-create-header {
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] #doIgPost {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ig-create-preview {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .ig-create-caption {
    background-color: var(--angel-white, #FFFFFF) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

/* ==========================================
   第五部分：同人墙 APP 完整美化
   ========================================== */

[data-theme="angelcore"] #fanficApp,
[data-theme="angelcore"] .fanfic-app {
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .ff-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ff-title {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ff-header-icon {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ff-content {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

/* 子标签 */
[data-theme="angelcore"] .ff-sub-tabs {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ff-sub-tab {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .ff-sub-tab.active {
    background-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
}

/* 卡片 */
[data-theme="angelcore"] .ff-card {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 18px !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.04) !important;
}

[data-theme="angelcore"] .ff-card:active {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
}

[data-theme="angelcore"] .ff-card-avatar {
    border-radius: 50% !important;
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ff-card-author {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ff-card-title {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ff-card-preview {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .ff-tag {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ff-card-meta {
    color: var(--angel-gray-light, #C8C8C8) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

/* 搜索框 */
[data-theme="angelcore"] .ff-search-box {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ff-search-box input {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ff-search-box button {
    background-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
}

/* 底部导航 */
[data-theme="angelcore"] .ff-nav {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: none !important;
}

[data-theme="angelcore"] .ff-nav-item {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .ff-nav-item.active {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ff-nav-item span {
    font-size: 10px !important;
}

/* 我的页面 */
[data-theme="angelcore"] .ff-me-header {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ff-me-avatar {
    border: 2px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .ff-me-name {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ff-me-bio {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .ff-stat-num {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ff-stat-label {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 阅读器 */
[data-theme="angelcore"] .ff-reader-content {
    background-color: var(--angel-white, #FFFFFF) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .ff-reader-title {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* ==========================================
   第六部分：论坛 APP 完整美化
   ========================================== */

[data-theme="angelcore"] #forumApp,
[data-theme="angelcore"] .forum-app {
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .forum-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .forum-title {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .forum-search-bar {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .forum-search-bar input {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .forum-header-icon {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .forum-content {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

/* 帖子 */
[data-theme="angelcore"] .forum-post {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.04) !important;
}

[data-theme="angelcore"] .forum-post:active {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
}

[data-theme="angelcore"] .forum-post-title {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .forum-post-meta {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 板块 */
[data-theme="angelcore"] .forum-board-item {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 16px !important;
}

/* 底部导航 */
[data-theme="angelcore"] .forum-nav {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: none !important;
}

[data-theme="angelcore"] .forum-nav-item {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .forum-nav-item.active {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* ==========================================
   第七部分：商城 APP 完整美化
   ========================================== */

[data-theme="angelcore"] #shopApp,
[data-theme="angelcore"] .shop-app {
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .shop-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .shop-header-icons i {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .shop-search-bar {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .shop-search-bar input {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .shop-tabs {
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .shop-tab {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .shop-tab.active {
    background-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
    box-shadow: none !important;
}

[data-theme="angelcore"] .shop-content {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

/* 商品卡片 */
[data-theme="angelcore"] .shop-item {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 18px !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.04) !important;
}

[data-theme="angelcore"] .shop-item-img {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    border-radius: 14px 14px 0 0 !important;
}

[data-theme="angelcore"] .shop-item-title {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .shop-item-price {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .shop-btn.cart {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .shop-btn.buy {
    background-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
}

/* 底部导航 */
[data-theme="angelcore"] .shop-nav {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: none !important;
}

[data-theme="angelcore"] .shop-nav-item {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .shop-nav-item.active {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* ==========================================
   第八部分：情侣空间 APP 完整美化
   ========================================== */

[data-theme="angelcore"] #coupleApp {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

[data-theme="angelcore"] .couple-header {
    background: linear-gradient(135deg, var(--angel-pink-soft, #F8F0F0) 0%, var(--angel-blue, #E4E8F0) 100%) !important;
    border-radius: 0 0 32px 32px !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .c-avatar {
    border: 2px solid var(--angel-white, #FFFFFF) !important;
    box-shadow: 0 4px 15px rgba(160, 160, 160, 0.15) !important;
}

[data-theme="angelcore"] .heart-beat {
    color: var(--angel-pink, #F0E4E4) !important;
}

[data-theme="angelcore"] .days-count {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .days-count h2 {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .c-menu-item {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.04) !important;
}

[data-theme="angelcore"] .c-menu-item span {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .c-menu-item i {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* ==========================================
   第九部分：世界书 APP 完整美化
   ========================================== */

[data-theme="angelcore"] #worldbookApp {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

[data-theme="angelcore"] .wb-header {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .wb-title {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .wb-header button {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .wb-tabs {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .wb-tab {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .wb-tab.active {
    color: var(--angel-gray, #A0A0A0) !important;
    border-bottom-color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .wb-content {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

[data-theme="angelcore"] .wb-book-item {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.04) !important;
}

[data-theme="angelcore"] .wb-book-icon {
    background-color: var(--angel-gray, #A0A0A0) !important;
    border-radius: 10px !important;
}

[data-theme="angelcore"] .wb-book-name {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .wb-book-count {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .wb-fab {
    background-color: var(--angel-gray, #A0A0A0) !important;
    box-shadow: 0 4px 16px rgba(160, 160, 160, 0.25) !important;
}

[data-theme="angelcore"] .wb-entry-item {
    background-color: var(--angel-white, #FFFFFF) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .wb-entry-keys {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .wb-entry-preview {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* ==========================================
   第十部分：通用组件美化
   ========================================== */

/* 子页面 */
[data-theme="angelcore"] .sub-page {
    background-color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .sub-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .sub-title {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .sub-content {
    background-color: var(--angel-cream, #FAF8F5) !important;
}

[data-theme="angelcore"] .back-btn,
[data-theme="angelcore"] .menu-btn,
[data-theme="angelcore"] .close-btn {
    color: var(--angel-gray, #A0A0A0) !important;
    background-color: transparent !important;
}

/* 模态框 */
[data-theme="angelcore"] .modal {
    background-color: rgba(160, 160, 160, 0.2) !important;
    backdrop-filter: blur(8px) !important;
}

[data-theme="angelcore"] .modal-content {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(160, 160, 160, 0.15) !important;
}

[data-theme="angelcore"] .modal-header h2 {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .modal-body {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 对话框 */
[data-theme="angelcore"] .custom-dialog {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 24px !important;
}

[data-theme="angelcore"] .custom-dialog h3 {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .custom-dialog p {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .custom-dialog-btn.cancel {
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .custom-dialog-btn.confirm {
    background-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
}

/* 按钮 */
[data-theme="angelcore"] .action-btn {
    background-color: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 12px rgba(160, 160, 160, 0.2) !important;
}

[data-theme="angelcore"] .action-btn:active {
    transform: scale(0.98) !important;
}

[data-theme="angelcore"] .action-btn.secondary {
    background-color: var(--angel-white, #FFFFFF) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    border: 1.5px solid var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: none !important;
}

/* 输入框 */
[data-theme="angelcore"] input,
[data-theme="angelcore"] textarea,
[data-theme="angelcore"] select {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1.5px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 12px !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] input:focus,
[data-theme="angelcore"] textarea:focus,
[data-theme="angelcore"] select:focus {
    border-color: var(--angel-gray-light, #C8C8C8) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(160, 160, 160, 0.1) !important;
}

[data-theme="angelcore"] input::placeholder,
[data-theme="angelcore"] textarea::placeholder {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 表单组 */
[data-theme="angelcore"] .form-group label,
[data-theme="angelcore"] .ff-input-group label,
[data-theme="angelcore"] .input-group label {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 设置区块 */
[data-theme="angelcore"] .setting-section {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 16px !important;
}

[data-theme="angelcore"] .setting-section h3 {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .setting-item {
    border-bottom-color: var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 开关 */
[data-theme="angelcore"] .slider {
    background-color: var(--angel-gray-pale, #E8E8E8) !important;
    border: none !important;
}

[data-theme="angelcore"] input:checked + .slider {
    background-color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .slider:before {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(160, 160, 160, 0.2) !important;
}

/* 通知 */
[data-theme="angelcore"] .in-app-notification {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 18px !important;
    color: var(--angel-gray, #A0A0A0) !important;
    box-shadow: 0 8px 24px rgba(160, 160, 160, 0.12) !important;
}

[data-theme="angelcore"] .toast-message {
    background-color: rgba(160, 160, 160, 0.9) !important;
    color: var(--angel-white, #FFFFFF) !important;
    border-radius: 16px !important;
}

/* 操作表单 */
[data-theme="angelcore"] .action-sheet-content {
    background-color: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 24px 24px 0 0 !important;
}

[data-theme="angelcore"] .action-sheet-item {
    color: var(--angel-gray, #A0A0A0) !important;
    border-bottom-color: var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .action-sheet-item:last-child {
    color: var(--angel-pink, #F0E4E4) !important;
}

/* 钱包 */
[data-theme="angelcore"] .wallet-card {
    background: linear-gradient(135deg, var(--angel-gray, #A0A0A0) 0%, var(--angel-gray-light, #C8C8C8) 100%) !important;
    color: var(--angel-white, #FFFFFF) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 24px rgba(160, 160, 160, 0.25) !important;
}

[data-theme="angelcore"] .wallet-card h1 {
    color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .small-btn {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: var(--angel-white, #FFFFFF) !important;
}

[data-theme="angelcore"] .wallet-history h3 {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .wallet-history li {
    border-bottom-color: var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 视频通话 */
[data-theme="angelcore"] .video-call-modal {
    background: linear-gradient(180deg, var(--angel-gray, #A0A0A0) 0%, #666666 100%) !important;
}

[data-theme="angelcore"] .vc-avatar {
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
}

[data-theme="angelcore"] .vc-btn.mute {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="angelcore"] .vc-btn.hangup {
    background-color: var(--angel-pink, #F0E4E4) !important;
}

[data-theme="angelcore"] .vc-input-area input {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* 滚动条 */
[data-theme="angelcore"] ::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

[data-theme="angelcore"] ::-webkit-scrollbar-track {
    background-color: transparent !important;
}

[data-theme="angelcore"] ::-webkit-scrollbar-thumb {
    background-color: var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 4px !important;
}

[data-theme="angelcore"] ::-webkit-scrollbar-thumb:hover {
    background-color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 空状态 */
[data-theme="angelcore"] .ff-empty,
[data-theme="angelcore"] .emoji-empty {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 加载动画 */
[data-theme="angelcore"] .fa-spin,
[data-theme="angelcore"] .fa-spinner {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 主题选择器美化 */
[data-theme="angelcore"] .theme-option {
    border-color: var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] .theme-option.active {
    border-color: var(--angel-gray, #A0A0A0) !important;
    background-color: var(--angel-gray-ghost, #F5F5F5) !important;
}

[data-theme="angelcore"] .theme-option span {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 图标颜色统一修复 */
[data-theme="angelcore"] i[class*="fa-"] {
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] .active i[class*="fa-"],
[data-theme="angelcore"] .qq-tab-item.active i,
[data-theme="angelcore"] .t-nav-item.active i,
[data-theme="angelcore"] .ig-nav-item.active i,
[data-theme="angelcore"] .ff-nav-item.active i,
[data-theme="angelcore"] .forum-nav-item.active i,
[data-theme="angelcore"] .shop-nav-item.active i {
    color: var(--angel-gray, #A0A0A0) !important;
    opacity: 1 !important;
}

/* FAB按钮图标白色 */
[data-theme="angelcore"] .t-fab i,
[data-theme="angelcore"] .wb-fab i {
    color: var(--angel-white, #FFFFFF) !important;
}
/* ==========================================
   天使核主题 - 终极修复 V5
   图标 / 图片上传 / 壁纸 / 全屏 / Dock
   放在文件最末尾 覆盖所有旧规则
   ========================================== */

/* ============================================================
   1. 强制恢复所有 FA 图标可见性
      覆盖残留的 font-size:0 / width:20px / display 等
   ============================================================ */
[data-theme="angelcore"] .fa,
[data-theme="angelcore"] .fas,
[data-theme="angelcore"] .far,
[data-theme="angelcore"] .fab,
[data-theme="angelcore"] .fal,
[data-theme="angelcore"] .fad,
[data-theme="angelcore"] i[class*="fa-"] {
    font-size: 16px !important;
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    display: inline-block !important;
    position: static !important;
    line-height: 1 !important;
    color: var(--angel-gray, #A0A0A0) !important;
    vertical-align: middle !important;
}

/* 清除残留的伪元素绘图碎片 */
[data-theme="angelcore"] i[class*="fa-"]::after {
    content: none !important;
    display: none !important;
}

/* 修复 ::before 不要覆盖 FA 字符 */
[data-theme="angelcore"] i[class*="fa-"]::before {
    position: static !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
    animation: none !important;
    display: inline !important;
}

/* ============================================================
   2. 各场景图标尺寸微调
   ============================================================ */

/* 底部导航栏图标 */
[data-theme="angelcore"] .qq-tab-item i,
[data-theme="angelcore"] .t-nav-item i,
[data-theme="angelcore"] .ig-nav-item i,
[data-theme="angelcore"] .ig-nav-item,
[data-theme="angelcore"] .ff-nav-item i,
[data-theme="angelcore"] .forum-nav-item i,
[data-theme="angelcore"] .shop-nav-item i {
    font-size: 20px !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
}

[data-theme="angelcore"] .qq-tab-item.active i,
[data-theme="angelcore"] .t-nav-item.active i,
[data-theme="angelcore"] .ig-nav-item.active i,
[data-theme="angelcore"] .ff-nav-item.active i,
[data-theme="angelcore"] .forum-nav-item.active i,
[data-theme="angelcore"] .shop-nav-item.active i {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 头部操作按钮 */
[data-theme="angelcore"] .qq-header-actions i,
[data-theme="angelcore"] .qq-header-actions .icon-btn,
[data-theme="angelcore"] .t-header-icon,
[data-theme="angelcore"] .ig-header-actions i,
[data-theme="angelcore"] .ff-header-icon,
[data-theme="angelcore"] .forum-header-icon,
[data-theme="angelcore"] .shop-header-icons i,
[data-theme="angelcore"] .back-btn i,
[data-theme="angelcore"] .close-btn i,
[data-theme="angelcore"] .menu-btn i {
    font-size: 18px !important;
}

/* 帖子/内容操作图标 */
[data-theme="angelcore"] .ig-post-actions i,
[data-theme="angelcore"] .t-action-btn i,
[data-theme="angelcore"] .moment-actions i {
    font-size: 20px !important;
}

/* 聊天工具按钮 */
[data-theme="angelcore"] .chat-tool-btn i,
[data-theme="angelcore"] .chat-circle-btn i {
    font-size: 16px !important;
}

/* 菜单项 / 工具图标 */
[data-theme="angelcore"] .menu-item i,
[data-theme="angelcore"] .c-menu-item i,
[data-theme="angelcore"] .tool-icon i {
    font-size: 20px !important;
}

/* FAB 悬浮按钮（深色底 白色图标） */
[data-theme="angelcore"] .t-fab i,
[data-theme="angelcore"] .wb-fab i {
    font-size: 20px !important;
    color: var(--angel-white, #FFFFFF) !important;
}

/* 所有深色背景上的图标 → 白色 */
[data-theme="angelcore"] .action-btn:not(.secondary) i,
[data-theme="angelcore"] .chat-circle-btn.send i,
[data-theme="angelcore"] .moments-actions button i,
[data-theme="angelcore"] .shop-btn.buy i {
    color: var(--angel-white, #FFFFFF) !important;
}

/* 空状态大图标 */
[data-theme="angelcore"] .ff-empty i,
[data-theme="angelcore"] .emoji-empty i,
[data-theme="angelcore"] .pc-empty-state i,
[data-theme="angelcore"] .pc-no-friends i {
    font-size: 48px !important;
    color: var(--angel-gray-pale, #E8E8E8) !important;
}

/* 搜索框图标 */
[data-theme="angelcore"] .qq-search-bar i,
[data-theme="angelcore"] .ff-search-box i,
[data-theme="angelcore"] .forum-search-bar i {
    font-size: 14px !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 卡片元信息小图标 */
[data-theme="angelcore"] .ff-card-meta i {
    font-size: 12px !important;
}

/* ============================================================
   3. 恢复被隐藏的 CSS 绘制图标（首页用的）
   ============================================================ */
[data-theme="angelcore"] .icon-3d,
[data-theme="angelcore"] .icon-bubble,
[data-theme="angelcore"] .icon-feather,
[data-theme="angelcore"] .icon-camera,
[data-theme="angelcore"] .icon-book,
[data-theme="angelcore"] .icon-heart,
[data-theme="angelcore"] .icon-cake,
[data-theme="angelcore"] .icon-bag {
    display: flex !important;
}

/* ============================================================
   4. Dock 栏：保留原始图标图片 + 灰度滤镜
   ============================================================ */
[data-theme="angelcore"] .dock-bar .app-icon-inner {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

[data-theme="angelcore"] .dock-bar .app-icon-inner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: grayscale(90%) opacity(0.65) !important;
    transition: filter 0.2s ease !important;
}

[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner img {
    filter: grayscale(40%) opacity(0.85) !important;
}

[data-theme="angelcore"] .dock-bar .app-icon:active .app-icon-inner img {
    filter: grayscale(20%) opacity(0.95) !important;
}

/* 清除 Dock 伪元素残留 */
[data-theme="angelcore"] .dock-bar .app-icon-inner::before,
[data-theme="angelcore"] .dock-bar .app-icon-inner::after {
    content: none !important;
    display: none !important;
}

/* ============================================================
   5. 壁纸支持：修复 background 覆盖问题
      原来用 background 短写会把 background-image 也清掉
      改为只设 background-color
   ============================================================ */
[data-theme="angelcore"] .phone-container {
    background-color: var(--angel-white, #FFFFFF) !important;
    background-image: none;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 当 JS 设置了 background-image 时让它显示 */
[data-theme="angelcore"] .phone-container[style*="background"] {
    background-color: transparent !important;
}

[data-theme="angelcore"] .home-screen {
    background-color: transparent !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* ============================================================
   6. 首页主插画：上传图片后正确显示
   ============================================================ */
[data-theme="angelcore"] .angel-figure {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 60px 60px 40px 40px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 设了背景图后隐藏占位符 */
[data-theme="angelcore"] .angel-figure[style*="background-image"] .angel-figure-placeholder,
[data-theme="angelcore"] .angel-figure[style*="background"] .angel-figure-placeholder {
    display: none !important;
}

/* figure 内如果有 img 标签 */
[data-theme="angelcore"] .angel-figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 5 !important;
    border-radius: inherit !important;
}

/* ============================================================
   7. 圆形组件：上传图片后正确显示
   ============================================================ */
[data-theme="angelcore"] .circle-content {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

[data-theme="angelcore"] .circle-content[style*="background"] .circle-emoji,
[data-theme="angelcore"] .circle-content[style*="background"] .angel-placeholder-icon {
    display: none !important;
}

[data-theme="angelcore"] .circle-content img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* ============================================================
   8. 拍立得 / 纵向组件：上传图片后正确显示
   ============================================================ */
[data-theme="angelcore"] .polaroid-photo,
[data-theme="angelcore"] .angel-polaroid-img,
[data-theme="angelcore"] .angel-vertical-img {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}

[data-theme="angelcore"] .angel-vertical-img[style*="background"] .angel-placeholder-icon {
    display: none !important;
}

[data-theme="angelcore"] .polaroid-photo img,
[data-theme="angelcore"] .angel-polaroid-img img,
[data-theme="angelcore"] .angel-vertical-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* ============================================================
   9. 功能页图标容器
   ============================================================ */
[data-theme="angelcore"] .angel-icon-shape {
    width: 52px !important;
    height: 52px !important;
    background-color: var(--angel-white, #FFFFFF) !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.08) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    overflow: hidden !important;
}

[data-theme="angelcore"] .angel-icon-shape img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: grayscale(80%) opacity(0.7) !important;
}

[data-theme="angelcore"] .angel-icon-minimal {
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

[data-theme="angelcore"] .angel-icon-minimal i {
    font-size: 22px !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

/* ============================================================
   10. 全屏布局修复
   ============================================================ */
[data-theme="angelcore"] .angel-slider {
    display: flex !important;
    width: 200% !important;
    height: 100% !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transform: translateX(0%) !important;
}

[data-theme="angelcore"] .angel-slider.page-1 {
    transform: translateX(-50%) !important;
}

[data-theme="angelcore"] .angel-page {
    width: 50% !important;
    height: 100% !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px !important;
    padding-top: calc(50px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(95px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

[data-theme="angelcore"] .angel-page-dots {
    position: absolute !important;
    bottom: calc(85px + env(safe-area-inset-bottom, 0px)) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 8px !important;
    z-index: 50 !important;
}

[data-theme="angelcore"] .angel-collage-area {
    flex: 1 !important;
    position: relative !important;
    min-height: 280px !important;
}

/* ============================================================
   11. 上传交互提示
   ============================================================ */
[data-theme="angelcore"] .angel-uploadable {
    cursor: pointer !important;
    position: relative !important;
    transition: opacity 0.2s ease !important;
}

[data-theme="angelcore"] .angel-uploadable:hover {
    opacity: 0.85 !important;
}

[data-theme="angelcore"] .angel-uploadable::after {
    content: '✦' !important;
    position: absolute !important;
    bottom: 4px !important;
    right: 4px !important;
    width: 20px !important;
    height: 20px !important;
    background-color: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
    opacity: 0 !important;
    transition: opacity 0.2s !important;
    pointer-events: none !important;
    z-index: 10 !important;
}

[data-theme="angelcore"] .angel-uploadable:hover::after {
    opacity: 1 !important;
}

/* ============================================================
   12. 清理装饰残留
   ============================================================ */
[data-theme="angelcore"] .angel-ascii-bow,
[data-theme="angelcore"] .angel-vertical-deco,
[data-theme="angelcore"] .angel-float-deco {
    display: none !important;
}

/* ============================================================
   13. iOS Safari 兼容
   ============================================================ */
@supports (-webkit-touch-callout: none) {
    [data-theme="angelcore"] .angel-page {
        padding-bottom: calc(100px + env(safe-area-inset-bottom, 20px)) !important;
    }

    [data-theme="angelcore"] .angel-page-dots {
        bottom: calc(90px + env(safe-area-inset-bottom, 20px)) !important;
    }
}

/* ============================================================
   14. 有壁纸时拼贴区半透明底
   ============================================================ */
[data-theme="angelcore"] .home-screen[style*="background"] .angel-collage-area {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
}
/* ==========================================
   终极修复 V6：Font Awesome 图标字体恢复
   解决全局 * font-family 覆盖 FA 字体的问题
   ========================================== */

/* 恢复所有 FA 图标的字体族 */
[data-theme="angelcore"] .fa,
[data-theme="angelcore"] .fas,
[data-theme="angelcore"] .far,
[data-theme="angelcore"] .fab,
[data-theme="angelcore"] .fal,
[data-theme="angelcore"] .fad,
[data-theme="angelcore"] .fa-solid,
[data-theme="angelcore"] .fa-regular,
[data-theme="angelcore"] .fa-light,
[data-theme="angelcore"] .fa-brands,
[data-theme="angelcore"] i[class*="fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
}

/* Brands 图标使用独立字体族 */
[data-theme="angelcore"] .fab,
[data-theme="angelcore"] .fa-brands {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", FontAwesome !important;
}

/* 确保 Solid 图标 font-weight 正确 */
[data-theme="angelcore"] .fa,
[data-theme="angelcore"] .fas,
[data-theme="angelcore"] .fa-solid {
    font-weight: 900 !important;
}

/* Regular 图标 */
[data-theme="angelcore"] .far,
[data-theme="angelcore"] .fa-regular {
    font-weight: 400 !important;
}

/* 伪元素继承字体（FA 图标的实际字符在 ::before 里） */
[data-theme="angelcore"] .fa::before,
[data-theme="angelcore"] .fas::before,
[data-theme="angelcore"] .far::before,
[data-theme="angelcore"] .fab::before,
[data-theme="angelcore"] .fal::before,
[data-theme="angelcore"] .fad::before,
[data-theme="angelcore"] .fa-solid::before,
[data-theme="angelcore"] .fa-regular::before,
[data-theme="angelcore"] .fa-brands::before,
[data-theme="angelcore"] i[class*="fa-"]::before {
    font-family: inherit !important;
    font-weight: inherit !important;
}
/* ==========================================
   终极修复 V7：Dock栏美化 + 图标壁纸可更换
   放在文件最末尾覆盖前面所有冲突规则
   ========================================== */

/* ======================
   1. 壁纸可更换
   ====================== */
[data-theme="angelcore"] .phone-container {
    background-color: var(--angel-white, #FFFFFF) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* JS 设了 background-image 后，去掉白色底 */
[data-theme="angelcore"] .phone-container[style*="background-image"],
[data-theme="angelcore"] .phone-container[style*="background:"] {
    background-color: transparent !important;
}

[data-theme="angelcore"] .home-screen {
    background-color: transparent !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* ======================
   2. Dock 栏完整美化
   ====================== */
[data-theme="angelcore"] .dock-bar {
    background-color: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: none !important;
    border-top: 1px solid rgba(232, 232, 232, 0.5) !important;
    border-radius: 26px !important;
    box-shadow:
        0 -2px 15px rgba(160, 160, 160, 0.06),
        0 4px 30px rgba(160, 160, 160, 0.1),
        inset 0 0.5px 0 rgba(255, 255, 255, 0.6) !important;
    height: 68px !important;
    padding: 0 16px !important;
}

/* Dock 单个图标外层 */
[data-theme="angelcore"] .dock-bar .app-icon {
    flex: 0 0 auto !important;
}

/* Dock 图标容器 - 关键修复 */
[data-theme="angelcore"] .dock-bar .app-icon-inner {
    background-color: rgba(245, 245, 245, 0.6) !important;
    border: 1px solid rgba(232, 232, 232, 0.5) !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.06) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner {
    box-shadow: 0 4px 12px rgba(160, 160, 160, 0.12) !important;
}

[data-theme="angelcore"] .dock-bar .app-icon:active .app-icon-inner {
    transform: scale(0.88) !important;
}

/* Dock 内的 img 图标 */
[data-theme="angelcore"] .dock-bar .app-icon-inner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    filter: grayscale(40%) brightness(1.05) !important;
    transition: filter 0.2s ease !important;
}

[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner img {
    filter: grayscale(10%) brightness(1) !important;
}

[data-theme="angelcore"] .dock-bar .app-icon:active .app-icon-inner img {
    filter: grayscale(0%) brightness(1) !important;
}

/* Dock 隐藏文字 */
[data-theme="angelcore"] .dock-bar .app-icon span {
    display: none !important;
}

/* Dock 清理伪元素残留 */
[data-theme="angelcore"] .dock-bar .app-icon-inner::before,
[data-theme="angelcore"] .dock-bar .app-icon-inner::after {
    content: none !important;
    display: none !important;
}

/* ======================
   3. 图标可更换（JS inline style 兼容）
   ====================== */

/* 3a: 通过 background-image 更换图标时 */
[data-theme="angelcore"] .app-icon-inner[style*="background-image"] {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 设了背景图后把内部默认 img 隐藏 */
[data-theme="angelcore"] .app-icon-inner[style*="background-image"] img {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 3b: 通过 <img> src 更换图标时确保 img 可见 */
[data-theme="angelcore"] .app-icon-inner img[src] {
    display: block !important;
    opacity: 1 !important;
}

/* 3c: 主屏图标也可通过 background-image 更换 */
[data-theme="angelcore"] .angel-icon-shape {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 设了背景图后隐藏 CSS 绘制的图标 */
[data-theme="angelcore"] .angel-icon-shape[style*="background-image"] .icon-3d,
[data-theme="angelcore"] .angel-icon-shape[style*="background-image"] .icon-bubble,
[data-theme="angelcore"] .angel-icon-shape[style*="background-image"] .icon-feather,
[data-theme="angelcore"] .angel-icon-shape[style*="background-image"] .icon-camera,
[data-theme="angelcore"] .angel-icon-shape[style*="background-image"] .icon-book,
[data-theme="angelcore"] .angel-icon-shape[style*="background-image"] .icon-heart,
[data-theme="angelcore"] .angel-icon-shape[style*="background-image"] .icon-cake,
[data-theme="angelcore"] .angel-icon-shape[style*="background-image"] .icon-bag,
[data-theme="angelcore"] .angel-icon-shape[style*="background-image"] i[class*="fa-"] {
    display: none !important;
}

/* ======================
   4. 各 APP 内图标容器兼容
   ====================== */

/* 聊天头像、帖子头像等 - 允许更换 */
[data-theme="angelcore"] .chat-avatar[style*="background-image"],
[data-theme="angelcore"] .contact-avatar[style*="background-image"],
[data-theme="angelcore"] .msg-avatar[style*="background-image"],
[data-theme="angelcore"] .tweet-avatar[style*="background-image"],
[data-theme="angelcore"] .ig-avatar-small[style*="background-image"],
[data-theme="angelcore"] .ig-profile-avatar[style*="background-image"],
[data-theme="angelcore"] .ff-card-avatar[style*="background-image"],
[data-theme="angelcore"] .moment-avatar[style*="background-image"],
[data-theme="angelcore"] .me-avatar-large[style*="background-image"],
[data-theme="angelcore"] .t-avatar-small[style*="background-image"],
[data-theme="angelcore"] .t-drawer-avatar[style*="background-image"],
[data-theme="angelcore"] .c-avatar[style*="background-image"],
[data-theme="angelcore"] .moments-avatar[style*="background-image"],
[data-theme="angelcore"] .qq-avatar-small[style*="background-image"] {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* ======================
   5. 拍立得、圆形组件、纵向组件 - 允许更换
   ====================== */
[data-theme="angelcore"] .angel-circle-img[style*="background-image"],
[data-theme="angelcore"] .circle-content[style*="background-image"],
[data-theme="angelcore"] .polaroid-photo[style*="background-image"],
[data-theme="angelcore"] .angel-polaroid-img[style*="background-image"],
[data-theme="angelcore"] .angel-vertical-img[style*="background-image"],
[data-theme="angelcore"] .angel-figure[style*="background-image"] {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 有背景图后隐藏占位符 */
[data-theme="angelcore"] .circle-content[style*="background-image"] .circle-emoji,
[data-theme="angelcore"] .circle-content[style*="background-image"] .angel-placeholder-icon,
[data-theme="angelcore"] .angel-circle-img[style*="background-image"] .angel-placeholder-icon,
[data-theme="angelcore"] .angel-vertical-img[style*="background-image"] .angel-placeholder-icon,
[data-theme="angelcore"] .angel-figure[style*="background-image"] .angel-figure-placeholder {
    display: none !important;
}
/* ==========================================
   终极修复 V8：Dock栏强制美化 + 图标长按更换
   放在CSS文件最末尾 最高优先级
   ========================================== */

/* ------ 强制同步 data-theme 到 phone-container ------ */
.phone-container[data-theme="angelcore"] .dock-bar,
html[data-theme="angelcore"] .dock-bar,
body[data-theme="angelcore"] .dock-bar,
[data-theme="angelcore"] .phone-container > .dock-bar,
html[data-theme="angelcore"] body .phone-container .dock-bar,
html[data-theme="angelcore"] .phone-container .dock-bar {
    background-color: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: none !important;
    border-top: 1px solid rgba(232, 232, 232, 0.5) !important;
    border-radius: 26px !important;
    box-shadow:
        0 -2px 15px rgba(160, 160, 160, 0.06),
        0 4px 30px rgba(160, 160, 160, 0.1),
        inset 0 0.5px 0 rgba(255, 255, 255, 0.6) !important;
    height: 68px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
}

.phone-container[data-theme="angelcore"] .dock-bar .app-icon-inner,
html[data-theme="angelcore"] .dock-bar .app-icon-inner,
body[data-theme="angelcore"] .dock-bar .app-icon-inner,
html[data-theme="angelcore"] body .phone-container .dock-bar .app-icon-inner {
    background-color: rgba(245, 245, 245, 0.6) !important;
    border: 1px solid rgba(232, 232, 232, 0.5) !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.06) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.phone-container[data-theme="angelcore"] .dock-bar .app-icon-inner img,
html[data-theme="angelcore"] .dock-bar .app-icon-inner img,
body[data-theme="angelcore"] .dock-bar .app-icon-inner img,
html[data-theme="angelcore"] body .phone-container .dock-bar .app-icon-inner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    filter: grayscale(40%) brightness(1.05) !important;
    transition: filter 0.2s ease !important;
}

.phone-container[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner img,
html[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner img,
body[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner img {
    filter: grayscale(10%) brightness(1) !important;
}

.phone-container[data-theme="angelcore"] .dock-bar .app-icon:active .app-icon-inner,
html[data-theme="angelcore"] .dock-bar .app-icon:active .app-icon-inner,
body[data-theme="angelcore"] .dock-bar .app-icon:active .app-icon-inner {
    transform: scale(0.88) !important;
}

.phone-container[data-theme="angelcore"] .dock-bar .app-icon span,
html[data-theme="angelcore"] .dock-bar .app-icon span,
body[data-theme="angelcore"] .dock-bar .app-icon span {
    display: none !important;
}

.phone-container[data-theme="angelcore"] .dock-bar .app-icon-inner::before,
.phone-container[data-theme="angelcore"] .dock-bar .app-icon-inner::after,
html[data-theme="angelcore"] .dock-bar .app-icon-inner::before,
html[data-theme="angelcore"] .dock-bar .app-icon-inner::after,
body[data-theme="angelcore"] .dock-bar .app-icon-inner::before,
body[data-theme="angelcore"] .dock-bar .app-icon-inner::after {
    content: none !important;
    display: none !important;
}

/* ------ 默认布局图标 angelcore 美化 ------ */
.phone-container[data-theme="angelcore"] .default-layout .app-icon-inner,
html[data-theme="angelcore"] .default-layout .app-icon-inner,
body[data-theme="angelcore"] .default-layout .app-icon-inner {
    background-color: rgba(245, 245, 245, 0.6) !important;
    border: 1px solid rgba(232, 232, 232, 0.5) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.06) !important;
}

.phone-container[data-theme="angelcore"] .default-layout .app-icon-inner img,
html[data-theme="angelcore"] .default-layout .app-icon-inner img,
body[data-theme="angelcore"] .default-layout .app-icon-inner img {
    filter: grayscale(40%) brightness(1.05) !important;
    transition: filter 0.2s ease !important;
}

.phone-container[data-theme="angelcore"] .default-layout .app-icon:hover .app-icon-inner img,
html[data-theme="angelcore"] .default-layout .app-icon:hover .app-icon-inner img {
    filter: grayscale(10%) brightness(1) !important;
}

.phone-container[data-theme="angelcore"] .default-layout .app-icon span,
html[data-theme="angelcore"] .default-layout .app-icon span,
body[data-theme="angelcore"] .default-layout .app-icon span {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* ------ 图标长按视觉反馈 ------ */
.app-icon.icon-long-pressing .app-icon-inner {
    box-shadow: 0 0 0 3px rgba(160, 160, 160, 0.25) !important;
    transform: scale(0.90) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 天使核第二页 angel-icon-minimal 支持图片替换 */
.phone-container[data-theme="angelcore"] .angel-icon-minimal[style*="background-image"] i,
html[data-theme="angelcore"] .angel-icon-minimal[style*="background-image"] i,
body[data-theme="angelcore"] .angel-icon-minimal[style*="background-image"] i,
[data-theme="angelcore"] .angel-icon-minimal[style*="background-image"] i {
    display: none !important;
}

.phone-container[data-theme="angelcore"] .angel-icon-minimal[style*="background-image"],
html[data-theme="angelcore"] .angel-icon-minimal[style*="background-image"],
body[data-theme="angelcore"] .angel-icon-minimal[style*="background-image"],
[data-theme="angelcore"] .angel-icon-minimal[style*="background-image"] {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 12px !important;
}
/* ==========================================
   🎀 DOCK栏最终修复 - 确保图片可见
   ========================================== */
[data-theme="angelcore"] .dock-bar {
    background: rgba(255, 255, 255, 0.68) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    border: none !important;
    border-top: 0.5px solid rgba(220, 220, 220, 0.4) !important;
    border-radius: 28px !important;
    box-shadow:
        0 -1px 10px rgba(160, 160, 160, 0.04),
        0 4px 24px rgba(160, 160, 160, 0.08),
        inset 0 0.5px 0 rgba(255, 255, 255, 0.7) !important;
    height: 68px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
}

[data-theme="angelcore"] .dock-bar .app-icon-inner {
    background: rgba(248, 248, 248, 0.5) !important;
    border: 1px solid rgba(228, 228, 228, 0.4) !important;
    box-shadow: 0 2px 6px rgba(160, 160, 160, 0.05) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner {
    box-shadow: 0 4px 14px rgba(160, 160, 160, 0.12) !important;
    transform: translateY(-2px) !important;
}

[data-theme="angelcore"] .dock-bar .app-icon:active .app-icon-inner {
    transform: scale(0.88) !important;
}

/* ★★★ 关键：确保图标图片可见 ★★★ */
[data-theme="angelcore"] .dock-bar .app-icon-inner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    filter: grayscale(35%) brightness(1.04) opacity(0.8) !important;
    transition: filter 0.25s ease !important;
}

[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner img {
    filter: grayscale(8%) brightness(1) opacity(0.95) !important;
}

[data-theme="angelcore"] .dock-bar .app-icon:active .app-icon-inner img {
    filter: grayscale(0%) brightness(1) opacity(1) !important;
}

[data-theme="angelcore"] .dock-bar .app-icon span {
    display: none !important;
}

/* ★★★ 关键：清除伪元素防止遮挡 ★★★ */
[data-theme="angelcore"] .dock-bar .app-icon-inner::before,
[data-theme="angelcore"] .dock-bar .app-icon-inner::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    background: none !important;
}
/* ==========================================
   🎀 DOCK栏终极修复 V9 - 放在文件最末尾
   解决 data-theme 属性未同步导致选择器失效
   ========================================== */

/* 方案A：通过 html / body 上的 data-theme 匹配 */
html[data-theme="angelcore"] .dock-bar,
body[data-theme="angelcore"] .dock-bar,
[data-theme="angelcore"] .dock-bar,
.phone-container[data-theme="angelcore"] .dock-bar,
html[data-theme="angelcore"] body .dock-bar,
html[data-theme="angelcore"] .phone-container .dock-bar {
    background: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: none !important;
    border-top: 1px solid rgba(232, 232, 232, 0.5) !important;
    border-radius: 26px !important;
    box-shadow:
        0 -2px 15px rgba(160, 160, 160, 0.06),
        0 4px 30px rgba(160, 160, 160, 0.1),
        inset 0 0.5px 0 rgba(255, 255, 255, 0.6) !important;
    height: 68px !important;
    padding: 0 16px !important;
}

html[data-theme="angelcore"] .dock-bar .app-icon-inner,
body[data-theme="angelcore"] .dock-bar .app-icon-inner,
[data-theme="angelcore"] .dock-bar .app-icon-inner,
.phone-container[data-theme="angelcore"] .dock-bar .app-icon-inner {
    background-color: rgba(245, 245, 245, 0.6) !important;
    border: 1px solid rgba(232, 232, 232, 0.5) !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.06) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

html[data-theme="angelcore"] .dock-bar .app-icon-inner img,
body[data-theme="angelcore"] .dock-bar .app-icon-inner img,
[data-theme="angelcore"] .dock-bar .app-icon-inner img,
.phone-container[data-theme="angelcore"] .dock-bar .app-icon-inner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    filter: grayscale(35%) brightness(1.04) opacity(0.8) !important;
    transition: filter 0.25s ease !important;
}

html[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner img,
body[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner img,
[data-theme="angelcore"] .dock-bar .app-icon:hover .app-icon-inner img {
    filter: grayscale(8%) brightness(1) opacity(0.95) !important;
}

html[data-theme="angelcore"] .dock-bar .app-icon span,
body[data-theme="angelcore"] .dock-bar .app-icon span,
[data-theme="angelcore"] .dock-bar .app-icon span,
.phone-container[data-theme="angelcore"] .dock-bar .app-icon span {
    display: none !important;
}

html[data-theme="angelcore"] .dock-bar .app-icon-inner::before,
html[data-theme="angelcore"] .dock-bar .app-icon-inner::after,
body[data-theme="angelcore"] .dock-bar .app-icon-inner::before,
body[data-theme="angelcore"] .dock-bar .app-icon-inner::after,
[data-theme="angelcore"] .dock-bar .app-icon-inner::before,
[data-theme="angelcore"] .dock-bar .app-icon-inner::after {
    content: none !important;
    display: none !important;
}

/* 方案B：给 dock-bar 本身加 class 作为后备 */
.dock-bar.angel-dock-active {
    background: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: none !important;
    border-top: 1px solid rgba(232, 232, 232, 0.5) !important;
    border-radius: 26px !important;
    box-shadow:
        0 -2px 15px rgba(160, 160, 160, 0.06),
        0 4px 30px rgba(160, 160, 160, 0.1),
        inset 0 0.5px 0 rgba(255, 255, 255, 0.6) !important;
    height: 68px !important;
    padding: 0 16px !important;
}

.dock-bar.angel-dock-active .app-icon-inner {
    background-color: rgba(245, 245, 245, 0.6) !important;
    border: 1px solid rgba(232, 232, 232, 0.5) !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.06) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.dock-bar.angel-dock-active .app-icon-inner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    filter: grayscale(35%) brightness(1.04) opacity(0.8) !important;
}

.dock-bar.angel-dock-active .app-icon span {
    display: none !important;
}

.dock-bar.angel-dock-active .app-icon-inner::before,
.dock-bar.angel-dock-active .app-icon-inner::after {
    content: none !important;
    display: none !important;
}
/* ==========================================
   🎀 Dock栏天使核美化 - 终极方案
   使用独立 class 不依赖 data-theme 层级
   ========================================== */

/* --- Dock 栏容器 --- */
.dock-bar.angel-dock {
    background: rgba(255, 255, 255, 0.68) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    border: none !important;
    border-top: 0.5px solid rgba(220, 220, 220, 0.35) !important;
    border-radius: 28px !important;
    box-shadow:
        0 -1px 8px rgba(160, 160, 160, 0.03),
        0 4px 24px rgba(160, 160, 160, 0.08),
        inset 0 0.5px 0 rgba(255, 255, 255, 0.7) !important;
    height: 68px !important;
    padding: 0 16px !important;
}

/* --- 图标外壳 --- */
.dock-bar.angel-dock .app-icon-inner {
    background-color: rgba(248, 248, 248, 0.5) !important;
    border: 1px solid rgba(232, 232, 232, 0.4) !important;
    box-shadow: 0 2px 6px rgba(160, 160, 160, 0.05) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

/* --- hover 效果 --- */
.dock-bar.angel-dock .app-icon:hover .app-icon-inner {
    box-shadow: 0 4px 14px rgba(160, 160, 160, 0.12) !important;
    transform: translateY(-2px) !important;
}

/* --- 按下效果 --- */
.dock-bar.angel-dock .app-icon:active .app-icon-inner {
    transform: scale(0.88) !important;
}

/* --- 图标图片：灰度 + 微亮 --- */
.dock-bar.angel-dock .app-icon-inner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    filter: grayscale(35%) brightness(1.04) opacity(0.78) !important;
    transition: filter 0.25s ease !important;
}

.dock-bar.angel-dock .app-icon:hover .app-icon-inner img {
    filter: grayscale(8%) brightness(1) opacity(0.95) !important;
}

.dock-bar.angel-dock .app-icon:active .app-icon-inner img {
    filter: grayscale(0%) brightness(1) opacity(1) !important;
}

/* --- 隐藏文字标签 --- */
.dock-bar.angel-dock .app-icon span {
    display: none !important;
}

/* --- 清除伪元素残留 --- */
.dock-bar.angel-dock .app-icon-inner::before,
.dock-bar.angel-dock .app-icon-inner::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    background: none !important;
}
/* ==========================================
   ✨ Angelcore 修复补丁 V10 ✨
   包含：QQ输入框修复 / 悬浮球美化 / 情侣空间适配
   【重要：请将此段代码放在 CSS 文件最末尾】
   ========================================== */

/* -------------------------------------------
   1. 修复 QQ 聊天输入框按键被遮挡/挤压问题
   ------------------------------------------- */


/* 输入框本体给予弹性空间 */
[data-theme="angelcore"] .chat-input-area input {
    flex: 1 !important;
    width: auto !important;
    min-width: 0 !important; /* 防止被挤出屏幕 */
    margin: 0 !important;
    height: 38px !important;
    background: var(--angel-gray-ghost, #f5f5f5) !important;
    border: 1px solid var(--angel-gray-pale, #e8e8e8) !important;
    border-radius: 19px !important;
}

/* 所有的圆形按钮（加号、表情、发送等） */
[data-theme="angelcore"] .chat-input-area .chat-circle-btn,
[data-theme="angelcore"] .chat-input-area .chat-tool-btn,
[data-theme="angelcore"] .chat-input-area button {
    flex-shrink: 0 !important; /* 禁止被压缩 */
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 1px solid var(--angel-gray-pale, #e8e8e8) !important;
    color: var(--angel-gray, #a0a0a0) !important;
    border-radius: 50% !important;
}

/* 发送按钮特殊处理 */
[data-theme="angelcore"] .chat-input-area .chat-circle-btn.send {
    background: var(--angel-gray, #a0a0a0) !important;
    color: #fff !important;
    border: none !important;
}


/* -------------------------------------------
   3. 情侣空间 (Couple App) Angelcore 适配
   去除原本的黑白硬朗风改为奶油柔和风
   ------------------------------------------- */

/* 全局背景 */
[data-theme="angelcore"] #coupleApp,
[data-theme="angelcore"] .cp-page {
    background-color: var(--angel-cream, #FAF8F5) !important;
    color: var(--angel-gray, #808080) !important;
}

/* 顶部导航 */
[data-theme="angelcore"] .cp-nav {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #e8e8e8) !important;
}
[data-theme="angelcore"] .cp-nav-title,
[data-theme="angelcore"] .cp-nav-btn {
    color: var(--angel-gray, #a0a0a0) !important;
}

/* 首页头部大卡片 */
[data-theme="angelcore"] .cp-home-header {
    background: linear-gradient(135deg, #e4e4e4 0%, #f5f5f5 100%) !important;
    border-radius: 0 0 32px 32px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
}
[data-theme="angelcore"] .cp-home-header h2,
[data-theme="angelcore"] .cp-home-header span,
[data-theme="angelcore"] .cp-home-back,
[data-theme="angelcore"] .cp-home-switch {
    color: var(--angel-gray, #888) !important;
    text-shadow: none !important;
}

/* 头像框 */
[data-theme="angelcore"] .cp-avatar {
    border: 3px solid #fff !important;
    box-shadow: 0 4px 12px rgba(160,160,160,0.15) !important;
}
[data-theme="angelcore"] .cp-heart-anim {
    color: #e8c8c8 !important; /* 变成淡粉色爱心 */
}

/* 功能卡片 */
[data-theme="angelcore"] .cp-menu-card,
[data-theme="angelcore"] .cp-card,
[data-theme="angelcore"] .cp-note-card,
[data-theme="angelcore"] .cp-diary-card,
[data-theme="angelcore"] .cp-anniv-card,
[data-theme="angelcore"] .cp-task-item {
    background: #fff !important;
    border: 1px solid var(--angel-gray-pale, #f0e4e4) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(160,160,160,0.05) !important;
    color: var(--angel-gray, #888) !important;
}

/* 卡片内的文字 */
[data-theme="angelcore"] .cp-menu-card span,
[data-theme="angelcore"] .cp-bind-name,
[data-theme="angelcore"] .cp-note-name,
[data-theme="angelcore"] .cp-diary-author-name {
    color: var(--angel-gray, #888) !important;
    font-weight: 500 !important;
}

/* 按钮柔和化 */
[data-theme="angelcore"] .cp-send-btn,
[data-theme="angelcore"] .cp-fab {
    background: var(--angel-gray, #a0a0a0) !important;
    box-shadow: 0 4px 12px rgba(160,160,160,0.2) !important;
    border: 1px solid #fff !important;
}

/* 小纠结卡片 */
[data-theme="angelcore"] .cp-dilemma-card {
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    color: #888 !important;
    font-family: var(--angel-font-body) !important;
}

/* 输入框 */
[data-theme="angelcore"] .cp-input {
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    color: #888 !important;
}

/* -------------------------------------------
   4. 通用恢复：防止图标消失
   ------------------------------------------- */
[data-theme="angelcore"] i {
    display: inline-block !important; /* 防止被意外隐藏 */
    font-style: normal !important;
}
/* ==========================================
   🎀 Angelcore 适配 - 查手机锁屏页面
   修复：主题风格统一 + 移动端密码框显示不全
   【放在 CSS 文件最末尾】
   ========================================== */

/* --- 锁屏容器：改为天使核柔和风 --- */
[data-theme="angelcore"] .pc-lock-screen {
    background: linear-gradient(180deg, #FAF8F5 0%, #F0ECE6 50%, #E8E4DE 100%) !important;
    padding: 40px 24px calc(30px + env(safe-area-inset-bottom, 16px)) !important;
    justify-content: center !important; /* 改为居中防止小屏幕挤压 */
    gap: 32px !important;
}

/* 去掉原来的暗色装饰符号 */
[data-theme="angelcore"] .pc-lock-screen::before {
    color: rgba(160, 160, 160, 0.15) !important;
}
[data-theme="angelcore"] .pc-lock-screen::after {
    color: rgba(160, 160, 160, 0.1) !important;
}

/* --- 顶部时间 --- */
[data-theme="angelcore"] .pc-lock-time {
    color: var(--angel-gray, #A0A0A0) !important;
    font-family: var(--angel-font-display, 'Caveat', cursive) !important;
    font-size: 56px !important;
    font-weight: 400 !important;
    letter-spacing: 6px !important;
}

[data-theme="angelcore"] .pc-lock-date {
    color: var(--angel-gray-light, #C8C8C8) !important;
    font-family: var(--angel-font-body, 'Zen Maru Gothic', sans-serif) !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
}

/* --- 中间头像区域 --- */
[data-theme="angelcore"] .pc-lock-avatar {
    background: rgba(255, 255, 255, 0.6) !important;
    border: 2px dashed var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
    box-shadow: 0 4px 20px rgba(160, 160, 160, 0.08) !important;
}

[data-theme="angelcore"] .pc-lock-avatar img {
    filter: grayscale(30%) brightness(1.05) !important;
}

[data-theme="angelcore"] .pc-lock-name {
    color: var(--angel-gray, #A0A0A0) !important;
    font-family: var(--angel-font-display, 'Caveat', cursive) !important;
    font-size: 17px !important;
    letter-spacing: 1px !important;
}

/* --- 底部输入区域 --- */
[data-theme="angelcore"] .pc-lock-bottom {
    width: 100% !important;
    max-width: 320px !important; /* 稍微放宽一点整体限制 */
    align-self: center !important;
    padding: 0 10px !important; /* 两侧增加一点安全内边距 */
    box-sizing: border-box !important;
}

[data-theme="angelcore"] .pc-lock-input-wrap {
    display: flex !important;
    flex-wrap: nowrap !important; /* 强制不换行 */
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 8px !important; /* 缩小间隙以便放下按钮 */
}

[data-theme="angelcore"] .pc-password-input {
    flex: 1 !important; /* 自动占据剩余空间 */
    min-width: 0 !important; /* 防止在极小屏幕被撑爆 */
    width: auto !important;
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1.5px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 20px !important;
    color: var(--angel-gray, #A0A0A0) !important;
    font-family: var(--angel-font-body, 'Zen Maru Gothic', sans-serif) !important;
    font-size: 14px !important; /* 字体稍微缩一点适配紧凑空间 */
    padding: 11px 12px !important; /* 减小内边距 */
    letter-spacing: 2px !important; /* 减小字间距 */
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    margin: 0 !important;
}


[data-theme="angelcore"] .pc-password-input::placeholder {
    color: var(--angel-gray-light, #C8C8C8) !important;
    letter-spacing: 1px !important;
}

[data-theme="angelcore"] .pc-password-input:focus {
    border-color: var(--angel-gray-light, #C8C8C8) !important;
    box-shadow: 0 0 0 3px rgba(160, 160, 160, 0.08) !important;
    background: rgba(255, 255, 255, 0.85) !important;
}

/* 解锁按钮 */
[data-theme="angelcore"] .pc-unlock-btn {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1.5px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.2s ease !important;
}

[data-theme="angelcore"] .pc-unlock-btn:active {
    background: rgba(255, 255, 255, 0.9) !important;
    transform: scale(0.92) !important;
}

/* 强制查看按钮 */
[data-theme="angelcore"] .pc-force-btn {
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 20px !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
    font-family: var(--angel-font-body, 'Zen Maru Gothic', sans-serif) !important;
    font-size: 13px !important;
    padding: 9px 22px !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    transition: all 0.2s ease !important;
}

[data-theme="angelcore"] .pc-force-btn:active {
    background: rgba(255, 255, 255, 0.75) !important;
}

/* 底部提示文字 */
[data-theme="angelcore"] .pc-lock-hint {
    color: var(--angel-gray-light, #C8C8C8) !important;
    font-size: 11px !important;
}

/* ==========================================
   移动端锁屏布局修复（所有主题通用）
   解决小屏幕密码框被挤出视口的问题
   ========================================== */
@media screen and (max-height: 600px) {
    .pc-lock-screen {
        padding-top: 30px !important;
        padding-bottom: calc(20px + env(safe-area-inset-bottom, 10px)) !important;
        gap: 0 !important;
        justify-content: space-evenly !important;
    }

    .pc-lock-time {
        font-size: 48px !important;
    }

    .pc-lock-avatar {
        width: 60px !important;
        height: 60px !important;
        font-size: 28px !important;
    }

    .pc-lock-center {
        gap: 8px !important;
    }

    .pc-lock-bottom {
        gap: 10px !important;
    }
}

@media screen and (max-height: 500px) {
    .pc-lock-screen {
        padding-top: 16px !important;
        justify-content: space-evenly !important;
    }

    .pc-lock-top {
        display: none !important; /* 极小屏幕隐藏时间优先保证密码框可用 */
    }

    .pc-lock-avatar {
        width: 50px !important;
        height: 50px !important;
    }
}

/* 确保锁屏内容不会溢出 */
.pc-lock-screen {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
/* ==========================================
   🎀 核心修复：移动端私聊页面适配 V12
   修复 Twitter / IG / Forum 输入框按钮显示不全
   请放在 CSS 文件最末尾以确保优先级
   ========================================== */

/* ------------------------------------------------
   1. Twitter 私信 (DM) 输入栏修复
   ------------------------------------------------ */
[data-theme="angelcore"] .t-dm-input {
    display: flex !important;
    flex-wrap: nowrap !important; /* 禁止换行 */
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 16px !important;
    /* 适配底部安全区域防止被小黑条遮挡 */
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 10px)) !important;
    background: var(--angel-white, #FFFFFF) !important;
    min-height: 60px !important;
    flex-shrink: 0 !important;
}

/* 输入框本体 */
[data-theme="angelcore"] .t-dm-input input {
    flex: 1 !important; /*以此占据剩余空间 */
    width: 0 !important; /* 配合flex:1，防止被撑开 */
    min-width: 0 !important;
    height: 38px !important;
    border-radius: 19px !important;
    margin: 0 !important;
}

/* 发送图标/按钮 */
[data-theme="angelcore"] .t-dm-send,
[data-theme="angelcore"] .t-dm-input i {
    flex-shrink: 0 !important; /* 禁止被压缩 */
    width: auto !important;
    min-width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    color: var(--angel-gray, #A0A0A0) !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ------------------------------------------------
   2. Instagram 私信 (Direct) 输入栏修复
   ------------------------------------------------ */
[data-theme="angelcore"] .ig-chat-footer,
[data-theme="angelcore"] #instagramApp .chat-input-area {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 16px !important;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 10px)) !important;
    background: var(--angel-white, #FFFFFF) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    flex-shrink: 0 !important;
}

/* 输入框 */
[data-theme="angelcore"] .ig-chat-input,
[data-theme="angelcore"] #instagramApp .chat-input-area input {
    flex: 1 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 40px !important;
    border-radius: 20px !important;
}

/* 按钮组 (图片、发送等) */
[data-theme="angelcore"] .ig-chat-btn,
[data-theme="angelcore"] #instagramApp .chat-tool-btn,
[data-theme="angelcore"] #instagramApp .chat-circle-btn {
    flex-shrink: 0 !important; /* 关键：禁止被挤压 */
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important; /* 确保图标够大 */
    color: var(--angel-gray, #A0A0A0) !important;
    background: transparent !important;
    border: none !important;
}

/* 发送按钮特殊样式 */
[data-theme="angelcore"] #instagramApp .chat-circle-btn.send {
    background: var(--angel-gray, #A0A0A0) !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    box-shadow: 0 2px 8px rgba(160,160,160,0.2) !important;
}

/* ------------------------------------------------
   3. Forum 论坛私聊 & 生成按钮修复
   ------------------------------------------------ */
[data-theme="angelcore"] #forumApp .chat-input-area {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 10px)) !important;
    background: var(--angel-white, #FFFFFF) !important;
    min-height: 60px !important;
}

/* 论坛输入框 */
[data-theme="angelcore"] #forumApp .chat-input-area input {
    flex: 1 !important;
    min-width: 0 !important;
    height: 38px !important;
    margin-right: 4px !important;
}

/* 生成/发送按钮 (通常显示为 Send 或 Generate) */
[data-theme="angelcore"] #forumApp .action-btn,
[data-theme="angelcore"] #forumApp .send-btn,
[data-theme="angelcore"] #forumApp button {
    flex-shrink: 0 !important;
    white-space: nowrap !important; /* 防止文字换行导致显示不全 */
    width: auto !important;
    min-width: 60px !important; /* 保证最小宽度 */
    padding: 8px 16px !important;
    height: 36px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 强制文字显示可见 */
[data-theme="angelcore"] .send-btn span,
[data-theme="angelcore"] .action-btn span {
    display: inline-block !important;
    font-size: 13px !important;
}
/* ==========================================
   🎀 CW App - 天使核主题适配 & 溢出修复补丁
   【修复内容】：
   1. 修复底部发送/让TA回复按钮超出视口的问题
   2. 将 CW App 的暗黑赛博风格统一化为天使核柔和风
   【存放位置】：放在 CSS 文件最末尾即可生效
   ========================================== */

/* -------------------------------------------
   1. 修复私聊输入框按钮超出屏幕的问题
   ------------------------------------------- */
[data-theme="angelcore"] .cw-chat-input-bar {
    display: flex !important;
    flex-wrap: nowrap !important; /* 强制不换行 */
    align-items: center !important;
    gap: 8px !important; /* 缩小组件间隙 */
    padding: 10px 12px !important;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 10px)) !important;
    background: var(--angel-white, #FFFFFF) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 输入框弹性收缩是防止撑爆屏幕的核心 */
[data-theme="angelcore"] .cw-chat-input-bar input {
    flex: 1 !important; /* 占满剩余空间 */
    width: 0 !important;
    min-width: 0 !important; /* 关键：允许在空间不足时被压缩 */
    margin: 0 !important;
    height: 36px !important;
    background: var(--angel-gray-ghost, #F5F5F5) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 18px !important;
    color: var(--angel-gray, #A0A0A0) !important;
    padding: 0 12px !important;
    font-size: 13px !important;
}

/* 控制按钮绝对不允许被压缩 */
[data-theme="angelcore"] .cw-send-btn-ins,
[data-theme="angelcore"] .cw-chat-input-bar .cw-icon-btn {
    flex-shrink: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* 普通发送按钮美化 */
[data-theme="angelcore"] #cwChatSend {
    background: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
}

/* 神秘召唤按钮美化 */
[data-theme="angelcore"] #cwChatGenerateReply {
    background: var(--angel-pink-soft, #F8F0F0) !important;
    color: var(--angel-gray, #888) !important;
    border: 1px solid var(--angel-pink, #F0E4E4) !important;
    border-radius: 16px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* 极小屏幕下（折叠屏/旧手机），隐藏召唤按钮文字只保留魔棒图标 */
@media screen and (max-width: 360px) {
    [data-theme="angelcore"] #cwChatGenerateReply {
        font-size: 0 !important;
        padding: 6px 10px !important;
    }
    [data-theme="angelcore"] #cwChatGenerateReply i {
        font-size: 14px !important;
    }
}


/* -------------------------------------------
   2. CW App 整体界面 - 天使核色彩转换
   ------------------------------------------- */

/* 剥离暗黑背景使用极简奶油白 */
[data-theme="angelcore"] .cw-app-container {
    background: var(--angel-white, #FFFFFF) !important;
    color: var(--angel-gray, #888) !important;
}

/* 顶部导航和Logo颜色转淡 */
[data-theme="angelcore"] .cw-top-bar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px dashed var(--angel-gray-pale, #E8E8E8) !important;
}
[data-theme="angelcore"] .cw-logo,
[data-theme="angelcore"] .cw-logo i {
    background: none !important;
    -webkit-text-fill-color: initial !important;
    color: var(--angel-gray, #888) !important;
    text-shadow: none !important;
    font-family: var(--angel-font-display) !important;
}
[data-theme="angelcore"] .cw-icon-btn {
    color: var(--angel-gray-light, #C8C8C8) !important;
    text-shadow: none !important;
}

/* 底部导航重调 */
[data-theme="angelcore"] .cw-nav-bar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: 0 -4px 20px rgba(160,160,160,0.05) !important;
    border-radius: 20px 20px 0 0 !important;
}
[data-theme="angelcore"] .cw-nav-item {
    color: var(--angel-gray-light, #C8C8C8) !important;
}
[data-theme="angelcore"] .cw-nav-item.active {
    color: var(--angel-gray, #A0A0A0) !important;
    text-shadow: none !important;
}

/* 匹配卡片堆叠（去掉强烈的阴影和科幻感） */
[data-theme="angelcore"] .cw-card {
    background: var(--angel-white, #FFFFFF) !important;
    box-shadow: 0 8px 30px rgba(160,160,160,0.15) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}
[data-theme="angelcore"] .cw-card-gradient {
    background: linear-gradient(transparent, rgba(255,255,255,0.95) 80%) !important;
}
[data-theme="angelcore"] .cw-card-info {
    color: var(--angel-gray, #888) !important;
}
[data-theme="angelcore"] .cw-card-name {
    text-shadow: none !important;
}

/* 匹配到底部控制按钮 */
[data-theme="angelcore"] .cw-card-controls {
    background: transparent !important;
}
[data-theme="angelcore"] .cw-btn-circle {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px dashed var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: 0 4px 15px rgba(160,160,160,0.1) !important;
}
[data-theme="angelcore"] .cw-btn-nope { color: var(--angel-gray-light, #C8C8C8) !important; text-shadow: none !important; }
[data-theme="angelcore"] .cw-btn-like { color: var(--angel-pink, #F0E4E4) !important; text-shadow: none !important; }
[data-theme="angelcore"] .cw-btn-super { color: #d0c8e0 !important; text-shadow: none !important; }

/* 聊天窗口主体 */
[data-theme="angelcore"] .cw-chat-win-header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #888) !important;
}
[data-theme="angelcore"] .cw-chat-win-title b { color: var(--angel-gray, #888) !important; }

[data-theme="angelcore"] .cw-chat-win-body {
    background: var(--angel-cream, #FAF8F5) !important;
}

/* 聊天气泡（抹去暗色渐变） */
[data-theme="angelcore"] .other .cw-msg-bubble {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #888) !important;
    box-shadow: 0 2px 8px rgba(160,160,160,0.05) !important;
}
[data-theme="angelcore"] .self .cw-msg-bubble {
    background: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(160,160,160,0.1) !important;
}

/* 插件按钮 (骰子、特调、闪照) */
[data-theme="angelcore"] .cw-chat-plugins {
    background: var(--angel-white, #FFFFFF) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}
[data-theme="angelcore"] .cw-plugin-btn {
    background: var(--angel-cream, #FAF8F5) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #888) !important;
    box-shadow: none !important;
}
/* ==========================================
   🎀 Angelcore 增强补丁 V13
   【游戏大厅 (GameLobby) 彻底柔和化/手账化改造】
   剥离所有硬朗的暗黑赛博元素融入纯白奶油体系
   ========================================== */

/* --- 1. 基础容器与全局除暗黑化 --- */
[data-theme="angelcore"] #gameLobbyApp,
[data-theme="angelcore"] #gameLobbyApp > div[style*="background"] {
    background: var(--angel-cream, #FAF8F5) !important;
    background-image: none !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

[data-theme="angelcore"] #gameLobbyApp * {
    text-shadow: none !important;
    box-shadow: none !important;
}

/* --- 2. 头部组件 (Header) --- */
[data-theme="angelcore"] .gl-header {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}
[data-theme="angelcore"] .gl-title {
    color: var(--angel-gray, #A0A0A0) !important;
    font-family: var(--angel-font-display, 'Caveat', cursive) !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}
[data-theme="angelcore"] .gl-close-btn,
[data-theme="angelcore"] .gl-close-btn i {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* --- 3. 游戏入口胶囊列表 --- */
[data-theme="angelcore"] .gl-capsule {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 20px rgba(160, 160, 160, 0.06) !important;
    transition: all 0.2s ease !important;
}
[data-theme="angelcore"] .gl-capsule:active {
    transform: scale(0.96) !important;
    background: var(--angel-gray-ghost, #F5F5F5) !important;
}
[data-theme="angelcore"] .gl-c-icon {
    filter: grayscale(30%) opacity(0.8) !important;
}
[data-theme="angelcore"] .gl-c-info h3 {
    color: var(--angel-gray, #A0A0A0) !important;
    font-family: var(--angel-font-body) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
[data-theme="angelcore"] .gl-c-info p {
    color: var(--angel-gray-light, #C8C8C8) !important;
    font-size: 12px !important;
}

/* --- 4. 配置页底层与面板 (Setup) --- */
[data-theme="angelcore"] .gl-setup,
[data-theme="angelcore"] div[style*="11081A"],
[data-theme="angelcore"] div[style*="090e17"],
[data-theme="angelcore"] div[style*="01060e"],
[data-theme="angelcore"] div[style*="111108"] {
    background: var(--angel-cream, #FAF8F5) !important;
}
[data-theme="angelcore"] .gl-setup-title {
    color: var(--angel-gray, #A0A0A0) !important;
    border-bottom: 1px dashed var(--angel-gray-pale, #E8E8E8) !important;
    font-family: var(--angel-font-display, 'Caveat', cursive) !important;
    font-size: 18px !important;
}

/* 各类选中按钮与卡片 */
[data-theme="angelcore"] .gl-mode-btn,
[data-theme="angelcore"] .ld-btn,
[data-theme="angelcore"] .ts-role-btn,
[data-theme="angelcore"] .gl-setup label[style*="background"] {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    border-radius: 12px !important;
}
[data-theme="angelcore"] .gl-mode-btn.active,
[data-theme="angelcore"] .ld-btn.active,
[data-theme="angelcore"] .ts-role-btn.active {
    background: var(--angel-pink-soft, #F8F0F0) !important;
    border-color: var(--angel-pink, #F0E4E4) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}
[data-theme="angelcore"] .gl-mode-btn strong { color: var(--angel-gray, #A0A0A0) !important; }
[data-theme="angelcore"] .gl-mode-btn span { color: var(--angel-gray-light, #C8C8C8) !important; }

/* 勾选框文本与标签清理 */
[data-theme="angelcore"] .ww-friend-check ~ span,
[data-theme="angelcore"] .ld-friend-check ~ span,
[data-theme="angelcore"] .cq-friend-check ~ span,
[data-theme="angelcore"] .td-friend-check ~ span,
[data-theme="angelcore"] .ts-friend-check ~ span,
[data-theme="angelcore"] .ft-friend-check ~ span,
[data-theme="angelcore"] .dg-friend-check ~ span,
[data-theme="angelcore"] .gl-setup label {
    color: var(--angel-gray, #A0A0A0) !important;
    font-weight: 500 !important;
}

/* 覆盖内联生成的半黑透明容器 */
[data-theme="angelcore"] .gl-setup > div > div[style*="background"],
[data-theme="angelcore"] div[id*="Container"] > div[style*="background"],
[data-theme="angelcore"] div[style*="rgba(0,0,0,0.3)"],
[data-theme="angelcore"] div[style*="rgba(0,0,0,0.5)"],
[data-theme="angelcore"] div[style*="rgba(0,0,0,0.6)"],
[data-theme="angelcore"] div[style*="rgba(255,255,255,0.05)"] {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 输入框、下拉菜单、文本区手账化 */
[data-theme="angelcore"] select.ld-select,
[data-theme="angelcore"] .gl-setup input[type="text"],
[data-theme="angelcore"] .gl-setup input[type="number"],
[data-theme="angelcore"] .gl-setup textarea,
[data-theme="angelcore"] .ww-actions textarea {
    background: var(--angel-gray-ghost, #F5F5F5) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    border-radius: 12px !important;
}
[data-theme="angelcore"] select.ld-select:focus,
[data-theme="angelcore"] .gl-setup input[type="text"]:focus,
[data-theme="angelcore"] .gl-setup input[type="number"]:focus,
[data-theme="angelcore"] .gl-setup textarea:focus,
[data-theme="angelcore"] .ww-actions textarea:focus {
    border-color: var(--angel-gray-light, #C8C8C8) !important;
    background: var(--angel-white, #FFFFFF) !important;
    outline: none !important;
}
[data-theme="angelcore"] .gl-setup input::placeholder,
[data-theme="angelcore"] .gl-setup textarea::placeholder,
[data-theme="angelcore"] .ww-actions textarea::placeholder {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* --- 5. 底部操作栏 (Actions Panel) --- */
[data-theme="angelcore"] .ww-actions,
[data-theme="angelcore"] div[id$="ActionPanel"] {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

/* 核心行动大按钮 */
[data-theme="angelcore"] .gl-primary-btn {
    background: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(160, 160, 160, 0.15) !important;
    font-family: var(--angel-font-body) !important;
    font-weight: 500 !important;
    border-radius: 18px !important;
}
[data-theme="angelcore"] .gl-primary-btn:active {
    transform: scale(0.98) !important;
    background: var(--angel-gray-light, #C8C8C8) !important;
}

/* 把游戏里的红、蓝、黄危急空心按钮压成白色柔和风 */
[data-theme="angelcore"] button[style*="dashed"],
[data-theme="angelcore"] button[style*="rgba(255,255,255,0.1)"],
[data-theme="angelcore"] button[style*="linear-gradient"] {
    background: var(--angel-white, #FFFFFF) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: none !important;
}

/* --- 6. 局内状态栏与展示区 --- */
[data-theme="angelcore"] .ww-status-bar,
[data-theme="angelcore"] div[id$="ProgressText"] {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    border-radius: 14px !important;
}
[data-theme="angelcore"] div[id$="TopicDisplay"],
[data-theme="angelcore"] div[id*="Target"],
[data-theme="angelcore"] .ww-board div[style*="background"] {
    color: var(--angel-gray, #A0A0A0) !important;
}

/* 头像与身份卡片 */
[data-theme="angelcore"] .ww-player-card {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
}
[data-theme="angelcore"] .ww-player-card.me {
    border-color: var(--angel-gray-light, #C8C8C8) !important;
    background: var(--angel-gray-ghost, #F5F5F5) !important;
}
[data-theme="angelcore"] .ww-player-card.speaking {
    border-color: var(--angel-pink, #F0E4E4) !important;
}

/* --- 7. 聊天剧情连载区域重构 (净化黑底发光字) --- */
[data-theme="angelcore"] .ww-chat-box {
    background: var(--angel-cream, #FAF8F5) !important;
    border: none !important;
    box-shadow: none !important;
}

/* 系统播报与动作总结 */
[data-theme="angelcore"] .ww-sys-msg,
[data-theme="angelcore"] div[style*="justify-content:center"] > div[style*="text-align:center"],
[data-theme="angelcore"] .ww-chat-box > div[style*="text-align:center"] {
    background: var(--angel-white, #FFFFFF) !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
    border: 1px dashed var(--angel-gray-pale, #E8E8E8) !important;
    font-size: 11px !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
}

/* NPC 气泡格式 (左侧靠边) */
[data-theme="angelcore"] .ww-message .ww-msg-content,
[data-theme="angelcore"] div[style*="border-left"] {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #A0A0A0) !important;
    box-shadow: 0 2px 8px rgba(160, 160, 160, 0.05) !important;
    border-radius: 4px 16px 16px 16px !important;
    border-left: none !important; /* 去掉大红大绿的安全线 */
}

/* 强行洗去所有剧情字体的原定赛博发光颜色 */
[data-theme="angelcore"] .ww-chat-box div,
[data-theme="angelcore"] .ww-chat-box span,
[data-theme="angelcore"] .ww-chat-box b {
    color: var(--angel-gray, #A0A0A0) !important;
    text-shadow: none !important;
}

/* 玩家自己发送的气泡 (右侧靠边) */
[data-theme="angelcore"] div[style*="justify-content:flex-end"] > div {
    background: var(--angel-gray, #A0A0A0) !important;
    color: var(--angel-white, #FFFFFF) !important;
    border: none !important;
    border-radius: 16px 4px 16px 16px !important;
}
[data-theme="angelcore"] div[style*="justify-content:flex-end"] > div div,
[data-theme="angelcore"] div[style*="justify-content:flex-end"] > div span {
    color: var(--angel-white, #FFFFFF) !important;
}

/* --- 8. 专项游戏组件白化手术 --- */

/* 飞行棋棋盘格子 */
[data-theme="angelcore"] .ld-board { background: transparent !important; }
[data-theme="angelcore"] .ld-cell {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: none !important;
}
[data-theme="angelcore"] .ld-cell.event {
    background: var(--angel-pink-soft, #F8F0F0) !important;
    border-color: var(--angel-pink, #F0E4E4) !important;
}

/* 飞行棋顶部进行中的小跑道 */
[data-theme="angelcore"] div[id="ludoLiveBoard"] > div {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

/* 你画我猜画板修复 */
[data-theme="angelcore"] #dgRealCanvas {
    background: var(--angel-gray-ghost, #F5F5F5) !important;
    border: 1.5px dashed var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: none !important;
    border-radius: 16px !important;
}
[data-theme="angelcore"] .dg-color-btn.active {
    border-color: var(--angel-gray, #A0A0A0) !important;
}

/* 所有题库/档案的设置列表卡片 */
[data-theme="angelcore"] .ld-board-item,
[data-theme="angelcore"] .cq-bank-item,
[data-theme="angelcore"] .td-rule-item,
[data-theme="angelcore"] .ts-script-item,
[data-theme="angelcore"] .ft-caps-item,
[data-theme="angelcore"] .dg-bank-item {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    border-radius: 14px !important;
}
[data-theme="angelcore"] .ld-board-item.active,
[data-theme="angelcore"] .cq-bank-item.active,
[data-theme="angelcore"] .td-rule-item.active,
[data-theme="angelcore"] .ts-script-item.active,
[data-theme="angelcore"] .ft-caps-item.active,
[data-theme="angelcore"] .dg-bank-item.active {
    background: var(--angel-pink-soft, #F8F0F0) !important;
    border-color: var(--angel-pink, #F0E4E4) !important;
}
[data-theme="angelcore"] .ld-board-item h4,
[data-theme="angelcore"] .cq-bank-item h4,
[data-theme="angelcore"] .td-rule-item h4,
[data-theme="angelcore"] .ts-script-item h4,
[data-theme="angelcore"] .ft-caps-item h4,
[data-theme="angelcore"] .dg-bank-item h4 {
    color: var(--angel-gray, #A0A0A0) !important;
    font-size: 14px !important;
}
[data-theme="angelcore"] button[class*="-edit-"] i {
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 终局结算大字的盖棺面板 */
[data-theme="angelcore"] div[style*="font-size:50px"],
[data-theme="angelcore"] div[style*="font-size:40px"] {
    filter: sepia(0.5) hue-rotate(300deg) opacity(0.8); /* 柔化Emoji过亮的色彩 */
}
[data-theme="angelcore"] div[style*="margin-top:30px"][style*="border-radius:20px"] {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    box-shadow: 0 4px 20px rgba(160, 160, 160, 0.08) !important;
}
[data-theme="angelcore"] div[style*="margin-top:30px"] h2 {
    color: var(--angel-gray, #A0A0A0) !important;
    font-family: var(--angel-font-display, 'Caveat', cursive) !important;
}
/* ==========================================
   🎀 Angelcore 增强补丁 V14
   【游戏大厅视效高对比度修复】
   解决：你画我猜提示看不见、身份选择文字太淡融于背景的问题
   ========================================== */

/* --- 1. 修复：你画我猜 (Draw & Guess) 提示区文字在白底上的可见度 --- */
[data-theme="angelcore"] #dgHintArea,
[data-theme="angelcore"] #dgHintArea span {
    color: #555555 !important; /* 强制加深为深灰色符合手账风又能绝对看清 */
    text-shadow: none !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

/* --- 2. 修复：海龟汤 (Turtle Soup) 身份选择按钮文字 --- */
[data-theme="angelcore"] .ts-role-btn div {
    color: #777777 !important; /* 未选中时保持柔和灰 */
}
[data-theme="angelcore"] .ts-role-btn.active div {
    color: #333333 !important; /* 选中时大幅度加深对比 */
}

/* --- 3. 修复：所有游戏模式选择、规则卡片的文字过淡问题 --- */
[data-theme="angelcore"] .gl-mode-btn strong,
[data-theme="angelcore"] .gl-mode-btn span,
[data-theme="angelcore"] .td-rule-item h4,
[data-theme="angelcore"] .td-rule-item p,
[data-theme="angelcore"] .ld-btn span,
[data-theme="angelcore"] .gl-setup-section div[style*="font-size:12px"] {
    color: #666666 !important;
}
[data-theme="angelcore"] .gl-mode-btn.active strong,
[data-theme="angelcore"] .gl-mode-btn.active span,
[data-theme="angelcore"] .td-rule-item.active h4,
[data-theme="angelcore"] .td-rule-item.active p,
[data-theme="angelcore"] .ld-btn.active span {
    color: #333333 !important;
}

/* --- 4. 修复：自动剥离原生代码中硬写的明黄、浅绿高亮颜色映射为深灰色 --- */
[data-theme="angelcore"] div[style*="color:#FFF176"],
[data-theme="angelcore"] span[style*="color:#FFF176"],
[data-theme="angelcore"] div[style*="color:#FFD54F"],
[data-theme="angelcore"] span[style*="color:#FFD54F"],
[data-theme="angelcore"] div[style*="color:#4CAF50"],
[data-theme="angelcore"] span[style*="color:#4CAF50"],
[data-theme="angelcore"] span[style*="color:#FF9A9E"],
[data-theme="angelcore"] div[style*="color:#FF9A9E"] {
    color: #555555 !important;
    text-shadow: none !important;
}
/* ==========================================
   🎀 Angelcore 增强补丁 V15：挽救隐形亲属卡 🎀
   解决：亲属卡领取和消费弹窗被超强选择器误伤变成白板的严重 Bug。
   说明：双引擎锁定法保障所有新老设备百分百呈现少女风弹窗！
   【请将此段代码放在整个 CSS 的最末尾】
   ========================================== */

/* --- 1. 拯救“领取亲属卡”主视觉卡片 --- */
[data-theme="angelcore"] .modal:has(#acceptCardBtn) > div,
[data-theme="angelcore"] .modal > div[style*="width: 320px"][style*="#667eea"] {
    /* 强力覆盖原紫黑色换成天使核纯净渐变 */
    background: linear-gradient(135deg, #FDFBFB 0%, #EBEDEE 100%) !important;
    border: 2px solid var(--angel-white, #FFFFFF) !important;
    box-shadow: 0 10px 40px rgba(160, 160, 160, 0.15) !important;
    color: var(--angel-gray, #888) !important;
}

/* 拯救中心的圆形卡片卡头 */
[data-theme="angelcore"] .modal:has(#acceptCardBtn) > div div[style*="background: #fff"],
[data-theme="angelcore"] .modal > div[style*="width: 320px"][style*="#667eea"] div[style*="background: #fff"] {
    background: var(--angel-cream, #FAF8F5) !important;
    box-shadow: inset 0 2px 5px rgba(160, 160, 160, 0.05), 0 4px 15px rgba(160, 160, 160, 0.08) !important;
    border: 1px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

/* 将被隐形的白字强行染色归位 */
[data-theme="angelcore"] .modal:has(#acceptCardBtn) > div div[style*="color: #fff"],
[data-theme="angelcore"] .modal:has(#acceptCardBtn) > div div[style*="color: rgba(255,255,255"],
[data-theme="angelcore"] .modal > div[style*="width: 320px"][style*="#667eea"] div[style*="color: #fff"],
[data-theme="angelcore"] .modal > div[style*="width: 320px"][style*="#667eea"] div[style*="color: rgba(255,255,255"] {
    color: var(--angel-gray, #888) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* 大额数字展现少女俏皮感 */
[data-theme="angelcore"] .modal:has(#acceptCardBtn) > div div[style*="font-size: 42px"],
[data-theme="angelcore"] .modal > div[style*="width: 320px"][style*="#667eea"] div[style*="font-size: 42px"] {
    color: var(--angel-pink, #E5B2B2) !important;
    font-family: var(--angel-font-display, 'Caveat', cursive) !important;
}

/* 规则提示框融合化 */
[data-theme="angelcore"] .modal:has(#acceptCardBtn) > div div[style*="rgba(255,255,255,0.15)"],
[data-theme="angelcore"] .modal > div[style*="width: 320px"][style*="#667eea"] div[style*="rgba(255,255,255,0.15)"] {
    background: var(--angel-gray-ghost, #F5F5F5) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
}

/* 按钮拯救行动！绝对不能再隐形 */
[data-theme="angelcore"] #rejectCardBtn {
    background: var(--angel-gray-ghost, #F5F5F5) !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    font-family: var(--angel-font-body) !important;
}

[data-theme="angelcore"] #acceptCardBtn {
    background: var(--angel-pink-soft, #FFF0F0) !important;
    color: var(--angel-pink, #D89898) !important;
    border-top: 1px solid var(--angel-pink-soft, #FFF0F0) !important;
    border-left: 1px solid var(--angel-white, #FFFFFF) !important;
    font-family: var(--angel-font-body) !important;
}

[data-theme="angelcore"] #rejectCardBtn:hover { background: #EFEFEF !important; }
[data-theme="angelcore"] #acceptCardBtn:hover { background: #FFE8E8 !important; }

/* 领取后“回看”状态界面的覆盖 */
[data-theme="angelcore"] .modal:has(#closeCardBtn) > div,
[data-theme="angelcore"] .modal > div[style*="width: 320px"][style*="#667eea"] div[style*="rgba(0,0,0,0.1)"] {
    background: var(--angel-gray-ghost, #F5F5F5) !important;
    color: var(--angel-gray, #888) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}
[data-theme="angelcore"] #closeCardBtn {
    color: var(--angel-gray-light, #C8C8C8) !important;
    background: var(--angel-white, #FFFFFF) !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}


/* --- 2. 拯救“使用亲属卡支付”弹窗 --- */
[data-theme="angelcore"] .modal:has(#confirmFamilyCardBtn) .modal-content,
[data-theme="angelcore"] .modal .modal-content:has(div[style*="padding:20px;background:linear-gradient"]) {
    background: var(--angel-white, #FFFFFF) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

/* 顶部信息栏由深紫洗为柔和粉白渐变 */
[data-theme="angelcore"] .modal:has(#confirmFamilyCardBtn) div[style*="linear-gradient"],
[data-theme="angelcore"] .modal .modal-content div[style*="padding:20px;background:linear-gradient"] {
    background: linear-gradient(135deg, #F0E4E4 0%, #FAF8F5 100%) !important;
    color: var(--angel-gray, #888) !important;
}

/* 半透明价格边框重置 */
[data-theme="angelcore"] .modal:has(#confirmFamilyCardBtn) div[style*="rgba(255,255,255,0.15)"],
[data-theme="angelcore"] .modal .modal-content div[style*="rgba(255,255,255,0.15)"] {
    background: rgba(255,255,255,0.6) !important;
    color: var(--angel-gray, #888) !important;
    border: 1px dashed var(--angel-gray-pale, #E8E8E8) !important;
}

/* 修复下拉选项框 */
[data-theme="angelcore"] #familyCardSelect {
    background: var(--angel-gray-ghost, #F5F5F5) !important;
    border: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
    color: var(--angel-gray, #888) !important;
}

/* 修复支付确认与取消按钮 */
[data-theme="angelcore"] #cancelFamilyCardBtn {
    background: var(--angel-gray-ghost, #F5F5F5) !important;
    color: var(--angel-gray-light, #C8C8C8) !important;
    border-top: 1px solid var(--angel-gray-pale, #E8E8E8) !important;
}

[data-theme="angelcore"] #confirmFamilyCardBtn {
    background: var(--angel-pink-soft, #FFF0F0) !important;
    color: var(--angel-pink, #D89898) !important;
    border-top: 1px solid var(--angel-pink-soft, #FFF0F0) !important;
}
/* ==========================================
   🎀 Angelcore 增强补丁 V16
   【修复：情侣问答/飞行棋/海龟汤等所有题库编辑页白字隐形问题】
   ========================================== */
[data-theme="angelcore"] .gl-setup div[style*="color:#fff"],
[data-theme="angelcore"] .gl-setup div[style*="color: #fff"],
[data-theme="angelcore"] .gl-setup span[style*="color:#fff"],
[data-theme="angelcore"] .gl-setup span[style*="color: #fff"],
[data-theme="angelcore"] .gl-setup div[style*="color:#FFF"],
[data-theme="angelcore"] .gl-setup div[style*="color: #FFF"] {
    color: #555555 !important;
}

/* ============================================================
   老板专属补丁：CW App 全主题高对比度/清晰度修复
   说明：拯救被过度柔化的字体让动态、私信、名字像默认主题一样清晰锐利！
   【插入位置：请务必将此段代码粘贴到整个 CSS 文件的最末尾】
   ============================================================ */

/* 1. Angelcore (天使核) 主题 - CW App 文字加深 */
[data-theme="angelcore"] .cw-app-container,
[data-theme="angelcore"] .cw-card-info,
[data-theme="angelcore"] .cw-post-content,
[data-theme="angelcore"] .cw-msg-wrapper.other .cw-msg-bubble,
[data-theme="angelcore"] .cw-me-bio {
    color: #333333 !important;
}
[data-theme="angelcore"] .cw-logo,
[data-theme="angelcore"] .cw-card-name,
[data-theme="angelcore"] .cw-username,
[data-theme="angelcore"] .cw-chat-title b,
[data-theme="angelcore"] .cw-me-name {
    color: #111111 !important;
    font-weight: 800 !important;
}
[data-theme="angelcore"] .cw-time,
[data-theme="angelcore"] .cw-chat-preview,
[data-theme="angelcore"] .cw-nav-item,
[data-theme="angelcore"] .cw-comments-preview {
    color: #666666 !important;
}
[data-theme="angelcore"] .cw-nav-item.active {
    color: #111111 !important;
    font-weight: 800 !important;
}


/* 4. 统一修复输入框看不清的问题 */
[data-theme="angelcore"] .cw-chat-input-bar input,
[data-theme="ins"] .cw-chat-input-bar input,
[data-theme="tenshi"] .cw-chat-input-bar input {
    color: #111111 !important;
    font-weight: 500 !important;
}
[data-theme="angelcore"] .cw-chat-input-bar input::placeholder,
[data-theme="ins"] .cw-chat-input-bar input::placeholder,
[data-theme="tenshi"] .cw-chat-input-bar input::placeholder {
    color: #999999 !important;
    font-weight: 400 !important;
}