.page[data-v-668f4b9b]{min-height:100vh;padding-top:var(--header-height)}.page-hero[data-v-668f4b9b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;text-align:center}.page-hero h1[data-v-668f4b9b]{font-size:2.5rem;margin-bottom:16px;color:#fff}.page-hero p[data-v-668f4b9b]{font-size:18px;opacity:.9;max-width:600px;margin:0 auto}.demo-tabs[data-v-668f4b9b]{max-width:100%}.tab-buttons[data-v-668f4b9b]{display:flex;justify-content:center;gap:8px;margin-bottom:32px;flex-wrap:wrap}.tab-btn[data-v-668f4b9b]{padding:12px 28px;border:2px solid var(--border-lighter);background:var(--bg-primary);color:var(--text-regular);border-radius:var(--border-radius-md);cursor:pointer;font-size:15px;font-weight:500;transition:all .3s ease}.tab-btn[data-v-668f4b9b]:hover{border-color:var(--primary-color);color:var(--primary-color)}.tab-btn.active[data-v-668f4b9b]{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:transparent}.demo-compare[data-v-668f4b9b]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-panel[data-v-668f4b9b]{display:flex;flex-direction:column}.demo-title[data-v-668f4b9b]{font-size:18px;margin-bottom:16px;text-align:center}.code-window[data-v-668f4b9b]{background:#1e1e2e;border-radius:8px;overflow:hidden;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;flex:1;display:flex;flex-direction:column}.code-header[data-v-668f4b9b]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#2a2a3e;border-bottom:1px solid #3a3a4e}.dot[data-v-668f4b9b]{width:12px;height:12px;border-radius:50%}.dot.red[data-v-668f4b9b]{background-color:#ff5f56}.dot.yellow[data-v-668f4b9b]{background-color:#ffbd2e}.dot.green[data-v-668f4b9b]{background-color:#27c93f}.code-title[data-v-668f4b9b]{margin-left:12px;color:#a0a0b0;font-size:12px}.code-body[data-v-668f4b9b]{padding:16px;overflow-x:auto;flex:1}.code-body pre[data-v-668f4b9b]{margin:0;white-space:pre-wrap;word-break:break-all}.php-tag[data-v-668f4b9b],.keyword[data-v-668f4b9b]{color:#c678dd}.function[data-v-668f4b9b]{color:#61afef}.class[data-v-668f4b9b]{color:#e5c07b}.param[data-v-668f4b9b],.var[data-v-668f4b9b]{color:#e06c75}.string[data-v-668f4b9b]{color:#98c379}.comment[data-v-668f4b9b]{color:#5c6370}.encrypted-code[data-v-668f4b9b]{color:#909399;font-style:italic}.goto-label[data-v-668f4b9b]{color:#e5c07b}.strength-grid[data-v-668f4b9b]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.strength-card[data-v-668f4b9b]{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:2px solid var(--border-lighter);overflow:hidden;transition:all .3s ease;position:relative}.strength-card[data-v-668f4b9b]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.strength-card.featured[data-v-668f4b9b]{border-color:var(--primary-color);transform:scale(1.02)}.badge[data-v-668f4b9b]{position:absolute;top:16px;right:16px;padding:4px 16px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:20px;font-size:12px;font-weight:600;z-index:1}.strength-header[data-v-668f4b9b]{padding:32px 24px;text-align:center;color:#fff}.strength-header.light[data-v-668f4b9b]{background:linear-gradient(135deg,#67c23a,#85ce61)}.strength-header.medium[data-v-668f4b9b]{background:linear-gradient(135deg,#409eff,#66b1ff)}.strength-header.high[data-v-668f4b9b]{background:linear-gradient(135deg,#9c27b0,#ba68c8)}.strength-icon[data-v-668f4b9b]{font-size:48px;margin-bottom:12px}.strength-header h3[data-v-668f4b9b]{color:#fff;margin-bottom:16px;font-size:22px}.strength-level[data-v-668f4b9b]{display:flex;justify-content:center;gap:6px}.level-bar[data-v-668f4b9b]{width:40px;height:6px;border-radius:3px;background:#ffffff4d}.level-bar.active[data-v-668f4b9b]{background:#fff}.strength-body[data-v-668f4b9b]{padding:24px}.strength-features[data-v-668f4b9b]{list-style:none;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-lighter)}.strength-features li[data-v-668f4b9b]{padding:8px 0;font-size:14px;color:var(--text-regular)}.strength-features li.disabled[data-v-668f4b9b]{color:var(--text-placeholder);text-decoration:line-through}.strength-desc p[data-v-668f4b9b]{font-size:14px;color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.strength-desc strong[data-v-668f4b9b]{color:var(--text-primary)}.performance-grid[data-v-668f4b9b]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.performance-card[data-v-668f4b9b]{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:32px;border:1px solid var(--border-lighter)}.performance-card h3[data-v-668f4b9b]{font-size:18px;margin-bottom:24px;text-align:center}.chart-container[data-v-668f4b9b]{width:100%}.bar-chart[data-v-668f4b9b]{display:flex;flex-direction:column;gap:20px}.chart-item[data-v-668f4b9b]{display:flex;flex-direction:column;gap:8px}.chart-label[data-v-668f4b9b]{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.chart-bars[data-v-668f4b9b]{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px}.chart-bars.horizontal[data-v-668f4b9b]{grid-template-columns:1fr 80px}.chart-bar-wrap[data-v-668f4b9b]{position:relative;height:24px;background:var(--bg-secondary);border-radius:4px;overflow:visible}.chart-bar-wrap.horizontal[data-v-668f4b9b]{order:-1}.chart-bar[data-v-668f4b9b]{height:100%;border-radius:4px;transition:width .6s ease}.chart-bar.before[data-v-668f4b9b]{background:linear-gradient(90deg,#909399,#a8abb2)}.chart-bar.after.goto-style[data-v-668f4b9b]{background:linear-gradient(90deg,#67c23a,#85ce61)}.chart-bar.after.sg16-style[data-v-668f4b9b]{background:linear-gradient(90deg,#409eff,#66b1ff)}.chart-value[data-v-668f4b9b]{position:absolute;right:-50px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-secondary);font-weight:500}.chart-value.left[data-v-668f4b9b]{right:auto;left:-50px}.bar-label[data-v-668f4b9b]{font-size:12px;color:var(--text-secondary)}.chart-legend[data-v-668f4b9b]{display:flex;justify-content:center;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-lighter)}.legend-item[data-v-668f4b9b]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.legend-color[data-v-668f4b9b]{width:16px;height:16px;border-radius:4px}.legend-color.before[data-v-668f4b9b]{background:linear-gradient(90deg,#909399,#a8abb2)}.legend-color.goto-style[data-v-668f4b9b]{background:linear-gradient(90deg,#67c23a,#85ce61)}.legend-color.sg16-style[data-v-668f4b9b]{background:linear-gradient(90deg,#409eff,#66b1ff)}.performance-summary[data-v-668f4b9b]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.summary-item[data-v-668f4b9b]{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-lighter)}.summary-icon[data-v-668f4b9b]{font-size:36px;flex-shrink:0}.summary-content h4[data-v-668f4b9b]{font-size:16px;margin-bottom:4px}.summary-content p[data-v-668f4b9b]{font-size:14px;color:var(--text-secondary)}.summary-content strong[data-v-668f4b9b]{color:var(--primary-color)}.framework-demo-tabs[data-v-668f4b9b]{max-width:100%}.framework-demo-content[data-v-668f4b9b]{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:32px;border:1px solid var(--border-lighter)}.framework-header[data-v-668f4b9b]{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-lighter)}.framework-icon[data-v-668f4b9b]{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#67c23a,#85ce61);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.laravel-icon[data-v-668f4b9b]{background:linear-gradient(135deg,#f55247,#f87171)}.framework-header h3[data-v-668f4b9b]{font-size:22px;margin-bottom:4px}.framework-header p[data-v-668f4b9b]{color:var(--text-secondary);font-size:14px}.framework-structure[data-v-668f4b9b]{background:var(--bg-secondary);border-radius:var(--border-radius-md);padding:20px;margin-bottom:20px;font-family:Consolas,Monaco,monospace;font-size:14px}.structure-item[data-v-668f4b9b]{display:flex;align-items:center;gap:8px;padding:6px 0}.structure-item.level-1[data-v-668f4b9b]{padding-left:24px}.structure-item.level-2[data-v-668f4b9b]{padding-left:48px}.structure-item.level-3[data-v-668f4b9b]{padding-left:72px}.folder-icon[data-v-668f4b9b],.file-icon[data-v-668f4b9b]{font-size:16px}.structure-name[data-v-668f4b9b]{color:var(--text-regular);flex:1}.encrypt-badge[data-v-668f4b9b]{padding:2px 10px;background:#67c23a1a;color:var(--secondary-color);border-radius:12px;font-size:12px;font-weight:500}.keep-badge[data-v-668f4b9b]{padding:2px 10px;background:#9093991a;color:var(--text-secondary);border-radius:12px;font-size:12px;font-weight:500}.framework-note[data-v-668f4b9b]{background:linear-gradient(135deg,#409eff0d,#67c23a0d);border:1px solid rgba(64,158,255,.2);border-radius:var(--border-radius-md);padding:16px 20px}.framework-note p[data-v-668f4b9b]{color:var(--text-regular);font-size:14px;line-height:1.8;margin:0}.framework-note strong[data-v-668f4b9b]{color:var(--primary-color)}.cta-section[data-v-668f4b9b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-content h2[data-v-668f4b9b]{color:#fff}.cta-content p[data-v-668f4b9b]{color:#ffffffe6}.cta-actions .btn-primary[data-v-668f4b9b]{background-color:gold;color:#333}.cta-actions .btn-primary[data-v-668f4b9b]:hover{background-color:#ffed4e;color:#333}.cta-actions .btn-outline[data-v-668f4b9b]{color:#fff;border-color:#fff}.cta-actions .btn-outline[data-v-668f4b9b]:hover{background-color:#fff;color:#667eea}@media (max-width: 1024px){.demo-compare[data-v-668f4b9b]{grid-template-columns:1fr}.strength-grid[data-v-668f4b9b]{grid-template-columns:1fr;max-width:400px;margin:0 auto}.strength-card.featured[data-v-668f4b9b]{transform:none}.performance-grid[data-v-668f4b9b],.performance-summary[data-v-668f4b9b]{grid-template-columns:1fr}}@media (max-width: 768px){.page-hero[data-v-668f4b9b]{padding:60px 0}.page-hero h1[data-v-668f4b9b]{font-size:2rem}.tab-buttons[data-v-668f4b9b]{gap:4px}.tab-btn[data-v-668f4b9b]{padding:10px 18px;font-size:14px}.framework-demo-content[data-v-668f4b9b]{padding:20px}.framework-header[data-v-668f4b9b]{flex-direction:column;text-align:center}.chart-value[data-v-668f4b9b]{right:-40px;font-size:11px}.chart-value.left[data-v-668f4b9b]{left:-40px}}@media (max-width: 480px){.cta-actions[data-v-668f4b9b]{flex-direction:column}.cta-actions .btn[data-v-668f4b9b]{width:100%}}