@charset "utf-8";

/*小于1200px时*/
@media (max-width: 1200px) {

}

/*小于720px时*/
@media (max-width: 720px) {

    .mark-list .marks {
        gap: 30px;
    }

    .mark-list .marks .mark,
    .mark-list .marks i {
        width: 80px;
    }

    .mark-list .mark .mark-content {
        width: 60px;
        height: 60px;
        border-radius: 10px;
    }

    .mark-list .marks .mark.file .mark-content {
        width: 80px;
        height: 80px;
    }

    .mark-list .mark .mark-content .link-logo {
        width: 25px;
        height: 25px;
    }

    .mark-list .marks .mark.file .mark-content .link-logo {
        width: 80px;
        height: 80px;
    }

    .mark-list .mark .mark-content .link-logo .logo {
        border-radius: 5px;
    }

    .folder-window .content {
        width: 80px;
        height: 80px;
        border-radius: 10px;
    }

    .folder-window .content.show .folder-name {
        top: -75px;
    }

    .folder-window .content.show .folder-name input {
        font-size: 25px;
    }

    .folder-window .content.show .folder-content {
        padding: 40px;
        width: calc(100% - 80px);
        height: calc(100% - 80px);
    }

    .folder-window .content.show .folder-content .marks {
        gap: 30px;
    }

    .folder-window .content.show .folder-content .mark,
    .folder-window .content.show .folder-content i {
        width: 80px;
    }

    .folder-window .content.show .mark .mark-content {
        border-radius: 10px;
    }

    .folder-window .content.show .mark .mark-content .link-logo {
        width: 80px;
        height: 80px;
    }

    .setting .setting-window .setting-content .body .setting-help .help-box-row button {
        width: calc(50% - 10px);
    }

    /* 隐藏设置菜单 */
    .setting-menu {
        position: absolute;
        top: 0;
        left: -240px;
        height: calc(100% - 40px);
        z-index: 10;
        border-radius: 12px;
        transition: .3s;
    }

    .setting-menu.show {
        left: 0;
    }

    .setting .setting-window .setting-mask.show {
        opacity: 1;
        visibility: visible;
    }

    .setting .setting-content .head span:first-of-type {
        cursor: pointer;
    }

    .folder-window .content.show {
        top: calc(max(min(25%, calc(55% - 192px)), 64px)) !important;
        left: calc(max(min(15%, calc(50% - 126px)), 0px)) !important;
        width: calc(max(70%, 252px));
        height: calc(max(60%, 384px));
    }
}

/*小于512px时*/
@media (max-width: 512px) {

    /*文字大小*/
    #time_text {
        font-size: 2.75rem;
    }

    #day {
        font-size: 1.05rem;
    }

    .weather {
        font-size: 1rem;
    }

    .wd::-webkit-input-placeholder {
        letter-spacing: 1px;
        font-size: 0.95rem;
    }

    #menu {
        height: 50px;
    }

    #menu .menu-item .icon {
        width: 30px;
        height: 30px;
        border-radius: 7px;
    }

    #menu .menu-item .icon i {
        font-size: 1.5rem;
    }

    /* #menu .menu-item .icon svg {
        width: 24px;
        height: 24px;
    } */

    .mark-list .marks {
        gap: 20px;
    }

    .mark-list .marks .mark,
    .mark-list .marks i {
        width: 60px;
    }

    .mark-list .mark .mark-content {
        padding: 8px;
        width: 44px;
        height: 44px;
        gap: 4px;
        border-radius: 10px;
    }

    .mark-list .marks .mark.file .mark-content {
        width: 60px;
        height: 60px;
    }

    .mark-list .mark .mark-content .link-logo {
        width: 20px;
        height: 20px;
    }

    .mark-list .marks .mark.file .mark-content .link-logo {
        width: 60px;
        height: 60px;
    }

    .mark-list .mark .mark-content .link-logo .logo {
        border-radius: 5px;
    }

    .folder-window .content {
        width: 60px;
        height: 60px;
        border-radius: 10px;
    }

    .folder-window .content.show .folder-name {
        top: -60px;
    }

    .folder-window .content.show .folder-name input {
        font-size: 20px;
    }

    .folder-window .content.show .folder-content {
        padding: 30px;
        width: calc(100% - 60px);
        height: calc(100% - 60px);
    }

    .folder-window .content.show .folder-content .marks {
        gap: 20px;
    }

    .folder-window .content.show .folder-content .mark,
    .folder-window .content.show .folder-content i {
        width: 60px;
    }

    .folder-window .content.show .mark .mark-content {
        border-radius: 10px;
    }

    .folder-window .content.show .mark .mark-content .link-logo {
        width: 60px;
        height: 60px;
    }

    .sou .search-engine .search-engine-list .se-li-text span {
        display: none;
    }
}

/* 大于568px时 */
@media (min-width: 568px) {
    .iziToast {
        border-radius: 30px !important;
    }

    .iziToast-wrapper {
        padding: 10px 0px !important;
    }
}

/* 高度小于600px时 */
@media (max-height: 640px) {
    #content {
        align-items: flex-start;
    }
}

/* 宽度小于360px时 */
@media (max-width: 360px) {
    #content {
        justify-content: flex-start;
    }
    .folder-window .content.show .folder-name {
        top: -45px;
    }
}

/* 宽高设置弹窗的 flex 属性 */
@media (max-height: 480px) {
    .setting-window,
    .add-search,
    .add-type,
    .add-mark {
        align-items: flex-start;
    }
}

@media (max-width: 300px) {
    .setting-window,
    .add-search,
    .add-type,
    .add-mark {
        justify-content: flex-start;
    }
}