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