/* =========================================
   1. Global & Reset
   ========================================= */
:root {
    --tmc-blue-primary: #1E49E2;  /* 核心蓝 */
    --tmc-green-accent: #0BAE89;  /* 绿色点缀 */
    --tmc-navy-bg: #001e36;       /* 深蓝背景 */
    --tmc-cyan-bg: #f2fbfd;       /* 淡青背景 */
    --tmc-card-bg: #F7F7FA;       /* 浅灰卡片 */
    --tmc-ai-card-bg: #F7F7FA;    /* 极淡灰卡片 */
    
    --tmc-font-TopHeading: "Libre Baskerville", sans-serif;
    --tmc-font-heading: 'Manrope','Open Sans', sans-serif;
    --tmc-font-sans: 'Manrope','Open Sans', Helvetica, Arial, sans-serif;
}

body {
    font-family: var(--tmc-font-sans);
    color: #1a1a1a;
    overflow-x: hidden;
    background-color: #fff;
    margin: 0;
}

h1, h2, h3, h4, h5 {
    font-family: var(--tmc-font-heading);
    font-weight: 600; 
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

h2{
	font-size:2.6rem;
}

a { text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }

.text-highlight { color: var(--tmc-blue-primary); }
.text-blue { color: var(--tmc-blue-primary) !important; }

/* =========================================
   2. Top Bar
   ========================================= */
.top-bar {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    padding: 8px 0;
    text-align: right;
}

.top-bar .container{
	max-width:90%;
	padding:0px;
}

.top-bar a {
    color: #fff;
    margin-left: 20px;
    font-weight: 400;
    opacity: 0.9;
}
.top-bar a:hover { opacity: 1; }

/* =========================================
   3. Navbar
   ========================================= */
.tmc-navbar {
    background: #fff;
    padding: 18px 0;
    border-bottom: 1px solid #f0f0f0;
}
.tmc-navbar.sticky-top{
	top:-1px;
}

.tmc-navbar .container{
	max-width:90%;
	padding:0px;
}

/* Logo  */
.tmc-navbar .brand-wrap {
    display: flex;
    align-items: center;
	padding:0px;
	margin:0px;
}

.tmc-navbar .tmc-nav-link {
    color: #000 !important; font-weight: 400;
    font-size: 1.1rem; margin: 0 0.5rem;
    position: relative;
	min-width:90px;
}
.tmc-navbar .tmc-nav-link:hover { color: var(--tmc-blue-primary) !important; }
.tmc-navbar .tmc-nav-link.active { color: #1e49e2!important;font-weight: 700; }

.tmc-navbar .btn-contact {
    background-color: var(--tmc-blue-primary);
    color: #fff !important; padding: 8px 24px;
    border-radius: 4px; font-size: 14px; font-weight: 600;
    margin-right: 15px; transition: 0.3s;
    font-family: var(--tmc-font-heading);
}
.tmc-navbar .btn-contact:hover { background-color: #1a3cb8; }
.tmc-navbar .nav-icons i {
    font-size: 18px; color: #000; margin-left: 15px; cursor: pointer;
}

/* =========================================
   4. Footer
   ========================================= */
.sec-footer {
    background-color: #000;
    color: #fff;
    padding: 80px 0 30px 0;
}
.sec-footer .container{
	max-width:90%;
}
.sec-footer .footer-logo-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.sec-footer .footer-heading {
    font-size: 16px; font-weight: 600;
    margin-bottom: 25px; color: #fff;
}
.sec-footer .footer-links li { margin-bottom: 12px; }
.sec-footer .footer-links a {
	font-weight:500;
    font-size: 14px; color: #999; transition: color 0.3s;
}
.sec-footer .footer-links a:hover { color: #fff; }
.sec-footer .social-icons a {
    color: #fff;
    font-size: 24px;
    margin-right: 25px;
    transition: opacity 0.3s;
    border-radius: 60px;
    border: 1px solid #575757;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sec-footer .social-icons a:hover { opacity: 0.7; }
.sec-footer .footer-divider {
    height: 1px; background-color: #222; margin: 60px 0 30px 0;
}
.sec-footer .footer-bottom-text { font-size: 12px; color: #666; }
.sec-footer .footer-bottom-links a {
    font-size: 12px; color: #666; margin-left: 8px;
}
.sec-footer .footer-bottom-links a:hover { color: #999; }


@media only screen and (max-width: 1480px) {
	.tmc-navbar .tmc-nav-link {
		color: #000 !important;
		font-weight: 400;
		font-size: 1rem;
		margin: 0 0rem;
		position: relative;
	}
}

@media only screen and (max-width: 1280px) {
	.tmc-navbar .tmc-nav-link {
		font-size: 14px;
	}
	.tmc-navbar .btn-contact {
		padding: 8px 12px;
		font-size: 12px;
		margin-right:0px;
	}
	
}


@media only screen and (max-width: 1024px) {
	.container{
		padding:0px 20px;
	}
	h2 {
		font-size:2rem;
	}
	.tmc-navbar .tmc-nav-link {
		font-size: 1.15rem;
	}
	.tmc-navbar .navbar-collapse{
		padding: 20px 0px;
	}
	.tmc-navbar .navbar-nav.align-items-center {
		align-items: flex-start!important;
	}
}