.BlogPage-module__uBUtsW__container{max-width:100vw;min-height:100vh;margin-top:64px}.BlogPage-module__uBUtsW__header{justify-content:center;align-items:center;height:300px;display:flex;position:sticky;top:0;overflow:hidden}.BlogPage-module__uBUtsW__header:hover .BlogPage-module__uBUtsW__headerBgImage{transform:scale(1.05)}.BlogPage-module__uBUtsW__headerBgImage{z-index:0;z-index:-2;background-image:url(/r2/media/blog_header.png);background-position:100%;background-size:cover;width:100vw;min-height:300px;transition:transform .6s;position:fixed}.BlogPage-module__uBUtsW__headerOverlay{z-index:1;width:100%;height:60%;position:absolute;bottom:0}.BlogPage-module__uBUtsW__headerContent{z-index:1;text-align:center;color:#fff;align-items:center;display:flex;position:fixed}.BlogPage-module__uBUtsW__headerContent h1{letter-spacing:4px;text-shadow:0 2px 10px #0003;pointer-events:all;margin:0;font-size:3rem;font-weight:800;transition:transform .3s,filter .3s;display:inline-block}.BlogPage-module__uBUtsW__typingText{white-space:nowrap;margin:0 20px;font-size:1.5rem;display:inline-block;overflow:hidden}.BlogPage-module__uBUtsW__mainContentContainer{max-width:100vw}.BlogPage-module__uBUtsW__mainContentWrapper{z-index:10;background:linear-gradient(180deg,var(--bg)0%,#e0f2ff 100%);position:relative}html.BlogPage-module__uBUtsW__dark .BlogPage-module__uBUtsW__mainContentWrapper{background:linear-gradient(180deg,var(--bg)0%,#1e1e1e 100%)}.BlogPage-module__uBUtsW__mainContent{z-index:10;width:auto;max-width:1400px;margin:0 auto;padding:50px 20px 40px;position:relative}.BlogPage-module__uBUtsW__waveWrapper{pointer-events:none;width:100%;position:absolute;top:280px;left:0;overflow:hidden}.BlogPage-module__uBUtsW__waveWrapper svg{width:100%;height:100px;display:block}.BlogPage-module__uBUtsW__functionArea{z-index:100;background:0 0;border-radius:12px;width:fit-content;padding:10px;transition:background .25s;position:sticky;top:75px}.BlogPage-module__uBUtsW__stuck{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f3fbff80}.BlogPage-module__uBUtsW__functionTop{gap:15px;margin-bottom:15px;display:flex}.BlogPage-module__uBUtsW__searchInput{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;background:#d5e5ff;border:none;border-radius:12px;outline:none;width:100%;padding:12px 20px;transition:all .3s}.BlogPage-module__uBUtsW__searchInput:hover{color:#4a90e2;background:#fffc}.BlogPage-module__uBUtsW__searchInput::placeholder{color:#6a8dbd}.BlogPage-module__uBUtsW__searchInput:focus{font-weight:700;box-shadow:0 4px 10px #0000001a;color:#4a90e2!important;background:#fff!important}.BlogPage-module__uBUtsW__dropdownWrapper{position:relative}.BlogPage-module__uBUtsW__categoryBtn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#6a8dbd;cursor:pointer;background:#d5e5ff;border:1px solid #0000;border-radius:12px;height:100%;padding:10px 25px;transition:all .3s}.BlogPage-module__uBUtsW__categoryBtn:hover{color:#4a90e2;background:#fffc}.BlogPage-module__uBUtsW__btnActive{border-radius:12px 12px 0 0;color:#4a90e2!important}.BlogPage-module__uBUtsW__dropdownItem{transition:background .2s,padding-left .2s}.BlogPage-module__uBUtsW__dropdownItem:hover{color:#4a90e2;background:#a5c7ff33;padding-left:25px}.BlogPage-module__uBUtsW__dropdownMenu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;z-index:100;background:#d5e5ff;border-radius:0 15px 15px;width:150px;max-height:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;left:0;overflow:hidden}.BlogPage-module__uBUtsW__dropdownMenu.BlogPage-module__uBUtsW__show{opacity:1;max-height:200px;padding:8px 0}.BlogPage-module__uBUtsW__dropdownItem{color:#6a8dbd;cursor:pointer;align-items:center;gap:10px;padding:10px 20px;font-size:14px;display:flex}.BlogPage-module__uBUtsW__dropdownItem:hover{color:#333;background:#fff6}.BlogPage-module__uBUtsW__tagList{gap:10px;display:flex}.BlogPage-module__uBUtsW__tagItem{color:#6a8dbd;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#c4daff;border:none;border-radius:10px;padding:6px 18px;font-size:13px;transition:all .2s}.BlogPage-module__uBUtsW__tagItem:hover{color:#3b6ea5;background:#fff9;transform:translateY(-2px)}.BlogPage-module__uBUtsW__tagActive{font-weight:700;box-shadow:0 4px 10px #0000001a;color:#4a90e2!important;background:#fff!important}.BlogPage-module__uBUtsW__tagItem:active{transform:scale(.95)}.BlogPage-module__uBUtsW__contentGrid{grid-template-columns:2.2fr 1fr;gap:25px;display:grid}.BlogPage-module__uBUtsW__blogCardGrid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;padding:20px 0;display:grid}.BlogPage-module__uBUtsW__pagination{z-index:11;justify-content:space-between;align-items:center;display:flex}.BlogPage-module__uBUtsW__pageArrow{cursor:pointer;background:#fff9;border:none;border-radius:20px;padding:10px 35px}.BlogPage-module__uBUtsW__pageNumbers{gap:12px;display:flex}.BlogPage-module__uBUtsW__pageNumbers span{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.BlogPage-module__uBUtsW__activePage{background:#fffc}.BlogPage-module__uBUtsW__pageArrow{background:#ffffff80;border:1px solid #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.BlogPage-module__uBUtsW__pageArrow:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.BlogPage-module__uBUtsW__pageArrow:active{transform:translateY(0)scale(.95)}.BlogPage-module__uBUtsW__pageNum,.BlogPage-module__uBUtsW__activePage{border-radius:12px;width:38px;height:38px;transition:all .2s}.BlogPage-module__uBUtsW__pageNum:hover{color:#4a90e2;background:#fff6}.BlogPage-module__uBUtsW__activePage{color:#4a90e2;background:#fff;font-weight:700;box-shadow:0 4px 10px #0000000d}.BlogPage-module__uBUtsW__rightColumn{flex-direction:column;gap:20px;padding:20px 0 0;display:flex;position:sticky;top:100px}.BlogPage-module__uBUtsW__rightColumn aside{flex-direction:column;gap:10px;display:flex;position:sticky;top:75px}.BlogPage-module__uBUtsW__rightColumn h2{color:#000;font-size:1.8rem}.BlogPage-module__uBUtsW__recentPanel{background:#fff;border-radius:20px;padding:20px}.BlogPage-module__uBUtsW__recentPanel h3{color:#000;margin:0 0 20px;font-size:1.4rem}.BlogPage-module__uBUtsW__recentItem{gap:12px;margin-bottom:20px;transition:transform .2s;display:flex}.BlogPage-module__uBUtsW__recentItem:hover{transform:translate(5px)}.BlogPage-module__uBUtsW__recentItem img{object-fit:cover;border-radius:10px;width:90px;height:60px}.BlogPage-module__uBUtsW__recentDate{color:#bbb;font-size:11px}.BlogPage-module__uBUtsW__recentText p{color:#333;margin:4px 0 0;font-size:13px}.BlogPage-module__uBUtsW__loading,.BlogPage-module__uBUtsW__noData{text-align:center;color:#666;grid-column:1/-1;padding:40px;font-size:1.2rem}.BlogPage-module__uBUtsW__statusText{color:#555;margin-top:15px;font-size:14px}.BlogPage-module__uBUtsW__resultCount{color:#999}.BlogPage-module__uBUtsW__clearTags{cursor:pointer;color:red;background:0 0;border:1px dashed red;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;display:flex}.BlogPage-module__uBUtsW__clearTags:hover{color:#333;background:#0000000d}.BlogPage-module__uBUtsW__pageArrow:disabled{opacity:.5;cursor:not-allowed;background:#ffffff4d}.BlogPage-module__uBUtsW__socialPanel{flex-direction:column;gap:12px;display:flex}.BlogPage-module__uBUtsW__socialItem{background:#fff;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:12px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.BlogPage-module__uBUtsW__socialItem:hover{transform:translateY(-3px);box-shadow:0 8px 15px #0003}.BlogPage-module__uBUtsW__avatarWrapper{margin-right:12px;position:relative}.BlogPage-module__uBUtsW__userAvatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:48px;height:48px}.BlogPage-module__uBUtsW__bilibili,.BlogPage-module__uBUtsW__bilibili:hover{background:#00aeec;border-color:#00aeec}.BlogPage-module__uBUtsW__xPlatform,.BlogPage-module__uBUtsW__xPlatform:hover{background:#000;border-color:#333}.BlogPage-module__uBUtsW__github span{color:#000}.BlogPage-module__uBUtsW__github p{color:gray}.BlogPage-module__uBUtsW__socialInfo{flex-direction:column;display:flex}.BlogPage-module__uBUtsW__platformName{color:#fff;font-size:1rem;font-weight:700}.BlogPage-module__uBUtsW__socialStatus{color:#ffffffb3;margin:0;font-size:.8rem}.BlogPage-module__uBUtsW__avatarWrapper{justify-content:center;align-items:center;width:65px;height:65px;margin-right:15px;display:flex;position:relative}.BlogPage-module__uBUtsW__platformIcon{z-index:2;background:#fff;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;padding:2px;display:flex;position:absolute;bottom:-5px;right:-5px}.BlogPage-module__uBUtsW__userAvatar{object-fit:cover;border:2px solid #fffc;border-radius:50%;min-width:60px;min-height:60px;box-shadow:0 2px 5px #0000001a}@media (max-width:1200px){.BlogPage-module__uBUtsW__blogCardGrid{grid-template-columns:1fr}}@media (max-width:1000px){.BlogPage-module__uBUtsW__contentGrid{flex-direction:column;display:flex}.BlogPage-module__uBUtsW__rightColumn aside{flex-direction:row}.BlogPage-module__uBUtsW__recentPanel{flex:2}.BlogPage-module__uBUtsW__socialPanelWrapper{flex:1}.BlogPage-module__uBUtsW__recentItem img{width:40%;height:auto}.BlogPage-module__uBUtsW__recentText p{font-size:1.2rem}}@media (max-width:768px){.BlogPage-module__uBUtsW__functionTop{flex-direction:column}.BlogPage-module__uBUtsW__tagList{flex-wrap:wrap}.BlogPage-module__uBUtsW__rightColumn aside{flex-direction:column}.BlogPage-module__uBUtsW__rightColumn{padding:0}.BlogPage-module__uBUtsW__blogCardGrid{margin-bottom:0}.BlogPage-module__uBUtsW__recentPanel{margin-bottom:30px}.BlogPage-module__uBUtsW__headerContent{flex-direction:column}.BlogPage-module__uBUtsW__headerContent h1{font-size:2rem}.BlogPage-module__uBUtsW__headerContent p{font-size:1rem}.BlogPage-module__uBUtsW__header{height:200px}.BlogPage-module__uBUtsW__waveWrapper{top:175px}}
.BlogCard-module__VuRq5a__blogCard{cursor:pointer;background:#fff;border-radius:20px;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;top:0;overflow:hidden;box-shadow:0 4px 12px #0000000d}.BlogCard-module__VuRq5a__blogCard:hover{top:-8px;box-shadow:0 20px 40px #0000001f}.BlogCard-module__VuRq5a__blogCard:active{transform:scale(.98)}.BlogCard-module__VuRq5a__cardImageWrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.BlogCard-module__VuRq5a__blogCard:hover .BlogCard-module__VuRq5a__cardImageWrapper img{transform:scale(1.08)}.BlogCard-module__VuRq5a__cardImageWrapper{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.BlogCard-module__VuRq5a__postDate{color:#fff;background:#0003;border-radius:4px;padding:3px 8px;font-size:11px;position:absolute;top:12px;left:12px}.BlogCard-module__VuRq5a__postDateMedia{color:#fff;background:#0003;border-radius:4px;padding:3px 8px;font-size:11px;display:none;position:absolute;bottom:12px;right:12px}.BlogCard-module__VuRq5a__postTitle{color:#fff;background:#a5c7ffcc;border-radius:9999px;order:1;margin:0;padding:2px 15px;font-size:1.2rem;position:absolute;bottom:12px;left:12px}.BlogCard-module__VuRq5a__postTitleMedia{color:#fff;background:#a5c7ffcc;border-radius:9999px;margin-bottom:15px;padding:2px 15px;font-size:1.2rem;display:none}.BlogCard-module__VuRq5a__cardInfo{order:2;padding:15px}.BlogCard-module__VuRq5a__excerpt{color:#777;margin:0 0 15px;font-size:13px;line-height:1.5}.BlogCard-module__VuRq5a__cardTags span{color:#999;background:#f0f2f5;border-radius:6px;margin-right:8px;padding:4px 10px;font-size:11px}.BlogCard-module__VuRq5a__emptyCard{aspect-ratio:16/15;background:#fff;border-radius:20px}.BlogCard-module__VuRq5a__highlightText{color:#000;background-color:#fde047;border-radius:2px;padding:0 2px;font-weight:700}@media (max-width:1200px){.BlogCard-module__VuRq5a__blogCard{height:200px;display:flex}.BlogCard-module__VuRq5a__cardImageWrapper{width:45%;min-width:45%}.BlogCard-module__VuRq5a__postTitle{display:none}.BlogCard-module__VuRq5a__postTitleMedia{display:block}.BlogCard-module__VuRq5a__postDate{display:none}.BlogCard-module__VuRq5a__postDateMedia{display:block}}@media (max-width:1000px){.BlogCard-module__VuRq5a__cardImageWrapper{width:40%;min-width:40%}}@media (max-width:768px){.BlogCard-module__VuRq5a__blogCard{flex-direction:column;height:auto}.BlogCard-module__VuRq5a__cardImageWrapper{min-width:100%;min-height:50%}}
.Waves-module__IyKhnW__waves{width:100%;height:50px;min-height:100px;max-height:150px;margin-bottom:-7px;position:relative}.Waves-module__IyKhnW__wave1{fill:rgb(var(--wave-color)/.7)}.Waves-module__IyKhnW__wave2{fill:rgb(var(--wave-color)/.5)}.Waves-module__IyKhnW__wave3{fill:rgb(var(--wave-color)/.3)}.Waves-module__IyKhnW__wave4{fill:rgb(var(--wave-color)/1)}.Waves-module__IyKhnW__parallax>use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite Waves-module__IyKhnW__move-forever}.Waves-module__IyKhnW__parallax>use:first-child{animation-duration:7s;animation-delay:-2s}.Waves-module__IyKhnW__parallax>use:nth-child(2){animation-duration:10s;animation-delay:-3s}.Waves-module__IyKhnW__parallax>use:nth-child(3){animation-duration:13s;animation-delay:-4s}.Waves-module__IyKhnW__parallax>use:nth-child(4){animation-duration:20s;animation-delay:-5s}@keyframes Waves-module__IyKhnW__move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}@media (max-width:768px){.Waves-module__IyKhnW__waves{height:40px;min-height:40px}.Waves-module__IyKhnW__content{height:30vh}}