/* ============================================================
   拓·应 TÀ · YÌNG — 官网样式表（全站共享）
   配色：墨黑 / 纸白 / 砖赭（唯一暖色记号）
   字体：Noto Serif SC（中文衬线）· Newsreader（拉丁衬线）
   结构：纯静态多页，中文在根目录、英文在 /en/，共享本表
   ============================================================ */

:root {
  --ink:#1A1612; --paper:#FBFAF6; --panel:#F1EEE6;
  --tile:#F7F3EB; --tile-line:#E5DDCC; --line:#E6E0D4;
  --brick:#9E5A3E; --brick-soft:#C0795A;
  --muted:#6E6A63; --faint:#ABA59B;
  --serif-sc:'Noto Serif SC',serif; --serif-la:'Newsreader',serif;
  --sans:'PingFang SC','Helvetica Neue',system-ui,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,monospace;
  --pad-x:56px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;}

/* ---------- 导航 ---------- */
.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:20px var(--pad-x);background:var(--paper);border-bottom:1px solid var(--ink);}
.brand{text-decoration:none;}
.brand-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:34px;height:34px;background:var(--tile);border:1.5px solid var(--tile-line);border-radius:9px;}
.brand-glyph{font-family:var(--serif-sc);font-weight:600;font-size:17px;line-height:1;color:var(--ink);}
.brand-underline{width:13px;height:2.5px;border-radius:2px;background:var(--brick);}
.nav-links{display:flex;align-items:center;gap:28px;font-size:13.5px;letter-spacing:1px;}
.nav-link{color:var(--muted);text-decoration:none;}
.nav-link.is-active{color:var(--ink);font-weight:600;}
.nav-link:hover{color:var(--ink);}
.lang-toggle{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--muted);text-decoration:none;}

/* ---------- 通用页头 ---------- */
.page-head{padding:80px var(--pad-x) 56px;}
.page-eyebrow{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:5px;color:var(--brick);}
.page-title{margin:24px 0 0;font-family:var(--serif-sc);font-weight:700;font-size:54px;letter-spacing:2px;}
.sub-eyebrow{margin:0 0 30px;font-family:var(--mono);font-size:11px;letter-spacing:5px;color:var(--faint);}

/* ---------- 首屏 HERO ---------- */
.hero{display:grid;grid-template-columns:1.15fr 0.85fr;border-bottom:1px solid var(--ink);}
.hero-left{padding:74px 40px 64px var(--pad-x);border-right:1px solid var(--ink);}
.eyebrow{margin:0 0 26px;font-family:var(--mono);font-size:11px;letter-spacing:4px;color:var(--brick);}
.hero-title{margin:0;font-family:var(--serif-sc);font-weight:700;font-size:72px;letter-spacing:2px;line-height:1.12;}
.hero-lead{max-width:440px;margin:30px 0 0;font-size:15px;line-height:2.05;color:var(--muted);}
.modes{display:flex;gap:13px;margin-top:38px;}
.btn{font-size:15px;padding:12px 26px;text-decoration:none;border:1px solid var(--ink);}
.btn--solid{background:var(--ink);color:var(--paper);}
.btn--ghost{background:transparent;color:var(--ink);}
.hero-right{display:flex;flex-direction:column;justify-content:center;padding:48px;background:var(--panel);}
.counter-label{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:3px;color:var(--faint);}
.counter{display:flex;align-items:baseline;gap:6px;margin:14px 0 6px;font-family:var(--serif-la);font-size:92px;line-height:1;letter-spacing:2px;}
.counter-colon{font-size:60px;color:var(--brick);}
.counter-meta{margin:0;font-family:var(--mono);font-size:11px;line-height:1.7;letter-spacing:1px;color:var(--muted);}
.thumb{display:flex;align-items:center;justify-content:center;height:150px;margin-top:26px;border-radius:2px;font-family:var(--mono);font-size:11px;color:#9b9489;background:repeating-linear-gradient(45deg,#EAE4D8,#EAE4D8 9px,#E2DBCD 9px,#E2DBCD 18px);}

/* ---------- 三步 ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ink);}
.step{padding:46px;border-right:1px solid var(--line);}
.step:last-child{border-right:none;}
.step-k{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--brick);}
.step-t{margin:14px 0 0;font-family:var(--serif-sc);font-size:22px;font-weight:600;}
.step-d{margin:10px 0 0;font-size:13.5px;line-height:1.9;color:var(--muted);}

/* ---------- 未来 / 路线图（深色） ---------- */
.future{padding:90px var(--pad-x);background:var(--ink);color:var(--paper);}
.future-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;}
.future-eyebrow{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:4px;color:#B98a78;}
.future-title{margin:18px 0 0;font-family:var(--serif-sc);font-weight:600;font-size:40px;letter-spacing:1px;}
.future-tag{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:1px;color:#7d756b;}
.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#332d27;border:1px solid #332d27;}
.road-card{padding:30px;background:var(--ink);}
.road-t{margin:0;font-family:var(--serif-la);font-weight:400;font-size:26px;color:var(--brick-soft);}
.road-d{margin:12px 0 0;font-size:13px;line-height:1.85;color:var(--faint);}

/* ---------- 收尾语 ---------- */
.cta{padding:64px var(--pad-x);border-bottom:1px solid var(--ink);}
.cta-title{margin:0;font-family:var(--serif-sc);font-weight:700;font-size:44px;letter-spacing:1px;}

/* ---------- 理念 ---------- */
.page-intro{padding:80px var(--pad-x) 0;}
.idea-lead{margin:34px 0 0;font-family:var(--serif-sc);font-weight:500;font-size:36px;line-height:1.7;letter-spacing:1px;max-width:960px;}
.blocks{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin-top:80px;border-bottom:1px solid var(--ink);}
.block{padding:48px;border-right:1px solid var(--line);}
.block:last-child{border-right:none;}
.block-t{margin:0;font-family:var(--serif-sc);font-size:22px;font-weight:600;}
.block-d{margin:14px 0 0;font-size:14px;line-height:1.95;color:var(--muted);}
.quote-wrap{padding:96px var(--pad-x);text-align:center;}
.quote{margin:0;font-family:var(--serif-sc);font-size:34px;letter-spacing:2px;}

/* ---------- 如何运作 ---------- */
.how-steps{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);}
.how-step{display:grid;grid-template-columns:120px 240px 1fr;align-items:baseline;gap:24px;padding:34px var(--pad-x);border-bottom:1px solid var(--line);}
.how-step:last-child{border-bottom:none;}
.how-k{font-family:var(--serif-la);font-size:34px;color:var(--brick);}
.how-t{font-family:var(--serif-sc);font-size:24px;font-weight:600;}
.how-d{font-size:14.5px;line-height:1.9;color:var(--muted);}
.ways-wrap{padding:90px var(--pad-x);}
.ways{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.way{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:40px;display:flex;flex-direction:column;gap:16px;}
.way-tag{height:160px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:#9b9489;background:repeating-linear-gradient(45deg,#EAE4D8,#EAE4D8 10px,#E3DCCE 10px,#E3DCCE 20px);}
.way-t{margin:0;font-family:var(--serif-sc);font-size:26px;font-weight:600;}
.way-d{margin:0;font-size:14.5px;line-height:1.95;color:var(--muted);}
.gets-wrap{padding:0 var(--pad-x) 96px;}
.gets{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.get{background:var(--paper);padding:30px;font-family:var(--serif-sc);font-size:18px;line-height:1.6;}

/* ---------- 作品墙 ---------- */
.wall-intro{max-width:620px;margin:22px 0 0;font-size:15px;line-height:2;color:var(--muted);}
.works{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);}
.work{background:var(--paper);padding:24px;}
.work-img{height:230px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:#9b9489;background:repeating-linear-gradient(45deg,var(--panel),var(--panel) 10px,#EAE4D8 10px,#EAE4D8 20px);}
.work-title{margin:18px 0 0;font-family:var(--serif-sc);font-size:19px;font-weight:600;}
.work-author{margin:6px 0 0;font-size:13px;color:var(--muted);}
.work-meta{margin:6px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--faint);}
.wall-note{margin:0;padding:60px var(--pad-x);text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--faint);}

/* ---------- 共创 ---------- */
.co-lead{max-width:640px;margin:22px 0 0;font-size:15px;line-height:2;color:var(--muted);}
.phases{border-top:1px solid var(--ink);}
.phase{display:grid;grid-template-columns:200px 280px 1fr;align-items:baseline;gap:24px;padding:38px var(--pad-x);border-bottom:1px solid var(--line);}
.phase-p{font-family:var(--mono);font-size:11px;letter-spacing:3px;color:var(--brick);}
.phase-t{font-family:var(--serif-sc);font-size:24px;font-weight:600;}
.phase-d{font-size:14.5px;line-height:1.9;color:var(--muted);}
.co-cta{padding:90px var(--pad-x);text-align:center;background:var(--ink);color:var(--paper);}
.co-cta-title{margin:0;font-family:var(--serif-sc);font-weight:600;font-size:36px;letter-spacing:1px;}
.co-cta-btn{display:inline-block;margin-top:28px;font-size:15px;color:var(--paper);background:var(--brick);padding:14px 36px;text-decoration:none;}

/* ---------- 关于 ---------- */
.about-head{padding:90px var(--pad-x) 80px;border-bottom:1px solid var(--ink);}
.about-title{margin:28px 0 0;font-family:var(--serif-sc);font-weight:700;font-size:46px;line-height:1.4;letter-spacing:1px;max-width:880px;}
.about-body{max-width:680px;margin:30px 0 0;font-size:15.5px;line-height:2.05;color:var(--muted);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;}
.about-col{padding:56px var(--pad-x);}
.about-col:first-child{border-right:1px solid var(--line);}
.contact-email{margin:18px 0 0;font-family:var(--serif-sc);font-size:24px;}
.contact-social{margin:10px 0 0;font-size:14px;color:var(--muted);}
.launch-note{margin:18px 0 0;font-family:var(--serif-la);font-size:30px;color:var(--brick);}

/* ---------- 页脚 ---------- */
.footer{display:flex;justify-content:space-between;padding:26px var(--pad-x);font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--faint);}

/* ---------- 响应式 ---------- */
@media (max-width:880px){
  :root{--pad-x:24px;}
  .nav-links{gap:15px;font-size:12px;}
  .hero{grid-template-columns:1fr;}
  .hero-left{border-right:none;border-bottom:1px solid var(--ink);padding:48px 24px;}
  .hero-title{font-size:52px;}
  .steps{grid-template-columns:1fr;}
  .step{border-right:none;border-bottom:1px solid var(--line);}
  .roadmap,.gets{grid-template-columns:1fr 1fr;}
  .future-title{font-size:30px;}
  .blocks{grid-template-columns:1fr;}
  .block{border-right:none;border-bottom:1px solid var(--line);}
  .ways{grid-template-columns:1fr;}
  .works{grid-template-columns:1fr 1fr;}
  .how-step{grid-template-columns:60px 1fr;}
  .how-step .how-d{grid-column:1 / -1;}
  .phase{grid-template-columns:1fr;gap:6px;}
  .about-grid{grid-template-columns:1fr;}
  .about-col:first-child{border-right:none;border-bottom:1px solid var(--line);}
  .page-title,.about-title{font-size:38px;}
}