/* ============================================================
   聿恒科技工作室 — 全站公共样式（common.css）
   主题变量 / reset / 布局容器 / 顶部导航 / 主题切换 / 页脚 / 滚动渐入
   任何页面（前台 / 后台）都引入本文件
   ============================================================ */

:root{
  --blue:#3b82f6;
  --blue-light:#60a5fa;
  --amber:#fbbf24;
  /* 黑夜版（默认） */
  --bg:#0e1420;
  --bg-2:#111826;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --text:#e7ecf3;
  --text-2:#98a2b3;
  --text-3:#5f6a7d;
  --topbar-bg:rgba(14,20,32,.85);
  --nav-hover:#ffffff;
  --glow:rgba(96,165,250,.15);
}
[data-theme="light"]{
  --blue:#2563eb;
  --blue-light:#1d4ed8;
  --bg:#f6f7f9;
  --bg-2:#ffffff;
  --line:rgba(0,0,0,.08);
  --line-2:rgba(0,0,0,.18);
  --text:#1a1f2b;
  --text-2:#5b6472;
  --text-3:#9aa3b2;
  --topbar-bg:rgba(255,255,255,.88);
  --nav-hover:#1a1f2b;
  --glow:rgba(37,99,235,.12);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;
  background:var(--bg);color:var(--text);line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  transition:background .3s,color .3s;
}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
section{padding:90px 0;border-top:1px solid var(--line);}

/* 顶部导航 */
.topbar{
  position:sticky;top:0;z-index:100;
  background:var(--topbar-bg);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  transition:background .3s;
}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:66px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-logo{
  width:36px;height:36px;border-radius:9px;background:var(--blue);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;
}
.brand-name{font-size:16px;font-weight:600;letter-spacing:1px;}
.nav{display:flex;align-items:center;gap:2px;}
.nav a{padding:8px 16px;border-radius:8px;font-size:14px;color:var(--text-2);transition:all .18s;}
.nav a:hover{color:var(--nav-hover);}
.nav a.contact-btn{background:var(--blue);color:#fff;font-weight:500;margin-left:10px;}
.nav a.contact-btn:hover{background:#2563eb;}

/* 主题切换按钮 */
.theme-toggle{
  width:36px;height:36px;border-radius:9px;border:1px solid var(--line-2);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:transparent;color:var(--text-2);margin-left:12px;transition:all .2s;
}
.theme-toggle:hover{color:var(--blue-light);border-color:var(--blue);}
.theme-toggle svg{width:18px;height:18px;}
.theme-toggle .icon-sun{display:none;}
.theme-toggle .icon-moon{display:block;}
[data-theme="light"] .theme-toggle .icon-sun{display:block;}
[data-theme="light"] .theme-toggle .icon-moon{display:none;}

/* 滚动渐入 */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* 页脚 */
footer{border-top:1px solid var(--line);padding:36px 0;color:var(--text-3);font-size:13px;}
footer .foot-inner{display:flex;align-items:center;justify-content:space-between;}
footer .foot-brand{color:var(--text-2);font-weight:500;}

/* 光标光斑跟随（全站通用，触屏自动关闭） */
.cursor-glow{
  position:fixed;left:0;top:0;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,var(--glow),transparent 68%);
  pointer-events:none;z-index:9999;opacity:0;will-change:transform;
  transition:opacity .5s;
}

/* 打字机闪烁光标 */
.type-cursor{
  display:inline-block;width:2px;height:1em;background:var(--blue-light);
  margin-left:3px;vertical-align:-0.15em;animation:type-blink 1s steps(1) infinite;
}
@keyframes type-blink{50%{opacity:0;}}

/* 回到顶部按钮（全站通用，右下角悬浮） */
.back-top{
  position:fixed;right:24px;bottom:24px;z-index:90;
  width:46px;height:46px;border-radius:50%;
  background:var(--blue);color:#fff;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .3s,transform .3s,visibility .3s,background .3s;
}
.back-top:hover{background:#2563eb;transform:translateY(-3px);}
.back-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.back-top.show:hover{transform:translateY(-3px);}
.back-top svg{width:20px;height:20px;}
@media(max-width:768px){
  .back-top{right:16px;bottom:16px;width:44px;height:44px;}
}

/* 减弱动态：尊重系统"减弱动态效果"偏好，关闭所有动画 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .reveal{opacity:1 !important;transform:none !important;}
  html{scroll-behavior:auto;}
}