:root{--bg-body:linear-gradient(to bottom,#fef5ff,#ffe8f4);--bg-header:linear-gradient(90deg,#ff8ec7,#ffa8a8);--color-header-text:#fff;--color-font:#333;--color-highlight:#ff8ec7;--color-highlight-hover:#ff4c98;--color-card-bg:#fff;--color-card-text:#666;--color-border:#ff8ec7;--color-shadow:rgba(0,0,0,0.1);--color-gift-count-bg:#fff0f5}.gftheme-pastel{--bg-body:#f9f9f9;--bg-header:#ededed;--color-header-text:#2c2c2c;--color-font:#2f2f2f;--color-highlight:#4a4a4a;--color-highlight-hover:#1a1a1a;--color-card-bg:#ffffff;--color-card-text:#333333;--color-border:#e0e0e0;--color-shadow:rgba(0,0,0,0.03);--color-gift-count-bg:#f0f0f0}.gftheme-dark{--bg-body:#121212;--bg-header:#1f1f1f;--color-header-text:#e0e0e0;--color-font:#ffffff;--color-highlight:#ff9800;--color-highlight-hover:#ffc107;--color-card-bg:#1e1e1e;--color-card-text:#b0b0b0;--color-border:#333;--color-shadow:rgba(0,0,0,0.5);--color-gift-count-bg:#2c2f36}*{box-sizing:border-box}body{margin:0;padding:0;font-family:"HarmonyOS Sans SC","Arial",sans-serif;background:var(--bg-body);color:var(--color-font);transition:background 0.3s,color 0.3s}header{background:var(--bg-header);color:var(--color-header-text);text-align:center;padding:1.2rem 2rem;font-size:1.8rem;letter-spacing:1.5px;box-shadow:0 2px 8px var(--color-shadow);font-weight:bold;transition:background 0.3s}.header-content{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto}.logo-title{display:flex;align-items:center;gap:1rem}.site-logo{width:80px;height:80px;border-radius:50%;vertical-align:middle;margin-right:10px;box-shadow:-8px 5px 10px rgba(0,0,0,0.36);cursor:pointer;transition:transform 0.3s}.title-and-button{display:flex;flex-direction:column;justify-content:center;gap:0.5rem}.site-title{font-size:1.8rem;letter-spacing:1.5px}.author-qq-button{display:inline-block;padding:0.4rem 1rem;background-color:#fff;color:var(--color-highlight-hover);border-radius:8px;font-size:0.9rem;text-decoration:none;width:fit-content;box-shadow:0 4px 8px var(--color-shadow);transition:0.3s}.author-qq-button:active{background-color:var(--color-highlight-hover);color:#fff}#openFilterBtn{display:flex;align-items:center;justify-content:center;background-color:var(--color-highlight);border:none;border-radius:8px;padding:0.6rem 0.8rem;cursor:pointer;box-shadow:0 2px 4px var(--color-shadow);transition:background-color 0.3s,transform 0.3s;flex-shrink:0}#openFilterBtn:active{background-color:var(--color-highlight-hover);transform:translateY(0)}#openFilterBtn svg{vertical-align:middle}.container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem}@media (hover:hover){.site-logo:hover{transform:scale(1.05)}.author-qq-button:hover{background-color:var(--color-highlight-hover);color:#fff}#openFilterBtn:hover{background-color:var(--color-highlight-hover);transform:translateY(-2px)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.15)}.card img:hover{transform:scale(1.05)}#toggleViewBtn:hover,#resetFiltersBtn:hover{background-color:var(--color-highlight-hover);transform:translateY(-2px)}#resetFiltersBtn:hover{background-color:#ff5252}.close-modal-btn:hover{color:var(--color-highlight-hover)}.modal-controls select:hover{cursor:pointer}.float-buttons button:hover{background-color:var(--color-highlight-hover);transform:translateY(-2px)}#loadMoreBtn:hover{background:var(--color-highlight-hover);transform:translateY(-2px)}}@media (min-width:768px){.container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width:1024px){.container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.card{background:var(--color-card-bg);border-radius:12px;box-shadow:0 4px 8px var(--color-shadow);overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;border:2px solid var(--color-border);position:relative}.card img{width:100%;object-fit:cover;transition:transform 0.3s;cursor:pointer}.card-content{padding:0.5rem}.gift-name{font-size:1rem;font-weight:bold;color:var(--color-highlight-hover);margin-bottom:0.4rem}.gift-desc{font-size:0.8rem;color:var(--color-card-text);margin-bottom:0.6rem;line-height:1.3}.gift-price{font-size:0.9rem;color:var(--color-highlight);margin-bottom:0.2rem;font-weight:bold}.gift-original-price{font-size:0.7rem;color:#aaa;text-decoration:line-through}footer{text-align:center;padding:1rem;color:#aaa;font-size:0.8rem}#toggleViewBtn,#resetFiltersBtn{padding:0.6rem 1.2rem;background-color:var(--color-highlight);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color 0.3s,transform 0.3s}#toggleViewBtn:active,#resetFiltersBtn:active{background-color:var(--color-highlight-hover)}#resetFiltersBtn{background-color:#ff6b6b}#resetFiltersBtn:active{background-color:#ff5252}.list-view .container{display:flex;flex-direction:column;gap:1rem}.list-view .card{display:flex;flex-direction:row;height:160px}.list-view .card img{width:160px;height:100%}.list-view .card-content{flex:1;display:flex;flex-direction:column;justify-content:center}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);animation:fadeIn 0.3s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background-color:var(--color-card-bg);margin:10% auto;padding:1.5rem;border-radius:12px;width:90%;max-width:500px;position:relative;animation:scaleUp 0.3s;box-shadow:0 8px 24px rgba(0,0,0,0.2)}@keyframes scaleUp{from{transform:scale(0.7);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.8rem;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:1.2rem;color:var(--color-highlight-hover)}.close-modal-btn{font-size:1.8rem;color:#999;cursor:pointer;transition:0.3s;line-height:1;padding:0;background:none;border:none}.close-modal-btn:active{color:var(--color-highlight-hover)}.modal-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.modal-controls select,.modal-controls input[type="text"],.modal-controls input[type="number"]{padding:0.6rem 1rem;border-radius:8px;border:1px solid #ddd;font-size:1rem;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.05);outline:none;transition:0.3s}.modal-controls select:focus,.modal-controls input:focus{border-color:var(--color-highlight);box-shadow:0 0 0 3px rgba(255,142,199,0.2)}.filter-group{width:100%;margin-bottom:0.5rem}.filter-group label{display:block;margin-bottom:0.4rem;font-size:0.9rem;color:var(--color-card-text);font-weight:500}.filter-group select{width:100%}.custom-price-inputs{display:flex;align-items:center;gap:0.5rem;width:100%;margin-top:0.5rem}.custom-price-inputs input{flex:1;min-width:0;padding:0.6rem;border:1px solid #ddd;border-radius:8px;font-size:0.9rem}.price-separator{color:#999;font-weight:bold}.filter-actions{display:flex;flex-wrap:wrap;gap:0.8rem;width:100%;margin-top:0.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.filter-actions button{flex:1 1 auto;min-width:120px}.search-bar-wrapper{background:var(--color-card-bg);box-shadow:0 2px 8px var(--color-shadow);position:sticky;top:0;z-index:100;padding:1rem}.search-bar{padding:0;background:none;box-shadow:none;position:static}.search-bar input[type="text"]{flex:1;min-width:0}.gift-count{font-size:0.9rem;color:var(--color-highlight-hover);padding:0.6rem 1rem;border-radius:8px;background-color:var(--color-gift-count-bg);box-shadow:0 2px 4px rgba(0,0,0,0.05);white-space:nowrap;text-align:center;margin-top:0.8rem}.float-buttons{position:fixed;right:20px;bottom:80px;display:flex;flex-direction:column;gap:10px;z-index:999}.float-buttons button{background-color:var(--color-highlight);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:background-color 0.3s,transform 0.3s}.float-buttons button:active{background-color:var(--color-highlight-hover);transform:translateY(0)}@media (max-width:360px){.filter-actions{flex-direction:column}.filter-actions button{width:100%}}#loadMoreBtn{padding:0.8rem 2rem;background:var(--color-highlight);color:white;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:0.3s;box-shadow:0 4px 8px var(--color-shadow)}#loadMoreBtn:active{background:var(--color-highlight-hover);transform:translateY(0)}.load-more-wrapper{text-align:center;margin:1rem 0 2rem}.select2-container{min-width:150px;width:100% !important;text-align:left}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:0.3s;height:auto;padding:0.6rem 1rem}.select2-container--default.select2-container--open .select2-selection--single,.select2-container--default .select2-selection--single:focus{border-color:var(--color-highlight);box-shadow:0 0 0 3px rgba(255,142,199,0.2);outline:none}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--color-font);line-height:inherit;padding:0}.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;top:50%;transform:translateY(-50%);right:0.5rem}.select2-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);overflow:hidden}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--color-highlight);color:white}.select2-container--open{z-index:10001 !important}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.95);display:flex;justify-content:center;align-items:center;z-index:99999;flex-direction:column;gap:1rem}.loading-overlay.hidden{display:none}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-border);border-top-color:var(--color-highlight);border-radius:50%;animation:spin 0.8s linear infinite}.loading-text{font-size:1rem;color:var(--color-highlight-hover)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}main{min-height:50vh}.gftheme-dark .modal-content{background-color:var(--color-card-bg)}.gftheme-dark .modal-controls select,.gftheme-dark .modal-controls input,.gftheme-dark .custom-price-inputs input{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.gftheme-dark .select2-container--default .select2-selection--single{background-color:#2a2a2a;border-color:#444}.gftheme-dark .select2-dropdown{background-color:#2a2a2a;border-color:#444}.gftheme-dark .select2-container--default .select2-selection--single .select2-selection__rendered{color:#e0e0e0}.gftheme-dark .loading-overlay{background:rgba(18,18,18,0.95)}.search-wrapper{display:flex;align-items:center;gap:0;width:100%;flex:1;min-width:0}.search-wrapper #searchInput{flex:1;border-radius:8px 0 0 8px;border-right:none;padding:0.6rem 1rem;border:1px solid #ddd;font-size:1rem;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.05);outline:none;transition:0.3s}.search-wrapper #searchInput:focus{border-color:var(--color-highlight);box-shadow:0 0 0 3px rgba(255,142,199,0.2)}.search-btn{height:42px;width:50px;border:1px solid #ddd;border-left:none;border-radius:0 8px 8px 0;background:var(--color-highlight);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;flex-shrink:0}.search-btn:active{background:var(--color-highlight-hover);transform:scale(0.95)}.search-btn i{font-size:16px}@media (hover:hover){.search-btn:hover{background:var(--color-highlight-hover);transform:scale(1.05)}}.gftheme-dark .search-wrapper #searchInput{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.gftheme-dark .search-btn{border-color:#444}#openFilterBtn{display:flex;align-items:center;justify-content:center;background-color:var(--color-highlight);border:none;border-radius:8px;padding:0.6rem 0.8rem;cursor:pointer;box-shadow:0 2px 4px var(--color-shadow);transition:background-color 0.3s,transform 0.3s;flex-shrink:0;width:42px;height:42px;color:#fff;font-size:18px}