.fps-test-page[data-v-084c2eb1]{position:relative;min-height:calc(100vh - 120px);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.bg-layer[data-v-084c2eb1]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#f8fafc}.bg-blob[data-v-084c2eb1]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.blob-1[data-v-084c2eb1]{width:500px;height:500px;top:-120px;right:-80px;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.blob-2[data-v-084c2eb1]{width:400px;height:400px;bottom:-60px;left:-100px;background:linear-gradient(135deg,#fef3c7,#fde68a)}.bg-dot-grid[data-v-084c2eb1]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(100,130,170,.07) 1px,transparent 1px);background-size:28px 28px}.main-wrap[data-v-084c2eb1]{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:8px 24px 32px}.top-bar[data-v-084c2eb1]{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.page-title[data-v-084c2eb1]{font-size:26px;font-weight:800;color:#1e293b;letter-spacing:-.5px;margin:0 0 4px}.page-desc[data-v-084c2eb1]{font-size:13px;color:#64748b;margin:0;line-height:1.4}.fps-display-zone[data-v-084c2eb1]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.fps-gauge-box[data-v-084c2eb1]{position:relative;width:220px;height:220px;margin-bottom:16px}.glow-ring[data-v-084c2eb1]{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;opacity:0;transition:opacity .6s;filter:blur(30px)}.glow-ring.excellent[data-v-084c2eb1]{background:rgba(16,185,129,.18);opacity:1;animation:pulse-glow-green-084c2eb1 1.8s ease-in-out infinite}.glow-ring.good[data-v-084c2eb1]{background:rgba(245,158,11,.18);opacity:1;animation:pulse-glow-yellow-084c2eb1 1.8s ease-in-out infinite}.glow-ring.fair[data-v-084c2eb1]{background:rgba(249,115,22,.18);opacity:1;animation:pulse-glow-orange-084c2eb1 1.8s ease-in-out infinite}.glow-ring.poor[data-v-084c2eb1]{background:rgba(239,68,68,.18);opacity:1;animation:pulse-glow-red-084c2eb1 1.8s ease-in-out infinite}@keyframes pulse-glow-green-084c2eb1{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:.9}}@keyframes pulse-glow-yellow-084c2eb1{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:.9}}@keyframes pulse-glow-orange-084c2eb1{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:.9}}@keyframes pulse-glow-red-084c2eb1{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:.9}}.gauge-svg[data-v-084c2eb1]{width:100%;height:100%;filter:drop-shadow(0 2px 16px rgba(0,0,0,.06))}.arc-progress[data-v-084c2eb1]{transition:stroke-dashoffset .5s cubic-bezier(.22,1,.36,1)}.needle-group[data-v-084c2eb1]{transition:transform .5s cubic-bezier(.22,1,.36,1);transform-origin:150px 150px}.gauge-center[data-v-084c2eb1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);text-align:center}.fps-num[data-v-084c2eb1]{font-size:44px;font-weight:900;color:#0f172a;line-height:1;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.fps-unit[data-v-084c2eb1]{font-size:11px;font-weight:600;color:#94a3b8;margin-top:4px;text-transform:uppercase;letter-spacing:1.5px}.stats-row[data-v-084c2eb1]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:360px}.stat-card[data-v-084c2eb1]{background:#fff;border-radius:10px;padding:10px 12px;border:1px solid #eef2f7;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.04)}.stat-label[data-v-084c2eb1]{font-size:11px;font-weight:600;color:#64748b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-084c2eb1]{font-size:22px;font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums}.stat-value.min[data-v-084c2eb1]{color:#ef4444}.stat-value.avg[data-v-084c2eb1]{color:#f59e0b}.stat-value.max[data-v-084c2eb1]{color:#10b981}.settings-panel[data-v-084c2eb1]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px;background:#fff;padding:16px;border-radius:14px;border:1px solid #eef2f7;box-shadow:0 1px 3px rgba(0,0,0,.04)}.setting-item[data-v-084c2eb1]{display:flex;flex-direction:column;gap:6px}.setting-item.checkbox-item[data-v-084c2eb1]{grid-column:span 2;flex-direction:row;align-items:center}.setting-label[data-v-084c2eb1]{font-size:12px;font-weight:600;color:#64748b}.setting-select[data-v-084c2eb1]{padding:8px 12px;font-size:13px;font-weight:500;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;outline:none;transition:all .2s}.setting-select[data-v-084c2eb1]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.checkbox-label[data-v-084c2eb1]{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#475569;cursor:pointer}.checkbox-label input[type=checkbox][data-v-084c2eb1]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.btn-area[data-v-084c2eb1]{display:flex;justify-content:center;margin-bottom:16px}.action-btn[data-v-084c2eb1]{display:inline-flex;align-items:center;gap:7px;padding:12px 36px;font-size:14.5px;font-weight:700;color:#fff;border:none;border-radius:14px;cursor:pointer;transition:all .25s ease;letter-spacing:.3px}.start-btn[data-v-084c2eb1]{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 20px rgba(59,130,246,.35),inset 0 1px rgba(255,255,255,.15)}.start-btn[data-v-084c2eb1]:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(59,130,246,.45),inset 0 1px rgba(255,255,255,.2)}.stop-btn[data-v-084c2eb1]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px rgba(239,68,68,.35),inset 0 1px rgba(255,255,255,.15)}.stop-btn[data-v-084c2eb1]:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(239,68,68,.45)}.retry-btn[data-v-084c2eb1]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px rgba(16,185,129,.35),inset 0 1px rgba(255,255,255,.15)}.retry-btn[data-v-084c2eb1]:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(16,185,129,.45)}.action-btn[data-v-084c2eb1]:active{transform:translateY(0)}.btn-icon[data-v-084c2eb1]{font-size:16px}.progress-bar[data-v-084c2eb1]{position:relative;width:100%;height:32px;background:#f1f5f9;border-radius:8px;overflow:hidden;margin-bottom:18px}.progress-fill[data-v-084c2eb1]{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:8px;transition:width .3s ease;position:relative}.progress-fill[data-v-084c2eb1]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer-084c2eb1 1.5s infinite}@keyframes shimmer-084c2eb1{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text[data-v-084c2eb1]{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#475569}.evaluation-panel[data-v-084c2eb1]{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid #eef2f7;box-shadow:0 2px 8px rgba(0,0,0,.04)}.panel-title[data-v-084c2eb1]{font-size:17px;font-weight:700;color:#1e293b;margin:0 0 14px}.eval-grid[data-v-084c2eb1]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.eval-card[data-v-084c2eb1]{background:#f8fafc;border-radius:10px;padding:14px 12px;text-align:center;border:1px solid #f1f5f9}.eval-label[data-v-084c2eb1]{font-size:11px;font-weight:600;color:#64748b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.eval-value[data-v-084c2eb1]{font-size:18px;font-weight:800;margin-bottom:4px}.eval-value.excellent[data-v-084c2eb1]{color:#059669}.eval-value.good[data-v-084c2eb1]{color:#2563eb}.eval-value.fair[data-v-084c2eb1]{color:#d97706}.eval-value.poor[data-v-084c2eb1],.eval-value.very-poor[data-v-084c2eb1]{color:#dc2626}.eval-desc[data-v-084c2eb1]{font-size:11px;color:#94a3b8;line-height:1.4}.suggestion-box[data-v-084c2eb1]{background:#f8fafc;border-radius:10px;padding:14px 16px;margin-bottom:12px;border-left:3px solid #3b82f6}.suggestion-box.tips[data-v-084c2eb1]{border-left-color:#10b981}.suggestion-title[data-v-084c2eb1]{font-size:13px;font-weight:700;color:#334155;margin:0 0 8px}.suggestion-text[data-v-084c2eb1]{font-size:13px;color:#475569;line-height:1.6;margin:0}.tips-list[data-v-084c2eb1]{margin:0;padding-left:18px;list-style:disc}.tips-list li[data-v-084c2eb1]{font-size:13px;color:#475569;line-height:1.8}.history-panel[data-v-084c2eb1]{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid #eef2f7;box-shadow:0 2px 8px rgba(0,0,0,.04)}.history-header[data-v-084c2eb1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.clear-btn[data-v-084c2eb1]{padding:5px 14px;font-size:12px;font-weight:600;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .2s}.clear-btn[data-v-084c2eb1]:hover{background:#fee2e2}.empty-history[data-v-084c2eb1]{text-align:center;padding:24px;color:#94a3b8;font-size:14px}.history-list[data-v-084c2eb1]{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.history-item[data-v-084c2eb1]{display:grid;grid-template-columns:100px 1fr 80px;align-items:center;gap:12px;padding:10px 12px;background:#f8fafc;border-radius:8px;font-size:13px;border:1px solid #f1f5f9;transition:all .2s}.history-item[data-v-084c2eb1]:hover{background:#f1f5f9}.history-time[data-v-084c2eb1]{font-weight:600;color:#475569}.history-stats[data-v-084c2eb1]{display:flex;gap:12px;font-size:12px}.history-fps[data-v-084c2eb1]{color:#334155;font-weight:600}.history-range[data-v-084c2eb1]{color:#94a3b8}.history-level[data-v-084c2eb1]{text-align:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700}.history-level.excellent[data-v-084c2eb1]{background:#ecfdf5;color:#059669}.history-level.good[data-v-084c2eb1]{background:#eff6ff;color:#2563eb}.history-level.fair[data-v-084c2eb1]{background:#fffbeb;color:#d97706}.history-level.poor[data-v-084c2eb1],.history-level.very-poor[data-v-084c2eb1]{background:#fef2f2;color:#dc2626}.info-panel[data-v-084c2eb1]{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid #eef2f7;box-shadow:0 2px 8px rgba(0,0,0,.04)}.info-content[data-v-084c2eb1]{font-size:13px;color:#475569;line-height:1.7}.info-content p[data-v-084c2eb1]{margin:0 0 12px}.info-content h4[data-v-084c2eb1]{font-size:14px;font-weight:700;color:#334155;margin:12px 0 8px}.info-content ul[data-v-084c2eb1],.info-content ol[data-v-084c2eb1]{margin:0 0 12px;padding-left:20px}.info-content li[data-v-084c2eb1]{margin-bottom:4px}.stress-canvas[data-v-084c2eb1]{position:fixed;top:-9999px;left:-9999px;width:800px;height:600px;pointer-events:none;visibility:hidden}.fade-up-enter-active[data-v-084c2eb1]{transition:all .5s cubic-bezier(.22,1,.36,1)}.fade-up-enter-from[data-v-084c2eb1]{opacity:0;transform:translateY(16px)}@media(max-width:520px){.main-wrap[data-v-084c2eb1]{padding:0 16px 24px}.top-bar[data-v-084c2eb1]{margin-bottom:14px}.page-title[data-v-084c2eb1]{font-size:24px}.fps-gauge-box[data-v-084c2eb1]{width:200px;height:200px}.fps-num[data-v-084c2eb1]{font-size:38px}.stats-row[data-v-084c2eb1]{gap:8px}.stat-card[data-v-084c2eb1]{padding:8px 10px}.stat-value[data-v-084c2eb1]{font-size:19px}.settings-panel[data-v-084c2eb1]{grid-template-columns:1fr;padding:14px}.setting-item.checkbox-item[data-v-084c2eb1]{grid-column:span 1}.eval-grid[data-v-084c2eb1]{grid-template-columns:1fr}.history-item[data-v-084c2eb1]{grid-template-columns:1fr;gap:6px}.history-stats[data-v-084c2eb1]{flex-direction:column;gap:2px}.action-btn[data-v-084c2eb1]{padding:11px 28px;font-size:14px}}body:has(.fps-test-page) .breadcrumb-container{background:rgba(248,250,252,.94)!important;border-bottom-color:rgba(59,130,246,.12)!important;position:relative;z-index:10;margin-bottom:8px!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body:has(.fps-test-page) .breadcrumb-container a,body:has(.fps-test-page) .breadcrumb-container li:not(:last-child){color:#475569!important}body:has(.fps-test-page) .breadcrumb-container a:hover{color:#2563eb!important}body:has(.fps-test-page) .breadcrumb-container .text-gray-900{color:#1e293b!important}