:root{--bg: #0f0f1a;--surface: #1a1a2e;--surface2: #252540;--primary: #e94560;--primary-hover: #ff6b81;--text: #eee;--text-muted: #999;--success: #2ecc71;--warning: #f39c12;--danger: #e74c3c;--border: #333;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;border-radius:var(--radius);font-size:1rem;padding:12px 20px;font-weight:600;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#000}input,select,textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:12px 16px;font-size:1rem;width:100%}.card{background:var(--surface);border-radius:var(--radius);padding:20px;border:1px solid var(--border)}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-pending{background:#f39c1233;color:var(--warning)}.badge-accepted{background:#3498db33;color:#3498db}.badge-progress{background:#9b59b633;color:#9b59b6}.badge-ready{background:#2ecc7133;color:var(--success)}.badge-closed{background:#95a5a633;color:#95a5a6}.badge-cancelled{background:#e74c3c33;color:var(--danger)}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--surface);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header h1{font-size:1.25rem}.main{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.order-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .3s,transform .2s}.order-card.new{border-color:var(--primary);animation:pulse 1s ease-in-out 3}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.menu-item.unavailable{opacity:.5}.qty-control{display:flex;align-items:center;gap:12px}.qty-control button{width:36px;height:36px;padding:0;border-radius:50%;font-size:1.25rem}.cart-bar{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;z-index:100}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.login-form h1{text-align:center;margin-bottom:8px}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.kds-card{background:var(--surface);border-left:4px solid var(--primary);border-radius:var(--radius);padding:20px}.kds-card.ready{border-left-color:var(--success)}.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tab{padding:8px 16px;background:var(--surface2);border-radius:20px;cursor:pointer;border:1px solid transparent}.tab.active{border-color:var(--primary);color:var(--primary)}.stat-card{text-align:center;padding:24px}.stat-card .value{font-size:2rem;font-weight:700;color:var(--primary)}.stat-card .label{color:var(--text-muted);margin-top:4px}.empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.toast{position:fixed;top:80px;right:20px;background:var(--surface2);border:1px solid var(--primary);padding:12px 20px;border-radius:var(--radius);z-index:200;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.print-log{font-family:monospace;font-size:.85rem;background:#000;padding:12px;border-radius:8px;max-height:200px;overflow-y:auto}@media(max-width:600px){.main{padding:12px}.header{padding:12px 16px}}.landing{min-height:100vh;display:flex;flex-direction:column}.landing-nav{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-brand{font-size:1.1rem;color:var(--primary)}.landing-nav-links{display:flex;gap:12px;align-items:center}.landing-link-btn{text-decoration:none;display:inline-block}.landing-hero{max-width:1100px;margin:0 auto;padding:80px 24px 60px;text-align:center}.landing-hero h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:16px;line-height:1.2}.landing-hero p{color:var(--text-muted);font-size:1.15rem;max-width:640px;margin:0 auto 32px;line-height:1.6}.landing-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-section{max-width:1100px;margin:0 auto;padding:48px 24px}.landing-section h2{text-align:center;margin-bottom:32px;font-size:1.75rem}.landing-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.landing-feature-card h3{margin-bottom:8px;color:var(--primary)}.landing-feature-card p{color:var(--text-muted);line-height:1.5}.landing-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.landing-plan-card{display:flex;flex-direction:column}.landing-plan-price{font-size:1.5rem;font-weight:700;color:var(--primary);margin:12px 0}.landing-plan-card ul{list-style:none;margin:0 0 20px;padding:0;flex:1}.landing-plan-card li{padding:6px 0;color:var(--text-muted);border-bottom:1px solid var(--border)}.landing-plan-card li:before{content:"✓ ";color:var(--success)}.landing-plan-cta{text-align:center;margin-top:auto}.landing-footer{margin-top:auto;background:var(--surface);border-top:1px solid var(--border);padding:32px 24px;text-align:center;color:var(--text-muted)}.landing-footer p{margin:4px 0}.marketing-site{--m-bg: #ffffff;--m-bg-alt: #f7faf9;--m-surface: #ffffff;--m-primary: #00b894;--m-primary-dark: #009b7d;--m-primary-light: #e8f8f4;--m-text: #2d3436;--m-text-muted: #636e72;--m-border: #dfe6e9;--m-radius: 12px;--m-radius-lg: 16px;--m-max: 1140px;--m-header-h: 64px;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--m-text);background:var(--m-bg);min-height:100vh;-webkit-font-smoothing:antialiased}.marketing-site a{color:inherit;text-decoration:none}.marketing-site button{font-family:inherit}.m-container{max-width:var(--m-max);margin:0 auto;padding:0 24px}.m-section{padding:80px 0}.m-section-alt{background:var(--m-bg-alt)}.m-section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:12px;color:var(--m-text)}.m-section-sub{text-align:center;color:var(--m-text-muted);max-width:560px;margin:0 auto 48px;line-height:1.6}.m-header{position:sticky;top:0;z-index:200;background:var(--m-bg);border-bottom:1px solid var(--m-border);height:var(--m-header-h)}.m-header-inner{max-width:var(--m-max);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.m-logo{font-size:1.1rem;font-weight:700;color:var(--m-primary);white-space:nowrap}.m-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.m-nav-link{padding:8px 12px;font-size:.9rem;color:var(--m-text);border-radius:8px;transition:background .15s}.m-nav-link:hover,.m-nav-link.active{background:var(--m-primary-light);color:var(--m-primary-dark)}.m-nav-dropdown{position:relative}.m-nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:160px;background:var(--m-bg);border:1px solid var(--m-border);border-radius:var(--m-radius);padding:8px 0;margin-top:4px}.m-nav-dropdown:hover .m-nav-dropdown-menu{display:block}.m-nav-dropdown-menu a{display:block;padding:10px 16px;font-size:.875rem}.m-nav-dropdown-menu a:hover{background:var(--m-primary-light)}.m-header-cta{display:flex;gap:8px;align-items:center;flex-shrink:0}.m-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--m-radius);font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:background .15s,color .15s;text-decoration:none}.m-btn-primary{background:var(--m-primary);color:#fff}.m-btn-primary:hover{background:var(--m-primary-dark)}.m-btn-outline{background:transparent;color:var(--m-text);border:1px solid var(--m-border)}.m-btn-outline:hover{border-color:var(--m-primary);color:var(--m-primary)}.m-btn-lg{padding:14px 28px;font-size:1rem}.m-menu-toggle{display:none;background:none;border:1px solid var(--m-border);border-radius:8px;padding:8px 12px;font-size:1.2rem}.m-hero{padding:72px 0 80px;background:linear-gradient(180deg,var(--m-primary-light) 0%,var(--m-bg) 100%)}.m-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.m-hero h1{font-size:clamp(2rem,4vw,2.75rem);line-height:1.2;margin-bottom:16px}.m-hero-lead{font-size:1.125rem;color:var(--m-text-muted);line-height:1.7;margin-bottom:28px}.m-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.m-hero-link{color:var(--m-primary);font-weight:600;font-size:.95rem}.m-hero-link:hover{text-decoration:underline}.m-hero-visual{background:var(--m-bg);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--m-text-muted);font-size:.9rem}.m-hero-visual-icon{width:80px;height:80px;border-radius:16px;background:var(--m-primary-light);color:var(--m-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;margin-bottom:12px}.m-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.m-stat-value{font-size:2rem;font-weight:700;color:var(--m-primary)}.m-stat-label{font-size:.875rem;color:var(--m-text-muted);margin-top:4px}.m-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.m-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.m-card{background:var(--m-surface);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);padding:28px;transition:border-color .15s}.m-card:hover{border-color:var(--m-primary)}.m-card-icon{width:48px;height:48px;border-radius:12px;background:var(--m-primary-light);color:var(--m-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;margin-bottom:16px}.m-card h3{font-size:1.15rem;margin-bottom:8px}.m-card p{color:var(--m-text-muted);line-height:1.6;font-size:.95rem}.m-card-link{display:inline-block;margin-top:16px;color:var(--m-primary);font-weight:600;font-size:.9rem}.m-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.m-step-num{font-size:.75rem;font-weight:700;color:var(--m-primary);margin-bottom:8px}.m-step h4{font-size:1rem;margin-bottom:6px}.m-step p{font-size:.875rem;color:var(--m-text-muted);line-height:1.5}.m-faq-item{border-bottom:1px solid var(--m-border);padding:20px 0}.m-faq-item:last-child{border-bottom:none}.m-faq-q{font-weight:600;margin-bottom:8px}.m-faq-a{color:var(--m-text-muted);line-height:1.6}.m-plan-card{display:flex;flex-direction:column;position:relative}.m-plan-card.featured{border-color:var(--m-primary);border-width:2px}.m-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--m-primary);color:#fff;font-size:.75rem;padding:4px 12px;border-radius:20px;font-weight:600}.m-plan-price{font-size:2rem;font-weight:700;color:var(--m-primary);margin:12px 0}.m-plan-period{font-size:.9rem;color:var(--m-text-muted);font-weight:400}.m-plan-features{list-style:none;margin:0 0 24px;padding:0;flex:1}.m-plan-features li{padding:8px 0;font-size:.9rem;color:var(--m-text-muted);border-bottom:1px solid var(--m-border)}.m-plan-features li:before{content:"✓ ";color:var(--m-primary);font-weight:700}.m-billing-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:40px}.m-cta-banner{background:var(--m-primary);color:#fff;padding:56px 24px;text-align:center;border-radius:var(--m-radius-lg)}.m-cta-banner h2{font-size:1.75rem;margin-bottom:12px}.m-cta-banner p{opacity:.9;margin-bottom:24px}.m-cta-banner .m-btn{background:#fff;color:var(--m-primary)}.m-cta-banner .m-btn:hover{background:var(--m-primary-light)}.m-case-type{font-size:.8rem;color:var(--m-primary);font-weight:600;margin-bottom:8px}.m-case-metric{margin-top:16px;padding-top:16px;border-top:1px solid var(--m-border);font-weight:600;color:var(--m-primary);font-size:.9rem}.m-feature-hero{padding:56px 0;background:var(--m-bg-alt)}.m-feature-hero h1{font-size:2.25rem;margin-bottom:12px}.m-checklist{list-style:none;padding:0;margin:0}.m-checklist li{padding:12px 0;border-bottom:1px solid var(--m-border);display:flex;justify-content:space-between;gap:12px}.m-checklist .required{color:var(--m-primary);font-size:.8rem;font-weight:600}.m-form{display:flex;flex-direction:column;gap:16px}.m-form input,.m-form textarea,.m-form select{background:var(--m-bg);border:1px solid var(--m-border);border-radius:var(--m-radius);padding:12px 16px;font-size:1rem;color:var(--m-text);width:100%}.m-form input:focus,.m-form textarea:focus{outline:none;border-color:var(--m-primary)}.m-footer{background:var(--m-text);color:#b2bec3;padding:56px 0 32px}.m-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;margin-bottom:40px}.m-footer-brand{color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:8px}.m-footer-col h4{color:#fff;font-size:.9rem;margin-bottom:16px}.m-footer-col a{display:block;padding:4px 0;font-size:.875rem;color:#b2bec3}.m-footer-col a:hover{color:#fff}.m-footer-bottom{border-top:1px solid #4a5568;padding-top:24px;text-align:center;font-size:.85rem}.m-auth-page{padding:48px 0 80px;background:var(--m-bg-alt);min-height:calc(100vh - var(--m-header-h))}.m-auth-card{max-width:560px;margin:0 auto;background:var(--m-bg);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);padding:32px}.m-auth-card h2{margin-bottom:8px}.m-auth-card .m-form input{background:var(--m-bg-alt)}.m-step-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--m-border)}.m-step-tab{flex:1;text-align:center;padding:10px 8px;font-size:.85rem;color:var(--m-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.m-step-tab.active{color:var(--m-primary);border-bottom-color:var(--m-primary);font-weight:600}.m-mobile-nav{display:none;position:fixed;inset:var(--m-header-h) 0 0 0;background:var(--m-bg);padding:24px;flex-direction:column;gap:8px;z-index:150;overflow-y:auto}.m-mobile-nav.open{display:flex}.variant-c{--m-header-h: auto}.variant-c .m-header-c{height:auto;border-bottom:none}.variant-c .m-header-top{border-bottom:1px solid var(--m-border)}.variant-c .m-header-top .m-header-inner{height:64px}.variant-c .m-nav-sub{background:var(--m-bg-alt);border-bottom:1px solid var(--m-border)}.variant-c .m-nav-sub-inner{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:10px 24px}.variant-c .m-btn-xl{padding:16px 36px;font-size:1.1rem;border-radius:999px;width:100%;max-width:320px}.variant-c .m-btn-hero{background:#fff;color:var(--m-primary)}.variant-c .m-btn-hero:hover{background:var(--m-primary-light)}.variant-c .m-hero-c{padding:64px 0 48px;background:var(--m-primary);text-align:center}.variant-c .m-hero-c-inner h1{font-size:clamp(2rem,5vw,3rem);color:#fff;margin-bottom:16px;line-height:1.2}.variant-c .m-hero-c .m-hero-lead{color:#ffffffeb;max-width:600px;margin:0 auto 28px}.variant-c .m-hero-c-link{display:block;margin-top:16px;color:#ffffffe6;font-weight:600}.variant-c .m-hero-c-link:hover{text-decoration:underline}.variant-c .m-hero-compact{padding:48px 0 40px}.variant-c .m-hero-illus{padding:0 0 48px;background:var(--m-primary)}.variant-c .m-hero-illus-box{background:#ffffff26;border:2px dashed rgba(255,255,255,.4);border-radius:var(--m-radius-lg);padding:48px 24px;text-align:center;color:#fff}.variant-c .m-hero-illus-icon{width:96px;height:96px;border-radius:50%;background:#fff;color:var(--m-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;margin:0 auto 16px}.variant-c .m-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.variant-c .m-icon-grid-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.variant-c .m-icon-card{text-align:center;padding:32px 24px;background:var(--m-surface);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);transition:transform .15s,border-color .15s;display:block}.variant-c .m-icon-card:hover{border-color:var(--m-primary);transform:translateY(-4px)}.variant-c .m-icon-card-static{cursor:default}.variant-c .m-icon-card-static:hover{transform:none}.variant-c .m-icon-card-circle{width:72px;height:72px;border-radius:50%;background:var(--m-primary);color:#fff;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.variant-c .m-icon-card h3{font-size:1.15rem;margin-bottom:8px}.variant-c .m-icon-card p{color:var(--m-text-muted);font-size:.9rem;line-height:1.6}.variant-c .m-stats-c{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.variant-c .m-stat-c{background:var(--m-primary-light);border-radius:var(--m-radius-lg);padding:28px 16px;text-align:center}.variant-c .m-stat-c .m-stat-value{font-size:2.5rem}.variant-c .m-steps-c{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.variant-c .m-step-c{text-align:center;padding:24px 16px;background:var(--m-bg);border:1px solid var(--m-border);border-radius:var(--m-radius-lg)}.variant-c .m-step-circle{width:48px;height:48px;border-radius:50%;background:var(--m-primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:.9rem}.variant-c .m-step-c h4{margin-bottom:6px}.variant-c .m-step-c p{font-size:.85rem;color:var(--m-text-muted)}.variant-c .m-faq-c{max-width:720px;margin:0 auto}.variant-c .m-faq-item-c{background:var(--m-bg);border:1px solid var(--m-border);border-radius:var(--m-radius);padding:20px 24px;margin-bottom:12px}.variant-c .m-plans-c .m-plan-card-c{text-align:center;padding-top:36px}.variant-c .m-plan-card-c.featured{border:2px solid var(--m-primary);background:var(--m-primary-light)}.variant-c .m-plan-save{font-size:.85rem;color:var(--m-primary);font-weight:600;margin-bottom:8px}.variant-c .m-section-pricing{padding-top:48px;background:var(--m-bg-alt)}.variant-c .m-cta-banner-c{border-radius:var(--m-radius-lg);padding:64px 32px}.variant-c .m-cta-banner-c h2{font-size:2rem}.variant-c .m-section-cta{padding-bottom:80px}.variant-c .m-card-accent{background:var(--m-primary-light);border-color:var(--m-primary)}.variant-c .m-card-quote{text-align:center}.variant-c .m-quote-text{font-style:italic;color:var(--m-text-muted);line-height:1.7;margin:12px 0}.variant-c .m-contact-c{max-width:480px;margin:0 auto}.variant-c .m-form-c .m-btn{margin-top:8px}.variant-c .m-contact-info{text-align:center;margin-top:24px;color:var(--m-text-muted);font-size:.9rem}.variant-c .m-login-c{min-height:calc(100vh - 120px);display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.variant-c .m-login-brand{background:var(--m-primary);color:#fff;padding:64px 48px;display:flex;flex-direction:column;justify-content:center}.variant-c .m-login-brand h1{font-size:2rem;margin-bottom:16px}.variant-c .m-login-brand p{opacity:.9;line-height:1.7}.variant-c .m-login-form-wrap{padding:64px 48px;display:flex;align-items:center;justify-content:center;background:var(--m-bg-alt)}.variant-c .m-login-form-wrap .m-auth-card{max-width:400px;width:100%}.variant-c .m-subscribe-progress{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.variant-c .m-progress-dot{width:40px;height:40px;border-radius:50%;border:2px solid var(--m-border);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--m-text-muted)}.variant-c .m-progress-dot.active{background:var(--m-primary);border-color:var(--m-primary);color:#fff}.variant-c .m-progress-dot.done{background:var(--m-primary-light);border-color:var(--m-primary);color:var(--m-primary)}@media(max-width:900px){.variant-c .m-nav-sub{display:none}.variant-c .m-icon-grid,.variant-c .m-stats-c,.variant-c .m-steps-c{grid-template-columns:1fr 1fr}.variant-c .m-login-c{grid-template-columns:1fr}.variant-c .m-login-brand{padding:40px 24px}}@media(max-width:600px){.variant-c .m-icon-grid,.variant-c .m-stats-c,.variant-c .m-steps-c{grid-template-columns:1fr}.variant-c .m-header-cta .m-btn-outline{display:none}}@media(max-width:900px){.m-nav{display:none}.m-menu-toggle{display:block}.m-grid-3,.m-steps,.m-stats,.m-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.m-grid-3,.m-grid-2,.m-steps,.m-stats{grid-template-columns:1fr}.m-section{padding:56px 0}.m-footer-grid{grid-template-columns:1fr}}