@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080b12;--text:#e8edf4;--muted:#818c9f;--line:#222a38;--cyan:#7be0dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans','Noto Sans TC',sans-serif;font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}#stars{position:fixed;inset:0;z-index:-1;opacity:.65}header{max-width:1240px;margin:24px auto 0;padding:20px 28px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;background:#0c101be8;backdrop-filter:blur(20px);position:sticky;top:16px;z-index:5}.terminal{display:flex;align-items:center;gap:10px;font:13px monospace;letter-spacing:.5px;color:var(--cyan)}.muted{color:var(--muted)}.terminal i{width:7px;height:15px;background:var(--cyan);box-shadow:0 0 12px #7be0dc77;animation:blink 1.4s steps(2) infinite}nav{display:flex;gap:28px;color:#a3acbc;font-size:13px}nav button,.text-button{background:none;border:0;padding:0}nav a:hover,nav button:hover,.text-button:hover{color:var(--cyan)}main{max-width:1120px;margin:auto}.hero{position:relative;text-align:center;padding:94px 0 0}.eyebrow{font:11px monospace;letter-spacing:2px;color:var(--cyan);display:flex;align-items:center;gap:10px}.hero .eyebrow{justify-content:center}.dot{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px #7be0dc80}h1{font-size:clamp(40px,5.6vw,76px);font-weight:500;letter-spacing:-3px;line-height:1.12;margin:26px 0}h1 em{font-style:normal;background:linear-gradient(100deg,#88e9df,#91a9e9 60%,#c2a0ed);background-clip:text;color:transparent}.intro{font-size:19px;letter-spacing:2px;margin-top:27px}.sub{color:var(--muted);line-height:2;font-size:14px}.signal{display:flex;align-items:center;gap:13px;margin:32px auto 75px;max-width:440px;padding:15px 20px;background:#11172288;border:1px solid #273440;border-radius:7px;font:11px monospace;color:#b3c4d5}.wave{margin-left:auto;color:var(--cyan);letter-spacing:2px}.coordinates{display:flex;justify-content:space-between;color:#526074;font:9px monospace;letter-spacing:1.5px;border-bottom:1px solid var(--line);padding-bottom:24px}.coordinates span{color:#8493a5}section{scroll-margin-top:20px}.section-top{display:flex;align-items:end;justify-content:space-between;margin:64px 0 24px}h2{font-size:25px;letter-spacing:.3px;font-weight:500;margin:12px 0 0}h2 span{color:#516275;margin-left:18px}.text-button{font-size:12px;color:#a3b1c3}.articles{display:grid;grid-template-columns:1fr 1fr;gap:22px}.article{text-align:left;border:1px solid #2a3444;border-radius:12px;padding:25px 28px;min-height:350px;overflow:hidden;position:relative;background:#101b2b;transition:transform .25s,border-color .25s}.article:hover{transform:translateY(-5px);border-color:#679baf}.storm{background:radial-gradient(ellipse at 80% 40%,#1c4658 0,transparent 70%),#101a2a}.planet{background:radial-gradient(ellipse at 85% 35%,#39314f 0,transparent 67%),#161625}.article-meta{display:flex;justify-content:space-between;color:#8cacc1;font:9px monospace;letter-spacing:1.8px;position:relative;z-index:1}.article-bottom{position:relative;z-index:1;margin-top:64px}.tag{color:#9ad5d8;font-size:10px;letter-spacing:1px}h3{font-size:28px;line-height:1.45;letter-spacing:1px;font-weight:500;margin:12px 0}.article p{font-size:11px;color:#92a0b4}.read{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:11px;color:#becbd9}.read b{font-size:20px;font-weight:400}.orbit-art{position:absolute;border:1px solid #8bb8c82a;width:310px;height:310px;border-radius:50%;right:-80px;top:12px;box-shadow:0 0 0 14px #94bbc510,0 0 0 35px #94bbc509,0 0 0 65px #94bbc505;transform:rotate(-30deg) scaleY(.65)}.orbit-art:after{content:'';position:absolute;inset:60px;border-radius:50%;background:conic-gradient(from 0deg,#abc6c800,#aacfd64a,#a5ced700,#9bbfc966,#719fa000);filter:blur(8px)}.planet-art{position:absolute;width:185px;height:185px;right:0;top:43px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#828696,#3b3c53 45%,#171827 70%);box-shadow:-5px -4px 30px #a5acd21c}.planet-art:after{content:'';position:absolute;inset:-30px -60px;border:12px solid #9292ae33;border-top:3px solid #9292ae22;border-radius:50%;transform:rotate(-30deg) scaleY(.32)}.catalog-head{display:flex;justify-content:space-between;align-items:center;margin-top:75px;padding-bottom:20px;border-bottom:1px solid var(--line)}.search{display:flex;gap:10px;align-items:center;color:#7f91a6}.search input{width:175px;border:0;background:transparent;color:var(--text);font:12px inherit;outline:none}kbd{border:1px solid #30394a;padding:1px 5px;border-radius:3px;font-size:10px}.tool-section{margin-top:36px}.group-title{display:flex;align-items:center;gap:12px;margin-bottom:19px}.group-title h2{font-size:18px;margin:0}.group-title .symbol{color:var(--cyan);font-size:21px}.group-title small{margin-left:auto;font:10px monospace;color:#65748a;letter-spacing:1px}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool{padding:23px 21px;background:#10151fd9;border:1px solid #222c3b;border-radius:8px;transition:all .2s;min-height:154px;position:relative}.tool:hover{background:#172330;border-color:#416d7b;transform:translateY(-3px)}.tool h3{font-size:15px;letter-spacing:0;margin:0 20px 12px 0}.tool h3:before{content:'$ ';font:14px monospace;color:var(--cyan)}.tool .arrow{position:absolute;right:19px;top:22px;color:#61778f}.tool p{color:#8593a7;font-size:12px;line-height:1.85;margin:0 0 14px}.tool code{color:#576c84;font-size:10px}footer{margin:70px 0 30px;padding-top:35px;border-top:1px solid var(--line)}footer p{font-size:13px;color:#a5b1c2;margin:20px 0 30px}footer>div{display:flex;gap:25px;align-items:center;font-size:10px;color:#6c7b90}footer>div span{margin-right:auto}footer button{background:none;border:0;color:#92a3b7;font-size:11px}footer small{display:block;margin-top:25px;color:#4f5c70;font-size:10px;line-height:1.8}dialog{background:#111a28;color:var(--text);border:1px solid #3c5267;border-radius:15px;padding:40px;max-width:600px;width:90%;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#03060cbf;backdrop-filter:blur(8px)}#close{position:absolute;right:16px;top:10px;border:0;background:none;color:#9cabbf;font-size:27px}#dialog-body{color:#9eacc0;line-height:2;font-size:14px;margin-top:25px}#dialog-body a{color:var(--cyan)}#empty{text-align:center;color:var(--muted);padding:35px}@keyframes blink{50%{opacity:0}}@media(min-width:1500px){main{max-width:1160px}.hero{padding-top:110px}}@media(max-width:1250px){header{margin:16px 24px 0}main{margin:0 45px}}@media(max-width:700px){header{padding:17px;display:block;margin:12px 15px 0;top:8px}.terminal{font-size:11px}nav{justify-content:space-between;gap:12px;margin-top:19px;font-size:11px}main{margin:0 22px}.hero{padding-top:65px}h1{font-size:43px;letter-spacing:-2px}.hero .eyebrow{font-size:9px}.intro{font-size:15px;letter-spacing:1px}.sub{font-size:12px}.signal{font-size:9px;margin-bottom:45px;padding:14px 12px}.wave{font-size:9px}.coordinates{font-size:7px;letter-spacing:.5px}.coordinates>span{display:none}.section-top{margin-top:43px}h2{font-size:20px}.section-top .eyebrow{font-size:9px;letter-spacing:1px}.text-button{font-size:10px}.articles{grid-template-columns:1fr;gap:16px}.article{min-height:320px}.tools{grid-template-columns:1fr 1fr}.tool{padding:19px 15px}.tool h3{font-size:13px}.tool p{font-size:11px}.catalog-head{margin-top:45px;display:block}.search{margin-top:24px}.search input{width:100%}.group-title h2{font-size:16px}.group-title small{font-size:8px}footer>div{flex-wrap:wrap;gap:15px}footer>div span{width:100%}footer small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.tool{min-height:195px;padding:30px}.tool h3{font-size:21px}.tool p{font-size:14px}.catalog-head{margin-top:48px}@media(max-width:600px){.tools{grid-template-columns:1fr}nav{justify-content:flex-start;gap:30px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero .intro{margin-top:32px}.about-menu{position:relative}.about-menu summary{cursor:pointer;list-style:none}.about-menu summary::-webkit-details-marker{display:none}.about-menu[open] summary,.about-menu summary:hover{color:var(--cyan)}.about-menu summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.about-dropdown{position:absolute;right:-12px;top:32px;width:230px;padding:16px;background:#0c101bf5;border:1px solid #283141;border-radius:12px;box-shadow:0 14px 40px #0008;backdrop-filter:blur(18px);z-index:10}.menu-caption{font:11px monospace;letter-spacing:1px;color:#728096;border-bottom:1px solid #252d3a;padding-bottom:14px;margin-bottom:12px}.traffic{color:#73b6a9;letter-spacing:-2px;margin-right:7px}.about-dropdown button{width:100%;text-align:left;padding:10px 5px;color:#a6b4c9}.about-dropdown button:hover{color:var(--cyan)}
.developer-profile{display:flex;align-items:center;gap:24px;margin-bottom:24px}.developer-avatar{width:104px;height:104px;object-fit:cover;border-radius:50%;border:2px solid #7be0dc66;box-shadow:0 0 24px #7be0dc15}.developer-profile p{margin:0}