.match-page{padding:var(--space-4) 0 var(--space-8)}.back-link{display:inline-block;margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.match-title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-4);color:var(--color-text)}.match-loading{text-align:center;padding:var(--space-8) 0;color:var(--color-text-secondary)}.skeleton-block{height:200px;max-width:600px;margin:0 auto var(--space-4);background:linear-gradient(90deg,var(--color-border) 25%,rgba(42,42,74,.3) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-verdict{border:1px solid;border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5) var(--space-4);margin-bottom:var(--space-4)}.hero-body{display:flex;align-items:center;gap:var(--space-10);flex-wrap:wrap;justify-content:center}.hero-main{flex:1;min-width:260px;text-align:center}.hero-icon-wrap{display:inline-block;width:64px;height:64px;margin-bottom:var(--space-3)}.hero-icon-wrap svg{width:64px;height:64px}.hero-title{font-size:2rem;font-weight:800;color:var(--color-text);margin:0 0 var(--space-2);letter-spacing:-.02em}.hero-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-3)}.hero-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.hero-level-badge{display:inline-block;padding:.25rem .75rem;font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:#6c5ce714;border-radius:var(--radius-full)}.hero-fps{display:flex;align-items:baseline;gap:var(--space-1)}.hero-fps-range{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.hero-fps-label{font-size:var(--text-xs);color:var(--color-text-muted)}.hero-score-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-width:140px}.hero-score-ring{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--score-color, var(--color-primary)) 0% var(--score-pct, 0%),rgba(42,42,74,.25) var(--score-pct, 0%) 100%);position:relative}.hero-score-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--color-bg, #0a0a14)}.hero-score-num{position:relative;font-size:2.25rem;font-weight:800;color:var(--color-text);font-family:var(--font-mono);line-height:1}.hero-score-label{position:relative;font-size:.625rem;color:var(--color-text-secondary);text-transform:uppercase;font-weight:500;letter-spacing:.05em}.hero-score-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;text-align:center;max-width:180px;line-height:1.5}.hero-bottleneck{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-warning);background:#fdcb6e0f;border-radius:var(--radius-md)}.hero-bottleneck svg{width:16px;height:16px;flex-shrink:0}.hero-bottleneck strong{color:#f0a500}.config-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);flex-wrap:wrap}.cb-label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.cb-chips{display:flex;gap:var(--space-1);flex-wrap:wrap;flex:1}.cb-chip{display:flex;align-items:center;gap:.25rem;padding:.1875rem .625rem;background:#6c5ce70d;border-radius:var(--radius-sm);font-size:var(--text-xs)}.cb-chip-label{font-weight:600;color:var(--color-text-muted)}.cb-chip-value{font-family:var(--font-mono);color:var(--color-text)}.cb-chip-meta{font-size:.625rem;color:var(--color-text-muted);font-family:var(--font-sans);margin-left:.125rem}.cb-edit{flex-shrink:0;font-size:var(--text-sm);font-weight:600;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;border-radius:var(--radius-md);background:#6c5ce726;border:1px solid rgba(108,92,231,.25);transition:all var(--transition-fast)}.cb-edit:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-glow)}.grid-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3);margin-top:var(--space-1)}.match-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.match-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.match-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.match-card--best{border-color:var(--color-primary)!important}.match-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.match-card-level{display:flex;align-items:center;gap:var(--space-2)}.match-level-name{font-weight:700;font-size:var(--text-base);color:var(--color-text)}.match-level-fps{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}.match-card-score-block{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0}.score-num-xl{font-size:2.5rem;font-weight:800;font-family:var(--font-mono);line-height:1}.score-unit-stacked{font-size:.625rem;color:var(--color-text-secondary);font-weight:500;margin-top:-2px}.best-tag{display:inline-block;padding:.125rem .5rem;font-size:.625rem;font-weight:800;text-transform:uppercase;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm)}.match-card-body{padding:var(--space-2) var(--space-4)}.comp-row{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--space-2);padding:.4rem 0;font-size:var(--text-sm)}.comp-row+.comp-row{border-top:1px solid rgba(42,42,74,.4)}.comp-label{flex-shrink:0;font-weight:500;color:var(--color-text);min-width:50px}.comp-grade{flex-shrink:0;font-size:var(--text-xs);font-weight:700;padding:.0625rem .375rem;border-radius:var(--radius-sm);min-width:32px;text-align:center}.comp-detail{flex:1;font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-values{font-size:.625rem;color:var(--color-error);font-family:var(--font-mono);white-space:nowrap}.match-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border)}.os-dx-info{display:flex;gap:var(--space-2);font-size:var(--text-xs)}.compat-ok{color:var(--color-success);background:var(--color-success-subtle);padding:.0625rem .375rem;border-radius:var(--radius-sm)}.compat-fail{color:var(--color-error);background:var(--color-error-subtle);padding:.0625rem .375rem;border-radius:var(--radius-sm);cursor:help}.match-overall-tag{display:inline-block;padding:.125rem .625rem;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full)}.match-overall--流畅{background:var(--color-success-subtle);color:var(--color-success)}.match-overall--刚好,.match-overall--勉强{background:var(--color-warning-subtle);color:var(--color-warning)}.match-overall--不建议{background:var(--color-error-subtle);color:var(--color-error)}.upgrade-tip{margin-top:var(--space-6)}.upgrade-module{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-lg);overflow:hidden}.upgrade-module-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:#6c5ce708}.upgrade-module-title{font-size:var(--text-base);font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.upgrade-module-title svg{width:18px;height:18px;flex-shrink:0}.upgrade-module-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-1) 0 0}.upgrade-module-sub strong{color:var(--color-text-secondary)}.upgrade-cards{padding:var(--space-3) var(--space-5);display:flex;flex-direction:column;gap:1px}.upgrade-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;flex-wrap:wrap;gap:var(--space-2)}.upgrade-card+.upgrade-card{border-top:1px solid rgba(42,42,74,.3)}.upgrade-card-left{display:flex;align-items:center;gap:var(--space-2);min-width:140px}.upgrade-comp-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.upgrade-comp-icon svg{width:18px;height:18px;display:block}.upgrade-comp-label{font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.upgrade-comp-grade{font-size:.625rem;font-weight:700;padding:.0625rem .375rem;border-radius:var(--radius-sm)}.upgrade-card-right{display:flex;align-items:center;gap:var(--space-3)}.upgrade-arrow{display:flex;align-items:center;gap:var(--space-2)}.upgrade-val{font-family:var(--font-mono);font-size:var(--text-xs);padding:.125rem .5rem;border-radius:var(--radius-sm)}.upgrade-val--current{color:var(--color-text-muted);background:#ff76750f;text-decoration:line-through;text-decoration-color:#ff76754d}.upgrade-val--target{color:var(--color-text);background:#00cec90f;font-weight:600}.upgrade-arrow-icon{color:var(--color-text-muted);font-size:var(--text-sm)}.upgrade-severity{font-size:.625rem;font-weight:700;padding:.125rem .5rem;border-radius:var(--radius-full);white-space:nowrap}.upgrade-severity--不足{background:#ff76751a;color:#ff7675}.upgrade-severity--勉强{background:#e170551a;color:#e17055}.upgrade-severity--刚好{background:#fdcb6e1a;color:#b8860b}.upgrade-compat{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-3)}.compat-issue{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-warning)}.compat-issue svg{width:14px;height:14px;flex-shrink:0}.diag-positive{font-size:var(--text-base);color:var(--color-success);display:flex;align-items:center;gap:var(--space-2)}.diag-positive svg{width:20px;height:20px;flex-shrink:0}.no-config-card{text-align:center;padding:var(--space-16) var(--space-4);max-width:420px;margin:0 auto}.no-config-icon{font-size:3rem}.no-config-card h2{font-size:var(--text-xl);margin:var(--space-4) 0 var(--space-2);color:var(--color-text)}.no-config-card p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.no-config-btn{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary),#7c3aed);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:700;transition:all var(--transition-fast);box-shadow:0 4px 15px #6c5ce74d}.no-config-btn:hover{transform:translateY(-1px);box-shadow:0 6px 25px #6c5ce780}@media(max-width:640px){.match-cards-grid{grid-template-columns:1fr}.hero-body{flex-direction:column;gap:var(--space-6)}.hero-verdict{padding:var(--space-5) var(--space-4) var(--space-4)}.hero-title{font-size:1.5rem}.hero-score-ring{width:100px;height:100px}.hero-score-num{font-size:1.75rem}.config-bar{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}