<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{TITLE}} - {{DATE}} - 知乎专栏</title>
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 1.8;
            max-width: 680px;
            margin: 0 auto;
            padding: 20px;
            color: #1a1a1a;
            background-color: #fff;
        }
        h1 {
            font-size: 1.8em;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 20px;
            color: #121212;
            border-bottom: none;
        }
        h2 {
            font-size: 1.4em;
            font-weight: 600;
            margin-top: 32px;
            margin-bottom: 16px;
            color: #262626;
        }
        h3 {
            font-size: 1.2em;
            font-weight: 600;
            margin-top: 24px;
            margin-bottom: 12px;
            color: #595959;
        }
        p {
            margin: 16px 0;
            color: #404040;
            text-align: justify;
        }
        ul, ol {
            padding-left: 24px;
            margin: 16px 0;
        }
        li {
            margin: 8px 0;
        }
        img {
            max-width: 100%;
            height: auto;
            margin: 24px 0;
            border-radius: 4px;
            border: 1px solid #f0f0f0;
        }
        blockquote {
            margin: 24px 0;
            padding:"?

12px 20px;
            border-left: 4px solid #0084ff;
            background-color: #f6f9ff;
            color: #595959;
        }
        .tags {
            margin: 20px 0;
            padding: 12px 0;
            border-top: 1px solid #f0f0f0;
            border-bottom: 1px solid #f0f0f0;
        }
        .tag {
            display: inline-block;
            margin: 4px 8px 4px 0;
            padding: 4px 12px;
            background-color: #f6f9ff;
            color: #0084ff;
            border-radius: 12px;
            font-size: 0.9em;
        }
        .data-highlight {
            background-color: #f0f9ff;
            padding: 12px 16px;
            border-radius: 6px;
            margin: 16px 0;
            border-left: 3px solid #1890ff;
        }
        .summary {
            font-size: 1.1em;
            font-weight: 500;
            color: #595959;
            margin-bottom: 24px;
        }
        .author {
            color: #8590a6;
            font-size: 0.9em;
            margin-bottom: 24px;
        }
        footer {
            margin-top: 32px;
            padding-top: 20px;
            border-top: 1px solid #f0f0f0;
            color: #8590a6;
            font-size: 0.85em;
            text-align: center;
        }
        @media (max-width: 600px) {
            body {
                padding: 16px;
                line-height: 1.6;
            }
            h1 { font-size: 1.5em; }
            h2 { font-size: 1.3em; }
        }
    </style>
</head>
<body>
    <div class="author">作者：宇之然 | 更新日期：{{DATE}}</div>
    
    <h1>{{TITLE}}</h1>
    
    <div class="summary">
        <p>本文基于全球可持续性趋势研究，结合中国现实，提供可执行的行动建议。数据来源可靠，观点客观中立。</p>
    </div>
    
    <!-- CONTENT -->
    
    <div class="tags">
<!-- TAGS -->
    </div>
    
    <footer>
        <p>本文由宇之然AI助手生成，基于全球开源数据和研究成果</p>
        <p>欢迎在评论区分享你的实践经验和改进建议</p>
    </footer>
</body>
</html>