/* ============================================================
   Sumly.cn — 全局框架样式 (chrome.css)
   作用域：导航栏 + 页脚 + 设计变量 + 按钮 + 滚动揭示
   被 header.php / footer.php 引用，全站（含免费工具页）统一换肤
   不覆盖既有 sumly.css / corporate.css
   ============================================================ */

:root{
  --s-indigo:#6366f1;
  --s-violet:#8b5cf6;
  --s-blue:#3b82f6;
  --s-ink:#0f172a;
  --s-slate:#475569;
  --s-mist:#f8fafc;
  --s-line:#e6e9ef;
  --s-grad:linear-gradient(135deg,#6366f1 0%,#8b5cf6 48%,#3b82f6 100%);
  --s-grad-soft:linear-gradient(135deg,rgba(99,102,241,.12),rgba(59,130,246,.10));
  --s-shadow-sm:0 1px 3px rgba(15,23,42,.06);
  --s-shadow-md:0 14px 40px rgba(15,23,42,.10);
  --s-shadow-lg:0 30px 60px rgba(99,102,241,.22);
}

html{scroll-behavior:smooth;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;}

/* ===================== 导航栏 ===================== */
.sumly-nav{
  position:sticky;top:0;z-index:1030;
  background:#fff;
  border-bottom:1px solid var(--s-line);
  box-shadow:var(--s-shadow-sm);
  transition:background .3s ease,box-shadow .3s ease,color .3s ease,border-color .3s ease;
}
.sumly-nav.scrolled{box-shadow:0 8px 30px rgba(15,23,42,.08);}

.sumly-brand{
  font-weight:800;font-size:1.45rem;letter-spacing:-.02em;
  color:var(--s-ink);text-decoration:none;
  display:flex;align-items:center;gap:.6rem;
}
.sumly-brand .s-logo{
  width:32px;height:32px;border-radius:10px;
  background:var(--s-grad);
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.05rem;font-weight:800;
  box-shadow:0 6px 18px rgba(99,102,241,.45);
}
.sumly-brand .s-name{background:var(--s-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}

.sumly-nav .navbar-nav{--bs-nav-link-color:var(--s-slate);}
.sumly-nav .nav-link{
  color:var(--s-slate);font-weight:500;font-size:.97rem;
  padding:.5rem 1rem !important;border-radius:10px;
  transition:color .2s,background .2s;
}
.sumly-nav .nav-link:hover{color:var(--s-indigo);background:rgba(99,102,241,.07);}
.sumly-nav .nav-link.active{color:var(--s-indigo);font-weight:600;}

/* 按钮 */
.btn-free{
  background:var(--s-grad);border:0;color:#fff;font-weight:600;
  border-radius:12px;padding:.55rem 1.3rem;
  box-shadow:0 8px 20px rgba(99,102,241,.35);
  transition:transform .2s,box-shadow .2s,color .2s;
}
.btn-free:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(99,102,241,.45);}
.btn-free:active{transform:translateY(0);}

.btn-ghost{
  background:transparent;border:1px solid var(--s-line);color:var(--s-ink);
  font-weight:600;border-radius:12px;padding:.5rem 1.15rem;transition:.2s;
}
.btn-ghost:hover{border-color:var(--s-indigo);color:var(--s-indigo);}

/* 首页：导航浮在暗色 Hero 之上，滚动后转白 */
body.home .sumly-nav{background:transparent;border-bottom-color:transparent;box-shadow:none;}
body.home .sumly-nav .sumly-brand{color:#fff;}
body.home .sumly-nav .nav-link{color:rgba(255,255,255,.82);}
body.home .sumly-nav .nav-link:hover{color:#fff;background:rgba(255,255,255,.12);}
body.home .sumly-nav .btn-ghost{color:#fff;border-color:rgba(255,255,255,.32);}
body.home .sumly-nav .navbar-toggler{filter:invert(1);}
body.home .sumly-nav.scrolled{background:#fff;border-bottom-color:var(--s-line);box-shadow:0 8px 30px rgba(15,23,42,.08);}
body.home .sumly-nav.scrolled .sumly-brand{color:var(--s-ink);}
body.home .sumly-nav.scrolled .nav-link{color:var(--s-slate);}
body.home .sumly-nav.scrolled .nav-link:hover{color:var(--s-indigo);background:rgba(99,102,241,.07);}
body.home .sumly-nav.scrolled .btn-ghost{color:var(--s-ink);border-color:var(--s-line);}
body.home .sumly-nav.scrolled .navbar-toggler{filter:none;}

@media (max-width:991.98px){
  .sumly-nav .navbar-collapse{
    background:#fff;margin-top:.6rem;padding:1rem;border-radius:16px;
    box-shadow:var(--s-shadow-md);border:1px solid var(--s-line);
  }
  body.home .sumly-nav .navbar-collapse{background:#fff;}
  body.home .sumly-nav .navbar-collapse .nav-link{color:var(--s-slate);}
  body.home .sumly-nav .navbar-collapse .btn-ghost{color:var(--s-ink);border-color:var(--s-line);}
}

/* ===================== 页脚 ===================== */
.sumly-footer{
  background:var(--s-ink);color:#cbd5e1;
  padding:66px 0 30px;font-size:.95rem;
}
.sumly-footer a{color:#cbd5e1;text-decoration:none;transition:color .2s;}
.sumly-footer a:hover{color:#fff;}
.sumly-footer .f-brand{font-weight:800;font-size:1.35rem;color:#fff;display:flex;align-items:center;gap:.6rem;}
.sumly-footer .f-brand .s-logo{
  width:30px;height:30px;border-radius:9px;background:var(--s-grad);
  display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:800;
}
.sumly-footer .f-desc{color:#94a3b8;margin-top:.9rem;max-width:300px;line-height:1.75;}
.sumly-footer h6{color:#fff;font-weight:700;font-size:.95rem;margin-bottom:1.15rem;letter-spacing:.02em;}
.sumly-footer .f-col ul{padding:0;margin:0;list-style:none;}
.sumly-footer .f-col li{margin-bottom:.72rem;}
.sumly-footer .f-col li a{color:#cbd5e1;font-size:.93rem;}
.sumly-footer .f-col li a:hover{color:#fff;}
.sumly-footer .f-social a{font-size:1.15rem;margin-right:.8rem;color:#94a3b8;transition:color .2s,transform .2s;display:inline-block;}
.sumly-footer .f-social a:hover{color:#fff;transform:translateY(-2px);}
.sumly-footer .f-bottom{
  border-top:1px solid rgba(255,255,255,.08);margin-top:50px;padding-top:22px;
  color:#64748b;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.87rem;
}
.sumly-footer .f-bottom a{color:#64748b;}
.sumly-footer .f-bottom a:hover{color:#fff;}

/* ===================== 滚动揭示 ===================== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal.in-view{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* ===================== 免费页内「升级会员」提示（转化引导） ===================== */
/* 被免费工具页（ai-readiness.php / qr.php）引用，用完免费版遇到功能不足时提示升级 */
.upg-panel{
  margin-top:2.2rem;background:#fff;border:1px solid var(--s-line);
  border-left:4px solid var(--s-indigo);border-radius:16px;
  padding:1.5rem 1.7rem;box-shadow:var(--s-shadow-sm);
  display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between;
}
.upg-panel .upg-txt{flex:1 1 320px;min-width:260px;}
.upg-panel h4{font-size:1.08rem;font-weight:800;color:var(--s-ink);margin:0 0 .45rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.upg-panel h4 i{color:var(--s-indigo);}
.upg-panel p{color:var(--s-slate);font-size:.95rem;line-height:1.7;margin:0;}
.upg-panel .upg-list{list-style:none;padding:0;margin:.65rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem 1rem;}
.upg-panel .upg-list li{font-size:.88rem;color:var(--s-slate);}
.upg-panel .upg-list li::before{content:"+ ";color:var(--s-indigo);font-weight:800;}
.upg-panel .upg-cta{flex:0 0 auto;}
@media (max-width:575.98px){
  .upg-panel .upg-cta{width:100%;}
  .upg-panel .upg-cta .btn-free{width:100%;}
}