Files
KSP_project/data/wiki/guanghan_topology_demo.html
T
2026-07-09 16:55:39 +08:00

494 lines
22 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>广寒基地拓扑结构 · GHC-05 任务后</title>
<style>
:root {
color-scheme: dark;
--bg: #070d18;
--panel: #0d1728;
--panel-2: #101c30;
--text: #eaf2ff;
--muted: #91a3bd;
--border: #263750;
--structural: #8fa1b8;
--pressurized: #51e89c;
--utility: #b178e6;
--core: #ffad42;
--habitat: #52baff;
--power: #d5b642;
--vehicle: #c28cdf;
--radiator: #f0d869;
}
* { box-sizing: border-box; }
body {
margin: 0;
min-height: 100vh;
padding: 30px;
background:
radial-gradient(circle at 50% 0%, rgba(51, 88, 140, 0.18), transparent 36rem),
var(--bg);
color: var(--text);
font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
}
.page {
width: min(100%, 1500px);
margin: 0 auto;
}
.page-header { text-align: center; margin-bottom: 22px; }
h1 {
margin: 0 0 7px;
font-size: clamp(1.7rem, 3vw, 2.45rem);
font-weight: 650;
letter-spacing: 0.08em;
}
.subtitle { margin: 0; color: var(--muted); }
.legend {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 13px 24px;
margin: 20px 0;
padding: 13px 18px;
border: 1px solid var(--border);
border-radius: 12px;
background: rgba(13, 23, 40, 0.84);
}
.legend-item { display: inline-flex; align-items: center; gap: 9px; color: #c8d5e7; font-size: 0.86rem; }
.legend-line { display: inline-block; width: 46px; border-top: 4px solid; }
.legend-line.structural { border-color: var(--structural); }
.legend-line.pressurized { border-color: var(--pressurized); }
.legend-line.utility { border-color: var(--utility); border-top-style: dashed; }
.legend-chip { width: 19px; height: 13px; border: 2px solid var(--radiator); background: #665511; border-radius: 3px; }
.map-shell {
overflow: auto;
border: 1px solid var(--border);
border-radius: 18px;
background: #08101e;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}
.topology-map {
display: block;
width: 100%;
min-width: 1080px;
height: auto;
background:
linear-gradient(rgba(18, 36, 60, 0.21) 1px, transparent 1px),
linear-gradient(90deg, rgba(18, 36, 60, 0.21) 1px, transparent 1px),
#08101e;
background-size: 48px 48px;
}
.connection {
fill: none;
vector-effect: non-scaling-stroke;
stroke-linecap: square;
}
.connection.structural { stroke: var(--structural); stroke-width: 6; }
.connection.pressurized { stroke: var(--pressurized); stroke-width: 9; }
.connection.utility { stroke: var(--utility); stroke-width: 4; stroke-dasharray: 13 10; }
.topology-node {
cursor: pointer;
outline: none;
}
.topology-node rect {
vector-effect: non-scaling-stroke;
transition: filter 150ms ease, stroke-width 150ms ease;
}
.topology-node:hover rect,
.topology-node:focus-visible rect {
filter: brightness(1.25);
stroke-width: 5;
}
.node-card { fill: #10263a; stroke: var(--habitat); stroke-width: 3; }
.core-card { fill: #3b250d; stroke: var(--core); stroke-width: 5; }
.power-card { fill: #2a2810; stroke: var(--power); stroke-width: 3; }
.power-node-card { fill: #393412; stroke: var(--power); stroke-width: 5; }
.vehicle-card { fill: #291c34; stroke: var(--vehicle); stroke-width: 3; }
.node-title {
fill: var(--text);
font-size: 25px;
font-weight: 700;
text-anchor: middle;
}
.node-meta {
fill: #a6b5c9;
font-size: 17px;
text-anchor: middle;
}
.node-hint {
fill: #71849e;
font-size: 14px;
text-anchor: middle;
}
.radiator { pointer-events: none; }
.radiator rect { fill: #6b5814; stroke: var(--radiator); stroke-width: 2; vector-effect: non-scaling-stroke; }
.radiator line { stroke: #f8e798; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.click-note {
margin: 13px 0 0;
color: var(--muted);
font-size: 0.84rem;
text-align: center;
}
@media (max-width: 760px) {
body { padding: 14px; }
.topology-map { min-width: 980px; }
.legend { justify-content: flex-start; }
}
</style>
</head>
<body>
<main class="page">
<header class="page-header">
<h1>广寒基地拓扑结构</h1>
<p class="subtitle">GHC-05 任务完成后 · 单幅工程总图</p>
</header>
<div class="legend" aria-label="拓扑图例">
<span class="legend-item"><i class="legend-line structural"></i>结构直连</span>
<span class="legend-item"><i class="legend-line pressurized"></i>加压走道</span>
<span class="legend-item"><i class="legend-line utility"></i>燃料 / 供电</span>
<span class="legend-item"><i class="legend-chip"></i>大型折叠散热面板</span>
</div>
<div class="map-shell">
<svg class="topology-map" viewBox="0 0 1500 1900" role="img" aria-labelledby="topology-title topology-desc">
<title id="topology-title">广寒基地 GHC-05 任务后拓扑</title>
<desc id="topology-desc">核心舱四向安装四个舱段,南侧经居住舱一号连接电力模块十字结构。</desc>
<!-- FUTURE_EXPANSION_ANCHOR:north
Reserve the empty canvas above habitat-2 for a future cross node and multiple Wugang ports. -->
<!-- FUTURE_EXPANSION_ANCHOR:east
Reserve the empty canvas east of laboratory for a future cross node. -->
<!-- FUTURE_EXPANSION_ANCHOR:west
Reserve the empty canvas west of greenhouse for a future cross node and rover ports. -->
<!-- Core structural connections -->
<line class="connection structural" data-connection="structural" x1="750" y1="360" x2="750" y2="470"/>
<line class="connection structural" data-connection="structural" x1="550" y1="570" x2="630" y2="570"/>
<line class="connection structural" data-connection="structural" x1="870" y1="570" x2="950" y2="570"/>
<line class="connection structural" data-connection="structural" x1="750" y1="670" x2="750" y2="760"/>
<!-- Real pressurized corridors: exactly two -->
<line class="connection pressurized" data-connection="pressurized" data-link="wugang-2--greenhouse"
x1="250" y1="570" x2="330" y2="570"/>
<line class="connection pressurized" data-connection="pressurized" data-link="habitat-1--power-north"
x1="750" y1="880" x2="750" y2="990"/>
<!-- Core cross nodes -->
<g class="topology-node" data-module="habitat-2" role="button" tabindex="0" aria-label="查看居住舱二号详情">
<rect class="node-card" x="630" y="220" width="240" height="140" rx="16"/>
<text class="node-title" x="750" y="278">居住舱#2</text>
<text class="node-meta" x="750" y="315">核心舱北部安装口</text>
<text class="node-hint" x="750" y="340">4铺位 + 2睡袋</text>
</g>
<g class="topology-node" data-module="wugang-2" role="button" tabindex="0" aria-label="查看吴刚二号详情">
<rect class="vehicle-card" x="40" y="495" width="210" height="150" rx="16"/>
<text class="node-title" x="145" y="554">吴刚二号</text>
<text class="node-meta" x="145" y="591">Block 2 载人着陆器</text>
<text class="node-hint" x="145" y="619">温室远端接口</text>
</g>
<g class="topology-node" data-module="greenhouse" role="button" tabindex="0" aria-label="查看温室模块详情">
<rect class="node-card" x="330" y="490" width="220" height="160" rx="16"/>
<text class="node-title" x="440" y="548">温室模块</text>
<text class="node-meta" x="440" y="585">核心舱西部安装口</text>
<text class="node-hint" x="440" y="617">展开宽度 7.4 m</text>
</g>
<g class="topology-node" data-module="core" role="button" tabindex="0" aria-label="查看广寒核心舱详情">
<rect class="core-card" x="630" y="470" width="240" height="200" rx="18"/>
<text class="node-title" x="750" y="545">广寒核心舱</text>
<text class="node-meta" x="750" y="585">四向安装节点</text>
<text class="node-hint" x="750" y="620">北 / 东 / 南 / 西</text>
<text class="node-hint" x="750" y="646">28.2 t 干重</text>
</g>
<g class="topology-node" data-module="laboratory" role="button" tabindex="0" aria-label="查看实验舱详情">
<rect class="node-card" x="950" y="490" width="220" height="160" rx="16"/>
<text class="node-title" x="1060" y="548">实验舱</text>
<text class="node-meta" x="1060" y="585">核心舱东部安装口</text>
<text class="node-hint" x="1060" y="617">3个独立温区</text>
</g>
<g class="topology-node" data-module="habitat-1" role="button" tabindex="0" aria-label="查看居住舱一号详情">
<rect class="node-card" x="630" y="760" width="240" height="120" rx="16"/>
<text class="node-title" x="750" y="808">居住舱#1</text>
<text class="node-meta" x="750" y="846">核心舱南部安装口</text>
</g>
<!-- Power structural connections -->
<line class="connection structural" data-connection="structural" x1="750" y1="1150" x2="750" y2="1260"/>
<line class="connection structural" data-connection="structural" x1="540" y1="1350" x2="650" y2="1350"/>
<line class="connection structural" data-connection="structural" x1="850" y1="1350" x2="960" y2="1350"/>
<line class="connection structural" data-connection="structural" x1="750" y1="1440" x2="750" y2="1540"/>
<!-- Utility connections to Binglun landers -->
<line class="connection utility" data-connection="utility" x1="240" y1="1350" x2="280" y2="1350"/>
<line class="connection utility" data-connection="utility" x1="750" y1="1690" x2="750" y2="1740"/>
<line class="connection utility" data-connection="utility" x1="1220" y1="1350" x2="1260" y2="1350"/>
<!-- Four large folding radiator panels, non-interactive and offset from connection axes -->
<g class="radiator" aria-label="北部大型折叠散热面板">
<rect x="820" y="972" width="130" height="16" rx="3"/>
<line x1="850" y1="973" x2="850" y2="987"/><line x1="885" y1="973" x2="885" y2="987"/><line x1="920" y1="973" x2="920" y2="987"/>
</g>
<g class="radiator" aria-label="西部大型折叠散热面板">
<rect x="345" y="1232" width="130" height="16" rx="3"/>
<line x1="375" y1="1233" x2="375" y2="1247"/><line x1="410" y1="1233" x2="410" y2="1247"/><line x1="445" y1="1233" x2="445" y2="1247"/>
</g>
<g class="radiator" aria-label="东部大型折叠散热面板">
<rect x="1025" y="1232" width="130" height="16" rx="3"/>
<line x1="1055" y1="1233" x2="1055" y2="1247"/><line x1="1090" y1="1233" x2="1090" y2="1247"/><line x1="1125" y1="1233" x2="1125" y2="1247"/>
</g>
<g class="radiator" aria-label="南部大型折叠散热面板">
<rect x="790" y="1518" width="130" height="16" rx="3"/>
<line x1="820" y1="1519" x2="820" y2="1533"/><line x1="855" y1="1519" x2="855" y2="1533"/><line x1="890" y1="1519" x2="890" y2="1533"/>
</g>
<!-- Power cross nodes -->
<g class="topology-node" data-module="power-north" role="button" tabindex="0" aria-label="查看电力模块北部详情">
<rect class="power-card" x="600" y="990" width="300" height="160" rx="16"/>
<text class="node-title" x="750" y="1044">北部模块</text>
<text class="node-meta" x="750" y="1082">电力模块存储支架</text>
<text class="node-hint" x="750" y="1115">加压走道模块</text>
</g>
<g class="topology-node" data-module="power-west" role="button" tabindex="0" aria-label="查看电力模块西部详情">
<rect class="power-card" x="280" y="1250" width="260" height="200" rx="16"/>
<text class="node-title" x="410" y="1310">西部模块</text>
<text class="node-meta" x="410" y="1348">ISRU · 采矿模块</text>
<text class="node-hint" x="410" y="1382">矿石 / 燃料存储</text>
</g>
<g class="topology-node" data-module="power-node" role="button" tabindex="0" aria-label="查看电力模块中心节点详情">
<rect class="power-node-card" x="650" y="1260" width="200" height="180" rx="18"/>
<text class="node-title" x="750" y="1325">电力模块</text>
<text class="node-meta" x="750" y="1363">四向安装节点</text>
<text class="node-hint" x="750" y="1397">核电与资源中枢</text>
</g>
<g class="topology-node" data-module="power-east" role="button" tabindex="0" aria-label="查看电力模块东部详情">
<rect class="power-card" x="960" y="1250" width="260" height="200" rx="16"/>
<text class="node-title" x="1090" y="1310">东部模块</text>
<text class="node-meta" x="1090" y="1348">核燃料存储</text>
<text class="node-hint" x="1090" y="1382">离心机模块</text>
</g>
<g class="topology-node" data-module="power-south" role="button" tabindex="0" aria-label="查看核反应堆详情">
<rect class="power-card" x="620" y="1540" width="260" height="150" rx="16"/>
<text class="node-title" x="750" y="1600">南部模块</text>
<text class="node-meta" x="750" y="1640">核反应堆 · 30%功率</text>
</g>
<!-- Binglun vehicles: #1 west, #2 south, #3 east -->
<g class="topology-node" data-module="binglun-1" role="button" tabindex="0" aria-label="查看冰轮一号详情">
<rect class="vehicle-card" x="30" y="1280" width="210" height="140" rx="16"/>
<text class="node-title" x="135" y="1335">冰轮一号</text>
<text class="node-meta" x="135" y="1372">电力模块西侧</text>
<text class="node-hint" x="135" y="1400">燃料运输</text>
</g>
<g class="topology-node" data-module="binglun-2" role="button" tabindex="0" aria-label="查看冰轮二号详情">
<rect class="vehicle-card" x="645" y="1740" width="210" height="120" rx="16"/>
<text class="node-title" x="750" y="1790">冰轮二号</text>
<text class="node-meta" x="750" y="1828">电力模块南侧</text>
</g>
<g class="topology-node" data-module="binglun-3" role="button" tabindex="0" aria-label="查看冰轮三号详情">
<rect class="vehicle-card" x="1260" y="1280" width="210" height="140" rx="16"/>
<text class="node-title" x="1365" y="1335">冰轮三号</text>
<text class="node-meta" x="1365" y="1372">电力模块东侧</text>
<text class="node-hint" x="1365" y="1400">Block 2</text>
</g>
</svg>
</div>
<p class="click-note">模块与车辆支持详情查看;走道、管线和散热面板仅用于表达拓扑关系。</p>
</main>
<script>
const MODULE_DETAILS = {
"core": {
name: "广寒核心舱",
type: "基地核心节点",
location: "广寒基地第一组十字结构中心",
role: "基地指挥、环境控制、生命保障和四向舱段安装中枢。",
metrics: ["干重:28.2 t", "蓄电池:约50 kWh", "安装节点:4个"],
dimensions: ["资料未记录"],
status: "运行中",
connections: ["北:居住舱#2", "东:实验舱", "南:居住舱#1", "西:温室模块"],
mission: "GHC-01 · 2024-06-16完成月面着陆"
},
"habitat-1": {
name: "居住舱#1",
type: "居住舱段",
location: "广寒核心舱南部安装口",
role: "长期驻留与乘员生活空间,提供4个折叠铺位和2个睡袋挂点。",
metrics: ["质量:12.2 t", "居住配置:4铺位 + 2睡袋"],
dimensions: ["运输:高2.7 m × 长6.2 m × 宽5.0 m", "展开:高3.2 m × 长6.2 m × 宽7.6 m"],
status: "已展开并投入使用",
connections: ["北:广寒核心舱(结构直连)", "南:电力模块北部(加压走道)"],
mission: "GHC-05 · 2024-12-28 EVA-10完成安装"
},
"habitat-2": {
name: "居住舱#2",
type: "居住舱段",
location: "广寒核心舱北部安装口",
role: "第二个长期驻留舱段,与居住舱#1共同支持10人常驻。",
metrics: ["质量:12.2 t", "居住配置:4铺位 + 2睡袋"],
dimensions: ["运输:资料未记录", "展开:高3.2 m × 长6.2 m × 宽7.6 m"],
status: "已展开并投入使用",
connections: ["南:广寒核心舱(结构直连)"],
mission: "GHC-05 · 2024-12-29 EVA-11完成安装"
},
"greenhouse": {
name: "温室模块",
type: "生命保障与植物栽培舱段",
location: "广寒核心舱西部安装口",
role: "植物栽培、环境实验和基地生命保障能力扩展。",
metrics: ["质量:13.5 t", "折叠臂:4组"],
dimensions: ["运输:高2.8 m × 长8.7 m × 宽5.0 m", "展开:高3.2 m × 长8.7 m × 宽7.4 m"],
status: "已展开并投入使用",
connections: ["东:广寒核心舱(结构直连)", "西:吴刚二号(加压走道)"],
mission: "GHC-05 · 2024-12-27 EVA-9完成安装"
},
"laboratory": {
name: "实验舱",
type: "综合实验舱段",
location: "广寒核心舱东部安装口",
role: "支持生物培养、材料科学和地质分析。",
metrics: ["质量:14.2 t", "独立温区:3个"],
dimensions: ["运输:高2.7 m × 长7.5 m × 宽5.0 m", "展开:高3.2 m × 长7.5 m × 宽7.5 m"],
status: "已展开并投入使用",
connections: ["西:广寒核心舱(结构直连)"],
mission: "GHC-05 · 2024-12-30 EVA-12完成安装"
},
"power-node": {
name: "电力模块",
type: "四向电力与资源安装节点",
location: "基地南部第二组十字结构中心",
role: "汇集核电、热控、资源开采、燃料处理与存储系统。",
metrics: ["反应堆当前功率:30%", "散热面板:4组"],
dimensions: ["资料未记录"],
status: "运行中",
connections: ["北:存储支架与加压走道模块", "东:核燃料存储与离心机", "南:核反应堆", "西:ISRU、采矿与存储"],
mission: "GHC-03完成部署;GHC-05提升至30%功率"
},
"power-north": {
name: "电力模块北部",
type: "存储与加压连接模块组",
location: "电力模块四向节点北部",
role: "承载电力模块存储支架,并接入居住舱#1的加压走道。",
metrics: ["大型折叠散热面板:1组"],
dimensions: ["资料未记录"],
status: "运行中",
connections: ["北:居住舱#1(加压走道)", "南:电力模块中心节点(结构直连)"],
mission: "GHC-04安装存储支架;GHC-05重构加压连接"
},
"power-east": {
name: "电力模块东部",
type: "核燃料与离心机模块组",
location: "电力模块四向节点东部",
role: "核燃料/废料存储与离心机处理。",
metrics: ["大型折叠散热面板:1组"],
dimensions: ["资料未记录"],
status: "运行中",
connections: ["西:电力模块中心节点(结构直连)"],
mission: "GHC-04完成安装与冷却、电力回路接入"
},
"power-south": {
name: "电力模块南部",
type: "核反应堆模块",
location: "电力模块四向节点南部",
role: "为广寒基地提供持续核电,并通过四组散热面板完成热排散。",
metrics: ["当前功率:30%", "大型折叠散热面板:1组"],
dimensions: ["资料未记录"],
status: "稳定运行",
connections: ["北:电力模块中心节点(结构直连)"],
mission: "GHC-03完成部署;GHC-05提升至30%功率"
},
"power-west": {
name: "电力模块西部",
type: "原位资源利用模块组",
location: "电力模块四向节点西部",
role: "月壤采矿、ISRU处理及矿石/燃料存储。",
metrics: ["ISRU模块:1组", "采矿模块:1组", "大型折叠散热面板:1组"],
dimensions: ["资料未记录"],
status: "运行中",
connections: ["东:电力模块中心节点(结构直连)", "西:冰轮一号(燃料/供电管线)"],
mission: "GHC-03完成部署;GHC-05完成维护"
},
"wugang-2": {
name: "吴刚二号",
type: "Block 2 月面载人着陆器",
location: "温室模块西侧远端接口",
role: "承担GHC-05乘组月面着陆、驻留保障和返回近月轨道。",
metrics: ["整备质量:31.63 t", "干重:9.64 t", "乘员:6人", "燃料电池:21.6 kW"],
dimensions: ["高10.5 m × 径4.5 m(着陆架收起)", "着陆架展开包络直径:11.2 m"],
status: "GHC-05交接时与基地连接",
connections: ["东:温室模块远端接口(加压走道)"],
mission: "GHC-05 · 2024-12-14着陆东方海"
},
"binglun-1": {
name: "冰轮一号",
type: "Block 1 可复用货运着陆器",
location: "电力模块西侧",
role: "原ISRU着陆器;关闭自身ISRU后转为专职燃料运输。",
metrics: ["初始太阳能供电:25 kW", "当前角色:燃料运输"],
dimensions: ["资料未记录"],
status: "接入基地燃料/供电网络",
connections: ["东:电力模块西部(燃料/供电管线)"],
mission: "BL-01 · 2024-04-19着陆东方海"
},
"binglun-2": {
name: "冰轮二号",
type: "Block 1 可复用货运着陆器",
location: "电力模块南侧",
role: "专职燃料运输与近月轨道燃料上行。",
metrics: ["可拆燃料罐:4个液氧罐 + 4个液氢罐", "燃料罐满载容量:约85 t"],
dimensions: ["资料未记录"],
status: "接入基地燃料/供电网络",
connections: ["北:电力模块南部(燃料/供电管线)"],
mission: "BL-02 · 2024-06-23着陆东方海"
},
"binglun-3": {
name: "冰轮三号",
type: "Block 2 可复用货运着陆器",
location: "电力模块东侧",
role: "执行大型基地模块的近月轨道接收与月面运输。",
metrics: ["构型:Block 2", "GHC-05载荷:广寒03模块"],
dimensions: ["资料未记录"],
status: "接入基地燃料/供电网络",
connections: ["西:电力模块东部(燃料/供电管线)"],
mission: "BL-03 · 2024-09-23首次着陆;GHC-05转运广寒03模块"
}
};
</script>
</body>
</html>