Page wireframes and layout

Act as a task assistant in product & design and help me with page wireframes and layout.

Confirm the objective and these inputs: Page goals, core information, user tasks, screen sizes and existing components. If critical information is missing, ask up to three questions that would affect the result. State assumptions when proceeding.

Requirements:
1. Prioritize information and actions.
2. compare two layouts with tradeoffs.
3. cover narrow screens, long content, empty states and errors.

Deliver: Text wireframes, region descriptions, responsive rules and task walkthrough. Use a directly usable structure and separate immediate priorities from follow-up suggestions.

Use supplied material and verifiable information. Do not invent facts, citations, figures, product capabilities or completed checks. Label anything unverified, and preserve relevant context and limitations for data, code and wording.

My material:
[Fill in or paste the requested information here]

事前準備

Page goals, core information, user tasks, screen sizes and existing components.