PageSourceSearch

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

html piratechart.com collected 2026-10-03 22:06:19 UTC 59,059 bytes, 1,076 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>PirateChart.com - For Sale | Appraise.net Marketplace</title>
10    <meta name="description" content="拿下适用于分析、加密货币或游戏领域的醒目且难忘的品牌型域名">
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/piratechart.com">
14    <meta property="og:title" content="PirateChart.com - For Sale | Appraise.net Marketplace">
15    <meta property="og:description" content="拿下适用于分析、加密货币或游戏领域的醒目且难忘的品牌型域名">
16    <meta property="og:image" content="https://appraise.net/api/og-card?d=piratechart.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="PirateChart.com - For Sale | Appraise.net Marketplace">
22    <meta name="twitter:description" content="拿下适用于分析、加密货币或游戏领域的醒目且难忘的品牌型域名">
23    <meta name="twitter:image" content="https://appraise.net/api/og-card?d=piratechart.com&amp;v=6">
24    <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/piratechart.com">
25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/piratechart.com">
26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/piratechart.com">
27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/piratechart.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-finance {
202            background-color: #c2fde7;
203            color: #225c4b;
204            border-color: #669e8b;
205        }
206        @media (prefers-color-scheme: dark) {
207            html[data-theme="auto"] .badge-finance {
208                background-color: #00382b;
209                color: #c2fde7;
210                border-color: #225c4b;
211            }
212        }
213        html[data-theme="dark"] .badge-finance {
214            background-color: #00382b;
215            color: #c2fde7;
216            border-color: #225c4b;
217        }
218                .badge-gaming {
219            background-color: #ffecf0;
220            color: #9a0055;
221            border-color: #ff4f9d;
222        }
223        @media (prefers-color-scheme: dark) {
224            html[data-theme="auto"] .badge-gaming {
225                background-color: #600033;
226                color: #ffecf0;
227                border-color: #9a0055;
228            }
229        }
230        html[data-theme="dark"] .badge-gaming {
231            background-color: #600033;
232            color: #ffecf0;
233            border-color: #9a0055;
234        }
235                .badge-technology {
236            background-color: #edf0ff;
237            color: #004fa9;
238            border-color: #5091ff;
239        }
240        @media (prefers-color-scheme: dark) {
241            html[data-theme="auto"] .badge-technology {
242                background-color: #002e68;
243                color: #edf0ff;
244                border-color: #004fa9;
245            }
246        }
247        html[data-theme="dark"] .badge-technology {
248            background-color: #002e68;
249            color: #edf0ff;
250            border-color: #004fa9;
251        }
252        
253        /* ---- Buttons ---- */
254        .btn {
255            display: inline-flex;
256            align-items: center;
257            justify-content: center;
258            gap: 8px;
259            padding: 12px 24px;
260            border-radius: 8px;
261            font-family: 'Inter', sans-serif;
262            font-size: 0.9375rem;
263            font-weight: 600;
264            cursor: pointer;
265            transition: all 0.15s ease;
266            border: none;
267            text-decoration: none;
268            width: 100%; white-space: nowrap; }
269
270        .btn-primary { background: var(--accent); color: var(--accent-text, var(--bg)); }
271        .btn-primary:hover { background: var(--accent-hover); color: var(--accent-text, var(--bg)); }
272
273        .btn-outline {
274            background: transparent;
275            color: var(--text);
276            border: 1px solid var(--border);
277        }
278        .btn-outline:hover { background: var(--bg-muted); }
279
280        /* Payment-button hover: complementary hue at the SAME lightness, derived from whatever --accent the
281           seller's palette sets (no colours hard-coded here). Relative colour syntax: h/s/l are the accent's own
282           channels. Black/white accents have no hue (s = 0), so for them the lightness is nudged +/-20 toward
283           the middle instead (black -> #333, white -> #ccc, i.e. the classic --accent-hover) rather than
284           "changing" to the same colour. Browsers without relative-colour support keep the rules above. */
285        @supports (color: hsl(from red calc(h + 180) s calc(l + sign(50 - l)))) {
286            .btn-primary:hover {
287                background: hsl(from var(--accent) calc(h + 180) s calc(l + 20 * sign(50 - l) * (1 - min(s, 1))));
288            }
289            .btn-outline:hover {
290                background: var(--bg-muted);
291                border-color: hsl(from var(--accent) calc(h + 180) s l);
292                color: hsl(from var(--accent) calc(h + 180) s calc(l + 20 * sign(50 - l) * (1 - min(s, 1))));
293            }
294        }
295
296        .btn-sm { padding: 8px 16px; font-size: 0.8125rem; }
297        .btn-auto { width: auto; }
298        .btn-cta { width: auto; padding: 12px 32px; }
299        .btn-mb { margin-bottom: 12px; }
300        .btn-mt-sm { margin-top: 8px; }
301        .btn-danger { color: #dc2626; border-color: #dc2626; }
302        .btn-icon { width: auto; padding: 8px 12px; }
303
304        /* ---- Strengths ---- */
305        .strength-item {
306            display: flex;
307            align-items: flex-start;
308            gap: 10px;
309            padding: 10px 0;
310            border-bottom: 1px solid var(--border);
311        }
312        .strength-item:last-child { border-bottom: none; }
313
314        .strength-icon {
315            flex-shrink: 0;
316            width: 20px;
317            height: 20px;
318            display: flex;
319            align-items: center;
320            justify-content: center;
321            margin-top: 2px;
322            color: var(--text);
323        }
324
325        .strength-icon i { font-size: 0.75rem; }
326
327        /* ---- Stat row ---- */
328        .stat-row {
329            display: flex;
330            gap: 24px;
331            color: var(--text-light);
332            font-size: 0.8125rem;
333        }
334        .stat-row-mt { margin-top: 8px; }
335
336        /* ---- Mobile sticky CTA ---- */
337        .mobile-cta {
338            display: none;
339            position: fixed;
340            bottom: 0;
341            left: 0;
342            right: 0;
343            background: var(--bg-card);
344            border-top: 1px solid var(--border);
345            padding: 12px 16px;
346            z-index: 50;
347        }
348
349        @media (max-width: 767px) {
350            .mobile-cta { display: flex; gap: 12px; align-items: center; }
351            body { padding-bottom: 80px; }
352        }
353
354        .mobile-cta-text { flex: 1; }
355        .mobile-cta-price { font-weight: 700; font-size: 1.25rem; }
356        .mobile-cta-label { font-weight: 600; font-size: 0.875rem; }
357
358        /* ---- Seller bar ---- */
359        .seller-bar {
360            background: var(--bg-muted);
361            border-bottom: 1px solid var(--border);
362            padding: 12px 0;
363        }
364
365        .seller-bar-inner {
366            display: flex;
367            align-items: center;
368            justify-content: space-between;
369            gap: 16px;
370            flex-wrap: wrap;
371        }
372
373        .seller-bar-label { font-size: 0.8125rem; font-weight: 600; }
374        .seller-bar-actions { display: flex; gap: 8px; }
375
376        /* ---- Factors grid ---- */
377        .factor-grid {
378            display: grid;
379            grid-template-columns: repeat(2, 1fr);
380            gap: 12px;
381        }
382        @media (min-width: 640px) { .factor-grid { grid-template-columns: repeat(3, 1fr); } }
383
384        .factor-item {
385            padding: 12px;
386            border-radius: 8px;
387            background: var(--bg-muted);
388            text-align: center;
389        }
390
391        .factor-label {
392            font-size: 0.6875rem;
393            text-transform: uppercase;
394            letter-spacing: 0.05em;
395            color: var(--text-light);
396            margin-bottom: 4px;
397        }
398
399        .factor-value { font-size: 0.875rem; font-weight: 600; }
400
401        /* ---- Breadcrumb ---- */
402        .breadcrumb { font-size: 0.8125rem; color: var(--text-light); padding: 16px 0; }
403        .breadcrumb a { color: var(--text-muted); text-decoration: none; }
404        .breadcrumb a:hover { text-decoration: underline; }
405        .breadcrumb-sep { margin: 0 6px; }
406        .breadcrumb-current { color: var(--text-muted); }
407
408        /* ---- Nav ---- */
409        .nav {
410            display: flex;
411            align-items: center;
412            justify-content: space-between;
413            padding: 16px 0;
414            border-bottom: 1px solid var(--border);
415        }
416
417        .nav-logo { font-size: 1.125rem; font-weight: 700; color: var(--text); text-decoration: none; }
418        .nav-logo-dim { opacity: 0.4; }
419        .nav-logo-sub { font-weight: 400; opacity: 0.5; }
420        .nav-actions { display: flex; gap: 12px; align-items: center; }
421        .nav-left { display: flex; align-items: center; gap: 10px; min-width: 0; }
422        .nav-brand-logo { display: inline-flex; align-items: center; background: #fff;
423                          border: 1px solid rgba(0,0,0,0.06); border-radius: 8px; padding: 3px 9px;
424                          box-shadow: 0 1px 3px rgba(0,0,0,0.12); }
425        .nav-brand-logo img { height: 26px; width: 104px; object-fit: cover; object-position: center; display: block; }
426        .nav-brand-logo.logo-zoomable { cursor: zoom-in; }
427        .nav-brand-logo.logo-zoomable:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; }
428        /* On mobile, wrap the logo under "Own this domain" instead of crowding the top row. */
429        @media (max-width: 600px) { .nav-left { flex-direction: column; align-items: flex-start; gap: 8px; } }
430
431        /* ---- Full-logo lightbox: click the cropped nav badge to see the whole logo, overlaid so the page isn't disturbed ---- */
432        .logo-lightbox { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center;
433                         justify-content: center; padding: 24px; background: rgba(0,0,0,0.72); cursor: zoom-out; }
434        .logo-lightbox[hidden] { display: none; }
435        .logo-lightbox-img { max-width: min(440px, 88vw); max-height: 86vh; width: auto; height: auto;
436                             object-fit: contain; background: #fff; padding: 24px; border-radius: 16px;
437                             box-shadow: 0 24px 70px rgba(0,0,0,0.55); animation: logoZoomIn 0.22s ease-out; }
438        .logo-lightbox-close { position: absolute; top: 18px; right: 22px; width: 40px; height: 40px;
439                               display: flex; align-items: center; justify-content: center; border: none;
440                               border-radius: 50%; background: rgba(255,255,255,0.16); color: #fff;
441                               font-size: 26px; line-height: 1; cursor: pointer; }
442        .logo-lightbox-close:hover { background: rgba(255,255,255,0.32); }
443        @keyframes logoZoomIn { from { transform: scale(0.86); opacity: 0; } to { transform: scale(1); opacity: 1; } }
444
445        /* ---- Flex utility classes ---- */
446        .flex { display: flex; }
447        .flex-col { flex-direction: column; }
448        .flex-center { align-items: center; }
449        .flex-between { justify-content: space-between; }
450        .flex-wrap { flex-wrap: wrap; }
451        .flex-1 { flex: 1; }
452        .gap-8 { gap: 8px; }
453        .gap-12 { gap: 12px; }
454        .gap-16 { gap: 16px; }
455        .text-center { text-align: center; }
456        .justify-center { justify-content: center; }
457        .hidden { display: none; }
458
459        /* ---- Hero card ---- */
460        .hero-card { text-align: center; padding: 48px 24px; position: relative; overflow: hidden; }
461        .hero-card-bg { position: absolute; inset: 0; background-size: cover; background-position: center;
462                        opacity: 0.15; pointer-events: none; }
463        .hero-card-content { position: relative; z-index: 1; }
464        .hero-subtitle { margin-bottom: 16px; }
465        .hero-badges { margin-top: 16px; }
466        .hero-share { margin-top: 20px; }
467        .btn-x-share { display: inline-flex; align-items: center; gap: 8px; background: #000; color: #fff;
468                       border: 1px solid rgba(255,255,255,0.22); }
469        .btn-x-share:hover { background: #141414; color: #fff; }
470        .btn-x-share .fa-x-twitter { font-size: 0.95em; }
471        .hero-bg {
472            background-size: cover;
473            background-position: center;
474        }
475
476        /* ---- Sidebar detail rows ---- */
477        .detail-list { gap: 12px; font-size: 0.875rem; }
478        .detail-row { display: flex; justify-content: space-between; }
479
480        /* ---- Price card ---- */
481        .price-label { margin-bottom: 8px; }
482        .price-amount { margin-bottom: 4px; }
483        .price-appraisal { margin-bottom: 24px; }
484        .lto-per-month { font-size: 0.875rem; font-weight: 400; opacity: 0.7; }
485        .lto-down-payment { margin-bottom: 8px; }
486
487        /* ---- Trust card ---- */
488        .trust-list { gap: 12px; font-size: 0.8125rem; color: var(--text-muted); }
489        .trust-item { display: flex; align-items: center; gap: 8px; }
490        .trust-icon { width: 16px; text-align: center; }
491
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: #c2fde7;
538  --text: #5a3c61;
539  --accent: #8d6b94;
540  --border: #669e8b;
541  --bg-card: #ffffff;
542  --bg-muted: #ffebfe;
543  --text-light: #568f7b;
544  --text-muted: #225c4b;
545  --accent-text: #ffffff;
546  --accent-hover: #5a3c61;
547  --palette-0: #00382b;
548  --palette-0-text: #ffffff;
549  --palette-1: #225c4b;
550  --palette-1-text: #ffffff;
551  --palette-2: #8d6b94;
552  --palette-2-text: #ffffff;
553  --palette-3: #669e8b;
554  --palette-3-text: #000000;
555  --palette-4: #c2fde7;
556  --palette-4-text: #000000;
557}
558
559@media (prefers-color-scheme: dark) {
560  html[data-theme="auto"] {
561    --bg: #225c4b;
562    --text: #ffebfe;
563    --accent: #8d6b94;
564    --border: #568f7b;
565    --bg-card: #00382b;
566    --bg-muted: #00382b;
567    --text-light: #568f7b;
568    --text-muted: #669e8b;
569    --accent-text: #000000;
570    --accent-hover: #ffebfe;
571  }
572}
573
574html[data-theme="dark"] {
575  --bg: #225c4b;
576  --text: #ffebfe;
577  --accent: #8d6b94;
578  --border: #568f7b;
579  --bg-card: #00382b;
580  --bg-muted: #00382b;
581  --text-light: #568f7b;
582  --text-muted: #669e8b;
583  --accent-text: #000000;
584  --accent-hover: #ffebfe;
585}
586
587.card, .card-flush {
588  border: 1px solid #669e8b;
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/finance-1.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=piratechart.com&amp;file=logo_25a08dee.webp"
610                          data-logo-alt="PirateChart.com logo"><img src="https://appraise.net/api/images?action=serve&amp;domain=piratechart.com&amp;file=logo_25a08dee.webp" alt="PirateChart.com 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%2Fpiratechart.com" class="btn btn-sm btn-outline">Sign In</a>
619                        <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Fpiratechart.com" 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=piratechart.com&amp;file=hero_25a08dee.webp')"></div>                    <div class="hero-card-content">
636                                            <p class="text-body text-muted fw-500 hero-subtitle">拿下适用于分析、加密货币或游戏领域的醒目且难忘的品牌型域名</p>
637                                        <h1 class="domain-name">PirateChart.com</h1>
638                                        <div class="flex gap-8 justify-center flex-wrap hero-badges">
639                                                    <span class="badge badge-finance">Finance</span>
640                                                    <span class="badge badge-gaming">Gaming</span>
641                                                    <span class="badge badge-technology">Technology</span>
642                                            </div>
643                                                            <div class="hero-share">
644                        <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=PirateChart.com%0A%E6%8B%BF%E4%B8%8B%E9%80%82%E7%94%A8%E4%BA%8E%E5%88%86%E6%9E%90%E3%80%81%E5%8A%A0%E5%AF%86%E8%B4%A7%E5%B8%81%E6%88%96%E6%B8%B8%E6%88%8F%E9%A2%86%E5%9F%9F%E7%9A%84%E9%86%92%E7%9B%AE%E4%B8%94%E9%9A%BE%E5%BF%98%E7%9A%84%E5%93%81%E7%89%8C%E5%9E%8B%E5%9F%9F%E5%90%8D%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Fpiratechart.com"
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">“Pirate”与“Chart”之间具有高度可记且独特的品牌对比效果</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">非常适合加密货币、游戏分析或独立开发者工具等现代、高能量的行业</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">注册于黄金标准 .com 后缀</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">PirateChart.com 是一个令人着迷的品牌型域名,它成功地将一个充满活力、富有冒险精神的关键词与一个注重实用性的科技术语结合在一起。在当今的数字环境中,现代 SaaS 平台、加密货币交易追踪器和游戏分析套件经常选择大胆、非传统的名称,以便在枯燥的传统企业竞争者中脱颖而出。“pirate”(海盗)的叛逆天性与“chart”(图表)的结构化精准度形成了鲜明对比,为一家希望树立前卫且能力出众形象的初创公司打造了引人入胜的品牌故事。该域名易于营销,具有很强的语音吸引力,并且极大地受益于 .com 后缀的全球公信力。</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>
702                </div>
703                
704                <!-- Domain Details Card -->
705                                <div class="card card-mb" data-card="domain-info">
706                    <h2 class="card-heading">域名信息</h2>
707                    <div class="flex flex-col detail-list">
708                        <div class="detail-row">
709                            <span class="text-light">后缀</span>
710                                                        <span class="fw-600">.com</span>
711                        </div>
712                        <div class="detail-row">
713                            <span class="text-light">长度</span>
714                            <span class="fw-600">11 个字符</span>
715                        </div>
716                        <div class="detail-row">
717                            <span class="text-light">类型</span>
718                            <span class="fw-600">词典词品牌</span>
719                        </div>
720                                                <div class="detail-row">
721                            <span class="text-light">品牌潜质</span>
722                            <span class="fw-600">良好</span>
723                        </div>
724                                                                        <div class="detail-row">
725                            <span class="text-light">易记程度</span>
726                            <span class="fw-600">极佳</span>
727                        </div>
728                                            </div>
729                </div>
730                
731                <!-- Notes Card -->
732                                <div class="card card-mb" data-card="notes">
733                    <h2 class="card-heading-tight">补充说明</h2>
734                    <p class="text-sm text-muted lh-relaxed">最适合去中心化金融(DeFi)、Web3 或游戏领域的终端买家,助力其寻找令人过目不忘的品牌标识。</p>
735                </div>
736                
737                <!-- Seller Info Card (opt-in via seller's portfolio preference) -->
738                            </div>
739
740            <!-- RIGHT SIDEBAR — Price + Actions -->
741            <div class="layout-right sticky-sidebar">
742                <!-- Price Card -->
743                <div class="card card-mb-sm" data-card="price"
744                     data-buy-now-price="995"
745                     data-min-offer-price="200"
746                     data-estimated-high="7,400"
747                     data-show-appraisal="1"
748                     data-listing-id="6554"
749                     data-domain="piratechart.com"
750                     data-canonical-url="https://appraise.net/marketplace/piratechart.com"
751                     data-is-logged-in="0"
752                     data-listing-type="buy_now_or_offer"
753                     data-is-seller="0"
754                     data-buy-now-enabled="1"
755                     data-cert-id="2026-75A30-0E4D13"
756                     data-lto-total="995"
757                     data-lto-monthly="73"
758                     data-lto-down="199"
759                     data-lto-months="11">
760                                        <div id="priceCardContent">
761                                                                <div class="factor-label price-label">ä»·æ ¼</div>
762                        <div class="price-tag price-amount">$995</div>
763                                                <div class="text-xs text-light price-appraisal">
764                            <a href="#" class="cert-link" data-cert-id="2026-75A30-0E4D13">估值 $7,400 <i class="fas fa-certificate" style="font-size:0.65em;opacity:0.6"></i></a> <span class="discount-badge">87% 优惠</span>                        </div>
765                                                                                                <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;">
766                            <input type="checkbox" id="qcOptIn" style="flex:none;">
767                            <span style="flex:1;">Keep this purchase private (QuietClose&trade;)</span>
768                            <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>
769                        </label>
770                                                                                                                                                                            <button class="btn btn-primary btn-mb" id="buyNowBtn" title="Sale price: $995
771+ Card processing (3%): $29.85
772= Total: $1,024.85
773
774Funds held until domain transfer confirmed.">
775                                        <i class="fas fa-shopping-cart"></i> 立即购买                                    </button>
776                                                                                                            <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $995
777+ No card fee
778= Total: $995
779
780Complete buyer privacy: no identity check, only your verified email.
781Rate locked for 30 minutes. Paid after 1 network confirmation.">
782                                        <i class="fab fa-bitcoin"></i> Pay with Bitcoin                                    </button>
783                                                                                                            <button class="btn btn-outline btn-mb" id="payPaypalBtn" title="Sale price: $995
784+ PayPal processing (3%): $29.85
785= Total: $1,024.85
786
787PayPal checkout for purchases up to $5,000.">
788                                        <i class="fab fa-paypal"></i> Pay with PayPal                                    </button>
789                                                                                                                                                <button class="btn btn-outline btn-mb" id="payAlipayBtn" title="使用支付宝付款。">
790                                        <i class="fab fa-alipay"></i> 支付宝支付                                    </button>
791                                                                        <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.">
792                                        <i class="fas fa-coins"></i> Pay with stablecoins                                    </button>
793                                    <button class="btn btn-outline btn-mb" id="payBankBtn" title="美国银行转账(ACH)。无刷卡手续费;数个工作日内到账。">
794                                        <i class="fas fa-university"></i> 银行转账支付 - 立减2%                                    </button>
795                                                                                                                                                                            <button class="btn btn-outline-primary btn-mb" id="buyEscrowBtn" title="Sale price: $995
796+ Escrow.com fee (shown at next step)
797
798Wire transfer via Escrow.com is much cheaper.
799Funds held until domain transfer confirmed.">
800                                        <i class="fas fa-shield-alt"></i> 通过 Escrow.com 购买                                    </button>
801                                                                                                                        <div class="lto-addon-option" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);">
802                                    <div class="text-sm" style="margin-bottom:6px;">或 <strong>以租代购</strong> 每月仅 <strong>$73/月</strong> &times; 11 个月 &middot; $199 首付</div>
803                                    <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $995.">
804                                        <i class="fas fa-file-signature"></i> 以租代购                                    </button>
805                                </div>
806                                                                        
807                                                                        <button class="btn btn-outline btn-mb" id="makeOfferBtn">
808                                <i class="fas fa-hand-holding-usd"></i> 我要出价                            </button>
809                                            
810                                        </div>
811
812                                        <div class="flex gap-8">
813                                                <button class="btn btn-sm btn-outline flex-1" id="favoriteBtn" data-listing-id="6554">
814                            <i class="far fa-heart"></i>
815                            Save                        </button>
816                                            </div>
817                                                        </div>
818
819                <!-- Trust Card -->
820                <div class="card" data-card="trust">
821                    <div class="flex flex-col trust-list">
822                        <div class="trust-item">
823                            <i class="fas fa-shield-alt trust-icon"></i>
824                                                        <span>交易管理方: Appraise.net / Domaincracy LLC</span>
825                                                    </div>
826                                                <div class="trust-item">
827                            <i class="fas fa-certificate trust-icon"></i>
828                            <span>AI 验证估值</span>
829                        </div>
830                                                <div class="trust-item">
831                            <i class="fas fa-exchange-alt trust-icon"></i>
832                            <span>全程引导过户</span>
833                        </div>
834                    </div>
835                </div>
836
837                <!-- Seller Analytics (seller only) -->
838                            </div>
839        </div>
840    </main>
841
842    <!-- Mobile Sticky CTA -->
843        <div class="mobile-cta">
844        <div class="mobile-cta-text">
845                            <div class="mobile-cta-price">$995</div>
846                    </div>
847                                    <button class="btn btn-primary btn-cta">立即购买</button>
848                        </div>
849    
850    <style>
851    .mkt-footer {
852        background: #111827;
853        padding: 34px 0 42px;
854        margin-top: 64px;
855    }
856    .mkt-footer-inner { text-align: center; font-size: 0.8125rem; color: #9ca3af; }
857    .mkt-footer-link { color: #d1d5db; text-decoration: none; font-weight: 600; }
858    .mkt-footer-link:hover { color: #ffffff; }
859    .mkt-footer-badges { margin: 16px 0 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
860    .mkt-cred { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4e4ec; border-radius: 10px;
861                padding: 7px 13px; background: #fafafa; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
862    .mkt-cred:hover { border-color: #34d399; box-shadow: 0 4px 14px rgba(52,211,153,.18); }
863    .mkt-cred .ic { color: #067647; font-size: 15px; }
864    .mkt-cred img { height: 18px; width: auto; display: block; }
865    .mkt-cred .t { line-height: 1.15; text-align: left; }
866    .mkt-cred .t small { display: block; font-size: 10px; color: #6b7180; letter-spacing: .02em; }
867    .mkt-cred .t b { font-size: 12px; color: #067647; font-weight: 800; }
868    .mkt-footer-credentials { margin-top: 10px; font-size: 0.75rem; color: #6b7280; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; }
869    .mkt-footer-credentials span { white-space: nowrap; }
870    .mkt-footer-credentials a { color: inherit; }
871    .mkt-footer-tip { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; }
872</style>
873<footer class="mkt-footer">
874    <div class="container mkt-footer-inner">
875        <p>技术支持: <a href="https://appraise.net" class="mkt-footer-link">Appraise.net&trade; 交易市场</a> &mdash; Domaincracy&reg; LLC 旗下服务</p>
876        <div class="mkt-footer-badges">
877            <a class="mkt-cred" href="https://developer.mozilla.org/en-US/observatory/analyze?host=appraise.net"
878               target="_blank" rel="noopener noreferrer" title="Mozilla Observatory Security Score">
879                <span class="ic" aria-hidden="true">&#128737;</span>
880                <span class="t"><small>安全评分</small><b>105/100 A+</b></span>
881            </a>
882            <a class="mkt-cred" href="https://transparencyreport.google.com/safe-browsing/search?url=appraise.net&amp;hl=en"
883               target="_blank" rel="noopener noreferrer" title="Google Safe Browsing Status">
884                <img src="https://appraise.net/images/safebrowsing-logo.svg" alt="Safe Browsing">
885                <span class="t"><small>安全浏览</small><b>No issues</b></span>
886            </a>
887            <a class="mkt-cred" href="https://www.escrow.com/why-escrowcom" target="_blank" rel="noopener noreferrer"
888               title="High-value transfers handled by Escrow.com, a licensed escrow company">
889                <span class="ic" aria-hidden="true">&#128274;</span>
890                <span class="t"><small>过户托管</small><b>Escrow.com</b></span>
891            </a>
892            <a class="mkt-cred" href="https://stripe.com" target="_blank" rel="noopener noreferrer"
893               title="Card payments processed by Stripe">
894                <img src="https://appraise.net/images/stripe.png" alt="Stripe" style="height:16px;">
895                <span class="t"><small>支付服务</small><b>Stripe</b></span>
896            </a>
897            <a class="mkt-cred" href="https://www.bbb.org/us/az/scottsdale/profile/web-hosting/domaincracy-1126-1000057633#sealclick"
898               target="_blank" rel="noopener noreferrer" title="Better Business Bureau profile: Domaincracy LLC, Scottsdale AZ">
899                <span class="ic" aria-hidden="true">&#11088;</span>
900                <span class="t"><small>BBB 评级</small><b>A+</b></span>
901            </a>
902        </div>
903        <div class="mkt-footer-credentials">
904            <span><span class="mkt-footer-tip" title="Internet Corporation for Assigned Names and Numbers &mdash; Business Constituency">ICANN BC</span> 成员</span>
905            <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>
906            <span><span class="mkt-footer-tip" title="Internet Commerce Association">ICA</span> 成员</span>
907        </div>
908    </div>
909</footer>
910
911    <!-- Certificate Modal -->
912    <div id="certModal" class="cert-modal">
913        <div class="cert-modal-backdrop"></div>
914        <div class="cert-modal-content">
915            <button class="cert-modal-close"><i class="fas fa-times"></i></button>
916            <div class="cert-modal-loading"><i class="fas fa-spinner fa-spin"></i> Retrieving certificate...</div>
917            <iframe id="certIframe" class="cert-modal-iframe"></iframe>
918        </div>
919    </div>
920
921    <!-- Handoff Modal (shown on non-canonical hosts before bouncing to appraise.net) -->
922    <div id="handoffModal" class="offer-modal" hidden>
923        <div class="offer-modal-backdrop" data-handoff-close></div>
924        <div class="offer-modal-content">
925            <button class="offer-modal-close" data-handoff-close aria-label="Close"><i class="fas fa-times"></i></button>
926            <h3 class="offer-modal-title" id="handoffTitle">Continue on Appraise.net</h3>
927            <p class="offer-modal-sub" id="handoffSub">
928                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.
929            </p>
930            <div class="offer-modal-actions">
931                <button class="btn btn-outline" data-handoff-close>Cancel</button>
932                <a class="btn btn-primary" id="handoffContinueBtn" href="#">Continue to Appraise.net <i class="fas fa-arrow-right"></i></a>
933            </div>
934        </div>
935    </div>
936
937    <!-- Offer / Inquiry Modal -->
938        <div id="ltoTermsModal" class="offer-modal" hidden>
939        <div class="offer-modal-backdrop" data-lto-close></div>
940        <div class="offer-modal-content">
941            <button class="offer-modal-close" data-lto-close aria-label="Close"><i class="fas fa-times"></i></button>
942            <h3 class="offer-modal-title">Before you start the lease</h3>
943            <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>
944            <label style="display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:0.95rem;line-height:1.45;cursor:pointer;">
945                <input type="checkbox" id="ltoTermsAck" style="margin-top:4px;">
946                <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>
947            </label>
948            <button class="btn btn-primary" id="ltoTermsContinue" disabled><i class="fas fa-file-signature"></i> Start lease</button>
949            <p class="mpt-error" id="ltoTermsError" hidden style="margin-top:8px;color:#dc2626;font-size:13px;"></p>
950        </div>
951    </div>
952    <div id="offerModal" class="offer-modal" hidden>
953        <div class="offer-modal-backdrop" data-offer-close></div>
954        <div class="offer-modal-content">
955            <button class="offer-modal-close" data-offer-close aria-label="Close"><i class="fas fa-times"></i></button>
956            <h3 class="offer-modal-title" id="offerModalTitle">Make an Offer</h3>
957            <p class="offer-modal-sub" id="offerModalSub"></p>
958
959            <div class="offer-modal-field" id="offerAmountField">
960                <label for="offerAmountInput">Your offer (USD)</label>
961                <div class="offer-amount-row">
962                    <span class="offer-amount-prefix">$</span>
963                    <input type="number" id="offerAmountInput" inputmode="numeric" min="200" step="1" placeholder="200">
964                </div>
965                                <div class="offer-modal-hint">Minimum offer: $200</div>
966                            </div>
967
968            <div class="offer-modal-field" id="offerExpiryField">
969                <label for="offerExpiryInput">Offer good for</label>
970                <select id="offerExpiryInput" class="input" style="width:100%;">
971                    <option value="3">3 days</option>
972                    <option value="7">7 days</option>
973                    <option value="14" selected>14 days</option>
974                    <option value="30">30 days</option>
975                </select>
976                <div class="offer-modal-hint">How long the seller has to respond before this offer lapses. You can always re-offer.</div>
977            </div>
978
979            <div class="offer-modal-field">
980                <label for="offerMessageInput" id="offerMessageLabel">Message <span class="text-light">(optional)</span></label>
981                <textarea id="offerMessageInput" rows="3" maxlength="1000" placeholder="Add a note for the seller..."></textarea>
982                <div class="offer-modal-hint">No emails, phone numbers, or links — they'll be filtered.</div>
983            </div>
984
985            <div class="offer-modal-error" id="offerModalError" hidden></div>
986
987            <div class="offer-modal-actions">
988                <button class="btn btn-outline" data-offer-close>Cancel</button>
989                <button class="btn btn-primary" id="offerSubmitBtn"><i class="fas fa-paper-plane"></i> <span id="offerSubmitLabel">Send Offer</span></button>
990            </div>
991        </div>
992    </div>
993
994    <div id="escrowModal"
995     role="dialog"
996     aria-modal="true"
997     aria-labelledby="escrowModalTitle"
998     data-prefill-email=""
999     style="display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center;">
1000
1001    <div id="escrowModalOverlay" style="position:absolute; inset:0; background:rgba(15,23,42,0.55); backdrop-filter: blur(2px);"></div>
1002
1003    <div role="document"
1004         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;">
1005
1006        <button type="button" id="escrowModalClose" aria-label="Close"
1007                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>
1008
1009        <h3 id="escrowModalTitle" style="margin:0 0 10px 0; font-size:1.15rem; font-weight:700;">
1010            <i class="fas fa-shield-alt" style="color:#16a34a; margin-right:6px;"></i> Pay via Escrow.com
1011        </h3>
1012
1013        <p style="margin:0 0 10px 0; font-size:0.875rem; line-height:1.5; color:#334155;">
1014            Escrow.com holds your funds until the domain transfer is confirmed.
1015            Choose this if you have a verified Escrow.com account or are willing to verify (free, ~5 mins).
1016        </p>
1017
1018        <button type="button" id="escrowExplainerToggle"
1019                aria-expanded="false" aria-controls="escrowExplainerPanel"
1020                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;">
1021            <span id="escrowExplainerToggleLabel">What is Escrow.com?</span>
1022            <i id="escrowExplainerChevron" class="fas fa-chevron-down" style="font-size:0.7rem; transition:transform 0.15s ease;"></i>
1023        </button>
1024
1025        <div id="escrowExplainerPanel" hidden
1026             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;">
1027            <p style="margin:0 0 8px 0; font-weight:600;">Escrow.com is the industry-standard payment processor for high-value domain sales.</p>
1028            <ul style="margin:0; padding-left:18px; color:#334155;">
1029                <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>
1030                <li><strong>Wire or other methods.</strong> Wire transfer is the standard for larger sales; other options surface during checkout.</li>
1031                <li><strong>Quick verification.</strong> If you don't have an Escrow.com account, signup + verification takes ~5 minutes and is free.</li>
1032                <li><strong>Used worldwide.</strong> Standard rails for six- and seven-figure domain deals — same protection scaled to your transaction size.</li>
1033            </ul>
1034            <p style="margin:8px 0 0 0; font-size:0.75rem; color:#64748b;">
1035                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.
1036            </p>
1037        </div>
1038
1039        <label for="escrowModalEmail" style="display:block; font-size:0.8125rem; font-weight:600; margin-bottom:6px; color:#0f172a;">
1040            Your Escrow.com email
1041        </label>
1042        <input type="email" id="escrowModalEmail" autocomplete="email" required
1043               placeholder="[email protected]"
1044               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;" />
1045
1046        <p id="escrowModalHint" style="margin:6px 0 0 0; font-size:0.75rem; color:#64748b;">
1047            Use the email matching your verified Escrow.com account, or any email you'll verify with them.
1048        </p>
1049
1050        <p id="escrowModalError" role="alert" hidden
1051           style="margin:10px 0 0 0; font-size:0.8125rem; color:#dc2626;"></p>
1052
1053        <div style="display:flex; gap:10px; justify-content:flex-end; margin-top:18px;">
1054            <button type="button" id="escrowModalCancel"
1055                    style="padding:8px 16px; font-size:0.875rem; font-weight:500; background:#f1f5f9; color:#0f172a; border:1px solid #cbd5e1; border-radius:8px; cursor:pointer;">
1056                Cancel
1057            </button>
1058            <button type="button" id="escrowModalContinue"
1059                    style="padding:8px 18px; font-size:0.875rem; font-weight:600; background:#16a34a; color:#ffffff; border:1px solid #16a34a; border-radius:8px; cursor:pointer;">
1060                Continue to Escrow.com
1061            </button>
1062        </div>
1063    </div>
1064</div>
1065
1066        <!-- Full-logo lightbox (opened from the nav brand logo) -->
1067    <div id="logo-lightbox" class="logo-lightbox" hidden>
1068        <button type="button" class="logo-lightbox-close" aria-label="Close">&times;</button>
1069        <img class="logo-lightbox-img" src="" alt="">
1070    </div>
1071    
1072    
1072<script src="/js/marketplace-escrow-modal.js?v=1791065178"></script>
1072
1073    
1073<script src="/js/marketplace-listing.js?v=1791065178"></script>
1073
1074    
1074<script src="/js/marketplace-artist-listener.js?v=1791065178"></script>
1074
1075</body>
1076</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.