PageSourceSearch

https://quze.ai/zh?setlang=zh

html quze.ai collected 2026-10-05 12:29:42 UTC 58,065 bytes, 1,068 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-CN" class="scroll-smooth" data-theme="auto">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 6-7
6
7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-FLH6JN0ZQ8
vendor: 12 bytes, line 7
7"></script>
8<script src="/js/google-analytics.js"></script>
8
9    <title>Quze.ai - For Sale | Appraise.net Marketplace</title>
10    <meta name="description" content="Quze.ai - 极品四字母CVCV品牌型域名,完美契合下一代AI与教育科技">
11        <meta property="og:type" content="website">
12    <meta property="og:site_name" content="Appraise.net">
13    <meta property="og:url" content="https://appraise.net/marketplace/quze.ai">
14    <meta property="og:title" content="Quze.ai - For Sale | Appraise.net Marketplace">
15    <meta property="og:description" content="Quze.ai - 极品四字母CVCV品牌型域名,完美契合下一代AI与教育科技">
16    <meta property="og:image" content="https://appraise.net/api/og-card?d=quze.ai&amp;v=6">
17    <meta property="og:image:width" content="1200">
18    <meta property="og:image:height" content="630">
19    <meta property="og:image:type" content="image/jpeg">
20    <meta name="twitter:card" content="summary_large_image">
21    <meta name="twitter:title" content="Quze.ai - For Sale | Appraise.net Marketplace">
22    <meta name="twitter:description" content="Quze.ai - 极品四字母CVCV品牌型域名,完美契合下一代AI与教育科技">
23    <meta name="twitter:image" content="https://appraise.net/api/og-card?d=quze.ai&amp;v=6">
24    <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/quze.ai">
25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/quze.ai">
26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/quze.ai">
27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/quze.ai">    <link rel="preconnect" href="https://fonts.googleapis.com">
28    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
29    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@700;800&display=swap" rel="stylesheet">
30    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
31    <style>
32        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
33
34        /* ---- Theme variables ---- */
35        :root {
36            --bg: #ffffff;
37            --bg-card: #ffffff;
38            --bg-muted: #f5f5f5;
39            --border: #e5e5e5;
40            --text: #000000;
41            --text-muted: #666666;
42            --text-light: #999999;
43            --accent: #000000;
44            --accent-hover: #333333;
45        }
46
47        @media (prefers-color-scheme: dark) {
48            html[data-theme="auto"] {
49                --bg: #000000;
50                --bg-card: #111111;
51                --bg-muted: #1a1a1a;
52                --border: #2a2a2a;
53                --text: #ffffff;
54                --text-muted: #999999;
55                --text-light: #666666;
56                --accent: #ffffff;
57                --accent-hover: #cccccc;
58            }
59        }
60
61        html[data-theme="dark"] {
62            --bg: #000000;
63            --bg-card: #111111;
64            --bg-muted: #1a1a1a;
65            --border: #2a2a2a;
66            --text: #ffffff;
67            --text-muted: #999999;
68            --text-light: #666666;
69            --accent: #ffffff;
70            --accent-hover: #cccccc;
71        }
72
73        html[data-theme="light"] {
74            --bg: #ffffff;
75            --bg-card: #ffffff;
76            --bg-muted: #f5f5f5;
77            --border: #e5e5e5;
78            --text: #000000;
79            --text-muted: #666666;
80            --text-light: #999999;
81            --accent: #000000;
82            --accent-hover: #333333;
83        }
84
85        /* ---- Base ---- */
86        body {
87            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
88            background: var(--bg);
89            color: var(--text);
90            line-height: 1.6;
91            -webkit-font-smoothing: antialiased;
92        }
93
94        /* ---- Cards ---- */
95        .card {
96            background: var(--bg-card);
97            border: 1px solid var(--border);
98            border-radius: 12px;
99            padding: 24px;
100        }
101
102        .card-flush {
103            background: var(--bg-card);
104            border: 1px solid var(--border);
105            border-radius: 12px;
106            padding: 0;
107            overflow: hidden;
108        }
109
110        .card-mb { margin-bottom: 24px; }
111        .card-mb-sm { margin-bottom: 16px; }
112        .card-mt-sm { margin-top: 16px; }
113
114        /* ---- Layout ---- */
115        .container {
116            max-width: 1280px;
117            margin: 0 auto;
118            padding: 0 16px;
119        }
120
121        @media (min-width: 768px) { .container { padding: 0 24px; } }
122        @media (min-width: 1024px) { .container { padding: 0 32px; } }
123
124        .layout {
125            display: grid;
126            gap: 24px;
127            grid-template-columns: 1fr;
128        }
129
130        .layout-center { order: 1; }
131        .layout-right { order: 2; }
132
133        @media (min-width: 768px) {
134            .layout { grid-template-columns: 1fr 360px; }
135        }
136
137        .sticky-sidebar {
138            position: sticky;
139            top: 24px;
140            align-self: start;
141        }
142
143        .main-content { padding-top: 8px; padding-bottom: 64px; }
144
145        /* ---- Typography ---- */
146        .domain-name {
147            font-family: 'Poppins', sans-serif;
148            font-size: clamp(1.25rem, 4vw, 3rem);
149            font-weight: 800;
150            letter-spacing: -0.02em;
151            line-height: 1.2;
152            white-space: nowrap;
153            overflow: hidden;
154            text-overflow: ellipsis;
155        }
156
157        .price-tag {
158            font-size: 2rem;
159            font-weight: 700;
160            letter-spacing: -0.01em;
161        }
162
163        .card-heading {
164            font-size: 1rem;
165            font-weight: 700;
166            margin-bottom: 16px;
167        }
168
169        .card-heading-tight {
170            font-size: 1rem;
171            font-weight: 700;
172            margin-bottom: 12px;
173        }
174
175        .text-sm { font-size: 0.875rem; }
176        .text-xs { font-size: 0.75rem; }
177        .text-label { font-size: 0.8125rem; }
178        .text-body { font-size: 0.9375rem; }
179        .text-muted { color: var(--text-muted); }
180        .text-light { color: var(--text-light); }
181        .text-accent { color: var(--text); }
182        .fw-500 { font-weight: 500; }
183        .fw-600 { font-weight: 600; }
184        .fw-700 { font-weight: 700; }
185        .lh-relaxed { line-height: 1.7; }
186
187        /* ---- Badge ---- */
188        .badge {
189            display: inline-block;
190            padding: 4px 12px;
191            border-radius: 100px;
192            font-size: 0.75rem;
193            font-weight: 600;
194            text-transform: uppercase;
195            letter-spacing: 0.05em;
196            border: 1px solid var(--border);
197            color: var(--text-muted);
198        }
199
200        /* Category-specific badge colors (generated from Material palette) */
201                .badge-ai {
202            background-color: #ecffb0;
203            color: #2c3a00;
204            border-color: #7e9f00;
205        }
206        @media (prefers-color-scheme: dark) {
207            html[data-theme="auto"] .badge-ai {
208                background-color: #1d2700;
209                color: #ecffb0;
210                border-color: #2c3a00;
211            }
212        }
213        html[data-theme="dark"] .badge-ai {
214            background-color: #1d2700;
215            color: #ecffb0;
216            border-color: #2c3a00;
217        }
218                .badge-saas {
219            background-color: #b6ffed;
220            color: #005d50;
221            border-color: #00a690;
222        }
223        @media (prefers-color-scheme: dark) {
224            html[data-theme="auto"] .badge-saas {
225                background-color: #00382f;
226                color: #b6ffed;
227                border-color: #005d50;
228            }
229        }
230        html[data-theme="dark"] .badge-saas {
231            background-color: #00382f;
232            color: #b6ffed;
233            border-color: #005d50;
234        }
235                .badge-technology {
236            background-color: #edf0ff;
237            color: #004fa9;
238            border-color: #5091ff;
239        }
240        @media (prefers-color-scheme: dark) {
241            html[data-theme="auto"] .badge-technology {
242                background-color: #002e68;
243                color: #edf0ff;
244                border-color: #004fa9;
245            }
246        }
247        html[data-theme="dark"] .badge-technology {
248            background-color: #002e68;
249            color: #edf0ff;
250            border-color: #004fa9;
251        }
252        
253        /* ---- Buttons ---- */
254        .btn {
255            display: inline-flex;
256            align-items: center;
257            justify-content: center;
258            gap: 8px;
259            padding: 12px 24px;
260            border-radius: 8px;
261            font-family: 'Inter', sans-serif;
262            font-size: 0.9375rem;
263            font-weight: 600;
264            cursor: pointer;
265            transition: all 0.15s ease;
266            border: none;
267            text-decoration: none;
268            width: 100%; white-space: nowrap; }
269
270        .btn-primary { background: var(--accent); color: var(--accent-text, var(--bg)); }
271        .btn-primary:hover { background: var(--accent-hover); color: var(--accent-text, var(--bg)); }
272
273        .btn-outline {
274            background: transparent;
275            color: var(--text);
276            border: 1px solid var(--border);
277        }
278        .btn-outline:hover { background: var(--bg-muted); }
279
280        /* Payment-button hover: complementary hue at the SAME lightness, derived from whatever --accent the
281           seller's palette sets (no colours hard-coded here). Relative colour syntax: h/s/l are the accent's own
282           channels. Black/white accents have no hue (s = 0), so for them the lightness is nudged +/-20 toward
283           the middle instead (black -> #333, white -> #ccc, i.e. the classic --accent-hover) rather than
284           "changing" to the same colour. Browsers without relative-colour support keep the rules above. */
285        @supports (color: hsl(from red calc(h + 180) s calc(l + sign(50 - l)))) {
286            .btn-primary:hover {
287                background: hsl(from var(--accent) calc(h + 180) s calc(l + 20 * sign(50 - l) * (1 - min(s, 1))));
288            }
289            .btn-outline:hover {
290                background: var(--bg-muted);
291                border-color: hsl(from var(--accent) calc(h + 180) s l);
292                color: hsl(from var(--accent) calc(h + 180) s calc(l + 20 * sign(50 - l) * (1 - min(s, 1))));
293            }
294        }
295
296        .btn-sm { padding: 8px 16px; font-size: 0.8125rem; }
297        .btn-auto { width: auto; }
298        .btn-cta { width: auto; padding: 12px 32px; }
299        .btn-mb { margin-bottom: 12px; }
300        .btn-mt-sm { margin-top: 8px; }
301        .btn-danger { color: #dc2626; border-color: #dc2626; }
302        .btn-icon { width: auto; padding: 8px 12px; }
303
304        /* ---- Strengths ---- */
305        .strength-item {
306            display: flex;
307            align-items: flex-start;
308            gap: 10px;
309            padding: 10px 0;
310            border-bottom: 1px solid var(--border);
311        }
312        .strength-item:last-child { border-bottom: none; }
313
314        .strength-icon {
315            flex-shrink: 0;
316            width: 20px;
317            height: 20px;
318            display: flex;
319            align-items: center;
320            justify-content: center;
321            margin-top: 2px;
322            color: var(--text);
323        }
324
325        .strength-icon i { font-size: 0.75rem; }
326
327        /* ---- Stat row ---- */
328        .stat-row {
329            display: flex;
330            gap: 24px;
331            color: var(--text-light);
332            font-size: 0.8125rem;
333        }
334        .stat-row-mt { margin-top: 8px; }
335
336        /* ---- Mobile sticky CTA ---- */
337        .mobile-cta {
338            display: none;
339            position: fixed;
340            bottom: 0;
341            left: 0;
342            right: 0;
343            background: var(--bg-card);
344            border-top: 1px solid var(--border);
345            padding: 12px 16px;
346            z-index: 50;
347        }
348
349        @media (max-width: 767px) {
350            .mobile-cta { display: flex; gap: 12px; align-items: center; }
351            body { padding-bottom: 80px; }
352        }
353
354        .mobile-cta-text { flex: 1; }
355        .mobile-cta-price { font-weight: 700; font-size: 1.25rem; }
356        .mobile-cta-label { font-weight: 600; font-size: 0.875rem; }
357
358        /* ---- Seller bar ---- */
359        .seller-bar {
360            background: var(--bg-muted);
361            border-bottom: 1px solid var(--border);
362            padding: 12px 0;
363        }
364
365        .seller-bar-inner {
366            display: flex;
367            align-items: center;
368            justify-content: space-between;
369            gap: 16px;
370            flex-wrap: wrap;
371        }
372
373        .seller-bar-label { font-size: 0.8125rem; font-weight: 600; }
374        .seller-bar-actions { display: flex; gap: 8px; }
375
376        /* ---- Factors grid ---- */
377        .factor-grid {
378            display: grid;
379            grid-template-columns: repeat(2, 1fr);
380            gap: 12px;
381        }
382        @media (min-width: 640px) { .factor-grid { grid-template-columns: repeat(3, 1fr); } }
383
384        .factor-item {
385            padding: 12px;
386            border-radius: 8px;
387            background: var(--bg-muted);
388            text-align: center;
389        }
390
391        .factor-label {
392            font-size: 0.6875rem;
393            text-transform: uppercase;
394            letter-spacing: 0.05em;
395            color: var(--text-light);
396            margin-bottom: 4px;
397        }
398
399        .factor-value { font-size: 0.875rem; font-weight: 600; }
400
401        /* ---- Breadcrumb ---- */
402        .breadcrumb { font-size: 0.8125rem; color: var(--text-light); padding: 16px 0; }
403        .breadcrumb a { color: var(--text-muted); text-decoration: none; }
404        .breadcrumb a:hover { text-decoration: underline; }
405        .breadcrumb-sep { margin: 0 6px; }
406        .breadcrumb-current { color: var(--text-muted); }
407
408        /* ---- Nav ---- */
409        .nav {
410            display: flex;
411            align-items: center;
412            justify-content: space-between;
413            padding: 16px 0;
414            border-bottom: 1px solid var(--border);
415        }
416
417        .nav-logo { font-size: 1.125rem; font-weight: 700; color: var(--text); text-decoration: none; }
418        .nav-logo-dim { opacity: 0.4; }
419        .nav-logo-sub { font-weight: 400; opacity: 0.5; }
420        .nav-actions { display: flex; gap: 12px; align-items: center; }
421        .nav-left { display: flex; align-items: center; gap: 10px; min-width: 0; }
422        .nav-brand-logo { display: inline-flex; align-items: center; background: #fff;
423                          border: 1px solid rgba(0,0,0,0.06); border-radius: 8px; padding: 3px 9px;
424                          box-shadow: 0 1px 3px rgba(0,0,0,0.12); }
425        .nav-brand-logo img { height: 26px; width: 104px; object-fit: cover; object-position: center; display: block; }
426        .nav-brand-logo.logo-zoomable { cursor: zoom-in; }
427        .nav-brand-logo.logo-zoomable:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; }
428        /* On mobile, wrap the logo under "Own this domain" instead of crowding the top row. */
429        @media (max-width: 600px) { .nav-left { flex-direction: column; align-items: flex-start; gap: 8px; } }
430
431        /* ---- Full-logo lightbox: click the cropped nav badge to see the whole logo, overlaid so the page isn't disturbed ---- */
432        .logo-lightbox { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center;
433                         justify-content: center; padding: 24px; background: rgba(0,0,0,0.72); cursor: zoom-out; }
434        .logo-lightbox[hidden] { display: none; }
435        .logo-lightbox-img { max-width: min(440px, 88vw); max-height: 86vh; width: auto; height: auto;
436                             object-fit: contain; background: #fff; padding: 24px; border-radius: 16px;
437                             box-shadow: 0 24px 70px rgba(0,0,0,0.55); animation: logoZoomIn 0.22s ease-out; }
438        .logo-lightbox-close { position: absolute; top: 18px; right: 22px; width: 40px; height: 40px;
439                               display: flex; align-items: center; justify-content: center; border: none;
440                               border-radius: 50%; background: rgba(255,255,255,0.16); color: #fff;
441                               font-size: 26px; line-height: 1; cursor: pointer; }
442        .logo-lightbox-close:hover { background: rgba(255,255,255,0.32); }
443        @keyframes logoZoomIn { from { transform: scale(0.86); opacity: 0; } to { transform: scale(1); opacity: 1; } }
444
445        /* ---- Flex utility classes ---- */
446        .flex { display: flex; }
447        .flex-col { flex-direction: column; }
448        .flex-center { align-items: center; }
449        .flex-between { justify-content: space-between; }
450        .flex-wrap { flex-wrap: wrap; }
451        .flex-1 { flex: 1; }
452        .gap-8 { gap: 8px; }
453        .gap-12 { gap: 12px; }
454        .gap-16 { gap: 16px; }
455        .text-center { text-align: center; }
456        .justify-center { justify-content: center; }
457        .hidden { display: none; }
458
459        /* ---- Hero card ---- */
460        .hero-card { text-align: center; padding: 48px 24px; position: relative; overflow: hidden; }
461        .hero-card-bg { position: absolute; inset: 0; background-size: cover; background-position: center;
462                        opacity: 0.15; pointer-events: none; }
463        .hero-card-content { position: relative; z-index: 1; }
464        .hero-subtitle { margin-bottom: 16px; }
465        .hero-badges { margin-top: 16px; }
466        .hero-share { margin-top: 20px; }
467        .btn-x-share { display: inline-flex; align-items: center; gap: 8px; background: #000; color: #fff;
468                       border: 1px solid rgba(255,255,255,0.22); }
469        .btn-x-share:hover { background: #141414; color: #fff; }
470        .btn-x-share .fa-x-twitter { font-size: 0.95em; }
471        .hero-bg {
472            background-size: cover;
473            background-position: center;
474        }
475
476        /* ---- Sidebar detail rows ---- */
477        .detail-list { gap: 12px; font-size: 0.875rem; }
478        .detail-row { display: flex; justify-content: space-between; }
479
480        /* ---- Price card ---- */
481        .price-label { margin-bottom: 8px; }
482        .price-amount { margin-bottom: 4px; }
483        .price-appraisal { margin-bottom: 24px; }
484        .lto-per-month { font-size: 0.875rem; font-weight: 400; opacity: 0.7; }
485        .lto-down-payment { margin-bottom: 8px; }
486
487        /* ---- Trust card ---- */
488        .trust-list { gap: 12px; font-size: 0.8125rem; color: var(--text-muted); }
489        .trust-item { display: flex; align-items: center; gap: 8px; }
490        .trust-icon { width: 16px; text-align: center; }
491        .trust-review { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border); font-size: 0.8125rem; }
492        .trust-review blockquote { color: var(--text-muted); line-height: 1.55; font-style: italic; }
493        .trust-review figcaption { margin-top: 6px; color: var(--text-muted); font-weight: 600; }
494
495        /* ---- Verified icon ---- */
496        .verified-icon { color: var(--text-light); margin-left: 4px; }
497
498        /* ---- Certificate link ---- */
499        .cert-link { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--text-light); cursor: pointer; transition: opacity 0.15s; }
500        .cert-link:hover { opacity: 0.7; }
501
502        /* ---- Certificate modal ---- */
503        .cert-modal { display: none; position: fixed; inset: 0; z-index: 9999; }
504        .cert-modal.open { display: flex; align-items: center; justify-content: center; }
505        .cert-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.7); }
506        .cert-modal-content { position: relative; width: 90vw; max-width: 900px; height: 80vh; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 25px 60px rgba(0,0,0,0.4); }
507        .cert-modal-close { position: absolute; top: 12px; right: 16px; z-index: 1; background: rgba(0,0,0,0.5); color: #fff; border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; justify-content: center; }
508        .cert-modal-close:hover { background: rgba(0,0,0,0.8); }
509        .cert-modal-iframe { width: 100%; height: 100%; border: none; transition: opacity 0.2s; }
510        .cert-modal-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.9375rem; color: #888; gap: 10px; background: #fff; }
511
512        /* ---- Offer Modal ---- */
513        .offer-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; }
514        .offer-modal[hidden] { display: none; }
515        .offer-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
516        .offer-modal-content { position: relative; width: 92vw; max-width: 460px; background: var(--bg-card); color: var(--text); border: 1px solid var(--border); border-radius: 14px; padding: 24px; box-shadow: 0 25px 60px rgba(0,0,0,0.35); }
517        .offer-modal-close { position: absolute; top: 12px; right: 12px; background: transparent; color: var(--text-light); border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; justify-content: center; }
518        .offer-modal-close:hover { background: var(--bg-muted); color: var(--text); }
519        .offer-modal-title { font-size: 1.125rem; font-weight: 700; margin-bottom: 4px; }
520        .offer-modal-sub { font-size: 0.8125rem; color: var(--text-light); margin-bottom: 18px; }
521        .offer-modal-field { margin-bottom: 14px; }
522        .offer-modal-field label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 6px; }
523        .offer-modal-field input[type="number"], .offer-modal-field textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--text); font-family: inherit; font-size: 0.9375rem; }
524        .offer-modal-field textarea { resize: vertical; min-height: 70px; }
525        .offer-modal-field input:focus, .offer-modal-field textarea:focus { outline: none; border-color: var(--text); }
526        .offer-amount-row { display: flex; align-items: stretch; }
527        .offer-amount-prefix { display: flex; align-items: center; padding: 0 12px; background: var(--bg-muted); border: 1px solid var(--border); border-right: 0; border-radius: 8px 0 0 8px; font-weight: 700; color: var(--text-muted); }
528        .offer-amount-row input[type="number"] { border-radius: 0 8px 8px 0; }
529        .offer-modal-hint { font-size: 0.6875rem; color: var(--text-light); margin-top: 4px; }
530        .offer-modal-error { background: #fee2e2; color: #991b1b; padding: 10px 12px; border-radius: 8px; font-size: 0.8125rem; margin-bottom: 12px; }
531        .offer-modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }
532        .offer-modal-actions .btn { min-width: 100px; }
533
534
535        /* ---- Seller info (mobile/tablet card) ---- */
536        .seller-card-inner { display: flex; align-items: center; justify-content: space-between; }
537    </style>
538        <style id="listing-style">
539:root, html[data-theme="light"] {
540  --bg: #ecffb0;
541  --text: #434655;
542  --accent: #737687;
543  --border: #7e9f00;
544  --bg-card: #ffffff;
545  --bg-muted: #eff0ff;
546  --text-light: #526900;
547  --text-muted: #2c3a00;
548  --accent-text: #ffffff;
549  --accent-hover: #434655;
550  --palette-0: #1d2700;
551  --palette-0-text: #ffffff;
552  --palette-1: #2c3a00;
553  --palette-1-text: #ffffff;
554  --palette-2: #737687;
555  --palette-2-text: #ffffff;
556  --palette-3: #7e9f00;
557  --palette-3-text: #000000;
558  --palette-4: #ecffb0;
559  --palette-4-text: #000000;
560}
561
562@media (prefers-color-scheme: dark) {
563  html[data-theme="auto"] {
564    --bg: #2c3a00;
565    --text: #eff0ff;
566    --accent: #737687;
567    --border: #526900;
568    --bg-card: #1d2700;
569    --bg-muted: #1d2700;
570    --text-light: #526900;
571    --text-muted: #7e9f00;
572    --accent-text: #000000;
573    --accent-hover: #eff0ff;
574  }
575}
576
577html[data-theme="dark"] {
578  --bg: #2c3a00;
579  --text: #eff0ff;
580  --accent: #737687;
581  --border: #526900;
582  --bg-card: #1d2700;
583  --bg-muted: #1d2700;
584  --text-light: #526900;
585  --text-muted: #7e9f00;
586  --accent-text: #000000;
587  --accent-hover: #eff0ff;
588}
589
590.card, .card-flush {
591  border: 2px solid #7e9f00;
592  border-radius: 12px;
593  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
594}
595    </style>
596            <style>body { background: transparent !important; }</style>
597    </head>
598<body>
599
600            <div id="artist-bg-layer" style="position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center;pointer-events:none;background-image:url(/marketplace/images/ai-2.webp)"></div>
601    <div id="artist-bg-overlay" style="position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg);opacity:0.75"></div>
602    
603    <!-- Navigation -->
604    <header>
605        <div class="container">
606            <nav class="nav">
607                <div class="nav-left">
608                    <span class="nav-logo">拥有这个域名</span>
609                                        <span class="nav-brand-logo logo-zoomable" role="button" tabindex="0"
610                          title="Click to enlarge logo"
611                          aria-label="Enlarge logo"
612                          data-logo-src="https://appraise.net/api/images?action=serve&amp;domain=quze.ai&amp;file=logo_8de3badf.webp"
613                          data-logo-alt="Quze.ai logo"><img src="https://appraise.net/api/images?action=serve&amp;domain=quze.ai&amp;file=logo_8de3badf.webp" alt="Quze.ai logo" loading="lazy"></span>
614                                    </div>
615                <div class="nav-actions">
616                                                                <a href="/?setlang=en" hreflang="en" class="btn btn-sm btn-outline">English</a>
617                                        <button id="themeToggle" class="btn btn-sm btn-outline btn-icon" aria-label="Toggle theme">
618                        <i class="fas fa-sun hidden" id="themeIconLight"></i>
619                        <i class="fas fa-moon hidden" id="themeIconDark"></i>
620                    </button>
621                                            <a href="https://appraise.net/login?redirect=%2Fmarketplace%2Fquze.ai" class="btn btn-sm btn-outline">Sign In</a>
622                        <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Fquze.ai" class="btn btn-sm btn-primary">Register</a>
623                                    </div>
624            </nav>
625        </div>
626    </header>
627
628    <!-- Seller Actions Bar (only visible to listing owner; suppressed in preview mode) -->
629    
630    <!-- Main Content -->
631    <main class="container main-content">
632        <div class="layout">
633
634            <!-- CENTER — Main Content -->
635            <div class="layout-center">
636                <!-- Hero Card: Domain Name + CTA Title -->
637                <div class="card card-mb hero-card" data-card="hero">
638                    <div class="hero-card-bg" style="background-image:url('https://appraise.net/api/images?action=serve&amp;domain=quze.ai&amp;file=hero_8de3badf.webp')"></div>                    <div class="hero-card-content">
639                                            <p class="text-body text-muted fw-500 hero-subtitle">Quze.ai - 极品四字母CVCV品牌型域名,完美契合下一代AI与教育科技</p>
640                                        <h1 class="domain-name">Quze.ai</h1>
641                                        <div class="flex gap-8 justify-center flex-wrap hero-badges">
642                                                    <span class="badge badge-ai">Ai</span>
643                                                    <span class="badge badge-saas">Saas</span>
644                                                    <span class="badge badge-technology">Technology</span>
645                                            </div>
646                                                            <div class="hero-share">
647                        <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=Quze.ai%0AQuze.ai%20-%20%E6%9E%81%E5%93%81%E5%9B%9B%E5%AD%97%E6%AF%8DCVCV%E5%93%81%E7%89%8C%E5%9E%8B%E5%9F%9F%E5%90%8D%EF%BC%8C%E5%AE%8C%E7%BE%8E%E5%A5%91%E5%90%88%E4%B8%8B%E4%B8%80%E4%BB%A3AI%E4%B8%8E%E6%95%99%E8%82%B2%E7%A7%91%E6%8A%80%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Fquze.ai"
648                           target="_blank" rel="noopener noreferrer"
649                           aria-label="Share on X">
650                            <i class="fab fa-x-twitter" aria-hidden="true"></i> Share on X                        </a>
651                    </div>
652                    </div>
653                </div>
654
655                <!-- Strengths Card -->
656                                <div class="card card-mb" data-card="strengths">
657                    <h2 class="card-heading">优势</h2>
658                    <div>
659                                                <div class="strength-item">
660                            <span class="strength-icon"><i class="fas fa-check"></i></span>
661                            <span class="text-sm">稀缺且备受追捧的四字母 CVCV 模式。</span>
662                        </div>
663                                                <div class="strength-item">
664                            <span class="strength-icon"><i class="fas fa-check"></i></span>
665                            <span class="text-sm">极易发音、拼写和记忆。</span>
666                        </div>
667                                                <div class="strength-item">
668                            <span class="strength-icon"><i class="fas fa-check"></i></span>
669                            <span class="text-sm">在语音上让人联想到智能、提问和探索(如 &#039;quiz&#039;、&#039;clues&#039;、&#039;cues&#039;)。</span>
670                        </div>
671                                                <div class="strength-item">
672                            <span class="strength-icon"><i class="fas fa-check"></i></span>
673                            <span class="text-sm">与蓬勃发展的人工智能和科技初创企业生态系统完美契合。</span>
674                        </div>
675                                            </div>
676                </div>
677                
678                <!-- Market Analysis Card -->
679                                <div class="card card-mb" data-card="market-analysis">
680                    <h2 class="card-heading-tight">市场分析</h2>
681                    <p class="text-sm text-muted lh-relaxed">Quze.ai 是一个优质、极简的品牌型域名,采用了备受追捧的四字母 CVCV 结构。在域名二级市场中,四字母品牌域名因其简短、易记和全球通用的特性而备受推崇。它与“quiz”或“clues”等词汇在语音上相近,使其能够让人瞬间联想到知识、搜索和人工智能。结合科技初创企业对 .ai 后缀激增的需求,该资产非常适合定位为人工智能驱动的分析、教育科技或搜索平台的企业品牌形象。</p>
682                </div>
683                
684                <!-- Quality Factors Card -->
685                                                <div class="card card-mb" data-card="factors">
686                    <h2 class="card-heading">质量因素</h2>
687                    <div class="factor-grid">
688                                                <div class="factor-item">
689                            <div class="factor-label">品牌潜质</div>
690                            <div class="factor-value">极佳</div>
691                        </div>
692                                                <div class="factor-item">
693                            <div class="factor-label">易记程度</div>
694                            <div class="factor-value">极佳</div>
695                        </div>
696                                                <div class="factor-item">
697                            <div class="factor-label">商业价值</div>
698                            <div class="factor-value">高</div>
699                        </div>
700                                                <div class="factor-item">
701                            <div class="factor-label">长度</div>
702                            <div class="factor-value">极佳</div>
703                        </div>
704                                            </div>
705                </div>
706                
707                <!-- Domain Details Card -->
708                                <div class="card card-mb" data-card="domain-info">
709                    <h2 class="card-heading">域名信息</h2>
710                    <div class="flex flex-col detail-list">
711                        <div class="detail-row">
712                            <span class="text-light">后缀</span>
713                                                        <span class="fw-600">.ai</span>
714                        </div>
715                        <div class="detail-row">
716                            <span class="text-light">长度</span>
717                            <span class="fw-600">4 个字符</span>
718                        </div>
719                        <div class="detail-row">
720                            <span class="text-light">类型</span>
721                            <span class="fw-600">纯品牌型</span>
722                        </div>
723                                                <div class="detail-row">
724                            <span class="text-light">品牌潜质</span>
725                            <span class="fw-600">极佳</span>
726                        </div>
727                                                                        <div class="detail-row">
728                            <span class="text-light">易记程度</span>
729                            <span class="fw-600">极佳</span>
730                        </div>
731                                            </div>
732                </div>
733                
734                <!-- Notes Card -->
735                                <div class="card card-mb" data-card="notes">
736                    <h2 class="card-heading-tight">补充说明</h2>
737                    <p class="text-sm text-muted lh-relaxed">由于简短且易读的品牌域名资源稀缺,像 .ai 这样主打科技领域的后缀中的 CVCV 域名通常享有极高的溢价。</p>
738                </div>
739                
740                <!-- Seller Info Card (opt-in via seller's portfolio preference) -->
741                            </div>
742
743            <!-- RIGHT SIDEBAR — Price + Actions -->
744            <div class="layout-right sticky-sidebar">
745                <!-- Price Card -->
746                <div class="card card-mb-sm" data-card="price"
747                     data-buy-now-price="44,995"
748                     data-min-offer-price="2250"
749                     data-estimated-high="18,000"
750                     data-show-appraisal="0"
751                     data-listing-id="8407"
752                     data-domain="quze.ai"
753                     data-canonical-url="https://appraise.net/marketplace/quze.ai"
754                     data-is-logged-in="0"
755                     data-listing-type="buy_now_or_offer"
756                     data-is-seller="0"
757                     data-buy-now-enabled="1"
758                     data-cert-id="2026-BA41F-0C6102"
759                     data-lto-total="44,995"
760                     data-lto-monthly="3,273"
761                     data-lto-down="8,999"
762                     data-lto-months="11">
763                                        <div id="priceCardContent">
764                                                                <div class="factor-label price-label">ä»·æ ¼</div>
765                        <div class="price-tag price-amount">$44,995</div>
766                                                                                                <label class="qc-option" title="Tick this and we will not show this name as sold or publish the sale. The seller has committed to honor your preference and will not disclose it either. Registry and DNS changes stay visible; those are outside our control." style="display:flex;gap:8px;align-items:center;margin:10px 0 12px;font-size:0.8125rem;line-height:1.4;cursor:pointer;text-align:left;">
767                            <input type="checkbox" id="qcOptIn" style="flex:none;">
768                            <span style="flex:1;">Keep this purchase private (QuietClose&trade;)</span>
769                            <a href="https://appraise.net/help?category=marketplace&amp;article=quietclose-private-sales" target="_blank" rel="noopener" class="text-light" style="flex:none;" title="How QuietClose works" aria-label="How QuietClose works"><i class="far fa-question-circle"></i></a>
770                        </label>
771                                                                                                                                        <button class="btn btn-primary btn-mb" id="buyEscrowBtn" title="Sale price: $44,995
772+ Escrow.com fee (shown at next step)
773
774Wire transfer via Escrow.com is much cheaper.
775Funds held until domain transfer confirmed.">
776                                    <i class="fas fa-shield-alt"></i> 通过 Escrow.com 购买 <span style="font-size:0.7rem; opacity:0.9; font-weight:500;">· 推荐</span>
777                                </button>
778                                                                    <button class="btn btn-outline btn-mb" id="buyNowBtn" title="Sale price: $44,995
779+ Card processing (3%): $1,349.85
780= Total: $46,344.85
781
782Funds held until domain transfer confirmed.">
783                                        <i class="fas fa-credit-card"></i> 或使用银行卡支付                                    </button>
784                                                                                                            <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $44,995
785+ No card fee
786= Total: $44,995
787
788Complete buyer privacy: no identity check, only your verified email.
789Rate locked for 30 minutes. Paid after 2 network confirmations.">
790                                        <i class="fab fa-bitcoin"></i> Pay with Bitcoin                                    </button>
791                                                                                                                                                                                    <button class="btn btn-outline btn-mb" id="payAlipayBtn" title="使用支付宝付款。">
792                                        <i class="fab fa-alipay"></i> 支付宝支付                                    </button>
793                                                                        <button class="btn btn-outline btn-mb" id="payCryptoBtn" title="Pay with stablecoins (USDC and more). No card fee. The payment processor verifies your identity.">
794                                        <i class="fas fa-coins"></i> Pay with stablecoins                                    </button>
795                                    <button class="btn btn-outline btn-mb" id="payBankBtn" title="美国银行转账(ACH)。无刷卡手续费;数个工作日内到账。">
796                                        <i class="fas fa-university"></i> 银行转账支付 - 立减2%                                    </button>
797                                                                                                                                                                                                <div class="lto-addon-option" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);">
798                                    <div class="text-sm" style="margin-bottom:6px;">或 <strong>以租代购</strong> 每月仅 <strong>$3,273/月</strong> &times; 11 个月 &middot; $8,999 首付</div>
799                                    <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $44,995.">
800                                        <i class="fas fa-file-signature"></i> 以租代购                                    </button>
801                                </div>
802                                                                        
803                                                                        <button class="btn btn-outline btn-mb" id="makeOfferBtn">
804                                <i class="fas fa-hand-holding-usd"></i> 我要出价                            </button>
805                                            
806                                        </div>
807
808                                        <div class="flex gap-8">
809                                                <button class="btn btn-sm btn-outline flex-1" id="favoriteBtn" data-listing-id="8407">
810                            <i class="far fa-heart"></i>
811                            Save                        </button>
812                                            </div>
813                                                        </div>
814
815                <!-- Trust Card -->
816                <div class="card" data-card="trust">
817                    <div class="flex flex-col trust-list">
818                        <div class="trust-item">
819                            <i class="fas fa-shield-alt trust-icon"></i>
820                                                        <span>交易管理方: Appraise.net / Domaincracy LLC</span>
821                                                    </div>
822                                                <div class="trust-item">
823                            <i class="fas fa-exchange-alt trust-icon"></i>
824                            <span>全程引导过户</span>
825                        </div>
826                    </div>
827                                    </div>
828
829                <!-- Seller Analytics (seller only) -->
830                            </div>
831        </div>
832    </main>
833
834    <!-- Mobile Sticky CTA -->
835        <div class="mobile-cta">
836        <div class="mobile-cta-text">
837                            <div class="mobile-cta-price">$44,995</div>
838                    </div>
839                                    <button class="btn btn-primary btn-cta">立即购买</button>
840                        </div>
841    
842    <style>
843    .mkt-footer {
844        background: #111827;
845        padding: 34px 0 42px;
846        margin-top: 64px;
847    }
848    .mkt-footer-inner { text-align: center; font-size: 0.8125rem; color: #9ca3af; }
849    .mkt-footer-link { color: #d1d5db; text-decoration: none; font-weight: 600; }
850    .mkt-footer-link:hover { color: #ffffff; }
851    .mkt-footer-badges { margin: 16px 0 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
852    .mkt-cred { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4e4ec; border-radius: 10px;
853                padding: 7px 13px; background: #fafafa; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
854    .mkt-cred:hover { border-color: #34d399; box-shadow: 0 4px 14px rgba(52,211,153,.18); }
855    .mkt-cred .ic { color: #067647; font-size: 15px; }
856    .mkt-cred img { height: 18px; width: auto; display: block; }
857    .mkt-cred .t { line-height: 1.15; text-align: left; }
858    .mkt-cred .t small { display: block; font-size: 10px; color: #6b7180; letter-spacing: .02em; }
859    .mkt-cred .t b { font-size: 12px; color: #067647; font-weight: 800; }
860    .mkt-footer-credentials { margin-top: 10px; font-size: 0.75rem; color: #6b7280; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; }
861    .mkt-footer-credentials span { white-space: nowrap; }
862    .mkt-footer-credentials a { color: inherit; }
863    .mkt-footer-tip { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; }
864</style>
865<footer class="mkt-footer">
866    <div class="container mkt-footer-inner">
867        <p>技术支持: <a href="https://appraise.net" class="mkt-footer-link">Appraise.net&trade; 交易市场</a> &mdash; Domaincracy&reg; LLC 旗下服务</p>
868        <div class="mkt-footer-badges">
869            <a class="mkt-cred" href="https://developer.mozilla.org/en-US/observatory/analyze?host=appraise.net"
870               target="_blank" rel="noopener noreferrer" title="Mozilla Observatory Security Score">
871                <span class="ic" aria-hidden="true">&#128737;</span>
872                <span class="t"><small>安全评分</small><b>105/100 A+</b></span>
873            </a>
874            <a class="mkt-cred" href="https://transparencyreport.google.com/safe-browsing/search?url=appraise.net&amp;hl=en"
875               target="_blank" rel="noopener noreferrer" title="Google Safe Browsing Status">
876                <img src="https://appraise.net/images/safebrowsing-logo.svg" alt="Safe Browsing">
877                <span class="t"><small>安全浏览</small><b>No issues</b></span>
878            </a>
879            <a class="mkt-cred" href="https://www.escrow.com/why-escrowcom" target="_blank" rel="noopener noreferrer"
880               title="High-value transfers handled by Escrow.com, a licensed escrow company">
881                <span class="ic" aria-hidden="true">&#128274;</span>
882                <span class="t"><small>过户托管</small><b>Escrow.com</b></span>
883            </a>
884            <a class="mkt-cred" href="https://stripe.com" target="_blank" rel="noopener noreferrer"
885               title="Card payments processed by Stripe">
886                <img src="https://appraise.net/images/stripe.png" alt="Stripe" style="height:16px;">
887                <span class="t"><small>支付服务</small><b>Stripe</b></span>
888            </a>
889            <a class="mkt-cred" href="https://www.bbb.org/us/az/scottsdale/profile/web-hosting/domaincracy-1126-1000057633#sealclick"
890               target="_blank" rel="noopener noreferrer" title="Better Business Bureau profile: Domaincracy LLC, Scottsdale AZ">
891                <span class="ic" aria-hidden="true">&#11088;</span>
892                <span class="t"><small>BBB 评级</small><b>A+</b></span>
893            </a>
894        </div>
895        <div class="mkt-footer-credentials">
896            <span><span class="mkt-footer-tip" title="Internet Corporation for Assigned Names and Numbers &mdash; Business Constituency">ICANN BC</span> 成员</span>
897            <span><a href="https://www.iana.org/assignments/enterprise-numbers/?q=domaincracy" target="_blank" rel="noopener noreferrer"><span class="mkt-footer-tip" title="Internet Assigned Numbers Authority &mdash; Private Enterprise Number">IANA PEN</span> 46780</a></span>
898            <span><span class="mkt-footer-tip" title="Internet Commerce Association">ICA</span> 成员</span>
899        </div>
900    </div>
901</footer>
902
903    <!-- Certificate Modal -->
904    <div id="certModal" class="cert-modal">
905        <div class="cert-modal-backdrop"></div>
906        <div class="cert-modal-content">
907            <button class="cert-modal-close"><i class="fas fa-times"></i></button>
908            <div class="cert-modal-loading"><i class="fas fa-spinner fa-spin"></i> Retrieving certificate...</div>
909            <iframe id="certIframe" class="cert-modal-iframe"></iframe>
910        </div>
911    </div>
912
913    <!-- Handoff Modal (shown on non-canonical hosts before bouncing to appraise.net) -->
914    <div id="handoffModal" class="offer-modal" hidden>
915        <div class="offer-modal-backdrop" data-handoff-close></div>
916        <div class="offer-modal-content">
917            <button class="offer-modal-close" data-handoff-close aria-label="Close"><i class="fas fa-times"></i></button>
918            <h3 class="offer-modal-title" id="handoffTitle">Continue on Appraise.net</h3>
919            <p class="offer-modal-sub" id="handoffSub">
920                Offers are negotiated and paid securely on <strong>Appraise.net Marketplace</strong>. You'll be taken there to complete your offer — and you can return here any time.
921            </p>
922            <div class="offer-modal-actions">
923                <button class="btn btn-outline" data-handoff-close>Cancel</button>
924                <a class="btn btn-primary" id="handoffContinueBtn" href="#">Continue to Appraise.net <i class="fas fa-arrow-right"></i></a>
925            </div>
926        </div>
927    </div>
928
929    <!-- Offer / Inquiry Modal -->
930        <div id="ltoTermsModal" class="offer-modal" hidden>
931        <div class="offer-modal-backdrop" data-lto-close></div>
932        <div class="offer-modal-content">
933            <button class="offer-modal-close" data-lto-close aria-label="Close"><i class="fas fa-times"></i></button>
934            <h3 class="offer-modal-title">Before you start the lease</h3>
935            <p class="offer-modal-sub">A lease-to-own is a contract between you and the seller. The essentials: you pay monthly by card, you may use the domain while payments are current, a missed payment forfeits the lease after a short deadline and paid installments are not refunded, and the domain transfers to you when the last payment clears. You can pay off the balance at any time.</p>
936            <label style="display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:0.95rem;line-height:1.45;cursor:pointer;">
937                <input type="checkbox" id="ltoTermsAck" style="margin-top:4px;">
938                <span>I have read the <a href="https://appraise.net/help?category=marketplace&amp;article=lease-to-own-terms" target="_blank" rel="noopener" style="text-decoration:underline;">lease-to-own terms</a> and agree to them for this domain.</span>
939            </label>
940            <button class="btn btn-primary" id="ltoTermsContinue" disabled><i class="fas fa-file-signature"></i> Start lease</button>
941            <p class="mpt-error" id="ltoTermsError" hidden style="margin-top:8px;color:#dc2626;font-size:13px;"></p>
942        </div>
943    </div>
944    <div id="offerModal" class="offer-modal" hidden>
945        <div class="offer-modal-backdrop" data-offer-close></div>
946        <div class="offer-modal-content">
947            <button class="offer-modal-close" data-offer-close aria-label="Close"><i class="fas fa-times"></i></button>
948            <h3 class="offer-modal-title" id="offerModalTitle">Make an Offer</h3>
949            <p class="offer-modal-sub" id="offerModalSub"></p>
950
951            <div class="offer-modal-field" id="offerAmountField">
952                <label for="offerAmountInput">Your offer (USD)</label>
953                <div class="offer-amount-row">
954                    <span class="offer-amount-prefix">$</span>
955                    <input type="number" id="offerAmountInput" inputmode="numeric" min="2250" step="1" placeholder="2250">
956                </div>
957                                <div class="offer-modal-hint">Minimum offer: $2,250</div>
958                            </div>
959
960            <div class="offer-modal-field" id="offerExpiryField">
961                <label for="offerExpiryInput">Offer good for</label>
962                <select id="offerExpiryInput" class="input" style="width:100%;">
963                    <option value="3">3 days</option>
964                    <option value="7">7 days</option>
965                    <option value="14" selected>14 days</option>
966                    <option value="30">30 days</option>
967                </select>
968                <div class="offer-modal-hint">How long the seller has to respond before this offer lapses. You can always re-offer.</div>
969            </div>
970
971            <div class="offer-modal-field">
972                <label for="offerMessageInput" id="offerMessageLabel">Message <span class="text-light">(optional)</span></label>
973                <textarea id="offerMessageInput" rows="3" maxlength="1000" placeholder="Add a note for the seller..."></textarea>
974                <div class="offer-modal-hint">No emails, phone numbers, or links — they'll be filtered.</div>
975            </div>
976
977            <div class="offer-modal-error" id="offerModalError" hidden></div>
978
979            <div class="offer-modal-actions">
980                <button class="btn btn-outline" data-offer-close>Cancel</button>
981                <button class="btn btn-primary" id="offerSubmitBtn"><i class="fas fa-paper-plane"></i> <span id="offerSubmitLabel">Send Offer</span></button>
982            </div>
983        </div>
984    </div>
985
986    <div id="escrowModal"
987     role="dialog"
988     aria-modal="true"
989     aria-labelledby="escrowModalTitle"
990     data-prefill-email=""
991     style="display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center;">
992
993    <div id="escrowModalOverlay" style="position:absolute; inset:0; background:rgba(15,23,42,0.55); backdrop-filter: blur(2px);"></div>
994
995    <div role="document"
996         style="position:relative; background:#ffffff; color:#0f172a; max-width:480px; width:calc(100% - 32px); border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,0.25); padding:24px 24px 20px 24px; font-family:'Inter', system-ui, -apple-system, sans-serif;">
997
998        <button type="button" id="escrowModalClose" aria-label="Close"
999                style="position:absolute; top:8px; right:10px; background:none; border:none; font-size:22px; line-height:1; color:#64748b; cursor:pointer; padding:6px 10px;">&times;</button>
1000
1001        <h3 id="escrowModalTitle" style="margin:0 0 10px 0; font-size:1.15rem; font-weight:700;">
1002            <i class="fas fa-shield-alt" style="color:#16a34a; margin-right:6px;"></i> Pay via Escrow.com
1003        </h3>
1004
1005        <p style="margin:0 0 10px 0; font-size:0.875rem; line-height:1.5; color:#334155;">
1006            Escrow.com holds your funds until the domain transfer is confirmed.
1007            Choose this if you have a verified Escrow.com account or are willing to verify (free, ~5 mins).
1008        </p>
1009
1010        <button type="button" id="escrowExplainerToggle"
1011                aria-expanded="false" aria-controls="escrowExplainerPanel"
1012                style="display:inline-flex; align-items:center; gap:4px; background:none; border:none; padding:0 0 0 0; margin:0 0 14px 0; color:#0369a1; font-size:0.8125rem; font-weight:600; cursor:pointer;">
1013            <span id="escrowExplainerToggleLabel">What is Escrow.com?</span>
1014            <i id="escrowExplainerChevron" class="fas fa-chevron-down" style="font-size:0.7rem; transition:transform 0.15s ease;"></i>
1015        </button>
1016
1017        <div id="escrowExplainerPanel" hidden
1018             style="background:#f0f9ff; border:1px solid #bae6fd; border-radius:8px; padding:12px 14px; margin:0 0 16px 0; font-size:0.8125rem; line-height:1.55; color:#0f172a;">
1019            <p style="margin:0 0 8px 0; font-weight:600;">Escrow.com is the industry-standard payment processor for high-value domain sales.</p>
1020            <ul style="margin:0; padding-left:18px; color:#334155;">
1021                <li><strong>Funds held safely.</strong> Your payment is held by Escrow.com — not the seller — until you confirm the domain is in your account.</li>
1022                <li><strong>Wire or other methods.</strong> Wire transfer is the standard for larger sales; other options surface during checkout.</li>
1023                <li><strong>Quick verification.</strong> If you don't have an Escrow.com account, signup + verification takes ~5 minutes and is free.</li>
1024                <li><strong>Used worldwide.</strong> Standard rails for six- and seven-figure domain deals — same protection scaled to your transaction size.</li>
1025            </ul>
1026            <p style="margin:8px 0 0 0; font-size:0.75rem; color:#64748b;">
1027                Don't have an account? You can verify at <a href="https://www.escrow.com" target="_blank" rel="noopener" style="color:#0369a1;">escrow.com</a> first, then return here with the verified email.
1028            </p>
1029        </div>
1030
1031        <label for="escrowModalEmail" style="display:block; font-size:0.8125rem; font-weight:600; margin-bottom:6px; color:#0f172a;">
1032            Your Escrow.com email
1033        </label>
1034        <input type="email" id="escrowModalEmail" autocomplete="email" required
1035               placeholder="[email protected]"
1036               style="display:block; width:100%; padding:10px 12px; font-size:0.9375rem; border:1px solid #cbd5e1; border-radius:8px; color:#0f172a; box-sizing:border-box;" />
1037
1038        <p id="escrowModalHint" style="margin:6px 0 0 0; font-size:0.75rem; color:#64748b;">
1039            Use the email matching your verified Escrow.com account, or any email you'll verify with them.
1040        </p>
1041
1042        <p id="escrowModalError" role="alert" hidden
1043           style="margin:10px 0 0 0; font-size:0.8125rem; color:#dc2626;"></p>
1044
1045        <div style="display:flex; gap:10px; justify-content:flex-end; margin-top:18px;">
1046            <button type="button" id="escrowModalCancel"
1047                    style="padding:8px 16px; font-size:0.875rem; font-weight:500; background:#f1f5f9; color:#0f172a; border:1px solid #cbd5e1; border-radius:8px; cursor:pointer;">
1048                Cancel
1049            </button>
1050            <button type="button" id="escrowModalContinue"
1051                    style="padding:8px 18px; font-size:0.875rem; font-weight:600; background:#16a34a; color:#ffffff; border:1px solid #16a34a; border-radius:8px; cursor:pointer;">
1052                Continue to Escrow.com
1053            </button>
1054        </div>
1055    </div>
1056</div>
1057
1058        <!-- Full-logo lightbox (opened from the nav brand logo) -->
1059    <div id="logo-lightbox" class="logo-lightbox" hidden>
1060        <button type="button" class="logo-lightbox-close" aria-label="Close">&times;</button>
1061        <img class="logo-lightbox-img" src="" alt="">
1062    </div>
1063    
1064    
1064<script src="/js/marketplace-escrow-modal.js?v=1791203381"></script>
1064
1065    
1065<script src="/js/marketplace-listing.js?v=1791203381"></script>
1065
1066    
1066<script src="/js/marketplace-artist-listener.js?v=1791203381"></script>
1066
1067</body>
1068</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.