/* ============================================================
   BASE · 变量 / 重置 / 排版
   碳效丰笙 · 丰笙日记官网
   由 style.css 拆分而来，内容与原单文件一致
   ============================================================ */

/* ============================================================
   碳效丰笙数字科技（江西）有限公司 · 官网样式
   品牌色：蓝 #1CAAFF (28,170,256) / 深绿 #2d6a2d / 金 #FFAB00
   实际主色取自 LOGO：青绿 #1BAB9B + 浅绿 #B5E8E0
   ============================================================ */

:root{
  --blue:#1CAAFF;          /* RGB(28,170,256) */
  --blue-soft:#4FC3F7;
  --blue-deep:#0E7FA8;
  --teal:#1BAB9B;          /* LOGO 主色 */
  --teal-light:#B5E8E0;
  --green:#2d6a2d;
  --gold:#FFAB00;
  --ink:#0d1f24;
  --ink-2:#2c4348;
  --muted:#63787d;
  --line:#e3ecec;
  --bg:#ffffff;
  --bg-tint:#f4faf9;
  --dark:#08211f;
  --dark-2:#0d2f2c;
  --radius:16px;
  --shadow-s:0 2px 10px rgba(9,60,55,.06);
  --shadow-m:0 12px 34px rgba(9,60,55,.10);
  --shadow-l:0 26px 60px rgba(9,60,55,.16);
  --container:1200px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.75;
  font-size:16px;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,p{margin:0;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}

.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}

/* ---------- 滚动进度 ---------- */
.progress-bar{
  position:fixed;top:0;left:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--teal),var(--blue),var(--gold));
  z-index:999;transition:width .1s linear;
}

/* ---------- 滚动显现（仅在 JS 可用时隐藏，避免脚本失败时整页空白） ---------- */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);}
.js .reveal.in{opacity:1;transform:none;}
