:root{color-scheme:dark;font-family:"Segoe UI","Microsoft YaHei",sans-serif;background:#0b111b;color:#edf2f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% 8%,#15313144,transparent 40%),#0b111b}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{max-width:1350px;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;margin:auto}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:3px}.brand-mark{width:44px;height:44px;border:1px solid #8cd4bd50;border-radius:12px;display:grid;place-items:center;font-size:32px;color:#a6dfc8;font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:4px;color:#829b99;margin-top:5px;font-weight:400}.header-right{display:flex;align-items:center;gap:28px}.header-right>span{font-size:10px;color:#92a9ad;letter-spacing:1px}.header-right i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9de9cc;margin-right:8px}button{border:1px solid #ffffff20;border-radius:7px;background:#17232c;color:#d7e6e7;padding:10px 15px;font-size:11px}button:hover{background:#263b42}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9de9cc;outline-offset:4px}main{max-width:1270px;margin:auto;padding:0 24px}.hero{display:flex;justify-content:space-between;align-items:center;min-height:390px;padding:40px 0 55px;border-bottom:1px solid #ffffff12;overflow:hidden}.hero-copy{z-index:1}.eyebrow{font-size:9px;letter-spacing:2px;color:#89adab}.eyebrow>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b3e7ce;margin-right:9px}h1{font-weight:450;font-size:clamp(36px,4.2vw,59px);letter-spacing:-1px;line-height:1.35;margin:24px 0 21px}h1 em{font-style:normal;color:#b1ddcc}.hero p{color:#8da5af;line-height:2;font-size:12px;margin:0}.orbit-art{height:310px;width:480px;position:relative;flex-shrink:0}.orbit{position:absolute;left:50%;top:50%;border:1px solid #81c4ae26;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.o1{width:405px;height:180px}.o2{width:300px;height:260px;transform:translate(-50%,-50%) rotate(40deg)}.o3{width:210px;height:290px;transform:translate(-50%,-50%) rotate(-45deg)}.art-core{position:absolute;inset:82px 165px;border:1px solid #a6dcca40;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:45px;font-weight:300;color:#b0dfd0;background:radial-gradient(circle,#518b7130,#0c191c80);box-shadow:0 0 100px #7dd6b00c;letter-spacing:6px}.art-core span{font-size:7px;line-height:1.7;color:#7eaba4;letter-spacing:2px;text-align:center;margin-top:8px}.satellite{position:absolute;width:14px;height:14px;border-radius:50%;background:#a9dec8;box-shadow:0 0 20px #7cbea440}.s1{left:58px;top:174px}.s2{right:85px;top:66px;background:#b8b0da;width:10px;height:10px}.s3{right:148px;bottom:27px;background:#dac2a1;width:8px;height:8px}.art-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#5f837f;font-size:7px;letter-spacing:3px;white-space:nowrap}.library{padding-top:42px}.library-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.library h2{font-size:22px;font-weight:450;letter-spacing:1px;margin:12px 0 0}.library h2>span{display:inline-block;font-size:10px;color:#7ba89b;margin-left:8px;vertical-align:middle;border:1px solid #ffffff17;border-radius:20px;padding:4px 8px}.search{display:flex;align-items:center;gap:10px;border:1px solid #ffffff16;border-radius:8px;background:#0e1924;padding:10px 14px;color:#77939c;width:270px}.search>span{font-size:20px}.search input{width:100%;background:none;border:0;outline:none;color:#d9e7eb;font-size:11px}.search input::placeholder{color:#627d8c}.filter-row{display:flex;justify-content:space-between;align-items:center;margin:26px 0 21px}#filters{display:flex;gap:7px}#filters button{background:none;border-color:transparent;color:#849daa;font-size:11px;padding:9px 14px}#filters button.active{background:#a0d8c21a;color:#c2e9da;border-color:#8ebea638}.library-note{font-size:9px;color:#677f8e}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{display:flex;flex-direction:column;border:1px solid #ffffff13;border-radius:14px;background:linear-gradient(140deg,#17232f,#101923);overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:#9de9cc55}.cover{position:relative;height:224px;background:#080e17;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s;transform:scale(1.3);object-position:50% 45%}.card:hover .cover img{transform:scale(1.36)}.card[data-id=geometry] .cover img{transform:scale(1.9);object-position:50% 45%}.card[data-id=solar] .cover img{transform:scale(1.35);object-position:49% 41%}.cover:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#101923)}.card-type{position:absolute;top:15px;left:15px;z-index:1;padding:5px 9px;border:1px solid #ffffff22;background:#08111db0;border-radius:5px;color:#bfd1d7;font-size:9px;backdrop-filter:blur(8px)}.card-index{position:absolute;top:19px;right:17px;font-size:8px;color:#9dabb7;letter-spacing:2px}.card-body{padding:2px 23px 20px;display:flex;flex-direction:column;flex:1}.subject{font-size:9px;letter-spacing:2px;color:var(--accent);margin-bottom:9px}.card h3{font-size:21px;font-weight:500;letter-spacing:1px;margin:0 0 9px}.subtitle{font-size:10px;color:#a9bdc7;margin:0 0 12px}.description{font-size:11px;color:#819aa8;line-height:1.9;min-height:43px;margin:0 0 20px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:23px}.tags span{font-size:8px;color:#8aa4af;border:1px solid #ffffff10;border-radius:4px;padding:4px 7px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff10;padding-top:17px;margin-top:auto}.duration{font-size:9px;color:#6f8c9a}.launch{font-size:11px;color:#d0eee3;display:flex;align-items:center;gap:17px}.launch b{font-size:17px;font-weight:400;color:var(--accent)}.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:56px 0 45px;padding:28px 0 0;border-top:1px solid #ffffff12}.how-icon{font-size:20px;color:#acd7c6}.how h3{font-size:12px;font-weight:500;color:#c9d8de;margin:13px 0 8px}.how p{font-size:10px;color:#738e9c;line-height:1.9;margin:0;max-width:300px}footer{max-width:1270px;margin:auto;padding:24px;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;font-size:9px;color:#5e7a89}footer b{font-weight:400;margin:0 10px}#empty,#error{padding:40px 20px;text-align:center;color:#8fa8b4;font-size:12px}dialog{max-width:520px;width:calc(100vw - 36px);background:#152430;border:1px solid #ffffff20;border-radius:16px;padding:30px;color:#e5f0ef}dialog::backdrop{background:#02080eb0;backdrop-filter:blur(8px)}dialog h2{font-size:24px;font-weight:450;margin:18px 0}dialog ol{padding-left:20px;color:#a6bdc7;font-size:12px;line-height:2}dialog li{margin:12px 0}dialog p{font-size:10px;color:#738f9c;line-height:1.8}.close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:22px}#empty[hidden],#error[hidden]{display:none}@media(min-width:1600px){.hero{min-height:430px}}@media(max-width:1000px){header{padding:25px}.hero{min-height:350px}.hero h1{font-size:44px}.orbit-art{width:350px;transform:scale(.85);margin-right:-30px}.art-core{left:110px;right:110px}.cards{gap:14px}.card-body{padding-left:16px;padding-right:16px}.card h3{font-size:18px}.cover{height:190px}.how{gap:25px}}@media(max-width:720px){header{padding:20px}.brand{font-size:17px;gap:9px}.brand-mark{width:36px;height:36px;font-size:26px}.brand small{font-size:7px}.header-right>span{display:none}.header-right button{font-size:9px;padding:8px 10px}main{padding:0 20px}.hero{padding:28px 0 36px;min-height:320px;position:relative;align-items:flex-start}.hero h1{font-size:38px;line-height:1.4;margin-top:20px}.hero p{font-size:10px;max-width:290px}.eyebrow{font-size:7px;letter-spacing:1.5px}.orbit-art{position:absolute;right:-160px;top:13px;transform:scale(.62);opacity:.35;z-index:0}.library{padding-top:30px}.library-top{align-items:flex-start;flex-direction:column;gap:17px}.library h2{font-size:20px}.search{width:100%;padding:8px 13px}.filter-row{margin:18px 0}.library-note{display:none}#filters button{font-size:10px;padding:8px 11px}.cards{grid-template-columns:1fr;gap:22px}.cover{height:225px}.card-body{padding:4px 21px 20px}.card h3{font-size:22px}.description{min-height:0;margin-bottom:16px}.tags{margin-bottom:18px}.how{grid-template-columns:1fr;gap:24px;margin-top:36px}.how>div{display:grid;grid-template-columns:28px 1fr;column-gap:12px}.how-icon{grid-row:1/3}.how h3{margin:0 0 6px}.how p{max-width:none}.how h3,.how p{grid-column:2}footer{padding:22px 20px;font-size:8px;gap:15px}footer>span:last-child{max-width:110px;text-align:right}}