@charset "UTF-8";.search-page{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:#f8f9fa;padding-bottom:80px}.search-page .header-area{position:sticky;top:0;z-index:20;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px 0;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:12px;width:100%}.search-page .header-area .search-box{display:flex;align-items:center;background:#f0f2f5;border-radius:12px;padding:0 12px;height:48px;transition:box-shadow .2s}.search-page .header-area .search-box:focus-within{background:#fff;box-shadow:0 0 0 2px #007bff}.search-page .header-area .search-box .search-icon{width:20px;height:20px;color:#999;margin-right:8px}.search-page .header-area .search-box .search-icon svg{width:100%;height:100%}.search-page .header-area .search-box .search-input{flex:1;border:none;background:none;font-size:15px;height:100%;outline:none}.search-page .header-area .search-box .search-input::placeholder{color:#aaa}.search-page .header-area .search-box .clear-btn{background:#ccc;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.search-page .header-area .search-box .clear-btn svg{width:14px;height:14px}.search-page .header-area .tags-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.search-page .header-area .tags-scroll::-webkit-scrollbar{display:none}.search-page .header-area .tags-scroll .tag-chip{white-space:nowrap;padding:6px 14px;background:#fff;border:1px solid #ddd;border-radius:20px;font-size:13px;color:#555;font-weight:700;cursor:pointer;transition:.2s}.search-page .header-area .tags-scroll .tag-chip:active{background:#eee;transform:scale(.95)}.search-page .content{padding:16px;flex:1}.search-page .content .grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-auto-rows:min-content}.search-page .content .card{background:#fff;border:none;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a;text-align:left;padding:0;cursor:pointer;transition:transform .15s;display:flex;flex-direction:column}.search-page .content .card:active{transform:scale(.98)}.search-page .content .card .img-wrap{position:relative;width:100%;background:#eee}.search-page .content .card .img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.search-page .content .card .info{padding:10px}.search-page .content .card .info .name{font-size:13px;font-weight:700;margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-page .content .card .info .meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#999}.search-page .content .card.standard .img-wrap{aspect-ratio:1}.search-page .content .card.standard .badge-mini{position:absolute;bottom:6px;right:6px;background:#8b5cf6e6;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.search-page .content .card.featured{grid-column:span 2;flex-direction:row;height:120px}.search-page .content .card.featured .img-wrap{width:40%;height:100%}.search-page .content .card.featured .img-wrap .badge-type{position:absolute;top:6px;left:6px;font-size:10px;padding:2px 6px;border-radius:4px;color:#fff}.search-page .content .card.featured .img-wrap .badge-type.diagnosis{background:#8b5cf6}.search-page .content .card.featured .img-wrap .badge-type.question{background:#10b981}.search-page .content .card.featured .info{flex:1;padding:14px;display:flex;flex-direction:column;justify-content:center}.search-page .content .card.featured .info .featured-label{font-size:10px;color:#007bff;font-weight:800;letter-spacing:1px;margin-bottom:4px}.search-page .content .card.featured .info .name{font-size:15px;margin-bottom:8px}.search-page .no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:60px;color:#888}.search-page .no-data .emoji{font-size:48px;margin-bottom:16px;opacity:.5}.search-page .no-data p{text-align:center;font-size:14px;line-height:1.6;margin-bottom:20px}.search-page .no-data .reset-btn{background:#1f2937;color:#fff;border:none;padding:10px 24px;border-radius:99px;font-weight:700;cursor:pointer}.search-page .skeleton-card{background:#eee;border-radius:16px;aspect-ratio:1;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}