.layout[data-v-08f57f6a]{font-family:Noto Sans TC,Roboto,serif}.header-logo[data-v-08f57f6a]{width:48px;height:48px;margin-right:10px}.header-title[data-v-08f57f6a]{color:#bdf347;font-size:32px;font-weight:700;height:48px;flex:0 0 auto;margin-left:5px;display:flex;flex-direction:row;justify-content:center;align-items:center}.home[data-v-08f57f6a]{all:unset;cursor:pointer;display:flex;justify-content:center;align-items:center}.form-group[data-v-08f57f6a]{margin-top:10px}.form-control[data-v-08f57f6a]{width:100%;padding:8px;box-sizing:border-box;font-size:16px;border:1px solid #ccc;border-radius:4px;resize:vertical}.code-group[data-v-08f57f6a]{display:flex;flex-direction:row;gap:10px}.code-block[data-v-08f57f6a]{border:1px solid #ccc;border-radius:4px;margin-top:10px;flex:auto 1 1;height:500px}.btn-play[data-v-08f57f6a]{all:unset;cursor:pointer;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 10px;color:#1d2549;font-size:14px;text-wrap:nowrap;background-color:#bdf347;border-radius:4px}.btn-play svg[data-v-08f57f6a]{margin-right:5px}@media (max-width: 768px){.code-group[data-v-08f57f6a]{flex-direction:column}}