*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif SC","STKaiti",serif;line-height:1.6;color:#2c2c2c;background-color:#f5f2e9;background-image:url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M50 50C50 55.5228 45.5228 60 40 60C34.4772 60 30 55.5228 30 50C30 44.4772 34.4772 40 40 40C45.5228 40 50 44.4772 50 50Z" fill="%239D2933" fill-opacity="0.03"/%3E%3Cpath d="M20 20C20 25.5228 15.5228 30 10 30C4.47715 30 0 25.5228 0 20C0 14.4772 4.47715 10 10 10C15.5228 10 20 14.4772 20 20Z" fill="%239D2933" fill-opacity="0.03"/%3E%3Cpath d="M80 20C80 25.5228 84.4772 30 90 30C95.5228 30 100 25.5228 100 20C100 14.4772 95.5228 10 90 10C84.4772 10 80 14.4772 80 20Z" fill="%239D2933" fill-opacity="0.03"/%3E%3Cpath d="M20 80C20 85.5228 15.5228 90 10 90C4.47715 90 0 85.5228 0 80C0 74.4772 4.47715 70 10 70C15.5228 70 20 74.4772 20 80Z" fill="%239D2933" fill-opacity="0.03"/%3E%3Cpath d="M80 80C80 85.5228 84.4772 90 90 90C95.5228 90 100 85.5228 100 80C100 74.4772 95.5228 70 90 70C84.4772 70 80 74.4772 80 80Z" fill="%239D2933" fill-opacity="0.03"/%3E%3C/svg%3E')}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);position:sticky;top:0;z-index:1000;border-bottom:2px solid #9d2933;background-image:url('data:image/svg+xml,%3Csvg width="40" height="12" viewBox="0 0 40 12" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 6 L10 1 L20 6 L30 1 L40 6 L40 12 L0 12 Z" fill="%23DAA520" fill-opacity="0.05"/%3E%3C/svg%3E');transition:all .3s ease}header.compact{box-shadow:0 2px 8px rgba(0,0,0,.1)}header.compact .container{padding:10px 20px;transition:padding all .3s ease}header.compact .logo img{display:none;transition:display all .3s ease}header.compact .logo span{display:none;transition:display all .3s ease}header.compact .search-form{display:none;transition:display all .3s ease}header .container{transition:padding all .3s ease}header .logo img,header .logo span,header .search-form{transition:all all .3s ease}header .container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.logo a{display:flex;align-items:center;text-decoration:none;color:#2c2c2c;font-size:1.5rem;font-weight:bold;font-family:"Ma Shan Zheng","STKaiti",cursive}.logo i{margin-right:10px;color:#9d2933}nav ul{display:flex;list-style:none}nav ul li{margin-left:20px}nav ul li a{text-decoration:none;color:#2c2c2c;font-weight:500;transition:all .3s ease;padding:5px 10px;border-radius:4px;font-family:"Noto Serif SC","STKaiti",serif}nav ul li a:hover{color:#9d2933;background-color:rgba(139,69,19,.08)}main{min-height:calc(100vh - 200px)}.hero{background:linear-gradient(135deg, #9d2933 0%, #7c1f29 100%);color:#f8f5f0;padding:100px 0;text-align:center;background-image:url('data:image/svg+xml,%3Csvg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M30 30C30 35.5228 25.5228 40 20 40C14.4772 40 10 35.5228 10 30C10 24.4772 14.4772 20 20 20C25.5228 20 30 24.4772 30 30Z" fill="%23ffffff" fill-opacity="0.05"/%3E%3Cpath d="M50 30C50 35.5228 54.4772 40 60 40C65.5228 40 70 35.5228 70 30C70 24.4772 65.5228 20 60 20C54.4772 20 50 24.4772 50 30Z" fill="%23ffffff" fill-opacity="0.05"/%3E%3Cpath d="M30 50C30 55.5228 25.5228 60 20 60C14.4772 60 10 55.5228 10 50C10 44.4772 14.4772 40 20 40C25.5228 40 30 44.4772 30 50Z" fill="%23ffffff" fill-opacity="0.05"/%3E%3Cpath d="M50 50C50 55.5228 54.4772 60 60 60C65.5228 60 70 55.5228 70 50C70 44.4772 65.5228 40 60 40C54.4772 40 50 44.4772 50 50Z" fill="%23ffffff" fill-opacity="0.05"/%3E%3C/svg%3E');border-bottom:5px double #daa520}.hero-content h1{font-size:3.5rem;margin-bottom:20px;font-weight:700;font-family:"Ma Shan Zheng","STKaiti",cursive;text-shadow:3px 3px 6px rgba(0,0,0,.4);letter-spacing:2px;padding:15px 0;position:relative;display:inline-block}.hero-content h1::before,.hero-content h1::after{content:"❖";color:#daa520;font-size:2rem;margin:0 20px;opacity:.8;vertical-align:middle}.hero-content p{font-size:1.2rem;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto;font-family:"Noto Serif SC",serif}.hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-primary{display:inline-block;background-color:#daa520;color:#2c2c2c;padding:12px 28px;border-radius:2px;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid #b8860b;cursor:pointer;font-family:"Noto Serif SC",serif;box-shadow:0 3px 10px rgba(0,0,0,.15);text-shadow:1px 1px 1px rgba(255,255,255,.2);background-image:linear-gradient(45deg, #daa520, #f0c040, #daa520)}.btn-primary:hover{background-color:#b8860b;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-secondary{display:inline-block;background-color:rgba(248,245,240,.9);color:#9d2933;padding:12px 28px;border-radius:2px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid #daa520;font-family:"Noto Serif SC",serif;box-shadow:0 3px 10px rgba(0,0,0,.15)}.btn-secondary:hover{background-color:#f8f5f0;color:#9d2933;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-link{color:#9d2933;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;font-family:"Noto Serif SC",serif;padding:5px 10px;border-bottom:1px dashed #9d2933}.btn-link:hover{color:#5d4037}.intro{background-color:#f5f2e9;padding:80px 0;text-align:center;background-image:url('data:image/svg+xml,%3Csvg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0 L80 0 L80 80 L0 80 Z M40 10 L60 10 L60 20 L40 20 Z M20 30 L40 30 L40 40 L20 40 Z M40 50 L60 50 L60 60 L40 60 Z M20 70 L40 70 L40 80 L20 80 Z" fill="%239D2933" fill-opacity="0.02" fill-rule="evenodd"/%3E%3C/svg%3E');position:relative}.intro h2{font-size:2.5rem;margin-bottom:20px;color:#9d2933;font-family:"Ma Shan Zheng","STKaiti",cursive;position:relative;display:inline-block;letter-spacing:1px;padding:10px 0}.intro h2::after{content:"";position:absolute;bottom:-10px;left:15%;width:70%;height:3px;background-color:#daa520;border-radius:1.5px}.intro p{max-width:800px;margin:0 auto 30px;font-size:1.1rem;color:#4a4a4a;font-family:"Noto Serif SC",serif}.features{padding:80px 0;background-color:#fff;background-image:url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0 L60 0 L60 60 L0 60 Z" fill="%239D2933" fill-opacity="0.01"/%3E%3Cpath d="M10 10 L20 10 L20 20 L10 20 Z M40 10 L50 10 L50 20 L40 20 Z M10 40 L20 40 L20 50 L10 50 Z M40 40 L50 40 L50 50 L40 50 Z" fill="%239D2933" fill-opacity="0.02"/%3E%3C/svg%3E');position:relative}.features h2{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#9d2933;font-family:"Ma Shan Zheng","STKaiti",cursive;position:relative;display:inline-block;left:50%;transform:translateX(-50%);letter-spacing:1px;padding:10px 0}.features h2::after{content:"";position:absolute;bottom:-10px;left:15%;width:70%;height:3px;background-color:#daa520;border-radius:1.5px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:30px}.feature-item{background-color:#f5f2e9;padding:30px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:all .3s ease;text-align:center;border:1px solid #c8b59b;position:relative;overflow:hidden}.feature-item::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg, #9d2933, #daa520)}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.12);border-color:#daa520}.feature-icon{font-size:2.5rem;color:#9d2933;margin-bottom:20px;padding:15px;background-color:rgba(157,41,51,.05);border-radius:50%;display:inline-block}.feature-item h3{font-size:1.3rem;margin-bottom:15px;color:#2c2c2c;font-family:"Noto Serif SC",serif}.feature-item p{color:#4a4a4a;font-family:"Noto Serif SC",serif}.family-highlights{padding:80px 0;background-color:#f5f2e9;background-image:url('data:image/svg+xml,%3Csvg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0 L80 0 L80 80 L0 80 Z" fill="%239D2933" fill-opacity="0.01"/%3E%3Cpath d="M20 20 L30 20 L30 30 L20 30 Z M50 20 L60 20 L60 30 L50 30 Z M20 50 L30 50 L30 60 L20 60 Z M50 50 L60 50 L60 60 L50 60 Z" fill="%239D2933" fill-opacity="0.02"/%3E%3C/svg%3E');position:relative}.family-highlights h2{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#9d2933;font-family:"Ma Shan Zheng","STKaiti",cursive;position:relative;display:inline-block;left:50%;transform:translateX(-50%);letter-spacing:1px;padding:10px 0}.family-highlights h2::after{content:"";position:absolute;bottom:-10px;left:15%;width:70%;height:3px;background-color:#daa520;border-radius:1.5px}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px}.highlight-item{background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:all .3s ease;border:1px solid #c8b59b;position:relative}.highlight-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15);border-color:#daa520}.highlight-item img{width:100%;height:220px;object-fit:cover;display:block;border-bottom:2px solid #9d2933}.highlight-content{padding:20px}.highlight-content h3{font-size:1.4rem;margin-bottom:10px;color:#2c2c2c;font-family:"Noto Serif SC",serif}.highlight-content p{color:#4a4a4a;font-family:"Noto Serif SC",serif}.latest-updates{padding:80px 0;background-color:#fff;background-image:url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0 L60 0 L60 60 L0 60 Z" fill="%239D2933" fill-opacity="0.01"/%3E%3Cpath d="M15 15 L25 15 L25 25 L15 25 Z M35 15 L45 15 L45 25 L35 25 Z M15 35 L25 35 L25 45 L15 45 Z M35 35 L45 35 L45 45 L35 45 Z" fill="%239D2933" fill-opacity="0.02"/%3E%3C/svg%3E');position:relative}.latest-updates h2{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#9d2933;font-family:"Ma Shan Zheng","STKaiti",cursive;position:relative;display:inline-block;left:50%;transform:translateX(-50%);letter-spacing:1px;padding:10px 0}.latest-updates h2::after{content:"";position:absolute;bottom:-10px;left:15%;width:70%;height:3px;background-color:#daa520;border-radius:1.5px}.updates-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px}.update-item{background-color:#f5f2e9;padding:25px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:all .3s ease;border:1px solid #c8b59b;position:relative}.update-item::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:#9d2933}.update-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.12);border-color:#daa520}.update-item h3{font-size:1.3rem;margin-bottom:10px;color:#2c2c2c;font-family:"Noto Serif SC",serif}.update-item p{color:#4a4a4a;margin-bottom:10px;font-family:"Noto Serif SC",serif}.update-date{display:inline-block;font-size:.9rem;color:#f8f5f0;background-color:#9d2933;padding:5px 12px;border-radius:2px;margin-bottom:15px;font-weight:500}.join-us{background-color:#9d2933;color:#f8f5f0;padding:80px 0;text-align:center;background-image:url('data:image/svg+xml,%3Csvg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 10 L20 10 L20 20 L10 20 Z M30 10 L40 10 L40 20 L30 20 Z M50 10 L60 10 L60 20 L50 20 Z M70 10 L80 10 L80 20 L70 20 Z M10 30 L20 30 L20 40 L10 40 Z M30 30 L40 30 L40 40 L30 40 Z M50 30 L60 30 L60 40 L50 40 Z M70 30 L80 30 L80 40 L70 40 Z M10 50 L20 50 L20 60 L10 60 Z M30 50 L40 50 L40 60 L30 60 Z M50 50 L60 50 L60 60 L50 60 Z M70 50 L80 50 L80 60 L70 60 Z M10 70 L20 70 L20 80 L10 80 Z M30 70 L40 70 L40 80 L30 80 Z M50 70 L60 70 L60 80 L50 80 Z M70 70 L80 70 L80 80 L70 80 Z" fill="%23ffffff" fill-opacity="0.03"/%3E%3C/svg%3E');position:relative;border-top:5px double #daa520;border-bottom:5px double #daa520}.join-content h2{font-size:2.5rem;margin-bottom:20px;font-family:"Ma Shan Zheng","STKaiti",cursive;letter-spacing:2px}.join-content p{max-width:800px;margin:0 auto 30px;font-size:1.1rem;font-family:"Noto Serif SC",serif}footer{background-color:#2c2c2c;color:#f8f5f0;padding:50px 0;background-image:url('data:image/svg+xml,%3Csvg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 20 L30 20 L30 30 L20 30 Z M50 20 L60 20 L60 30 L50 30 Z M20 50 L30 50 L30 60 L20 60 Z M50 50 L60 50 L60 60 L50 60 Z" fill="%23ffffff" fill-opacity="0.03"/%3E%3C/svg%3E');border-top:3px solid #9d2933}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:30px;margin-bottom:30px}.footer-info h3{font-size:1.8rem;margin-bottom:15px;font-family:"Ma Shan Zheng","STKaiti",cursive;color:#daa520;letter-spacing:1px}.footer-info p{color:rgba(248,245,240,.7);font-family:"Noto Serif SC",serif}.footer-links h4,.footer-social h4{font-size:1.4rem;margin-bottom:15px;font-family:"Ma Shan Zheng","STKaiti",cursive;color:#daa520;letter-spacing:1px}.footer-links ul,.footer-social ul{list-style:none}.footer-links ul li,.footer-social ul li{margin-bottom:10px}.footer-links ul li a{color:rgba(248,245,240,.7);text-decoration:none;transition:all .3s ease;font-family:"Noto Serif SC",serif}.footer-links ul li a:hover{color:#daa520}.footer-social ul{display:flex;gap:10px}.footer-social ul li a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(248,245,240,.1);color:#f8f5f0;border-radius:50%;transition:all .3s ease;text-decoration:none}.footer-social ul li a:hover{background-color:#daa520;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(248,245,240,.1);color:rgba(248,245,240,.7);font-family:"Noto Serif SC",serif}@media (max-width: 768px){header .container{flex-direction:column;padding:10px 20px}.footer-bottom p{font-size:.8em}.footer-bottom p a{font-size:.8em !important}nav ul{margin-top:15px;flex-wrap:wrap;justify-content:center}nav ul li{margin:5px}.hero-content h1{font-size:2.5rem;letter-spacing:1px;}.hero-content h1::before,.hero-content h1::after{margin:0 5px;font-size:2rem;}.hero-buttons{flex-direction:column;padding:0 1em}.hero-buttons a{width:100%}.features-grid,.highlights-grid,.updates-grid{grid-template-columns:1fr}.search-nav-container{flex-direction:column;width:100%}.search-form{width:100%;margin-top:15px}.search-results{width:100%;right:0}}@media screen and (max-width: 480px){.container{padding:0 5px}.intro h2{font-size:1.8rem}.intro p{font-size:1rem}.feature-item{flex:0 0 100%;max-width:100%}.hero-content h1{font-size:1.8rem;letter-spacing:.8px;}.hero-content h1::before,.hero-content h1::after{margin:0 4px;font-size:1rem;}.hero{padding:60px 0;}.hero-content p{font-size:1rem}.search-nav-container{flex-direction:column;align-items:center;width:100%}.search-form{width:100%;margin-top:10px;display:flex;justify-content:center}#search-input{width:calc(100% - 80px);max-width:300px}#search-button{width:60px}.search-results{width:100%;left:0;right:0;margin:5px auto 0;max-width:calc(100% - 30px)}}.search-nav-container{display:flex;align-items:center;gap:20px}.search-form{position:relative;text-align:center}#search-input{padding:8px 12px;border:1px solid #d3b88c;border-radius:4px 0 0 4px;background-color:rgba(255,255,255,.95);color:#333;font-size:14px;width:200px;transition:all .3s ease}#search-input:focus{outline:none;border-color:#a88c60;box-shadow:0 0 5px rgba(168,140,96,.2)}#search-button{padding:8px 12px;background-color:#d3b88c;border:1px solid #d3b88c;border-radius:0 4px 4px 0;color:#5d4037;cursor:pointer;font-size:14px;transition:all .3s ease}#search-button:hover{background-color:#a88c60;border-color:#a88c60;color:#fff}#search-button i{font-size:14px}.search-results{position:absolute;top:100%;right:0;width:350px;max-height:400px;overflow-y:auto;background-color:#fff;border:1px solid #d3b88c;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;margin-top:5px;display:none}.search-result-item{padding:12px 15px;border-bottom:1px solid #f0e6d2;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f9f4ea}.search-result-item a{color:#5d4037;text-decoration:none;display:block}.search-result-item h4{margin:0 0 8px 0;font-size:15px;font-weight:600;color:#3e2723}.search-result-item p{margin:0;font-size:13px;color:#6d4c41;line-height:1.5}.search-result-item .no-results{color:#757575;font-style:italic;text-align:center;padding:20px}mark{background-color:#ffeb3b;color:#333;padding:0 2px;border-radius:2px}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#d3b88c;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#a88c60}