:root{--primary-color:#3498db;--primary-dark:#2980b9;--primary-light:#ebf5fb;--secondary-color:#2c3e50;--secondary-light:#34495e;--neutral-100:#fff;--neutral-200:#f8f9fa;--neutral-300:#ecf0f1;--neutral-400:#bdc3c7;--neutral-500:#7f8c8d;--neutral-600:#34495e;--neutral-700:#2c3e50;--success-color:#27ae60;--error-color:#e74c3c;--warning-color:#f39c12;--info-color:#3498db;--font-primary:'Roboto','Noto Sans SC','Microsoft YaHei',sans-serif;--font-secondary:'Open Sans','Noto Sans SC','Microsoft YaHei',sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--container-max:1200px;--container-padding:1.5rem}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-secondary);font-size:var(--text-base);line-height:1.6;color:var(--neutral-600);background-color:var(--neutral-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;color:var(--neutral-700);margin-bottom:var(--spacing-md)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-normal);position:relative}a:hover{color:var(--primary-dark)}a.underline-link::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--primary-color);transition:width var(--transition-normal)}a.underline-link:hover::after{width:100%}img{max-width:100%;height:auto;display:block}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-light{color:var(--neutral-100)}.text-muted{color:var(--neutral-500)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-light{background-color:var(--neutral-200)}.bg-white{background-color:var(--neutral-100)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mb-5{margin-bottom:var(--spacing-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;text-align:center;text-decoration:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;line-height:1.4}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(52,152,219,0.3)}.btn-primary{background-color:var(--primary-color);color:white}.btn-primary:hover{background-color:var(--primary-dark);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-color);color:white}.btn-secondary:hover{background-color:var(--secondary-light);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-success{background-color:var(--success-color);color:white}.btn-danger{background-color:var(--error-color);color:white}.btn-lg{padding:1rem 2rem;font-size:var(--text-lg)}.btn-sm{padding:0.5rem 1rem;font-size:var(--text-sm)}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.btn-icon svg,.btn-icon i{margin-right:0.5rem}.form-group{margin-bottom:var(--spacing-lg)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--neutral-700)}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],textarea,select{width:100%;padding:0.75rem 1rem;font-family:var(--font-secondary);font-size:var(--text-base);color:var(--neutral-700);background-color:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);transition:all var(--transition-normal)}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="url"]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(52,152,219,0.2)}.form-hint{display:block;margin-top:var(--spacing-xs);font-size:var(--text-sm);color:var(--neutral-500)}.required{color:var(--error-color);margin-left:var(--spacing-xs)}.form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--text-sm);color:var(--error-color)}.alert{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid transparent;display:flex;align-items:flex-start}.alert-icon{margin-right:var(--spacing-md);font-size:var(--text-xl)}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:var(--spacing-xs)}.alert-message{margin-bottom:0}.alert.success{background-color:rgba(39,174,96,0.1);border-left-color:var(--success-color)}.alert.success .alert-title{color:var(--success-color)}.alert.error{background-color:rgba(231,76,60,0.1);border-left-color:var(--error-color)}.alert.error .alert-title{color:var(--error-color)}.alert.warning{background-color:rgba(243,156,18,0.1);border-left-color:var(--warning-color)}.alert.warning .alert-title{color:var(--warning-color)}.alert.info{background-color:rgba(52,152,219,0.1);border-left-color:var(--info-color)}.alert.info .alert-title{color:var(--info-color)}.site-header{background-color:var(--neutral-100);box-shadow:var(--shadow-md);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:1000;transition:all var(--transition-normal)}.site-header.scrolled{padding:var(--spacing-sm) 0;box-shadow:var(--shadow-lg)}.site-header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo a{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:700;color:var(--secondary-color);letter-spacing:-0.5px;transition:color var(--transition-normal)}.logo a:hover{color:var(--primary-color)}.logo img{max-height:50px;transition:max-height var(--transition-normal)}.scrolled .logo img{max-height:40px}.main-nav{transition:all var(--transition-normal)}.main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-md)}.main-nav li{position:relative}.main-nav a{display:block;color:var(--neutral-600);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative}.main-nav a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--primary-color);transition:all var(--transition-normal);transform:translateX(-50%)}.main-nav a:hover,.main-nav a.active{color:var(--primary-color)}.main-nav a:hover::after,.main-nav a.active::after{width:70%}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer;z-index:1010;border-radius:var(--radius-sm);transition:background-color var(--transition-normal)}.mobile-menu-toggle:hover{background-color:var(--neutral-200)}.mobile-menu-toggle span{width:24px;height:2px;background-color:var(--neutral-700);margin:2px 0;transition:all var(--transition-normal);border-radius:1px}.mobile-menu-active .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-active .mobile-menu-toggle span:nth-child(2){opacity:0}.mobile-menu-active .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-footer{background-color:var(--secondary-color);color:var(--neutral-300);padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-3xl);position:relative}.site-footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,var(--primary-color),var(--primary-dark))}.footer-content{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-info{padding-right:var(--spacing-lg)}.footer-logo{margin-bottom:var(--spacing-md)}.footer-logo a{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:700;color:white;letter-spacing:-0.5px}.footer-description{margin-bottom:var(--spacing-lg);line-height:1.6}.footer-info h3,.footer-contact h3,.footer-links h3,.footer-social h3{color:white;margin-bottom:var(--spacing-md);font-size:var(--text-lg);font-weight:600;position:relative;padding-bottom:var(--spacing-sm)}.footer-info h3::after,.footer-contact h3::after,.footer-links h3::after,.footer-social h3::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--primary-color)}.footer-contact ul,.footer-links ul{list-style:none;padding:0;margin:0}.footer-contact li{margin-bottom:var(--spacing-md);display:flex;align-items:flex-start}.footer-contact-icon{margin-right:var(--spacing-sm);color:var(--primary-color);font-size:var(--text-lg);min-width:20px;text-align:center}.footer-links li{margin-bottom:var(--spacing-sm);position:relative}.footer-links a{color:var(--neutral-300);transition:all var(--transition-normal);display:inline-block;padding:var(--spacing-xs) 0}.footer-links a::before{content:'›';margin-right:var(--spacing-sm);color:var(--primary-color);transition:all var(--transition-normal)}.footer-links a:hover{color:white;transform:translateX(3px)}.social-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(255,255,255,0.1);border-radius:var(--radius-full);color:white;font-size:var(--text-lg);transition:all var(--transition-normal)}.social-link:hover{background-color:var(--primary-color);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,0.1);font-size:var(--text-sm)}.footer-bottom p{margin-bottom:var(--spacing-sm)}.footer-bottom a{color:var(--primary-color)}.footer-bottom a:hover{color:white;text-decoration:underline}.hero{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-light) 100%);color:var(--neutral-100);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/pattern.svg');background-size:cover;opacity:0.05;z-index:1}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-content{text-align:left}.hero-content h1{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--spacing-lg);color:var(--neutral-100);line-height:1.2;letter-spacing:-0.5px}.hero-content h1 span{color:var(--primary-color);position:relative;display:inline-block}.hero-content h1 span::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:8px;background-color:var(--primary-color);opacity:0.3;border-radius:var(--radius-sm);z-index:-1}.hero-content p{font-size:var(--text-lg);margin-bottom:var(--spacing-xl);color:var(--neutral-300);max-width:500px}.hero-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:perspective(1000px) rotateY(-5deg);transition:transform var(--transition-normal)}.hero-image:hover img{transform:perspective(1000px) rotateY(0deg)}.hero-image::before{content:'';position:absolute;top:-20px;left:-20px;width:100px;height:100px;background-color:var(--primary-color);opacity:0.1;border-radius:var(--radius-full);z-index:-1}.hero-image::after{content:'';position:absolute;bottom:-30px;right:-20px;width:150px;height:150px;background-color:var(--primary-color);opacity:0.1;border-radius:var(--radius-full);z-index:-1}.section{padding:var(--spacing-3xl) 0;position:relative}.section.bg-light{background-color:var(--neutral-200)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-2xl)}.section-title{font-size:var(--text-3xl);color:var(--neutral-700);margin-bottom:var(--spacing-md);position:relative;display:inline-block}.section-title::after{content:'';display:block;width:70px;height:4px;background:linear-gradient(to right,var(--primary-color),var(--primary-dark));margin:var(--spacing-sm) auto 0;border-radius:var(--radius-full)}.section-description{color:var(--neutral-600);font-size:var(--text-lg);max-width:600px;margin:0 auto}.latest-posts{padding:var(--spacing-3xl) 0}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.post-card{background-color:var(--neutral-100);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.post-image{height:220px;overflow:hidden;position:relative}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.post-card:hover .post-image img{transform:scale(1.05)}.post-category{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background-color:var(--primary-color);color:white;padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.post-content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex-grow:1}.post-meta{display:flex;align-items:center;margin-bottom:var(--spacing-sm);color:var(--neutral-500);font-size:var(--text-sm)}.post-date{display:flex;align-items:center}.post-date::before{content:'📅';margin-right:0.25rem;font-size:0.9em}.post-title{margin-bottom:var(--spacing-md);font-size:var(--text-xl);font-weight:700;line-height:1.3}.post-title a{color:var(--neutral-700);transition:color var(--transition-normal)}.post-title a:hover{color:var(--primary-color)}.post-excerpt{margin-bottom:var(--spacing-lg);color:var(--neutral-600);flex-grow:1}.read-more{display:inline-flex;align-items:center;color:var(--primary-color);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-normal);margin-top:auto}.read-more::after{content:'→';margin-left:0.25rem;transition:transform var(--transition-normal)}.read-more:hover{color:var(--primary-dark)}.read-more:hover::after{transform:translateX(4px)}.view-all{text-align:center;margin-top:var(--spacing-2xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.feature-card{background-color:var(--neutral-100);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.feature-icon{width:70px;height:70px;background-color:var(--primary-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:var(--primary-color);font-size:var(--text-2xl);transition:all var(--transition-normal)}.feature-card:hover .feature-icon{background-color:var(--primary-color);color:white}.feature-title{font-size:var(--text-xl);margin-bottom:var(--spacing-md);color:var(--neutral-700)}.feature-description{color:var(--neutral-600)}.page-header{background-color:var(--secondary-color);color:white;padding:60px 0;text-align:center;margin-bottom:40px}.page-header h1{font-size:36px;margin-bottom:10px}.blog-posts{padding-bottom:60px}.pagination{display:flex;justify-content:center;margin-top:40px}.page-link{display:inline-block;padding:8px 12px;margin:0 5px;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color)}.page-link:hover{background-color:var(--light-color)}.page-link.active{background-color:var(--primary-color);color:white;border-color:var(--primary-color)}.page-link.disabled{color:#aaa;cursor:not-allowed}.page-link.dots{border:none}.single-post{padding:40px 0}.post-header{margin-bottom:30px}.post-featured-image{margin-bottom:30px;border-radius:8px;overflow:hidden}.post-content{line-height:1.8}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:30px;margin-bottom:15px;color:var(--secondary-color)}.post-content p{margin-bottom:20px}.post-content ul,.post-content ol{margin-bottom:20px;padding-left:20px}.post-content img{max-width:100%;height:auto;margin:20px 0;border-radius:4px}.post-navigation{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color)}.contact-section{padding:40px 0 60px}.contact-container{display:grid;grid-template-columns:1fr 2fr;gap:40px}.contact-info ul{list-style:none;margin-bottom:30px}.contact-info li{display:flex;margin-bottom:20px}.contact-info .icon{font-size:24px;margin-right:15px;color:var(--primary-color)}.contact-info h3{margin-bottom:5px;font-size:18px}.contact-form h2,.contact-info h2{margin-bottom:20px;color:var(--secondary-color)}.page-content{padding:40px 0 60px}.content{line-height:1.8}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:30px;margin-bottom:15px;color:var(--secondary-color)}.content p{margin-bottom:20px}.content ul,.content ol{margin-bottom:20px;padding-left:20px}.content img{max-width:100%;height:auto;margin:20px 0;border-radius:4px}@media (max-width:1200px){:root{--container-max:960px}h1{font-size:calc(var(--text-4xl) * 0.9)}h2{font-size:calc(var(--text-3xl) * 0.9)}.section{padding:var(--spacing-2xl) 0}}@media (max-width:992px){:root{--container-max:720px}h1{font-size:calc(var(--text-4xl) * 0.85)}h2{font-size:calc(var(--text-3xl) * 0.85)}h3{font-size:calc(var(--text-2xl) * 0.9)}.contact-container{grid-template-columns:1fr}.contact-info{margin-bottom:var(--spacing-xl)}.features-grid{grid-template-columns:repeat(2,1fr)}.posts-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:repeat(2,1fr)}.footer-info{grid-column:span 2;margin-bottom:var(--spacing-lg)}}@media (max-width:768px){:root{--container-max:540px;--container-padding:1rem}body{font-size:0.95rem}.main-nav{display:none}.mobile-menu-toggle{display:flex}.section{padding:var(--spacing-xl) 0}.section-title{font-size:var(--text-2xl)}.section-description{font-size:var(--text-base)}.posts-grid{gap:var(--spacing-lg)}.post-image{height:200px}.post-content{padding:var(--spacing-md)}.page-header{padding:var(--spacing-xl) 0}.page-header h1{font-size:var(--text-2xl)}.hero .container{grid-template-columns:1fr;text-align:center}.hero-content{text-align:center;order:1}.hero-content p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-image{order:0;margin-bottom:var(--spacing-xl)}}@media (max-width:576px){.features-grid,.posts-grid{grid-template-columns:1fr}.post-image{height:180px}.btn{padding:0.6rem 1.2rem}.btn-lg{padding:0.8rem 1.5rem}.form-group{margin-bottom:var(--spacing-md)}.alert{padding:var(--spacing-md)}.pagination{flex-wrap:wrap}.footer-content{grid-template-columns:1fr}.footer-info{grid-column:span 1}.hero{padding:var(--spacing-2xl) 0}.hero-content h1{font-size:var(--text-3xl)}.hero-content p{font-size:var(--text-base)}.hero-buttons{flex-direction:column;gap:var(--spacing-sm)}.hero-buttons .btn{width:100%}}@media print{.site-header,.site-footer,.mobile-menu-toggle,.pagination,.post-navigation,.social-links,.btn{display:none !important}body{font-size:12pt;line-height:1.5;color:#000;background:#fff}a{color:#000;text-decoration:underline}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}img{max-width:100% !important;page-break-inside:avoid}.container{max-width:100%;padding:0}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 0.6s ease forwards}.d-none{display:none !important}.d-block{display:block !important}.d-flex{display:flex !important}.d-grid{display:grid !important}@media (min-width:576px){.d-sm-none{display:none !important}.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}.d-sm-grid{display:grid !important}}@media (min-width:768px){.d-md-none{display:none !important}.d-md-block{display:block !important}.d-md-flex{display:flex !important}.d-md-grid{display:grid !important}}@media (min-width:992px){.d-lg-none{display:none !important}.d-lg-block{display:block !important}.d-lg-flex{display:flex !important}.d-lg-grid{display:grid !important}}@media (min-width:1200px){.d-xl-none{display:none !important}.d-xl-block{display:block !important}.d-xl-flex{display:flex !important}.d-xl-grid{display:grid !important}}