*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#041a2b;color:#fff}a{color:inherit;text-decoration:none}.nav{height:76px;display:flex;align-items:center;gap:28px;padding:10px 4vw;background:#05243c;position:sticky;top:0;z-index:20;border-bottom:1px solid #17517a}.logo{width:190px}.nav .links{display:flex;gap:22px;margin-left:auto}.btn{display:inline-block;padding:13px 22px;border-radius:8px;background:#078cff;font-weight:700}.hero{min-height:76vh;position:relative;overflow:hidden;background:#03182a}.hero img{width:100%;height:76vh;object-fit:cover;opacity:.86}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,16,30,.92) 0%,rgba(1,16,30,.32) 48%,rgba(1,16,30,.08))}.heroText{position:absolute;z-index:3;left:5vw;top:16%;max-width:520px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.96;margin:0 0 18px}.hero p{font-size:20px;line-height:1.5}.tag{position:absolute;z-index:4;padding:10px 14px;border:1px solid #39b7ff;background:#062944d9;border-radius:10px;box-shadow:0 0 22px #008cff55;font-weight:700}.tag.pv{top:10%;left:46%}.tag.access{top:46%;left:58%}.tag.light{top:30%;right:12%}.tag.heat{bottom:22%;left:34%}.tag.ev{bottom:18%;right:17%}.pulse{animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 34px #00a8ffcc;transform:translateY(-2px)}}section{padding:64px 5vw}.title{font-size:38px;margin:0 0 8px}.muted{color:#b8ccdb}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.card{background:#082b46;border:1px solid #1c608c;border-radius:14px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#36b9ff}.card img{width:100%;height:190px;object-fit:cover}.card .pad{padding:18px}.strip{display:flex;gap:12px;overflow:auto;padding:16px 0}.chip{min-width:220px;padding:18px;border:1px solid #1c608c;border-radius:12px;background:#06243b}.story{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:46px;align-items:center;background:linear-gradient(90deg,#061a2a,#0a3555)}.story img{width:100%;max-height:520px;object-fit:contain;object-position:bottom}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.year{padding:15px;border-left:3px solid #f0192d;background:#ffffff08}.year b{font-size:23px}.cta{background:linear-gradient(90deg,#0a4f79,#062238);text-align:center}.footer{padding:34px 5vw;background:#02111d;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.footer img{width:180px}.scene{max-width:1180px;margin:auto}.sceneHero{position:relative;border-radius:18px;overflow:hidden;border:1px solid #1a5a82;background:#061c2d}.sceneHero img{display:block;width:100%;max-height:620px;object-fit:cover}.flow{position:absolute;height:5px;background:linear-gradient(90deg,#ffd600,#18ff7d);border-radius:9px;box-shadow:0 0 14px #2cff83;animation:flow 2s linear infinite;background-size:200%}.f1{left:38%;top:30%;width:28%;transform:rotate(28deg)}.f2{left:58%;top:55%;width:20%;transform:rotate(90deg)}@keyframes flow{to{background-position:200% 0}}.conveyor{position:absolute;left:15%;right:12%;bottom:19%;height:10px;overflow:hidden}.box{position:absolute;width:34px;height:24px;background:#d59a51;animation:move 5s linear infinite}@keyframes move{from{left:-40px}to{left:100%}}.lampGlow{position:absolute;width:120px;height:120px;border-radius:50%;background:#ffd47755;filter:blur(18px);animation:glow 2.8s infinite;top:35%;left:48%}@keyframes glow{50%{opacity:.25;transform:scale(.8)}}.reader{position:absolute;left:51%;top:47%;width:16px;height:16px;border-radius:50%;background:#32ff79;box-shadow:0 0 16px #32ff79;animation:pulse 1.5s infinite}.content{max-width:1050px;margin:34px auto;font-size:18px;line-height:1.7}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.boxinfo{padding:24px;background:#082b46;border:1px solid #1c608c;border-radius:14px}@media(max-width:850px){.nav .links{display:none}.cards{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.heroText{top:10%}.tag{font-size:12px}.grid2{grid-template-columns:1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero h1{font-size:44px}}