/* 头部区域样式 */
.header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            margin-bottom: 20px;
        }

/* 修复：覆盖全局 header-actions 的 absolute 定位 */
.header .header-actions {
            position: static;
            transform: none;
            display: flex;
            align-items: center;
            gap: 10px;
}

/* 返回按钮样式 - 更柔和的浅蓝色 */
.back-btn {
            display: inline-flex;
            align-items: center;
            padding: 6px 18px;
            background-color: #f5f5f5;
            color: #666;
            text-decoration: none;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 500;
            transition: all 0.3s ease;
            height: 36px;
            box-sizing: border-box;
        }

        .back-btn:hover {
            background-color: #e8e8e8;
            color: #333;
            transform: translateY(-1px);
        }

        /* 收藏按钮样式 - 以返回按钮为模板 */
        .favorite-button {
            display: inline-flex;
            align-items: center;
            padding: 6px 18px;
            background-color: #f5f5f5;
            color: #666;
            text-decoration: none;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 500;
            transition: all 0.3s ease;
            height: 36px;
            box-sizing: border-box;
            cursor: pointer;
            font-family: inherit;
        }

        .favorite-button:hover {
            background-color: #e8e8e8;
            color: #333;
            transform: translateY(-1px);
        }

        .favorite-button.favorited {
            background-color: #fff8e1;
            color: #f9a825;
        }

        .favorite-button.favorited:hover {
            background-color: #ffecb3;
            color: #f57f17;
        }

.tool-title{font-size:36px;font-weight:700;color:#333;margin-bottom:10px;text-align:center}
.tool-subtitle{font-size:18px;color:#666;margin-bottom:30px;text-align:center}
.main-content{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #f0f0f0;overflow:hidden}
.editor-toolbar{display:flex;gap:5px;padding:12px 15px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}
.tool-btn{padding:8px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#555;cursor:pointer;transition:all .2s;font-size:14px}
.tool-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}
.editor-wrapper{display:grid;grid-template-columns:1fr 1fr;height:600px}
.editor-pane{border-right:1px solid #e0e0e0}
#editor{width:100%;height:100%;padding:20px;border:none;resize:none;font-size:14px;line-height:1.6;font-family:'Consolas',monospace;outline:none}
.preview-pane{padding:20px;overflow:auto;background:#fafafa}
.preview-pane h1,.preview-pane h2,.preview-pane h3{color:#333;margin-top:0}
.preview-pane code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-family:monospace}
.preview-pane pre{background:#f5f5f5;padding:15px;border-radius:8px;overflow:auto}
.preview-pane pre code{background:none;padding:0}
.preview-pane blockquote{border-left:4px solid #2563eb;margin:0;padding:10px 20px;background:#f0f7ff;color:#555}
.preview-pane ul,.preview-pane ol{padding-left:25px}
.preview-pane a{color:#2563eb}
.preview-pane img{max-width:100%}
@media(max-width:768px){.editor-wrapper{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.tool-title{font-size:24px}}