@charset "utf-8";
/*
*设计：管振佐
*代码：管振佐
*/
/*public style*/
*{margin:0;padding:0;box-sizing:border-box;}
html{font-size:16px;}
body{font-family:'Inter', sans-serif;line-height: 1.6;color:#1E293B;background-color:#F8FAFC;}
a{text-decoration-line:none;color:inherit;}
.container{max-width:1400px;margin:0 auto;padding:0 15px;}
/*public style*/
/*header style*/
.header{position:fixed;top:0;left:0;width:100%;z-index:100;transition:color 0.3s ease;}
.header.scrolled {background-color:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.nav {display:flex;justify-content:space-between;align-items:center;padding:20px 0;}
.logo{display:flex;align-items:flex-start;gap:10px;color:#1E293B;font-size:1.5rem;font-weight:700;}
.logo-icon{width:40px;height:40px;border-radius:50%;background-color:#165DFF;display:flex;align-items:flex-start;justify-content:center;color:white;font-size:1.2rem;font-weight:bold;}
.nav-links{display:flex;gap:25px;list-style:none;}
.nav-link{color: white;text-decoration: none;font-weight:500;transition:color 0.3s ease;}
.header.scrolled .nav-link{color:#1E293B;}
.nav-link:hover{color:#FF7D00;}
/*header style*/
/*hero style*/
.hero {height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#165DFF 0%,#0040C1 100%);color:white;position:relative;overflow:hidden;}
.hero-content {max-width:1400px;z-index:10;}
.hero-title {font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;margin-bottom:20px;line-height:1.2;}
.hero-subtitle {font-size:clamp(1rem, 2vw, 1.25rem);margin-bottom:40px;opacity:0.9;}
.btn {display:inline-block;padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s ease;}
.btn-primary {background-color:#FF7D00;color:white;}
.btn-primary:hover {background-color:#e66c00;transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1);}
.hero-decoration {position:absolute;top:0;right:0;width:50%;height:100%;opacity:0.1;background-image:url('/wp-content/uploads/2025/06/1-800x600-1.jpg');background-size:cover;background-position:center;transform:skewX(-15deg);transform-origin:top right;}
/*hero style*/
/*article style*/
.section {padding:100px 0;}
.section-title {font-size:clamp(1.5rem, 3vw, 2.5rem);font-weight:700;margin-bottom:10px;text-align:center;}
.section-subtitle {font-size:1.1rem;color:#64748B;max-width:600px;margin:0 auto 60px;text-align:center;}
.articles-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:30px;}
.article-card {background-color:white;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);transition:all 0.3s ease;}
.article-card:hover {transform: translateY(-5px);box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);}
.article-image {height:200px;overflow:hidden;}
.article-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.article-card:hover .article-image img {transform: scale(1.1);}
.article-content {padding:20px;}
.article-tag {display:inline-block;padding:4px 10px;background-color:#f1f5f9;color:#165DFF;font-size:0.8rem;font-weight:500;border-radius:3px;margin-bottom:10px;}
.article-title {font-size:1.25rem;font-weight:700;margin-bottom:10px;line-height:1.3;}
.article-excerpt {color:#64748B;margin-bottom:15px;}
.article-meta {display:flex;align-items:center;gap:15px;color:#94a3b8;font-size:0.9rem;}
.text-center{align-content:center;text-align:center;margin:1.5rem 0;}
/*article style*/
/*project style*/
.projects-grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;}
.project-card {background-color:white;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);display:flex;flex-direction:column;}
.project-image {height:250px;overflow:hidden;}
.project-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.project-card:hover .project-image img {transform:scale(1.05);}
.project-content {padding:20px;flex:1;display:flex;flex-direction:column;}
.project-title {font-size:1.5rem;font-weight:700;margin-bottom:10px;}
.project-description {color:#64748B;margin-bottom:20px;flex:1;}
.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;}
.project-tag{padding:3px 10px;background-color:#f1f5f9;color:#334155;font-size:0.8rem;border-radius:0.25rem;}
.project-link{color:#165DFF;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color 0.3s ease;}
.project-link:hover{color:#0d47a1;}
/*project style*/
/*author style*/
.author-section{background-color:#f8fafc;}
.author-container {display:flex;gap:50px;max-width:900px;margin:0 auto;background-color:white;padding:40px;border-radius:15px;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.05);}
.author-image {width:200px;height:200px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.author-image img {width:100%;height:100%;object-fit:cover;}
.author-info {flex: 1;}
.author-name {font-size:1.75rem;font-weight:700;margin-bottom:10px;}
.author-title {color:#165DFF;font-weight:600;margin-bottom:15px;}
.author-bio {color:#64748B;margin-bottom:20px;}
.author-social {display:flex;gap:15px;}
.author-social a {width:35px;height:35px;border-radius:50%;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color: #334155;transition:all 0.3s ease;}
.author-social a:hover {background-color:#165DFF;color:white;}
/*author style*/
/*footer style*/
.footer{background-color:#1E293B;color: white;padding: 60px 0;}
.footer-content{display: flex;justify-content: space-between;gap:40px;}
.footer-col{flex:1;}
.footer-title{font-size:1.25rem;font-weight:600;margin-bottom:20px;}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px;}
.footer-logo-icon{width:40px;height:40px;border-radius:50%;background-color:#165DFF;display:flex;align-items:flex-start;justify-content:center;}
.footer-about {color: #94a3b8;margin-bottom: 20px;}
.footer-links {list-style: none;}
.footer-links li {margin-bottom:10px;}
.footer-links a {color:#94a3b8;text-decoration:none;transition:color 0.3s ease;}
.footer-links a:hover {color: white;}
.footer-newsletter input {width:100%;padding:10px;border-radius:5px;border:none;margin-bottom:10px;}
.footer-newsletter button {width:100%;padding:10px;background-color:#165DFF;color:white;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;}
.footer-newsletter button:hover {background-color: #0d47a1;}
.footer-bottom {margin-top:40px;padding-top:20px;border-top:1px solid #334155;text-align:center;color:#94a3b8;}
/*footer style*/
@media (max-width: 768px) {
    .nav-links {display:none;}
    .hero {padding-top:100px;}
    .hero-decoration {display:none;}
    .projects-grid {grid-template-columns:1fr;}
    .author-container {flex-direction:column;align-items:center;text-align:center;}
    .footer-content {flex-direction:column;}
}