*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}#app{width:100%;min-height:100vh}.home-container[data-v-013d8c0c]{height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#8dc7b6,#a5d4c5);overflow:hidden}.header[data-v-013d8c0c]{display:flex;justify-content:space-between;align-items:center;padding:2vh 4vw;height:10vh}.logo[data-v-013d8c0c]{display:flex;align-items:center;gap:1vw}.logo img[data-v-013d8c0c]{height:6vh;width:auto}.main-content[data-v-013d8c0c]{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 4vw}.hero-section[data-v-013d8c0c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4vh}.hero-title[data-v-013d8c0c]{font-size:min(12vw,120px);color:#fff;line-height:1.2}.mascot img[data-v-013d8c0c]{height:50vh;max-width:100%;-o-object-fit:contain;object-fit:contain}.search-box[data-v-013d8c0c]{display:flex;gap:1vw;max-width:600px;width:90%;margin:0 auto}.category-select[data-v-013d8c0c]{padding:1vh 1vw;border-radius:4px;border:none;width:20%}input[data-v-013d8c0c]{flex:1;padding:1vh 1vw;border-radius:4px;border:none}.search-btn[data-v-013d8c0c]{padding:1vh 2vw;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.footer[data-v-013d8c0c]{text-align:center;padding:2vh;color:#fff;height:8vh;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.hero-section[data-v-013d8c0c]{flex-direction:column;text-align:center}.hero-title[data-v-013d8c0c]{margin-bottom:2vh}.mascot img[data-v-013d8c0c]{height:30vh}.search-box[data-v-013d8c0c]{flex-direction:column}.category-select[data-v-013d8c0c]{width:100%}}