@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700;800&display=swap";:root,[data-theme=violet]{--bg-color:#f5f7f9;--bg-card:#ffffff73;--text-primary:#232939;--text-secondary:#6c7689;--border-color:#ffffffa6;--border-line:#676e9017;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#7d30e8;--primary-glow:#7d30e826;--accent:#11a4d4;--accent-glow:#11a4d41f;--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .25s ease;--container-width:1560px;--container-padding:0 1.5rem}[data-theme=pink]{--primary:#e72385;--primary-glow:#e7238526;--accent:#8c30e8;--accent-glow:#8c30e81f}[data-theme=teal]{--primary:#14b8b8;--primary-glow:#14b8b826;--accent:#3e3eea;--accent-glow:#3e3eea1f}[data-theme=green]{--primary:#1ab366;--primary-glow:#1ab36626;--accent:#1193d4;--accent-glow:#1193d41f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.6}body{min-height:100vh;position:relative;overflow-x:hidden}.global-bg-container{z-index:-10;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.global-bg-slide{will-change:opacity;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.global-bg-overlay{-webkit-backdrop-filter:blur(35px);background:#ffffffb8;width:100%;height:100%;position:absolute;top:0;left:0}.bg-glows-container{z-index:-8;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.liquid-blob{filter:blur(100px);opacity:.15;mix-blend-mode:multiply;will-change:transform, border-radius;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--primary) 0%, transparent 70%);width:650px;height:650px;animation:22s ease-in-out infinite alternate liquidMove1;top:-150px;right:-100px}.blob-2{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);width:700px;height:700px;animation:28s ease-in-out infinite alternate-reverse liquidMove2;top:450px;left:-200px}.container{max-width:var(--container-width);padding:var(--container-padding);margin:0 auto}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(25px)saturate(180%);border:1px solid var(--border-line);border-top-color:var(--border-color);border-left-color:var(--border-color);transition:var(--transition-smooth);border-radius:24px;box-shadow:0 15px 35px #676e900d,inset 0 1px #ffffffb3}.glass-panel:hover{border-color:#fffffff2 #676e9026 #676e9026 #fffffff2;box-shadow:0 20px 45px #676e901a,inset 0 1px #ffffffe6}header{z-index:100;width:100%;transition:var(--transition-smooth);background:0 0;border-bottom:1px solid #0000;padding:1.25rem 0;position:fixed;top:0;left:0}header.scrolled{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid var(--border-line);background:#ffffff8c;padding:.9rem 0;box-shadow:0 10px 30px #676e900a}header .container{max-width:100%!important;padding:0 2.5rem!important}header nav{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:800;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;animation:3.5s ease-in-out infinite floatIcon}@keyframes floatIcon{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(15deg)}}.highlight{color:var(--accent)}.nav-links{gap:2.2rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition-fast);padding:.25rem 0;font-size:.95rem;font-weight:600;text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background:linear-gradient(to right, var(--primary), var(--accent));width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:-2px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{align-items:center;gap:1rem;display:flex}.btn{font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px #0000000d, 0 0 15px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-line);background:#00000005}.btn-secondary:hover{background:#0000000a;border-color:#676e902e}.btn-outline{color:var(--text-primary);background:0 0;border:1px solid #676e9026}.btn-outline:hover{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow);background:#00000005}.home-layout-grid{grid-template-columns:210px 1fr;align-items:start;gap:3rem;margin-bottom:4rem;display:grid}aside{flex-direction:column;gap:1.2rem;height:auto;display:flex;position:sticky;top:7.5rem}aside .glass-panel{padding:1.2rem .9rem!important}.plus-one-float{font-family:var(--font-heading), sans-serif;color:var(--primary);text-shadow:0 0 8px var(--primary-glow);pointer-events:none;z-index:1000;font-size:1.15rem;font-weight:800;animation:.8s cubic-bezier(.18,.89,.32,1.28) forwards floatUpOut;position:absolute}@keyframes floatUpOut{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)translateY(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.2)translateY(-10px)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)translateY(-70px)}}.hero-overlap-container{justify-content:space-between;align-items:center;width:100%;min-height:560px;display:flex;position:relative}.hero-overlap-content{z-index:10;pointer-events:none;width:55%;position:relative}.hero-overlap-content *{pointer-events:auto}.hero-overlap-visual{z-index:1;justify-content:flex-end;width:50%;margin-left:-5%;display:flex;position:relative}.bookmark-container{perspective:1500px;width:100%;max-width:380px;height:520px}.bookmark-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275),opacity .35s,filter .35s;position:relative}.bookmark-card.switching{opacity:.35;filter:scale(.96) blur(1px)}.bookmark-card.flipped{transform:rotateY(180deg)}.bookmark-face{backface-visibility:hidden;border:1px solid var(--border-line);border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 50px #676e901f,inset 0 1px #fffc}.bookmark-front{-webkit-backdrop-filter:blur(25px)saturate(180%);backdrop-filter:blur(25px)saturate(180%);background:linear-gradient(145deg,#fff9,#fff6);flex-direction:column;justify-content:space-between;padding:2.5rem 2rem;display:flex}.bookmark-back{-webkit-backdrop-filter:blur(25px)saturate(180%);backdrop-filter:blur(25px)saturate(180%);background:linear-gradient(145deg,#ffffffa6,#ffffff73);flex-direction:column;justify-content:space-between;padding:2.5rem 2rem;display:flex;transform:rotateY(180deg)}.bookmark-sensor-left{z-index:10;cursor:w-resize;width:25%;height:100%;position:absolute;top:0;left:0}.bookmark-sensor-right{z-index:10;cursor:e-resize;width:25%;height:100%;position:absolute;top:0;right:0}.bookmark-sensor-center{z-index:10;cursor:pointer;width:50%;height:100%;position:absolute;top:0;left:25%}.snake-egg-collapse{opacity:0;max-height:0;transition:max-height .8s cubic-bezier(.16,1,.3,1),opacity .8s,margin-top .5s;overflow:hidden}.snake-egg-collapse.open{opacity:1;max-height:600px;margin-top:2.5rem;overflow:visible}.carousel-center-wrapper{border:1px solid var(--border-line);border-radius:24px;width:100%;max-width:900px;height:340px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 15px 35px #676e9014}.carousel-number-badge{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-line);color:var(--text-primary);z-index:15;background:#ffffffbf;border-radius:8px;padding:.35rem .75rem;font-size:.8rem;font-weight:700;position:absolute;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 10px #0000000d}.blog-view-container{width:100%;position:relative;overflow:hidden}.blog-list-view{opacity:1;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .55s;transform:translate(0)}.blog-list-view.slide-out{opacity:0;pointer-events:none;width:100%;position:absolute;transform:translate(-60px)}.blog-detail-view{opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .55s;display:none;transform:translate(60px)}.blog-detail-view.slide-in{opacity:1;display:block;transform:translate(0)}.blog-card{background:var(--bg-card);border:1px solid var(--border-line);-webkit-backdrop-filter:blur(25px)saturate(180%);backdrop-filter:blur(25px)saturate(180%);cursor:pointer;transition:var(--transition-smooth);border-radius:24px;flex-direction:column;justify-content:space-between;height:290px;padding:2.2rem;display:flex;position:relative;overflow:hidden}.blog-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #676e9014, 0 0 15px var(--primary-glow)!important;border-color:#676e9029!important}.category-sidebar-btn{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.95rem;font-weight:500;display:flex}.category-sidebar-btn:hover{color:var(--text-primary);background:#00000005}.category-sidebar-btn.active{color:var(--primary);background:#fff9;font-weight:600;box-shadow:0 5px 15px #676e9008}.comment-child-tree{border-left:2px dashed #676e9026;flex-direction:column;gap:.8rem;margin-top:.8rem;margin-left:1.2rem;padding-left:1.5rem;display:flex}.post-contain-img{object-fit:contain;background:#00000005;border-radius:12px;width:100%;max-height:480px;display:block}.three-dots-container{display:inline-block;position:relative}.three-dots-dropdown{background:var(--bg-card);-webkit-backdrop-filter:blur(25px)saturate(180%);border:1px solid var(--border-line);z-index:1000;border-radius:12px;flex-direction:column;width:120px;padding:.4rem;display:flex;position:absolute;top:105%;right:0;box-shadow:0 10px 25px #676e9014}.three-dots-item-btn{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:.5rem .8rem;font-size:.8rem;font-weight:600}.three-dots-item-btn:hover{background:#00000008}.douyin-tabs-container{border-bottom:1px solid var(--border-line);justify-content:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.douyin-tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.75rem .5rem;font-size:.92rem;font-weight:700;position:relative}.douyin-tab:hover{color:var(--text-primary)}.douyin-tab.active{color:var(--primary)}.douyin-tab.active:after{content:"";background:linear-gradient(to right, var(--primary), var(--accent));border-radius:3px;width:100%;height:3px;position:absolute;bottom:-1px;left:0}.post-author-badge{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;letter-spacing:.5px;border-radius:4px;margin-left:.4rem;padding:2px 6px;font-size:.65rem;font-weight:700}footer{border-top:1px solid var(--border-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;padding:1.5rem 0}.footer-bottom{border-top:none;justify-content:space-between;align-items:center;padding-top:0;display:flex}.message-pin-card{background:var(--bg-card);border:1px solid var(--border-line);-webkit-backdrop-filter:blur(25px)saturate(180%);backdrop-filter:blur(25px)saturate(180%);transition:var(--transition-smooth);border-radius:20px;padding:1.5rem;position:relative;box-shadow:0 10px 25px #676e900a}.message-pin-card:before{content:"";background:#00000008;border-radius:4px;width:25px;height:8px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.message-pin-card:hover{border-color:#676e9026;box-shadow:0 15px 35px #676e901f;transform:scale(1.02)rotate(0)!important}.music-bar-container{align-items:flex-end;gap:3px;height:24px;display:flex}.music-bar{background:linear-gradient(to top, var(--primary), var(--accent));transform-origin:bottom;border-radius:2px;width:3px;height:100%}.music-bar.active{animation:1.2s ease-in-out infinite alternate musicWave}@keyframes musicWave{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.snake-game-section canvas{box-shadow:0 15px 40px #0000004d, 0 0 25px var(--primary-glow)!important}@media (width<=1024px){.home-layout-grid{grid-template-columns:1fr}.hero-overlap-container{flex-direction:column;gap:2rem;min-height:auto;display:flex}.hero-overlap-content{width:100%}.hero-overlap-visual{justify-content:center;width:100%;margin-left:0}}@media (width<=768px){.nav-links,.nav-actions{display:none}}.mini-music-player-nav:hover .mini-music-tooltip{animation:.25s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;display:flex!important}@keyframes miniMusicWave{0%,to{height:2px}50%{height:10px}}.mini-music-bar.active{animation:.8s infinite miniMusicWave}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;cursor:zoom-out;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-img{cursor:default;border:1px solid #ffffff26;border-radius:12px;max-width:90%;max-height:90%;animation:.3s cubic-bezier(.16,1,.3,1) forwards lightboxScale;transform:scale(.95);box-shadow:0 25px 60px #00000080}@keyframes lightboxScale{to{transform:scale(1)}}.comment-parent-node{padding-bottom:.4rem;position:relative}.comment-child-node{border-left:2px solid var(--primary);background:#676e900a;border-radius:0 12px 12px 0;margin-top:.6rem;margin-left:2.2rem;padding:.6rem .8rem;font-size:.82rem}.post-author-badge{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:4px;margin-left:.4rem;padding:1px 5px;font-size:.6rem;font-weight:700}.comment-action-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;font-size:.72rem;font-weight:700}.comment-action-btn:hover{color:var(--primary)}.mini-music-trigger span{white-space:nowrap;text-overflow:clip;display:inline-block;position:relative;overflow:hidden;width:85px!important;max-width:85px!important}.scroll-marquee-wrapper{white-space:nowrap;padding-left:20px;animation:10s linear infinite marqueeAnimation;display:inline-block}@keyframes marqueeAnimation{0%{transform:translate(0)}to{transform:translate(-100%)}}.glass-playlist-panel{-webkit-backdrop-filter:blur(25px)saturate(180%)!important;border:1px solid var(--border-line)!important;background:#ffffffe6!important}.tooltip-lyric-box{background:rgba(var(--primary-rgb), .05);color:var(--primary);text-align:center;border:1px dashed rgba(var(--primary-rgb), .18);border-radius:8px;justify-content:center;align-items:center;min-height:38px;margin-top:.4rem;padding:.4rem .5rem;font-size:.65rem;font-weight:700;line-height:1.4;transition:all .3s;animation:2s infinite alternate lyricPulse;display:flex}@keyframes lyricPulse{0%{opacity:.88;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}