.article-page-wrapper[data-v-af727f07]{width:100%;max-width:1040px;margin:0 auto;padding:20px 0 40px;box-sizing:border-box}.top-navbar-wrapper[data-v-af727f07]{margin-bottom:10px;position:relative;z-index:100}.top-navbar-inner[data-v-af727f07]{background:#fbebff;border-radius:16px;height:50px;overflow:visible}.nav-menu-list[data-v-af727f07]{display:flex;align-items:center;list-style:none;margin:0;padding:0;height:50px;gap:0}.nav-item[data-v-af727f07]{position:relative;padding:0 24px;height:100%;display:flex;align-items:center;cursor:pointer;transition:background .2s}.nav-item[data-v-af727f07]:hover{background:#ffffff80}.nav-link[data-v-af727f07]{font-size:14px;color:#333;font-weight:500;display:flex;align-items:center;gap:4px;white-space:nowrap;-webkit-user-select:none;user-select:none}.nav-link[data-v-af727f07]:hover{color:#9f5bf5}.arrow[data-v-af727f07]{color:#999;font-size:12px;transition:transform .3s;display:inline-block}.arrow-rotate[data-v-af727f07]{transform:rotate(180deg)}.dropdown-menu-box[data-v-af727f07]{position:absolute;top:100%;left:0;width:220px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:12px 0 8px;z-index:100}.dropdown-menu-box[data-v-af727f07]:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.dropdown-menu-list[data-v-af727f07]{list-style:none;margin:0;padding:0}.dropdown-menu-list li[data-v-af727f07]{padding:10px 20px;font-size:14px;color:#333;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.dropdown-menu-list li[data-v-af727f07]:hover{background:#f5f5f5;color:#9f5bf5;border-left-color:#9f5bf5}.content-background-box[data-v-af727f07]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;min-height:500px;box-sizing:border-box;overflow-x:hidden}.right-content[data-v-af727f07]{display:flex;flex-direction:column;min-height:460px}.article-list-container[data-v-af727f07]{display:flex;flex-direction:column;flex:1}.article-card[data-v-af727f07]{display:flex;align-items:center;gap:16px;padding:16px 20px;min-height:152px;cursor:pointer;transition:opacity .2s;border-bottom:1px solid #f5f5f5}.article-card[data-v-af727f07]:last-child{border-bottom:none}.article-card[data-v-af727f07]:hover{opacity:.8}.article-image-wrapper[data-v-af727f07]{width:228px;min-width:228px;height:128px;border-radius:8px;overflow:hidden;background:#f5f5f5;flex-shrink:0}.article-image[data-v-af727f07]{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;transition:transform .3s}.article-image-wrapper:hover .article-image[data-v-af727f07]{transform:scale(1.05)}.article-content[data-v-af727f07]{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;height:128px;overflow:hidden}.article-title[data-v-af727f07]{font-size:16px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-date[data-v-af727f07]{font-size:12px;color:#999;margin-bottom:8px}.article-brief[data-v-af727f07]{font-size:13px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.empty-state[data-v-af727f07]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;min-height:300px}.empty-icon[data-v-af727f07]{font-size:64px;opacity:.4;margin-bottom:16px}.empty-text[data-v-af727f07]{font-size:15px;color:#999}.pagination-wrapper[data-v-af727f07]{padding:12px 20px;border-top:1px solid #f0f0f0;margin-top:auto}.pagination-content[data-v-af727f07]{display:flex;justify-content:flex-end;align-items:center;gap:12px}.pagination-total[data-v-af727f07]{font-size:14px;color:#555;white-space:nowrap}.pagination-controls[data-v-af727f07]{display:flex;align-items:center;background:#9f5bf5;border-radius:20px;padding:4px 8px;gap:8px}.pagination-btn[data-v-af727f07]{width:32px;height:32px;border-radius:50%;border:none;background:#fff;color:#9f5bf5;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pagination-btn[data-v-af727f07]:hover:not(:disabled){background:#f0e9ff}.pagination-btn[data-v-af727f07]:disabled{opacity:.4;cursor:not-allowed}.pagination-current[data-v-af727f07]{min-width:40px;height:32px;background:#9f5bf5;color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;padding:0 12px}.article-detail[data-v-af727f07]{padding:20px;flex:1}.back-btn[data-v-af727f07]{display:inline-flex;align-items:center;gap:6px;background:#9f5bf5;color:#fff;border:none;border-radius:25px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;margin-bottom:20px;box-shadow:0 2px 8px #9f5bf54d}.back-icon[data-v-af727f07]{font-size:16px;color:#fff}.back-btn[data-v-af727f07]:hover{background:#8b4ee6;transform:translateY(-2px);box-shadow:0 4px 12px #9f5bf566}.detail-title[data-v-af727f07]{font-size:22px;font-weight:700;color:#222;margin:0 0 8px;line-height:1.4}.detail-meta[data-v-af727f07]{font-size:13px;color:#999;margin-bottom:20px}.article-detail-content[data-v-af727f07]{line-height:1.8;color:#333;width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.article-detail-content[data-v-af727f07] img{max-width:100%!important;height:auto!important;border-radius:4px;display:block}.article-detail-content[data-v-af727f07] p{margin:12px 0}.article-detail-content[data-v-af727f07] a{word-break:break-all}.article-detail-content[data-v-af727f07] h1,.article-detail-content[data-v-af727f07] h2,.article-detail-content[data-v-af727f07] h3,.article-detail-content[data-v-af727f07] h4,.article-detail-content[data-v-af727f07] h5,.article-detail-content[data-v-af727f07] h6{color:#1a1a1a;font-weight:600;line-height:1.4}.article-detail-content[data-v-af727f07] h1{font-size:26px;margin:28px 0 14px}.article-detail-content[data-v-af727f07] h2{font-size:22px;margin:24px 0 12px}.article-detail-content[data-v-af727f07] h3{font-size:18px;margin:20px 0 10px}.article-detail-content[data-v-af727f07] h4{font-size:16px;margin:16px 0 8px}.article-detail-content[data-v-af727f07] h5,.article-detail-content[data-v-af727f07] h6{font-size:15px;margin:14px 0 6px}@media (max-width: 768px){.article-detail-content[data-v-af727f07] h1{font-size:22px}.article-detail-content[data-v-af727f07] h2{font-size:19px}.article-detail-content[data-v-af727f07] h3{font-size:17px}.article-detail-content[data-v-af727f07] h4{font-size:15px}}.article-detail-content[data-v-af727f07] table{max-width:100%;border-collapse:collapse}.article-detail-content[data-v-af727f07] th,.article-detail-content[data-v-af727f07] td{padding:8px 12px;border:1px solid #e8e8e8}.article-detail-content[data-v-af727f07] div,.article-detail-content[data-v-af727f07] section,.article-detail-content[data-v-af727f07] article{max-width:100%!important}.article-detail-content[data-v-af727f07] video{max-width:100%!important;height:auto!important}.article-detail-content[data-v-af727f07] iframe,.article-detail-content[data-v-af727f07] embed,.article-detail-content[data-v-af727f07] object{max-width:100%!important;width:100%;min-height:200px;aspect-ratio:16 / 9}@media (max-width: 1100px){.article-page-wrapper[data-v-af727f07]{max-width:100%;padding:16px 20px 40px}}@media (max-width: 768px){.article-page-wrapper[data-v-af727f07]{padding:12px 16px 32px}.top-navbar-wrapper[data-v-af727f07]{width:100%;overflow:visible}.top-navbar-inner[data-v-af727f07]{height:auto;min-height:50px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;box-sizing:border-box}.nav-menu-list[data-v-af727f07]{height:auto;min-height:50px;white-space:nowrap;min-width:max-content;flex-wrap:nowrap}.nav-item[data-v-af727f07]{padding:0 16px;height:50px;flex-shrink:0}.dropdown-menu-box[data-v-af727f07]{position:fixed!important;top:auto!important;left:auto!important;width:250px!important;max-width:calc(100vw - 40px)!important;z-index:50!important;box-shadow:0 4px 16px #00000026!important;max-height:50vh!important;overflow-y:auto!important}.dropdown-menu-box.dropdown-show[data-v-af727f07]{display:block!important;visibility:visible!important;opacity:1!important}.content-background-box[data-v-af727f07]{padding:16px;margin-left:0;margin-right:0}.article-card[data-v-af727f07]{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 0}.article-image-wrapper[data-v-af727f07]{width:100%;min-width:100%;height:180px}.article-content[data-v-af727f07]{height:auto;width:100%}.article-detail[data-v-af727f07]{padding:0 4px}.article-detail-content[data-v-af727f07]{font-size:15px}.article-detail-content[data-v-af727f07] img{max-width:100%!important}.article-detail-content[data-v-af727f07] table{font-size:13px}.article-detail-content[data-v-af727f07] th,.article-detail-content[data-v-af727f07] td{padding:6px 8px;white-space:normal;word-break:break-word}}