/* 导入唯美的字体 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;700&display=swap');
body, html {
margin: 0;
padding: 0;
height: 100%;
overflow-x: hidden;
font-family: 'Roboto', sans-serif;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #ffcc99,rgb(210, 58, 149), #ff99cc);
z-index: -1;
animation: gra ...
/* 定制化样式 */
body {
font-family: 'Arial', sans-serif;
}
.section-header {
background-color:rgb(0, 0, 0);
padding: 1em;
border-left: 6px solid #42b983;
margin-bottom: 1.5em;
}
.highlight-code {
background-color:rgb(0, 0, 0);
padding: 1em;
border-radius: 4px;
overflow-x: auto;
}
.code-snippet {
white-space: pre-wrap;
}
.featured-image {
width: 100%;
max-width: 100%;
height: auto;
}
.interactive-block {
padding: 2em;
background-color: ...
/* 导入可爱的字体 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
body {
font-family: 'Roboto', sans-serif;
background-color: #f8e7ff;
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 2em;
background-color: #1d1e22;
border-radius: 16px;
box-shadow: 0 4px 8px rgba(36, 29, 29, 0.1);
}
header {
text-align: center;
}
header h1 {
font-size: 2.5em;
font-weight: bold;
color: #ff6b6b; ...
