@charset "UTF-8";.comment-section .section-header[data-v-8cc74cdb]{margin-bottom:24px}.comment-section .section-header .section-title[data-v-8cc74cdb]{font-size:24px;font-weight:600;color:#333;margin:0}.comment-section .section-header .section-title .comment-count[data-v-8cc74cdb]{font-size:18px;color:#999;font-weight:400}.comment-section .comment-form[data-v-8cc74cdb]{display:flex;gap:12px;margin-bottom:32px;padding:20px;background:#f9fafb;border-radius:12px}.comment-section .comment-form .input-wrapper[data-v-8cc74cdb]{flex:1}.comment-section .comment-form .input-wrapper .form-actions[data-v-8cc74cdb]{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.comment-section .login-prompt[data-v-8cc74cdb]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 32px;background:linear-gradient(135deg,#fff5e6,#fff9e6);border:2px dashed rgba(255,159,74,.3);border-radius:16px;color:#666;margin-bottom:32px;cursor:pointer;transition:all .3s ease}.comment-section .login-prompt[data-v-8cc74cdb]:hover{background:linear-gradient(135deg,#fff9e6,#ffedcc);border-color:#ff9f4a80;transform:translateY(-2px);box-shadow:0 8px 20px #ff9f4a26}.comment-section .login-prompt .el-icon[data-v-8cc74cdb]{font-size:32px;color:#ff9f4a}.comment-section .login-prompt span[data-v-8cc74cdb]{font-size:16px;color:#666}.comment-section .comment-list .comment-item[data-v-8cc74cdb]{margin-bottom:24px;padding:20px;background:#fff;border:1px solid #eee;border-radius:12px;position:relative;transition:all .3s ease}.comment-section .comment-list .comment-item[data-v-8cc74cdb]:hover{border-color:#ddd;box-shadow:0 2px 12px #0000000d}.comment-section .comment-list .comment-item.is-top[data-v-8cc74cdb]{border-color:#ffc107;background:linear-gradient(to bottom,#fffbf0,#fff)}.comment-section .comment-list .comment-item.is-admin[data-v-8cc74cdb]{background:linear-gradient(to bottom,#f0f4ff,#fff)}.comment-section .comment-list .comment-item .top-badge[data-v-8cc74cdb]{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 12px;background:#ffc107;color:#fff;border-radius:12px;font-size:12px;font-weight:500}.comment-section .comment-list .comment-item .top-badge .el-icon[data-v-8cc74cdb]{font-size:14px}.comment-section .comment-list .comment-item .comment-content-wrapper[data-v-8cc74cdb]{display:flex;gap:12px}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-avatar[data-v-8cc74cdb]{flex-shrink:0}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body[data-v-8cc74cdb]{flex:1;min-width:0}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-header[data-v-8cc74cdb]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-header .comment-author[data-v-8cc74cdb]{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:#333}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-header .comment-time[data-v-8cc74cdb]{font-size:13px;color:#999}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-text[data-v-8cc74cdb]{font-size:14px;line-height:1.6;color:#666;margin-bottom:12px;white-space:pre-wrap;word-break:break-word}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-actions[data-v-8cc74cdb]{display:flex;gap:16px}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-actions .action-btn[data-v-8cc74cdb]{display:flex;align-items:center;gap:4px;padding:4px 12px;border:none;background:none;color:#999;font-size:13px;cursor:pointer;border-radius:4px;transition:all .3s ease}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-actions .action-btn[data-v-8cc74cdb]:hover{background:#667eea1a;color:#667eea}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-actions .action-btn .el-icon[data-v-8cc74cdb]{font-size:14px}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-replies[data-v-8cc74cdb]{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-replies .reply-item[data-v-8cc74cdb]{display:flex;gap:10px;margin-bottom:12px}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-replies .reply-item[data-v-8cc74cdb]:last-child{margin-bottom:0}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-replies .reply-item .reply-avatar[data-v-8cc74cdb]{flex-shrink:0}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-replies .reply-item .reply-body[data-v-8cc74cdb]{flex:1;min-width:0}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-replies .reply-item .reply-body .reply-header[data-v-8cc74cdb]{display:flex;align-items:center;gap:10px;margin-bottom:6px}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-replies .reply-item .reply-body .reply-header .reply-author[data-v-8cc74cdb]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#333}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-replies .reply-item .reply-body .reply-header .reply-time[data-v-8cc74cdb]{font-size:12px;color:#999}.comment-section .comment-list .comment-item .comment-content-wrapper .comment-body .comment-replies .reply-item .reply-body .reply-text[data-v-8cc74cdb]{font-size:13px;line-height:1.5;color:#666;white-space:pre-wrap;word-break:break-word}.comment-section .empty-comments[data-v-8cc74cdb]{text-align:center;padding:60px 20px;color:#999}.comment-section .empty-comments .el-icon[data-v-8cc74cdb]{font-size:48px;margin-bottom:12px;color:#ccc}.comment-section .empty-comments p[data-v-8cc74cdb]{font-size:14px;margin:0}.article-detail-page[data-v-2a2cd3f4]{min-height:100vh;background:linear-gradient(180deg,#feb580,#ffc649,#ffe4af 30%,#a5d1b8,#ffe4af 70%,#ffc649,#feb580)}.mobile-header[data-v-2a2cd3f4]{position:fixed;top:0;left:0;right:0;height:60px;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;transition:background-color .3s ease,box-shadow .3s ease}.mobile-header.is-scrolled[data-v-2a2cd3f4]{background:linear-gradient(135deg,#feb580f2,#ffc649f2);backdrop-filter:blur(10px);box-shadow:0 2px 8px #feb58026}.mobile-header .mobile-menu-btn[data-v-2a2cd3f4]{width:36px;height:36px;border:none;border-radius:12px;background:#feb580e6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-header .mobile-menu-btn[data-v-2a2cd3f4]:hover{background:#feb580;transform:scale(1.05)}.mobile-header .mobile-logo .logo-icon[data-v-2a2cd3f4]{height:28px;width:auto}.mobile-header .mobile-cta-btn[data-v-2a2cd3f4]{padding:8px 16px;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;border-radius:20px;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.mobile-header .mobile-cta-btn[data-v-2a2cd3f4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}@media (min-width: 768px){.mobile-header[data-v-2a2cd3f4]{display:none}}.desktop-header[data-v-2a2cd3f4]{position:fixed;top:0;left:0;right:0;height:80px;background:transparent;z-index:100;transition:background-color .3s ease,box-shadow .3s ease}.desktop-header.is-scrolled[data-v-2a2cd3f4]{background:linear-gradient(135deg,#feb580f2,#ffc649f2);backdrop-filter:blur(10px);box-shadow:0 2px 8px #feb58026}@media (max-width: 767px){.desktop-header[data-v-2a2cd3f4]{display:none}}.desktop-header .header-content[data-v-2a2cd3f4]{max-width:1400px;margin:0 auto;height:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.desktop-header .logo-section[data-v-2a2cd3f4]{text-decoration:none}.desktop-header .logo-section .logo-icon[data-v-2a2cd3f4]{height:36px;width:auto}.desktop-header .header-actions[data-v-2a2cd3f4]{display:flex;align-items:center;gap:24px}.desktop-header .nav-link[data-v-2a2cd3f4]{color:#ffffffe6;text-decoration:none;font-size:15px;font-weight:500;transition:color .3s ease;position:relative;padding:4px 0}.desktop-header .nav-link[data-v-2a2cd3f4]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.desktop-header .nav-link[data-v-2a2cd3f4]:hover{color:#fff}.desktop-header .nav-link[data-v-2a2cd3f4]:hover:after{width:100%}.desktop-header .cta-btn[data-v-2a2cd3f4]{background:linear-gradient(135deg,#f59e0b,#ea580c);border:none;border-radius:20px;padding:8px 20px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #f59e0b4d;transition:all .3s ease;text-decoration:none;display:inline-block}.desktop-header .cta-btn[data-v-2a2cd3f4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.main-content[data-v-2a2cd3f4]{min-height:calc(100vh - 80px)}.breadcrumb-nav[data-v-2a2cd3f4]{padding:80px 0 0;background:transparent}@media (max-width: 767px){.breadcrumb-nav[data-v-2a2cd3f4]{padding:60px 0 0}}.container[data-v-2a2cd3f4]{max-width:1200px;margin:0 auto}.breadcrumb-content[data-v-2a2cd3f4]{display:flex;align-items:center;gap:8px;padding:16px 48px;font-size:14px}@media (max-width: 767px){.breadcrumb-content[data-v-2a2cd3f4]{padding:12px 16px;font-size:12px;gap:6px}}.breadcrumb-item[data-v-2a2cd3f4]{color:#8b5a2b;text-decoration:none;transition:color .3s ease}.breadcrumb-item[data-v-2a2cd3f4]:hover:not(.current){color:#6b4423;text-decoration:underline}.breadcrumb-item.current[data-v-2a2cd3f4]{color:#6b4423;font-weight:500}@media (max-width: 767px){.breadcrumb-item.current[data-v-2a2cd3f4]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.breadcrumb-separator[data-v-2a2cd3f4]{color:#ccc;user-select:none;margin:0 4px}.loading-state[data-v-2a2cd3f4],.error-state[data-v-2a2cd3f4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px;text-align:center}.loading-state .loading-icon[data-v-2a2cd3f4],.loading-state .error-icon[data-v-2a2cd3f4],.error-state .loading-icon[data-v-2a2cd3f4],.error-state .error-icon[data-v-2a2cd3f4]{font-size:64px;color:#8b95a5;margin-bottom:20px}.loading-state span[data-v-2a2cd3f4],.loading-state p[data-v-2a2cd3f4],.error-state span[data-v-2a2cd3f4],.error-state p[data-v-2a2cd3f4]{font-size:16px;color:#5a6c7d;margin:16px 0}.article-container[data-v-2a2cd3f4]{max-width:900px;margin:40px auto;padding:48px 64px;background:#fff;border-radius:16px;box-shadow:0 2px 24px #0000000d;animation:fadeInUp-2a2cd3f4 .6s ease}@media (max-width: 767px){.article-container[data-v-2a2cd3f4]{padding:24px 20px;margin-top:20px;margin-bottom:20px;border-radius:0}}@keyframes fadeInUp-2a2cd3f4{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.article-header[data-v-2a2cd3f4]{padding:48px 0 32px;text-align:center}@media (max-width: 767px){.article-header[data-v-2a2cd3f4]{padding:32px 0 24px}}.article-header .article-title[data-v-2a2cd3f4]{font-size:38px;font-weight:700;color:#2c3e50;line-height:1.4;margin-bottom:24px}@media (max-width: 767px){.article-header .article-title[data-v-2a2cd3f4]{font-size:26px}}.article-header .article-title[data-v-2a2cd3f4]:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#ff9f4a,#ffb84d);margin:16px auto 0;border-radius:2px}@media (max-width: 767px){.article-header .article-title[data-v-2a2cd3f4]:after{width:40px}}.article-header .article-meta[data-v-2a2cd3f4]{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;color:#8b95a5;font-size:14px;margin-bottom:20px}@media (max-width: 767px){.article-header .article-meta[data-v-2a2cd3f4]{gap:16px;font-size:13px}}.article-header .article-meta .meta-item[data-v-2a2cd3f4]{display:flex;align-items:center;gap:6px}.article-header .article-meta .meta-item .meta-icon[data-v-2a2cd3f4]{color:#ff9f4a;font-size:16px}.article-header .article-category[data-v-2a2cd3f4]{display:flex;justify-content:center;margin:16px 0 20px}.article-header .article-category .category-badge[data-v-2a2cd3f4]{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:linear-gradient(135deg,#ff9f4a,#ffb84d);color:#fff;text-decoration:none;border-radius:20px;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #ff9f4a40}.article-header .article-category .category-badge .category-icon[data-v-2a2cd3f4]{font-size:16px}.article-header .article-category .category-badge[data-v-2a2cd3f4]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff9f4a66;background:linear-gradient(135deg,#ff8c3a,#ffb03d)}@media (max-width: 767px){.article-header .article-category .category-badge[data-v-2a2cd3f4]{font-size:13px;padding:6px 16px}}.article-header .article-tags[data-v-2a2cd3f4]{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.article-header .article-tags .tag[data-v-2a2cd3f4]{background:linear-gradient(135deg,#fff5e6,#fff9e6);color:#ff9f4a;border:1px solid rgba(255,159,74,.25);padding:6px 14px;border-radius:16px;font-size:13px;font-weight:500;transition:all .3s ease;cursor:pointer}.article-header .article-tags .tag[data-v-2a2cd3f4]:hover{background:linear-gradient(135deg,#ff9f4a,#ffb84d);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff9f4a4d}.article-cover[data-v-2a2cd3f4]{position:relative;width:100%;height:420px;border-radius:16px;overflow:hidden;margin-bottom:48px;box-shadow:0 8px 32px #00000014}@media (max-width: 1024px){.article-cover[data-v-2a2cd3f4]{height:320px}}@media (max-width: 767px){.article-cover[data-v-2a2cd3f4]{height:220px;margin-bottom:32px;border-radius:12px}}.article-cover .cover-image[data-v-2a2cd3f4]{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.article-cover:hover .cover-image[data-v-2a2cd3f4]{transform:scale(1.05)}.article-cover .image-error[data-v-2a2cd3f4]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f7f9fc;font-size:64px;color:#c2c9d1}@media (max-width: 767px){.article-cover .image-error[data-v-2a2cd3f4]{font-size:48px}}.article-content[data-v-2a2cd3f4]{font-size:17px;line-height:1.85;color:#2c3e50;margin-bottom:48px}@media (max-width: 767px){.article-content[data-v-2a2cd3f4]{font-size:16px;line-height:1.8}}.article-content[data-v-2a2cd3f4] p{margin:24px 0}.article-content[data-v-2a2cd3f4] h2{font-size:28px;font-weight:600;color:#2c3e50;margin:48px 0 24px;padding-left:20px;border-left:4px solid #FF9F4A}@media (max-width: 767px){.article-content[data-v-2a2cd3f4] h2{font-size:22px;margin:36px 0 20px}}.article-content[data-v-2a2cd3f4] h3{font-size:22px;font-weight:600;color:#2c3e50;margin:36px 0 20px}@media (max-width: 767px){.article-content[data-v-2a2cd3f4] h3{font-size:19px}}.article-content[data-v-2a2cd3f4] h4{font-size:18px;font-weight:600;margin:24px 0 12px}.article-content[data-v-2a2cd3f4] img{max-width:100%;height:auto;border-radius:12px;margin:32px auto;display:block;box-shadow:0 4px 16px #00000014}.article-content[data-v-2a2cd3f4] a{color:#ff9f4a;text-decoration:none;border-bottom:1px solid rgba(255,107,157,.3);transition:all .3s ease}.article-content[data-v-2a2cd3f4] a:hover{color:#85c8a0;border-bottom-color:#85c8a0}.article-content[data-v-2a2cd3f4] ul,.article-content[data-v-2a2cd3f4] ol{padding-left:32px;margin:24px 0}.article-content[data-v-2a2cd3f4] ul li,.article-content[data-v-2a2cd3f4] ol li{margin:12px 0;line-height:1.8}.article-content[data-v-2a2cd3f4] blockquote{position:relative;margin:32px 0;padding:24px 24px 24px 56px;background:linear-gradient(135deg,#fff5f7,#fff9f5);border-left:4px solid #FF9F4A;border-radius:12px;color:#5a6c7d;font-style:italic}.article-content[data-v-2a2cd3f4] blockquote:before{content:'"';position:absolute;left:16px;top:12px;font-size:48px;color:#ff6b9d33;font-family:Georgia,serif;line-height:1}.article-content[data-v-2a2cd3f4] code{background:#f7f9fc;padding:3px 8px;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:15px;color:#85c8a0}.article-content[data-v-2a2cd3f4] pre{background:#2c3e50;padding:24px;border-radius:12px;overflow-x:auto;margin:32px 0}.article-content[data-v-2a2cd3f4] pre code{background:none;color:#e8f5e9;padding:0}.article-content[data-v-2a2cd3f4] strong{color:#ff9f4a;font-weight:600}.article-content[data-v-2a2cd3f4] em{color:#85c8a0}.related-roles[data-v-2a2cd3f4]{margin:64px 0;padding:40px;background:linear-gradient(135deg,#fff5f7,#fff9f5);border-radius:20px;border:2px dashed rgba(255,107,157,.2)}@media (max-width: 767px){.related-roles[data-v-2a2cd3f4]{margin:48px 0;padding:24px 16px}}.related-roles .section-header[data-v-2a2cd3f4]{text-align:center;margin-bottom:32px}.related-roles .section-header .emoji-icon[data-v-2a2cd3f4]{font-size:48px;margin-bottom:16px}.related-roles .section-header .section-title[data-v-2a2cd3f4]{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:12px}@media (max-width: 767px){.related-roles .section-header .section-title[data-v-2a2cd3f4]{font-size:22px}}.related-roles .section-header .section-subtitle[data-v-2a2cd3f4]{font-size:15px;color:#8b95a5}.related-roles .role-cards[data-v-2a2cd3f4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}@media (max-width: 767px){.related-roles .role-cards[data-v-2a2cd3f4]{grid-template-columns:1fr}}.related-roles .role-cards .role-card[data-v-2a2cd3f4]{background:#fff;padding:24px;border-radius:16px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.related-roles .role-cards .role-card[data-v-2a2cd3f4]:hover{transform:translateY(-8px);box-shadow:0 12px 32px #ff6b9d33;border-color:#ff9f4a}.related-roles .role-cards .role-card:hover .role-avatar[data-v-2a2cd3f4]{transform:scale(1.1);box-shadow:0 8px 24px #ff6b9d4d}.related-roles .role-cards .role-card .role-avatar[data-v-2a2cd3f4]{margin:0 auto 16px;border:3px solid #FFF5E6;transition:all .4s ease}.related-roles .role-cards .role-card .role-name[data-v-2a2cd3f4]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:8px}.related-roles .role-cards .role-card .role-desc[data-v-2a2cd3f4]{font-size:14px;color:#8b95a5;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-roles .role-cards .role-card .role-cta[data-v-2a2cd3f4]{padding:8px 20px;background:linear-gradient(135deg,#ff9f4a,#ff4081);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.related-roles .role-cards .role-card .role-cta[data-v-2a2cd3f4]:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff6b9d66}.article-actions[data-v-2a2cd3f4]{display:flex;justify-content:center;margin:48px 0}@media (max-width: 767px){.article-actions[data-v-2a2cd3f4]{margin:36px 0}}.article-actions .like-button[data-v-2a2cd3f4]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 24px;background:#fff;border:2px solid rgba(255,159,74,.2);border-radius:16px;cursor:pointer;transition:all .3s ease}@media (max-width: 767px){.article-actions .like-button[data-v-2a2cd3f4]{padding:10px 20px}}.article-actions .like-button[data-v-2a2cd3f4]:hover{border-color:#ff9f4a;transform:translateY(-2px);box-shadow:0 8px 20px #ff9f4a33}.article-actions .like-button.liked[data-v-2a2cd3f4]{background:linear-gradient(135deg,#ff9f4a,#ffb84d);border-color:#ff9f4a}.article-actions .like-button.liked .heart-icon[data-v-2a2cd3f4]{color:#fff;animation:heartbeat-2a2cd3f4 .6s ease}.article-actions .like-button.liked .like-count[data-v-2a2cd3f4],.article-actions .like-button.liked .like-text[data-v-2a2cd3f4]{color:#fff}.article-actions .like-button .heart-icon[data-v-2a2cd3f4]{font-size:32px;color:#ff9f4a;transition:all .3s ease}.article-actions .like-button .heart-icon svg[data-v-2a2cd3f4]{width:32px;height:32px}.article-actions .like-button .like-count[data-v-2a2cd3f4]{font-size:20px;font-weight:700;color:#2c3e50}.article-actions .like-button .like-text[data-v-2a2cd3f4]{font-size:13px;color:#8b95a5}@keyframes heartbeat-2a2cd3f4{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}75%{transform:scale(1.25)}}.comments-section[data-v-2a2cd3f4]{margin-top:64px;padding:40px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f}@media (max-width: 767px){.comments-section[data-v-2a2cd3f4]{margin-top:48px;padding:24px 16px}}.comments-section .comments-header[data-v-2a2cd3f4]{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #F7F9FC}.comments-section .comments-header .emoji-icon[data-v-2a2cd3f4]{font-size:32px}.comments-section .comments-header .comments-title[data-v-2a2cd3f4]{font-size:24px;font-weight:700;color:#2c3e50}@media (max-width: 767px){.comments-section .comments-header .comments-title[data-v-2a2cd3f4]{font-size:20px}}.comments-section .comments-header .comments-count[data-v-2a2cd3f4]{font-size:14px;color:#8b95a5;background:#f7f9fc;padding:4px 12px;border-radius:12px}.related-articles[data-v-2a2cd3f4]{margin-top:64px}@media (max-width: 767px){.related-articles[data-v-2a2cd3f4]{margin-top:48px}}.related-articles .section-title[data-v-2a2cd3f4]{font-size:28px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:40px}@media (max-width: 767px){.related-articles .section-title[data-v-2a2cd3f4]{font-size:22px;margin-bottom:32px}}.related-articles .section-title[data-v-2a2cd3f4]:before{content:"📚";margin-right:12px}.related-articles .articles-grid[data-v-2a2cd3f4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}@media (max-width: 767px){.related-articles .articles-grid[data-v-2a2cd3f4]{grid-template-columns:1fr}}.related-articles .articles-grid .article-card[data-v-2a2cd3f4]{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s ease;border:2px solid #F7F9FC}.related-articles .articles-grid .article-card[data-v-2a2cd3f4]:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001a;border-color:#fff5e6}.related-articles .articles-grid .article-card:hover .article-cover[data-v-2a2cd3f4] img{transform:scale(1.1)}.related-articles .articles-grid .article-card .article-cover[data-v-2a2cd3f4]{width:100%;height:180px;overflow:hidden;background:#f7f9fc}.related-articles .articles-grid .article-card .article-cover[data-v-2a2cd3f4] img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.related-articles .articles-grid .article-card .article-info[data-v-2a2cd3f4]{padding:20px}.related-articles .articles-grid .article-card .article-info .article-title[data-v-2a2cd3f4]{font-size:17px;font-weight:600;color:#2c3e50;margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-articles .articles-grid .article-card .article-info .article-summary[data-v-2a2cd3f4]{font-size:14px;color:#8b95a5;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-articles .articles-grid .article-card .article-info .article-meta[data-v-2a2cd3f4]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #F7F9FC;font-size:13px;color:#c2c9d1}.related-articles .articles-grid .article-card .article-info .article-meta .meta-item[data-v-2a2cd3f4]{display:flex;align-items:center;gap:4px}