:root{--primary-color:#0891b2;--secondary-color:#06b6d4;--accent-color:#ec4899;--text-color:#1f2937;--text-secondary:#6b7280;--bg-color:#f9fafb;--card-bg:#ffffff;--header-bg:#ffffff;--footer-bg:#f9fafb;--border-color:#e5e7eb;--tag-bg:#ecfeff;--code-bg:#f6f8fa;--gradient-primary:linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);--gradient-secondary:linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);--gradient-cyber:linear-gradient(120deg, #0891b2 0%, #06b6d4 50%, #22d3ee 100%)}.dark-mode{--primary-color:#22d3ee;--secondary-color:#0891b2;--accent-color:#f472b6;--text-color:#f3f4f6;--text-secondary:#9ca3af;--bg-color:#0f172a;--card-bg:#1e293b;--header-bg:#1e293b;--footer-bg:#0f172a;--border-color:#334155;--tag-bg:#164e63;--code-bg:#1e293b;--gradient-primary:linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%);--gradient-secondary:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-cyber:linear-gradient(120deg, #22d3ee 0%, #06b6d4 50%, #0891b2 100%)}.announcement-card{background:linear-gradient(135deg,rgba(147,51,234,5%) 0%,rgba(6,182,212,5%) 100%);border-radius:12px;padding:1.25rem;border:1px solid rgba(147,51,234,.15)}.announcement-card .announcement-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.announcement-card .announcement-header .announcement-icon{font-size:1.25rem;animation:pulse 2s infinite}.announcement-card .announcement-header .announcement-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-color)}.announcement-card .announcement-content .announcement-list{list-style:none;padding:0;margin:0}.announcement-card .announcement-content .announcement-list .announcement-item{margin-bottom:.75rem;padding:.75rem;background:var(--card-bg);border-radius:8px;transition:all .3s}.announcement-card .announcement-content .announcement-list .announcement-item:hover{transform:translateX(4px);box-shadow:0 2px 8px rgba(147,51,234,.15)}.announcement-card .announcement-content .announcement-list .announcement-item:last-child{margin-bottom:0}.announcement-card .announcement-content .announcement-list .announcement-item a,.announcement-card .announcement-content .announcement-list .announcement-item .announcement-no-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-color);font-size:.9rem}.announcement-card .announcement-content .announcement-list .announcement-item .announcement-date{color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.announcement-card .announcement-content .announcement-list .announcement-item .announcement-text{flex:1}.announcement-card .announcement-content .announcement-list .announcement-item .announcement-badge{background:linear-gradient(135deg,#9333ea 0%,#06b6d4 100%);color:#fff;font-size:.7rem;padding:.15rem .5rem;border-radius:10px;font-weight:600}.announcement-card .announcement-content .announcement-simple{font-size:.9rem;line-height:1.6;color:var(--text-color)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.featured-posts-card .featured-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.featured-posts-card .featured-title .featured-icon{font-size:1.1rem;animation:sparkle 2s ease-in-out infinite}.featured-posts-card .featured-list{list-style:none;padding:0;margin:0}.featured-posts-card .featured-list .featured-item{margin-bottom:.75rem}.featured-posts-card .featured-list .featured-item:last-child{margin-bottom:0}.featured-posts-card .featured-list .featured-item .featured-link{display:flex;gap:.75rem;text-decoration:none;padding:.75rem;background:var(--card-bg);border-radius:8px;transition:all .3s}.featured-posts-card .featured-list .featured-item .featured-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.featured-posts-card .featured-list .featured-item .featured-link:hover .featured-thumb img{transform:scale(1.1)}.featured-posts-card .featured-list .featured-item .featured-link .featured-thumb{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.featured-posts-card .featured-list .featured-item .featured-link .featured-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.featured-posts-card .featured-list .featured-item .featured-link .featured-info{flex:1;min-width:0}.featured-posts-card .featured-list .featured-item .featured-link .featured-info .featured-post-title{font-size:.9rem;font-weight:500;margin:0 0 .5rem;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.featured-posts-card .featured-list .featured-item .featured-link .featured-info .featured-meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-secondary)}.featured-posts-card .featured-list .featured-item .featured-link .featured-info .featured-meta span{display:flex;align-items:center;gap:.25rem}.featured-posts-card .featured-list .featured-item .featured-link .featured-info .featured-meta span svg{opacity:.7}@keyframes sparkle{0%,100%{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(180deg)}}.friend-links-card .friend-links-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.friend-links-card .friend-links-title .friend-links-icon{font-size:1.1rem}.friend-links-card .friend-links-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.friend-links-card .friend-links-grid .friend-link-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--card-bg);border-radius:8px;text-decoration:none;transition:all .3s}.friend-links-card .friend-links-grid .friend-link-item:hover{transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.friend-links-card .friend-links-grid .friend-link-item:hover .friend-avatar img{transform:scale(1.05)rotate(5deg)}.friend-links-card .friend-links-grid .friend-link-item .friend-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.friend-links-card .friend-links-grid .friend-link-item .friend-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.friend-links-card .friend-links-grid .friend-link-item .friend-info{flex:1;min-width:0}.friend-links-card .friend-links-grid .friend-link-item .friend-info .friend-name{display:block;font-size:.9rem;font-weight:500;color:var(--text-color);margin-bottom:.2rem}.friend-links-card .friend-links-grid .friend-link-item .friend-info .friend-desc{display:block;font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-links-card .friend-apply{margin-top:1rem;text-align:center}.friend-links-card .friend-apply .friend-apply-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#9333ea 0%,#06b6d4 100%);color:#fff;text-decoration:none;border-radius:20px;font-size:.85rem;font-weight:500;transition:all .3s}.friend-links-card .friend-apply .friend-apply-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(147,51,234,.3)}.friend-links-card .friend-apply .friend-apply-btn svg{width:14px;height:14px}.site-stats-card .stats-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.site-stats-card .stats-title .stats-icon{font-size:1.1rem}.site-stats-card .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.site-stats-card .stats-grid .stat-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--card-bg);border-radius:8px;transition:all .3s}.site-stats-card .stats-grid .stat-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.site-stats-card .stats-grid .stat-item .stat-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:transform .3s}.site-stats-card .stats-grid .stat-item .stat-icon-wrapper svg{width:20px;height:20px}.site-stats-card .stats-grid .stat-item .stat-icon-wrapper.stat-articles{background:linear-gradient(135deg,rgba(147,51,234,.1),rgba(147,51,234,.2));color:#9333ea}.site-stats-card .stats-grid .stat-item .stat-icon-wrapper.stat-categories{background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(6,182,212,.2));color:#06b6d4}.site-stats-card .stats-grid .stat-item .stat-icon-wrapper.stat-tags{background:linear-gradient(135deg,rgba(236,72,153,.1),rgba(236,72,153,.2));color:#ec4899}.site-stats-card .stats-grid .stat-item .stat-icon-wrapper.stat-words{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.2));color:#f59e0b}.site-stats-card .stats-grid .stat-item .stat-info .stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-color);line-height:1.2}.site-stats-card .stats-grid .stat-item .stat-info .stat-label{display:block;font-size:.75rem;color:var(--text-secondary)}.site-stats-card .stats-runtime{margin-top:1rem;padding:.75rem;background:var(--card-bg);border-radius:8px;text-align:center;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.site-stats-card .stats-runtime svg{color:var(--primary-color)}.site-stats-card .stats-runtime #site-runtime{font-weight:600;color:var(--primary-color)}.article-card .card-cover{position:relative}.article-card .card-cover .card-badges{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.5rem;z-index:1}.article-card .card-cover .card-badges .badge{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600;backdrop-filter:blur(10px);transition:all .3s}.article-card .card-cover .card-badges .badge svg{width:12px;height:12px}.article-card .card-cover .card-badges .badge.badge-sticky{background:rgba(239,68,68,.9);color:#fff;animation:sticky-pulse 2s infinite}.article-card .card-cover .card-badges .badge.badge-featured{background:rgba(251,191,36,.9);color:#fff;animation:featured-shine 3s infinite}.article-card .card-cover .card-badges .badge:hover{transform:scale(1.05)}.article-card.is-sticky{border:2px solid rgba(239,68,68,.3)}.article-card.is-featured{border:2px solid rgba(251,191,36,.3)}@keyframes sticky-pulse{0%,100%{box-shadow:0 0 rgba(239,68,68,.7)}50%{box-shadow:0 0 0 4px rgba(239,68,68,0)}}@keyframes featured-shine{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2)}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:var(--card-bg);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .3s ease}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.back-to-top:hover .arrow-icon{transform:translateY(-2px)}.back-to-top .progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.back-to-top .progress-ring .progress-ring-bg{stroke:var(--border-color);opacity:.3}.back-to-top .progress-ring .progress-ring-progress{stroke:var(--primary-color);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.back-to-top .arrow-icon{position:relative;z-index:1;color:var(--primary-color);transition:transform .3s}.article-card-compact{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,8%);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.article-card-compact:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.article-card-compact .card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.article-card-compact .card-cover-compact{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%)}.article-card-compact .card-cover-compact img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card-compact .card-cover-compact:hover img{transform:scale(1.05)}.article-card-compact .card-cover-compact .card-badges-compact{position:absolute;top:.5rem;left:.5rem;display:flex;gap:.4rem;z-index:1}.article-card-compact .card-cover-compact .card-badges-compact .badge-compact{padding:.25rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;backdrop-filter:blur(10px)}.article-card-compact .card-cover-compact .card-badges-compact .badge-compact.badge-sticky{background:rgba(239,68,68,.9);color:#fff}.article-card-compact .card-cover-compact .card-badges-compact .badge-compact.badge-featured{background:rgba(251,191,36,.9);color:#fff}.article-card-compact .card-content-compact{padding:1rem;flex:1;display:flex;flex-direction:column}.article-card-compact .card-content-compact .card-title-compact{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.8em}.article-card-compact .card-content-compact .card-excerpt-compact{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.article-card-compact .card-content-compact .card-meta-compact{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:var(--text-secondary);margin-top:auto}.article-card-compact .card-content-compact .card-meta-compact .meta-item{display:flex;align-items:center;gap:.25rem}.article-card-compact .card-content-compact .card-meta-compact .meta-item svg{opacity:.7;flex-shrink:0}.article-card-compact .card-content-compact .card-meta-compact .meta-item.category{background:var(--tag-bg);color:var(--primary-color);padding:.2rem .6rem;border-radius:10px;font-weight:500}.article-card-compact.is-sticky{border:2px solid rgba(239,68,68,.2)}.article-card-compact.is-featured{border:2px solid rgba(251,191,36,.2)}@media(max-width:768px){.back-to-top{bottom:1.5rem;right:1.5rem;width:44px;height:44px}.stats-grid{grid-template-columns:1fr!important}.friend-links-grid{grid-template-columns:1fr!important}.article-card-compact .card-content-compact{padding:.875rem}.article-card-compact .card-content-compact .card-title-compact{font-size:.95rem}.article-card-compact .card-content-compact .card-excerpt-compact{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);transition:background-color .3s,color .3s}#app{position:relative;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{box-shadow:0 2px 8px rgba(0,0,0,8%);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;backdrop-filter:blur(20px)saturate(180%);background:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease}.dark-mode .site-header{background:rgba(30,30,30,.7);border-bottom:1px solid rgba(255,255,255,.1)}.home-page .site-header{position:fixed;background:0 0;border-bottom:none;box-shadow:none;backdrop-filter:none}.home-page .site-header .container{background:0 0}.home-page .site-header .header-wrapper{background:0 0}.home-page .site-header .brand-name,.home-page .site-header .nav-link,.home-page .site-header .header-icon-btn{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.home-page .site-header .brand-avatar{box-shadow:0 2px 8px rgba(0,0,0,.3)}.home-page .site-header .search-input{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.home-page .site-header .search-input::placeholder{color:rgba(255,255,255,.7)}.home-page .site-header .search-input:focus{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.2)}.home-page .site-header .header-clock{background:rgba(255,255,255,.15);color:#fff}.home-page .site-header .header-clock .clock-icon{color:#fff}.home-page .site-header .search-icon{color:rgba(255,255,255,.8)}.home-page .site-header .nav-link:hover{color:#fff}.home-page .site-header .header-icon-btn:hover{background:rgba(255,255,255,.15);color:#fff}.site-header.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(20px)saturate(180%);box-shadow:0 2px 8px rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.dark-mode .site-header.scrolled{background:rgba(30,30,30,.95)}.site-header.scrolled .brand-name,.site-header.scrolled .nav-link,.site-header.scrolled .header-icon-btn{color:var(--text-color);text-shadow:none}.site-header.scrolled .brand-avatar{box-shadow:none}.site-header.scrolled .search-input{background:var(--bg-color);border-color:var(--border-color);color:var(--text-color);backdrop-filter:none}.site-header.scrolled .search-input::placeholder{color:var(--text-secondary)}.site-header.scrolled .search-icon{color:var(--text-secondary)}.site-header.scrolled .header-clock{background:var(--tag-bg);color:var(--text-color);backdrop-filter:none}.site-header.scrolled .header-clock .clock-icon{color:var(--primary-color)}.site-header .header-wrapper{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;height:60px;padding:0 1rem}.site-header .header-left .header-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;transition:all .3s}.site-header .header-left .header-brand:hover{opacity:.85}.site-header .header-left .header-brand .brand-avatar{width:32px;height:32px;border-radius:8px;overflow:hidden;transition:transform .3s}.site-header .header-left .header-brand .brand-avatar:hover{transform:scale(1.05)}.site-header .header-left .header-brand .brand-avatar img{width:100%;height:100%;object-fit:cover}.site-header .header-left .header-brand .brand-name{font-size:1rem;font-weight:600;color:var(--text-color);white-space:nowrap;letter-spacing:.3px}.site-header .header-center{display:flex;align-items:center;gap:2rem;min-width:0}.site-header .header-center .header-search{position:relative;flex:0 1 240px}.site-header .header-center .header-search .search-input{width:100%;padding:.45rem 2.2rem .45rem .9rem;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-color);color:var(--text-color);font-size:.875rem;transition:all .3s}.site-header .header-center .header-search .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(147,51,234,.15)}.site-header .header-center .header-search .search-input::placeholder{color:var(--text-secondary)}.site-header .header-center .header-search .search-icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;width:14px;height:14px}.site-header .header-center .main-nav{flex:1;min-width:0}.site-header .header-center .main-nav .nav-menu{display:flex;list-style:none;gap:1.2rem;margin:0;padding:0}.site-header .header-center .main-nav .nav-item{white-space:nowrap}.site-header .header-center .main-nav .nav-link{color:var(--text-color);text-decoration:none;font-size:.875rem;font-weight:500;padding:.4rem 0;position:relative;transition:all .3s}.site-header .header-center .main-nav .nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#9333ea 0%,#06b6d4 100%);transition:width .3s ease}.site-header .header-center .main-nav .nav-link:hover,.site-header .header-center .main-nav .nav-link.active{color:var(--primary-color)}.site-header .header-center .main-nav .nav-link:hover::after,.site-header .header-center .main-nav .nav-link.active::after{width:100%}.site-header .header-right{display:flex;align-items:center;gap:1rem}.site-header .header-right .header-clock{display:flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:var(--tag-bg);border-radius:16px;color:var(--text-color);font-size:.8125rem;font-weight:600;font-family:monaco,menlo,consolas,monospace;letter-spacing:.3px}.site-header .header-right .header-clock .clock-icon{color:var(--primary-color);width:14px;height:14px}.site-header .header-right .header-clock .clock-time{letter-spacing:.5px}.site-header .header-right .header-icon-btn{background:0 0;border:none;cursor:pointer;padding:.45rem;color:var(--text-color);border-radius:8px;transition:all .3s;display:flex;align-items:center;justify-content:center}.site-header .header-right .header-icon-btn:hover{background:var(--tag-bg);color:var(--primary-color);transform:scale(1.05)}.site-header .header-right .header-icon-btn svg{display:block;width:18px;height:18px}.site-header .header-right .mobile-menu-toggle{display:none}.site-header .search-results{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:400px;overflow-y:auto;border-top:1px solid var(--border-color)}.site-header .search-results .search-results-content{padding:1rem 0}.site-header .search-results .search-result-item{padding:.75rem 1.5rem;cursor:pointer;transition:background .2s}.site-header .search-results .search-result-item:hover{background:var(--bg-color)}.site-header .search-results .search-result-item .result-title{font-weight:500;color:var(--text-color);margin-bottom:.25rem}.site-header .search-results .search-result-item .result-excerpt{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{padding:2rem 0;padding-top:calc(60px + 2rem);min-height:calc(100vh - 120px)}.home-page .main-content{padding:0;padding-top:0}.content-wrapper{display:grid;grid-template-columns:1fr 300px;gap:2rem}@media(max-width:768px){.content-wrapper{grid-template-columns:1fr}}.home-page .hero-section-fullscreen{position:relative;width:100vw;height:100vh;margin:0;margin-top:-65px;padding:0;padding-top:65px;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.home-page .hero-section-fullscreen::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--hero-bg-image-1,url(https://img.xxdevops.cn/blog/article_cover/photo-1618005198919-d3d4b5a92ead?w=1920&h=1080&fit=crop));background-size:cover;background-position:50%;opacity:var(--hero-bg-opacity-1,1);z-index:0;transition:opacity 2s ease-in-out;animation:breathe 8s ease-in-out infinite}.home-page .hero-section-fullscreen::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--hero-bg-image-2,none);background-size:cover;background-position:50%;opacity:var(--hero-bg-opacity-2,0);z-index:0;transition:opacity 2s ease-in-out;animation:breathe 8s ease-in-out infinite}.home-page .hero-section-fullscreen .hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(67,20,117,.3) 0%,rgba(17,24,39,.45) 50%,rgba(0,0,0,.6) 100%);z-index:1}.home-page .hero-section-fullscreen .hero-content{position:relative;z-index:2;text-align:center;color:#fff;padding:2rem;animation:fadeInUp 1s ease-out}.home-page .hero-section-fullscreen .hero-content .hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:700;margin-bottom:1.5rem;letter-spacing:1px;line-height:1.2;color:#fff;text-shadow:0 0 30px rgba(147,51,234,.6),0 0 60px rgba(6,182,212,.4),0 4px 20px rgba(0,0,0,.5);filter:brightness(1.1)}.home-page .hero-section-fullscreen .hero-content .hero-subtitle{font-size:clamp(1.1rem,3vw,1.6rem);color:rgba(255,255,255,.9);margin-bottom:3rem;text-shadow:0 2px 15px rgba(0,0,0,.6);font-weight:400;letter-spacing:1.5px}.home-page .hero-section-fullscreen .hero-content .hero-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.8;animation:bounce 2s infinite;cursor:pointer;transition:opacity .3s}.home-page .hero-section-fullscreen .hero-content .hero-scroll-indicator:hover{opacity:1}.home-page .hero-section-fullscreen .hero-content .hero-scroll-indicator span{font-size:.9rem;font-weight:500}.home-page .hero-section-fullscreen .hero-content .hero-scroll-indicator svg{opacity:.7}.home-page .home-content-section{position:relative;background:var(--bg-color);padding:4rem 0;z-index:1}.home-page .home-content{display:grid;grid-template-columns:320px 1fr;gap:2rem}.home-page .home-content .home-sidebar{order:1}.home-page .home-content .main-column{order:2}@media(max-width:1024px){.home-page .home-content{grid-template-columns:280px 1fr;gap:1.5rem}}@media(max-width:768px){.home-page .home-content{grid-template-columns:1fr}.home-page .home-content .home-sidebar{order:1}.home-page .home-content .main-column{order:2}}.home-page .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1200px){.home-page .post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home-page .post-grid{grid-template-columns:1fr}}.home-page .section-title{font-size:1.8rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.home-page .section-title .title-icon{font-size:1.5rem}.home-page .btn-primary{display:inline-block;background:var(--primary-color);color:#fff;padding:.75rem 2rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s;box-shadow:0 4px 12px rgba(52,152,219,.3)}.home-page .btn-primary:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 6px 20px rgba(52,152,219,.4)}.home-page .view-more{text-align:center;margin-top:2rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes breathe{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.1)}}.article-card{background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;margin-bottom:1.5rem}.article-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.article-card .card-cover img{width:100%;height:200px;object-fit:cover}.article-card .card-content{padding:1.5rem}.article-card .card-title{font-size:1.5rem;margin-bottom:.5rem}.article-card .card-title a{color:var(--text-color);text-decoration:none}.article-card .card-title a:hover{color:var(--primary-color)}.article-card .card-excerpt{color:var(--text-secondary);margin-bottom:1rem}.article-card .card-meta{display:flex;gap:1rem;font-size:.9rem;color:var(--text-secondary)}.article-card .card-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.article-card .card-tags .tag{background:var(--tag-bg);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;color:var(--primary-color)}.blogger-card{background:var(--card-bg);border-radius:8px;padding:2rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.blogger-card .avatar-wrapper{position:relative;width:120px;height:120px;margin:0 auto 1rem}.blogger-card .avatar-wrapper.circle-rotate .avatar{border-radius:50%;transition:transform .3s}.blogger-card .avatar-wrapper.circle-rotate .avatar:hover{animation:rotate 2s linear infinite}.blogger-card .avatar-wrapper .avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.blogger-card .avatar-wrapper .status-icon{position:absolute;bottom:0;right:0;background:#fff;border-radius:50%;padding:.25rem}.blogger-card .blogger-name{font-size:1.3rem;margin-bottom:.5rem}.blogger-card .blogger-slogan{color:var(--text-secondary);font-size:.9rem}.blogger-card .blogger-social{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.blogger-card .blogger-social .social-icon{color:var(--text-secondary);transition:color .3s}.blogger-card .blogger-social .social-icon:hover{color:var(--primary-color)}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-widget{background:var(--card-bg);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.sidebar-widget:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.sidebar-widget .widget-title{font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color);display:flex;align-items:center;gap:.5rem}.sidebar-widget .widget-title .widget-icon{font-size:1.1rem}.sidebar-widget .recent-posts{list-style:none;padding:0}.sidebar-widget .recent-posts li{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px dashed var(--border-color)}.sidebar-widget .recent-posts li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-widget .recent-posts li a{color:var(--text-color);text-decoration:none;font-size:.95rem;transition:color .3s}.sidebar-widget .recent-posts li a:hover{color:var(--primary-color)}.site-footer{background:var(--footer-bg);padding:2rem 0;text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color)}.site-footer .footer-content{display:flex;flex-direction:column;gap:1rem}.site-footer .footer-social{display:flex;justify-content:center;gap:1rem}.site-footer .footer-social .social-link{color:var(--text-secondary);transition:color .3s}.site-footer .footer-social .social-link:hover{color:var(--primary-color)}.site-footer a{color:var(--primary-color);text-decoration:none}.site-footer a:hover{text-decoration:underline}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem;background:var(--card-bg);border-radius:8px}.pagination a{color:var(--primary-color);text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background .3s}.pagination a:hover{background:var(--tag-bg)}.post-single{background:var(--card-bg);border-radius:8px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.post-single .post-header{margin-bottom:2rem}.post-single .post-cover{margin-bottom:2rem;border-radius:8px;overflow:hidden}.post-single .post-cover img{width:100%;height:auto}.post-single .post-title{font-size:2.5rem;margin-bottom:1rem}.post-single .post-meta{display:flex;gap:1.5rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.post-single .post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.post-single .post-tags .tag{background:var(--tag-bg);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;color:var(--primary-color);text-decoration:none;transition:background .3s}.post-single .post-tags .tag:hover{background:var(--primary-color);color:#fff}.post-single .post-content{line-height:1.8;font-size:1.05rem}.post-single .post-content h2,.post-single .post-content h3,.post-single .post-content h4{margin-top:2rem;margin-bottom:1rem}.post-single .post-content p{margin-bottom:1rem}.post-single .post-content code{background:var(--code-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.post-single .post-content pre{background:var(--code-bg);padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.post-single .post-content pre code{background:0 0;padding:0}@media(max-width:768px){.site-header .header-wrapper{grid-template-columns:1fr auto;gap:1rem}.site-header .header-center{display:none}.site-header .header-right .header-clock{display:none}.site-header .header-right .mobile-menu-toggle{display:flex}.home-page .hero-section-fullscreen .hero-content{padding:1rem}.home-page .hero-section-fullscreen .hero-content .hero-title{font-size:clamp(2rem,10vw,3rem)}.home-page .hero-section-fullscreen .hero-content .hero-subtitle{font-size:clamp(.9rem,4vw,1.2rem);margin-bottom:2rem}.home-page .home-content{grid-template-columns:1fr}.home-page .home-content .home-sidebar{order:-1}.home-page .section-title{font-size:1.5rem}.article-card .card-cover img{height:180px}.article-card .card-meta{flex-wrap:wrap;gap:.5rem}.blogger-card .avatar-wrapper{width:100px;height:100px}.content-wrapper{grid-template-columns:1fr}}@media(max-width:480px){.container{padding:0 15px}.home-page .hero-section-fullscreen .hero-scroll-indicator{display:none}.home-page .btn-primary{padding:.6rem 1.5rem;font-size:.9rem}.article-card .card-title{font-size:1.2rem}.article-card .card-excerpt{font-size:.9rem}}@media(min-width:769px) and (max-width:1024px){.site-header .header-center .header-search{flex:0 1 200px}.site-header .header-center .main-nav .nav-menu{gap:1rem}.site-header .header-right .header-clock{padding:.4rem .75rem;font-size:.85rem}.home-page .home-content{grid-template-columns:1fr 280px;gap:1.5rem}.content-wrapper{grid-template-columns:1fr 280px}}