cfc/.superpowers/brainstorm/443055-1778945176/content/huizhou-v7.html

<h2>Logo V7 — 徽派马头墙 + "知""行"入画</h2>
<p class="subtitle">马头墙的层次韵律，知与行化入白墙黛瓦</p>

<div style="text-align:center;padding:20px;background:linear-gradient(135deg,#f0f4ff,#f5f0ff);border-radius:24px;">
  <svg width="260" height="250" viewBox="0 0 260 250" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
      </linearGradient>
      <linearGradient id="redGrad" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#FF6B6B;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#FF4757;stop-opacity:1" />
      </linearGradient>
      <linearGradient id="redLight" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#FF6B6B;stop-opacity:0.2" />
        <stop offset="100%" style="stop-color:#FF4757;stop-opacity:0.2" />
      </linearGradient>
    </defs>

    <!-- === 马头墙 — 层叠的阶梯轮廓 === -->

    <!-- 左一墙（最高层） -->
    <rect x="20" y="30" width="40" height="100" rx="2"
          fill="none" stroke="url(#blueGrad)" stroke-width="3"/>
    <!-- 左一墙顶（黛瓦檐） -->
    <line x1="16" y1="30" x2="64" y2="30" stroke="url(#blueGrad)" stroke-width="3.5" stroke-linecap="round"/>
    <path d="M16 30 C14 28, 12 28, 10 30" fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M64 30 C66 28, 68 28, 70 30" fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>

    <!-- 左二墙（第二层） -->
    <rect x="60" y="55" width="40" height="75" rx="2"
          fill="none" stroke="url(#blueGrad)" stroke-width="3"/>
    <line x1="56" y1="55" x2="104" y2="55" stroke="url(#blueGrad)" stroke-width="3.5" stroke-linecap="round"/>
    <path d="M56 55 C54 53, 52 53, 50 55" fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M104 55 C106 53, 108 53, 110 55" fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>

    <!-- 中央主墙（三层，容纳爱心和文字） -->
    <rect x="100" y="75" width="60" height="55" rx="2"
          fill="none" stroke="url(#blueGrad)" stroke-width="3"/>
    <line x1="96" y1="75" x2="164" y2="75" stroke="url(#blueGrad)" stroke-width="3.5" stroke-linecap="round"/>
    <path d="M96 75 C94 73, 92 73, 90 75" fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M164 75 C166 73, 168 73, 170 75" fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>

    <!-- 右二墙 -->
    <rect x="160" y="55" width="40" height="75" rx="2"
          fill="none" stroke="url(#blueGrad)" stroke-width="3"/>
    <line x1="156" y1="55" x2="204" y2="55" stroke="url(#blueGrad)" stroke-width="3.5" stroke-linecap="round"/>
    <path d="M156 55 C154 53, 152 53, 150 55" fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M204 55 C206 53, 208 53, 210 55" fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>

    <!-- 右一墙 -->
    <rect x="200" y="30" width="40" height="100" rx="2"
          fill="none" stroke="url(#blueGrad)" stroke-width="3"/>
    <line x1="196" y1="30" x2="244" y2="30" stroke="url(#blueGrad)" stroke-width="3.5" stroke-linecap="round"/>
    <path d="M196 30 C194 28, 192 28, 190 30" fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M244 30 C246 28, 248 28, 250 30" fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>

    <!-- === 中央主墙内：爱心 === -->
    <path d="M130 90 C126 84, 114 82, 110 88 C104 96, 110 104, 130 114"
          fill="none" stroke="url(#redGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M130 90 C134 84, 146 82, 150 88 C156 96, 150 104, 130 114"
          fill="none" stroke="url(#redGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M130 90 C126 84, 114 82, 110 88 C104 96, 110 104, 130 114 C150 104, 156 96, 150 88 C146 82, 134 84, 130 90 Z"
          fill="url(#redLight)"/>

    <!-- 幼苗从爱心下方伸出（中央主墙底部） -->
    <path d="M130 114 C128 110, 126 106, 124 104"
          fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M124 104 C122 101, 120 103, 118 106"
          fill="none" stroke="url(#blueGrad)" stroke-width="2" stroke-linecap="round"/>
    <path d="M124 104 C126 99, 124 96, 122 94"
          fill="none" stroke="url(#blueGrad)" stroke-width="2" stroke-linecap="round"/>

    <!-- === "知" 字 — 融入左右墙之间，以窗花/石刻形式 === -->
    <!-- "知" 的左半部分（矢）在左二墙墙面 -->
    <line x1="70" y1="68" x2="70" y2="112" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round" opacity="0.5"/>
    <line x1="60" y1="78" x2="85" y2="78" stroke="url(#blueGrad)" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
    <line x1="60" y1="90" x2="85" y2="90" stroke="url(#blueGrad)" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
    <!-- "知" 的右半部分（口） -->
    <rect x="75" y="80" width="18" height="18" rx="1"
          fill="none" stroke="url(#blueGrad)" stroke-width="1.5" opacity="0.4"/>

    <!-- === "行" 字 — 融入右墙之间 === -->
    <line x1="185" y1="68" x2="170" y2="112" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round" opacity="0.5"/>
    <line x1="170" y1="78" x2="195" y2="78" stroke="url(#blueGrad)" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
    <line x1="170" y1="90" x2="195" y2="90" stroke="url(#blueGrad)" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
    <!-- "行" 的下半部 -->
    <line x1="185" y1="98" x2="175" y2="115" stroke="url(#blueGrad)" stroke-width="2" stroke-linecap="round" opacity="0.4"/>

    <!-- 红星 — 屋顶右上 -->
    <polygon points="220,38 222,44 228,44 223,48 225,54 220,50 215,54 217,48 212,44 218,44"
             fill="url(#redGrad)" opacity="0.7"/>
  </svg>

  <div style="margin-top:16px;">
    <span style="font-size:32px;font-weight:bold;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:6px;">
      知行益家
    </span>
  </div>
  <div style="color:#999;font-size:13px;margin-top:4px;letter-spacing:3px;">家是小国 · 国是大家</div>
</div>

<div style="margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px;">
  <div style="background:#f0f4ff;padding:16px;border-radius:12px;">
    <h4 style="margin:0 0 6px 0;color:#667eea;">徽派马头墙</h4>
    <p style="margin:0;font-size:14px;color:#666;">五层阶梯状封火墙，徽派建筑最经典的视觉语言，层次分明</p>
  </div>
  <div style="background:#f8f9ff;padding:16px;border-radius:12px;">
    <h4 style="margin:0 0 6px 0;color:#667eea;">"知"在左墙</h4>
    <p style="margin:0;font-size:14px;color:#666;">以墙面刻线/窗花形式融入左侧墙体中</p>
  </div>
  <div style="background:#fff0f0;padding:16px;border-radius:12px;">
    <h4 style="margin:0 0 6px 0;color:#FF6B6B;">中央红心+幼苗</h4>
    <p style="margin:0;font-size:14px;color:#666;">主墙正中的爱心和幼苗，爱的核心</p>
  </div>
  <div style="background:#f8f9ff;padding:16px;border-radius:12px;">
    <h4 style="margin:0 0 6px 0;color:#667eea;">"行"在右墙</h4>
    <p style="margin:0;font-size:14px;color:#666;">以墙面刻线形式融入右侧墙体</p>
  </div>
</div>

<div style="margin-top:24px;padding:16px;background:#fffbe6;border-radius:12px;border:1px solid #ffe58f;">
  <p style="font-size:14px;color:#b8860b;margin:0;"><strong>🏛 徽派建筑解读：</strong></p>
  <p style="font-size:14px;color:#666;margin:8px 0 0 0;">
    马头墙（封火墙）是徽派建筑的灵魂，阶梯状层叠错落，白墙黛瓦。徽州人常说 <strong>"一生痴绝处，无梦到徽州"</strong>。<br><br>
    "知"在左墙、"行"在右墙，寓意 <strong>知行合一</strong>，中间一颗红心代表"益家"—— 知行合一，益于家国。
  </p>
</div>