:root{--primary:#2c55a5;--primary-light:#3a6bc7;--primary-dark:#1e3d7d;--accent:#ff5252;--accent-light:#ff7b7b;--positive:#ff4f4f;--negative:#17b87c;--neutral:#2c55a5;--gray-light:#f5f7fa;--gray:#e0e5ee;--gray-dark:#8e97a7;--text:#2c3e50;--text-light:#6c7a89;--white:#fff;--shadow:0 8px 30px rgba(0,0,0,.08);--shadow-light:0 4px 12px rgba(0,0,0,.05);--border-radius:12px;--transition:all .3s ease;--gold:gold;--silver:silver;--bronze:#cd7f32}*{box-sizing:border-box;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0}.strategy-ladder{background-color:var(--gray-light);color:var(--text);line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1400px;padding:0 15px;width:100%}.page-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);padding:40px 0;text-align:center}.page-title{font-size:42px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.page-subtitle{font-size:18px;margin-bottom:30px;opacity:.9}.page-subtitle a{color:#fff;font-weight:700;text-decoration:underline}.page-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;display:inline-flex;gap:60px;justify-content:center;margin-top:30px;padding:20px}.page-stat-item{padding:0 10px;text-align:center}.page-stat-value{color:var(--gold);font-size:32px;font-weight:700;margin-bottom:5px}.page-stat-label{color:#e0e5ee;font-size:14px;opacity:.85}.replacement-banner{align-items:center;background:#fff3cd;border:1px solid #ffeeba;border-radius:var(--border-radius);box-shadow:var(--shadow-light);color:#856404;display:flex;justify-content:space-between;margin:20px 0;padding:15px 20px}.replacement-content{align-items:center;display:flex;font-weight:500;gap:15px}.replacement-icon{color:var(--accent);font-size:24px}.replacement-highlight{color:#d32f2f;font-weight:700}.ladder-section{padding:0 0 60px}.ladder-table-container{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-light);overflow:hidden}.ladder-table{border-collapse:collapse;width:100%}.ladder-table thead{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white)}.ladder-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 15px;text-align:left;text-transform:uppercase;white-space:nowrap}.ladder-table th.center{text-align:center}.ladder-table th.right{text-align:right}.ladder-table tbody tr{border-bottom:1px solid var(--gray);transition:var(--transition)}.ladder-table tbody tr:hover{background:linear-gradient(90deg,#2c55a508,#2c55a503);transform:translate(4px)}.ladder-table tbody tr:last-child{border-bottom:none}.ladder-table td{font-size:14px;padding:20px 15px;vertical-align:middle}.ladder-table td.center{text-align:center}.ladder-table td.right{text-align:right}.rank-cell{color:var(--primary);font-size:24px;font-weight:800;text-align:center;width:80px}.rank-cell.top1{color:var(--gold);text-shadow:0 2px 8px rgba(255,215,0,.3)}.rank-cell.top2{color:var(--silver);text-shadow:0 2px 8px hsla(0,0%,75%,.3)}.rank-cell.top3{color:var(--bronze);text-shadow:0 2px 8px rgba(205,127,50,.3)}.rank-medal{font-size:28px;margin-right:8px}.rank-change{font-size:12px;font-weight:600;margin-top:5px}.change-up{color:var(--positive)}.change-down{color:var(--negative)}.change-flat{color:var(--text-light)}.strategy-name-cell{max-width:320px;min-width:250px}.strategy-name{color:var(--text);font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px}.strategy-name a{color:var(--text);text-decoration:none;transition:var(--transition)}.strategy-name a:hover{color:var(--primary)}.strategy-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.strategy-tag{background:#2c55a514;border:1px solid rgba(44,85,165,.2);border-radius:4px;color:var(--primary);font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.metric-value{font-size:20px;font-weight:700;letter-spacing:-.3px}.return-col{width:140px}.ladder-table td.return-col,.ladder-table th.return-col{text-align:center}.positive{color:var(--positive)}.negative{color:var(--negative)}.neutral{color:var(--text)}.sparkline-cell{padding-right:0!important;width:100px}.sparkline{height:30px;width:80px}.sparkline :deep(path){fill:none;stroke:var(--primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sparkline :deep(circle){fill:var(--white);stroke:var(--primary);stroke-width:2}.action-cell{width:220px}.action-buttons{display:flex;flex-direction:column;gap:8px}.description-cell{min-width:300px}.strategy-description{color:var(--text-light);display:-webkit-box;font-size:13px;line-height:1.6;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:8px 16px;text-align:center;text-decoration:none;transition:var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 2px 8px #2c55a533;color:var(--white)}.btn-primary:hover{box-shadow:0 4px 12px #2c55a54d;transform:translateY(-2px)}.btn-outline{background:var(--white);border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.loading{color:var(--text-light);padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--gray);border-radius:50%;border-top-color:var(--primary);display:inline-block;height:40px;margin-bottom:20px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:var(--text-light);padding:80px 20px;text-align:center}.empty-state i{font-size:64px;margin-bottom:20px;opacity:.3}.empty-state h3{color:var(--text);font-size:20px;margin-bottom:10px}.empty-state p{font-size:14px}.info-footer{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-light);color:var(--text-light);font-size:13px;line-height:1.8;margin-top:40px;padding:20px}.info-footer a,.info-footer strong{color:var(--primary)}.info-footer a{border-bottom:1px dashed var(--primary);text-decoration:none}@media (max-width:1200px){.ladder-table-container{overflow-x:auto}.ladder-table{min-width:1200px}}@media (max-width:992px){.page-stats{flex-wrap:wrap;gap:30px}.page-stat-item{min-width:40%}}@media (max-width:768px){.page-title{font-size:32px}.page-subtitle{font-size:16px}.replacement-banner{flex-direction:column;text-align:center}}