nageyqma·git
HTTPS https://git.nageyqma.icu/nageyqma/note.git SSH git@git.nageyqma.icu:nageyqma/note.git

HTTPS 链接可直接 git clone;推送代码请使用 SSH。

8.7 KB · 119 行raw
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 1600" preserveAspectRatio="xMidYMid slice" role="img" aria-label="校园主楼 黄昏(竖版)">
  <!-- 笔记站首页背景 · 圆形主楼(竖版 · 黄昏):
       独立纵向构图——天空在上、主楼居中、台阶前坪在下;
       暖金落日光调,与主站星期背景同一套扁平手绘语言(描边 #3b5268) -->
  <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-bird" d="M0 0 q12 -14 24 0 q12 -14 24 0" fill="none" stroke="#3b5268" stroke-width="6" stroke-linecap="round"/>
    <!-- 鼓楼筒体:顶部微拱的柱形轮廓 -->
    <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="#6b5138" 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="#5f7f4a" stroke-width="5" stroke-linecap="round"/>
    </g>
    <g id="cmp-tree">
      <circle r="28" fill="#7fa05e" stroke="#3b5268" stroke-width="5"/>
      <path d="M0 26 L0 42" stroke="#6b5138" stroke-width="7" stroke-linecap="round"/>
    </g>
  </defs>

  <!-- 黄昏天空 -->
  <rect width="900" height="1150" fill="#fdeccb"/>

  <!-- 落日(左上)+ 双环光晕 -->
  <circle cx="188" cy="268" r="104" fill="none" stroke="#f2a24b" stroke-width="4" opacity="0.18"/>
  <circle cx="188" cy="268" r="80" fill="none" stroke="#f2a24b" stroke-width="4" opacity="0.28"/>
  <circle cx="188" cy="268" r="56" fill="#f5a94e"/>

  <!-- 染霞云群与飞鸟 -->
  <use href="#cmp-cloud" transform="translate(160 132) scale(1.15)" fill="#ffeeda" stroke="#3b5268" stroke-width="5" stroke-linejoin="round"/>
  <use href="#cmp-cloud2" transform="translate(600 190) scale(0.8)" fill="#ffeeda" stroke="#3b5268" stroke-width="7" stroke-linejoin="round"/>
  <use href="#cmp-cloud" transform="translate(680 96) scale(0.65)" fill="#ffeeda" stroke="#3b5268" stroke-width="8" stroke-linejoin="round"/>
  <use href="#cmp-cloud2" transform="translate(120 420) scale(0.9)" fill="#ffeeda" stroke="#3b5268" stroke-width="6" stroke-linejoin="round"/>
  <use href="#cmp-bird" transform="translate(540 300)"/>
  <use href="#cmp-bird" transform="translate(614 342) scale(0.75)"/>

  <!-- ===== 主楼群 ===== -->
  <!-- 鼓楼筒体:左冷灰 / 右暖赭双拼,横向绑带层,顶部中央天窗缝 -->
  <use href="#cmp-drum" fill="#ddd6c6"/>
  <g clip-path="url(#cmp-drum-clip)">
    <rect x="450" y="480" width="260" height="672" fill="#e8cfa8"/>
    <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="#a89a7e" stroke-width="3" opacity="0.55" fill="none"/>
    <rect x="441" y="508" width="18" height="38" fill="#45535f"/>
  </g>
  <use href="#cmp-drum" fill="none" stroke="#3b5268" stroke-width="6"/>

  <!-- 中央塔楼:顶梁板 + 绑带石墙(圆窗嵌于上段)+ 底层玻璃幕与入口 -->
  <rect x="316" y="528" width="268" height="28" fill="#f2e8cf" stroke="#3b5268" stroke-width="5"/>
  <rect x="340" y="556" width="220" height="509" fill="#ecdfc0" stroke="#3b5268" 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="#d6c29b" stroke-width="3" fill="none"/>
  </g>
  <!-- 圆窗(主楼的点睛之笔):环框 + 深色玻璃 + 内挑台横杆 -->
  <circle cx="450" cy="640" r="54" fill="#f2e8cf" stroke="#3b5268" stroke-width="6"/>
  <circle cx="450" cy="640" r="37" fill="#4e6174" stroke="#3b5268" stroke-width="3"/>
  <rect x="418" y="634" width="64" height="10" rx="5" fill="#f2e8cf"/>
  <!-- 塔底玻璃幕 + 双开入口 -->
  <rect x="340" y="1065" width="220" height="85" fill="#5b7183" stroke="#3b5268" stroke-width="5"/>
  <path d="M362 1065 V1150 M384 1065 V1150 M516 1065 V1150 M538 1065 V1150" stroke="#46586a" stroke-width="3"/>
  <rect x="404" y="1073" width="92" height="77" fill="#35485c" stroke="#3b5268" stroke-width="4"/>
  <path d="M450 1073 V1150" stroke="#3b5268" stroke-width="3"/>

  <!-- 东西玻璃幕连接体(暖霞反光) -->
  <rect x="260" y="950" width="80" height="200" fill="#5b7183" stroke="#3b5268" stroke-width="5"/>
  <path d="M286 950 V1150 M314 950 V1150" stroke="#46586a" stroke-width="3"/>
  <rect x="263" y="953" width="74" height="44" fill="#f8c78e" opacity="0.3"/>
  <rect x="560" y="950" width="80" height="200" fill="#5b7183" stroke="#3b5268" stroke-width="5"/>
  <path d="M586 950 V1150 M614 950 V1150" stroke="#46586a" stroke-width="3"/>
  <rect x="563" y="953" width="74" height="44" fill="#f8c78e" opacity="0.3"/>

  <!-- 两翼裙楼 + 檐口板 + 窗阵 -->
  <rect x="48" y="934" width="224" height="14" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>
  <rect x="60" y="948" width="200" height="202" fill="#e7d7b7" stroke="#3b5268" stroke-width="5"/>
  <g fill="#8b9dae" stroke="#3b5268" stroke-width="3">
    <rect x="78" y="968" width="32" height="20"/><rect x="132" y="968" width="32" height="20"/><rect x="186" y="968" width="32" height="20"/>
    <rect x="78" y="1010" width="32" height="20"/><rect x="132" y="1010" width="32" height="20"/><rect x="186" y="1010" width="32" height="20"/>
    <rect x="78" y="1052" width="32" height="20"/><rect x="132" y="1052" width="32" height="20"/><rect x="186" y="1052" width="32" height="20"/>
    <rect x="78" y="1094" width="32" height="20"/><rect x="132" y="1094" width="32" height="20"/><rect x="186" y="1094" width="32" height="20"/>
  </g>
  <rect x="628" y="934" width="224" height="14" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>
  <rect x="640" y="948" width="200" height="202" fill="#e7d7b7" stroke="#3b5268" stroke-width="5"/>
  <g fill="#8b9dae" stroke="#3b5268" stroke-width="3">
    <rect x="682" y="968" width="32" height="20"/><rect x="736" y="968" width="32" height="20"/><rect x="790" y="968" width="32" height="20"/>
    <rect x="682" y="1010" width="32" height="20"/><rect x="736" y="1010" width="32" height="20"/><rect x="790" y="1010" width="32" height="20"/>
    <rect x="682" y="1052" width="32" height="20"/><rect x="736" y="1052" width="32" height="20"/><rect x="790" y="1052" width="32" height="20"/>
    <rect x="682" y="1094" width="32" height="20"/><rect x="736" y="1094" width="32" height="20"/><rect x="790" y="1094" width="32" height="20"/>
  </g>

  <!-- 入口台阶(三级展开) -->
  <rect x="355" y="1150" width="190" height="24" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>
  <rect x="315" y="1174" width="270" height="24" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>
  <rect x="275" y="1198" width="350" height="24" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>

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

  <!-- 东西草坪与圆冠树 -->
  <rect x="0" y="1300" width="250" height="90" rx="14" fill="#a9c07f" stroke="#3b5268" stroke-width="4"/>
  <rect x="650" y="1300" width="250" height="90" rx="14" fill="#a9c07f" stroke="#3b5268" 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="#7fa05e" stroke="#3b5268" stroke-width="4"/>
  <circle cx="660" cy="1245" r="14" fill="#7fa05e" stroke="#3b5268" stroke-width="4"/>
  <path d="M50 1290 V1192 M850 1290 V1192" stroke="#3b5268" stroke-width="6" stroke-linecap="round"/>
  <circle cx="50" cy="1180" r="9" fill="#f6d98d" stroke="#3b5268" stroke-width="4"/>
  <circle cx="850" cy="1180" r="9" fill="#f6d98d" stroke="#3b5268" stroke-width="4"/>
</svg>