:root{--accent: #c4924a;--accent2: #8b7355;--accent-text: #ddb778;--accent-light: #ddb778;--accent-15: rgba(196, 146, 74, .12);--accent-25: rgba(196, 146, 74, .22);--accent-border: rgba(196, 146, 74, .4);--accent-border-soft: rgba(196, 146, 74, .25);--accent2-12: rgba(139, 115, 85, .1);--accent2-25: rgba(139, 115, 85, .2);--gradient: linear-gradient(135deg, #c4924a, #ddb778);--text-gradient: linear-gradient(135deg, #ecdcbe 0%, #c4924a 55%, #8b6540 100%);--hero-bg-from: #16120c;--modal-glow: rgba(196, 146, 74, .1);--bg: #111318;--bg-card: #191b22;--bg-surface: #1f2130}body{background-color:var(--bg);font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e8e4dd;margin:0;padding:0;line-height:1.65;letter-spacing:.03em}h1,h2,h3,h4,h5,h6,.font-serif{font-family:Libre Baskerville,Noto Sans TC,serif;letter-spacing:.01em}.hito-container{background-color:var(--bg);min-height:100vh;padding-bottom:80px}.hito-hero-section{background:radial-gradient(circle at 50% 50%,var(--hero-bg-from) 0%,var(--bg) 100%);padding:70px 0 50px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.hito-hero-section:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--accent-15) 0%,transparent 70%);top:-10%;left:20%;z-index:0;pointer-events:none}.hito-hero-section:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--accent2-12) 0%,transparent 70%);bottom:-20%;right:15%;z-index:0;pointer-events:none}.text-gradient{background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-navbar{position:sticky;top:0;z-index:1000;background:#111318d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:16px 0;transition:all .3s}.navbar-brand-custom{text-decoration:none;display:flex;align-items:center;gap:10px}.navbar-brand-custom .logo-text{color:#fff;font-size:22px;font-weight:800;letter-spacing:.5px}.navbar-brand-custom .logo-sub{font-size:13px;font-weight:600;color:#9a9590;letter-spacing:.5px;border-left:1px solid rgba(255,255,255,.12);padding-left:10px}.navbar-menu-links .menu-link{color:#9a9590;text-decoration:none;font-size:14px;font-weight:700;transition:all .3s;position:relative;padding:6px 0}.navbar-menu-links .menu-link:hover{color:var(--accent-light)}.navbar-menu-links .menu-link.active{color:var(--accent-text);text-shadow:0 0 10px var(--accent-15)}.navbar-menu-links .menu-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gradient);border-radius:2px}.api-console-inline{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:6px 14px;display:flex;align-items:center;gap:8px}.server-label{font-size:11px;font-weight:700;color:#6e6a65;text-transform:uppercase;letter-spacing:.5px}.api-select-nav{background:transparent;border:none;color:#e8e4dd;font-size:12px;font-weight:700;outline:none;cursor:pointer;padding-right:8px}.api-select-nav option{background:var(--bg);color:#e8e4dd}.indicator-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 8px #10b981;display:inline-block;animation:indicatorPulse 2s infinite}@keyframes indicatorPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1);opacity:1}}.glass-card{background:#191b22cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07);border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;height:100%;display:flex;flex-direction:column;cursor:pointer}.glass-card:hover{transform:translateY(-8px) scale(1.015);border-color:var(--accent-border-soft);box-shadow:0 28px 56px #0000008c,0 0 30px var(--accent-15)}.glass-badge{background:#ffffff12;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#e8e4dd;font-size:11px;font-weight:700;padding:5px 12px;border-radius:30px;text-transform:uppercase;letter-spacing:.5px}.glass-badge.iba{background:linear-gradient(135deg,#c4924a40,#ddb77840);border-color:#c4924a73;color:#ddb778}.glass-badge.hito{background:linear-gradient(135deg,#b45a3247,#d2784647);border-color:#c8643773;color:#e8946a;box-shadow:0 0 10px #b45a322e}.glass-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b0b0ee0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:20px}.glass-modal-content{background:#13141aeb;border:1px solid rgba(255,255,255,.1);border-radius:32px;width:100%;max-width:1050px;max-height:85vh;overflow-y:auto;color:#e8e4dd;box-shadow:0 25px 60px -12px #000c,0 0 50px var(--modal-glow);position:relative;animation:modalScaleUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.glass-close-btn{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#9a9590;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:10}.glass-close-btn:hover{background:#dc3c3c2e;border-color:#dc3c3c59;color:#ef4444;transform:rotate(90deg) scale(1.05)}.glass-nav-tabs{border-bottom:1px solid rgba(255,255,255,.07);display:flex;gap:12px;margin-bottom:24px}.glass-tab-link{color:#9a9590;background:none;border:none;border-bottom:2px solid transparent;padding:12px 20px;font-weight:700;font-size:15px;transition:all .3s;display:flex;align-items:center;gap:6px}.glass-tab-link:hover{color:#e8e4dd}.glass-tab-link.active{color:var(--accent-text);border-bottom-color:var(--accent-text);text-shadow:0 0 12px var(--accent-15)}.flavor-meter-bg{background:#ffffff0f;height:10px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.flavor-meter-fill{height:100%;border-radius:12px;background:var(--gradient);box-shadow:0 0 10px var(--accent-15)}.ingredient-glass-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:14px 18px;transition:all .3s;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#e8e4dd}.ingredient-glass-item:hover{background:#c4924a12;border-color:var(--accent-border-soft);transform:translate(4px);color:#f0ece5}.ai-analysis-box{background:linear-gradient(135deg,var(--accent-15),var(--accent2-12));border:1px solid var(--accent-border-soft);border-radius:20px;padding:24px;position:relative;margin-top:24px}.ai-analysis-box:before{content:"✨ AI 風味剖析";position:absolute;top:-12px;left:24px;background:var(--gradient);font-size:12px;font-weight:800;color:#fff;padding:4px 14px;border-radius:30px;box-shadow:0 4px 10px var(--accent-25)}.skeleton-card{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:#191b2266}.skeleton-image,.skeleton-text{background:linear-gradient(90deg,#ffffff08 25%,#ffffff12,#ffffff08 75%);background-size:200% 100%;animation:loadingSkeleton 1.6s infinite}.skeleton-image{width:100%;height:100%}.skeleton-text{height:16px;margin-bottom:12px;border-radius:8px}@keyframes loadingSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.star-glow{color:#ddb778;text-shadow:0 0 8px rgba(221,183,120,.35)}.search-input-wrapper{position:relative;width:100%}.search-input{background:#0000004d;border:1px solid rgba(255,255,255,.08);color:#f0ece5;border-radius:30px;padding:10px 20px 10px 44px;font-size:14px;font-weight:500;width:100%;outline:none;transition:all .3s}.search-input:focus{border-color:var(--accent-border);box-shadow:0 0 15px var(--accent-15);background:#00000073}.search-icon-inside{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#6e6a65;font-size:16px}.navbar-search-wrap{position:relative;align-items:center}.navbar-search-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:6px 32px;font-size:13px;color:#e8e4dd;width:180px;outline:none;transition:width .3s ease,border-color .2s,background .2s;-webkit-appearance:none}.navbar-search-input::-webkit-search-cancel-button{display:none}.navbar-search-input:focus{width:240px;border-color:#c4924a66;background:#ffffff14}.navbar-search-input::placeholder{color:#6e6a65}.navbar-search-icon{position:absolute;left:11px;font-size:13px;pointer-events:none;line-height:1;top:50%;transform:translateY(-50%)}.navbar-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9a9590;font-size:11px;font-weight:700;cursor:pointer;padding:2px 4px;line-height:1;border-radius:4px;transition:color .15s}.navbar-search-clear:hover{color:#e8e4dd}.glass-footer{border-top:1px solid rgba(255,255,255,.05);background-color:#0d0e11;padding:40px 0;text-align:center;font-size:13px;color:#6e6a65;margin-top:80px}.nav-dropdown-wrapper{position:relative}.nav-dropdown{position:absolute;top:calc(100% + 16px);right:-8px;background:#0e0f13f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:8px;min-width:200px;z-index:500;box-shadow:0 24px 48px #0009,0 0 0 .5px #ffffff0a;display:none}.nav-dropdown:before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}.nav-dropdown-wrapper:hover .nav-dropdown{display:block}.nav-dropdown-divider{height:1px;background:#ffffff0f;margin:6px 8px}.nav-dropdown-footer{display:flex;align-items:center;justify-content:center;padding:8px 12px 4px;font-size:11px;color:#52524e;text-decoration:none;transition:color .15s}.nav-dropdown-footer:hover{color:#9a9590}.card-img-container{position:relative;width:100%;padding-top:110%;overflow:hidden;background-color:#00000040}.card-img-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.glass-card:hover .card-img-container img{transform:scale(1.08)}.card-img-overlay-custom{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(13,14,18,.96) 0%,rgba(13,14,18,.4) 60%,transparent 100%);display:flex;align-items:flex-end;padding:24px;z-index:2}