.map-embed{border:0;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.map-container{margin:30px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden}.map-container iframe{border:0}.real-photo-section{margin:40px 0}.real-photo-section figure{margin:0}.real-photo-section img{width:100%;height:auto;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.real-photo-section figcaption{text-align:center;color:var(--color-gray-600);font-size:14px;margin-top:10px}.article-header{text-align:center;margin:60px 0 40px;padding:0 20px}.article-category{display:inline-block;padding:6px 16px;background:var(--color-gray-50);border-radius:20px;font-size:0.875rem;color:var(--color-gray-600);margin-bottom:20px;font-weight:500}.article-title{font-size:2.5rem;color:var(--color-gray-900);margin:20px 0;line-height:1.3;font-weight:700}.article-meta{display:flex;justify-content:center;gap:30px;color:var(--color-gray-500);font-size:0.9rem;margin-top:20px;flex-wrap:wrap}.article-featured-image{margin:30px 0;text-align:center}.article-featured-image img{width:100%;max-height:500px;object-fit:cover;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.table-of-contents{background:var(--color-gray-50);border-radius:10px;padding:25px 30px;margin:30px 0;border:1px solid var(--color-gray-200)}.toc-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:var(--color-primary);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background 0.2s ease;text-align:left}.toc-toggle:hover{background:#5a6fd8}.toc-toggle.is-expanded .toc-toggle-icon{transform:rotate(180deg)}.toc-toggle-icon{width:20px;height:20px;fill:currentColor;transition:transform 0.2s ease;flex-shrink:0}.toc-toggle-text{flex:1}.toc-count{font-size:0.85rem;opacity:0.8;font-weight:400}.toc-title{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid var(--color-primary)}.toc-list{list-style:none;padding:0;margin:0}.toc-list.toc-collapsed{display:none}.toc-item{margin:8px 0}.toc-link{color:var(--color-primary);text-decoration:none;font-size:0.95rem;transition:color 0.2s ease}.toc-link:hover{color:var(--color-gray-900);text-decoration:underline}.toc-sublist{list-style:none;padding-left:20px;margin:5px 0}.toc-sublist .toc-link{font-size:0.9rem;color:var(--color-gray-600)}.article-content{background:white;padding:40px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.08);line-height:1.8;overflow-wrap:break-word;word-wrap:break-word;margin-bottom:40px}.article-content h2{font-size:1.8rem;color:var(--color-primary);margin:40px 0 20px;border-bottom:2px solid var(--color-primary);padding-bottom:10px;font-weight:600}.article-content h3{font-size:1.4rem;color:var(--color-gray-900);margin:30px 0 15px;font-weight:600}.article-content h4{font-size:1.2rem;color:var(--color-gray-900);margin:25px 0 12px;font-weight:600}.article-content p{margin:20px 0;color:var(--color-gray-900)}.article-content a{color:var(--color-primary);text-decoration:none;transition:color 0.2s ease}.article-content a:hover{text-decoration:underline;color:var(--color-gray-900)}.article-content ul,.article-content ol{margin:20px 0;padding-left:30px}.article-content li{margin:10px 0;color:var(--color-gray-900)}.article-content blockquote{border-left:4px solid var(--color-primary);padding:15px 20px;margin:30px 0;background:var(--color-gray-50);border-radius:0 8px 8px 0;color:var(--color-gray-600);font-style:italic}.article-content table{width:100%;max-width:100%;border-collapse:collapse;margin:20px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content th,.article-content td{padding:12px;text-align:left;border-bottom:1px solid var(--color-gray-200)}.article-content th{background:var(--color-gray-50);font-weight:600;color:var(--color-gray-900)}.article-content tr:hover{background:var(--color-gray-50)}.article-content code{background:var(--color-gray-50);padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;font-size:0.9em;color:var(--color-error)}.article-content pre{background:#1a1a2e;color:white;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.article-content pre code{background:none;color:inherit;padding:0}.author-box-inner{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.author-box{background:var(--color-gray-50);border-radius:10px;padding:25px;margin:30px 0;display:flex;gap:20px;align-items:center;border:1px solid var(--color-gray-200)}.author-avatar{width:80px;height:80px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;overflow:hidden}.author-avatar-img{width:100%;height:100%;object-fit:cover}.author-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.author-info{flex:1}.author-name{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin:0 0 5px}.author-bio{font-size:0.9rem;color:var(--color-gray-600);margin:0;line-height:1.5}.author-title{font-size:0.9rem;font-weight:500;color:var(--color-gray-500);margin:0 0 8px}.author-meta{font-size:0.85rem;color:var(--color-gray-500);margin:0 0 10px;display:flex;align-items:center;flex-wrap:wrap}.author-meta .sep{margin:0 2px;color:inherit;user-select:none}.author-location{white-space:nowrap}.author-since{white-space:nowrap}.author-footer-link{margin:10px 0 0;font-size:0.9rem}.author-link{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color 0.2s ease}.author-link:hover{color:var(--color-gray-900);text-decoration:underline}.print-button-container{text-align:center;margin:20px 0}.print-button{background:var(--color-primary);color:white;border:none;padding:12px 24px;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:background 0.2s ease}.print-button:hover{background:#5a6fd8}.article-navigation{display:flex;justify-content:space-between;gap:20px;margin:40px 0;flex-wrap:wrap}.nav-prev,.nav-next{flex:1;text-decoration:none;color:var(--color-primary);font-weight:600;padding:15px;background:white;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.08);transition:all 0.2s ease;min-width:200px;border:1px solid var(--color-gray-200)}.nav-prev:hover,.nav-next:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.12);color:#5a6fd8}.nav-prev.disabled,.nav-next.disabled{color:var(--color-gray-500);pointer-events:none;background:var(--color-gray-50)}.section-spacing{margin:40px 0}.map-section-title{font-size:1.8rem;color:var(--color-primary);margin-bottom:20px;border-bottom:2px solid var(--color-primary);padding-bottom:10px}@media (max-width:768px){.article-header{margin:40px 0 30px;padding:0 15px}.article-title{font-size:1.8rem}.article-content{padding:25px 20px}.article-content h2{font-size:1.4rem}.article-content h3{font-size:1.2rem}.article-meta{flex-direction:column;gap:10px;align-items:center}.table-of-contents{padding:20px}.related-articles-grid{grid-template-columns:1fr}.author-box{flex-direction:column;text-align:center}.article-navigation{flex-direction:column;gap:10px}.nav-prev,.nav-next{min-width:100%}}@media (max-width:480px){.article-header{margin:30px 0 20px}.article-title{font-size:1.4rem}.article-content{padding:20px 15px}.article-content h2{font-size:1.2rem}.article-content h3{font-size:1.1rem}.article-content table{font-size:0.85rem}.article-content th,.article-content td{padding:8px}.article-content p+p>img{margin-top:20px}}.article-content p+p>img{margin-top:40px;margin-bottom:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.related-articles{margin:40px 0;padding:30px 0;border-top:1px solid var(--color-gray-200)}.related-articles h3{font-size:1.5rem;color:var(--color-gray-900);margin-bottom:20px;font-weight:600}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.related-article-card{background:white;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform 0.2s ease,box-shadow 0.2s ease}.related-article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.related-article-link{text-decoration:none;color:inherit;display:block}.related-article-image{width:100%;height:180px;overflow:hidden}.related-article-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.related-article-card:hover .related-article-image img{transform:scale(1.05)}.related-article-content{padding:15px}.related-article-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin:0 0 8px;line-height:1.4}.related-article-read-more{font-size:0.875rem;color:var(--color-primary);font-weight:500}@media (max-width:768px){.related-articles-grid{grid-template-columns:1fr}}@media (max-width:480px){.related-article-image{height:150px}}@media (max-width:375px){.container{padding:0 12px}.article-content{padding:15px 12px}.article-content table{font-size:0.8rem}.article-navigation{gap:8px}.nav-prev,.nav-next{min-width:100%;font-size:0.9rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:40px 0;flex-wrap:wrap}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.95rem;transition:all 0.2s ease}.pagination-link:not(.active):not(.disabled):hover{background:var(--color-gray-100);transform:translateY(-2px)}.pagination-link.active{background:var(--color-primary);color:white}.pagination-link.disabled{color:var(--color-gray-400);cursor:not-allowed}.pagination-ellipsis{padding:0 8px;color:var(--color-gray-500)}@media (max-width:480px){.pagination{gap:4px}.pagination-link{min-width:36px;height:36px;padding:0 8px;font-size:0.85rem}}.pagination-wrapper{margin:60px 0 40px}.pagination-info-text{text-align:center;color:var(--color-gray-600);margin-bottom:20px;font-size:0.9rem;font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--color-primary),#7b68ee);color:white;text-decoration:none;border-radius:20px;font-weight:600;font-size:0.9rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(102,126,234,0.3)}.pagination-btn:hover{background:linear-gradient(135deg,#5568d3,#6a5acd);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.4)}.pagination-btn.disabled{background:var(--color-gray-200);box-shadow:none;cursor:not-allowed;transform:none;opacity:0.6}.pagination-numbers{display:flex;gap:6px}.pagination-number{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:white;color:var(--color-primary);text-decoration:none;border-radius:20px;font-weight:600;font-size:0.9rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:2px solid var(--color-primary)}.pagination-number:hover{background:var(--color-primary);color:white;transform:scale(1.05);box-shadow:0 2px 8px rgba(102,126,234,0.3)}.pagination-number.current{background:linear-gradient(135deg,var(--color-primary),#7b68ee);color:white;border-color:var(--color-primary);box-shadow:0 4px 12px rgba(102,126,234,0.4);transform:scale(1.05)}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;color:var(--color-gray-400);font-size:1.2rem;letter-spacing:2px}.pagination-btn svg{width:16px;height:16px;fill:currentColor}@media (max-width:768px){.pagination-wrapper{margin:40px 0 30px}.pagination{gap:6px}.pagination-btn{padding:8px 14px;font-size:0.85rem}.pagination-btn svg{width:14px;height:14px}.pagination-number{min-width:36px;height:36px;padding:0 10px;font-size:0.85rem}.pagination-first,.pagination-last{display:none}}@media (max-width:480px){.pagination-info-text{font-size:0.8rem}.pagination-btn{padding:6px 12px;font-size:0.8rem}.pagination-number{min-width:32px;height:32px;font-size:0.8rem}.pagination-number,.pagination-ellipsis{display:none}.pagination-btn{display:inline-flex}}.category-nav{display:flex;gap:10px;justify-content:center;margin:30px 0;flex-wrap:wrap}.category-nav-link{padding:8px 16px;border-radius:20px;text-decoration:none;color:var(--color-primary);border:2px solid var(--color-primary);font-weight:600;font-size:0.9rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.category-nav-link.active{background:linear-gradient(135deg,var(--color-primary),#7b68ee);color:white;border-color:var(--color-primary);box-shadow:0 2px 8px rgba(102,126,234,0.3)}.category-nav-link:hover{background:var(--color-primary);color:white;transform:translateY(-2px)}.site-header{background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);box-shadow:0 1px 3px rgba(0,0,0,0.08);position:sticky;top:0;z-index:1000;transition:box-shadow 0.3s ease}.site-header.scrolled{box-shadow:0 4px 12px rgba(0,0,0,0.12)}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.site-logo{font-size:1.5rem;font-weight:800;color:var(--color-primary);text-decoration:none;letter-spacing:-0.5px;transition:opacity 0.2s ease}.site-logo:hover{opacity:0.8}.site-nav{display:flex;align-items:center;gap:24px}.nav-link{color:var(--color-gray-700);font-weight:600;font-size:0.95rem;text-decoration:none;padding:8px 12px;border-radius:8px;transition:all 0.2s ease;position:relative}.nav-link:hover{color:var(--color-primary);background:rgba(102,126,234,0.08)}.nav-link.active{color:var(--color-primary)}.nav-link--compact{font-size:0.78rem;padding:6px 10px;white-space:nowrap}.nav-link.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:20px;height:3px;background:var(--color-primary);border-radius:2px}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;display:flex;align-items:center;gap:4px}.nav-dropdown-trigger svg{width:12px;height:12px;fill:currentColor;transition:transform 0.2s ease}.nav-dropdown:hover .nav-dropdown-trigger svg{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:600px;background:white;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.15);padding:20px;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);margin-top:12px}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;margin-top:16px}.dropdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dropdown-item{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;text-decoration:none;transition:all 0.2s ease}.dropdown-item:hover{background:var(--color-gray-50);transform:translateX(4px)}.dropdown-item-icon{font-size:1.5rem}.dropdown-item-title{font-weight:600;color:var(--color-gray-800);font-size:0.9rem}.dropdown-item-desc{color:var(--color-gray-600);font-size:0.8rem}.header-search{position:relative;display:flex;align-items:center;gap:0;background:var(--color-gray-100);border-radius:999px;padding:4px 4px 4px 12px;transition:all 0.3s ease;border:2px solid transparent}.header-search:focus-within{background:var(--color-gray-200);border-color:var(--color-primary)}.header-search-input{border:none;background:transparent;color:var(--color-gray-800);font-size:0.9rem;width:180px;padding:6px 0;outline:none}.header-search-input::placeholder{color:var(--color-gray-400)}.header-search-input::-webkit-search-cancel-button{filter:none}.header-search-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-gray-100);border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.header-search-btn svg{width:18px;height:18px;fill:var(--color-gray-600);transition:fill 0.2s ease}.header-search-btn:hover{background:var(--color-primary)}.header-search-btn:hover svg{fill:white}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--color-gray-700);transition:all 0.3s ease}.header-auth{display:flex;align-items:center;gap:8px;margin-left:12px}.header-link{color:white;text-decoration:none;font-weight:500;padding:8px 12px;border-radius:4px;transition:all 0.3s;font-size:0.9rem}.header-link:hover{background-color:rgba(255,255,255,0.2)}.welcome-text{color:rgba(255,255,255,0.9);font-size:0.85rem;font-weight:500;padding:8px 12px}.header-btn{display:inline-block;padding:8px 20px;border-radius:6px;text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.3s;border:none}.header-btn-login{background:white;color:#667eea}.header-btn-login:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,0.2)}.header-btn-register{background:rgba(255,255,255,0.2);color:white;border:2px solid white}.header-btn-register:hover{background:white;color:#667eea}.site-footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:60px 0 30px;margin-top:80px}.footer-inner{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-column h3{color:white;font-size:1.1rem;font-weight:700;margin-bottom:20px;position:relative}.footer-column-text{color:var(--color-gray-400);font-size:0.9rem;line-height:1.6}.footer-column-text a{color:var(--color-primary);text-decoration:none}.footer-column-text a:hover{color:white;text-decoration:underline}.footer-column h3::after{content:'';position:absolute;bottom:-8px;left:0;width:30px;height:3px;background:var(--color-primary);border-radius:2px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{color:var(--color-gray-400);text-decoration:none;font-size:0.9rem;transition:all 0.2s ease;display:inline-block}.footer-link:hover{color:white;transform:translateX(4px)}.footer-bottom{border-top:1px solid var(--color-gray-700);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-copyright{font-size:0.85rem;color:var(--color-gray-500)}.footer-social{display:flex;gap:12px}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-gray-800);border-radius:50%;color:var(--color-gray-400);text-decoration:none;transition:all 0.2s ease}.footer-social-link:hover{background:var(--color-primary);color:white;transform:translateY(-2px)}.footer-social-link svg{width:18px;height:18px;fill:currentColor}@media (max-width:1024px){.nav-dropdown-menu{min-width:500px}.dropdown-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-container{height:60px}.site-logo{font-size:1.3rem}.mobile-menu-btn{display:flex}.site-nav{position:fixed;top:60px;right:-100%;width:280px;height:calc(100vh - 60px);background:white;flex-direction:column;padding:20px;box-shadow:-4px 0 12px rgba(0,0,0,0.1);transition:right 0.3s ease;overflow-y:auto;gap:0}.site-nav.open{right:0}.nav-link{width:100%;padding:12px 16px;border-bottom:1px solid var(--color-gray-100)}.nav-link::after{display:none}.nav-dropdown-menu{position:static;min-width:100%;box-shadow:none;padding:0 0 0 20px;opacity:1;visibility:visible;margin-top:0;display:none}.nav-dropdown.open .nav-dropdown-menu{display:block}.dropdown-grid{grid-template-columns:1fr}.site-footer{padding:40px 0 20px;margin-top:60px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr;gap:24px}.footer-copyright{font-size:0.8rem}}.article-featured-image+.article-sub-images{margin-top:clamp(1.25rem,3vw,2rem)}.article-sub-images{margin:24px 0 8px;display:flex;flex-direction:column;gap:clamp(1.25rem,4vw,2.75rem)}.article-sub-images .article-sub-image{margin:0}.article-sub-images .article-sub-image img{width:100%;max-height:500px;object-fit:cover;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.article-content img+img{display:block;margin-top:clamp(2rem,5vw,3.25rem)}.article-content figure+figure{margin-top:clamp(2rem,5vw,3.25rem)}.article-content p:has(>img:only-child)+p:has(>img:only-child){margin-top:clamp(2rem,5vw,3.25rem)}.article-content figure:has(>img)+p:has(>img:only-child),.article-content p:has(>img:only-child)+figure:has(>img){margin-top:clamp(2rem,5vw,3.25rem)}.article-sub-images.horizontal-scroll{flex-direction:row;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--color-gray-300)transparent}.article-sub-images.horizontal-scroll::-webkit-scrollbar{height:6px}.article-sub-images.horizontal-scroll::-webkit-scrollbar-track{background:transparent}.article-sub-images.horizontal-scroll::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.article-sub-images-scroll{display:flex;gap:16px;min-width:100%}.article-sub-caption{text-align:center;color:var(--color-gray-600);font-size:13px;margin-top:8px;font-style:italic;line-height:1.5}@media (prefers-color-scheme:dark){.author-box{background:#2d2d44;border-color:#3d3d54}.author-title{color:#a0a0b0}.author-meta,.author-meta .sep{color:#7a7a9a}.author-link{color:#818cf8}.author-link:hover{color:#a5b4fc}.article-sub-images.horizontal-scroll::-webkit-scrollbar-thumb{background:#4b5563}.article-sub-caption{color:#7a7a9a}}