/* ========================================
   OceanRP 海洋动漫美学主题
   Ocean Anime Aesthetic Theme
======================================== */

/* ========== 海洋色彩变量 ========== */
:root {
	/* 主色调 - 梦幻turquoise与深青 */
	--ocean-turquoise: #40E0D0;
	--ocean-deep-teal: #008B8B;
	--ocean-cyan: #00CED1;
	--ocean-aqua: #7FFFD4;
	--ocean-deep-blue: #003366;
	--ocean-midnight: #001122;
	
	/* 珊瑚粉色点缀 */
	--coral-pink: #FF7F7F;
	--coral-light: #FFB6C1;
	--coral-soft: #FFC0CB;
	
	/* 生物荧光色 */
	--bio-glow-blue: #00FFFF;
	--bio-glow-green: #39FF14;
	--bio-glow-purple: #BF00FF;
	
	/* 透明度层次 */
	--glass-light: rgba(64, 224, 208, 0.1);
	--glass-medium: rgba(64, 224, 208, 0.2);
	--glass-strong: rgba(64, 224, 208, 0.3);
	
	/* 阴影效果 */
	--ocean-shadow: 0 8px 32px rgba(0, 206, 209, 0.3);
	--deep-shadow: 0 16px 64px rgba(0, 17, 34, 0.4);
	--glow-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
}

/* ========== 全局海洋背景 ========== */
body {
	background: linear-gradient(
		135deg,
		#001122 0%,
		#003366 25%,
		#008B8B 50%,
		#40E0D0 75%,
		#7FFFD4 100%
	);
	background-attachment: fixed;
	color: #E0F6FF;
	font-family: 'Roboto', 'Hiragino Sans', sans-serif;
	overflow-x: hidden;
}

/* 动态水波纹背景动画 */
body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: 
		radial-gradient(circle at 20% 30%, rgba(0, 255, 255, 0.1) 0%, transparent 50%),
		radial-gradient(circle at 80% 70%, rgba(64, 224, 208, 0.15) 0%, transparent 50%),
		radial-gradient(circle at 40% 80%, rgba(255, 127, 127, 0.08) 0%, transparent 50%);
	animation: oceanFlow 20s ease-in-out infinite;
	pointer-events: none;
	z-index: -1;
}

@keyframes oceanFlow {
	0%, 100% { transform: translateY(0) scale(1); }
	50% { transform: translateY(-20px) scale(1.05); }
}