:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}.pics_container[data-v-78b7e9f2]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-left:5%;margin-right:5%;gap:10px}.pic[data-v-78b7e9f2]{height:187px;width:330px;overflow:hidden;background-color:var(--card-bg);box-shadow:0 2px 8px var(--card-shadow);transition:background-color .3s,box-shadow .3s}.pic img[data-v-78b7e9f2]{width:auto;height:100%;object-fit:cover;display:block;border-radius:4px;margin:auto}.loading[data-v-78b7e9f2]{width:100%;text-align:center;padding:20px;color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:8px}.loading-icon[data-v-78b7e9f2]{width:20px;height:20px;animation:bounce-78b7e9f2 .6s infinite alternate}@keyframes bounce-78b7e9f2{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.search-container[data-v-15d7a0e7]{width:100%;display:flex;justify-content:center;margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-box[data-v-15d7a0e7]{position:relative;max-width:500px;display:flex;justify-content:center}.fixed-search .search-box[data-v-15d7a0e7]{width:90%}.search-content[data-v-15d7a0e7]{position:relative;display:flex;align-items:center;width:100%;max-width:500px;height:48px;background:var(--card-bg);border-radius:24px;box-shadow:0 4px 15px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.fixed-search[data-v-15d7a0e7]{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.fixed-search-hidden[data-v-15d7a0e7]{opacity:0;transform:translateY(-20px);pointer-events:none}.floating-search[data-v-15d7a0e7]{position:fixed;bottom:20px;right:20px;width:auto;margin:0;z-index:1000;opacity:0;pointer-events:none}.floating-search .search-box[data-v-15d7a0e7]{width:auto}.floating-search .search-content[data-v-15d7a0e7]{width:48px;height:48px;margin-left:auto;background-color:var(--card-bg);transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-search-visible[data-v-15d7a0e7]{opacity:1;pointer-events:auto}.search-content-expanded[data-v-15d7a0e7]{width:300px!important;background-color:var(--card-bg)!important}.search-input[data-v-15d7a0e7]{flex:1;height:100%;padding:0 40px 0 45px;border:none;background:var(--card-bg);color:var(--text-color);font-size:16px;outline:none}.floating-search .search-input[data-v-15d7a0e7]{padding:0}.search-icon[data-v-15d7a0e7]{position:absolute;left:12px;color:var(--text-color);font-size:18px;z-index:1;transition:color .3s ease}.search-toggle[data-v-15d7a0e7]{width:48px;height:48px;padding:0;border:none;background:var(--card-bg);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-toggle[data-v-15d7a0e7]:hover{box-shadow:0 6px 20px #00000059;transform:translateY(-1px)}.search-content-expanded .search-toggle[data-v-15d7a0e7]{width:48px;height:48px;background:transparent;margin-right:-8px;box-shadow:none}.search-content-expanded .search-toggle .search-icon[data-v-15d7a0e7]{color:#666}.search-content[data-v-15d7a0e7]:focus-within{box-shadow:0 0 0 3px #007bff40}.floating-search .search-toggle .search-icon[data-v-15d7a0e7]{position:static;color:#666}.clear-button[data-v-15d7a0e7]{position:absolute;right:12px;background:none;border:none;color:var(--text-color);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.clear-button[data-v-15d7a0e7]:hover{background-color:#0000001a}.search-toggle[data-v-15d7a0e7]:focus-visible,.search-input[data-v-15d7a0e7]:focus-visible,.clear-button[data-v-15d7a0e7]:focus-visible{outline:none}@media (max-width: 768px){.search-content-expanded[data-v-15d7a0e7]{width:calc(100vw - 40px)!important;position:fixed;right:20px;bottom:20px;max-width:none}.fixed-search .search-box[data-v-15d7a0e7]{width:calc(100% - 20px)}.search-content[data-v-15d7a0e7]{box-shadow:0 2px 8px #00000026}}@media (prefers-reduced-motion: reduce){.search-container[data-v-15d7a0e7],.search-content[data-v-15d7a0e7],.search-toggle[data-v-15d7a0e7],.clear-button[data-v-15d7a0e7]{transition:none}}.floating-search-visible .search-content[data-v-15d7a0e7]{transform:scale(1);opacity:1}.floating-search .search-content[data-v-15d7a0e7]{transform:scale(.95);opacity:.9;transition:all .3s cubic-bezier(.4,0,.2,1)}:root{--bg-color: #ffffff;--text-color: #333333;--header-bg: #343a40;--footer-bg: #f8f9fa;--footer-text: #6c757d;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .1)}:root.dark-mode{--bg-color: #1a1a1a;--text-color: #e0e0e0;--header-bg: #2d2d2d;--footer-bg: #2d2d2d;--footer-text: #a0a0a0;--card-bg: #2d2d2d;--card-shadow: rgba(0, 0, 0, .3)}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.app-container[data-v-2ca3bd55]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-v-2ca3bd55]{flex:1}.footer_text[data-v-2ca3bd55]{color:var(--footer-text);font-size:1rem;font-weight:400;line-height:1.5}.footer[data-v-2ca3bd55]{display:flex;align-items:center;bottom:0;width:100%;height:56px;background-color:var(--footer-bg);padding-left:7%}.header[data-v-2ca3bd55]{display:flex;flex-wrap:wrap;background-color:var(--header-bg);width:100%;height:56px;align-items:center;justify-content:space-between;padding-left:7%;padding-right:7%;margin-bottom:20px}.header_text[data-v-2ca3bd55]{color:#fff;font-size:20px;padding:10px;font-weight:700}.github[data-v-2ca3bd55]{width:24px;height:24px}.header-actions[data-v-2ca3bd55]{display:flex;align-items:center;gap:16px}.theme-toggle[data-v-2ca3bd55]{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.theme-toggle[data-v-2ca3bd55]:hover{background-color:#ffffff1a}.loading-state[data-v-2ca3bd55],.error-state[data-v-2ca3bd55]{text-align:center;padding:40px;color:var(--text-color)}.retry-button[data-v-2ca3bd55]{margin-top:16px;padding:8px 16px;background:var(--header-bg);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.retry-button[data-v-2ca3bd55]:hover{background-color:#495057}@media (max-width: 768px){.header_text[data-v-2ca3bd55]{font-size:16px;padding:8px}.github[data-v-2ca3bd55]{width:20px;height:20px}.header-actions[data-v-2ca3bd55]{gap:12px}.theme-toggle[data-v-2ca3bd55]{font-size:16px;padding:6px}.header[data-v-2ca3bd55]{padding-left:4%;padding-right:4%}}@media (max-width: 360px){.header_text[data-v-2ca3bd55]{font-size:14px;padding:6px}.header-actions[data-v-2ca3bd55]{gap:8px}}