:root {
  --color-primary: #2C1810;  /* 深咖啡，期刊主色 */
  --color-accent: #8B1A1A;   /* 暗红，印章感 */
  --color-text: #1a1a1a;
  --color-muted: #5a5a5a;
  --color-border: #dcd6ce;
  --color-bg: #F5F0E8;       /* 米白纸张色 */
  --color-bg-card: #FAF6F0;
  
  --font-serif: Georgia, "Songti SC", "SimSun", serif;
  --font-sans: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --max-width: 860px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: var(--font-serif);
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--color-primary); text-decoration: none; }
a:hover { color: var(--color-accent); }
img { max-width: 100%; }

.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
}

.flash-container {
  max-width: var(--max-width);
  margin: 24px auto 0;
  padding: 0 24px;
}
.flash-msg {
  padding: 12px 16px;
  font-family: var(--font-sans);
  font-size: 14px;
  border-radius: 4px;
  margin-bottom: 12px;
}
.flash-success { background: #e6f4ea; color: #137333; border: 1px solid #ceead6; }
.flash-error { background: #fce8e6; color: #c5221f; border: 1px solid #fad2cf; }

.btn {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 2px;
  font-family: var(--font-sans);
  font-size: 14px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s;
  text-decoration: none;
  text-align: center;
}
.btn-primary { background: var(--color-primary); color: #fff; }
.btn-primary:hover { background: #1a0e0a; color: #fff; }
.btn-outline { border-color: var(--color-primary); color: var(--color-primary); }
.btn-outline:hover { background: var(--color-primary); color: #fff; }