.topic-letter-page[data-v-67c27cbd]{background:#fff;min-height:100vh}.topic-hero-section[data-v-67c27cbd]{background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden;padding:120px 0 80px;position:relative}.topic-hero-section[data-v-67c27cbd]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.05)' d='M100 0H0v100'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.topic-hero-content[data-v-67c27cbd]{position:relative;text-align:center;z-index:1}.topic-hero-title[data-v-67c27cbd]{color:#fff;font-size:64px;font-weight:700;line-height:1.2;margin-bottom:24px}.topic-hero-subtitle[data-v-67c27cbd]{color:#ffffffe6;font-size:20px;line-height:1.6;margin:0 auto;max-width:800px}.topic-content-section[data-v-67c27cbd]{background:#fff;padding:60px 0 100px}.topic-breadcrumb[data-v-67c27cbd]{color:#666;font-size:16px;margin-bottom:30px}.breadcrumb-link[data-v-67c27cbd]{color:#1b8445;text-decoration:none;transition:color .3s ease}.breadcrumb-link[data-v-67c27cbd]:hover{color:#f7b52c}.breadcrumb-separator[data-v-67c27cbd]{color:#999;margin:0 8px}.breadcrumb-current[data-v-67c27cbd]{color:#333;font-weight:500}.letter-navigation[data-v-67c27cbd]{border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;padding:20px 0}.letter-nav-item[data-v-67c27cbd]{align-items:center;background:#f8f9fa;border:2px solid transparent;border-radius:8px;color:#666;display:inline-flex;font-size:16px;font-weight:500;height:44px;justify-content:center;min-width:44px;padding:0 12px;text-decoration:none;transition:all .3s ease}.letter-nav-item[data-v-67c27cbd]:hover{box-shadow:0 4px 12px #1b844533;transform:translateY(-2px)}.letter-nav-item.active[data-v-67c27cbd],.letter-nav-item[data-v-67c27cbd]:hover{background:#1b8445;border-color:#1b8445;color:#fff}.letter-nav-item.active[data-v-67c27cbd]{font-weight:600}.topic-items-list[data-v-67c27cbd]{margin-bottom:40px}.empty-container[data-v-67c27cbd],.error-container[data-v-67c27cbd],.loading-container[data-v-67c27cbd]{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:400px}.spinner-border[data-v-67c27cbd]{animation:spin-67c27cbd 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1b8445;height:3rem;width:3rem}@keyframes spin-67c27cbd{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.topic-items-wrapper[data-v-67c27cbd]{display:flex;flex-wrap:wrap;gap:24px}.topic-item-pill[data-v-67c27cbd]{background:#f8f9fa;border:1px solid transparent;border-radius:6px;color:#333;display:inline-block;font-size:15px;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.topic-item-pill[data-v-67c27cbd]:hover{background:#1b8445;border-color:#1b8445;box-shadow:0 4px 12px #1b844533;color:#fff;transform:translateY(-2px)}.topic-pagination[data-v-67c27cbd]{display:flex;justify-content:center;margin-top:60px}.pagination[data-v-67c27cbd]{gap:8px;list-style:none;margin:0;padding:0}.page-item[data-v-67c27cbd],.page-link[data-v-67c27cbd],.pagination[data-v-67c27cbd]{display:flex}.page-link[data-v-67c27cbd]{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#666;font-size:16px;height:44px;justify-content:center;min-width:44px;padding:0 16px;text-decoration:none;transition:all .3s ease}.page-item.active .page-link[data-v-67c27cbd],.page-link[data-v-67c27cbd]:hover:not(.disabled){background:#1b8445;border-color:#1b8445;color:#fff}.page-item.active .page-link[data-v-67c27cbd]{font-weight:600}.page-link.disabled[data-v-67c27cbd]{cursor:not-allowed;opacity:.5;pointer-events:none}@media(max-width:1199px){.topic-hero-title[data-v-67c27cbd]{font-size:48px}.topic-hero-subtitle[data-v-67c27cbd]{font-size:18px}}@media(max-width:767px){.topic-hero-section[data-v-67c27cbd]{padding:80px 0 50px}.topic-hero-title[data-v-67c27cbd]{font-size:36px;margin-bottom:16px}.topic-hero-subtitle[data-v-67c27cbd]{font-size:16px;padding:0 20px}.topic-content-section[data-v-67c27cbd]{padding:40px 0 60px}.topic-breadcrumb[data-v-67c27cbd]{font-size:14px;margin-bottom:20px;padding:0 15px}.letter-navigation[data-v-67c27cbd]{gap:6px;margin-bottom:30px;padding:15px}.letter-nav-item[data-v-67c27cbd]{font-size:14px;height:40px;min-width:40px;padding:0 10px}.topic-items-grid[data-v-67c27cbd]{gap:16px;grid-template-columns:1fr;padding:0 15px}.topic-item-card[data-v-67c27cbd]{padding:20px}.topic-item-title[data-v-67c27cbd]{font-size:16px}.topic-item-description[data-v-67c27cbd]{font-size:13px}.topic-pagination[data-v-67c27cbd]{margin-top:40px;padding:0 15px}.pagination[data-v-67c27cbd]{flex-wrap:wrap;justify-content:center}.page-link[data-v-67c27cbd]{font-size:14px;height:40px;min-width:40px;padding:0 12px}}@media(max-width:480px){.topic-hero-title[data-v-67c27cbd]{font-size:28px}.letter-nav-item[data-v-67c27cbd]{font-size:13px;height:36px;min-width:36px}.topic-item-card[data-v-67c27cbd]{padding:16px}}