*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",Arial,sans-serif}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
.my-4{margin:2rem 0}
.mb-2{margin-bottom:0.5rem}
.mb-4{margin-bottom:1.5rem}
.mt-2{margin-top:0.5rem}
.mt-5{margin-top:3rem}
.py-4{padding:1.5rem 0}
.text-center{text-align:center}
.search-section{background-color:#f8f9fa;padding:2rem 1rem;border-radius:8px;margin:2rem 0}
.search-title{font-size:1.25rem;color:#2c3e50;margin-bottom:1rem;text-align:center}
.search-form{display:flex;gap:0.5rem;max-width:800px;margin:0 auto}
.form-control{flex:1;padding:0.75rem 1rem;font-size:1rem;border:1px solid #ced4da;border-radius:4px;outline:none;transition:border-color 0.3s}
.form-control:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,0.1)}
.navbar{background-color:#2c3e50;color:white;padding:0.8rem 0;position:relative}
.navbar-container{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:0 auto;padding:0 15px}
.navbar-brand{color:white;text-decoration:none;font-size:1.25rem;font-weight:bold;white-space:nowrap;z-index:100}
.navbar-toggler{display:none;background-color:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:white;font-size:1.5rem;cursor:pointer;width:44px;height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:100}
.navbar-toggler:hover{background-color:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5)}
.navbar-toggler:active{background-color:rgba(255,255,255,0.3)}
.navbar-collapse{display:flex}
.navbar-nav{display:flex;list-style:none;gap:0.5rem}
.nav-link{color:white;text-decoration:none;padding:0.5rem 0.75rem;border-radius:4px;transition:background-color 0.3s}
.nav-link.active{background-color:#3498db}
.nav-link:hover{background-color:#34495e}

@media (max-width:768px){
.search-form{flex-direction:column}
.navbar-toggler{display:flex}
.navbar-collapse{display:none;position:absolute;top:100%;left:0;right:0;background-color:#2c3e50;padding:1rem 15px;box-shadow:0 4px 6px rgba(0,0,0,0.1);border-top:1px solid rgba(255,255,255,0.1);z-index:99}
.navbar-collapse.show{display:block;animation:fadeIn 0.3s ease}
.navbar-nav{flex-direction:column;width:100%;gap:0}
.nav-item{width:100%;border-bottom:1px solid rgba(255,255,255,0.05)}
.nav-link{display:block;padding:0.75rem 1rem;border-radius:0;font-size:1rem}
.nav-link.active{background-color:#3498db;margin:0 0.5rem;border-radius:4px}
}
        @media (max-width: 576px) {
            .navbar-brand {
                font-size: 1.1rem;
            }
        }
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
@media (min-width: 992px) {
  #navbarToggler {
    display: none !important;
  }
}

/*index*/
.section-title{border-left:4px solid #3498db;padding-left:10px;margin:20px 0;font-size:1.5rem;color:#2c3e50}
.row{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0 -0.75rem}
.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:0.375rem 0.75rem;font-size:1rem;line-height:1.5;border-radius:4px;text-decoration:none;cursor:pointer;transition:background-color 0.3s}
.btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem;line-height:1.5;border-radius:4px}
.btn-primary{color:white;background-color:#007bff;border-color:#007bff}
.btn-primary:hover{background-color:#0069d9;border-color:#0062cc}
.btn-search{padding:0.75rem 1.5rem;font-size:1rem;background-color:#3498db;border-color:#3498db;color:white}
.btn-search:hover{background-color:#2980b9;border-color:#2980b9}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:white;background-clip:border-box;border:1px solid rgba(0,0,0,0.125);border-radius:8px}
.card-body{flex:1 1 auto;padding:1.25rem}
.intro-module{background-color:#f8f9fa;border-left:4px solid #2ecc71;padding:1.5rem;border-radius:8px;margin:2rem 0}
.intro-module h3{font-size:1.25rem;color:#2c3e50;margin-bottom:1rem}
.intro-module p{line-height:1.8;color:#333;margin-bottom:1rem}
.intro-module ul{padding-left:1.5rem;line-height:1.8;color:#333}
.intro-module li{margin-bottom:0.5rem}
.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.data-table{width:100%;min-width:600px;border-collapse:collapse;margin:1rem 0}
.data-table th,.data-table td{padding:12px 15px;text-align:left;border:1px solid #ddd}
.data-table th{background-color:#f5f5f5;font-weight:bold}
.data-table tr:nth-child(even){background-color:#f9f9f9}
.data-table tr:hover{background-color:#f1f1f1}
/*list*/
.pagenum{padding:.5rem 0;display: none;}
.pagenum a{padding: 0 .2rem;}

/*show*/
.content-wrapper{display:flex;gap:2rem;margin:2rem 0}
.main-content{flex:7}
.sidebar{flex:3;display:flex;flex-direction:column;gap:1.5rem}
.sidebar-card{background-color:white;border:1px solid rgba(0,0,0,0.125);border-radius:8px;padding:1.25rem}
.sidebar-title{font-size:1.1rem;color:#2c3e50;border-bottom:1px solid #e0e0e0;padding-bottom:0.5rem;margin-bottom:1rem}
.detail-title{border-bottom:2px solid #3498db;padding-bottom:10px;margin-bottom:20px;font-size:1.75rem;color:#2c3e50}
.detail-section{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:5px}
.detail-section h3{font-size:1.25rem;margin-bottom:0.75rem;color:#2c3e50}
.detail-section p{line-height:1.6;color:#333}
.detail-section ul,.detail-section ol{padding-left:1.5rem;line-height:1.6;color:#333}
.detail-section li{margin-bottom:0.5rem}
.copyright{font-size:0.9rem;color:#6c757d;border-top:1px solid #dee2e6;padding-top:15px;margin-top:30px}
.table{width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}
.table th,.table td{padding:0.75rem;vertical-align:top;border-top:1px solid #dee2e6}
.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;background-color:#f8f9fa}
.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,0.075)}
@media (max-width:768px){.content-wrapper{flex-direction:column;gap:1.5rem}
}


footer{background-color:#2c3e50;color:white;padding:1.5rem 0;margin-top:3rem}