:root{--primary-color:#667eea;--primary-light:#818cf8;--primary-dark:#5a67d8;--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--dev-color:#3B82F6;--nondev-color:#8B5CF6;--bg-color:#F8FAFC;--bg-white:#FFFFFF;--bg-dark:#0f172a;--bg-glass:rgba(255, 255, 255, 0.85);--text-primary:#111827;--text-secondary:#64748B;--text-light:#94A3B8;--p0-color:#DC2626;--p1-color:#EA580C;--p2-color:#CA8A04;--p3-color:#2563EB;--p4-color:#64748B;--badge-coding-bg:#FDF2F8;--badge-coding-text:#DB2777;--badge-chatbot-bg:#ECFDF5;--badge-chatbot-text:#059669;--badge-workflow-bg:#EFF6FF;--badge-workflow-text:#2563EB;--badge-research-bg:#FFFBEB;--badge-research-text:#D97706;--badge-background-bg:#F5F3FF;--badge-background-text:#7C3AED;--badge-browser-bg:#F0FDFA;--badge-browser-text:#0D9488;--badge-computer-bg:#FAF5FF;--badge-computer-text:#9333EA;--badge-design-bg:#FFF1F2;--badge-design-text:#E11D48;--badge-data-bg:#ECFEFF;--badge-data-text:#0891B2;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.16);--shadow-glow:0 0 40px rgba(102, 126, 234, 0.15);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:400ms cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:500ms cubic-bezier(0.34, 1.56, 0.64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Microsoft YaHei',sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.header{background:linear-gradient(135deg,#f50 0,#ff6b2b 25%,#f84 50%,#f50 100%);background-size:200% 200%;animation:gradientShift 8s ease infinite;color:#fff;padding:64px 24px;text-align:center;position:relative;overflow:hidden}.header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.header-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.header h1{font-size:2.75rem;font-weight:800;margin-bottom:16px;text-shadow:0 4px 20px rgba(0,0,0,.15);letter-spacing:-.5px}.subtitle{font-size:1.15rem;opacity:.95;max-width:700px;margin:0 auto;line-height:1.8;font-weight:400}section{max-width:1400px;margin:0 auto;padding:56px 32px}.section-title{font-size:1.85rem;font-weight:700;color:var(--text-primary);margin-bottom:28px;display:flex;align-items:center;gap:14px;letter-spacing:-.3px}.section-desc{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.7}.title-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);font-size:1.35rem;box-shadow:var(--shadow-md)}.title-dev{background:linear-gradient(135deg,var(--dev-color),#60a5fa)}.title-nondev{background:linear-gradient(135deg,var(--nondev-color),#a78bfa)}.stats-section{background:linear-gradient(180deg,#fff 0,var(--bg-color) 100%);padding:56px 24px}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.stat-card{background:#fff;border-radius:var(--radius-xl);padding:28px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;border-radius:5px 0 0 5px}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.stat-total::before{background:linear-gradient(180deg,var(--primary-color),var(--primary-light))}.stat-dev::before{background:linear-gradient(180deg,var(--dev-color),#60a5fa)}.stat-nondev::before{background:linear-gradient(180deg,var(--nondev-color),#a78bfa)}.stat-agent::before{background:linear-gradient(180deg,#10b981,#34d399)}.stat-icon{font-size:2.75rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.stat-number{font-size:2.75rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-1px}.stat-label{font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:6px}.stat-desc{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.priority-section{background:var(--bg-color)}.priority-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.priority-card{background:#fff;border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04);transition:all var(--transition-normal);position:relative;overflow:hidden}.priority-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}.priority-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.priority-p0::before{background:linear-gradient(90deg,var(--p0-color),#f87171)}.priority-p1::before{background:linear-gradient(90deg,var(--p1-color),#fb923c)}.priority-p2::before{background:linear-gradient(90deg,var(--p2-color),#fde047)}.priority-p3::before{background:linear-gradient(90deg,var(--p3-color),#60a5fa)}.priority-p4::before{background:linear-gradient(90deg,var(--p4-color),#94a3b8)}.priority-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-top:4px}.priority-badge{padding:5px 12px;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;color:#fff;letter-spacing:.5px}.badge-p0{background:linear-gradient(135deg,var(--p0-color),#f87171)}.badge-p1{background:linear-gradient(135deg,var(--p1-color),#fb923c)}.badge-p2{background:linear-gradient(135deg,var(--p2-color),#fbbf24)}.badge-p3{background:linear-gradient(135deg,var(--p3-color),#60a5fa)}.badge-p4{background:linear-gradient(135deg,var(--p4-color),#94a3b8)}.priority-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.priority-content{display:flex;flex-direction:column;gap:14px}.priority-item{display:flex;flex-direction:column;gap:6px}.coverage{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.agent-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap;transition:all var(--transition-fast);border:1px solid transparent}.agent-badge:hover{transform:scale(1.05)}.badge-coding{background:var(--badge-coding-bg);color:var(--badge-coding-text);border-color:rgba(219,39,119,.15)}.badge-chatbot{background:var(--badge-chatbot-bg);color:var(--badge-chatbot-text);border-color:rgba(5,150,105,.15)}.badge-workflow{background:var(--badge-workflow-bg);color:var(--badge-workflow-text);border-color:rgba(37,99,235,.15)}.badge-research{background:var(--badge-research-bg);color:var(--badge-research-text);border-color:rgba(217,119,6,.15)}.badge-background{background:var(--badge-background-bg);color:var(--badge-background-text);border-color:rgba(124,58,237,.15)}.badge-browser{background:var(--badge-browser-bg);color:var(--badge-browser-text);border-color:rgba(13,148,136,.15)}.badge-computer{background:var(--badge-computer-bg);color:var(--badge-computer-text);border-color:rgba(147,51,234,.15)}.badge-design{background:var(--badge-design-bg);color:var(--badge-design-text);border-color:rgba(225,29,72,.15)}.badge-data{background:var(--badge-data-bg);color:var(--badge-data-text);border-color:rgba(8,145,178,.15)}.network-section{background:#fff}.network-container{width:100%;overflow:auto;background:linear-gradient(135deg,#fafbfc 0,#f1f5f9 50%,#e2e8f0 100%);border-radius:var(--radius-xl);box-shadow:inset 0 2px 8px rgba(0,0,0,.06);min-height:400px;border:1px solid rgba(0,0,0,.06);position:relative}.svg-wrapper{width:100%;overflow:visible;padding:20px}.svg-wrapper svg{display:block;transition:transform .2s ease}.network-container svg{display:block}.zoom-controls{position:absolute;top:12px;right:12px;display:flex;gap:4px;background:#fff;padding:6px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100}.zoom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;color:#475569;transition:all .2s ease}.zoom-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.zoom-btn:active{transform:scale(.95)}.zoom-btn .zoom-level{font-size:11px;font-weight:600;min-width:40px;text-align:center}#zoom-reset{width:auto;padding:0 8px}.tooltip{position:fixed;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.5);z-index:1000;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);max-width:320px}.tooltip.visible{opacity:1}.tooltip-title{font-weight:700;color:var(--text-primary);margin-bottom:10px;font-size:1rem}.tooltip-content{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.tooltip-item{margin-bottom:6px}.tooltip-item strong{color:var(--text-primary)}.roadmap-section{background:var(--bg-color)}.roadmap-timeline{display:flex;gap:24px;overflow-x:auto;padding:24px 4px}.roadmap-item{flex:1;min-width:260px;background:#fff;border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04);position:relative;transition:all var(--transition-normal)}.roadmap-item::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;border-radius:5px 0 0 5px}.roadmap-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.phase-1::before{background:linear-gradient(180deg,var(--p0-color),#f87171)}.phase-2::before{background:linear-gradient(180deg,var(--p1-color),#fb923c)}.phase-3::before{background:linear-gradient(180deg,var(--p2-color),#fbbf24)}.phase-4::before{background:linear-gradient(180deg,var(--p3-color),#60a5fa)}.roadmap-phase{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.roadmap-time{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:10px 0}.roadmap-content{font-size:.95rem}.roadmap-content strong{display:block;color:var(--text-primary);margin-bottom:6px;font-weight:600}.roadmap-coverage{display:inline-block;font-size:.85rem;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));padding:4px 12px;border-radius:999px;margin-top:8px}.table-section{background:#fff;padding-top:56px;padding-bottom:56px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.06)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{background:linear-gradient(135deg,var(--bg-dark) 0,#1e293b 100%);color:#fff;padding:16px 18px;text-align:left;font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:10;letter-spacing:.3px}.data-table td{padding:14px 18px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:nth-child(2n){background:#fafbfc}.data-table tbody tr:hover{background:#f1f5f9}.time-high{color:#dc2626;font-weight:700;background:rgba(220,38,38,.08);padding:4px 10px;border-radius:var(--radius-sm)}.time-medium{color:#ea580c;font-weight:600;background:rgba(234,88,12,.08);padding:4px 10px;border-radius:var(--radius-sm)}.time-low{color:#ca8a04;font-weight:500}.time-verylow{color:var(--text-light)}.graph-node .node-text-link{pointer-events:all}.graph-node .node-bg{pointer-events:all}.graph-node .product-link-area{pointer-events:all}.graph-node .product-link-area:hover text{text-decoration:underline}.collapse-btn{pointer-events:all;transition:transform .2s ease}.collapse-btn:hover circle{fill:#f1f5f9;stroke:#64748b}.collapse-btn:hover text{fill:#1e293b}.collapse-btn circle{transition:all .2s ease}.collapse-icon{user-select:none;font-family:system-ui,-apple-system,sans-serif}.graph-node{transition:opacity .3s ease,transform .3s ease}.graph-node[style*="display: none"]{opacity:0;transform:scale(.8)}.graph-connection{transition:opacity .3s ease}.product-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all var(--transition-fast);border-bottom:1px solid transparent}.product-link:hover{color:var(--primary-dark);border-bottom-color:var(--primary-color)}.data-table .product-link{color:var(--text-primary);font-weight:500}.data-table .product-link:hover{color:var(--primary-color)}.tooltip-url{font-size:.75rem;color:var(--primary-color);word-break:break-all;opacity:.8}.agent-section{background:var(--bg-color)}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.agent-card{background:#fff;border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04);transition:all var(--transition-normal);position:relative;overflow:hidden}.agent-card::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%}.agent-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-xl)}.agent-coding::before{background:linear-gradient(180deg,var(--badge-coding-text),#f472b6)}.agent-chatbot::before{background:linear-gradient(180deg,var(--badge-chatbot-text),#34d399)}.agent-workflow::before{background:linear-gradient(180deg,var(--badge-workflow-text),#60a5fa)}.agent-design::before{background:linear-gradient(180deg,var(--badge-design-text),#f472b6)}.agent-data::before{background:linear-gradient(180deg,var(--badge-data-text),#22d3ee)}.agent-research::before{background:linear-gradient(180deg,var(--badge-research-text),#fbbf24)}.agent-browser::before{background:linear-gradient(180deg,var(--badge-browser-text),#2dd4bf)}.agent-computer::before{background:linear-gradient(180deg,var(--badge-computer-text),#c084fc)}.agent-background::before{background:linear-gradient(180deg,var(--badge-background-text),#a78bfa)}.agent-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.agent-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.agent-name{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.agent-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:14px}.agent-coverage{display:inline-block;font-size:.85rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));padding:6px 14px;border-radius:999px}.agent-detail-link{display:inline-block;margin-top:14px;font-size:.9rem;font-weight:600;color:var(--primary-color);text-decoration:none;transition:all var(--transition-fast);position:relative}.agent-detail-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width var(--transition-fast)}.agent-detail-link:hover{color:var(--primary-dark);transform:translateX(4px)}.agent-detail-link:hover::after{width:100%}.footer{background:linear-gradient(135deg,var(--bg-dark) 0,#0f172a 100%);color:#fff;padding:56px 24px;text-align:center}.footer-content{max-width:800px;margin:0 auto}.footer p{font-size:1rem;opacity:.9}.footer-note{margin-top:12px;font-size:.9rem;opacity:.6}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.priority-grid{grid-template-columns:repeat(3,1fr)}.agent-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header{padding:48px 20px}.header h1{font-size:1.85rem}.subtitle{font-size:1rem}section{padding:40px 20px}.stats-grid{grid-template-columns:1fr;gap:16px}.priority-grid{grid-template-columns:repeat(2,1fr);gap:16px}.agent-grid{grid-template-columns:1fr;gap:16px}.roadmap-timeline{flex-direction:column}.roadmap-item{min-width:auto}.section-title{font-size:1.5rem}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:12px 14px}}@media (max-width:600px){.priority-grid{grid-template-columns:1fr}.header h1{font-size:1.6rem}}.graph-node{cursor:pointer;transition:all var(--transition-fast)}.graph-node:hover{filter:brightness(1.08) drop-shadow(0 4px 8px rgba(0, 0, 0, .15))}.graph-node rect{transition:all var(--transition-fast)}.graph-node text{font-family:inherit;pointer-events:none}.graph-connection{transition:all var(--transition-fast);pointer-events:none}.graph-node.dimmed{opacity:.2;filter:grayscale(.5)}.graph-connection.dimmed{opacity:.05}.graph-node.highlighted{opacity:1;filter:brightness(1.05) drop-shadow(0 4px 12px rgba(0, 0, 0, .2))}.graph-connection.highlighted{opacity:1;stroke-width:2.5}.column-title{font-size:14px;font-weight:700;fill:var(--text-primary);letter-spacing:.3px}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.agent-card,.priority-card,.roadmap-item,.stat-card{animation:fadeInUp .6s ease forwards}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.priority-card:first-child{animation-delay:.1s}.priority-card:nth-child(2){animation-delay:.15s}.priority-card:nth-child(3){animation-delay:.2s}.priority-card:nth-child(4){animation-delay:.25s}.priority-card:nth-child(5){animation-delay:.3s}