十分钟看懂K线图【日本蜡烛图】新手必备丨交易投资基础【Jim】
html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>K线图基础入门 · 战术复盘</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;600&family=Playfair+Display:wght@700;900&display=swap" rel="stylesheet"> <style> :root { --bg-deep: #080b12; --bg-surface: #0e1320; --bg-card: #131928; --bg-card-hover: #1a2236; --border: #1e2a42; --accent-green: #00e676; --accent-red: #ff1744; --accent-gold: #ffab00; --accent-blue: #448aff; --accent-cyan: #00e5ff; --accent-purple: #b388ff; --text-primary: #e8edf5; --text-secondary: #8899b4; --text-muted: #4a5a76; --glow-green: rgba(0, 230, 118, 0.15); --glow-red: rgba(255, 23, 68, 0.15); --glow-gold: rgba(255, 171, 0, 0.12); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Noto Sans SC', sans-serif; background: var(--bg-deep); color: var(--text-primary); line-height: 1.7; overflow-x: hidden; } body::before { content: ''; position: fixed; inset: 0; background: radial-gradient(ellipse at 15% 20%, rgba(0, 230, 118, 0.03) 0%, transparent 50%), radial-gradient(ellipse at 85% 80%, rgba(255, 23, 68, 0.03) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(68, 138, 255, 0.02) 0%, transparent 60%); pointer-events: none; z-index: 0; } /* ── Header ── */ .hero { position: relative; padding: 80px 40px 60px; text-align: center; border-bottom: 1px solid var(--border); overflow: hidden; } .hero::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 200px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent-gold), transparent); } .chapter-tag { display: inline-block; font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; color: var(--accent-gold); border: 1px solid rgba(255, 171, 0, 0.3); padding: 6px 20px; border-radius: 2px; margin-bottom: 28px; animation: fadeDown 0.8s ease both; } .hero h1 { font-size: clamp(32px, 5vw, 56px); font-weight: 900; letter-spacing: -1px; line-height: 1.2; background: linear-gradient(135deg, var(--text-primary) 0%, var(--accent-gold) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 16px; animation: fadeDown 0.8s ease 0.1s both; } .hero p { font-size: 16px; color: var(--text-secondary); max-width: 600px; margin: 0 auto; animation: fadeDown 0.8s ease 0.2s both; } .nav-pills { display: flex; justify-content: center; gap: 8px; margin-top: 32px; flex-wrap: wrap; animation: fadeDown 0.8s ease 0.3s both; } .nav-pill { font-size: 13px; padding: 6px 16px; border-radius: 20px; border: 1px solid var(--border); color: var(--text-muted); cursor: pointer; transition: all 0.3s ease; background: transparent; font-family: 'Noto Sans SC', sans-serif; } .nav-pill:hover, .nav-pill.active { border-color: var(--accent-gold); color: var(--accent-gold); background: rgba(255, 171, 0, 0.06); } /* ── Container ── */ .container { position: relative; z-index: 1; max-width: 1080px; margin: 0 auto; padding: 60px 24px 100px; } /* ── Section ── */ .section { margin-bottom: 72px; animation: fadeUp 0.7s ease both; } .section-number { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 3px; color: var(--accent-cyan); text-transform: uppercase; margin-bottom: 8px; } .section h2 { font-size: 28px; font-weight: 700; margin-bottom: 8px; color: var(--text-primary); } .section h2 .highlight { color: var(--accent-gold); } .section-desc { font-size: 15px; color: var(--text-secondary); margin-bottom: 36px; max-width: 700px; } /* ── Cards ── */ .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; padding: 32px; margin-bottom: 20px; transition: all 0.35s ease; position: relative; overflow: hidden; } .card::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; border-radius: 12px 0 0 12px; } .card.card-green::before { background: var(--accent-green); } .card.card-red::before { background: var(--accent-red); } .card.card-gold::before { background: var(--accent-gold); } .card.card-blue::before { background: var(--accent-blue); } .card.card-cyan::before { background: var(--accent-cyan); } .card.card-purple::before { background: var(--accent-purple); } .card:hover { background: var(--bg-card-hover); border-color: rgba(255, 171, 0, 0.2); transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0,0,0,0.3); } .card-header { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; } .card-icon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } .icon-green { background: var(--glow-green); color: var(--accent-green); } .icon-red { background: var(--glow-red); color: var(--accent-red); } .icon-gold { background: var(--glow-gold); color: var(--accent-gold); } .icon-blue { background: rgba(68,138,255,0.12); color: var(--accent-blue); } .icon-cyan { background: rgba(0,229,255,0.1); color: var(--accent-cyan); } .icon-purple { background: rgba(179,136,255,0.1); color: var(--accent-purple); } .card-title { font-size: 18px; font-weight: 700; } .card-subtitle { font-size: 13px; color: var(--text-muted); } .card p, .card li { font-size: 14.5px; color: var(--text-secondary); line-height: 1.85; } .card ul { list-style: none; padding: 0; } .card li { position: relative; padding-left: 20px; margin-bottom: 8px; } .card li::before { content: '▸'; position: absolute; left: 0; color: var(--accent-gold); } .tag { display: inline-block; font-size: 11px; font-family: 'JetBrains Mono', monospace; padding: 3px 10px; border-radius: 4px; margin: 2px 4px 2px 0; } .tag-green { background: var(--glow-green); color: var(--accent-green); } .tag-red { background: var(--glow-red); color: var(--accent-red); } .tag-gold { background: var(--glow-gold); color: var(--accent-gold); } .tag-blue { background: rgba(68,138,255,0.1); color: var(--accent-blue); } .tag-purple { background: rgba(179,136,255,0.1); color: var(--accent-purple); } /* ── K-line SVG illustrations ── */ .kline-stage { background: var(--bg-surface); border: 1px solid var(--border); border-radius: 12px; padding: 32px; margin-bottom: 20px; overflow-x: auto; } .kline-stage svg { display: block; margin: 0 auto; } .stage-label { font-size: 12px; font-family: 'JetBrains Mono', monospace; color: var(--text-muted); text-align: center; margin-top: 12px; letter-spacing: 1px; } /* ── Grid layouts ── */ .grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; } .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; } /* ── Comparison Table ── */ .compare-table { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 14px; } .compare-table th { text-align: left; padding: 12px 16px; font-weight: 600; font-size: 13px; color: var(--accent-gold); border-bottom: 1px solid var(--border); font-family: 'JetBrains Mono', monospace; letter-spacing: 1px; } .compare-table td { padding: 12px 16px; border-bottom: 1px solid rgba(30, 42, 66, 0.5); color: var(--text-secondary); vertical-align: top; } .compare-table tr:hover td { background: rgba(255, 171, 0, 0.02); } /* ── Process Steps ── */ .process-flow { display: flex; align-items: flex-start; gap: 0; overflow-x: auto; padding: 20px 0; } .process-step { flex: 1; min-width: 180px; text-align: center; position: relative; padding: 0 12px; } .process-step:not(:last-child)::after { content: ''; position: absolute; top: 24px; right: -6px; width: 12px; height: 2px; background: var(--border); } .step-circle { width: 48px; height: 48px; border-radius: 50%; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-size: 16px; font-weight: 600; } .step-title { font-size: 14px; font-weight: 600; margin-bottom: 6px; } .step-desc { font-size: 12.5px; color: var(--text-muted); line-height: 1.6; } /* ── Checklist ── */ .checklist { list-style: none; padding: 0; } .checklist li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(30, 42, 66, 0.4); font-size: 14.5px; color: var(--text-secondary); } .checklist li:last-child { border-bottom: none; } .check-icon { width: 22px; height: 22px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; margin-top: 2px; } .check-green { background: var(--glow-green); color: var(--accent-green); } .check-gold { background: var(--glow-gold); color: var(--accent-gold); } /* ── Highlight Box ── */ .highlight-box { border-left: 3px solid var(--accent-gold); background: rgba(255, 171, 0, 0.04); border-radius: 0 10px 10px 0; padding: 20px 24px; margin: 20px 0; } .highlight-box p { font-size: 14.5px; color: var(--text-secondary); line-height: 1.85; } .highlight-box strong { color: var(--accent-gold); } .warn-box { border-left: 3px solid var(--accent-red); background: rgba(255, 23, 68, 0.04); border-radius: 0 10px 10px 0; padding: 20px 24px; margin: 20px 0; } .warn-box p { font-size: 14.5px; color: var(--text-secondary); line-height: 1.85; } .warn-box strong { color: var(--accent-red); } /* ── Phase banner ── */ .phase-banner { background: linear-gradient(135deg, rgba(255,171,0,0.08), rgba(68,138,255,0.06)); border: 1px solid rgba(255, 171, 0, 0.15); border-radius: 12px; padding: 28px 32px; display: flex; align-items: center; gap: 20px; margin-bottom: 36px; } .phase-banner .phase-icon { font-size: 36px; flex-shrink: 0; } .phase-banner h3 { font-size: 18px; font-weight: 700; margin-bottom: 4px; } .phase-banner p { font-size: 13.5px; color: var(--text-secondary); } /* ── Candlestick mini-chart inline ── */ .inline-chart { display: flex; align-items: flex-end; gap: 6px; height: 80px; padding: 12px 0; } /* ── Footer ── */ .footer { text-align: center; padding: 40px 24px; border-top: 1px solid var(--border); font-size: 13px; color: var(--text-muted); } .footer a { color: var(--accent-gold); text-decoration: none; } /* ── Animations ── */ @keyframes fadeDown { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } .section:nth-child(2) { animation-delay: 0.1s; } .section:nth-child(3) { animation-delay: 0.15s; } .section:nth-child(4) { animation-delay: 0.2s; } .section:nth-child(5) { animation-delay: 0.25s; } /* ── Responsive ── */ @media (max-width: 640px) { .hero { padding: 50px 20px 40px; } .container { padding: 40px 16px 80px; } .card { padding: 24px; } .kline-stage { padding: 20px 16px; } .phase-banner { flex-direction: column; text-align: center; padding: 24px; } .process-flow { flex-direction: column; align-items: center; } .process-step:not(:last-child)::after { display: none; } .grid-2, .grid-3 { grid-template-columns: 1fr; } } </style> </head> <body> <!-- ═══════════ HERO ═══════════ --> <header class="hero"> <div class="chapter-tag">Chapter 04</div> <h1>战术复盘</h1> <p>从每一笔交易中提炼经验，用系统化的方法审视自己的决策——这是从新手走向成熟的分水岭。</p> <nav class="nav-pills"> <button class="nav-pill active">复盘总览</button> <button class="nav-pill">记录体系</button> <button class="nav-pill">归因分析</button> <button class="nav-pill">模式优化</button> <button class="nav-pill">实战案例</button> </nav> </header> <!-- ═══════════ MAIN ═══════════ --> <main class="container"> <!-- ── 1. 为什么复盘 ── --> <section class="section"> <div class="section-number">Section 01</div> <h2>为什么<span class="highlight">复盘</span>比交易本身更重要</h2> <p class="section-desc">交易的利润来自认知差，复盘不是回顾涨跌，而是审视你在信息不完整时做了怎样的判断，以及这个判断过程是否可重复。</p> <div class="phase-banner"> <div class="phase-icon">🧭</div> <div> <h3>复盘的核心理念</h3> <p>结果正确 ≠ 决策正确；结果错误 ≠ 决策错误，复盘的目的是优化决策过程，而非仅仅关注盈亏结果，一笔"亏钱的好交易"比"赚钱的坏交易"更有学习价值。</p> </div> </div> <div class="grid-3"> <div class="card card-green"> <div class="card-header"> <div class="card-icon icon-green">📊</div> <div> <div class="card-title">识别模式</div> <div class="card-subtitle">Pattern Recognition</div> </div> </div> <p>通过反复复盘，你会发现自己的交易存在某些重复的行为模式——可能是某种K线形态触发你的入场冲动，或某种市场环境让你频繁犯错。</p> </div> <div class="card card-gold"> <div class="card-header"> <div class="card-icon icon-gold">⚙️</div> <div> <div class="card-title">迭代策略</div> <div class="card-subtitle">Strategy Refinement</div> </div> </div> <p>策略不是一成不变的，复盘让你看到策略在不同行情中的表现差异，从而迭代出更适配当前市场的参数和规则。</p> </div> <div class="card card-blue"> <div class="card-header"> <div class="card-icon icon-blue">🧠</div> <div> <div class="card-title">管理情绪</div> <div class="card-subtitle">Emotional Control</div> </div> </div> <p>大部分亏损来自情绪驱动的冲动决策，复盘让你冷静时重新审视当时的心理状态，建立对自身情绪模式的觉察。</p> </div> </div> </section> <!-- ── 2. 交易日志体系 ── --> <section class="section"> <div class="section-number">Section 02</div> <h2>构建你的<span class="highlight">交易日志</span>体系</h2> <p class="section-desc">没有记录就没有复盘，一份好的交易日志不是流水账，而是围绕"决策链"的信息采集。</p> <div class="card card-gold"> <div class="card-header"> <div class="card-icon icon-gold">📝</div> <div> <div class="card-title">交易日志必备字段</div> <div class="card-subtitle">每一笔交易都应该有完整的"证据链"</div> </div> </div> <table class="compare-table"> <thead> <tr> <th>字段</th> <th>说明</th> <th>为什么重要</th> </tr> </thead> <tbody> <tr> <td><span class="tag tag-gold">日期时间</span></td> <td>精确到分钟</td> <td>识别你是否偏好特定时段交易（如开盘冲动）</td> </tr> <tr> <td><span class="tag tag-gold">标的 & 方向</span></td> <td>品种代码、多/空</td> <td>统计多空偏好，检查是否单边倾向严重</td> </tr> <tr> <td><span class="tag tag-gold">入场依据</span></td> <td>触发交易的具体K线形态或信号</td> <td>核心字段——未来回溯哪些依据有效、哪些无效</td> </tr> <tr> <td><span class="tag tag-gold">入场价位</span></td> <td>实际成交价格</td> <td>对比计划价格，检测是否有滑点或追价习惯</td> </tr> <tr> <td><span class="tag tag-gold">止损 / 止盈</span></td> <td>预设的出场条件</td> <td>检验你的风险回报比设定是否合理</td> </tr> <tr> <td><span class="tag tag-gold">仓位大小</span></td> <td>资金占比或合约数量</td> <td>检查是否在信心高时重仓、信心低时轻仓</td> </tr> <tr> <td><span class="tag tag-gold">当时心态</span></td> <td>1-5 分自评情绪状态</td> <td>发现情绪与盈亏的相关性</td> </tr> <tr> <td><span class="tag tag-gold">实际结果</span></td> <td>盈亏金额 / 百分比</td> <td>量化每笔交易的贡献</td> </tr> <tr> <td><span class="tag tag-gold">事后评分</span></td> <td>执行质量 1-5 分</td> <td>区分"正确执行后的亏损"和"错误执行后的盈利"</td> </tr> </tbody> </table> </div> <div class="highlight-box"> <p><strong>💡 关键原则：</strong>入场前就填写"入场依据"和"止损/止盈"字段，而不是事后补填，这迫使你在交易前就明确逻辑，也防止事后合理化（hindsight bias）扭曲记录。</p> </div> </section> <!-- ── 3. K线复盘的四个维度 ── --> <section class="section"> <div class="section-number">Section 03</div> <h2>K线复盘的<span class="highlight">四个维度</span></h2> <p class="section-desc">针对K线图交易，复盘需要从形态识别、位置判断、量能验证和时间节奏四个维度逐一审视。</p> <!-- 维度1：形态 --> <div class="card card-cyan" style="margin-bottom: 24px;"> <div class="card-header"> <div class="card-icon icon-cyan">①</div> <div> <div class="card-title">形态维度：你识别的K线形态是否准确？</div> <div class="card-subtitle">Pattern Accuracy</div> </div> </div> <!-- K线图示：锤子线 --> <div class="kline-stage"> <svg width="520" height="160" viewBox="0 0 520 160"> <!-- Grid --> <line x1="40" y1="20" x2="40" y2="140" stroke="#1e2a42" stroke-width="1"/> <line x1="40" y1="140" x2="500" y2="140" stroke="#1e2a42" stroke-width="1"/> <line x1="40" y1="80" x2="500" y2="80" stroke="#1e2a42" stroke-width="0.5" stroke-dasharray="4"/> <!-- Price labels --> <text x="8" y="28" fill="#4a5a76" font-size="10" font-family="JetBrains Mono">高价</text> <text x="8" y="84" fill="#4a5a76" font-size="10" font-family="JetBrains Mono">中位</text> <text x="8" y="144" fill="#4a5a76" font-size="10" font-family="JetBrains Mono">低价</text> <!-- Downtrend candles (red) --> <g> <line x1="72" y1="40" x2="72" y2="90" stroke="#ff1744" stroke-width="1.5"/> <rect x="64" y="50" width="16" height="24" rx="1" fill="#ff1744"/> </g> <g> <line x1="112" y1="50" x2="112" y2="105" stroke="#ff1744" stroke-width="1.5"/> <rect x="104" y="55" width="16" height="30" rx="1" fill="#ff1744"/> </g> <g> <line x1="152" y1="45" x2="152" y2="110" stroke="#ff1744" stroke-width="1.5"/> <rect x="144" y="60" width="16" height="28" rx="1" fill="#ff1744"/> </g> <!-- Hammer candle (green) --> <g> <line x1="192" y1="75" x2="192" y2="132" stroke="#00e676" stroke-width="2"/> <rect x="184" y="78" width="16" height="12" rx="1" fill="#00e676"/> </g> <!-- Label --> <text x="180" y="18" fill="#00e676" font-size="11" font-weight="700" font-family="Noto Sans SC">↑ 锤子线</text> <line x1="192" y1="22" x2="192" y2="70" stroke="#00e676" stroke-width="0.5" stroke-dasharray="3"/> <!-- Continuation candles (green) --> <g> <line x1="240" y1="65" x2="240" y2="100" stroke="#00e676" stroke-width="1.5"/> <rect x="232" y="70" width="16" height="20" rx="1" fill="#00e676"/> </g> <g> <line x1="280" y1="50" x2="280" y2="85" stroke="#00e676" stroke-width="1.5"/> <rect x="272" y="55" width="16" height="18" rx="1" fill="#00e676"/> </g> <g> <line x1="320" y1="35" x2="320" y2="70" stroke="#00e676" stroke-width="1.5"/> <rect x="312" y="40" width="16" height="16" rx="1" fill="#00e676"/> </g> <!-- Zone annotation --> <rect x="55" y="108" width="110" height="22" rx="4" fill="rgba(255,23,68,0.1)" stroke="#ff1744" stroke-width="0.5"/> <text x="110" y="123" fill="#ff1744" font-size="10" text-anchor="middle" font-family="Noto Sans SC">下跌趋势末端</text> <rect x="165" y="140" width="80" height="18" rx="4" fill="rgba(0,230,118,0.1)" stroke="#00e676" stroke-width="0.5"/> <text x="205" y="153" fill="#00e676" font-size="10" text-anchor="middle" font-family="Noto Sans SC">反转信号</text> </svg> <div class="stage-label">经典锤子线反转形态 · 下跌末端出现长下影线小实体</div> </div> <p style="margin-top: 16px;">复盘时逐根检查：</p> <ul> <li>我识别的形态是否符合教科书定义？（影线比例、实体位置）</li> <li>是否有"强行匹配"的倾向？比如把普通小阴线看作十字星</li> <li>形态出现在什么级别的图表上？日线级别的形态比15分钟更有参考价值</li> <li>是否结合了前后K线的上下文？孤立看单根K线容易误判</li> </ul> </div> <!-- 维度2：位置 --> <div class="card card-green" style="margin-bottom: 24px;"> <div class="card-header"> <div class="card-icon icon-green">②</div> <div> <div class="card-title">位置维度：形态出现在什么价格区域？</div> <div class="card-subtitle">Contextual Position</div> </div> </div> <div class="kline-stage"> <svg width="520" height="200" viewBox="0 0 520 200"> <!-- Support/Resistance zones --> <rect x="40" y="28" width="460" height="16" rx="3" fill="rgba(255,23,68,0.08)" stroke="rgba(255,23,68,0.3)" stroke-width="0.5"/> <text x="505" y="40" fill="#ff1744" font-size="10" font-family="JetBrains Mono" text-anchor="end">阻力区</text> <rect x="40" y="148" width="460" height="16" rx="3" fill="rgba(0,230,118,0.08)" stroke="rgba(0,230,118,0.3)" stroke-width="0.5"/> <text x="505" y="160" fill="#00e676" font-size="10" font-family="JetBrains Mono" text-anchor="end">支撑区</text> <!-- Price path --> <polyline points="60,70 85,90 110,82 135,100 160,95 185,115 210,130 235,155 260,148 285,140 310,125 335,108 360,90 385,72 410,55 435,42 460,50" fill="none" stroke="#448aff" stroke-width="1.5" opacity="0.7"/> <!-- Candlestick at resistance --> <g> <line x1="435" y1="32" x2="435" y2="52" stroke="#ff1744" stroke-width="1.5"/> <rect x="427" y="34" width="16" height="10" rx="1" fill="#ff1744"/> </g> <circle cx="435" cy="42" r="16" fill="none" stroke="#ff1744" stroke-width="1" stroke-dasharray="3" opacity="0.6"/> <text x="435" y="22" fill="#ff1744" font-size="10" text-anchor="middle" font-weight="600" font-family="Noto Sans SC">射击之星</text> <!-- Candlestick at support --> <g> <line x1="235" y1="148" x2="235" y2="170" stroke="#00e676" stroke-width="1.5"/> <rect x="227" y="150" width="16" height="10" rx="1" fill="#00e676"/> </g> <circle cx="235" cy="158" r="16" fill="none" stroke="#00e676" stroke-width="1" stroke-dasharray="3" opacity="0.6"/> <text x="235" y="186" fill="#00e676" font-size="10" text-anchor="middle" font-weight="600" font-family="Noto Sans SC">锤子线</text> </svg> <div class="stage-label">同一个K线形态，出现在支撑位 vs 阻力位，信号截然不同</div> </div> <div class="highlight-box"> <p><strong>💡 复盘检查项：</strong>同一种K线形态，在支撑/阻力位附近的反转信号远强于在价格"无人区"出现的信号，回顾你的交易，你是否有足够的耐心等待形态出现在关键位置？还是看到形态就急于入场？</p> </div> </div> <!-- 维度3：量能 --> <div class="card card-purple" style="margin-bottom: 24px;"> <div class="card-header"> <div class="card-icon icon-purple">③</div> <div> <div class="card-title">量能维度：成交量是否验证了你的判断？</div> <div class="card-subtitle">Volume Confirmation</div> </div> </div> <div class="kline-stage"> <svg width="520" height="200" viewBox="0 0 520 200"> <!-- K-line area (top) --> <line x1="40" y1="10"" x2="40" y2="110" stroke="#1e2a42" stroke-width="1"/> <line x1="40" y1="110" x2="500" y2="110" stroke="#1e2a42" stroke-width="1"/> <!-- Price candles --> <g> <line x1="80" y1="40" x2="80" y2="85" stroke="#ff1744" stroke-width="1.5"/> <rect x="72" y="50" width="16" height="20" rx="1" fill="#ff1744"/> </g> <g> <line x1="120" y1="48" x2="120" y2="95" stroke="#ff1744" stroke-width="1.5"/> <rect x="112" y="55" width="16" height="22" rx="1" fill="#ff1744"/> </g> <g> <line x1="160" y1="42" x2="160" y2="92" stroke="#ff1744" stroke-width="1.5"/> <rect x="152" y="50" width="16" height="25" rx="1" fill="#ff1744"/> </g> <g> <line x1="200" y1="55" x2="200" y2="105" stroke="#ff1744" stroke-width="1.5"/> <rect x="192" y="62" width="16" height="28" rx="1" fill="#ff1744"/> </g> <!-- Hammer with high volume --> <g> <line x1="240" y1="70" x2="240" y2="108" stroke="#00e676" stroke-width="2"/> <rect x="232" y="73" width="16" height="10" rx="1" fill="#00e676"/> </g> <text x="240" y="65" fill="#00e676" font-size="9" text-anchor="middle" font-weight="600" font-family="Noto Sans SC">放量锤子</text> <!-- Recovery candles --> <g> <line x1="280" y1="58" x2="280" y2="85" stroke="#00e676" stroke-width="1.5"/> <rect x="272" y="62" width="16" height="14" rx="1" fill="#00e676"/> </g> <g> <line x1="320" y1="42" x2="320" y2="70" stroke="#00e676" stroke-width="1.5"/> <rect x="312" y="46" width="16" height="14" rx="1" fill="#00e676"/> </g> <!-- Divider --> <line x1="40" y1="118" x2="500" y2="118" stroke="#1e2a42" stroke-width="0.5"/> <text x="14" y="155" fill="#4a5a76" font-size="10" font-family="JetBrains Mono" transform="rotate(-90, 14, 155)">成交量</text> <!-- Volume bars --> <rect x="72" y="165" width="16" height="25" rx="1" fill="rgba(255,23,68,0.5)"/> <rect x="112" y="160" width="16" height="30" rx="1" fill="rgba(255,23,68,0.5)"/> <rect x="152" y="158" width="16" height="32" rx="1" fill="rgba(255,23,68,0.5)"/> <rect x="192" y="155" width="16" height="35" rx="1" fill="rgba(255,23,68,0.5)"/> <!-- High volume bar --> <rect x="232" y="135" width="16" height="55" rx="1" fill="rgba(0,230,118,0.7)"/> <text x="240" y="132" fill="#00e676" font-size="9" text-anchor="middle" font-family="JetBrains Mono">▲</text> <rect x="272" y="162" width="16" height="28" rx="1" fill="rgba(0,230,118,0.4)"/> <rect x="312" y="168" width="16" height="22" rx="1" fill="rgba(0,230,118,0.4)"/> </svg> <div class="stage-label">放量锤子线 → 量能确认反转信号的可靠性大幅提升</div> </div> <p style="margin-top: 16px;">量能复盘要点：</p> <ul> <li><span class="tag tag-green">放量</span> 反转K线配合显著放量，说明多空力量真正发生了转换</li> <li><span class="tag tag-red">缩量</span> 如果反转形态伴随缩量，可能只是下跌途中的短暂喘息</li> <li><span class="tag tag-purple">天量</span> 极端放量往往意味着情绪的高潮/恐慌，是趋势即将反转的领先信号</li> </ul> </div> <!-- 维度4：时间 --> <div class="card card-blue"> <div class="card-header"> <div class="card-icon icon-blue">④</div> <div> <div class="card-title">时间维度：你入场的时机节奏如何？</div> <div class="card-subtitle">Timing Discipline</div> </div> </div> <p>时间维度的复盘关注两个层面：</p> <div class="grid-2" style="margin-top: 16px;"> <div class="highlight-box" style="margin: 0;"> <p><strong>图表级别</strong><br>你的交易信号来自哪个时间周期？你是否做到了"大级别定方向，小级别找入场"的多周期共振？很多人在5分钟图上看到看涨信号就急着入场，却忽略了日线正处于下跌趋势中。</p> </div> <div class="highlight-box" style="margin: 0;"> <p><strong>交易时段</strong><br>统计你的交易集中在哪些时段，开盘前30分钟波动剧烈、假信号多；尾盘20分钟趋势更明确但流动性下降，了解自己的"高频交易时段"有助于优化时间分配。</p> </div> </div> </div> </section> <!-- ── 4. 复盘五步法 ── --> <section class="section"> <div class="section-number">Section 04</div> <h2>系统化<span class="highlight">复盘五步法</span></h2> <p class="section-desc">把零散的反思变成结构化的流程，确保每次复盘都不遗漏关键环节。</p> <div class="process-flow"> <div class="process-step"> <div class="step-circle" style="background: rgba(0,230,118,0.15); color: var(--accent-green);">1</div> <div class="step-title" style="color: var(--accent-green);">回放</div> <div class="step-desc">逐根回放交易时段的K线走势，在图表上标注你实际的入场和出场点</div> </div> <div class="process-step"> <div class="step-circle" style="background: rgba(68,138,255,0.12); color: var(--accent-blue);">2</div> <div class="step-title" style="color: var(--accent-blue);">拆解</div> <div class="step-desc">把每笔交易拆成"信号→判断→执行"三步，定位问题出在哪一步</div> </div> <div class="process-step"> <div class="step-circle" style="background: rgba(255,171,0,0.12); color: var(--accent-gold);">3</div> <div class="step-title" style="color: var(--accent-gold);">归因</div> <div class="step-desc">将盈亏归因到具体因子：形态质量、位置选择、仓位管理、情绪干扰</div> </div> <div class="process-step"> <div class="step-circle" style="background: rgba(179,136,255,0.1); color: var(--accent-purple);">4</div> <div class="step-title" style="color: var(--accent-purple);">统计</div> <div class="step-desc">汇总本周/本月数据：胜率、盈亏比、最大回撤、平均持仓时间</div> </div> <div class="process-step"> <div class="step-circle" style="background: rgba(0,229,255,0.1); color: var(--accent-cyan);">5</div> <div class="step-title" style="color: var(--accent-cyan);">迭代</div> <div class="step-desc">基于统计结论调整策略参数或交易纪律，写下下一期的改进清单</div> </div> </div> <!-- 归因分析详解 --> <div class="card card-gold" style="margin-top: 24px;"> <div class="card-header"> <div class="card-icon icon-gold">🔍</div> <div> <div class="card-title">第三步"归因"的详细拆解</div> <div class="card-subtitle">将结果分解到可改进的具体因子</div> </div> </div> <table class="compare-table"> <thead> <tr> <th>归因因子</th> <th>正面表现</th> <th>负面信号</th> </tr> </thead> <tbody> <tr> <td><span class="tag tag-gold">形态质量</span></td> <td>严格按定义识别，无"差不多就行"</td> <td>模糊匹配，把中性K线解读为信号</td> </tr> <tr> <td><span class="tag tag-green">位置选择</span></td> <td>形态出现在关键支撑/阻力附近</td> <td>在价格"无人区"看到形态就入场</td> </tr> <tr> <td><span class="tag tag-blue">仓位管理</span></td> <td>信号强→标准仓；信号弱→减半仓</td> <td>不管信号强度，永远满仓或随机仓位</td> </tr> <tr> <td><span class="tag tag-purple">情绪状态</span></td> <td>心态平静，按计划执行</td> <td>连续亏损后加大仓位"回本"、FOMO追高</td> </tr> <tr> <td><span class="tag tag-red">出场纪律</span></td> <td>触及止损果断离场，止盈按计划</td> <td>移动止损、扛单、过早止盈</td> </tr> </tbody> </table> </div> </section> <!-- ── 5. 常见复盘陷阱 ── --> <section class="section"> <div class="section-number">Section 05</div> <h2>警惕这些<span class="highlight">复盘陷阱</span></h2> <p class="section-desc">错误的复盘方式不仅无效，还会强化错误认知，以下是最常见的五个陷阱。</p> <div class="grid-2"> <div class="card card-red"> <div class="card-header"> <div class="card-icon icon-red">✕</div> <div> <div class="card-title">结果导向偏差</div> </div> </div> <p>"这笔赚了钱 → 我的方法是对的。"这是最危险的思维，一笔盈利的交易可能只是运气，一笔亏损的交易可能决策过程完全正确，复盘必须<strong style="color: var(--accent-red);">评估过程而非结果</strong>。</p> </div> <div class="card card-red"> <div class="card-header"> <div class="card-icon icon-red">✕</div> <div> <div class="card-title">事后诸葛亮</div> </div> </div> <p>"当时我就知道会涨。" 人类大脑天生会在知道结果后重新构建记忆，觉得自己"早就知道"，解决方法：在交易之前就写下你的判断和预期，用<strong style="color: var(--accent-red);">白纸黑字对抗记忆篡改</strong>。</p> </div> <div class="card card-red"> <div class="card-header"> <div class="card-icon icon-red">✕</div> <div> <div class="card-title">只看亏损交易</div> </div> </div> <p>只复盘亏损、忽略盈利，会错过发现"好习惯"的机会，盈利交易同样需要复盘——特别是那些"赚钱但执行质量差"的交易，它们在培养坏习惯。</p> </div> <div class="card card-red"> <div class="card-header"> <div class="card-icon icon-red">✕</div> <div> <div class="card-title">缺乏量化追踪</div> </div> </div> <p>"最近感觉做得不错"不是复盘结论，没有数据支撑的自我评估极易受到情绪影响。<strong style="color: var(--accent-red);">用数字说话</strong>：胜率、盈亏比、最大连续亏损、回撤幅度，这些才是真实的镜子。</p> </div> <div class="card card-red" style="grid-column: 1 / -1;"> <div class="card-header"> <div class="card-icon icon-red">✕</div> <div> <div class="card-title">复盘不闭环</div> <div class="card-subtitle">反思了但从不执行改进措施</div> </div> </div> <p>复盘的最终产出应该是<strong style="color: var(--accent-red);">一条具体的、可执行的改进规则</strong>，下次在支撑位出现锤子线且成交量放大 50% 以上时入场，仓位不超过总资金的 3%"，如果你的复盘结论是"下次要更谨慎"这样模糊的表述，那就等于没有复盘。</p> </div> </div> </section> <!-- ── 6. 复盘周期与节奏 ── --> <section class="section"> <div class="section-number">Section 06</div> <h2>建立<span class="highlight">复盘节奏</span></h2> <p class="section-desc">不同时间维度的复盘关注不同的重点，形成从日到年的完整反馈循环。</p> <div class="card card-blue"> <table class="compare-table"> <thead> <tr> <th>周期</th> <th>内容</th> <th>时长</th> <th>产出</th> </tr> </thead> <tbody> <tr> <td><span class="tag tag-green">每日</span></td> <td>当日交易回顾：逐笔检查执行质量</td> <td>15-20 分钟</td> <td>填写交易日志，标记执行偏差</td> </tr> <tr> <td><span class="tag tag-blue">每周</span></td> <td>周度统计：胜率、盈亏比、最大回撤</td> <td>30-45 分钟</td> <td>周报 + 1-2 条改进规则</td> </tr> <tr> <td><span class="tag tag-gold">每月</span></td> <td>策略表现评估：哪些形态/环境贡献最大</td> <td>1-2 小时</td> <td>月度报告 + 策略参数微调</td> </tr> <tr> <td><span class="tag tag-purple">每季</span></td> <td>宏观审视：策略与市场环境的适配度</td> <td>半天</td> <td>季度回顾 + 策略方向性调整</td> </tr> </tbody> </table> </div> <div class="warn-box"> <p><strong>⚠️ 核心提醒：</strong>新手最大的错误是"交易太多，复盘太少"，建议初学者的复盘时间 ≥ 交易时间，宁可少做几笔交易，也要把每笔交易的复盘做扎实，交易是一个技能，复盘就是你的练习场。</p> </div> </section> <!-- ── 7. 复盘自检清单 ── --> <section class="section"> <div class="section-number">Section 07</div> <h2>每笔交易的<span class="highlight">复盘自检清单</span></h2> <p class="section-desc">将以下清单打印出来贴在屏幕旁，每笔交易结束后逐一打勾。</p> <div class="card card-cyan"> <ul class="checklist"> <li> <span class="check-icon check-green">✓</span> <span>入场前我是否写下了明确的交易依据？（不只是"感觉要涨"）</span> </li> <li> <span class="check-icon check-green">✓</span> <span>K线形态是否符合标准定义？我是否把模糊的形态"强行解读"了？</span> </li> <li> <span class="check-icon check-green">✓</span> <span>形态出现在关键支撑/阻力位附近吗？还是在价格"无人区"？</span> </li> <li> <span class="check-icon check-green">✓</span> <span>成交量是否支持我的判断？（反转需要放量确认）</span> </li> <li> <span class="check-icon check-gold">✓</span> <span>我的止损设在哪里？风险回报比是否 ≥ 1:2？</span> </li> <li> <span class="check-icon check-gold">✓</span> <span>仓位大小是否与信号强度和止损幅度匹配？</span> </li> <li> <span class="check-icon check-gold">✓</span> <span>我是在计划好的点位入场，还是追价入场？</span> </li> <li> <span class="check-icon check-green">✓</span> <span>交易过程中我是否修改了止损/止盈？如果是，原因是什么？</span> </li> <li> <span class="check-icon check-green">✓</span> <span>我的情绪状态如何？是否有冲动、恐惧、贪婪的成分？</span> </li> <li> <span class="check-icon check-gold">✓</span> <span>如果时间倒流，在完全相同的条件下，我还会做这笔交易吗？</span> </li> </ul> </div> </section> <!-- ── 8. 实战复盘案例 ── --> <section class="section"> <div class="section-number">Section 08</div> <h2>实战<span class="highlight">复盘案例</span>演示</h2> <p class="section-desc">用一个完整的案例展示系统化复盘如何执行——从交易记录到改进输出。</p> <!-- 案例 K线图 --> <div class="kline-stage"> <svg width="600" height="240" viewBox="0 0 600 240"> <!-- Grid lines --> <line x1="50" y1="20" x2="50" y2="180" stroke="#1e2a42" stroke-width="1"/> <line x1="50" y1="180" x2="580" y2="180" stroke="#1e2a42" stroke-width="1"/> <line x1="50" y1="60" x2="580" y2="60" stroke="#1e2a42" stroke-width="0.3" stroke-dasharray="4"/> <line x1="50" y1="100" x2="580" y2="100" stroke="#1e2a42" stroke-width="0.3" stroke-dasharray="4"/> <line x1="50" y1="140" x2="580" y2="140" stroke="#1e2a42" stroke-width="0.3" stroke-dasharray="4"/> <!-- Support zone --> <rect x="50" y="155" width="530" height="18" rx="2" fill="rgba(0,230,118,0.06)" stroke="rgba(0,230,118,0.2)" stroke-width="0.5"/> <text x="578" y="167" fill="#00e676" font-size="9" text-anchor="end" font-family="JetBrains Mono">支撑 ¥42.00</text> <!-- Phase 1: Downtrend --> <g opacity="0.9"> <line x1="80" y1="42" x2="80" y2="80" stroke="#ff1744" stroke-width="1.5"/> <rect x="73" y="48" width="14" height="18" rx="1" fill="#ff1744"/> <line x1="110" y1="50" x2="110" y2="95" stroke="#ff1744" stroke-width="1.5"/> <rect x="103" y="55" width="14" height="22" rx="1" fill="#ff1744"/> <line x1="140" y1="55" x2="140" y2="108" stroke="#ff1744" stroke-width="1.5"/> <rect x="133" y="62" width="14" height="24" rx="1" fill="#ff1744"/> <line x1="170" y1="60" x2="170" y2="118" stroke="#ff1744" stroke-width="1.5"/> <rect x="163" y="70" width="14" height="26" rx="1" fill="#ff1744"/> <line x1="200" y1="68" x2="200" y2="130" stroke="#ff1744" stroke-width="1.5"/> <rect x="193" y="78" width="14" height="28" rx="1" fill="#ff1744"/> <line x1="230" y1="75" x2="230" y2="145" stroke="#ff1744" stroke-width="1.5"/> <rect x="223" y="88" width="14" height="30" rx="1" fill="#ff1744"/> </g> <!-- Arrow and label for downtrend --> <line x1="90" y1="100" x2="220" y2="140" stroke="#ff1744" stroke-width="0.8" stroke-dasharray="4" opacity="0.5"/> <text x="140" y="122" fill="#ff1744" font-size="9" font-family="Noto Sans SC" opacity="0.7">连续下跌</text> <!-- Phase 2: Hammer at support (THE TRADE) --> <g> <line x1="260" y1="108" x2="260" y2="172" stroke="#00e676" stroke-width="2.5"/> <rect x="252" y="110" width="16" height="10" rx="1" fill="#00e676"/> <circle cx="260" cy="138" r="24" fill="none" stroke="#00e676" stroke-width="1.2" stroke-dasharray="4" opacity="0.5"/> </g> <text x="260" y="98" fill="#00e676" font-size="11" text-anchor="middle" font-weight="700" font-family="Noto Sans SC">锤子线 ✓</text> <!-- Entry arrow --> <g> <line x1="282" y1="108" x2="300" y2="95" stroke="#ffab00" stroke-width="1.5"/> <polygon points="298,92 304,97 296,97" fill="#ffab00"/> <text x="305" y="93" fill="#ffab00" font-size="10" font-weight="600" font-family="JetBrains Mono">入场 ¥42.50</text> </g> <!-- Stop loss --> <line x1="245" y1="176" x2="280" y2="176" stroke="#ff1744" stroke-width="1" stroke-dasharray="3"/> <text x="282" y="180" fill="#ff1744" font-size="9" font-family="JetBrains Mono">止损 ¥41.20</text> <!-- Phase 3: Recovery --> <g> <line x1="300" y1="90" x2="300" y2="120" stroke="#00e676" stroke-width="1.5"/> <rect x="293" y="94" width="14" height="16" rx="1" fill="#00e676"/> <line x1="330" y1="72" x2="330" y2="105" stroke="#00e676" stroke-width="1.5"/> <rect x="323" y="76" width="14" height="16" rx="1" fill="#00e676"/> <line x1="360" y1="58" x2="360" y2="90" stroke="#00e676" stroke-width="1.5"/> <rect x="353" y="62" width="14" height="14" rx="1" fill="#00e676"/> <line x1="390" y1="45" x2="390" y2="75" stroke="#00e676" stroke-width="1.5"/> <rect x="383" y="48" width="14" height="14" rx="1" fill="#00e676"/> </g> <!-- Take profit --> <g> <line x1="400" y1="52" x2="420" y2="42" stroke="#00e5ff" stroke-width="1.5"/> <polygon points="418,39 424,44 416,44" fill="#00e5ff"/> <text x="425" y="42" fill="#00e5ff" font-size="10" font-weight="600" font-family="JetBrains Mono">止盈 ¥46.80</text> </g> <!-- Profit zone highlight --> <rect x="282" y="42" width="140" height="12" rx="3" fill="rgba(0,229,255,0.08)" stroke="rgba(0,229,255,0.2)" stroke-width="0.5"/> <text x="352" y="51" fill="#00e5ff" font-size="9" text-anchor="middle" font-family="JetBrains Mono">盈利 +10.1%</text> <!-- Volume area --> <line x1="50" y1="195" x2="580" y2="195" stroke="#1e2a42" stroke-width="0.5"/> <text x="14" y="215" fill="#4a5a76" font-size="9" font-family="JetBrains Mono" transform="rotate(-90, 14, 215)">量</text> <rect x="73" y="218" width="14" height="12" rx="1" fill="rgba(255,23,68,0.3)"/> <rect x="103" y="215" width="14" height="15" rx="1" fill="rgba(255,23,68,0.3)"/> <rect x="133" y="213" width="14" height="17" rx="1" fill="rgba(255,23,68,0.3)"/> <rect x="163" y="210" width="14" height="20" rx="1" fill="rgba(255,23,68,0.3)"/> <rect x="193" y="208" width="14" height="22" rx="1" fill="rgba(255,23,68,0.3)"/> <rect x="223" y="205" width="14" height="25" rx="1" fill="rgba(255,23,68,0.3)"/> <!-- Hammer volume spike --> <rect x="252" y="195" width="16" height="35" rx="1" fill="rgba(0,230,118,0.6)"/> <text x="260" y="193" fill="#00e676" font-size="8" text-anchor="middle" font-family="JetBrains Mono">量↑</text> <rect x="293" y="207" width="14" height="23" rx="1" fill="rgba(0,230,118,0.35)"/> <rect x="323" y="210" width="14" height="20" rx="1" fill="rgba(0,230,118,0.35)"/> <rect x="353" y="213" width="14" height="17" rx="1" fill="rgba(0,230,118,0.35)"/> <rect x="383" y="216" width="14" height="14" rx="1" fill="rgba(0,230,118,0.35)"/> </svg> <div class="stage-label">实战案例 · 某股下跌至支撑位后出现放量锤子线</div> </div> <!-- 复盘记录 --> <div class="card card-green" style="margin-top: 24px;"> <div class="card-header"> <div class="card-icon icon-green">📋</div> <div> <div class="card-title">交易日志记录</div> <div class="card-subtitle">以本案例为例的标准记录格式</div> </div> </div> <table class="compare-table"> <tbody> <tr><td style="width:130px"><span class="tag tag-gold">日期</span></td><td>2024-03-15 14:32</td></tr> <tr><td><span class="tag tag-gold">标的</span></td><td>某科技股（示例） / 做多</td></tr> <tr><td><span class="tag tag-gold">入场依据</span></td><td>日线级别连续6日下跌后，在 ¥42.00 支撑位（前期密集成交区）出现锤子线，下影线长度 ≥ 实体3倍，且当日成交量较5日均量放大72%</td></tr> <tr><td><span class="tag tag-gold">入场价</span></td><td>¥42.50（锤子线次日开盘确认）</td></tr> <tr><td><span class="tag tag-gold">止损</span></td><td>¥41.20（锤子线低点下方2%） · 风险 = 3.1%</td></tr> <tr><td><span class="tag tag-gold">止盈</span></td><td>¥46.80（前高阻力位） · 回报 = 10.1%</td></tr> <tr><td><span class="tag tag-gold">盈亏比</span></td><td>1 : 3.3</td></tr> <tr><td><span class="tag tag-gold">仓位</span></td><td>总资金的 4%（信号质量较高，给予标准仓位）</td></tr> <tr><td><span class="tag tag-gold">心态评分</span></td><td>4/5（平静，有耐心等待确认入场）</td></tr> <tr><td><span class="tag tag-gold">执行评分</span></td><td>4/5（入场点比计划略高 ¥0.10，其余完全按计划）</td></tr> <tr><td><span class="tag tag-gold">结果</span></td><td>4个交易日后触及止盈 +¥430 (+10.1%)</td></tr> </tbody> </table> </div> <!-- 归因分析 --> <div class="card card-gold" style="margin-top: 16px;"> <div class="card-header"> <div class="card-icon icon-gold">🔬</div> <div> <div class="card-title">归因分析</div> <div class="card-subtitle">这笔盈利归功于哪些因素？</div> </div> </div> <table class="compare-table"> <thead> <tr> <th>因子</th> <th>评分</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>形态质量</td> <td><span class="tag tag-green">优秀</span></td> <td>标准锤子线，下影线为实体4倍，符合教科书定义</td> </tr> <tr> <td>位置选择</td> <td><span class="tag tag-green">优秀</span></td> <td>精确触及前期密集成交区支撑，有充分的历史参考</td> </tr> <tr> <td>量能确认</td> <td><span class="tag tag-green">优秀</span></td> <td>成交量较5日均量放大72%，多空转换有量能支撑</td> </tr> <tr> <td>风险回报</td> <td><span class="tag tag-green">优秀</span></td> <td>1:3.3 的盈亏比，即使胜率只有30%也能盈利</td> </tr> <tr> <td>仓位管理</td> <td><span class="tag tag-gold">良好</span></td> <td>4%仓位合理，但可考虑信号质量更高时适当加至5%</td> </tr> <tr> <td>执行纪律</td> <td><span class="tag tag-gold">良好</span></td> <td>入场价略有滑点（追了 ¥0.10），可在盘前设好限价单</td> </tr> </tbody> </table> </div> <!-- 改进输出 --> <div class="card card-cyan" style="margin-top: 16px;"> <div class="card-header"> <div class="card-icon icon-cyan">📌</div> <div> <div class="card-title">本次复盘的改进输出</div> <div class="card-subtitle">具体、可执行、可验证</div> </div> </div> <ul> <li><strong style="color: var(--accent-cyan);">规则 1：</strong>日线锤子线 + 支撑位 + 放量 ≥ 50% 三条件同时满足时，归类为"A级信号"，仓位可提升至总资金的 5%</li> <li><strong style="color: var(--accent-cyan);">规则 2：</strong>次日确认入场时，使用限价单而非市价单，限价设在前一日收盘价 ±0.2% 以内</li> <li><strong style="color: var(--accent-cyan);">规则 3：</strong>止损统一设在信号K线低点下方 2%，不再手动调整（除非出现跳空低开）</li> </ul> </div> </section> <!-- ── 9. ── --> <section class="section"> <div class="section-number">Summary</div> <h2>战术复盘的<span class="highlight">核心心法</span></h2> <div class="card" style="border-color: rgba(255,171,0,0.3); background: linear-gradient(135deg, var(--bg-card), rgba(255,171,0,0.03));"> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px; text-align: center;"> <div> <div style="font-size: 32px; margin-bottom: 8px;">📝</div> <div style="font-size: 16px; font-weight: 700; margin-bottom: 6px;">记录先行</div> <p style="font-size: 13px; color: var(--text-muted);">交易前写依据，<br>不靠事后回忆</p> </div> <div> <div style="font-size: 32px; margin-bottom: 8px;">🔬</div> <div style="font-size: 16px; font-weight: 700; margin-bottom: 6px;">评估过程</div> <p style="font-size: 13px; color: var(--text-muted);">决策质量 > 盈亏结果，<br>好过程迟早带来好结果</p> </div> <div> <div style="font-size: 32px; margin-bottom: 8px;">📊</div> <div style="font-size: 16px; font-weight: 700; margin-bottom: 6px;">用数据说话</div> <p style="font-size: 13px; color: var(--text-muted);">统计胜率、盈亏比、回撤，<br>让数字代替感觉</p> </div> <div> <div style="font-size: 32px; margin-bottom: 8px;">🔄</div> <div style="font-size: 16px; font-weight: 700; margin-bottom: 6px;">闭环迭代</div> <p style="font-size: 13px; color: var(--text-muted);">每次复盘产出具体规则，<br>下次交易验证并迭代</p> </div> </div> </div> <div class="highlight-box" style="margin-top: 24px;"> <p><strong></strong>交易是一场无限游戏，你不需要在每一笔交易中获胜，你需要建立一个长期正期望值的系统，复盘就是这个系统的"升级补丁"——每一次认真的复盘，都在缩小你与持续盈利之间的距离。</p> </div> </section> </main> <!-- ═══════════ FOOTER ═══════════ --> <footer class="footer"> <p>K线图基础入门知识图解 · 第四章 战术复盘</p> <p style="margin-top: 6px;">投资有风险，入市需谨慎 · 本内容仅供学习交流</p> </footer> <script> // Nav pills interaction document.querySelectorAll('.nav-pill').forEach(pill => { pill.addEventListener('click', () => { document.querySelectorAll('.nav-pill').forEach(p => p.classList.remove('active')); pill.classList.add('active'); }); }); // Intersection Observer for scroll animations const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.animationPlayState = 'running'; entry.target.style.opacity = '1'; } }); }, { threshold: 0.1 }); document.querySelectorAll('.section').forEach(section => { section.style.animationPlayState = 'paused'; observer.observe(section); }); // Staggered card animations const cardObserver = new IntersectionObserver((entries) => { entries.forEach((entry, i) => { if (entry.isIntersecting) { setTimeout(() => { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; }, i * 80); } }); }, { threshold: 0.15 }); document.querySelectorAll('.card, .kline-stage, .highlight-box, .warn-box, .process-step').forEach(el => { el.style.opacity = '0'; el.style.transform = 'translateY(20px)'; el.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; cardObserver.observe(el); }); </script> </body> </html>
