.app[data-v-b4666b32]{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.header[data-v-b4666b32]{position:fixed;top:0;left:0;right:0;height:56px;background-color:#fff;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100}.article-header[data-v-b4666b32]{justify-content:space-between}.back-btn[data-v-b4666b32]{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s}.back-btn[data-v-b4666b32]:hover{background-color:#f0f0f0}.header-title[data-v-b4666b32]{font-size:18px;font-weight:600;color:#333;margin:0}.header-right[data-v-b4666b32]{display:flex;align-items:center}.nav-btn[data-v-b4666b32]{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s}.nav-btn[data-v-b4666b32]:hover{background-color:#f0f0f0}.nav-menu[data-v-b4666b32]{position:fixed;top:0;right:0;width:280px;height:100vh;background-color:#fff;box-shadow:-2px 0 8px #0000001a;z-index:101;animation:slideIn-b4666b32 .3s ease-out}@keyframes slideIn-b4666b32{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-menu-content[data-v-b4666b32]{padding:20px;height:100%;overflow-y:auto}.nav-menu-content h3[data-v-b4666b32]{font-size:16px;font-weight:600;margin-bottom:16px;color:#333}.category-tree[data-v-b4666b32]{list-style:none}.category-name[data-v-b4666b32]{display:block;font-weight:500;margin:12px 0 8px;color:#333}.sub-category[data-v-b4666b32]{list-style:none;padding-left:16px;margin-bottom:16px}.sub-category li[data-v-b4666b32]{margin:8px 0}.sub-category a[data-v-b4666b32]{text-decoration:none;color:#666;font-size:14px;transition:color .3s}.sub-category a[data-v-b4666b32]:hover{color:#007bff}.close-btn[data-v-b4666b32]{margin-top:24px;padding:8px 16px;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;width:100%;font-size:14px;transition:background-color .3s}.close-btn[data-v-b4666b32]:hover{background-color:#e0e0e0}.main-content[data-v-b4666b32]{flex:1;padding-top:56px;padding-bottom:60px}.bottom-nav[data-v-b4666b32]{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#fff;box-shadow:0 -2px 8px #0000001a;display:flex;justify-content:space-around;align-items:center;z-index:100}.nav-item[data-v-b4666b32]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#666;font-size:12px;transition:color .3s;flex:1}.nav-item[data-v-b4666b32]:hover{color:#007bff}.nav-icon[data-v-b4666b32]{font-size:20px;margin-bottom:4px}.nav-text[data-v-b4666b32]{font-size:12px}.router-link-active[data-v-b4666b32]{color:#007bff}.fade-enter-active[data-v-b4666b32],.fade-leave-active[data-v-b4666b32]{transition:opacity .3s ease}.fade-enter-from[data-v-b4666b32],.fade-leave-to[data-v-b4666b32]{opacity:0}