.phone-list[data-v-89ce50ae]{min-height:100vh;background:var(--main-bg)}.phone-list .list[data-v-89ce50ae]{padding-top:20px;padding-bottom:100px;--col: 6;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-columns:repeat(var(--col),minmax(0,1fr));grid-gap:20px;gap:20px}@media screen and (max-width: 1400px){.phone-list .list[data-v-89ce50ae]{--col: 5}}@media screen and (max-width: 1100px){.phone-list .list[data-v-89ce50ae]{--col: 4}}@media screen and (max-width: 992px){.phone-list .list[data-v-89ce50ae]{--col: 4}}@media screen and (max-width: 768px){.phone-list .list[data-v-89ce50ae]{--col: 3}}@media screen and (max-width: 576px){.phone-list .list[data-v-89ce50ae]{--col: 2}}.phone-list .item[data-v-89ce50ae]{border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #00000050}.phone-list .item .item-image[data-v-89ce50ae]{position:relative;width:100%;height:180px;overflow:hidden}.phone-list .item .item-image img[data-v-89ce50ae]{position:absolute;top:calc(50% + 5px);left:50%;transform:translate(-50%,-50%);transition:transform .2s ease-in-out;display:block;width:auto;height:100%}.phone-list .item .item-image .dot-bg[data-v-89ce50ae]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.096) .5px,transparent 1px);background-size:4px 4px;background-repeat:repeat}.phone-list .item:hover .item-image img[data-v-89ce50ae]{transform:translate(-50%,-50%) scale(1.02)}.phone-list .item .item-info[data-v-89ce50ae]{background-color:#f5f5f5;padding:10px}.phone-list .item .item-info .name[data-v-89ce50ae]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:16px;line-height:1.2;font-weight:700}.phone-list .item .item-info .name .color-dots[data-v-89ce50ae]{display:flex;align-items:center;justify-content:center}.phone-list .item .item-info .name .color-dots .color-dot[data-v-89ce50ae]{width:8px;height:8px;border-radius:50%;margin:0 2px}.phone-list .item .item-info .name .color-dots .color-dot.white[data-v-89ce50ae]{border:1px solid #9a9a9a}.phone-list .item .item-info .desc[data-v-89ce50ae]{margin-bottom:10px;font-size:12px;color:var(--text-color3)}.phone-list .item .item-info .tags[data-v-89ce50ae]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-list .item .item-info .tags .tag[data-v-89ce50ae]{display:inline-block;padding:4px 6px;border-radius:4px;background-color:#aaa;color:#fff;font-size:10px;line-height:1}.phone-list .item .item-info .tags .tag.bootable[data-v-89ce50ae]{background-color:#8ca3cc}.phone-list .item .item-info .tags .tag+.tag[data-v-89ce50ae]{margin-left:4px}.phone-list .item--next[data-v-89ce50ae]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.phone-list .item--next .item-image[data-v-89ce50ae]{background-color:#737373}.phone-list .item--next .item-image .next-image[data-v-89ce50ae]{width:60px;height:120px;background-color:#575757;border-radius:10px;margin:20px auto 0}.phone-list .item--next .item-image .next-title[data-v-89ce50ae]{position:absolute;top:0%;left:0%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:700;background-color:#00000073;color:#ffffff83}.phone-list .item--next .item-info .name[data-v-89ce50ae],.phone-list .item--next .item-info .desc[data-v-89ce50ae],.phone-list .item--next .item-info .tags .tag[data-v-89ce50ae]{color:transparent;background-color:#d6d6d6;border-radius:4px}
