| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <filter id="ringGlow07" x="-30%" y="-30%" width="160%" height="160%"> |
| 4 | <feGaussianBlur in="SourceAlpha" stdDeviation="8" result="blur"/> |
| 5 | <feFlood flood-color="#C4A882" flood-opacity="0.25" result="glowColor"/> |
| 6 | <feComposite in="glowColor" in2="blur" operator="in" result="glow"/> |
| 7 | <feMerge> |
| 8 | <feMergeNode in="glow"/> |
| 9 | <feMergeNode in="SourceGraphic"/> |
| 10 | </feMerge> |
| 11 | </filter> |
| 12 | <filter id="cardShadow07" x="-15%" y="-15%" width="140%" height="140%"> |
| 13 | <feGaussianBlur in="SourceAlpha" stdDeviation="8"/> |
| 14 | <feOffset dx="0" dy="4" result="offsetBlur"/> |
| 15 | <feFlood flood-color="#000000" flood-opacity="0.15" result="shadowColor"/> |
| 16 | <feComposite in="shadowColor" in2="offsetBlur" operator="in" result="shadow"/> |
| 17 | <feMerge> |
| 18 | <feMergeNode in="shadow"/> |
| 19 | <feMergeNode in="SourceGraphic"/> |
| 20 | </feMerge> |
| 21 | </filter> |
| 22 | <linearGradient id="accentGrad07" x1="0" y1="0" x2="1" y2="0"> |
| 23 | <stop offset="0%" stop-color="#C4A882"/> |
| 24 | <stop offset="100%" stop-color="#D4956A"/> |
| 25 | </linearGradient> |
| 26 | <radialGradient id="bgGlow07" cx="35%" cy="55%" r="40%"> |
| 27 | <stop offset="0%" stop-color="#C4A882" stop-opacity="0.06"/> |
| 28 | <stop offset="100%" stop-color="#C4A882" stop-opacity="0"/> |
| 29 | </radialGradient> |
| 30 | </defs> |
| 31 | |
| 32 | <!-- Background --> |
| 33 | <rect width="1280" height="720" fill="#1A1714"/> |
| 34 | <rect width="1280" height="720" fill="url(#bgGlow07)"/> |
| 35 | |
| 36 | <!-- Header --> |
| 37 | <g id="p07-header"> |
| 38 | <use data-icon="tabler-filled/sparkles" x="60" y="25" width="28" height="28" fill="#D4956A"/> |
| 39 | <text x="98" y="47" font-family="Georgia, SimSun, serif" font-size="14" fill="#8B7355" letter-spacing="3"> |
| 40 | 核心方法论 |
| 41 | </text> |
| 42 | <text x="60" y="85" font-family="Georgia, SimSun, serif" font-size="32" font-weight="bold" fill="#E8E0D4"> |
| 43 | CMT 体系 |
| 44 | </text> |
| 45 | <text x="240" y="85" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="20" fill="#C4A882"> |
| 46 | 编织全方位感官体验 |
| 47 | </text> |
| 48 | </g> |
| 49 | |
| 50 | <!-- Concentric circles (center at 340, 400) --> |
| 51 | <!-- Outer ring: Texture --> |
| 52 | <circle cx="340" cy="410" r="230" fill="#D4956A" fill-opacity="0.06" stroke="#D4956A" stroke-width="1.5" stroke-opacity="0.2"/> |
| 53 | <text x="340" y="200" text-anchor="middle" font-family="Georgia, SimSun, serif" font-size="14" font-weight="bold" fill="#D4956A" fill-opacity="0.7"> |
| 54 | 纹理 Texture |
| 55 | </text> |
| 56 | |
| 57 | <!-- Middle ring: Material --> |
| 58 | <circle cx="340" cy="410" r="155" fill="#C4A882" fill-opacity="0.08" stroke="#C4A882" stroke-width="1.5" stroke-opacity="0.25"/> |
| 59 | <text x="340" y="272" text-anchor="middle" font-family="Georgia, SimSun, serif" font-size="14" font-weight="bold" fill="#C4A882" fill-opacity="0.8"> |
| 60 | 材质 Material |
| 61 | </text> |
| 62 | |
| 63 | <!-- Inner core: Colour --> |
| 64 | <circle cx="340" cy="410" r="75" fill="#C4A882" filter="url(#ringGlow07)"/> |
| 65 | <text x="340" y="402" text-anchor="middle" font-family="Georgia, SimSun, serif" font-size="20" font-weight="bold" fill="#1A1714"> |
| 66 | 色彩 |
| 67 | </text> |
| 68 | <text x="340" y="425" text-anchor="middle" font-family="Georgia, SimSun, serif" font-size="14" fill="#2A2520"> |
| 69 | Colour |
| 70 | </text> |
| 71 | |
| 72 | <!-- Right side: explanation cards --> |
| 73 | <g id="p07-card-physical" filter="url(#cardShadow07)"> |
| 74 | <rect x="650" y="120" width="580" height="105" rx="12" fill="#2A2520"/> |
| 75 | <rect x="650" y="120" width="5" height="105" rx="2" fill="#C4A882"/> |
| 76 | <text x="675" y="152" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="18" font-weight="bold" fill="#C4A882"> |
| 77 | 物理层感知 |
| 78 | </text> |
| 79 | <text x="675" y="180" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#B0A08E"> |
| 80 | 光滑 / 粗糙 · 透明 / 不透明 · 高光 / 亚光 |
| 81 | </text> |
| 82 | <text x="675" y="206" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#B0A08E"> |
| 83 | 柔软 / 坚硬 · 温暖 / 冰冷 · 轻盈 / 沉重 |
| 84 | </text> |
| 85 | </g> |
| 86 | |
| 87 | <g id="p07-card-psychological" filter="url(#cardShadow07)"> |
| 88 | <rect x="650" y="245" width="580" height="105" rx="12" fill="#2A2520"/> |
| 89 | <rect x="650" y="245" width="5" height="105" rx="2" fill="#D4956A"/> |
| 90 | <text x="675" y="277" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="18" font-weight="bold" fill="#D4956A"> |
| 91 | 心理层联想 |
| 92 | </text> |
| 93 | <text x="675" y="305" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#B0A08E"> |
| 94 | 手工感 / 工业感 · 简朴 / 奢华 · 亲近 / 疏离 |
| 95 | </text> |
| 96 | <text x="675" y="331" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#B0A08E"> |
| 97 | 安慰 / 刺激 · 放松 / 兴奋 · 传统 / 现代 |
| 98 | </text> |
| 99 | </g> |
| 100 | |
| 101 | <!-- Case images --> |
| 102 | <g id="p07-case-images"> |
| 103 | <image href="../images/cmt_neutral_mix.png" x="650" y="375" width="280" height="155" preserveAspectRatio="xMidYMid slice"/> |
| 104 | <rect x="650" y="375" width="280" height="155" fill="#1A1714" fill-opacity="0.15"/> |
| 105 | <text x="660" y="520" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="12" fill="#7A6E60"> |
| 106 | 中性色 + 多材质层次 |
| 107 | </text> |
| 108 | |
| 109 | <image href="../images/dark_tone_luxury.png" x="950" y="375" width="280" height="155" preserveAspectRatio="xMidYMid slice"/> |
| 110 | <rect x="950" y="375" width="280" height="155" fill="#1A1714" fill-opacity="0.15"/> |
| 111 | <text x="960" y="520" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="12" fill="#7A6E60"> |
| 112 | 深色调 + 镜面材质对比 |
| 113 | </text> |
| 114 | </g> |
| 115 | |
| 116 | <!-- Bottom quote --> |
| 117 | <g id="p07-quote"> |
| 118 | <rect x="650" y="555" width="580" height="80" rx="10" fill="#2A2520"/> |
| 119 | <rect x="650" y="555" width="580" height="3" rx="1" fill="url(#accentGrad07)"/> |
| 120 | <text x="670" y="585" font-family="Georgia, SimSun, serif" font-size="17" fill="#C4A882" font-style="italic"> |
| 121 | "CMT 不是三者的简单叠加， |
| 122 | </text> |
| 123 | <text x="670" y="612" font-family="Georgia, SimSun, serif" font-size="17" fill="#C4A882" font-style="italic"> |
| 124 | 而是一位指挥家，让色彩、材质、纹理在空间中和谐共鸣" |
| 125 | </text> |
| 126 | </g> |
| 127 | |
| 128 | <!-- Page number --> |
| 129 | <text x="1210" y="690" text-anchor="end" font-family="Georgia, SimSun, serif" font-size="12" fill="#7A6E60"> |
| 130 | 07 / 12 |
| 131 | </text> |
| 132 | </svg> |
| 133 |