.topic-page{width:100%;min-height:100vh;background-color:var(--base-100)}.topic-hero{position:relative;width:100%;max-width:1200px;margin:2rem auto 0;aspect-ratio:21/9;overflow:hidden;border-radius:12px}.topic-hero-image,.topic-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.topic-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.6))}.topic-hero-content{position:absolute;bottom:0;left:0;right:0;padding:3rem 2rem;color:white;z-index:1}.topic-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.875rem;flex-wrap:wrap}.topic-category{padding:.25rem .75rem;background-color:rgba(255,255,255,.2);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topic-date,.topic-views{opacity:.9}.topic-title{font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:.02em;margin:0;max-width:900px}.topic-content{padding:4rem 2rem}.topic-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 350px;grid-gap:3rem;gap:3rem}.topic-main{max-width:800px}.topic-section{margin-bottom:3rem}.topic-description{font-size:1.125rem;line-height:1.8;color:var(--base-400);padding-bottom:2rem;border-bottom:1px solid var(--base-200);white-space:pre-wrap;word-wrap:break-word}.topic-section h2{font-size:1.75rem;font-weight:700;margin:2.5rem 0 1.5rem;line-height:1.3;letter-spacing:.02em;color:white;background-color:#0137B5;padding:1rem 1.5rem;border-top:3px solid #0137b5;border-bottom:3px solid #0137b5;position:relative}.topic-section h2:before{top:-8px}.topic-section h2:after,.topic-section h2:before{content:"";position:absolute;left:0;right:0;height:3px;background-color:#0137B5}.topic-section h2:after{bottom:-8px}.topic-section-image{margin:2rem 0;border-radius:.75rem;overflow:hidden}.topic-image-caption{margin-top:.75rem;font-size:.875rem;color:var(--base-300);text-align:center;font-style:italic}.topic-section-content{font-size:1rem;line-height:1.8;color:var(--base-400)}.topic-section-content p{margin-bottom:1.5rem}.topic-section-content ol,.topic-section-content ul{margin:1.5rem 0;padding-left:2rem}.topic-section-content li{margin-bottom:.75rem;line-height:1.8}.topic-keywords h3,.topic-section-content strong{font-weight:600;color:var(--base-400)}.topic-keywords h3{font-size:1.25rem;margin-bottom:1rem}.topic-keywords-list{display:flex;flex-wrap:wrap;gap:.75rem}.topic-keyword{padding:.5rem 1rem;background-color:var(--base-200);border-radius:1rem;font-size:.875rem;color:var(--base-400);transition:all .3s ease}.topic-keyword:hover{background-color:var(--base-300);transform:translateY(-2px)}.topic-tags-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--base-200)}.topic-tags-section h3{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--base-400);letter-spacing:.02em}.topic-tags-list{display:flex;flex-wrap:wrap;gap:.75rem}.topic-tag-item{padding:.5rem 1rem;background-color:var(--base-200);border-radius:1rem;font-size:.875rem;color:var(--base-400);transition:all .3s ease;text-decoration:none}.topic-tag-item:hover{background-color:var(--base-300);transform:translateY(-2px)}.topic-sidebar{position:relative}.topic-sidebar-sticky{position:-webkit-sticky;position:sticky;top:2rem}.topic-sidebar h3{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--base-400);letter-spacing:.02em}.topic-related-list{display:flex;flex-direction:column;gap:1.5rem}.topic-related-item{display:block;text-decoration:none;color:inherit;transition:transform .3s ease;border-radius:.75rem;overflow:hidden;background-color:white;box-shadow:0 2px 8px rgba(0,0,0,.05)}.topic-related-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.topic-related-image{position:relative;width:100%;aspect-ratio:16/9}.topic-related-content{padding:1rem}.topic-related-category{display:inline-block;padding:.25rem .75rem;background-color:var(--base-200);border-radius:1rem;font-size:.75rem;margin-bottom:.5rem;color:var(--base-400)}.topic-related-content h4{font-size:.95rem;font-weight:600;line-height:1.4;letter-spacing:.02em;color:var(--base-400);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}@media (max-width:1024px){.topic-layout{grid-template-columns:1fr;gap:3rem}.topic-sidebar-sticky{position:static}.topic-related-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}}@media (max-width:768px){.topic-hero{position:fixed;top:0;left:0;width:100%;height:100vh;max-width:none;margin:0;border-radius:0;aspect-ratio:unset;z-index:0}.topic-hero-content{padding:2rem 1.5rem 10rem;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent)}.topic-title{font-size:2rem;margin-bottom:.5rem}.topic-content{position:relative;margin-top:100vh;background-color:var(--base-100);z-index:10;padding:3rem 1.5rem;border-radius:2rem 2rem 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.1)}.topic-section h2{font-size:1.5rem}.topic-related-list{grid-template-columns:1fr}}@media (max-width:480px){.topic-title{font-size:1.5rem}.topic-meta{font-size:.75rem}.topic-section h2{font-size:1.25rem}}.topic-admin-fab{position:fixed;bottom:2rem;right:2rem;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.topic-admin-fab-btn{width:3.5rem;height:3.5rem;border-radius:50%;background-color:var(--base-400);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s ease}.topic-admin-fab-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.3)}.topic-admin-fab-btn.open{background-color:#ff3b30;transform:rotate(90deg)}.topic-admin-fab-btn svg{width:1.5rem;height:1.5rem;color:white}.topic-admin-menu{display:flex;flex-direction:column;gap:.5rem;animation:topicMenuSlideUp .2s ease}@keyframes topicMenuSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topic-admin-menu-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;white-space:nowrap}.topic-admin-menu-item svg{width:1.125rem;height:1.125rem}.topic-admin-menu-item.edit{background-color:#007aff;color:white}.topic-admin-menu-item.edit:hover{background-color:#0056b3}.topic-admin-menu-item.delete{background-color:#ff3b30;color:white}.topic-admin-menu-item.delete:hover{background-color:#d63028}.topic-admin-menu-item.delete:disabled{opacity:.5;cursor:not-allowed}.topic-delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100;animation:topicModalFadeIn .2s ease}@keyframes topicModalFadeIn{0%{opacity:0}to{opacity:1}}.topic-delete-modal{background-color:white;border-radius:1rem;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.2);animation:topicModalSlideUp .3s ease}@keyframes topicModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topic-delete-modal-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;border-radius:50%;background-color:#fff3cd;display:flex;align-items:center;justify-content:center}.topic-delete-modal-icon svg{width:2rem;height:2rem;color:#ff9500}.topic-delete-modal-title{font-size:1.25rem;font-weight:600;color:#1d1d1f;margin-bottom:.75rem}.topic-delete-modal-message{font-size:.9375rem;color:#86868b;line-height:1.6;margin-bottom:1.5rem}.topic-delete-modal-error{font-size:.875rem;color:#ff3b30;margin-bottom:1rem;padding:.75rem;background-color:#fff5f5;border-radius:.5rem}.topic-delete-modal-actions{display:flex;gap:.75rem;justify-content:center}.topic-delete-modal-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.topic-delete-modal-btn.cancel{background-color:#f5f5f7;color:#1d1d1f}.topic-delete-modal-btn.cancel:hover{background-color:#e5e5e5}.topic-delete-modal-btn.confirm{background-color:#ff3b30;color:white}.topic-delete-modal-btn.confirm:hover{background-color:#d63028}.topic-delete-modal-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.topic-admin-fab{bottom:1.5rem;right:1.5rem}.topic-admin-fab-btn{width:3rem;height:3rem}.topic-admin-fab-btn svg{width:1.25rem;height:1.25rem}.topic-delete-modal{padding:1.5rem}}