note

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice" role="img" aria-label="校园主楼 夜晚">
  <!-- 笔记站首页背景 · 圆形主楼（横版 · 夜晚）：
       与黄昏版同一构图；深蓝夜空、星月，圆窗与窗阵透出暖灯，
       灯柱点亮、入口生辉；描边改用夜色系 #3e5c86 -->
  <defs>
    <path id="cml-cloud" d="M8 50 C0 50 0 34 12 30 C14 14 34 8 46 16 C54 2 78 2 88 14 C104 6 122 16 120 32 C130 36 130 50 118 50 Z"/>
    <path id="cml-cloud2" d="M10 42 C2 42 2 28 14 26 C18 10 40 6 50 14 C60 2 84 4 92 16 C106 12 118 22 114 34 C122 38 120 42 112 42 Z"/>
    <path id="cml-star" d="M0 -16 C2 -6 6 -2 16 0 C6 2 2 6 0 16 C-2 6 -6 2 -16 0 C-6 -2 -2 -6 0 -16 Z" fill="#fbe59b"/>
    <path id="cml-drum" d="M470 292 Q800 248 1130 292 L1130 620 L470 620 Z"/>
    <clipPath id="cml-drum-clip"><use href="#cml-drum"/></clipPath>
    <clipPath id="cml-tower-clip"><rect x="688" y="326" width="224" height="214"/></clipPath>
    <g id="cml-palm">
      <path d="M0 0 Q6 -24 1 -44" fill="none" stroke="#14243a" stroke-width="6" stroke-linecap="round"/>
      <path d="M1 -44 Q-13 -50 -27 -44 M1 -44 Q-9 -60 -21 -64 M1 -44 Q3 -64 15 -68 M1 -44 Q15 -52 27 -50 M1 -44 Q7 -34 19 -30"
            fill="none" stroke="#35543f" stroke-width="5" stroke-linecap="round"/>
    </g>
    <g id="cml-tree">
      <circle r="30" fill="#2c4a38" stroke="#3e5c86" stroke-width="5"/>
      <path d="M0 28 L0 44" stroke="#14243a" stroke-width="7" stroke-linecap="round"/>
    </g>
  </defs>

  <!-- 夜空 -->
  <rect width="1600" height="900" fill="#13233f"/>

  <!-- 明月 + 月晕 + 星子 -->
  <circle cx="1140" cy="186" r="94" fill="none" stroke="#fbefb9" stroke-width="3" opacity="0.2"/>
  <circle cx="1140" cy="186" r="72" fill="none" stroke="#fbefb9" stroke-width="3" opacity="0.32"/>
  <circle cx="1140" cy="186" r="50" fill="#fbefb9" stroke="#9db3cf" stroke-width="4"/>
  <use href="#cml-star" transform="translate(200 130)"/>
  <use href="#cml-star" transform="translate(420 214) scale(0.7)"/>
  <use href="#cml-star" transform="translate(660 122) scale(0.85)"/>
  <use href="#cml-star" transform="translate(930 92) scale(0.6)"/>
  <use href="#cml-star" transform="translate(1352 300) scale(0.75)"/>
  <use href="#cml-star" transform="translate(1520 148)"/>
  <circle cx="300" cy="300" r="3.5" fill="#fbe59b"/>
  <circle cx="560" cy="262" r="3" fill="#fbe59b"/>
  <circle cx="820" cy="176" r="3" fill="#fbe59b"/>
  <circle cx="1250" cy="330" r="3" fill="#fbe59b"/>
  <circle cx="1440" cy="240" r="3.5" fill="#fbe59b"/>

  <!-- 夜云（淡淡两朵） -->
  <use href="#cml-cloud" transform="translate(255 138) scale(1.2)" fill="#1b2d49" stroke="#3e5c86" stroke-width="5" stroke-linejoin="round"/>
  <use href="#cml-cloud2" transform="translate(1310 160) scale(1.05)" fill="#1b2d49" stroke="#3e5c86" stroke-width="5" stroke-linejoin="round"/>

  <!-- ===== 主楼群（夜色剪影 + 暖灯） ===== -->
  <use href="#cml-drum" fill="#22364d"/>
  <g clip-path="url(#cml-drum-clip)">
    <rect x="800" y="230" width="330" height="392" fill="#2a4158"/>
    <path d="M470 320 H1130 M470 348 H1130 M470 376 H1130 M470 404 H1130 M470 432 H1130 M470 460 H1130 M470 488 H1130 M470 516 H1130 M470 544 H1130 M470 572 H1130 M470 600 H1130"
          stroke="#3e5c86" stroke-width="3" opacity="0.5" fill="none"/>
    <rect x="790" y="258" width="20" height="40" fill="#14243a"/>
  </g>
  <use href="#cml-drum" fill="none" stroke="#3e5c86" stroke-width="6"/>

  <!-- 中央塔楼 -->
  <rect x="664" y="296" width="272" height="30" fill="#344a63" stroke="#3e5c86" stroke-width="5"/>
  <rect x="688" y="326" width="224" height="214" fill="#2c4159" stroke="#3e5c86" stroke-width="5"/>
  <g clip-path="url(#cml-tower-clip)">
    <path d="M688 350 H912 M688 374 H912 M688 398 H912 M688 422 H912 M688 446 H912 M688 470 H912 M688 494 H912 M688 518 H912"
          stroke="#3e5c86" stroke-width="3" opacity="0.45" fill="none"/>
  </g>
  <!-- 圆窗夜灯：光晕 + 亮环框 + 暖玻璃 -->
  <circle cx="800" cy="402" r="96" fill="#f6d98d" opacity="0.16"/>
  <circle cx="800" cy="402" r="60" fill="#eddfae" stroke="#3e5c86" stroke-width="6"/>
  <circle cx="800" cy="402" r="41" fill="#f6d98d" stroke="#3e5c86" stroke-width="3"/>
  <rect x="764" y="396" width="72" height="11" rx="5.5" fill="#eddfae"/>
  <!-- 塔底玻璃幕 + 亮灯入口 -->
  <circle cx="800" cy="586" r="70" fill="#f6d98d" opacity="0.14"/>
  <rect x="688" y="540" width="224" height="80" fill="#1d3049" stroke="#3e5c86" stroke-width="5"/>
  <path d="M712 540 V620 M736 540 V620 M864 540 V620 M888 540 V620" stroke="#2c4159" stroke-width="3"/>
  <rect x="756" y="548" width="88" height="72" fill="#f4c96b" stroke="#3e5c86" stroke-width="4"/>
  <path d="M800 548 V620" stroke="#3e5c86" stroke-width="3"/>

  <!-- 东西玻璃幕连接体（个别亮格） -->
  <rect x="560" y="490" width="128" height="130" fill="#1d3049" stroke="#3e5c86" stroke-width="5"/>
  <path d="M588 490 V620 M616 490 V620 M644 490 V620" stroke="#2c4159" stroke-width="3"/>
  <rect x="592" y="512" width="20" height="26" fill="#f4c96b" opacity="0.9"/>
  <rect x="648" y="556" width="20" height="26" fill="#f4c96b" opacity="0.9"/>
  <rect x="912" y="490" width="128" height="130" fill="#1d3049" stroke="#3e5c86" stroke-width="5"/>
  <path d="M940 490 V620 M968 490 V620 M996 490 V620" stroke="#2c4159" stroke-width="3"/>
  <rect x="944" y="556" width="20" height="26" fill="#f4c96b" opacity="0.9"/>
  <rect x="1000" y="512" width="20" height="26" fill="#f4c96b" opacity="0.9"/>

  <!-- 两翼裙楼（暖灯窗阵，亮暗相间） -->
  <rect x="288" y="474" width="284" height="14" fill="#344a63" stroke="#3e5c86" stroke-width="4"/>
  <rect x="300" y="488" width="260" height="132" fill="#263c53" stroke="#3e5c86" stroke-width="5"/>
  <g stroke="#3e5c86" stroke-width="3">
    <rect x="318" y="506" width="34" height="22" fill="#f4c96b"/><rect x="372" y="506" width="34" height="22" fill="#354b64"/><rect x="426" y="506" width="34" height="22" fill="#f4c96b"/><rect x="480" y="506" width="34" height="22" fill="#f4c96b"/><rect x="534" y="506" width="34" height="22" fill="#354b64"/>
    <rect x="318" y="546" width="34" height="22" fill="#354b64"/><rect x="372" y="546" width="34" height="22" fill="#f4c96b"/><rect x="426" y="546" width="34" height="22" fill="#354b64"/><rect x="480" y="546" width="34" height="22" fill="#354b64"/><rect x="534" y="546" width="34" height="22" fill="#f4c96b"/>
    <rect x="318" y="586" width="34" height="22" fill="#f4c96b"/><rect x="372" y="586" width="34" height="22" fill="#f4c96b"/><rect x="426" y="586" width="34" height="22" fill="#354b64"/><rect x="480" y="586" width="34" height="22" fill="#f4c96b"/><rect x="534" y="586" width="34" height="22" fill="#354b64"/>
  </g>
  <rect x="116" y="504" width="196" height="14" fill="#344a63" stroke="#3e5c86" stroke-width="4"/>
  <rect x="128" y="518" width="172" height="102" fill="#20344a" stroke="#3e5c86" stroke-width="5"/>
  <g stroke="#3e5c86" stroke-width="3">
    <rect x="146" y="536" width="30" height="20" fill="#354b64"/><rect x="200" y="536" width="30" height="20" fill="#f4c96b"/><rect x="254" y="536" width="30" height="20" fill="#354b64"/>
    <rect x="146" y="586" width="30" height="20" fill="#f4c96b"/><rect x="200" y="586" width="30" height="20" fill="#354b64"/><rect x="254" y="586" width="30" height="20" fill="#f4c96b"/>
  </g>
  <rect x="1028" y="474" width="284" height="14" fill="#344a63" stroke="#3e5c86" stroke-width="4"/>
  <rect x="1040" y="488" width="260" height="132" fill="#263c53" stroke="#3e5c86" stroke-width="5"/>
  <g stroke="#3e5c86" stroke-width="3">
    <rect x="1048" y="506" width="34" height="22" fill="#354b64"/><rect x="1102" y="506" width="34" height="22" fill="#f4c96b"/><rect x="1156" y="506" width="34" height="22" fill="#f4c96b"/><rect x="1210" y="506" width="34" height="22" fill="#354b64"/><rect x="1264" y="506" width="34" height="22" fill="#f4c96b"/>
    <rect x="1048" y="546" width="34" height="22" fill="#f4c96b"/><rect x="1102" y="546" width="34" height="22" fill="#354b64"/><rect x="1156" y="546" width="34" height="22" fill="#354b64"/><rect x="1210" y="546" width="34" height="22" fill="#f4c96b"/><rect x="1264" y="546" width="34" height="22" fill="#354b64"/>
    <rect x="1048" y="586" width="34" height="22" fill="#354b64"/><rect x="1102" y="586" width="34" height="22" fill="#f4c96b"/><rect x="1156" y="586" width="34" height="22" fill="#f4c96b"/><rect x="1210" y="586" width="34" height="22" fill="#354b64"/><rect x="1264" y="586" width="34" height="22" fill="#f4c96b"/>
  </g>
  <rect x="1288" y="504" width="196" height="14" fill="#344a63" stroke="#3e5c86" stroke-width="4"/>
  <rect x="1300" y="518" width="172" height="102" fill="#20344a" stroke="#3e5c86" stroke-width="5"/>
  <g stroke="#3e5c86" stroke-width="3">
    <rect x="1316" y="536" width="30" height="20" fill="#f4c96b"/><rect x="1370" y="536" width="30" height="20" fill="#354b64"/><rect x="1424" y="536" width="30" height="20" fill="#f4c96b"/>
    <rect x="1316" y="586" width="30" height="20" fill="#354b64"/><rect x="1370" y="586" width="30" height="20" fill="#f4c96b"/><rect x="1424" y="586" width="30" height="20" fill="#354b64"/>
  </g>

  <!-- 入口台阶 -->
  <rect x="704" y="620" width="192" height="24" fill="#2e425c" stroke="#3e5c86" stroke-width="4"/>
  <rect x="664" y="644" width="272" height="24" fill="#2e425c" stroke="#3e5c86" stroke-width="4"/>
  <rect x="624" y="668" width="352" height="24" fill="#2e425c" stroke="#3e5c86" stroke-width="4"/>

  <!-- 前坪分缝 -->
  <path d="M0 724 H1600 M0 776 H1600 M0 840 H1600" stroke="#2a3d58" stroke-width="3" opacity="0.8"/>

  <!-- 东西草坪与树影 -->
  <rect x="0" y="690" width="348" height="78" rx="14" fill="#233a2c" stroke="#3e5c86" stroke-width="4"/>
  <rect x="1252" y="690" width="348" height="78" rx="14" fill="#233a2c" stroke="#3e5c86" stroke-width="4"/>
  <use href="#cml-tree" transform="translate(140 652)"/>
  <use href="#cml-tree" transform="translate(280 660) scale(0.8)"/>
  <use href="#cml-tree" transform="translate(1460 652)"/>
  <use href="#cml-tree" transform="translate(1320 660) scale(0.8)"/>

  <!-- 棕榈、灌木与点亮的灯柱（带光池） -->
  <use href="#cml-palm" transform="translate(575 712)"/>
  <use href="#cml-palm" transform="translate(1025 712) scale(-1 1)"/>
  <circle cx="500" cy="730" r="16" fill="#2c4a38" stroke="#3e5c86" stroke-width="4"/>
  <circle cx="1100" cy="730" r="16" fill="#2c4a38" stroke="#3e5c86" stroke-width="4"/>
  <path d="M105 716 V624 M1495 716 V624" stroke="#3e5c86" stroke-width="6" stroke-linecap="round"/>
  <circle cx="105" cy="612" r="22" fill="#f6d98d" opacity="0.25"/>
  <circle cx="105" cy="612" r="10" fill="#f6d98d" stroke="#3e5c86" stroke-width="4"/>
  <ellipse cx="105" cy="720" rx="46" ry="10" fill="#f6d98d" opacity="0.12"/>
  <circle cx="1495" cy="612" r="22" fill="#f6d98d" opacity="0.25"/>
  <circle cx="1495" cy="612" r="10" fill="#f6d98d" stroke="#3e5c86" stroke-width="4"/>
  <ellipse cx="1495" cy="720" rx="46" ry="10" fill="#f6d98d" opacity="0.12"/>
</svg>