1<!DOCTYPE html> 2<html lang="zh-CN" class="scroll-smooth" data-theme="auto"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 6-7
6 7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-FLH6JN0ZQ8
vendor: 12 bytes, line 7
7"></script>
8<script src="/js/google-analytics.js"></script>
8 9 <title>WikiTree.org - For Sale | Appraise.net Marketplace</title> 10 <meta name="description" content="Ideal TLD ä¸çä¼è´¨åä½è°±ç³»ä¸ç¥è¯åºåç"> 11 <meta property="og:type" content="website"> 12 <meta property="og:site_name" content="Appraise.net"> 13 <meta property="og:url" content="https://appraise.net/marketplace/wikitree.org"> 14 <meta property="og:title" content="WikiTree.org - For Sale | Appraise.net Marketplace"> 15 <meta property="og:description" content="Ideal TLD ä¸çä¼è´¨åä½è°±ç³»ä¸ç¥è¯åºåç"> 16 <meta property="og:image" content="https://appraise.net/api/og-card?d=wikitree.org&v=6"> 17 <meta property="og:image:width" content="1200"> 18 <meta property="og:image:height" content="630"> 19 <meta property="og:image:type" content="image/jpeg"> 20 <meta name="twitter:card" content="summary_large_image"> 21 <meta name="twitter:title" content="WikiTree.org - For Sale | Appraise.net Marketplace"> 22 <meta name="twitter:description" content="Ideal TLD ä¸çä¼è´¨åä½è°±ç³»ä¸ç¥è¯åºåç"> 23 <meta name="twitter:image" content="https://appraise.net/api/og-card?d=wikitree.org&v=6"> 24 <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/wikitree.org"> 25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/wikitree.org"> 26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/wikitree.org"> 27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/wikitree.org"> <link rel="preconnect" href="https://fonts.googleapis.com"> 28 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 29 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@700;800&display=swap" rel="stylesheet"> 30 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 31 <style> 32 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 33 34 /* ---- Theme variables ---- */ 35 :root { 36 --bg: #ffffff; 37 --bg-card: #ffffff; 38 --bg-muted: #f5f5f5; 39 --border: #e5e5e5; 40 --text: #000000; 41 --text-muted: #666666; 42 --text-light: #999999; 43 --accent: #000000; 44 --accent-hover: #333333; 45 } 46 47 @media (prefers-color-scheme: dark) { 48 html[data-theme="auto"] { 49 --bg: #000000; 50 --bg-card: #111111; 51 --bg-muted: #1a1a1a; 52 --border: #2a2a2a; 53 --text: #ffffff; 54 --text-muted: #999999; 55 --text-light: #666666; 56 --accent: #ffffff; 57 --accent-hover: #cccccc; 58 } 59 } 60 61 html[data-theme="dark"] { 62 --bg: #000000; 63 --bg-card: #111111; 64 --bg-muted: #1a1a1a; 65 --border: #2a2a2a; 66 --text: #ffffff; 67 --text-muted: #999999; 68 --text-light: #666666; 69 --accent: #ffffff; 70 --accent-hover: #cccccc; 71 } 72 73 html[data-theme="light"] { 74 --bg: #ffffff; 75 --bg-card: #ffffff; 76 --bg-muted: #f5f5f5; 77 --border: #e5e5e5; 78 --text: #000000; 79 --text-muted: #666666; 80 --text-light: #999999; 81 --accent: #000000; 82 --accent-hover: #333333; 83 } 84 85 /* ---- Base ---- */ 86 body { 87 font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; 88 background: var(--bg); 89 color: var(--text); 90 line-height: 1.6; 91 -webkit-font-smoothing: antialiased; 92 } 93 94 /* ---- Cards ---- */ 95 .card { 96 background: var(--bg-card); 97 border: 1px solid var(--border); 98 border-radius: 12px; 99 padding: 24px; 100 } 101 102 .card-flush { 103 background: var(--bg-card); 104 border: 1px solid var(--border); 105 border-radius: 12px; 106 padding: 0; 107 overflow: hidden; 108 } 109 110 .card-mb { margin-bottom: 24px; } 111 .card-mb-sm { margin-bottom: 16px; } 112 .card-mt-sm { margin-top: 16px; } 113 114 /* ---- Layout ---- */ 115 .container { 116 max-width: 1280px; 117 margin: 0 auto; 118 padding: 0 16px; 119 } 120 121 @media (min-width: 768px) { .container { padding: 0 24px; } } 122 @media (min-width: 1024px) { .container { padding: 0 32px; } } 123 124 .layout { 125 display: grid; 126 gap: 24px; 127 grid-template-columns: 1fr; 128 } 129 130 .layout-center { order: 1; } 131 .layout-right { order: 2; } 132 133 @media (min-width: 768px) { 134 .layout { grid-template-columns: 1fr 360px; } 135 } 136 137 .sticky-sidebar { 138 position: sticky; 139 top: 24px; 140 align-self: start; 141 } 142 143 .main-content { padding-top: 8px; padding-bottom: 64px; } 144 145 /* ---- Typography ---- */ 146 .domain-name { 147 font-family: 'Poppins', sans-serif; 148 font-size: clamp(1.25rem, 4vw, 3rem); 149 font-weight: 800; 150 letter-spacing: -0.02em; 151 line-height: 1.2; 152 white-space: nowrap; 153 overflow: hidden; 154 text-overflow: ellipsis; 155 } 156 157 .price-tag { 158 font-size: 2rem; 159 font-weight: 700; 160 letter-spacing: -0.01em; 161 } 162 163 .card-heading { 164 font-size: 1rem; 165 font-weight: 700; 166 margin-bottom: 16px; 167 } 168 169 .card-heading-tight { 170 font-size: 1rem; 171 font-weight: 700; 172 margin-bottom: 12px; 173 } 174 175 .text-sm { font-size: 0.875rem; } 176 .text-xs { font-size: 0.75rem; } 177 .text-label { font-size: 0.8125rem; } 178 .text-body { font-size: 0.9375rem; } 179 .text-muted { color: var(--text-muted); } 180 .text-light { color: var(--text-light); } 181 .text-accent { color: var(--text); } 182 .fw-500 { font-weight: 500; } 183 .fw-600 { font-weight: 600; } 184 .fw-700 { font-weight: 700; } 185 .lh-relaxed { line-height: 1.7; } 186 187 /* ---- Badge ---- */ 188 .badge { 189 display: inline-block; 190 padding: 4px 12px; 191 border-radius: 100px; 192 font-size: 0.75rem; 193 font-weight: 600; 194 text-transform: uppercase; 195 letter-spacing: 0.05em; 196 border: 1px solid var(--border); 197 color: var(--text-muted); 198 } 199 200 /* Category-specific badge colors (generated from Material palette) */ 201 .badge-technology { 202 background-color: #edf0ff; 203 color: #004fa9; 204 border-color: #5091ff; 205 } 206 @media (prefers-color-scheme: dark) { 207 html[data-theme="auto"] .badge-technology { 208 background-color: #002e68; 209 color: #edf0ff; 210 border-color: #004fa9; 211 } 212 } 213 html[data-theme="dark"] .badge-technology { 214 background-color: #002e68; 215 color: #edf0ff; 216 border-color: #004fa9; 217 } 218 .badge-education { 219 background-color: #fff2df; 220 color: #4b3500; 221 border-color: #b68d36; 222 } 223 @media (prefers-color-scheme: dark) { 224 html[data-theme="auto"] .badge-education { 225 background-color: #332300; 226 color: #fff2df; 227 border-color: #4b3500; 228 } 229 } 230 html[data-theme="dark"] .badge-education { 231 background-color: #332300; 232 color: #fff2df; 233 border-color: #4b3500; 234 } 235 .badge-social { 236 background-color: #ffede9; 237 color: #89301e; 238 border-color: #e3735c; 239 } 240 @media (prefers-color-scheme: dark) { 241 html[data-theme="auto"] .badge-social { 242 background-color: #5e1003; 243 color: #ffede9; 244 border-color: #89301e; 245 } 246 } 247 html[data-theme="dark"] .badge-social { 248 background-color: #5e1003; 249 color: #ffede9; 250 border-color: #89301e; 251 } 252 253 /* ---- Buttons ---- */ 254 .btn { 255 display: inline-flex; 256 align-items: center; 257 justify-content: center; 258 gap: 8px; 259 padding: 12px 24px; 260 border-radius: 8px; 261 font-family: 'Inter', sans-serif; 262 font-size: 0.9375rem; 263 font-weight: 600; 264 cursor: pointer; 265 transition: all 0.15s ease; 266 border: none; 267 text-decoration: none; 268 width: 100%; white-space: nowrap; } 269 270 .btn-primary { background: var(--accent); color: var(--accent-text, var(--bg)); } 271 .btn-primary:hover { background: var(--accent-hover); color: var(--accent-text, var(--bg)); } 272 273 .btn-outline { 274 background: transparent; 275 color: var(--text); 276 border: 1px solid var(--border); 277 } 278 .btn-outline:hover { background: var(--bg-muted); } 279 280 /* Payment-button hover: complementary hue at the SAME lightness, derived from whatever --accent the 281 seller's palette sets (no colours hard-coded here). Relative colour syntax: h/s/l are the accent's own 282 channels. Black/white accents have no hue (s = 0), so for them the lightness is nudged +/-20 toward 283 the middle instead (black -> #333, white -> #ccc, i.e. the classic --accent-hover) rather than 284 "changing" to the same colour. Browsers without relative-colour support keep the rules above. */ 285 @supports (color: hsl(from red calc(h + 180) s calc(l + sign(50 - l)))) { 286 .btn-primary:hover { 287 background: hsl(from var(--accent) calc(h + 180) s calc(l + 20 * sign(50 - l) * (1 - min(s, 1)))); 288 } 289 .btn-outline:hover { 290 background: var(--bg-muted); 291 border-color: hsl(from var(--accent) calc(h + 180) s l); 292 color: hsl(from var(--accent) calc(h + 180) s calc(l + 20 * sign(50 - l) * (1 - min(s, 1)))); 293 } 294 } 295 296 .btn-sm { padding: 8px 16px; font-size: 0.8125rem; } 297 .btn-auto { width: auto; } 298 .btn-cta { width: auto; padding: 12px 32px; } 299 .btn-mb { margin-bottom: 12px; } 300 .btn-mt-sm { margin-top: 8px; } 301 .btn-danger { color: #dc2626; border-color: #dc2626; } 302 .btn-icon { width: auto; padding: 8px 12px; } 303 304 /* ---- Strengths ---- */ 305 .strength-item { 306 display: flex; 307 align-items: flex-start; 308 gap: 10px; 309 padding: 10px 0; 310 border-bottom: 1px solid var(--border); 311 } 312 .strength-item:last-child { border-bottom: none; } 313 314 .strength-icon { 315 flex-shrink: 0;
316 width: 20px; 317 height: 20px; 318 display: flex; 319 align-items: center; 320 justify-content: center; 321 margin-top: 2px; 322 color: var(--text); 323 } 324 325 .strength-icon i { font-size: 0.75rem; } 326 327 /* ---- Stat row ---- */ 328 .stat-row { 329 display: flex; 330 gap: 24px; 331 color: var(--text-light); 332 font-size: 0.8125rem; 333 } 334 .stat-row-mt { margin-top: 8px; } 335 336 /* ---- Mobile sticky CTA ---- */ 337 .mobile-cta { 338 display: none; 339 position: fixed; 340 bottom: 0; 341 left: 0; 342 right: 0; 343 background: var(--bg-card); 344 border-top: 1px solid var(--border); 345 padding: 12px 16px; 346 z-index: 50; 347 } 348 349 @media (max-width: 767px) { 350 .mobile-cta { display: flex; gap: 12px; align-items: center; } 351 body { padding-bottom: 80px; } 352 } 353 354 .mobile-cta-text { flex: 1; } 355 .mobile-cta-price { font-weight: 700; font-size: 1.25rem; } 356 .mobile-cta-label { font-weight: 600; font-size: 0.875rem; } 357 358 /* ---- Seller bar ---- */ 359 .seller-bar { 360 background: var(--bg-muted); 361 border-bottom: 1px solid var(--border); 362 padding: 12px 0; 363 } 364 365 .seller-bar-inner { 366 display: flex; 367 align-items: center; 368 justify-content: space-between; 369 gap: 16px; 370 flex-wrap: wrap; 371 } 372 373 .seller-bar-label { font-size: 0.8125rem; font-weight: 600; } 374 .seller-bar-actions { display: flex; gap: 8px; } 375 376 /* ---- Factors grid ---- */ 377 .factor-grid { 378 display: grid; 379 grid-template-columns: repeat(2, 1fr); 380 gap: 12px; 381 } 382 @media (min-width: 640px) { .factor-grid { grid-template-columns: repeat(3, 1fr); } } 383 384 .factor-item { 385 padding: 12px; 386 border-radius: 8px; 387 background: var(--bg-muted); 388 text-align: center; 389 } 390 391 .factor-label { 392 font-size: 0.6875rem; 393 text-transform: uppercase; 394 letter-spacing: 0.05em; 395 color: var(--text-light); 396 margin-bottom: 4px; 397 } 398 399 .factor-value { font-size: 0.875rem; font-weight: 600; } 400 401 /* ---- Breadcrumb ---- */ 402 .breadcrumb { font-size: 0.8125rem; color: var(--text-light); padding: 16px 0; } 403 .breadcrumb a { color: var(--text-muted); text-decoration: none; } 404 .breadcrumb a:hover { text-decoration: underline; } 405 .breadcrumb-sep { margin: 0 6px; } 406 .breadcrumb-current { color: var(--text-muted); } 407 408 /* ---- Nav ---- */ 409 .nav { 410 display: flex; 411 align-items: center; 412 justify-content: space-between; 413 padding: 16px 0; 414 border-bottom: 1px solid var(--border); 415 } 416 417 .nav-logo { font-size: 1.125rem; font-weight: 700; color: var(--text); text-decoration: none; } 418 .nav-logo-dim { opacity: 0.4; } 419 .nav-logo-sub { font-weight: 400; opacity: 0.5; } 420 .nav-actions { display: flex; gap: 12px; align-items: center; } 421 .nav-left { display: flex; align-items: center; gap: 10px; min-width: 0; } 422 .nav-brand-logo { display: inline-flex; align-items: center; background: #fff; 423 border: 1px solid rgba(0,0,0,0.06); border-radius: 8px; padding: 3px 9px; 424 box-shadow: 0 1px 3px rgba(0,0,0,0.12); } 425 .nav-brand-logo img { height: 26px; width: 104px; object-fit: cover; object-position: center; display: block; } 426 .nav-brand-logo.logo-zoomable { cursor: zoom-in; } 427 .nav-brand-logo.logo-zoomable:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; } 428 /* On mobile, wrap the logo under "Own this domain" instead of crowding the top row. */ 429 @media (max-width: 600px) { .nav-left { flex-direction: column; align-items: flex-start; gap: 8px; } } 430 431 /* ---- Full-logo lightbox: click the cropped nav badge to see the whole logo, overlaid so the page isn't disturbed ---- */ 432 .logo-lightbox { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; 433 justify-content: center; padding: 24px; background: rgba(0,0,0,0.72); cursor: zoom-out; } 434 .logo-lightbox[hidden] { display: none; } 435 .logo-lightbox-img { max-width: min(440px, 88vw); max-height: 86vh; width: auto; height: auto; 436 object-fit: contain; background: #fff; padding: 24px; border-radius: 16px; 437 box-shadow: 0 24px 70px rgba(0,0,0,0.55); animation: logoZoomIn 0.22s ease-out; } 438 .logo-lightbox-close { position: absolute; top: 18px; right: 22px; width: 40px; height: 40px; 439 display: flex; align-items: center; justify-content: center; border: none; 440 border-radius: 50%; background: rgba(255,255,255,0.16); color: #fff; 441 font-size: 26px; line-height: 1; cursor: pointer; } 442 .logo-lightbox-close:hover { background: rgba(255,255,255,0.32); } 443 @keyframes logoZoomIn { from { transform: scale(0.86); opacity: 0; } to { transform: scale(1); opacity: 1; } } 444 445 /* ---- Flex utility classes ---- */ 446 .flex { display: flex; } 447 .flex-col { flex-direction: column; } 448 .flex-center { align-items: center; } 449 .flex-between { justify-content: space-between; } 450 .flex-wrap { flex-wrap: wrap; } 451 .flex-1 { flex: 1; } 452 .gap-8 { gap: 8px; } 453 .gap-12 { gap: 12px; } 454 .gap-16 { gap: 16px; } 455 .text-center { text-align: center; } 456 .justify-center { justify-content: center; } 457 .hidden { display: none; } 458 459 /* ---- Hero card ---- */ 460 .hero-card { text-align: center; padding: 48px 24px; position: relative; overflow: hidden; } 461 .hero-card-bg { position: absolute; inset: 0; background-size: cover; background-position: center; 462 opacity: 0.15; pointer-events: none; } 463 .hero-card-content { position: relative; z-index: 1; } 464 .hero-subtitle { margin-bottom: 16px; } 465 .hero-badges { margin-top: 16px; } 466 .hero-share { margin-top: 20px; } 467 .btn-x-share { display: inline-flex; align-items: center; gap: 8px; background: #000; color: #fff; 468 border: 1px solid rgba(255,255,255,0.22); } 469 .btn-x-share:hover { background: #141414; color: #fff; } 470 .btn-x-share .fa-x-twitter { font-size: 0.95em; } 471 .hero-bg { 472 background-size: cover; 473 background-position: center; 474 } 475 476 /* ---- Sidebar detail rows ---- */ 477 .detail-list { gap: 12px; font-size: 0.875rem; } 478 .detail-row { display: flex; justify-content: space-between; } 479 480 /* ---- Price card ---- */ 481 .price-label { margin-bottom: 8px; } 482 .price-amount { margin-bottom: 4px; } 483 .price-appraisal { margin-bottom: 24px; } 484 .lto-per-month { font-size: 0.875rem; font-weight: 400; opacity: 0.7; } 485 .lto-down-payment { margin-bottom: 8px; } 486 487 /* ---- Trust card ---- */ 488 .trust-list { gap: 12px; font-size: 0.8125rem; color: var(--text-muted); } 489 .trust-item { display: flex; align-items: center; gap: 8px; } 490 .trust-icon { width: 16px; text-align: center; } 491 492 /* ---- Verified icon ---- */ 493 .verified-icon { color: var(--text-light); margin-left: 4px; } 494 495 /* ---- Certificate link ---- */ 496 .cert-link { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--text-light); cursor: pointer; transition: opacity 0.15s; } 497 .cert-link:hover { opacity: 0.7; } 498 499 /* ---- Certificate modal ---- */ 500 .cert-modal { display: none; position: fixed; inset: 0; z-index: 9999; } 501 .cert-modal.open { display: flex; align-items: center; justify-content: center; } 502 .cert-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.7); } 503 .cert-modal-content { position: relative; width: 90vw; max-width: 900px; height: 80vh; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 25px 60px rgba(0,0,0,0.4); } 504 .cert-modal-close { position: absolute; top: 12px; right: 16px; z-index: 1; background: rgba(0,0,0,0.5); color: #fff; border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; justify-content: center; }
505 .cert-modal-close:hover { background: rgba(0,0,0,0.8); } 506 .cert-modal-iframe { width: 100%; height: 100%; border: none; transition: opacity 0.2s; } 507 .cert-modal-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.9375rem; color: #888; gap: 10px; background: #fff; } 508 509 /* ---- Offer Modal ---- */ 510 .offer-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; } 511 .offer-modal[hidden] { display: none; } 512 .offer-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.55); } 513 .offer-modal-content { position: relative; width: 92vw; max-width: 460px; background: var(--bg-card); color: var(--text); border: 1px solid var(--border); border-radius: 14px; padding: 24px; box-shadow: 0 25px 60px rgba(0,0,0,0.35); } 514 .offer-modal-close { position: absolute; top: 12px; right: 12px; background: transparent; color: var(--text-light); border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; justify-content: center; } 515 .offer-modal-close:hover { background: var(--bg-muted); color: var(--text); } 516 .offer-modal-title { font-size: 1.125rem; font-weight: 700; margin-bottom: 4px; } 517 .offer-modal-sub { font-size: 0.8125rem; color: var(--text-light); margin-bottom: 18px; } 518 .offer-modal-field { margin-bottom: 14px; } 519 .offer-modal-field label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 6px; } 520 .offer-modal-field input[type="number"], .offer-modal-field textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--text); font-family: inherit; font-size: 0.9375rem; } 521 .offer-modal-field textarea { resize: vertical; min-height: 70px; } 522 .offer-modal-field input:focus, .offer-modal-field textarea:focus { outline: none; border-color: var(--text); } 523 .offer-amount-row { display: flex; align-items: stretch; } 524 .offer-amount-prefix { display: flex; align-items: center; padding: 0 12px; background: var(--bg-muted); border: 1px solid var(--border); border-right: 0; border-radius: 8px 0 0 8px; font-weight: 700; color: var(--text-muted); } 525 .offer-amount-row input[type="number"] { border-radius: 0 8px 8px 0; } 526 .offer-modal-hint { font-size: 0.6875rem; color: var(--text-light); margin-top: 4px; } 527 .offer-modal-error { background: #fee2e2; color: #991b1b; padding: 10px 12px; border-radius: 8px; font-size: 0.8125rem; margin-bottom: 12px; } 528 .offer-modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; } 529 .offer-modal-actions .btn { min-width: 100px; } 530 531 532 /* ---- Seller info (mobile/tablet card) ---- */ 533 .seller-card-inner { display: flex; align-items: center; justify-content: space-between; } 534 </style> 535 <style id="listing-style"> 536:root, html[data-theme="light"] { 537 --bg: #edf0ff; 538 --text: #703800; 539 --accent: #b6610b; 540 --border: #5091ff; 541 --bg-card: #ffffff; 542 --bg-muted: #ffede3; 543 --text-light: #3281f6; 544 --text-muted: #004fa9; 545 --accent-text: #ffffff; 546 --accent-hover: #703800; 547 --palette-0: #002e68; 548 --palette-0-text: #ffffff; 549 --palette-1: #004fa9; 550 --palette-1-text: #ffffff; 551 --palette-2: #b6610b; 552 --palette-2-text: #ffffff; 553 --palette-3: #5091ff; 554 --palette-3-text: #000000; 555 --palette-4: #edf0ff; 556 --palette-4-text: #000000; 557} 558 559@media (prefers-color-scheme: dark) { 560 html[data-theme="auto"] { 561 --bg: #004fa9; 562 --text: #ffede3; 563 --accent: #b6610b; 564 --border: #3281f6; 565 --bg-card: #002e68; 566 --bg-muted: #002e68; 567 --text-light: #3281f6; 568 --text-muted: #5091ff; 569 --accent-text: #000000; 570 --accent-hover: #ffede3; 571 } 572} 573 574html[data-theme="dark"] { 575 --bg: #004fa9; 576 --text: #ffede3; 577 --accent: #b6610b; 578 --border: #3281f6; 579 --bg-card: #002e68; 580 --bg-muted: #002e68; 581 --text-light: #3281f6; 582 --text-muted: #5091ff; 583 --accent-text: #000000; 584 --accent-hover: #ffede3; 585} 586 587.card, .card-flush { 588 border: 1px solid #5091ff; 589 border-radius: 8px; 590 box-shadow: 0 1px 3px rgba(0,0,0,0.08); 591} 592 </style> 593 <style>body { background: transparent !important; }</style> 594 </head> 595<body> 596 597 <div id="artist-bg-layer" style="position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center;pointer-events:none;background-image:url(/marketplace/images/technology-4.webp)"></div> 598 <div id="artist-bg-overlay" style="position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg);opacity:0.75"></div> 599 600 <!-- Navigation --> 601 <header> 602 <div class="container"> 603 <nav class="nav"> 604 <div class="nav-left">
605 <span class="nav-logo">æ¥æè¿ä¸ªåå</span> 606 <span class="nav-brand-logo logo-zoomable" role="button" tabindex="0" 607 title="Click to enlarge logo" 608 aria-label="Enlarge logo" 609 data-logo-src="https://appraise.net/api/images?action=serve&domain=wikitree.org&file=logo_61afb1c5.webp" 610 data-logo-alt="WikiTree.org logo"><img src="https://appraise.net/api/images?action=serve&domain=wikitree.org&file=logo_61afb1c5.webp" alt="WikiTree.org logo" loading="lazy"></span> 611 </div> 612 <div class="nav-actions"> 613 <a href="/?setlang=en" hreflang="en" class="btn btn-sm btn-outline">English</a> 614 <button id="themeToggle" class="btn btn-sm btn-outline btn-icon" aria-label="Toggle theme"> 615 <i class="fas fa-sun hidden" id="themeIconLight"></i> 616 <i class="fas fa-moon hidden" id="themeIconDark"></i> 617 </button> 618 <a href="https://appraise.net/login?redirect=%2Fmarketplace%2Fwikitree.org" class="btn btn-sm btn-outline">Sign In</a> 619 <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Fwikitree.org" class="btn btn-sm btn-primary">Register</a> 620 </div> 621 </nav> 622 </div> 623 </header> 624 625 <!-- Seller Actions Bar (only visible to listing owner; suppressed in preview mode) --> 626 627 <!-- Main Content --> 628 <main class="container main-content"> 629 <div class="layout"> 630 631 <!-- CENTER â Main Content --> 632 <div class="layout-center"> 633 <!-- Hero Card: Domain Name + CTA Title --> 634 <div class="card card-mb hero-card" data-card="hero"> 635 <div class="hero-card-bg" style="background-image:url('https://appraise.net/api/images?action=serve&domain=wikitree.org&file=hero_61afb1c5.webp')"></div> <div class="hero-card-content"> 636 <p class="text-body text-muted fw-500 hero-subtitle">Ideal TLD ä¸çä¼è´¨åä½è°±ç³»ä¸ç¥è¯åºåç</p> 637 <h1 class="domain-name">WikiTree.org</h1> 638 <div class="flex gap-8 justify-center flex-wrap hero-badges"> 639 <span class="badge badge-technology">Technology</span> 640 <span class="badge badge-education">Education</span> 641 <span class="badge badge-social">Social</span> 642 </div> 643 <div class="hero-share"> 644 <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=WikiTree.org%0AIdeal%20TLD%20%E4%B8%8B%E7%9A%84%E4%BC%98%E8%B4%A8%E5%8D%8F%E4%BD%9C%E8%B0%B1%E7%B3%BB%E4%B8%8E%E7%9F%A5%E8%AF%86%E5%BA%93%E5%93%81%E7%89%8C%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Fwikitree.org" 645 target="_blank" rel="noopener noreferrer" 646 aria-label="Share on X"> 647 <i class="fab fa-x-twitter" aria-hidden="true"></i> Share on X </a> 648 </div> 649 </div> 650 </div> 651 652 <!-- Strengths Card --> 653 <div class="card card-mb" data-card="strengths"> 654 <h2 class="card-heading">ä¼å¿</h2> 655 <div> 656 <div class="strength-item"> 657 <span class="strength-icon"><i class="fas fa-check"></i></span> 658 <span class="text-sm">é«åº¦æè®°ä¸ç´è§çåçåç§°</span> 659 </div> 660 <div class="strength-item">
661 <span class="strength-icon"><i class="fas fa-check"></i></span> 662 <span class="text-sm">åä½åâwikiâåç¼ä¸ä¸æ³¨äºç¤¾åºçâ.orgâåç¼å®ç¾å¥å</span> 663 </div> 664 <div class="strength-item"> 665 <span class="strength-icon"><i class="fas fa-check"></i></span> 666 <span class="text-sm">ä¸å®¶è°±ãæè°±åç»æåç¥è¯æ°æ®åºå ·æå¼ºççå ³èæ§</span> 667 </div> 668 <div class="strength-item"> 669 <span class="strength-icon"><i class="fas fa-check"></i></span> 670 <span class="text-sm">æ¼åç®åãå鳿µç 䏿äºå ¨çæ¨å¹¿</span> 671 </div> 672 </div> 673 </div> 674 675 <!-- Market Analysis Card --> 676 <div class="card card-mb" data-card="market-analysis"> 677 <h2 class="card-heading-tight">å¸åºåæ</h2> 678 <p class="text-sm text-muted lh-relaxed">该åå为åä½å¹³å°ãéè¥å©ç»ç»æå¼æºå®¶è°±é¡¹ç®ä»£è¡¨äºé¡¶çº§æ¢¯éçåçæºéãâwikiâä¸è¯å¨ç½ç»ä¸å ·ææé«çæå¨æ§ï¼ä¸âtreeâç»ååï¼è½å¤ç«å³ä¼ è¾¾åºç»æåã社åºå ±å»ºæ°æ®åºçæ¦å¿µãç±äºâ.orgâå ä¿¡æ¯å社åºèµæºèæ·±åäºèç½ç¨æ·é«åº¦ä¿¡ä»»ï¼è¯¥ååå¨å ¶ç±»å«ä¸äº«ææ¾èçæº¢ä»·ç©ºé´ã</p> 679 </div> 680 681 <!-- Quality Factors Card --> 682 <div class="card card-mb" data-card="factors"> 683 <h2 class="card-heading">è´¨éå ç´ </h2> 684 <div class="factor-grid"> 685 <div class="factor-item"> 686 <div class="factor-label">åçæ½è´¨</div> 687 <div class="factor-value">æä½³</div> 688 </div> 689 <div class="factor-item"> 690 <div class="factor-label">æè®°ç¨åº¦</div> 691 <div class="factor-value">æä½³</div> 692 </div> 693 <div class="factor-item"> 694 <div class="factor-label">åä¸ä»·å¼</div> 695 <div class="factor-value">ä¸ç</div> 696 </div> 697 <div class="factor-item"> 698 <div class="factor-label">é¿åº¦</div> 699 <div class="factor-value">æä½³</div> 700 </div> 701 <div class="factor-item"> 702 <div class="factor-label">æµéæ½å</div> 703 <div class="factor-value">é«</div> 704 </div> 705 <div class="factor-item"> 706 <div class="factor-label">æç´¢é</div> 707 <div class="factor-value">é«</div> 708 </div> 709 </div> 710 </div> 711 712 <!-- Domain Details Card --> 713 <div class="card card-mb" data-card="domain-info"> 714 <h2 class="card-heading">ååä¿¡æ¯</h2> 715 <div class="flex flex-col detail-list"> 716 <div class="detail-row"> 717 <span class="text-light">åç¼</span> 718 <span class="fw-600">.org</span> 719 </div> 720 <div class="detail-row"> 721 <span class="text-light">é¿åº¦</span>
722 <span class="fw-600">8 个å符</span> 723 </div> 724 <div class="detail-row"> 725 <span class="text-light">ç±»å</span> 726 <span class="fw-600">é¨åå¹é å ³é®è¯</span> 727 </div> 728 <div class="detail-row"> 729 <span class="text-light">åçæ½è´¨</span> 730 <span class="fw-600">æä½³</span> 731 </div> 732 <div class="detail-row"> 733 <span class="text-light">æè®°ç¨åº¦</span> 734 <span class="fw-600">æä½³</span> 735 </div> 736 </div> 737 </div> 738 739 <!-- Notes Card --> 740 <div class="card card-mb" data-card="notes"> 741 <h2 class="card-heading-tight">è¡¥å 说æ</h2> 742 <p class="text-sm text-muted lh-relaxed">ä¸é¡¹å ·æå ç½®æå¨æ§åé«å溯价å¼çæ°åºåçèµäº§ã</p> 743 </div> 744 745 <!-- Seller Info Card (opt-in via seller's portfolio preference) --> 746 </div> 747 748 <!-- RIGHT SIDEBAR â Price + Actions --> 749 <div class="layout-right sticky-sidebar"> 750 <!-- Price Card --> 751 <div class="card card-mb-sm" data-card="price" 752 data-buy-now-price="55,000" 753 data-min-offer-price="11000" 754 data-estimated-high="75,000" 755 data-show-appraisal="1" 756 data-listing-id="8058" 757 data-domain="wikitree.org" 758 data-canonical-url="https://appraise.net/marketplace/wikitree.org" 759 data-is-logged-in="0" 760 data-listing-type="buy_now_or_offer" 761 data-is-seller="0" 762 data-buy-now-enabled="1" 763 data-cert-id="2026-2238C-EADEDE" 764 data-lto-total="55,000" 765 data-lto-monthly="4,000" 766 data-lto-down="11,000" 767 data-lto-months="11"> 768 <div id="priceCardContent"> 769 <div class="factor-label price-label">ä»·æ ¼</div> 770 <div class="price-tag price-amount">$55,000</div> 771 <div class="text-xs text-light price-appraisal"> 772 <a href="#" class="cert-link" data-cert-id="2026-2238C-EADEDE">ä¼°å¼ $75,000 <i class="fas fa-certificate" style="font-size:0.65em;opacity:0.6"></i></a> <span class="discount-badge">27% 伿 </span> </div> 773 <label class="qc-option" title="Tick this and we will not show this name as sold or publish the sale. The seller has committed to honor your preference and will not disclose it either. Registry and DNS changes stay visible; those are outside our control." style="display:flex;gap:8px;align-items:center;margin:10px 0 12px;font-size:0.8125rem;line-height:1.4;cursor:pointer;text-align:left;"> 774 <input type="checkbox" id="qcOptIn" style="flex:none;"> 775 <span style="flex:1;">Keep this purchase private (QuietClose™)</span> 776 <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> 777 </label> 778 <button class="btn btn-primary btn-mb" id="buyEscrowBtn" title="Sale price: $55,000 779+ Escrow.com fee (shown at next step) 780 781Wire transfer via Escrow.com is much cheaper. 782Funds held until domain transfer confirmed."> 783 <i class="fas fa-shield-alt"></i>
783 éè¿ Escrow.com è´ä¹° <span style="font-size:0.7rem; opacity:0.9; font-weight:500;">· æ¨è</span> 784 </button> 785 <button class="btn btn-outline btn-mb" id="buyNowBtn" title="Sale price: $55,000 786+ Card processing (3%): $1,650.00 787= Total: $56,650.00 788 789Funds held until domain transfer confirmed."> 790 <i class="fas fa-credit-card"></i> æä½¿ç¨é¶è¡å¡æ¯ä» </button> 791 <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $55,000 792+ No card fee 793= Total: $55,000 794 795Complete buyer privacy: no identity check, only your verified email. 796Rate locked for 30 minutes. Paid after 6 network confirmations."> 797 <i class="fab fa-bitcoin"></i> Pay with Bitcoin </button> 798 <button class="btn btn-outline btn-mb" id="payAlipayBtn" title="ä½¿ç¨æ¯ä»å®ä»æ¬¾ã"> 799 <i class="fab fa-alipay"></i> æ¯ä»å®æ¯ä» </button> 800 <button class="btn btn-outline btn-mb" id="payCryptoBtn" title="Pay with stablecoins (USDC and more). No card fee. The payment processor verifies your identity."> 801 <i class="fas fa-coins"></i> Pay with stablecoins </button> 802 <button class="btn btn-outline btn-mb" id="payBankBtn" title="ç¾å½é¶è¡è½¬è´¦ï¼ACHï¼ãæ å·å¡æç»è´¹ï¼æ°ä¸ªå·¥ä½æ¥å å°è´¦ã"> 803 <i class="fas fa-university"></i> é¶è¡è½¬è´¦æ¯ä» - ç«å2% </button> 804 <div class="lto-addon-option" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);"> 805 <div class="text-sm" style="margin-bottom:6px;">æ <strong>以ç§ä»£è´</strong> æ¯æä» <strong>$4,000/æ</strong> × 11 ä¸ªæ · $11,000 é¦ä»</div> 806 <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $55,000."> 807 <i class="fas fa-file-signature"></i> 以ç§ä»£è´ </button> 808 </div> 809 810 <button class="btn btn-outline btn-mb" id="makeOfferBtn"> 811 <i class="fas fa-hand-holding-usd"></i> æè¦åºä»· </button> 812 813 </div> 814 815 <div class="flex gap-8"> 816 <button class="btn btn-sm btn-outline flex-1" id="favoriteBtn" data-listing-id="8058"> 817 <i class="far fa-heart"></i> 818 Save </button> 819 </div> 820 </div> 821 822 <!-- Trust Card --> 823 <div class="card" data-card="trust"> 824 <div class="flex flex-col trust-list"> 825 <div class="trust-item"> 826 <i class="fas fa-shield-alt trust-icon"></i>
827 <span>交æç®¡çæ¹ï¼ Appraise.net / Domaincracy LLC</span> 828 </div> 829 <div class="trust-item"> 830 <i class="fas fa-certificate trust-icon"></i> 831 <span>AI éªè¯ä¼°å¼</span> 832 </div> 833 <div class="trust-item"> 834 <i class="fas fa-exchange-alt trust-icon"></i> 835 <span>å ¨ç¨å¼å¯¼è¿æ·</span> 836 </div> 837 </div> 838 </div> 839 840 <!-- Seller Analytics (seller only) --> 841 </div> 842 </div> 843 </main> 844 845 <!-- Mobile Sticky CTA --> 846 <div class="mobile-cta"> 847 <div class="mobile-cta-text"> 848 <div class="mobile-cta-price">$55,000</div> 849 </div> 850 <button class="btn btn-primary btn-cta">ç«å³è´ä¹°</button> 851 </div> 852 853 <style> 854 .mkt-footer { 855 background: #111827; 856 padding: 34px 0 42px; 857 margin-top: 64px; 858 } 859 .mkt-footer-inner { text-align: center; font-size: 0.8125rem; color: #9ca3af; } 860 .mkt-footer-link { color: #d1d5db; text-decoration: none; font-weight: 600; } 861 .mkt-footer-link:hover { color: #ffffff; } 862 .mkt-footer-badges { margin: 16px 0 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } 863 .mkt-cred { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4e4ec; border-radius: 10px; 864 padding: 7px 13px; background: #fafafa; text-decoration: none; transition: border-color .15s, box-shadow .15s; } 865 .mkt-cred:hover { border-color: #34d399; box-shadow: 0 4px 14px rgba(52,211,153,.18); } 866 .mkt-cred .ic { color: #067647; font-size: 15px; } 867 .mkt-cred img { height: 18px; width: auto; display: block; } 868 .mkt-cred .t { line-height: 1.15; text-align: left; } 869 .mkt-cred .t small { display: block; font-size: 10px; color: #6b7180; letter-spacing: .02em; } 870 .mkt-cred .t b { font-size: 12px; color: #067647; font-weight: 800; } 871 .mkt-footer-credentials { margin-top: 10px; font-size: 0.75rem; color: #6b7280; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; } 872 .mkt-footer-credentials span { white-space: nowrap; } 873 .mkt-footer-credentials a { color: inherit; } 874 .mkt-footer-tip { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; } 875</style> 876<footer class="mkt-footer"> 877 <div class="container mkt-footer-inner"> 878 <p>ææ¯æ¯æï¼ <a href="https://appraise.net" class="mkt-footer-link">Appraise.net™ 交æå¸åº</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="11000" step="1" placeholder="11000"> 967 </div> 968 <div class="offer-modal-hint">Minimum offer: $11,000</div> 969 </div> 970 971 <div class="offer-modal-field" id="offerExpiryField"> 972 <label for="offerExpiryInput">Offer good for</label> 973 <select id="offerExpiryInput" class="input" style="width:100%;"> 974 <option value="3">3 days</option> 975 <option value="7">7 days</option> 976 <option value="14" selected>14 days</option> 977 <option value="30">30 days</option> 978 </select> 979 <div class="offer-modal-hint">How long the seller has to respond before this offer lapses. You can always re-offer.</div> 980 </div> 981 982 <div class="offer-modal-field"> 983 <label for="offerMessageInput" id="offerMessageLabel">Message <span class="text-light">(optional)</span></label> 984 <textarea id="offerMessageInput" rows="3" maxlength="1000" placeholder="Add a note for the seller..."></textarea> 985 <div class="offer-modal-hint">No emails, phone numbers, or links â they'll be filtered.</div> 986 </div> 987 988 <div class="offer-modal-error" id="offerModalError" hidden></div> 989 990 <div class="offer-modal-actions"> 991 <button class="btn btn-outline" data-offer-close>Cancel</button> 992 <button class="btn btn-primary" id="offerSubmitBtn"><i class="fas fa-paper-plane"></i> <span id="offerSubmitLabel">Send Offer</span></button> 993 </div> 994 </div> 995 </div> 996 997 <div id="escrowModal" 998 role="dialog" 999 aria-modal="true" 1000 aria-labelledby="escrowModalTitle" 1001 data-prefill-email="" 1002 style="display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center;"> 1003 1004 <div id="escrowModalOverlay" style="position:absolute; inset:0; background:rgba(15,23,42,0.55); backdrop-filter: blur(2px);"></div> 1005 1006 <div role="document" 1007 style="position:relative; background:#ffffff; color:#0f172a; max-width:480px; width:calc(100% - 32px); border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,0.25); padding:24px 24px 20px 24px; font-family:'Inter', system-ui, -apple-system, sans-serif;"> 1008 1009 <button type="button" id="escrowModalClose" aria-label="Close" 1010 style="position:absolute; top:8px; right:10px; background:none; border:none; font-size:22px; line-height:1; color:#64748b; cursor:pointer; padding:6px 10px;">×</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=1790935563"></script>
1075 1076
1076<script src="/js/marketplace-listing.js?v=1790935563"></script>
1076 1077
1077<script src="/js/marketplace-artist-listener.js?v=1790935563"></script>
1077 1078</body> 1079</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.