#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{margin:0}html{overflow-y:scroll}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.header-container[data-v-484dd4c8]{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.header-content[data-v-484dd4c8]{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px;height:70px}.logo-area[data-v-484dd4c8]{display:flex;align-items:center}.logo-img[data-v-484dd4c8]{height:40px;margin-right:10px}.logo-text[data-v-484dd4c8]{font-size:20px;font-weight:700;color:#333;margin:0}.main-nav[data-v-484dd4c8]{display:flex;gap:30px}.nav-link[data-v-484dd4c8]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;padding:10px 0;position:relative;transition:all .3s}.nav-link.active[data-v-484dd4c8],.nav-link[data-v-484dd4c8]:hover{color:#409eff}.nav-link.active[data-v-484dd4c8]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background-color:#409eff;border-radius:3px}.nav-icon[data-v-484dd4c8]{font-size:20px;margin-bottom:4px}.nav-text[data-v-484dd4c8]{font-size:14px}.user-area[data-v-484dd4c8]{display:flex;align-items:center}.search-box[data-v-484dd4c8]{display:flex;margin-right:20px}.search-box input[data-v-484dd4c8]{width:200px;padding:8px 15px;border:1px solid #ddd;border-radius:20px 0 0 20px;outline:none;transition:all .3s}.search-box input[data-v-484dd4c8]:focus{border-color:#409eff}.search-btn[data-v-484dd4c8]{background-color:#409eff;color:#fff;border:none;border-radius:0 20px 20px 0;padding:0 15px;cursor:pointer;transition:background-color .3s}.search-btn[data-v-484dd4c8]:hover{background-color:#66b1ff}.user-actions[data-v-484dd4c8]{gap:10px}.login-btn[data-v-484dd4c8],.register-btn[data-v-484dd4c8]{padding:8px 20px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s}.login-btn[data-v-484dd4c8]{background-color:transparent;border:1px solid #409eff;color:#409eff}.login-btn[data-v-484dd4c8]:hover{background-color:rgba(64,158,255,.1)}.register-btn[data-v-484dd4c8]{background-color:#409eff;border:1px solid #409eff;color:#fff}.register-btn[data-v-484dd4c8]:hover{background-color:#66b1ff;border-color:#66b1ff}.login-actions[data-v-484dd4c8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.forgot-password[data-v-484dd4c8]{color:#999;font-size:12px}.forgot-password[data-v-484dd4c8]:hover{color:#409eff}.user-actions[data-v-484dd4c8]{display:flex;align-items:center;gap:15px}.user-profile[data-v-484dd4c8]{display:flex;align-items:center;cursor:pointer}.code-input[data-v-484dd4c8]{display:flex;gap:10px}.send-code-btn[data-v-484dd4c8]{width:120px}.el-tooltip__trigger[data-v-484dd4c8]:focus-visible{outline:unset}.el-tooltip__trigger[data-v-484dd4c8]:first-child:focus-visible{outline:unset}.footer-container[data-v-74b85b6e]{background-color:#f8f9fa;padding:20px 0;border-top:1px solid #e9ecef}.footer-content[data-v-74b85b6e]{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.footer-links[data-v-74b85b6e]{display:flex;justify-content:center;gap:20px;margin-bottom:10px;flex-wrap:wrap}.footer-links a[data-v-74b85b6e]{color:#6c757d;text-decoration:none;font-size:14px;transition:color .3s}.footer-links a[data-v-74b85b6e]:hover{color:#409eff}.copyright[data-v-74b85b6e]{color:#6c757d;font-size:14px}.default-layout[data-v-234ec9f4]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-v-234ec9f4]{flex:1}