:root{--color-primary: #1a365d;--color-primary-dark: #0f2744;--color-primary-light: #2c5282;--color-accent: #3182ce;--color-accent-light: #63b3ed;--color-gold: #d69e2e;--color-gold-light: #ecc94b;--color-orange: #ed8936;--color-red: #e53e3e;--color-green: #38a169;--color-bg: #0a1628;--color-bg-light: #1a202c;--color-bg-card: #2d3748;--color-text: #e2e8f0;--color-text-muted: #a0aec0;--color-text-dark: #718096;--color-border: #4a5568;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);--shadow-glow: 0 0 20px rgba(49, 130, 206, 0.3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent-light);text-decoration:none;transition:color 0.2s ease}a:hover{color:var(--color-gold-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.site-header{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.main-nav{display:flex;align-items:center;justify-content:space-between;height:70px}.site-logo{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text)}.site-logo .logo-icon{font-size:2rem}.site-logo .logo-text{display:flex;flex-direction:column}.site-logo .logo-title{font-size:1.25rem;font-weight:700;color:var(--color-gold-light);letter-spacing:0.05em}.site-logo .logo-subtitle{font-size:0.75rem;color:var(--color-text-muted)}.nav-menu{display:flex;list-style:none;gap:var(--space-xl)}.nav-menu a{color:var(--color-text);font-weight:500;padding:var(--space-sm) 0;position:relative}.nav-menu a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-gold);transition:width 0.3s ease}.nav-menu a:hover::after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.mobile-menu-toggle span{display:block;width:25px;height:2px;background:var(--color-text);transition:all 0.3s ease}.site-content{flex:1;padding:var(--space-2xl) 0}.hero{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);padding:var(--space-3xl) 0;margin-bottom:var(--space-3xl);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%, rgba(49,130,206,0.15) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(214,158,46,0.1) 0%, transparent 50%);pointer-events:none}.hero .container{position:relative;z-index:1}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-md);background:linear-gradient(135deg, var(--color-text) 0%, var(--color-gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:var(--space-xl)}.hero-stats{display:flex;justify-content:center;gap:var(--space-3xl);margin-top:var(--space-2xl)}.stat-item{text-align:center}.stat-item .stat-number{font-size:2.5rem;font-weight:800;color:var(--color-gold);display:block}.stat-item .stat-label{font-size:0.875rem;color:var(--color-text-muted)}.latest-post{margin-bottom:var(--space-3xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.section-header h2{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:var(--space-sm)}.section-header .view-all{font-size:0.875rem;color:var(--color-accent-light)}.section-header .view-all:hover{color:var(--color-gold-light)}.post-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);transition:all 0.3s ease}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--color-accent)}.post-card-featured{background:linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-primary-dark) 100%);border:1px solid var(--color-accent);position:relative}.post-card-featured::before{content:'最新';position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-gold);color:var(--color-primary-dark);font-size:0.75rem;font-weight:700;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.post-card-header{margin-bottom:var(--space-md)}.post-card-date{font-size:0.875rem;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.post-card-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm);line-height:1.4}.post-card-title a{color:var(--color-text)}.post-card-title a:hover{color:var(--color-gold-light)}.post-card-excerpt{color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:1.7}.post-card-footer{display:flex;align-items:center;justify-content:space-between}.category-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.category-tag{font-size:0.75rem;padding:var(--space-xs) var(--space-sm);background:rgba(49,130,206,0.2);color:var(--color-accent-light);border-radius:var(--radius-sm);border:1px solid rgba(49,130,206,0.3)}.category-tag:hover{background:rgba(49,130,206,0.3);color:var(--color-text)}.read-more{font-size:0.875rem;font-weight:600;color:var(--color-gold);display:flex;align-items:center;gap:var(--space-xs)}.read-more:hover{color:var(--color-gold-light)}.post-list{display:grid;gap:var(--space-lg)}.post-list-item{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--color-border);display:flex;gap:var(--space-lg);align-items:flex-start;transition:all 0.3s ease}.post-list-item:hover{border-color:var(--color-accent);transform:translateX(4px)}.post-list-date{flex-shrink:0;text-align:center;padding:var(--space-sm) var(--space-md);background:var(--color-primary-dark);border-radius:var(--radius-md);min-width:70px}.post-list-date .date-day{font-size:1.5rem;font-weight:700;color:var(--color-gold);display:block;line-height:1}.post-list-date .date-month{font-size:0.75rem;color:var(--color-text-muted);text-transform:uppercase}.post-list-content{flex:1}.post-list-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-xs)}.post-list-title a{color:var(--color-text)}.post-list-title a:hover{color:var(--color-gold-light)}.post-list-summary{font-size:0.875rem;color:var(--color-text-muted);line-height:1.6}.post{max-width:900px;margin:0 auto}.post-header{text-align:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.post-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.post-date{font-size:0.875rem;color:var(--color-text-muted)}.post-title{font-size:2rem;font-weight:800;line-height:1.3;margin-bottom:var(--space-md)}.post-subtitle{font-size:1.125rem;color:var(--color-text-muted)}.post-content{font-size:1.0625rem;line-height:1.8}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-weight:700;line-height:1.4}.post-content h1{font-size:1.75rem;color:var(--color-gold-light);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-sm)}.post-content h2{font-size:1.5rem;color:var(--color-accent-light)}.post-content h3{font-size:1.25rem}.post-content p{margin-bottom:var(--space-md)}.post-content ul,.post-content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.post-content li{margin-bottom:var(--space-xs)}.post-content a{color:var(--color-accent-light);border-bottom:1px dotted var(--color-accent)}.post-content a:hover{color:var(--color-gold-light);border-bottom-color:var(--color-gold)}.post-content blockquote{background:var(--color-primary-dark);border-left:4px solid var(--color-gold);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.post-content blockquote p:last-child{margin-bottom:0}.post-content code{font-family:var(--font-mono);font-size:0.9em;background:var(--color-bg-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-accent-light)}.post-content pre{background:var(--color-bg-light);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-lg) 0}.post-content pre code{background:none;padding:0}.post-content table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0}.post-content table th,.post-content table td{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);text-align:left}.post-content table th{background:var(--color-primary-dark);font-weight:600;color:var(--color-gold-light)}.post-content table tr:nth-child(even){background:var(--color-bg-light)}.post-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-2xl) 0}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-md)}.post-footer{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.post-author .author-label{font-size:0.875rem;color:var(--color-text-muted);margin-right:var(--space-sm)}.post-author .author-name{font-weight:600;color:var(--color-gold-light)}.post-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tag{font-size:0.875rem;color:var(--color-text-muted)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-top:var(--space-2xl)}.post-nav a{background:var(--color-bg-card);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all 0.3s ease}.post-nav a:hover{border-color:var(--color-accent);background:var(--color-primary-dark)}.post-nav .nav-label{font-size:0.875rem;color:var(--color-text-muted);display:block;margin-bottom:var(--space-xs)}.post-nav .nav-title{font-weight:600;color:var(--color-text)}.post-nav-next{text-align:right}.site-footer{background:var(--color-primary-dark);border-top:1px solid var(--color-border);padding:var(--space-2xl) 0;margin-top:auto}.footer-content{text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.footer-brand .footer-icon{font-size:1.5rem}.footer-brand .footer-title{font-size:1.25rem;font-weight:700;color:var(--color-gold-light)}.footer-desc{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.footer-links{margin-bottom:var(--space-lg)}.footer-links a{color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-accent-light)}.footer-links .separator{color:var(--color-border);margin:0 var(--space-sm)}.footer-copyright{font-size:0.875rem;color:var(--color-text-dark)}.page{max-width:900px;margin:0 auto}.page-header{text-align:center;margin-bottom:var(--space-2xl)}.page-title{font-size:2rem;font-weight:800}.page-subtitle{font-size:1.125rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.archive-section{margin-bottom:var(--space-2xl)}.archive-year{font-size:1.5rem;font-weight:700;color:var(--color-gold-light);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border)}.archive-month{margin-bottom:var(--space-xl)}.archive-month-title{font-size:1.125rem;font-weight:600;color:var(--color-accent-light);margin-bottom:var(--space-md)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:var(--space-lg)}.category-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);text-align:center;transition:all 0.3s ease}.category-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.category-card .category-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.category-card .category-name{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-sm)}.category-card .category-count{font-size:0.875rem;color:var(--color-text-muted)}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:0;right:0;background:var(--color-primary-dark);flex-direction:column;padding:var(--space-lg);gap:var(--space-md);border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s ease}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.hero-title{font-size:1.75rem}.hero-stats{gap:var(--space-xl)}.stat-item .stat-number{font-size:1.75rem}.post-list-item{flex-direction:column}.post-list-date{display:flex;align-items:center;gap:var(--space-sm);min-width:auto}.post-list-date .date-day,.post-list-date .date-month{display:inline;font-size:1rem}.post-title{font-size:1.5rem}.post-nav{grid-template-columns:1fr}.post-footer{flex-direction:column;text-align:center}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-card,.post-list-item,.category-card{animation:fadeIn 0.5s ease forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dark)}