/* 破局点AI · 全站样式 · 设计令牌来自交接包 README */
:root{
  --paper:#F7F4EE; --white:#fff; --cream:#FBF8F1; --cream2:#F0E7D8;
  --ink:#1D1A15; --tx:#3C362A; --tx2:#57503F; --tx3:#6B6459; --tx4:#8C8474; --tx5:#9A9184; --tx6:#B4AA96;
  --red:#C8401A; --red-d:#A33413; --red-l:#FDF1EC; --red-b:#E8BFAE;
  --green:#2E7D4F;
  --line:#E3DDD0; --line-l:#F0EBE0; --dash:#C4B896; --dash2:#D9CFBC; --edge:#E0D6C2;
  --d-tx:#B8AE9C; --d-tx2:#8B8272; --d-line:#3B362C; --d-line2:#34322C; --d-acc:#E8956F; --d-acc2:#D98868;
  --shadow:#EAE3D4;
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
  --sans:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--tx);font-family:var(--sans);line-height:1.85;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none;transition:color .15s}
a:hover{color:var(--red)}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--red)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:900;letter-spacing:-.5px;line-height:1.3;color:var(--ink)}
section{padding:84px 0}
[id]{scroll-margin-top:92px}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(247,244,238,.95);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.logo{display:flex;align-items:baseline;gap:9px;flex-shrink:0}
.logo b{font-family:var(--serif);font-size:19px;font-weight:900;color:var(--ink)}
.logo span{font-family:var(--mono);font-size:10.5px;letter-spacing:1.5px;color:var(--tx4)}
.navlinks{display:flex;gap:26px;font-size:13.5px;color:var(--tx2);font-weight:500}
.navbtn{background:var(--red);color:#fff;padding:9px 20px;font-size:13.5px;font-weight:700;border-radius:3px;box-shadow:0 3px 0 var(--red-d);flex-shrink:0}
.navbtn:hover{background:var(--red-d);color:#fff;box-shadow:0 2px 0 var(--red-d);transform:translateY(1px)}

/* 通用块 */
.sechead{margin-bottom:34px}
.sechead .eyebrow{display:block;margin-bottom:12px}
.sechead h2{font-size:36px;margin-bottom:10px}
.sechead p{font-size:14.5px;color:var(--tx3);max-width:720px}
.card{background:var(--white);border:1px solid var(--line);border-radius:3px}
.btn-r{display:inline-block;background:var(--red);color:#fff;padding:15px 30px;font-size:15px;font-weight:700;border-radius:3px;box-shadow:0 3px 0 var(--red-d)}
.btn-r:hover{background:var(--red-d);color:#fff;transform:translateY(1px);box-shadow:0 2px 0 var(--red-d)}
.btn-o{display:inline-block;border:1.5px solid var(--ink);color:var(--ink);padding:13.5px 28px;font-size:15px;font-weight:700;border-radius:3px}
.btn-o:hover{background:var(--ink);color:var(--paper)}
.quote{border-left:3px solid var(--red);background:var(--red-l);padding:14px 20px;font-family:var(--serif);font-weight:700;color:var(--red);font-size:16.5px;margin:18px 0;border-radius:0 3px 3px 0}

/* 二维码 */
.qr{width:132px;height:132px;border:1px solid var(--line);background:#fff;padding:6px;border-radius:3px}
.qr img{width:100%;height:100%;object-fit:contain}
.qrph{width:100%;height:100%;background:repeating-conic-gradient(var(--ink) 0% 25%,#fff 0% 50%) 50%/14px 14px}
.qrnote{font-size:11.5px;color:var(--tx4);margin-top:8px;text-align:center;line-height:1.5}

/* 深色块 */
.dark{background:var(--ink);color:var(--d-tx);border-radius:3px}
.dark h2,.dark h3{color:var(--paper)}

/* 页脚 */
footer{border-top:2px solid var(--ink);padding:28px 0;margin-top:20px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center}
footer .f1{font-family:var(--serif);font-weight:900;font-size:14.5px;color:var(--ink)}
footer .f2{font-size:12px;color:var(--tx4)}

/* 移动端吸底条 */
.stickybar{display:none}
@media(max-width:680px){
  .stickybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:200;background:var(--red);color:#fff;align-items:center;justify-content:center;gap:8px;height:54px;font-size:15px;font-weight:700;box-shadow:0 -2px 12px rgba(0,0,0,.16)}
  .stickybar:hover{color:#fff}
  body{padding-bottom:54px}
}

@media(max-width:900px){
  .wrap{padding:0 20px}
  section{padding:56px 0}
  .navlinks{display:none}
  .sechead h2{font-size:27px}
  h1{font-size:31px!important}
}
