: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:#333;--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}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)}.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}@media (hover:hover){.author-qq-button:hover{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)}@media (hover:hover){#openFilterBtn:hover{background-color:var(--color-highlight-hover);transform:translateY(-2px)}}#openFilterBtn svg{vertical-align:middle}.container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem}@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}@media (hover:hover){.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.15)}.card img:hover{transform:scale(1.05)}}.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;margin-right:1rem}#toggleViewBtn:active,#resetFiltersBtn:active{background-color:var(--color-highlight-hover)}@media (hover:hover){#toggleViewBtn:hover,#resetFiltersBtn:hover{background-color:var(--color-highlight-hover)}}.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:#fff;margin:10% auto;padding:1rem;border-radius:10px;width:90%;max-width:600px;position:relative;animation:scaleUp 0.3s}@keyframes scaleUp{from{transform:scale(0.7);opacity:0}to{transform:scale(1);opacity:1}}.close-modal-btn{position:absolute;top:0.8rem;right:1rem;font-size:1.5rem;color:#999;cursor:pointer;transition:0.3s}.close-modal-btn:active{color:var(--color-highlight-hover)}@media (hover:hover){.close-modal-btn:hover{color:var(--color-highlight-hover)}}.modal-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.modal-controls select,.modal-controls input{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}@media (hover:hover){.modal-controls select:hover{cursor:pointer}}.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)}.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)}.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 (hover:hover){.float-buttons button:hover{background-color:var(--color-highlight-hover);transform:translateY(-2px)}}#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)}@media (hover:hover){#loadMoreBtn:hover{background:var(--color-highlight-hover);transform:translateY(-2px)}}.select2-container{min-width:150px;width:auto !important;flex-grow:1;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}