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>Microorganisms.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/microorganisms.com"> 14 <meta property="og:title" content="Microorganisms.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=microorganisms.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="Microorganisms.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=microorganisms.com&v=6"> 24 <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/microorganisms.com"> 25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/microorganisms.com"> 26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/microorganisms.com"> 27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/microorganisms.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-health { 202 background-color: #d6f5e0; 203 color: #2d4839; 204 border-color: #7d9a87; 205 } 206 @media (prefers-color-scheme: dark) { 207 html[data-theme="auto"] .badge-health { 208 background-color: #122d1f; 209 color: #d6f5e0; 210 border-color: #2d4839; 211 } 212 } 213 html[data-theme="dark"] .badge-health { 214 background-color: #122d1f; 215 color: #d6f5e0; 216 border-color: #2d4839; 217 } 218 .badge-technology { 219 background-color: #edf0ff; 220 color: #004fa9; 221 border-color: #5091ff; 222 } 223 @media (prefers-color-scheme: dark) { 224 html[data-theme="auto"] .badge-technology { 225 background-color: #002e68; 226 color: #edf0ff; 227 border-color: #004fa9; 228 } 229 } 230 html[data-theme="dark"] .badge-technology { 231 background-color: #002e68; 232 color: #edf0ff; 233 border-color: #004fa9; 234 } 235 .badge-education { 236 background-color: #fff2df; 237 color: #4b3500; 238 border-color: #b68d36; 239 } 240 @media (prefers-color-scheme: dark) { 241 html[data-theme="auto"] .badge-education { 242 background-color: #332300; 243 color: #fff2df; 244 border-color: #4b3500; 245 } 246 } 247 html[data-theme="dark"] .badge-education { 248 background-color: #332300; 249 color: #fff2df; 250 border-color: #4b3500; 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: #d6f5e0; 538 --text: #50415a; 539 --accent: #81718c; 540 --border: #7d9a87; 541 --bg-card: #ffffff; 542 --bg-muted: #faecff; 543 --text-light: #577362; 544 --text-muted: #2d4839; 545 --accent-text: #ffffff; 546 --accent-hover: #50415a; 547 --palette-0: #122d1f; 548 --palette-0-text: #ffffff; 549 --palette-1: #2d4839; 550 --palette-1-text: #ffffff; 551 --palette-2: #81718c; 552 --palette-2-text: #ffffff; 553 --palette-3: #7d9a87; 554 --palette-3-text: #000000; 555 --palette-4: #d6f5e0; 556 --palette-4-text: #000000; 557} 558 559@media (prefers-color-scheme: dark) { 560 html[data-theme="auto"] { 561 --bg: #2d4839; 562 --text: #faecff; 563 --accent: #81718c; 564 --border: #577362; 565 --bg-card: #122d1f; 566 --bg-muted: #122d1f; 567 --text-light: #577362; 568 --text-muted: #7d9a87; 569 --accent-text: #000000; 570 --accent-hover: #faecff; 571 } 572} 573 574html[data-theme="dark"] { 575 --bg: #2d4839; 576 --text: #faecff; 577 --accent: #81718c; 578 --border: #577362; 579 --bg-card: #122d1f; 580 --bg-muted: #122d1f; 581 --text-light: #577362; 582 --text-muted: #7d9a87; 583 --accent-text: #000000; 584 --accent-hover: #faecff; 585} 586 587.card, .card-flush { 588 border: 1px solid #7d9a87; 589 border-radius: 12px; 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/health-3.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.53"></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=microorganisms.com&file=logo_fe87a85d.webp" 610 data-logo-alt="Microorganisms.com logo"><img src="https://appraise.net/api/images?action=serve&domain=microorganisms.com&file=logo_fe87a85d.webp" alt="Microorganisms.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%2Fmicroorganisms.com" class="btn btn-sm btn-outline">Sign In</a> 619 <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Fmicroorganisms.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=microorganisms.com&file=hero_fe87a85d.webp')"></div> <div class="hero-card-content"> 636 <p class="text-body text-muted fw-500 hero-subtitle">æ¿ä¸å¾®çç©ä¸çç©ææ¯é¢åæå ·ç»æ²»åçå ¨åç±»åå</p> 637 <h1 class="domain-name">Microorganisms.com</h1> 638 <div class="flex gap-8 justify-center flex-wrap hero-badges"> 639 <span class="badge badge-health">Health</span> 640 <span class="badge badge-technology">Technology</span> 641 <span class="badge badge-education">Education</span> 642 </div> 643 <div class="hero-share"> 644 <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=Microorganisms.com%0A%E6%8B%BF%E4%B8%8B%E5%BE%AE%E7%94%9F%E7%89%A9%E4%B8%8E%E7%94%9F%E7%89%A9%E6%8A%80%E6%9C%AF%E9%A2%86%E5%9F%9F%E6%9C%80%E5%85%B7%E7%BB%9F%E6%B2%BB%E5%8A%9B%E7%9A%84%E5%85%A8%E5%93%81%E7%B1%BB%E5%9F%9F%E5%90%8D%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Fmicroorganisms.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">é«ä»·å¼è¡ä¸ä¸å®ä¹åç±»çååè¯ .com åå</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> 669 </div> 670 671 <!-- Market Analysis Card --> 672 <div class="card card-mb" data-card="market-analysis"> 673 <h2 class="card-heading-tight">å¸åºåæ</h2> 674 <p class="text-sm text-muted lh-relaxed">Microorganisms.com æ¯ä¸ä¸ªæå ·ä»·å¼çååè¯æ°åèµäº§ï¼ä»£è¡¨äºçå½ç§å¦ãçç©ææ¯åå»çå¥åº·è¡ä¸çåºç³ãå¨åä¸é¢åï¼å¾®çç©æ¯å¶è¯ãåä¸ãé£åç产ãççèåç¯å¢ç§å¦ç价弿°å亿ç¾å çè¡ä¸çæ ¸å¿ãè½ç¶è¯¥ååçé¿åº¦ç¥é¿äºçæ³çåçåååï¼ä½å ¶ä½ä¸ºç´è§åç±»åç§°çç»å¯¹æå¨æ§ï¼ä½¿å ¶æä¸ºå¯»æ±ç¡®ç«æ å¯äºè®®çå¸åºé¢å¯¼å°ä½ç大åä¼ä¸ãç ç©¶æºææè¡ä¸è´¢å¢çä¸å¯æ¿ä»£èµäº§ã</p> 675 </div> 676 677 <!-- Quality Factors Card --> 678 <div class="card card-mb" data-card="factors"> 679 <h2 class="card-heading">è´¨éå ç´ </h2> 680 <div class="factor-grid"> 681 <div class="factor-item"> 682 <div class="factor-label">åçæ½è´¨</div> 683 <div class="factor-value">è¯å¥½</div> 684 </div> 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">14 个å符</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">è¿ç§çº§å«çååè¯ .com åå ¸ååæå ¶ç½è§ï¼è½å¤å¸å¼çå½ç§å¦é¢åçä¼ä¸ä¹°å®¶æ¯ä»æé«ç溢价ã</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="270,000" 745 data-min-offer-price="13500" 746 data-estimated-high="215,000" 747 data-show-appraisal="0" 748 data-listing-id="10379" 749 data-domain="microorganisms.com" 750 data-canonical-url="https://appraise.net/marketplace/microorganisms.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-F2E1E-C23AC5" 756 data-lto-total="270,000" 757 data-lto-monthly="19,637" 758 data-lto-down="54,000" 759 data-lto-months="11"> 760 <div id="priceCardContent"> 761 <div class="factor-label price-label">ä»·æ ¼</div> 762 <div class="price-tag price-amount">$270,000</div> 763 <button class="btn btn-primary btn-mb" id="buyEscrowBtn" title="Sale price: $270,000 764+ Escrow.com fee (shown at next step) 765 766Wire transfer via Escrow.com is much cheaper. 767Funds held until domain transfer confirmed."> 768 <i class="fas fa-shield-alt"></i> éè¿ Escrow.com è´ä¹° <span style="font-size:0.7rem; opacity:0.9; font-weight:500;">· æ¨è</span> 769 </button> 770 <button class="btn btn-outline btn-mb" id="buyNowBtn" title="Sale price: $270,000 771+ Card processing (3%): $8,100.00 772= Total: $278,100.00 773 774Funds held until domain transfer confirmed."> 775 <i class="fas fa-credit-card"></i> æä½¿ç¨é¶è¡å¡æ¯ä» </button> 776 <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $270,000 777+ No card fee 778= Total: $270,000 779 780Complete buyer privacy: no identity check, only your verified email. 781Rate locked for 30 minutes. Paid after 6 network confirmations."> 782 <i class="fab fa-bitcoin"></i> Pay with Bitcoin </button> 783 <div class="lto-addon-option" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);"> 784 <div class="text-sm" style="margin-bottom:6px;">æ <strong>以ç§ä»£è´</strong> æ¯æä» <strong>$19,637/æ</strong> × 11 ä¸ªæ · $54,000 é¦ä»</div> 785 <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $270,000."> 786 <i class="fas fa-file-signature"></i> 以ç§ä»£è´ </button> 787 </div> 788 789 <button class="btn btn-outline btn-mb" id="makeOfferBtn"> 790 <i class="fas fa-hand-holding-usd"></i> æè¦åºä»· </button> 791 792 </div> 793 794 <div class="flex gap-8"> 795 <button class="btn btn-sm btn-outline flex-1" id="favoriteBtn" data-listing-id="10379"> 796 <i class="far fa-heart"></i> 797 Save </button> 798 </div> 799 </div> 800 801 <!-- Trust Card --> 802 <div class="card" data-card="trust"> 803 <div class="flex flex-col trust-list"> 804 <div class="trust-item"> 805 <i class="fas fa-shield-alt trust-icon"></i>
806 <span>交æç®¡çæ¹ï¼ Appraise.net / Domaincracy LLC</span> 807 </div> 808 <div class="trust-item"> 809 <i class="fas fa-exchange-alt trust-icon"></i> 810 <span>å ¨ç¨å¼å¯¼è¿æ·</span> 811 </div> 812 </div> 813 </div> 814 815 <!-- Seller Analytics (seller only) --> 816 </div> 817 </div> 818 </main> 819 820 <!-- Mobile Sticky CTA --> 821 <div class="mobile-cta"> 822 <div class="mobile-cta-text"> 823 <div class="mobile-cta-price">$270,000</div> 824 </div> 825 <button class="btn btn-primary btn-cta">ç«å³è´ä¹°</button> 826 </div> 827 828 <style> 829 .mkt-footer { 830 background: #111827; 831 padding: 34px 0 42px; 832 margin-top: 64px; 833 } 834 .mkt-footer-inner { text-align: center; font-size: 0.8125rem; color: #9ca3af; } 835 .mkt-footer-link { color: #d1d5db; text-decoration: none; font-weight: 600; } 836 .mkt-footer-link:hover { color: #ffffff; } 837 .mkt-footer-badges { margin: 16px 0 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } 838 .mkt-cred { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4e4ec; border-radius: 10px; 839 padding: 7px 13px; background: #fafafa; text-decoration: none; transition: border-color .15s, box-shadow .15s; } 840 .mkt-cred:hover { border-color: #34d399; box-shadow: 0 4px 14px rgba(52,211,153,.18); } 841 .mkt-cred .ic { color: #067647; font-size: 15px; } 842 .mkt-cred img { height: 18px; width: auto; display: block; } 843 .mkt-cred .t { line-height: 1.15; text-align: left; } 844 .mkt-cred .t small { display: block; font-size: 10px; color: #6b7180; letter-spacing: .02em; } 845 .mkt-cred .t b { font-size: 12px; color: #067647; font-weight: 800; } 846 .mkt-footer-credentials { margin-top: 10px; font-size: 0.75rem; color: #6b7280; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; } 847 .mkt-footer-credentials span { white-space: nowrap; } 848 .mkt-footer-credentials a { color: inherit; } 849 .mkt-footer-tip { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; } 850</style> 851<footer class="mkt-footer"> 852 <div class="container mkt-footer-inner"> 853 <p>ææ¯æ¯æï¼ <a href="https://appraise.net" class="mkt-footer-link">Appraise.net™ 交æå¸åº</a> — Domaincracy® LLC æä¸æå¡</p> 854 <div class="mkt-footer-badges"> 855 <a class="mkt-cred" href="https://developer.mozilla.org/en-US/observatory/analyze?host=appraise.net" 856 target="_blank" rel="noopener noreferrer" title="Mozilla Observatory Security Score"> 857 <span class="ic" aria-hidden="true">🛡</span> 858 <span class="t"><small>å®å ¨è¯å</small><b>105/100 A+</b></span> 859 </a> 860 <a class="mkt-cred" href="https://transparencyreport.google.com/safe-browsing/search?url=appraise.net&hl=en" 861 target="_blank" rel="noopener noreferrer" title="Google Safe Browsing Status"> 862 <img src="https://appraise.net/images/safebrowsing-logo.svg" alt="Safe Browsing"> 863 <span class="t"><small>å®å ¨æµè§</small><b>No issues</b></span> 864 </a> 865 <a class="mkt-cred" href="https://www.escrow.com/why-escrowcom" target="_blank" rel="noopener noreferrer" 866 title="High-value transfers handled by Escrow.com, a licensed escrow company"> 867 <span class="ic" aria-hidden="true">🔒</span> 868 <span class="t"><small>è¿æ·æç®¡</small><b>Escrow.com</b></span> 869 </a> 870 <a class="mkt-cred" href="https://stripe.com" target="_blank" rel="noopener noreferrer" 871 title="Card payments processed by Stripe"> 872 <img src="https://appraise.net/images/stripe.png" alt="Stripe" style="height:16px;">
873 <span class="t"><small>æ¯ä»æå¡</small><b>Stripe</b></span> 874 </a> 875 <a class="mkt-cred" href="https://www.bbb.org/us/az/scottsdale/profile/web-hosting/domaincracy-1126-1000057633#sealclick" 876 target="_blank" rel="noopener noreferrer" title="Better Business Bureau profile: Domaincracy LLC, Scottsdale AZ"> 877 <span class="ic" aria-hidden="true">⭐</span> 878 <span class="t"><small>BBB è¯çº§</small><b>A+</b></span> 879 </a> 880 </div> 881 <div class="mkt-footer-credentials"> 882 <span><span class="mkt-footer-tip" title="Internet Corporation for Assigned Names and Numbers — Business Constituency">ICANN BC</span> æå</span> 883 <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> 884 <span><span class="mkt-footer-tip" title="Internet Commerce Association">ICA</span> æå</span> 885 </div> 886 </div> 887</footer> 888 889 <!-- Certificate Modal --> 890 <div id="certModal" class="cert-modal"> 891 <div class="cert-modal-backdrop"></div> 892 <div class="cert-modal-content"> 893 <button class="cert-modal-close"><i class="fas fa-times"></i></button> 894 <div class="cert-modal-loading"><i class="fas fa-spinner fa-spin"></i> Retrieving certificate...</div> 895 <iframe id="certIframe" class="cert-modal-iframe"></iframe> 896 </div> 897 </div> 898 899 <!-- Handoff Modal (shown on non-canonical hosts before bouncing to appraise.net) --> 900 <div id="handoffModal" class="offer-modal" hidden> 901 <div class="offer-modal-backdrop" data-handoff-close></div> 902 <div class="offer-modal-content"> 903 <button class="offer-modal-close" data-handoff-close aria-label="Close"><i class="fas fa-times"></i></button> 904 <h3 class="offer-modal-title" id="handoffTitle">Continue on Appraise.net</h3> 905 <p class="offer-modal-sub" id="handoffSub"> 906 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. 907 </p> 908 <div class="offer-modal-actions"> 909 <button class="btn btn-outline" data-handoff-close>Cancel</button> 910 <a class="btn btn-primary" id="handoffContinueBtn" href="#">Continue to Appraise.net <i class="fas fa-arrow-right"></i></a> 911 </div> 912 </div> 913 </div> 914 915 <!-- Offer / Inquiry Modal --> 916 <div id="ltoTermsModal" class="offer-modal" hidden> 917 <div class="offer-modal-backdrop" data-lto-close></div> 918 <div class="offer-modal-content"> 919 <button class="offer-modal-close" data-lto-close aria-label="Close"><i class="fas fa-times"></i></button> 920 <h3 class="offer-modal-title">Before you start the lease</h3> 921 <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> 922 <label style="display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:0.95rem;line-height:1.45;cursor:pointer;"> 923 <input type="checkbox" id="ltoTermsAck" style="margin-top:4px;"> 924 <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> 925 </label> 926 <button class="btn btn-primary" id="ltoTermsContinue" disabled><i class="fas fa-file-signature"></i> Start lease</button> 927 <p class="mpt-error" id="ltoTermsError" hidden style="margin-top:8px;color:#dc2626;font-size:13px;"></p> 928 </div> 929 </div> 930 <div id="offerModal" class="offer-modal" hidden> 931 <div class="offer-modal-backdrop" data-offer-close></div> 932 <div class="offer-modal-content"> 933 <button class="offer-modal-close" data-offer-close aria-label="Close"><i class="fas fa-times"></i></button> 934 <h3 class="offer-modal-title" id="offerModalTitle">Make an Offer</h3> 935 <p class="offer-modal-sub" id="offerModalSub"></p> 936 937 <div class="offer-modal-field" id="offerAmountField"> 938 <label for="offerAmountInput">Your offer (USD)</label> 939 <div class="offer-amount-row">
940 <span class="offer-amount-prefix">$</span> 941 <input type="number" id="offerAmountInput" inputmode="numeric" min="13500" step="1" placeholder="13500"> 942 </div> 943 <div class="offer-modal-hint">Minimum offer: $13,500</div> 944 </div> 945 946 <div class="offer-modal-field" id="offerExpiryField"> 947 <label for="offerExpiryInput">Offer good for</label> 948 <select id="offerExpiryInput" class="input" style="width:100%;"> 949 <option value="3">3 days</option> 950 <option value="7">7 days</option> 951 <option value="14" selected>14 days</option> 952 <option value="30">30 days</option> 953 </select> 954 <div class="offer-modal-hint">How long the seller has to respond before this offer lapses. You can always re-offer.</div> 955 </div> 956 957 <div class="offer-modal-field"> 958 <label for="offerMessageInput" id="offerMessageLabel">Message <span class="text-light">(optional)</span></label> 959 <textarea id="offerMessageInput" rows="3" maxlength="1000" placeholder="Add a note for the seller..."></textarea> 960 <div class="offer-modal-hint">No emails, phone numbers, or links â they'll be filtered.</div> 961 </div> 962 963 <div class="offer-modal-error" id="offerModalError" hidden></div> 964 965 <div class="offer-modal-actions"> 966 <button class="btn btn-outline" data-offer-close>Cancel</button> 967 <button class="btn btn-primary" id="offerSubmitBtn"><i class="fas fa-paper-plane"></i> <span id="offerSubmitLabel">Send Offer</span></button> 968 </div> 969 </div> 970 </div> 971 972 <div id="escrowModal" 973 role="dialog" 974 aria-modal="true" 975 aria-labelledby="escrowModalTitle" 976 data-prefill-email="" 977 style="display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center;"> 978 979 <div id="escrowModalOverlay" style="position:absolute; inset:0; background:rgba(15,23,42,0.55); backdrop-filter: blur(2px);"></div> 980 981 <div role="document" 982 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;"> 983 984 <button type="button" id="escrowModalClose" aria-label="Close" 985 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> 986 987 <h3 id="escrowModalTitle" style="margin:0 0 10px 0; font-size:1.15rem; font-weight:700;"> 988 <i class="fas fa-shield-alt" style="color:#16a34a; margin-right:6px;"></i> Pay via Escrow.com 989 </h3> 990 991 <p style="margin:0 0 10px 0; font-size:0.875rem; line-height:1.5; color:#334155;"> 992 Escrow.com holds your funds until the domain transfer is confirmed. 993 Choose this if you have a verified Escrow.com account or are willing to verify (free, ~5 mins). 994 </p> 995 996 <button type="button" id="escrowExplainerToggle" 997 aria-expanded="false" aria-controls="escrowExplainerPanel" 998 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;"> 999 <span id="escrowExplainerToggleLabel">What is Escrow.com?</span> 1000 <i id="escrowExplainerChevron" class="fas fa-chevron-down" style="font-size:0.7rem; transition:transform 0.15s ease;"></i> 1001 </button> 1002 1003 <div id="escrowExplainerPanel" hidden 1004 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;"> 1005 <p style="margin:0 0 8px 0; font-weight:600;">Escrow.com is the industry-standard payment processor for high-value domain sales.</p> 1006 <ul style="margin:0; padding-left:18px; color:#334155;"> 1007 <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> 1008 <li><strong>Wire or other methods.</strong> Wire transfer is the standard for larger sales; other options surface during checkout.</li> 1009 <li><strong>Quick verification.</strong> If you don't have an Escrow.com account, signup + verification takes ~5 minutes and is free.</li> 1010 <li><strong>Used worldwide.</strong> Standard rails for six- and seven-figure domain deals â same protection scaled to your transaction size.</li> 1011 </ul> 1012 <p style="margin:8px 0 0 0; font-size:0.75rem; color:#64748b;"> 1013 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. 1014 </p> 1015 </div> 1016 1017 <label for="escrowModalEmail" style="display:block; font-size:0.8125rem; font-weight:600; margin-bottom:6px; color:#0f172a;"> 1018 Your Escrow.com email 1019 </label> 1020 <input type="email" id="escrowModalEmail" autocomplete="email" required 1021 placeholder="[email protected]" 1022 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;" /> 1023 1024 <p id="escrowModalHint" style="margin:6px 0 0 0; font-size:0.75rem; color:#64748b;"> 1025 Use the email matching your verified Escrow.com account, or any email you'll verify with them. 1026 </p> 1027 1028 <p id="escrowModalError" role="alert" hidden 1029 style="margin:10px 0 0 0; font-size:0.8125rem; color:#dc2626;"></p> 1030 1031 <div style="display:flex; gap:10px; justify-content:flex-end; margin-top:18px;"> 1032 <button type="button" id="escrowModalCancel" 1033 style="padding:8px 16px; font-size:0.875rem; font-weight:500; background:#f1f5f9; color:#0f172a; border:1px solid #cbd5e1; border-radius:8px; cursor:pointer;"> 1034 Cancel 1035 </button> 1036 <button type="button" id="escrowModalContinue" 1037 style="padding:8px 18px; font-size:0.875rem; font-weight:600; background:#16a34a; color:#ffffff; border:1px solid #16a34a; border-radius:8px; cursor:pointer;"> 1038 Continue to Escrow.com 1039 </button> 1040 </div> 1041 </div> 1042</div> 1043 1044 <!-- Full-logo lightbox (opened from the nav brand logo) --> 1045 <div id="logo-lightbox" class="logo-lightbox" hidden> 1046 <button type="button" class="logo-lightbox-close" aria-label="Close">×</button> 1047 <img class="logo-lightbox-img" src="" alt=""> 1048 </div> 1049 1050
1050<script src="/js/marketplace-escrow-modal.js?v=1790698586"></script>
1050 1051
1051<script src="/js/marketplace-listing.js?v=1790698586"></script>
1051 1052
1052<script src="/js/marketplace-artist-listener.js?v=1790698586"></script>
1052 1053</body> 1054</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.