.pwa-install-banner{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--bg-card);border-top:1px solid var(--border-light);padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0));box-shadow:0 -4px 16px rgba(0,0,0,.1);animation:slideUp .3s ease}.pwa-install-banner.show{display:flex;align-items:center;gap:.75rem;justify-content:space-between}.pwa-install-banner-text{flex:1;font-size:.8125rem;color:var(--text-secondary)}.pwa-install-banner-title{font-weight:700;color:var(--text-primary);margin-bottom:.125rem;font-size:.875rem}.pwa-install-banner-actions{display:flex;gap:.5rem;flex-shrink:0}.pwa-install-btn{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;border:none;cursor:pointer;white-space:nowrap}.pwa-install-btn--primary{background:var(--accent-color);color:#fff}.pwa-install-btn--dismiss{background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:769px){.pwa-install-banner{display:none!important}}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-card);border-top:1px solid var(--border-light);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 8px rgba(0,0,0,.06)}.mobile-tab-bar__inner{display:flex;justify-content:space-around;align-items:center;height:56px}.mobile-tab-bar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex:1;min-width:0;padding:4px 1px;text-decoration:none;color:var(--text-muted);font-size:.625rem;font-weight:500;transition:color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;user-select:none;-webkit-user-select:none;overflow:hidden}.mobile-tab-bar__item.active{color:var(--accent-color)}.mobile-tab-bar__icon{font-size:1.25rem;line-height:1;transition:transform .15s;flex-shrink:0}.mobile-tab-bar__item:active .mobile-tab-bar__icon{transform:scale(.85)}.mobile-tab-bar__label{line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-toggle{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.6875rem;font-weight:600;padding:1px 5px;transition:var(--transition-fast);line-height:1.3}.lang-toggle:hover{background:var(--bg-hover);color:var(--accent-color)}.lang-toggle.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}:root{--bg-primary:#FAF8F3;--bg-secondary:#F5F0E8;--bg-card:#FDFCFA;--bg-hover:#EDE8E0;--text-primary:#2C2416;--text-secondary:#5A4D3A;--text-muted:#8B7D6B;--text-white:#FAF8F3;--border-color:#D4CFC4;--border-light:#E8E4DC;--accent-color:#B22222;--accent-hover:#8B1A1A;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 6px rgba(0,0,0,.06);--shadow-lg:0 10px 15px rgba(0,0,0,.08);--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--header-height:40px;--header-bg:rgba(255,255,255,.92);--bg-input:#f3efe7;--transition-fast:all .15s ease;--transition:all .2s ease}[data-theme="dark"]{--header-bg:rgba(13, 17, 23, .92);--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#1c2128;--bg-hover:#252b35;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#656d76;--border-color:#30363d;--border-light:#21262d;--shadow-sm:0 1px 2px rgba(0,0,0,.35);--shadow:0 1px 3px rgba(0,0,0,.45);--shadow-md:0 4px 6px rgba(0,0,0,.5);--shadow-lg:0 10px 15px rgba(0,0,0,.6);--accent-color:#f77866;--accent-hover:#e85d49;--bg-input:#161b22}html{scroll-behavior:smooth;background:var(--bg-primary)}input,select,textarea{font-size:16px}a,button,[role="button"]{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}body{background:var(--bg-primary);color:var(--text-primary);padding-bottom:env(safe-area-inset-bottom, 0);overflow-x:hidden;margin:0}.nav-backdrop{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-backdrop.active{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img,svg,video,canvas,iframe{max-width:100%;height:auto}pre,code{overflow-wrap:break-word;word-break:break-all;white-space:pre-wrap;max-width:100%}a,button{overflow-wrap:break-word;word-break:break-word}a{color:var(--accent-color);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-hover)}.container{margin:0 auto;padding:0 12px;width:100%;max-width:1400px;box-sizing:border-box}@media (min-width: 640px){.container{padding:0 16px}}@media (min-width: 768px){.container{padding:0 20px}}@media (min-width: 1200px){.container{padding:0 24px}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--border-light);z-index:1000;transition:var(--transition);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm)}.header__inner{margin:0 auto;padding:0 12px;display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px;box-sizing:border-box}.site-logo{display:flex;align-items:center;gap:0.375rem;color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-0.02em}.site-logo:hover{color:var(--text-primary)}.site-logo__icon{font-size:1.125rem}.site-logo__text{font-weight:700}.nav-menu{display:flex;list-style:none;gap:0.375rem}.nav-menu__link{color:var(--text-secondary);font-weight:500;font-size:0.8125rem;padding:0.375rem 0.625rem;display:flex;align-items:center;gap:0.25rem;border-radius:var(--radius-sm);transition:var(--transition)}.nav-menu__link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-menu__link.active{color:var(--accent-color);background:rgba(178, 34, 34, 0.1);font-weight:600}.nav-toggle{display:none;width:32px;height:32px;align-items:center;justify-content:center;font-size:1.125rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,transform .2s;flex-shrink:0}.nav-toggle:hover{background:var(--bg-hover)}.nav-toggle:active{transform:scale(.95)}.header__actions{display:flex;align-items:center;gap:0.25rem}.theme-toggle{background:none;border:none;cursor:pointer;padding:0.25rem;color:var(--text-muted);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:0.875rem}.theme-toggle:hover{color:var(--text-primary);background-color:var(--bg-hover)}.breadcrumb{margin-top:var(--header-height);padding:0.25rem 0;background:var(--bg-card);border-bottom:1px solid var(--border-light)}.breadcrumb__inner{margin:0 auto;padding:0 12px;max-width:1400px;box-sizing:border-box}@media (min-width: 640px){.breadcrumb__inner{padding:0 16px}}@media (min-width: 768px){.breadcrumb__inner{padding:0 20px}}@media (min-width: 1200px){.breadcrumb__inner{padding:0 24px}}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:0.375rem;list-style:none;font-size:0.8125rem;margin:0;padding:0}.breadcrumb li{display:inline-flex;align-items:center;gap:0.375rem}.breadcrumb li:not(:last-child)::after{content:'›';color:var(--text-muted);font-size:1rem;line-height:1;margin-left:0}.breadcrumb a{color:var(--text-secondary);padding:0.25rem 0.5rem;border-radius:var(--radius-xs);transition:var(--transition);display:inline-flex;align-items:center;gap:0.25rem}.breadcrumb a:hover{color:var(--text-primary);background:var(--bg-hover)}.breadcrumb li.active{color:var(--text-primary);font-weight:600;padding:0.25rem 0.5rem;background:var(--bg-secondary);border-radius:var(--radius-xs);display:inline-flex;align-items:center;gap:0.25rem}.site-footer{padding:0.2rem 0;text-align:center;color:var(--text-muted);font-size:0.75rem;line-height:1.3;border-top:1px solid var(--border-light);margin:0;background:var(--bg-primary)}.site-footer p{margin:0}.site-footer__inner{margin:0 auto;padding:0 12px;max-width:1400px;box-sizing:border-box}@media (min-width: 640px){.site-footer__inner{padding:0 16px}}@media (min-width: 768px){.site-footer__inner{padding:0 20px}}@media (min-width: 1200px){.site-footer__inner{padding:0 24px}}#mainContent{min-height:calc(100vh - var(--header-height) - 28px);padding:0.5rem 0 0}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:0.5rem;color:var(--text-primary);display:flex;align-items:center;gap:0.375rem;letter-spacing:-0.025em}.section-icon{font-size:1.25rem}.loading{text-align:center;padding:1rem 1rem;color:var(--text-muted);font-size:0.875rem}.loading__icon{font-size:2rem;margin-bottom:0.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.building-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:0.75rem;margin-bottom:0.5rem;width:100%;box-sizing:border-box}@media (min-width: 480px){.building-grid{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}}@media (min-width: 768px){.building-grid{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}}@media (min-width: 1024px){.building-grid{gap:1rem;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}}.building-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:var(--transition);border:1px solid var(--border-light);border-left:3px solid;width:100%;box-sizing:border-box}.building-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.building-card:active{transform:scale(.98)}.building-card-header{padding:0.25rem 0.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.building-card-header-left{display:flex;align-items:center;gap:0.25rem}.building-card__province-icon{font-size:0.875rem;line-height:1}.building-card__body{padding:0.5rem}.building-title{font-size:0.875rem;font-weight:600;color:var(--text-primary);margin-bottom:0.25rem;line-height:1.4;overflow-wrap:break-word;word-break:break-word}.building-meta{display:flex;align-items:center;gap:0.375rem;margin-bottom:0.25rem}.building-era{font-size:0.6875rem;color:var(--text-muted)}.building-type{font-size:0.625rem;color:var(--text-secondary);background:var(--bg-secondary);padding:0.0625rem 0.25rem;border-radius:var(--radius-xs)}.building-desc{font-size:0.6875rem;color:var(--text-secondary);line-height:1.4;margin-bottom:0.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.building-card__district{font-size:0.6875rem;color:var(--text-muted)}.protection-badge{font-size:0.5625rem;padding:0.125rem 0.375rem;border-radius:var(--radius-full);font-weight:600;white-space:nowrap}.protection-badge--heritage{background:linear-gradient(135deg, #DAA52020 0%, #FFD70020 100%);color:#B8860B;border:1px solid #DAA52040}.protection-badge--national{background:rgba(178,34,34,.08);color:var(--accent-color);border:1px solid rgba(178,34,34,.2)}.building-card__tags{display:flex;flex-wrap:wrap;gap:0.25rem}.building-card__tag{display:inline-flex;align-items:center;gap:0.125rem;padding:0.125rem 0.375rem;border-radius:var(--radius-full);font-size:0.625rem;font-weight:500}.region-group{margin-bottom:0.5rem}.region-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 0.5rem 0;padding-bottom:0.375rem;border-bottom:2px solid var(--border-light)}.province-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:0.5rem;margin-bottom:0.5rem;width:100%;box-sizing:border-box}@media (min-width: 768px){.province-grid{grid-template-columns:repeat(auto-fill, minmax(170px, 1fr))}}@media (min-width: 1024px){.province-grid{grid-template-columns:repeat(auto-fill, minmax(190px, 1fr))}}.province-card{background:var(--bg-card);border-radius:var(--radius);padding:0.5rem;cursor:pointer;transition:var(--transition);border:1px solid var(--border-light);border-left:3px solid;display:flex;align-items:center;gap:0.5rem;width:100%;box-sizing:border-box}.province-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.province-card.no-data{opacity:0.5;cursor:default}.province-card.no-data:hover{transform:none;box-shadow:none}.province-icon{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.province-name{font-weight:600;font-size:0.8125rem;color:var(--text-primary)}.province-count{font-size:0.6875rem;color:var(--text-muted)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:0.5rem;width:100%;box-sizing:border-box}@media (min-width: 768px){.topics-grid{grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))}}@media (min-width: 1200px){.topics-grid{grid-template-columns:repeat(auto-fill, minmax(340px, 1fr))}}.topic-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:0.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:flex-start;gap:0.625rem;border-left:4px solid;width:100%;box-sizing:border-box}.topic-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.topic-card-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.topic-card-content{flex:1;min-width:0}.topic-card-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:0.25rem}.topic-card-subtitle{font-size:0.8125rem;color:var(--text-secondary);margin-bottom:0.375rem}.topic-card-desc{font-size:0.75rem;color:var(--text-muted);line-height:1.5}.topic-detail-header{border-radius:var(--radius);padding:0.5rem;display:flex;align-items:center;gap:0.75rem;margin-bottom:0.5rem;width:100%;box-sizing:border-box}.topic-detail-icon{width:3rem;height:3rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.topic-detail-info{flex:1;min-width:0}.topic-detail-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 0.25rem 0;word-wrap:break-word;overflow-wrap:break-word}.topic-detail-subtitle{font-size:0.875rem;color:var(--text-secondary);margin:0;word-wrap:break-word;overflow-wrap:break-word}.topic-intro{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:0.5rem;margin-bottom:0.5rem;width:100%;box-sizing:border-box}.topic-intro p{font-size:0.875rem;line-height:1.7;color:var(--text-secondary);margin-bottom:0.375rem;word-wrap:break-word;overflow-wrap:break-word}.topic-intro p:last-child{margin-bottom:0}.district-grid-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:0.5rem;width:100%;box-sizing:border-box}@media (min-width: 768px){.district-grid-cards{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr))}}@media (min-width: 1200px){.district-grid-cards{grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))}}.district-grid-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:0.75rem;cursor:pointer;transition:var(--transition);border-top:3px solid;width:100%;box-sizing:border-box}.district-grid-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.district-grid-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.375rem}.district-grid-card-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.district-grid-heritage{font-size:1rem}.district-grid-card-count{font-size:0.8125rem;color:var(--text-secondary);margin-bottom:0.25rem}.district-grid-card-eras{font-size:0.75rem;color:var(--text-muted);margin-bottom:0.25rem;line-height:1.4}.district-grid-card-examples{font-size:0.75rem;color:var(--text-secondary);margin-bottom:0.25rem;padding:0.125rem 0.375rem;background:var(--bg-secondary);border-radius:var(--radius-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.district-grid-card-tags{display:flex;flex-wrap:wrap;gap:0.25rem}.district-grid-tag{display:inline-flex;align-items:center;gap:0.125rem;padding:0.125rem 0.375rem;border-radius:var(--radius-full);font-size:0.625rem;font-weight:500;white-space:nowrap}.tag-filter{display:flex;flex-wrap:wrap;gap:0.375rem;margin-bottom:0.5rem;width:100%;box-sizing:border-box}.tag-categories{display:flex;flex-direction:column;gap:0.5rem}.tag-category{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:0.75rem;width:100%;box-sizing:border-box}.tag-category__header{display:flex;align-items:center;gap:0.375rem;margin-bottom:0.5rem;padding:0.375rem 0.5rem;border-left:3px solid var(--accent-color);background:var(--bg-secondary);border-radius:var(--radius-sm)}.tag-category__icon{font-size:1.25rem}.tag-category__name{font-size:0.9375rem;font-weight:700;color:var(--text-primary)}.tag-category__count{font-size:0.75rem;color:var(--text-muted);margin-left:auto;background:var(--bg-card);padding:0.125rem 0.5rem;border-radius:var(--radius-full)}.tags-cloud-modern{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0}.tag-modern{display:inline-flex;align-items:center;gap:0.2rem;padding:0.15rem 0.5rem;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);font-weight:500;white-space:nowrap}.tag-modern:hover{transform:translateY(-1px)}.tag-modern-icon{font-size:1em}.tag-modern-count{padding:0.0625rem 0.375rem;border-radius:var(--radius-full);font-size:0.6875rem;font-weight:600}.tag-header,.province-header{padding:0.5rem 0.75rem;border-radius:var(--radius-md);margin-bottom:0.5rem;display:flex;align-items:center;gap:0.75rem;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box}.tag-header-icon,.province-header-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.375rem;color:var(--text-white);flex-shrink:0;box-shadow:var(--shadow-sm)}.tag-header-info,.province-header-info{flex:1}.sections-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:0.5rem}@media (min-width: 768px){.sections-grid{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}}@media (min-width: 1200px){.sections-grid{grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}}.section-card{background:var(--bg-secondary);padding:0.625rem;border-radius:var(--radius-sm)}.section-name{font-size:0.75rem;font-weight:600;color:var(--text-primary)}.section-province{font-size:0.625rem;color:var(--text-muted);margin-top:0.125rem}.trail-filter-btn{display:inline-flex;align-items:center;padding:0.375rem 0.875rem;border-radius:var(--radius-full);font-size:0.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast)}.trail-filter-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.trail-filter-btn.active{color:white;background:var(--accent-color);border-color:var(--accent-color)}.search-page{width:100%;box-sizing:border-box}.search__input-wrapper{position:relative;margin-bottom:0.5rem;width:100%;box-sizing:border-box}.search__input{width:100%;padding:0.5rem 2.5rem 0.5rem 0.75rem;font-size:0.875rem;border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-card);color:var(--text-primary);transition:var(--transition);box-sizing:border-box}.search__input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(178,34,34,.1)}.search__clear{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0.25rem;font-size:1rem;line-height:1;display:flex;align-items:center}.search__hint{text-align:center;padding:0.5rem;color:var(--text-muted);font-size:0.8125rem}.search__empty{text-align:center;padding:1rem 1rem;color:var(--text-muted)}.search__empty-icon{font-size:2.5rem;margin-bottom:0.5rem;opacity:0.6}.search__empty-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:0.375rem}.search__results-count{margin-bottom:0.5rem;color:var(--text-secondary);font-size:0.875rem;display:flex;align-items:center;gap:0.375rem;flex-wrap:wrap}.search__query-text{color:var(--accent-color);font-weight:600}.search__tips{margin-top:0.75rem;padding:0.75rem;background:var(--bg-secondary);border-radius:var(--radius);text-align:left}.search__tips p{font-weight:600;margin-bottom:0.5rem;color:var(--text-primary)}.search__tips ul{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:0.8125rem}.search__tips li{margin-bottom:0.25rem}.building-card__match-reasons{display:flex;flex-wrap:wrap;gap:0.25rem;margin-bottom:0.5rem}.building-card__match-reason{font-size:0.5625rem;padding:0.0625rem 0.375rem;background:var(--accent-color);color:white;border-radius:var(--radius-full);font-weight:500}.empty-state{text-align:center;padding:1.5rem 1rem;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-lg);margin:0.5rem 0}.empty-state-icon{font-size:2.5rem;margin-bottom:0.75rem;opacity:0.8}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:0.5rem}.empty-state-subtitle{font-size:0.875rem;color:var(--text-muted);word-break:break-all;margin-top:0.5rem}.related-buildings-section{margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid var(--border-light)}.building-detail{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:0.5rem;border:1px solid var(--border-light);width:100%;box-sizing:border-box}.building-detail-header{padding:0.5rem;display:flex;align-items:center;gap:0.625rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);border-left:4px solid}.building-detail-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border-light)}.building-detail-map{height:280px;margin:0;border-bottom:1px solid var(--border-light);position:relative}.building-detail-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:0.375rem;overflow-wrap:break-word;word-break:break-word}.building-detail-title-wrapper{flex:1;min-width:0}.building-detail-location{font-size:0.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:0.375rem}.location-icon{font-size:0.8125rem}.map-links-inline{display:inline-flex;gap:0.375rem;margin-left:0.5rem}.map-link-inline{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:0.75rem;text-decoration:none;transition:var(--transition-fast)}.map-link-inline.amap{background-color:#00b578;color:white}.map-link-inline.amap:hover{background-color:#009462;transform:scale(1.1)}.map-link-inline.google{background-color:#4285f4;color:white}.map-link-inline.google:hover{background-color:#3367d6;transform:scale(1.1)}.map-link-inline.bing{background-color:#008373;color:white}.map-link-inline.bing:hover{background-color:#00665a;transform:scale(1.1)}.map-link-inline.apple{background-color:#555;color:white}.map-link-inline.apple:hover{background-color:#333;transform:scale(1.1)}.building-detail-sections{padding:0.5rem}.building-detail-section{margin-bottom:0.5rem}.building-detail-section:last-child{margin-bottom:0}.building-detail-section h3{font-size:0.875rem;font-weight:600;color:var(--text-primary);margin-bottom:0.375rem;display:flex;align-items:center;gap:0.25rem}.building-detail-section p{font-size:0.8125rem;line-height:1.6;color:var(--text-secondary)}.detail-paragraph{text-align:justify;line-height:1.8}.info-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:0.375rem}.info-item{background:var(--bg-secondary);padding:0.375rem;border-radius:var(--radius-sm)}.info-item.heritage{background:linear-gradient(135deg, #DAA52010 0%, #FFD70010 100%);border:1px solid #DAA52030}.info-label{display:block;font-size:0.625rem;color:var(--text-muted);margin-bottom:0.125rem}.info-value{font-size:0.75rem;font-weight:600;color:var(--text-primary)}.building-detail-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.building-detail-tag{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.625rem;border-radius:var(--radius-full);font-size:0.6875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);border:1px solid}.building-detail-tag:hover{transform:translateY(-1px)}.building-detail-disclaimer{margin:1rem 0;font-size:0.75rem;color:#999;line-height:1.5}.video-links{display:flex;flex-wrap:wrap;gap:0.5rem}.video-link{display:inline-flex;align-items:center;gap:0.3rem;padding:0.35rem 0.75rem;border-radius:6px;font-size:0.8125rem;font-weight:500;text-decoration:none;transition:var(--transition-fast)}.video-link:hover{transform:translateY(-1px)}.video-link.douyin{background:#f5f5f5;color:#222;border:1px solid #e0e0e0}.video-link.douyin:hover{background:#222;color:#fff;border-color:#222}.video-link.xiaohongshu{background:#fff0f2;color:#e62e4d;border:1px solid #ffd5dc}.video-link.xiaohongshu:hover{background:#e62e4d;color:#fff;border-color:#e62e4d}.video-link.bilibili{background:#e8f8fe;color:#00a1d6;border:1px solid #b8e6f7}.video-link.bilibili:hover{background:#00a1d6;color:#fff;border-color:#00a1d6}.video-link.youtube{background:#fff0f0;color:#ff0000;border:1px solid #ffd5d5}.video-link.youtube:hover{background:#ff0000;color:#fff;border-color:#ff0000}.video-link.tiktok{background:#f5f5f5;color:#222;border:1px solid #e0e0e0}.video-link.tiktok:hover{background:#222;color:#fff;border-color:#222}.video-link.instagram{background:#fdf2f8;color:#e1306c;border:1px solid #fbcfe8}.video-link.instagram:hover{background:#e1306c;color:#fff;border-color:#e1306c}.tag-map,.province-map,.district-map,.search-map{height:220px;margin-bottom:0.25rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-light);position:relative}.marker-container{background:transparent !important;border:none !important}.marker-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-color);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.3)}.map__progress-bar{position:absolute;top:0;left:0;right:0;height:3px;z-index:1000;background:var(--bg-secondary)}.map__progress-fill{height:100%;width:0%;background:var(--accent-color);transition:width 0.4s ease,opacity 0.5s ease}.map__fs-btn{z-index:1000;width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;color:var(--text-primary);line-height:1}.map__fs-btn:hover{transform:scale(1.08);background:rgba(255,255,255,0.25)}.map__fs-controls{position:absolute;top:8px;right:8px;z-index:1000;display:flex;gap:6px;align-items:center}.map__fs-controls .map__fs-btn{position:static}.map__fs-btn--close{display:none}.map__fs-btn--geo{display:none;color:#ea4335}.map__fs-btn--geo.active{background:#e8f5e9;color:#34a853;border-color:#34a853}.map--fullscreen{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;z-index:9999 !important;margin:0 !important;border-radius:0 !important}.map--fullscreen .map__fs-btn--close{display:flex}.map--fullscreen .map__fs-btn--geo{display:flex}.map--fullscreen .map__fs-btn--open{display:none}.map__fs-btn--geo-pulse{animation:map-fs-pulse 1.5s ease-in-out infinite}@keyframes map-fs-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.map__user-dot{width:16px;height:16px;border-radius:50%;background:#4285f4;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,0.3);position:relative}.map__user-dot::after{content:'';position:absolute;top:-8px;left:-8px;width:28px;height:28px;border-radius:50%;background:rgba(66,133,244,0.2);animation:map-fs-pulse 1.5s ease-in-out infinite}.map__dist-panel{position:absolute;bottom:16px;left:8px;z-index:1001;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:0 4px 16px rgba(0,0,0,0.15);padding:0.5rem;max-width:260px;min-width:200px;font-size:0.8125rem;line-height:1.4}.map__dist-title{flex:1;font-weight:700;color:var(--text-primary);margin-bottom:0.375rem;padding-bottom:0.25rem;border-bottom:1px solid var(--border-light);font-size:0.875rem}.map__dist-empty{color:var(--text-muted);text-align:center;padding:0.5rem 0;font-size:0.8125rem}.map__dist-item{display:flex;align-items:center;gap:0.375rem;padding:0.25rem 0;border-bottom:1px solid var(--border-light);text-decoration:none;color:var(--text-primary);transition:background 0.15s;border-radius:4px;padding-left:0.25rem;padding-right:0.25rem}.map__dist-item:last-child{border-bottom:none}.map__dist-item:hover{background:var(--bg-hover)}.map__dist-icon{font-size:0.875rem;flex-shrink:0}.map__dist-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.8125rem}.map__dist-val{flex-shrink:0;font-weight:600;color:var(--accent-color);font-size:0.75rem;background:var(--bg-secondary);padding:0.125rem 0.4rem;border-radius:4px}.map__dist-marker-container{background:transparent !important;border:none !important}.map__dist-marker{background:var(--bg-card);border:1px solid var(--border-light);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;color:var(--accent-color);white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,0.12);text-align:center}.map__fs-btn--layer{display:flex}.map__dist-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}.map__dist-toggle{width:22px;height:22px;border:none;background:none;cursor:pointer;font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:transform 0.2s;padding:0;line-height:1}.map__dist-panel.collapsed .map__dist-toggle{transform:rotate(-90deg)}.map__dist-panel.collapsed .map__dist-item{display:none}.map__dist-panel.collapsed .map__dist-header .map__dist-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.map__cluster{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:white;width:100%;height:100%;border:3px solid rgba(255,255,255,0.6)}.map__cluster span{text-shadow:0 1px 2px rgba(0,0,0,0.3);line-height:1}.map__cluster--small{background:rgba(52,152,219,0.85);font-size:0.75rem}.map__cluster--medium{background:rgba(230,126,34,0.85);font-size:0.875rem}.map__cluster--large{background:rgba(178,34,34,0.85);font-size:1rem}.map__marker-container,.map__cluster-container{background:transparent !important;border:none !important}.map__popup{font-family:inherit}.map__popup-header{margin-bottom:0.375rem;font-size:0.875rem;color:var(--text-primary)}.map__popup-body{font-size:0.75rem}.map__popup-info{display:flex;gap:0.375rem;margin-bottom:0.25rem}.map__popup-era{color:var(--text-muted);background:var(--bg-secondary);padding:0.0625rem 0.375rem;border-radius:var(--radius-xs)}.map__popup-district{color:var(--text-muted)}.map__popup-badge{margin-bottom:0.25rem}.map__popup-desc{color:var(--text-secondary);margin:0 0 0.375rem 0;line-height:1.5}.map__popup-link{display:inline-block;color:var(--accent-color);font-weight:600;font-size:0.75rem}.map__popup-link:hover{text-decoration:underline}.map__popup-container .leaflet-popup-content-wrapper{border-radius:var(--radius);padding:0;overflow:hidden}.map__popup-container .leaflet-popup-content{margin:0.5rem}.map-page{display:flex;flex-direction:column;width:100%;height:calc(100vh - var(--header-height) - 0.25rem);min-height:400px;padding-top:32px;box-sizing:border-box;overflow:hidden}.map__stats-bar{background:var(--bg-card);padding:0 0.5rem;flex-shrink:0;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:0.375rem;height:1.2rem;overflow:hidden}.map__stats-inner{display:flex;gap:0.5rem;align-items:center;height:1.2rem;overflow:hidden;flex-shrink:1;min-width:0}.map__stat-item{display:flex;align-items:center;gap:0.15rem;height:1.2rem;line-height:1.2rem}.map__stat-num{font-size:0.65rem;font-weight:300;color:var(--text-primary);line-height:1.2rem}.map__stat-label{font-size:0.6rem;font-weight:300;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;line-height:1.2rem}.map__stat-sep{color:var(--border-light);font-size:0.45rem;font-weight:300;line-height:1.2rem}.map__legend{background:var(--bg-card);padding:0.0625rem 0.5rem;flex-shrink:0;display:flex;align-items:center;gap:0.25rem;flex-wrap:wrap;justify-content:center;border-bottom:1px solid var(--border-light)}.map__legend-item{display:flex;align-items:center;gap:0.125rem;font-size:0.625rem;font-weight:300;color:var(--text-secondary);white-space:nowrap;cursor:pointer;padding:0.05rem 0.25rem;border-radius:var(--radius-xs);transition:var(--transition-fast);user-select:none;border:1px solid transparent}.map__legend-item:hover{background:var(--bg-hover);border-color:var(--border-light)}.map__legend-item.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.map__legend-item.active .map__legend-dot{border-color:#fff}.map__legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,0.6)}.map__stats-tip{font-size:0.55rem;font-weight:300;color:var(--text-muted);white-space:nowrap;flex-shrink:0;line-height:1.2rem}.map__stat--loading{gap:0.08rem}.map__stat-num--loading{font-weight:700 !important;color:var(--accent-color) !important;animation:pulse-loading 1s ease-in-out infinite}.map__stat-text--loading{font-size:0.55rem;font-weight:500;color:var(--accent-color);white-space:nowrap;line-height:1.2rem;margin-left:0.125rem;animation:pulse-loading 1s ease-in-out infinite}@keyframes pulse-loading{0%,100%{opacity:0.5}50%{opacity:1}}.map__full-wrapper{flex:1;position:relative;min-height:0}.map__full{width:100%;height:100%;z-index:1;position:relative}.map__marker{border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.625rem;border:2px solid rgba(255,255,255,0.8);box-shadow:0 1px 4px rgba(0,0,0,0.3);cursor:pointer;transition:transform 0.15s ease}.map__marker--world{border:2px solid #FFD700;box-shadow:0 0 8px rgba(255,215,0,0.5),0 1px 4px rgba(0,0,0,0.3)}.map__marker:hover{transform:scale(1.3);z-index:999 !important}.map__timeline{display:flex;align-items:stretch;width:100%;flex-shrink:0;background:var(--bg-card);border-bottom:1px solid var(--border-light);overflow-x:auto;overflow-y:hidden}.era-timeline-all{flex:0 0 auto;padding:2px 4px;font-size:0.6rem;font-weight:400;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:3px;margin:3px 1px;user-select:none;transition:var(--transition-fast);white-space:nowrap}.era-timeline-all:hover{background:var(--bg-hover)}.era-timeline-all.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.era-timeline-track{display:flex;align-items:stretch;flex:1;overflow:hidden;padding:3px 3px 3px 0}.era-timeline-block{display:flex;align-items:center;justify-content:center;min-width:6px;cursor:pointer;position:relative;transition:opacity 0.15s;user-select:none;opacity:0.8;overflow:hidden}.era-timeline-block:hover{opacity:1;filter:brightness(1.15)}.era-timeline-block.active{opacity:1;filter:brightness(1.3);outline:2px solid rgba(255,255,255,0.9);outline-offset:-1px;z-index:1}.era-timeline-block.empty{opacity:0.2;cursor:default;pointer-events:none}.era-timeline-label{font-size:0.5rem;font-weight:400;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,0.6);padding:0 2px;line-height:1.3}.leaflet-control-zoom a{width:24px !important;height:24px !important;line-height:24px !important;font-size:14px !important;background:rgba(255,255,255,0.15) !important;border-color:rgba(255,255,255,0.25) !important;color:var(--text-primary) !important;backdrop-filter:blur(4px)}.route-map{width:100%;height:240px;border-radius:var(--radius);margin-bottom:0.25rem;border:1px solid var(--border-light);overflow:hidden;z-index:1;position:relative;box-sizing:border-box}.route-map__icon{background:transparent !important;border:none !important}.route-map__card{padding:.75rem;min-width:220px;max-width:280px;box-sizing:border-box}.route-map__card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-left:.5rem}.route-map__card-num{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem}.route-map__card-name{font-size:.9375rem;word-wrap:break-word;overflow-wrap:break-word}.route-map__card-meta{display:flex;flex-wrap:wrap;gap:.25rem .75rem;font-size:.6875rem;color:var(--text-muted);margin-bottom:.5rem}.route-map__card-desc{font-size:.75rem;line-height:1.5;color:var(--text-secondary);margin-bottom:.625rem;word-wrap:break-word;overflow-wrap:break-word}.route-map__card-actions{display:flex;justify-content:flex-end}.route-map__card-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem 0;border-radius:0;color:var(--accent-color);font-size:.75rem;font-weight:500;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.route-map__card-btn:hover{border-bottom-color:var(--accent-color)}.route-map__popup .leaflet-popup-content-wrapper{border-radius:var(--radius);overflow:hidden}.route-map__popup .leaflet-popup-tip{background:var(--bg-card)}.route-map__tooltip{background:rgba(0,0,0,.75);border:none;color:#fff;font-size:.75rem;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.route-map__tooltip .leaflet-tooltip-tip{border-top-color:rgba(0,0,0,.75)}.route-toc{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:.4rem .5rem;margin-bottom:0.5rem;width:100%;box-sizing:border-box}.route-toc__bar{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem;flex-wrap:wrap}.route-toc__head{font-weight:700;font-size:.8125rem;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.route-toc__list{display:flex;flex-wrap:wrap;gap:.2rem}.route-toc__item{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:.6875rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;color:var(--text-secondary);text-decoration:none;background:var(--bg-secondary);transition:var(--transition-fast);max-width:100%;box-sizing:border-box}.route-toc__item:hover{background:var(--bg-hover);color:var(--text-primary)}.route-toc__item--all{font-weight:600}.route-toc__num{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.5625rem;flex-shrink:0}.route-stop{border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:.5rem;overflow:hidden;background:var(--bg-card);width:100%;box-sizing:border-box}.route-stop__head{padding:.5rem .625rem;display:flex;align-items:center;gap:.375rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.route-stop__icon{font-size:1.125rem;flex-shrink:0}.route-stop__title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;word-wrap:break-word;overflow-wrap:break-word}.route-stop__body{padding:0.5rem}.route-stop__poem{padding:.375rem .5rem;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:.375rem;width:100%;box-sizing:border-box}.route-stop__poem pre{font-family:inherit;font-size:.8125rem;line-height:1.8;color:var(--text-primary);margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.route-stop__content p{font-size:.875rem;line-height:1.7;color:var(--text-secondary);margin-bottom:.375rem;text-align:justify;word-wrap:break-word;overflow-wrap:break-word}.route-stop__content p:last-child{margin-bottom:0}.route-stop-buildings{width:100%;box-sizing:border-box}.quiz-page{width:100%;box-sizing:border-box}.quiz__status-bar{display:flex;align-items:center;justify-content:space-between;padding:0.25rem 0.375rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:0.25rem;flex-wrap:wrap;gap:0.25rem}.quiz__status-level{display:flex;align-items:center;gap:0.25rem;font-size:0.8125rem}.quiz__status-icon{font-size:1rem}.quiz__status-label{color:var(--text-muted);font-size:0.6875rem}.quiz__status-value{font-weight:700;color:var(--accent-color);font-size:0.875rem}.quiz__status-progress{font-size:0.625rem;color:var(--text-muted);background:var(--bg-secondary);padding:0.05rem 0.375rem;border-radius:var(--radius-full)}.quiz__status-stats{display:flex;gap:0.625rem;font-size:0.75rem;color:var(--text-secondary)}.quiz__bg-progress{display:flex;align-items:center;gap:0.25rem;padding:0.1875rem 0.375rem;margin-bottom:0.25rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);font-size:0.6875rem}.quiz__bg-progress-text{color:var(--text-muted);white-space:nowrap;flex-shrink:0}.quiz__bg-progress-bar{flex:1;height:0.3125rem;background:var(--border-color);border-radius:var(--radius-full);overflow:hidden;min-width:2.5rem}.quiz__bg-progress-fill{height:100%;background:var(--accent-color);border-radius:var(--radius-full);transition:width 0.3s ease}.quiz__filters{display:flex;flex-wrap:wrap;gap:0.25rem;margin-bottom:0.25rem;align-items:center}.quiz__filter-select{padding:0.3125rem 0.5rem;font-size:0.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);box-sizing:border-box}.quiz__filter-select:focus{outline:none;border-color:var(--accent-color)}.quiz__filter-apply{padding:0.3125rem 0.625rem;font-size:0.75rem;border:1px solid var(--accent-color);border-radius:var(--radius-sm);background:var(--accent-color);color:#fff;cursor:pointer;font-weight:600;transition:var(--transition-fast)}.quiz__filter-apply:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.quiz__input-area{display:flex;flex-direction:column;gap:0.25rem;margin-bottom:0.25rem}.quiz__input-row{display:flex;gap:0.25rem}.quiz__input{flex:1;padding:0.375rem 0.5rem;font-size:0.875rem;border:2px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);transition:var(--transition-fast);min-width:0;box-sizing:border-box}.quiz__input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(178,34,34,.1)}.quiz__btn{padding:0.375rem 0.75rem;font-size:0.8125rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.quiz__btn:hover{transform:translateY(-1px)}.quiz__btn--submit{background:var(--accent-color);color:#fff}.quiz__btn--submit:hover{background:var(--accent-hover)}.quiz__btn--submit:disabled{opacity:0.5;cursor:not-allowed}.quiz__btn--hint{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.quiz__btn--hint:hover{background:var(--bg-hover);color:var(--text-primary)}.quiz__btn--skip{background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.quiz__btn--skip:hover{background:var(--bg-secondary);color:var(--text-secondary)}.quiz__btn--reveal{background:linear-gradient(135deg, #FFF8E1 0%, #FFF3CD 100%);color:#B8860B;border:1px solid #FFD54F}.quiz__btn--reveal:hover{background:linear-gradient(135deg, #FFECB3 0%, #FFE082 100%);color:#8B6914;border-color:#FFC107}.quiz__btn--outline{flex:1;text-align:center;padding:0.375rem 0.625rem;font-size:0.8125rem;font-weight:600;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);background:transparent;cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap}.quiz__btn--outline:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.quiz__result-actions{display:flex;gap:0.375rem;margin-top:0.375rem}.quiz__result{padding:0.5rem;border-radius:var(--radius);text-align:center;margin-bottom:0.25rem;border:1px solid var(--border-light)}.quiz__result--correct{background:linear-gradient(135deg, #E8F5E9 0%, #F1F8E9 100%);border-color:#4CAF5050}.quiz__result--wrong{background:linear-gradient(135deg, #FFF3E0 0%, #FBE9E7 100%);border-color:#FF572250}.quiz__result-icon{font-size:1.25rem;margin-bottom:0.1875rem}.quiz__result-title{font-size:0.875rem;font-weight:700;color:var(--text-primary);margin-bottom:0.1875rem}.quiz__clue-list{display:flex;flex-direction:column;gap:0.25rem;margin-bottom:0.25rem}.quiz__clue-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:0.375rem;border-left:3px solid var(--border-color);opacity:0.85;transition:var(--transition)}.quiz__clue-card--newest{border-left:4px solid var(--accent-color);opacity:1;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.quiz__clue-content p{font-size:0.875rem;line-height:1.7;color:var(--text-secondary);text-align:justify}.quiz__satellite-map{width:100%;height:180px;margin-top:0.375rem;border-radius:var(--radius-sm);overflow:hidden;position:relative;border:2px solid var(--border-color)}.quiz__satellite-marker{background:transparent !important;border:none !important}.quiz__satellite-pin{width:14px;height:14px;background:#ff2d2d;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,0.4);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}.quiz__satellite-pulse{width:24px;height:24px;background:rgba(255,45,45,0.4);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);animation:satellitePulse 1.5s ease-out infinite;z-index:1}@keyframes satellitePulse{0%{transform:translate(-50%,-50%) scale(0.6);opacity:1}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}.quiz__result-chars{margin-bottom:0.25rem}.quiz__result-chars-hint{font-size:0.6875rem;color:var(--text-muted);margin-bottom:0.1875rem}.quiz__result-chars-row{display:flex;justify-content:center;gap:0.25rem;flex-wrap:wrap;padding:0.25rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.char-correct{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.5rem;padding:0 0.1875rem;font-size:0.9375rem;font-weight:700;color:#2E7D32;background:#E8F5E9;border-radius:var(--radius-xs)}.quiz__result-answer{font-size:0.8125rem;color:var(--text-secondary);margin-bottom:0.125rem}.quiz__result-detail{font-size:0.75rem;color:var(--text-muted);margin-bottom:0.125rem}.quiz__result-level{font-size:0.75rem;color:var(--accent-color);font-weight:600}@media (max-width: 640px){.route-toc__item{font-size:.6875rem}.route-stop__head{padding:.5rem .625rem}.route-stop__body{padding:.625rem}.route-stop__title{font-size:.8125rem}.map__stat-num{font-size:1rem}.map__legend{gap:0.375rem}.map__legend-item{font-size:0.625rem}.era-timeline-label{font-size:0.4rem}.era-timeline-all{font-size:0.5rem;padding:1px 5px}}@media (min-width: 1600px){.container,.header__inner,.breadcrumb__inner,.site-footer__inner{max-width:1520px}}@media (min-width: 769px){.mobile-tab-bar{display:none !important}}@media (max-width: 768px){.mobile-tab-bar{display:block}#mainContent{padding-bottom:64px}.site-footer{display:none}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;height:calc(100vh - var(--header-height));background-color:var(--bg-card);flex-direction:column;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom, 0));border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:9999;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-menu.active{display:flex;animation:navSlideIn .2s ease}.nav-menu__link{font-size:1.125rem;padding:.875rem 1rem;border-radius:var(--radius)}.nav-toggle{display:flex}@keyframes navSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.province-grid{grid-template-columns:repeat(auto-fill, minmax(140px, 1fr))}.topics-grid,.district-grid-cards{grid-template-columns:1fr}.building-detail-header{flex-direction:column;align-items:flex-start;gap:0.5rem}.info-grid{grid-template-columns:repeat(2, 1fr)}.quiz__status-bar{flex-direction:column;align-items:flex-start}.quiz__status-stats,.quiz__input-row{flex-wrap:wrap}.quiz__input-row,.quiz__result-actions{flex-direction:column}.quiz__input-row input{flex:none;width:100%}.quiz__input-row button{width:100%}.building-detail-map,.tag-map,.province-map,.district-map,.search-map{height:200px}.map__dist-panel{bottom:10px;left:5px;right:5px;max-width:none}.map-page{height:calc(100vh - var(--header-height) - 56px)}.tag-header,.province-header,.topic-detail-header{flex-direction:column;align-items:flex-start;gap:0.5rem;padding:0.75rem}.topic-detail-icon{width:3rem;height:3rem;font-size:1.5rem}.topic-detail-title{font-size:1.25rem}.province-header-info{min-width:0;width:100%}.province-header-info p{word-wrap:break-word;overflow-wrap:break-word}.district-grid-card{overflow:hidden}.district-grid-card-name{word-wrap:break-word;overflow-wrap:break-word;min-width:0}.district-grid-card-count{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.district-grid-card-eras{word-wrap:break-word;overflow-wrap:break-word}.district-grid-card-examples{overflow:hidden;text-overflow:ellipsis}.district-grid-card-tags{overflow:hidden}.district-grid-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis}.breadcrumb ol{font-size:0.75rem;gap:0.25rem}.breadcrumb li{gap:0.25rem}.breadcrumb a,.breadcrumb li.active{padding:0.1875rem 0.375rem}.breadcrumb li:not(:last-child)::after{font-size:0.875rem}.building-card,.province-card,.topic-card{touch-action:manipulation}}@media (max-width: 480px){.province-grid,.sections-grid,.info-grid{grid-template-columns:1fr}.section-title{font-size:1.125rem}.building-detail-sections{padding:0.75rem}.building-detail-header{padding:0.75rem}.tag-filter{gap:0.375rem}.trail-filter-btn{padding:0.3rem 0.625rem;font-size:0.75rem}.map__fs-btn{width:30px;height:30px;font-size:14px;border-radius:6px}.map__fs-controls{top:8px;right:8px;gap:6px}.container{padding:0 12px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.map--fullscreen .map__fs-controls{top:0;right:0;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:linear-gradient(rgba(0,0,0,0.45),transparent);border-radius:0;width:100%;justify-content:flex-end;gap:8px}.map--fullscreen .map__fs-btn{background:rgba(0,0,0,0.7);color:#fff;border-color:rgba(255,255,255,0.2);width:36px;height:36px;font-size:16px;border-radius:50%}.map--fullscreen .map__dist-panel{bottom:20px;left:8px;max-width:240px}.map--fullscreen .map__fs-btn--geo.active{background:#1b5e20;color:#a5d6a7;border-color:#2e7d32}}.province-info{display:flex;flex-direction:column;gap:2px;min-width:0}.map__legend-label{font-size:0.75rem;color:var(--text-secondary)}.tag-icon{margin-right:0.25rem}.tag-modern-name{color:var(--text-secondary);font-size:0.8rem}.char-wrong{color:#e74c3c;text-decoration:line-through}.search-page-results{display:flex;flex-direction:column;gap:0.5rem}.route-stops{display:flex;flex-direction:column;gap:0.75rem}.quiz__result-skip{background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius)}.quiz__result-reveal{background:#fef9e7;color:#b7950b;border-radius:var(--radius)}[data-theme="dark"] .char-wrong{color:#ef5350}[data-theme="dark"] .quiz__result-reveal{background:#3e3520;color:#ffd54f}.feedback-link{color:var(--accent-color);text-decoration:none;font-weight:500;white-space:nowrap}.feedback-link:hover{text-decoration:underline}.feedback-modal{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center}.feedback-modal.active{display:flex}.feedback-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}.feedback-modal__content{position:relative;background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease}.feedback-modal__close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.25rem;line-height:1}.feedback-modal__close:hover{color:var(--text-primary)}.feedback-modal__title{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary)}.feedback-form__group{margin-bottom:.875rem}.feedback-form__group label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.feedback-form__group .required{color:var(--accent-color)}.feedback-form__group input,.feedback-form__group textarea{width:100%;padding:.5rem .625rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;background:var(--bg-input);color:var(--text-primary);box-sizing:border-box;font-family:inherit}.feedback-form__group input:focus,.feedback-form__group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(247,120,102,.1)}.feedback-form__group textarea{resize:vertical;min-height:80px}.feedback-form__submit{width:100%;padding:.625rem;background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer}.feedback-form__submit:hover{opacity:.9}.feedback-form__success{display:none;text-align:center;padding:1.5rem 0;font-size:1rem;color:var(--text-primary)}@media (max-width: 480px){.feedback-modal__content{padding:1.25rem;width:95%}}[data-theme="dark"] .nav-menu__link.active{background:rgba(247, 120, 102, 0.12)}[data-theme="dark"] .protection-badge--heritage{background:linear-gradient(135deg, #DAA52025 0%, #FFD70025 100%);color:#f0c040;border-color:#DAA52040}[data-theme="dark"] .protection-badge--national{background:rgba(247,120,102,.12);color:var(--accent-color);border-color:rgba(247,120,102,.25)}[data-theme="dark"] .info-item.heritage{background:linear-gradient(135deg, #DAA52018 0%, #FFD70018 100%);border-color:#DAA52030}[data-theme="dark"] .search__input:focus{box-shadow:0 0 0 3px rgba(247,120,102,.15)}[data-theme="dark"] .map__fs-btn{background:rgba(0,0,0,0.3);border-color:rgba(255,255,255,0.15)}[data-theme="dark"] .map__fs-btn:hover{background:rgba(0,0,0,0.5)}[data-theme="dark"] .leaflet-control-zoom a{background:rgba(0,0,0,0.3) !important;color:#ccc !important;border-color:rgba(255,255,255,0.15) !important}[data-theme="dark"] .leaflet-control-zoom a:hover{background:rgba(0,0,0,0.5) !important;color:#fff !important}[data-theme="dark"] .leaflet-control-attribution{background:rgba(0,0,0,.6);color:#888}[data-theme="dark"] .leaflet-control-attribution a{color:#aaa}[data-theme="dark"] .route-map__popup .leaflet-popup-content-wrapper{background:var(--bg-card);color:var(--text-primary)}[data-theme="dark"] .route-map__popup .leaflet-popup-tip{background:var(--bg-card)}[data-theme="dark"] .route-map__popup .leaflet-popup-content-wrapper a{color:#66b3ff}[data-theme="dark"] .route-map__tooltip{background:rgba(22,27,34,.92);color:#e6edf3}[data-theme="dark"] .route-map__tooltip .leaflet-tooltip-tip{border-top-color:rgba(22,27,34,.92)}[data-theme="dark"] .video-link.douyin{background:#1a1a1a;color:#ccc;border-color:#333}[data-theme="dark"] .video-link.douyin:hover{background:#333;color:#fff;border-color:#555}[data-theme="dark"] .video-link.xiaohongshu{background:#2a1518;color:#f4728b;border-color:#442}[data-theme="dark"] .video-link.xiaohongshu:hover{background:#e62e4d;color:#fff;border-color:#e62e4d}[data-theme="dark"] .video-link.bilibili{background:#0d1b26;color:#40b6e0;border-color:#1a3a4a}[data-theme="dark"] .video-link.bilibili:hover{background:#00a1d6;color:#fff;border-color:#00a1d6}[data-theme="dark"] .video-link.youtube{background:#2a1515;color:#ff6666;border-color:#442}[data-theme="dark"] .video-link.youtube:hover{background:#ff0000;color:#fff;border-color:#ff0000}[data-theme="dark"] .video-link.tiktok{background:#1a1a1a;color:#ccc;border-color:#333}[data-theme="dark"] .video-link.tiktok:hover{background:#333;color:#fff;border-color:#555}[data-theme="dark"] .video-link.instagram{background:#2a1520;color:#f4728b;border-color:#442}[data-theme="dark"] .video-link.instagram:hover{background:#e1306c;color:#fff;border-color:#e1306c}[data-theme="dark"] .map__cluster{border-color:rgba(200,210,220,0.5)}[data-theme="dark"] .map__legend-dot{border-color:rgba(200,210,220,0.5)}[data-theme="dark"] .map__marker{border-color:rgba(200,210,220,0.7);box-shadow:0 1px 4px rgba(0,0,0,0.5)}[data-theme="dark"] .quiz__input:focus{box-shadow:0 0 0 3px rgba(247,120,102,.15)}[data-theme="dark"] .quiz__btn--reveal{background:linear-gradient(135deg, #3E272310 0%, #4E342E10 100%);color:#FFD54F;border-color:#FFD54F40}[data-theme="dark"] .quiz__btn--reveal:hover{background:linear-gradient(135deg, #3E272320 0%, #4E342E20 100%);color:#FFE082;border-color:#FFC10760}[data-theme="dark"] .quiz__clue-card--newest{box-shadow:0 2px 8px rgba(0,0,0,0.4)}[data-theme="dark"] .quiz__satellite-pin{border-color:#c0c8d0}[data-theme="dark"] .char-correct{color:#81C784;background:#1B5E2030}