*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{margin:0;padding:0;width:100%;min-height:100vh;display:flex;flex-direction:column}button:focus,button:focus-visible{outline:none}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-v-77daecd1]{box-sizing:border-box}.calculator-wrapper[data-v-77daecd1]{width:100%;min-height:100vh;background:linear-gradient(135deg,#fdfcfb,#e2ebf0);display:flex;align-items:center;justify-content:center;padding:32px 16px}.calculator-container[data-v-77daecd1]{width:100%;max-width:640px;display:flex;flex-direction:column;gap:20px}.calculator-card[data-v-77daecd1]{background:#fffffff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:26px;border:1px solid rgba(226,232,240,.8);box-shadow:0 25px 60px #0f172a14,0 8px 20px #206e500a;position:relative}.calculator-card>.header-section[data-v-77daecd1]{border-radius:28px 28px 0 0;overflow:hidden}.header-section[data-v-77daecd1]{text-align:center;padding:36px 28px 32px;background:linear-gradient(135deg,#27ae60,#11998e);position:relative;overflow:hidden}.header-section[data-v-77daecd1]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.main-title[data-v-77daecd1]{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:.5px;position:relative}.subtitle[data-v-77daecd1]{font-size:14px;color:#ffffffd9;margin:0;font-weight:400;letter-spacing:1.2px;position:relative}.content-section[data-v-77daecd1]{padding:28px 28px 32px;position:relative;z-index:1}.food-section[data-v-77daecd1]{margin-bottom:24px;position:relative;z-index:2}.food-section[data-v-77daecd1]:has(.control-item.active){z-index:10}.section-header[data-v-77daecd1]{margin-bottom:14px;text-align:center}.label-badge[data-v-77daecd1]{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,#27ae6026,#16a08526);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#27ae60;border-radius:11px;font-size:13px;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 8px #27ae6026,inset 0 1px #ffffff80,0 0 0 1px #27ae601a;border:1px solid rgba(39,174,96,.2)}.label-badge.target[data-v-77daecd1]{background:linear-gradient(135deg,#f093fb26,#f5576c26);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#f5576c;box-shadow:0 2px 8px #f5576c26,inset 0 1px #ffffff80,0 0 0 1px #f5576c1a;border:1px solid rgba(245,87,108,.2)}.controls-group[data-v-77daecd1]{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.control-row[data-v-77daecd1]{display:flex;gap:10px;align-items:flex-start}.control-row>.control-item[data-v-77daecd1]:first-child{flex:1.5;min-width:0}.control-row>.control-item.input-item[data-v-77daecd1]{flex:1.2;min-width:0}.target-section .control-row>.control-item[data-v-77daecd1]:first-child{flex:1;min-width:0}.target-section .control-row>.control-item[data-v-77daecd1]:not(.input-item):not(:first-child){flex:1;min-width:0}.control-item[data-v-77daecd1]{position:relative;background:#fdfdfd;border-radius:14px;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid #edf1f4;z-index:1;box-shadow:0 10px 20px #0f172a0a}.control-item[data-v-77daecd1]:hover{background:#fff;border-color:#27ae6040;box-shadow:0 12px 24px #27ae6014;transform:translateY(-1px)}.control-item.input-item[data-v-77daecd1]{cursor:default;z-index:1}.control-item.input-item[data-v-77daecd1]:hover{transform:none;background:#f8f9fa;border-color:transparent;box-shadow:none}.control-item.need-attention[data-v-77daecd1]{animation:pulseAttention-77daecd1 2s ease-in-out infinite;border-color:#ff950066;background:#ff95000d}@keyframes pulseAttention-77daecd1{0%,to{border-color:#ff950066;box-shadow:0 0 #ff950066}50%{border-color:#ff950099;box-shadow:0 0 0 4px #ff95001a}}.control-item.active[data-v-77daecd1]{z-index:50}.control-content[data-v-77daecd1]{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.control-label[data-v-77daecd1]{font-size:12px;color:#6b7280;font-weight:500;letter-spacing:.2px;white-space:nowrap;flex-shrink:0}.control-value[data-v-77daecd1]{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#1d1d1f;font-weight:500;flex:1;min-width:0}.placeholder[data-v-77daecd1]{color:#c7c7cc}.value-text[data-v-77daecd1]{color:#1d1d1f;font-weight:600}.arrow-icon[data-v-77daecd1]{width:18px;height:18px;color:#8e8e93;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.arrow-icon.open[data-v-77daecd1]{transform:rotate(180deg)}.dropdown-menu[data-v-77daecd1]{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 14px 36px #0f172a2e,0 0 1px #0f172a14;z-index:1000;overflow:hidden;animation:dropdownFadeIn-77daecd1 .22s cubic-bezier(.4,0,.2,1);max-height:280px;overflow-y:auto}.dropdown-menu.scrollable[data-v-77daecd1]{max-height:280px}@keyframes dropdownFadeIn-77daecd1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-77daecd1]{padding:12px 16px;font-size:14px;color:#1d1d1f;transition:all .2s ease;cursor:pointer;font-weight:500}.dropdown-item[data-v-77daecd1]:hover{background:linear-gradient(90deg,#27ae6014,#16a08514);color:#27ae60}.dropdown-item[data-v-77daecd1]:active{background:linear-gradient(90deg,#27ae6026,#16a08526)}.input-wrapper[data-v-77daecd1]{position:relative;display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.weight-input[data-v-77daecd1]{flex:1;border:none;background:transparent;font-size:15px;color:#1d1d1f;font-weight:600;outline:none;padding:0;text-align:right;min-width:52px;width:100%;max-width:100%}.weight-input[data-v-77daecd1]::placeholder{color:#c7c7cc;font-weight:500}.weight-input[data-v-77daecd1]::-webkit-outer-spin-button,.weight-input[data-v-77daecd1]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit[data-v-77daecd1]{font-size:14px;color:#8e8e93;font-weight:500;margin-left:6px;flex-shrink:0}.divider-section[data-v-77daecd1]{display:flex;align-items:center;gap:12px;margin:24px 0;position:relative;z-index:1}.divider-line[data-v-77daecd1]{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,#d4d8dd 50%,transparent 100%)}.convert-icon[data-v-77daecd1]{width:36px;height:36px;background:linear-gradient(135deg,#27ae60,#16a085);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #27ae604d;animation:pulse-77daecd1 2s cubic-bezier(.4,0,.6,1) infinite;position:relative;z-index:1}@keyframes pulse-77daecd1{0%,to{box-shadow:0 4px 12px #27ae604d}50%{box-shadow:0 4px 20px #27ae6080}}.convert-icon svg[data-v-77daecd1]{width:20px;height:20px;color:#fff}.friendly-tip[data-v-77daecd1]{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-top:14px;background:#ff950014;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,149,0,.2);border-radius:12px;color:#ff9500;font-size:13px;font-weight:500;animation:tipSlideIn-77daecd1 .4s cubic-bezier(.4,0,.2,1)}.tip-icon[data-v-77daecd1]{width:20px;height:20px;flex-shrink:0;color:#ff9500}.tip-fade-enter-active[data-v-77daecd1],.tip-fade-leave-active[data-v-77daecd1]{transition:all .3s cubic-bezier(.4,0,.2,1)}.tip-fade-enter-from[data-v-77daecd1],.tip-fade-leave-to[data-v-77daecd1]{opacity:0;transform:translateY(-10px)}@keyframes tipSlideIn-77daecd1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.usage-notes[data-v-77daecd1]{margin-top:18px;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(39,174,96,.15);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #27ae601a}.notes-header[data-v-77daecd1]{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#27ae6014,#16a08514);color:#27ae60;font-size:15px;font-weight:600;letter-spacing:.3px}.info-icon[data-v-77daecd1]{width:20px;height:20px;flex-shrink:0;color:#27ae60}.notes-content[data-v-77daecd1]{padding:18px 20px;display:flex;flex-direction:column;gap:12px}.note-item[data-v-77daecd1]{display:flex;gap:8px;font-size:14px;line-height:1.5;color:#1d1d1f}.note-label[data-v-77daecd1]{font-weight:600;color:#27ae60;flex-shrink:0;min-width:40px}.note-tip[data-v-77daecd1]{padding:12px 16px;background:#27ae600f;border-radius:12px;font-size:13px;color:red;font-weight:500;line-height:1.5;border-left:3px solid #27ae60}.note-footer[data-v-77daecd1]{margin-top:8px;padding:14px 16px;background:#ff95000f;border-radius:12px;font-size:13px;color:#d69e2e;line-height:1.6;border-left:3px solid #ff9500}.calculate-button[data-v-77daecd1]{width:100%;min-height:52px;height:auto;padding:14px 18px;background:linear-gradient(135deg,#27ae60,#1e9d76);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 26px #27ae6040,inset 0 1px #ffffff2e;margin-top:20px;position:relative;overflow:hidden;z-index:1;text-align:center;line-height:1.3}.result-panel[data-v-77daecd1]{margin-top:16px;padding:18px 18px 16px;border-radius:16px;background:linear-gradient(135deg,#27ae6014,#16a08514);border:1px solid rgba(39,174,96,.15);box-shadow:0 10px 30px #27ae601f;display:flex;flex-direction:column;gap:14px}.result-panel__header[data-v-77daecd1]{display:flex;align-items:center;justify-content:space-between;color:#1f2933}.result-title[data-v-77daecd1]{font-size:15px;font-weight:700}.result-subtitle[data-v-77daecd1]{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#1f2933b3}.result-panel__content[data-v-77daecd1]{display:flex;align-items:center;gap:12px}.result-block[data-v-77daecd1]{flex:1;background:#fff;border-radius:12px;padding:12px 14px;border:1px solid rgba(15,23,42,.04);box-shadow:inset 0 1px #fff9;display:flex;flex-direction:column;gap:6px}.result-block.highlight[data-v-77daecd1]{background:linear-gradient(135deg,#27ae6026,#16a08526);border-color:#27ae604d}.result-block.highlight .result-label[data-v-77daecd1]{color:#0f9d58}.result-label[data-v-77daecd1]{font-size:12px;color:#6b7280;font-weight:500}.result-weight[data-v-77daecd1]{font-size:20px;font-weight:700;color:#111827}.result-block.highlight .result-weight[data-v-77daecd1]{color:#0b8a5b}.result-arrow[data-v-77daecd1]{width:42px;height:42px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(39,174,96,.2);display:flex;align-items:center;justify-content:center;color:#27ae60;box-shadow:0 6px 16px #27ae6033}.result-arrow svg[data-v-77daecd1]{width:22px;height:22px}.result-panel__note[data-v-77daecd1]{font-size:13px;color:#111827cc;padding:10px 12px;background:#fff9;border-radius:10px}.result-fade-enter-active[data-v-77daecd1],.result-fade-leave-active[data-v-77daecd1]{transition:all .3s ease}.result-fade-enter-from[data-v-77daecd1],.result-fade-leave-to[data-v-77daecd1]{opacity:0;transform:translateY(-6px)}.calculate-button[data-v-77daecd1]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.calculate-button[data-v-77daecd1]:hover:not(.disabled){transform:translateY(-2px);background:#27ae60f2;box-shadow:0 12px 32px #27ae6059,inset 0 1px #ffffff4d}.calculate-button[data-v-77daecd1]:hover:not(.disabled):before{left:100%}.calculate-button[data-v-77daecd1]:active:not(.disabled){transform:translateY(0);box-shadow:0 6px 20px #27ae6059}.calculate-button.active[data-v-77daecd1]{animation:calculating-77daecd1 1s ease-in-out}@keyframes calculating-77daecd1{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.calculate-button.disabled[data-v-77daecd1]{opacity:.5;cursor:not-allowed;box-shadow:0 4px 12px #27ae6033}.button-icon[data-v-77daecd1]{width:20px;height:20px;transition:transform .3s ease}.calculate-button:hover:not(.disabled) .button-icon[data-v-77daecd1]{transform:translate(3px)}@media screen and (max-width: 768px){.calculator-wrapper[data-v-77daecd1]{padding:0;min-height:100vh}.calculator-container[data-v-77daecd1]{max-width:100%}.calculator-card[data-v-77daecd1]{border-radius:0;box-shadow:none;min-height:100vh}.calculator-card>.header-section[data-v-77daecd1]{border-radius:0}.header-section[data-v-77daecd1]{padding:28px 16px 24px}.main-title[data-v-77daecd1]{font-size:20px;letter-spacing:.3px}.subtitle[data-v-77daecd1]{font-size:12px;letter-spacing:1px}.content-section[data-v-77daecd1]{padding:20px 16px 24px}.food-section[data-v-77daecd1]{margin-bottom:20px}.section-header[data-v-77daecd1]{margin-bottom:12px}.label-badge[data-v-77daecd1]{padding:6px 12px;font-size:13px}.controls-group[data-v-77daecd1]{gap:10px}.control-row[data-v-77daecd1]{display:flex;gap:10px;width:100%}.control-row>.control-item[data-v-77daecd1]:first-child{flex:1.3!important;min-width:0}.control-row>.control-item.input-item[data-v-77daecd1]{flex:1.4!important;min-width:0}.target-section .control-row>.control-item[data-v-77daecd1]:first-child{flex:1!important;min-width:0}.target-section .control-row>.control-item[data-v-77daecd1]:not(.input-item):not(:first-child){flex:1!important;min-width:0}.control-value[data-v-77daecd1]{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.control-item[data-v-77daecd1]{padding:12px 14px;border-radius:12px}.control-content[data-v-77daecd1]{gap:10px}.control-label[data-v-77daecd1]{font-size:12px}.control-value[data-v-77daecd1]{font-size:14px}.arrow-icon[data-v-77daecd1]{width:18px;height:18px}.dropdown-item[data-v-77daecd1]{padding:12px 14px;font-size:14px}.input-wrapper[data-v-77daecd1]{flex:1;min-width:80px;overflow:hidden}.weight-input[data-v-77daecd1]{font-size:14px;min-width:50px;width:100%}.unit[data-v-77daecd1]{font-size:13px;margin-left:4px}.divider-section[data-v-77daecd1]{margin:20px 0}.convert-icon[data-v-77daecd1]{width:36px;height:36px}.convert-icon svg[data-v-77daecd1]{width:18px;height:18px}.calculate-button[data-v-77daecd1]{min-height:48px;padding:14px 16px;font-size:15px;margin-top:20px;border-radius:14px}.button-icon[data-v-77daecd1]{width:18px;height:18px}.friendly-tip[data-v-77daecd1]{padding:12px 14px;font-size:13px;margin-top:12px}.tip-icon[data-v-77daecd1]{width:18px;height:18px}.usage-notes[data-v-77daecd1]{margin-top:16px;border-radius:16px}.notes-header[data-v-77daecd1]{padding:14px 16px;font-size:14px}.info-icon[data-v-77daecd1]{width:18px;height:18px}.notes-content[data-v-77daecd1]{padding:16px;gap:10px}.note-item[data-v-77daecd1]{font-size:13px}.note-label[data-v-77daecd1]{min-width:36px}.note-tip[data-v-77daecd1]{padding:10px 14px;font-size:12px}.note-footer[data-v-77daecd1]{padding:12px 14px;font-size:12px}.result-panel[data-v-77daecd1]{padding:14px;gap:10px}.result-panel__content[data-v-77daecd1]{flex-direction:column}.result-arrow[data-v-77daecd1]{width:32px;height:32px}.result-weight[data-v-77daecd1]{font-size:18px}}@media screen and (max-width: 480px){.header-section[data-v-77daecd1]{padding:24px 12px 20px}.main-title[data-v-77daecd1]{font-size:18px;letter-spacing:.2px}.subtitle[data-v-77daecd1]{font-size:11px;letter-spacing:.8px}.content-section[data-v-77daecd1]{padding:16px 12px 20px}.food-section[data-v-77daecd1]{margin-bottom:16px}.section-header[data-v-77daecd1]{margin-bottom:10px}.label-badge[data-v-77daecd1]{padding:5px 10px;font-size:12px}.controls-group[data-v-77daecd1]{gap:8px}.control-row[data-v-77daecd1]{display:flex;gap:8px;width:100%}.control-row>.control-item[data-v-77daecd1]:first-child{flex:1.2!important;min-width:0}.control-row>.control-item.input-item[data-v-77daecd1]{flex:1.5!important;min-width:0}.target-section .control-row>.control-item[data-v-77daecd1]:first-child{flex:1!important;min-width:0}.target-section .control-row>.control-item[data-v-77daecd1]:not(.input-item):not(:first-child){flex:1!important;min-width:0}.control-value[data-v-77daecd1]{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.control-item[data-v-77daecd1]{padding:10px 12px}.control-content[data-v-77daecd1]{gap:8px}.control-label[data-v-77daecd1]{font-size:11px}.control-value[data-v-77daecd1]{font-size:13px}.arrow-icon[data-v-77daecd1]{width:16px;height:16px}.input-wrapper[data-v-77daecd1]{flex:1;min-width:70px;overflow:hidden}.weight-input[data-v-77daecd1]{font-size:13px;min-width:45px;width:100%}.unit[data-v-77daecd1]{font-size:12px;margin-left:4px}.divider-section[data-v-77daecd1]{margin:16px 0}.convert-icon[data-v-77daecd1]{width:32px;height:32px}.convert-icon svg[data-v-77daecd1]{width:16px;height:16px}.calculate-button[data-v-77daecd1]{min-height:44px;padding:12px 14px;font-size:14px;margin-top:16px}.friendly-tip[data-v-77daecd1]{padding:10px 12px;font-size:12px;margin-top:10px}.tip-icon[data-v-77daecd1]{width:16px;height:16px}.usage-notes[data-v-77daecd1]{margin-top:14px;border-radius:14px}.notes-header[data-v-77daecd1]{padding:12px 14px;font-size:13px}.info-icon[data-v-77daecd1]{width:16px;height:16px}.notes-content[data-v-77daecd1]{padding:14px;gap:8px}.note-item[data-v-77daecd1]{font-size:12px}.note-label[data-v-77daecd1]{min-width:32px}.note-tip[data-v-77daecd1]{padding:8px 12px;font-size:11px}.note-footer[data-v-77daecd1]{padding:10px 12px;font-size:11px}}@media screen and (min-width: 769px) and (max-width: 1024px){.calculator-container[data-v-77daecd1]{max-width:720px}}.dropdown-menu[data-v-77daecd1]::-webkit-scrollbar{width:6px}.dropdown-menu[data-v-77daecd1]::-webkit-scrollbar-track{background:transparent}.dropdown-menu[data-v-77daecd1]::-webkit-scrollbar-thumb{background:#d1d1d6;border-radius:3px}.dropdown-menu[data-v-77daecd1]::-webkit-scrollbar-thumb:hover{background:#aeaeb2}.header[data-v-a1c3bce0]{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.top-bar[data-v-a1c3bce0]{background:#2c3e50;color:#fff;padding:8px 0;font-size:12px}.container[data-v-a1c3bce0]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.welcome-text[data-v-a1c3bce0]{font-size:12px}.user-actions[data-v-a1c3bce0]{display:flex;gap:15px;align-items:center}.greeting[data-v-a1c3bce0]{color:#ffffffe6}.link[data-v-a1c3bce0]{color:#fff;text-decoration:none;transition:color .3s}.link[data-v-a1c3bce0]:hover{color:#4a9eff}.main-nav[data-v-a1c3bce0]{background:#16a085;padding:15px 0}.nav-left[data-v-a1c3bce0]{display:flex;align-items:center;gap:30px}.logo[data-v-a1c3bce0]{display:flex;align-items:center;gap:10px}.logo-icon[data-v-a1c3bce0]{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.logo-image[data-v-a1c3bce0]{width:100%;height:100%;object-fit:contain}.logo-text[data-v-a1c3bce0]{color:#fff}.logo-name[data-v-a1c3bce0]{font-size:18px;font-weight:700;color:#fff}.logo-subtitle[data-v-a1c3bce0]{font-size:12px;color:#ffffffe6}.nav-menu[data-v-a1c3bce0]{display:flex;gap:20px}.nav-item[data-v-a1c3bce0]{color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;transition:all .3s;font-size:14px}.nav-item[data-v-a1c3bce0]:hover,.nav-item.active[data-v-a1c3bce0]{background:#fff3}.nav-right[data-v-a1c3bce0]{display:flex;align-items:center;gap:20px}.search-box[data-v-a1c3bce0]{display:flex;align-items:center;background:#fff;border-radius:20px;padding:8px 15px;gap:10px;min-width:300px}.search-input[data-v-a1c3bce0]{flex:1;border:none;outline:none;font-size:14px;color:#333}.search-input[data-v-a1c3bce0]::placeholder{color:#999}.search-btn[data-v-a1c3bce0]{background:none;border:none;cursor:pointer;color:#16a085;display:flex;align-items:center;padding:0}.search-btn svg[data-v-a1c3bce0]{width:18px;height:18px}.cart-link[data-v-a1c3bce0]{position:relative;color:#fff;text-decoration:none;display:flex;align-items:center;padding:8px}.cart-link svg[data-v-a1c3bce0]{width:24px;height:24px}.cart-badge[data-v-a1c3bce0]{position:absolute;top:0;right:0;background:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}@media (max-width: 768px){.container[data-v-a1c3bce0]{padding:0 15px;flex-wrap:wrap}.top-bar .container[data-v-a1c3bce0]{flex-direction:column;gap:5px;text-align:center}.main-nav .container[data-v-a1c3bce0]{flex-direction:column;gap:15px}.nav-left[data-v-a1c3bce0]{width:100%;justify-content:space-between}.nav-menu[data-v-a1c3bce0]{display:none}.nav-right[data-v-a1c3bce0]{width:100%;justify-content:space-between}.search-box[data-v-a1c3bce0]{flex:1;min-width:auto}}.footer[data-v-dee8c619]{background:#2c3e50;color:#fff;padding:30px 0;margin-top:auto}.container[data-v-dee8c619]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content[data-v-dee8c619]{text-align:center}.company-name[data-v-dee8c619]{font-size:16px;font-weight:700;margin-bottom:10px}.company-detail[data-v-dee8c619]{font-size:14px;color:#fffc;margin:5px 0}@media (max-width: 768px){.footer[data-v-dee8c619]{padding:20px 0}.company-name[data-v-dee8c619]{font-size:14px}.company-detail[data-v-dee8c619]{font-size:12px}}.home-page[data-v-343b8661]{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.home-content[data-v-343b8661]{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:20px}.hero-section[data-v-343b8661]{margin-bottom:40px}.hero-image[data-v-343b8661]{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}.sale-badge[data-v-343b8661]{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;padding:6px 15px;border-radius:4px;font-weight:700;font-size:14px}.hero-text[data-v-343b8661]{text-align:center;z-index:1}.hero-text h1[data-v-343b8661]{font-size:24px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;min-height:32px}.typewriter-text[data-v-343b8661]{display:inline-block}.cursor[data-v-343b8661]{display:inline-block;margin-left:2px;color:#fff;font-weight:400;animation:blink-343b8661 1s infinite}.cursor.blink[data-v-343b8661]{animation:blink-343b8661 1s infinite}@keyframes blink-343b8661{0%,50%{opacity:1}51%,to{opacity:0}}.hero-text p[data-v-343b8661]{font-size:14px;opacity:.9}.products-section[data-v-343b8661]{margin-bottom:40px}.section-header[data-v-343b8661]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#16a085;border-radius:8px}.section-title[data-v-343b8661]{color:#fff;font-size:20px;margin:0}.more-link[data-v-343b8661]{color:#fff;text-decoration:none;font-size:14px}.more-link[data-v-343b8661]:hover{text-decoration:underline}.products-grid[data-v-343b8661]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.product-card[data-v-343b8661]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s}.product-card[data-v-343b8661]:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.product-image[data-v-343b8661]{width:100%;height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img[data-v-343b8661]{width:100%;height:100%;object-fit:cover}.product-info[data-v-343b8661]{padding:15px}.product-name[data-v-343b8661]{font-size:14px;color:#333;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-desc[data-v-343b8661]{font-size:12px;color:#666;margin:0 0 10px}.product-price[data-v-343b8661]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.price[data-v-343b8661]{font-size:18px;font-weight:700;color:#e74c3c}.market-price[data-v-343b8661]{font-size:12px;color:#999;text-decoration:line-through}.product-actions[data-v-343b8661]{display:flex;gap:8px}.btn-buy[data-v-343b8661],.btn-cart[data-v-343b8661]{flex:1;padding:8px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-buy[data-v-343b8661]{background:#e74c3c;color:#fff}.btn-buy[data-v-343b8661]:hover{background:#c0392b}.btn-cart[data-v-343b8661]{background:#16a085;color:#fff}.btn-cart[data-v-343b8661]:hover{background:#138d75}@media (max-width: 768px){.hero-image[data-v-343b8661]{height:150px}.hero-text h1[data-v-343b8661]{font-size:20px}.hero-text p[data-v-343b8661]{font-size:12px}.products-grid[data-v-343b8661]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.product-image[data-v-343b8661]{height:150px}.product-actions[data-v-343b8661]{flex-direction:column}}.login-page[data-v-764332ed]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e0f2f1,#b2dfdb)}.login-container[data-v-764332ed]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-box[data-v-764332ed]{background:#fff;border-radius:8px;padding:40px;width:100%;max-width:450px;box-shadow:0 4px 20px #0000001a}.login-header[data-v-764332ed]{margin-bottom:30px}.title-bar[data-v-764332ed]{width:4px;height:24px;background:#e74c3c;margin-bottom:10px}.title[data-v-764332ed]{font-size:24px;color:#333;margin:0}.login-form[data-v-764332ed]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-764332ed]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-764332ed]{font-size:14px;color:#333;font-weight:500}.form-input[data-v-764332ed]{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;transition:border-color .3s}.form-input[data-v-764332ed]:focus{border-color:#16a085}.password-wrapper[data-v-764332ed]{display:flex;align-items:center;gap:10px}.password-wrapper .form-input[data-v-764332ed]{flex:1}.forgot-link[data-v-764332ed]{color:#e74c3c;text-decoration:none;font-size:14px;white-space:nowrap}.forgot-link[data-v-764332ed]:hover{text-decoration:underline}.checkbox-label[data-v-764332ed]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.checkbox-label input[type=checkbox][data-v-764332ed]{width:16px;height:16px;cursor:pointer}.error-message[data-v-764332ed]{color:#e74c3c;font-size:14px;padding:10px;background:#ffeaea;border-radius:4px;text-align:center}.submit-btn[data-v-764332ed]{padding:12px;background:#95a5a6;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s;margin-top:10px}.submit-btn[data-v-764332ed]:hover{background:#7f8c8d}.login-footer[data-v-764332ed]{margin-top:20px;text-align:center;font-size:14px;color:#666}.register-link[data-v-764332ed]{color:#e74c3c;text-decoration:none;margin-left:5px}.register-link[data-v-764332ed]:hover{text-decoration:underline}.forgot-link-footer[data-v-764332ed]{color:#e74c3c;text-decoration:none;margin-left:10px}.forgot-link-footer[data-v-764332ed]:hover{text-decoration:underline}@media (max-width: 768px){.login-box[data-v-764332ed]{padding:30px 20px}.title[data-v-764332ed]{font-size:20px}}.register-page[data-v-f6a7fd02]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e0f2f1,#b2dfdb)}.register-container[data-v-f6a7fd02]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.register-box[data-v-f6a7fd02]{background:#fff;border-radius:8px;padding:40px;width:100%;max-width:500px;box-shadow:0 4px 20px #0000001a}.register-banner[data-v-f6a7fd02]{background:#fff9c4;padding:15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px;color:#666}.banner-icon[data-v-f6a7fd02]{width:20px;height:20px;flex-shrink:0;color:#f39c12}.register-header[data-v-f6a7fd02]{margin-bottom:30px}.title-bar[data-v-f6a7fd02]{width:4px;height:24px;background:#e74c3c;margin-bottom:10px}.title[data-v-f6a7fd02]{font-size:24px;color:#333;margin:0}.register-form[data-v-f6a7fd02]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-f6a7fd02]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-f6a7fd02]{font-size:14px;color:#333;font-weight:500}.form-input[data-v-f6a7fd02]{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;transition:border-color .3s}.form-input[data-v-f6a7fd02]:focus{border-color:#16a085}.form-input.readonly[data-v-f6a7fd02]{background:#f5f5f5;cursor:not-allowed}.checkbox-label[data-v-f6a7fd02]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.checkbox-label input[type=checkbox][data-v-f6a7fd02]{width:16px;height:16px;cursor:pointer}.error-message[data-v-f6a7fd02]{color:#e74c3c;font-size:14px;padding:10px;background:#ffeaea;border-radius:4px;text-align:center}.success-message[data-v-f6a7fd02]{color:#27ae60;font-size:14px;padding:10px;background:#eafaf1;border-radius:4px;text-align:center}.submit-btn[data-v-f6a7fd02]{padding:14px;background:#bdc3c7;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s;margin-top:10px}.submit-btn[data-v-f6a7fd02]:hover:not(:disabled){background:#95a5a6}.submit-btn[data-v-f6a7fd02]:disabled{opacity:.6;cursor:not-allowed}.register-footer[data-v-f6a7fd02]{margin-top:20px;text-align:center;font-size:14px;color:#666}.login-link[data-v-f6a7fd02]{color:#e74c3c;text-decoration:none;margin-left:5px}.login-link[data-v-f6a7fd02]:hover{text-decoration:underline}@media (max-width: 768px){.register-box[data-v-f6a7fd02]{padding:30px 20px}.title[data-v-f6a7fd02]{font-size:20px}}.products-page[data-v-fac730ff]{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.products-content[data-v-fac730ff]{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:20px}.breadcrumb[data-v-fac730ff]{margin-bottom:20px;font-size:14px;color:#666}.breadcrumb a[data-v-fac730ff]{color:#16a085;text-decoration:none}.breadcrumb span[data-v-fac730ff]{margin:0 8px}.categories-section[data-v-fac730ff]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.category-group[data-v-fac730ff]{margin-bottom:20px}.category-group[data-v-fac730ff]:last-child{margin-bottom:0}.category-title[data-v-fac730ff]{font-size:16px;color:#333;margin:0 0 10px;font-weight:700}.category-items[data-v-fac730ff]{display:flex;flex-wrap:wrap;gap:10px}.category-item[data-v-fac730ff]{padding:6px 12px;background:#f0f0f0;border-radius:4px;font-size:14px;color:#666;cursor:pointer;transition:all .3s}.category-item[data-v-fac730ff]:hover{background:#16a085;color:#fff}.products-center[data-v-fac730ff]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.center-header[data-v-fac730ff]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.center-title[data-v-fac730ff]{font-size:20px;color:#333;margin:0}.sort-options[data-v-fac730ff]{display:flex;gap:15px}.sort-item[data-v-fac730ff]{font-size:14px;color:#666;cursor:pointer;padding:5px 10px;border-radius:4px;transition:all .3s}.sort-item[data-v-fac730ff]:hover{color:#16a085}.sort-item.active[data-v-fac730ff]{color:#16a085;background:#e8f5f3;font-weight:700}.products-grid[data-v-fac730ff]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.product-card[data-v-fac730ff]{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s}.product-card[data-v-fac730ff]:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.product-image[data-v-fac730ff]{width:100%;height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img[data-v-fac730ff]{width:100%;height:100%;object-fit:cover}.product-info[data-v-fac730ff]{padding:15px}.product-name[data-v-fac730ff]{font-size:14px;color:#333;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price[data-v-fac730ff]{display:flex;align-items:center;gap:5px;margin-bottom:15px}.price-label[data-v-fac730ff]{font-size:14px;color:#666}.price[data-v-fac730ff]{font-size:18px;font-weight:700;color:#e74c3c}.product-actions[data-v-fac730ff]{display:flex;gap:8px}.btn-buy[data-v-fac730ff],.btn-cart[data-v-fac730ff]{flex:1;padding:8px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-buy[data-v-fac730ff]{background:#e74c3c;color:#fff}.btn-buy[data-v-fac730ff]:hover{background:#c0392b}.btn-cart[data-v-fac730ff]{background:#16a085;color:#fff}.btn-cart[data-v-fac730ff]:hover{background:#138d75}@media (max-width: 768px){.center-header[data-v-fac730ff]{flex-direction:column;align-items:flex-start;gap:15px}.sort-options[data-v-fac730ff]{flex-wrap:wrap;gap:10px}.products-grid[data-v-fac730ff]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}.cart-page[data-v-43d356a5]{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.cart-content[data-v-43d356a5]{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:20px}.cart-header[data-v-43d356a5]{margin-bottom:20px}.cart-title[data-v-43d356a5]{font-size:24px;color:#333;margin:0}.empty-cart[data-v-43d356a5]{text-align:center;padding:60px 20px;background:#fff;border-radius:8px}.empty-icon[data-v-43d356a5]{width:80px;height:80px;color:#ddd;margin:0 auto 20px}.empty-cart p[data-v-43d356a5]{font-size:18px;color:#666;margin-bottom:20px}.go-shopping[data-v-43d356a5]{display:inline-block;padding:12px 30px;background:#16a085;color:#fff;text-decoration:none;border-radius:4px;transition:background .3s}.go-shopping[data-v-43d356a5]:hover{background:#138d75}.cart-items[data-v-43d356a5]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.cart-table[data-v-43d356a5]{margin-bottom:20px}.table-header[data-v-43d356a5]{display:grid;grid-template-columns:50px 2fr 100px 150px 100px 80px;gap:15px;padding:15px;background:#f8f9fa;border-radius:4px;font-weight:700;color:#333;align-items:center}.table-row[data-v-43d356a5]{display:grid;grid-template-columns:50px 2fr 100px 150px 100px 80px;gap:15px;padding:15px;border-bottom:1px solid #eee;align-items:center}.table-row[data-v-43d356a5]:last-child{border-bottom:none}.col-checkbox[data-v-43d356a5]{display:flex;align-items:center;justify-content:center}.col-product[data-v-43d356a5]{display:flex;align-items:center;gap:10px}.product-img[data-v-43d356a5]{width:60px;height:60px;object-fit:cover;border-radius:4px}.product-name[data-v-43d356a5]{font-size:14px;color:#333;flex:1}.col-price[data-v-43d356a5]{text-align:center;color:#666}.col-quantity[data-v-43d356a5]{display:flex;align-items:center;justify-content:center;gap:8px}.qty-btn[data-v-43d356a5]{width:30px;height:30px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s}.qty-btn[data-v-43d356a5]:hover{background:#f0f0f0}.qty-input[data-v-43d356a5]{width:50px;height:30px;text-align:center;border:1px solid #ddd;border-radius:4px;outline:none}.col-total[data-v-43d356a5]{text-align:center;color:#e74c3c;font-weight:700}.col-action[data-v-43d356a5]{text-align:center}.delete-btn[data-v-43d356a5]{padding:6px 12px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .3s}.delete-btn[data-v-43d356a5]:hover{background:#c0392b}.cart-summary[data-v-43d356a5]{background:#f8f9fa;padding:20px;border-radius:8px}.summary-info[data-v-43d356a5]{margin-bottom:20px}.summary-row[data-v-43d356a5]{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#333}.total-price[data-v-43d356a5]{font-size:24px;color:#e74c3c}.summary-actions[data-v-43d356a5]{display:flex;gap:15px;justify-content:flex-end}.btn-continue[data-v-43d356a5],.btn-checkout[data-v-43d356a5]{padding:12px 30px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .3s}.btn-continue[data-v-43d356a5]{background:#95a5a6;color:#fff}.btn-continue[data-v-43d356a5]:hover{background:#7f8c8d}.btn-checkout[data-v-43d356a5]{background:#e74c3c;color:#fff}.btn-checkout[data-v-43d356a5]:hover{background:#c0392b}@media (max-width: 768px){.table-header[data-v-43d356a5],.table-row[data-v-43d356a5]{grid-template-columns:1fr;gap:10px}.col-checkbox[data-v-43d356a5],.col-product[data-v-43d356a5],.col-price[data-v-43d356a5],.col-quantity[data-v-43d356a5],.col-total[data-v-43d356a5],.col-action[data-v-43d356a5]{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.col-action[data-v-43d356a5]{border-bottom:none}.summary-actions[data-v-43d356a5]{flex-direction:column}.btn-continue[data-v-43d356a5],.btn-checkout[data-v-43d356a5]{width:100%}}.about-page[data-v-fef79b34]{min-height:100vh;display:flex;flex-direction:column;background:#fafafa}.about-content[data-v-fef79b34]{flex:1;max-width:1000px;margin:0 auto;width:100%;padding:30px 20px 60px}.company-header[data-v-fef79b34]{text-align:center;padding:50px 20px;background:#fff;border-radius:4px;margin-bottom:30px;box-shadow:0 1px 3px #00000014}.company-header h1[data-v-fef79b34]{font-size:28px;color:#333;margin:0 0 15px;font-weight:500}.company-tagline[data-v-fef79b34]{font-size:16px;color:#666;margin:0}.section[data-v-fef79b34]{background:#fff;padding:35px 30px;margin-bottom:20px;border-radius:4px;box-shadow:0 1px 3px #00000014}.section h2[data-v-fef79b34]{font-size:22px;color:#333;margin:0 0 25px;padding-bottom:12px;border-bottom:1px solid #e8e8e8;font-weight:500}.intro-content[data-v-fef79b34]{line-height:1.8;color:#555;font-size:15px}.intro-content p[data-v-fef79b34]{margin:0 0 18px}.intro-content p[data-v-fef79b34]:last-child{margin-bottom:0}.business-list[data-v-fef79b34]{display:flex;flex-direction:column;gap:25px}.business-item[data-v-fef79b34]{padding:20px;background:#f8f8f8;border-radius:4px;border-left:3px solid #16a085}.business-item h3[data-v-fef79b34]{font-size:18px;color:#333;margin:0 0 12px;font-weight:500}.business-item p[data-v-fef79b34]{font-size:14px;color:#666;line-height:1.7;margin:0}.contact-box[data-v-fef79b34]{background:#f8f8f8;padding:25px;border-radius:4px}.contact-row[data-v-fef79b34]{display:flex;padding:12px 0;border-bottom:1px solid #e8e8e8;font-size:15px}.contact-row[data-v-fef79b34]:last-child{border-bottom:none}.contact-row .label[data-v-fef79b34]{color:#666;min-width:100px;font-weight:500}.contact-row .value[data-v-fef79b34]{color:#333;flex:1}.philosophy-content[data-v-fef79b34]{line-height:1.8;color:#555;font-size:15px}.philosophy-content p[data-v-fef79b34]{margin:0}@media (max-width: 768px){.about-content[data-v-fef79b34]{padding:20px 15px 40px}.company-header[data-v-fef79b34]{padding:35px 15px}.company-header h1[data-v-fef79b34]{font-size:22px}.company-tagline[data-v-fef79b34]{font-size:14px}.section[data-v-fef79b34]{padding:25px 20px}.section h2[data-v-fef79b34]{font-size:20px}.contact-row[data-v-fef79b34]{flex-direction:column;gap:5px}.contact-row .label[data-v-fef79b34]{min-width:auto}}