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>WaterDash.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/waterdash.com"> 14 <meta property="og:title" content="WaterDash.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=waterdash.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="WaterDash.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=waterdash.com&v=6"> 24 <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/waterdash.com"> 25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/waterdash.com"> 26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/waterdash.com"> 27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/waterdash.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-business { 202 background-color: #e3efff; 203 color: #3b4d60; 204 border-color: #8395aa; 205 } 206 @media (prefers-color-scheme: dark) { 207 html[data-theme="auto"] .badge-business { 208 background-color: #1b2e3f; 209 color: #e3efff; 210 border-color: #3b4d60; 211 } 212 } 213 html[data-theme="dark"] .badge-business { 214 background-color: #1b2e3f; 215 color: #e3efff; 216 border-color: #3b4d60; 217 } 218 .badge-ecommerce { 219 background-color: #ffedeb; 220 color: #961d26; 221 border-color: #f56364; 222 } 223 @media (prefers-color-scheme: dark) { 224 html[data-theme="auto"] .badge-ecommerce { 225 background-color: #64000e; 226 color: #ffedeb; 227 border-color: #961d26; 228 } 229 } 230 html[data-theme="dark"] .badge-ecommerce { 231 background-color: #64000e; 232 color: #ffedeb; 233 border-color: #961d26; 234 } 235 .badge-health { 236 background-color: #d6f5e0; 237 color: #2d4839; 238 border-color: #7d9a87; 239 } 240 @media (prefers-color-scheme: dark) { 241 html[data-theme="auto"] .badge-health { 242 background-color: #122d1f; 243 color: #d6f5e0; 244 border-color: #2d4839; 245 } 246 } 247 html[data-theme="dark"] .badge-health { 248 background-color: #122d1f; 249 color: #d6f5e0; 250 border-color: #2d4839; 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 .trust-review { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border); font-size: 0.8125rem; } 492 .trust-review blockquote { color: var(--text-muted); line-height: 1.55; font-style: italic; } 493 .trust-review figcaption { margin-top: 6px; color: var(--text-muted); font-weight: 600; } 494 495 /* ---- Verified icon ---- */ 496 .verified-icon { color: var(--text-light); margin-left: 4px; } 497 498 /* ---- Certificate link ---- */ 499 .cert-link { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--text-light); cursor: pointer; transition: opacity 0.15s; } 500 .cert-link:hover { opacity: 0.7; } 501 502 /* ---- Certificate modal ---- */ 503 .cert-modal { display: none; position: fixed; inset: 0; z-index: 9999; } 504 .cert-modal.open { display: flex; align-items: center; justify-content: center; } 505 .cert-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.7); } 506 .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); } 507 .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; }
508 .cert-modal-close:hover { background: rgba(0,0,0,0.8); } 509 .cert-modal-iframe { width: 100%; height: 100%; border: none; transition: opacity 0.2s; } 510 .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; } 511 512 /* ---- Offer Modal ---- */ 513 .offer-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; } 514 .offer-modal[hidden] { display: none; } 515 .offer-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.55); } 516 .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); } 517 .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; } 518 .offer-modal-close:hover { background: var(--bg-muted); color: var(--text); } 519 .offer-modal-title { font-size: 1.125rem; font-weight: 700; margin-bottom: 4px; } 520 .offer-modal-sub { font-size: 0.8125rem; color: var(--text-light); margin-bottom: 18px; } 521 .offer-modal-field { margin-bottom: 14px; } 522 .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; } 523 .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; } 524 .offer-modal-field textarea { resize: vertical; min-height: 70px; } 525 .offer-modal-field input:focus, .offer-modal-field textarea:focus { outline: none; border-color: var(--text); } 526 .offer-amount-row { display: flex; align-items: stretch; } 527 .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); } 528 .offer-amount-row input[type="number"] { border-radius: 0 8px 8px 0; } 529 .offer-modal-hint { font-size: 0.6875rem; color: var(--text-light); margin-top: 4px; } 530 .offer-modal-error { background: #fee2e2; color: #991b1b; padding: 10px 12px; border-radius: 8px; font-size: 0.8125rem; margin-bottom: 12px; } 531 .offer-modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; } 532 .offer-modal-actions .btn { min-width: 100px; } 533 534 535 /* ---- Seller info (mobile/tablet card) ---- */ 536 .seller-card-inner { display: flex; align-items: center; justify-content: space-between; } 537 </style> 538 <style id="listing-style"> 539:root, html[data-theme="light"] { 540 --bg: #e3efff; 541 --text: #613e32; 542 --accent: #976d5f; 543 --border: #8395aa; 544 --bg-card: #ffffff; 545 --bg-muted: #ffede8; 546 --text-light: #67798d; 547 --text-muted: #3b4d60; 548 --accent-text: #ffffff; 549 --accent-hover: #613e32; 550 --palette-0: #1b2e3f; 551 --palette-0-text: #ffffff; 552 --palette-1: #3b4d60; 553 --palette-1-text: #ffffff; 554 --palette-2: #976d5f; 555 --palette-2-text: #ffffff; 556 --palette-3: #8395aa; 557 --palette-3-text: #000000; 558 --palette-4: #e3efff; 559 --palette-4-text: #000000; 560} 561 562@media (prefers-color-scheme: dark) { 563 html[data-theme="auto"] { 564 --bg: #3b4d60; 565 --text: #ffede8; 566 --accent: #976d5f; 567 --border: #67798d; 568 --bg-card: #1b2e3f; 569 --bg-muted: #1b2e3f; 570 --text-light: #67798d; 571 --text-muted: #8395aa; 572 --accent-text: #000000; 573 --accent-hover: #ffede8; 574 } 575} 576 577html[data-theme="dark"] { 578 --bg: #3b4d60; 579 --text: #ffede8; 580 --accent: #976d5f; 581 --border: #67798d; 582 --bg-card: #1b2e3f; 583 --bg-muted: #1b2e3f; 584 --text-light: #67798d; 585 --text-muted: #8395aa; 586 --accent-text: #000000; 587 --accent-hover: #ffede8; 588} 589 590.card, .card-flush { 591 border: none; 592 border-radius: 8px; 593 box-shadow: none; 594} 595 </style> 596 <style>body { background: transparent !important; }</style> 597 </head> 598<body> 599 600 <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/business-1.webp)"></div> 601 <div id="artist-bg-overlay" style="position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg);opacity:0.25"></div> 602 603 <!-- Navigation --> 604 <header> 605 <div class="container"> 606 <nav class="nav"> 607 <div class="nav-left">
608 <span class="nav-logo">æ¥æè¿ä¸ªåå</span> 609 <span class="nav-brand-logo logo-zoomable" role="button" tabindex="0" 610 title="Click to enlarge logo" 611 aria-label="Enlarge logo" 612 data-logo-src="https://appraise.net/api/images?action=serve&domain=waterdash.com&file=logo_a06a4342.webp" 613 data-logo-alt="WaterDash.com logo"><img src="https://appraise.net/api/images?action=serve&domain=waterdash.com&file=logo_a06a4342.webp" alt="WaterDash.com logo" loading="lazy"></span> 614 </div> 615 <div class="nav-actions"> 616 <a href="/?setlang=en" hreflang="en" class="btn btn-sm btn-outline">English</a> 617 <button id="themeToggle" class="btn btn-sm btn-outline btn-icon" aria-label="Toggle theme"> 618 <i class="fas fa-sun hidden" id="themeIconLight"></i> 619 <i class="fas fa-moon hidden" id="themeIconDark"></i> 620 </button> 621 <a href="https://appraise.net/login?redirect=%2Fmarketplace%2Fwaterdash.com" class="btn btn-sm btn-outline">Sign In</a> 622 <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Fwaterdash.com" class="btn btn-sm btn-primary">Register</a> 623 </div> 624 </nav> 625 </div> 626 </header> 627 628 <!-- Seller Actions Bar (only visible to listing owner; suppressed in preview mode) --> 629 630 <!-- Main Content --> 631 <main class="container main-content"> 632 <div class="layout"> 633 634 <!-- CENTER â Main Content --> 635 <div class="layout-center"> 636 <!-- Hero Card: Domain Name + CTA Title --> 637 <div class="card card-mb hero-card" data-card="hero"> 638 <div class="hero-card-bg" style="background-image:url('https://appraise.net/api/images?action=serve&domain=waterdash.com&file=hero_a06a4342.webp')"></div> <div class="hero-card-content"> 639 <p class="text-body text-muted fw-500 hero-subtitle">æ¶è´ä¸ä¸ªéå补水æé éæå¡çé«è½éãä¼è´¨åçååå</p> 640 <h1 class="domain-name">WaterDash.com</h1> 641 <div class="flex gap-8 justify-center flex-wrap hero-badges"> 642 <span class="badge badge-business">Business</span> 643 <span class="badge badge-ecommerce">Ecommerce</span> 644 <span class="badge badge-health">Health</span> 645 </div> 646 <div class="hero-share"> 647 <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=WaterDash.com%0A%E6%94%B6%E8%B4%AD%E4%B8%80%E4%B8%AA%E9%80%82%E5%90%88%E8%A1%A5%E6%B0%B4%E6%88%96%E9%85%8D%E9%80%81%E6%9C%8D%E5%8A%A1%E7%9A%84%E9%AB%98%E8%83%BD%E9%87%8F%E3%80%81%E4%BC%98%E8%B4%A8%E5%93%81%E7%89%8C%E5%9E%8B%E5%9F%9F%E5%90%8D%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Fwaterdash.com" 648 target="_blank" rel="noopener noreferrer" 649 aria-label="Share on X"> 650 <i class="fab fa-x-twitter" aria-hidden="true"></i> Share on X </a> 651 </div> 652 </div> 653 </div> 654 655 <!-- Strengths Card --> 656 <div class="card card-mb" data-card="strengths"> 657 <h2 class="card-heading">ä¼å¿</h2> 658 <div> 659 <div class="strength-item"> 660 <span class="strength-icon"><i class="fas fa-check"></i></span>
661 <span class="text-sm">å°ä¸ä¸ªæ®ä¸çé«ä»·å¼å ³é®è¯ï¼Waterï¼ä¸ä¸ä¸ªå ·è¡å¨å¯¼åçç°ä»£åç¼ï¼Dashï¼ç¸ç»åã</span> 662 </div> 663 <div class="strength-item"> 664 <span class="strength-icon"><i class="fas fa-check"></i></span> 665 <span class="text-sm">æå ·é度æã补水æãé éæåçå½åã</span> 666 </div> 667 <div class="strength-item"> 668 <span class="strength-icon"><i class="fas fa-check"></i></span> 669 <span class="text-sm">æå ¶æäºåé³ãæ¼ååè®°å¿ã</span> 670 </div> 671 <div class="strength-item"> 672 <span class="strength-icon"><i class="fas fa-check"></i></span> 673 <span class="text-sm">å®ç¾éè¿âçµå°æµè¯âï¼æ²¡æä»»ä½æ¼åæ§ä¹ã</span> 674 </div> 675 <div class="strength-item"> 676 <span class="strength-icon"><i class="fas fa-check"></i></span> 677 <span class="text-sm">ä¸å³æ¶æéç»æµå ·æå¼ºççååæåºï¼æ¨¡ä»¿äºæåçç°ä»£åçæ¶æã</span> 678 </div> 679 </div> 680 </div> 681 682 <!-- Market Analysis Card --> 683 <div class="card card-mb" data-card="market-analysis"> 684 <h2 class="card-heading-tight">å¸åºåæ</h2> 685 <p class="text-sm text-muted lh-relaxed">WaterDash.com æ¯ä¸ä¸ªå ·ææ°åºåä¸å¤åè½æ§çä¼è´¨åçåååãâDashâä¸è¯å¨ç°ä»£æ¶è´¹å¸åºä¸å·²æä¸ºå¿«éé éã髿æå¡åè¿å¨æ´»åç代åè¯ãç»åâWaterâï¼è¯¥ååé常éåç¨äºå³æ¶é¥®åé éæå¡ãæºè½åæ°´ååå ¬å¸ãè¿å¨è¡¥æ°´åçæç¯ä¿å®ç¨å·¥å ·åºç¨ã.com åç¼ç¡®ä¿äºå³æ¶çå ¬ä¿¡ååå ¨çå½±ååï¼ä½¿å ¶æä¸ºè·å¾é£é©æèµçååä¼ä¸åæçä¼ä¸ççæ³æ¶è´æ çã</p> 686 </div> 687 688 <!-- Quality Factors Card --> 689 <div class="card card-mb" data-card="factors"> 690 <h2 class="card-heading">è´¨éå ç´ </h2> 691 <div class="factor-grid"> 692 <div class="factor-item"> 693 <div class="factor-label">åçæ½è´¨</div> 694 <div class="factor-value">æä½³</div> 695 </div> 696 <div class="factor-item"> 697 <div class="factor-label">æè®°ç¨åº¦</div> 698 <div class="factor-value">æä½³</div> 699 </div> 700 <div class="factor-item"> 701 <div class="factor-label">åä¸ä»·å¼</div> 702 <div class="factor-value">é«</div> 703 </div> 704 <div class="factor-item"> 705 <div class="factor-label">é¿åº¦</div> 706 <div class="factor-value">è¯å¥½</div> 707 </div> 708 <div class="factor-item"> 709 <div class="factor-label">æµéæ½å</div> 710 <div class="factor-value">ä¸ç</div> 711 </div> 712 <div class="factor-item"> 713 <div class="factor-label">æç´¢é</div> 714 <div class="factor-value">ä¸ç</div> 715 </div> 716 </div> 717 </div> 718 719 <!-- Domain Details Card --> 720 <div class="card card-mb" data-card="domain-info"> 721 <h2 class="card-heading">ååä¿¡æ¯</h2> 722 <div class="flex flex-col detail-list"> 723 <div class="detail-row">
724 <span class="text-light">åç¼</span> 725 <span class="fw-600">.com</span> 726 </div> 727 <div class="detail-row"> 728 <span class="text-light">é¿åº¦</span> 729 <span class="fw-600">9 个å符</span> 730 </div> 731 <div class="detail-row"> 732 <span class="text-light">ç±»å</span> 733 <span class="fw-600">è¯å ¸è¯åç</span> 734 </div> 735 <div class="detail-row"> 736 <span class="text-light">åçæ½è´¨</span> 737 <span class="fw-600">æä½³</span> 738 </div> 739 <div class="detail-row"> 740 <span class="text-light">æè®°ç¨åº¦</span> 741 <span class="fw-600">æä½³</span> 742 </div> 743 </div> 744 </div> 745 746 <!-- Notes Card --> 747 <div class="card card-mb" data-card="notes"> 748 <h2 class="card-heading-tight">è¡¥å 说æ</h2> 749 <p class="text-sm text-muted lh-relaxed">è¿æ¯ä¸ä¸ªæä½³çåçåååï¼å®ç¾å¥åå½åæ¶è´¹è 坹峿¶æå¡åå¥åº·çæ´»ç追æ±è¶å¿ã</p> 750 </div> 751 752 <!-- Seller Info Card (opt-in via seller's portfolio preference) --> 753 </div> 754 755 <!-- RIGHT SIDEBAR â Price + Actions --> 756 <div class="layout-right sticky-sidebar"> 757 <!-- Price Card --> 758 <div class="card card-mb-sm" data-card="price" 759 data-buy-now-price="15,995" 760 data-min-offer-price="3200" 761 data-estimated-high="39,000" 762 data-show-appraisal="1" 763 data-listing-id="3961" 764 data-domain="waterdash.com" 765 data-canonical-url="https://appraise.net/marketplace/waterdash.com" 766 data-is-logged-in="0" 767 data-listing-type="buy_now_or_offer" 768 data-is-seller="0" 769 data-buy-now-enabled="1" 770 data-cert-id="2026-1255E-0E54DC" 771 data-lto-total="15,995" 772 data-lto-monthly="1,164" 773 data-lto-down="3,199" 774 data-lto-months="11"> 775 <div id="priceCardContent"> 776 <div class="factor-label price-label">ä»·æ ¼</div> 777 <div class="price-tag price-amount">$15,995</div> 778 <div class="text-xs text-light price-appraisal"> 779 <a href="#" class="cert-link" data-cert-id="2026-1255E-0E54DC">ä¼°å¼ $39,000 <i class="fas fa-certificate" style="font-size:0.65em;opacity:0.6"></i></a> <span class="discount-badge">59% 伿 </span> </div> 780 <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;"> 781 <input type="checkbox" id="qcOptIn" style="flex:none;"> 782 <span style="flex:1;">Keep this purchase private (QuietClose™)</span> 783 <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> 784 </label> 785 <button class="btn btn-primary btn-mb" id="buyEscrowBtn" title="Sale price: $15,995 786+ Escrow.com fee (shown at next step) 787 788Wire transfer via Escrow.com is much cheaper. 789Funds held until domain transfer confirmed."> 790 <i class="fas fa-shield-alt"></i>
790 éè¿ Escrow.com è´ä¹° <span style="font-size:0.7rem; opacity:0.9; font-weight:500;">· æ¨è</span> 791 </button> 792 <button class="btn btn-outline btn-mb" id="buyNowBtn" title="Sale price: $15,995 793+ Card processing (3%): $479.85 794= Total: $16,474.85 795 796Funds held until domain transfer confirmed."> 797 <i class="fas fa-credit-card"></i> æä½¿ç¨é¶è¡å¡æ¯ä» </button> 798 <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $15,995 799+ No card fee 800= Total: $15,995 801 802Complete buyer privacy: no identity check, only your verified email. 803Rate locked for 30 minutes. Paid after 2 network confirmations."> 804 <i class="fab fa-bitcoin"></i> Pay with Bitcoin </button> 805 <button class="btn btn-outline btn-mb" id="payAlipayBtn" title="ä½¿ç¨æ¯ä»å®ä»æ¬¾ã"> 806 <i class="fab fa-alipay"></i> æ¯ä»å®æ¯ä» </button> 807 <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."> 808 <i class="fas fa-coins"></i> Pay with stablecoins </button> 809 <button class="btn btn-outline btn-mb" id="payBankBtn" title="ç¾å½é¶è¡è½¬è´¦ï¼ACHï¼ãæ å·å¡æç»è´¹ï¼æ°ä¸ªå·¥ä½æ¥å å°è´¦ã"> 810 <i class="fas fa-university"></i> é¶è¡è½¬è´¦æ¯ä» - ç«å2% </button> 811 <div class="lto-addon-option" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);"> 812 <div class="text-sm" style="margin-bottom:6px;">æ <strong>以ç§ä»£è´</strong> æ¯æä» <strong>$1,164/æ</strong> × 11 ä¸ªæ · $3,199 é¦ä»</div> 813 <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $15,995."> 814 <i class="fas fa-file-signature"></i> 以ç§ä»£è´ </button> 815 </div> 816 817 <button class="btn btn-outline btn-mb" id="makeOfferBtn"> 818 <i class="fas fa-hand-holding-usd"></i> æè¦åºä»· </button> 819 820 </div> 821 822 <div class="flex gap-8"> 823 <button class="btn btn-sm btn-outline flex-1" id="favoriteBtn" data-listing-id="3961"> 824 <i class="far fa-heart"></i> 825 Save </button> 826 </div> 827 </div> 828 829 <!-- Trust Card --> 830 <div class="card" data-card="trust"> 831 <div class="flex flex-col trust-list"> 832 <div class="trust-item"> 833 <i class="fas fa-shield-alt trust-icon"></i>
834 <span>交æç®¡çæ¹ï¼ Appraise.net / Domaincracy LLC</span> 835 </div> 836 <div class="trust-item"> 837 <i class="fas fa-certificate trust-icon"></i> 838 <span>AI éªè¯ä¼°å¼</span> 839 </div> 840 <div class="trust-item"> 841 <i class="fas fa-exchange-alt trust-icon"></i> 842 <span>å ¨ç¨å¼å¯¼è¿æ·</span> 843 </div> 844 </div> 845 </div> 846 847 <!-- Seller Analytics (seller only) --> 848 </div> 849 </div> 850 </main> 851 852 <!-- Mobile Sticky CTA --> 853 <div class="mobile-cta"> 854 <div class="mobile-cta-text"> 855 <div class="mobile-cta-price">$15,995</div> 856 </div> 857 <button class="btn btn-primary btn-cta">ç«å³è´ä¹°</button> 858 </div> 859 860 <style> 861 .mkt-footer { 862 background: #111827; 863 padding: 34px 0 42px; 864 margin-top: 64px; 865 } 866 .mkt-footer-inner { text-align: center; font-size: 0.8125rem; color: #9ca3af; } 867 .mkt-footer-link { color: #d1d5db; text-decoration: none; font-weight: 600; } 868 .mkt-footer-link:hover { color: #ffffff; } 869 .mkt-footer-badges { margin: 16px 0 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } 870 .mkt-cred { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4e4ec; border-radius: 10px; 871 padding: 7px 13px; background: #fafafa; text-decoration: none; transition: border-color .15s, box-shadow .15s; } 872 .mkt-cred:hover { border-color: #34d399; box-shadow: 0 4px 14px rgba(52,211,153,.18); } 873 .mkt-cred .ic { color: #067647; font-size: 15px; } 874 .mkt-cred img { height: 18px; width: auto; display: block; } 875 .mkt-cred .t { line-height: 1.15; text-align: left; } 876 .mkt-cred .t small { display: block; font-size: 10px; color: #6b7180; letter-spacing: .02em; } 877 .mkt-cred .t b { font-size: 12px; color: #067647; font-weight: 800; } 878 .mkt-footer-credentials { margin-top: 10px; font-size: 0.75rem; color: #6b7280; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; } 879 .mkt-footer-credentials span { white-space: nowrap; } 880 .mkt-footer-credentials a { color: inherit; } 881 .mkt-footer-tip { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; } 882</style> 883<footer class="mkt-footer"> 884 <div class="container mkt-footer-inner"> 885 <p>ææ¯æ¯æï¼ <a href="https://appraise.net" class="mkt-footer-link">Appraise.net™ 交æå¸åº</a> — Domaincracy® LLC æä¸æå¡</p> 886 <div class="mkt-footer-badges"> 887 <a class="mkt-cred" href="https://developer.mozilla.org/en-US/observatory/analyze?host=appraise.net" 888 target="_blank" rel="noopener noreferrer" title="Mozilla Observatory Security Score"> 889 <span class="ic" aria-hidden="true">🛡</span> 890 <span class="t"><small>å®å ¨è¯å</small><b>105/100 A+</b></span> 891 </a> 892 <a class="mkt-cred" href="https://transparencyreport.google.com/safe-browsing/search?url=appraise.net&hl=en" 893 target="_blank" rel="noopener noreferrer" title="Google Safe Browsing Status"> 894 <img src="https://appraise.net/images/safebrowsing-logo.svg" alt="Safe Browsing"> 895 <span class="t"><small>å®å ¨æµè§</small><b>No issues</b></span> 896 </a> 897 <a class="mkt-cred" href="https://www.escrow.com/why-escrowcom" target="_blank" rel="noopener noreferrer" 898 title="High-value transfers handled by Escrow.com, a licensed escrow company"> 899 <span class="ic" aria-hidden="true">🔒</span> 900 <span class="t"><small>è¿æ·æç®¡</small><b>Escrow.com</b></span> 901 </a> 902 <a class="mkt-cred" href="https://stripe.com" target="_blank" rel="noopener noreferrer" 903 title="Card payments processed by Stripe"> 904 <img src="https://appraise.net/images/stripe.png" alt="Stripe" style="height:16px;">
905 <span class="t"><small>æ¯ä»æå¡</small><b>Stripe</b></span> 906 </a> 907 <a class="mkt-cred" href="https://www.bbb.org/us/az/scottsdale/profile/web-hosting/domaincracy-1126-1000057633#sealclick" 908 target="_blank" rel="noopener noreferrer" title="Better Business Bureau profile: Domaincracy LLC, Scottsdale AZ"> 909 <span class="ic" aria-hidden="true">⭐</span> 910 <span class="t"><small>BBB è¯çº§</small><b>A+</b></span> 911 </a> 912 </div> 913 <div class="mkt-footer-credentials"> 914 <span><span class="mkt-footer-tip" title="Internet Corporation for Assigned Names and Numbers — Business Constituency">ICANN BC</span> æå</span> 915 <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> 916 <span><span class="mkt-footer-tip" title="Internet Commerce Association">ICA</span> æå</span> 917 </div> 918 </div> 919</footer> 920 921 <!-- Certificate Modal --> 922 <div id="certModal" class="cert-modal"> 923 <div class="cert-modal-backdrop"></div> 924 <div class="cert-modal-content"> 925 <button class="cert-modal-close"><i class="fas fa-times"></i></button> 926 <div class="cert-modal-loading"><i class="fas fa-spinner fa-spin"></i> Retrieving certificate...</div> 927 <iframe id="certIframe" class="cert-modal-iframe"></iframe> 928 </div> 929 </div> 930 931 <!-- Handoff Modal (shown on non-canonical hosts before bouncing to appraise.net) --> 932 <div id="handoffModal" class="offer-modal" hidden> 933 <div class="offer-modal-backdrop" data-handoff-close></div> 934 <div class="offer-modal-content"> 935 <button class="offer-modal-close" data-handoff-close aria-label="Close"><i class="fas fa-times"></i></button> 936 <h3 class="offer-modal-title" id="handoffTitle">Continue on Appraise.net</h3> 937 <p class="offer-modal-sub" id="handoffSub"> 938 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. 939 </p> 940 <div class="offer-modal-actions"> 941 <button class="btn btn-outline" data-handoff-close>Cancel</button> 942 <a class="btn btn-primary" id="handoffContinueBtn" href="#">Continue to Appraise.net <i class="fas fa-arrow-right"></i></a> 943 </div> 944 </div> 945 </div> 946 947 <!-- Offer / Inquiry Modal --> 948 <div id="ltoTermsModal" class="offer-modal" hidden> 949 <div class="offer-modal-backdrop" data-lto-close></div> 950 <div class="offer-modal-content"> 951 <button class="offer-modal-close" data-lto-close aria-label="Close"><i class="fas fa-times"></i></button> 952 <h3 class="offer-modal-title">Before you start the lease</h3> 953 <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> 954 <label style="display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:0.95rem;line-height:1.45;cursor:pointer;"> 955 <input type="checkbox" id="ltoTermsAck" style="margin-top:4px;"> 956 <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> 957 </label> 958 <button class="btn btn-primary" id="ltoTermsContinue" disabled><i class="fas fa-file-signature"></i> Start lease</button> 959 <p class="mpt-error" id="ltoTermsError" hidden style="margin-top:8px;color:#dc2626;font-size:13px;"></p> 960 </div> 961 </div> 962 <div id="offerModal" class="offer-modal" hidden> 963 <div class="offer-modal-backdrop" data-offer-close></div> 964 <div class="offer-modal-content"> 965 <button class="offer-modal-close" data-offer-close aria-label="Close"><i class="fas fa-times"></i></button> 966 <h3 class="offer-modal-title" id="offerModalTitle">Make an Offer</h3> 967 <p class="offer-modal-sub" id="offerModalSub"></p> 968 969 <div class="offer-modal-field" id="offerAmountField"> 970 <label for="offerAmountInput">Your offer (USD)</label> 971 <div class="offer-amount-row">
972 <span class="offer-amount-prefix">$</span> 973 <input type="number" id="offerAmountInput" inputmode="numeric" min="3200" step="1" placeholder="3200"> 974 </div> 975 <div class="offer-modal-hint">Minimum offer: $3,200</div> 976 </div> 977 978 <div class="offer-modal-field" id="offerExpiryField"> 979 <label for="offerExpiryInput">Offer good for</label> 980 <select id="offerExpiryInput" class="input" style="width:100%;"> 981 <option value="3">3 days</option> 982 <option value="7">7 days</option> 983 <option value="14" selected>14 days</option> 984 <option value="30">30 days</option> 985 </select> 986 <div class="offer-modal-hint">How long the seller has to respond before this offer lapses. You can always re-offer.</div> 987 </div> 988 989 <div class="offer-modal-field"> 990 <label for="offerMessageInput" id="offerMessageLabel">Message <span class="text-light">(optional)</span></label> 991 <textarea id="offerMessageInput" rows="3" maxlength="1000" placeholder="Add a note for the seller..."></textarea> 992 <div class="offer-modal-hint">No emails, phone numbers, or links â they'll be filtered.</div> 993 </div> 994 995 <div class="offer-modal-error" id="offerModalError" hidden></div> 996 997 <div class="offer-modal-actions"> 998 <button class="btn btn-outline" data-offer-close>Cancel</button> 999 <button class="btn btn-primary" id="offerSubmitBtn"><i class="fas fa-paper-plane"></i> <span id="offerSubmitLabel">Send Offer</span></button> 1000 </div> 1001 </div> 1002 </div> 1003 1004 <div id="escrowModal" 1005 role="dialog" 1006 aria-modal="true" 1007 aria-labelledby="escrowModalTitle" 1008 data-prefill-email="" 1009 style="display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center;"> 1010 1011 <div id="escrowModalOverlay" style="position:absolute; inset:0; background:rgba(15,23,42,0.55); backdrop-filter: blur(2px);"></div> 1012 1013 <div role="document" 1014 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;"> 1015 1016 <button type="button" id="escrowModalClose" aria-label="Close" 1017 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> 1018 1019 <h3 id="escrowModalTitle" style="margin:0 0 10px 0; font-size:1.15rem; font-weight:700;"> 1020 <i class="fas fa-shield-alt" style="color:#16a34a; margin-right:6px;"></i> Pay via Escrow.com 1021 </h3> 1022 1023 <p style="margin:0 0 10px 0; font-size:0.875rem; line-height:1.5; color:#334155;"> 1024 Escrow.com holds your funds until the domain transfer is confirmed. 1025 Choose this if you have a verified Escrow.com account or are willing to verify (free, ~5 mins). 1026 </p> 1027 1028 <button type="button" id="escrowExplainerToggle" 1029 aria-expanded="false" aria-controls="escrowExplainerPanel" 1030 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;"> 1031 <span id="escrowExplainerToggleLabel">What is Escrow.com?</span> 1032 <i id="escrowExplainerChevron" class="fas fa-chevron-down" style="font-size:0.7rem; transition:transform 0.15s ease;"></i> 1033 </button> 1034 1035 <div id="escrowExplainerPanel" hidden 1036 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;"> 1037 <p style="margin:0 0 8px 0; font-weight:600;">Escrow.com is the industry-standard payment processor for high-value domain sales.</p> 1038 <ul style="margin:0; padding-left:18px; color:#334155;"> 1039 <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> 1040 <li><strong>Wire or other methods.</strong> Wire transfer is the standard for larger sales; other options surface during checkout.</li> 1041 <li><strong>Quick verification.</strong> If you don't have an Escrow.com account, signup + verification takes ~5 minutes and is free.</li> 1042 <li><strong>Used worldwide.</strong> Standard rails for six- and seven-figure domain deals â same protection scaled to your transaction size.</li> 1043 </ul> 1044 <p style="margin:8px 0 0 0; font-size:0.75rem; color:#64748b;"> 1045 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. 1046 </p> 1047 </div> 1048 1049 <label for="escrowModalEmail" style="display:block; font-size:0.8125rem; font-weight:600; margin-bottom:6px; color:#0f172a;"> 1050 Your Escrow.com email 1051 </label> 1052 <input type="email" id="escrowModalEmail" autocomplete="email" required 1053 placeholder="[email protected]" 1054 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;" /> 1055 1056 <p id="escrowModalHint" style="margin:6px 0 0 0; font-size:0.75rem; color:#64748b;"> 1057 Use the email matching your verified Escrow.com account, or any email you'll verify with them. 1058 </p> 1059 1060 <p id="escrowModalError" role="alert" hidden 1061 style="margin:10px 0 0 0; font-size:0.8125rem; color:#dc2626;"></p> 1062 1063 <div style="display:flex; gap:10px; justify-content:flex-end; margin-top:18px;"> 1064 <button type="button" id="escrowModalCancel" 1065 style="padding:8px 16px; font-size:0.875rem; font-weight:500; background:#f1f5f9; color:#0f172a; border:1px solid #cbd5e1; border-radius:8px; cursor:pointer;"> 1066 Cancel 1067 </button> 1068 <button type="button" id="escrowModalContinue" 1069 style="padding:8px 18px; font-size:0.875rem; font-weight:600; background:#16a34a; color:#ffffff; border:1px solid #16a34a; border-radius:8px; cursor:pointer;"> 1070 Continue to Escrow.com 1071 </button> 1072 </div> 1073 </div> 1074</div> 1075 1076 <!-- Full-logo lightbox (opened from the nav brand logo) --> 1077 <div id="logo-lightbox" class="logo-lightbox" hidden> 1078 <button type="button" class="logo-lightbox-close" aria-label="Close">×</button> 1079 <img class="logo-lightbox-img" src="" alt=""> 1080 </div> 1081 1082
1082<script src="/js/marketplace-escrow-modal.js?v=1791344936"></script>
1082 1083
1083<script src="/js/marketplace-listing.js?v=1791344936"></script>
1083 1084
1084<script src="/js/marketplace-artist-listener.js?v=1791344936"></script>
1084 1085</body> 1086</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.