.header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;height:var(--header-height)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--spacing-lg)}.logo{display:flex;align-items:center}.logo .logo-image{height:42px;width:auto;object-fit:contain}.search-container{flex:1;max-width:500px}.search-box{display:flex;align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .2s}.search-box:focus-within{border-color:var(--primary)}.search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;outline:none;font-size:14px;background:transparent}.search-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);border:none;color:#fff;display:flex;align-items:center}.search-btn:hover{background:var(--primary-hover)}.nav-links{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{display:flex;align-items:center;gap:var(--spacing-xs);font-size:14px;font-weight:500;color:var(--text-primary);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background .2s}.nav-link:hover{background:var(--bg-secondary)}@media(max-width:768px){.search-container{display:none}.nav-links{gap:var(--spacing-sm)}}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;margin-top:var(--spacing-2xl)}.footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.footer-section h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--spacing-sm)}.footer-section a{font-size:14px;color:var(--text-secondary);transition:color .2s}.footer-section a:hover{color:var(--primary)}.footer-bottom{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center;font-size:13px;color:var(--text-muted)}.listing-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .2s ease;display:flex;flex-direction:column}.listing-card:hover{box-shadow:var(--shadow-md)}.listing-card-image{position:relative;aspect-ratio:4/3;background:var(--bg-tertiary);overflow:hidden}.listing-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.listing-card:hover .listing-card-image img{transform:scale(1.05)}.no-image{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:var(--spacing-sm)}.no-image svg{opacity:.3}.listing-card-content{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.listing-card-price{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.listing-card-title{font-size:14px;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing-card-meta{margin-top:auto;display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;color:var(--text-muted)}.listing-card-location{display:flex;align-items:center;gap:4px}.listing-card-date{margin-left:auto}.listing-card-skeleton .listing-card-image{background:var(--bg-tertiary)}.listing-card-skeleton .skeleton-text{height:16px;border-radius:var(--radius-sm)}.listing-card-skeleton .skeleton-price{width:60%;height:20px;margin-bottom:var(--spacing-sm)}.listing-card-skeleton .skeleton-title{width:90%;margin-bottom:var(--spacing-xs)}.listing-card-skeleton .skeleton-meta{width:70%;height:12px;margin-top:auto}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md)}@media(max-width:480px){.listings-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.listing-card-content{padding:var(--spacing-sm)}.listing-card-price{font-size:16px}.listing-card-title{font-size:13px}}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;transition:all .2s ease;min-height:100px}.category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.category-icon{font-size:32px;margin-bottom:var(--spacing-sm)}.category-icon img{width:48px;height:48px;object-fit:contain}.category-name{font-size:13px;font-weight:500;color:var(--text-primary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}@media(max-width:480px){.categories-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.category-card{padding:var(--spacing-sm);min-height:80px}.category-icon{font-size:24px}.category-icon img{width:32px;height:32px}.category-name{font-size:11px}}.floating-promo{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;align-items:center;background:linear-gradient(135deg,var(--primary) 0%,#9747FF 100%);border-radius:50px;padding:8px 16px 8px 12px;box-shadow:0 4px 20px #7a23cc66;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.promo-close{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--bg-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;color:var(--text-secondary);transition:all .2s ease}.promo-close:hover{background:var(--bg-tertiary);transform:scale(1.1)}.promo-content{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.promo-icon{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center}.promo-text{display:flex;flex-direction:column;line-height:1.2}.promo-title{font-size:14px;font-weight:600}.promo-subtitle{font-size:11px;opacity:.85}.floating-promo:hover{transform:scale(1.03);box-shadow:0 6px 24px #7a23cc80;transition:all .2s ease}@media(max-width:480px){.floating-promo{bottom:16px;right:16px;padding:6px 12px 6px 10px}.promo-icon{width:32px;height:32px}.promo-title{font-size:13px}.promo-subtitle{font-size:10px}}.popup-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:1.25rem;max-width:420px;width:100%;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close{position:absolute;top:.75rem;right:.75rem;background:#ffffffe6;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.popup-close:hover{background:#fff;color:#1e293b;transform:scale(1.1)}.popup-content{display:flex;flex-direction:column}.popup-banner{width:100%;height:auto;display:block;object-fit:cover}.popup-body{padding:1.5rem;text-align:center}.popup-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.popup-description{color:#64748b;font-size:.95rem;line-height:1.5;margin:0 0 1.25rem}.popup-cta{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #3b82f666;margin-bottom:1rem}.popup-cta:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.popup-cta:active{transform:translateY(0)}.popup-checkbox-label{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#64748b;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}.popup-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.popup-checkbox-label span{transition:color .2s ease}.popup-checkbox-label:hover span{color:#475569}@media(max-width:480px){.popup-container{max-width:100%;margin:.5rem;border-radius:1rem}.popup-body{padding:1.25rem}.popup-title{font-size:1.25rem}.popup-description{font-size:.875rem}}.home-page{padding:var(--spacing-lg) 0}.section{margin-bottom:var(--spacing-2xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-title{font-size:20px;font-weight:700;color:var(--text-primary)}.section-link{font-size:14px;font-weight:500;color:var(--primary)}.section-link:hover{text-decoration:underline}.hero{background:linear-gradient(135deg,var(--primary) 0%,#9747FF 100%);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);color:#fff;text-align:center}.hero h1{font-size:32px;font-weight:700;margin-bottom:var(--spacing-sm)}.hero p{font-size:16px;opacity:.9;margin-bottom:var(--spacing-lg)}.hero-search{max-width:500px;margin:0 auto}.hero-search .search-box{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.hero-search .search-input{padding:var(--spacing-md);font-size:16px;color:var(--text-primary)}.scroll-sentinel{height:1px;width:100%}.listings-count{text-align:center;margin-top:var(--spacing-md);font-size:13px;color:var(--text-secondary)}@media(max-width:768px){.banner-ad{margin:0 calc(-1 * var(--spacing-md)) var(--spacing-lg);border-radius:0}.banner-image{border-radius:0}.hero{padding:var(--spacing-xl) var(--spacing-md);border-radius:0;margin:calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-md)) var(--spacing-xl)}.hero h1{font-size:24px}.hero p{font-size:14px}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-primary);transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-info{font-size:14px;color:var(--text-muted);margin:0 var(--spacing-md)}.listings-page{padding:var(--spacing-lg) 0}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.page-subtitle{font-size:14px;color:var(--text-muted)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);font-size:13px;color:var(--text-muted);margin-bottom:var(--spacing-md)}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-separator{color:var(--border-color)}.listing-detail{padding:var(--spacing-lg) 0}.listing-layout{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl)}.listing-gallery{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.main-image{aspect-ratio:16/10;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.main-image img{width:100%;height:100%;object-fit:contain}.main-image .no-image{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-muted)}.thumbnail-strip{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);overflow-x:auto}.thumbnail{width:80px;height:60px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.thumbnail.active{border-color:var(--primary)}.thumbnail img{width:100%;height:100%;object-fit:cover}.listing-info{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.listing-price{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.listing-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.4}.listing-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-secondary)}.listing-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.listing-description{margin-top:var(--spacing-lg)}.listing-description h3{font-size:16px;font-weight:600;margin-bottom:var(--spacing-sm)}.listing-description p{font-size:14px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}.listing-metadata{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.listing-metadata h3{font-size:16px;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.metadata-item{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm)}.metadata-key{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.metadata-value{font-size:14px;color:var(--text-primary)}@media(max-width:600px){.metadata-grid{grid-template-columns:1fr}}.listing-sidebar{position:sticky;top:calc(var(--header-height) + var(--spacing-lg))}.seller-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.seller-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.seller-avatar{width:56px;height:56px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:20px;font-weight:600;overflow:hidden}.seller-avatar img{width:100%;height:100%;object-fit:cover}.seller-name{font-size:16px;font-weight:600;color:var(--text-primary)}.seller-since{font-size:13px;color:var(--text-muted)}.contact-btn{width:100%;padding:var(--spacing-md);font-size:16px}.app-hint{margin-top:var(--spacing-sm);font-size:12px;color:var(--text-muted);text-align:center}.safety-tips{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.safety-tips h4{font-size:14px;font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary)}.safety-tips ul{font-size:12px;color:var(--text-secondary);padding-left:var(--spacing-lg)}.safety-tips li{margin-bottom:var(--spacing-xs)}.listing-loading{padding:var(--spacing-2xl) 0;text-align:center}.listing-error{text-align:center;padding:var(--spacing-2xl)}.listing-error h2{font-size:24px;margin-bottom:var(--spacing-sm)}@media(max-width:900px){.listing-layout{grid-template-columns:1fr}.listing-sidebar{position:static}}:root{--primary: #7A23CC;--primary-hover: #6a1fb3;--bg-primary: #ffffff;--bg-secondary: #f7f8f9;--bg-tertiary: #ebeeef;--text-primary: #002f34;--text-secondary: #406367;--text-muted: #7f9799;--border-color: #d8dfe0;--border-hover: #c8d0d1;--success: #23c27f;--error: #d64545;--warning: #f5b041;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--max-width: 1280px;--header-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:14px;font-weight:600;border-radius:var(--radius-sm);border:2px solid transparent;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-outline:hover{border-color:var(--text-primary)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--spacing-md);opacity:.5}