/* ── 导航栏 ── */
.nav-links a.nav-link { color:#B0BEC5; font-size:13px; margin-left:12px; text-decoration:none; }
.nav-links a.nav-link:hover { color:#00E676; }

/* ── Section 统一样式 ── */
.section { padding:72px 0; }
.section-dark { background:#060810; }
.section-label { text-align:center; color:#546e7a; font-size:12px; letter-spacing:3px; margin-bottom:6px; text-transform:uppercase; }

/* ── Container ── */
.container-narrow { max-width:780px; }

/* ── 品牌故事 ── */
.story-narrative { max-width:760px; margin:0 auto; }
.story-narrative h3 { font-size:20px; color:#FFD600; margin:40px 0 16px; line-height:1.5; }
.story-narrative p { font-size:15px; line-height:2; color:#D0D5DD; margin:0 0 14px; }
.story-narrative .highlight { background:linear-gradient(90deg,rgba(0,230,118,.08),transparent); padding:20px 24px; border-left:3px solid #00E676; border-radius:0 10px 10px 0; margin:24px 0; font-size:15px; color:#fff; line-height:1.9; }
.story-narrative .scene { color:#546e7a; font-size:13px; letter-spacing:3px; margin-top:40px; text-transform:uppercase; }
.story-divider { text-align:center; color:#1E3A5F; margin:36px 0; font-size:20px; letter-spacing:8px; }
.story-quote { font-style:italic; color:#B0BEC5; background:rgba(255,255,255,.03); border-radius:12px; padding:24px 28px; margin:24px 0; border:1px solid rgba(255,255,255,.06); line-height:1.9; }
.story-quote strong { color:#FFD600; }
.story-rest { margin-top:40px; padding-top:32px; border-top:1px solid rgba(255,255,255,.06); }
.story-rest h4 { color:#00E676; font-size:16px; margin:28px 0 14px; }
.story-rest .testimonial { background:linear-gradient(135deg,#111827,#0A0E17); border:1px solid #1E3A5F; border-radius:12px; padding:20px 24px; margin:16px 0; }
.story-rest .testimonial p { font-size:14px; margin:0; color:#B0BEC5; line-height:1.7; }
.story-rest .testimonial .meta { font-size:13px; color:#546e7a; margin-top:10px; }
.hero-story-sub { color:#B0BEC5; font-size:15px; line-height:1.7; max-width:600px; margin:12px auto 0; }

/* ── 叙事型 section ── */
.section-narrative { background:#0A0E17; padding:72px 0; }
.section-narrative .container { max-width:820px; }
.section-narrative h2 { text-align:center; color:#fff; font-size:26px; margin-bottom:10px; }
.section-narrative .lead { text-align:center; color:#B0BEC5; font-size:14px; margin-bottom:40px; }
.section-narrative p { font-size:15px; line-height:1.9; color:#D0D5DD; }
.section-narrative .has-divider { border-top:1px solid rgba(255,255,255,.06); padding-top:48px; margin-top:36px; }

/* ── 价值卡片 ── */
.value-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }
.value-card { background:linear-gradient(135deg,#111827,#0A0E17); border:1px solid #1E3A5F; border-radius:16px; padding:28px 24px; text-align:center; }
.value-card .icon { font-size:40px; margin-bottom:10px; }
.value-card h3 { color:#fff; font-size:16px; margin-bottom:6px; }
.value-card .label { color:#546e7a; font-size:12px; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.04); }
.value-card .pain { color:#B0BEC5; font-size:14px; margin-bottom:14px; }
.value-card .solution { color:#00E676; font-size:14px; font-weight:600; margin-bottom:12px; }

/* ── 项目核心定位 ── */
.pos-card { background:linear-gradient(135deg,#111827,#0A0E17); border:1px solid #1E3A5F; border-radius:16px; padding:32px 28px; margin-bottom:24px; }
.pos-flex { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; }
.pos-col { text-align:center; flex:1; min-width:140px; }
.pos-icon { font-size:36px; margin-bottom:8px; }
.pos-sub { color:#B0BEC5; font-size:13px; }
.pos-note { text-align:center; color:#546e7a; font-size:13px; margin-top:24px; }
.flow-chain { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; }
.flow-item { background:rgba(0,230,118,.04); border:1px solid rgba(0,230,118,.1); border-radius:10px; padding:16px 20px; text-align:center; }
.flow-from { color:#B0BEC5; font-size:13px; margin:0 0 4px; }
.flow-arrow { color:#FFD600; font-size:15px; font-weight:600; margin:0; }

/* ── 品牌灵魂 ── */
.soul-quote { color:#fff; font-size:20px; line-height:1.7; margin-bottom:20px; }
.soul-answer { color:#00E676; font-size:16px; font-weight:600; margin:0; }

/* ── 任务市场 ── */
.market-intro { background:linear-gradient(135deg,#111827,#0A0E17); border:1px solid #1E3A5F; border-radius:16px; padding:28px; margin:24px 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.market-examples h4 { color:#FFD600; font-size:15px; margin-bottom:10px; }
.market-examples .ex { font-size:13px; color:#B0BEC5; padding:6px 0; border-bottom:1px solid rgba(255,255,255,.04); line-height:1.5; }
.market-examples .ex:last-child { border-bottom:none; }

/* ── 三步骤 ── */
.steps-3 { display:flex; gap:24px; margin:40px 0; }
.step-card { flex:1; background:linear-gradient(135deg,#111827,#0A0E17); border:1px solid #1E3A5F; border-radius:16px; padding:28px 24px; text-align:center; }
.step-number { width:44px;height:44px;border-radius:22px;background:rgba(0,230,118,.12);color:#00E676;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px; }
.step-card h4 { color:#fff; font-size:16px; margin-bottom:10px; }
.step-card p { font-size:13px; color:#B0BEC5; line-height:1.6; }

/* ── 流程时间线 ── */
.timeline { position:relative; padding-left:30px; margin:36px 0; }
.timeline::before { content:""; position:absolute; left:14px; top:10px; bottom:10px; width:2px; background:linear-gradient(180deg,#1E3A5F,#00E676); }
.tl-item { position:relative; margin-bottom:28px; }
.tl-dot { position:absolute; left:-26px; top:4px; width:10px; height:10px; border-radius:50%; background:#00E676; border:2px solid #0A0E17; }
.tl-item h4 { color:#fff; font-size:15px; margin-bottom:4px; }
.tl-item p { font-size:14px; color:#B0BEC5; line-height:1.6; }
.tl-item .tag { display:inline-block; font-size:11px; padding:1px 8px; border-radius:8px; background:rgba(0,230,118,.1); color:#00E676; margin-bottom:4px; }

/* ── 令牌网格 ── */
.token-grid { display:flex; gap:24px; margin:30px 0; }
.token-card { flex:1; background:linear-gradient(135deg,#111827,#0A0E17); border:1px solid #1E3A5F; border-radius:16px; padding:28px 24px; text-align:center; }
.token-card .symbol { width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:18px;font-weight:700; }
.token-card .symbol.yb { background:rgba(0,230,118,.12); color:#00E676; border:2px solid rgba(0,230,118,.3); }
.token-card .symbol.ybg { background:rgba(255,214,0,.12); color:#FFD600; border:2px solid rgba(255,214,0,.3); }
.token-card h4 { color:#fff; font-size:16px; margin-bottom:6px; }
.token-card p { color:#B0BEC5; font-size:13px; margin-bottom:12px; }
.token-card .rate { font-size:14px; color:#FFD600; font-weight:600; }
.token-card ul { list-style:none; padding:0; margin:14px 0 0; text-align:left; }
.token-card ul li { padding:6px 0; font-size:13px; color:#B0BEC5; border-top:1px solid rgba(255,255,255,.04); }
.token-card ul li::before { content:"→ "; color:#00E676; }

/* ── CTA ── */
.cta-banner { background:linear-gradient(135deg,#111827,#0A0E17); border:1px solid #1E3A5F; border-radius:16px; padding:40px 36px; text-align:center; margin:36px 0; }
.cta-banner h3 { font-size:22px; color:#fff; margin-bottom:10px; }
.cta-banner p { color:#B0BEC5; font-size:14px; margin-bottom:20px; }
.cta-banner a, .btn-cta { display:inline-block; padding:12px 36px; background:linear-gradient(135deg,#00E676,#00C853); color:#0A0E17; border-radius:10px; font-size:15px; font-weight:700; text-decoration:none; }

/* ── 平台信息表 ── */
.info-table { width:100%; border-collapse:collapse; font-size:14px; }
.info-table td { padding:12px 20px; }
.info-table .key { color:#B0BEC5; width:140px; }
.info-table .val { color:#fff; }
.info-table .bordered { border-bottom:1px solid rgba(255,255,255,.04); }

/* ── 其他辅助 ── */
.step-note { text-align:center; color:#546e7a; font-size:14px; margin-top:10px; }
.tl-heading { text-align:left; font-size:22px; margin-bottom:28px; color:#fff; }
.story-finale { text-align:center; font-size:20px; color:#fff; margin-top:40px; }
.market-link-wrap { text-align:center; margin:28px 0; }
.pricing-note { text-align:center; color:#546e7a; font-size:13px; margin-top:20px; }
.info-note { text-align:center; color:#546e7a; font-size:13px; margin-top:16px; }
.eco-note { margin-top:20px; font-size:13px; color:#546e7a; }
.eco-summary { margin-top:20px; color:#D0D5DD; }

/* ── 响应式 ── */
@media(max-width:900px){
  .steps-3,.token-grid{flex-direction:column;}
}
@media(max-width:768px){
  .section-narrative{padding:48px 0;}
  .section{padding:48px 0;}
  .story-narrative p,.section-narrative p{font-size:14px;}
  .story-narrative h3{font-size:18px;}
  .cta-banner{padding:28px 20px;}
  .navbar .nav-links {display:none;}
  .value-grid,.flow-chain{grid-template-columns:1fr;}
  .pos-flex{flex-direction:column;align-items:center;}
  .pos-col{width:100%;}
}