/* ============================================================
   uipro.css - 私域引流宝官网首页/授权页 本地静态样式
   由 CDN 运行时 Tailwind 迁移而来，消除“首帧原始/后被覆盖”闪烁
   主题: 商业蓝 #2B80FF (保持品牌) + uipro 质感规范
   ============================================================ */
:root{
  --primary:#2B80FF; --primary-hover:#1371f0; --primary-dim:rgba(43,128,255,.10);
  --primary-dim2:rgba(43,128,255,.15); --primary-text70:rgba(43,128,255,.70);
  --secondary:#1E40AF; --accent:#3B82F6; --dark:#1E293B; --light:#F8FAFC;
  --ink:#0F172A; --ink-soft:#475569; --ink-mute:#94A3B8;
  --line:#E2E8F0; --card:#FFFFFF; --bg:#F8FAFC;
  --radius:16px; --shadow-sm:0 1px 2px rgba(15,23,42,.06);
  --shadow-lg:0 12px 32px -8px rgba(15,23,42,.16);
  --font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
}
*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);
  -webkit-font-smoothing:antialiased;line-height:1.6}
img{max-width:100%;display:inline-block}
a{color:inherit}

/* ---- 容器 ---- */
.container{margin-left:auto;margin-right:auto;width:100%;max-width:1200px}
@media(min-width:640px){ .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem} }
@media(min-width:1024px){ .lg\:px-8{padding-left:2rem;padding-right:2rem} }
.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}
.py-20{padding-top:5rem;padding-bottom:5rem}.pt-28{padding-top:7rem}
.pb-20{padding-bottom:5rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}
.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}
.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-0\.5{margin-top:.125rem}
.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ml-2{margin-left:.5rem}
.my-8{margin-top:2rem;margin-bottom:2rem}.mx-0{margin-left:0;margin-right:0}

/* ---- 布局 ---- */
.block{display:block}.inline-block{display:inline-block}.hidden{display:none}
.flex{display:flex}.flex-col{flex-direction:column}
.items-center{align-items:center}.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.gap-4{gap:1rem}.gap-8{gap:2rem}
.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-x-8>*+*{margin-left:2rem}
.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-5>*+*{margin-top:1.25rem}
.w-full{width:100%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-4\/5{width:80%}
.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-48{height:12rem}.h-4\/5{height:80%}
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}
.top-0{top:0}.top-6{top:1.5rem}.left-0{left:0}.right-3,.\-right-3{right:-.75rem}
.inset-y-0{top:0;bottom:0}
.z-10{z-index:10}.z-50{z-index:50}.\-z-10{z-index:-10}
.overflow-hidden{overflow:hidden}
.leading-tight{line-height:1.25}
.transform{transform:none}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}
.transition-colors{transition:background-color .2s,color .2s,border-color .2s}
.transition-custom{transition:all .3s cubic-bezier(.4,0,.2,1)}
.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}
.modern{transition:transform .25s ease}

/* ---- 补充: max/min 尺寸与缺失工具类 ---- */
.min-h-screen{min-height:100vh}
.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-2xl{max-width:42rem}
.px-1{padding-left:.25rem;padding-right:.25rem}
.hover\:rotate-0:hover{transform:rotate(0)}
.to-secondary{--grad-to:var(--secondary);background-image:linear-gradient(to bottom right,var(--grad-from),var(--grad-to))}

/* ---- 断点 ---- */
@media(min-width:768px){
  .md\:hidden{display:none}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:w-1\/2{width:50%}.md\:mr-6{margin-right:1.5rem}.md\:mb-0{margin-bottom:0}
  .md\:mt-0{margin-top:0}.md\:pt-36{padding-top:9rem}.md\:pb-28{padding-bottom:7rem}
  .md\:p-8{padding:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}
}
@media(min-width:1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:640px){ .sm\:flex-row{flex-direction:row} }

/* ---- 字体 ---- */
.font-sans{font-family:var(--font)}
.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}
.text-sm{font-size:.875rem;line-height:1.375rem}.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}
.text-6xl{font-size:3.75rem;line-height:1}
.text-\[clamp\(1\.8rem\,4vw\,2\.5rem\)\]{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2}
.text-\[clamp\(2rem\,5vw\,3\.5rem\)\]{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}
.text-center{text-align:center}
.text-white{color:#fff}.text-white\/90{color:rgba(255,255,255,.9)}
.text-dark{color:var(--dark)}.text-gray-400{color:#94A3B8}.text-gray-500{color:#64748B}
.text-gray-600{color:#475569}.text-gray-700{color:#334155}.text-gray-800{color:#1E293B}
.text-primary{color:var(--primary)}.text-primary\/70{color:var(--primary-text70)}

/* ---- 背景 ---- */
.bg-white{background:#fff}.bg-white\/90{background:rgba(255,255,255,.9)}
.bg-white\/80{background:rgba(255,255,255,.8)}
.bg-light{background:var(--light)}.bg-dark{background:var(--dark)}
.bg-primary{background:var(--primary)}
.bg-primary\/10{background:var(--primary-dim)}
.bg-primary\/15{background:var(--primary-dim2)}
.bg-gray-50{background:#F8FAFC}.bg-gray-800{background:#1E293B}
.bg-blue-50{background:#EFF6FF}.bg-green-50{background:#ECFDF5}
.bg-indigo-50{background:#EEF2FF}.bg-purple-50{background:#FAF5FF}
.bg-pink-50{background:#FDF2F8}.bg-yellow-50{background:#FFFBEB}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--grad-from),var(--grad-to))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--grad-from),var(--grad-to))}
.from-blue-50{--grad-from:#EFF6FF}.to-indigo-50{--grad-to:#EEF2FF}.to-indigo-100{--grad-to:#E0E7FF}
.from-primary{--grad-from:var(--primary)}.from-primary\/90{--grad-from:rgba(43,128,255,.9)}
.to-primary{--grad-to:var(--primary)}
.border{border:1px solid var(--line)}.border-gray-300{border-color:#CBD5E1}.border-gray-100{border-color:#F1F5F9}
.border-gray-800{border-color:#1E293B}.border-t{border-top:1px solid var(--line)}
.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:20px}.rounded-full{border-radius:9999px}
.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}
.card-shadow{box-shadow:0 10px 25px -5px rgba(37,99,235,.1),0 8px 10px -6px rgba(37,99,235,.05)}
.hover\:card-shadow:hover{box-shadow:0 18px 40px -10px rgba(37,99,235,.2)}
.btn-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}
.btn-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.backdrop-blur-sm{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.backdrop-blur-md{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

/* ---- 交互反馈 (uipro) ---- */
a,button{cursor:pointer;text-decoration:none}
.hover\:text-primary:hover{color:var(--primary)}
.hover\:bg-primary:hover{background:var(--primary-hover)}
.hover\:bg-primary\/90:hover{background:rgba(43,128,255,.9)}
.hover\:border-primary:hover{border-color:var(--primary)}
.hover\:bg-gray-100:hover{background:#F1F5F9}
.hover\:bg-secondary:hover{background:#1E40AF}
.hover\:shadow-lg:hover{box-shadow:0 18px 40px -10px rgba(15,23,42,.2)}
.hover\:shadow-md:hover{box-shadow:0 8px 20px -6px rgba(15,23,42,.14)}
.hover\:-translate-y-1:hover{transform:translateY(-4px)}
.hover\:scale-105:hover{transform:scale(1.05)}
.hover\:rotate-0:hover{transform:rotate(0)}
.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.1)}
.opacity-90{opacity:.9}
.pointer-events-none{pointer-events:none}
.focus\:outline-none:focus{outline:none}
.focus\:border-primary:focus{border-color:var(--primary)}
.focus\:ring-2:focus,.focus\:ring-primary\/50:focus{box-shadow:0 0 0 3px rgba(43,128,255,.5)}
.outline-none{outline:none}
/* 键盘焦点可见性 (uipro) */
a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* ---- 表单 ---- */
input,select,textarea{font:inherit}
.pl-3{padding-left:.75rem}.pl-10{padding-left:2.5rem}.pr-3{padding-right:.75rem}
.flex-grow{flex-grow:1}

/* ---- 图标 (Font Awesome 本地兜底) ---- */
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto}
.fa-rocket:before{content:"\f135"}.fa-qrcode:before{content:"\f029"}
.fa-comments:before{content:"\f086"}.fa-link:before{content:"\f0c1"}
.fa-shield:before{content:"\f132"}.fa-bars:before{content:"\f0c9"}
.fa-times:before{content:"\f00d"}.fa-arrow-right:before{content:"\f061"}
.fa-phone:before{content:"\f095"}.fa-envelope:before{content:"\f0e0"}
.fa-chevron-right:before{content:"\f054"}.fa-graduation-cap:before{content:"\f19d"}
.fa-sitemap:before{content:"\f0e8"}.fa-shopping-bag:before{content:"\f290"}
.fa-briefcase:before{content:"\f0b1"}.fa-cutlery:before{content:"\f0f5"}
.fa-clone:before{content:"\f0c5"}.fa-bar-chart:before{content:"\f080"}.fa-compress:before{content:"\f066"}
.fa-line-chart:before{content:"\f201"}.fa-sign-in:before{content:"\f090"}
.fa-external-link:before{content:"\f08e"}.fa-info-circle:before{content:"\f05a"}
.fa-key:before{content:"\f084"}.fa-spinner:before{content:"\f110"}
.fa-spin{animation:fa-spin 2s infinite linear}
.fa-weixin:before{content:"\f1d7"}.fa-weibo:before{content:"\f18a"}
.fa-linkedin:before{content:"\f08c"}.fa-map-marker:before{content:"\f041"}
.fa-share-alt:before{content:"\f1e0"}.fa-clock-o:before{content:"\f017"}
.fa-qrcode,.fa-rocket,.fa-comments,.fa-shield{color:inherit}
.fa-tags:before{content:"\f02c"}.fa-mobile:before{content:"\f10b"}
.fa-globe:before{content:"\f0ac"}.fa-upload:before{content:"\f093"}

@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

/* ---- 特性卡片配置 (uipro 质感) ---- */
.grid > div{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  border:1px solid transparent;
}
.grid > div:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--line)}

/* ---- 顶部悬浮导航 (uipro) ---- */
header#navbar{transition:all .3s;backdrop-filter:blur(8px)}
header#navbar.bg-white\/90{background:rgba(255,255,255,.92) !important}

/* ---- 深色模式 (uipro 双主题) ---- */
@media (prefers-color-scheme:dark){
  :root{--bg:#0F172A;--ink:#E2E8F0;--ink-soft:#CBD5E1;--card:#1E293B;--line:#334155;--light:#0F172A}
  body{background:var(--bg);color:var(--ink)}
  .bg-white{background:#1E293B}.bg-white\/90{background:rgba(30,41,59,.92)}
  .bg-white\/80{background:rgba(30,41,59,.85)}.bg-gray-50{background:#0F172A}
  .text-gray-700{color:#CBD5E1}.text-gray-600{color:#94A3B8}.text-gray-800{color:#E2E8F0}
  .text-dark{color:#F1F5F9}
  .bg-blue-50{background:#1E3A5F}.bg-green-50{background:#14532D}.bg-indigo-50{background:#312E81}
  .bg-purple-50{background:#3B0764}.bg-pink-50{background:#500724}.bg-yellow-50{background:#422006}
  .from-blue-50{--grad-from:#1E3A5F}.to-indigo-50{--grad-to:#312E81}.to-indigo-100{--grad-to:#312E81}
  .card-shadow{box-shadow:0 10px 25px -5px rgba(0,0,0,.5)}
  .grid > div{background:#1E293B}
}

/* ---- 减少动效 (uipro) ---- */
@media (prefers-reduced-motion:reduce){
  *,::before,::after{animation:none !important;transition:none !important;scroll-behavior:auto}
}