祖冲之号 - 二维平面工程图

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>祖冲之号 - 二维平面工程图</title>
    <style>
        body { margin: 0; background-color: #1a1e24; display: flex; justify-content: center; align-items: center; min-height: 100vh; font-family: 'Courier New', monospace; }
        svg { background-color: #0b0f14; box-shadow: 0 0 20px rgba(0, 255, 255, 0.2); border: 1px solid #00ffff; }
        .grid { stroke: #1c2b3a; stroke-width: 0.5; }
        .outline { fill: #1e293b; stroke: #94a3b8; stroke-width: 1.5; }
        .radiator { fill: rgba(0, 255, 255, 0.05); stroke: #00ffff; stroke-width: 1; }
        .radiator-line { stroke: #ff3300; stroke-width: 1.5; stroke-dasharray: 4 2; }
        .weapon-laser { fill: #00ffff; stroke: #ffffff; stroke-width: 1; }
        .weapon-interceptor { fill: #ffcc00; stroke: #ffffff; stroke-width: 1; }
        .thruster { fill: #ff5500; stroke: #ffffff; stroke-width: 1; }
        .text-label { fill: #00ffff; font-size: 10px; font-weight: bold; }
        .text-dim { fill: #64748b; font-size: 8px; }
        .text-title { fill: #ffffff; font-size: 14px; font-weight: bold; letter-spacing: 2px; }
        .connector { stroke: #64748b; stroke-width: 1; stroke-dasharray: 2 2; }
    </style>
</head>
<body>

<svg width="900" height="700" viewBox="0 0 900 700">
    <!-- 背景网格 -->
    <defs>
        <pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse">
            <path class="grid" d="M 20 0 L 0 0 0 20" fill="none"/>
        </pattern>
    </defs>
    <rect width="100%" height="100%" fill="url(#grid)" />

    <!-- 标题与图例 -->
    <text x="30" y="40" class="text-title">祖冲之号 (Zuchongzhi) - 俯视平面结构图</text>
    <text x="30" y="60" class="text-dim">状态：6模块轨道组装完成 | 主武器：30秒切割激光 | 防御：6门点射拦截炮</text>

    <!-- ================= 中央脊线 (核心模块) ================= -->
    <g id="central-spine">
        <!-- 顶部对接环/备用模块 -->
        <rect x="430" y="80" width="40" height="80" class="outline" />
        <text x="485" y="125" class="text-dim">备用/对接模块</text>
        
        <!-- 电子战/指挥核心 -->
        <rect x="420" y="160" width="60" height="100" class="outline" fill="#0f172a" stroke="#00ffff" stroke-width="2"/>
        <text x="435" y="215" class="text-label">AI核心</text>
        <text x="435" y="225" class="text-label">/电子战</text>

        <!-- 船员生活模块 -->
        <rect x="425" y="260" width="50" height="80" class="outline" />
        <text x="435" y="305" class="text-dim">生活舱</text>

        <!-- 底部推进/干扰模块 -->
        <rect x="430" y="340" width="40" height="120" class="outline" />
        <text x="435" y="405" class="text-dim">干扰/推进</text>
        <text x="435" y="415" class="text-dim">备用模块</text>
    </g>

    <!-- ================= 两侧散热巨翼 (散热模块 + 热扩散装甲) ================= -->
    <g id="radiator-wings">
        <!-- 左侧散热翼 -->
        <rect x="180" y="200" width="230" height="160" class="radiator" rx="5" />
        <path d="M 180 220 L 410 220 M 180 250 L 410 250 M 180 280 L 410 280 M 180 310 L 410 310 M 180 340 L 410 340" class="radiator-line" />
        <text x="240" y="190" class="text-label">左散热巨翼 (热扩散装甲)</text>
        
        <!-- 右侧散热翼 -->
        <rect x="490" y="200" width="230" height="160" class="radiator" rx="5" />
        <path d="M 490 220 L 720 220 M 490 250 L 720 250 M 490 280 L 720 280 M 490 310 L 720 310 M 490 340 L 720 340" class="radiator-line" />
        <text x="560" y="190" class="text-label">右散热巨翼 (诱饵/红外灯塔)</text>

        <!-- 连接支架 -->
        <line x1="410" y1="280" x2="490" y2="280" stroke="#94a3b8" stroke-width="4" />
    </g>

    <!-- ================= 攻击模块 (武器系统) ================= -->
    <g id="weapons">
        <!-- 主炮 (30秒连续开火激光炮) - 位于舰首侧前方 -->
        <rect x="370" y="130" width="15" height="50" class="weapon-laser" rx="2" />
        <rect x="365" y="150" width="25" height="15" fill="#1e293b" stroke="#00ffff" />
        <text x="310" y="145" class="text-label" text-anchor="end">30秒主炮 (进攻型激光)</text>
        <line x1="370" y1="145" x2="385" y2="145" class="connector" />

        <!-- 六门点射拦截炮 (环绕布置) -->
        <!-- 1. 顶部 -->
        <circle cx="450" cy="70" r="6" class="weapon-interceptor" />
        <text x="465" y="75" class="text-dim">拦截炮1</text>
        <!-- 2. 底部 -->
        <circle cx="450" cy="480" r="6" class="weapon-interceptor" />
        <text x="465" y="485" class="text-dim">拦截炮2</text>
        <!-- 3. 左侧 -->
        <circle cx="400" cy="180" r="6" class="weapon-interceptor" />
        <text x="385" y="175" class="text-dim" text-anchor="end">拦截炮3</text>
        <!-- 4. 右侧 -->
        <circle cx="500" cy="180" r="6" class="weapon-interceptor" />
        <text x="515" y="175" class="text-dim">拦截炮4</text>
        <!-- 5. 左后 -->
        <circle cx="400" cy="360" r="6" class="weapon-interceptor" />
        <text x="385" y="365" class="text-dim" text-anchor="end">拦截炮5</text>
        <!-- 6. 右后 -->
        <circle cx="500" cy="360" r="6" class="weapon-interceptor" />
        <text x="515" y="365" class="text-dim">拦截炮6</text>
    </g>

    <!-- ================= 开火修正系统喷口 (姿态控制) ================= -->
    <g id="thrusters">
        <!-- 四个象限的修正喷口 -->
        <!-- 左翼端 -->
        <polygon points="170,270 180,280 170,290" class="thruster" />
        <text x="160" y="285" class="text-dim" text-anchor="end">修正喷口</text>
        <!-- 右翼端 -->
        <polygon points="730,270 720,280 730,290" class="thruster" />
        <text x="740" y="285" class="text-dim">修正喷口</text>
        <!-- 顶部 -->
        <polygon points="440,60 450,50 460,60" class="thruster" />
        <!-- 底部 -->
        <polygon points="440,480 450,490 460,480" class="thruster" />
    </g>

    <!-- 坐标轴指示 -->
    <g transform="translate(50, 600)">
        <line x1="0" y1="0" x2="50" y2="0" stroke="#ff5500" stroke-width="2" />
        <text x="60" y="5" fill="#ff5500" class="text-dim">X轴 (侧向)</text>
        <line x1="0" y1="0" x2="0" y2="-50" stroke="#00ffff" stroke-width="2" />
        <text x="5" y="-55" fill="#00ffff" class="text-dim">Y轴 (舰首方向)</text>
    </g>
</svg>

</body>
</html>