|
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name=”keywords” content="WTFGame,猫猫竞赛,wtf,wtfgame,猫竞">
<meta name=”description” content="WTFGame,猫猫竞赛,wtf,wtfgame,猫竞">
<title>WTFGame猫猫竞赛</title>
<style>
/* 整体页面样式 */
body {
background: #faf5ff;
font-family: 'Rounded Mplus 1c', sans-serif;
margin: 0;
padding: 20px;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
/* 主容器样式 */
.container {
max-width: 800px;
width: 100%;
padding: 20px;
text-align: center;
}
/* 标题样式 */
.title-card {
background: linear-gradient(45deg, #ffafbd, #ffc3a0);
padding: 30px;
border-radius: 20px;
text-align: center;
box-shadow: 0 8px 20px rgba(255,175,189,0.3);
margin-bottom: 30px;
animation: float 3s ease-in-out infinite, glow 2s ease-in-out infinite alternate;
}
.title-card h1 {
color: white;
font-size: 2.5em;
margin: 0;
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}
/* 公告卡片样式 */
.notice-card {
background: white;
border-radius: 20px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
position: relative;
overflow: hidden;
text-align: left;
}
.notice-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(to right, #ffafbd, #ffc3a0);
|
|
发表于 
变色卡