@layer components{.alc-main,.diffhub-list-main{width:100%}.alc-shell,.diffhub-list-shell{gap:10px;width:min(1360px,100% - 36px);margin:0 auto;padding:8px 4px 18px;display:grid}.alc-search{background:#060f28c7;border:1px solid #5d73b380;border-radius:10px;grid-template-columns:14px 1fr;align-items:center;gap:6px;width:min(560px,100%);min-height:38px;margin:0 auto;padding:0 10px;display:grid}.alc-search svg{color:#8fa4d6;width:13px;height:13px}.alc-search input{color:#edf4ff;background:0 0;border:0;outline:0;width:100%;font-size:13px;font-weight:500}.alc-search input::placeholder{color:#7e93c1}.alc-tabs{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.alc-tab-btn{color:#cbd8f8;background:#061027ad;border:1px solid #556ba675;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.alc-tab-btn svg{width:14px;height:14px}.alc-tab-btn.is-active{color:#f1f6ff;background:linear-gradient(120deg,#556ada66,#583fb75c);border-color:#7086dacc}.alc-list{background:linear-gradient(#08122cbf,#060d1ec7);border:1px solid #4f659f73;border-radius:14px;overflow:hidden}.alc-row{border-top:1px solid #455a9352;grid-template-columns:110px minmax(0,1fr) minmax(220px,1.4fr) auto auto auto;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:grid}.alc-row:first-child{border-top:0}.alc-row:hover{background:#43589429}.alc-row-vs{align-items:center;gap:7px;display:inline-flex}.alc-row-vs .crp-brand-mark{width:30px;height:30px}.alc-vs-text{color:#98abd8;background:#17244480;border:1px solid #6a80be73;border-radius:999px;justify-content:center;align-items:center;min-width:20px;min-height:20px;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.alc-row strong{color:#ebf2ff;font-size:17px;font-weight:800;line-height:1.2}.alc-row p{color:#b3c2e6;margin:0;font-size:14px;line-height:1.32}.alc-pill{color:#c9d8ff;background:#32417554;border:1px solid #6a7ebc6b;border-radius:999px;align-items:center;min-height:25px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.alc-updated{color:#aebee2;white-space:nowrap;font-size:13px;font-weight:650}.alc-arrow{color:#c3d2f5;font-size:24px;line-height:1;transform:translateY(-1px)}.alc-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.alc-page-btn{color:#d7e4ff;background:#09122ad1;border:1px solid #546aaa80;border-radius:8px;min-width:32px;min-height:32px;padding:0 10px;font-size:12px;font-weight:700}.alc-page-btn.is-active{color:#f2f7ff;background:linear-gradient(120deg,#4b67d166,#5a42b75c);border-color:#748ad6d9}.alc-page-btn:disabled{opacity:.48;cursor:not-allowed}.alc-page-dots{color:#9cb1de;padding:0 2px;font-size:12px}@media (width<=1100px){.alc-row{grid-template-columns:90px minmax(0,1fr) auto;grid-template-areas:"vs title arrow""vs desc arrow""vs meta arrow";row-gap:6px}.alc-row-vs{grid-area:vs}.alc-row strong{grid-area:title}.alc-row p{grid-area:desc}.alc-pill{grid-area:meta;width:fit-content}.alc-updated{display:none}.alc-arrow{grid-area:arrow}}@media (width<=760px){.alc-shell{gap:8px;width:calc(100% - 10px)}.alc-tabs{gap:6px}.alc-tab-btn{min-height:32px;padding:0 11px;font-size:12px}.alc-row{padding:10px}.alc-row strong{font-size:15px}.alc-row p{font-size:13px}}}