@charset "UTF-8";

/* ===== RESET ===== */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body { font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; line-height: 1.6; color: #333; background: #F5F0EB; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.3; }
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; }
img { max-width: 100%; height: auto; display: block; border: 0; }
table { border-collapse: collapse; width: 100%; }
input, textarea, button { font-family: inherit; font-size: inherit; outline: none; }

/* ===== CSS VARIABLES ===== */
:root {
  --primary: #1B4332;
  --secondary: #D4A373;
  --dark: #0F2922;
  --bg: #F5F0EB;
  --white: #FFFFFF;
  --text: #333333;
  --text-light: #666666;
  --border: #D0C8BC;
}

/* ===== TOOL CLASSES ===== */
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.flex { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.justify-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.align-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.text-center { text-align: center; }
.hidden { display: none !important; }

/* ===== ANIMATIONS ===== */
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fade-in { -webkit-animation: fadeIn 0.5s ease; animation: fadeIn 0.5s ease; }

/* ===== RESPONSIVE UTILITIES ===== */
@media (max-width: 768px) {
  .container { padding: 0 15px; }
  .hide-mobile { display: none !important; }
}
@media (min-width: 769px) {
  .hide-pc { display: none !important; }
}