cfc/.superpowers/brainstorm/443055-1778945176/content/clear-v9.html

<h2>Logo V9 — 清晰马头墙 + 知行线条</h2>
<p class="subtitle">马头墙轮廓分明，"知""行"以线条融入墙面</p>

<div style="text-align:center;padding:20px;background:linear-gradient(135deg,#f0f4ff,#f5f0ff);border-radius:24px;">
  <svg width="220" height="230" viewBox="0 0 220 230" 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.15" />
        <stop offset="100%" style="stop-color:#FF4757;stop-opacity:0.15" />
      </linearGradient>
    </defs>

    <!-- 马头墙轮廓 — 左高右低，四层阶梯 -->
    <path d="M20 110 L20 25 L65 25 L65 50 L105 50 L105 75 L145 75 L145 110 Z"
          fill="none" stroke="url(#blueGrad)" stroke-width="3.5" stroke-linejoin="round"/>

    <!-- 墙头黛瓦（每层顶部的横线） -->
    <line x1="16" y1="25" x2="69" y2="25" stroke="url(#blueGrad)" stroke-width="4" stroke-linecap="round"/>
    <line x1="61" y1="50" x2="109" y2="50" stroke="url(#blueGrad)" stroke-width="4" stroke-linecap="round"/>
    <line x1="101" y1="75" x2="149" y2="75" stroke="url(#blueGrad)" stroke-width="4" stroke-linecap="round"/>

    <!-- 中央爱心 -->
    <path d="M82 82 C76 74, 64 72, 58 78 C50 86, 58 96, 82 108"
          fill="none" stroke="url(#redGrad)" stroke-width="3" stroke-linecap="round"/>
    <path d="M82 82 C88 74, 100 72, 106 78 C114 86, 106 96, 82 108"
          fill="none" stroke="url(#redGrad)" stroke-width="3" stroke-linecap="round"/>
    <path d="M82 82 C76 74, 64 72, 58 78 C50 86, 58 96, 82 108 C106 96, 114 86, 106 78 C100 72, 88 74, 82 82 Z"
          fill="url(#redLight)"/>

    <!-- 幼苗从爱心中生长 -->
    <path d="M82 108 C80 100, 78 94, 76 90"
          fill="none" stroke="url(#blueGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M76 90 C72 86, 70 88, 68 92"
          fill="none" stroke="url(#blueGrad)" stroke-width="2" stroke-linecap="round"/>
    <path d="M76 90 C80 84, 78 80, 75 78"
          fill="none" stroke="url(#blueGrad)" stroke-width="2" stroke-linecap="round"/>

    <!-- "知" 在左侧墙 — 以纵向线条暗示 -->
    <line x1="35" y1="38" x2="35" y2="98" stroke="url(#blueGrad)" stroke-width="2" opacity="0.4" stroke-linecap="round"/>
    <line x1="28" y1="58" x2="52" y2="58" stroke="url(#blueGrad)" stroke-width="1.5" opacity="0.3" stroke-linecap="round"/>
    <line x1="28" y1="72" x2="52" y2="72" stroke="url(#blueGrad)" stroke-width="1.5" opacity="0.3" stroke-linecap="round"/>
    <rect x="42" y="62" width="10" height="10" rx="1" fill="none" stroke="url(#blueGrad)" stroke-width="1.2" opacity="0.3"/>

    <!-- "行" 在右侧墙 — 以横向线条暗示 -->
    <line x1="120" y1="88" x2="138" y2="88" stroke="url(#blueGrad)" stroke-width="2" opacity="0.4" stroke-linecap="round"/>
    <line x1="125" y1="82" x2="125" y2="102" stroke="url(#blueGrad)" stroke-width="1.5" opacity="0.3" stroke-linecap="round"/>
    <line x1="118" y1="88" x2="132" y2="98" stroke="url(#blueGrad)" stroke-width="1.5" opacity="0.3" stroke-linecap="round"/>

    <!-- 右上角红星 -->
    <polygon points="185,30 187,36 193,36 188,40 190,46 185,42 180,46 182,40 177,36 183,36"
             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;padding:16px;background:#f0f4ff;border-radius:12px;">
  <p style="font-size:14px;color:#667eea;margin:0;"><strong>设计要点：</strong></p>
  <p style="font-size:14px;color:#666;margin:8px 0 0 0;">
    左高右低的阶梯轮廓 — 一眼可辨的徽派马头墙<br>
    中央红心 + 幼苗 — 家国情怀，爱育成长<br>
    左侧"知"的刻线 — 纵向线条 + 口字方格<br>
    右侧"行"的刻线 — 横向交错线条<br>
    右上红星 — 家国点睛
  </p>
</div>