:root{--primary:#2b6cb0;--secondary:#4a5568;--bg:#f7fafc;--border-color:#e2e8f0;--text-muted:#6c757d;--text-dark:#222}body{background:var(--bg);font-family:'Segoe UI',system-ui,sans-serif;padding-bottom:80px}.header{background:var(--primary);padding:1rem 0 3rem;margin-bottom:2rem}.header .text-center.mb-4{margin:.2rem 0 .5rem}.header .d-flex.mb-3{margin:.2rem 0 1.2rem}.header .col-lg-6.mx-auto{margin-top:1.2rem}.card-table{border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;padding-bottom:100px}.table-custom th{background:var(--primary)!important;color:#fff!important;font-weight:600;padding:1rem}.table-custom td{vertical-align:middle;padding:1rem;border-color:var(--border-color)!important}.rank-label{display:inline-block;width:40px;height:40px;border-radius:8px;background:var(--secondary);color:#fff;text-align:center;line-height:40px;font-weight:700}.cpu-link{color:var(--primary);cursor:pointer;transition:all .2s;font-weight:500;text-decoration:none}.cpu-link:hover{color:#1a4b8c}.compare-toolbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fff;box-shadow:0 -4px 12px rgba(0,0,0,.1);padding:1rem 2rem;border-radius:50px;display:flex;gap:1.5rem;align-items:center;z-index:1000;opacity:0;transition:opacity .3s}.compare-toolbar.active{opacity:1}.compare-pills{display:flex;gap:.8rem;flex-wrap:wrap}.compare-pill{background:#f8f9fa;border-radius:20px;padding:.4rem 1rem;display:flex;align-items:center;gap:.5rem}.remove-pill{color:#dc3545;cursor:pointer;margin-left:.5rem}.param-card{transition:transform .2s}.param-card:hover{transform:translateY(-3px)}.param-row{padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:1.08rem}.param-row:last-child{border-bottom:none}.param-label{color:var(--text-muted);font-weight:500;min-width:90px}.param-value{color:var(--text-dark);font-weight:600;word-break:break-all}#detailTitle .btn{font-size:.9rem;padding:.4rem 1rem;border-radius:6px;transition:all .2s}#detailTitle .detail-compare-btn{font-size:.85rem;padding:.25rem .8rem;height:32px;line-height:1}#detailTitle .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}#detailTitle .btn:disabled{opacity:.7;cursor:not-allowed}#detailFooter{padding:.5rem 0}#detailFooter .btn{min-width:110px}.back-to-top{display:none;position:fixed;right:24px;bottom:100px;z-index:9999;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;border:none;box-shadow:0 2px 8px rgba(0,0,0,.12);font-size:1.5rem;cursor:pointer;transition:background .2s,opacity .2s;opacity:.85}.back-to-top:hover{background:#1a4b8c;opacity:1}.header img{width:420px;height:auto;max-width:100%;display:inline-block}@media (max-width:768px){.table-custom td:nth-child(7),.table-custom td:nth-child(8),.table-custom th:nth-child(7),.table-custom th:nth-child(8){display:none}.table-custom{font-size:.85rem}.table-custom td,.table-custom th{padding:.5rem .4rem;white-space:nowrap}.rank-label{width:44px;height:28px;line-height:28px;font-size:1rem}.header{padding:.3rem 0 1.5rem}.header .text-center.mb-4{margin:.05rem 0 .2rem}.header .d-flex.mb-3{margin:.05rem 0 .7rem}.header .col-lg-6.mx-auto{margin-top:.7rem}.header .form-control{font-size:.9rem;padding:.4rem .75rem}.compare-toolbar{width:95%;bottom:10px;padding:.6rem;flex-direction:column;gap:.6rem;border-radius:12px}.compare-pills{width:100%}.compare-toolbar .d-flex{width:100%}.compare-toolbar .btn{flex:1;padding:.4rem;font-size:.85rem}.modal-dialog{margin:.5rem;max-width:95%;max-height:90vh}.modal-content{border-radius:8px;max-height:90vh}.modal-header{padding:.6rem}.modal-body{padding:.6rem;max-height:calc(90vh - 60px);overflow-y:auto}.modal-title{font-size:1rem}.param-group-title{font-size:.9rem!important;padding:.4rem .6rem!important}.param-row-card{padding:.4rem .6rem!important;font-size:.85rem}.param-label{font-size:.85rem;min-width:80px}.param-value{font-size:.85rem}#detailTitle .btn{font-size:.8rem;padding:.3rem .8rem}#detailTitle .detail-compare-btn{font-size:.75rem;padding:.2rem .6rem;height:26px}.card-table{margin:0 -.5rem;border-radius:8px;padding-bottom:120px}.pagination-container{flex-direction:column!important;align-items:center!important;gap:.3rem;width:100%}.pagination{flex-wrap:wrap;justify-content:center;gap:.1rem;width:100%}.pagination .page-item{margin:0 1px}.pagination .page-link{min-width:32px;padding:.25rem .5rem;font-size:.8rem}.pagination-container .text-muted{display:block;width:100%;text-align:center;font-size:.75rem;margin:.2rem 0 0}.pagination-container .dropdown{width:100%;display:flex;justify-content:center;margin-top:.2rem}.pagination-container .dropdown-menu{min-width:140px!important;width:90vw;max-width:260px;left:50%!important;transform:translateX(-50%)!important}.pagination-container .input-group{width:100%}.pagination-container #customPageInput{min-width:0;width:60px;font-size:.8rem}#detailFooter .btn{min-width:90px;font-size:.85rem;padding:.35rem .7rem}.compare-modal .modal-dialog{width:auto;min-width:unset;max-width:99vw;margin:.1rem auto}.compare-modal .table-responsive{padding:0;margin:0}.compare-modal .table{font-size:.62rem;min-width:380px}.compare-modal td,.compare-modal th{padding:.12rem .08rem;min-width:48px;height:22px}.compare-modal td:first-child,.compare-modal th:first-child{min-width:36px}.compare-modal .modal-body,.compare-modal .modal-header{padding:.3rem .1rem}.back-to-top{right:12px;bottom:90px;width:38px;height:38px;font-size:1.1rem}.param-help{width:12px;height:12px;font-size:9px}.param-help[data-tooltip]:hover::after{font-size:10px;padding:3px 6px}}@media (max-width:480px){.table-custom .btn{padding:.2rem .4rem;font-size:.7rem}.rank-label{width:40px;height:24px;line-height:24px;font-size:.95rem}.cpu-link{font-size:.8rem}.table-custom{font-size:.8rem}.table-custom td,.table-custom th{padding:.4rem .3rem}.pagination .page-link{min-width:26px;padding:.18rem .3rem;font-size:.7rem}.pagination-container .text-muted{font-size:.68rem}.header img{width:90vw;max-width:98vw;height:auto}}.compare-modal .table{table-layout:fixed;width:100%}.compare-modal td,.compare-modal th{text-align:center;vertical-align:middle;min-width:110px;word-break:break-all}.compare-modal td:first-child,.compare-modal th:first-child{min-width:90px;text-align:left;font-weight:600}.param-help{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--text-muted);color:#fff;font-size:10px;cursor:help;margin-left:2px;position:relative;transition:background-color .2s;vertical-align:super;line-height:1}.param-help:hover{background:var(--primary)}.param-help[data-tooltip]{position:relative}.param-help[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1000;margin-bottom:4px}.param-help[data-tooltip]:hover::before{content:'';position:absolute;bottom:calc(100% - 3px);left:50%;transform:translateX(-50%);border-width:3px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent}