/* AI Toolbox 2026: final front-end visual override */
:root {
  --primary:#6d5dfc;--primary-light:#8b7cff;--primary-dark:#5145cd;--primary-hover:#5b4ee8;
  --accent:#7c5cff;--accent-light:#9b8cff;--accent-dark:#5946d8;
  --accent-soft:rgba(109,93,252,.1);--accent-border:rgba(109,93,252,.22);
  --bg:#f5f7fb;--bg-secondary:#eef1f8;--bg-tertiary:#e8ecf5;
  --card:rgba(255,255,255,.88);--card-hover:#fff;
  --text:#15182b;--text2:#5d6378;--text3:#8a90a4;
  --border:rgba(26,31,54,.09);--border-light:rgba(26,31,54,.06);--border-dark:rgba(26,31,54,.14);
  --radius:14px;--radius-sm:9px;--radius-lg:20px;--radius-xl:28px;
  --shadow:0 8px 30px rgba(34,39,72,.07);--shadow-md:0 16px 45px rgba(34,39,72,.11);--shadow-lg:0 28px 80px rgba(34,39,72,.16);
  --font-sans:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}
html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 8% -5%,rgba(111,92,255,.13),transparent 29rem),radial-gradient(circle at 96% 8%,rgba(36,196,255,.1),transparent 30rem),var(--bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(64,70,110,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(64,70,110,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
a{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}button,.btn,input,select,textarea{font:inherit}button,.btn{border-radius:12px!important}.btn,button[type=submit],.hero-actions a:first-child{box-shadow:0 8px 22px rgba(93,75,225,.2)}.btn:hover,button[type=submit]:hover{transform:translateY(-1px)}
input,select,textarea{border-radius:12px!important;border-color:var(--border-dark)!important;background-color:rgba(255,255,255,.82)!important;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,select:focus,textarea:focus{outline:0!important;border-color:rgba(109,93,252,.62)!important;box-shadow:0 0 0 4px rgba(109,93,252,.11)!important;background:#fff!important}
.nav,.user-nav{background:rgba(249,250,253,.78)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 8px 32px rgba(30,34,60,.05)!important}.nav-brand{font-weight:800!important;letter-spacing:-.035em;color:#191a2e!important}.nav-links a,.user-nav-links a{border-radius:10px!important;font-weight:600}.nav-links a:hover,.user-nav-links a:hover{background:rgba(109,93,252,.08)!important;color:var(--primary)!important}
.hero{position:relative;overflow:hidden;max-width:1240px!important;margin:34px auto 24px!important;padding:clamp(76px,10vw,132px) clamp(24px,7vw,96px)!important;border:1px solid rgba(255,255,255,.12);border-radius:34px!important;color:#fff;background:radial-gradient(circle at 78% 24%,rgba(92,203,255,.3),transparent 25%),radial-gradient(circle at 16% 80%,rgba(147,112,255,.3),transparent 30%),linear-gradient(135deg,#11142b 0%,#24205a 50%,#172343 100%)!important;box-shadow:0 40px 100px rgba(23,24,58,.25)}.hero:before{content:"";position:absolute;width:360px;height:360px;right:-80px;top:-120px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}.hero>*{position:relative;z-index:1}.hero h1{max-width:850px;margin-inline:auto;color:#fff!important;font-size:clamp(42px,6vw,78px)!important;line-height:1.04!important;letter-spacing:-.055em!important}.hero p{color:rgba(255,255,255,.7)!important;max-width:700px;margin-inline:auto;font-size:clamp(16px,2vw,20px)!important;line-height:1.8}.hero-badge{border:1px solid rgba(255,255,255,.17)!important;background:rgba(255,255,255,.08)!important;color:#cbc5ff!important;border-radius:999px!important;backdrop-filter:blur(10px)}.hero-actions a{min-height:50px;border-radius:14px!important;padding:14px 24px!important;font-weight:750!important}.hero-actions a:first-child{background:linear-gradient(135deg,#8a74ff,#5e7cff)!important;color:#fff!important;border:0!important}.hero-actions a:last-child{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
.section{max-width:1240px!important;padding-top:72px!important}.section-overline{color:var(--primary)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.18em!important}.section-title{color:var(--text)!important;font-size:clamp(30px,4vw,46px)!important;letter-spacing:-.04em!important}.section-sub{color:var(--text2)!important}.tool-grid{gap:18px!important}.tool-card,.template-card,.article-card,.faq-item,.stat-item,.recharge-card{border:1px solid rgba(35,39,72,.08)!important;border-radius:20px!important;background:rgba(255,255,255,.8)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(14px)}.tool-card{padding:26px!important}.tool-card:hover,.template-card:hover,.article-card:hover{transform:translateY(-6px)!important;border-color:rgba(109,93,252,.25)!important;box-shadow:var(--shadow-md)!important}.tool-card .tool-icon,.tool-card>div:first-child{border-radius:16px!important}
.user-layout{max-width:1440px!important;gap:24px!important;padding:24px!important}.user-sidebar{border:1px solid var(--border)!important;border-radius:22px!important;background:rgba(255,255,255,.78)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(18px)}.user-sidebar a{margin:3px 10px!important;border-radius:11px!important;font-weight:600}.user-sidebar a.active,.user-sidebar a:hover{color:var(--primary)!important;background:linear-gradient(135deg,rgba(109,93,252,.12),rgba(64,186,255,.08))!important}.user-main,.content-area{min-width:0}
.card,.panel,.form-card,.content-card,.stat-card,.feature-card,.tool-panel,.upload-section,.result-section{border:1px solid var(--border)!important;border-radius:20px!important;background:rgba(255,255,255,.86)!important;box-shadow:var(--shadow)!important}table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border-radius:14px}th{background:#f2f4f9!important;color:#555c72!important;font-size:12px!important;letter-spacing:.03em}tr:hover td{background:rgba(109,93,252,.035)!important}
.ai-page,.ai-container,.generator-container{max-width:1320px!important}.ai-hero,.page-hero,.page-header{border-radius:22px!important;border:1px solid var(--border)!important;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(243,241,255,.9))!important;box-shadow:var(--shadow)!important}.upload-area,.drop-zone{border:1.5px dashed rgba(109,93,252,.34)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(109,93,252,.045),rgba(55,190,255,.035))!important}.upload-area:hover,.drop-zone:hover{border-color:var(--primary)!important;background:rgba(109,93,252,.075)!important}
.auth-container,.login-container,.register-container,.auth-card,.login-card{border-radius:24px!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 30px 90px rgba(27,31,68,.16)!important;backdrop-filter:blur(22px)}
.dark-mode,[data-theme=dark]{--bg:#0c0f1c;--bg-secondary:#121626;--bg-tertiary:#181d30;--card:rgba(20,24,41,.88);--card-hover:#191e32;--text:#f3f5ff;--text2:#aeb5cb;--text3:#777f99;--border:rgba(255,255,255,.08);--border-light:rgba(255,255,255,.05);--border-dark:rgba(255,255,255,.14)}.dark-mode body,body.dark-mode{background:radial-gradient(circle at 10% 0,rgba(109,93,252,.16),transparent 32rem),#0c0f1c!important}.dark-mode .nav,.dark-mode .user-nav{background:rgba(12,15,28,.78)!important}.dark-mode .nav-brand{color:#fff!important}.dark-mode input,.dark-mode select,.dark-mode textarea{background:rgba(14,18,32,.92)!important;color:var(--text)!important}.dark-mode th{background:#171b2d!important;color:#adb5cd!important}
@media(max-width:900px){.hero{margin:14px 12px 20px!important;border-radius:24px!important;padding:70px 22px!important}.section{padding:54px 16px 0!important}.user-layout{padding:14px!important}.user-sidebar{border-radius:16px!important}}@media(max-width:640px){.hero h1{font-size:40px!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.tool-grid{grid-template-columns:1fr!important}.tool-card{padding:20px!important}.card,.panel,.form-card,.content-card{border-radius:16px!important}}