/* Empty Module Start */
.empty-module { display: block; width: 100%; height: 72px;}
/* Empty Module End */

/* Inside Page Start */
#inside-page { padding: 100px 0;}
    .inside-page { max-width: 768px; margin: 0 auto;}
    .inside-page.about { max-width: 968px;}
    .inside-page.careers { max-width: 968px;}
    .inside-page.media { max-width: 1200px;}
    .inside-page.media-list { max-width: 968px;}
    .inside-page.search { max-width: 968px;}

    .inside-page.faq { max-width: 868px;}
    .inside-page .frames { margin-top: 40px; background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); color: oklch(0.7 0.04 220); padding: 32px; border-radius: 16px;}
    .inside-page .intros { font-size: 16px; margin-top: 10px; color: oklch(0.65 0.04 220);}
    .inside-page .intros.mt { margin-top: 20px; }

    .inside-page .intros a { transition: all .3s;}
    .inside-page .intros a:hover { color: #FFF; color: oklch(0.9 0.02 220);}

    .inside-page.faq ul.list-faq { margin-top: 45px;}

    .inside-page.careers ul.list-careers { margin-top: 45px;}
/* Inside Page End */

/* List Contact Start */
ul.list-contact { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 20px;}
    ul.list-contact li { text-align: left;}
    ul.list-contact li .names { color: oklch(0.5 0.04 220); font-size: 14px; margin-bottom: 5px;}
    ul.list-contact li .contents { color: oklch(0.9 0.02 220); font-size: 16px;}
/* List Contact End */

/* List Team Start */
ul.list-team { display: grid; grid-template-columns: repeat(2, 1fr); gap: 45px; margin-top: 30px;}
    ul.list-team li { padding: 24px; border-radius: 12px; background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); box-shadow: none; transition: all .3s; }
    ul.list-team li:hover { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.72 0.133 234.99 / 0.4); box-shadow: 0 0 20px oklch(72% .18 200 / .1), 0 4px 24px #0006; transform: translateY(-2px);}
/* List Team End */

/* Single Team Start */
.single-team { display: flex; justify-content: center; flex-direction: column; gap: 6px; color: oklch(0.75 0.04 220);}
    .single-team .names { font-size: 18px; font-weight: 700; color: oklch(0.686 0.133 234.99);}
    .single-team .jobs { font-weight: 700;}
    .single-team .experiences { color: oklch(0.65 0.04 220);}
/* Single Team End */

/* List Careers Start */
ul.list-careers { display: flex; gap: 15px; flex-direction: column;}
    ul.list-careers li { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); border-radius: 12px; --tw-duration: .2s; transition-duration: .2s;}
    ul.list-careers li .heads { cursor: pointer; display: flex; justify-content: space-between; padding: 16px 24px; gap: 30px; font-size: 22px;}
    ul.list-careers li .heads .names { color: var(--foreground); font-weight: 700; }
    ul.list-careers li .heads .arrows { flex-shrink: 0; transition: transform 0.24s ease; font-size: 18px;}
    ul.list-careers li .heads .arrows i { transition: transform 0.24s ease; color: #d9d9d9;}

    ul.list-careers li .details { /*transition: max-height 0.3s ease, padding 0.3s ease;*/ font-size: 16px; height: 0; overflow: hidden}
    ul.list-careers li.active { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.72 0.133 234.99 / 0.4);}
    ul.list-careers li.active .details { text-align: left; border-top: 1px solid oklch(0.22 0.03 240); padding: 16px 24px 20px 24px; color: oklch(0.65 0.04 220); height: auto;}
/* List Careers End */

/* Scroll Box Start */
.scroll-box { width: 100%; height: 452px; margin-top: 16px; margin-bottom: 20px; padding-right: 20px;}
    .scroll-box .simplebar-track.simplebar-vertical { width: 8px; background-color: oklch(0.22 0.03 240); border-radius: 3px; opacity: 1;}
    .scroll-box .simplebar-scrollbar::before { background-color: oklch(0.72 0.133 234.99 / 0.4); opacity: 1; border-radius: 3px; left: 1px; right: 1px;}
    .scroll-box .simplebar-scrollbar:hover::before,
    .scroll-box .simplebar-scrollbar.simplebar-hover::before { background-color: oklch(0.72 0.133 234.99 / 0.4);}
/* Scroll Box End */

/* Inside Technology Start */
#inside-technology { min-height: calc(100vh - 75px); overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .inside-technology { text-align: center;}
    .inside-technology .intros { padding-left: 20%; padding-right: 20%; color: oklch(0.6 0.04 220); text-shadow: oklch(0.1 0.02 240 / 0.9) 0px 1px 16px; font-size: 24px; font-weight: normal; line-height: 1.4; margin-top: 15px;}

    .inside-technology ul.lists { margin-top: 45px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: left;}
    .inside-technology ul.lists li { padding: 24px; border-radius: 12px; background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); box-shadow: none; transition: all .3s; }
    .inside-technology ul.lists li:hover { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.72 0.133 234.99 / 0.4); box-shadow: 0 0 20px oklch(72% .18 200 / .1), 0 4px 24px #0006; transform: translateY(-2px);}
/* Inside Technology End */

/* Inside Industries Start */
#inside-industries { min-height: 100vh; border-bottom: 1px solid oklch(0.22 0.03 240 / 0.5); overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .inside-industries { margin-top: 45px;}
    .inside-industries ul.lists { margin-top: 45px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: left;}
    .inside-industries ul.lists li { padding: 24px; border-radius: 12px; background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); box-shadow: none; transition: all .3s; }
    .inside-industries ul.lists li:hover { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.72 0.133 234.99 / 0.4); box-shadow: 0 0 20px oklch(72% .18 200 / .1), 0 4px 24px #0006; transform: translateY(-2px);}
/* Inside Industries End */

/* Inside Frame Start */
.inside-frame { min-height: calc(100vh - 75px); padding-top: 80px; padding-bottom: 80px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .inside-frame .frames { text-align: center; margin-top: 45px;}
    .inside-frame .frames .intros { padding-left: 20%; padding-right: 20%; color: oklch(0.6 0.04 220); text-shadow: oklch(0.1 0.02 240 / 0.9) 0px 1px 16px; font-size: 24px; font-weight: normal; line-height: 1.4; margin-top: 15px;}

    .inside-frame .frames .rounds { font-size: 22px; font-weight: normal; line-height: 1.4; color: oklch(0.55 0.04 220); margin-top: 45px; margin-left: 20%; margin-right: 20%; padding: 32px; border-radius: 16px; background: oklch(0.11 0.022 240); border: 1px solid oklch(0.22 0.03 240);}
    .inside-frame .frames .rounds .tips { font-size: 14px; color: oklch(0.55 0.04 220); border-top: 1px solid oklch(0.22 0.03 240 / 0.6); padding-top: 20px; margin-top: 20px;}

    .inside-frame .frames ul.lists { margin-top: 45px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; text-align: left;}
    .inside-frame .frames ul.lists li { padding: 24px; border-radius: 12px; background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); box-shadow: none; transition: all .3s; }
    .inside-frame .frames ul.lists li:hover { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.72 0.133 234.99 / 0.4); box-shadow: 0 0 20px oklch(72% .18 200 / .1), 0 4px 24px #0006; transform: translateY(-2px);}

    .inside-frame .frames .videos { margin-top: 45px; padding-left: 20%; padding-right: 20%;}

    .inside-frame .frames .videos .plays { border-radius: 12px; overflow: hidden; margin-top: 25px;}
/* Inside Frame End */

/* List Category Start */
ul.list-category { display: flex; align-items: center; justify-content: flex-start; gap: 20px;}
    ul.list-category.mt { margin-top: 45px;}
    ul.list-category a { color: oklch(0.6 0.04 220);}
    ul.list-category li { padding: 8px 16px; border-radius: 32px; background: oklch(0.13 0.025 240); color: oklch(0.6 0.04 220); border: 1px solid oklch(0.22 0.03 240); --tw-duration: .2s; transition-duration: .2s;}
    ul.list-category li.active { background: var(--primary); color: oklch(0.08 0.02 240); border: 1px solid var(--primary); font-weight: 600;}
    ul.list-category li.active a { color: oklch(0.08 0.02 240);}

    ul.list-category li:hover { background: var(--primary); color: oklch(0.08 0.02 240); border: 1px solid var(--primary);}
    ul.list-category li:hover a { color: oklch(0.08 0.02 240);}
/* List Category End */

/* List Media Start */
ul.list-media { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; text-align: left;}
    ul.list-media.mt { margin-top: 45px;}
    ul.list-media li { padding: 24px; border-radius: 12px; background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); box-shadow: none; transition: all .3s; }
    ul.list-media li:hover { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.72 0.133 234.99 / 0.4); box-shadow: 0 0 20px oklch(72% .18 200 / .1), 0 4px 24px #0006; transform: translateY(-2px);}
/* List Media End */

/* Single Media Start */
.single-media { display: flex;  justify-content: center; flex-direction: column; gap: 12px;}
    .single-media .heads { display: flex; align-items: center; justify-content: space-between; }
    .single-media .heads .icons { color: oklch(0.72 0.133 234.99); display: flex; align-items: center; justify-content: flex-start;  gap: 8px;}
    .single-media .heads .icons label { font-size: 17px; font-weight: 700;}
    .single-media .heads .tags { display: flex; align-items: center; justify-content: flex-start; gap: 5px;}
    .single-media .images { border-radius: 6px; overflow: hidden;}
    .single-media .images img { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .single-media:hover .images img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}
    .single-media .names { font-size: 17px; font-weight: 700; color: oklch(0.95 0.01 220);}
    .single-media .descs { font-weight: 500; color: oklch(0.6 0.04 220); font-size: 15px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
/* Single Media End */

/* Inside Detail Star */
.inside-detail { }
    .inside-detail .heads { border-bottom: 1px solid oklch(0.22 0.03 240); text-align: center; padding: 0 0 30px 0;}
    .inside-detail .heads .names { font-size: 28px; line-height: 1; text-align: center; font-weight: 700;}
    .inside-detail .heads .paras { margin: 10px 0;}
    .inside-detail .heads .shares { }
    .inside-detail .infos { margin: 0 auto; font-size: 16px; padding: 30px 0; color: oklch(0.6 0.04 220);}
    .inside-detail .infos ul { list-style: square;}
/* Inside Detail End */

/* Prev Next Star */
.prev-next { border-top: 1px solid oklch(0.22 0.03 240); padding: 20px 0 0 0;}
    .prev-next a { color: oklch(0.75 0.04 220);}
    .prev-next .prev { width: 40%; float: left; text-align: left; text-transform: capitalize; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid oklch(0.22 0.03 240); border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .prev:hover { background: oklch(0.686 0.133 234.99); border: solid 1px oklch(0.22 0.03 240);}
    .prev-next .prev:hover a { color: #FFF;}

    .prev-next .back { width: 20%; float: left; text-align: center; text-transform: capitalize;}
    .prev-next .back a { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid oklch(0.22 0.03 240); border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .back a:hover { color: #FFF; background: oklch(0.686 0.133 234.99); border: solid 1px oklch(0.686 0.133 234.99);}

    .prev-next .next { width: 40%; float: right; text-align: left; text-transform: capitalize; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid oklch(0.22 0.03 240); border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .next:hover { background: oklch(0.686 0.133 234.99); border: solid 1px oklch(0.686 0.133 234.99);}
    .prev-next .next:hover a { color: #FFF;}
/* Prev Next End */

/* Search Frame Star */
.search-frame { margin-top: 45px;}
    .search-frame .boxs { padding: 5px 12px; color: oklch(0.72 0.133 234.99); border: 1px solid oklch(0.72 0.133 234.99 / 0.4); border-radius: 8px; display: flex; align-items: center; justify-content: space-between;}
    .search-frame .boxs input { width: calc(100% - 50px); background: transparent; border: 0; outline: 0; color: oklch(0.72 0.133 234.99);}
/* Search Frame End */

/* Pages Start */
.pages { text-align: center; margin-top: 45px;}
    .pages.mt { margin-top: 30px;}
    .pages .frame { display: inline-table; margin: 0 auto;}
    .pages .frame a { width: 42px; height: 42px; line-height: 42px; display: inline-block; font-size: 18px; color: #242424; margin-left: 5px; margin-right: 5px; background:#f4f4f4; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}
    .pages .frame a.prev,.pages .frame a.next { color: #444;}
    .pages .frame a.on,.pages .frame a:hover { background: #11abe5; color: #FFF;}
/* Pages End */

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){

}

/* <1500的设备 */
@media screen and (max-width: 1500px){

}

/* <1440的设备 */
@media screen and (max-width: 1440px){

}

/* <1366的设备 */
@media screen and (max-width: 1366px){

}

/* <1200的设备 */
@media screen and (max-width: 1200px){

    /* Inside Page Start */
    #inside-page { padding-left: 10px; padding-right: 10px;}
    /* Inside Page End */
}

/* <991的设备 */
@media screen and (max-width: 991px){

    /* Empty Module Start */
    .empty-module { height: 44px;}
    /* Empty Module End */

    /* Inside Technology Start */
    #inside-technology { min-height: auto; padding: 30px 0;}
    .inside-technology .intros { padding-left: 0; padding-right: 0; font-size: 20px;}

    .inside-technology ul.lists { margin-top: 25px; grid-template-columns: repeat(1, 1fr); gap: 15px;}
    .inside-technology ul.lists li { padding: 18px; border-radius: 10px; }
    /* Inside Technology End */

    /* Inside Industries Start */
    #inside-industries { min-height: auto; padding: 30px 0;}
    .inside-industries { margin-top: 25px;}
    .inside-industries ul.lists { margin-top: 25px; grid-template-columns: repeat(1, 1fr); gap: 10px;}
    .inside-industries ul.lists li { padding: 18px; border-radius: 10px; }
    /* Inside Industries End */

    /* Inside Page Start */
    #inside-page { padding-top: 30px; padding-bottom: 30px;}
    .inside-page .frames { margin-top: 25px; padding: 20px 15px;}
    .inside-page .intros.mt { margin-top: 20px; }
    .inside-page.faq ul.list-faq { margin-top: 25px;}
    .inside-page.careers ul.list-careers { margin-top: 25px;}
    /* Inside Page End */

    /* Search Frame Star */
    .search-frame { margin-top: 25px;}
    /* Search Frame End */

    /* List Category Start */
    ul.list-category { gap: 10px;}
    ul.list-category.mt { margin-top: 30px;}
    ul.list-category li { padding: 4px 8px;}
    /* List Category End */

    /* List Media Start */
    ul.list-media { grid-template-columns: repeat(1, 1fr); gap: 10px;}
    ul.list-media.mt { margin-top: 30px;}
    ul.list-media li { padding: 24px; }
    /* List Media End */

    /* List Team Start */
    ul.list-team { grid-template-columns: repeat(1, 1fr); gap: 15px; margin-top: 15px;}
    ul.list-team li { padding: 18px 15px; }
    /* List Team End */

    /* Inside Frame Start */
    .inside-frame { padding-top: 30px; padding-bottom: 30px;}
    .inside-frame .frames { margin-top: 25px;}
    .inside-frame .frames .intros { padding-left: 0; padding-right: 0; font-size: 20px;}

    .inside-frame .frames .rounds { font-size: 20px; margin-top: 30px; margin-left: 0; margin-right: 0; padding: 25px 15px;}
    .inside-frame .frames .rounds .tips { font-size: 14px; color: oklch(0.55 0.04 220); border-top: 1px solid oklch(0.22 0.03 240 / 0.6); padding-top: 20px; margin-top: 20px;}

    .inside-frame .frames ul.lists { margin-top: 30px; grid-template-columns: repeat(1, 1fr); gap: 10px; }
    .inside-frame .frames ul.lists li { padding: 20px 15px; }

    .inside-frame .frames .videos { margin-top: 30px; padding-left: 0; padding-right: 0;}

    .inside-frame .frames .videos .plays { border-radius: 6px; margin-top: 20px;}
    /* Inside Frame End */

    /* Pages Star */
    .pages.mt { margin-top: 10px; margin-bottom: 20px;}
    .pages .frame a { width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
    /* Pages End */

}

/* <767的设备 */
@media screen and (max-width: 767px){

}

/* <450的设备 */
@media screen and (max-width: 450px){

}