md2wx-cli 0.2.0__py3-none-any.whl

md2wx/theme.py

@@ -0,0 +1,117 @@
+"""Theme system for md2wx — YAML theme loading & CSS rule compilation."""
+
+import logging
+import os
+import re
+from dataclasses import dataclass, field
+from pathlib import Path
+from typing import Dict, List, Optional
+
+import cssutils
+import yaml
+
+cssutils.log.setLevel(logging.CRITICAL)
+
+
+@dataclass
+class Theme:
+    """A theme definition with typography, component styles, colors and base CSS."""
+
+    name: str
+    description: str
+    base_css: str
+    colors: dict = field(default_factory=dict)
+    typography: dict = field(default_factory=dict)
+    components: dict = field(default_factory=dict)
+    _raw_data: dict = field(default_factory=dict)
+
+
+def _default_themes_dir() -> Path:
+    """Return the built-in themes directory."""
+    return Path(__file__).parent / "themes"
+
+
+def _user_themes_dir() -> Path:
+    """Return user custom themes directory (~/.md2wx/themes)."""
+    p = Path.home() / ".md2wx" / "themes"
+    p.mkdir(parents=True, exist_ok=True)
+    return p
+
+
+def _theme_search_dirs(custom_dir: Optional[str] = None) -> List[Path]:
+    """Search priority: explicit dir > user themes > built-in themes."""
+    if custom_dir:
+        return [Path(custom_dir)]
+    return [_user_themes_dir(), _default_themes_dir()]
+
+
+def load_theme(name: str, themes_dir: Optional[str] = None) -> Theme:
+    """Load a theme by name from YAML files."""
+    for d in _theme_search_dirs(themes_dir):
+        candidate = d / f"{name}.yaml"
+        if candidate.exists():
+            data = yaml.safe_load(candidate.read_text(encoding="utf-8"))
+            if not isinstance(data, dict):
+                raise ValueError(f"Invalid theme file: {candidate}")
+            theme = Theme(
+                name=data.get("name", name),
+                description=data.get("description", ""),
+                base_css=data.get("base_css", ""),
+                colors=data.get("colors", {}) if isinstance(data.get("colors"), dict) else {},
+                typography=data.get("typography", {}) if isinstance(data.get("typography"), dict) else {},
+                components=data.get("components", {}) if isinstance(data.get("components"), dict) else {},
+                _raw_data=data,
+            )
+            return theme
+
+    raise FileNotFoundError(f"Theme '{name}' not found. Use 'md2wx themes' to list available themes.")
+
+
+def list_themes(themes_dir: Optional[str] = None) -> List[str]:
+    """List all available theme names."""
+    names = set()
+    for d in _theme_search_dirs(themes_dir):
+        if d.is_dir():
+            for f in d.glob("*.yaml"):
+                names.add(f.stem)
+            for f in d.glob("*.yml"):
+                names.add(f.stem)
+    return sorted(names)
+
+
+def _resolve_css_variables(css_text: str, colors: dict) -> str:
+    """Replace var(--xxx) references with actual color values."""
+
+    def replacer(match: re.Match) -> str:
+        var_name = match.group(1).strip().lstrip("-")
+        key_underscore = var_name.replace("-", "_")
+        if var_name in colors:
+            return str(colors[var_name])
+        if key_underscore in colors:
+            return str(colors[key_underscore])
+        return match.group(0)
+
+    return re.sub(r"var\(\s*--([a-zA-Z0-9_-]+)\s*\)", replacer, css_text)
+
+
+def get_inline_css_rules(theme: Theme) -> Dict[str, Dict[str, str]]:
+    """Parse theme CSS into a selector -> style_dict mapping for inlining."""
+    css_text = _resolve_css_variables(theme.base_css, theme.colors)
+    sheet = cssutils.parseString(css_text)
+    rules: Dict[str, Dict[str, str]] = {}
+
+    for rule in sheet:
+        if rule.type == rule.STYLE_RULE:
+            for selector in rule.selectorList:
+                sel_text = selector.selectorText.strip()
+                # 排除伪类与媒体查询等无法内联的选择器
+                if any(ch in sel_text for ch in [":", "@"]):
+                    continue
+                style_dict = {}
+                for prop in rule.style:
+                    style_dict[prop.name] = prop.value
+                if sel_text not in rules:
+                    rules[sel_text] = {}
+                rules[sel_text].update(style_dict)
+
+    return rules

md2wx/theme_extractor.py

@@ -0,0 +1,295 @@
+"""主题逆向提取引擎 —— 从微信推文 URL 或本地设计快照目录提取专属排版主题。"""
+
+import re
+import urllib.request
+from collections import Counter
+from pathlib import Path
+from typing import Optional
+
+import yaml
+from bs4 import BeautifulSoup
+
+GITHUB_TECH_FALLBACK = {
+    "font_body": '"PingFang SC", "Microsoft YaHei", -apple-system, sans-serif',
+    "font_heading": '"PingFang SC", "Microsoft YaHei", -apple-system, sans-serif',
+    "canvas_bg": "#ffffff",
+    "text_color": "#24292f",
+    "line_height": "1.7",
+    "h2_color": "#24292f",
+    "h2_size": "22px",
+    "h2_style": "border-bottom",
+    "h2_divider": False,
+    "strong_color": "#24292f",
+    "callout_style": "left-bar",
+    "callout_bg": "#f6f8fa",
+    "callout_color": "#57606a",
+    "callout_rad": "6px",
+    "img_shadow": "0 1px 3px rgba(0,0,0,0.12)",
+    "img_rad": "6px",
+}
+
+
+def _rgb_to_hex(rgb_str: str) -> str:
+    if not rgb_str:
+        return ""
+    s = rgb_str.strip()
+    if re.match(r"^#[0-9a-fA-F]{3,8}$", s):
+        return s.lower()
+    m = re.match(r"rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*[\d.]+)?\s*\)", s, re.I)
+    return f"#{int(m.group(1)):02x}{int(m.group(2)):02x}{int(m.group(3)):02x}" if m else s
+
+
+def _clean_font_family(font_str: str) -> str:
+    if not font_str:
+        return ""
+    cleaned = []
+    for f in [f.strip(" '\"") for f in font_str.split(",") if f.strip()]:
+        cleaned.append(f'"{f}"' if " " in f and not (f.startswith('"') and f.endswith('"')) else f)
+    return ", ".join(cleaned)
+
+
+def _parse_inline_style(style_str: str) -> dict:
+    res = {}
+    if not style_str:
+        return res
+    for item in style_str.split(";"):
+        if ":" in item:
+            k, v = item.split(":", 1)
+            res[k.strip().lower()] = v.strip().replace("!important", "").strip()
+    return res
+
+
+def extract_from_url(url: str, theme_name: str = "custom-theme") -> str:
+    """从在线微信文章 URL 抓取并提取主题 YAML。"""
+    req = urllib.request.Request(
+        url,
+        headers={"User-Agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 16_6 like Mac OS X) AppleWebKit/605.1.15 Mobile/15E148 MicroMessenger/8.0.38 NetType/WIFI Language/zh_CN", "Referer": "https://mp.weixin.qq.com"},
+    )
+    with urllib.request.urlopen(req, timeout=15) as resp:
+        content_bytes = resp.read()
+        try:
+            html = content_bytes.decode("utf-8")
+        except UnicodeDecodeError:
+            html = content_bytes.decode("gbk", errors="ignore")
+    if "当前环境异常" in html and "js_content" not in html:
+        raise ValueError("该微信链接触发了反爬验证，建议将网页保存为 HTML 后使用 --file 或 --dir 提取。")
+    return _extract_from_html_string(html, source_name="微信在线文章", theme_name=theme_name)
+
+
+def extract_from_dir(dir_path: Path, theme_name: str = "custom-theme") -> str:
+    """从本地快照目录提取主题（优先识别 HTML 文件，备选 DESIGN.md）。"""
+    if not dir_path.exists() or not dir_path.is_dir():
+        raise FileNotFoundError(f"目录不存在: {dir_path}")
+    candidates = [dir_path / "index.html", dir_path / "article.html"] + list(dir_path.glob("*.html"))
+    for cand in candidates:
+        if cand.exists():
+            return _extract_from_html_string(cand.read_text(encoding="utf-8-sig"), source_name=dir_path.name, theme_name=theme_name)
+    design_md = dir_path / "DESIGN.md"
+    if design_md.exists():
+        return _extract_from_design_md(design_md, theme_name=theme_name)
+    raise FileNotFoundError(f"目录 {dir_path} 中未找到 HTML 或 DESIGN.md 样式文件")
+
+
+def extract_from_file(file_path: Path, theme_name: str = "custom-theme") -> str:
+    """从单个本地 HTML 或 DESIGN.md 文件提取主题。"""
+    if not file_path.exists() or not file_path.is_file():
+        raise FileNotFoundError(f"文件不存在: {file_path}")
+    if file_path.name.lower() == "design.md":
+        return _extract_from_design_md(file_path, theme_name=theme_name)
+    return _extract_from_html_string(file_path.read_text(encoding="utf-8-sig"), source_name=file_path.name, theme_name=theme_name)
+
+
+def _extract_from_html_string(html_content: str, source_name: str, theme_name: str) -> str:
+    soup = BeautifulSoup(html_content, "html.parser")
+    content_el = soup.find(id="js_content") or soup.find(class_="rich_media_content") or soup
+
+    canvas_bg = GITHUB_TECH_FALLBACK["canvas_bg"]
+    top_sec = content_el.find("section")
+    if top_sec and top_sec.get("style"):
+        st = _parse_inline_style(top_sec.get("style", ""))
+        bg = st.get("background") or st.get("background-color")
+        if bg and not bg.startswith("url"):
+            hex_bg = _rgb_to_hex(bg)
+            if hex_bg and hex_bg not in ("transparent", "#ffffff"):
+                canvas_bg = hex_bg
+
+    p_tags = content_el.find_all("p")
+    p_colors, p_fonts, p_lhs = Counter(), Counter(), Counter()
+    for p in p_tags:
+        st = _parse_inline_style(p.get("style", ""))
+        if "color" in st and _rgb_to_hex(st["color"]):
+            p_colors[_rgb_to_hex(st["color"])] += 1
+        if "font-family" in st:
+            p_fonts[st["font-family"]] += 1
+        if "line-height" in st:
+            p_lhs[st["line-height"]] += 1
+
+    text_color = p_colors.most_common(1)[0][0] if p_colors else GITHUB_TECH_FALLBACK["text_color"]
+    font_body = p_fonts.most_common(1)[0][0] if p_fonts else GITHUB_TECH_FALLBACK["font_body"]
+    line_height = p_lhs.most_common(1)[0][0] if p_lhs else GITHUB_TECH_FALLBACK["line_height"]
+
+    h2_tags = content_el.find_all("h2")
+    font_heading = font_body
+    h2_style, h2_color, h2_size, h2_divider = GITHUB_TECH_FALLBACK["h2_style"], GITHUB_TECH_FALLBACK["h2_color"], GITHUB_TECH_FALLBACK["h2_size"], False
+
+    if h2_tags:
+        for h2 in h2_tags:
+            st = _parse_inline_style(h2.get("style", ""))
+            if "font-family" in st:
+                font_heading = st["font-family"]
+            if "color" in st:
+                h2_color = _rgb_to_hex(st["color"])
+            if "font-size" in st:
+                h2_size = st["font-size"]
+            if "border-left" in st or "border-left-width" in st:
+                h2_style = "border-left"
+            elif "border-bottom" in st or "border-bottom-width" in st:
+                h2_style = "border-bottom"
+            else:
+                h2_style = "none"
+
+            prev_sec = h2.find_parent("section")
+            if prev_sec:
+                prev_sibling = prev_sec.find_previous_sibling("section")
+                if prev_sibling and ("border-top" in prev_sibling.get("style", "") or prev_sibling.find("hr")):
+                    h2_divider = True
+
+    strong_tags = content_el.find_all("strong")
+    strong_color = h2_color if h2_color != text_color else GITHUB_TECH_FALLBACK["strong_color"]
+    if strong_tags:
+        st_colors = Counter(_rgb_to_hex(_parse_inline_style(el.get("style", "")).get("color", "")) for el in strong_tags if _parse_inline_style(el.get("style", "")).get("color"))
+        if st_colors:
+            strong_color = st_colors.most_common(1)[0][0]
+
+    callout_style, callout_bg, callout_color, callout_rad = GITHUB_TECH_FALLBACK["callout_style"], GITHUB_TECH_FALLBACK["callout_bg"], GITHUB_TECH_FALLBACK["callout_color"], GITHUB_TECH_FALLBACK["callout_rad"]
+    for sec in content_el.find_all("section"):
+        st = _parse_inline_style(sec.get("style", ""))
+        bg = st.get("background") or st.get("background-color")
+        if bg and _rgb_to_hex(bg) not in ("#ffffff", "#f8fafc", canvas_bg, "transparent"):
+            callout_bg = _rgb_to_hex(bg)
+            callout_rad = st.get("border-radius", "8px")
+            p_child = sec.find("p")
+            if p_child:
+                pst = _parse_inline_style(p_child.get("style", ""))
+                if "color" in pst:
+                    callout_color = _rgb_to_hex(pst["color"])
+                if pst.get("text-align") == "center":
+                    callout_style = "center-card"
+            break
+
+    img_shadow, img_rad = GITHUB_TECH_FALLBACK["img_shadow"], GITHUB_TECH_FALLBACK["img_rad"]
+    for img in content_el.find_all("img"):
+        st = _parse_inline_style(img.get("style", ""))
+        if "box-shadow" in st:
+            img_shadow = st["box-shadow"]
+        if "border-radius" in st:
+            img_rad = st["border-radius"]
+        if img_shadow != GITHUB_TECH_FALLBACK["img_shadow"]:
+            break
+
+    return _build_declarative_yaml(
+        theme_name=theme_name,
+        source_name=source_name,
+        font_body=font_body,
+        font_heading=font_heading,
+        canvas_bg=canvas_bg,
+        text_color=text_color,
+        line_height=line_height,
+        h2_color=h2_color,
+        h2_size=h2_size,
+        h2_style=h2_style,
+        h2_divider=h2_divider,
+        strong_color=strong_color,
+        callout_style=callout_style,
+        callout_bg=callout_bg,
+        callout_color=callout_color,
+        callout_rad=callout_rad,
+        img_shadow=img_shadow,
+        img_rad=img_rad,
+    )
+
+
+def _extract_from_design_md(design_md_path: Path, theme_name: str) -> str:
+    content = design_md_path.read_text(encoding="utf-8-sig")
+    frontmatter = {}
+    if content.startswith("---"):
+        parts = content.split("---", 2)
+        if len(parts) >= 3:
+            try:
+                frontmatter = yaml.safe_load(parts[1]) or {}
+            except Exception:
+                pass
+
+    colors = frontmatter.get("colors", {})
+    text_color = _rgb_to_hex(str(colors.get("color-002", "#475569")))
+    h2_color = _rgb_to_hex(str(colors.get("color-007", "#0f172a")))
+    callout_color = _rgb_to_hex(str(colors.get("color-014", "#2563eb")))
+    canvas_bg = "#f8fafc" if "color-002" in colors else "#ffffff"
+
+    return _build_declarative_yaml(
+        theme_name=theme_name,
+        source_name=design_md_path.name,
+        font_body='"Noto Sans SC", "PingFang SC", -apple-system, sans-serif',
+        font_heading='"Noto Serif SC", "Songti SC", STSong, Georgia, serif',
+        canvas_bg=canvas_bg,
+        text_color=text_color,
+        line_height="1.9",
+        h2_color=h2_color,
+        h2_size="22px",
+        h2_style="none",
+        h2_divider=True,
+        strong_color=h2_color,
+        callout_style="center-card",
+        callout_bg="#eff6ff",
+        callout_color=callout_color,
+        callout_rad="8px",
+        img_shadow="0 4px 18px rgba(15, 23, 42, 0.08)",
+        img_rad="8px",
+    )
+
+
+def _build_declarative_yaml(
+    theme_name: str, source_name: str, font_body: str, font_heading: str, canvas_bg: str,
+    text_color: str, line_height: str, h2_color: str, h2_size: str, h2_style: str, h2_divider: bool,
+    strong_color: str, callout_style: str, callout_bg: str, callout_color: str, callout_rad: str,
+    img_shadow: str, img_rad: str
+) -> str:
+    clean_body = _clean_font_family(font_body)
+    clean_heading = _clean_font_family(font_heading)
+
+    theme_dict = {
+        "name": theme_name,
+        "description": f"从 {source_name} 精准逆向提取的组件级排版主题",
+        "typography": {"font_body": clean_body, "font_heading": clean_heading, "font_code": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"},
+        "components": {
+            "heading_h2": {"style": h2_style, "color": h2_color, "font_size": h2_size, "section_divider": h2_divider},
+            "strong": {"color": strong_color, "font_weight": 600},
+            "callout": {"style": callout_style, "background": callout_bg, "color": callout_color, "border_radius": callout_rad},
+            "image": {"border_radius": img_rad, "box_shadow": img_shadow},
+            "canvas": {"background": canvas_bg},
+        },
+        "colors": {
+            "primary": h2_color, "secondary": callout_color, "text": text_color, "text_light": "#64748b",
+            "background": canvas_bg, "code_bg": "#1e293b", "code_color": "#e2e8f0",
+            "quote_border": callout_color, "quote_bg": callout_bg, "border_radius": img_rad,
+            "darkmode": {"background": "#090d16", "text": "#cbd5e1", "primary": "#f8fafc", "code_bg": "#0f172a", "code_color": "#e2e8f0", "quote_bg": "#172554"},
+        },
+        "base_css": f"""body {{\n  font-family: {clean_body};\n  font-size: 15px;\n  line-height: {line_height};\n  color: {text_color};\n  background: {canvas_bg};\n  max-width: 640px;\n  margin: 0 auto;\n  padding: 24px 16px;\n  word-break: break-word;\n}}\nh1 {{\n  font-family: {clean_heading};\n  font-size: 24px;\n  font-weight: 700;\n  color: {h2_color};\n  margin: 36px 0 20px 0;\n  line-height: 1.4;\n}}\nh2 {{\n  font-family: {clean_heading};\n  font-size: {h2_size};\n  font-weight: 700;\n  color: {h2_color};\n  margin: 36px 0 16px 0;\n  line-height: 1.4;\n}}\np {{\n  font-size: 15px;\n  line-height: {line_height};\n  color: {text_color};\n  margin: 0 0 16px 0;\n}}\nstrong {{\n  color: {strong_color};\n  font-weight: 600;\n}}\nblockquote {{\n  background: {callout_bg};\n  border-radius: {callout_rad};\n  border: none;\n  padding: 16px 20px;\n  margin: 20px 0;\n  color: {callout_color};\n  font-weight: 600;\n  text-align: center;\n}}\nimg {{\n  max-width: 100%;\n  border-radius: {img_rad};\n  display: block;\n  margin: 20px auto;\n  box-shadow: {img_shadow};\n}}\npre {{\n  background: #1e293b;\n  color: #e2e8f0;\n  padding: 16px;\n  border-radius: 8px;\n  overflow-x: auto !important;\n  margin: 20px 0;\n}}\n""",
+    }
+    return yaml.safe_dump(theme_dict, allow_unicode=True, sort_keys=False)
+
+
+def save_theme_yaml(yaml_str: str, theme_name: str, target_path: Optional[Path] = None) -> Path:
+    """将主题 YAML 保存至全局 ~/.md2wx/themes/ 或指定路径。"""
+    if target_path is None:
+        save_dir = Path.home() / ".md2wx" / "themes"
+        save_dir.mkdir(parents=True, exist_ok=True)
+        dest = save_dir / f"{theme_name}.yaml"
+    elif target_path.suffix == "":
+        target_path.mkdir(parents=True, exist_ok=True)
+        dest = target_path / f"{theme_name}.yaml"
+    else:
+        target_path.parent.mkdir(parents=True, exist_ok=True)
+        dest = target_path
+    dest.write_text(yaml_str, encoding="utf-8")
+    return dest

md2wx/themes/bauhaus.yaml

@@ -0,0 +1,207 @@
+name: "bauhaus"
+description: "包豪斯设计风格：纯白底黑色为主，红蓝黄色块点缀，几何感强烈"
+colors:
+  primary: "#e63226"
+  secondary: "#004592"
+  text: "#1a1a1a"
+  text_light: "#555555"
+  background: "#ffffff"
+  code_bg: "#f0f0f0"
+  code_color: "#004592"
+  quote_border: "#e63226"
+  quote_bg: "#fff5f5"
+  border_radius: "0px"
+darkmode:
+  background: "#111111"
+  text: "#e8e8e8"
+  text_light: "#a0a0a0"
+  primary: "#f04438"
+  code_bg: "#222222"
+  code_color: "#5b9bd5"
+  quote_bg: "#1e1212"
+  quote_border: "#f04438"
+base_css: |
+  body {
+    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+    font-size: 16px;
+    line-height: 1.75;
+    color: #1a1a1a;
+    background: #ffffff;
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 20px;
+    word-wrap: break-word;
+  }
+
+  h1 {
+    font-size: 30px;
+    font-weight: 900;
+    color: #1a1a1a;
+    margin: 36px 0 18px 0;
+    padding: 12px 16px;
+    background: #e63226;
+    color: #ffffff;
+    line-height: 1.3;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+  }
+
+  h2 {
+    font-size: 22px;
+    font-weight: 800;
+    color: #004592;
+    margin: 32px 0 14px 0;
+    padding: 8px 0;
+    border-bottom: 4px solid #1a1a1a;
+    line-height: 1.4;
+  }
+
+  h3 {
+    font-size: 18px;
+    font-weight: 700;
+    color: #1a1a1a;
+    margin: 24px 0 12px 0;
+    padding-left: 12px;
+    border-left: 6px solid #f5b700;
+    line-height: 1.4;
+  }
+
+  h4 {
+    font-size: 16px;
+    font-weight: 700;
+    color: #1a1a1a;
+    margin: 20px 0 10px 0;
+    line-height: 1.4;
+  }
+
+  p {
+    font-size: 16px;
+    line-height: 1.75;
+    color: #1a1a1a;
+    margin: 12px 0;
+  }
+
+  strong {
+    font-weight: 800;
+    color: #e63226;
+  }
+
+  em {
+    font-style: italic;
+    color: #555555;
+  }
+
+  code {
+    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    font-size: 14px;
+    background: #f0f0f0;
+    color: #004592;
+    padding: 2px 6px;
+    border-radius: 0px;
+    border: 1px solid #ddd;
+  }
+
+  pre {
+    background: #1a1a1a;
+    color: #f0f0f0;
+    padding: 16px;
+    border-radius: 0px;
+    overflow-x: auto;
+    margin: 16px 0;
+    line-height: 1.6;
+    border-left: 6px solid #e63226;
+  }
+
+  pre code {
+    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    font-size: 14px;
+    background: none;
+    color: #f0f0f0;
+    padding: 0;
+    border-radius: 0;
+    border: none;
+  }
+
+  blockquote {
+    border-left: 6px solid #e63226;
+    background: #fff5f5;
+    margin: 16px 0;
+    padding: 12px 16px;
+    border-radius: 0;
+    color: #1a1a1a;
+  }
+
+  blockquote p {
+    margin: 8px 0;
+    color: #1a1a1a;
+  }
+
+  ul {
+    padding-left: 24px;
+    margin: 12px 0;
+  }
+
+  ol {
+    padding-left: 24px;
+    margin: 12px 0;
+  }
+
+  li {
+    font-size: 16px;
+    line-height: 1.75;
+    color: #1a1a1a;
+    margin: 6px 0;
+  }
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 16px 0;
+    font-size: 15px;
+  }
+
+  thead {
+    background: #004592;
+  }
+
+  th {
+    background: #004592;
+    color: #ffffff;
+    font-weight: 700;
+    padding: 10px 14px;
+    text-align: left;
+    border: 2px solid #1a1a1a;
+  }
+
+  td {
+    padding: 10px 14px;
+    border: 2px solid #1a1a1a;
+    color: #1a1a1a;
+  }
+
+  tr {
+    background: #ffffff;
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 24px auto;
+    border-radius: 0px;
+    border: 2px solid #1a1a1a;
+  }
+
+  a {
+    color: #004592;
+    text-decoration: none;
+    font-weight: 700;
+    border-bottom: 2px solid #f5b700;
+  }
+
+  hr {
+    border: none;
+    height: 4px;
+    background: #1a1a1a;
+    margin: 28px 0;
+  }