:root{--color-primary:#8d6e63;--color-primary-light:#f5efe6;--color-primary-dark:#5d4037;--color-accent:#a1887f;--color-bg:#fdfaf6;--color-bg-card:#fff;--color-bg-warm:#f8f2eb;--color-bg-dark:#6d4c41;--color-text:#4e342e;--color-text-light:#795548;--color-text-inverse:#fdfaf6;--color-text-muted:#bcaaa4;--color-border:#e0d5cc;--color-border-light:#ede7e1;--color-tag-veggie:#7cb342;--color-tag-meat:#c62828;--color-tag-staple:#ef6c00;--color-tag-seafood:#0277bd;--color-tag-oven:#d84315;--color-tag-dessert:#ad1457;--color-tag-egg:#f9a825;--color-tag-snack:#6a1b9a;--color-tag-cold:#2e7d32;--color-easy:#558b2f;--color-medium:#e65100;--color-hard:#b71c1c;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 4px #5d40370d;--shadow-md:0 3px 12px #5d403714;--shadow-lg:0 8px 28px #5d40371f;--transition-fast:0.2s ease;--transition-normal:0.3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#fdfaf6;background-color:var(--color-bg);color:#4e342e;color:var(--color-text);font-family:-apple-system,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;line-height:1.7}a{color:#5d4037;color:var(--color-primary-dark);text-decoration:none}a:hover{color:#8d6e63;color:var(--color-primary)}button{border:none;cursor:pointer;font-family:inherit;font-size:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#fdfaf6;background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#e0d5cc;background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1887f;background:var(--color-accent)}.main-layout{display:flex;min-height:calc(100vh - 125px)}.recipe-content{flex:1 1;max-width:880px;padding:1.5rem 2rem}.category-section{margin-bottom:2.5rem}.category-title{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-primary);display:flex;font-size:1.2rem;font-weight:400;gap:.5rem;letter-spacing:1px;margin-bottom:1rem;padding-bottom:.7rem}.category-emoji{font-size:1.3rem}.category-count{color:var(--color-text-muted);font-size:.8rem;font-weight:400}.recipe-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:.6rem;overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.recipe-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.recipe-card.expanded{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.recipe-card-main{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:.7rem 1rem;transition:background var(--transition-fast)}.recipe-card-main:hover{background:var(--color-bg-warm)}.recipe-card-image{border-radius:var(--radius-sm);flex-shrink:0;height:60px;overflow:hidden;width:60px}.recipe-image-placeholder{align-items:center;background:var(--color-primary-light);display:flex;font-size:1.6rem;height:100%;justify-content:center;width:100%}.recipe-img{height:100%;object-fit:cover;width:100%}.recipe-card-info{flex:1 1;min-width:0}.recipe-name{font-size:1rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem}.recipe-name-sub{color:var(--color-text-muted);font-size:.78rem;font-weight:400;margin-left:.5rem}.recipe-meta{display:flex;flex-wrap:wrap;gap:.35rem}.tag{border-radius:3px;display:inline-block;font-size:.7rem;letter-spacing:.3px;padding:.12rem .55rem}.tag-difficulty{font-weight:500}.tag-easy{background:#e8f5e9;color:#33691e}.tag-medium{background:#fff3e0;color:#bf360c}.tag-hard{background:#ffebee;color:#b71c1c}.tag-custom{background:var(--color-primary-light);color:var(--color-primary)}.recipe-card-arrow{color:var(--color-text-muted);flex-shrink:0;font-size:.65rem;transition:transform var(--transition-fast)}.recipe-card-arrow.rotated{transform:rotate(180deg)}.recipe-detail{animation:detailFadeIn .35s ease;background:var(--color-bg);border-top:1px solid var(--color-border-light);padding:1.2rem 1.5rem 1.5rem}@keyframes detailFadeIn{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.detail-section{margin-bottom:1.2rem}.detail-section:last-child{margin-bottom:0}.detail-title{color:var(--color-primary);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem}.ingredient-list{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none}.ingredient-list li{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:3px;color:var(--color-text-light);font-size:.82rem;padding:.25rem .7rem}.step-list{padding-left:1.2rem}.step-list li{color:var(--color-text);font-size:.88rem;line-height:1.8;margin-bottom:.4rem}.no-steps{color:var(--color-text-muted);font-size:.88rem;font-style:italic}.detail-tips{background:var(--color-bg-warm);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);padding:.8rem 1rem}.detail-tips p{color:var(--color-text-light);font-size:.85rem;line-height:1.7}.no-results{padding:4rem 2rem;text-align:center}.no-results-emoji{display:block;font-size:2.5rem;margin-bottom:1rem}.no-results p{color:var(--color-text-muted);font-size:1rem}.loading-state{padding:4rem 2rem;text-align:center}.loading-emoji{animation:gentlePulse 2s ease infinite;display:block;font-size:2.5rem;margin-bottom:1rem}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.4}}.admin-bar{align-items:center;background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.7rem 1rem}.admin-welcome{color:var(--color-text-light);font-size:.85rem}.admin-add-btn{background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:.85rem;font-weight:500;letter-spacing:.5px;padding:.45rem 1.1rem;transition:background var(--transition-fast)}.admin-add-btn:hover{background:var(--color-primary-dark)}.admin-actions{display:flex;flex-shrink:0;gap:.3rem}.admin-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:50%;display:flex;font-size:.8rem;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.admin-edit-btn:hover{background:#efebe9;border-color:var(--color-accent)}.admin-delete-btn:hover{background:#ffebee;border-color:#ef5350}.app-footer{color:var(--color-text-muted);font-size:.85rem;letter-spacing:.5px;padding:2.5rem;text-align:center}@media (max-width:768px){.recipe-content{padding:1rem}.category-title{font-size:1rem}.recipe-card-image{height:70px;width:70px}.recipe-card-main{gap:.6rem;padding:.5rem .7rem}.recipe-name{font-size:.9rem}.recipe-name-sub{display:block;margin-left:0;margin-top:.1rem}.recipe-detail{padding:.8rem 1rem 1rem}}.header{color:var(--color-text);position:relative}.header:before{background-image:var(--header-bg);background-position:center 70%;background-repeat:no-repeat;background-size:cover}.header:after,.header:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.header:after{background:#fffcf580}.header-top{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:3.5rem 2rem 3rem;position:relative;z-index:1}.header-title-group{flex:1 1;text-align:center}.header-title{font-size:2.8rem;font-weight:600;letter-spacing:6px;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fffc,0 0 60px #ffffff80}.header-slogan,.header-title{color:var(--color-primary-dark)}.header-slogan{font-size:1.05rem;letter-spacing:3px;margin-top:.5rem;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #ffffffb3}.header-actions{display:flex;flex-shrink:0;gap:.6rem}.header-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffa6;border:1px solid #5d403726;border-radius:var(--radius-sm);color:var(--color-primary);font-size:.85rem;padding:.45rem .9rem;transition:all var(--transition-fast)}.header-btn:hover{background:#ffffffd9;border-color:#5d40374d}.lang-toggle{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-text-inverse);font-weight:500;letter-spacing:.5px;padding:.45rem 1.2rem}.lang-toggle:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.header-recipe-count{border-top:1px solid #5d403733;color:var(--color-primary-dark);font-size:.85rem;letter-spacing:1px;padding:.5rem;position:relative;text-align:center;text-shadow:0 0 10px #fff,0 0 20px #ffffffe6;z-index:1}.header-menu-btn{display:none}@media (max-width:768px){.header-top{align-items:center;flex-direction:column;gap:.8rem;padding:2rem 1rem 1.5rem}.header-title{font-size:1.8rem;letter-spacing:3px;white-space:nowrap}.header-slogan{font-size:.8rem;letter-spacing:1.5px;white-space:nowrap}.header-actions{gap:.4rem;position:absolute;right:.8rem;top:.8rem}.header-btn{font-size:.75rem;padding:.35rem .6rem}.lang-toggle{padding:.35rem .8rem}.header-menu-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #5d403726;border-radius:var(--radius-sm);box-shadow:0 3px 12px #5d40371a;display:flex;flex-direction:column;gap:4px;height:38px;justify-content:center;left:.8rem;padding:8px;position:fixed;top:.8rem;width:38px;z-index:998}.header-menu-btn:hover{background:#fffc}.hamburger-line{background:var(--color-primary);border-radius:1px;display:block;height:1.5px;width:16px}.header-recipe-count{font-size:.75rem;letter-spacing:.5px;padding:.4rem 1rem}}.filter-bar{align-items:center;background:var(--color-bg-warm);border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:.6rem;padding:.7rem 1.5rem}.filter-item{position:relative}.filter-ingredient{flex:1 1;max-width:220px;min-width:140px}.filter-search{margin-left:auto;max-width:180px;min-width:130px}.filter-input{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:.82rem;outline:none;padding:.45rem .7rem .45rem 1.8rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.filter-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #a1887f26}.filter-input::placeholder{color:var(--color-text-muted)}.filter-icon{font-size:.8rem;left:.5rem;pointer-events:none}.filter-clear-btn,.filter-icon{position:absolute;top:50%;transform:translateY(-50%)}.filter-clear-btn{align-items:center;background:var(--color-border);border-radius:50%;color:var(--color-text-light);display:flex;font-size:.6rem;height:18px;justify-content:center;right:.3rem;transition:all var(--transition-fast);width:18px}.filter-clear-btn:hover{background:var(--color-primary);color:var(--color-text-inverse)}.filter-select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-family:inherit;font-size:.82rem;min-width:110px;outline:none;padding:.45rem .7rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #a1887f26}@media (max-width:768px){.filter-bar{flex-wrap:wrap;gap:.4rem;padding:.5rem .8rem}.filter-bar>:nth-child(2),.filter-bar>:nth-child(3){flex:1 1 45%;order:-1}.filter-ingredient,.filter-search{flex:1 1 45%;max-width:none}.filter-search{margin-left:0}.filter-select{min-width:0;width:100%}}.sidebar{background:var(--color-bg-card);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 125px);overflow-y:auto;position:sticky;top:0;width:195px}.sidebar-mobile-header{display:none}.sidebar-nav{flex:1 1;padding:.6rem 0}.sidebar-item{align-items:center;background:none;border-left:3px solid #0000;color:var(--color-text-light);display:flex;font-size:.85rem;justify-content:space-between;padding:.55rem .9rem;transition:all var(--transition-fast);width:100%}.sidebar-item:hover{background:var(--color-primary-light);color:var(--color-text)}.sidebar-item.active{background:var(--color-primary-light);border-left-color:var(--color-primary);color:var(--color-primary);font-weight:600}.sidebar-item-label{align-items:center;display:flex;gap:.45rem}.sidebar-item-emoji{font-size:1rem}.sidebar-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-count{background:var(--color-border-light);border-radius:8px;color:var(--color-text-light);font-size:.7rem;min-width:1.3rem;padding:.1rem .45rem;text-align:center}.sidebar-item.active .sidebar-item-count{background:var(--color-primary);color:var(--color-text-inverse)}.sidebar-footer{border-top:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:.8rem;padding:.8rem;text-align:center}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar{box-shadow:var(--shadow-lg);height:100vh;left:-280px;position:fixed;top:0;transition:left var(--transition-normal);width:250px;z-index:1000}.sidebar.open{left:0}.sidebar-mobile-header{align-items:center;background:var(--color-bg-dark);border-bottom:1px solid var(--color-border-light);color:var(--color-text-inverse);display:flex;justify-content:space-between;padding:1rem}.sidebar-mobile-title{font-size:1rem;font-weight:500;letter-spacing:1px}.sidebar-close-btn{align-items:center;background:#ffffff1f;border-radius:50%;color:var(--color-text-inverse);display:flex;font-size:.9rem;height:30px;justify-content:center;transition:background var(--transition-fast);width:30px}.sidebar-close-btn:hover{background:#ffffff40}.sidebar-overlay{background:#3e272380;display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}}.form-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:2000}.form-modal{animation:modalSlideIn .3s ease;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.form-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.2rem 1.5rem}.form-header h2{color:var(--color-primary-dark);font-size:1.2rem}.form-close-btn{align-items:center;background:var(--color-border);border-radius:50%;color:var(--color-text-light);display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.form-close-btn:hover{background:var(--color-primary);color:#fff}.form-body{flex:1 1;overflow-y:auto;padding:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-field{flex:1 1;margin-bottom:.8rem}.form-label{color:var(--color-text);display:block;font-size:.85rem;font-weight:500;margin-bottom:.3rem}.form-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem;outline:none;padding:.5rem .8rem;transition:border-color var(--transition-fast);width:100%}.form-input:focus{border-color:var(--color-primary)}.form-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:.9rem;outline:none;padding:.5rem .8rem;width:100%}.form-select:focus{border-color:var(--color-primary)}.form-textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:.9rem;line-height:1.5;outline:none;padding:.5rem .8rem;resize:vertical;transition:border-color var(--transition-fast);width:100%}.form-textarea:focus{border-color:var(--color-primary)}.form-image-upload{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.form-file-input{display:none}.form-file-label{background:var(--color-bg-warm);border:1px dashed var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary-dark);cursor:pointer;display:inline-block;font-size:.85rem;padding:.5rem 1.2rem;transition:all var(--transition-fast)}.form-file-label:hover{background:var(--color-primary-light)}.form-image-preview{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:80px;overflow:hidden;width:80px}.form-image-preview img{height:100%;object-fit:cover;width:100%}.form-footer{border-top:1px solid var(--color-border);display:flex;gap:.8rem;justify-content:flex-end;padding:1rem 1.5rem}.form-btn{border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all var(--transition-fast)}.form-btn:disabled{cursor:not-allowed;opacity:.5}.form-btn-cancel{background:var(--color-border);color:var(--color-text)}.form-btn-cancel:hover:not(:disabled){background:var(--color-text-light);color:#fff}.form-btn-save{background:var(--color-primary);color:#fff}.form-btn-save:hover:not(:disabled){background:var(--color-primary-dark)}@media (max-width:768px){.form-modal{max-height:95vh}.form-body{padding:1rem}.form-row{flex-direction:column;gap:0}}.ai-fab{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ffa07a);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #ff6b6b66;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:56px;z-index:1000}.ai-fab:hover{box-shadow:0 6px 20px #ff6b6b80;transform:scale(1.1)}.ai-panel{animation:ai-slideUp .3s ease;background:#fff;border-radius:16px;bottom:96px;box-shadow:0 8px 32px #0000001f;max-height:520px;overflow-y:auto;padding:20px;position:fixed;right:24px;width:380px;z-index:999}@keyframes ai-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-panel-header h3{color:#333;font-size:18px;margin:0 0 4px}.ai-subtitle{color:#999;font-size:13px;margin:0 0 14px}.ai-quick-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ai-tag{background:#fafafa;border:1px solid #eee;border-radius:16px;color:#666;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.ai-tag:hover{background:#fff3f0;border-color:#ffa07a;color:#ff6b6b}.ai-input-area{display:flex;gap:8px;margin-bottom:14px}.ai-input-area input{border:1px solid #e0e0e0;border-radius:10px;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.ai-input-area input:focus{border-color:#ffa07a}.ai-send-btn{background:linear-gradient(135deg,#ff6b6b,#ffa07a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:opacity .2s;white-space:nowrap}.ai-send-btn:disabled{cursor:not-allowed;opacity:.5}.ai-error{background:#fff5f5;border-radius:8px;color:#e53e3e;font-size:13px;margin-bottom:12px;padding:10px}.ai-message{background:#f8f9fa;border-radius:10px;color:#555;font-size:14px;line-height:1.6;margin-bottom:12px;padding:10px 12px}.ai-recommendations{display:flex;flex-direction:column;gap:10px}.ai-rec-card{background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.ai-rec-card:hover{border-color:#ffa07a;box-shadow:0 2px 8px #ffa07a33}.ai-rec-img{border-radius:8px;flex-shrink:0;height:64px;object-fit:cover;width:64px}.ai-rec-info h4{color:#333;font-size:15px;margin:0 0 4px}.ai-rec-reason{color:#888;font-size:13px;line-height:1.4;margin:0}.recipe-card.ai-highlighted{animation:ai-highlight-pulse 2s ease}@keyframes ai-highlight-pulse{0%,to{box-shadow:none}15%,85%{box-shadow:0 0 0 3px #ffa07a99}}@media (max-width:480px){.ai-panel{bottom:88px;left:12px;max-height:60vh;right:12px;width:auto}.ai-fab{bottom:16px;font-size:20px;height:48px;right:16px;width:48px}}
/*# sourceMappingURL=main.b289b479.css.map*/