PageSourceSearch

https://wikitree.org/zh?setlang=zh

html wikitree.org collected 2026-10-02 10:06:04 UTC 58,510 bytes, 1,079 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>WikiTree.org - For Sale | Appraise.net Marketplace</title>
10    <meta name="description" content="Ideal TLD 下的优质协作谱系与知识库品牌">
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/wikitree.org">
14    <meta property="og:title" content="WikiTree.org - For Sale | Appraise.net Marketplace">
15    <meta property="og:description" content="Ideal TLD 下的优质协作谱系与知识库品牌">
16    <meta property="og:image" content="https://appraise.net/api/og-card?d=wikitree.org&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="WikiTree.org - For Sale | Appraise.net Marketplace">
22    <meta name="twitter:description" content="Ideal TLD 下的优质协作谱系与知识库品牌">
23    <meta name="twitter:image" content="https://appraise.net/api/og-card?d=wikitree.org&amp;v=6">
24    <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/wikitree.org">
25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/wikitree.org">
26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/wikitree.org">
27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/wikitree.org">    <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-education {
219            background-color: #fff2df;
220            color: #4b3500;
221            border-color: #b68d36;
222        }
223        @media (prefers-color-scheme: dark) {
224            html[data-theme="auto"] .badge-education {
225                background-color: #332300;
226                color: #fff2df;
227                border-color: #4b3500;
228            }
229        }
230        html[data-theme="dark"] .badge-education {
231            background-color: #332300;
232            color: #fff2df;
233            border-color: #4b3500;
234        }
235                .badge-social {
236            background-color: #ffede9;
237            color: #89301e;
238            border-color: #e3735c;
239        }
240        @media (prefers-color-scheme: dark) {
241            html[data-theme="auto"] .badge-social {
242                background-color: #5e1003;
243                color: #ffede9;
244                border-color: #89301e;
245            }
246        }
247        html[data-theme="dark"] .badge-social {
248            background-color: #5e1003;
249            color: #ffede9;
250            border-color: #89301e;
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
492        /* ---- Verified icon ---- */
493        .verified-icon { color: var(--text-light); margin-left: 4px; }
494
495        /* ---- Certificate link ---- */
496        .cert-link { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--text-light); cursor: pointer; transition: opacity 0.15s; }
497        .cert-link:hover { opacity: 0.7; }
498
499        /* ---- Certificate modal ---- */
500        .cert-modal { display: none; position: fixed; inset: 0; z-index: 9999; }
501        .cert-modal.open { display: flex; align-items: center; justify-content: center; }
502        .cert-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.7); }
503        .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); }
504        .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; }
505        .cert-modal-close:hover { background: rgba(0,0,0,0.8); }
506        .cert-modal-iframe { width: 100%; height: 100%; border: none; transition: opacity 0.2s; }
507        .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; }
508
509        /* ---- Offer Modal ---- */
510        .offer-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; }
511        .offer-modal[hidden] { display: none; }
512        .offer-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
513        .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); }
514        .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; }
515        .offer-modal-close:hover { background: var(--bg-muted); color: var(--text); }
516        .offer-modal-title { font-size: 1.125rem; font-weight: 700; margin-bottom: 4px; }
517        .offer-modal-sub { font-size: 0.8125rem; color: var(--text-light); margin-bottom: 18px; }
518        .offer-modal-field { margin-bottom: 14px; }
519        .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; }
520        .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; }
521        .offer-modal-field textarea { resize: vertical; min-height: 70px; }
522        .offer-modal-field input:focus, .offer-modal-field textarea:focus { outline: none; border-color: var(--text); }
523        .offer-amount-row { display: flex; align-items: stretch; }
524        .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); }
525        .offer-amount-row input[type="number"] { border-radius: 0 8px 8px 0; }
526        .offer-modal-hint { font-size: 0.6875rem; color: var(--text-light); margin-top: 4px; }
527        .offer-modal-error { background: #fee2e2; color: #991b1b; padding: 10px 12px; border-radius: 8px; font-size: 0.8125rem; margin-bottom: 12px; }
528        .offer-modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }
529        .offer-modal-actions .btn { min-width: 100px; }
530
531
532        /* ---- Seller info (mobile/tablet card) ---- */
533        .seller-card-inner { display: flex; align-items: center; justify-content: space-between; }
534    </style>
535        <style id="listing-style">
536:root, html[data-theme="light"] {
537  --bg: #edf0ff;
538  --text: #703800;
539  --accent: #b6610b;
540  --border: #5091ff;
541  --bg-card: #ffffff;
542  --bg-muted: #ffede3;
543  --text-light: #3281f6;
544  --text-muted: #004fa9;
545  --accent-text: #ffffff;
546  --accent-hover: #703800;
547  --palette-0: #002e68;
548  --palette-0-text: #ffffff;
549  --palette-1: #004fa9;
550  --palette-1-text: #ffffff;
551  --palette-2: #b6610b;
552  --palette-2-text: #ffffff;
553  --palette-3: #5091ff;
554  --palette-3-text: #000000;
555  --palette-4: #edf0ff;
556  --palette-4-text: #000000;
557}
558
559@media (prefers-color-scheme: dark) {
560  html[data-theme="auto"] {
561    --bg: #004fa9;
562    --text: #ffede3;
563    --accent: #b6610b;
564    --border: #3281f6;
565    --bg-card: #002e68;
566    --bg-muted: #002e68;
567    --text-light: #3281f6;
568    --text-muted: #5091ff;
569    --accent-text: #000000;
570    --accent-hover: #ffede3;
571  }
572}
573
574html[data-theme="dark"] {
575  --bg: #004fa9;
576  --text: #ffede3;
577  --accent: #b6610b;
578  --border: #3281f6;
579  --bg-card: #002e68;
580  --bg-muted: #002e68;
581  --text-light: #3281f6;
582  --text-muted: #5091ff;
583  --accent-text: #000000;
584  --accent-hover: #ffede3;
585}
586
587.card, .card-flush {
588  border: 1px solid #5091ff;
589  border-radius: 8px;
590  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
591}
592    </style>
593            <style>body { background: transparent !important; }</style>
594    </head>
595<body>
596
597            <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>
598    <div id="artist-bg-overlay" style="position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg);opacity:0.75"></div>
599    
600    <!-- Navigation -->
601    <header>
602        <div class="container">
603            <nav class="nav">
604                <div class="nav-left">
605                    <span class="nav-logo">拥有这个域名</span>
606                                        <span class="nav-brand-logo logo-zoomable" role="button" tabindex="0"
607                          title="Click to enlarge logo"
608                          aria-label="Enlarge logo"
609                          data-logo-src="https://appraise.net/api/images?action=serve&amp;domain=wikitree.org&amp;file=logo_61afb1c5.webp"
610                          data-logo-alt="WikiTree.org logo"><img src="https://appraise.net/api/images?action=serve&amp;domain=wikitree.org&amp;file=logo_61afb1c5.webp" alt="WikiTree.org logo" loading="lazy"></span>
611                                    </div>
612                <div class="nav-actions">
613                                                                <a href="/?setlang=en" hreflang="en" class="btn btn-sm btn-outline">English</a>
614                                        <button id="themeToggle" class="btn btn-sm btn-outline btn-icon" aria-label="Toggle theme">
615                        <i class="fas fa-sun hidden" id="themeIconLight"></i>
616                        <i class="fas fa-moon hidden" id="themeIconDark"></i>
617                    </button>
618                                            <a href="https://appraise.net/login?redirect=%2Fmarketplace%2Fwikitree.org" class="btn btn-sm btn-outline">Sign In</a>
619                        <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Fwikitree.org" class="btn btn-sm btn-primary">Register</a>
620                                    </div>
621            </nav>
622        </div>
623    </header>
624
625    <!-- Seller Actions Bar (only visible to listing owner; suppressed in preview mode) -->
626    
627    <!-- Main Content -->
628    <main class="container main-content">
629        <div class="layout">
630
631            <!-- CENTER — Main Content -->
632            <div class="layout-center">
633                <!-- Hero Card: Domain Name + CTA Title -->
634                <div class="card card-mb hero-card" data-card="hero">
635                    <div class="hero-card-bg" style="background-image:url('https://appraise.net/api/images?action=serve&amp;domain=wikitree.org&amp;file=hero_61afb1c5.webp')"></div>                    <div class="hero-card-content">
636                                            <p class="text-body text-muted fw-500 hero-subtitle">Ideal TLD 下的优质协作谱系与知识库品牌</p>
637                                        <h1 class="domain-name">WikiTree.org</h1>
638                                        <div class="flex gap-8 justify-center flex-wrap hero-badges">
639                                                    <span class="badge badge-technology">Technology</span>
640                                                    <span class="badge badge-education">Education</span>
641                                                    <span class="badge badge-social">Social</span>
642                                            </div>
643                                                            <div class="hero-share">
644                        <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=WikiTree.org%0AIdeal%20TLD%20%E4%B8%8B%E7%9A%84%E4%BC%98%E8%B4%A8%E5%8D%8F%E4%BD%9C%E8%B0%B1%E7%B3%BB%E4%B8%8E%E7%9F%A5%E8%AF%86%E5%BA%93%E5%93%81%E7%89%8C%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Fwikitree.org"
645                           target="_blank" rel="noopener noreferrer"
646                           aria-label="Share on X">
647                            <i class="fab fa-x-twitter" aria-hidden="true"></i> Share on X                        </a>
648                    </div>
649                    </div>
650                </div>
651
652                <!-- Strengths Card -->
653                                <div class="card card-mb" data-card="strengths">
654                    <h2 class="card-heading">优势</h2>
655                    <div>
656                                                <div class="strength-item">
657                            <span class="strength-icon"><i class="fas fa-check"></i></span>
658                            <span class="text-sm">高度易记且直观的品牌名称</span>
659                        </div>
660                                                <div class="strength-item">
661                            <span class="strength-icon"><i class="fas fa-check"></i></span>
662                            <span class="text-sm">协作型“wiki”前缀与专注于社区的“.org”后缀完美契合</span>
663                        </div>
664                                                <div class="strength-item">
665                            <span class="strength-icon"><i class="fas fa-check"></i></span>
666                            <span class="text-sm">与家谱、族谱和结构化知识数据库具有强烈的关联性</span>
667                        </div>
668                                                <div class="strength-item">
669                            <span class="strength-icon"><i class="fas fa-check"></i></span>
670                            <span class="text-sm">拼写简单、发音流畅且易于全球推广</span>
671                        </div>
672                                            </div>
673                </div>
674                
675                <!-- Market Analysis Card -->
676                                <div class="card card-mb" data-card="market-analysis">
677                    <h2 class="card-heading-tight">市场分析</h2>
678                    <p class="text-sm text-muted lh-relaxed">该域名为协作平台、非营利组织或开源家谱项目代表了顶级梯队的品牌机遇。“wiki”一词在网络上具有极高的权威性,与“tree”结合后,能够立即传达出结构化、社区共建数据库的概念。由于“.org”因信息和社区资源而深受互联网用户高度信任,该域名在其类别中享有显著的溢价空间。</p>
679                </div>
680                
681                <!-- Quality Factors Card -->
682                                                <div class="card card-mb" data-card="factors">
683                    <h2 class="card-heading">质量因素</h2>
684                    <div class="factor-grid">
685                                                <div class="factor-item">
686                            <div class="factor-label">品牌潜质</div>
687                            <div class="factor-value">极佳</div>
688                        </div>
689                                                <div class="factor-item">
690                            <div class="factor-label">易记程度</div>
691                            <div class="factor-value">极佳</div>
692                        </div>
693                                                <div class="factor-item">
694                            <div class="factor-label">商业价值</div>
695                            <div class="factor-value">中等</div>
696                        </div>
697                                                <div class="factor-item">
698                            <div class="factor-label">长度</div>
699                            <div class="factor-value">极佳</div>
700                        </div>
701                                                <div class="factor-item">
702                            <div class="factor-label">流量潜力</div>
703                            <div class="factor-value">高</div>
704                        </div>
705                                                <div class="factor-item">
706                            <div class="factor-label">搜索量</div>
707                            <div class="factor-value">高</div>
708                        </div>
709                                            </div>
710                </div>
711                
712                <!-- Domain Details Card -->
713                                <div class="card card-mb" data-card="domain-info">
714                    <h2 class="card-heading">域名信息</h2>
715                    <div class="flex flex-col detail-list">
716                        <div class="detail-row">
717                            <span class="text-light">后缀</span>
718                                                        <span class="fw-600">.org</span>
719                        </div>
720                        <div class="detail-row">
721                            <span class="text-light">长度</span>
722                            <span class="fw-600">8 个字符</span>
723                        </div>
724                        <div class="detail-row">
725                            <span class="text-light">类型</span>
726                            <span class="fw-600">部分匹配关键词</span>
727                        </div>
728                                                <div class="detail-row">
729                            <span class="text-light">品牌潜质</span>
730                            <span class="fw-600">极佳</span>
731                        </div>
732                                                                        <div class="detail-row">
733                            <span class="text-light">易记程度</span>
734                            <span class="fw-600">极佳</span>
735                        </div>
736                                            </div>
737                </div>
738                
739                <!-- Notes Card -->
740                                <div class="card card-mb" data-card="notes">
741                    <h2 class="card-heading-tight">补充说明</h2>
742                    <p class="text-sm text-muted lh-relaxed">一项具有内置权威性和高回溯价值的杰出品牌资产。</p>
743                </div>
744                
745                <!-- Seller Info Card (opt-in via seller's portfolio preference) -->
746                            </div>
747
748            <!-- RIGHT SIDEBAR — Price + Actions -->
749            <div class="layout-right sticky-sidebar">
750                <!-- Price Card -->
751                <div class="card card-mb-sm" data-card="price"
752                     data-buy-now-price="55,000"
753                     data-min-offer-price="11000"
754                     data-estimated-high="75,000"
755                     data-show-appraisal="1"
756                     data-listing-id="8058"
757                     data-domain="wikitree.org"
758                     data-canonical-url="https://appraise.net/marketplace/wikitree.org"
759                     data-is-logged-in="0"
760                     data-listing-type="buy_now_or_offer"
761                     data-is-seller="0"
762                     data-buy-now-enabled="1"
763                     data-cert-id="2026-2238C-EADEDE"
764                     data-lto-total="55,000"
765                     data-lto-monthly="4,000"
766                     data-lto-down="11,000"
767                     data-lto-months="11">
768                                        <div id="priceCardContent">
769                                                                <div class="factor-label price-label">ä»·æ ¼</div>
770                        <div class="price-tag price-amount">$55,000</div>
771                                                <div class="text-xs text-light price-appraisal">
772                            <a href="#" class="cert-link" data-cert-id="2026-2238C-EADEDE">估值 $75,000 <i class="fas fa-certificate" style="font-size:0.65em;opacity:0.6"></i></a> <span class="discount-badge">27% 优惠</span>                        </div>
773                                                                                                <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;">
774                            <input type="checkbox" id="qcOptIn" style="flex:none;">
775                            <span style="flex:1;">Keep this purchase private (QuietClose&trade;)</span>
776                            <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>
777                        </label>
778                                                                                                                                        <button class="btn btn-primary btn-mb" id="buyEscrowBtn" title="Sale price: $55,000
779+ Escrow.com fee (shown at next step)
780
781Wire transfer via Escrow.com is much cheaper.
782Funds held until domain transfer confirmed.">
783                                    <i class="fas fa-shield-alt"></i>
783 通过 Escrow.com 购买 <span style="font-size:0.7rem; opacity:0.9; font-weight:500;">· 推荐</span>
784                                </button>
785                                                                    <button class="btn btn-outline btn-mb" id="buyNowBtn" title="Sale price: $55,000
786+ Card processing (3%): $1,650.00
787= Total: $56,650.00
788
789Funds held until domain transfer confirmed.">
790                                        <i class="fas fa-credit-card"></i> 或使用银行卡支付                                    </button>
791                                                                                                            <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $55,000
792+ No card fee
793= Total: $55,000
794
795Complete buyer privacy: no identity check, only your verified email.
796Rate locked for 30 minutes. Paid after 6 network confirmations.">
797                                        <i class="fab fa-bitcoin"></i> Pay with Bitcoin                                    </button>
798                                                                                                                                                                                    <button class="btn btn-outline btn-mb" id="payAlipayBtn" title="使用支付宝付款。">
799                                        <i class="fab fa-alipay"></i> 支付宝支付                                    </button>
800                                                                        <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.">
801                                        <i class="fas fa-coins"></i> Pay with stablecoins                                    </button>
802                                    <button class="btn btn-outline btn-mb" id="payBankBtn" title="美国银行转账(ACH)。无刷卡手续费;数个工作日内到账。">
803                                        <i class="fas fa-university"></i> 银行转账支付 - 立减2%                                    </button>
804                                                                                                                                                                                                <div class="lto-addon-option" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);">
805                                    <div class="text-sm" style="margin-bottom:6px;">或 <strong>以租代购</strong> 每月仅 <strong>$4,000/月</strong> &times; 11 个月 &middot; $11,000 首付</div>
806                                    <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $55,000.">
807                                        <i class="fas fa-file-signature"></i> 以租代购                                    </button>
808                                </div>
809                                                                        
810                                                                        <button class="btn btn-outline btn-mb" id="makeOfferBtn">
811                                <i class="fas fa-hand-holding-usd"></i> 我要出价                            </button>
812                                            
813                                        </div>
814
815                                        <div class="flex gap-8">
816                                                <button class="btn btn-sm btn-outline flex-1" id="favoriteBtn" data-listing-id="8058">
817                            <i class="far fa-heart"></i>
818                            Save                        </button>
819                                            </div>
820                                                        </div>
821
822                <!-- Trust Card -->
823                <div class="card" data-card="trust">
824                    <div class="flex flex-col trust-list">
825                        <div class="trust-item">
826                            <i class="fas fa-shield-alt trust-icon"></i>
827                                                        <span>交易管理方: Appraise.net / Domaincracy LLC</span>
828                                                    </div>
829                                                <div class="trust-item">
830                            <i class="fas fa-certificate trust-icon"></i>
831                            <span>AI 验证估值</span>
832                        </div>
833                                                <div class="trust-item">
834                            <i class="fas fa-exchange-alt trust-icon"></i>
835                            <span>全程引导过户</span>
836                        </div>
837                    </div>
838                </div>
839
840                <!-- Seller Analytics (seller only) -->
841                            </div>
842        </div>
843    </main>
844
845    <!-- Mobile Sticky CTA -->
846        <div class="mobile-cta">
847        <div class="mobile-cta-text">
848                            <div class="mobile-cta-price">$55,000</div>
849                    </div>
850                                    <button class="btn btn-primary btn-cta">立即购买</button>
851                        </div>
852    
853    <style>
854    .mkt-footer {
855        background: #111827;
856        padding: 34px 0 42px;
857        margin-top: 64px;
858    }
859    .mkt-footer-inner { text-align: center; font-size: 0.8125rem; color: #9ca3af; }
860    .mkt-footer-link { color: #d1d5db; text-decoration: none; font-weight: 600; }
861    .mkt-footer-link:hover { color: #ffffff; }
862    .mkt-footer-badges { margin: 16px 0 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
863    .mkt-cred { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4e4ec; border-radius: 10px;
864                padding: 7px 13px; background: #fafafa; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
865    .mkt-cred:hover { border-color: #34d399; box-shadow: 0 4px 14px rgba(52,211,153,.18); }
866    .mkt-cred .ic { color: #067647; font-size: 15px; }
867    .mkt-cred img { height: 18px; width: auto; display: block; }
868    .mkt-cred .t { line-height: 1.15; text-align: left; }
869    .mkt-cred .t small { display: block; font-size: 10px; color: #6b7180; letter-spacing: .02em; }
870    .mkt-cred .t b { font-size: 12px; color: #067647; font-weight: 800; }
871    .mkt-footer-credentials { margin-top: 10px; font-size: 0.75rem; color: #6b7280; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; }
872    .mkt-footer-credentials span { white-space: nowrap; }
873    .mkt-footer-credentials a { color: inherit; }
874    .mkt-footer-tip { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; }
875</style>
876<footer class="mkt-footer">
877    <div class="container mkt-footer-inner">
878        <p>技术支持: <a href="https://appraise.net" class="mkt-footer-link">Appraise.net&trade; 交易市场</a> &mdash; Domaincracy&reg; LLC 旗下服务</p>
879        <div class="mkt-footer-badges">
880            <a class="mkt-cred" href="https://developer.mozilla.org/en-US/observatory/analyze?host=appraise.net"
881               target="_blank" rel="noopener noreferrer" title="Mozilla Observatory Security Score">
882                <span class="ic" aria-hidden="true">&#128737;</span>
883                <span class="t"><small>安全评分</small><b>105/100 A+</b></span>
884            </a>
885            <a class="mkt-cred" href="https://transparencyreport.google.com/safe-browsing/search?url=appraise.net&amp;hl=en"
886               target="_blank" rel="noopener noreferrer" title="Google Safe Browsing Status">
887                <img src="https://appraise.net/images/safebrowsing-logo.svg" alt="Safe Browsing">
888                <span class="t"><small>安全浏览</small><b>No issues</b></span>
889            </a>
890            <a class="mkt-cred" href="https://www.escrow.com/why-escrowcom" target="_blank" rel="noopener noreferrer"
891               title="High-value transfers handled by Escrow.com, a licensed escrow company">
892                <span class="ic" aria-hidden="true">&#128274;</span>
893                <span class="t"><small>过户托管</small><b>Escrow.com</b></span>
894            </a>
895            <a class="mkt-cred" href="https://stripe.com" target="_blank" rel="noopener noreferrer"
896               title="Card payments processed by Stripe">
897                <img src="https://appraise.net/images/stripe.png" alt="Stripe" style="height:16px;">
898                <span class="t"><small>支付服务</small><b>Stripe</b></span>
899            </a>
900            <a class="mkt-cred" href="https://www.bbb.org/us/az/scottsdale/profile/web-hosting/domaincracy-1126-1000057633#sealclick"
901               target="_blank" rel="noopener noreferrer" title="Better Business Bureau profile: Domaincracy LLC, Scottsdale AZ">
902                <span class="ic" aria-hidden="true">&#11088;</span>
903                <span class="t"><small>BBB 评级</small><b>A+</b></span>
904            </a>
905        </div>
906        <div class="mkt-footer-credentials">
907            <span><span class="mkt-footer-tip" title="Internet Corporation for Assigned Names and Numbers &mdash; Business Constituency">ICANN BC</span> 成员</span>
908            <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>
909            <span><span class="mkt-footer-tip" title="Internet Commerce Association">ICA</span> 成员</span>
910        </div>
911    </div>
912</footer>
913
914    <!-- Certificate Modal -->
915    <div id="certModal" class="cert-modal">
916        <div class="cert-modal-backdrop"></div>
917        <div class="cert-modal-content">
918            <button class="cert-modal-close"><i class="fas fa-times"></i></button>
919            <div class="cert-modal-loading"><i class="fas fa-spinner fa-spin"></i> Retrieving certificate...</div>
920            <iframe id="certIframe" class="cert-modal-iframe"></iframe>
921        </div>
922    </div>
923
924    <!-- Handoff Modal (shown on non-canonical hosts before bouncing to appraise.net) -->
925    <div id="handoffModal" class="offer-modal" hidden>
926        <div class="offer-modal-backdrop" data-handoff-close></div>
927        <div class="offer-modal-content">
928            <button class="offer-modal-close" data-handoff-close aria-label="Close"><i class="fas fa-times"></i></button>
929            <h3 class="offer-modal-title" id="handoffTitle">Continue on Appraise.net</h3>
930            <p class="offer-modal-sub" id="handoffSub">
931                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.
932            </p>
933            <div class="offer-modal-actions">
934                <button class="btn btn-outline" data-handoff-close>Cancel</button>
935                <a class="btn btn-primary" id="handoffContinueBtn" href="#">Continue to Appraise.net <i class="fas fa-arrow-right"></i></a>
936            </div>
937        </div>
938    </div>
939
940    <!-- Offer / Inquiry Modal -->
941        <div id="ltoTermsModal" class="offer-modal" hidden>
942        <div class="offer-modal-backdrop" data-lto-close></div>
943        <div class="offer-modal-content">
944            <button class="offer-modal-close" data-lto-close aria-label="Close"><i class="fas fa-times"></i></button>
945            <h3 class="offer-modal-title">Before you start the lease</h3>
946            <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>
947            <label style="display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:0.95rem;line-height:1.45;cursor:pointer;">
948                <input type="checkbox" id="ltoTermsAck" style="margin-top:4px;">
949                <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>
950            </label>
951            <button class="btn btn-primary" id="ltoTermsContinue" disabled><i class="fas fa-file-signature"></i> Start lease</button>
952            <p class="mpt-error" id="ltoTermsError" hidden style="margin-top:8px;color:#dc2626;font-size:13px;"></p>
953        </div>
954    </div>
955    <div id="offerModal" class="offer-modal" hidden>
956        <div class="offer-modal-backdrop" data-offer-close></div>
957        <div class="offer-modal-content">
958            <button class="offer-modal-close" data-offer-close aria-label="Close"><i class="fas fa-times"></i></button>
959            <h3 class="offer-modal-title" id="offerModalTitle">Make an Offer</h3>
960            <p class="offer-modal-sub" id="offerModalSub"></p>
961
962            <div class="offer-modal-field" id="offerAmountField">
963                <label for="offerAmountInput">Your offer (USD)</label>
964                <div class="offer-amount-row">
965                    <span class="offer-amount-prefix">$</span>
966                    <input type="number" id="offerAmountInput" inputmode="numeric" min="11000" step="1" placeholder="11000">
967                </div>
968                                <div class="offer-modal-hint">Minimum offer: $11,000</div>
969                            </div>
970
971            <div class="offer-modal-field" id="offerExpiryField">
972                <label for="offerExpiryInput">Offer good for</label>
973                <select id="offerExpiryInput" class="input" style="width:100%;">
974                    <option value="3">3 days</option>
975                    <option value="7">7 days</option>
976                    <option value="14" selected>14 days</option>
977                    <option value="30">30 days</option>
978                </select>
979                <div class="offer-modal-hint">How long the seller has to respond before this offer lapses. You can always re-offer.</div>
980            </div>
981
982            <div class="offer-modal-field">
983                <label for="offerMessageInput" id="offerMessageLabel">Message <span class="text-light">(optional)</span></label>
984                <textarea id="offerMessageInput" rows="3" maxlength="1000" placeholder="Add a note for the seller..."></textarea>
985                <div class="offer-modal-hint">No emails, phone numbers, or links — they'll be filtered.</div>
986            </div>
987
988            <div class="offer-modal-error" id="offerModalError" hidden></div>
989
990            <div class="offer-modal-actions">
991                <button class="btn btn-outline" data-offer-close>Cancel</button>
992                <button class="btn btn-primary" id="offerSubmitBtn"><i class="fas fa-paper-plane"></i> <span id="offerSubmitLabel">Send Offer</span></button>
993            </div>
994        </div>
995    </div>
996
997    <div id="escrowModal"
998     role="dialog"
999     aria-modal="true"
1000     aria-labelledby="escrowModalTitle"
1001     data-prefill-email=""
1002     style="display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center;">
1003
1004    <div id="escrowModalOverlay" style="position:absolute; inset:0; background:rgba(15,23,42,0.55); backdrop-filter: blur(2px);"></div>
1005
1006    <div role="document"
1007         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;">
1008
1009        <button type="button" id="escrowModalClose" aria-label="Close"
1010                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>
1011
1012        <h3 id="escrowModalTitle" style="margin:0 0 10px 0; font-size:1.15rem; font-weight:700;">
1013            <i class="fas fa-shield-alt" style="color:#16a34a; margin-right:6px;"></i> Pay via Escrow.com
1014        </h3>
1015
1016        <p style="margin:0 0 10px 0; font-size:0.875rem; line-height:1.5; color:#334155;">
1017            Escrow.com holds your funds until the domain transfer is confirmed.
1018            Choose this if you have a verified Escrow.com account or are willing to verify (free, ~5 mins).
1019        </p>
1020
1021        <button type="button" id="escrowExplainerToggle"
1022                aria-expanded="false" aria-controls="escrowExplainerPanel"
1023                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;">
1024            <span id="escrowExplainerToggleLabel">What is Escrow.com?</span>
1025            <i id="escrowExplainerChevron" class="fas fa-chevron-down" style="font-size:0.7rem; transition:transform 0.15s ease;"></i>
1026        </button>
1027
1028        <div id="escrowExplainerPanel" hidden
1029             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;">
1030            <p style="margin:0 0 8px 0; font-weight:600;">Escrow.com is the industry-standard payment processor for high-value domain sales.</p>
1031            <ul style="margin:0; padding-left:18px; color:#334155;">
1032                <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>
1033                <li><strong>Wire or other methods.</strong> Wire transfer is the standard for larger sales; other options surface during checkout.</li>
1034                <li><strong>Quick verification.</strong> If you don't have an Escrow.com account, signup + verification takes ~5 minutes and is free.</li>
1035                <li><strong>Used worldwide.</strong> Standard rails for six- and seven-figure domain deals — same protection scaled to your transaction size.</li>
1036            </ul>
1037            <p style="margin:8px 0 0 0; font-size:0.75rem; color:#64748b;">
1038                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.
1039            </p>
1040        </div>
1041
1042        <label for="escrowModalEmail" style="display:block; font-size:0.8125rem; font-weight:600; margin-bottom:6px; color:#0f172a;">
1043            Your Escrow.com email
1044        </label>
1045        <input type="email" id="escrowModalEmail" autocomplete="email" required
1046               placeholder="[email protected]"
1047               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;" />
1048
1049        <p id="escrowModalHint" style="margin:6px 0 0 0; font-size:0.75rem; color:#64748b;">
1050            Use the email matching your verified Escrow.com account, or any email you'll verify with them.
1051        </p>
1052
1053        <p id="escrowModalError" role="alert" hidden
1054           style="margin:10px 0 0 0; font-size:0.8125rem; color:#dc2626;"></p>
1055
1056        <div style="display:flex; gap:10px; justify-content:flex-end; margin-top:18px;">
1057            <button type="button" id="escrowModalCancel"
1058                    style="padding:8px 16px; font-size:0.875rem; font-weight:500; background:#f1f5f9; color:#0f172a; border:1px solid #cbd5e1; border-radius:8px; cursor:pointer;">
1059                Cancel
1060            </button>
1061            <button type="button" id="escrowModalContinue"
1062                    style="padding:8px 18px; font-size:0.875rem; font-weight:600; background:#16a34a; color:#ffffff; border:1px solid #16a34a; border-radius:8px; cursor:pointer;">
1063                Continue to Escrow.com
1064            </button>
1065        </div>
1066    </div>
1067</div>
1068
1069        <!-- Full-logo lightbox (opened from the nav brand logo) -->
1070    <div id="logo-lightbox" class="logo-lightbox" hidden>
1071        <button type="button" class="logo-lightbox-close" aria-label="Close">&times;</button>
1072        <img class="logo-lightbox-img" src="" alt="">
1073    </div>
1074    
1075    
1075<script src="/js/marketplace-escrow-modal.js?v=1790935563"></script>
1075
1076    
1076<script src="/js/marketplace-listing.js?v=1790935563"></script>
1076
1077    
1077<script src="/js/marketplace-artist-listener.js?v=1790935563"></script>
1077
1078</body>
1079</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.