:root{--bg:#090e16;--panel:#0e1622;--line:#203040;--text:#eaf0f8;--muted:#8d9bad;--cyan:#64e9db;--blue:#72aaff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}header,main,footer{max-width:1200px;margin:auto}.header{height:92px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:40px}.brand{font-size:19px;letter-spacing:.2px;display:flex;align-items:center;gap:5px}.brand b{font-weight:400;color:var(--muted)}.brand-icon{font-size:25px;font-weight:700;color:var(--cyan);margin-right:9px}.brand-icon span{color:var(--blue)}nav{margin-left:auto;display:flex;gap:35px;font-size:13px;color:#b5c2d3}nav a:hover,.text-link:hover,footer a:hover{color:var(--cyan)}.nav-arrow{color:var(--cyan)}.header-note{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:8px}.hero{position:relative;padding:77px 0 0;display:grid;grid-template-columns:1.2fr 1fr;column-gap:25px}.eyebrow,.section-label,.art-label,.art-coordinate,.art-cross,.visual-label,.visual-code,.focus-en,.closing>span{font-family:Consolas,"Courier New",monospace;font-size:10px;letter-spacing:1.8px}.eyebrow{color:var(--cyan);display:flex;align-items:center;gap:12px}.eyebrow>span{height:1px;width:25px;background:var(--cyan)}.hero-kicker{font-size:18px;color:#b7c4d4;margin:33px 0 8px}h1{font-size:53px;line-height:1.25;letter-spacing:2px;margin:0;font-weight:650}h1>span{display:block;font-size:62px;letter-spacing:-2px;margin-top:5px}h1 em{font-style:normal;font-weight:500;color:var(--cyan)}.title-dot{color:var(--cyan)}.intro{font-size:14px;color:var(--muted);max-width:435px;line-height:1.9;margin:25px 0 28px}.hero-actions{display:flex;gap:29px;align-items:center}.button{display:inline-flex;align-items:center;gap:30px;padding:11px 20px;border-radius:5px;font-size:13px;font-weight:600}.primary{background:var(--cyan);color:#071515;box-shadow:0 4px 30px #64e9db0b}.primary:hover{background:#9cf8ed}.text-link{font-size:12px;color:#b5c2d3}.text-link span{margin-left:12px}.hero-tags{display:flex;gap:10px;margin-top:30px}.hero-tags span{font-size:10px;color:#8e9eb2;border:1px solid #243040;border-radius:4px;padding:2px 10px}.lab-art{height:420px;position:relative;align-self:center;overflow:hidden;background:radial-gradient(ellipse,#15374c55,transparent 65%)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#263e4c22 1px,transparent 1px),linear-gradient(90deg,#263e4c22 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 73%)}.art-label{position:absolute;top:23px;left:35px;color:#658094;font-size:9px}.orbit{position:absolute;left:50%;top:49%;width:350px;height:350px;border:1px solid #64e9db40;border-radius:50%;transform:translate(-50%,-50%) rotate(-32deg) scaleY(.55)}.orbit-two{transform:translate(-50%,-50%) rotate(42deg) scaleY(.55);border-color:#72aaff65}.orbit-three{width:290px;height:290px;transform:translate(-50%,-50%) rotate(90deg) scaleY(.72);border-style:dashed;border-color:#72aaff25}.core{position:absolute;left:50%;top:49%;width:153px;height:153px;transform:translate(-50%,-50%) rotate(-12deg);border:1px solid #77d9e873;border-radius:31px;background:linear-gradient(135deg,#1b455eaa,#0a1726);box-shadow:0 0 65px #64e9db16,inset 0 0 25px #66aeff16;animation:float 7s ease-in-out infinite}.core-inner{position:absolute;inset:12px;border:1px solid #86c4e126;border-radius:23px;display:flex;align-items:center;justify-content:center;font:65px Consolas,monospace;color:#c1f9f5;text-shadow:0 0 25px #64e9db60}.core-inner span{font-size:40px;color:var(--cyan)}.satellite{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.s1{left:20%;top:65%}.s2{right:18%;top:30%;width:5px;height:5px;background:var(--blue)}.art-coordinate{position:absolute;left:35px;bottom:20px;color:#91b1c1;font-size:9px;line-height:2}.art-coordinate span{color:#52677c;letter-spacing:1px}.art-cross{position:absolute;right:30px;bottom:25px;color:var(--cyan);font-size:20px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:55px;padding:24px 0;border-bottom:1px solid var(--line);color:#67788d;font-size:11px}.hero-bottom a{color:#9eafc2}.hero-bottom a span{margin-left:20px;color:var(--cyan)}.section{padding:66px 0;border-bottom:1px solid var(--line)}.section-label{color:var(--cyan);font-size:10px}.section-label>span{display:block;color:#73849a;font-family:system-ui;margin-top:8px;font-size:12px;letter-spacing:0}.about{display:grid;grid-template-columns:200px 1fr}.about-content{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}h2{font-size:29px;letter-spacing:1px;line-height:1.65;font-weight:550;margin:8px 0 0}.about h2{font-size:28px;margin:0}.accent{color:var(--cyan)}.about-content p{margin:0 0 13px;color:var(--muted);font-size:12px;line-height:2}.small-note{font-size:10px;color:#adc1cc}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.section-heading>p{color:#74859a;font-size:12px;margin-bottom:7px}.focus-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.focus-grid article{padding:25px;background:linear-gradient(130deg,#111c28,#0d141f);border:1px solid #202e3e;border-radius:7px;position:relative}.focus-icon{font-size:29px;color:var(--cyan);line-height:1}.index{position:absolute;top:25px;right:25px;font:11px Consolas;color:#536478}h3{font-size:17px;font-weight:550;letter-spacing:.3px;margin:17px 0 10px}.focus-grid p{color:var(--muted);font-size:12px;line-height:2;margin:0 0 24px}.focus-en{font-size:8px;color:#5c748c;letter-spacing:1px}.projects{border-bottom:0}.project{border:1px solid #223142;border-radius:8px;overflow:hidden;background:#0d1520;transition:transform .25s,border-color .25s}.project:hover{transform:translateY(-5px);border-color:#4e8b93}.project-art{height:180px;position:relative;overflow:hidden;border-bottom:1px solid #223142}.visual-label{position:absolute;top:17px;left:20px;color:#83a9bc;font-size:8px;z-index:2;letter-spacing:1.6px}.visual-code{position:absolute;bottom:13px;left:20px;color:#617c92;font-size:7px;z-index:2;letter-spacing:1.2px}.drone-art{background:radial-gradient(ellipse at center,#174154,#101c2b 70%)}.scan-frame{position:absolute;inset:45px 94px 35px;border:1px solid #5ad5d855;display:grid;place-items:center;background:linear-gradient(90deg,transparent 49%,#70c6dc22 50%,transparent 51%),linear-gradient(transparent 49%,#70c6dc22 50%,transparent 51%)}.drone{font-size:85px;color:#95e8e4;line-height:1;transform:rotate(45deg);text-shadow:0 0 25px #48d8df55}.scan-line{position:absolute;inset:48% -25px auto;height:1px;background:#64e9db77}.game-art{background:radial-gradient(ellipse at 50% 70%,#213357,#11182b 70%)}.game-horizon{position:absolute;inset:60px -30px -60px;background-image:linear-gradient(#698cff36 1px,transparent 1px),linear-gradient(90deg,#698cff36 1px,transparent 1px);background-size:30px 25px;transform:perspective(100px) rotateX(37deg)}.game-target{position:absolute;left:48%;top:44px;border:1px solid #879eff77;width:30px;height:30px;display:grid;place-items:center;color:#a8baff;transform:rotate(45deg);font:24px monospace}.game-ship{position:absolute;left:47%;bottom:35px;color:#b5c5ff;font-size:30px;text-shadow:0 0 20px #98afff}.agri-art{background:linear-gradient(#291f29,#342a2c)}.agri-art .visual-label{color:#c1a29c}.agri-art .visual-code{color:#b2998a}.sun{position:absolute;right:70px;top:37px;width:55px;height:55px;border-radius:50%;background:#d2a382;box-shadow:0 0 50px #bf6f5020}.field{position:absolute;border:1px solid #ae83716b;width:470px;height:180px;border-radius:50%;background:#382d2b;transform:rotate(-15deg)}.field-one{top:90px;left:-60px}.field-two{top:115px;left:-20px;background:#45382f}.field-three{top:142px;left:-20px;background:#534232}.project-body{padding:22px}.status{font-size:9px;color:#a6b2c1;background:#18232e;padding:3px 8px;border:1px solid #2a3747;border-radius:4px}.status i{width:4px;height:4px;background:#97a8b8;margin-right:5px}.project h3{font-size:17px;margin:15px 0 10px}.project p{font-size:12px;color:var(--muted);line-height:2;min-height:48px;margin:0}.project-tags{font-size:10px;color:#647d96;margin:18px 0}.project-tags span{margin:0 7px;color:#34485c}.project-link{display:flex;justify-content:space-between;font-size:11px;padding-top:15px;border-top:1px solid #223040;color:#bdc9d6}.project-link span{color:var(--cyan)}.project-note{font-size:11px;color:#6f8197;margin:23px 0 0}.project-note span{margin-right:6px}.closing{border-top:1px solid var(--line);padding:38px 0 45px}.closing>span{font-size:9px;color:#647e94}.closing p{margin:10px 0 0;font-size:23px;color:#bdcbd9;display:flex;justify-content:space-between}.closing p span{color:var(--cyan)}footer{border-top:1px solid var(--line);padding:26px 0 35px;display:flex;justify-content:space-between;align-items:center;color:#607288;font-size:10px}footer .brand{font-size:14px}footer a:last-child{color:#9babbc}@keyframes float{50%{transform:translate(-50%,-55%) rotate(-8deg)}}@media(min-width:1500px){header,main,footer{max-width:1240px}.hero{padding-top:90px}}@media(max-width:1280px){header,main,footer{margin-left:6%;margin-right:6%}h1{font-size:46px}h1>span{font-size:56px}.about{grid-template-columns:150px 1fr}.about-content{gap:35px}.scan-frame{left:65px;right:65px}}@media(max-width:760px){.header{height:75px;gap:15px}.brand{font-size:16px}.brand-icon{font-size:22px}nav{gap:18px;font-size:11px}.header-note{display:none}.hero{padding-top:43px;grid-template-columns:1fr;gap:0}.eyebrow{font-size:8px;letter-spacing:1px}.hero-kicker{font-size:16px;margin-top:28px}h1{font-size:40px}h1>span{font-size:49px}.intro{font-size:13px;max-width:340px}.hero-tags{margin-top:24px}.lab-art{height:300px;margin-top:18px}.art-label{left:10px;top:12px}.orbit{width:290px;height:290px}.orbit-three{width:245px;height:245px}.core{width:125px;height:125px}.core-inner{font-size:52px}.art-coordinate{left:10px;bottom:4px}.art-cross{bottom:4px}.hero-bottom{margin-top:10px;font-size:9px;padding:20px 0}.section{padding:42px 0}.about{grid-template-columns:1fr;gap:23px}.section-label>span{display:inline;margin-left:15px}.about-content{grid-template-columns:1fr;gap:20px}.about h2{font-size:26px}.about-content p{font-size:13px}.section-heading{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:23px}.section-heading>p{margin:0;font-size:11px}h2{font-size:27px}.focus-grid,.project-grid{grid-template-columns:1fr;gap:16px}.focus-grid article{padding:24px}.focus-grid p{margin-bottom:18px}.project-art{height:190px}.scan-frame{left:30%;right:30%}.project-body{padding:23px}.project h3{font-size:19px}.project p{font-size:13px;min-height:0}.project-link{font-size:12px}.project-note{line-height:1.9}.closing{padding:28px 0}.closing p{font-size:18px}footer{flex-wrap:wrap;gap:16px;padding:23px 0}footer>span{order:3;width:100%;font-size:10px}.header nav a:last-child .nav-arrow{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}