.header[data-v-4860df48]{background-color:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.header-content[data-v-4860df48]{display:flex;justify-content:space-between;align-items:center;height:60px;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.logo[data-v-4860df48]{font-size:18px;font-weight:700;color:#1890ff}.nav-menu[data-v-4860df48]{display:flex;margin:0 auto}.nav-item[data-v-4860df48]{padding:0 20px;height:60px;line-height:60px;font-size:16px;color:#333;cursor:pointer;transition:all .3s}.nav-item[data-v-4860df48]:hover{color:#1890ff;background-color:#f0f7ff}.nav-item.active[data-v-4860df48]{color:#1890ff;border-bottom:2px solid #1890ff}.user-area[data-v-4860df48]{display:flex;align-items:center}.login-btn[data-v-4860df48]{padding:8px 16px;background-color:#1890ff;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.login-btn[data-v-4860df48]:hover{background-color:#40a9ff}.user-dropdown[data-v-4860df48]{position:relative;display:flex;align-items:center;cursor:pointer}.user-avatar[data-v-4860df48]{width:32px;height:32px;border-radius:50%;margin-right:8px;object-fit:cover;border:2px solid #1890ff;transition:transform .3s}.user-avatar[data-v-4860df48]:hover{transform:scale(1.1)}.user-name[data-v-4860df48]{font-size:14px;color:#666;margin-right:8px}.dropdown-menu[data-v-4860df48]{position:absolute;top:100%;right:0;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:120px;z-index:1000;overflow:hidden;margin-top:5px}.dropdown-item[data-v-4860df48]{padding:10px 16px;font-size:14px;color:#333;transition:all .3s;cursor:pointer}.dropdown-item[data-v-4860df48]:hover{background-color:#f0f7ff;color:#1890ff}.mobile-menu-btn[data-v-4860df48]{display:none;padding:10px;cursor:pointer;color:#333}.mobile-menu[data-v-4860df48]{position:fixed;top:60px;left:0;width:70%;max-width:300px;height:calc(100vh - 60px);background-color:#fff;box-shadow:2px 0 10px #0000001a;transform:translate(-100%);transition:transform .3s ease;z-index:999;overflow-y:auto}.mobile-menu-show[data-v-4860df48]{transform:translate(0)}.mobile-menu-item[data-v-4860df48]{padding:15px 20px;font-size:16px;color:#333;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s}.mobile-menu-item[data-v-4860df48]:hover{background-color:#f0f7ff;color:#1890ff}.mobile-menu-item.active[data-v-4860df48]{color:#1890ff;background-color:#f0f7ff;border-left:3px solid #1890ff}@media (max-width: 768px){.header-content[data-v-4860df48]{padding:0 15px}.nav-menu[data-v-4860df48],.user-name[data-v-4860df48]{display:none}.mobile-menu-btn[data-v-4860df48]{display:block}.logo[data-v-4860df48]{margin-left:10px}}.footer[data-v-3606c5aa]{background-color:#fff;padding:30px 0;margin-top:40px;border-top:1px solid #eee}.footer-content[data-v-3606c5aa]{max-width:1200px;margin:0 auto;text-align:center}.footer-links[data-v-3606c5aa]{margin-bottom:20px}.footer-links a[data-v-3606c5aa]{margin:0 15px;color:#666;text-decoration:none;font-size:14px}.footer-links a[data-v-3606c5aa]:hover{color:#1890ff}.friend-links[data-v-3606c5aa]{margin:20px 0;padding:15px 0;border-top:1px dashed #eee;border-bottom:1px dashed #eee}.friend-links-title[data-v-3606c5aa]{color:#999;font-size:14px;margin-right:10px}.friend-links a[data-v-3606c5aa]{margin:0 10px;color:#666;text-decoration:none;font-size:14px}.friend-links a[data-v-3606c5aa]:hover{color:#1890ff;text-decoration:underline}.copyright[data-v-3606c5aa]{font-size:14px;line-height:26px;color:#999;margin-top:20px}.about-page[data-v-09890ac0]{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5}.content-container[data-v-09890ac0]{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:20px;box-sizing:border-box}.section-card[data-v-09890ac0]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.section-header[data-v-09890ac0]{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.section-title[data-v-09890ac0]{font-size:22px;font-weight:600;color:#333;margin:0}.section-subtitle[data-v-09890ac0]{font-size:14px;color:#666;margin:8px 0 0}.about-content[data-v-09890ac0]{display:flex;gap:24px}.about-nav[data-v-09890ac0]{width:220px;display:flex;flex-direction:column;gap:8px}.about-nav>div[data-v-09890ac0]{display:flex;align-items:center;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .3s;color:#666}.about-nav>div[data-v-09890ac0]:hover{background-color:#f0f7ff;color:#1677ff}.about-nav>div.active[data-v-09890ac0]{background-color:#e6f4ff;color:#1677ff;font-weight:500}.nav-icon[data-v-09890ac0]{margin-right:12px}.about-details[data-v-09890ac0]{flex:1;min-width:0}.tab-content[data-v-09890ac0]{padding:16px}.tab-title[data-v-09890ac0]{font-size:18px;font-weight:600;color:#333;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.content-wrapper[data-v-09890ac0]{line-height:1.6;color:#333}.content-block[data-v-09890ac0]{animation:fadeIn-09890ac0 .3s ease}.content-block[data-v-09890ac0] p{margin-bottom:16px;font-size:14px;line-height:1.6}.content-block[data-v-09890ac0] h2{font-size:18px;margin:24px 0 16px;color:#333}.content-block[data-v-09890ac0] h3{font-size:16px;margin:20px 0 14px;color:#333}.content-block[data-v-09890ac0] ul,.content-block[data-v-09890ac0] ol{padding-left:24px;margin-bottom:16px}.content-block[data-v-09890ac0] li{margin-bottom:8px}.content-block[data-v-09890ac0] a{color:#1677ff!important;text-decoration:underline!important}.content-block[data-v-09890ac0] img{max-width:100%;height:auto;border-radius:4px;margin:16px 0}@keyframes fadeIn-09890ac0{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.about-content[data-v-09890ac0]{flex-direction:column}.about-nav[data-v-09890ac0]{width:100%;flex-direction:row;flex-wrap:wrap;margin-bottom:16px}.about-nav>div[data-v-09890ac0]{flex:1;min-width:120px;justify-content:center}.nav-icon[data-v-09890ac0]{margin-right:8px}}@media (max-width: 480px){.content-container[data-v-09890ac0],.section-card[data-v-09890ac0]{padding:16px}.section-title[data-v-09890ac0]{font-size:20px}.tab-title[data-v-09890ac0]{font-size:16px}.about-nav>div[data-v-09890ac0]{min-width:100px;padding:10px;font-size:14px}.nav-icon[data-v-09890ac0]{display:none}.content-block[data-v-09890ac0] img{width:100%!important}}