<style>
/* 这里的变量模仿 BanG Dream 的星空与活力色彩 */
- root {
--bd-primary: #ff527b; /* 类似 Poppin'Party 的粉红 */ --bd-secondary: #33ccff; /* 类似 Hello, Happy World! 的天蓝 */ --bd-accent: #ffd700; --bd-bg: rgba(255, 255, 255, 0.9); --archive-gray: #2c3e50; /* 提升严谨性的深灰色 */
}
.bd-wrapper {
font-family: "Microsoft YaHei", "PingFang SC", sans-serif; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); border-radius: 20px; padding: 20px;
}
/* 顶部 Banner - 类似演出海报 */ .bd-hero {
background: linear-gradient(45deg, var(--bd-primary), var(--bd-secondary)); border-radius: 15px; padding: 50px 30px; color: white; box-shadow: 0 10px 20px rgba(255, 82, 123, 0.3); margin-bottom: 30px; position: relative; overflow: hidden;
}
/* 模拟严谨档案的装饰 */ .bd-hero::before {
content: "UNIVERSE ARCHIVE v2.0"; position: absolute; top: 10px; right: 20px; font-family: monospace; opacity: 0.5; font-size: 0.8em;
}
/* 响应式栅格 */ .bd-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px;
}
/* 邦风卡片 */ .bd-card {
background: var(--bd-bg); border-radius: 12px; border-left: 6px solid var(--bd-primary); padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); transition: 0.3s;
}
.bd-card:hover {
transform: scale(1.02); border-left-width: 10px;
}
.bd-card-title {
font-size: 1.25em; font-weight: bold; color: var(--archive-gray); margin-bottom: 10px; display: flex; align-items: center;
} </style>
首页
来自Blockland Wiki