/* ==========================================
   AINext — Common Stylesheet
   Shared by: index / detail / about / privacy
   ========================================== */

/* ── Design Tokens ── */
:root {
  --color-primary: #B45309; --color-primary-hover: #92400E; --color-primary-light: #FFF7ED; --color-primary-dark: #78350F;
  --color-accent: #DC2626; --color-accent-light: #FEF2F2; --color-accent-dark: #B91C1C;
  --gray-50: #FAFAF9; --gray-100: #F5F5F4; --gray-200: #E7E5E4; --gray-300: #D6D3D1;
  --gray-400: #A8A29E; --gray-500: #78716C; --gray-700: #44403C; --gray-900: #1C1917;
  --color-surface: #FFFFFF; --color-border: #E7E5E4; --color-border-light: #F5F5F4;
  --color-success: #15803D; --color-success-light: #F0FDF4;
  --shadow-xs: 0 1px 2px rgba(0,0,0,.04); --shadow-sm: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,.06),0 2px 4px -2px rgba(0,0,0,.04);
  --radius-card: 12px; --radius-btn: 8px;
  font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--gray-50);color:var(--gray-700);line-height:1.55}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:0}
img{max-width:100%;display:block}
input{font-family:inherit}

/* ── Layout ── */
.container{max-width:1280px;margin:0 auto;padding:0 24px}

/* ── Header ── */
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:60px}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1280px;margin:0 auto;padding:0 24px}
.header-left{display:flex;align-items:center;gap:16px}
.logo{display:flex;align-items:center}
.logo img{height:28px}
.back-link{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--gray-500);padding:6px 12px;border-radius:8px;transition:all .15s}
.back-link:hover{color:var(--gray-700);background:var(--gray-100)}

/* ── Footer ── */
.footer{border-top:1px solid var(--color-border);padding:24px 0;text-align:center}
.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:8px}
.footer-links a{font-size:13px;color:var(--gray-500);transition:color .15s}
.footer-links a:hover{color:var(--color-primary)}
.footer p{font-size:12px;color:var(--gray-400)}
