ClawLab
/
MathLab


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ day }} - {{ topic }}</title>
    <style>
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.6; max-width: 800px; margin: 0 auto; padding: 20px; background: #1a1a2e; color: #eaeaea; }
        h1 { color: #e94560; border-bottom: 2px solid #e94560; padding-bottom: 10px; }
        h2 { color: #0f3460; background: #16213e; padding: 10px; border-left: 4px solid #e94560; margin-top: 30px; }
        .module { background: #0f3460; padding: 15px; margin: 20px 0; border-radius: 5px; }
        .module-title { color: #e94560; font-weight: bold; margin-bottom: 10px; }
        code { background: #1a1a2e; padding: 2px 6px; border-radius: 3px; color: #f0f6f6; }
        pre { background: #1a1a2e; padding: 15px; border-radius: 5px; overflow-x: auto; }
        .symbol-map { background: #16213e; padding: 10px; margin: 5px 0; border-left: 3px solid #0f3460; }
        .warning { background: #e94560; color: #fff; padding: 10px; border-radius: 5px; margin: 10px 0; }
        .youtube { background: #ff0000; color: #fff; padding: 10px; border-radius: 5px; display: inline-block; margin: 10px 0; }
    </style>
    {{ katex_css }}
</head>
<body>
    <h1>👾 Day {{ day }}: {{ topic }}</h1>
    
    <div class="module">
        <div class="module-title">1️⃣【技术债与演进动机】The Technical Debt & Evolution</div>
        {{ technical_debt }}
    </div>

    <div class="module">
        <div class="module-title">2️⃣【直觉建立】Visual Intuition</div>
        {{ visual_intuition }}
        <div class="youtube">🎬 B 站搜索：<code>{{ bilibili_keyword }}</code></div>
    </div>

    <div class="module">
        <div class="module-title">3️⃣【符号解码字典】The Symbol Decoder</div>
        {{ symbol_decoder }}
    </div>

    <div class="module">
        <div class="module-title">4️⃣【核心推导】The Math</div>
        {{ math_derivation }}
    </div>

    <div class="module">
        <div class="module-title">5️⃣【工程优化点】The Optimization Bottleneck</div>
        {{ optimization_bottleneck }}
    </div>

    <div class="module">
        <div class="module-title">6️⃣【今日靶机】The OJ Mission</div>
        <div class="warning">🎯 任务：<code>cd exercises/ && python3 day{{ day }}_task.py</code></div>
        {{ oj_mission }}
    </div>

    <script src="{{ katex_js }}"></script>
    <script>renderMathInElement(document.body);</script>
</body>
</html>