:root{--color-morandi-green:#8f9779;--color-oat-milk:#f2f2ed;--color-clay-white:#fff;--color-text-dark:#4a4e40;--color-text-muted:#7a7e70;--color-accent-coral:#d98877;--shadow-clay-outer:8px 8px 16px #8f977926, -8px -8px 16px #fffc;--shadow-clay-inner:inset 6px 6px 12px #8f97791a, inset -6px -6px 12px #ffffffb3;color:var(--color-text-dark);background-color:var(--color-oat-milk);font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{min-height:100dvh;overflow-x:hidden}#app{width:100%}.app-layout[data-v-23cf6cd2]{flex-direction:column;min-height:100dvh;padding:0 1rem;display:flex}.desktop-nav[data-v-23cf6cd2]{justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:none}.mobile-nav[data-v-23cf6cd2]{background:var(--color-clay-white);z-index:100;border-radius:24px 24px 0 0;justify-content:space-around;padding:.8rem 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 20px #0000000d}.mobile-nav button[data-v-23cf6cd2]{opacity:.5;background:0 0;border:none;flex-direction:column;align-items:center;transition:all .3s;display:flex}.mobile-nav button.active[data-v-23cf6cd2]{opacity:1;color:var(--color-morandi-green);transform:translateY(-5px)}.main-content[data-v-23cf6cd2]{flex-grow:1;justify-content:center;align-items:center;padding-bottom:80px;display:flex}.mode-container[data-v-23cf6cd2]{width:100%;max-width:500px}.clay-card[data-v-23cf6cd2]{background:var(--color-clay-white);box-shadow:var(--shadow-clay-outer);text-align:center;border-radius:32px;padding:2rem}.clay-input[data-v-23cf6cd2]{background:var(--color-oat-milk);width:100%;box-shadow:var(--shadow-clay-inner);color:var(--color-text-dark);border:none;border-radius:20px;margin-bottom:1.5rem;padding:1rem;font-size:1rem}.main-textarea[data-v-23cf6cd2]{resize:none;min-height:200px}.clay-button[data-v-23cf6cd2]{cursor:pointer;width:100%;box-shadow:var(--shadow-clay-outer);border:none;border-radius:20px;padding:1.2rem;font-weight:600;transition:all .2s}.clay-button[data-v-23cf6cd2]:active{box-shadow:var(--shadow-clay-inner);transform:scale(.98)}.primary-btn[data-v-23cf6cd2]{background-color:var(--color-morandi-green);color:#fff}.success-btn[data-v-23cf6cd2]{background-color:var(--color-accent-coral);color:#fff}@media (width>=768px){.desktop-nav[data-v-23cf6cd2]{display:flex}.mobile-nav[data-v-23cf6cd2]{display:none}.app-layout[data-v-23cf6cd2]{padding:0 10%}}.logo-text[data-v-23cf6cd2]{color:var(--color-morandi-green);font-size:1.5rem;font-weight:800}.app-slogan[data-v-23cf6cd2]{text-align:center;color:var(--color-text-muted);margin-bottom:80px;padding:1rem;font-size:.8rem}.animate-fade-in[data-v-23cf6cd2]{animation:.5s ease-out fadeIn-23cf6cd2}@keyframes fadeIn-23cf6cd2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.code-display[data-v-23cf6cd2]{justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.code-segment[data-v-23cf6cd2]{letter-spacing:5px;color:var(--color-morandi-green);font-size:2.5rem;font-weight:900}.final-text[data-v-23cf6cd2]{white-space:pre-wrap;text-align:left;line-height:1.6}