@media screen and (max-width: 768px) {
    html, body {
        font-size: 4vw;
        width: 100%;
        -webkit-tap-highlight-color:transparent
    }
    body {
        background: linear-gradient(180deg, #e5f3ff 0, #f3f9ff 76vw, #f5f8fc 150vw) !important;
        color: #18365d;
    }
    .headBg {
        display: none;
    }
    a:hover {
      color: inherit;
    }
    .search-page .headerBox,
    .search-page .headerKox {
        display: none;
    }
    .search-page .mobile-result-hero {
        display: block;
        position: relative;
        height: 48vw;
        min-height: 0;
        margin: 0;
        padding: 4vw 5vw 5vw;
        overflow: hidden;
        border-radius: 0 0 7vw 7vw;
        background-image: url('../images/search-hero.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 0 2vw 5vw rgba(45,95,206,.22);
    }
    .search-page .mobile-result-hero > * {
        position: relative;
        z-index: 2;
    }
    .search-page .mobile-result-hero-copy {
        display: none !important;
    }
    .search-page .mobile-result-menu {
        display: none !important;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 5;
        top: 3vw;
        right: 4vw;
        width: 10vw;
        height: 10vw;
        border: 1px solid rgba(255,255,255,.55);
        border-radius: 50%;
        background: rgba(255,255,255,.2);
        color: #fff;
        font-size: 5vw;
    }
    .search-page .mobile-result-hero-copy {
        display: flex;
        align-items: center;
        gap: 4vw;
        margin: 8vw 0 7vw;
    }
    .search-page .mobile-result-back {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 10vw;
        height: 10vw;
        border: 1px solid rgba(255,255,255,.45);
        border-radius: 50%;
        background: rgba(255,255,255,.17);
        color: #fff;
        font-size: 8vw;
        line-height: 1;
    }
    .search-page .mobile-result-heading {
        display: flex;
        flex-direction: column;
        color: #fff;
    }
    .search-page .mobile-result-heading span {
        margin-bottom: .8vw;
        color: rgba(255,255,255,.72);
        font-size: 2.6vw;
        letter-spacing: .8vw;
    }
    .search-page .mobile-result-heading strong {
        font-size: 5.2vw;
        font-weight: 700;
        text-shadow: 0 1px 3px rgba(41,54,133,.2);
    }
    .search-page .mobile-result-hero .searchBox.searchList {
        display: block !important;
        position: absolute;
        z-index: 2;
        left: 6vw;
        right: 6vw;
        bottom: 6vw;
        width: auto;
        padding: 0;
        margin: 0;
    }
    .search-page .mobile-result-hero .search {
        display: flex;
        align-items: center;
        height: 13vw;
        padding: 0 1.5vw 0 3vw;
        border: 1px solid rgba(255,255,255,.75);
        border-radius: 7vw;
        background: #fff;
        box-shadow: 0 1.5vw 3vw rgba(17,51,120,.16);
    }
    .search-page .mobile-result-hero .search .select {
        display: flex;
        align-items: center;
        width: auto;
        height: auto;
        line-height: 1.4;
        opacity: 1;
        padding-right: 2.5vw;
        border-right: 1px solid #e8edf5;
        color: #49617f;
        font-size: 3vw;
        white-space: nowrap;
    }
    .search-page .mobile-result-hero .search input {
        min-width: 0;
        flex: 1;
        padding: 0 2.5vw;
        color: #253b5d;
        font-size: 3.2vw;
    }
    .search-page .mobile-result-hero .search .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 10vw;
        height: 10vw;
        border-radius: 50%;
        background: linear-gradient(135deg,#2eaff4,#654cf1);
        color: #fff;
        font-size: 4vw;
    }
    .search-page .mobile-result-hero .searchList {
        display: block !important;
        padding: 0;
    }
    .search-page .desktop-search-box {
        display: none !important;
    }
    .search-page .mobile-search-section-heading {
        display: flex;
        align-items: center;
        position: relative;
        margin: 0;
        padding: 0 0 0 6vw;
        color: #183b6b;
        font-size: 4vw;
        font-weight: 700;
    }
    .search-page .mobile-search-section-heading .mobile-result-dot {
        display: inline-block;
        flex: none;
        width: 4.5vw;
        height: 4.5vw;
        margin: 0 1.5vw 0 -6vw;
        border-radius: 1.5vw;
        background: linear-gradient(135deg,#31b7ff,#8153f5);
        box-shadow: 0 .5vw 1.5vw rgba(59,120,230,.2);
    }
    .search-page .mobile-result-tools {
        display: flex;
        align-items: center;
        gap: 1vw;
        min-height: 10vw;
        margin: 0;
        padding: 0 1vw;
        color: #24364f;
        font-size: 3.2vw;
    }
    .search-page .mobile-result-meta {
        display: flex;
        align-items: center;
        gap: 1vw;
        white-space: nowrap;
    }
    .search-page .mobile-result-meta .mobile-result-dot {
        width: 4.5vw;
        height: 4.5vw;
        margin-right: 1vw;
    }
    .search-page .mobile-result-meta strong {
        color: #4268e8;
    }
    .search-page .mobile-result-dot {
        display: inline-block;
        flex: none;
        width: 4.5vw;
        height: 4.5vw;
        margin-right: 1vw;
        border-radius: 1.5vw;
        background: linear-gradient(135deg,#31b7ff,#8153f5);
        box-shadow: 0 .5vw 1.5vw rgba(59,120,230,.2);
    }
    .search-page .mobile-result-tools .mobile-result-sort {
        display: none;
    }
    .search-page .mobile-result-sort {
        display: flex;
        align-items: center;
        gap: 1vw;
        margin-left: auto;
        color: #77869a;
        font-size: 2.8vw;
        font-weight: 400;
        white-space: nowrap;
    }
    .search-page .mobile-result-sort > span:first-child {
        color: #77869a;
        font-size: 3.5vw;
    }
    .search-page .mobile-result-sort > span:last-child {
        margin-left: 1vw;
        color: #5975d9;
    }
    .search-page .headerBox,
    .search-page .headerKox {
        display: none;
        height: 0;
    }
    .search-page .footerBox {
        padding-top: 4vw;
    }
    .headerBox .box {
        width: 100%;
        padding: 0 3vw;
    }
    .headerBox .box .logoBox .logo {
        height: 10vw;
    }
    .headerBox .box .logoBox .title {
        margin-left: 3vw;
        font-size: 4.8vw;
    }
    .headerBox .box .search {
        display: none;
    }
    .headerBox .box .navs .item,.headerBox .box .navs .btns {
        display: none;
    }
    .headerBox .box .navs .iconfont {
        display: block;
        font-weight: bold;
        font-size: 20px;
    }
    .drawer .item{
        font-size: 4vw;
        color: var(--theme-color);
    }
    .drawer .item,.drawer a{
        display: block;
        height: 10vw;
        line-height: 10vw;
        font-size: 4vw;
        color: var(--theme-color);
        text-align: center;
    }
    .home-page .headerBox {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20;
        width: 100%;
        height: 15vw;
        background: transparent;
    }
    .home-page .headerBox .box {
        justify-content: flex-end;
        width: 100%;
        height: 15vw;
        padding: 0 4.7vw;
    }
    .home-page .headerBox .logoBox,
    .home-page .headerBox .search,
    .home-page .headerBox .navs .item,
    .home-page .headerBox .navs .btns,
    .home-page .headerKox,
    .home-page .footerBox {
        display: none;
    }
    .home-page .headerBox .navs .iconfont {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 11vw;
        height: 11vw;
        border-radius: 50%;
        color: #183b6b;
        font-size: 6vw;
        line-height: 1;
        transition: transform .22s cubic-bezier(.2,.8,.2,1), background-color .22s ease;
        -webkit-tap-highlight-color: transparent;
    }
    .home-page .headerBox .navs .iconfont:active {
        transform: scale(.92);
        background-color: rgba(255,255,255,.52);
    }
    .home-page #app {
        padding-bottom: 8vw;
    }
    .homeBox{
        width: 100%;
        padding: 7vw 4.7vw 0;
        min-height: 0;
        text-align: left;
    }
    
    .homeBox .box {
        width: 100%;
    }
    .homeBox .hero-copy,
    .homeBox .home-stats,
    .homeBox .home-search-wrap {
        display: block;
    }
    .homeBox .home-hero-image {
        display: block;
        width: calc(100% + 9.4vw);
        height: auto;
        aspect-ratio: 663 / 336;
        margin: -7vw -4.7vw 3vw;
        object-fit: cover;
    }
    .homeBox .hero-copy {
        position: relative;
        min-height: 45vw;
        padding: 4vw 0 1vw 1.5vw;
        background: radial-gradient(ellipse at 82% 55%, rgba(91, 158, 255, .2), transparent 43%);
    }
    .homeBox .hero-kicker {
        display: inline-block;
        color: #526f98;
        font-size: 3.15vw;
        letter-spacing: .12em;
        padding-bottom: 1.5vw;
        border-bottom: 1px solid rgba(58, 111, 185, .38);
    }
    .homeBox .hero-copy h1 {
        margin: 2vw 0 1vw;
        color: #183b6b;
        font-size: 9.2vw;
        line-height: 1.05;
        letter-spacing: -.04em;
        font-weight: 800;
    }
    .homeBox .hero-copy h1 span {
        color: #4f6ef7;
        background: linear-gradient(90deg, #3288f4, #9a4cf2);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .homeBox .hero-copy p {
        color: #60799e;
        font-size: 3.2vw;
        letter-spacing: .03em;
    }
    .homeBox .logoBox {
        position: absolute;
        top: 4vw;
        right: 0;
        z-index: 1;
        opacity: .92;
    }
    .homeBox .logoBox .logo {
        height: 9vw;
        margin: 0;
    }
    .homeBox .logoBox .title {
        display: none;
    }
    .homeBox .typewriter {
        display: none;
    }
    .homeBox .home-stats {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 17vw;
        padding: 3vw 4.5vw;
        margin-top: 1vw;
        border: 1px solid rgba(255,255,255,.85);
        border-radius: 6.5vw;
        background: rgba(255,255,255,.76);
        box-shadow: 0 2vw 6vw rgba(65, 113, 171, .12);
        backdrop-filter: blur(10px);
    }
    .homeBox .stat-item {
        display: flex;
        align-items: center;
        gap: 3vw;
        min-width: 0;
    }
    .homeBox .stat-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: none;
        width: 10vw;
        height: 10vw;
        border-radius: 3vw;
        font-size: 5.2vw;
    }
    .homeBox .stat-icon img {
        display: block;
        width: 7vw;
        height: 7vw;
        object-fit: contain;
    }
    .homeBox .stat-icon,
    .homeBox .stat-item strong,
    .homeBox .search,
    .homeBox .search .btn,
    .home.homeNO .block .content .list .item,
    .home .block .content .list .item,
    .search-page .filter-tag,
    .search-page .search-section .section-content .list .item,
    .search-page .search-section .section-content .list .item .btns .btn {
        transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease, background-color .24s ease, border-color .24s ease;
        -webkit-tap-highlight-color: transparent;
    }
    .homeBox .search:focus-within {
        box-shadow: 0 2vw 6vw rgba(73, 130, 194, .2), 0 0 0 .5vw rgba(77, 123, 241, .12);
    }
    .homeBox .stat-item:active .stat-icon {
        transform: scale(.94);
    }
    .homeBox .search .btn:active,
    .search-page .search-section .section-content .list .item .btns .btn:active {
        transform: scale(.95);
    }
    .homeBox .update-icon {
        color: #ff7058;
        background: linear-gradient(145deg, #fff0e8, #ffd9cc);
    }
    .homeBox .total-icon {
        color: #7165f2;
        background: linear-gradient(145deg, #eeeaff, #dcd6ff);
    }
    .homeBox .stat-label,
    .homeBox .stat-item strong {
        display: block;
    }
    .homeBox .stat-label {
        color: #61728c;
        font-size: 3.1vw;
        white-space: nowrap;
    }
    .homeBox .stat-item strong {
        color: #183b6b;
        font-size: 5.6vw;
        line-height: 1.15;
        font-weight: 800;
        white-space: nowrap;
    }
    .homeBox .stat-item strong small {
        color: #8049ca;
        font-size: 3vw;
        vertical-align: 1vw;
    }
    .homeBox .stat-divider {
        width: 1px;
        height: 9vw;
        background: #dce6f4;
    }
    .homeBox .home-search-wrap {
        padding: 4.5vw 0 0;
    }
    .homeBox .search {
        width: 100%;
        height: 12vw;
        margin: 0;
        padding: 1.2vw;
        border-radius: 8vw;
        background: rgba(255,255,255,.94);
        box-shadow: 0 2vw 5vw rgba(73, 130, 194, .14);
    }
    .homeBox .search .search-leading {
        display: block;
        flex: none;
        margin-left: 4vw;
        color: #8ca1bd;
        font-size: 4.5vw;
    }
    .homeBox .search input {
        min-width: 0;
        height: 100%;
        padding: 0 3vw;
        border-radius: 7vw;
        background: transparent;
        color: #183b6b;
        font-size: 3.8vw;
    }
    .homeBox .search input::placeholder {
        color: #9aaec9;
    }
    .homeBox .search .btn {
        flex: none;
        width: 11vw;
        height: 11vw;
        border-radius: 50%;
        color: #fff;
        background: linear-gradient(135deg, #35b6f5, #6550f5 78%);
        box-shadow: 0 1.5vw 3vw rgba(78, 105, 239, .28);
    }
    .homeBox .search .btn .iconfont {
        color: #fff;
        font-size: 4.4vw;
    }
    .home {
        flex-wrap: wrap;
        margin-top: 7vw;
    }
    .home .nav{
        font-size: 4.5vw;
        padding: 0 0 2.7vw;
        color: #193a66;
    }
    .home .nav .section-marker {
        display: block;
        width: 1.8vw;
        height: 5.7vw;
        margin-right: 2.5vw;
        border-radius: 1vw;
        background: linear-gradient(180deg, #31b7ff, #8153f5);
    }
    .home .nav img {
        width: 6vw;
        height: 6vw;
        margin-right: 2.6vw;
    }
    .home .content {
        min-height: auto;
    }
    
    .home .content .list{
        padding: 0 0 2vw 2vw;
    }
    .home .content .list .item {
        width: 26.8vw;
        margin: 1vw;
        padding: 1vw 0;
    }
    .home.homeNO .block {
        padding: 0;
        margin: 0 0 3vw;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }
    .home.homeNO .block:first-child {
        padding: 0;
    }
    .home.homeNO .block:first-child .content .list .item {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 11.5vw;
        margin: 0 0 1.2vw;
        padding: 1.2vw 2vw 1.2vw 3.5vw;
        border: 1px solid rgba(255,255,255,.9);
        border-radius: 4vw;
        background: rgba(255,255,255,.82);
        box-shadow: 0 1vw 2.5vw rgba(50, 93, 143, .045);
        text-align: left;
    }
    .home.homeNO .block:first-child .content .list .item p {
        display: flex;
        align-items: center;
        gap: 3vw;
        min-width: 0;
        width: 100%;
        margin: 0;
        color: #183b6b;
        font-size: 3.5vw;
        line-height: 1.35;
    }
    .home.homeNO .block:first-child .rank-title,
    .home.homeNO .block:not(:first-child) .rank-title {
        color: #000 !important;
        opacity: 1;
        -webkit-text-fill-color: #000;
    }
    .home.homeNO .rank-number {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: none;
        width: 6.4vw;
        height: 6.4vw;
        border-radius: 2vw;
        color: #fff !important;
        background: linear-gradient(145deg, #ff738b, #f33e63);
        font-size: 3.5vw;
        font-weight: 700;
    }
    .home.homeNO .block:first-child .item:nth-child(2) .rank-number { background: linear-gradient(145deg, #ffb25c, #ff7a20); }
    .home.homeNO .block:first-child .item:nth-child(3) .rank-number { background: linear-gradient(145deg, #ffd84d, #ffa900); }
    .home.homeNO .block:first-child .item:nth-child(4) .rank-number { background: linear-gradient(145deg, #73d3ff, #3c9bfa); }
    .home.homeNO .block:first-child .item:nth-child(5) .rank-number { background: linear-gradient(145deg, #9782ff, #7252f3); }
    .home.homeNO .block:first-child .item:nth-child(6) .rank-number { background: linear-gradient(145deg, #ed7cff, #c747ed); }
    .home.homeNO .block:first-child .rank-number {
        color: #fff !important;
        -webkit-text-fill-color: #fff;
        opacity: 1;
        text-shadow: 0 1px 2px rgba(0,0,0,.18);
    }
    .home.homeNO .rank-title {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .home.homeNO .rank-chevron {
        flex: none;
        margin-left: auto;
        padding-left: 2vw;
        color: #9aafca;
        font-size: 6vw;
        line-height: 1;
    }
    .home.homeNO .block:not(:first-child) .content .list {
        padding: 0;
    }
    .home.homeNO .block:not(:first-child) .content .list .item {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 11.5vw;
        margin: 0 0 1.2vw;
        padding: 1.2vw 2vw 1.2vw 3.5vw;
        border: 1px solid rgba(255,255,255,.9);
        border-radius: 4vw;
        background: rgba(255,255,255,.82);
        box-shadow: 0 1vw 2.5vw rgba(50, 93, 143, .045);
        text-align: left;
    }
    .home.homeNO .block:not(:first-child) .content .list .item p {
        display: flex;
        align-items: center;
        gap: 3vw;
        min-width: 0;
        width: 100%;
        margin: 0;
        color: #183b6b;
        font-size: 3.5vw;
        line-height: 1.35;
    }
    .home.homeNO .block:not(:first-child) .rank-number {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: none;
        width: 6.4vw;
        height: 6.4vw;
        border-radius: 2vw;
        color: #fff;
        background: linear-gradient(145deg, #ff738b, #f33e63);
        font-size: 3.5vw;
        font-weight: 700;
    }
    .home.homeNO .block:not(:first-child) .item:nth-child(2) .rank-number { background: linear-gradient(145deg, #ffb25c, #ff7a20); }
    .home.homeNO .block:not(:first-child) .item:nth-child(3) .rank-number { background: linear-gradient(145deg, #ffd84d, #ffa900); }
    .home.homeNO .block:not(:first-child) .item:nth-child(4) .rank-number { background: linear-gradient(145deg, #73d3ff, #3c9bfa); }
    .home.homeNO .block:not(:first-child) .item:nth-child(5) .rank-number { background: linear-gradient(145deg, #9782ff, #7252f3); }
    .home.homeNO .block:not(:first-child) .item:nth-child(6) .rank-number { background: linear-gradient(145deg, #ed7cff, #c747ed); }
    .home.homeNO .block:not(:first-child) .rank-number {
        color: #fff !important;
        -webkit-text-fill-color: #fff;
        opacity: 1;
        text-shadow: 0 1px 2px rgba(0,0,0,.18);
    }
    .home.homeNO .block:not(:first-child) .rank-title {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .home.homeNO .block:not(:first-child) .rank-chevron {
        flex: none;
        margin-left: auto;
        padding-left: 2vw;
        color: #9aafca;
        font-size: 6vw;
        line-height: 1;
    }
    
    .home .content .list .item .img {
        height: 40vw;
    }
    .home .content .list .item p{
        margin-top: 2vw;
    }
    
    
    .home .content .list .item:hover{
        transform: translateY(0);
    }
    .home.homeNO .block .content .list .item:active,
    .home .block .content .list .item:active,
    .search-page .search-section .section-content .list .item:active,
    .search-page .filter-tag:active {
        transform: scale(.985);
        box-shadow: 0 1.5vw 4vw rgba(50, 93, 143, .12);
    }
    
    .home.homeNO .block {
        margin: 0;
        margin-bottom: 5vw;
        width: 100%;
        flex: auto;
    }
    
    .home.homeNO .content .list {
        padding: 0 3vw 3vw;
    }
    .home.homeNO .content .list .item{
        max-width: 100%;
    }
    
    
    .footerBox {
        padding: 5vw;
    }
    .footerBox .box {
        width: 100%;
    }
    
    
    .listBox {
        width: 100%;
        min-height: calc(100vh - 20vw);
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
    }
    .search-page .listBox {
        padding: 0 4.7vw;
        margin-top: 0;
        position: relative;
        z-index: 1;
    }
    .search-page .listBox .left {
        width: 100%;
        flex: 1 1 100%;
        min-width: 0;
        padding: 0;
        overflow: visible;
    }
    .search-page .listBox .left > h3:not(.result-summary) {
        display: none;
    }
    .search-page .listBox .left > h3.result-summary {
        display: block;
        margin: 0;
        padding: 0 0 1.5vw;
        color: #5a6b85;
        font-size: 3.4vw !important;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
    }
    .search-page .listBox .left > h3.result-summary span {
        color: #2f7cf6;
        font-weight: 600;
    }
    .search-page .listBox .left > h3.result-summary::after {
        display: none;
    }
    .search-page .pan-filter-bar {
        margin: 0 0 1.5vw;
        padding: 0;
        border-bottom: none;
    }
    .search-page .filter-container {
        justify-content: flex-start;
        padding: 0;
    }
    .search-page .filter-tag {
        min-height: 9.5vw;
        flex: none;
        justify-content: center;
        margin-right: 2.5vw;
        padding: 1.8vw 4vw;
        border: 1px solid rgba(116,145,181,.17);
        border-radius: 6vw;
        background: rgba(255,255,255,.9);
        color: #56708f;
        font-size: 3.4vw;
        box-shadow: 0 .6vw 2vw rgba(63,93,147,.06);
    }
    .search-page .filter-tag.active {
        border-color: transparent;
        background: linear-gradient(135deg,#35b6f5,#6550f5);
        color: #fff;
        box-shadow: 0 1vw 3vw rgba(78,105,239,.2);
    }
    .search-page .filter-tag .filter-pan-logo {
        display: block;
        flex: none;
        width: 3.8vw;
        height: 3.8vw;
        margin-right: 1.2vw;
        object-fit: contain;
        filter: none;
        opacity: 1;
    }
    .search-page .filter-tag.active .filter-pan-logo {
        filter: brightness(0) invert(1);
    }
    .search-page .filter-count {
        display: inline-block;
        flex: none;
        min-width: 0;
        margin-left: 1vw;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: inherit;
        font-size: 3vw;
        font-weight: 600;
        line-height: 1;
        text-shadow: none;
        box-shadow: none;
        opacity: 1;
        transform: none;
    }
    .search-page .filter-tag.active .filter-count {
        color: #fff;
        text-shadow: none;
        box-shadow: none;
        opacity: 1;
        transform: none;
    }
    .search-page .search-section .section-content .list {
        max-width: none;
        margin: 0;
        padding: 0;
    }
    .search-page .search-section .section-content .list .item {
        display: flex;
        align-items: center;
        position: relative;
        min-height: 0;
        margin: 0 0 .6vw;
        padding: .45vw 1.8vw;
        border: 1px solid rgba(226,235,247,.9);
        border-radius: 3.2vw;
        background: rgba(255,255,255,.94);
        box-shadow: 0 1.2vw 3vw rgba(50,93,143,.07);
        overflow: hidden;
    }
    .search-page .search-section .section-content .list .item > .source-tag {
        flex: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 5vw;
        height: 5vw;
        min-width: 5vw;
        margin: 0 .8vw 0 0;
        padding: 0;
        border: 1px solid rgba(255,255,255,.8);
        border-radius: 50%;
        color: #fff;
        font-size: 2.6vw !important;
        font-weight: 800;
        line-height: 1;
        text-shadow: 0 1px 2px rgba(28,47,91,.25);
        box-shadow: 0 .7vw 1.5vw rgba(71,96,170,.25), inset 0 0 0 .5vw rgba(255,255,255,.16);
    }
    .search-page .search-section .section-content .list .item > .local-source-tag {
        display: none;
    }
    .search-page .search-section .section-content .list .item.vue-item > .result-content {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
        margin: 0;
        padding: 0;
    }
    .search-page .search-section .section-content .list .item:not(.vue-item) > .result-content {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
        margin: 0;
        padding: 0;
    }
    .search-page .search-section .section-content .list .item.vue-item > .result-content > .pan-source {
        display: flex;
        align-items: center;
        min-width: 0;
        margin-top: .3vw;
        line-height: 1.15;
    }
    .search-page .search-section .section-content .list .item.vue-item > .result-content > .pan-source .pan-logo {
        width: 2.8vw;
        height: 2.8vw;
        margin-right: 1vw;
    }
    .search-page .search-section .section-content .list .item.vue-item > .result-content > .pan-source > span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 2.8vw !important;
    }
    .search-page .api1-tag { background: #6153eb; }
    .search-page .api2-tag { background: #3279e8; }
    .search-page .api3-tag { background: #ef8650; }
    .search-page .api4-tag { background: #e4565c; }
    .search-page .api5-tag { background: #35a77b; }
    .search-page .api6-tag { background: #7b66d9; }
    .search-page .search-section .section-content .list .item .title {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 2.9vw !important;
        font-weight: 600;
        line-height: 1.3;
        text-align: left;
    }
    .search-page .result-title-text {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
    .search-page .search-section .section-content .list .item > .item-chevron {
        flex: none;
        margin-left: 1vw;
        color: #b9c6da;
        font-size: 4.8vw;
        font-weight: 400;
        line-height: 1;
    }
    .search-page .search-section .section-content .list .item .type {
        display: flex;
        align-items: center;
        min-width: 0;
        margin-top: .3vw;
        padding-left: 0;
        color: #7d91ad;
        font-size: 2.8vw !important;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
    }
    .search-page .search-section .section-content .list .item .pan-logo {
        display: block;
        flex: none;
        width: 2.8vw;
        height: 2.8vw;
        margin-right: 1vw;
        object-fit: contain;
    }
    .search-page .search-section .section-content .list .item .type::after {
        display: none;
    }
    .search-page .search-section .section-content .list .item .type > span:not(:last-child) {
        margin-right: 2.5vw;
    }
    .search-page .search-section .section-content .list .item .type > span {
        font-size: 3vw !important;
    }
    .search-page .search-section .section-content .list .item .type > span > span {
        margin-right: 2.5vw;
        font-size: 3vw !important;
    }
    .search-page .search-section .section-content .list .item .btns {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 1.2vw;
        margin-top: 1vw;
        white-space: nowrap;
    }
    .search-page .search-section .section-content .list .item .btns .btn {
        display: inline-flex;
        flex: 0 1 auto;
        align-items: center;
        justify-content: center;
        min-width: 0;
        min-height: 5.4vw;
        margin: 0;
        padding: .6vw 1.4vw;
        border-radius: 1.8vw;
        background: #f0f5fc;
        color: #3e628d;
        font-size: 2.8vw !important;
        white-space: nowrap;
    }
    .search-page .search-section .section-content .list .item.vue-item > .btns2 {
        position: static;
        flex: none;
        width: auto;
        min-width: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        height: 5.3vw;
        margin-left: 1.2vw;
        padding: 0 1.3vw;
        line-height: 1;
        border-radius: 5vw;
        background: linear-gradient(135deg,#35b6f5,#6550f5 78%);
        color: white;
        font-size: 2.9vw !important;
        font-weight: 600;
        white-space: nowrap;
        box-shadow: 0 1vw 2.5vw rgba(83,93,230,.23);
        cursor: pointer;
    }
    .search-page .search-section .section-content .list .item.vue-item > .btns2::before {
        content: none;
    }
    .search-page .search-section .section-content .list .item.vue-item > .item-chevron {
        margin-left: .8vw;
    }
    .search-page .page .el-pagination {
        justify-content: center;
    }
    .search-page .page .el-pager li,
    .search-page .page .btn-prev,
    .search-page .page .btn-next {
        min-width: 9vw;
        height: 9vw;
        border-radius: 50% !important;
        margin: 0 1vw;
        box-shadow: 0 .6vw 2vw rgba(63,93,147,.1);
    }
    .search-page .page {
        padding: 4vw 0;
    }
    .search-page .search-section .section-content .list .item > .result-content > .btns {
        margin-top: 2vw;
    }
    .search-page .search-tips-box {
        margin: 5vw auto !important;
        border-radius: 5vw !important;
    }
    .search-page .tip-content {
        max-width: none !important;
        border: 1px solid rgba(255,255,255,.95) !important;
        border-radius: 4vw !important;
        background: rgba(255,255,255,.8) !important;
    }
    .listBox .screen{
        width: 100%;
        margin: 0 3vw;
    }
    .listBox .screen .fixed h3{
        display: none;
    }
    
    .listBox .right {
        display: none;
    }
    .listBox .left {
        padding: 0 4vw;
    }
    
    .listBox h3 {
        position: relative;
        padding: 20.4vw 0 0;
        font-size: 3.8vw;
        text-align: center;
    }
    .listBox h3:after {
        display: none;
    }
    .listBox .box {
        padding: 0 4vw 6vw;
        margin-top: 4vw;
        text-align: justify;
        min-height: calc(100% - 50vw);
    }
    .listBox .Ebox{
        padding: 0 4vw 5vw;
        margin-top: 4vw;
        margin-bottom: 4vw;
        text-align: justify;
    }
    .listBox .left .Ebox .list .item:last-child{
        padding: 5vw 0 0;
    }
    .Qloading {
        padding-top: 6vw;
    }
    .Qtips{
        padding-top: 5.6vw;
    }
    .loader{
        font-size: 18px;
    }
    .Qbtn{
        padding-top: 5vw;
    }

    .listBox .left .list {
        padding: 0;
    }
    .listBox .left .list .item {
        padding: 5vw 0;
    }
    .listBox .left .list .item .title {
        font-size: 4.6vw;
        padding-bottom: 1.2vw;
    }
    .listBox .left .list .item .btns{
        justify-content: space-between;
    }
        
    .listBox .left .list .item .btns .btn{
        margin-right: 0;    
    }
    .listBox .left .list .item .btns .btn .iconfont{
        font-size: 4.5vw;
        margin-right: 1vw;
    }
    .listBox .left .list .item .btns .btn .icon{
        width: 4.6vw;
        margin-right: 1vw;
    }
    .listBox .left .list .item .type{
        margin-top: 2vw;
    }
    .listBox .left .list .item .type::after{
    	top: -1vw;
    	font-size: 5.3vw;
    }
    
    
    .listBox .details{
        padding-top: 5vw;
    }
    .details .title {
        font-size: 4.8vw;
        margin-bottom: 4vw;
    }
    .details .cat {
        display: flex;
        font-size: 4.2vw;
    }
    .details .pic {
        width: 30vw;
        height: 40vw;
        margin: 2vw auto 5vw;
    }
    
    
    .searchList{
        position: static;
        left: auto;
        right: auto;
        z-index: 10;
        padding: 5vw 4.7vw 0;
        display: block;
        background-color: transparent;
    }
    .searchList .search {
        margin-top: 0;
    }
    .searchList .search .select{
        font-size: 3.4vw;
        line-height: 10vw;
        height: 10vw;
        width: 19vw;
        text-align: center;
        opacity: .8;
    }
    .searchList .search input {
        padding-left: 3vw;
    }
    
    .listBox .screen .box{
        padding: 0 4vw 6vw;
        margin-top: 0;
        display: none;
    }
    
    
    .searchDetail{
        position: fixed;
        left: 0;
        right: 0;
        z-index: 10;
        padding: 0 5vw 2vw;
        display: block;
        background-color: var(--theme-background);
    }
    .searchDetail .search {
        margin-top: 3vw;
    }
    .searchDetail .search input {
        padding-left: 5vw;
    }
    .detailBox{
        min-height: inherit;
    }
    .detailBox h3{
        display: none;
    }
    .detailBox .details {
        padding-top: 5vw;
        margin-top: 20vw;
        min-height: inherit;
    }
    .listBox .details.samelistBox{
        padding: 3vw;
        margin-top: 0;
    }
    .detailBox h3.samelistNav{
        display: block;
        position: relative;
        padding: 30px 0 17px 15px;
        font-size: 4.2vw;
        text-align: left;
    }
    .detailBox h3.samelistNav:after {
        display: block;
    }
    .samelist .item {
        width: 100%;
    }
    .samelist .item p {
        padding: 4px 6px;
    }
        
    
    .switch-items {
        gap: 4.2vw;
        padding-top: 20vw;
    }
    .switch-items a {
        font-size: 3.8vw;
    }

    .btns2 {
        height: 8.2vw;
        line-height: 8.2vw;
        font-size: 3.4vw;
        width: 25vw;
        bottom: 4vw;
    }
    .listBox .left .Ebox .list .item:last-child .btns2{
        bottom: 0;
    }

    .dialogUrlBox{
        width: 90vw;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page *,
    .search-page * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}