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&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&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&domain=remotegun.com&file=logo_61904a0b.webp" 610 data-logo-alt="RemoteGun.com logo"><img src="https://appraise.net/api/images?action=serve&domain=remotegun.com&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&domain=remotegun.com&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> × 11 ä¸ªæ · $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™ 交æå¸åº</a> — Domaincracy® 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">🛡</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&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">🔒</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">⭐</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 — 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 — 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&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;">×</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">×</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.