.app-layout[data-v-d7b54d78]{min-height:100vh}.mobile-nav[data-v-d7b54d78]{display:flex;flex-direction:column;gap:8px}.mobile-nav-item[data-v-d7b54d78]{display:block;padding:12px 16px;color:var(--text-color);font-size:16px;border-radius:8px;transition:all .2s}.mobile-nav-item[data-v-d7b54d78]:hover{background:#ca8a041a;color:var(--accent-color)}.nav-personal[data-v-d7b54d78]{color:var(--text-secondary)}.nav-personal[data-v-d7b54d78]:hover,.nav-personal.active[data-v-d7b54d78]{color:var(--accent-color);background:#ca8a0414}.mobile-nav-personal[data-v-d7b54d78]{color:var(--text-secondary);margin-top:8px}.mobile-nav-personal[data-v-d7b54d78]:hover{color:var(--accent-color);background:#ca8a041a}[data-v-d7b54d78] .ant-drawer-header{border-bottom:1px solid var(--border-color)}[data-v-d7b54d78] .ant-drawer-body{padding:16px}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--primary-color: #0F172A;--secondary-color: #1E3A8A;--accent-color: #CA8A04;--background-color: #F8FAFC;--text-color: #020617;--text-secondary: #475569;--border-color: #E2E8F0;--card-bg: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color)}.header-container{max-width:1400px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;font-family:"Noto Serif TC",serif;font-size:24px;font-weight:700;color:#ca8a04}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.nav-menu{display:flex;align-items:center;gap:8px}.nav-item{padding:0 16px;font-size:15px;color:var(--text-secondary);border-radius:6px;transition:all .2s ease;cursor:pointer}.nav-item:hover,.nav-item.active{color:var(--accent-color);background:#ca8a0414}.mobile-menu-btn{display:none;padding:8px;border:none;background:transparent;cursor:pointer}.banner-carousel{margin-top:72px;height:600px;position:relative}.banner-item{height:600px;display:flex;align-items:center;justify-content:center;position:relative;background-size:cover;background-position:center}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172ad9,#1e3a8ab3)}.banner-content{position:relative;z-index:1;text-align:center;color:#fff;max-width:1400px;padding:0 24px}.banner-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:24px;letter-spacing:.05em}.banner-subtitle{font-size:clamp(1.1rem,2vw,1.5rem);opacity:.9;margin-bottom:32px}.banner-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--accent-color);color:#fff;border-radius:8px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .3s ease}.banner-btn:hover{background:#b57a04;transform:translateY(-2px);box-shadow:0 8px 24px #ca8a0466}.container{max-width:1400px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:64px}.section-title{font-size:clamp(2rem,4vw,2.75rem);color:var(--primary-color);margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;cursor:pointer}.card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f}.card-image{height:200px;background-size:cover;background-position:center}.card-body{padding:24px}.card-title{font-size:1.25rem;color:var(--primary-color);margin-bottom:12px}.card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.info-card{display:flex;align-items:flex-start;gap:20px;padding:24px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.info-card:hover{border-color:var(--accent-color);box-shadow:0 4px 16px #ca8a041a}.info-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.info-content h4{font-size:1.1rem;color:var(--primary-color);margin-bottom:8px}.info-content p{color:var(--text-secondary);font-size:.95rem}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item{position:relative;padding-bottom:32px}.timeline-item:before{content:"";position:absolute;left:-33px;top:4px;width:16px;height:16px;background:var(--accent-color);border-radius:50%;border:3px solid var(--background-color)}.timeline-year{font-size:1.25rem;font-weight:600;color:var(--accent-color);margin-bottom:8px}.timeline-title{font-size:1.1rem;color:var(--primary-color);margin-bottom:8px}.timeline-desc{color:var(--text-secondary);font-size:.95rem}.person-card{display:flex;align-items:center;gap:20px;padding:20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.person-card:hover{border-color:var(--accent-color);box-shadow:0 4px 16px #ca8a041a}.person-avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;flex-shrink:0}.person-info h4{font-size:1.1rem;color:var(--primary-color);margin-bottom:4px}.person-info .title{color:var(--accent-color);font-size:.9rem;margin-bottom:8px}.person-info p{color:var(--text-secondary);font-size:.9rem}.footer{background:#0f172a!important;background-color:#0f172a!important;color:#fff!important;padding:64px 0 32px;margin-top:80px}.footer a{color:#ffffffb3!important}.footer a:hover,.footer h3,.footer h4{color:#fff!important}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand h3{font-size:1.5rem;margin-bottom:16px}.footer-brand p{color:#ffffffb3;font-size:.95rem;line-height:1.7}.footer-links h4{font-size:1rem;margin-bottom:16px;color:var(--accent-color)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#ffffffb3;font-size:.95rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center;color:#ffffff80;font-size:.9rem}.page-container{min-height:calc(100vh - 72px);padding-top:72px}.page-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:80px 0;text-align:center;color:#fff}.page-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:16px}.page-subtitle{font-size:1.1rem;opacity:.9}.page-content{padding:64px 0}.form-section{max-width:600px;margin:0 auto;background:var(--card-bg);padding:40px;border-radius:16px;box-shadow:0 4px 20px #0000000f}.form-section h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:24px;text-align:center}.search-box{display:flex;gap:12px;margin-bottom:32px}.search-input{flex:1}@media(max-width:768px){.header-container{padding:0 16px}.nav-menu{display:none}.mobile-menu-btn{display:block}.banner-carousel,.banner-item{height:400px}.card-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:32px}.section-header{margin-bottom:40px}}.map-container{background:var(--card-bg);border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000f}.genealogy-tree{display:flex;flex-direction:column;gap:24px}.genealogy-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--card-bg);border-radius:8px;border-left:4px solid var(--accent-color);box-shadow:0 2px 8px #0000000a}.genealogy-generation{font-size:.8rem;color:var(--accent-color);font-weight:600}.genealogy-name{font-size:1.1rem;color:var(--primary-color);font-weight:500}.genealogy-date{margin-left:auto;font-size:.9rem;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--card-bg);padding:32px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000000f}.stat-number{font-size:3rem;font-weight:700;color:var(--accent-color);font-family:"Noto Serif TC",serif}.stat-label{font-size:1rem;color:var(--text-secondary);margin-top:8px}.modal-content{padding:24px}.breadcrumb{padding:16px 0;font-size:.9rem;color:var(--text-secondary)}.breadcrumb span{margin:0 8px}