/* 光年2099主题 - 压缩样式 */
:root{--primary-color:#40c4ff;--secondary-color:#2a9eff;--dark-bg:#0a0e17;--light-bg:#1a1f2e;--text-color:#e0f0ff;--text-light:#a0c0e0;--border-color:rgba(64,156,255,.2);--card-bg:rgba(16,25,40,.7);--shadow-color:rgba(0,20,40,.6)}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif}
body{background-color:var(--dark-bg);color:var(--text-color);line-height:1.6;overflow-x:hidden;font-size:16px}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{background-color:rgba(10,14,23,.95);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid var(--border-color);padding:15px 0}
.nav-container{display:flex;justify-content:space-between;align-items:center}
.site-branding{display:flex;align-items:center}
.site-branding .custom-logo-link{display:flex;align-items:center}
.site-branding .logo{display:flex;align-items:center;font-size:1.8rem;font-weight:700;color:var(--primary-color);text-decoration:none}
.site-branding .logo i{margin-right:10px;font-size:2rem}
.site-branding .logo span{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.site-description{display:none}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px}
.hamburger{display:block;width:25px;height:3px;background-color:var(--primary-color);position:relative}
.hamburger::before,.hamburger::after{content:'';position:absolute;width:100%;height:100%;background-color:var(--primary-color);left:0}
.hamburger::before{top:-8px}
.hamburger::after{bottom:-8px}
.main-navigation ul{display:flex;list-style:none}
.main-navigation li{margin-left:30px}
.main-navigation a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s;padding:5px 10px;border-radius:4px}
.main-navigation a:hover{color:var(--primary-color);background-color:rgba(64,196,255,.1)}
.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.star{position:absolute;background-color:#fff;border-radius:50%;opacity:.8}
#content{padding-top:80px}
.hero-section{height:100vh;background:linear-gradient(rgba(10,14,23,.85),rgba(10,14,23,.9)),url('../images/hero-bg.jpg');background-size:cover;background-position:center;display:flex;align-items:center;position:relative}
.hero-content{max-width:800px;text-align:center;margin:0 auto;padding:20px}
.hero-title{font-size:3.5rem;margin-bottom:20px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;text-shadow:0 5px 15px rgba(0,0,0,.5)}
.hero-description{font-size:1.2rem;margin-bottom:30px;color:var(--text-light);max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.cta-button{display:inline-block;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:var(--dark-bg);padding:15px 40px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:transform .3s,box-shadow .3s;border:none;cursor:pointer;box-shadow:0 10px 20px rgba(64,196,255,.2)}
.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(64,196,255,.4)}
.section{padding:100px 0}
.section-title{text-align:center;font-size:2.5rem;margin-bottom:60px;color:var(--primary-color);position:relative}
.section-title:after{content:'';position:absolute;width:100px;height:3px;background:linear-gradient(to right,transparent,var(--primary-color),transparent);bottom:-15px;left:50%;transform:translateX(-50%)}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:40px}
.feature-card{background:var(--card-bg);border-radius:15px;padding:40px 30px;text-align:center;transition:transform .3s,box-shadow .3s;border:1px solid rgba(64,196,255,.1);backdrop-filter:blur(10px)}
.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px var(--shadow-color);border-color:rgba(64,196,255,.3)}
.feature-icon{font-size:3rem;color:var(--primary-color);margin-bottom:25px}
.feature-card h3{font-size:1.5rem;margin-bottom:20px;color:var(--text-color)}
.feature-card p{color:var(--text-light)}
.latest-posts-section{background:linear-gradient(rgba(12,18,30,.9),rgba(12,18,30,.95)),url('../images/articles-bg.jpg');background-size:cover;background-position:center;background-attachment:fixed}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}
.post-card{background:var(--card-bg);border-radius:10px;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid var(--border-color);backdrop-filter:blur(10px)}
.post-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,20,40,.4);border-color:rgba(64,196,255,.3)}
.post-thumbnail{position:relative;height:200px;overflow:hidden}
.post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post-card:hover .post-thumbnail img{transform:scale(1.05)}
.post-categories{position:absolute;top:15px;left:15px;display:flex;flex-wrap:wrap;gap:5px}
.category-tag{background-color:rgba(64,196,255,.9);color:var(--dark-bg);padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600}
.post-content{padding:25px}
.post-title{margin-bottom:15px;font-size:1.3rem;line-height:1.4}
.post-title a{color:var(--text-color);text-decoration:none;transition:color .3s}
.post-title a:hover{color:var(--primary-color)}
.post-meta{display:flex;gap:15px;margin-bottom:15px;color:var(--text-light);font-size:.9rem}
.post-meta i{margin-right:5px;color:var(--primary-color)}
.post-excerpt{color:var(--text-light);line-height:1.6;margin-bottom:20px;font-size:.95rem}
.read-more{display:inline-flex;align-items:center;color:var(--primary-color);text-decoration:none;font-weight:600;padding:10px 20px;background-color:rgba(64,196,255,.1);border-radius:5px;transition:all .3s}
.read-more:hover{background-color:rgba(64,196,255,.2);transform:translateX(5px)}
.read-more i{margin-left:8px;transition:transform .3s}
.read-more:hover i{transform:translateX(5px)}
.view-all-posts{text-align:center;margin-top:50px}
.scifi-stories-section{background:linear-gradient(rgba(12,18,30,.9),rgba(12,18,30,.95)),url('../images/stories-bg.jpg');background-size:cover;background-position:center;background-attachment:fixed}
.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}
.story-card{background:var(--card-bg);border-radius:10px;overflow:hidden;transition:transform .3s;border:1px solid var(--border-color);backdrop-filter:blur(10px)}
.story-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,20,40,.4);border-color:var(--primary-color)}
.story-image{height:200px;background-size:cover;background-position:center}
.story-content{padding:25px}
.story-content h3{color:var(--primary-color);margin-bottom:15px;font-size:1.3rem}
.story-content p{color:var(--text-light);margin-bottom:20px;line-height:1.6}
.site-main{min-height:calc(100vh - 400px)}
.entry-header{margin-bottom:30px}
.entry-title{font-size:2.5rem;margin-bottom:15px;color:var(--text-color);line-height:1.3}
.entry-meta{display:flex;flex-wrap:wrap;gap:20px;color:var(--text-light);font-size:.95rem;margin-bottom:20px}
.entry-meta i{margin-right:8px;color:var(--primary-color)}
.post-thumbnail{margin-bottom:30px;border-radius:8px;overflow:hidden}
.post-thumbnail img{width:100%;height:auto;display:block}
.entry-content{font-size:1.1rem;line-height:1.8;color:var(--text-color)}
.entry-content p{margin-bottom:1.5em}
.entry-content h2,.entry-content h3,.entry-content h4{margin:2em 0 1em;color:var(--primary-color)}
.entry-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid rgba(64,196,255,.3)}
.entry-content a:hover{color:var(--secondary-color);border-bottom-color:var(--secondary-color)}
.entry-content img,.entry-content iframe,.entry-content video{max-width:100%;height:auto;border-radius:5px}
.entry-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color)}
.tags-links{display:flex;align-items:center;gap:10px;color:var(--text-light)}
.tags-links i{color:var(--primary-color)}
.tags-links a{color:var(--text-light);text-decoration:none;padding:3px 10px;background-color:rgba(64,196,255,.1);border-radius:3px;font-size:.9rem}
.tags-links a:hover{background-color:rgba(64,196,255,.2);color:var(--primary-color)}
.post-navigation{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color)}
.nav-previous,.nav-next{flex:1}
.nav-previous span,.nav-next span{display:block;font-size:.9rem;color:var(--text-light);margin-bottom:5px}
.nav-previous a,.nav-next a{color:var(--primary-color);text-decoration:none;font-weight:600}
.nav-previous a:hover,.nav-next a:hover{color:var(--secondary-color)}
.nav-next{text-align:right}
.related-posts{margin-top:60px}
.related-posts h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}
.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.related-post{background:var(--card-bg);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);transition:transform .3s}
.related-post:hover{transform:translateY(-5px);border-color:rgba(64,196,255,.3)}
.related-post-thumbnail{height:150px;overflow:hidden}
.related-post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.related-post:hover .related-post-thumbnail img{transform:scale(1.05)}
.related-post-content{padding:15px}
.related-post-content h4{margin-bottom:10px;font-size:1rem}
.related-post-content h4 a{color:var(--text-color);text-decoration:none}
.related-post-content h4 a:hover{color:var(--primary-color)}
.related-post-meta{display:flex;justify-content:space-between;color:var(--text-light);font-size:.8rem}
.site-footer{background-color:#080c14;padding:60px 0 30px;border-top:1px solid var(--border-color)}
.footer-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}
.footer-section h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:25px;position:relative;padding-bottom:10px}
.footer-section h3:after{content:'';position:absolute;width:50px;height:2px;background:var(--primary-color);bottom:0;left:0}
.footer-section p{color:var(--text-light);margin-bottom:20px;line-height:1.7}
.footer-links{list-style:none}
.footer-links li{margin-bottom:12px;display:flex;align-items:center}
.footer-links i{margin-right:10px;color:var(--primary-color);width:16px;text-align:center}
.footer-links a{color:var(--text-light);text-decoration:none;transition:color .3s}
.footer-links a:hover{color:var(--primary-color)}
.social-icons{margin-top:20px;display:flex;gap:15px}
.social-icons a{color:var(--text-light);font-size:1.2rem;transition:color .3s}
.social-icons a:hover{color:var(--primary-color)}
.icp-info{text-align:center;margin-top:40px;padding-top:30px;border-top:1px solid var(--border-color);color:#8090b0;font-size:.9rem}
.icp-info a{color:var(--primary-color);text-decoration:none}
.icp-info a:hover{text-decoration:underline}
.comments-area{margin-top:60px}
.comment-respond{margin-bottom:40px}
.comment-form label{display:block;margin-bottom:8px;color:var(--text-light)}
.comment-form input,.comment-form textarea{width:100%;padding:12px;background-color:var(--light-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);font-size:1rem;margin-bottom:20px}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--primary-color)}
.comment-form .submit{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:var(--dark-bg);border:none;padding:12px 30px;border-radius:5px;cursor:pointer;font-weight:600;transition:transform .3s}
.comment-form .submit:hover{transform:translateY(-2px)}
.comment-list{list-style:none}
.comment-body{padding:20px;background-color:var(--card-bg);border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}
.comment-author{display:flex;align-items:center;margin-bottom:15px}
.comment-author img{border-radius:50%;margin-right:15px}
.comment-author .fn{color:var(--text-color);font-weight:600}
.comment-meta{margin-left:15px;color:var(--text-light);font-size:.9rem}
.comment-content{color:var(--text-light);line-height:1.7;margin-bottom:15px}
.comment-reply{text-align:right}
.comment-reply a{color:var(--primary-color);text-decoration:none;font-size:.9rem}
.comment-reply a:hover{text-decoration:underline}
.page-links{clear:both;margin:30px 0}
.page-links a,.page-links>span{padding:5px 12px;margin-right:5px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:3px;color:var(--text-light);text-decoration:none}
.page-links a:hover{background-color:rgba(64,196,255,.1);color:var(--primary-color)}
.page-links>.page-links-title{margin-right:10px;color:var(--text-light)}
.widget-area{background-color:var(--light-bg);padding:30px;border-radius:10px;border:1px solid var(--border-color)}
.widget{margin-bottom:30px}
.widget:last-child{margin-bottom:0}
.widget-title{color:var(--primary-color);font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}
.widget ul{list-style:none}
.widget li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}
.widget li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.widget a{color:var(--text-light);text-decoration:none;transition:color .3s}
.widget a:hover{color:var(--primary-color)}
@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.fade-in{opacity:0;animation:fadeInUp .6s ease forwards}
@media(max-width:992px){.hero-title{font-size:2.8rem}.nav-container{flex-direction:column}.main-navigation ul{margin-top:20px}.main-navigation li{margin:0 15px}}
@media(max-width:768px){.hero-section{background-attachment:scroll}.hero-title{font-size:2.2rem}.hero-description{font-size:1rem;padding:0 20px}.section{padding:70px 0}.section-title{font-size:2rem}.posts-grid{grid-template-columns:1fr}.post-thumbnail{height:150px}.post-title{font-size:1.1rem}.footer-widgets{grid-template-columns:1fr;gap:30px}.menu-toggle{display:block}.main-navigation ul{display:none;position:absolute;top:100%;left:0;width:100%;background-color:rgba(10,14,23,.95);flex-direction:column;padding:20px 0;text-align:center;backdrop-filter:blur(10px)}.main-navigation ul.active{display:flex}.main-navigation li{margin:10px 0}.latest-posts-section,.scifi-stories-section{background-attachment:scroll}}
@media(max-width:480px){.hero-title{font-size:1.8rem}.cta-button{padding:12px 30px;font-size:1rem}.entry-title{font-size:1.8rem}.entry-meta{gap:10px;font-size:.85rem}.related-posts-grid{grid-template-columns:1fr}}

/* 文章内容区域样式增强 */
.entry-content {
    background-color: rgba(26, 31, 46, 0.8);
    border-radius: 10px;
    padding: 40px;
    margin: 30px 0;
    border: 1px solid var(--border-color);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* 文章段落样式 */
.entry-content p {
    margin-bottom: 1.8em;
    line-height: 1.8;
    color: var(--text-color);
    font-size: 1.1rem;
}

/* 文章标题样式 */
.entry-content h2 {
    color: var(--primary-color);
    margin: 2em 0 1em;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(64, 196, 255, 0.3);
    font-size: 1.8rem;
}

.entry-content h3 {
    color: var(--secondary-color);
    margin: 1.8em 0 0.8em;
    font-size: 1.5rem;
}

.entry-content h4 {
    color: #a0c0e0;
    margin: 1.5em 0 0.8em;
    font-size: 1.3rem;
}

/* 文章列表样式 */
.entry-content ul,
.entry-content ol {
    margin: 1.5em 0;
    padding-left: 2em;
}

.entry-content li {
    margin-bottom: 0.8em;
    line-height: 1.7;
}

/* 文章引用块样式 */
.entry-content blockquote {
    border-left: 4px solid var(--primary-color);
    background-color: rgba(64, 196, 255, 0.1);
    padding: 20px 30px;
    margin: 2em 0;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #c0e0ff;
}

.entry-content blockquote p:last-child {
    margin-bottom: 0;
}

/* 文章代码块样式 */
.entry-content pre {
    background-color: #1a1f2e;
    border: 1px solid #2d3a5c;
    border-radius: 8px;
    padding: 20px;
    margin: 2em 0;
    overflow-x: auto;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.95rem;
    line-height: 1.6;
}

.entry-content code {
    background-color: rgba(64, 196, 255, 0.1);
    padding: 2px 6px;
    border-radius: 3px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.95rem;
    color: #40c4ff;
}

/* 文章表格样式 */
.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 2em 0;
    background-color: rgba(26, 31, 46, 0.8);
}

.entry-content th {
    background-color: rgba(64, 196, 255, 0.2);
    color: var(--text-color);
    padding: 15px;
    text-align: left;
    font-weight: 600;
    border: 1px solid var(--border-color);
}

.entry-content td {
    padding: 12px 15px;
    border: 1px solid var(--border-color);
    color: var(--text-light);
}

.entry-content tr:nth-child(even) {
    background-color: rgba(64, 196, 255, 0.05);
}

/* 文章图片样式 */
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 2em 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* 文章页脚样式 */
.entry-footer {
    background-color: rgba(26, 31, 46, 0.8);
    border-radius: 10px;
    padding: 30px;
    margin: 30px 0;
    border: 1px solid var(--border-color);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* 标签链接样式 */
.tags-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.tags-links a {
    background-color: rgba(64, 196, 255, 0.1);
    color: var(--text-light);
    padding: 8px 15px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    border: 1px solid rgba(64, 196, 255, 0.2);
}

.tags-links a:hover {
    background-color: rgba(64, 196, 255, 0.3);
    color: var(--primary-color);
    transform: translateY(-2px);
}

/* 文章操作按钮样式 */
.post-actions {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.like-button,
.share-button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 25px;
    border: 1px solid var(--border-color);
    background-color: rgba(26, 31, 46, 0.8);
    color: var(--text-color);
    cursor: pointer;
    transition: all 0.3s ease;
}

.like-button:hover,
.share-button:hover {
    background-color: rgba(64, 196, 255, 0.1);
    color: var(--primary-color);
    transform: translateY(-2px);
}

/* 文章导航样式 */
.post-navigation {
    background-color: rgba(26, 31, 46, 0.8);
    border-radius: 10px;
    padding: 30px;
    margin: 30px 0;
    border: 1px solid var(--border-color);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.nav-previous,
.nav-next {
    padding: 15px;
    border-radius: 8px;
    background-color: rgba(16, 25, 40, 0.5);
    transition: all 0.3s ease;
}

.nav-previous:hover,
.nav-next:hover {
    background-color: rgba(64, 196, 255, 0.1);
}


/* 顶部Banner样式 */
.top-banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(10, 14, 23, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.top-banner.scrolled {
    background-color: rgba(10, 14, 23, 0.98);
    padding: 5px 0;
}

.banner-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 移动端头部 */
.mobile-header {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.mobile-header .site-branding .logo {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
}

.mobile-header .site-branding .logo i {
    margin-right: 8px;
    font-size: 1.5rem;
}

.mobile-header .site-branding .logo span {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 汉堡菜单按钮 */
.menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
}

.hamburger-line {
    width: 100%;
    height: 2px;
    background-color: var(--primary-color);
    border-radius: 2px;
    transition: all 0.3s ease;
}

.menu-toggle.active .hamburger-line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.menu-toggle.active .hamburger-line:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active .hamburger-line:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

/* 桌面端头部 */
.desktop-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.desktop-header .site-branding {
    display: flex;
    align-items: center;
    gap: 15px;
}

.desktop-header .logo {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
}

.desktop-header .logo i {
    margin-right: 10px;
    font-size: 1.8rem;
}

.desktop-header .logo span {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.site-description {
    color: var(--text-light);
    font-size: 0.9rem;
    margin: 0;
    padding-left: 15px;
    border-left: 1px solid var(--border-color);
}

/* 主导航 */
.main-navigation ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 30px;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    color: var(--text-color);
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
    padding: 8px 0;
    position: relative;
    transition: color 0.3s ease;
}

.main-navigation a:hover {
    color: var(--primary-color);
}

.main-navigation a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    transition: width 0.3s ease;
}

.main-navigation a:hover:after {
    width: 100%;
}

/* 当前菜单项高亮 */
.main-navigation .current-menu-item > a,
.main-navigation .current-page-ancestor > a {
    color: var(--primary-color);
}

.main-navigation .current-menu-item > a:after,
.main-navigation .current-page-ancestor > a:after {
    width: 100%;
}

/* 搜索框 */
.header-search {
    position: relative;
}

.search-toggle {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-color);
    font-size: 1.2rem;
    padding: 8px;
    transition: color 0.3s ease;
}

.search-toggle:hover {
    color: var(--primary-color);
}

.search-form-wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
    background-color: rgba(26, 31, 46, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1001;
}

.search-form-wrapper.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.search-form-wrapper .search-form {
    display: flex;
}

.search-form-wrapper input[type="search"] {
    flex: 1;
    padding: 10px 15px;
    background-color: rgba(16, 25, 40, 0.8);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-color);
    font-size: 0.95rem;
}

.search-form-wrapper button[type="submit"] {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    color: var(--dark-bg);
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    margin-left: 10px;
    cursor: pointer;
    font-weight: 600;
    transition: transform 0.3s ease;
}

.search-form-wrapper button[type="submit"]:hover {
    transform: translateY(-2px);
}

/* 移动端菜单 */
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(10, 14, 23, 0.95);
    backdrop-filter: blur(10px);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 80px 20px 40px;
}

.close-menu {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: var(--text-color);
    font-size: 1.5rem;
    cursor: pointer;
    padding: 10px;
    transition: color 0.3s ease;
}

.close-menu:hover {
    color: var(--primary-color);
}

.mobile-navigation {
    flex: 1;
    overflow-y: auto;
}

.mobile-nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-nav-menu li {
    margin-bottom: 10px;
}

.mobile-nav-menu a {
    display: block;
    color: var(--text-color);
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 15px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.mobile-nav-menu a:hover {
    background-color: rgba(64, 196, 255, 0.1);
    color: var(--primary-color);
}

.mobile-nav-menu .current-menu-item > a {
    background-color: rgba(64, 196, 255, 0.2);
    color: var(--primary-color);
}

/* 响应式设计 */
@media (max-width: 1024px) {
    .desktop-header {
        display: none;
    }
    
    .mobile-header {
        display: flex;
    }
    
    .main-navigation ul {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .search-form-wrapper {
        width: 280px;
        right: -20px;
    }
}

@media (max-width: 480px) {
    .search-form-wrapper {
        width: 100vw;
        right: -20px;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    
    .mobile-menu-container {
        padding: 60px 15px 30px;
    }
}

/* 主要内容区域顶部间距 */
#content {
    padding-top: 80px;
}

/* 滚动时Banner变化 */
@media (min-width: 1025px) {
    .top-banner.scrolled .desktop-header {
        padding: 10px 0;
    }
}

@media (max-width: 1024px) {
    .top-banner.scrolled .mobile-header {
        padding: 10px 0;
    }
}

/* 图片Banner区域 */
.image-banner {
    width: 100%;
    overflow: hidden;
    margin-top: 70px; /* 与顶部导航的间距 */
}

.banner-image {
    position: relative;
    width: 100%;
    height: <?php echo get_theme_mod('lightyear2099_banner_height', '300'); ?>px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(10, 14, 23, 0.3), rgba(10, 14, 23, 0.7));
    z-index: 1;
}

.banner-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    max-width: 800px;
    padding: 0 20px;
}

.banner-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.banner-description {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.banner-meta {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.banner-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.8);
}

.banner-meta i {
    color: var(--primary-color);
}

.search-term {
    color: var(--primary-color);
    font-weight: 600;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .image-banner {
        margin-top: 60px;
    }
    
    .banner-image {
        height: 250px;
    }
    
    .banner-title {
        font-size: 1.8rem;
    }
    
    .banner-meta {
        gap: 15px;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .banner-image {
        height: 200px;
    }
    
    .banner-title {
        font-size: 1.5rem;
    }
}

/* 顶部导航栏（固定） */
.top-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(10, 14, 23, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 页面Banner区域 */
.page-banner {
    width: 100%;
    height: 300px; /* 固定高度 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 60px; /* 导航栏高度 */
    position: relative;
}

.page-banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(10, 14, 23, 0.3), rgba(10, 14, 23, 0.8));
}

/* 移动端Banner高度调整 */
@media (max-width: 768px) {
    .page-banner {
        height: 200px;
        margin-top: 50px;
    }
}

/* 主要内容区域顶部间距调整 */
.site-content {
    padding-top: 40px;
}

/* 如果有Banner，减少内容区域顶部间距 */
.page-banner + .site-content {
    padding-top: 20px;
}

/* 如果没有Banner，增加内容区域顶部间距 */
.site-content:first-child {
    padding-top: 100px; /* 导航栏高度 + 间距 */
}

/* 移动端调整 */
@media (max-width: 768px) {
    .site-content:first-child {
        padding-top: 80px;
    }
}

/* 文章标题区域 */
.article-header {
    background-color: rgba(26, 31, 46, 0.8);
    border-radius: 15px;
    padding: 40px;
    margin: 30px 0;
    border: 1px solid var(--border-color);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    text-align: center;
}

.article-categories {
    margin-bottom: 20px;
}

.article-categories a {
    display: inline-block;
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    color: var(--dark-bg);
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    margin: 0 5px 5px 0;
    transition: transform 0.3s ease;
}

.article-categories a:hover {
    transform: translateY(-2px);
}

.article-title {
    font-size: 2.5rem;
    color: var(--text-color);
    margin-bottom: 25px;
    line-height: 1.3;
}

.article-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    color: var(--text-light);
    font-size: 0.95rem;
}

.meta-left,
.meta-right {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.article-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.article-meta i {
    color: var(--primary-color);
}

/* 文章特色图片 */
.article-thumbnail {
    margin: 30px 0;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.article-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

.wp-caption-text {
    text-align: center;
    padding: 10px;
    background-color: rgba(26, 31, 46, 0.8);
    color: var(--text-light);
    font-size: 0.9rem;
    border-top: 1px solid var(--border-color);
}

/* 文章页脚 */
.article-footer {
    background-color: rgba(26, 31, 46, 0.8);
    border-radius: 15px;
    padding: 40px;
    margin: 40px 0;
    border: 1px solid var(--border-color);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .article-header {
        padding: 30px 20px;
        margin: 20px 0;
    }
    
    .article-title {
        font-size: 1.8rem;
    }
    
    .article-meta {
        flex-direction: column;
        gap: 15px;
    }
    
    .meta-left,
    .meta-right {
        gap: 15px;
    }
    
    .article-content-wrapper,
    .article-footer {
        padding: 25px 20px;
        margin: 25px 0;
    }
}

@media (max-width: 480px) {
    .article-title {
        font-size: 1.5rem;
    }
    
    .article-meta {
        font-size: 0.85rem;
    }
    
    .meta-left,
    .meta-right {
        gap: 10px;
    }
}