cfc/.superpowers/brainstorm/443055-1778945176/content/house-v11.html

<h2>Logo V11 — 知行为屋 · 心在中央</h2>
<p class="subtitle">"知""行"的笔画结构搭建成徽派房子，红心嵌在屋中央</p>

<div style="text-align:center;padding:20px;background:linear-gradient(135deg,#f0f4ff,#f5f0ff);border-radius:24px;">
  <svg width="240" height="240" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="inkGrad" 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="inkLight" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#667eea;stop-opacity:0.4" />
        <stop offset="100%" style="stop-color:#764ba2;stop-opacity:0.4" />
      </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="redFill" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#FF6B6B;stop-opacity:0.15" />
        <stop offset="100%" style="stop-color:#FF4757;stop-opacity:0.15" />
      </linearGradient>
    </defs>

    <!-- ===== "知" ===== -->
    <!-- 矢部左上一撇 — 左墙最高点 / 左侧屋顶 -->
    <path d="M22 32 Q38 22, 55 35"
          fill="none" stroke="url(#inkGrad)" stroke-width="3.8" stroke-linecap="round"/>
    <!-- 矢部第一横 — 屋顶横梁 |
    <path d="M18 52 Q50 48, 85 52"
          fill="none" stroke="url(#inkGrad)" stroke-width="3.2" stroke-linecap="round"/>
    <!-- 矢部第二横 — 二层横梁 -->
    <path d="M22 74 Q50 72, 78 75"
          fill="none" stroke="url(#inkGrad)" stroke-width="2.8" stroke-linecap="round"/>
    <!-- 矢部竖 — 左墙立柱 -->
    <path d="M38 28 Q35 65, 38 112"
          fill="none" stroke="url(#inkGrad)" stroke-width="3.5" stroke-linecap="round"/>
    <!-- 口部 — 左边的窗格 -->
    <path d="M46 84 Q50 82, 54 84 L72 84 Q76 86, 76 90 L76 112 Q74 116, 70 116 L50 116 Q46 114, 46 110 Z"
          fill="none" stroke="url(#inkLight)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

    <!-- ===== "行" ===== -->
    <!-- 彳部第一撇 — 右侧屋顶 / 右墙台阶 -->
    <path d="M105 48 Q125 38, 148 52"
          fill="none" stroke="url(#inkGrad)" stroke-width="3.5" stroke-linecap="round"/>
    <!-- 彳部竖 — 右墙立柱 -->
    <path d="M125 60 Q123 88, 125 118"
          fill="none" stroke="url(#inkGrad)" stroke-width="3.2" stroke-linecap="round"/>
    <!-- 亍部第一横 — 墙基横梁 -->
    <path d="M80 120 Q130 118, 188 120"
          fill="none" stroke="url(#inkGrad)" stroke-width="3" stroke-linecap="round"/>
    <!-- 亍部第二横 — 下层横梁 -->
    <path d="M80 84 Q130 82, 178 84"
          fill="none" stroke="url(#inkLight)" stroke-width="2.2" stroke-linecap="round"/>
    <!-- 亍部竖钩 — 右侧墙柱 -->
    <path d="M140 84 Q138 108, 140 130 Q140 135, 138 138"
          fill="none" stroke="url(#inkGrad)" stroke-width="3" stroke-linecap="round"/>
    <!-- 亍部竖钩的钩 -->
    <path d="M138 138 Q142 138, 148 134"
          fill="none" stroke="url(#inkGrad)" stroke-width="2.5" stroke-linecap="round"/>

    <!-- ===== "家" 的屋瓦 ===== -->
    <!-- 屋顶瓦片线 — 从知到行，连接成完整屋顶 -->
    <path d="M55 35 Q70 40, 80 38 Q100 35, 105 48"
          fill="none" stroke="url(#inkLight)" stroke-width="1.5" stroke-dasharray="3,4" stroke-linecap="round"/>

    <!-- ===== 红心 — 在房子中央 ===== -->
    <path d="M82 102 C70 86, 48 82, 44 98 C40 114, 62 122, 82 132 C102 122, 124 114, 120 98 C116 82, 94 86, 82 102 Z"
          fill="url(#redFill)" stroke="url(#redGrad)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>

    <!-- 心上的高光 -->
    <path d="M70 96 C78 90, 86 92, 82 102"
          fill="none" stroke="url(#redGrad)" stroke-width="1.2" opacity="0.3" stroke-linecap="round"/>

    <!-- ===== 幼苗 ===== -->
    <path d="M82 132 Q80 142, 82 150"
          fill="none" stroke="url(#inkGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M74 142 Q68 138, 64 142"
          fill="none" stroke="url(#inkGrad)" stroke-width="2" stroke-linecap="round"/>
    <path d="M90 140 Q96 136, 100 140"
          fill="none" stroke="url(#inkGrad)" stroke-width="2" stroke-linecap="round"/>

    <!-- ===== 右上角星星 ===== -->
    <polygon points="200,32 203,40 212,40 205,45 208,54 200,48 192,54 195,45 188,40 197,40"
             fill="url(#redGrad)" opacity="0.5"/>
  </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;padding:16px;background:#f0f4ff;border-radius:12px;">
  <p style="font-size:14px;color:#667eea;margin:0;"><strong>V11 设计说明：</strong></p>
  <p style="font-size:14px;color:#666;margin:8px 0 0 0;">
    <strong>"知"（左侧）：</strong> 矢部的撇横竖画出左墙高轮廓，口部化成徽派窗格<br>
    <strong>"行"（右侧）：</strong> 彳亍的撇竖横画出右墙和墙基，笔势下延至底边<br>
    <strong>屋顶：</strong> 两字上端的撇笔在顶部连接，虚线瓦片暗示徽派屋檐<br>
    <strong>红心：</strong> 居中如印章，为整个房子注入温度 — "家是心之所在"<br>
    <strong>幼苗 + 星：</strong> 心口生长，右上角呼应
  </p>
</div>