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>SmartReality.com - For Sale | Appraise.net Marketplace</title> 10 <meta name="description" content="SmartReality.com - ä¼è´¨ç§æä¸PropTechååï¼é常éåAR/VRææºè½å®¶å± åæ°"> 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/smartreality.com"> 14 <meta property="og:title" content="SmartReality.com - For Sale | Appraise.net Marketplace"> 15 <meta property="og:description" content="SmartReality.com - ä¼è´¨ç§æä¸PropTechååï¼é常éåAR/VRææºè½å®¶å± åæ°"> 16 <meta property="og:image" content="https://appraise.net/api/og-card?d=smartreality.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="SmartReality.com - For Sale | Appraise.net Marketplace"> 22 <meta name="twitter:description" content="SmartReality.com - ä¼è´¨ç§æä¸PropTechååï¼é常éåAR/VRææºè½å®¶å± åæ°"> 23 <meta name="twitter:image" content="https://appraise.net/api/og-card?d=smartreality.com&v=6"> 24 <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/smartreality.com"> 25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/smartreality.com"> 26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/smartreality.com"> 27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/smartreality.com"> <link rel="preconnect" href="https://fonts.googleapis.com"> 28 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 29 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@700;800&display=swap" rel="stylesheet"> 30 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 31 <style> 32 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 33 34 /* ---- Theme variables ---- */ 35 :root { 36 --bg: #ffffff; 37 --bg-card: #ffffff; 38 --bg-muted: #f5f5f5; 39 --border: #e5e5e5; 40 --text: #000000; 41 --text-muted: #666666; 42 --text-light: #999999; 43 --accent: #000000; 44 --accent-hover: #333333; 45 } 46 47 @media (prefers-color-scheme: dark) { 48 html[data-theme="auto"] { 49 --bg: #000000; 50 --bg-card: #111111; 51 --bg-muted: #1a1a1a; 52 --border: #2a2a2a; 53 --text: #ffffff; 54 --text-muted: #999999; 55 --text-light: #666666; 56 --accent: #ffffff; 57 --accent-hover: #cccccc; 58 } 59 } 60 61 html[data-theme="dark"] { 62 --bg: #000000; 63 --bg-card: #111111; 64 --bg-muted: #1a1a1a; 65 --border: #2a2a2a; 66 --text: #ffffff; 67 --text-muted: #999999; 68 --text-light: #666666; 69 --accent: #ffffff; 70 --accent-hover: #cccccc; 71 } 72 73 html[data-theme="light"] { 74 --bg: #ffffff; 75 --bg-card: #ffffff; 76 --bg-muted: #f5f5f5; 77 --border: #e5e5e5; 78 --text: #000000; 79 --text-muted: #666666; 80 --text-light: #999999; 81 --accent: #000000; 82 --accent-hover: #333333; 83 } 84 85 /* ---- Base ---- */ 86 body { 87 font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; 88 background: var(--bg); 89 color: var(--text); 90 line-height: 1.6; 91 -webkit-font-smoothing: antialiased; 92 } 93 94 /* ---- Cards ---- */ 95 .card { 96 background: var(--bg-card); 97 border: 1px solid var(--border); 98 border-radius: 12px; 99 padding: 24px; 100 } 101 102 .card-flush { 103 background: var(--bg-card); 104 border: 1px solid var(--border); 105 border-radius: 12px; 106 padding: 0; 107 overflow: hidden; 108 } 109 110 .card-mb { margin-bottom: 24px; } 111 .card-mb-sm { margin-bottom: 16px; } 112 .card-mt-sm { margin-top: 16px; } 113 114 /* ---- Layout ---- */ 115 .container { 116 max-width: 1280px; 117 margin: 0 auto; 118 padding: 0 16px; 119 } 120 121 @media (min-width: 768px) { .container { padding: 0 24px; } } 122 @media (min-width: 1024px) { .container { padding: 0 32px; } } 123 124 .layout { 125 display: grid; 126 gap: 24px; 127 grid-template-columns: 1fr; 128 } 129 130 .layout-center { order: 1; } 131 .layout-right { order: 2; } 132 133 @media (min-width: 768px) { 134 .layout { grid-template-columns: 1fr 360px; } 135 } 136 137 .sticky-sidebar { 138 position: sticky; 139 top: 24px; 140 align-self: start; 141 } 142 143 .main-content { padding-top: 8px; padding-bottom: 64px; } 144 145 /* ---- Typography ---- */ 146 .domain-name { 147 font-family: 'Poppins', sans-serif; 148 font-size: clamp(1.25rem, 4vw, 3rem); 149 font-weight: 800; 150 letter-spacing: -0.02em; 151 line-height: 1.2; 152 white-space: nowrap; 153 overflow: hidden; 154 text-overflow: ellipsis; 155 } 156 157 .price-tag { 158 font-size: 2rem; 159 font-weight: 700; 160 letter-spacing: -0.01em; 161 } 162 163 .card-heading { 164 font-size: 1rem; 165 font-weight: 700; 166 margin-bottom: 16px; 167 } 168 169 .card-heading-tight { 170 font-size: 1rem; 171 font-weight: 700; 172 margin-bottom: 12px; 173 } 174 175 .text-sm { font-size: 0.875rem; } 176 .text-xs { font-size: 0.75rem; } 177 .text-label { font-size: 0.8125rem; } 178 .text-body { font-size: 0.9375rem; } 179 .text-muted { color: var(--text-muted); } 180 .text-light { color: var(--text-light); } 181 .text-accent { color: var(--text); } 182 .fw-500 { font-weight: 500; } 183 .fw-600 { font-weight: 600; } 184 .fw-700 { font-weight: 700; } 185 .lh-relaxed { line-height: 1.7; } 186 187 /* ---- Badge ---- */ 188 .badge { 189 display: inline-block; 190 padding: 4px 12px; 191 border-radius: 100px; 192 font-size: 0.75rem; 193 font-weight: 600; 194 text-transform: uppercase; 195 letter-spacing: 0.05em; 196 border: 1px solid var(--border); 197 color: var(--text-muted); 198 } 199 200 /* Category-specific badge colors (generated from Material palette) */ 201 .badge-technology { 202 background-color: #edf0ff; 203 color: #004fa9; 204 border-color: #5091ff; 205 } 206 @media (prefers-color-scheme: dark) { 207 html[data-theme="auto"] .badge-technology { 208 background-color: #002e68; 209 color: #edf0ff; 210 border-color: #004fa9; 211 } 212 } 213 html[data-theme="dark"] .badge-technology { 214 background-color: #002e68; 215 color: #edf0ff; 216 border-color: #004fa9; 217 } 218 .badge-real_estate { 219 background-color: #fff9ed; 220 color: #565039; 221 border-color: #9b9378; 222 } 223 @media (prefers-color-scheme: dark) { 224 html[data-theme="auto"] .badge-real_estate { 225 background-color: #312c18; 226 color: #fff9ed; 227 border-color: #565039; 228 } 229 } 230 html[data-theme="dark"] .badge-real_estate { 231 background-color: #312c18; 232 color: #fff9ed; 233 border-color: #565039; 234 } 235 .badge-ai { 236 background-color: #ecffb0; 237 color: #2c3a00; 238 border-color: #7e9f00; 239 } 240 @media (prefers-color-scheme: dark) { 241 html[data-theme="auto"] .badge-ai { 242 background-color: #1d2700; 243 color: #ecffb0; 244 border-color: #2c3a00; 245 } 246 } 247 html[data-theme="dark"] .badge-ai { 248 background-color: #1d2700; 249 color: #ecffb0; 250 border-color: #2c3a00; 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: #edf0ff; 541 --text: #703800; 542 --accent: #b6610b; 543 --border: #5091ff; 544 --bg-card: #ffffff; 545 --bg-muted: #ffede3; 546 --text-light: #3281f6; 547 --text-muted: #004fa9; 548 --accent-text: #ffffff; 549 --accent-hover: #703800; 550 --palette-0: #002e68; 551 --palette-0-text: #ffffff; 552 --palette-1: #004fa9; 553 --palette-1-text: #ffffff; 554 --palette-2: #b6610b; 555 --palette-2-text: #ffffff; 556 --palette-3: #5091ff; 557 --palette-3-text: #000000; 558 --palette-4: #edf0ff; 559 --palette-4-text: #000000; 560} 561 562@media (prefers-color-scheme: dark) { 563 html[data-theme="auto"] { 564 --bg: #004fa9; 565 --text: #ffede3; 566 --accent: #b6610b; 567 --border: #3281f6; 568 --bg-card: #002e68; 569 --bg-muted: #002e68; 570 --text-light: #3281f6; 571 --text-muted: #5091ff; 572 --accent-text: #000000; 573 --accent-hover: #ffede3; 574 } 575} 576 577html[data-theme="dark"] { 578 --bg: #004fa9; 579 --text: #ffede3; 580 --accent: #b6610b; 581 --border: #3281f6; 582 --bg-card: #002e68; 583 --bg-muted: #002e68; 584 --text-light: #3281f6; 585 --text-muted: #5091ff; 586 --accent-text: #000000; 587 --accent-hover: #ffede3; 588} 589 590.card, .card-flush { 591 border: 1px solid #5091ff; 592 border-radius: 8px; 593 box-shadow: 0 1px 3px rgba(0,0,0,0.08); 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/technology-4.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.75"></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=smartreality.com&file=logo_29bc6691.webp" 613 data-logo-alt="SmartReality.com logo"><img src="https://appraise.net/api/images?action=serve&domain=smartreality.com&file=logo_29bc6691.webp" alt="SmartReality.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%2Fsmartreality.com" class="btn btn-sm btn-outline">Sign In</a> 622 <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Fsmartreality.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=smartreality.com&file=hero_516662ab.webp')"></div> <div class="hero-card-content"> 639 <p class="text-body text-muted fw-500 hero-subtitle">SmartReality.com - ä¼è´¨ç§æä¸PropTechååï¼é常éåAR/VRææºè½å®¶å± åæ°</p> 640 <h1 class="domain-name">SmartReality.com</h1> 641 <div class="flex gap-8 justify-center flex-wrap hero-badges"> 642 <span class="badge badge-technology">Technology</span> 643 <span class="badge badge-real_estate">Real Estate</span> 644 <span class="badge badge-ai">AI</span> 645 </div> 646 <div class="hero-share"> 647 <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=SmartReality.com%0ASmartReality.com%20-%20%E4%BC%98%E8%B4%A8%E7%A7%91%E6%8A%80%E4%B8%8EPropTech%E5%9F%9F%E5%90%8D%EF%BC%8C%E9%9D%9E%E5%B8%B8%E9%80%82%E5%90%88AR%2FVR%E6%88%96%E6%99%BA%E8%83%BD%E5%AE%B6%E5%B1%85%E5%88%9B%E6%96%B0%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Fsmartreality.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">å°âSmartâï¼ç©èç½ã人工æºè½åäºèç§æçå³å®æ§åç¼ï¼ä¸âRealityâï¼ä¸AR/VR/MRåPropTeché«åº¦ç¸å ³ï¼å®ç¾ç»åã</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> 672 </div> 673 674 <!-- Market Analysis Card --> 675 <div class="card card-mb" data-card="market-analysis"> 676 <h2 class="card-heading-tight">å¸åºåæ</h2> 677 <p class="text-sm text-muted lh-relaxed">SmartReality.com æ¯ä¸é¡¹åºè²çåçèµäº§ï¼ç²¾ååå ¥å¤ä¸ªæ°ä¸äº¿ç¾å 产ä¸ç交æ±ç¹ãâSmartâåç¼ä»ç¶æ¯åååå²ä¸æå ·å䏿åçåç¼ä¹ä¸ï¼èâRealityâåå®ç¾å¥åäºè¿ éæ©å¼ çå¢å¼ºç°å®ï¼ARï¼ãèæç°å®ï¼VRï¼ä»¥åæºè½å°äº§ï¼PropTechï¼é¢åãè¿ç±» .com åç¼çé«ç«¯ååå¤å飿ååä¼ä¸åæçä¼ä¸çéçï¼æ¨å¨å è¿ç§æé¢åè¿ éç¡®ç«è¡ä¸æå¨ã信任度ååçç¥å度ã</p> 678 </div> 679 680 <!-- Quality Factors Card --> 681 <div class="card card-mb" data-card="factors"> 682 <h2 class="card-heading">è´¨éå ç´ </h2> 683 <div class="factor-grid"> 684 <div class="factor-item"> 685 <div class="factor-label">åçæ½è´¨</div> 686 <div class="factor-value">æä½³</div> 687 </div> 688 <div class="factor-item"> 689 <div class="factor-label">æè®°ç¨åº¦</div> 690 <div class="factor-value">æä½³</div> 691 </div> 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> 709 </div> 710 711 <!-- Domain Details Card --> 712 <div class="card card-mb" data-card="domain-info"> 713 <h2 class="card-heading">ååä¿¡æ¯</h2> 714 <div class="flex flex-col detail-list"> 715 <div class="detail-row"> 716 <span class="text-light">åç¼</span>
717 <span class="fw-600">.com</span> 718 </div> 719 <div class="detail-row"> 720 <span class="text-light">é¿åº¦</span> 721 <span class="fw-600">12 个å符</span> 722 </div> 723 <div class="detail-row"> 724 <span class="text-light">ç±»å</span> 725 <span class="fw-600">é¨åå¹é å ³é®è¯</span> 726 </div> 727 <div class="detail-row"> 728 <span class="text-light">åçæ½è´¨</span> 729 <span class="fw-600">æä½³</span> 730 </div> 731 <div class="detail-row"> 732 <span class="text-light">æè®°ç¨åº¦</span> 733 <span class="fw-600">æä½³</span> 734 </div> 735 </div> 736 </div> 737 738 <!-- Notes Card --> 739 <div class="card card-mb" data-card="notes"> 740 <h2 class="card-heading-tight">è¡¥å 说æ</h2> 741 <p class="text-sm text-muted lh-relaxed">该ååå ·ææä½³çé¿ææèµä»·å¼ãå ¶å¤åè½æ§æå¼ºï¼å¯ä»¥è½»æ¾ä½ä¸ºæºè½å®¶å± çæç³»ç»ãæ²æµ¸å¼ç§æå·¥ä½å®¤æåæ°æ¿å°äº§å¹³å°ç主è¦ä¼ä¸æ å¿ã</p> 742 </div> 743 744 <!-- Seller Info Card (opt-in via seller's portfolio preference) --> 745 </div> 746 747 <!-- RIGHT SIDEBAR â Price + Actions --> 748 <div class="layout-right sticky-sidebar"> 749 <!-- Price Card --> 750 <div class="card card-mb-sm" data-card="price" 751 data-buy-now-price="23,995" 752 data-min-offer-price="4800" 753 data-estimated-high="48,000" 754 data-show-appraisal="1" 755 data-listing-id="3323" 756 data-domain="smartreality.com" 757 data-canonical-url="https://appraise.net/marketplace/smartreality.com" 758 data-is-logged-in="0" 759 data-listing-type="buy_now_or_offer" 760 data-is-seller="0" 761 data-buy-now-enabled="1" 762 data-cert-id="2026-4E039-0E50E2" 763 data-lto-total="23,995" 764 data-lto-monthly="1,746" 765 data-lto-down="4,799" 766 data-lto-months="11"> 767 <div id="priceCardContent"> 768 <div class="factor-label price-label">ä»·æ ¼</div> 769 <div class="price-tag price-amount">$23,995</div> 770 <div class="text-xs text-light price-appraisal"> 771 <a href="#" class="cert-link" data-cert-id="2026-4E039-0E50E2">ä¼°å¼ $48,000 <i class="fas fa-certificate" style="font-size:0.65em;opacity:0.6"></i></a> <span class="discount-badge">50% 伿 </span> </div> 772 <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;"> 773 <input type="checkbox" id="qcOptIn" style="flex:none;"> 774 <span style="flex:1;">Keep this purchase private (QuietClose™)</span> 775 <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> 776 </label> 777 <button class="btn btn-primary btn-mb" id="buyEscrowBtn" title="Sale price: $23,995 778+ Escrow.com fee (shown at next step) 779 780Wire transfer via Escrow.com is much cheaper. 781Funds held until domain transfer confirmed."> 782 <i class="fas fa-shield-alt"></i>
782 éè¿ Escrow.com è´ä¹° <span style="font-size:0.7rem; opacity:0.9; font-weight:500;">· æ¨è</span> 783 </button> 784 <button class="btn btn-outline btn-mb" id="buyNowBtn" title="Sale price: $23,995 785+ Card processing (3%): $719.85 786= Total: $24,714.85 787 788Funds held until domain transfer confirmed."> 789 <i class="fas fa-credit-card"></i> æä½¿ç¨é¶è¡å¡æ¯ä» </button> 790 <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $23,995 791+ No card fee 792= Total: $23,995 793 794Complete buyer privacy: no identity check, only your verified email. 795Rate locked for 30 minutes. Paid after 2 network confirmations."> 796 <i class="fab fa-bitcoin"></i> Pay with Bitcoin </button> 797 <button class="btn btn-outline btn-mb" id="payAlipayBtn" title="ä½¿ç¨æ¯ä»å®ä»æ¬¾ã"> 798 <i class="fab fa-alipay"></i> æ¯ä»å®æ¯ä» </button> 799 <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."> 800 <i class="fas fa-coins"></i> Pay with stablecoins </button> 801 <button class="btn btn-outline btn-mb" id="payBankBtn" title="ç¾å½é¶è¡è½¬è´¦ï¼ACHï¼ãæ å·å¡æç»è´¹ï¼æ°ä¸ªå·¥ä½æ¥å å°è´¦ã"> 802 <i class="fas fa-university"></i> é¶è¡è½¬è´¦æ¯ä» - ç«å2% </button> 803 <div class="lto-addon-option" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);"> 804 <div class="text-sm" style="margin-bottom:6px;">æ <strong>以ç§ä»£è´</strong> æ¯æä» <strong>$1,746/æ</strong> × 11 ä¸ªæ · $4,799 é¦ä»</div> 805 <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $23,995."> 806 <i class="fas fa-file-signature"></i> 以ç§ä»£è´ </button> 807 </div> 808 809 <button class="btn btn-outline btn-mb" id="makeOfferBtn"> 810 <i class="fas fa-hand-holding-usd"></i> æè¦åºä»· </button> 811 812 </div> 813 814 <div class="flex gap-8"> 815 <button class="btn btn-sm btn-outline flex-1" id="favoriteBtn" data-listing-id="3323"> 816 <i class="far fa-heart"></i> 817 Save </button> 818 </div> 819 </div> 820 821 <!-- Trust Card --> 822 <div class="card" data-card="trust"> 823 <div class="flex flex-col trust-list"> 824 <div class="trust-item"> 825 <i class="fas fa-shield-alt trust-icon"></i>
826 <span>交æç®¡çæ¹ï¼ Appraise.net / Domaincracy LLC</span> 827 </div> 828 <div class="trust-item"> 829 <i class="fas fa-certificate trust-icon"></i> 830 <span>AI éªè¯ä¼°å¼</span> 831 </div> 832 <div class="trust-item"> 833 <i class="fas fa-exchange-alt trust-icon"></i> 834 <span>å ¨ç¨å¼å¯¼è¿æ·</span> 835 </div> 836 </div> 837 </div> 838 839 <!-- Seller Analytics (seller only) --> 840 </div> 841 </div> 842 </main> 843 844 <!-- Mobile Sticky CTA --> 845 <div class="mobile-cta"> 846 <div class="mobile-cta-text"> 847 <div class="mobile-cta-price">$23,995</div> 848 </div> 849 <button class="btn btn-primary btn-cta">ç«å³è´ä¹°</button> 850 </div> 851 852 <style> 853 .mkt-footer { 854 background: #111827; 855 padding: 34px 0 42px; 856 margin-top: 64px; 857 } 858 .mkt-footer-inner { text-align: center; font-size: 0.8125rem; color: #9ca3af; } 859 .mkt-footer-link { color: #d1d5db; text-decoration: none; font-weight: 600; } 860 .mkt-footer-link:hover { color: #ffffff; } 861 .mkt-footer-badges { margin: 16px 0 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } 862 .mkt-cred { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4e4ec; border-radius: 10px; 863 padding: 7px 13px; background: #fafafa; text-decoration: none; transition: border-color .15s, box-shadow .15s; } 864 .mkt-cred:hover { border-color: #34d399; box-shadow: 0 4px 14px rgba(52,211,153,.18); } 865 .mkt-cred .ic { color: #067647; font-size: 15px; } 866 .mkt-cred img { height: 18px; width: auto; display: block; } 867 .mkt-cred .t { line-height: 1.15; text-align: left; } 868 .mkt-cred .t small { display: block; font-size: 10px; color: #6b7180; letter-spacing: .02em; } 869 .mkt-cred .t b { font-size: 12px; color: #067647; font-weight: 800; } 870 .mkt-footer-credentials { margin-top: 10px; font-size: 0.75rem; color: #6b7280; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; } 871 .mkt-footer-credentials span { white-space: nowrap; } 872 .mkt-footer-credentials a { color: inherit; } 873 .mkt-footer-tip { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; } 874</style> 875<footer class="mkt-footer"> 876 <div class="container mkt-footer-inner"> 877 <p>ææ¯æ¯æï¼ <a href="https://appraise.net" class="mkt-footer-link">Appraise.net™ 交æå¸åº</a> — Domaincracy® LLC æä¸æå¡</p> 878 <div class="mkt-footer-badges"> 879 <a class="mkt-cred" href="https://developer.mozilla.org/en-US/observatory/analyze?host=appraise.net" 880 target="_blank" rel="noopener noreferrer" title="Mozilla Observatory Security Score"> 881 <span class="ic" aria-hidden="true">🛡</span> 882 <span class="t"><small>å®å ¨è¯å</small><b>105/100 A+</b></span> 883 </a> 884 <a class="mkt-cred" href="https://transparencyreport.google.com/safe-browsing/search?url=appraise.net&hl=en" 885 target="_blank" rel="noopener noreferrer" title="Google Safe Browsing Status"> 886 <img src="https://appraise.net/images/safebrowsing-logo.svg" alt="Safe Browsing"> 887 <span class="t"><small>å®å ¨æµè§</small><b>No issues</b></span> 888 </a> 889 <a class="mkt-cred" href="https://www.escrow.com/why-escrowcom" target="_blank" rel="noopener noreferrer" 890 title="High-value transfers handled by Escrow.com, a licensed escrow company"> 891 <span class="ic" aria-hidden="true">🔒</span> 892 <span class="t"><small>è¿æ·æç®¡</small><b>Escrow.com</b></span> 893 </a> 894 <a class="mkt-cred" href="https://stripe.com" target="_blank" rel="noopener noreferrer" 895 title="Card payments processed by Stripe"> 896 <img src="https://appraise.net/images/stripe.png" alt="Stripe" style="height:16px;">
897 <span class="t"><small>æ¯ä»æå¡</small><b>Stripe</b></span> 898 </a> 899 <a class="mkt-cred" href="https://www.bbb.org/us/az/scottsdale/profile/web-hosting/domaincracy-1126-1000057633#sealclick" 900 target="_blank" rel="noopener noreferrer" title="Better Business Bureau profile: Domaincracy LLC, Scottsdale AZ"> 901 <span class="ic" aria-hidden="true">⭐</span> 902 <span class="t"><small>BBB è¯çº§</small><b>A+</b></span> 903 </a> 904 </div> 905 <div class="mkt-footer-credentials"> 906 <span><span class="mkt-footer-tip" title="Internet Corporation for Assigned Names and Numbers — Business Constituency">ICANN BC</span> æå</span> 907 <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> 908 <span><span class="mkt-footer-tip" title="Internet Commerce Association">ICA</span> æå</span> 909 </div> 910 </div> 911</footer> 912 913 <!-- Certificate Modal --> 914 <div id="certModal" class="cert-modal"> 915 <div class="cert-modal-backdrop"></div> 916 <div class="cert-modal-content"> 917 <button class="cert-modal-close"><i class="fas fa-times"></i></button> 918 <div class="cert-modal-loading"><i class="fas fa-spinner fa-spin"></i> Retrieving certificate...</div> 919 <iframe id="certIframe" class="cert-modal-iframe"></iframe> 920 </div> 921 </div> 922 923 <!-- Handoff Modal (shown on non-canonical hosts before bouncing to appraise.net) --> 924 <div id="handoffModal" class="offer-modal" hidden> 925 <div class="offer-modal-backdrop" data-handoff-close></div> 926 <div class="offer-modal-content"> 927 <button class="offer-modal-close" data-handoff-close aria-label="Close"><i class="fas fa-times"></i></button> 928 <h3 class="offer-modal-title" id="handoffTitle">Continue on Appraise.net</h3> 929 <p class="offer-modal-sub" id="handoffSub"> 930 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. 931 </p> 932 <div class="offer-modal-actions"> 933 <button class="btn btn-outline" data-handoff-close>Cancel</button> 934 <a class="btn btn-primary" id="handoffContinueBtn" href="#">Continue to Appraise.net <i class="fas fa-arrow-right"></i></a> 935 </div> 936 </div> 937 </div> 938 939 <!-- Offer / Inquiry Modal --> 940 <div id="ltoTermsModal" class="offer-modal" hidden> 941 <div class="offer-modal-backdrop" data-lto-close></div> 942 <div class="offer-modal-content"> 943 <button class="offer-modal-close" data-lto-close aria-label="Close"><i class="fas fa-times"></i></button> 944 <h3 class="offer-modal-title">Before you start the lease</h3> 945 <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> 946 <label style="display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:0.95rem;line-height:1.45;cursor:pointer;"> 947 <input type="checkbox" id="ltoTermsAck" style="margin-top:4px;"> 948 <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> 949 </label> 950 <button class="btn btn-primary" id="ltoTermsContinue" disabled><i class="fas fa-file-signature"></i> Start lease</button> 951 <p class="mpt-error" id="ltoTermsError" hidden style="margin-top:8px;color:#dc2626;font-size:13px;"></p> 952 </div> 953 </div> 954 <div id="offerModal" class="offer-modal" hidden> 955 <div class="offer-modal-backdrop" data-offer-close></div> 956 <div class="offer-modal-content"> 957 <button class="offer-modal-close" data-offer-close aria-label="Close"><i class="fas fa-times"></i></button> 958 <h3 class="offer-modal-title" id="offerModalTitle">Make an Offer</h3> 959 <p class="offer-modal-sub" id="offerModalSub"></p> 960 961 <div class="offer-modal-field" id="offerAmountField"> 962 <label for="offerAmountInput">Your offer (USD)</label> 963 <div class="offer-amount-row">
964 <span class="offer-amount-prefix">$</span> 965 <input type="number" id="offerAmountInput" inputmode="numeric" min="4800" step="1" placeholder="4800"> 966 </div> 967 <div class="offer-modal-hint">Minimum offer: $4,800</div> 968 </div> 969 970 <div class="offer-modal-field" id="offerExpiryField"> 971 <label for="offerExpiryInput">Offer good for</label> 972 <select id="offerExpiryInput" class="input" style="width:100%;"> 973 <option value="3">3 days</option> 974 <option value="7">7 days</option> 975 <option value="14" selected>14 days</option> 976 <option value="30">30 days</option> 977 </select> 978 <div class="offer-modal-hint">How long the seller has to respond before this offer lapses. You can always re-offer.</div> 979 </div> 980 981 <div class="offer-modal-field"> 982 <label for="offerMessageInput" id="offerMessageLabel">Message <span class="text-light">(optional)</span></label> 983 <textarea id="offerMessageInput" rows="3" maxlength="1000" placeholder="Add a note for the seller..."></textarea> 984 <div class="offer-modal-hint">No emails, phone numbers, or links â they'll be filtered.</div> 985 </div> 986 987 <div class="offer-modal-error" id="offerModalError" hidden></div> 988 989 <div class="offer-modal-actions"> 990 <button class="btn btn-outline" data-offer-close>Cancel</button> 991 <button class="btn btn-primary" id="offerSubmitBtn"><i class="fas fa-paper-plane"></i> <span id="offerSubmitLabel">Send Offer</span></button> 992 </div> 993 </div> 994 </div> 995 996 <div id="escrowModal" 997 role="dialog" 998 aria-modal="true" 999 aria-labelledby="escrowModalTitle" 1000 data-prefill-email="" 1001 style="display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center;"> 1002 1003 <div id="escrowModalOverlay" style="position:absolute; inset:0; background:rgba(15,23,42,0.55); backdrop-filter: blur(2px);"></div> 1004 1005 <div role="document" 1006 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;"> 1007 1008 <button type="button" id="escrowModalClose" aria-label="Close" 1009 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> 1010 1011 <h3 id="escrowModalTitle" style="margin:0 0 10px 0; font-size:1.15rem; font-weight:700;"> 1012 <i class="fas fa-shield-alt" style="color:#16a34a; margin-right:6px;"></i> Pay via Escrow.com 1013 </h3> 1014 1015 <p style="margin:0 0 10px 0; font-size:0.875rem; line-height:1.5; color:#334155;"> 1016 Escrow.com holds your funds until the domain transfer is confirmed. 1017 Choose this if you have a verified Escrow.com account or are willing to verify (free, ~5 mins). 1018 </p> 1019 1020 <button type="button" id="escrowExplainerToggle" 1021 aria-expanded="false" aria-controls="escrowExplainerPanel" 1022 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;"> 1023 <span id="escrowExplainerToggleLabel">What is Escrow.com?</span> 1024 <i id="escrowExplainerChevron" class="fas fa-chevron-down" style="font-size:0.7rem; transition:transform 0.15s ease;"></i> 1025 </button> 1026 1027 <div id="escrowExplainerPanel" hidden 1028 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;"> 1029 <p style="margin:0 0 8px 0; font-weight:600;">Escrow.com is the industry-standard payment processor for high-value domain sales.</p> 1030 <ul style="margin:0; padding-left:18px; color:#334155;"> 1031 <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> 1032 <li><strong>Wire or other methods.</strong> Wire transfer is the standard for larger sales; other options surface during checkout.</li> 1033 <li><strong>Quick verification.</strong> If you don't have an Escrow.com account, signup + verification takes ~5 minutes and is free.</li> 1034 <li><strong>Used worldwide.</strong> Standard rails for six- and seven-figure domain deals â same protection scaled to your transaction size.</li> 1035 </ul> 1036 <p style="margin:8px 0 0 0; font-size:0.75rem; color:#64748b;"> 1037 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. 1038 </p> 1039 </div> 1040 1041 <label for="escrowModalEmail" style="display:block; font-size:0.8125rem; font-weight:600; margin-bottom:6px; color:#0f172a;"> 1042 Your Escrow.com email 1043 </label> 1044 <input type="email" id="escrowModalEmail" autocomplete="email" required 1045 placeholder="[email protected]" 1046 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;" /> 1047 1048 <p id="escrowModalHint" style="margin:6px 0 0 0; font-size:0.75rem; color:#64748b;"> 1049 Use the email matching your verified Escrow.com account, or any email you'll verify with them. 1050 </p> 1051 1052 <p id="escrowModalError" role="alert" hidden 1053 style="margin:10px 0 0 0; font-size:0.8125rem; color:#dc2626;"></p> 1054 1055 <div style="display:flex; gap:10px; justify-content:flex-end; margin-top:18px;"> 1056 <button type="button" id="escrowModalCancel" 1057 style="padding:8px 16px; font-size:0.875rem; font-weight:500; background:#f1f5f9; color:#0f172a; border:1px solid #cbd5e1; border-radius:8px; cursor:pointer;"> 1058 Cancel 1059 </button> 1060 <button type="button" id="escrowModalContinue" 1061 style="padding:8px 18px; font-size:0.875rem; font-weight:600; background:#16a34a; color:#ffffff; border:1px solid #16a34a; border-radius:8px; cursor:pointer;"> 1062 Continue to Escrow.com 1063 </button> 1064 </div> 1065 </div> 1066</div> 1067 1068 <!-- Full-logo lightbox (opened from the nav brand logo) --> 1069 <div id="logo-lightbox" class="logo-lightbox" hidden> 1070 <button type="button" class="logo-lightbox-close" aria-label="Close">×</button> 1071 <img class="logo-lightbox-img" src="" alt=""> 1072 </div> 1073 1074
1074<script src="/js/marketplace-escrow-modal.js?v=1791462458"></script>
1074 1075
1075<script src="/js/marketplace-listing.js?v=1791462458"></script>
1075 1076
1076<script src="/js/marketplace-artist-listener.js?v=1791462458"></script>
1076 1077</body> 1078</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.