@font-face{
  font-family:'moe';
  src:url('/themes/example/zaozigongfangnaisiti.woff2');
}
body,button,input,textarea{
  font-family:'moe'!important;
  font-weight: 500; /* 添加此行代码，字体加粗 */
}


/* 1. 隐藏指定底部链接 */
footer a[href='https://nextcloud.com/signup/'] {
    display: none;
}

/* 2. 视频背景样式 */
#backgroundVideo {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    object-fit: cover;
    z-index: -4;
}

iframe {
    z-index: 3;
}

/* 3. 垂直对齐容器样式 */
.v-align {
    position: relative;
    z-index: 0;
}

/* 4. Logo 动画样式（原 head 内的 style 移到这里） */
.logo img {
    transition: transform 0.9s ease, opacity 0.9s ease;
}

.logo img:hover {
    transform: scale(1.1) rotate(15deg);
    opacity: 1;
}

.logo {
    opacity: 0;
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

/* 5. 图标样式 */
.icon {
    background-image: url('/themes/example/favicon.ico');
    /* 补充：如果图标不显示，添加尺寸和重复属性 */
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
}

/* 6. 移动端适配（禁用视频，用静态背景） */
@media (max-width: 768px) {
    html {
        background: transparent !important;
    }
    body {
        background: url('/themes/example/bg.webp') no-repeat center center / cover !important;
        background-color: #000 !important;
    }
    #backgroundVideo {
        display: none !important;
    }
}

/* 7. 顶部菜单（水平条）定制 */
.app-menu-main .app-menu-entry {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    position: relative !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.app-menu-main .app-menu-entry a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
}

.app-menu-main .app-menu-entry img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 auto 3px auto !important;
    padding: 0 !important;
    transition: transform 0.2s;
}

.app-menu-main .app-menu-entry .app-menu-entry--label {
    position: static !important;
    opacity: 1 !important;
    font-size: 11px;
    line-height: 1.1;
    text-align: center !important;
    margin: 0 !important;
    transform: none !important;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-menu-main .app-menu-entry:hover img {
    transform: scale(1.08);
}

.app-menu-main .app-menu-entry::before {
    display: none !important;
}

/* 8. 侧边菜单（竖向）定制 */
.cm-app a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 0 !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.cm-app-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 auto 3px auto !important;
    filter: invert(var(--side-menu-icon-invert-filter, 0%));
}

.cm-app-text {
    display: block !important;
    font-size: 11px;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}

.cm-app:hover .cm-app-icon,
.app-menu-main .app-menu-entry:hover img {
    transform: scale(1.08);
    transition: transform 0.15s ease-in-out;
}