.top-corner-button{position:fixed;z-index:10;background:#222;border:1px solid #333;border-radius:.5rem;padding:.375rem .75rem;transition:all .2s ease}.top-corner-button:hover{background:#333;border-color:#fff}.search-box{height:3.5rem;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:.5rem;overflow:hidden;display:flex;align-items:stretch}.search-button{width:5rem;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;font-weight:500;transition:background-color .2s}.search-button:hover{background:#f0f0f0}.search-input{flex:1;background:#111;border-top:1px solid #333;border-bottom:1px solid #333;color:#fff;padding:0 1.5rem;font-size:1rem;outline:0;transition:background-color .2s}.search-input:focus{background:#191919}.recent-search-tag{display:inline-block;padding:.25rem .75rem;margin:.25rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:.5rem;color:#e5e7eb;font-size:.875rem;transition:all .2s}.recent-search-tag:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4)}.douban-container{margin:2rem auto;max-width:1280px;padding:0 .5rem}.douban-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.douban-toggle{display:flex;align-items:center;background:#222;border-radius:9999px;padding:.25rem}.douban-toggle-button{padding:.25rem .75rem;font-size:.875rem;border-radius:9999px}.douban-toggle-button.active{background:#db2777;color:#fff}.douban-toggle-button:not(.active){color:#9ca3af}.douban-toggle-button:not(.active):hover{color:#fff}.douban-refresh-button{font-size:.875rem;padding:.25rem .75rem;background:#db2777;color:#fff;border-radius:.5rem;display:flex;align-items:center;gap:.25rem}.douban-refresh-button:hover{background:#be185d}.douban-tags-container{overflow-x:auto;padding-bottom:.5rem}.douban-tags{display:flex;gap:.5rem;min-width:max-content}.douban-tag{padding:.25rem .75rem;background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.2);border-radius:.5rem;color:#f9a8d4;font-size:.875rem;transition:all .2s}.douban-tag:hover{background:rgba(219,39,119,.2);border-color:rgba(219,39,119,.4)}.douban-tag.active{background:#db2777;border-color:#db2777;color:#fff}.search-results-container{width:100%;max-width:1280px;margin:0 auto;padding:0 .5rem}.search-result-stats{text-align:right;font-size:.875rem;color:#9ca3af;margin-bottom:1rem}.search-results-grid{display:grid;gap:1rem}@media (max-width:640px){.search-results-grid{grid-template-columns:1fr}}@media (min-width:641px) and (max-width:768px){.search-results-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.search-results-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.search-results-grid{grid-template-columns:repeat(4,1fr)}}