{/* Top bar (line icons) */}

{/* Scrollable hero + card */}

{/* Hero — text along an upward arch */}

{/* Suggestion pills — moved up close to hero */}

{D_SUGGESTIONS.map((s, i) => (

setText(s)} style={{ fontSize: 11, color: D_DIM, cursor: 'pointer', padding: '2px 10px', }}>{s}

))}

{/* Knowledge library carousel — horizontally swipeable */}

{/* Selector pills above the input */}

◇ 智能思考

知

{/* Input bar */}

setText(e.target.value)} placeholder="输入你的问题，使用@提问答主/知识库" style={{ flex: 1, background: 'transparent', border: 'none', outline: 'none', color: D_TEXT, fontSize: 10.5, padding: 0, minWidth: 0, fontFamily: 'inherit', }} />

{/* Bottom nav — shared with home, with 直答 active */}

); } function KbCarousel({ items }) { const [idx, setIdx] = React.useState(0); const scrollRef = React.useRef(null); const userTouching = React.useRef(false); const onScroll = () => { const el = scrollRef.current; if (!el) return; const w = el.clientWidth; const next = Math.round(el.scrollLeft / w); if (next !== idx) setIdx(next); }; // Auto-advance every 3.5s, pause while user is touching React.useEffect(() => { const id = setInterval(() => { if (userTouching.current) return; const el = scrollRef.current; if (!el) return; const w = el.clientWidth; const next = (Math.round(el.scrollLeft / w) + 1) % items.length; el.scrollTo({ left: next * w, behavior: 'smooth' }); }, 3500); return () => clearInterval(id); }, [items.length]); return (

推荐知识库知识广场

{ userTouching.current = true; }} onTouchEnd={() => { setTimeout(() => { userTouching.current = false; }, 1500); }} onMouseDown={() => { userTouching.current = true; }} onMouseUp={() => { setTimeout(() => { userTouching.current = false; }, 1500); }} style={{ display: 'flex', overflowX: 'auto', scrollSnapType: 'x mandatory', scrollbarWidth: 'none', WebkitOverflowScrolling: 'touch', }} > {items.map((it, i) => (

{it.title}

{it.desc}

{it.author} · {it.meta}

))}

{items.map((_, i) => ( ))}

); } function DottedMap() { const dots = []; for (let y = 0; y < 14; y++) { for (let x = 0; x < 40; x++) { const cx = (x - 20) * 8 + 160; const cy = y * 12 + 30; const d = Math.sqrt((x - 20) ** 2 + (y - 7) ** 2); if (d < 6 + Math.sin(x * 0.6) * 1.2 && (x + y * 3) % 3 === 0) { dots.push(); } } } return ( ); } Object.assign(window, { DirectAnswer });