/* 小智招聘全能版 · 落地页样式 */
:root{
  --primary:#4f46e5; --primary-dark:#4338ca; --primary-light:#eef2ff;
  --text:#0f172a; --text-2:#475569; --text-3:#94a3b8;
  --bg:#ffffff; --bg-alt:#f8fafc; --border:#e2e8f0;
  --radius:14px; --shadow:0 4px 20px rgba(15,23,42,.06);
  --shadow-lg:0 20px 50px rgba(15,23,42,.12);
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5{margin:0;line-height:1.3;font-weight:700}
p{margin:0}
img{max-width:100%;display:block}
.container{max-width:1140px;margin:0 auto;padding:0 24px}
.container.narrow{max-width:820px}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 26px;border-radius:10px;font-size:15px;font-weight:600;
  cursor:pointer;transition:.2s;border:1px solid transparent}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(79,70,229,.28)}
.btn-ghost{background:#fff;color:var(--primary);border-color:#c7d2fe}
.btn-ghost:hover{background:var(--primary-light)}
.btn-sm{padding:9px 18px;font-size:14px}
.btn-block{width:100%}

/* 导航 */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;gap:28px;height:66px}
.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700}
.brand img{width:30px;height:30px}
.brand em{font-style:normal;font-weight:500;color:var(--text-3);font-size:14px;margin-left:2px}
.brand.small{font-size:15px}
.brand.small img{width:24px;height:24px}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:15px;color:var(--text-2)}
.nav-links a:hover{color:var(--primary)}

/* 首屏 */
.hero{padding:82px 0 90px;background:
  radial-gradient(900px 400px at 12% -10%,#eef2ff 0%,transparent 60%),
  radial-gradient(700px 380px at 92% 8%,#f0f9ff 0%,transparent 60%)}
.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.badge-line{display:inline-block;padding:6px 14px;background:#fff;border:1px solid var(--border);
  border-radius:999px;font-size:13px;color:var(--text-2);margin-bottom:22px;box-shadow:var(--shadow)}
.hero h1{font-size:47px;letter-spacing:-1px;margin-bottom:20px}
.grad{background:linear-gradient(100deg,#4f46e5,#0ea5e9);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.lead{font-size:17px;color:var(--text-2);margin-bottom:30px;max-width:520px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.hero-note{font-size:13px;color:var(--text-3)}

/* 首屏示意图 */
.mock{background:#fff;border:1px solid var(--border);border-radius:16px;
  box-shadow:var(--shadow-lg);overflow:hidden}
.mock-head{display:flex;gap:7px;padding:14px 16px;background:var(--bg-alt);
  border-bottom:1px solid var(--border)}
.mock-head i{width:11px;height:11px;border-radius:50%;background:#e2e8f0}
.mock-head i:first-child{background:#fca5a5}
.mock-head i:nth-child(2){background:#fcd34d}
.mock-head i:nth-child(3){background:#86efac}
.mock-body{padding:20px}
.mock-row{display:flex;align-items:center;gap:9px;padding:11px 0;font-size:14px;
  color:var(--text-2);border-bottom:1px dashed var(--border)}
.mock-row b{color:var(--text);font-weight:600}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dot.ok{background:#22c55e}
.dot.run{background:#f59e0b;animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.mock-bar{height:7px;background:var(--bg-alt);border-radius:99px;margin:18px 0 9px;overflow:hidden}
.mock-bar span{display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,#4f46e5,#0ea5e9)}
.mock-foot{font-size:12px;color:var(--text-3)}

/* 区块 */
.section{padding:86px 0}
.section.alt{background:var(--bg-alt)}
.sec-head{text-align:center;margin-bottom:48px}
.sec-head h2{font-size:34px;margin-bottom:12px;letter-spacing:-.5px}
.sec-head p{color:var(--text-2);font-size:16px}

/* 功能卡片 */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:26px 24px;transition:.22s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#c7d2fe}
.card .ico{display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:10px;background:var(--primary-light);
  color:var(--primary);font-weight:700;font-size:14px;margin-bottom:14px}
.card h3{font-size:17px;margin-bottom:9px}
.card p{font-size:14.5px;color:var(--text-2)}

/* 步骤 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px;position:relative}
.step b{position:absolute;top:-14px;left:22px;width:30px;height:30px;border-radius:50%;
  background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.step h4{font-size:16px;margin:12px 0 8px}
.step p{font-size:14px;color:var(--text-2)}

/* 定价 */
.price-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.price-card{background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:32px 26px;position:relative;display:flex;flex-direction:column}
.price-card.hot{border-color:var(--primary);box-shadow:0 16px 44px rgba(79,70,229,.16);
  transform:scale(1.035)}
.tag-hot{position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--primary);color:#fff;font-size:12px;padding:5px 16px;border-radius:99px;white-space:nowrap}
.pc-head{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:20px}
.pc-head h3{font-size:19px;margin-bottom:14px}
.pc-price .num{font-size:44px;font-weight:800;letter-spacing:-1px}
.pc-price .num-sm{font-size:28px;font-weight:800;color:var(--primary)}
.pc-price .unit{font-size:15px;color:var(--text-3);margin-left:4px}
.pc-sub{font-size:13.5px;color:var(--text-2);margin-top:8px}
.pc-sub b{color:var(--primary)}
.pc-list{list-style:none;padding:0;margin:0 0 24px;flex:1}
.pc-list li{position:relative;padding:8px 0 8px 25px;font-size:14.5px;color:var(--text-2)}
.pc-list li::before{content:"";position:absolute;left:2px;top:15px;width:6px;height:10px;
  border-right:2px solid #22c55e;border-bottom:2px solid #22c55e;transform:rotate(42deg)}
.price-foot{text-align:center;margin-top:30px;font-size:13.5px;color:var(--text-3)}

/* FAQ */
.faq{background:#fff;border:1px solid var(--border);border-radius:12px;
  padding:18px 22px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;position:relative;padding-right:26px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:-2px;font-size:20px;color:var(--text-3)}
.faq[open] summary::after{content:"−"}
.faq p{margin-top:12px;font-size:14.5px;color:var(--text-2)}

/* CTA */
.cta{padding:76px 0;background:linear-gradient(120deg,#1e293b,#0f172a);color:#fff}
.cta-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.cta-text h2{font-size:33px;margin-bottom:14px}
.cta-text p{color:#cbd5e1;font-size:16px;margin-bottom:20px}
.cta-list{list-style:none;padding:0;margin:0}
.cta-list li{padding:7px 0 7px 24px;position:relative;color:#e2e8f0;font-size:15px}
.cta-list li::before{content:"";position:absolute;left:2px;top:15px;width:6px;height:10px;
  border-right:2px solid #4ade80;border-bottom:2px solid #4ade80;transform:rotate(42deg)}
.cta-qr{background:#fff;border-radius:16px;padding:20px;text-align:center;max-width:250px;margin-left:auto}
.cta-qr img{width:100%;border-radius:8px}
.cta-qr p{margin-top:10px;font-size:13px;color:var(--text-2)}

/* 页脚 */
.footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:48px 0 26px}
.footer-inner{display:grid;grid-template-columns:1.3fr 1.7fr;gap:40px}
.fnote{margin-top:12px;font-size:14px;color:var(--text-2);max-width:330px}
.fcols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fcols h5{font-size:14px;margin-bottom:12px}
.fcols a,.fcols .soon{display:block;font-size:14px;color:var(--text-2);padding:5px 0}
.fcols a:hover{color:var(--primary)}
.fcols .soon{color:var(--text-3)}
.fcols .soon::after{content:" · 即将上线";font-size:12px}
.copy{margin-top:34px;padding-top:20px;border-top:1px solid var(--border);
  font-size:13px;color:var(--text-3);text-align:center}

/* 响应式 */
@media(max-width:960px){
  .hero-inner,.cta-inner,.footer-inner{grid-template-columns:1fr}
  .hero h1{font-size:36px}
  .grid-3,.steps,.price-wrap{grid-template-columns:1fr}
  .price-card.hot{transform:none}
  .nav-links{display:none}
  .cta-qr{margin:0 auto}
  .section{padding:60px 0}
  .sec-head h2{font-size:27px}
}

/* ===== 站点新增组件 ===== */
.hero-center{text-align:center;max-width:780px;margin:0 auto}
.hero-center h1{font-size:46px}
.lead.center{margin:0 auto 30px}
.hero-btns.center{justify-content:center}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px}
.stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;box-shadow:var(--shadow)}
.stat b{display:block;font-size:24px;color:var(--primary)}
.stat span{font-size:13px;color:var(--text-2)}

/* 场景选择卡 */
.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.pick-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);
  border-radius:16px;padding:28px 24px;position:relative;transition:.22s}
.pick-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#c7d2fe}
.pick-card.hot{border-color:var(--primary);box-shadow:0 16px 44px rgba(79,70,229,.14)}
.pick-tag{display:inline-block;align-self:flex-start;padding:4px 12px;background:var(--primary-light);
  color:var(--primary);border-radius:99px;font-size:12px;margin-bottom:14px}
.pick-card h3{font-size:19px;margin-bottom:12px}
.pick-scene{font-size:14px;color:var(--text-2);font-style:italic;background:var(--bg-alt);
  padding:12px 14px;border-radius:10px;border-left:3px solid var(--primary);margin-bottom:16px}
.pick-card ul{list-style:none;padding:0;margin:0 0 18px;flex:1}
.pick-card ul li{position:relative;padding:6px 0 6px 22px;font-size:14px;color:var(--text-2)}
.pick-card ul li::before{content:"";position:absolute;left:2px;top:13px;width:5px;height:9px;
  border-right:2px solid #22c55e;border-bottom:2px solid #22c55e;transform:rotate(42deg)}
.pick-price{font-size:14px;color:var(--text-2);padding-top:14px;border-top:1px solid var(--border)}
.pick-price b{font-size:22px;color:var(--text);font-weight:800}
.pick-more{margin-top:14px;font-size:14px;color:var(--primary);font-weight:600}

/* 对比表 */
.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:14px}
.cmp{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}
.cmp th,.cmp td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}
.cmp thead th{background:var(--bg-alt);font-size:14px}
.cmp thead th.hi{background:var(--primary-light);color:var(--primary)}
.cmp td:first-child{color:var(--text-2);white-space:nowrap}
.cmp td.hi{background:#fafaff;font-weight:600}
.cmp tbody tr:last-child td{border-bottom:none}
.table-note{text-align:center;margin-top:24px;font-size:14px;color:var(--text-3)}

/* 详情页 hero */
.page-hero{padding:70px 0 60px;background:
  radial-gradient(800px 360px at 15% -10%,#eef2ff 0%,transparent 60%)}
.page-hero .crumb{font-size:13px;color:var(--text-3);margin-bottom:16px}
.page-hero .crumb a{color:var(--text-2)}
.page-hero h1{font-size:40px;margin-bottom:16px}
.page-hero .who{display:inline-block;padding:5px 14px;background:#fff;border:1px solid var(--border);
  border-radius:99px;font-size:13px;color:var(--text-2);margin-bottom:18px}

/* 场景痛点块 */
.pain{background:var(--bg-alt);border-left:4px solid var(--primary);border-radius:12px;
  padding:22px 24px;margin:0 0 34px;font-size:16px;color:var(--text-2)}
.pain b{color:var(--text)}

@media(max-width:960px){
  .stat-row,.pick-grid{grid-template-columns:1fr}
  .hero-center h1{font-size:33px}
  .pick-card.hot{transform:none}
  .page-hero h1{font-size:29px}
}

/* ===== 试用入口强化 ===== */
.btn-plain{background:transparent;color:var(--text-2);padding:13px 8px}
.btn-plain:hover{color:var(--primary)}
.try-hint{margin-top:14px;font-size:13.5px;color:var(--text-3)}

/* 悬浮申请试用（滚动时始终可见） */
.float-try{position:fixed;right:26px;bottom:26px;z-index:60;
  display:flex;flex-direction:column;align-items:center;
  padding:14px 22px;border-radius:14px;text-align:center;
  background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;
  box-shadow:0 12px 32px rgba(79,70,229,.4);transition:.22s}
.float-try:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(79,70,229,.5)}
.float-try .ft-main{font-size:15px;font-weight:700;letter-spacing:.3px}
.float-try .ft-sub{font-size:11.5px;opacity:.85;margin-top:3px}

@media(max-width:960px){
  .float-try{right:14px;bottom:14px;padding:11px 16px}
  .float-try .ft-main{font-size:14px}
  .float-try .ft-sub{display:none}
}

/* ===== 下载页 ===== */
.dl-block{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;
  background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px}
.dl-info h2{font-size:24px;margin:10px 0 10px}
.dl-info p{font-size:14.5px;color:var(--text-2)}
.dl-info a{color:var(--primary)}
.dl-btns{display:grid;gap:12px}
.dl-btn{display:flex;flex-direction:column;padding:15px 20px;border-radius:12px;
  border:1px solid #c7d2fe;background:#f7f8ff;transition:.2s}
.dl-btn:hover{background:var(--primary);border-color:var(--primary);transform:translateX(3px)}
.dl-btn:hover .dl-os,.dl-btn:hover .dl-desc{color:#fff}
.dl-os{font-size:15.5px;font-weight:700;color:var(--primary)}
.dl-desc{font-size:12.5px;color:var(--text-2);margin-top:3px}
.dl-note{margin-top:20px;font-size:13.5px;color:var(--text-3);text-align:center}

/* Mac 修复说明 */
.tip-box{background:#fff;border:1px solid var(--border);border-left:4px solid var(--primary);
  border-radius:12px;padding:18px 22px;margin-bottom:28px;font-size:14.5px;color:var(--text-2)}
.tip-box b{display:block;color:var(--text);margin-bottom:6px}
.tip-box.warn{border-left-color:#f59e0b;background:#fffbeb}
.fix-title{font-size:17px;margin:28px 0 12px;padding-left:12px;border-left:3px solid var(--primary)}
.fix-list{margin:0 0 8px;padding-left:22px;color:var(--text-2);font-size:14.5px}
.fix-list li{padding:5px 0}
.fix-list b{color:var(--text)}
.code-box{background:#0f172a;border-radius:10px;padding:16px 18px;margin:12px 0;overflow-x:auto}
.code-box code{color:#a5f3fc;font-size:13px;font-family:Consolas,Monaco,monospace;white-space:nowrap}
.fix-hint{font-size:13.5px;color:var(--text-3);margin-bottom:8px}
.fix-hint code{background:var(--bg-alt);padding:2px 6px;border-radius:4px;font-size:12.5px;color:var(--text-2)}

@media(max-width:960px){.dl-block{grid-template-columns:1fr;padding:24px}}

/* ===== 下载前提醒弹窗 ===== */
.dm-mask{display:none;position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.5);
  backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px}
.dm-mask.on{display:flex}
.dm-box{background:#fff;border-radius:16px;max-width:500px;width:100%;overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.25);animation:dmIn .25s ease}
@keyframes dmIn{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}
.dm-head{background:linear-gradient(135deg,#4f46e5,#6366f1);padding:18px 24px;color:#fff}
.dm-head h3{font-size:18px;margin:0}
.dm-body{padding:24px}
.dm-lead{font-size:14.5px;color:var(--text-2);margin-bottom:16px}
.dm-lead b{color:var(--text)}
.dm-steps{background:var(--bg-alt);border-radius:12px;padding:16px 18px;margin-bottom:14px}
.dm-step{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:13.8px;color:var(--text-2)}
.dm-step span{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--primary);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:1px}
.dm-step b{color:var(--text)}
.dm-warn{background:#fff5f5;border-left:3px solid #e53e3e;border-radius:0 8px 8px 0;
  padding:10px 14px;font-size:13.2px;color:#c53030;margin-bottom:14px}
.dm-note{font-size:12.5px;color:var(--text-3);margin-bottom:20px}
.dm-btns{display:flex;gap:12px;justify-content:flex-end}
.dm-cancel,.dm-ok{padding:10px 22px;border-radius:8px;font-size:14.5px;cursor:pointer;transition:.2s}
.dm-cancel{border:1px solid var(--border);background:#fff;color:var(--text-2)}
.dm-cancel:hover{background:var(--bg-alt)}
.dm-ok{border:none;background:var(--primary);color:#fff;font-weight:600;
  box-shadow:0 4px 12px rgba(79,70,229,.3)}
.dm-ok:hover{background:var(--primary-dark);transform:translateY(-1px)}
/* 弹窗内 平台安装须知 */
.dm-box.wide{max-width:560px}
.dm-body.scroll{max-height:calc(100vh - 230px);overflow-y:auto;padding-bottom:8px}
.dm-foot{padding:14px 24px;border-top:1px solid var(--border);background:#fff}
.dm-foot .dm-btns{margin:0}
.dm-sub{font-size:13px;color:var(--text-3);margin:-8px 0 16px}
.dm-tip{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 14px;
  font-size:13px;color:#78350f;line-height:1.7;margin-bottom:14px}
.dm-tip b{color:#92400e}
.dm-tip-h{font-weight:700;font-size:13.5px;color:#92400e;margin-bottom:6px}
.dm-code{display:block;background:#0f172a;color:#a5f3d0;padding:10px 12px;border-radius:8px;
  margin:8px 0;font-size:12.5px;line-height:1.6;font-family:Consolas,Monaco,monospace;
  word-break:break-all;user-select:all;cursor:text}
.dm-ok.plain{background:var(--text);box-shadow:none}
.dm-ok.plain:hover{background:#000}
.dm-copy{border:1px solid #fbbf24;background:#fff;color:#92400e;font-size:12px;font-weight:600;
  padding:5px 12px;border-radius:6px;cursor:pointer;margin:2px 0 10px;transition:.2s}
.dm-copy:hover{background:#fef3c7}
.dm-fold{border:1px solid var(--border);border-radius:10px;padding:0 14px;margin-bottom:18px}
.dm-fold summary{cursor:pointer;font-size:13.2px;color:var(--text-2);padding:11px 0;
  list-style:none;font-weight:600}
.dm-fold summary::-webkit-details-marker{display:none}
.dm-fold summary::before{content:'▸ ';color:var(--primary)}
.dm-fold[open] summary::before{content:'▾ '}
.dm-fold[open] summary{border-bottom:1px solid var(--border);margin-bottom:12px}
.dm-fold .dm-steps{margin-bottom:10px}
.dm-fold .dm-warn{margin-bottom:12px}
.dm-steps.compact{padding:10px 14px;margin-bottom:8px}
.dm-steps.compact .dm-step{padding:4px 0;font-size:13px}
.dm-fold-alt{border-color:#fde68a;background:#fffdf5;margin-top:8px}
.dm-fold-alt summary{color:#92400e;font-size:12.5px}
.dm-fold-alt summary::before{color:#d97706}