.product-hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.product-hero .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;text-align:left;padding:60px 0}.hero-left .hero-title{font-size:clamp(32px,5vw,56px);letter-spacing:-1px}.hero-price-tag{display:inline-flex;align-items:baseline;gap:8px;margin:24px 0;padding:12px 24px;border-radius:var(--radius-lg);background:#6c63ff14;border:1px solid rgba(108,99,255,.2)}.hero-price-tag .price-amount{font-size:32px;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-price-tag .price-unit{font-size:14px;color:var(--text-secondary)}.hero-price-tag .price-compare{font-size:13px;color:var(--text-muted);text-decoration:line-through}.terminal-mockup{background:#0d1117;border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.15);overflow:hidden;box-shadow:var(--shadow-lg),0 0 80px #6c63ff1a}.terminal-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(148,163,184,.1)}.terminal-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.terminal-dot:nth-child(1){background:#ff5f56}.terminal-dot:nth-child(2){background:#ffbd2e}.terminal-dot:nth-child(3){background:#27c93f}.terminal-bar .terminal-title{flex:1;text-align:center;font-size:12px;color:var(--text-muted)}.terminal-body{padding:24px;min-height:320px;font-family:var(--font-mono);font-size:13px;line-height:1.8}.terminal-line{margin-bottom:8px;opacity:0;animation:fadeInLine .3s forwards}.terminal-line.user{color:#7ee787}.terminal-line.user:before{content:"👤 "}.terminal-line.ai{color:#79c0ff}.terminal-line.ai:before{content:"🤖 "}.terminal-line.system{color:var(--text-muted);font-size:12px}.terminal-cursor{display:inline-block;width:8px;height:16px;background:var(--color-primary);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}@keyframes blink{50%{opacity:0}}@keyframes fadeInLine{to{opacity:1}}.terminal-preview-card{margin-top:12px;padding:16px;border-radius:var(--radius-md);background:#6c63ff0f;border:1px solid rgba(108,99,255,.2);opacity:0;transform:translateY(10px);animation:cardAppear .5s .3s forwards}@keyframes cardAppear{to{opacity:1;transform:translateY(0)}}.terminal-preview-card h4{font-size:14px;margin-bottom:8px;color:#e6edf3}.terminal-preview-card .tpc-row{display:flex;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.terminal-preview-card .tpc-label{color:var(--text-muted);min-width:48px}.terminal-preview-card .tpc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.terminal-preview-card .tpc-tag{padding:2px 8px;border-radius:4px;font-size:11px;background:#6c63ff1f;color:var(--color-primary);border:1px solid rgba(108,99,255,.2)}.terminal-preview-card .tpc-actions{display:flex;gap:8px;margin-top:12px}.terminal-preview-card .tpc-btn{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:default}.tpc-btn.confirm{background:#27c93f26;color:#27c93f;border:1px solid rgba(39,201,63,.3)}.tpc-btn.edit{background:#ffbd2e1a;color:#ffbd2e;border:1px solid rgba(255,189,46,.2)}.tpc-btn.cancel{background:#ff5f561a;color:#ff5f56;border:1px solid rgba(255,95,86,.2)}.comparison{background:var(--bg-secondary)}.comparison-table-wrap{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-card)}.comparison-table{width:100%;border-collapse:collapse}.comparison-table thead th{padding:20px 24px;font-size:15px;font-weight:700;text-align:left;border-bottom:1px solid var(--border-color)}.comparison-table thead th:first-child{background:var(--bg-tertiary);color:var(--text-secondary);width:200px}.comparison-table thead th:nth-child(2){background:#ff5f560d;color:var(--text-muted)}.comparison-table thead th:nth-child(3){background:#6c63ff14;color:var(--color-primary);position:relative}.comparison-table thead th:nth-child(3):after{content:"推荐";position:absolute;top:8px;right:12px;padding:2px 8px;border-radius:4px;font-size:10px;background:var(--gradient-primary);color:#fff}.comparison-table tbody td{padding:16px 24px;font-size:14px;border-bottom:1px solid rgba(148,163,184,.06);vertical-align:top;line-height:1.6}.comparison-table tbody tr:hover{background:#6c63ff05}.comparison-table tbody td:first-child{font-weight:600;color:var(--text-primary);background:#1414284d}.comparison-table tbody td:nth-child(2){color:var(--text-muted)}.comparison-table tbody td:nth-child(3){color:var(--text-primary)}.comp-highlight{color:var(--color-primary)!important;font-weight:700}.comp-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-left:6px}.comp-tag.save{background:#27c93f1a;color:#27c93f}.comp-tag.new{background:#6c63ff1a;color:var(--color-primary)}.comp-tag.ai{background:#06b6d41a;color:var(--color-accent)}.roles{background:var(--bg-primary)}.role-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:48px}.role-tab{padding:12px 28px;border-radius:var(--radius-full);font-size:15px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border-color);background:transparent;transition:all var(--transition-base);cursor:pointer}.role-tab:hover{border-color:var(--border-hover);color:var(--text-primary)}.role-tab.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 20px #6c63ff4d}.role-panel{display:none;animation:fadeUp .4s ease}.role-panel.active{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.role-card{padding:32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.role-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.role-card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#6c63ff1a;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.role-card h4{font-size:16px;margin-bottom:8px}.role-card p{font-size:13px;color:var(--text-muted);line-height:1.7}.screenshots{background:var(--bg-secondary)}.screenshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.screenshot-item{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-card);transition:all var(--transition-base)}.screenshot-item:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.screenshot-item.featured{grid-column:span 2}.screenshot-img-wrap{position:relative;overflow:hidden}.screenshot-img-wrap img{width:100%;display:block;transition:transform var(--transition-slow)}.screenshot-item:hover .screenshot-img-wrap img{transform:scale(1.02)}.screenshot-caption{padding:20px 24px}.screenshot-caption h4{font-size:16px;margin-bottom:6px}.screenshot-caption p{font-size:13px;color:var(--text-muted)}.pricing{background:var(--bg-primary)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto}.pricing-card{padding:40px 32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);text-align:center;transition:all var(--transition-base);position:relative}.pricing-card.featured{border-color:#6c63ff66;background:#6c63ff0a;transform:scale(1.05);box-shadow:var(--shadow-glow-strong)}.pricing-card.featured:before{content:"最受欢迎";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:700;background:var(--gradient-primary);color:#fff}.pricing-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.pricing-tier{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:8px}.pricing-amount{font-size:42px;font-weight:900;color:var(--text-primary);margin-bottom:4px}.pricing-amount span{font-size:16px;font-weight:500;color:var(--text-muted)}.pricing-desc{font-size:13px;color:var(--text-muted);margin-bottom:24px}.pricing-features{text-align:left;margin-bottom:32px}.pricing-features li{font-size:13px;color:var(--text-secondary);padding:6px 0 6px 24px;position:relative}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:700}@media(max-width:768px){.product-hero .hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-left{order:1}.hero-right{order:2}.comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{min-width:640px}.role-panel.active,.screenshot-grid{grid-template-columns:1fr}.screenshot-item.featured{grid-column:span 1}.pricing-cards{grid-template-columns:1fr;max-width:400px}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}.role-tabs{flex-wrap:wrap}}