/* ============================================
   AIWorkshop Unified Theme v4 — Light & Soft
   Inspired by Linear · Notion · Vercel Light
   ============================================ */

:root {
  /* Background — warm white */
  --bg: #f8f9fb;
  --bg-alt: #f1f3f6;
  --bg-card: #ffffff;
  
  /* Surfaces */
  --surface: #f8f9fb;
  --surface-alt: #f1f3f6;
  --surface-hover: #e8eaef;
  
  /* Borders */
  --border: rgba(0,0,0,0.06);
  --border-light: rgba(0,0,0,0.04);
  --border-accent: rgba(99,102,241,0.2);
  
  /* Brand — indigo */
  --brand: #6366f1;
  --brand-hover: #4f46e5;
  --brand-light: rgba(99,102,241,0.08);
  --brand-glow: rgba(99,102,241,0.12);
  
  /* Accent — warm amber */
  --accent: #d97706;
  --accent-hover: #b45309;
  --accent-light: rgba(217,119,6,0.08);
  --accent-glow: rgba(217,119,6,0.1);
  
  /* Semantic */
  --ok: #059669;
  --ok-light: rgba(5,150,105,0.08);
  --warn: #d97706;
  --warn-light: rgba(217,119,6,0.08);
  --err: #dc2626;
  --err-light: rgba(220,38,38,0.06);
  --magic: #7c3aed;
  --magic-light: rgba(124,58,237,0.06);
  
  /* Text */
  --text: #1e293b;
  --text2: #64748b;
  --text3: #94a3b8;
  
  /* Shadows — soft */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.08);
  
  /* Radius */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  
  /* Animation */
  --transition: 0.2s cubic-bezier(0.4,0,0.2,1);
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
/* 页面切换平滑过渡 */
@view-transition{navigation:auto}

body {
  font-family: 'Inter', 'Noto Sans SC', -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  min-height: 100dvh;
  font-size: 15px;
  display: flex;
  flex-direction: column;
}

/* 🔥 全局链接无下划线 */
a { text-decoration: none; }
a:hover { text-decoration: none; }

/* Scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }