/* ========================================
   主样式文件 - 全局基础样式
   ======================================== */

/* 页面基础样式 */
html {
    height: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: #000;
    background-image: url('../src/picture/background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    /* 允许垂直滚动 */
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

/* 确保滚动容器 */
.scroll-container {
    min-height: 100vh;
    position: relative;
}

/* 添加浪漫的光晕背景 */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 50%, rgba(255, 182, 193, 0.1) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}

/* 粒子心动画主 Canvas - 排除特定canvas */
canvas:not(#pinkboard):not(#constellationCanvas):not(#waveCanvas):not(#audioVisualizer) {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: 10;
}

/* 雪花粒子 Canvas - 隐藏旧的canvas */
#snowCanvas {
    display: none;
}

/* 页面加载动画 */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

body {
    animation: fadeIn 2s ease-in-out;
}

/* 触摸优化 - 禁用双击缩放 */
* {
    touch-action: manipulation;
}

/* 文本选择优化 */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 可选择内容 */
.playlist-item-name,
.track-name {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}