*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-secondary:#64748b;--color-background:#f8fafc;--color-surface:#fff;--color-text:#1e293b;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-error:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}html{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{height:auto;max-width:100%}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.container{margin:0 auto;max-width:1280px;padding:0 var(--spacing-md);width:100%}.main-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1;gap:var(--spacing-lg);padding:var(--spacing-lg) 0}.content-area{flex:1;min-width:0}.sidebar{flex-shrink:0;width:300px}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.logo{color:var(--color-text);font-size:1.5rem;font-weight:700}.logo:hover{text-decoration:none}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--spacing-lg) 0}.footer-content{color:var(--color-text-secondary);font-size:.875rem;text-align:center}.search-box{display:flex;gap:var(--spacing-sm);max-width:600px;width:100%}.search-input{border:2px solid var(--color-border);border-radius:var(--radius-md);flex:1;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:background-color .2s}.search-button:hover{background-color:var(--color-primary-hover)}.search-button:disabled{cursor:not-allowed;opacity:.6}.results-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.item-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.item-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-card-link{color:inherit;display:block}.item-card-link:hover{text-decoration:none}.item-card-image{aspect-ratio:3/4;background-color:var(--color-border);overflow:hidden}.item-card-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.item-card-content{padding:var(--spacing-md)}.item-card-title{display:-webkit-box;font-size:.875rem;font-weight:500;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;margin-bottom:var(--spacing-sm);overflow:hidden}.item-card-price{color:var(--color-primary);font-size:1rem;font-weight:700}.item-card-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.item-card-rating{gap:2px}.ad-space,.item-card-rating{align-items:center;display:flex}.ad-space{background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;justify-content:center}.ad-space-horizontal{height:90px;margin:var(--spacing-md) 0}.ad-space-sidebar{height:250px;margin-bottom:var(--spacing-lg)}.ad-space-infeed{height:120px}.pagination{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-xl)}.pagination-button{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.pagination-button:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-info{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.loading,.pagination-info{color:var(--color-text-secondary)}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--color-error);padding:var(--spacing-md);text-align:center}.empty-state{color:var(--color-text-secondary);padding:var(--spacing-2xl);text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.search-info{background-color:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.search-info-text{color:var(--color-text-secondary);font-size:.875rem}.search-info-keyword{color:var(--color-text);font-weight:600}@media(max-width:1024px){.sidebar{display:none}.results-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.header-content{flex-direction:column;gap:var(--spacing-md)}.search-box{max-width:100%}.results-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.item-card-content{padding:var(--spacing-sm)}.item-card-title{font-size:.75rem}.item-card-price{font-size:.875rem}}@media(max-width:480px){.results-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}