.layout[data-v-86e49b47]{display:flex}.layout-main[data-v-86e49b47]{width:100%;max-width:1280px;margin:0 auto;padding:0 16px;box-sizing:border-box}.header-wrapper[data-v-bd890c54]{margin:20px 0}@media (max-width:768px){.header-wrapper[data-v-bd890c54]{margin-top:64px}}.card[data-v-b568ef9c]{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:100%;border:1px solid #f1f5f9;overflow:hidden;font-size:13px;transition:transform .2s ease,box-shadow .2s ease}.card[data-v-b568ef9c]:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.card-header[data-v-b568ef9c]{gap:8px;padding:12px;border-bottom:1px solid #f1f5f9;background:#fafbfc;display:flex;align-items:center}.icon-wrapper[data-v-b568ef9c]{display:flex;align-items:center;width:30px;height:30px;border-radius:6px;background:var(--theme-color-light);justify-content:center;flex-shrink:0}.icon-wrapper svg[data-v-b568ef9c]{color:var(--theme-color)}.card-title[data-v-b568ef9c]{flex:1;font-size:14px;font-weight:600;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.badge-link[data-v-b568ef9c]{display:flex;align-items:center}.badge[data-v-b568ef9c]{font-size:11px;padding:4px 8px;border-radius:999px;background:var(--badge-bg);color:var(--theme-color);font-weight:500;white-space:nowrap;transition:all .2s ease}.badge-link:hover .badge[data-v-b568ef9c]{transform:scale(1.05)}.card-body[data-v-b568ef9c]{padding:8px;flex:1;overflow-y:auto}.article-item[data-v-b568ef9c]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .2s ease}.article-item[data-v-b568ef9c]:hover{background:var(--theme-color-ultralight)}.article-item:hover .article-title[data-v-b568ef9c]{color:var(--theme-color)}.article-item:hover .article-index[data-v-b568ef9c]{background:var(--theme-color);color:#fff}.article-index[data-v-b568ef9c]{width:20px;height:20px;font-size:12px;border-radius:5px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;transition:all .2s ease}.article-title[data-v-b568ef9c]{flex:1;font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;transition:color .2s ease}.article-date[data-v-b568ef9c]{font-size:12px;color:#9ca3af;flex-shrink:0}.card.blue[data-v-b568ef9c]{--theme-color:#2563eb;--theme-color-light:rgba(37,99,235,.15);--theme-color-ultralight:rgba(37,99,235,.06);--badge-bg:#e0e7ff}@media (max-width:640px){.card[data-v-b568ef9c]{font-size:12px}.card-header[data-v-b568ef9c]{padding:10px}.card-title[data-v-b568ef9c]{font-size:13px}.article-title[data-v-b568ef9c]{font-size:12px}.article-date[data-v-b568ef9c]{font-size:11px}}.article-container[data-v-62ac372f]{max-width:1400px;margin:0 auto}.section-header[data-v-62ac372f]{text-align:center;margin-bottom:32px}.section-header .section-title[data-v-62ac372f]{font-size:26px;font-weight:700;color:#1f2937;margin:0 0 6px;letter-spacing:-.02em}.section-header .section-subtitle[data-v-62ac372f]{font-size:13px;color:#6b7280;margin:0;font-weight:400}.article-grid[data-v-62ac372f]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:640px){.article-container[data-v-62ac372f]{padding:24px 14px}.article-grid[data-v-62ac372f]{grid-template-columns:1fr;gap:12px}.section-header[data-v-62ac372f]{margin-bottom:20px}.section-header .section-title[data-v-62ac372f]{font-size:20px}.section-header .section-subtitle[data-v-62ac372f]{font-size:12px}}.tools-wrapper[data-v-1c90189e]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.desc[data-v-1c90189e],h3[data-v-1c90189e]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;text-align:left}@media (max-width:768px){.desc[data-v-1c90189e]{display:none}.tool[data-v-1c90189e]{background:0 0!important;box-shadow:none!important;padding:0!important}h3[data-v-1c90189e]{font-size:10px!important}}.footer-wrapper[data-v-cccc9886]{padding-top:20px}.footer-main[data-v-cccc9886]{display:flex;justify-content:flex-start;margin-bottom:20px}.footer-brand .brand-logo[data-v-cccc9886]{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-text[data-v-cccc9886]{display:flex;flex-direction:column}.brand-name[data-v-cccc9886]{font-weight:700;background:linear-gradient(0deg,#00c6fb,#005bea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-description[data-v-cccc9886]{color:#64748b;font-size:12px;line-height:1.4}.footer-bottom[data-v-cccc9886]{justify-content:space-between;padding:20px;border-top:1px solid rgba(0,0,0,.08)}.bottom-left[data-v-cccc9886],.footer-bottom[data-v-cccc9886]{display:flex;align-items:center}.bottom-left[data-v-cccc9886]{gap:12px}.copyright[data-v-cccc9886]{color:#64748b;font-size:12px}.bottom-right .social-links[data-v-cccc9886]{display:flex;gap:8px}.bottom-right .social-item[data-v-cccc9886]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;color:#64748b;font-size:20px;transition:all .3s}.bottom-right .social-item[data-v-cccc9886]:hover{transform:translateY(-3px);color:#407bff}@media (max-width:768px){.footer-bottom[data-v-cccc9886]{flex-direction:column;gap:12px;text-align:center}.bottom-left[data-v-cccc9886]{flex-direction:column;gap:6px}.footer-main[data-v-cccc9886]{justify-content:center}}