/* css/base.css ==========================================================================

   1. 全局变量与基础重置
   ========================================================================== */
:root {
    --primary: #1f2937;
    --accent: #c81d25;
    --accent-strong: #a31217;
    --bg: #fdf7f2;
    --surface: #fffaf5;
    --border: #f2e6db;
    --muted: #8b6f5a;
    --safe-area-left: env(safe-area-inset-left, 0px);
    --safe-area-right: env(safe-area-inset-right, 0px);
    --shadow-sm: 0 1px 2px rgba(31, 41, 55, 0.06);
    --shadow-md: 0 8px 24px rgba(31, 41, 55, 0.1);
}

*,
*::before,
*::after { box-sizing: border-box; }

body {
    font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    background: var(--bg);
    margin: 0;
    color: var(--primary);
    letter-spacing: 0.2px;
}

a { text-decoration: none; color: inherit; transition: 0.2s; }

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }

    a,
    .nav-link,
    .top-bar-icon-link,
    .pagination a,
    .pagination button,
    .like-btn,
    .share-btn,
    .global-back-to-top {
        transition: none !important;
    }

}