:root{--navy:#071b33;--blue:#075dc5;--cyan:#00a9d4;--ink:#13233a;--muted:#68778b;--line:#dce4ed;--soft:#f3f7fa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Manrope","Noto Sans SC",Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}
.detail-nav{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:#fff}.detail-nav .container{display:flex;align-items:center;justify-content:space-between}.detail-logo{display:flex;align-items:center;gap:9px}.detail-logo img:first-child{width:58px;height:42px;object-fit:contain}.detail-logo img:last-child{width:170px;height:48px;object-fit:contain}.back-link{font-size:12px;font-weight:700;color:var(--blue)}
.detail-hero{padding:70px 0;background:linear-gradient(130deg,#04172b,#0b3557);color:#fff;overflow:hidden;position:relative}.detail-hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(61,205,230,.18);border-radius:50%;right:-120px;top:-260px;box-shadow:0 0 0 80px rgba(61,205,230,.025),0 0 0 160px rgba(61,205,230,.018)}.detail-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;z-index:1}.breadcrumb{font-size:10px;color:#73cde4;letter-spacing:.12em}.detail-hero h1{font-size:48px;line-height:1.12;letter-spacing:-.035em;margin:20px 0 16px}.detail-summary{font-size:14px;line-height:1.8;color:#afc1d1;max-width:650px}.meta-grid{display:flex;gap:45px;margin-top:35px;padding-top:25px;border-top:1px solid rgba(255,255,255,.14)}.meta-grid span{display:block;color:#718ca3;font-size:9px;margin-bottom:7px}.meta-grid b{font-size:14px}.detail-image{height:390px;padding:28px;background:#fff;display:grid;place-items:center;box-shadow:0 25px 65px rgba(0,0,0,.26)}.detail-image img{width:100%;height:100%;object-fit:contain}
.detail-main{padding:85px 0}.detail-layout{display:grid;grid-template-columns:260px 1fr;gap:70px}.detail-sidebar{position:sticky;top:25px;height:max-content;border:1px solid var(--line)}.detail-sidebar a{display:block;padding:17px 20px;border-bottom:1px solid var(--line);font-size:12px}.detail-sidebar a:last-child{border:0}.detail-sidebar a:hover{color:var(--blue);background:var(--soft)}.detail-content section{padding-bottom:58px;margin-bottom:58px;border-bottom:1px solid var(--line)}.detail-content section:last-child{border:0}.section-tag{display:block;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.17em;margin-bottom:12px}.detail-content h2{margin:0 0 22px;font-size:31px}.detail-content p{color:var(--muted);font-size:13px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature{padding:24px;border:1px solid var(--line);background:#fff}.feature b{display:block;font-size:14px;margin-bottom:9px}.feature p{margin:0;font-size:11px;line-height:1.7}.application-list{display:flex;flex-wrap:wrap;gap:10px}.application-list span{padding:10px 14px;background:var(--soft);border:1px solid var(--line);font-size:11px}.spec-table{width:100%;border-collapse:collapse;font-size:12px}.spec-table th,.spec-table td{padding:15px 18px;text-align:left;border:1px solid var(--line)}.spec-table th{width:30%;background:var(--soft)}
.detail-cta{padding:60px 0;background:#06223c;color:#fff}.detail-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.detail-cta h2{margin:0 0 8px;font-size:28px}.detail-cta p{margin:0;color:#89a2b6;font-size:12px}.cta-button{padding:15px 22px;background:var(--blue);font-size:12px;font-weight:700}.detail-footer{padding:25px 0;background:#031427;color:#71869a;font-size:10px}.detail-footer .container{display:flex;justify-content:space-between}
@media(max-width:800px){.container{width:calc(100% - 30px)}.detail-logo img:first-child{width:40px}.detail-logo img:last-child{width:130px}.detail-hero{padding:50px 0}.detail-hero-grid,.detail-layout{grid-template-columns:1fr}.detail-hero h1{font-size:36px}.detail-image{height:300px}.detail-sidebar{display:none}.feature-grid{grid-template-columns:1fr}.meta-grid{flex-wrap:wrap;gap:22px 35px}.detail-cta .container{display:block}.cta-button{display:inline-block;margin-top:22px}.detail-footer .container{display:block;line-height:1.8}}