基于 Komari探针 的 Mochi主题 v1.0.3-beta7 自定义美化

🎨 仅为个人审美喜好

Earth模式的地图怎么对齐啊，我强迫症犯了

全局字体

@import url('https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC:wght@400;700&display=swap');* {    font-family: 'LXGW WenKai TC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;}

强迫症对齐

/* 搜索区域对齐 */.control-bar {    margin-left: 1rem;    margin-right: 1rem;    width: auto;    padding: 0.825rem !important;    background-color: var(--gray-1)  !important;}/* 添加卡片 背景、边框 样式 */.control-bar,.control-bar + .rt-Flex,.control-bar + .rt-Flex + .rt-Flex{    background-color: var(--gray-1) !important;    border: 1px solid var(--gray-a5);}/* 分组、服务器数量 添加 圆角、内边距*/.control-bar + .rt-Flex,.control-bar + .rt-Flex + .rt-Flex {    border-radius: 0.5rem;    padding: 0.825rem;}/* 分组 布局 */.control-bar + .rt-Flex {    margin-top: 0;}

Modern模式卡片

/* Modern模式：统一卡片背景与投影 */a.modern-card-link > .rt-Card {    background-image: linear-gradient(to bottom right, var(--gray-a2), var(--gray-a1));    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;}/* 替换卡片顶部光条颜色 */a.modern-card-link > .rt-Card > div[class*="from-green-500"] {    background-image: linear-gradient(to right, var(--accent-8), var(--accent-9), var(--accent-8));    box-shadow: 0 0 10px var(--accent-a8) !important;}/* 深色模式：移除主题色遮罩 */.dark a.modern-card-link {    background: none !important;}.dark a.modern-card-link > .rt-Card {    background: linear-gradient(to bottom right, var(--gray-a2), var(--gray-a1)) !important;}.dark a.modern-card-link > .rt-Card::before,.dark a.modern-card-link > .rt-Card::after {    display: none !important;    background: none !important;}

页尾居中 & 隐藏构建信息

/* 页脚布局 */div.footer {    padding-top: 1rem !important;    padding-bottom: 1rem !important;}.footer .rt-Flex[style*="margin: 0px auto"] {    justify-content: center;}.footer .rt-Flex > .rt-Flex {    align-items: center !important;}.footer .rt-Flex > .rt-Flex > span:nth-child(n+2) {    display: none;}

预览图

浅色模式

深色模式