.home{background:var(--el-bg-color-page);color:var(--el-text-color-primary);max-width:100%;min-height:100%;overflow-x:clip}.section-eyebrow{color:#209f99;display:block;font-size:11px;font-weight:800;letter-spacing:0;margin-bottom:8px}.home-content{margin:0 auto;padding:40px 0 60px;width:var(--app-content-width)}.section-heading{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:23px;letter-spacing:0;line-height:1.25;margin:0}.home .card-grid{display:grid;gap:24px 18px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}@media(max-width:768px){.home .card-grid{gap:22px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}}.home .card{background:transparent;border:0;border-radius:6px;box-shadow:none;min-width:0;overflow:visible;transition:transform .22s ease}.home .card:hover{transform:translateY(-3px)}.home .card>a{color:inherit;display:block;text-decoration:none}.home .card-image{aspect-ratio:16/9;background:var(--el-fill-color-light);border:1px solid var(--el-border-color-lighter);border-radius:6px;box-shadow:0 5px 18px #192a4317;overflow:hidden;padding:0;position:relative}.home .card-image img{display:block;height:100%;-o-object-position:center;object-position:center;position:static;transition:transform .35s ease;width:100%}.home .card-image img,.home .card-image img.is-portrait-cover{-o-object-fit:cover;object-fit:cover}.home .card:hover .card-image img{transform:scale(1.035)}.home .card-image:after{background:linear-gradient(0deg,rgba(10,20,34,.28),transparent 38%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .22s ease}.home .card:hover .card-image:after{opacity:1}.home .developer-tag-list{align-items:flex-end;display:flex;flex-direction:column;gap:4px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:3}.home .developer-tag-list .developer-tag{align-items:center;display:inline-flex;max-width:140px;overflow:hidden;pointer-events:auto;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.home .developer-tag-list .developer-tag{font-size:11px;max-width:100px}}.home .developer-tag-list .vote-tag{border-radius:4px;font-weight:700}.view-detail{align-items:center;background:#2cbeb7;border-radius:50%;bottom:10px;color:#fff;display:inline-flex;height:32px;justify-content:center;opacity:0;position:absolute;right:10px;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;width:32px;z-index:3}.home .card:hover .view-detail{opacity:1;transform:translateY(0)}.home .card-content{background:transparent;display:block;height:auto;padding:11px 2px 0;position:static}.home .card-content .title-cn{color:var(--el-text-color-primary);font-size:14px;font-weight:700;line-height:1.45;margin:0}.home .card-content .title-cn,.home .card-content .title-jp{overflow:hidden;text-overflow:ellipsis;text-shadow:none;white-space:nowrap}.home .card-content .title-jp{color:var(--el-text-color-secondary);font-size:11px;font-weight:400;line-height:1.35;margin:4px 0 0}.search-nsfw-tip{background:var(--el-color-warning-light-9);border:1px solid var(--el-color-warning-light-7);border-radius:6px;font-size:13px;justify-content:space-between;margin-bottom:18px;padding:10px 14px}.no-results,.search-nsfw-tip{align-items:center;display:flex}.no-results{background:transparent;border:0;border-radius:0;flex-direction:column;justify-content:center;min-height:0;padding:72px 20px;text-align:center}.no-results>i{color:#2cbeb7;font-size:36px;margin-bottom:18px}.no-results h3{margin:0 0 8px}.no-results p{color:var(--el-text-color-secondary);margin:0 0 18px}.clear-search-btn{background:#2cbeb7;border:0;border-radius:6px;color:#fff;cursor:pointer;height:36px;padding:0 15px}.clear-search-btn i{margin-right:6px}.pagination-wrapper{display:flex;justify-content:center;padding-top:42px}@media(max-width:1050px){.home .card-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}@media(max-width:820px){.home .card-grid{gap:20px 14px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.home-content{padding:24px 0 40px;width:calc(100% - 24px)}.section-heading{align-items:flex-start;margin-bottom:16px}.section-heading h2{font-size:19px}.home .card-grid{gap:20px 12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.home .card-content{padding-top:9px}.home .card-content .title-cn{font-size:13px}.view-detail{display:none}.search-nsfw-tip{align-items:flex-start;gap:8px}}.legacy-home-layout{padding:0}.legacy-home-layout .mobile-mmilt-banner{display:none}@media(max-width:767px){.legacy-home-layout .mobile-mmilt-banner{border:2px solid transparent;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:block;height:250px;margin-bottom:15px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.legacy-home-layout .mobile-mmilt-banner:hover{border-color:#ffc107cc;box-shadow:0 0 0 2px #ffc1074d}.legacy-home-layout .mobile-mmilt-banner img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.legacy-home-layout .mobile-mmilt-banner .mmilt-badge{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:12px;font-weight:700;left:8px;padding:4px 12px;position:absolute;top:8px;z-index:3}}.legacy-home-layout .mony{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:300px;margin:0 auto 20px;max-width:1820px;overflow:hidden;width:100%}@media(max-width:767px){.legacy-home-layout .mony{display:none}}.legacy-home-layout .mony a,.legacy-home-layout .mony a img{display:block;height:100%;width:100%}.legacy-home-layout .mony a img{-o-object-fit:cover;object-fit:cover}.legacy-home-layout .card-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}@media(min-width:1200px){.legacy-home-layout .card-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:1199px)and (min-width:768px){.legacy-home-layout .card-grid{gap:15px;grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.legacy-home-layout .card-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:0 5px}}.legacy-home-layout .card{background:transparent;border:2px solid transparent;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.legacy-home-layout .card:hover{border-color:#409eff99;box-shadow:0 0 0 2px #409eff33}.legacy-home-layout .card.mmilt-card{cursor:pointer}@media(max-width:767px){.legacy-home-layout .card.mmilt-card{display:none}}.legacy-home-layout .card.mmilt-card:hover{border-color:#ffc107cc;box-shadow:0 0 0 2px #ffc1074d}.legacy-home-layout .card.mmilt-card .mmilt-badge{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:12px;font-weight:700;left:8px;padding:4px 12px;position:absolute;top:8px;z-index:3}@media(max-width:767px){.legacy-home-layout .card.mmilt-card .mmilt-badge{font-size:10px;padding:3px 8px}}.legacy-home-layout .card.shurrrt{border:none;box-shadow:none;cursor:pointer}.legacy-home-layout .card.shurrrt:hover{border-color:transparent;box-shadow:0 4px 8px #00000026}.legacy-home-layout .card.shurrrt .shurrrt-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.legacy-home-layout .card.shurrrt .shurrrt-image .mobile-promo{display:none}@media(max-width:767px){.legacy-home-layout .card.shurrrt .shurrrt-image .desktop-promo{display:none}.legacy-home-layout .card.shurrrt .shurrrt-image .mobile-promo{display:block}}@media(min-width:768px){.legacy-home-layout .card.shurrrt-large{grid-column:span 3}}@media(max-width:767px){.legacy-home-layout .card.shurrrt-large{grid-column:span 2}}.legacy-home-layout .card.shurrrt-large .card-image{padding-top:28.3%}@media(max-width:767px){.legacy-home-layout .card.shurrrt-large .card-image{padding-top:50%}}@media(min-width:768px){.legacy-home-layout .card.mmilt-card-large{grid-column:span 2}}.legacy-home-layout .card.mmilt-card-large .card-image{padding-top:42.5%}@media(max-width:767px){.legacy-home-layout .card.mmilt-card-large .card-image{padding-top:70%}}.legacy-home-layout .card.mmilt-card-large .card-content{height:60px}@media(max-width:767px){.legacy-home-layout .card.mmilt-card-large .card-content{height:50px}}.legacy-home-layout .card.mmilt-card-large .card-content .title-cn{font-size:14px}@media(max-width:767px){.legacy-home-layout .card.mmilt-card-large .card-content .title-cn{font-size:12px}}.legacy-home-layout .card.mmilt-card-large .card-content .title-jp{font-size:12px}@media(max-width:767px){.legacy-home-layout .card.mmilt-card-large .card-content .title-jp{font-size:10px}}.legacy-home-layout .card .card-image{padding-top:85%;position:relative}@media(max-width:767px){.legacy-home-layout .card .card-image{padding-top:70%}}.legacy-home-layout .card .card-image .developer-tag-list{align-items:flex-end;display:flex;flex-direction:column;gap:4px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:3}.legacy-home-layout .card .card-image .developer-tag-list .developer-tag{align-items:center;display:inline-flex;max-width:140px;overflow:hidden;pointer-events:auto;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.legacy-home-layout .card .card-image .developer-tag-list .developer-tag{font-size:11px;max-width:100px}}.legacy-home-layout .card .card-image .developer-tag-list .vote-tag{box-shadow:0 2px 8px #e6a23c59;font-weight:700;letter-spacing:.5px;pointer-events:auto}.legacy-home-layout .card .card-image img{border-radius:8px;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.legacy-home-layout .card .card-content{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 50%,transparent);bottom:0;display:flex;flex-direction:column;height:60px;justify-content:flex-end;left:0;padding:12px;position:absolute;right:0;z-index:2}@media(max-width:767px){.legacy-home-layout .card .card-content{height:50px;padding:8px}}.legacy-home-layout .card .card-content .title-cn{color:#fff;font-size:14px;font-weight:700;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap}@media(max-width:767px){.legacy-home-layout .card .card-content .title-cn{font-size:12px}}.legacy-home-layout .card .card-content .title-jp{color:#ffffffe6;font-size:12px;font-weight:700;line-height:1.2;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap}@media(max-width:767px){.legacy-home-layout .card .card-content .title-jp{font-size:10px;margin-top:1px}}.legacy-home-layout .pagination,.legacy-home-layout .pagination-wrapper{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:30px;padding:0;position:relative}.legacy-home-layout .pagination-wrapper :deep(.el-pagination) .el-pager li{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.legacy-home-layout .pagination-wrapper :deep(.el-pagination) .el-pager li.is-active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.legacy-home-layout .pagination-wrapper :deep(.el-pagination) .el-pager li:hover:not(.is-active){color:var(--primary-color)}.legacy-home-layout .pagination-wrapper :deep(.el-pagination) .btn-next,.legacy-home-layout .pagination-wrapper :deep(.el-pagination) .btn-prev{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.legacy-home-layout .pagination-wrapper :deep(.el-pagination) .btn-next:hover:not(:disabled),.legacy-home-layout .pagination-wrapper :deep(.el-pagination) .btn-prev:hover:not(:disabled){color:var(--primary-color)}.legacy-home-layout .pagination-wrapper :deep(.el-pagination) .btn-next:disabled,.legacy-home-layout .pagination-wrapper :deep(.el-pagination) .btn-prev:disabled{opacity:.5}.legacy-home-layout .pagination{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:30px;padding:0;position:relative}@media(min-width:768px){.legacy-home-layout .pagination{flex-wrap:nowrap;justify-content:center}.legacy-home-layout .pagination .left-sufer{left:0;position:absolute}.legacy-home-layout .pagination .right-sufer{position:absolute;right:0}}@media(max-width:767px){.legacy-home-layout .pagination{flex-direction:column;gap:20px}.legacy-home-layout .pagination .pagination-sufer{order:2;position:static}.legacy-home-layout .pagination .pagination-sufer.left-sufer{order:2}.legacy-home-layout .pagination .pagination-sufer.right-sufer{order:3}.legacy-home-layout .pagination .pagination-nav{order:1}}.legacy-home-layout .pagination .pagination-nav{align-items:center;display:flex;gap:10px;justify-content:center;z-index:1}@media(max-width:767px){.legacy-home-layout .pagination .pagination-nav{width:100%}}.legacy-home-layout .pagination .pagination-sufer{border:2px solid transparent;border-radius:6px;box-shadow:0 2px 4px #0000001a;height:100px;overflow:hidden;position:relative;transition:all .3s ease;width:400px}.legacy-home-layout .pagination .pagination-sufer:hover{border-color:#409eff4d;box-shadow:0 0 0 2px #409eff26}.legacy-home-layout .pagination .pagination-sufer img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.legacy-home-layout .pagination .pagination-sufer .sufer-fallback{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;display:flex;font-size:16px;font-weight:500;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}@media(max-width:1199px)and (min-width:768px){.legacy-home-layout .pagination .pagination-sufer{height:80px;width:320px}}@media(max-width:767px){.legacy-home-layout .pagination .pagination-sufer{height:70px;margin:0;max-width:400px;width:100%}}.legacy-home-layout .pagination .page-btn{align-items:center;background-color:var(--primary-color,#1976d2);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}@media(max-width:767px){.legacy-home-layout .pagination .page-btn{font-size:12px;gap:4px;padding:8px 12px}}.legacy-home-layout .pagination .page-btn i{font-size:12px}.legacy-home-layout .pagination .page-btn:not(:disabled):hover{background-color:var(--primary-color-dark,#1565c0);box-shadow:0 4px 8px #00000026}.legacy-home-layout .pagination .page-btn:not(:disabled):active{box-shadow:0 2px 4px #0000001a}.legacy-home-layout .pagination .page-btn:disabled{background-color:#e0e0e0;box-shadow:none;color:#9e9e9e;cursor:not-allowed}.legacy-home-layout .pagination .page-btn:disabled:hover{box-shadow:none}.legacy-home-layout .pagination .page-info{align-items:center;border-radius:6px;box-shadow:0 2px 4px #0000000d;display:flex;padding:8px 16px}@media(max-width:767px){.legacy-home-layout .pagination .page-info{font-size:12px}}.legacy-home-layout .pagination .page-info span{color:var(--text-color);font-size:14px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.legacy-home-layout .search-results{margin-bottom:20px}.legacy-home-layout .search-results h2{color:var(--text-color);font-size:20px;margin-bottom:5px}.legacy-home-layout .search-results .result-count{color:var(--text-color-secondary);font-size:14px}.legacy-home-layout .search-nsfw-tip{align-items:center;background:#fff8ea;border:1px solid #f1d29b;border-radius:8px;color:#8a5a00;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px;padding:10px 12px}@media(max-width:767px){.legacy-home-layout .search-nsfw-tip{align-items:flex-start;flex-direction:column}}.legacy-home-layout .no-results{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.legacy-home-layout .no-results i.fa-search{color:var(--primary-color,#1976d2);display:block;font-size:64px;margin-bottom:24px;opacity:.8}.legacy-home-layout .no-results h3{color:var(--text-color,#333);display:block;font-size:24px;font-weight:500;margin:0 0 12px}.legacy-home-layout .no-results p{color:var(--text-color-secondary,#666);display:block;font-size:16px;line-height:1.5;margin:0 0 24px;max-width:400px}.legacy-home-layout .no-results .clear-search-btn{align-items:center;background-color:var(--primary-color,#1976d2);border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.legacy-home-layout .no-results .clear-search-btn i{font-size:12px}.legacy-home-layout .no-results .clear-search-btn:hover{background-color:var(--primary-color-dark,#1565c0)!important;box-shadow:0 4px 8px #00000026}.legacy-home-layout .no-results .clear-search-btn:active{background-color:var(--primary-color-dark,#1565c0)!important;box-shadow:0 2px 4px #0000001a}