PageSourceSearch

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

html remotegun.com collected 2026-09-30 11:05:44 UTC 58,266 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>RemoteGun.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/remotegun.com">
14    <meta property="og:title" content="RemoteGun.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=remotegun.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="RemoteGun.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=remotegun.com&amp;v=6">
24    <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/remotegun.com">
25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/remotegun.com">
26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/remotegun.com">
27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/remotegun.com">    <link rel="preconnect" href="https://fonts.googleapis.com">
28    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
29    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@700;800&display=swap" rel="stylesheet">
30    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
31    <style>
32        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
33
34        /* ---- Theme variables ---- */
35        :root {
36            --bg: #ffffff;
37            --bg-card: #ffffff;
38            --bg-muted: #f5f5f5;
39            --border: #e5e5e5;
40            --text: #000000;
41            --text-muted: #666666;
42            --text-light: #999999;
43            --accent: #000000;
44            --accent-hover: #333333;
45        }
46
47        @media (prefers-color-scheme: dark) {
48            html[data-theme="auto"] {
49                --bg: #000000;
50                --bg-card: #111111;
51                --bg-muted: #1a1a1a;
52                --border: #2a2a2a;
53                --text: #ffffff;
54                --text-muted: #999999;
55                --text-light: #666666;
56                --accent: #ffffff;
57                --accent-hover: #cccccc;
58            }
59        }
60
61        html[data-theme="dark"] {
62            --bg: #000000;
63            --bg-card: #111111;
64            --bg-muted: #1a1a1a;
65            --border: #2a2a2a;
66            --text: #ffffff;
67            --text-muted: #999999;
68            --text-light: #666666;
69            --accent: #ffffff;
70            --accent-hover: #cccccc;
71        }
72
73        html[data-theme="light"] {
74            --bg: #ffffff;
75            --bg-card: #ffffff;
76            --bg-muted: #f5f5f5;
77            --border: #e5e5e5;
78            --text: #000000;
79            --text-muted: #666666;
80            --text-light: #999999;
81            --accent: #000000;
82            --accent-hover: #333333;
83        }
84
85        /* ---- Base ---- */
86        body {
87            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
88            background: var(--bg);
89            color: var(--text);
90            line-height: 1.6;
91            -webkit-font-smoothing: antialiased;
92        }
93
94        /* ---- Cards ---- */
95        .card {
96            background: var(--bg-card);
97            border: 1px solid var(--border);
98            border-radius: 12px;
99            padding: 24px;
100        }
101
102        .card-flush {
103            background: var(--bg-card);
104            border: 1px solid var(--border);
105            border-radius: 12px;
106            padding: 0;
107            overflow: hidden;
108        }
109
110        .card-mb { margin-bottom: 24px; }
111        .card-mb-sm { margin-bottom: 16px; }
112        .card-mt-sm { margin-top: 16px; }
113
114        /* ---- Layout ---- */
115        .container {
116            max-width: 1280px;
117            margin: 0 auto;
118            padding: 0 16px;
119        }
120
121        @media (min-width: 768px) { .container { padding: 0 24px; } }
122        @media (min-width: 1024px) { .container { padding: 0 32px; } }
123
124        .layout {
125            display: grid;
126            gap: 24px;
127            grid-template-columns: 1fr;
128        }
129
130        .layout-center { order: 1; }
131        .layout-right { order: 2; }
132
133        @media (min-width: 768px) {
134            .layout { grid-template-columns: 1fr 360px; }
135        }
136
137        .sticky-sidebar {
138            position: sticky;
139            top: 24px;
140            align-self: start;
141        }
142
143        .main-content { padding-top: 8px; padding-bottom: 64px; }
144
145        /* ---- Typography ---- */
146        .domain-name {
147            font-family: 'Poppins', sans-serif;
148            font-size: clamp(1.25rem, 4vw, 3rem);
149            font-weight: 800;
150            letter-spacing: -0.02em;
151            line-height: 1.2;
152            white-space: nowrap;
153            overflow: hidden;
154            text-overflow: ellipsis;
155        }
156
157        .price-tag {
158            font-size: 2rem;
159            font-weight: 700;
160            letter-spacing: -0.01em;
161        }
162
163        .card-heading {
164            font-size: 1rem;
165            font-weight: 700;
166            margin-bottom: 16px;
167        }
168
169        .card-heading-tight {
170            font-size: 1rem;
171            font-weight: 700;
172            margin-bottom: 12px;
173        }
174
175        .text-sm { font-size: 0.875rem; }
176        .text-xs { font-size: 0.75rem; }
177        .text-label { font-size: 0.8125rem; }
178        .text-body { font-size: 0.9375rem; }
179        .text-muted { color: var(--text-muted); }
180        .text-light { color: var(--text-light); }
181        .text-accent { color: var(--text); }
182        .fw-500 { font-weight: 500; }
183        .fw-600 { font-weight: 600; }
184        .fw-700 { font-weight: 700; }
185        .lh-relaxed { line-height: 1.7; }
186
187        /* ---- Badge ---- */
188        .badge {
189            display: inline-block;
190            padding: 4px 12px;
191            border-radius: 100px;
192            font-size: 0.75rem;
193            font-weight: 600;
194            text-transform: uppercase;
195            letter-spacing: 0.05em;
196            border: 1px solid var(--border);
197            color: var(--text-muted);
198        }
199
200        /* Category-specific badge colors (generated from Material palette) */
201                .badge-technology {
202            background-color: #edf0ff;
203            color: #004fa9;
204            border-color: #5091ff;
205        }
206        @media (prefers-color-scheme: dark) {
207            html[data-theme="auto"] .badge-technology {
208                background-color: #002e68;
209                color: #edf0ff;
210                border-color: #004fa9;
211            }
212        }
213        html[data-theme="dark"] .badge-technology {
214            background-color: #002e68;
215            color: #edf0ff;
216            border-color: #004fa9;
217        }
218                .badge-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-business {
236            background-color: #e3efff;
237            color: #3b4d60;
238            border-color: #8395aa;
239        }
240        @media (prefers-color-scheme: dark) {
241            html[data-theme="auto"] .badge-business {
242                background-color: #1b2e3f;
243                color: #e3efff;
244                border-color: #3b4d60;
245            }
246        }
247        html[data-theme="dark"] .badge-business {
248            background-color: #1b2e3f;
249            color: #e3efff;
250            border-color: #3b4d60;
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=remotegun.com&amp;file=logo_61904a0b.webp"
610                          data-logo-alt="RemoteGun.com logo"><img src="https://appraise.net/api/images?action=serve&amp;domain=remotegun.com&amp;file=logo_61904a0b.webp" alt="RemoteGun.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%2Fremotegun.com" class="btn btn-sm btn-outline">Sign In</a>
619                        <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Fremotegun.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=remotegun.com&amp;file=hero_61904a0b.webp')"></div>                    <div class="hero-card-content">
636                                            <p class="text-body text-muted fw-500 hero-subtitle">拿下适用于国防科技、游戏或远程人才的强力、高影响力品牌</p>
637                                        <h1 class="domain-name">RemoteGun.com</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-gaming">Gaming</span>
641                                                    <span class="badge badge-business">Business</span>
642                                            </div>
643                                                            <div class="hero-share">
644                        <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=RemoteGun.com%0A%E6%8B%BF%E4%B8%8B%E9%80%82%E7%94%A8%E4%BA%8E%E5%9B%BD%E9%98%B2%E7%A7%91%E6%8A%80%E3%80%81%E6%B8%B8%E6%88%8F%E6%88%96%E8%BF%9C%E7%A8%8B%E4%BA%BA%E6%89%8D%E7%9A%84%E5%BC%BA%E5%8A%9B%E3%80%81%E9%AB%98%E5%BD%B1%E5%93%8D%E5%8A%9B%E5%93%81%E7%89%8C%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Fremotegun.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">高度易记且拼写简单</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">与快速增长的国防技术和远程武器站(RWS)板块高度契合</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">非常适合游戏外设、VR硬件或光枪技术</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">该域名处于军事国防技术、先进机器人技术和互动游戏的交汇点。在国防领域,远程武器系统和无人技术正受到前所未有的投资,这使其成为一项极具价值的特定行业资产。此外,该名称在游戏行业也具有巨大潜力,适合专注于VR控制器或射击外设的硬件开发人员。其隐喻意义——指代精英远程自由职业者或“强力外援”——增添了现代B2B招聘的角度,扩大了其商业吸引力。</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">.com</span>
719                        </div>
720                        <div class="detail-row">
721                            <span class="text-light">长度</span>
722                            <span class="fw-600">9 个字符</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="995"
753                     data-min-offer-price="200"
754                     data-estimated-high="8,500"
755                     data-show-appraisal="1"
756                     data-listing-id="6721"
757                     data-domain="remotegun.com"
758                     data-canonical-url="https://appraise.net/marketplace/remotegun.com"
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-A2D80-0E4EF5"
764                     data-lto-total="995"
765                     data-lto-monthly="73"
766                     data-lto-down="199"
767                     data-lto-months="11">
768                    <div id="priceCardContent">
769                                                                <div class="factor-label price-label">ä»·æ ¼</div>
770                        <div class="price-tag price-amount">$995</div>
771                                                <div class="text-xs text-light price-appraisal">
772                            <a href="#" class="cert-link" data-cert-id="2026-A2D80-0E4EF5">估值 $8,500 <i class="fas fa-certificate" style="font-size:0.65em;opacity:0.6"></i></a> <span class="discount-badge">88% 优惠</span>                        </div>
773                                                                                                                                                                            <button class="btn btn-primary btn-mb" id="buyNowBtn" title="Sale price: $995
774+ Card processing (3%): $29.85
775= Total: $1,024.85
776
777Funds held until domain transfer confirmed.">
778                                        <i class="fas fa-shopping-cart"></i> 立即购买                                    </button>
779                                                                                                            <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $995
780+ No card fee
781= Total: $995
782
783Complete buyer privacy: no identity check, only your verified email.
784Rate locked for 30 minutes. Paid after 1 network confirmation.">
785                                        <i class="fab fa-bitcoin"></i> Pay with Bitcoin                                    </button>
786                                                                                                            <button class="btn btn-outline btn-mb" id="payPaypalBtn" title="Sale price: $995
787+ PayPal processing (3%): $29.85
788= Total: $1,024.85
789
790PayPal checkout for purchases up to $5,000.">
791                                        <i class="fab fa-paypal"></i> Pay with PayPal                                    </button>
792                                                                                                                                                <button class="btn btn-outline btn-mb" id="payAlipayBtn" title="使用支付宝付款。">
793                                        <i class="fab fa-alipay"></i> 支付宝支付                                    </button>
794                                                                        <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.">
795                                        <i class="fas fa-coins"></i> Pay with stablecoins                                    </button>
796                                    <button class="btn btn-outline btn-mb" id="payBankBtn" title="美国银行转账(ACH)。无刷卡手续费;数个工作日内到账。">
797                                        <i class="fas fa-university"></i> 银行转账支付 - 立减2%                                    </button>
798                                                                                                                                                                            <button class="btn btn-outline-primary btn-mb" id="buyEscrowBtn" title="Sale price: $995
799+ Escrow.com fee (shown at next step)
800
801Wire transfer via Escrow.com is much cheaper.
802Funds held until domain transfer confirmed.">
803                                        <i class="fas fa-shield-alt"></i> 通过 Escrow.com 购买                                    </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>$73/月</strong> &times; 11 个月 &middot; $199 首付</div>
806                                    <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $995.">
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="6721">
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">$995</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="200" step="1" placeholder="200">
967                </div>
968                                <div class="offer-modal-hint">Minimum offer: $200</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=1790766344"></script>
1075
1076    
1076<script src="/js/marketplace-listing.js?v=1790766344"></script>
1076
1077    
1077<script src="/js/marketplace-artist-listener.js?v=1790766344"></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.