PageSourceSearch

https://smartreality.com/zh?setlang=zh

html smartreality.com collected 2026-10-08 12:27:38 UTC 59,187 bytes, 1,078 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>SmartReality.com - For Sale | Appraise.net Marketplace</title>
10    <meta name="description" content="SmartReality.com - 优质科技与PropTech域名,非常适合AR/VR或智能家居创新">
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/smartreality.com">
14    <meta property="og:title" content="SmartReality.com - For Sale | Appraise.net Marketplace">
15    <meta property="og:description" content="SmartReality.com - 优质科技与PropTech域名,非常适合AR/VR或智能家居创新">
16    <meta property="og:image" content="https://appraise.net/api/og-card?d=smartreality.com&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="SmartReality.com - For Sale | Appraise.net Marketplace">
22    <meta name="twitter:description" content="SmartReality.com - 优质科技与PropTech域名,非常适合AR/VR或智能家居创新">
23    <meta name="twitter:image" content="https://appraise.net/api/og-card?d=smartreality.com&amp;v=6">
24    <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/smartreality.com">
25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/smartreality.com">
26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/smartreality.com">
27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/smartreality.com">    <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-technology {
202            background-color: #edf0ff;
203            color: #004fa9;
204            border-color: #5091ff;
205        }
206        @media (prefers-color-scheme: dark) {
207            html[data-theme="auto"] .badge-technology {
208                background-color: #002e68;
209                color: #edf0ff;
210                border-color: #004fa9;
211            }
212        }
213        html[data-theme="dark"] .badge-technology {
214            background-color: #002e68;
215            color: #edf0ff;
216            border-color: #004fa9;
217        }
218                .badge-real_estate {
219            background-color: #fff9ed;
220            color: #565039;
221            border-color: #9b9378;
222        }
223        @media (prefers-color-scheme: dark) {
224            html[data-theme="auto"] .badge-real_estate {
225                background-color: #312c18;
226                color: #fff9ed;
227                border-color: #565039;
228            }
229        }
230        html[data-theme="dark"] .badge-real_estate {
231            background-color: #312c18;
232            color: #fff9ed;
233            border-color: #565039;
234        }
235                .badge-ai {
236            background-color: #ecffb0;
237            color: #2c3a00;
238            border-color: #7e9f00;
239        }
240        @media (prefers-color-scheme: dark) {
241            html[data-theme="auto"] .badge-ai {
242                background-color: #1d2700;
243                color: #ecffb0;
244                border-color: #2c3a00;
245            }
246        }
247        html[data-theme="dark"] .badge-ai {
248            background-color: #1d2700;
249            color: #ecffb0;
250            border-color: #2c3a00;
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: #edf0ff;
541  --text: #703800;
542  --accent: #b6610b;
543  --border: #5091ff;
544  --bg-card: #ffffff;
545  --bg-muted: #ffede3;
546  --text-light: #3281f6;
547  --text-muted: #004fa9;
548  --accent-text: #ffffff;
549  --accent-hover: #703800;
550  --palette-0: #002e68;
551  --palette-0-text: #ffffff;
552  --palette-1: #004fa9;
553  --palette-1-text: #ffffff;
554  --palette-2: #b6610b;
555  --palette-2-text: #ffffff;
556  --palette-3: #5091ff;
557  --palette-3-text: #000000;
558  --palette-4: #edf0ff;
559  --palette-4-text: #000000;
560}
561
562@media (prefers-color-scheme: dark) {
563  html[data-theme="auto"] {
564    --bg: #004fa9;
565    --text: #ffede3;
566    --accent: #b6610b;
567    --border: #3281f6;
568    --bg-card: #002e68;
569    --bg-muted: #002e68;
570    --text-light: #3281f6;
571    --text-muted: #5091ff;
572    --accent-text: #000000;
573    --accent-hover: #ffede3;
574  }
575}
576
577html[data-theme="dark"] {
578  --bg: #004fa9;
579  --text: #ffede3;
580  --accent: #b6610b;
581  --border: #3281f6;
582  --bg-card: #002e68;
583  --bg-muted: #002e68;
584  --text-light: #3281f6;
585  --text-muted: #5091ff;
586  --accent-text: #000000;
587  --accent-hover: #ffede3;
588}
589
590.card, .card-flush {
591  border: 1px solid #5091ff;
592  border-radius: 8px;
593  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
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/technology-4.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=smartreality.com&amp;file=logo_29bc6691.webp"
613                          data-logo-alt="SmartReality.com logo"><img src="https://appraise.net/api/images?action=serve&amp;domain=smartreality.com&amp;file=logo_29bc6691.webp" alt="SmartReality.com 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%2Fsmartreality.com" class="btn btn-sm btn-outline">Sign In</a>
622                        <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Fsmartreality.com" 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=smartreality.com&amp;file=hero_516662ab.webp')"></div>                    <div class="hero-card-content">
639                                            <p class="text-body text-muted fw-500 hero-subtitle">SmartReality.com - 优质科技与PropTech域名,非常适合AR/VR或智能家居创新</p>
640                                        <h1 class="domain-name">SmartReality.com</h1>
641                                        <div class="flex gap-8 justify-center flex-wrap hero-badges">
642                                                    <span class="badge badge-technology">Technology</span>
643                                                    <span class="badge badge-real_estate">Real Estate</span>
644                                                    <span class="badge badge-ai">AI</span>
645                                            </div>
646                                                            <div class="hero-share">
647                        <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=SmartReality.com%0ASmartReality.com%20-%20%E4%BC%98%E8%B4%A8%E7%A7%91%E6%8A%80%E4%B8%8EPropTech%E5%9F%9F%E5%90%8D%EF%BC%8C%E9%9D%9E%E5%B8%B8%E9%80%82%E5%90%88AR%2FVR%E6%88%96%E6%99%BA%E8%83%BD%E5%AE%B6%E5%B1%85%E5%88%9B%E6%96%B0%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Fsmartreality.com"
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">将“Smart”(物联网、人工智能和互联科技的决定性前缀)与“Reality”(与AR/VR/MR及PropTech高度相关)完美结合。</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">在虚拟现实、智能家居自动化和现代房地产业技术等领域具有广泛的商业适用性。</span>
670                        </div>
671                                            </div>
672                </div>
673                
674                <!-- Market Analysis Card -->
675                                <div class="card card-mb" data-card="market-analysis">
676                    <h2 class="card-heading-tight">市场分析</h2>
677                    <p class="text-sm text-muted lh-relaxed">SmartReality.com 是一项出色的品牌资产,精准切入多个数万亿美元产业的交汇点。“Smart”前缀仍然是域名历史上最具商业成功的前缀之一,而“Reality”则完美契合了迅速扩张的增强现实(AR)、虚拟现实(VR)以及智能地产(PropTech)领域。这类 .com 后缀的高端域名备受风投初创企业和成熟企业的青睐,旨在先进科技领域迅速确立行业权威、信任度及品牌知名度。</p>
678                </div>
679                
680                <!-- Quality Factors Card -->
681                                                <div class="card card-mb" data-card="factors">
682                    <h2 class="card-heading">质量因素</h2>
683                    <div class="factor-grid">
684                                                <div class="factor-item">
685                            <div class="factor-label">品牌潜质</div>
686                            <div class="factor-value">极佳</div>
687                        </div>
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 class="factor-item">
705                            <div class="factor-label">搜索量</div>
706                            <div class="factor-value">中等</div>
707                        </div>
708                                            </div>
709                </div>
710                
711                <!-- Domain Details Card -->
712                                <div class="card card-mb" data-card="domain-info">
713                    <h2 class="card-heading">域名信息</h2>
714                    <div class="flex flex-col detail-list">
715                        <div class="detail-row">
716                            <span class="text-light">后缀</span>
717                                                        <span class="fw-600">.com</span>
718                        </div>
719                        <div class="detail-row">
720                            <span class="text-light">长度</span>
721                            <span class="fw-600">12 个字符</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 class="detail-row">
732                            <span class="text-light">易记程度</span>
733                            <span class="fw-600">极佳</span>
734                        </div>
735                                            </div>
736                </div>
737                
738                <!-- Notes Card -->
739                                <div class="card card-mb" data-card="notes">
740                    <h2 class="card-heading-tight">补充说明</h2>
741                    <p class="text-sm text-muted lh-relaxed">该域名具有极佳的长期投资价值。其多功能性极强,可以轻松作为智能家居生态系统、沉浸式科技工作室或创新房地产平台的主要企业标志。</p>
742                </div>
743                
744                <!-- Seller Info Card (opt-in via seller's portfolio preference) -->
745                            </div>
746
747            <!-- RIGHT SIDEBAR — Price + Actions -->
748            <div class="layout-right sticky-sidebar">
749                <!-- Price Card -->
750                <div class="card card-mb-sm" data-card="price"
751                     data-buy-now-price="23,995"
752                     data-min-offer-price="4800"
753                     data-estimated-high="48,000"
754                     data-show-appraisal="1"
755                     data-listing-id="3323"
756                     data-domain="smartreality.com"
757                     data-canonical-url="https://appraise.net/marketplace/smartreality.com"
758                     data-is-logged-in="0"
759                     data-listing-type="buy_now_or_offer"
760                     data-is-seller="0"
761                     data-buy-now-enabled="1"
762                     data-cert-id="2026-4E039-0E50E2"
763                     data-lto-total="23,995"
764                     data-lto-monthly="1,746"
765                     data-lto-down="4,799"
766                     data-lto-months="11">
767                                        <div id="priceCardContent">
768                                                                <div class="factor-label price-label">ä»·æ ¼</div>
769                        <div class="price-tag price-amount">$23,995</div>
770                                                <div class="text-xs text-light price-appraisal">
771                            <a href="#" class="cert-link" data-cert-id="2026-4E039-0E50E2">估值 $48,000 <i class="fas fa-certificate" style="font-size:0.65em;opacity:0.6"></i></a> <span class="discount-badge">50% 优惠</span>                        </div>
772                                                                                                <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;">
773                            <input type="checkbox" id="qcOptIn" style="flex:none;">
774                            <span style="flex:1;">Keep this purchase private (QuietClose&trade;)</span>
775                            <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>
776                        </label>
777                                                                                                                                        <button class="btn btn-primary btn-mb" id="buyEscrowBtn" title="Sale price: $23,995
778+ Escrow.com fee (shown at next step)
779
780Wire transfer via Escrow.com is much cheaper.
781Funds held until domain transfer confirmed.">
782                                    <i class="fas fa-shield-alt"></i>
782 通过 Escrow.com 购买 <span style="font-size:0.7rem; opacity:0.9; font-weight:500;">· 推荐</span>
783                                </button>
784                                                                    <button class="btn btn-outline btn-mb" id="buyNowBtn" title="Sale price: $23,995
785+ Card processing (3%): $719.85
786= Total: $24,714.85
787
788Funds held until domain transfer confirmed.">
789                                        <i class="fas fa-credit-card"></i> 或使用银行卡支付                                    </button>
790                                                                                                            <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $23,995
791+ No card fee
792= Total: $23,995
793
794Complete buyer privacy: no identity check, only your verified email.
795Rate locked for 30 minutes. Paid after 2 network confirmations.">
796                                        <i class="fab fa-bitcoin"></i> Pay with Bitcoin                                    </button>
797                                                                                                                                                                                    <button class="btn btn-outline btn-mb" id="payAlipayBtn" title="使用支付宝付款。">
798                                        <i class="fab fa-alipay"></i> 支付宝支付                                    </button>
799                                                                        <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.">
800                                        <i class="fas fa-coins"></i> Pay with stablecoins                                    </button>
801                                    <button class="btn btn-outline btn-mb" id="payBankBtn" title="美国银行转账(ACH)。无刷卡手续费;数个工作日内到账。">
802                                        <i class="fas fa-university"></i> 银行转账支付 - 立减2%                                    </button>
803                                                                                                                                                                                                <div class="lto-addon-option" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);">
804                                    <div class="text-sm" style="margin-bottom:6px;">或 <strong>以租代购</strong> 每月仅 <strong>$1,746/月</strong> &times; 11 个月 &middot; $4,799 首付</div>
805                                    <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $23,995.">
806                                        <i class="fas fa-file-signature"></i> 以租代购                                    </button>
807                                </div>
808                                                                        
809                                                                        <button class="btn btn-outline btn-mb" id="makeOfferBtn">
810                                <i class="fas fa-hand-holding-usd"></i> 我要出价                            </button>
811                                            
812                                        </div>
813
814                                        <div class="flex gap-8">
815                                                <button class="btn btn-sm btn-outline flex-1" id="favoriteBtn" data-listing-id="3323">
816                            <i class="far fa-heart"></i>
817                            Save                        </button>
818                                            </div>
819                                                        </div>
820
821                <!-- Trust Card -->
822                <div class="card" data-card="trust">
823                    <div class="flex flex-col trust-list">
824                        <div class="trust-item">
825                            <i class="fas fa-shield-alt trust-icon"></i>
826                                                        <span>交易管理方: Appraise.net / Domaincracy LLC</span>
827                                                    </div>
828                                                <div class="trust-item">
829                            <i class="fas fa-certificate trust-icon"></i>
830                            <span>AI 验证估值</span>
831                        </div>
832                                                <div class="trust-item">
833                            <i class="fas fa-exchange-alt trust-icon"></i>
834                            <span>全程引导过户</span>
835                        </div>
836                    </div>
837                                    </div>
838
839                <!-- Seller Analytics (seller only) -->
840                            </div>
841        </div>
842    </main>
843
844    <!-- Mobile Sticky CTA -->
845        <div class="mobile-cta">
846        <div class="mobile-cta-text">
847                            <div class="mobile-cta-price">$23,995</div>
848                    </div>
849                                    <button class="btn btn-primary btn-cta">立即购买</button>
850                        </div>
851    
852    <style>
853    .mkt-footer {
854        background: #111827;
855        padding: 34px 0 42px;
856        margin-top: 64px;
857    }
858    .mkt-footer-inner { text-align: center; font-size: 0.8125rem; color: #9ca3af; }
859    .mkt-footer-link { color: #d1d5db; text-decoration: none; font-weight: 600; }
860    .mkt-footer-link:hover { color: #ffffff; }
861    .mkt-footer-badges { margin: 16px 0 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
862    .mkt-cred { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4e4ec; border-radius: 10px;
863                padding: 7px 13px; background: #fafafa; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
864    .mkt-cred:hover { border-color: #34d399; box-shadow: 0 4px 14px rgba(52,211,153,.18); }
865    .mkt-cred .ic { color: #067647; font-size: 15px; }
866    .mkt-cred img { height: 18px; width: auto; display: block; }
867    .mkt-cred .t { line-height: 1.15; text-align: left; }
868    .mkt-cred .t small { display: block; font-size: 10px; color: #6b7180; letter-spacing: .02em; }
869    .mkt-cred .t b { font-size: 12px; color: #067647; font-weight: 800; }
870    .mkt-footer-credentials { margin-top: 10px; font-size: 0.75rem; color: #6b7280; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; }
871    .mkt-footer-credentials span { white-space: nowrap; }
872    .mkt-footer-credentials a { color: inherit; }
873    .mkt-footer-tip { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; }
874</style>
875<footer class="mkt-footer">
876    <div class="container mkt-footer-inner">
877        <p>技术支持: <a href="https://appraise.net" class="mkt-footer-link">Appraise.net&trade; 交易市场</a> &mdash; Domaincracy&reg; LLC 旗下服务</p>
878        <div class="mkt-footer-badges">
879            <a class="mkt-cred" href="https://developer.mozilla.org/en-US/observatory/analyze?host=appraise.net"
880               target="_blank" rel="noopener noreferrer" title="Mozilla Observatory Security Score">
881                <span class="ic" aria-hidden="true">&#128737;</span>
882                <span class="t"><small>安全评分</small><b>105/100 A+</b></span>
883            </a>
884            <a class="mkt-cred" href="https://transparencyreport.google.com/safe-browsing/search?url=appraise.net&amp;hl=en"
885               target="_blank" rel="noopener noreferrer" title="Google Safe Browsing Status">
886                <img src="https://appraise.net/images/safebrowsing-logo.svg" alt="Safe Browsing">
887                <span class="t"><small>安全浏览</small><b>No issues</b></span>
888            </a>
889            <a class="mkt-cred" href="https://www.escrow.com/why-escrowcom" target="_blank" rel="noopener noreferrer"
890               title="High-value transfers handled by Escrow.com, a licensed escrow company">
891                <span class="ic" aria-hidden="true">&#128274;</span>
892                <span class="t"><small>过户托管</small><b>Escrow.com</b></span>
893            </a>
894            <a class="mkt-cred" href="https://stripe.com" target="_blank" rel="noopener noreferrer"
895               title="Card payments processed by Stripe">
896                <img src="https://appraise.net/images/stripe.png" alt="Stripe" style="height:16px;">
897                <span class="t"><small>支付服务</small><b>Stripe</b></span>
898            </a>
899            <a class="mkt-cred" href="https://www.bbb.org/us/az/scottsdale/profile/web-hosting/domaincracy-1126-1000057633#sealclick"
900               target="_blank" rel="noopener noreferrer" title="Better Business Bureau profile: Domaincracy LLC, Scottsdale AZ">
901                <span class="ic" aria-hidden="true">&#11088;</span>
902                <span class="t"><small>BBB 评级</small><b>A+</b></span>
903            </a>
904        </div>
905        <div class="mkt-footer-credentials">
906            <span><span class="mkt-footer-tip" title="Internet Corporation for Assigned Names and Numbers &mdash; Business Constituency">ICANN BC</span> 成员</span>
907            <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>
908            <span><span class="mkt-footer-tip" title="Internet Commerce Association">ICA</span> 成员</span>
909        </div>
910    </div>
911</footer>
912
913    <!-- Certificate Modal -->
914    <div id="certModal" class="cert-modal">
915        <div class="cert-modal-backdrop"></div>
916        <div class="cert-modal-content">
917            <button class="cert-modal-close"><i class="fas fa-times"></i></button>
918            <div class="cert-modal-loading"><i class="fas fa-spinner fa-spin"></i> Retrieving certificate...</div>
919            <iframe id="certIframe" class="cert-modal-iframe"></iframe>
920        </div>
921    </div>
922
923    <!-- Handoff Modal (shown on non-canonical hosts before bouncing to appraise.net) -->
924    <div id="handoffModal" class="offer-modal" hidden>
925        <div class="offer-modal-backdrop" data-handoff-close></div>
926        <div class="offer-modal-content">
927            <button class="offer-modal-close" data-handoff-close aria-label="Close"><i class="fas fa-times"></i></button>
928            <h3 class="offer-modal-title" id="handoffTitle">Continue on Appraise.net</h3>
929            <p class="offer-modal-sub" id="handoffSub">
930                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.
931            </p>
932            <div class="offer-modal-actions">
933                <button class="btn btn-outline" data-handoff-close>Cancel</button>
934                <a class="btn btn-primary" id="handoffContinueBtn" href="#">Continue to Appraise.net <i class="fas fa-arrow-right"></i></a>
935            </div>
936        </div>
937    </div>
938
939    <!-- Offer / Inquiry Modal -->
940        <div id="ltoTermsModal" class="offer-modal" hidden>
941        <div class="offer-modal-backdrop" data-lto-close></div>
942        <div class="offer-modal-content">
943            <button class="offer-modal-close" data-lto-close aria-label="Close"><i class="fas fa-times"></i></button>
944            <h3 class="offer-modal-title">Before you start the lease</h3>
945            <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>
946            <label style="display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:0.95rem;line-height:1.45;cursor:pointer;">
947                <input type="checkbox" id="ltoTermsAck" style="margin-top:4px;">
948                <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>
949            </label>
950            <button class="btn btn-primary" id="ltoTermsContinue" disabled><i class="fas fa-file-signature"></i> Start lease</button>
951            <p class="mpt-error" id="ltoTermsError" hidden style="margin-top:8px;color:#dc2626;font-size:13px;"></p>
952        </div>
953    </div>
954    <div id="offerModal" class="offer-modal" hidden>
955        <div class="offer-modal-backdrop" data-offer-close></div>
956        <div class="offer-modal-content">
957            <button class="offer-modal-close" data-offer-close aria-label="Close"><i class="fas fa-times"></i></button>
958            <h3 class="offer-modal-title" id="offerModalTitle">Make an Offer</h3>
959            <p class="offer-modal-sub" id="offerModalSub"></p>
960
961            <div class="offer-modal-field" id="offerAmountField">
962                <label for="offerAmountInput">Your offer (USD)</label>
963                <div class="offer-amount-row">
964                    <span class="offer-amount-prefix">$</span>
965                    <input type="number" id="offerAmountInput" inputmode="numeric" min="4800" step="1" placeholder="4800">
966                </div>
967                                <div class="offer-modal-hint">Minimum offer: $4,800</div>
968                            </div>
969
970            <div class="offer-modal-field" id="offerExpiryField">
971                <label for="offerExpiryInput">Offer good for</label>
972                <select id="offerExpiryInput" class="input" style="width:100%;">
973                    <option value="3">3 days</option>
974                    <option value="7">7 days</option>
975                    <option value="14" selected>14 days</option>
976                    <option value="30">30 days</option>
977                </select>
978                <div class="offer-modal-hint">How long the seller has to respond before this offer lapses. You can always re-offer.</div>
979            </div>
980
981            <div class="offer-modal-field">
982                <label for="offerMessageInput" id="offerMessageLabel">Message <span class="text-light">(optional)</span></label>
983                <textarea id="offerMessageInput" rows="3" maxlength="1000" placeholder="Add a note for the seller..."></textarea>
984                <div class="offer-modal-hint">No emails, phone numbers, or links — they'll be filtered.</div>
985            </div>
986
987            <div class="offer-modal-error" id="offerModalError" hidden></div>
988
989            <div class="offer-modal-actions">
990                <button class="btn btn-outline" data-offer-close>Cancel</button>
991                <button class="btn btn-primary" id="offerSubmitBtn"><i class="fas fa-paper-plane"></i> <span id="offerSubmitLabel">Send Offer</span></button>
992            </div>
993        </div>
994    </div>
995
996    <div id="escrowModal"
997     role="dialog"
998     aria-modal="true"
999     aria-labelledby="escrowModalTitle"
1000     data-prefill-email=""
1001     style="display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center;">
1002
1003    <div id="escrowModalOverlay" style="position:absolute; inset:0; background:rgba(15,23,42,0.55); backdrop-filter: blur(2px);"></div>
1004
1005    <div role="document"
1006         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;">
1007
1008        <button type="button" id="escrowModalClose" aria-label="Close"
1009                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>
1010
1011        <h3 id="escrowModalTitle" style="margin:0 0 10px 0; font-size:1.15rem; font-weight:700;">
1012            <i class="fas fa-shield-alt" style="color:#16a34a; margin-right:6px;"></i> Pay via Escrow.com
1013        </h3>
1014
1015        <p style="margin:0 0 10px 0; font-size:0.875rem; line-height:1.5; color:#334155;">
1016            Escrow.com holds your funds until the domain transfer is confirmed.
1017            Choose this if you have a verified Escrow.com account or are willing to verify (free, ~5 mins).
1018        </p>
1019
1020        <button type="button" id="escrowExplainerToggle"
1021                aria-expanded="false" aria-controls="escrowExplainerPanel"
1022                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;">
1023            <span id="escrowExplainerToggleLabel">What is Escrow.com?</span>
1024            <i id="escrowExplainerChevron" class="fas fa-chevron-down" style="font-size:0.7rem; transition:transform 0.15s ease;"></i>
1025        </button>
1026
1027        <div id="escrowExplainerPanel" hidden
1028             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;">
1029            <p style="margin:0 0 8px 0; font-weight:600;">Escrow.com is the industry-standard payment processor for high-value domain sales.</p>
1030            <ul style="margin:0; padding-left:18px; color:#334155;">
1031                <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>
1032                <li><strong>Wire or other methods.</strong> Wire transfer is the standard for larger sales; other options surface during checkout.</li>
1033                <li><strong>Quick verification.</strong> If you don't have an Escrow.com account, signup + verification takes ~5 minutes and is free.</li>
1034                <li><strong>Used worldwide.</strong> Standard rails for six- and seven-figure domain deals — same protection scaled to your transaction size.</li>
1035            </ul>
1036            <p style="margin:8px 0 0 0; font-size:0.75rem; color:#64748b;">
1037                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.
1038            </p>
1039        </div>
1040
1041        <label for="escrowModalEmail" style="display:block; font-size:0.8125rem; font-weight:600; margin-bottom:6px; color:#0f172a;">
1042            Your Escrow.com email
1043        </label>
1044        <input type="email" id="escrowModalEmail" autocomplete="email" required
1045               placeholder="[email protected]"
1046               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;" />
1047
1048        <p id="escrowModalHint" style="margin:6px 0 0 0; font-size:0.75rem; color:#64748b;">
1049            Use the email matching your verified Escrow.com account, or any email you'll verify with them.
1050        </p>
1051
1052        <p id="escrowModalError" role="alert" hidden
1053           style="margin:10px 0 0 0; font-size:0.8125rem; color:#dc2626;"></p>
1054
1055        <div style="display:flex; gap:10px; justify-content:flex-end; margin-top:18px;">
1056            <button type="button" id="escrowModalCancel"
1057                    style="padding:8px 16px; font-size:0.875rem; font-weight:500; background:#f1f5f9; color:#0f172a; border:1px solid #cbd5e1; border-radius:8px; cursor:pointer;">
1058                Cancel
1059            </button>
1060            <button type="button" id="escrowModalContinue"
1061                    style="padding:8px 18px; font-size:0.875rem; font-weight:600; background:#16a34a; color:#ffffff; border:1px solid #16a34a; border-radius:8px; cursor:pointer;">
1062                Continue to Escrow.com
1063            </button>
1064        </div>
1065    </div>
1066</div>
1067
1068        <!-- Full-logo lightbox (opened from the nav brand logo) -->
1069    <div id="logo-lightbox" class="logo-lightbox" hidden>
1070        <button type="button" class="logo-lightbox-close" aria-label="Close">&times;</button>
1071        <img class="logo-lightbox-img" src="" alt="">
1072    </div>
1073    
1074    
1074<script src="/js/marketplace-escrow-modal.js?v=1791462458"></script>
1074
1075    
1075<script src="/js/marketplace-listing.js?v=1791462458"></script>
1075
1076    
1076<script src="/js/marketplace-artist-listener.js?v=1791462458"></script>
1076
1077</body>
1078</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.