{{define "styles"}}
<style>
    * { margin:0; padding:0; box-sizing:border-box; }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#f5f5f5; color:#333; }
    .navbar { background:#2c3e50; padding:0 20px; height:50px; display:flex; align-items:center; }
    .navbar a { color:#ecf0f1; text-decoration:none; margin-right:20px; font-size:14px; }
    .navbar a:hover { color:#3498db; }
    .navbar .right { margin-left:auto; }
    .container { max-width:1200px; margin:20px auto; padding:0 20px; }
    .card { background:#fff; border-radius:8px; box-shadow:0 2px 4px rgba(0,0,0,0.1); padding:20px; margin-bottom:20px; }
    table { width:100%; border-collapse:collapse; }
    th, td { padding:10px 12px; text-align:left; border-bottom:1px solid #eee; }
    th { background:#f8f9fa; font-weight:600; }
    .btn { display:inline-block; padding:8px 16px; border-radius:4px; text-decoration:none; font-size:14px; cursor:pointer; border:none; }
    .btn-primary { background:#3498db; color:#fff; }
    .btn-primary:hover { background:#2980b9; }
    .btn-danger { background:#e74c3c; color:#fff; }
    .btn-danger:hover { background:#c0392b; }
    .btn-sm { padding:4px 10px; font-size:12px; }
    .alert { padding:12px 16px; border-radius:4px; margin-bottom:16px; }
    .alert-error { background:#fde8e8; color:#c0392b; }
    .alert-success { background:#e8fde8; color:#27ae60; }
    .form-group { margin-bottom:16px; }
    .form-group label { display:block; margin-bottom:6px; font-weight:600; }
    .form-group input, .form-group textarea, .form-group select { width:100%; padding:8px 12px; border:1px solid #ddd; border-radius:4px; font-size:14px; }
    .form-group input[type="checkbox"] { width:auto; }
    .unread { font-weight:bold; }
    .message-subject { color:#2c3e50; text-decoration:none; }
    .message-subject:hover { color:#3498db; }
    .sidebar { width:200px; float:left; }
    .sidebar a { display:block; padding:10px 15px; color:#2c3e50; text-decoration:none; border-radius:4px; margin-bottom:2px; }
    .sidebar a:hover, .sidebar a.active { background:#3498db; color:#fff; }
    .content { margin-left:220px; }
    .pagination { margin-top:16px; text-align:center; }
    .pagination a, .pagination span { display:inline-block; padding:6px 12px; margin:0 2px; border:1px solid #ddd; border-radius:4px; text-decoration:none; color:#333; }
    .pagination .current { background:#3498db; color:#fff; border-color:#3498db; }
    .mail-meta { color:#7f8c8d; font-size:13px; margin-bottom:8px; }
    .mail-body { line-height:1.6; margin-top:16px; padding-top:16px; border-top:1px solid #eee; }
    .attachment-list { margin-top:16px; padding-top:16px; border-top:1px solid #eee; }
    .attachment-item { display:inline-block; margin-right:12px; margin-bottom:8px; padding:6px 12px; background:#ecf0f1; border-radius:4px; font-size:13px; }
    .attachment-item a { color:#2c3e50; text-decoration:none; }
    .attachment-item a:hover { color:#3498db; }
    .badge { display:inline-block; padding:2px 8px; border-radius:10px; font-size:11px; font-weight:bold; }
    .badge-unread { background:#e74c3c; color:#fff; }
    .stat-card { display:inline-block; width:200px; padding:20px; margin-right:20px; background:#fff; border-radius:8px; box-shadow:0 2px 4px rgba(0,0,0,0.1); text-align:center; }
    .stat-card h3 { font-size:32px; color:#2c3e50; margin-bottom:4px; }
    .stat-card p { color:#7f8c8d; font-size:14px; }
    .dns-record { background:#f8f9fa; padding:12px 16px; border-radius:4px; margin-bottom:12px; font-family:monospace; font-size:13px; white-space:pre-wrap; }
    .clearfix::after { content:""; display:table; clear:both; }
</style>
{{end}}

{{define "navbar"}}
{{if .currentUser}}
<nav class="navbar">
    <a href="/inbox">MailGo</a>
    {{if .currentUser.IsAdmin}}<a href="/admin">管理后台</a>{{end}}
    <div class="right">
        <span style="color:#ecf0f1;font-size:13px;">{{.currentUser.Username}}@{{.currentUser.Domain.Name}}</span>
        <form method="POST" action="/logout" style="display:inline;">
            <a href="#" onclick="this.parentElement.submit(); return false;">退出</a>
        </form>
    </div>
</nav>
{{end}}
{{end}}