:root {
  --ff-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  --ff-serif: Fraunces, Georgia, "Times New Roman", "Songti SC", serif;
  --ff-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --bg: #f8f7f5;
  --bg-soft: #f1efec;
  --surface: #ffffff;
  --surface-2: #fbfaf8;
  --border: #e8e1d8;
  --border-strong: #d8cec3;
  --hairline: rgba(42, 35, 30, 0.08);

  --n-50: #f6f4f1;
  --n-100: #eeeae5;
  --n-200: #ded7ce;
  --n-300: #c8beb3;
  --n-400: #9c9188;
  --n-500: #756b63;
  --n-600: #554c45;
  --n-700: #3b332e;
  --n-800: #29231f;
  --n-900: #1f1a17;

  --brand-primary-50: #ecfeff;
  --brand-primary-100: #ccfbf1;
  --brand-primary-200: #99f6e4;
  --brand-primary-300: #5eead4;
  --brand-primary-400: #2dd4bf;
  --brand-primary-500: #0ea5a4;
  --brand-primary-600: #0f766e;
  --brand-primary-700: #115e59;

  --brand-accent-50: #fff2ec;
  --brand-accent-100: #ffe1d2;
  --brand-accent-300: #ffb391;
  --brand-accent-500: #ff7a4d;
  --brand-accent-600: #ed5f30;
  --brand-accent-700: #c74517;

  --success: #14a463;
  --success-bg: #eaf8f0;
  --warning: #e89b1b;
  --warning-bg: #fff7e6;
  --error: #dc3545;
  --error-bg: #fdecee;
  --danger: #dc3545;
  --danger-bg: #fdecee;
  --info: #2c7dfa;
  --info-bg: #eaf2ff;

  --p-douyin: #101820;
  --p-douyin-bg: #eef2f4;
  --p-xhs: #e54444;
  --p-xhs-bg: #fff0f0;
  --p-weibo: #f59e0b;
  --p-weibo-bg: #fff7e6;
  --p-baidu: #2563eb;
  --p-baidu-bg: #edf4ff;
  --p-x: #111827;
  --p-x-bg: #f1f3f5;
  --p-wechat: #07c160;
  --p-wechat-bg: #e9f9f0;
  --p-bilibili: #00a1d6;
  --p-bilibili-bg: #eaf8fd;
  --p-youtube: #ff0033;
  --p-youtube-bg: #fff0f3;

  --skill-persona: #7b5bd9;
  --skill-persona-bg: #f4f0ff;
  --skill-craft: #0ea5a4;
  --skill-craft-bg: #ecfeff;
  --skill-topic: #ed5f30;
  --skill-topic-bg: #fff2ec;

  --r-sm: 6px;
  --r-md: 10px;
  --sh-0: 0 1px 2px rgba(31, 26, 23, 0.05);
  --sh-sm: 0 4px 14px rgba(31, 26, 23, 0.08);
  --sh-float: 0 18px 48px rgba(31, 26, 23, 0.18);
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--n-700);
  font-family: var(--ff-sans);
}

#root {
  min-height: 100vh;
  background: var(--bg);
}

* {
  box-sizing: border-box;
}

button,
input,
textarea,
select {
  font: inherit;
}