{% extends "base.html" %}

{% block title %}工具 - AI创作工作台{% endblock %}

{% block extra_css %}
<style>
    .aw-page { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; min-height: calc(100vh - 190px); color: #1f2937; }
    .aw-header { padding: 20px 24px; border-bottom: 1px solid #e5e7eb; }
    .aw-title { font-size: 22px; font-weight: 600; color: #111827; }
    .aw-subtitle { font-size: 13px; color: #6b7280; margin-top: 4px; }

    /* 模块网格 */
    .aw-modules { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; padding: 24px; max-width: 1180px; }
    .aw-module-card {
        background: #ffffff; border-radius: 12px; padding: 20px;
        border: 1px solid #e5e7eb; cursor: pointer; transition: all 0.2s;
        text-decoration: none; color: inherit; display: block;
    }
    .aw-module-card:hover { border-color: #2563eb; transform: translateY(-2px); }
    .aw-module-icon { font-size: 28px; margin-bottom: 12px; }
    .aw-module-name { font-size: 15px; font-weight: 600; color: #111827; margin-bottom: 6px; }
    .aw-module-desc { font-size: 12px; color: #6b7280; line-height: 1.5; }
    .aw-module-priority { display: inline-block; font-size: 10px; padding: 2px 6px; border-radius: 8px; background: #dbeafe; color: #3b82f6; margin-top: 8px; }

    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: #f1f5f9; }
    ::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 3px; }
</style>
{% endblock %}

{% block content %}
<div class="aw-page">
    <div class="aw-header">
        <div class="aw-title">工具</div>
        <div class="aw-subtitle">多账号管理 · AIGC文本优化</div>
    </div>

    <div class="aw-modules">
        <a href="/doubao-multi" class="aw-module-card">
            <div class="aw-module-icon">🎯</div>
            <div class="aw-module-name">多开平台</div>
            <div class="aw-module-desc">豆包多账号管理 / 无水印图片视频下载 / 批量账号导入导出</div>
            <div class="aw-module-priority">核心专区</div>
        </a>
        <a href="/browser-multi" class="aw-module-card">
            <div class="aw-module-icon">🌐</div>
            <div class="aw-module-name">浏览器多开</div>
            <div class="aw-module-desc">豆包 / Dola / 小云雀 / 即梦 等平台，独立浏览器登录多账号</div>
            <div class="aw-module-priority">核心专区</div>
        </a>
        <a href="/de-aigc" class="aw-module-card">
            <div class="aw-module-icon">✍️</div>
            <div class="aw-module-name">降AIGC</div>
            <div class="aw-module-desc">降低AI文本检测率 / 人类化改写 / 35种AI写作模式识别</div>
            <div class="aw-module-priority">免费专区</div>
        </a>
    </div>
</div>
{% endblock %}