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

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

10.0 KB · 132 行raw
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice" role="img" aria-label="校园主楼 黄昏">
  <!-- 笔记站首页背景 · 圆形主楼(横版 · 黄昏):
       柱形鼓楼 + 中央塔楼圆窗 + 两翼跌落裙楼,前坪台阶、草坪圆树、棕榈与灯柱;
       暖金落日光调,与主站星期背景同一套扁平手绘语言(描边 #3b5268) -->
  <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-bird" d="M0 0 q12 -14 24 0 q12 -14 24 0" fill="none" stroke="#3b5268" stroke-width="6" stroke-linecap="round"/>
    <!-- 鼓楼筒体:顶部微拱的柱形轮廓 -->
    <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="#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="cml-tree">
      <circle r="30" fill="#7fa05e" stroke="#3b5268" stroke-width="5"/>
      <path d="M0 28 L0 44" stroke="#6b5138" stroke-width="7" stroke-linecap="round"/>
    </g>
  </defs>

  <!-- 黄昏天空:上下两段暖色分带 -->
  <rect width="1600" height="620" fill="#fdeccb"/>
  <rect y="620" width="1600" height="280" fill="#f8c78e"/>

  <!-- 落日(西沉于左侧天际)+ 双环光晕 -->
  <circle cx="330" cy="430" r="112" fill="none" stroke="#f2a24b" stroke-width="4" opacity="0.18"/>
  <circle cx="330" cy="430" r="86" fill="none" stroke="#f2a24b" stroke-width="4" opacity="0.28"/>
  <circle cx="330" cy="430" r="60" fill="#f5a94e"/>

  <!-- 染霞云群与飞鸟 -->
  <use href="#cml-cloud" transform="translate(255 138) scale(1.25)" fill="#ffeeda" stroke="#3b5268" stroke-width="5" stroke-linejoin="round"/>
  <use href="#cml-cloud2" transform="translate(640 108) scale(0.9)" fill="#ffeeda" stroke="#3b5268" stroke-width="6" stroke-linejoin="round"/>
  <use href="#cml-cloud" transform="translate(1310 150) scale(1.15)" fill="#ffeeda" stroke="#3b5268" stroke-width="5" stroke-linejoin="round"/>
  <use href="#cml-cloud2" transform="translate(1080 238) scale(0.7)" fill="#ffeeda" stroke="#3b5268" stroke-width="7" stroke-linejoin="round"/>
  <use href="#cml-bird" transform="translate(470 208)"/>
  <use href="#cml-bird" transform="translate(552 246) scale(0.8)"/>

  <!-- ===== 主楼群 ===== -->
  <!-- 鼓楼筒体:左冷灰 / 右暖赭双拼,横向绑带层,顶部中央天窗缝 -->
  <use href="#cml-drum" fill="#ddd6c6"/>
  <g clip-path="url(#cml-drum-clip)">
    <rect x="800" y="230" width="330" height="392" fill="#e8cfa8"/>
    <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="#a89a7e" stroke-width="3" opacity="0.55" fill="none"/>
    <rect x="790" y="258" width="20" height="40" fill="#45535f"/>
  </g>
  <use href="#cml-drum" fill="none" stroke="#3b5268" stroke-width="6"/>

  <!-- 中央塔楼:顶梁板 + 绑带石墙(圆窗嵌于上段)+ 底层玻璃幕与入口 -->
  <rect x="664" y="296" width="272" height="30" fill="#f2e8cf" stroke="#3b5268" stroke-width="5"/>
  <rect x="688" y="326" width="224" height="214" fill="#ecdfc0" stroke="#3b5268" 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="#d6c29b" stroke-width="3" fill="none"/>
  </g>
  <!-- 圆窗(主楼的点睛之笔):环框 + 深色玻璃 + 内挑台横杆 -->
  <circle cx="800" cy="402" r="60" fill="#f2e8cf" stroke="#3b5268" stroke-width="6"/>
  <circle cx="800" cy="402" r="41" fill="#4e6174" stroke="#3b5268" stroke-width="3"/>
  <rect x="764" y="396" width="72" height="11" rx="5.5" fill="#f2e8cf"/>
  <!-- 塔底玻璃幕 + 双开入口 -->
  <rect x="688" y="540" width="224" height="80" fill="#5b7183" stroke="#3b5268" stroke-width="5"/>
  <path d="M712 540 V620 M736 540 V620 M864 540 V620 M888 540 V620" stroke="#46586a" stroke-width="3"/>
  <rect x="756" y="548" width="88" height="72" fill="#35485c" stroke="#3b5268" stroke-width="4"/>
  <path d="M800 548 V620" stroke="#3b5268" stroke-width="3"/>

  <!-- 东西玻璃幕连接体(暖霞反光) -->
  <rect x="560" y="490" width="128" height="130" fill="#5b7183" stroke="#3b5268" stroke-width="5"/>
  <path d="M588 490 V620 M616 490 V620 M644 490 V620" stroke="#46586a" stroke-width="3"/>
  <rect x="563" y="493" width="122" height="40" fill="#f8c78e" opacity="0.3"/>
  <rect x="912" y="490" width="128" height="130" fill="#5b7183" stroke="#3b5268" stroke-width="5"/>
  <path d="M940 490 V620 M968 490 V620 M996 490 V620" stroke="#46586a" stroke-width="3"/>
  <rect x="915" y="493" width="122" height="40" fill="#f8c78e" opacity="0.3"/>

  <!-- 两翼裙楼(向两侧跌落一级)+ 檐口板 + 窗阵 -->
  <rect x="288" y="474" width="284" height="14" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>
  <rect x="300" y="488" width="260" height="132" fill="#e7d7b7" stroke="#3b5268" stroke-width="5"/>
  <g fill="#8b9dae" stroke="#3b5268" stroke-width="3">
    <rect x="318" y="506" width="34" height="22"/><rect x="372" y="506" width="34" height="22"/><rect x="426" y="506" width="34" height="22"/><rect x="480" y="506" width="34" height="22"/><rect x="534" y="506" width="34" height="22"/>
    <rect x="318" y="546" width="34" height="22"/><rect x="372" y="546" width="34" height="22"/><rect x="426" y="546" width="34" height="22"/><rect x="480" y="546" width="34" height="22"/><rect x="534" y="546" width="34" height="22"/>
    <rect x="318" y="586" width="34" height="22"/><rect x="372" y="586" width="34" height="22"/><rect x="426" y="586" width="34" height="22"/><rect x="480" y="586" width="34" height="22"/><rect x="534" y="586" width="34" height="22"/>
  </g>
  <rect x="116" y="504" width="196" height="14" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>
  <rect x="128" y="518" width="172" height="102" fill="#e0cda6" stroke="#3b5268" stroke-width="5"/>
  <g fill="#8b9dae" stroke="#3b5268" stroke-width="3">
    <rect x="146" y="536" width="30" height="20"/><rect x="200" y="536" width="30" height="20"/><rect x="254" y="536" width="30" height="20"/>
    <rect x="146" y="586" width="30" height="20"/><rect x="200" y="586" width="30" height="20"/><rect x="254" y="586" width="30" height="20"/>
  </g>
  <rect x="1028" y="474" width="284" height="14" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>
  <rect x="1040" y="488" width="260" height="132" fill="#e7d7b7" stroke="#3b5268" stroke-width="5"/>
  <g fill="#8b9dae" stroke="#3b5268" stroke-width="3">
    <rect x="1048" y="506" width="34" height="22"/><rect x="1102" y="506" width="34" height="22"/><rect x="1156" y="506" width="34" height="22"/><rect x="1210" y="506" width="34" height="22"/><rect x="1264" y="506" width="34" height="22"/>
    <rect x="1048" y="546" width="34" height="22"/><rect x="1102" y="546" width="34" height="22"/><rect x="1156" y="546" width="34" height="22"/><rect x="1210" y="546" width="34" height="22"/><rect x="1264" y="546" width="34" height="22"/>
    <rect x="1048" y="586" width="34" height="22"/><rect x="1102" y="586" width="34" height="22"/><rect x="1156" y="586" width="34" height="22"/><rect x="1210" y="586" width="34" height="22"/><rect x="1264" y="586" width="34" height="22"/>
  </g>
  <rect x="1288" y="504" width="196" height="14" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>
  <rect x="1300" y="518" width="172" height="102" fill="#e0cda6" stroke="#3b5268" stroke-width="5"/>
  <g fill="#8b9dae" stroke="#3b5268" stroke-width="3">
    <rect x="1316" y="536" width="30" height="20"/><rect x="1370" y="536" width="30" height="20"/><rect x="1424" y="536" width="30" height="20"/>
    <rect x="1316" y="586" width="30" height="20"/><rect x="1370" y="586" width="30" height="20"/><rect x="1424" y="586" width="30" height="20"/>
  </g>

  <!-- 入口台阶(三级展开) -->
  <rect x="704" y="620" width="192" height="24" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>
  <rect x="664" y="644" width="272" height="24" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>
  <rect x="624" y="668" width="352" height="24" fill="#f2e8cf" stroke="#3b5268" stroke-width="4"/>

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

  <!-- 东西草坪与圆冠树 -->
  <rect x="0" y="690" width="348" height="78" rx="14" fill="#a9c07f" stroke="#3b5268" stroke-width="4"/>
  <rect x="1252" y="690" width="348" height="78" rx="14" fill="#a9c07f" stroke="#3b5268" 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="#7fa05e" stroke="#3b5268" stroke-width="4"/>
  <circle cx="1100" cy="730" r="16" fill="#7fa05e" stroke="#3b5268" stroke-width="4"/>
  <path d="M105 716 V624 M1495 716 V624" stroke="#3b5268" stroke-width="6" stroke-linecap="round"/>
  <circle cx="105" cy="612" r="10" fill="#f6d98d" stroke="#3b5268" stroke-width="4"/>
  <circle cx="1495" cy="612" r="10" fill="#f6d98d" stroke="#3b5268" stroke-width="4"/>
</svg>