1<!DOCTYPE html> 2<html lang="zh-CN" class="scroll-smooth" data-theme="auto"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 6-7
6 7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-FLH6JN0ZQ8
vendor: 12 bytes, line 7
7"></script>
8<script src="/js/google-analytics.js"></script>
8 9 <title>PirateChart.com - For Sale | Appraise.net Marketplace</title> 10 <meta name="description" content="æ¿ä¸éç¨äºåæãå å¯è´§å¸ææ¸¸æé¢åçéç®ä¸é¾å¿çåçååå"> 11 <meta property="og:type" content="website"> 12 <meta property="og:site_name" content="Appraise.net"> 13 <meta property="og:url" content="https://appraise.net/marketplace/piratechart.com"> 14 <meta property="og:title" content="PirateChart.com - For Sale | Appraise.net Marketplace"> 15 <meta property="og:description" content="æ¿ä¸éç¨äºåæãå å¯è´§å¸ææ¸¸æé¢åçéç®ä¸é¾å¿çåçååå"> 16 <meta property="og:image" content="https://appraise.net/api/og-card?d=piratechart.com&v=6"> 17 <meta property="og:image:width" content="1200"> 18 <meta property="og:image:height" content="630"> 19 <meta property="og:image:type" content="image/jpeg"> 20 <meta name="twitter:card" content="summary_large_image"> 21 <meta name="twitter:title" content="PirateChart.com - For Sale | Appraise.net Marketplace"> 22 <meta name="twitter:description" content="æ¿ä¸éç¨äºåæãå å¯è´§å¸ææ¸¸æé¢åçéç®ä¸é¾å¿çåçååå"> 23 <meta name="twitter:image" content="https://appraise.net/api/og-card?d=piratechart.com&v=6"> 24 <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/piratechart.com"> 25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/piratechart.com"> 26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/piratechart.com"> 27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/piratechart.com"> <link rel="preconnect" href="https://fonts.googleapis.com"> 28 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 29 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@700;800&display=swap" rel="stylesheet"> 30 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 31 <style> 32 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 33 34 /* ---- Theme variables ---- */ 35 :root { 36 --bg: #ffffff; 37 --bg-card: #ffffff; 38 --bg-muted: #f5f5f5; 39 --border: #e5e5e5; 40 --text: #000000; 41 --text-muted: #666666; 42 --text-light: #999999; 43 --accent: #000000; 44 --accent-hover: #333333; 45 } 46 47 @media (prefers-color-scheme: dark) { 48 html[data-theme="auto"] { 49 --bg: #000000; 50 --bg-card: #111111; 51 --bg-muted: #1a1a1a; 52 --border: #2a2a2a; 53 --text: #ffffff; 54 --text-muted: #999999; 55 --text-light: #666666; 56 --accent: #ffffff; 57 --accent-hover: #cccccc; 58 } 59 } 60 61 html[data-theme="dark"] { 62 --bg: #000000; 63 --bg-card: #111111; 64 --bg-muted: #1a1a1a; 65 --border: #2a2a2a; 66 --text: #ffffff; 67 --text-muted: #999999; 68 --text-light: #666666; 69 --accent: #ffffff; 70 --accent-hover: #cccccc; 71 } 72 73 html[data-theme="light"] { 74 --bg: #ffffff; 75 --bg-card: #ffffff; 76 --bg-muted: #f5f5f5; 77 --border: #e5e5e5; 78 --text: #000000; 79 --text-muted: #666666; 80 --text-light: #999999; 81 --accent: #000000; 82 --accent-hover: #333333; 83 } 84 85 /* ---- Base ---- */ 86 body { 87 font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; 88 background: var(--bg); 89 color: var(--text); 90 line-height: 1.6; 91 -webkit-font-smoothing: antialiased; 92 } 93 94 /* ---- Cards ---- */ 95 .card { 96 background: var(--bg-card); 97 border: 1px solid var(--border); 98 border-radius: 12px; 99 padding: 24px; 100 } 101 102 .card-flush { 103 background: var(--bg-card); 104 border: 1px solid var(--border); 105 border-radius: 12px; 106 padding: 0; 107 overflow: hidden; 108 } 109 110 .card-mb { margin-bottom: 24px; } 111 .card-mb-sm { margin-bottom: 16px; } 112 .card-mt-sm { margin-top: 16px; } 113 114 /* ---- Layout ---- */ 115 .container { 116 max-width: 1280px; 117 margin: 0 auto; 118 padding: 0 16px; 119 } 120 121 @media (min-width: 768px) { .container { padding: 0 24px; } } 122 @media (min-width: 1024px) { .container { padding: 0 32px; } } 123 124 .layout { 125 display: grid; 126 gap: 24px; 127 grid-template-columns: 1fr; 128 } 129 130 .layout-center { order: 1; } 131 .layout-right { order: 2; } 132 133 @media (min-width: 768px) { 134 .layout { grid-template-columns: 1fr 360px; } 135 } 136 137 .sticky-sidebar { 138 position: sticky; 139 top: 24px; 140 align-self: start; 141 } 142 143 .main-content { padding-top: 8px; padding-bottom: 64px; } 144 145 /* ---- Typography ---- */ 146 .domain-name { 147 font-family: 'Poppins', sans-serif; 148 font-size: clamp(1.25rem, 4vw, 3rem); 149 font-weight: 800; 150 letter-spacing: -0.02em; 151 line-height: 1.2; 152 white-space: nowrap; 153 overflow: hidden; 154 text-overflow: ellipsis; 155 } 156 157 .price-tag { 158 font-size: 2rem; 159 font-weight: 700; 160 letter-spacing: -0.01em; 161 } 162 163 .card-heading { 164 font-size: 1rem; 165 font-weight: 700; 166 margin-bottom: 16px; 167 } 168 169 .card-heading-tight { 170 font-size: 1rem; 171 font-weight: 700; 172 margin-bottom: 12px; 173 } 174 175 .text-sm { font-size: 0.875rem; } 176 .text-xs { font-size: 0.75rem; } 177 .text-label { font-size: 0.8125rem; } 178 .text-body { font-size: 0.9375rem; } 179 .text-muted { color: var(--text-muted); } 180 .text-light { color: var(--text-light); } 181 .text-accent { color: var(--text); } 182 .fw-500 { font-weight: 500; } 183 .fw-600 { font-weight: 600; } 184 .fw-700 { font-weight: 700; } 185 .lh-relaxed { line-height: 1.7; } 186 187 /* ---- Badge ---- */ 188 .badge { 189 display: inline-block; 190 padding: 4px 12px; 191 border-radius: 100px; 192 font-size: 0.75rem; 193 font-weight: 600; 194 text-transform: uppercase; 195 letter-spacing: 0.05em; 196 border: 1px solid var(--border); 197 color: var(--text-muted); 198 } 199 200 /* Category-specific badge colors (generated from Material palette) */ 201 .badge-finance { 202 background-color: #c2fde7; 203 color: #225c4b; 204 border-color: #669e8b; 205 } 206 @media (prefers-color-scheme: dark) { 207 html[data-theme="auto"] .badge-finance { 208 background-color: #00382b; 209 color: #c2fde7; 210 border-color: #225c4b; 211 } 212 } 213 html[data-theme="dark"] .badge-finance { 214 background-color: #00382b; 215 color: #c2fde7; 216 border-color: #225c4b; 217 } 218 .badge-gaming { 219 background-color: #ffecf0; 220 color: #9a0055; 221 border-color: #ff4f9d; 222 } 223 @media (prefers-color-scheme: dark) { 224 html[data-theme="auto"] .badge-gaming { 225 background-color: #600033; 226 color: #ffecf0; 227 border-color: #9a0055; 228 } 229 } 230 html[data-theme="dark"] .badge-gaming { 231 background-color: #600033; 232 color: #ffecf0; 233 border-color: #9a0055; 234 } 235 .badge-technology { 236 background-color: #edf0ff; 237 color: #004fa9; 238 border-color: #5091ff; 239 } 240 @media (prefers-color-scheme: dark) { 241 html[data-theme="auto"] .badge-technology { 242 background-color: #002e68; 243 color: #edf0ff; 244 border-color: #004fa9; 245 } 246 } 247 html[data-theme="dark"] .badge-technology { 248 background-color: #002e68; 249 color: #edf0ff; 250 border-color: #004fa9; 251 } 252 253 /* ---- Buttons ---- */ 254 .btn { 255 display: inline-flex; 256 align-items: center; 257 justify-content: center; 258 gap: 8px; 259 padding: 12px 24px; 260 border-radius: 8px; 261 font-family: 'Inter', sans-serif; 262 font-size: 0.9375rem; 263 font-weight: 600; 264 cursor: pointer; 265 transition: all 0.15s ease; 266 border: none; 267 text-decoration: none; 268 width: 100%; white-space: nowrap; } 269 270 .btn-primary { background: var(--accent); color: var(--accent-text, var(--bg)); } 271 .btn-primary:hover { background: var(--accent-hover); color: var(--accent-text, var(--bg)); } 272 273 .btn-outline { 274 background: transparent; 275 color: var(--text); 276 border: 1px solid var(--border); 277 } 278 .btn-outline:hover { background: var(--bg-muted); } 279 280 /* Payment-button hover: complementary hue at the SAME lightness, derived from whatever --accent the 281 seller's palette sets (no colours hard-coded here). Relative colour syntax: h/s/l are the accent's own 282 channels. Black/white accents have no hue (s = 0), so for them the lightness is nudged +/-20 toward 283 the middle instead (black -> #333, white -> #ccc, i.e. the classic --accent-hover) rather than 284 "changing" to the same colour. Browsers without relative-colour support keep the rules above. */ 285 @supports (color: hsl(from red calc(h + 180) s calc(l + sign(50 - l)))) { 286 .btn-primary:hover { 287 background: hsl(from var(--accent) calc(h + 180) s calc(l + 20 * sign(50 - l) * (1 - min(s, 1)))); 288 } 289 .btn-outline:hover { 290 background: var(--bg-muted); 291 border-color: hsl(from var(--accent) calc(h + 180) s l); 292 color: hsl(from var(--accent) calc(h + 180) s calc(l + 20 * sign(50 - l) * (1 - min(s, 1)))); 293 } 294 } 295 296 .btn-sm { padding: 8px 16px; font-size: 0.8125rem; } 297 .btn-auto { width: auto; } 298 .btn-cta { width: auto; padding: 12px 32px; } 299 .btn-mb { margin-bottom: 12px; } 300 .btn-mt-sm { margin-top: 8px; } 301 .btn-danger { color: #dc2626; border-color: #dc2626; } 302 .btn-icon { width: auto; padding: 8px 12px; } 303 304 /* ---- Strengths ---- */ 305 .strength-item { 306 display: flex; 307 align-items: flex-start; 308 gap: 10px; 309 padding: 10px 0; 310 border-bottom: 1px solid var(--border); 311 } 312 .strength-item:last-child { border-bottom: none; } 313 314 .strength-icon { 315 flex-shrink: 0;
316 width: 20px; 317 height: 20px; 318 display: flex; 319 align-items: center; 320 justify-content: center; 321 margin-top: 2px; 322 color: var(--text); 323 } 324 325 .strength-icon i { font-size: 0.75rem; } 326 327 /* ---- Stat row ---- */ 328 .stat-row { 329 display: flex; 330 gap: 24px; 331 color: var(--text-light); 332 font-size: 0.8125rem; 333 } 334 .stat-row-mt { margin-top: 8px; } 335 336 /* ---- Mobile sticky CTA ---- */ 337 .mobile-cta { 338 display: none; 339 position: fixed; 340 bottom: 0; 341 left: 0; 342 right: 0; 343 background: var(--bg-card); 344 border-top: 1px solid var(--border); 345 padding: 12px 16px; 346 z-index: 50; 347 } 348 349 @media (max-width: 767px) { 350 .mobile-cta { display: flex; gap: 12px; align-items: center; } 351 body { padding-bottom: 80px; } 352 } 353 354 .mobile-cta-text { flex: 1; } 355 .mobile-cta-price { font-weight: 700; font-size: 1.25rem; } 356 .mobile-cta-label { font-weight: 600; font-size: 0.875rem; } 357 358 /* ---- Seller bar ---- */ 359 .seller-bar { 360 background: var(--bg-muted); 361 border-bottom: 1px solid var(--border); 362 padding: 12px 0; 363 } 364 365 .seller-bar-inner { 366 display: flex; 367 align-items: center; 368 justify-content: space-between; 369 gap: 16px; 370 flex-wrap: wrap; 371 } 372 373 .seller-bar-label { font-size: 0.8125rem; font-weight: 600; } 374 .seller-bar-actions { display: flex; gap: 8px; } 375 376 /* ---- Factors grid ---- */ 377 .factor-grid { 378 display: grid; 379 grid-template-columns: repeat(2, 1fr); 380 gap: 12px; 381 } 382 @media (min-width: 640px) { .factor-grid { grid-template-columns: repeat(3, 1fr); } } 383 384 .factor-item { 385 padding: 12px; 386 border-radius: 8px; 387 background: var(--bg-muted); 388 text-align: center; 389 } 390 391 .factor-label { 392 font-size: 0.6875rem; 393 text-transform: uppercase; 394 letter-spacing: 0.05em; 395 color: var(--text-light); 396 margin-bottom: 4px; 397 } 398 399 .factor-value { font-size: 0.875rem; font-weight: 600; } 400 401 /* ---- Breadcrumb ---- */ 402 .breadcrumb { font-size: 0.8125rem; color: var(--text-light); padding: 16px 0; } 403 .breadcrumb a { color: var(--text-muted); text-decoration: none; } 404 .breadcrumb a:hover { text-decoration: underline; } 405 .breadcrumb-sep { margin: 0 6px; } 406 .breadcrumb-current { color: var(--text-muted); } 407 408 /* ---- Nav ---- */ 409 .nav { 410 display: flex; 411 align-items: center; 412 justify-content: space-between; 413 padding: 16px 0; 414 border-bottom: 1px solid var(--border); 415 } 416 417 .nav-logo { font-size: 1.125rem; font-weight: 700; color: var(--text); text-decoration: none; } 418 .nav-logo-dim { opacity: 0.4; } 419 .nav-logo-sub { font-weight: 400; opacity: 0.5; } 420 .nav-actions { display: flex; gap: 12px; align-items: center; } 421 .nav-left { display: flex; align-items: center; gap: 10px; min-width: 0; } 422 .nav-brand-logo { display: inline-flex; align-items: center; background: #fff; 423 border: 1px solid rgba(0,0,0,0.06); border-radius: 8px; padding: 3px 9px; 424 box-shadow: 0 1px 3px rgba(0,0,0,0.12); } 425 .nav-brand-logo img { height: 26px; width: 104px; object-fit: cover; object-position: center; display: block; } 426 .nav-brand-logo.logo-zoomable { cursor: zoom-in; } 427 .nav-brand-logo.logo-zoomable:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; } 428 /* On mobile, wrap the logo under "Own this domain" instead of crowding the top row. */ 429 @media (max-width: 600px) { .nav-left { flex-direction: column; align-items: flex-start; gap: 8px; } } 430 431 /* ---- Full-logo lightbox: click the cropped nav badge to see the whole logo, overlaid so the page isn't disturbed ---- */ 432 .logo-lightbox { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; 433 justify-content: center; padding: 24px; background: rgba(0,0,0,0.72); cursor: zoom-out; } 434 .logo-lightbox[hidden] { display: none; } 435 .logo-lightbox-img { max-width: min(440px, 88vw); max-height: 86vh; width: auto; height: auto; 436 object-fit: contain; background: #fff; padding: 24px; border-radius: 16px; 437 box-shadow: 0 24px 70px rgba(0,0,0,0.55); animation: logoZoomIn 0.22s ease-out; } 438 .logo-lightbox-close { position: absolute; top: 18px; right: 22px; width: 40px; height: 40px; 439 display: flex; align-items: center; justify-content: center; border: none; 440 border-radius: 50%; background: rgba(255,255,255,0.16); color: #fff; 441 font-size: 26px; line-height: 1; cursor: pointer; } 442 .logo-lightbox-close:hover { background: rgba(255,255,255,0.32); } 443 @keyframes logoZoomIn { from { transform: scale(0.86); opacity: 0; } to { transform: scale(1); opacity: 1; } } 444 445 /* ---- Flex utility classes ---- */ 446 .flex { display: flex; } 447 .flex-col { flex-direction: column; } 448 .flex-center { align-items: center; } 449 .flex-between { justify-content: space-between; } 450 .flex-wrap { flex-wrap: wrap; } 451 .flex-1 { flex: 1; } 452 .gap-8 { gap: 8px; } 453 .gap-12 { gap: 12px; } 454 .gap-16 { gap: 16px; } 455 .text-center { text-align: center; } 456 .justify-center { justify-content: center; } 457 .hidden { display: none; } 458 459 /* ---- Hero card ---- */ 460 .hero-card { text-align: center; padding: 48px 24px; position: relative; overflow: hidden; } 461 .hero-card-bg { position: absolute; inset: 0; background-size: cover; background-position: center; 462 opacity: 0.15; pointer-events: none; } 463 .hero-card-content { position: relative; z-index: 1; } 464 .hero-subtitle { margin-bottom: 16px; } 465 .hero-badges { margin-top: 16px; } 466 .hero-share { margin-top: 20px; } 467 .btn-x-share { display: inline-flex; align-items: center; gap: 8px; background: #000; color: #fff; 468 border: 1px solid rgba(255,255,255,0.22); } 469 .btn-x-share:hover { background: #141414; color: #fff; } 470 .btn-x-share .fa-x-twitter { font-size: 0.95em; } 471 .hero-bg { 472 background-size: cover; 473 background-position: center; 474 } 475 476 /* ---- Sidebar detail rows ---- */ 477 .detail-list { gap: 12px; font-size: 0.875rem; } 478 .detail-row { display: flex; justify-content: space-between; } 479 480 /* ---- Price card ---- */ 481 .price-label { margin-bottom: 8px; } 482 .price-amount { margin-bottom: 4px; } 483 .price-appraisal { margin-bottom: 24px; } 484 .lto-per-month { font-size: 0.875rem; font-weight: 400; opacity: 0.7; } 485 .lto-down-payment { margin-bottom: 8px; } 486 487 /* ---- Trust card ---- */ 488 .trust-list { gap: 12px; font-size: 0.8125rem; color: var(--text-muted); } 489 .trust-item { display: flex; align-items: center; gap: 8px; } 490 .trust-icon { width: 16px; text-align: center; } 491 492 /* ---- Verified icon ---- */ 493 .verified-icon { color: var(--text-light); margin-left: 4px; } 494 495 /* ---- Certificate link ---- */ 496 .cert-link { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--text-light); cursor: pointer; transition: opacity 0.15s; } 497 .cert-link:hover { opacity: 0.7; } 498 499 /* ---- Certificate modal ---- */ 500 .cert-modal { display: none; position: fixed; inset: 0; z-index: 9999; } 501 .cert-modal.open { display: flex; align-items: center; justify-content: center; } 502 .cert-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.7); } 503 .cert-modal-content { position: relative; width: 90vw; max-width: 900px; height: 80vh; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 25px 60px rgba(0,0,0,0.4); } 504 .cert-modal-close { position: absolute; top: 12px; right: 16px; z-index: 1; background: rgba(0,0,0,0.5); color: #fff; border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; justify-content: center; }
505 .cert-modal-close:hover { background: rgba(0,0,0,0.8); } 506 .cert-modal-iframe { width: 100%; height: 100%; border: none; transition: opacity 0.2s; } 507 .cert-modal-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.9375rem; color: #888; gap: 10px; background: #fff; } 508 509 /* ---- Offer Modal ---- */ 510 .offer-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; } 511 .offer-modal[hidden] { display: none; } 512 .offer-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.55); } 513 .offer-modal-content { position: relative; width: 92vw; max-width: 460px; background: var(--bg-card); color: var(--text); border: 1px solid var(--border); border-radius: 14px; padding: 24px; box-shadow: 0 25px 60px rgba(0,0,0,0.35); } 514 .offer-modal-close { position: absolute; top: 12px; right: 12px; background: transparent; color: var(--text-light); border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; justify-content: center; } 515 .offer-modal-close:hover { background: var(--bg-muted); color: var(--text); } 516 .offer-modal-title { font-size: 1.125rem; font-weight: 700; margin-bottom: 4px; } 517 .offer-modal-sub { font-size: 0.8125rem; color: var(--text-light); margin-bottom: 18px; } 518 .offer-modal-field { margin-bottom: 14px; } 519 .offer-modal-field label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 6px; } 520 .offer-modal-field input[type="number"], .offer-modal-field textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--text); font-family: inherit; font-size: 0.9375rem; } 521 .offer-modal-field textarea { resize: vertical; min-height: 70px; } 522 .offer-modal-field input:focus, .offer-modal-field textarea:focus { outline: none; border-color: var(--text); } 523 .offer-amount-row { display: flex; align-items: stretch; } 524 .offer-amount-prefix { display: flex; align-items: center; padding: 0 12px; background: var(--bg-muted); border: 1px solid var(--border); border-right: 0; border-radius: 8px 0 0 8px; font-weight: 700; color: var(--text-muted); } 525 .offer-amount-row input[type="number"] { border-radius: 0 8px 8px 0; } 526 .offer-modal-hint { font-size: 0.6875rem; color: var(--text-light); margin-top: 4px; } 527 .offer-modal-error { background: #fee2e2; color: #991b1b; padding: 10px 12px; border-radius: 8px; font-size: 0.8125rem; margin-bottom: 12px; } 528 .offer-modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; } 529 .offer-modal-actions .btn { min-width: 100px; } 530 531 532 /* ---- Seller info (mobile/tablet card) ---- */ 533 .seller-card-inner { display: flex; align-items: center; justify-content: space-between; } 534 </style> 535 <style id="listing-style"> 536:root, html[data-theme="light"] { 537 --bg: #c2fde7; 538 --text: #5a3c61; 539 --accent: #8d6b94; 540 --border: #669e8b; 541 --bg-card: #ffffff; 542 --bg-muted: #ffebfe; 543 --text-light: #568f7b; 544 --text-muted: #225c4b; 545 --accent-text: #ffffff; 546 --accent-hover: #5a3c61; 547 --palette-0: #00382b; 548 --palette-0-text: #ffffff; 549 --palette-1: #225c4b; 550 --palette-1-text: #ffffff; 551 --palette-2: #8d6b94; 552 --palette-2-text: #ffffff; 553 --palette-3: #669e8b; 554 --palette-3-text: #000000; 555 --palette-4: #c2fde7; 556 --palette-4-text: #000000; 557} 558 559@media (prefers-color-scheme: dark) { 560 html[data-theme="auto"] { 561 --bg: #225c4b; 562 --text: #ffebfe; 563 --accent: #8d6b94; 564 --border: #568f7b; 565 --bg-card: #00382b; 566 --bg-muted: #00382b; 567 --text-light: #568f7b; 568 --text-muted: #669e8b; 569 --accent-text: #000000; 570 --accent-hover: #ffebfe; 571 } 572} 573 574html[data-theme="dark"] { 575 --bg: #225c4b; 576 --text: #ffebfe; 577 --accent: #8d6b94; 578 --border: #568f7b; 579 --bg-card: #00382b; 580 --bg-muted: #00382b; 581 --text-light: #568f7b; 582 --text-muted: #669e8b; 583 --accent-text: #000000; 584 --accent-hover: #ffebfe; 585} 586 587.card, .card-flush { 588 border: 1px solid #669e8b; 589 border-radius: 8px; 590 box-shadow: 0 1px 3px rgba(0,0,0,0.08); 591} 592 </style> 593 <style>body { background: transparent !important; }</style> 594 </head> 595<body> 596 597 <div id="artist-bg-layer" style="position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center;pointer-events:none;background-image:url(/marketplace/images/finance-1.webp)"></div> 598 <div id="artist-bg-overlay" style="position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg);opacity:0.75"></div> 599 600 <!-- Navigation --> 601 <header> 602 <div class="container"> 603 <nav class="nav"> 604 <div class="nav-left">
605 <span class="nav-logo">æ¥æè¿ä¸ªåå</span> 606 <span class="nav-brand-logo logo-zoomable" role="button" tabindex="0" 607 title="Click to enlarge logo" 608 aria-label="Enlarge logo" 609 data-logo-src="https://appraise.net/api/images?action=serve&domain=piratechart.com&file=logo_25a08dee.webp" 610 data-logo-alt="PirateChart.com logo"><img src="https://appraise.net/api/images?action=serve&domain=piratechart.com&file=logo_25a08dee.webp" alt="PirateChart.com logo" loading="lazy"></span> 611 </div> 612 <div class="nav-actions"> 613 <a href="/?setlang=en" hreflang="en" class="btn btn-sm btn-outline">English</a> 614 <button id="themeToggle" class="btn btn-sm btn-outline btn-icon" aria-label="Toggle theme"> 615 <i class="fas fa-sun hidden" id="themeIconLight"></i> 616 <i class="fas fa-moon hidden" id="themeIconDark"></i> 617 </button> 618 <a href="https://appraise.net/login?redirect=%2Fmarketplace%2Fpiratechart.com" class="btn btn-sm btn-outline">Sign In</a> 619 <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Fpiratechart.com" class="btn btn-sm btn-primary">Register</a> 620 </div> 621 </nav> 622 </div> 623 </header> 624 625 <!-- Seller Actions Bar (only visible to listing owner; suppressed in preview mode) --> 626 627 <!-- Main Content --> 628 <main class="container main-content"> 629 <div class="layout"> 630 631 <!-- CENTER â Main Content --> 632 <div class="layout-center"> 633 <!-- Hero Card: Domain Name + CTA Title --> 634 <div class="card card-mb hero-card" data-card="hero"> 635 <div class="hero-card-bg" style="background-image:url('https://appraise.net/api/images?action=serve&domain=piratechart.com&file=hero_25a08dee.webp')"></div> <div class="hero-card-content"> 636 <p class="text-body text-muted fw-500 hero-subtitle">æ¿ä¸éç¨äºåæãå å¯è´§å¸ææ¸¸æé¢åçéç®ä¸é¾å¿çåçååå</p> 637 <h1 class="domain-name">PirateChart.com</h1> 638 <div class="flex gap-8 justify-center flex-wrap hero-badges"> 639 <span class="badge badge-finance">Finance</span> 640 <span class="badge badge-gaming">Gaming</span> 641 <span class="badge badge-technology">Technology</span> 642 </div> 643 <div class="hero-share"> 644 <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=PirateChart.com%0A%E6%8B%BF%E4%B8%8B%E9%80%82%E7%94%A8%E4%BA%8E%E5%88%86%E6%9E%90%E3%80%81%E5%8A%A0%E5%AF%86%E8%B4%A7%E5%B8%81%E6%88%96%E6%B8%B8%E6%88%8F%E9%A2%86%E5%9F%9F%E7%9A%84%E9%86%92%E7%9B%AE%E4%B8%94%E9%9A%BE%E5%BF%98%E7%9A%84%E5%93%81%E7%89%8C%E5%9E%8B%E5%9F%9F%E5%90%8D%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Fpiratechart.com" 645 target="_blank" rel="noopener noreferrer" 646 aria-label="Share on X"> 647 <i class="fab fa-x-twitter" aria-hidden="true"></i> Share on X </a> 648 </div> 649 </div> 650 </div> 651 652 <!-- Strengths Card --> 653 <div class="card card-mb" data-card="strengths"> 654 <h2 class="card-heading">ä¼å¿</h2> 655 <div> 656 <div class="strength-item">
657 <span class="strength-icon"><i class="fas fa-check"></i></span> 658 <span class="text-sm">âPirateâä¸âChartâä¹é´å ·æé«åº¦å¯è®°ä¸ç¬ç¹çåçå¯¹æ¯ææ</span> 659 </div> 660 <div class="strength-item"> 661 <span class="strength-icon"><i class="fas fa-check"></i></span> 662 <span class="text-sm">é常éåå å¯è´§å¸ã游æåææç¬ç«å¼åè å·¥å ·çç°ä»£ãé«è½éçè¡ä¸</span> 663 </div> 664 <div class="strength-item"> 665 <span class="strength-icon"><i class="fas fa-check"></i></span> 666 <span class="text-sm">æ¼åãåé³åè®°å¿é½å¾ç®å</span> 667 </div> 668 <div class="strength-item"> 669 <span class="strength-icon"><i class="fas fa-check"></i></span> 670 <span class="text-sm">注åäºé»éæ å .com åç¼</span> 671 </div> 672 </div> 673 </div> 674 675 <!-- Market Analysis Card --> 676 <div class="card card-mb" data-card="market-analysis"> 677 <h2 class="card-heading-tight">å¸åºåæ</h2> 678 <p class="text-sm text-muted lh-relaxed">PirateChart.com æ¯ä¸ä¸ªä»¤äººçè¿·çåçåååï¼å®æåå°å°ä¸ä¸ªå 满活åã坿åé©ç²¾ç¥çå ³é®è¯ä¸ä¸ä¸ªæ³¨éå®ç¨æ§çç§ææ¯è¯ç»åå¨ä¸èµ·ãå¨å½ä»çæ°åç¯å¢ä¸ï¼ç°ä»£ SaaS å¹³å°ãå å¯è´§å¸äº¤æè¿½è¸ªå¨å游æåæå¥ä»¶ç»å¸¸éæ©å¤§èãéä¼ ç»çåç§°ï¼ä»¥ä¾¿å¨æ¯ç¥çä¼ ç»ä¼ä¸ç«äºè ä¸è±é¢èåºãâpirateâï¼æµ·çï¼çåé天æ§ä¸âchartâï¼å¾è¡¨ï¼çç»æåç²¾å度形æäºé²æå¯¹æ¯ï¼ä¸ºä¸å®¶å¸ææ ç«åå«ä¸è½ååºä¼å½¢è±¡çååå ¬å¸æé äºå¼äººå ¥èçåçæ äºã该ååæäºè¥éï¼å ·æå¾å¼ºçè¯é³å¸å¼åï¼å¹¶ä¸æå¤§å°åçäº .com åç¼çå ¨çå ¬ä¿¡åã</p> 679 </div> 680 681 <!-- Quality Factors Card --> 682 <div class="card card-mb" data-card="factors"> 683 <h2 class="card-heading">è´¨éå ç´ </h2> 684 <div class="factor-grid"> 685 <div class="factor-item"> 686 <div class="factor-label">åçæ½è´¨</div> 687 <div class="factor-value">è¯å¥½</div> 688 </div> 689 <div class="factor-item"> 690 <div class="factor-label">æè®°ç¨åº¦</div> 691 <div class="factor-value">æä½³</div> 692 </div> 693 <div class="factor-item"> 694 <div class="factor-label">åä¸ä»·å¼</div> 695 <div class="factor-value">ä¸ç</div> 696 </div> 697 <div class="factor-item"> 698 <div class="factor-label">é¿åº¦</div> 699 <div class="factor-value">è¯å¥½</div> 700 </div> 701 </div> 702 </div> 703 704 <!-- Domain Details Card --> 705 <div class="card card-mb" data-card="domain-info"> 706 <h2 class="card-heading">ååä¿¡æ¯</h2> 707 <div class="flex flex-col detail-list"> 708 <div class="detail-row"> 709 <span class="text-light">åç¼</span> 710 <span class="fw-600">.com</span> 711 </div> 712 <div class="detail-row">
713 <span class="text-light">é¿åº¦</span> 714 <span class="fw-600">11 个å符</span> 715 </div> 716 <div class="detail-row"> 717 <span class="text-light">ç±»å</span> 718 <span class="fw-600">è¯å ¸è¯åç</span> 719 </div> 720 <div class="detail-row"> 721 <span class="text-light">åçæ½è´¨</span> 722 <span class="fw-600">è¯å¥½</span> 723 </div> 724 <div class="detail-row"> 725 <span class="text-light">æè®°ç¨åº¦</span> 726 <span class="fw-600">æä½³</span> 727 </div> 728 </div> 729 </div> 730 731 <!-- Notes Card --> 732 <div class="card card-mb" data-card="notes"> 733 <h2 class="card-heading-tight">è¡¥å 说æ</h2> 734 <p class="text-sm text-muted lh-relaxed">æéåå»ä¸å¿åéèï¼DeFiï¼ãWeb3 ææ¸¸æé¢åçç»ç«¯ä¹°å®¶ï¼å©åå ¶å¯»æ¾ä»¤äººè¿ç®ä¸å¿çåçæ è¯ã</p> 735 </div> 736 737 <!-- Seller Info Card (opt-in via seller's portfolio preference) --> 738 </div> 739 740 <!-- RIGHT SIDEBAR â Price + Actions --> 741 <div class="layout-right sticky-sidebar"> 742 <!-- Price Card --> 743 <div class="card card-mb-sm" data-card="price" 744 data-buy-now-price="995" 745 data-min-offer-price="200" 746 data-estimated-high="7,400" 747 data-show-appraisal="1" 748 data-listing-id="6554" 749 data-domain="piratechart.com" 750 data-canonical-url="https://appraise.net/marketplace/piratechart.com" 751 data-is-logged-in="0" 752 data-listing-type="buy_now_or_offer" 753 data-is-seller="0" 754 data-buy-now-enabled="1" 755 data-cert-id="2026-75A30-0E4D13" 756 data-lto-total="995" 757 data-lto-monthly="73" 758 data-lto-down="199" 759 data-lto-months="11"> 760 <div id="priceCardContent"> 761 <div class="factor-label price-label">ä»·æ ¼</div> 762 <div class="price-tag price-amount">$995</div> 763 <div class="text-xs text-light price-appraisal"> 764 <a href="#" class="cert-link" data-cert-id="2026-75A30-0E4D13">ä¼°å¼ $7,400 <i class="fas fa-certificate" style="font-size:0.65em;opacity:0.6"></i></a> <span class="discount-badge">87% 伿 </span> </div> 765 <label class="qc-option" title="Tick this and we will not show this name as sold or publish the sale. The seller has committed to honor your preference and will not disclose it either. Registry and DNS changes stay visible; those are outside our control." style="display:flex;gap:8px;align-items:center;margin:10px 0 12px;font-size:0.8125rem;line-height:1.4;cursor:pointer;text-align:left;"> 766 <input type="checkbox" id="qcOptIn" style="flex:none;"> 767 <span style="flex:1;">Keep this purchase private (QuietClose™)</span> 768 <a href="https://appraise.net/help?category=marketplace&article=quietclose-private-sales" target="_blank" rel="noopener" class="text-light" style="flex:none;" title="How QuietClose works" aria-label="How QuietClose works"><i class="far fa-question-circle"></i></a> 769 </label> 770 <button class="btn btn-primary btn-mb" id="buyNowBtn" title="Sale price: $995 771+ Card processing (3%): $29.85 772= Total: $1,024.85 773 774Funds held until domain transfer confirmed."> 775 <i class="fas fa-shopping-cart"></i> ç«å³è´ä¹° </button> 776 <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $995 777+ No card fee 778= Total: $995 779 780Complete buyer privacy: no identity check, only your verified email. 781Rate locked for 30 minutes. Paid after 1 network confirmation."> 782 <i class="fab fa-bitcoin"></i> Pay with Bitcoin </button> 783 <button class="btn btn-outline btn-mb" id="payPaypalBtn" title="Sale price: $995 784+ PayPal processing (3%): $29.85 785= Total: $1,024.85 786 787PayPal checkout for purchases up to $5,000."> 788 <i class="fab fa-paypal"></i> Pay with PayPal </button> 789 <button class="btn btn-outline btn-mb" id="payAlipayBtn" title="ä½¿ç¨æ¯ä»å®ä»æ¬¾ã"> 790 <i class="fab fa-alipay"></i> æ¯ä»å®æ¯ä» </button> 791 <button class="btn btn-outline btn-mb" id="payCryptoBtn" title="Pay with stablecoins (USDC and more). No card fee. The payment processor verifies your identity."> 792 <i class="fas fa-coins"></i> Pay with stablecoins </button> 793 <button class="btn btn-outline btn-mb" id="payBankBtn" title="ç¾å½é¶è¡è½¬è´¦ï¼ACHï¼ãæ å·å¡æç»è´¹ï¼æ°ä¸ªå·¥ä½æ¥å å°è´¦ã"> 794 <i class="fas fa-university"></i> é¶è¡è½¬è´¦æ¯ä» - ç«å2% </button> 795 <button class="btn btn-outline-primary btn-mb" id="buyEscrowBtn" title="Sale price: $995 796+ Escrow.com fee (shown at next step) 797 798Wire transfer via Escrow.com is much cheaper. 799Funds held until domain transfer confirmed."> 800 <i class="fas fa-shield-alt"></i> éè¿ Escrow.com è´ä¹° </button> 801 <div class="lto-addon-option" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);"> 802 <div class="text-sm" style="margin-bottom:6px;">æ <strong>以ç§ä»£è´</strong> æ¯æä» <strong>$73/æ</strong> × 11 ä¸ªæ · $199 é¦ä»</div> 803 <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $995."> 804 <i class="fas fa-file-signature"></i> 以ç§ä»£è´ </button> 805 </div> 806 807 <button class="btn btn-outline btn-mb" id="makeOfferBtn"> 808 <i class="fas fa-hand-holding-usd"></i> æè¦åºä»· </button> 809 810 </div> 811 812 <div class="flex gap-8"> 813 <button class="btn btn-sm btn-outline flex-1" id="favoriteBtn" data-listing-id="6554"> 814 <i class="far fa-heart"></i> 815 Save </button> 816 </div> 817 </div> 818 819 <!-- Trust Card --> 820 <div class="card" data-card="trust"> 821 <div class="flex flex-col trust-list"> 822 <div class="trust-item"> 823 <i class="fas fa-shield-alt trust-icon"></i>
824 <span>交æç®¡çæ¹ï¼ Appraise.net / Domaincracy LLC</span> 825 </div> 826 <div class="trust-item"> 827 <i class="fas fa-certificate trust-icon"></i> 828 <span>AI éªè¯ä¼°å¼</span> 829 </div> 830 <div class="trust-item"> 831 <i class="fas fa-exchange-alt trust-icon"></i> 832 <span>å ¨ç¨å¼å¯¼è¿æ·</span> 833 </div> 834 </div> 835 </div> 836 837 <!-- Seller Analytics (seller only) --> 838 </div> 839 </div> 840 </main> 841 842 <!-- Mobile Sticky CTA --> 843 <div class="mobile-cta"> 844 <div class="mobile-cta-text"> 845 <div class="mobile-cta-price">$995</div> 846 </div> 847 <button class="btn btn-primary btn-cta">ç«å³è´ä¹°</button> 848 </div> 849 850 <style> 851 .mkt-footer { 852 background: #111827; 853 padding: 34px 0 42px; 854 margin-top: 64px; 855 } 856 .mkt-footer-inner { text-align: center; font-size: 0.8125rem; color: #9ca3af; } 857 .mkt-footer-link { color: #d1d5db; text-decoration: none; font-weight: 600; } 858 .mkt-footer-link:hover { color: #ffffff; } 859 .mkt-footer-badges { margin: 16px 0 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } 860 .mkt-cred { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4e4ec; border-radius: 10px; 861 padding: 7px 13px; background: #fafafa; text-decoration: none; transition: border-color .15s, box-shadow .15s; } 862 .mkt-cred:hover { border-color: #34d399; box-shadow: 0 4px 14px rgba(52,211,153,.18); } 863 .mkt-cred .ic { color: #067647; font-size: 15px; } 864 .mkt-cred img { height: 18px; width: auto; display: block; } 865 .mkt-cred .t { line-height: 1.15; text-align: left; } 866 .mkt-cred .t small { display: block; font-size: 10px; color: #6b7180; letter-spacing: .02em; } 867 .mkt-cred .t b { font-size: 12px; color: #067647; font-weight: 800; } 868 .mkt-footer-credentials { margin-top: 10px; font-size: 0.75rem; color: #6b7280; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; } 869 .mkt-footer-credentials span { white-space: nowrap; } 870 .mkt-footer-credentials a { color: inherit; } 871 .mkt-footer-tip { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; } 872</style> 873<footer class="mkt-footer"> 874 <div class="container mkt-footer-inner"> 875 <p>ææ¯æ¯æï¼ <a href="https://appraise.net" class="mkt-footer-link">Appraise.net™ 交æå¸åº</a> — Domaincracy® LLC æä¸æå¡</p> 876 <div class="mkt-footer-badges"> 877 <a class="mkt-cred" href="https://developer.mozilla.org/en-US/observatory/analyze?host=appraise.net" 878 target="_blank" rel="noopener noreferrer" title="Mozilla Observatory Security Score"> 879 <span class="ic" aria-hidden="true">🛡</span> 880 <span class="t"><small>å®å ¨è¯å</small><b>105/100 A+</b></span> 881 </a> 882 <a class="mkt-cred" href="https://transparencyreport.google.com/safe-browsing/search?url=appraise.net&hl=en" 883 target="_blank" rel="noopener noreferrer" title="Google Safe Browsing Status"> 884 <img src="https://appraise.net/images/safebrowsing-logo.svg" alt="Safe Browsing"> 885 <span class="t"><small>å®å ¨æµè§</small><b>No issues</b></span> 886 </a> 887 <a class="mkt-cred" href="https://www.escrow.com/why-escrowcom" target="_blank" rel="noopener noreferrer" 888 title="High-value transfers handled by Escrow.com, a licensed escrow company"> 889 <span class="ic" aria-hidden="true">🔒</span> 890 <span class="t"><small>è¿æ·æç®¡</small><b>Escrow.com</b></span> 891 </a> 892 <a class="mkt-cred" href="https://stripe.com" target="_blank" rel="noopener noreferrer" 893 title="Card payments processed by Stripe"> 894 <img src="https://appraise.net/images/stripe.png" alt="Stripe" style="height:16px;">
895 <span class="t"><small>æ¯ä»æå¡</small><b>Stripe</b></span> 896 </a> 897 <a class="mkt-cred" href="https://www.bbb.org/us/az/scottsdale/profile/web-hosting/domaincracy-1126-1000057633#sealclick" 898 target="_blank" rel="noopener noreferrer" title="Better Business Bureau profile: Domaincracy LLC, Scottsdale AZ"> 899 <span class="ic" aria-hidden="true">⭐</span> 900 <span class="t"><small>BBB è¯çº§</small><b>A+</b></span> 901 </a> 902 </div> 903 <div class="mkt-footer-credentials"> 904 <span><span class="mkt-footer-tip" title="Internet Corporation for Assigned Names and Numbers — Business Constituency">ICANN BC</span> æå</span> 905 <span><a href="https://www.iana.org/assignments/enterprise-numbers/?q=domaincracy" target="_blank" rel="noopener noreferrer"><span class="mkt-footer-tip" title="Internet Assigned Numbers Authority — Private Enterprise Number">IANA PEN</span> 46780</a></span> 906 <span><span class="mkt-footer-tip" title="Internet Commerce Association">ICA</span> æå</span> 907 </div> 908 </div> 909</footer> 910 911 <!-- Certificate Modal --> 912 <div id="certModal" class="cert-modal"> 913 <div class="cert-modal-backdrop"></div> 914 <div class="cert-modal-content"> 915 <button class="cert-modal-close"><i class="fas fa-times"></i></button> 916 <div class="cert-modal-loading"><i class="fas fa-spinner fa-spin"></i> Retrieving certificate...</div> 917 <iframe id="certIframe" class="cert-modal-iframe"></iframe> 918 </div> 919 </div> 920 921 <!-- Handoff Modal (shown on non-canonical hosts before bouncing to appraise.net) --> 922 <div id="handoffModal" class="offer-modal" hidden> 923 <div class="offer-modal-backdrop" data-handoff-close></div> 924 <div class="offer-modal-content"> 925 <button class="offer-modal-close" data-handoff-close aria-label="Close"><i class="fas fa-times"></i></button> 926 <h3 class="offer-modal-title" id="handoffTitle">Continue on Appraise.net</h3> 927 <p class="offer-modal-sub" id="handoffSub"> 928 Offers are negotiated and paid securely on <strong>Appraise.net Marketplace</strong>. You'll be taken there to complete your offer â and you can return here any time. 929 </p> 930 <div class="offer-modal-actions"> 931 <button class="btn btn-outline" data-handoff-close>Cancel</button> 932 <a class="btn btn-primary" id="handoffContinueBtn" href="#">Continue to Appraise.net <i class="fas fa-arrow-right"></i></a> 933 </div> 934 </div> 935 </div> 936 937 <!-- Offer / Inquiry Modal --> 938 <div id="ltoTermsModal" class="offer-modal" hidden> 939 <div class="offer-modal-backdrop" data-lto-close></div> 940 <div class="offer-modal-content"> 941 <button class="offer-modal-close" data-lto-close aria-label="Close"><i class="fas fa-times"></i></button> 942 <h3 class="offer-modal-title">Before you start the lease</h3> 943 <p class="offer-modal-sub">A lease-to-own is a contract between you and the seller. The essentials: you pay monthly by card, you may use the domain while payments are current, a missed payment forfeits the lease after a short deadline and paid installments are not refunded, and the domain transfers to you when the last payment clears. You can pay off the balance at any time.</p> 944 <label style="display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:0.95rem;line-height:1.45;cursor:pointer;"> 945 <input type="checkbox" id="ltoTermsAck" style="margin-top:4px;"> 946 <span>I have read the <a href="https://appraise.net/help?category=marketplace&article=lease-to-own-terms" target="_blank" rel="noopener" style="text-decoration:underline;">lease-to-own terms</a> and agree to them for this domain.</span> 947 </label> 948 <button class="btn btn-primary" id="ltoTermsContinue" disabled><i class="fas fa-file-signature"></i> Start lease</button> 949 <p class="mpt-error" id="ltoTermsError" hidden style="margin-top:8px;color:#dc2626;font-size:13px;"></p> 950 </div> 951 </div> 952 <div id="offerModal" class="offer-modal" hidden> 953 <div class="offer-modal-backdrop" data-offer-close></div> 954 <div class="offer-modal-content"> 955 <button class="offer-modal-close" data-offer-close aria-label="Close"><i class="fas fa-times"></i></button> 956 <h3 class="offer-modal-title" id="offerModalTitle">Make an Offer</h3> 957 <p class="offer-modal-sub" id="offerModalSub"></p> 958 959 <div class="offer-modal-field" id="offerAmountField"> 960 <label for="offerAmountInput">Your offer (USD)</label> 961 <div class="offer-amount-row">
962 <span class="offer-amount-prefix">$</span> 963 <input type="number" id="offerAmountInput" inputmode="numeric" min="200" step="1" placeholder="200"> 964 </div> 965 <div class="offer-modal-hint">Minimum offer: $200</div> 966 </div> 967 968 <div class="offer-modal-field" id="offerExpiryField"> 969 <label for="offerExpiryInput">Offer good for</label> 970 <select id="offerExpiryInput" class="input" style="width:100%;"> 971 <option value="3">3 days</option> 972 <option value="7">7 days</option> 973 <option value="14" selected>14 days</option> 974 <option value="30">30 days</option> 975 </select> 976 <div class="offer-modal-hint">How long the seller has to respond before this offer lapses. You can always re-offer.</div> 977 </div> 978 979 <div class="offer-modal-field"> 980 <label for="offerMessageInput" id="offerMessageLabel">Message <span class="text-light">(optional)</span></label> 981 <textarea id="offerMessageInput" rows="3" maxlength="1000" placeholder="Add a note for the seller..."></textarea> 982 <div class="offer-modal-hint">No emails, phone numbers, or links â they'll be filtered.</div> 983 </div> 984 985 <div class="offer-modal-error" id="offerModalError" hidden></div> 986 987 <div class="offer-modal-actions"> 988 <button class="btn btn-outline" data-offer-close>Cancel</button> 989 <button class="btn btn-primary" id="offerSubmitBtn"><i class="fas fa-paper-plane"></i> <span id="offerSubmitLabel">Send Offer</span></button> 990 </div> 991 </div> 992 </div> 993 994 <div id="escrowModal" 995 role="dialog" 996 aria-modal="true" 997 aria-labelledby="escrowModalTitle" 998 data-prefill-email="" 999 style="display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center;"> 1000 1001 <div id="escrowModalOverlay" style="position:absolute; inset:0; background:rgba(15,23,42,0.55); backdrop-filter: blur(2px);"></div> 1002 1003 <div role="document" 1004 style="position:relative; background:#ffffff; color:#0f172a; max-width:480px; width:calc(100% - 32px); border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,0.25); padding:24px 24px 20px 24px; font-family:'Inter', system-ui, -apple-system, sans-serif;"> 1005 1006 <button type="button" id="escrowModalClose" aria-label="Close" 1007 style="position:absolute; top:8px; right:10px; background:none; border:none; font-size:22px; line-height:1; color:#64748b; cursor:pointer; padding:6px 10px;">×</button> 1008 1009 <h3 id="escrowModalTitle" style="margin:0 0 10px 0; font-size:1.15rem; font-weight:700;"> 1010 <i class="fas fa-shield-alt" style="color:#16a34a; margin-right:6px;"></i> Pay via Escrow.com 1011 </h3> 1012 1013 <p style="margin:0 0 10px 0; font-size:0.875rem; line-height:1.5; color:#334155;"> 1014 Escrow.com holds your funds until the domain transfer is confirmed. 1015 Choose this if you have a verified Escrow.com account or are willing to verify (free, ~5 mins). 1016 </p> 1017 1018 <button type="button" id="escrowExplainerToggle" 1019 aria-expanded="false" aria-controls="escrowExplainerPanel" 1020 style="display:inline-flex; align-items:center; gap:4px; background:none; border:none; padding:0 0 0 0; margin:0 0 14px 0; color:#0369a1; font-size:0.8125rem; font-weight:600; cursor:pointer;"> 1021 <span id="escrowExplainerToggleLabel">What is Escrow.com?</span> 1022 <i id="escrowExplainerChevron" class="fas fa-chevron-down" style="font-size:0.7rem; transition:transform 0.15s ease;"></i> 1023 </button> 1024 1025 <div id="escrowExplainerPanel" hidden 1026 style="background:#f0f9ff; border:1px solid #bae6fd; border-radius:8px; padding:12px 14px; margin:0 0 16px 0; font-size:0.8125rem; line-height:1.55; color:#0f172a;"> 1027 <p style="margin:0 0 8px 0; font-weight:600;">Escrow.com is the industry-standard payment processor for high-value domain sales.</p> 1028 <ul style="margin:0; padding-left:18px; color:#334155;"> 1029 <li><strong>Funds held safely.</strong> Your payment is held by Escrow.com â not the seller â until you confirm the domain is in your account.</li> 1030 <li><strong>Wire or other methods.</strong> Wire transfer is the standard for larger sales; other options surface during checkout.</li> 1031 <li><strong>Quick verification.</strong> If you don't have an Escrow.com account, signup + verification takes ~5 minutes and is free.</li> 1032 <li><strong>Used worldwide.</strong> Standard rails for six- and seven-figure domain deals â same protection scaled to your transaction size.</li> 1033 </ul> 1034 <p style="margin:8px 0 0 0; font-size:0.75rem; color:#64748b;"> 1035 Don't have an account? You can verify at <a href="https://www.escrow.com" target="_blank" rel="noopener" style="color:#0369a1;">escrow.com</a> first, then return here with the verified email. 1036 </p> 1037 </div> 1038 1039 <label for="escrowModalEmail" style="display:block; font-size:0.8125rem; font-weight:600; margin-bottom:6px; color:#0f172a;"> 1040 Your Escrow.com email 1041 </label> 1042 <input type="email" id="escrowModalEmail" autocomplete="email" required 1043 placeholder="[email protected]" 1044 style="display:block; width:100%; padding:10px 12px; font-size:0.9375rem; border:1px solid #cbd5e1; border-radius:8px; color:#0f172a; box-sizing:border-box;" /> 1045 1046 <p id="escrowModalHint" style="margin:6px 0 0 0; font-size:0.75rem; color:#64748b;"> 1047 Use the email matching your verified Escrow.com account, or any email you'll verify with them. 1048 </p> 1049 1050 <p id="escrowModalError" role="alert" hidden 1051 style="margin:10px 0 0 0; font-size:0.8125rem; color:#dc2626;"></p> 1052 1053 <div style="display:flex; gap:10px; justify-content:flex-end; margin-top:18px;"> 1054 <button type="button" id="escrowModalCancel" 1055 style="padding:8px 16px; font-size:0.875rem; font-weight:500; background:#f1f5f9; color:#0f172a; border:1px solid #cbd5e1; border-radius:8px; cursor:pointer;"> 1056 Cancel 1057 </button> 1058 <button type="button" id="escrowModalContinue" 1059 style="padding:8px 18px; font-size:0.875rem; font-weight:600; background:#16a34a; color:#ffffff; border:1px solid #16a34a; border-radius:8px; cursor:pointer;"> 1060 Continue to Escrow.com 1061 </button> 1062 </div> 1063 </div> 1064</div> 1065 1066 <!-- Full-logo lightbox (opened from the nav brand logo) --> 1067 <div id="logo-lightbox" class="logo-lightbox" hidden> 1068 <button type="button" class="logo-lightbox-close" aria-label="Close">×</button> 1069 <img class="logo-lightbox-img" src="" alt=""> 1070 </div> 1071 1072
1072<script src="/js/marketplace-escrow-modal.js?v=1791065178"></script>
1072 1073
1073<script src="/js/marketplace-listing.js?v=1791065178"></script>
1073 1074
1074<script src="/js/marketplace-artist-listener.js?v=1791065178"></script>
1074 1075</body> 1076</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.