.skill-coverage{--bg:#f0f2f8;--bg2:#fff;--ink:#1a1f3a;--muted:#6b7394;--rule:#e2e6f0;--accent:#6366f1;--accent2:#8b5cf6;--shadow-sm:0 2px 8px #1e293b0f;--shadow-md:0 8px 24px #1e293b14,0 2px 6px #1e293b0a;--shadow-lg:0 16px 48px #1e293b1a,0 4px 12px #1e293b0d;--shadow-3d:0 12px 32px -8px #6366f12e,0 4px 12px -4px #1e293b0f;background:var(--bg);max-width:1080px;color:var(--ink);background-image:radial-gradient(at 20% 0,#6366f10d 0%,#0000 50%),radial-gradient(at 80% 100%,#8b5cf60d 0%,#0000 50%);margin:0 auto;padding:2rem 1.5rem 4rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,sans-serif;font-size:15px;line-height:1.7}.sc-back{color:var(--accent);background:var(--bg2);box-shadow:var(--shadow-sm);border-radius:.75rem;align-items:center;gap:.35rem;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.sc-back:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translate(-2px)}.skill-coverage .hero{color:#fff;text-align:center;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#9333ea 100%);border-radius:1.5rem;margin-bottom:2rem;padding:3.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 60px -12px #4f46e559,0 8px 20px -6px #7c3aed33,inset 0 1px #ffffff26}.skill-coverage .hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#ffffff14 0%,#0000 30%),radial-gradient(circle at 70%,#ffffff0f 0%,#0000 30%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.skill-coverage .hero:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);height:2px;position:absolute;bottom:0;left:0;right:0}.skill-coverage .hero h1{text-shadow:0 2px 12px #0003;z-index:1;margin-bottom:.75rem;font-size:2.2rem;font-weight:800;position:relative}.skill-coverage .hero p{opacity:.92;z-index:1;font-size:1rem;position:relative}.skill-coverage .stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.skill-coverage .stat-card{background:var(--bg2);border:1px solid var(--rule);text-align:center;box-shadow:var(--shadow-sm);border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-coverage .stat-card:before{content:"";opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.skill-coverage .stat-card.total:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.skill-coverage .stat-card.covered:before{background:linear-gradient(90deg,#10b981,#34d399)}.skill-coverage .stat-card.gap:before{background:linear-gradient(90deg,#ef4444,#f87171)}.skill-coverage .stat-card.rate:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.skill-coverage .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.skill-coverage .stat-number{text-shadow:0 2px 8px #0000000f;font-size:2.5rem;font-weight:800;line-height:1}.skill-coverage .stat-label{color:var(--muted);margin-top:.5rem;font-size:.8rem;font-weight:500}.skill-coverage .stat-card.total .stat-number{background:linear-gradient(135deg,#6366f1,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skill-coverage .stat-card.covered .stat-number{background:linear-gradient(135deg,#059669,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skill-coverage .stat-card.gap .stat-number{background:linear-gradient(135deg,#dc2626,#f87171);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skill-coverage .stat-card.rate .stat-number{background:linear-gradient(135deg,#d97706,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skill-coverage .chart-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.skill-coverage .chart-card{background:var(--bg2);border:1px solid var(--rule);box-shadow:var(--shadow-md);border-radius:1rem;padding:1.5rem;transition:box-shadow .3s}.skill-coverage .chart-card:hover{box-shadow:var(--shadow-lg)}.skill-coverage .chart-card h3{color:var(--ink);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.skill-coverage .chart-card h3:before{content:"";background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:2px;width:4px;height:18px;display:inline-block}.skill-coverage .section{margin-bottom:2.5rem}.skill-coverage .section-title{border-bottom:2px solid #0000;-o-border-image:linear-gradient(90deg,var(--accent),var(--accent2),transparent)1;border-image:linear-gradient(90deg,var(--accent),var(--accent2),transparent)1;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:800;position:relative}.skill-coverage .section-title:after{content:"";background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:1px;width:60px;height:2px;position:absolute;bottom:-2px;left:0}.skill-coverage .summary-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.skill-coverage .summary-card{background:var(--bg2);border:1px solid var(--rule);border-left:4px solid var(--accent);box-shadow:var(--shadow-sm);border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-coverage .summary-card:after{content:"";opacity:.06;border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.skill-coverage .summary-card.high:after{background:#ef4444}.skill-coverage .summary-card.mid:after{background:#f59e0b}.skill-coverage .summary-card.low:after{background:#10b981}.skill-coverage .summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.skill-coverage .summary-card.high{border-left-color:#ef4444}.skill-coverage .summary-card.mid{border-left-color:#f59e0b}.skill-coverage .summary-card.low{border-left-color:#10b981}.skill-coverage .summary-card h4{margin-bottom:.5rem;font-size:.9rem;font-weight:700}.skill-coverage .summary-card p{color:var(--muted);font-size:.85rem;line-height:1.5}.skill-coverage .summary-card .count{color:var(--ink);margin:.5rem 0;font-size:1.5rem;font-weight:800}.skill-coverage .category-card{background:var(--bg2);border:1px solid var(--rule);box-shadow:var(--shadow-sm);border-radius:1rem;margin-bottom:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-coverage .category-card:hover{box-shadow:var(--shadow-3d);transform:translateY(-2px)}.skill-coverage .cat-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.skill-coverage .cat-header h3{font-size:1.1rem;font-weight:700}.skill-coverage .cat-count{color:var(--muted);background:linear-gradient(135deg,#f1f5f9,#f8fafc);border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:600;box-shadow:inset 0 1px 2px #0000000a}.skill-coverage .priority-badge{color:#fff;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px #0000001f}.skill-coverage .cat-analysis{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #f1f5f9;border-radius:.75rem;margin-bottom:1rem;padding:1rem}.skill-coverage .analysis-row{margin-bottom:.5rem;font-size:.9rem}.skill-coverage .analysis-label{color:var(--muted)}.skill-coverage .analysis-reason{color:var(--ink);font-size:.88rem;line-height:1.6}.skill-coverage .skill-list{flex-wrap:wrap;gap:.4rem;display:flex}.skill-coverage .skill-tag{color:var(--accent);background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #e0e7ff;border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #6366f10d}.skill-coverage .skill-tag:hover{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.skill-coverage .table-wrap{background:var(--bg2);border:1px solid var(--rule);max-height:500px;box-shadow:var(--shadow-md);border-radius:1rem;overflow:auto}.skill-coverage table{border-collapse:collapse;width:100%;font-size:.85rem}.skill-coverage th{text-align:left;color:var(--ink);border-bottom:2px solid var(--rule);z-index:1;background:linear-gradient(#f8fafc,#f1f5f9);padding:.75rem 1rem;font-weight:700;position:sticky;top:0}.skill-coverage td{border-bottom:1px solid var(--rule);color:var(--muted);padding:.6rem 1rem}.skill-coverage td code{color:var(--accent);background:#eef2ff;border-radius:4px;margin-right:2px;padding:2px 8px;font-size:.8rem;font-weight:500}.skill-coverage tr:hover td{background:linear-gradient(90deg,#6366f108,#8b5cf605)}.skill-coverage .recommendation-box{box-shadow:var(--shadow-md);background:linear-gradient(135deg,#eef2ffe6 0%,#f5f3ffe6 100%),linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #e0e7ff;border-radius:1rem;margin-bottom:1.5rem;padding:2rem;position:relative;overflow:hidden}.skill-coverage .recommendation-box:before{content:"";background:radial-gradient(circle,#6366f11a,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.skill-coverage .recommendation-box h3{color:var(--accent);margin-bottom:1rem;font-size:1.2rem;font-weight:800;position:relative}.skill-coverage .recommendation-list{padding:0;list-style:none;position:relative}.skill-coverage .recommendation-list li{border-bottom:1px solid #6366f11a;align-items:flex-start;gap:.75rem;padding:.75rem 0;font-size:.9rem;display:flex}.skill-coverage .recommendation-list li:last-child{border-bottom:none}.skill-coverage .rec-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 3px 8px #00000026}.skill-coverage .rec-icon.high{background:linear-gradient(135deg,#ef4444,#dc2626)}.skill-coverage .rec-icon.mid{background:linear-gradient(135deg,#f59e0b,#d97706)}.skill-coverage .frontier-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.skill-coverage .frontier-card{background:var(--bg2);border:1px solid var(--rule);border-left:4px solid var(--muted);box-shadow:var(--shadow-sm);border-radius:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-coverage .frontier-card:before{content:"";opacity:.04;border-radius:50%;width:100px;height:100px;position:absolute;top:0;right:0;transform:translate(25px,-25px)}.skill-coverage .frontier-card.covered:before{background:#10b981}.skill-coverage .frontier-card.gap:before{background:#ef4444}.skill-coverage .frontier-card:hover{box-shadow:var(--shadow-3d);transform:translateY(-3px)}.skill-coverage .frontier-card.covered{border-left-color:#10b981}.skill-coverage .frontier-card.gap{border-left-color:#ef4444}.skill-coverage .frontier-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex;position:relative}.skill-coverage .frontier-header h4{color:var(--ink);font-size:1rem;font-weight:700}.skill-coverage .frontier-status{color:#fff;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:600;box-shadow:0 2px 6px #0000001a}.skill-coverage .frontier-status.covered{background:linear-gradient(135deg,#10b981,#059669)}.skill-coverage .frontier-status.gap{background:linear-gradient(135deg,#ef4444,#dc2626)}.skill-coverage .frontier-desc p{color:var(--muted);margin-bottom:.75rem;font-size:.85rem;line-height:1.6;position:relative}.skill-coverage .frontier-meta{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #f1f5f9;border-radius:.75rem;padding:.75rem;position:relative}.skill-coverage .meta-row{color:var(--ink);margin-bottom:.4rem;font-size:.8rem;line-height:1.5}.skill-coverage .meta-row:last-child{margin-bottom:0}.skill-coverage .meta-label{color:var(--muted);font-weight:600}.skill-coverage .meta-row code{color:var(--accent);background:#eef2ff;border-radius:4px;margin-right:2px;padding:2px 6px;font-size:.75rem;font-weight:500}.skill-coverage .tag-red{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:600;box-shadow:0 1px 3px #ef44441a}.skill-coverage .tag-yellow{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:600;box-shadow:0 1px 3px #f59e0b1a}.skill-coverage .tag-green{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:600;box-shadow:0 1px 3px #10b9811a}@media (max-width:768px){.skill-coverage .stats-grid{grid-template-columns:repeat(2,1fr)}.skill-coverage .chart-row,.skill-coverage .summary-grid,.skill-coverage .frontier-grid{grid-template-columns:1fr}.skill-coverage .hero{padding:2.5rem 1.5rem}.skill-coverage .hero h1{font-size:1.6rem}}