/* ==========================================
   🖤 Default / 黑白简约主题
   保留现有的黑白简约风格
========================================== */

[data-theme="default"] {
    --theme-bg: #ffffff;
    --theme-card: #ffffff;
    --theme-border: rgba(0, 0, 0, var(--border-opacity));
    --theme-text: #333333;
    --theme-text-light: #666666;
    --theme-accent: #333333;
    --theme-accent-light: #f5f5f5;
    --theme-shadow: rgba(0, 0, 0, 0.1);
    --theme-radius: 20px;
    --theme-radius-lg: 25px;
}

/* 默认主题首页分页修复：
   旧结构依赖 200% / 50% 的宽度计算，在不同手机和安全区下容易出现
   页面被裁切、下一页内容从边缘露出的情况。这里改成标准整页滑动布局。 */

[data-theme="default"] .default-layout,
body[data-theme="default"] .default-layout,
html[data-theme="default"] .default-layout {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow: clip;
    box-sizing: border-box;
}

[data-theme="default"] .default-pages-container,
body[data-theme="default"] .default-pages-container,
html[data-theme="default"] .default-pages-container {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-out;
    will-change: transform;
    touch-action: pan-y;
}

[data-theme="default"] .default-page,
body[data-theme="default"] .default-page,
html[data-theme="default"] .default-page {
    flex: 0 0 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    box-sizing: border-box;
    overflow-x: hidden;
}

[data-theme="default"] .default-page-dots,
body[data-theme="default"] .default-page-dots,
html[data-theme="default"] .default-page-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 90px;
    display: flex;
    justify-content: center;
    gap: 8px;
    pointer-events: auto;
    z-index: 5;
}

[data-theme="default"] .d-dot,
body[data-theme="default"] .d-dot,
html[data-theme="default"] .d-dot {
    width: 8px;
    height: 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.3;
    transition: opacity 0.2s ease;
}

[data-theme="default"] .d-dot.active,
body[data-theme="default"] .d-dot.active,
html[data-theme="default"] .d-dot.active {
    opacity: 0.8;
}

/* 额外兜底：防止默认主题内部横向溢出把下一页边缘挤出来 */
[data-theme="default"] .default-page .row-container,
body[data-theme="default"] .default-page .row-container,
html[data-theme="default"] .default-page .row-container {
    max-width: 100%;
    box-sizing: border-box;
}

/* 默认主题保持原有样式不变 */
/* 这里只定义变量其他样式使用global.css中的原有样式 */