.article-page[data-v-765c86a7]{min-height:100vh;background-color:#f5f5f5;padding:20px 0}.article-container[data-v-765c86a7]{max-width:85%;margin:0 auto;display:flex;gap:20px;align-items:flex-start}.sidebar[data-v-765c86a7]{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.nav-section[data-v-765c86a7]{background-color:var(--color-background,#fff);border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014}.nav-title[data-v-765c86a7]{font-size:16px;font-weight:600;color:var(--color-text,#333);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.nav-item[data-v-765c86a7]{padding:12px 16px;background-color:#f8f9fa;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:14px;color:#666;border:1px solid transparent}.nav-item[data-v-765c86a7]:hover{background-color:#e9ecef;color:var(--color-text,#333)}.nav-item.active[data-v-765c86a7]{background-color:var(--color);color:#fff;border-color:var(--color)}.primary-nav .nav-grid[data-v-765c86a7]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.primary-nav .nav-item[data-v-765c86a7]{text-align:center}.primary-nav .nav-item.disabled[data-v-765c86a7]{opacity:.6;cursor:not-allowed;pointer-events:none}.secondary-nav .nav-loading[data-v-765c86a7]{padding:20px;text-align:center}.secondary-nav .nav-loading .loading-text[data-v-765c86a7]{font-size:14px;color:#999}.secondary-nav .nav-empty[data-v-765c86a7]{padding:20px;text-align:center;color:#999;font-size:14px}.secondary-nav .nav-list[data-v-765c86a7]{display:flex;flex-direction:column;gap:8px}.secondary-nav .nav-item[data-v-765c86a7]{text-align:left}.content-area[data-v-765c86a7]{flex:1;min-width:0}.state-container[data-v-765c86a7]{background-color:var(--color-background,#fff);border-radius:8px;padding:60px 40px;text-align:center;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.state-text[data-v-765c86a7]{font-size:16px;color:var(--color-text,#666);margin-top:15px}.error .error-icon[data-v-765c86a7]{font-size:48px;margin-bottom:10px}.error .state-text[data-v-765c86a7]{color:var(--color-error,#f56c6c);margin-bottom:20px}.retry-btn[data-v-765c86a7]{padding:10px 24px;background-color:var(--color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;margin-top:10px}.retry-btn[data-v-765c86a7]:hover{background-color:var(--color-primary,#0971c7);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.retry-btn[data-v-765c86a7]:active{transform:translateY(0)}.article-content[data-v-765c86a7]{background-color:var(--color-background,#fff);border-radius:8px;padding:40px;box-shadow:0 2px 8px #00000014;animation:fadeInUp-765c86a7 .4s ease-out}@keyframes fadeInUp-765c86a7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-title[data-v-765c86a7]{text-align:center;overflow-wrap:anywhere;font-size:28px;font-weight:600;color:var(--color-text,#333);margin-bottom:20px;line-height:1.5}.article-body[data-v-765c86a7]{font-size:16px;line-height:1.8;color:var(--color-text,#333)}.article-body[data-v-765c86a7] p{margin-bottom:20px}.article-body[data-v-765c86a7] ol,.article-body[data-v-765c86a7] ul{margin-bottom:20px;padding-left:30px}.article-body[data-v-765c86a7] li{margin-bottom:10px}.article-body[data-v-765c86a7] img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.article-body[data-v-765c86a7] h1,.article-body[data-v-765c86a7] h2,.article-body[data-v-765c86a7] h3,.article-body[data-v-765c86a7] h4,.article-body[data-v-765c86a7] h5,.article-body[data-v-765c86a7] h6{font-weight:600;color:var(--color-text,#333);margin-top:30px;margin-bottom:15px}.article-body[data-v-765c86a7] h1{font-size:24px}.article-body[data-v-765c86a7] h2{font-size:22px}.article-body[data-v-765c86a7] h3{font-size:20px}.article-body[data-v-765c86a7] blockquote{border-left:4px solid #e0e0e0;padding-left:20px;margin:20px 0;color:#666;font-style:italic;background-color:#f8f9fa;border-radius:4px}.article-body[data-v-765c86a7] a{color:var(--color-text,#333);text-decoration:none;transition:color .3s ease}.article-body[data-v-765c86a7] a:hover{text-decoration:underline;color:#666}.article-body[data-v-765c86a7] table{width:100%;border-collapse:collapse;margin:20px 0}.article-body[data-v-765c86a7] td,.article-body[data-v-765c86a7] th{border:1px solid #e0e0e0;padding:12px;text-align:left}.article-body[data-v-765c86a7] th{background-color:#f8f9fa;font-weight:600;color:var(--color-text,#333)}.article-body[data-v-765c86a7] code{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;color:var(--color-text,#333)}.article-body[data-v-765c86a7] pre{background-color:#f5f5f5;padding:15px;border-radius:4px;overflow-x:auto;margin:20px 0}.article-body[data-v-765c86a7] pre code{background-color:transparent;padding:0}.fade-enter-active[data-v-765c86a7],.fade-leave-active[data-v-765c86a7]{transition:opacity .3s ease}.fade-enter-from[data-v-765c86a7],.fade-leave-to[data-v-765c86a7]{opacity:0}@media(max-width:768px){.article-container[data-v-765c86a7]{flex-direction:column;padding:0 15px;gap:15px}.sidebar[data-v-765c86a7]{width:100%}.nav-section[data-v-765c86a7]{padding:15px}.primary-nav .nav-grid[data-v-765c86a7]{grid-template-columns:repeat(2,1fr);gap:8px}.primary-nav .nav-item[data-v-765c86a7],.secondary-nav .nav-item[data-v-765c86a7]{padding:10px 12px;font-size:13px}.article-content[data-v-765c86a7]{padding:20px}.article-title[data-v-765c86a7]{font-size:22px}.article-body[data-v-765c86a7]{font-size:14px;line-height:1.6}.state-container[data-v-765c86a7]{padding:40px 20px;min-height:300px}}