Words
253
Action candidates
1
Images
4
HTML
214 KB
Primary
反馈
Tailwind
Simulated mobile · Performance
No measurement available
No Lighthouse measurement available; no scores assigned. Attempted 2026-09-05T04:30:18.111Z · runner_error
01 / WHAT WORKS
The daily nature photo is balanced by semi-transparent container cards (e.g. the trending box with subtle white alpha fill and 5px to 24px border radii) that provide readable contrast without losing the photographic backdrop.
The central input bar uses a crisp 100px pill radius with clear visual anchors for voice search, visual search, and quick switching between domestic and international indexes.
02 / NEXT STEPS
On the 390px mobile viewport, the fixed QR code flyout designed for desktop scanning covers the right half of the trending news card, blocking headlines 3 and 6. Furthermore, asking a user to scan a QR code displayed on the screen of the device they are already using is counter-productive.
Set display: none on the QR popover under media query max-width: 767px, or convert it into a slim top/bottom app install banner with an immediate app store link. Verify in DevTools at 390x844 that the search input and trending card are completely unobstructed.
The trending section forces a 3-column layout on 390px mobile, which truncates headlines after 3 or 4 characters (such as '全国花...' and '中方回...'), destroying headline comprehension.
Under max-width: 644px, adjust the trending grid from 3 columns to 1 or 2 columns with flex-wrap or grid-template-columns: 1fr, allowing full titles up to 14 to 18 characters. Test at 390px to confirm that each headline is readable without mid-word truncation.
03 / DESIGN LANGUAGE
Background
#555555Text
#000000Accent
#f5f5f5Surface
#ffffffCLEARER WORDS
扫码下载 微软必应手机版 全球资源，有求必应
下载必应手机客户端 全球资源 有求必应
On mobile devices, 'Scan QR code' is an inapplicable interaction; phrasing should direct to direct installation.04 / EVIDENCE
Explore each observation, recommendation and captured record.
On mobile, the navigation header hides '视频', '翻译', '地图', '学术' and displays only '图片 ...', while leaving empty space between the item and the user avatar.
Replace the single-word ellipsis in the header with a proper slide-out drawer or a compact horizontal scroll bar. Verify on 390px viewport that secondary search categories remain accessible.
图片 ... 登录
Without a single main heading, the first claim is fuzzy for people and for crawlers. The visitor has to hunt for what this is.
Put one H1 that names the product and the promise. Not a badge. Not a nav label.
headings: h3, h2
Horizontal overflow is a bounce on mobile. Most vibe traffic is a phone, and a sideways page never converts.
Fix the overflowing element. Check 390px width. No min-width on full-bleed rows.
overflow-x on 390px viewport
If you cannot see who bounced, you cannot tell if the next fix worked. Shipping without a counter is flying blind.
Put Plausible, PostHog, or GA4 on the public pages. One snippet is enough.
no gtag / plausible / posthog / umami
A stranger who wants to buy, ask, or complain has nowhere to go. That is a conversion leak and a trust leak.
Put a mailto, a form that works, or a real social handle in the footer. One is enough.
no mailto / telegram / x / github / email
Missing alt is a screen-reader dead end and a ranking leak. Decorative images can be alt="". Content images cannot be blank.
Write a short alt for product and photo images. Use empty alt only on pure decoration.
3 images without alt
Each extra script is a lottery ticket for layout shift, tracking, and failure. Eighteen is not a stack, it is a pile.
Cut to the scripts that earn their keep. Load the rest after idle, or not at all.
41 external scripts
Without nosniff, browsers may interpret a file as a different type than you sent. It is a one-line header.
Set X-Content-Type-Options: nosniff.
x-content-type-options missing
The default referrer can leak internal paths and query strings to third parties.
Set Referrer-Policy: strict-origin-when-cross-origin.
referrer-policy missing
全国蜂鸟日旨在赞颂自然界中最非凡的空中飞行专家。蜂鸟仅分布于美洲，这些小鸟能够原地悬停、向后飞行，翅
05 / MAKE IT HAPPEN
Use the improvement prompt for this page, or the design prompt to borrow its visual language. “Recreate” includes references and implementation steps. Paste either into your coding assistant.
Fix mobile layout defects on the Bing China home template for viewports under 768px:
1. In the header and floating overlay layers, hide the QR code download popover widget ('.hp_qr' or equivalent containing '扫码下载 微软必应手机版') whenever max-width is 767px or less. If mobile app promotion is required on mobile, render it as a static top/bottom smart banner with a direct deep-link instead of an obstructive floating modal.
2. In the trending topics container ('必应上的热点'), change the CSS grid from 3 columns to 1 column on screens <= 644px. Ensure news titles have sufficient width to display at least 14 Chinese characters before applying text-overflow: ellipsis.
3. Preserve existing tokens: button radius 100px, card radius 5px / 24px, font stack 'Segoe UI', 'Microsoft YaHei', arial, Roboto, and translucent card fills.
4. Verify in DevTools at 1440x900 (desktop) that the QR code remains in the top right and trending displays 6 items in 2 rows of 3 columns, and at 390x844 (mobile) that the trending card is unobstructed and titles are readable.