.start-page[data-v-2ed7e602]{inset:0;overflow:hidden;position:fixed}.bg-layer[data-v-2ed7e602]{inset:0;position:absolute;z-index:1}.bg-image[data-v-2ed7e602],.bg-video[data-v-2ed7e602]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.content-layer[data-v-2ed7e602]{flex-direction:column;inset:0;position:absolute;z-index:2}.content-layer[data-v-2ed7e602],.header-section[data-v-2ed7e602]{display:flex;justify-content:space-between}.header-section[data-v-2ed7e602]{align-items:flex-start;padding:10px 15px}.weather-box[data-v-2ed7e602]{min-height:35px;opacity:.8;transition:opacity .3s}.weather-box[data-v-2ed7e602]:hover{opacity:1}.setting-btn[data-v-2ed7e602]{color:#ffffffb3;cursor:pointer;transition:color .3s}.setting-btn[data-v-2ed7e602]:hover{color:#fff}.body-section[data-v-2ed7e602]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:20px}.datetime-box[data-v-2ed7e602]{margin-bottom:30px;text-align:center}.time[data-v-2ed7e602]{color:#fffffff2;font-size:60px;font-weight:300;text-shadow:0 2px 10px rgba(0,0,0,.3)}.date[data-v-2ed7e602]{color:#ffffffd9;font-size:14px}.date span[data-v-2ed7e602]{margin:0 5px}.search-box[data-v-2ed7e602]{margin-bottom:40px;max-width:600px;position:relative;width:100%}.search-container[data-v-2ed7e602]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-radius:50px;display:flex;padding:8px 20px;transition:background .3s}.search-container[data-v-2ed7e602]:focus-within,.search-container[data-v-2ed7e602]:hover{background:#ffffffe6}.search-icon-left[data-v-2ed7e602]{align-items:center;display:flex;height:32px;justify-content:center;margin-right:10px;width:32px}.search-icon-left .logo[data-v-2ed7e602]{border-radius:50%;height:28px;width:28px}.search-icon-left .icon[data-v-2ed7e602]{font-size:28px}.search-input[data-v-2ed7e602]{background:transparent;border:none;color:#333;flex:1;font-size:16px;outline:none}.search-input[data-v-2ed7e602]::-moz-placeholder{color:#888}.search-input[data-v-2ed7e602]::placeholder{color:#888}.search-icon-right[data-v-2ed7e602]{color:#666;cursor:pointer;transition:color .3s}.search-icon-right[data-v-2ed7e602]:hover{color:#333}.search-result[data-v-2ed7e602]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 4px 20px #00000026;left:0;list-style:none;max-height:300px;overflow-y:auto;padding:10px 0;position:absolute;right:0;top:55px}.result-item[data-v-2ed7e602]{align-items:center;cursor:pointer;display:flex;padding:8px 20px;transition:background .2s}.result-item[data-v-2ed7e602]:hover{background:#0000000d}.result-item .item-icon[data-v-2ed7e602]{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:12px;width:32px}.result-item .item-icon .icon[data-v-2ed7e602]{font-size:28px}.result-item .item-name[data-v-2ed7e602]{color:#333;font-size:14px}.swiper-box[data-v-2ed7e602]{margin-bottom:30px;max-width:900px;width:100%}.swiper[data-v-2ed7e602]{padding-bottom:40px}.swiper-slide[data-v-2ed7e602]{align-items:center;display:flex;flex-direction:column}.slide-title[data-v-2ed7e602]{color:#fffc;font-size:14px;margin-bottom:15px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.tool-grid[data-v-2ed7e602]{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:100%}.tool-item[data-v-2ed7e602]{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .3s}.tool-item[data-v-2ed7e602]:hover{transform:translateY(-5px)}.tool-item:hover .item-icon[data-v-2ed7e602]{box-shadow:0 4px 15px #0000004d}.tool-item .item-icon[data-v-2ed7e602]{align-items:center;box-shadow:0 2px 8px #00000026;display:flex;height:60px;justify-content:center;transition:box-shadow .3s;width:60px}.tool-item .item-icon .icon[data-v-2ed7e602]{font-size:50px}.tool-item .item-name[data-v-2ed7e602]{color:#ffffffe6;font-size:12px;margin-top:8px;max-width:70px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.5);white-space:nowrap}[data-v-2ed7e602] .swiper-pagination-bullet{background:#ffffff80;height:10px;opacity:1;width:10px}[data-v-2ed7e602] .swiper-pagination-bullet-active{background:#ffffffe6}.tips-box[data-v-2ed7e602]{margin-top:20px}.tips-text[data-v-2ed7e602]{color:#fff9;cursor:pointer;font-size:13px;transition:color .3s}.tips-text[data-v-2ed7e602]:hover{color:#ffffffe6}.footer-section[data-v-2ed7e602]{align-items:center;color:#ffffff80;display:flex;font-size:12px;gap:5px;justify-content:center;padding:10px}.footer-link[data-v-2ed7e602]{color:#ffffff80;text-decoration:none;transition:color .3s}.footer-link[data-v-2ed7e602]:hover{color:#fffc}.bg-grid[data-v-2ed7e602]{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.bg-item[data-v-2ed7e602]{border:3px solid transparent;border-radius:8px;cursor:pointer;opacity:.8;overflow:hidden;transition:all .3s}.bg-item[data-v-2ed7e602]:hover{opacity:1}.bg-item.active[data-v-2ed7e602]{border-color:var(--el-color-primary);opacity:1}.bg-item img[data-v-2ed7e602]{display:block;width:100%}@media(max-width:768px){.time[data-v-2ed7e602]{font-size:42px}.search-box[data-v-2ed7e602]{max-width:90%}.swiper-box[data-v-2ed7e602]{max-width:95%}.tool-item .item-icon[data-v-2ed7e602]{height:50px;width:50px}.tool-item .item-icon .icon[data-v-2ed7e602]{font-size:40px}.tool-grid[data-v-2ed7e602]{gap:15px}}