/* footer copyright */
.footer-copyright {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: calc(30px + 1.8rem);
}
.footer-copyright .container {
width: 100%;
text-align: center;
margin-bottom: 4px;
}
.footer-copyright .container,
.footer-copyright .container a,
.run-time {
color: var(--footer-color);
font-size: 14px;
}
.mod_copyright_split {
margin: 0 8px;
}
.footer-copyright p a:hover {
color: rgb(208, 34, 34);
opacity: 0.9;
}
#homeip,
#homecount {
color: var(--color-0188);
}
.footer-copyright .footer-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: fit-content;
gap: 8px;
}
/* 卡片按钮 基础样式组件 */
/* 基础样式组件（高度固定26px） */
.tab-component {
position: relative;
display: inline-flex;
align-items: center;
height: 26px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-weight: 600;
font-size: 12px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.tab-component .tab-left {
background-color: #333;
color: #fff;
padding: 0 10px;
display: flex;
align-items: center;
height: 100%;
}
.tab-component .tab-left .icon {
margin-right: 5px;
font-size: 14px;
}
.tab-component .tab-right {
background-color: #673ab7; /* 基础紫色 */
color: #fff;
padding: 0 12px;
height: 100%;
display: flex;
align-items: center;
}
/* 亮色变体1：蓝色 */
.tab-component.blue .tab-right {
background-color: #2196f3;
}
/* 亮色变体2：绿色 */
.tab-component.green .tab-right {
background-color: #4caf50;
}
/* 亮色变体3：橙色 */
.tab-component.orange .tab-right {
background-color: #ff9800;
}
/* 亮色变体4：红色 */
.tab-component.red .tab-right {
background-color: #f44336;
}
/* 亮色变体5：青色 */
.tab-component.teal .tab-right {
background-color: #009688;
}
/* 亮色变体6：粉色 */
.tab-component.pink .tab-right {
background-color: #e91e63;
}
/* 亮色变体7：靛蓝色 */
.tab-component.indigo .tab-right {
background-color: #3f51b5;
}
.tab-component.youpaiyun .tab-right {
background: #00a0ff;
}
/*
B Theme
Butterfly
*/