.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-left .hero-subtitle{text-align:left;margin-left:0}.hero-left .hero-actions{justify-content:flex-start}.hero-stats-bar{display:flex;gap:32px;margin-top:36px;padding:24px 32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-stat{text-align:center}.hero-stat-num{font-size:32px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.report-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}.report-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(148,163,184,.1)}.report-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.report-dot:nth-child(1){background:#ff5f56}.report-dot:nth-child(2){background:#ffbd2e}.report-dot:nth-child(3){background:#27c93f}.report-bar .report-title{flex:1;text-align:center;font-size:12px;color:var(--text-muted)}.report-body{padding:24px;font-family:var(--font-mono);font-size:13px;line-height:1.9;color:var(--text-secondary)}.report-body .rpt-title{color:var(--color-primary);font-weight:700}.report-body .rpt-pass{color:#27c93f}.report-body .rpt-warn{color:#ffbd2e}.report-body .rpt-tree{color:var(--text-muted)}.approval-flow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:32px 0}.flow-step{padding:14px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:1px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-base)}.flow-step:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.flow-arrow{color:var(--color-primary);font-size:18px;font-weight:700}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.rule-card{padding:28px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.rule-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.rule-inner{display:flex;gap:16px;align-items:flex-start}.rule-num{width:40px;height:40px;min-width:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff}.rule-content h4{font-size:16px;font-weight:700;margin-bottom:6px}.rule-content p{font-size:13px;color:var(--text-muted);line-height:1.7}.rule-card-full{grid-column:1 / -1;max-width:520px;margin:0 auto}.plugins-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.plugin-card{position:relative;overflow:hidden;padding:32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.plugin-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.plugin-number{font-size:48px;font-weight:800;opacity:.08;position:absolute;top:12px;right:20px;color:var(--text-primary)}.plugin-tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;margin-bottom:14px}.plugin-card h3{font-size:17px;font-weight:700;margin-bottom:8px}.plugin-card p{font-size:13px;color:var(--text-muted);line-height:1.7}.detail-block{margin-bottom:80px}.detail-header{margin-bottom:28px}.detail-header h2{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.detail-header p{color:var(--text-secondary);font-size:14px}.detail-tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:700}.detail-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.detail-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.detail-card{padding:24px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.detail-card:hover{border-color:var(--border-hover)}.detail-card h3{font-size:16px;font-weight:700;margin-bottom:10px}.detail-card p{font-size:13px;color:var(--text-muted);line-height:1.7}.demo-code{background:#0d1117;border:1px solid rgba(148,163,184,.12);border-radius:var(--radius-lg);padding:24px;font-family:var(--font-mono);font-size:13px;line-height:1.9;overflow-x:auto;color:var(--text-secondary)}.demo-code .dc-green{color:#27c93f}.demo-code .dc-amber{color:#ffbd2e}.demo-code .dc-blue{color:var(--color-primary);font-weight:700}.file-tree{background:#0d1117cc;border-radius:var(--radius-md);padding:20px 24px;font-family:var(--font-mono);font-size:12px;line-height:1.9;color:var(--color-accent);overflow-x:auto}.detail-table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}.detail-table th{text-align:left;padding:10px 14px;background:#6c63ff14;border:1px solid var(--border-color);font-weight:700;font-size:12px;color:var(--text-primary)}.detail-table td{padding:10px 14px;border:1px solid var(--border-color);color:var(--text-secondary)}.safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px}.safety-item strong{display:block;font-size:13px;color:var(--text-primary);margin-bottom:2px}.safety-item span{font-size:12px;color:var(--text-muted)}.role-view-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.role-view-card{text-align:center;padding:24px 16px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.role-view-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.rv-emoji{font-size:32px;margin-bottom:6px}.role-view-card h4{font-size:15px;font-weight:700;margin-bottom:4px}.rv-question{font-size:12px;color:var(--color-primary);font-weight:600;margin-bottom:8px}.rv-list{text-align:left;font-size:12px;color:var(--text-secondary);list-style:none;padding:0}.rv-list li:before{content:"·";margin-right:5px;color:var(--color-primary)}.arch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.arch-card{padding:28px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color)}.arch-card h3{font-size:17px;font-weight:700;margin-bottom:14px}.roadmap-timeline{position:relative;padding-left:44px;max-width:720px;margin:0 auto}.roadmap-timeline:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background:var(--gradient-primary)}.tl-item{position:relative;margin-bottom:40px}.tl-dot{position:absolute;left:-37px;width:14px;height:14px;border-radius:50%;border:2px solid var(--color-primary);background:var(--bg-primary);top:4px}.tl-item.done .tl-dot{background:#27c93f;border-color:#27c93f;box-shadow:0 0 10px #27c93f66}.tl-phase{font-size:12px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.tl-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.tl-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.tech-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.tech-guarantee-card{padding:28px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.tech-guarantee-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.tg-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}.tech-guarantee-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.tech-guarantee-card p{font-size:13px;color:var(--text-muted);line-height:1.7}@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}.hero-left .hero-subtitle,.hero-left .hero-actions{text-align:center;justify-content:center;margin-left:auto}.hero-stats-bar{flex-wrap:wrap;justify-content:center;gap:24px}.rules-grid,.plugins-grid{grid-template-columns:1fr}.rule-card-full{max-width:100%}.detail-grid-2,.detail-grid-3{grid-template-columns:1fr}.role-view-grid{grid-template-columns:1fr 1fr}.arch-grid{grid-template-columns:1fr}.approval-flow{flex-direction:column;gap:8px}.flow-arrow{transform:rotate(90deg)}}