body{font-family:sans-serif;margin:0;padding:0;font-size:16px;color:#333333}a{color:#007bff;text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;padding:0}h1{position:relative;font-size:40px;font-weight:bold;text-align:center;padding:30px;margin-bottom:1em;color:#18689B}h1::after{position:absolute;content:'';left:50%;bottom:0;transform:translateX(-50%);width:100px;height:10px;background:#18689B}h2{font-size:22px;font-weight:bold;padding:10px 20px;margin-top:3em;margin-bottom:0.5em;color:#ffffff;border-radius:5px;background:#18689B}h3{font-size:20px;font-weight:bold;padding:10px 20px;margin-top:0.5em;margin-bottom:0.5em;border-radius:5px;background:#82C3EC}h4{font-size:18px;font-weight:bold;padding:10px 20px;margin-top:1em;margin-bottom:0.5em;border-radius:5px;background:#E7EFEE}h5{font-size:16px;font-weight:bold;padding:10px 20px;margin-bottom:1em;border-bottom:3px double #E7EFEE}h6{font-size:15px;font-weight:bold;padding:10px 20px;margin-bottom:1em;border-bottom:3px dotted #E7EFEE}p{margin-bottom:2em;text-indent:1em}.container{padding:20px}.project-info{margin-bottom:20px}.page-header{position:relative;width:100%;height:250px;overflow:hidden}.page-header .header-image{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.page-header::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);pointer-events:none}.page-header .header-text{position:absolute;top:10px;left:20px;color:rgba(255,255,255,0.8);font-size:3em;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,0.7);z-index:2}.page-header .header-text a{color:rgba(255,255,255,0.8);text-decoration:none}.page-intro-image{margin-left:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:25px;margin-top:20px}.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:transform 0.2s ease, box-shadow 0.2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:25px;margin-top:20px}.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:transform 0.2s ease, box-shadow 0.2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.card-img-wrapper{position:relative;width:100%;padding-top:56.25%;background:transparent;overflow:hidden}.card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.card-img.no-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ddd;color:#666;font-size:0.9em}.card-content{padding:15px}.card-content h2{margin:0 0 10px;font-size:1.2em}.card-content h2{font-size:1.2em;font-weight:bold;padding:0;margin:0 0 10px;color:#333;border-radius:0;background:none}.card-content p{margin:0;color:#666;font-size:0.9em}.card-link{color:inherit;text-decoration:none;display:block}.top_img{position:relative}.top_img p{position:absolute;color:white;opacity:0.7;font-weight:bold;font-size:4em;font-family:Quicksand, sans-serif;top:0;left:5%}.top_img img{width:100%;height:250px;object-fit:cover}p.img img{margin:10px}.custom-list ul,.custom-list ol{background:#fafafa;border-radius:8px;box-shadow:0px 0px 5px silver;padding:0.5em 0.5em 0.5em 2em}.custom-list ul li,.custom-list ol li{line-height:1.5;padding:0.5em 0}.publication ul,.publication ol{padding:0;position:relative}.publication ul li,.publication ol li{color:#000;background:#f1f8ff;margin-bottom:10px;line-height:1.5;padding:0.5em;list-style-type:none}.project-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:20px}.project-list li{background-color:#ffffff;border:1px solid #e0e0e0;border-radius:4px;padding:0;margin:0;position:relative;transition:box-shadow 0.2s, border-color 0.2s;cursor:pointer}.project-list li:hover{border-color:#cccccc;box-shadow:0 1px 4px rgba(0,0,0,0.1)}.project-list .project-link{display:block;padding-bottom:0}.project-list img.thumb{width:100%;height:auto;max-height:180px;object-fit:cover;border-radius:4px 4px 0 0;display:block;padding:0px 0px 15px 0px}.project-text-container{padding:10px 15px 5px 15px}.project-list .description{padding:0 15px 15px 15px;margin:0;font-size:0.9em}.section-title{margin-top:30px}@media (max-width: 700px){.project-list li{width:100%;min-width:unset}}.project-list .thumb{width:100px;height:auto;float:left;margin-right:15px;border-radius:4px}.point-list{list-style:none;padding:0}.point-list-item{border-bottom:1px solid #ccc;padding:10px 0}.point-list-item:last-child{border-bottom:none}.point-link{font-weight:bold}.section-title{margin-top:30px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:2px;padding:20px 0}.photo-grid a{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden}.photo-grid img{width:100%;height:100%;object-fit:cover;border-radius:0px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.2s, box-shadow 0.2s}.photo-grid img:hover{transform:scale(1.05);box-shadow:0 8px 12px rgba(0,0,0,0.2)}.photo-item{position:relative;overflow:hidden;cursor:pointer}.photo-item a{position:relative;display:block}.photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);color:white;display:flex;justify-content:center;align-items:center;text-align:center;padding:0;opacity:0;transition:opacity 0.3s ease}.overlay-text{width:calc(100% - 20px);margin:0 auto;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.photo-item:hover .photo-overlay{opacity:1}.point-photo-large{max-width:90%;height:auto;display:block;margin:20px auto}.tabs{display:flex;flex-wrap:wrap;border-bottom:2px solid #ccc;margin-bottom:20px;gap:5px}.tab-button{background-color:#f4f4f4;border:1px solid #ddd;border-bottom:none;padding:10px 15px;cursor:pointer;font-weight:bold;font-size:0.9em;border-radius:8px 8px 0 0;transition:background-color 0.2s;outline:none}.tab-button:hover:not(.active){background-color:#eaeaea}.tab-button.active{background-color:#fff;border-color:#999;border-bottom:2px solid #fff;color:#007bff;position:relative;top:1px}#photo-content-container{padding-top:10px}.zotu-list{list-style:none;padding:0}.zotu-list-item{border-bottom:1px solid #eee;padding:8px 0}.zotu-list-item:last-child{border-bottom:none}.zotu-bg-50{background-color:lightpink}.zotu-bg-20{background-color:lightblue}#map{height:600px;width:100%}.zotu-table-container{width:100%;overflow-x:auto}.zotu-table{width:100%;border-collapse:collapse;border-spacing:0;margin-top:15px}.zotu-table th,.zotu-table td{padding:8px 12px;border:none;text-align:left;vertical-align:top}.zotu-table th{background-color:#f2f2f2;font-weight:bold}.align-right{text-align:right;white-space:nowrap}.zotu-table tbody tr{padding:5px;border-bottom:1px solid #ddd}.bg-pink{background-color:#ffcccc}.bg-blue{background-color:#cceeff}.float-menu{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);z-index:1000;gap:8px}.menu-item{color:#333;font-weight:bold;padding:8px 12px;border-radius:6px;transition:background-color 0.2s}.menu-item:hover{background-color:#f0f0f0}.menu-item.active{background-color:#e0e0e0}#float-menu-container{position:fixed;top:20px;right:20px;z-index:1000}.float-menu-button{padding:10px 15px;background-color:#3f51b5;color:white;border:none;border-radius:8px;cursor:pointer;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.2);margin-bottom:8px;float:right}#float-menu-content{background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column;gap:8px;clear:right}.float-menu-hidden{display:none !important}.float-menu-visible{display:flex !important}#map,#projectMap{height:400px;width:100%;margin-bottom:20px;border:1px solid #ccc;border-radius:8px}.genus-item{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-bottom:1px solid #eee}.genus-list .genus-item:last-child{flex-grow:1;margin-right:20px}.genus-info{display:flex;align-items:center;flex-shrink:0;white-space:nowrap}.genus-info>div{display:flex;align-items:center;white-space:nowrap}.genus-info .top-percentage{margin-left:5px}.map-label{position:absolute;background-color:transparent;color:#000000;padding:3px 6px;border-radius:3px;border:none;font-size:14px;font-weight:bold;white-space:nowrap;transform:translate(-50%, 0);pointer-events:none;display:none;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}#photo-container{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10px}#original-photo{max-width:100vw !important;height:auto !important;max-height:100vh !important;width:auto !important;margin:0 auto}.about-section{display:flex;align-items:center;gap:25px;margin:40px 0;flex-wrap:wrap}.about-image img{width:380px;max-width:100%;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.about-text{flex:1;min-width:260px}.about-text h2{margin-top:0;font-size:1.4em;color:#333}.about-text p{font-size:1em;line-height:1.6;color:#555}.marker-label-shadow{position:absolute;transform:translateX(-50%);white-space:nowrap;pointer-events:none;color:#ffffff;font-weight:bold;font-size:14px;text-shadow:-1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;z-index:9999}.accordion-group{margin-bottom:15px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.accordion-header{background-color:#f5f5f5;padding:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;font-weight:bold}.accordion-header:hover{background-color:#e8e8e8}.accordion-header.active{background-color:#d0e8f2}.accordion-content{display:none;padding:20px}.accordion-content.active{display:block;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px}.accordion-toggle{font-size:12px;transition:transform 0.3s}.accordion-toggle.active{transform:rotate(180deg)}.photo-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.photo-card img{width:100%;height:250px;object-fit:cover}.photo-card-content{padding:15px}.photo-card-content p{margin:0 0 10px 0;font-size:13px}.figure{max-width:350px;margin:1em;font-size:0.9rem;line-height:1.4}.figure-right{float:right;margin-left:1.5em}.figure-left{float:left;margin-right:1.5em}.figure img{width:100%;height:auto;display:block;border-radius:6px}.figure-caption{margin-top:0.4em;color:#555;text-align:left}.figure-caption strong{display:inline;font-weight:bold}.clear{clear:both}.legend-item{display:inline-block;margin-right:1em;margin-bottom:0.5em;white-space:nowrap}@media print{.menu,.all-links-menu,.menu-icon,.accordion-header,.accordion-toggle,.accordion-group,.accordion-content,.photo-overlay,.photo-card{display:none !important}.container,.zotu-table-container,.zotu-table,.genus-photos-container,.card,.card-content{display:block !important;color:#000 !important;background:transparent !important;box-shadow:none !important}img{max-width:100% !important;height:auto !important}.photo-card,.card{page-break-inside:avoid}.page-header{height:100px !important;overflow:hidden !important}.page-header .header-image{height:100px !important;object-fit:cover !important;object-position:center center !important}.page-header .header-text{font-size:1.2em !important;top:8px !important;left:12px !important;color:#000 !important;text-shadow:none !important}.top_img{height:100px !important;overflow:hidden !important}.top_img img{height:100px !important;object-fit:cover !important;object-position:center center !important;max-width:100% !important}.top_img p{font-size:1.1em !important;top:6px !important;left:8px !important;color:#000 !important;text-shadow:none !important}}.main-menu{background-color:#333;border-bottom:0px;position:relative;z-index:1000}.main-menu .menu{list-style:none;margin:0;padding:0;display:flex;align-items:center}.main-menu .menu li{position:relative;padding:10px 20px;display:flex;align-items:center;min-height:44px}.main-menu .menu li:hover{background-color:#666}.main-menu .menu li a{text-decoration:none;color:#fff;display:block;padding:10px 20px;margin:-10px -20px}.main-menu .menu li.has-submenu:hover>.submenu,.main-menu .menu li.has-submenu.open>.submenu{display:block}.main-menu .menu li .submenu{display:none;position:absolute;top:calc(100% - 10px);left:20px;background-color:rgba(102,102,102,0.9);border:0px;list-style:none;margin:0;padding:0;z-index:1000;white-space:normal;text-align:left;width:260px;min-width:180px}.main-menu .menu li .submenu{white-space:nowrap;text-align:left}.main-menu .submenu li a{white-space:nowrap;text-align:left}.main-menu .menu li .submenu li{padding:10px}.main-menu .menu li .submenu li a{color:#fff}.main-menu .menu li .submenu li:hover{background-color:#999}.main-menu .menu-toggle{display:none;position:absolute;right:10px;top:10px;background:none;border:none;font-size:2em;cursor:pointer}@media (max-width: 768px){.main-menu{position:relative;font-size:1em;padding-left:0;padding-right:0}.main-menu .menu-bar{width:100%;height:50px;background-color:rgba(51,51,51,0.3);display:flex;align-items:center;justify-content:flex-start;padding:0 10px;box-sizing:border-box;position:relative;z-index:1100}.main-menu .menu-toggle{display:block;position:absolute;left:10px;right:auto;top:50%;transform:translateY(-50%);font-size:1.8em;color:#fff;background:none;border:none;cursor:pointer;z-index:1101}.main-menu .menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:10px;width:auto;max-width:260px;background-color:rgba(51,51,51,0.9);z-index:1000}.main-menu .menu.show{display:flex}.main-menu .menu>li{width:100%;padding:12px 10px;box-sizing:border-box}.main-menu .menu li>a{display:block;width:100%;padding-left:20px;padding-right:0;box-sizing:border-box;text-align:left}.main-menu .menu li:hover{background-color:#666}.main-menu .menu li .submenu{display:none;position:absolute;left:100%;top:0;width:200px;background-color:rgba(102,102,102,0.9);z-index:1001}.main-menu .menu li.has-submenu:hover>.submenu,.main-menu .menu li.has-submenu.open>.submenu{display:block}.main-menu .submenu li a{display:block;width:100%;padding:10px 20px;box-sizing:border-box;color:#fff}.main-menu .submenu li:hover{background-color:#999}.main-menu .menu{max-width:170px}.main-menu .menu li .submenu{width:170px;min-width:170px;white-space:normal}.figure{float:none;max-width:100%;margin:1em 0}}