note

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 1600" preserveAspectRatio="xMidYMid slice" role="img" aria-label="校园主楼 夜晚（竖版）">
  <!-- 笔记站首页背景 · 圆形主楼（竖版 · 夜晚）：
       与竖版黄昏同一构图；深蓝夜空、星月高悬，圆窗与窗阵透出暖灯，
       灯柱点亮、入口生辉；描边改用夜色系 #3e5c86 -->
  <defs>
    <path id="cmp-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="cmp-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="cmp-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="cmp-drum" d="M190 545 Q450 498 710 545 L710 1150 L190 1150 Z"/>
    <clipPath id="cmp-drum-clip"><use href="#cmp-drum"/></clipPath>
    <clipPath id="cmp-tower-clip"><rect x="340" y="558" width="220" height="507"/></clipPath>
    <g id="cmp-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="cmp-tree">
      <circle r="28" fill="#2c4a38" stroke="#3e5c86" stroke-width="5"/>
      <path d="M0 26 L0 42" stroke="#14243a" stroke-width="7" stroke-linecap="round"/>
    </g>
  </defs>

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

  <!-- 明月 + 月晕 + 星子（月悬右上） -->
  <circle cx="700" cy="235" r="86" fill="none" stroke="#fbefb9" stroke-width="3" opacity="0.2"/>
  <circle cx="700" cy="235" r="66" fill="none" stroke="#fbefb9" stroke-width="3" opacity="0.32"/>
  <circle cx="700" cy="235" r="46" fill="#fbefb9" stroke="#9db3cf" stroke-width="4"/>
  <use href="#cmp-star" transform="translate(150 150)"/>
  <use href="#cmp-star" transform="translate(340 230) scale(0.7)"/>
  <use href="#cmp-star" transform="translate(560 120) scale(0.85)"/>
  <use href="#cmp-star" transform="translate(820 130) scale(0.6)"/>
  <use href="#cmp-star" transform="translate(120 340) scale(0.75)"/>
  <use href="#cmp-star" transform="translate(760 400) scale(0.7)"/>
  <circle cx="250" cy="90" r="3.5" fill="#fbe59b"/>
  <circle cx="450" cy="300" r="3" fill="#fbe59b"/>
  <circle cx="620" cy="330" r="3" fill="#fbe59b"/>
  <circle cx="60 " cy="250" r="3" fill="#fbe59b"/>
  <circle cx="850" cy="280" r="3.5" fill="#fbe59b"/>

  <!-- 夜云（淡淡两朵） -->
  <use href="#cmp-cloud" transform="translate(160 132) scale(1.1)" fill="#1b2d49" stroke="#3e5c86" stroke-width="5" stroke-linejoin="round"/>
  <use href="#cmp-cloud2" transform="translate(120 430) scale(0.85)" fill="#1b2d49" stroke="#3e5c86" stroke-width="6" stroke-linejoin="round"/>

  <!-- ===== 主楼群（夜色剪影 + 暖灯） ===== -->
  <use href="#cmp-drum" fill="#22364d"/>
  <g clip-path="url(#cmp-drum-clip)">
    <rect x="450" y="480" width="260" height="672" fill="#2a4158"/>
    <path d="M190 580 H710 M190 610 H710 M190 640 H710 M190 670 H710 M190 700 H710 M190 730 H710 M190 760 H710 M190 790 H710 M190 820 H710 M190 850 H710 M190 880 H710 M190 910 H710 M190 940 H710 M190 970 H710 M190 1000 H710 M190 1030 H710 M190 1060 H710 M190 1090 H710 M190 1120 H710"
          stroke="#3e5c86" stroke-width="3" opacity="0.5" fill="none"/>
    <rect x="441" y="508" width="18" height="38" fill="#14243a"/>
  </g>
  <use href="#cmp-drum" fill="none" stroke="#3e5c86" stroke-width="6"/>

  <!-- 中央塔楼 -->
  <rect x="316" y="528" width="268" height="28" fill="#344a63" stroke="#3e5c86" stroke-width="5"/>
  <rect x="340" y="556" width="220" height="509" fill="#2c4159" stroke="#3e5c86" stroke-width="5"/>
  <g clip-path="url(#cmp-tower-clip)">
    <path d="M340 584 H560 M340 610 H560 M340 636 H560 M340 662 H560 M340 688 H560 M340 714 H560 M340 740 H560 M340 766 H560 M340 792 H560 M340 818 H560 M340 844 H560 M340 870 H560 M340 896 H560 M340 922 H560 M340 948 H560 M340 974 H560 M340 1000 H560 M340 1026 H560 M340 1052 H560"
          stroke="#3e5c86" stroke-width="3" opacity="0.45" fill="none"/>
  </g>
  <!-- 圆窗夜灯：光晕 + 亮环框 + 暖玻璃 -->
  <circle cx="450" cy="640" r="88" fill="#f6d98d" opacity="0.16"/>
  <circle cx="450" cy="640" r="54" fill="#eddfae" stroke="#3e5c86" stroke-width="6"/>
  <circle cx="450" cy="640" r="37" fill="#f6d98d" stroke="#3e5c86" stroke-width="3"/>
  <rect x="418" y="634" width="64" height="10" rx="5" fill="#eddfae"/>
  <!-- 塔底玻璃幕 + 亮灯入口 -->
  <circle cx="450" cy="1115" r="72" fill="#f6d98d" opacity="0.14"/>
  <rect x="340" y="1065" width="220" height="85" fill="#1d3049" stroke="#3e5c86" stroke-width="5"/>
  <path d="M362 1065 V1150 M384 1065 V1150 M516 1065 V1150 M538 1065 V1150" stroke="#2c4159" stroke-width="3"/>
  <rect x="404" y="1073" width="92" height="77" fill="#f4c96b" stroke="#3e5c86" stroke-width="4"/>
  <path d="M450 1073 V1150" stroke="#3e5c86" stroke-width="3"/>

  <!-- 东西玻璃幕连接体（个别亮格） -->
  <rect x="260" y="950" width="80" height="200" fill="#1d3049" stroke="#3e5c86" stroke-width="5"/>
  <path d="M286 950 V1150 M314 950 V1150" stroke="#2c4159" stroke-width="3"/>
  <rect x="270" y="990" width="18" height="24" fill="#f4c96b" opacity="0.9"/>
  <rect x="304" y="1070" width="18" height="24" fill="#f4c96b" opacity="0.9"/>
  <rect x="560" y="950" width="80" height="200" fill="#1d3049" stroke="#3e5c86" stroke-width="5"/>
  <path d="M586 950 V1150 M614 950 V1150" stroke="#2c4159" stroke-width="3"/>
  <rect x="610" y="1030" width="18" height="24" fill="#f4c96b" opacity="0.9"/>

  <!-- 两翼裙楼（暖灯窗阵，亮暗相间） -->
  <rect x="48" y="934" width="224" height="14" fill="#344a63" stroke="#3e5c86" stroke-width="4"/>
  <rect x="60" y="948" width="200" height="202" fill="#263c53" stroke="#3e5c86" stroke-width="5"/>
  <g stroke="#3e5c86" stroke-width="3">
    <rect x="78" y="968" width="32" height="20" fill="#f4c96b"/><rect x="132" y="968" width="32" height="20" fill="#354b64"/><rect x="186" y="968" width="32" height="20" fill="#f4c96b"/>
    <rect x="78" y="1010" width="32" height="20" fill="#354b64"/><rect x="132" y="1010" width="32" height="20" fill="#f4c96b"/><rect x="186" y="1010" width="32" height="20" fill="#354b64"/>
    <rect x="78" y="1052" width="32" height="20" fill="#f4c96b"/><rect x="132" y="1052" width="32" height="20" fill="#f4c96b"/><rect x="186" y="1052" width="32" height="20" fill="#354b64"/>
    <rect x="78" y="1094" width="32" height="20" fill="#354b64"/><rect x="132" y="1094" width="32" height="20" fill="#f4c96b"/><rect x="186" y="1094" width="32" height="20" fill="#f4c96b"/>
  </g>
  <rect x="628" y="934" width="224" height="14" fill="#344a63" stroke="#3e5c86" stroke-width="4"/>
  <rect x="640" y="948" width="200" height="202" fill="#263c53" stroke="#3e5c86" stroke-width="5"/>
  <g stroke="#3e5c86" stroke-width="3">
    <rect x="682" y="968" width="32" height="20" fill="#354b64"/><rect x="736" y="968" width="32" height="20" fill="#f4c96b"/><rect x="790" y="968" width="32" height="20" fill="#354b64"/>
    <rect x="682" y="1010" width="32" height="20" fill="#f4c96b"/><rect x="736" y="1010" width="32" height="20" fill="#354b64"/><rect x="790" y="1010" width="32" height="20" fill="#f4c96b"/>
    <rect x="682" y="1052" width="32" height="20" fill="#354b64"/><rect x="736" y="1052" width="32" height="20" fill="#f4c96b"/><rect x="790" y="1052" width="32" height="20" fill="#f4c96b"/>
    <rect x="682" y="1094" width="32" height="20" fill="#f4c96b"/><rect x="736" y="1094" width="32" height="20" fill="#354b64"/><rect x="790" y="1094" width="32" height="20" fill="#354b64"/>
  </g>

  <!-- 入口台阶 -->
  <rect x="355" y="1150" width="190" height="24" fill="#2e425c" stroke="#3e5c86" stroke-width="4"/>
  <rect x="315" y="1174" width="270" height="24" fill="#2e425c" stroke="#3e5c86" stroke-width="4"/>
  <rect x="275" y="1198" width="350" height="24" fill="#2e425c" stroke="#3e5c86" stroke-width="4"/>

  <!-- 前坪分缝 -->
  <path d="M0 1330 H900 M0 1420 H900 M0 1520 H900" stroke="#2a3d58" stroke-width="3" opacity="0.8"/>

  <!-- 东西草坪与树影 -->
  <rect x="0" y="1300" width="250" height="90" rx="14" fill="#233a2c" stroke="#3e5c86" stroke-width="4"/>
  <rect x="650" y="1300" width="250" height="90" rx="14" fill="#233a2c" stroke="#3e5c86" stroke-width="4"/>
  <use href="#cmp-tree" transform="translate(100 1272)"/>
  <use href="#cmp-tree" transform="translate(205 1282) scale(0.75)"/>
  <use href="#cmp-tree" transform="translate(800 1272)"/>
  <use href="#cmp-tree" transform="translate(695 1282) scale(0.75)"/>

  <!-- 棕榈、灌木与点亮的灯柱（带光池） -->
  <use href="#cmp-palm" transform="translate(330 1352)"/>
  <use href="#cmp-palm" transform="translate(570 1352) scale(-1 1)"/>
  <circle cx="240" cy="1245" r="14" fill="#2c4a38" stroke="#3e5c86" stroke-width="4"/>
  <circle cx="660" cy="1245" r="14" fill="#2c4a38" stroke="#3e5c86" stroke-width="4"/>
  <path d="M50 1290 V1192 M850 1290 V1192" stroke="#3e5c86" stroke-width="6" stroke-linecap="round"/>
  <circle cx="50" cy="1180" r="20" fill="#f6d98d" opacity="0.25"/>
  <circle cx="50" cy="1180" r="9" fill="#f6d98d" stroke="#3e5c86" stroke-width="4"/>
  <ellipse cx="50" cy="1294" rx="42" ry="9" fill="#f6d98d" opacity="0.12"/>
  <circle cx="850" cy="1180" r="20" fill="#f6d98d" opacity="0.25"/>
  <circle cx="850" cy="1180" r="9" fill="#f6d98d" stroke="#3e5c86" stroke-width="4"/>
  <ellipse cx="850" cy="1294" rx="42" ry="9" fill="#f6d98d" opacity="0.12"/>
</svg>