未載入 Skill2554 tokens · 51867 ms
<!doctype html>
<html lang="zh-Hant">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>深夜衛星地面站遙測</title>
<style>
:root{
color-scheme:dark;
--ink:#d8e2dc;
--dim:#77827c;
--line:#39443e;
--green:#83ff9b;
--red:#ff3b30;
--amber:#ffc247;
--black:#070908;
--panel:#0d110f;
}
*{box-sizing:border-box}
body{
margin:0;
background:var(--black);
color:var(--ink);
font:14px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;
letter-spacing:.04em;
}
body::before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
opacity:.22;
background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#172019 4px);
}
header{
min-height:76px;
display:flex;
align-items:stretch;
border-bottom:2px solid var(--ink);
}
.brand{
display:flex;
align-items:center;
gap:16px;
padding:14px 22px;
border-right:2px solid var(--ink);
}
.mark{
width:38px;
height:38px;
border:3px solid var(--green);
position:relative;
}
.mark::before,.mark::after{
content:"";
position:absolute;
background:var(--green);
}
.mark::before{width:24px;height:3px;left:4px;top:15px}
.mark::after{width:3px;height:24px;left:15px;top:4px}
h1{font-size:16px;margin:0;text-transform:uppercase}
.sub{color:var(--dim);font-size:11px;margin-top:3px}
.clock{
margin-left:auto;
padding:14px 22px;
display:grid;
place-content:center end;
text-align:right;
}
.clock strong{color:var(--green);font-size:18px}
.statusbar{
display:flex;
gap:22px;
padding:8px 22px;
border-bottom:1px solid var(--line);
color:var(--dim);
font-size:11px;
}
.online{color:var(--green)}
main{
display:grid;
grid-template-columns:1.45fr .75fr;
min-height:calc(100vh - 111px);
}
.telemetry{padding:22px;border-right:1px solid var(--line)}
aside{padding:22px}
.kicker{
color:var(--dim);
font-size:11px;
margin-bottom:8px;
}
.metrics{
display:grid;
grid-template-columns:repeat(3,1fr);
border:2px solid var(--ink);
}
.metric{padding:20px;border-right:1px solid var(--line)}
.metric:last-child{border-right:0}
.metric b{
display:block;
margin:10px 0 5px;
color:var(--green);
font-size:clamp(25px,3vw,46px);
line-height:1;
letter-spacing:-.07em;
}
.metric small{color:var(--dim)}
.section-title{
display:flex;
justify-content:space-between;
margin:24px 0 8px;
padding-bottom:7px;
border-bottom:1px solid var(--line);
font-size:12px;
}
.signal{
height:210px;
display:flex;
align-items:flex-end;
gap:5px;
padding:18px;
border:1px solid var(--line);
background:var(--panel);
}
.signal i{
flex:1;
display:block;
min-width:3px;
border-top:2px solid var(--green);
background:#173620;
}
.signal i:nth-child(3n){background:#204b2b}
.signal i:nth-child(5n){border-color:var(--amber)}
.orbit{
display:grid;
grid-template-columns:repeat(4,1fr);
border:1px solid var(--line);
}
.orbit div{padding:13px;border-right:1px solid var(--line)}
.orbit div:last-child{border:0}
.orbit span{display:block;color:var(--dim);font-size:10px}
.orbit b{color:var(--ink);font-size:13px}
.alert{
border:3px solid var(--red);
background:#210807;
color:#fff;
padding:18px;
}
.alert-head{
display:flex;
justify-content:space-between;
color:var(--red);
font-weight:900;
font-size:17px;
}
.alert p{margin:22px 0 9px;font-weight:bold}
.alert small{color:#d69591}
.log{margin-top:22px;border-top:2px solid var(--ink)}
.log-row{
display:grid;
grid-template-columns:70px 1fr auto;
gap:10px;
padding:11px 0;
border-bottom:1px solid var(--line);
font-size:11px;
}
.log-row span:first-child{color:var(--dim)}
.ok{color:var(--green)}
.warn{color:var(--amber)}
footer{
margin-top:24px;
color:var(--dim);
font-size:10px;
line-height:1.7;
}
@media(max-width:720px){
header{min-height:auto}
.brand{padding:12px;border-right:0}
.clock{padding:12px}
.clock span{display:none}
.statusbar{overflow:auto;white-space:nowrap;padding:7px 12px}
main{display:block}
.telemetry,aside{padding:14px;border-right:0}
.telemetry{border-bottom:2px solid var(--ink)}
.metrics{grid-template-columns:1fr}
.metric{border-right:0;border-bottom:1px solid var(--line)}
.metric:last-child{border-bottom:0}
.metric b{font-size:36px}
.signal{height:145px;padding:10px;gap:3px}
.orbit{grid-template-columns:1fr 1fr}
.orbit div{border-bottom:1px solid var(--line)}
.orbit div:nth-child(2){border-right:0}
.orbit div:nth-child(3),.orbit div:nth-child(4){border-bottom:0}
}
</style>
</head>
<body>
<header>
<div class="brand"><div class="mark"></div><div><h1>NIGHTWATCH // GROUND-04</h1><div class="sub">深夜衛星地面站遙測</div></div></div>
<div class="clock"><strong>02:47:19</strong><span>UTC+08 / NIGHT SHIFT</span></div>
</header>
<div class="statusbar"><span class="online">● UPLINK ACTIVE</span><span>SAT: ORB-7A</span><span>PASS: 1842</span><span>AZ 214.6°</span><span>EL 38.2°</span></div>
<main>
<section class="telemetry">
<div class="kicker">PRIMARY TELEMETRY / LIVE CHANNEL</div>
<div class="metrics">
<div class="metric">LINK<b>97.2%</b><small>STABLE / S-BAND</small></div>
<div class="metric">LATENCY<b>38ms</b><small>ROUND TRIP</small></div>
<div class="metric">PACKET LOSS<b>0.08%</b><small>LAST 15 MIN</small></div>
</div>
<div class="section-title"><span>SIGNAL DENSITY</span><span>−120 ↔ −62 dBm</span></div>
<div class="signal">
<i style="height:41%"></i><i style="height:48%"></i><i style="height:45%"></i><i style="height:62%"></i><i style="height:55%"></i><i style="height:70%"></i><i style="height:67%"></i><i style="height:82%"></i><i style="height:74%"></i><i style="height:91%"></i><i style="height:87%"></i><i style="height:79%"></i><i style="height:94%"></i><i style="height:89%"></i><i style="height:96%"></i><i style="height:85%"></i><i style="height:92%"></i><i style="height:78%"></i><i style="height:86%"></i><i style="height:72%"></i><i style="height:76%"></i><i style="height:64%"></i><i style="height:71%"></i><i style="height:58%"></i>
</div>
<div class="section-title"><span>ORBITAL VECTOR</span><span>T−00:13:48 LOS</span></div>
<div class="orbit"><div><span>VELOCITY</span><b>7.62 km/s</b></div><div><span>ALTITUDE</span><b>548.3 km</b></div><div><span>DOPPLER</span><b>−2.84 kHz</b></div><div><span>RX POWER</span><b>−71 dBm</b></div></div>
</section>
<aside>
<div class="kicker">ACTIVE ALERT / PRIORITY QUEUE</div>
<div class="alert"><div class="alert-head"><span>CRITICAL</span><span>01</span></div><p>THERMAL LIMIT EXCEEDED</p><small>PAYLOAD BAY B // SENSOR T-09<br>READING 87.4°C / LIMIT 85.0°C</small></div>
<div class="section-title"><span>EVENT STREAM</span><span>LIVE</span></div>
<div class="log">
<div class="log-row"><span>02:47:12</span><span>Frame sync confirmed</span><b class="ok">OK</b></div>
<div class="log-row"><span>02:46:58</span><span>Thermal threshold crossed</span><b class="warn">WARN</b></div>
<div class="log-row"><span>02:46:41</span><span>Beacon lock acquired</span><b class="ok">OK</b></div>
<div class="log-row"><span>02:45:09</span><span>Tracking solution updated</span><b class="ok">OK</b></div>
</div>
<footer>STATION 24°58′N / 121°11′E<br>OPS CONSOLE // RESTRICTED TELEMETRY<br>© ORBITAL SYSTEMS CONTROL</footer>
</aside>
</main>
</body>
</html>
已載入 Skill +2717 tokens · 58311 ms
<!doctype html>
<html lang="zh-Hant">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>NIGHT GROUND STATION // TELEMETRY</title>
<style>
:root{--bg:#090b0c;--panel:#101416;--line:#465055;--text:#e4e8e8;--dim:#7f8b8f;--red:#ff2a2a;--green:#4af626}
*{box-sizing:border-box;border-radius:0}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:"Courier New",monospace;letter-spacing:.06em;text-transform:uppercase}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-size:100% 4px;border-top:1px solid #14191b;opacity:.35}
header{display:grid;grid-template-columns:1fr auto;border-bottom:2px solid var(--text)}
.brand{padding:18px 22px;border-right:1px solid var(--line)}
.brand small,.meta,.label{color:var(--dim);font-size:10px}
h1{margin:5px 0 0;font:900 clamp(28px,5vw,76px)/.84 Arial,sans-serif;letter-spacing:-.055em}
.clock{display:grid;place-content:center;padding:18px 28px;text-align:right}
.clock strong{font-size:20px;color:var(--green)}
main{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}
section,aside{min-width:0}
.hero{position:relative;min-height:410px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;background:var(--line)}
.hero:before{width:1px;height:100%;left:50%;top:0}
.hero:after{height:1px;width:100%;top:50%;left:0}
.target{position:absolute;inset:14% 11%;border:1px solid var(--line)}
.target:before{content:"GS-07 / AZ 147.60° / EL 42.18°";position:absolute;top:12px;left:14px;color:var(--dim);font-size:10px}
.orbit{position:absolute;inset:28% 20%;border:1px dashed var(--dim);transform:skewY(-9deg)}
.satellite{position:absolute;left:61%;top:38%;display:grid;grid-template-columns:50px 34px 50px;gap:4px;z-index:2}
.satellite i{height:24px;border:2px solid var(--text);background:var(--bg)}
.satellite i:nth-child(2){background:var(--red);border-color:var(--red)}
.station{position:absolute;bottom:16%;left:19%;width:110px;height:76px;border-left:3px solid var(--text);border-bottom:3px solid var(--text);transform:skew(-18deg)}
.station:after{content:"▲ GS-07";position:absolute;left:32px;bottom:-27px;font-style:normal;font-size:11px;white-space:nowrap}
.coords{position:absolute;right:18px;bottom:16px;text-align:right;font-size:10px;color:var(--dim);line-height:1.7}
.signal{border-bottom:1px solid var(--line)}
.signal h2,.log h2{margin:0;padding:12px 16px;border-bottom:1px solid var(--line);font-size:11px}
.metric{display:grid;grid-template-columns:1fr auto;align-items:end;padding:18px 16px;border-bottom:1px solid var(--line)}
.metric:last-child{border-bottom:0}
.metric strong{font:900 clamp(30px,4vw,58px)/.8 Arial,sans-serif;letter-spacing:-.05em}
.metric small{color:var(--dim);font-size:9px;margin-top:9px}
.status{font-size:10px;color:var(--green)}
.alert{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;background:var(--red);color:#090909;border-bottom:2px solid var(--text)}
.alert b,.alert p,.alert time{margin:0;padding:14px 18px}
.alert b{border-right:2px solid #090909;font:900 18px Arial,sans-serif}
.alert p{font-size:11px;font-weight:bold}
.alert time{border-left:2px solid #090909;font-size:11px}
.data-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.cell{min-height:110px;padding:16px;border-right:1px solid var(--line)}
.cell:last-child{border-right:0}
.cell output{display:block;margin-top:18px;font-size:23px}
.cell small{display:block;margin-top:8px;color:var(--dim);font-size:9px}
.log{grid-column:1/-1}
.log table{width:100%;border-collapse:collapse;font-size:10px}
.log th,.log td{text-align:left;padding:10px 16px;border-bottom:1px solid #252c2f}
.log th{color:var(--dim);font-weight:normal}
.ok{color:var(--green)}.warn{color:var(--red)}
footer{display:flex;justify-content:space-between;padding:11px 16px;color:var(--dim);font-size:9px;border-top:1px solid var(--line)}
@media(max-width:720px){
header{grid-template-columns:1fr}.brand{border-right:0;border-bottom:1px solid var(--line)}
.clock{display:flex;justify-content:space-between;text-align:left;padding:10px 16px}
main{display:block}.hero{min-height:330px;border-right:0}
.alert{grid-template-columns:auto 1fr}.alert time{display:none}
.data-grid{grid-template-columns:1fr 1fr}
.cell:nth-child(2){border-right:0}.cell:nth-child(-n+2){border-bottom:1px solid var(--line)}
.log{overflow-x:auto}.log table{min-width:620px}
footer{display:grid;gap:6px}
}
</style>
</head>
<body>
<header>
<div class="brand"><small>[ NIGHT OPERATIONS / PACIFIC SECTOR ]</small><h1>GROUND<br>TELEMETRY</h1></div>
<div class="clock"><span class="meta">UTC // 19:42:08</span><strong>● TRACKING</strong></div>
</header>
<main>
<section class="hero" aria-label="衛星追蹤示意圖">
<div class="target"><div class="orbit"></div></div>
<div class="satellite"><i></i><i></i><i></i></div>
<div class="station"></div>
<samp class="coords">24.1477° N<br>120.6736° E<br>PASS ID // NGS-8841<br>VECTOR // ASCENDING</samp>
</section>
<aside class="signal">
<h2>[ PRIMARY DOWNLINK ]</h2>
<div class="metric"><div><span class="label">LINK INTEGRITY</span><br><small>RX / S-BAND</small></div><strong>97.2%</strong></div>
<div class="metric"><div><span class="label">LATENCY</span><br><small>ROUND TRIP</small></div><strong>38<small>MS</small></strong></div>
<div class="metric"><div><span class="label">PACKET LOSS</span><br><small>LAST 60 SEC</small></div><strong>0.08%</strong></div>
<div class="metric"><span class="label">CHANNEL STATE</span><span class="status">■ NOMINAL</span></div>
</aside>
<section class="alert" role="alert"><b>CRITICAL</b><p>THERMAL LIMIT EXCEEDED // ARRAY DRIVE B</p><time>19:41:52 UTC</time></section>
<section class="data-grid">
<div class="cell"><span class="label">CARRIER</span><output>2214.50 MHz</output><small>LOCKED / Δ +0.02</small></div>
<div class="cell"><span class="label">RX POWER</span><output>−71.8 dBm</output><small>THRESHOLD −89.0</small></div>
<div class="cell"><span class="label">RANGE</span><output>684 KM</output><small>CLOSING 7.42 KM/S</small></div>
<div class="cell"><span class="label">UPTIME</span><output>08:14:27</output><small>SESSION 044/A</small></div>
</section>
<section class="log">
<h2>[ EVENT REGISTER // LIVE BUFFER ]</h2>
<table><thead><tr><th>UTC</th><th>SUBSYSTEM</th><th>EVENT</th><th>STATE</th></tr></thead>
<tbody>
<tr><td>19:41:52</td><td>THERMAL</td><td>ARRAY DRIVE B / 94.8°C</td><td class="warn">CRITICAL</td></tr>
<tr><td>19:40:11</td><td>GUIDANCE</td><td>EPHEMERIS BLOCK SYNC</td><td class="ok">VERIFIED</td></tr>
<tr><td>19:38:06</td><td>DOWNLINK</td><td>FRAME 8F-21 ACQUIRED</td><td class="ok">NOMINAL</td></tr>
</tbody></table>
</section>
</main>
<footer><span>GS-07 / REV 6.2.18 / SECURE CHANNEL</span><span>/// PACIFIC NIGHT WATCH /// AUTH 04</span></footer>
</body>
</html>