/* 炽余 · 项目与业务 — mvp.chqean.cn
   2026-10-22 新建，站点矩阵总入口 */

:root{
  --bg:#f9f7f0; --card:#fefcf6; --muted:#f4f1e8; --hover:#f3efe3;
  --ink:#3c3628; --ink2:#7a7260; --ink3:#a09880;
  --line:#e5ded0; --line2:#ede8db;
  --indigo:#4a6fa5; --indigo-l:#e8eef6;
  --cinnabar:#b4472f; --cinnabar-l:#fbeee9;
  --green:#5b8c5a; --green-l:#edf6ed;
  --amber:#c48b3a; --amber-l:#fdf6eb;
  --serif:"Noto Serif SC","Songti SC",serif;
  --sans:"PingFang SC","Hiragino Sans GB",system-ui,sans-serif;
  --max:1060px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);font-size:15px;line-height:1.75;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

header{position:sticky;top:0;z-index:40;background:rgba(249,247,240,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:22px;height:64px}
.nav .brand{display:flex;align-items:center;gap:9px;font-family:var(--serif);letter-spacing:.2em;font-size:15px}
.nav .brand .dot{width:26px;height:26px;border-radius:50%;background:var(--cinnabar);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:0}
.nav .brand img{width:30px;height:30px;object-fit:contain;display:block}
.nav ul{display:flex;gap:22px;list-style:none;margin-left:auto;font-size:13.5px;color:var(--ink2)}
.nav ul a:hover{color:var(--cinnabar)}

/* hero */
.hero{padding:80px 0 62px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero .eyebrow{font-size:11.5px;letter-spacing:.36em;color:var(--cinnabar);margin-bottom:18px}
.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4.4vw,44px);line-height:1.34;letter-spacing:.05em}
.hero p{margin-top:18px;max-width:660px;color:var(--ink2);font-size:15.5px}
.hero .pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.pill{font-size:12.5px;border:1px solid var(--line);background:var(--card);padding:6px 14px;border-radius:999px;color:var(--ink2)}
.pill b{color:var(--ink);font-weight:600}

/* 区块 */
section.blk{padding:70px 0}
.sec-h{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}
.sec-h h2{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.8vw,30px);letter-spacing:.05em}
.sec-h .en{font-size:11.5px;letter-spacing:.22em;color:var(--ink3)}
.sec-p{color:var(--ink2);font-size:14px;margin-bottom:30px;max-width:720px}

/* 业务三栏 */
.biz{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}
.biz .b{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px 24px;transition:.22s}
.biz .b:hover{border-color:var(--indigo);box-shadow:0 12px 28px rgba(60,54,40,.08);transform:translateY(-2px)}
.biz .b .ico{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:14px}
.biz .b h3{font-family:var(--serif);font-size:17px;font-weight:500;margin-bottom:8px}
.biz .b p{font-size:13.5px;color:var(--ink2)}
.biz .b .go{display:inline-block;margin-top:16px;font-size:12.5px;color:var(--indigo)}
.ico.i1{background:var(--cinnabar-l);color:var(--cinnabar)}
.ico.i2{background:var(--indigo-l);color:var(--indigo)}
.ico.i3{background:var(--green-l);color:var(--green)}

/* 项目网格 */
.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.p{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.p:hover{border-color:var(--line2);background:#fff}
.p .top{display:flex;align-items:center;gap:10px}
.p h3{font-family:var(--serif);font-size:16px;font-weight:500}
.st{margin-left:auto;font-size:11px;padding:2px 9px;border-radius:999px;white-space:nowrap}
.st.run{background:var(--green-l);color:var(--green)}
.st.beta{background:var(--amber-l);color:var(--amber)}
.st.hold{background:var(--muted);color:var(--ink3)}
.st.stop{background:var(--muted);color:var(--ink3);border:1px solid var(--line)}
.st.lab{background:var(--indigo-l);color:var(--indigo)}
.p p{font-size:13px;color:var(--ink2)}
.p .meta{font-size:11.5px;color:var(--ink3);margin-top:2px}
.p .link{font-size:12.5px;color:var(--indigo);margin-top:6px}

/* 站点地图 */
.map{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.map .m{background:var(--card);padding:22px}
.map .m h3{font-family:var(--serif);font-size:15px;font-weight:500;margin-bottom:4px}
.map .m .d{font-size:11.5px;color:var(--ink3);margin-bottom:12px;word-break:break-all}
.map .m ul{list-style:none;display:grid;gap:6px}
.map .m a{font-size:13px;color:var(--ink2)}
.map .m a:hover{color:var(--cinnabar)}

/* 页脚 */
footer{background:#2c2721;color:#c9bfb0;padding:48px 0 28px;margin-top:76px;font-size:13px}
footer .fcol{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px}
@media(max-width:760px){footer .fcol{grid-template-columns:1fr}}
footer h4{font-size:11px;letter-spacing:.24em;color:#8d8272;margin-bottom:12px;font-weight:400}
footer ul{list-style:none;display:grid;gap:8px}
footer a{color:#c9bfb0}footer a:hover{color:#e0912f}
footer .copy{margin-top:38px;padding-top:18px;border-top:1px solid #423b31;font-size:11.5px;color:#877d6e;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}