:root{--bg-primary:#f4f7fb;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#eef2ff;--border:#e2e8f0;--card-bg:rgba(255,255,255,0.85);--card-shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--card-shadow-hover:0 10px 25px rgba(0,0,0,0.08),0 4px 10px rgba(0,0,0,0.05);--input-bg:rgba(255,255,255,0.85);--input-border:#e2e8f0;--input-focus-border:#6366f1;--input-focus-shadow:0 0 0 3px rgba(99,102,241,0.1);--skeleton-bg:#e2e8f0;--toast-bg:#1e293b;--toast-text:#f8fafc;--scrollbar-thumb:#cbd5e1;--scrollbar-track:#f1f5f9;--radius-sm:10px;--radius-md:12px;--radius-lg:14px;--transition-fast:0.15s;--transition-normal:0.25s;--transition-slow:0.3s;--accent-blue:#0088FF;--icon-bg:rgba(0,0,0,0.03);--separator-color:rgba(0,0,0,0.15);--radius-pill:60px;--radius-round:40px;}html.theme-dark{--bg-primary:#0c0e14;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--accent:#818cf8;--accent-hover:#6366f1;--accent-light:#1e1b4b;--border:#334155;--card-bg:rgba(22,26,34,0.9);--card-shadow:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--card-shadow-hover:0 10px 25px rgba(0,0,0,0.4),0 4px 10px rgba(0,0,0,0.3);--input-bg:rgba(22,26,34,0.9);--input-border:#334155;--input-focus-border:#818cf8;--input-focus-shadow:0 0 0 3px rgba(129,140,248,0.15);--skeleton-bg:#334155;--toast-bg:#f1f5f9;--toast-text:#0f172a;--scrollbar-thumb:#475569;--scrollbar-track:#1e293b;--accent-blue:#6b9fff;--icon-bg:rgba(255,255,255,0.05);--separator-color:rgba(255,255,255,0.2);}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;}body{font-family:system-ui,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-slow) ease,color var(--transition-slow) ease;min-height:100vh;line-height:1.6;overflow-x:hidden;position:relative;}::-webkit-scrollbar{width:0.375rem;height:0.375rem;}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px;}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);}.header{padding:1rem;}.top-bar{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:3rem;gap:1rem;}.sale-tag{position:relative;display:flex;align-items:center;font-size:1.15rem;font-weight:600;color:var(--text-primary);padding:0.5rem 1.6rem;border-radius:var(--radius-pill);background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--card-shadow);gap:0.5rem;flex-shrink:0;}.icon{width:1.5rem;height:1.5rem;overflow:visible;}.circle-anim{fill:none;stroke:var(--accent-blue);stroke-width:12;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292;animation:draw-circle 1s 0s forwards;}.check-anim{fill:none;stroke:var(--accent-blue);stroke-width:14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:110;stroke-dashoffset:110;animation:draw-check 0.6s 1s forwards;}@keyframes draw-circle{to{stroke-dashoffset:0;}}@keyframes draw-check{to{stroke-dashoffset:0;}}.control-container{position:relative;flex-shrink:0;}.control-toggle{display:none;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center;transition:all var(--transition-fast);}.control-toggle.active{background:var(--icon-bg);color:var(--text-primary);transform:rotate(30deg);}.control-group{display:flex;align-items:center;padding:0.375rem 0.5rem;border-radius:var(--radius-pill);background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--card-shadow);transition:opacity var(--transition-normal),visibility var(--transition-normal),transform var(--transition-normal);}.control-separator{width:2px;height:1.5rem;background-color:var(--separator-color);margin:0 0.625rem;}.theme-switcher,.lang-switch{display:flex;gap:0.25rem;}.theme-btn,.lang-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);width:2.25rem;height:2.25rem;font-size:1.1rem;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;}.theme-btn:hover,.lang-btn:hover{background:var(--icon-bg);color:var(--text-primary);transform:translateY(-1px);}.theme-btn.active,.lang-btn.active{background:var(--accent-light);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(99,102,241,0.3);}.main-container{max-width:1400px;margin:0 auto;padding:0 1rem;}.search-section{margin-bottom:1rem;display:flex;gap:0.75rem;flex-wrap:wrap;align-items:center;}.search-wrapper{flex:1;min-width:16.25rem;position:relative;}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;font-size:1.125rem;transition:color var(--transition-fast) ease;}.search-wrapper:focus-within .search-icon{color:var(--accent);}.search-input{width:100%;height:3rem;padding:0 1rem 0 2.875rem;border-radius:var(--radius-md);border:2px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:0.95rem;transition:all var(--transition-normal) ease;outline:none;}.search-input::placeholder{color:var(--text-tertiary);}.search-input:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);background:var(--card-bg);}.search-clear{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:0.375rem;border-radius:50%;display:none;align-items:center;justify-content:center;transition:all var(--transition-fast) ease;}.search-clear.visible{display:flex;}.search-clear:hover{color:var(--text-primary);background:var(--bg-tertiary);}.search-stats{flex-shrink:0;font-size:0.85rem;color:var(--text-tertiary);white-space:nowrap;padding:0 0.5rem;}.search-stats strong{color:var(--accent);font-weight:600;}.filter-section{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;}.sort-select-wrapper{position:relative;flex-shrink:0;}.sort-select{height:2.5rem;padding:0 0.625rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--text-primary);font-size:0.85rem;cursor:pointer;transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;outline:none;}.sort-select:hover{border-color:var(--accent);}.sort-select:focus{border-color:var(--accent);box-shadow:var(--input-focus-shadow);}.filter-tags{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;flex:1;}.filter-tag{padding:0.3rem 0.8rem;border-radius:2rem;border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-size:0.78rem;cursor:pointer;transition:all var(--transition-fast) ease;white-space:nowrap;user-select:none;}.filter-tag:hover{border-color:var(--accent);color:var(--accent);}.filter-tag.active{background:var(--accent);border-color:var(--accent);color:#fff;}.shop-section{margin-bottom:1rem;}.shop-links{display:flex;gap:0.75rem;flex-wrap:wrap;}.shop-link{display:flex;flex:1 1 50px;align-items:center;justify-content:center;gap:0.4rem;padding:0.5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);text-decoration:none;font-size:0.85rem;white-space:nowrap;transition:all var(--transition-fast) ease;}.shop-link:hover{border-color:var(--accent);color:var(--accent);}.shop-link i{font-size:1.1rem;color:var(--accent);}.domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:0.875rem;transition:all var(--transition-slow) ease;}.domain-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.125rem;display:flex;align-items:center;gap:0.875rem;cursor:pointer;transition:all var(--transition-normal) ease;box-shadow:var(--card-shadow);position:relative;overflow:hidden;opacity:0;transform:translateY(8px);}.domain-card.visible{opacity:1;transform:translateY(0);}.domain-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--accent);z-index:2;}.domain-card:active{transform:scale(0.985);}.domain-card .card-accent-bar{position:absolute;left:0;top:0;bottom:0;width:0.1875rem;background:var(--accent);border-radius:0 3px 3px 0;opacity:0;transition:opacity var(--transition-slow) ease;}.domain-card:hover .card-accent-bar{opacity:1;}.domain-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-lg);}.domain-card .copy-hint{position:absolute;top:0.5rem;right:0.75rem;font-size:0.7rem;color:var(--text-tertiary);opacity:0;transform:translateY(-6px);transition:all var(--transition-normal) ease;pointer-events:none;}.domain-card:hover .copy-hint{opacity:0.7;transform:translateY(0);}.domain-info{flex:1;min-width:0;}.domain-name{font-weight:700;font-size:1.1rem;color:var(--text-primary);letter-spacing:-0.2px;word-break:break-all;line-height:1.3;transition:color var(--transition-fast) ease;user-select:all;}.domain-card:hover .domain-name{color:var(--accent);}.domain-meta{display:flex;flex-wrap:wrap;gap:0.375rem;margin-top:0.375rem;align-items:center;}.domain-registrar{font-size:0.78rem;color:var(--text-tertiary);display:flex;align-items:center;gap:0.25rem;}.domain-actions{display:flex;gap:0.375rem;flex-shrink:0;}.btn-action{display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);flex-shrink:0;border-radius:var(--radius-sm);transition:all var(--transition-fast) ease;width:2.375rem;height:2.375rem;font-size:1rem;}.btn-action:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,0.3);}.btn-action:active{transform:scale(0.9);}.btn-action.buy-btn{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;font-size:0.78rem;padding:0 0.75rem;width:auto;gap:0.25rem;}.btn-action.buy-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 6px 20px rgba(99,102,241,0.4);}.skeleton-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.125rem 1.25rem;display:flex;align-items:center;gap:0.875rem;min-height:4.875rem;}.skeleton-body{flex:1;min-width:0;}.skeleton-line{height:0.875rem;background:var(--skeleton-bg);border-radius:6px;animation:shimmer 1.5s infinite;}.skeleton-line.name{width:70%;height:1.125rem;margin-bottom:0.5rem;}.skeleton-line.meta{width:40%;height:0.75rem;}.skeleton-btn,.skeleton-buy{border-radius:0.625rem;background:var(--skeleton-bg);animation:shimmer 1.5s infinite;flex-shrink:0;height:2.375rem;}.skeleton-btn{width:2.375rem;}.skeleton-buy{width:3.75rem;animation-delay:0.3s;}@keyframes shimmer{0%,100%{opacity:1;}50%{opacity:0.4;}}.load-more-section{display:flex;justify-content:center;padding:1.75rem 0 0.75rem;gap:0.75rem;flex-direction:column;align-items:center;}.load-more-btn{padding:0.75rem 2rem;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--card-bg);cursor:pointer;font-size:0.9rem;color:var(--text-secondary);transition:all var(--transition-normal) ease;font-weight:500;}.load-more-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent);}.load-more-btn:active{transform:scale(0.96);}.load-more-btn.loading{pointer-events:none;opacity:0.7;}.load-more-btn .spinner{display:inline-block;width:1.125rem;height:1.125rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.7s linear infinite;vertical-align:middle;margin-right:0.375rem;}@keyframes spin{to{transform:rotate(360deg);}}.load-more-info{font-size:0.8rem;color:var(--text-tertiary);}.empty-state{text-align:center;padding:3.75rem 1.25rem;color:var(--text-tertiary);display:none;}.empty-state .iconfont{font-size:3rem;display:block;margin-bottom:0.75rem;opacity:0.5;}.toast-container{position:fixed;bottom:1.875rem;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:0.5rem;align-items:center;pointer-events:none;}.toast{background:var(--toast-bg);color:var(--toast-text);padding:0.75rem 1.5rem;border-radius:var(--radius-sm);font-size:0.85rem;font-weight:500;box-shadow:0 8px 30px rgba(0,0,0,0.2);animation:toastIn 0.35s ease forwards,toastOut 0.3s ease 2.2s forwards;white-space:nowrap;pointer-events:none;}@keyframes toastIn{from{opacity:0;transform:translateY(20px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}@keyframes toastOut{from{opacity:1;transform:translateY(0) scale(1);}to{opacity:0;transform:translateY(-10px) scale(0.9);}}.site-footer{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 2.5rem;border-top:1px solid var(--border);text-align:center;color:var(--text-tertiary);font-size:0.9rem;}.contact-title{font-weight:600;color:var(--text-secondary);margin-bottom:0.75rem;}.contact-items{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem;}.contact-item{display:flex;align-items:center;gap:0.375rem;}.contact-item a{color:var(--text-tertiary);text-decoration:none;}.contact-item a:hover{opacity:0.8;}.contact-item i{font-size:1.2rem;color:var(--accent);}.back-to-top{position:fixed;bottom:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:var(--accent);color:#fff;border:none;box-shadow:0 4px 12px rgba(0,0,0,0.15);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;z-index:50;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition-slow) ease;}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);}.back-to-top:hover{background:var(--accent-hover);transform:translateY(-2px);}@media (max-width:768px){html{font-size:15px;}.filter-section{flex-direction:column;align-items:flex-start;}}@media (max-width:480px){html{font-size:14px;}.control-toggle{display:flex;}.control-group{position:absolute;top:calc(100% + 5px);right:0;z-index:999;flex-direction:column;gap:0.5rem;padding:0.5rem;min-width:150px;opacity:0;visibility:hidden;transform:translateX(8px);pointer-events:none;}.control-group.show{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto;}.control-separator{width:80%;height:2px;}}