.system-detail{background:var(--color-bg-dark);padding:120px 50px 80px}.system-detail-hero{text-align:center;margin-bottom:60px}.system-detail-hero h1{font-size:42px;color:var(--color-accent);margin-bottom:16px}.system-detail-hero p{font-size:18px;color:var(--color-text-muted);max-width:700px;margin:0 auto}.system-detail-hero .hero-tagline{font-size:22px;font-weight:600;color:var(--color-accent);margin-bottom:12px}.feature-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:24px 0 40px}.feature-highlight{background:rgba(30,41,59,.8);border-radius:8px;padding:24px;border-left:4px solid var(--color-accent)}.feature-highlight h3{font-size:18px;margin:0 0 12px;display:flex;align-items:center;gap:10px}.feature-highlight h3 i{color:var(--color-accent)}.feature-highlight p{margin:0;font-size:15px}.system-detail-banner{max-width:900px;margin:0 auto 32px;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.3)}.system-detail-banner img{width:100%;height:auto;display:block;object-fit:cover}.system-detail-content{max-width:1000px;margin:0 auto}.feature-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:24px 0 40px}.feature-highlight{background:rgba(30,41,59,.8);border:1px solid rgba(148,163,184,.15);border-radius:8px;padding:24px}.feature-highlight h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:18px}.feature-highlight h3 i{color:var(--color-accent)}.feature-highlight p{margin:0;font-size:15px;line-height:1.6}.feature-highlight{border-left:4px solid var(--color-accent)}.system-detail-content h2{font-size:24px;color:var(--color-accent);margin:40px 0 20px}.system-detail-content h3{font-size:18px;color:#fff;margin:24px 0 12px}.system-detail-content li,.system-detail-content p{color:#f1f1f1;line-height:1.8;margin-bottom:12px}.system-detail-content ul{margin:16px 0;padding-left:24px}.system-detail-content ul li{display:flex;align-items:flex-start;gap:10px}.system-detail-content ul li i{color:var(--color-accent);margin-top:4px}.tech-stack{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.tech-badge{background:rgba(3,105,161,.2);padding:8px 16px;border-radius:6px;font-size:14px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent);margin-top:40px;text-decoration:none;font-weight:500}.back-link:hover{gap:12px}.system-cta{margin:32px 0 24px;padding:20px 24px;background:rgba(3,105,161,.15);border-radius:8px;border-left:4px solid var(--color-accent)}.system-cta p{margin:0;font-size:15px}.system-cta a{color:var(--color-accent);font-weight:600;text-decoration:none}.system-cta a:hover{text-decoration:underline}.breadcrumb-nav{max-width:1000px;margin:0 auto 24px;padding:0 0 16px;font-size:14px;border-bottom:1px solid rgba(148,163,184,.2)}.breadcrumb-nav ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.breadcrumb-nav li{display:flex;align-items:center;gap:8px;color:var(--color-text-muted)}.breadcrumb-nav li:not(:last-child)::after{content:'›';margin-left:4px;color:var(--color-accent)}.breadcrumb-nav a{color:var(--color-accent);text-decoration:none}.breadcrumb-nav a:hover{text-decoration:underline}.breadcrumb-nav [itemprop=name]:last-child{color:#f1f1f1}@media screen and (max-width:768px){.system-detail{padding:100px 30px 60px}.system-detail-hero h1{font-size:32px}.system-detail-hero p{font-size:16px}}