/*
  PaperMod v8+
  License: MIT https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE
  Copyright (c) 2020 nanxiaobei and adityatelange
  Copyright (c) 2021-2024 adityatelange
*/
:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:800px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:rgb(255, 255, 255);--entry:rgb(255, 255, 255);--primary:rgb(30, 30, 30);--secondary:rgb(108, 108, 108);--tertiary:rgb(214, 214, 214);--content:rgb(31, 31, 31);--hljs-bg:rgb(28, 29, 33);--code-bg:rgb(245, 245, 245);--border:rgb(238, 238, 238)}.dark{--theme:rgb(29, 30, 32);--entry:rgb(46, 46, 51);--primary:rgb(218, 218, 219);--secondary:rgb(155, 156, 157);--tertiary:rgb(65, 66, 68);--content:rgb(196, 196, 197);--hljs-bg:rgb(46, 46, 51);--code-bg:rgb(55, 56, 62);--border:rgb(51, 51, 51)}.list{background:var(--code-bg)}.dark.list{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:-10px 0 25px;width:200px}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.footer,.top-link{font-size:12px;color:var(--secondary)}.footer{max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:calc((var(--footer-height) - var(--gap))/2)var(--gap);text-align:center;line-height:24px}.footer span{margin-inline-start:1px;margin-inline-end:1px}.footer span:last-child{white-space:nowrap}.footer a{color:inherit;border-bottom:1px solid var(--secondary)}.footer a:hover{border-bottom:1px solid var(--primary)}.top-link{visibility:hidden;position:fixed;bottom:60px;right:30px;z-index:99;background:var(--tertiary);width:42px;height:42px;padding:12px;border-radius:64px;transition:visibility .5s,opacity .8s linear}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--primary)}.top-link:focus,#theme-toggle:focus{outline:0}.nav{display:flex;flex-wrap:nowrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin-inline-start:auto;margin-inline-end:auto;line-height:var(--header-height)}.nav a{display:block}.logo{display:flex;margin:auto var(--gap);flex-shrink:0;flex-wrap:nowrap;align-items:center}#menu{display:flex;margin:auto var(--gap);flex-shrink:1}.logo a{font-size:24px;font-weight:700;white-space:nowrap}.logo a img,.logo a svg{display:inline;vertical-align:middle;pointer-events:none;transform:translate(0,-10%);border-radius:6px;margin-inline-end:8px}button#theme-toggle{font-size:26px;line-height:1}body.dark #moon{vertical-align:middle;display:none}body:not(.dark) #sun{display:none}#menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap;margin-top:0;margin-bottom:0}#menu li+li{margin-inline-start:var(--gap)}#menu a{font-size:16px}#menu .active{font-weight:500;border-bottom:2px solid}.lang-switch li,.lang-switch ul{display:inline-flex}.logo-switches{display:inline-flex;margin:auto 4px;line-height:1}.lang-switch{display:flex;flex-wrap:inherit;align-items:center;gap:8px;margin:0;padding:0}.lang-switch a{font-size:14px;font-weight:500;padding:2px 6px;border-radius:4px;transition:background-color .2s ease}.lang-switch a:hover{background-color:var(--theme,rgba(0,0,0,5%))}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}.page-header h1{font-size:40px}.pagination{display:flex}.pagination a{color:var(--theme);font-size:13px;line-height:36px;background:var(--primary);border-radius:calc(36px/2);padding:0 16px}.pagination .next{margin-inline-start:auto}.social-icons a{display:inline-flex;padding:10px}.social-icons a svg{height:26px;width:26px}code{direction:ltr}div.highlight,pre{position:relative}.copy-code{display:none;position:absolute;top:4px;right:4px;color:rgba(255,255,255,.8);background:rgba(78,78,78,.8);border-radius:var(--radius);padding:0 5px;font-size:14px;user-select:none}div.highlight:hover .copy-code,pre:hover .copy-code{display:block}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:320px;margin:var(--gap)0 calc(var(--gap) * 2)}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h1{font-size:34px;line-height:1.3}.first-entry .entry-content{margin:14px 0;font-size:16px;-webkit-line-clamp:3}.first-entry .entry-footer{font-size:14px}.home-info .entry-content{-webkit-line-clamp:unset}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .1s;border:1px solid var(--border)}.post-entry:active{transform:scale(.96)}.tag-entry .entry-cover{display:none}.entry-header h2{font-size:24px;line-height:1.3}.entry-content{margin:8px 0;color:var(--secondary);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-footer{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0}.entry-hint{color:var(--secondary)}.entry-hint-parent{display:flex;justify-content:space-between}.entry-cover{font-size:14px;margin-bottom:var(--gap);text-align:center}.entry-cover img{border-radius:var(--radius);pointer-events:none;width:100%;height:auto}.entry-cover a{color:var(--secondary);box-shadow:0 1px 0 var(--primary)}.page-header,.post-header{margin:24px auto var(--content-gap)}.post-title{margin-bottom:2px;font-size:40px}.post-description{margin-top:10px;margin-bottom:5px}.post-meta,.breadcrumbs{color:var(--secondary);font-size:14px;display:flex;flex-wrap:wrap}.post-meta .i18n_list li{display:inline-flex;list-style:none;margin:auto 3px;box-shadow:0 1px 0 var(--secondary)}.breadcrumbs a{font-size:16px;margin:0 4px}.breadcrumbs>span,.breadcrumbs>.separator{margin:0 2px}.post-content{color:var(--content)}.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:24px 0 16px}.post-content h1{margin:40px auto 32px;font-size:40px}.post-content h2{margin:32px auto 24px;font-size:32px}.post-content h3{font-size:24px}.post-content h4{font-size:16px}.post-content h5{font-size:14px}.post-content h6{font-size:12px}.post-content a{box-shadow:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.post-content a code{margin:auto 0;border-radius:0;box-shadow:0 -1px 0 var(--primary)inset}.post-content del{text-decoration:line-through}.post-content dl,.post-content ol,.post-content p,.post-content figure,.post-content ul{margin-bottom:var(--content-gap)}.post-content ol,.post-content ul{padding-inline-start:20px}.post-content li{margin-top:5px}.post-content li p{margin-bottom:0}.post-content dl{display:flex;flex-wrap:wrap;margin:0}.post-content dt{width:25%;font-weight:700}.post-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.post-content dd~dd,.post-content dt~dt{margin-top:10px}.post-content table{margin-bottom:var(--content-gap)}.post-content table th,.post-content table:not(.highlighttable,.highlight table,.gist .highlight) td{min-width:80px;padding:8px 5px;line-height:1.5;border-bottom:1px solid var(--border)}.post-content table th{text-align:start}.post-content table:not(.highlighttable) td code:only-child{margin:auto 0}.post-content .highlight table{border-radius:var(--radius)}.post-content .highlight:not(table){margin:10px auto;background:var(--code-block-bg)!important;border-radius:var(--radius);direction:ltr}.post-content li>.highlight{margin-inline-end:0}.post-content ul pre{margin-inline-start:calc(var(--gap) * -2)}.post-content .highlight pre{margin:0}.post-content .highlighttable{table-layout:fixed}.post-content .highlighttable td:first-child{width:40px}.post-content .highlighttable td .linenodiv{padding-inline-end:0!important}.post-content .highlighttable td .highlight,.post-content .highlighttable td .linenodiv pre{margin-bottom:0}.post-content code{margin:auto 4px;padding:4px 6px;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:2px}.post-content pre code{display:block;margin:0;padding:0;word-break:normal}.post-content blockquote{margin:20px 0;padding:0 14px;border-inline-start:3px solid var(--primary)}.post-content hr{margin:30px 0;height:2px;background:var(--tertiary);border:0}.post-content iframe{max-width:100%}.post-content img{border-radius:4px;margin:1rem 0}.post-content img[src*="#center"]{margin:1rem auto}.post-content figure.align-center{text-align:center}.post-content figure>figcaption{color:var(--primary);font-size:16px;font-weight:700;margin:8px 0 16px}.post-content figure>figcaption>p{color:var(--secondary);font-size:14px;font-weight:400}.post-footer{margin-top:56px}.post-footer>*{margin-bottom:10px}.post-tags{display:flex;flex-wrap:wrap;gap:10px}.post-tags li{display:inline-block}.post-tags a,.share-buttons,.paginav{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border)}.post-tags a{display:block;padding:0 14px;color:var(--secondary);font-size:14px;line-height:34px;background:var(--code-bg)}.post-tags a:hover,.paginav a:hover{background:var(--border)}.share-buttons{padding:10px;display:flex;justify-content:center;overflow-x:auto;gap:10px}.share-buttons li,.share-buttons a{display:inline-flex}.share-buttons a:not(:last-of-type){margin-inline-end:12px}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor{display:inline-flex;color:var(--secondary);margin-inline-start:8px;font-weight:500;user-select:none}.paginav{display:flex;line-height:30px}.paginav a{padding-inline-start:14px;padding-inline-end:14px;border-radius:var(--radius)}.paginav .title{letter-spacing:1px;text-transform:uppercase;font-size:small;color:var(--secondary)}.paginav .prev,.paginav .next{width:50%}.paginav span:hover:not(.title){box-shadow:0 1px}.paginav .next{margin-inline-start:auto;text-align:right}[dir=rtl] .paginav .next{text-align:left}h1>a>svg{display:inline}img.in-text{display:inline;margin:auto}.buttons,.main .profile{display:flex;justify-content:center}.main .profile{align-items:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - (var(--gap) * 2));text-align:center;width:100%}.profile .profile_inner{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:calc(var(--main-width) + var(--gap) * 2);padding:0 var(--gap);box-sizing:border-box}.profile img{border-radius:50%}.buttons{flex-wrap:wrap;max-width:800px;gap:12px}.button{background:var(--tertiary);border-radius:var(--radius);padding:6px;transition:transform .1s;display:flex;align-items:center;justify-content:center;flex:0 1 calc(25% - 9px);min-width:120px}.button-inner{padding:0 8px;display:flex;align-items:center;justify-content:center}.button:active{transform:scale(.96)}#searchbox input{padding:4px 10px;width:100%;color:var(--primary);font-weight:700;border:2px solid var(--tertiary);border-radius:var(--radius)}#searchbox input:focus{border-color:var(--secondary)}#searchResults li{list-style:none;border-radius:var(--radius);padding:10px;margin:10px 0;position:relative;font-weight:500}#searchResults{margin:10px 0;width:100%}#searchResults li:active{transition:transform .1s;transform:scale(.98)}#searchResults a{position:absolute;width:100%;height:100%;top:0;left:0;outline:none}#searchResults .focus{transform:scale(.98);border:2px solid var(--tertiary)}.terms-tags li{display:inline-block;margin:10px;font-weight:500}.terms-tags a{display:block;padding:3px 10px;background:var(--tertiary);border-radius:6px;transition:transform .1s}.terms-tags a:active{background:var(--tertiary);transform:scale(.96)}.bg{color:#cad3f5;background-color:#24273a}.chroma{color:#cad3f5;background-color:#24273a}.chroma .x{}.chroma .err{color:#ed8796}.chroma .cl{}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#474733}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .line{display:flex}.chroma .k{color:#c6a0f6}.chroma .kc{color:#f5a97f}.chroma .kd{color:#ed8796}.chroma .kn{color:#8bd5ca}.chroma .kp{color:#c6a0f6}.chroma .kr{color:#c6a0f6}.chroma .kt{color:#ed8796}.chroma .n{}.chroma .na{color:#8aadf4}.chroma .nb{color:#91d7e3}.chroma .bp{color:#91d7e3}.chroma .nc{color:#eed49f}.chroma .no{color:#eed49f}.chroma .nd{color:#8aadf4;font-weight:700}.chroma .ni{color:#8bd5ca}.chroma .ne{color:#f5a97f}.chroma .nf{color:#8aadf4}.chroma .fm{color:#8aadf4}.chroma .nl{color:#91d7e3}.chroma .nn{color:#f5a97f}.chroma .nx{}.chroma .py{color:#f5a97f}.chroma .nt{color:#c6a0f6}.chroma .nv{color:#f4dbd6}.chroma .vc{color:#f4dbd6}.chroma .vg{color:#f4dbd6}.chroma .vi{color:#f4dbd6}.chroma .vm{color:#f4dbd6}.chroma .l{}.chroma .ld{}.chroma .s{color:#a6da95}.chroma .sa{color:#ed8796}.chroma .sb{color:#a6da95}.chroma .sc{color:#a6da95}.chroma .dl{color:#8aadf4}.chroma .sd{color:#6e738d}.chroma .s2{color:#a6da95}.chroma .se{color:#8aadf4}.chroma .sh{color:#6e738d}.chroma .si{color:#a6da95}.chroma .sx{color:#a6da95}.chroma .sr{color:#8bd5ca}.chroma .s1{color:#a6da95}.chroma .ss{color:#a6da95}.chroma .m{color:#f5a97f}.chroma .mb{color:#f5a97f}.chroma .mf{color:#f5a97f}.chroma .mh{color:#f5a97f}.chroma .mi{color:#f5a97f}.chroma .il{color:#f5a97f}.chroma .mo{color:#f5a97f}.chroma .o{color:#91d7e3;font-weight:700}.chroma .ow{color:#91d7e3;font-weight:700}.chroma .p{}.chroma .c{color:#6e738d;font-style:italic}.chroma .ch{color:#6e738d;font-style:italic}.chroma .cm{color:#6e738d;font-style:italic}.chroma .c1{color:#6e738d;font-style:italic}.chroma .cs{color:#6e738d;font-style:italic}.chroma .cp{color:#6e738d;font-style:italic}.chroma .cpf{color:#6e738d;font-weight:700;font-style:italic}.chroma .g{}.chroma .gd{color:#ed8796;background-color:#363a4f}.chroma .ge{font-style:italic}.chroma .gr{color:#ed8796}.chroma .gh{color:#f5a97f;font-weight:700}.chroma .gi{color:#a6da95;background-color:#363a4f}.chroma .go{}.chroma .gp{}.chroma .gs{font-weight:700}.chroma .gu{color:#f5a97f;font-weight:700}.chroma .gt{color:#ed8796}.chroma .gl{text-decoration:underline}.chroma .w{}.chroma{background-color:unset!important}.chroma .hl{display:flex}.chroma .lnt{padding:0 0 0 12px}.highlight pre.chroma code{padding:0}.highlight pre.chroma .line .cl,.chroma .ln{padding:0 10px}.chroma .lntd:last-of-type{width:100%}::-webkit-scrollbar-track{background:0 0}.list:not(.dark)::-webkit-scrollbar-track{background:var(--code-bg)}::-webkit-scrollbar-thumb{background:var(--tertiary);border:5px solid var(--theme);border-radius:var(--radius)}.list:not(.dark)::-webkit-scrollbar-thumb{border:5px solid var(--code-bg)}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}::-webkit-scrollbar:not(.highlighttable,.highlight table,.gist .highlight){background:var(--theme)}.post-content .highlight .chroma::-webkit-scrollbar,.post-content pre:not(.chroma)::-webkit-scrollbar{display:block}.post-content :not(table) ::-webkit-scrollbar-thumb{border:2px solid var(--code-block-bg);background:#717175}.post-content :not(table) ::-webkit-scrollbar-thumb:hover{background:#a3a3a5}.gist table::-webkit-scrollbar-thumb{border:2px solid #fff;background:#adadad}.gist table::-webkit-scrollbar-thumb:hover{background:#707070}.post-content table::-webkit-scrollbar-thumb{border-width:2px}@media screen and (min-width:768px){::-webkit-scrollbar{width:19px;height:11px}}@media screen and (max-width:768px){:root{--gap:14px}.profile img{transform:scale(.85)}.first-entry{min-height:260px}.archive-month{flex-direction:column}.archive-year{margin-top:20px}.footer{padding:calc((var(--footer-height) - var(--gap) - 10px)/2)var(--gap)}}@media screen and (max-width:900px){.list .top-link{transform:translateY(-5rem)}}@media screen and (max-width:340px){.share-buttons{justify-content:unset}}@media(prefers-reduced-motion){.terms-tags a:active,.button:active,.post-entry:active,.top-link,#searchResults .focus,#searchResults li:active{transform:none}}.about-page{max-width:1400px;margin:0 auto;padding:2rem;position:relative;overflow:hidden;font-family:inter,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif}.about-background{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:.03;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(37,99,235,.4) 0%,rgba(139,92,246,.3) 40%,transparent 70%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.3) 0%,rgba(37,99,235,.2) 50%,transparent 70%);animation:floatBackground 25s infinite ease-in-out alternate;pointer-events:none}@keyframes floatBackground{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-2%,-3%)scale(1.05)}100%{transform:translate(3%,-2%)scale(.95)}}.about-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.decoration-dot{position:absolute;border-radius:50%;opacity:.6;animation:float 8s infinite ease-in-out;backdrop-filter:blur(1px)}.decoration-dot-1{width:180px;height:180px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:10%;left:8%;animation-delay:0s}.decoration-dot-2{width:120px;height:120px;background:radial-gradient(circle,rgba(139,92,246,8%) 0%,transparent 70%);bottom:20%;right:5%;animation-delay:3s}.decoration-dot-3{width:100px;height:100px;background:radial-gradient(circle,rgba(37,99,235,6%) 0%,transparent 70%);top:50%;right:15%;animation-delay:6s}@keyframes float{0%,100%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(3deg)}}.about-header{text-align:center;margin-bottom:5rem;position:relative;padding:3rem 0}.about-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#1e40af 0%,#3730a3 30%,#6366f1 70%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;position:relative;display:inline-block}.about-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;opacity:.7}.about-description{font-size:1.25rem;color:#6b7280;max-width:700px;margin:1.5rem auto 0;line-height:1.7;font-weight:400}.about-image-container{text-align:center;margin-bottom:4rem;position:relative}.image-wrapper{display:inline-block;position:relative;border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 25px 50px -12px rgba(99,102,241,.15);transform-style:preserve-3d}.image-wrapper:hover{transform:perspective(1000px)rotateX(5deg)rotateY(-5deg)translateY(-10px);box-shadow:0 35px 70px -12px rgba(99,102,241,.25)}.profile-image{width:320px;height:320px;object-fit:cover;display:block;transition:transform .4s ease;filter:contrast(1.05)saturate(1.1)}.image-wrapper:hover .profile-image{transform:scale(1.03)}.about-content{line-height:1.8;margin-bottom:4rem;position:relative}.about-content h2{font-size:2.25rem;margin-top:4rem;margin-bottom:1.5rem;font-weight:700;color:#1e293b;position:relative;padding-bottom:.75rem}.about-content h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px}.about-content h3{font-size:1.5rem;margin-top:2.5rem;margin-bottom:1rem;color:#334155;font-weight:600}.about-content p{margin-bottom:1.25rem;color:#475569;font-size:1.1rem;line-height:1.8}.about-content ul{margin:1.5rem 0;padding-left:1.5rem}.about-content li{margin-bottom:.75rem;color:#475569;position:relative;padding-left:1.5rem}.about-content li::before{content:'';position:absolute;left:0;top:.8rem;width:8px;height:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%}.about-social{margin-bottom:4rem;padding:2.5rem;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 10px 30px rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.1);position:relative;overflow:hidden;transition:all .4s ease}.about-social:hover{box-shadow:0 15px 40px rgba(99,102,241,.15)}.about-social::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6);opacity:.6}.about-social h3{text-align:center;margin-bottom:2rem;font-size:1.75rem;color:#1e293b;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}.about-social h3::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:40px;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.social-link{display:flex;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:12px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px rgba(99,102,241,.3);position:relative;overflow:hidden;font-weight:500}.social-link:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 8px 25px rgba(99,102,241,.4)}.social-link:hover::before{transform:translateX(100%)}.social-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transition:transform .6s ease;z-index:1}.social-icon{margin-right:.75rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;z-index:2;position:relative}.social-link:hover .social-icon{transform:translateY(-2px)}.social-name{position:relative;z-index:2}.about-skills{margin-bottom:4rem;padding:2.5rem;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 10px 30px rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.1);position:relative;transition:all .4s ease}.about-skills:hover{box-shadow:0 15px 40px rgba(139,92,246,.15)}.about-skills::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#6366f1);opacity:.6}.about-skills h3{text-align:center;margin-bottom:2rem;font-size:1.75rem;color:#1e293b;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}.about-skills h3::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:40px;height:2px;background:linear-gradient(90deg,#8b5cf6,#6366f1)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.skill-item{opacity:0;transform:translateY(20px);animation:skillAppear .6s cubic-bezier(.175,.885,.32,1.275)forwards;animation-delay:calc(.2s + var(--skill-order,0) * .1s);transition:all .4s ease;padding:1.25rem;border-radius:12px;background:rgba(255,255,255,.5);backdrop-filter:blur(5px);border:1px solid rgba(99,102,241,.1)}.skill-item:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(99,102,241,.15)}@keyframes skillAppear{to{opacity:1;transform:translateY(0)}}.skill-name{margin-bottom:.75rem;font-weight:600;font-size:1.1rem;display:flex;justify-content:space-between;color:#1e293b}.skill-percentage{color:#4f46e5;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skill-bar{height:10px;background-color:rgba(99,102,241,.1);border-radius:5px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px rgba(0,0,0,5%)}.skill-progress{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:5px;width:0;transition:width 1.5s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden;box-shadow:0 0 15px rgba(99,102,241,.3)}.skill-progress::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);animation:shimmer 2.2s infinite;transform:translateX(-100%)}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}.about-timeline{margin-bottom:4rem;padding:2.5rem;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 10px 30px rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.1);transition:all .4s ease}.about-timeline:hover{box-shadow:0 15px 40px rgba(99,102,241,.15)}.about-timeline::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6);opacity:.6}.about-timeline h3{text-align:center;margin-bottom:2rem;font-size:1.75rem;color:#1e293b;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}.about-timeline h3::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:40px;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.timeline{position:relative;padding-left:2rem;max-width:900px;margin:0 auto}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#6366f1,#8b5cf6,#6366f1);border-radius:2px}.timeline-item{position:relative;margin-bottom:2.5rem;opacity:0;transform:translateX(-20px);animation:timelineItemAppear .7s ease-out forwards;animation-delay:calc(.3s + var(--timeline-order,0) * .15s)}@keyframes timelineItemAppear{to{opacity:1;transform:translateX(0)}}.timeline-item::before{content:'';position:absolute;left:-2rem;top:.75rem;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 0 6px rgba(99,102,241,.1);z-index:1;transition:all .3s ease}.timeline-item:hover::before{transform:scale(1.2);box-shadow:0 0 0 8px rgba(99,102,241,.2)}.timeline-date{font-weight:600;margin-bottom:.5rem;color:#4f46e5;font-size:.95rem;letter-spacing:.5px}.timeline-content{background:rgba(255,255,255,.8);backdrop-filter:blur(5px);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,5%);border:1px solid rgba(99,102,241,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.timeline-content:hover{transform:translateX(5px);box-shadow:0 8px 25px rgba(99,102,241,.15);border-color:rgba(99,102,241,.2)}.timeline-content h4{margin-top:0;margin-bottom:.75rem;font-size:1.25rem;color:#1e293b;font-weight:600}.timeline-content p{margin:0;line-height:1.6;color:#475569}@media(max-width:768px){.about-page{padding:1rem}.about-title{font-size:2.5rem}.about-title::after{width:60px;height:3px}.profile-image{width:220px;height:220px}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.social-links{gap:1rem}.social-link{padding:.8rem 1.2rem}.about-content h2{font-size:1.75rem}.timeline{padding-left:1.5rem}.timeline-item::before{left:-1.5rem;width:10px;height:10px}.timeline-content{padding:1.25rem 1.5rem}.timeline-content:hover{transform:translateX(0)}.decoration-dot{opacity:.4}}.dark .about-background{opacity:.08}.dark .skill-item,.dark .timeline-content{background:rgba(0,0,0,.2)}.dark .about-social,.dark .about-skills,.dark .about-timeline{background:rgba(0,0,0,.25)}.dark .skill-bar{background-color:rgba(99,102,241,.15)}.about-section{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.215,.61,.355,1)}.about-section.visible{opacity:1;transform:translateY(0)}.mouse-glow{position:fixed;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,5%) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s ease;transform:translate(-50%,-50%)}.mouse-glow.active{opacity:1}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.post-entry,.first-entry,.post-footer,.tag-item,.category-block,.button,.menu a,.social-icons a,.toc a,.search-form-input{transition:all .3s ease}.nav #menu a:hover span{background:linear-gradient(to right,var(--modern-black),var(--modern-gray-dark));background-clip:text;-webkit-background-clip:text;color:transparent;transform:translateX(3px)}.post-entry:hover{transform:translateY(-5px);box-shadow:var(--modern-shadow-md);border-color:rgba(0,0,0,.1)}.post-content a:hover{text-decoration:none;background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat;background-image:linear-gradient(to right,var(--modern-primary),var(--modern-primary-light))}.button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.social-icons a:hover{transform:translateY(-3px)scale(1.1)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main{animation:fadeIn .5s ease-out}.header{transition:box-shadow .3s ease,background-color .3s ease}.header.scrolled{box-shadow:0 2px 10px rgba(0,0,0,.1);background-color:var(--entry)}.search-form-input:focus{box-shadow:0 0 0 2px var(--modern-primary-light);transform:translateY(-1px)}.tag-item:hover{transform:translateY(-3px)scale(1.05)}.internal-link{color:#3b82f6;text-decoration:none;border-bottom:1px dashed #3b82f6;transition:all .2s ease}.internal-link:hover{color:#2563eb;border-bottom-color:#2563eb;border-bottom-style:solid}.broken-link{color:#ef4444;text-decoration:line-through;cursor:not-allowed;opacity:.7}.backlinks-section{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:12px;border-left:4px solid #3b82f6}[data-theme=dark] .backlinks-section{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border-left-color:#60a5fa}.backlinks-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937}[data-theme=dark] .backlinks-title{color:#f3f4f6}.backlinks-title svg{color:#3b82f6}.backlinks-list{list-style:none;padding:0;margin:0}.backlink-item{padding:.75rem;margin-bottom:.5rem;background:#fff;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .backlink-item{background:#374151}.backlink-item:hover{transform:translateX(4px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.backlink-item:last-child{margin-bottom:0}.backlink-title{color:#1f2937;text-decoration:none;font-weight:500;display:block;margin-bottom:.25rem}[data-theme=dark] .backlink-title{color:#f3f4f6}.backlink-title:hover{color:#3b82f6}.backlink-excerpt{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}[data-theme=dark] .backlink-excerpt{color:#9ca3af}@media(max-width:768px){.backlinks-section{padding:1rem;margin:1.5rem 0}.backlinks-title{font-size:1.1rem}.backlink-item{padding:.5rem}}.category-blocks{display:flex;flex-wrap:wrap;gap:1.5rem;margin:2rem 0 3rem}.category-block{flex:1;min-width:200px;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;transition:all .3s ease;box-shadow:var(--modern-shadow-sm);text-decoration:none!important;background:var(--modern-white);display:block}.category-block:hover{transform:translateY(-5px);box-shadow:var(--modern-shadow-md);border-color:rgba(0,0,0,.1)}.category-header{padding:1.5rem;text-align:center;font-weight:700;font-size:1.3rem;letter-spacing:-.02em;position:relative;border-bottom:1px solid var(--border-color)}.category-header .icon{font-size:2rem;margin-bottom:.5rem;display:block}.category-content{padding:1.2rem 1.5rem;color:var(--modern-gray);font-size:.95rem;line-height:1.5}.tags-cloud{margin:3rem 0}.tags-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.tags-list{display:flex;flex-wrap:wrap;gap:.8rem}.tag-item{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:var(--modern-light);border-radius:50px;color:var(--modern-gray-dark);font-size:.9rem;transition:all .25s ease;text-decoration:none!important;border:none!important}.tag-item:hover{background-color:var(--modern-black);color:var(--modern-white);transform:translateY(-2px)}.tag-item .tag-count{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:var(--modern-white);color:var(--modern-gray-dark);font-size:.7rem;margin-left:.5rem;font-weight:600}.tag-item:hover .tag-count{background-color:rgba(255,255,255,.2);color:var(--modern-white)}@media(max-width:768px){.category-blocks{flex-direction:column}.category-block{width:100%}}.home-tags-cloud{margin-top:2.5rem;width:100%}.profile_inner .tags-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;max-width:600px;margin:0 auto}.profile_inner .tag-item{display:inline-flex;align-items:center;padding:.45rem .9rem;background-color:var(--modern-light);border-radius:50px;color:var(--modern-gray-dark);font-size:.85rem;transition:all .25s ease;text-decoration:none!important;border:none!important}.profile_inner .tag-item:hover{background-color:var(--modern-black);color:var(--modern-white);transform:translateY(-2px)}.profile_inner .tag-item .tag-count{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:var(--modern-white);color:var(--modern-gray-dark);font-size:.7rem;margin-left:.5rem;font-weight:600}.profile_inner .tag-item:hover .tag-count{background-color:rgba(255,255,255,.2);color:var(--modern-white)}body:not(.dark) .chroma{color:#24292e;background-color:transparent}body:not(.dark) .chroma .c,body:not(.dark) .chroma .c1,body:not(.dark) .chroma .cm{color:#6a737d;font-style:italic}body:not(.dark) .chroma .k,body:not(.dark) .chroma .kd,body:not(.dark) .chroma .kt,body:not(.dark) .chroma .kn,body:not(.dark) .chroma .kp,body:not(.dark) .chroma .kr{color:#d73a49}body:not(.dark) .chroma .kc{color:#f5a97f}body:not(.dark) .chroma .s,body:not(.dark) .chroma .s1,body:not(.dark) .chroma .s2,body:not(.dark) .chroma .sb,body:not(.dark) .chroma .sc{color:#032f62}body:not(.dark) .chroma .sd{color:#6a737d}body:not(.dark) .chroma .se,body:not(.dark) .chroma .dl{color:#005cc5}body:not(.dark) .chroma .nb,body:not(.dark) .chroma .bp,body:not(.dark) .chroma .nc{color:#005cc5}body:not(.dark) .chroma .nf,body:not(.dark) .chroma .fm{color:#6f42c1}body:not(.dark) .chroma .nd{color:#6f42c1;font-weight:700}body:not(.dark) .chroma .nt{color:#22863a}body:not(.dark) .chroma .na{color:#005cc5}body:not(.dark) .chroma .nv,body:not(.dark) .chroma .vc,body:not(.dark) .chroma .vg,body:not(.dark) .chroma .vi,body:not(.dark) .chroma .vm{color:#24292e}body:not(.dark) .chroma .no{color:#f5a97f}body:not(.dark) .chroma .o,body:not(.dark) .chroma .ow{color:#d73a49}body:not(.dark) .chroma .m,body:not(.dark) .chroma .mi,body:not(.dark) .chroma .mf,body:not(.dark) .chroma .mh,body:not(.dark) .chroma .mo{color:#005cc5}body:not(.dark) .chroma .err{color:#cb2431}body:not(.dark) .chroma .gi{color:#22863a}body:not(.dark) .chroma .gd{color:#cb2431}body:not(.dark) .chroma .gh{color:#005cc5;font-weight:700}body:not(.dark) .chroma .gu{color:#005cc5}.post-content .highlight{position:relative;margin:1.5rem 0;border-radius:6px;background-color:#f5f5f5;border:none}.post-content pre:not(.highlight pre){position:relative;margin:1.5rem 0;padding:1.25rem 1rem;border-radius:6px;background-color:#f5f5f5;overflow-x:auto;overflow-y:hidden;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch}.post-content .highlight pre{margin:0!important;padding:1.25rem 1rem!important;overflow-x:auto;overflow-y:hidden;background-color:transparent;border:none;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch}.post-content .highlight pre code,.post-content pre code{display:block;padding:0;margin:0;background:0 0;color:#333;font-family:consolas,monaco,courier new,monospace;font-size:.9rem;line-height:1.6;white-space:pre;word-wrap:normal;word-break:normal;overflow-wrap:normal}.post-content :not(pre)>code{display:inline;padding:.2em .4em;margin:0 .1em;background-color:#f0f0f0;color:#d73a49;border-radius:3px;font-family:consolas,monaco,courier new,monospace;font-size:.85em;white-space:nowrap}.post-content .highlight pre::-webkit-scrollbar{height:10px}.post-content .highlight pre::-webkit-scrollbar-track{background:rgba(82,156,255,.1);border-radius:5px}.post-content .highlight pre::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(82,156,255,.6),rgba(100,180,255,.8));border-radius:5px}.post-content .highlight pre::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,rgba(82,156,255,.8),#64b4ff)}.post-content .highlight pre{scrollbar-width:thin;scrollbar-color:rgba(82,156,255,.7)rgba(82,156,255,.1)}.post-content pre:not(.highlight pre)::-webkit-scrollbar{height:10px}.post-content pre:not(.highlight pre)::-webkit-scrollbar-track{background:rgba(82,156,255,.1);border-radius:5px}.post-content pre:not(.highlight pre)::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(82,156,255,.6),rgba(100,180,255,.8));border-radius:5px}.post-content pre:not(.highlight pre)::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,rgba(82,156,255,.8),#64b4ff)}.post-content pre:not(.highlight pre){scrollbar-width:thin;scrollbar-color:rgba(82,156,255,.7)rgba(82,156,255,.1)}.copy-code-button{position:absolute;top:8px;right:8px;padding:6px 12px;font-size:.85rem;background-color:rgba(255,255,255,.9);color:#333;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:all .2s ease;z-index:10;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif}.copy-code-button:hover{background-color:#fff;border-color:#999;box-shadow:0 2px 4px rgba(0,0,0,.1)}.copy-code-button:active{transform:scale(.95)}.copy-code-button.copied{background-color:#4caf50;color:#fff;border-color:#4caf50}@media(max-width:768px){.post-content .highlight pre,.post-content pre:not(.highlight pre){padding:1.25rem .8rem!important;font-size:.85rem}.copy-code-button{position:absolute;top:6px;right:6px;padding:5px 10px;font-size:.8rem;opacity:1}}body:not(.dark) .post-content .highlight pre::-webkit-scrollbar-track,body:not(.dark) .post-content pre:not(.highlight pre)::-webkit-scrollbar-track{background:rgba(48,128,255,8%)}body:not(.dark) .post-content .highlight pre::-webkit-scrollbar-thumb,body:not(.dark) .post-content pre:not(.highlight pre)::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(48,128,255,.5),rgba(82,156,255,.7))}body:not(.dark) .post-content .highlight pre::-webkit-scrollbar-thumb:hover,body:not(.dark) .post-content pre:not(.highlight pre)::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,rgba(48,128,255,.7),rgba(82,156,255,.9))}body:not(.dark) .post-content .highlight pre,body:not(.dark) .post-content pre:not(.highlight pre){scrollbar-color:rgba(48,128,255,.6)rgba(48,128,255,8%)}@media(prefers-color-scheme:dark){.post-content .highlight,.post-content pre:not(.highlight pre){background-color:#2d2d2d;border:none}.post-content .highlight pre code,.post-content pre code{color:#e0e0e0}.post-content :not(pre)>code{background-color:#3a3a3a;color:#ff7b72}.copy-code-button{background-color:rgba(60,60,60,.9);color:#e0e0e0;border-color:#555}.copy-code-button:hover{background-color:#444;border-color:#666}}@media print{.copy-code-button{display:none}.post-content .highlight pre{overflow-x:visible;white-space:pre-wrap}}.no-grid .post-content{display:block}.no-grid .tags-list,.no-grid .buttons,.no-flex .tags-list,.no-flex .buttons{display:block}.no-grid .tag-item,.no-flex .tag-item{display:inline-block;margin:0 .5rem .5rem 0}.no-grid .button,.no-flex .button{display:inline-block;margin:.5rem}.is-safari .header{-webkit-backdrop-filter:blur(10px)}.is-firefox .post-content{scrollbar-width:thin;scrollbar-color:var(--secondary)transparent}.is-ie img{max-width:100%;height:auto}.is-ie .entry-cover img{width:100%;max-height:400px;object-fit:cover}.is-ios input[type=text],.is-ios input[type=search],.is-ios textarea,.is-android input[type=text],.is-android input[type=search],.is-android textarea{font-size:16px}.post-content{color:#333}.header{background-color:#fff;border-bottom:1px solid #eee}body{background-color:#f7f7f7}.no-sticky .toc{position:relative;top:0}@media print{.no-print{display:none!important}a{text-decoration:none!important;color:#000!important}body{font-size:12pt;line-height:1.5;color:#000;background:#fff}@page{margin:2cm}}.enhanced-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:30px}.enhanced-input-card{background:var(--entry);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,5%)}.enhanced-input-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:var(--tertiary)}.enhanced-input-card .card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;position:relative}.enhanced-input-card .card-icon{font-size:24px}.enhanced-input-card .card-title{font-size:16px;font-weight:600;color:var(--primary);flex:1}.save-indicator{font-size:13px;color:var(--secondary);min-width:80px;text-align:right;font-weight:500;opacity:0;transition:opacity .3s ease}.save-indicator.visible{opacity:1}.save-indicator.saving{color:#f59e0b}.save-indicator.saved{color:#10b981}.save-indicator.error{color:#ef4444}.enhanced-input-card .card-body{display:flex;flex-direction:column;align-items:center;gap:16px}.progress-ring{position:relative;width:100px;height:100px}.progress-ring svg{display:block}.ring-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.current-value{font-size:24px;font-weight:700;color:var(--primary);line-height:1;margin-bottom:2px}.value-unit{font-size:11px;color:var(--secondary);line-height:1;margin-bottom:4px}.goal-percent{font-size:12px;font-weight:600;color:var(--tertiary);line-height:1}.enhanced-input-card .input-group{width:100%;display:flex;flex-direction:column;gap:6px}.enhanced-input{width:100%;padding:10px 14px;border:2px solid var(--border);border-radius:8px;font-size:15px;color:var(--primary);background:var(--theme);transition:all .2s ease;text-align:center}.enhanced-input:focus{outline:none;border-color:var(--tertiary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.enhanced-input::placeholder{color:var(--secondary);opacity:.6}.input-hint{font-size:12px;color:var(--secondary);text-align:center}.enhanced-reflection{margin-top:30px;padding:24px;background:var(--entry);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,5%)}.reflection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.reflection-header .input-label{display:flex;align-items:center;gap:8px;margin:0}.reflection-header .label-icon{font-size:24px}.reflection-header .label-text{font-size:16px;font-weight:600;color:var(--primary)}.reflection-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.auto-save-hint{font-size:12px;color:var(--secondary);font-style:italic}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.save-indicator.saving::before{content:'💾 ';animation:pulse 1s infinite}.save-indicator.saved::before{content:'✅ '}.save-indicator.error::before{content:'❌ '}@media(min-width:1400px){.enhanced-inputs-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px) and (max-width:1399px){.enhanced-inputs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.enhanced-inputs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.enhanced-input-card{padding:16px}.progress-ring{width:80px;height:80px}.progress-ring svg{width:80px;height:80px}.current-value{font-size:20px}.goal-percent{font-size:10px}}@media(max-width:480px){.enhanced-inputs-grid{grid-template-columns:1fr;gap:12px}}.faq-container{margin:2rem 0;background:var(--entry);border-radius:8px;padding:1.5rem;border:1px solid var(--border)}.faq-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-question{font-size:1.1rem;font-weight:600;color:var(--primary);margin:0 0 .75rem;display:flex;align-items:flex-start;gap:.5rem}.faq-question::before{content:"Q:";font-weight:700;color:var(--theme);background:var(--primary);padding:.2rem .5rem;border-radius:4px;font-size:.9rem;flex-shrink:0;margin-top:.1rem}.faq-answer{color:var(--content);line-height:1.7;padding-left:2.5rem}.faq-answer p{margin:.5rem 0}.faq-answer p:first-child{margin-top:0}.faq-answer p:last-child{margin-bottom:0}.faq-answer code{background:var(--code-bg);padding:.2rem .4rem;border-radius:3px;font-size:.9em}.faq-answer pre{margin:1rem 0}.faq-answer ul,.faq-answer ol{margin:.5rem 0;padding-left:1.5rem}.faq-answer li{margin:.25rem 0}@media screen and (max-width:768px){.faq-container{padding:1rem;margin:1.5rem 0}.faq-question{font-size:1rem;flex-direction:column;gap:.3rem}.faq-answer{padding-left:0;margin-top:.5rem}}.fresh-card{background-color:var(--fresh-bg);border-radius:var(--fresh-radius-md);border:1px solid var(--fresh-border);overflow:hidden;transition:var(--fresh-transition);margin-bottom:var(--fresh-space-4)}.fresh-card:hover{transform:translateY(-3px);box-shadow:var(--fresh-shadow-hover)}.fresh-card-header{padding:var(--fresh-space-4)var(--fresh-space-4)var(--fresh-space-2);border-bottom:1px solid var(--fresh-border)}.fresh-card-body{padding:var(--fresh-space-4)}.fresh-card-footer{padding:var(--fresh-space-2)var(--fresh-space-4)var(--fresh-space-4);border-top:1px solid var(--fresh-border)}.fresh-btn{display:inline-block;font-weight:500;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:var(--fresh-radius-sm);transition:var(--fresh-transition)}.fresh-btn-primary{color:#fff;background-color:var(--fresh-primary);border-color:var(--fresh-primary)}.fresh-btn-primary:hover{background-color:var(--fresh-primary-dark);border-color:var(--fresh-primary-dark)}.fresh-btn-outline{color:var(--fresh-primary);background-color:transparent;border-color:var(--fresh-primary)}.fresh-btn-outline:hover{color:#fff;background-color:var(--fresh-primary);border-color:var(--fresh-primary)}.fresh-btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--fresh-radius-sm)}.fresh-btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--fresh-radius-md)}.fresh-badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--fresh-radius-sm);transition:var(--fresh-transition)}.fresh-badge-primary{color:#fff;background-color:var(--fresh-primary)}.fresh-badge-success{color:#fff;background-color:var(--fresh-success)}.fresh-badge-warning{color:#212529;background-color:var(--fresh-warning)}.fresh-badge-danger{color:#fff;background-color:var(--fresh-danger)}.fresh-alert{position:relative;padding:var(--fresh-space-3)var(--fresh-space-4);margin-bottom:var(--fresh-space-4);border:1px solid transparent;border-radius:var(--fresh-radius-md)}.fresh-alert-info{color:#0c5460;background-color:var(--fresh-info);border-color:#bee5eb}.fresh-alert-warning{color:#856404;background-color:var(--fresh-warning);border-color:#ffeeba}.fresh-alert-success{color:#155724;background-color:var(--fresh-success);border-color:#c3e6cb}.fresh-alert-danger{color:#721c24;background-color:var(--fresh-danger);border-color:#f5c6cb}.fresh-decoration-top{height:6px;background:linear-gradient(to right,var(--fresh-primary-light),var(--fresh-primary),var(--fresh-accent-green),var(--fresh-accent-yellow),var(--fresh-accent-pink),var(--fresh-primary));position:absolute;top:0;left:0;right:0;z-index:1000}.fresh-decoration-bottom{height:4px;background:linear-gradient(to right,var(--fresh-primary),var(--fresh-accent-pink),var(--fresh-accent-yellow),var(--fresh-accent-green),var(--fresh-primary-light));margin-top:2rem}.fresh-theme{font-family:var(--fresh-font-sans)}.fresh-main{position:relative;padding-top:2rem}.fresh-theme::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544v2.83L26.272 32h-2.828L0 8.685v2.83L20.686 32h-2.83L0 14.97v2.83L15.1 32h-2.83L0 20.253v2.828L9.513 32H6.684L0 25.627v2.828L3.828 32H0v-3.03L0 0h.284zM0 0h-.828L0 .828V0zm0 0h.828L0 .828V0zm54.627 0L56 1.372v2.83L52.143 0h2.484zm5.087 0L60 .258v2.83L56.143 0h3.57zM60 5.543V0h-5.72L60 5.542zm0 5.457l-5.143-5.143v-2.83L60 8.372v2.628zm0 5.143L49.428 5.714 48.014 7.13 60 19.113v-2.97zM60 32l-5.143-5.143v-2.83L60 29.37v2.63zm0-9.713L43.857 5.714 42.443 7.13 60 24.685v-2.398zM60 32L30.857 2.857 29.443 4.27 60 34.828V32zm0-9.713L38.857 5.714 37.443 7.13 60 29.685v-2.398zM60 32L25.857 2.857 24.443 4.27 60 39.827V32zm0-9.713l-21.143-21.143L37.443 2.73 60 25.284v-2.997zM60 32L20.857 2.857 19.443 4.27 60 44.827V32zm0-9.713L15.857 1.143 14.443 2.56 60 48.114v-26.4z' fill='%23c5c5c5' fill-opacity='0.04' fill-rule='evenodd'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}.post h1::before,.post h2::before,.post h3::before{content:'✿';color:var(--fresh-primary-light);margin-right:.5rem;font-weight:400;opacity:.7}.post-content ul li::marker{color:var(--fresh-primary)}.post-content blockquote{border-left-color:var(--fresh-primary-light)!important;background-color:rgba(168,208,245,.1)!important;border-radius:0 var(--fresh-radius-md)var(--fresh-radius-md)0!important}.post-content pre{border-radius:var(--fresh-radius-md)!important;box-shadow:0 2px 8px rgba(0,0,0,5%)!important}.post-content table{border-collapse:separate!important;border-spacing:0!important;border-radius:var(--fresh-radius-md)!important;box-shadow:0 2px 8px rgba(0,0,0,5%)!important}.post-content table th{background-color:var(--fresh-primary-light)!important;color:#fff!important}.post-content table tr:nth-child(even){background-color:rgba(0,0,0,2%)!important}.post-content hr{border:0!important;height:1px!important;background-image:linear-gradient(to right,transparent,var(--fresh-primary-light),transparent)!important;margin:2rem 0!important}.fresh-container{width:100%;padding-right:var(--fresh-space-4);padding-left:var(--fresh-space-4);margin-right:auto;margin-left:auto}@media(min-width:576px){.fresh-container{max-width:540px}}@media(min-width:768px){.fresh-container{max-width:720px}}@media(min-width:992px){.fresh-container{max-width:960px}}@media(min-width:1200px){.fresh-container{max-width:1140px}}.fresh-grid{display:grid;gap:var(--fresh-space-4)}.fresh-grid-1{grid-template-columns:repeat(1,1fr)}.fresh-grid-2{grid-template-columns:repeat(1,1fr)}.fresh-grid-3{grid-template-columns:repeat(1,1fr)}.fresh-grid-4{grid-template-columns:repeat(1,1fr)}@media(min-width:576px){.fresh-grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.fresh-grid-3{grid-template-columns:repeat(2,1fr)}.fresh-grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.fresh-grid-3{grid-template-columns:repeat(3,1fr)}.fresh-grid-4{grid-template-columns:repeat(4,1fr)}}.fresh-flex{display:flex}.fresh-flex-wrap{flex-wrap:wrap}.fresh-flex-column{flex-direction:column}.fresh-items-center{align-items:center}.fresh-items-start{align-items:flex-start}.fresh-items-end{align-items:flex-end}.fresh-justify-center{justify-content:center}.fresh-justify-between{justify-content:space-between}.fresh-justify-around{justify-content:space-around}.fresh-mt-1{margin-top:var(--fresh-space-1)}.fresh-mt-2{margin-top:var(--fresh-space-2)}.fresh-mt-4{margin-top:var(--fresh-space-4)}.fresh-mt-6{margin-top:var(--fresh-space-6)}.fresh-mb-1{margin-bottom:var(--fresh-space-1)}.fresh-mb-2{margin-bottom:var(--fresh-space-2)}.fresh-mb-4{margin-bottom:var(--fresh-space-4)}.fresh-mb-6{margin-bottom:var(--fresh-space-6)}.fresh-ml-1{margin-left:var(--fresh-space-1)}.fresh-ml-2{margin-left:var(--fresh-space-2)}.fresh-ml-4{margin-left:var(--fresh-space-4)}.fresh-mr-1{margin-right:var(--fresh-space-1)}.fresh-mr-2{margin-right:var(--fresh-space-2)}.fresh-mr-4{margin-right:var(--fresh-space-4)}.fresh-mx-auto{margin-left:auto;margin-right:auto}.fresh-my-1{margin-top:var(--fresh-space-1);margin-bottom:var(--fresh-space-1)}.fresh-my-2{margin-top:var(--fresh-space-2);margin-bottom:var(--fresh-space-2)}.fresh-my-4{margin-top:var(--fresh-space-4);margin-bottom:var(--fresh-space-4)}.fresh-p-1{padding:var(--fresh-space-1)}.fresh-p-2{padding:var(--fresh-space-2)}.fresh-p-4{padding:var(--fresh-space-4)}.fresh-px-1{padding-left:var(--fresh-space-1);padding-right:var(--fresh-space-1)}.fresh-px-2{padding-left:var(--fresh-space-2);padding-right:var(--fresh-space-2)}.fresh-px-4{padding-left:var(--fresh-space-4);padding-right:var(--fresh-space-4)}.fresh-py-1{padding-top:var(--fresh-space-1);padding-bottom:var(--fresh-space-1)}.fresh-py-2{padding-top:var(--fresh-space-2);padding-bottom:var(--fresh-space-2)}.fresh-py-4{padding-top:var(--fresh-space-4);padding-bottom:var(--fresh-space-4)}.fresh-text-center{text-align:center}.fresh-text-left{text-align:left}.fresh-text-right{text-align:right}.fresh-hidden{display:none!important}@media(min-width:576px){.fresh-hidden-sm-up{display:none!important}}@media(min-width:768px){.fresh-hidden-md-up{display:none!important}}@media(max-width:575px){.fresh-hidden-xs{display:none!important}}@media(max-width:767px){.fresh-hidden-sm{display:none!important}}.fresh-content-narrow{max-width:720px;margin-left:auto;margin-right:auto}.fresh-content-wide{max-width:1140px;margin-left:auto;margin-right:auto}.header{background-color:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,5%);box-shadow:0 2px 10px rgba(0,0,0,2%);transition:var(--fresh-transition);position:sticky;z-index:99;height:60px}.nav .logo a{color:var(--fresh-primary);font-weight:700;font-size:1.4rem;transition:var(--fresh-transition)}.nav .logo a:hover{color:var(--fresh-primary-dark);transform:scale(1.05)}#menu{display:flex;align-items:center}#menu li{margin:0 .2rem}#menu li a{padding:.4rem .8rem;border-radius:var(--fresh-radius-sm);transition:var(--fresh-transition)}#menu li a:hover span{color:var(--fresh-primary)}#menu li a span.active{color:var(--fresh-primary);font-weight:600}#theme-toggle{background-color:transparent;color:var(--fresh-text-secondary);border-radius:var(--fresh-radius-sm);padding:.3rem;transition:var(--fresh-transition)}#theme-toggle:hover{background-color:rgba(0,0,0,5%);transform:rotate(15deg)}#menu li a[title*=搜索] span,#menu li a[title*=Search] span{background-color:var(--fresh-primary-light);color:#fff;padding:.3rem .8rem;border-radius:var(--fresh-radius-sm);transition:var(--fresh-transition)}#menu li a[title*=搜索]:hover span,#menu li a[title*=Search]:hover span{background-color:var(--fresh-primary);transform:translateY(-2px)}@media(max-width:767px){.logo{position:absolute;left:1rem}#menu{background-color:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(0,0,0,5%);border-radius:0 0 var(--fresh-radius-md)var(--fresh-radius-md)}#menu li{margin:.5rem 0}}.fresh-post-card{display:flex;flex-direction:column;height:100%;background-color:var(--fresh-bg);border-radius:var(--fresh-radius-md);overflow:hidden;transition:var(--fresh-transition);border:1px solid var(--fresh-border)}.fresh-post-card:hover{transform:translateY(-5px);box-shadow:var(--fresh-shadow-hover)}.fresh-post-card-image{position:relative;padding-top:56.25%;overflow:hidden}.fresh-post-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--fresh-transition)}.fresh-post-card:hover .fresh-post-card-image img{transform:scale(1.05)}.fresh-post-card-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--fresh-card-bg)}.fresh-placeholder-icon{font-size:2.5rem;color:var(--fresh-text-light)}.fresh-post-card-content{display:flex;flex-direction:column;flex-grow:1;padding:var(--fresh-space-4)}.fresh-post-card-header{margin-bottom:var(--fresh-space-3)}.fresh-post-card-category{margin-bottom:var(--fresh-space-2)}.fresh-post-card-category a{font-size:.8rem;font-weight:500;color:var(--fresh-primary);text-transform:uppercase;letter-spacing:.5px}.fresh-post-card-title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.4}.fresh-post-card-title a{color:var(--fresh-text);transition:var(--fresh-transition)}.fresh-post-card-title a:hover{color:var(--fresh-primary)}.fresh-post-card-excerpt{margin-bottom:var(--fresh-space-4);font-size:.95rem;color:var(--fresh-text-secondary);flex-grow:1}.fresh-post-card-meta{font-size:.85rem;color:var(--fresh-text-light);display:flex;align-items:center;gap:var(--fresh-space-3)}.fresh-post-single{max-width:800px;margin:0 auto;background-color:var(--fresh-bg);border-radius:var(--fresh-radius-md);overflow:hidden;box-shadow:var(--fresh-shadow)}.fresh-post-header{padding:var(--fresh-space-6)var(--fresh-space-6)var(--fresh-space-4);text-align:center}.fresh-post-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--fresh-space-2);margin-bottom:var(--fresh-space-3)}.fresh-post-category{font-size:.85rem;font-weight:500;color:var(--fresh-primary);text-transform:uppercase;letter-spacing:.5px}.fresh-post-title{margin-bottom:var(--fresh-space-4);font-size:2.5rem;line-height:1.3;color:var(--fresh-text)}.fresh-post-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--fresh-space-2)var(--fresh-space-4);color:var(--fresh-text-light);font-size:.9rem}.fresh-post-meta-divider{color:var(--fresh-text-light)}.fresh-post-cover{margin-bottom:var(--fresh-space-6)}.fresh-post-cover img{width:100%;max-height:500px;object-fit:cover}.fresh-post-content{padding:0 var(--fresh-space-6)var(--fresh-space-6);line-height:1.8}.fresh-post-content h2{margin-top:var(--fresh-space-8);margin-bottom:var(--fresh-space-4);font-size:1.8rem}.fresh-post-content h3{margin-top:var(--fresh-space-6);margin-bottom:var(--fresh-space-3);font-size:1.5rem}.fresh-post-content a{color:var(--fresh-primary);text-decoration:none;border-bottom:1px solid transparent;transition:var(--fresh-transition)}.fresh-post-content a:hover{border-bottom-color:var(--fresh-primary)}.fresh-post-content blockquote{margin:var(--fresh-space-4)0;padding:var(--fresh-space-3)var(--fresh-space-4);border-left:4px solid var(--fresh-primary-light);background-color:var(--fresh-card-bg);color:var(--fresh-text-secondary);font-style:italic}.fresh-post-content img{max-width:100%;height:auto;margin:var(--fresh-space-4)0;border-radius:var(--fresh-radius-md)}.fresh-post-footer{padding:var(--fresh-space-6);border-top:1px solid var(--fresh-border)}.fresh-post-tags{display:flex;flex-wrap:wrap;gap:var(--fresh-space-2);margin-bottom:var(--fresh-space-4)}.fresh-post-tag{display:inline-block;padding:.3em .6em;font-size:.75rem;font-weight:500;color:var(--fresh-primary);background-color:var(--fresh-primary-light);border-radius:var(--fresh-radius-sm);transition:var(--fresh-transition)}.fresh-post-tag:hover{color:#fff;background-color:var(--fresh-primary)}.fresh-post-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--fresh-space-3)}.fresh-post-nav-prev,.fresh-post-nav-next{flex:0 0 48%;padding:var(--fresh-space-3);background-color:var(--fresh-card-bg);border-radius:var(--fresh-radius-md);transition:var(--fresh-transition)}.fresh-post-nav-prev:hover,.fresh-post-nav-next:hover{background-color:var(--fresh-primary-light)}.fresh-post-nav-label{display:block;font-size:.8rem;color:var(--fresh-text-secondary);margin-bottom:var(--fresh-space-1)}.fresh-post-nav-title{font-size:.95rem;font-weight:500;color:var(--fresh-text);transition:var(--fresh-transition)}.post-tags-header{list-style:none;padding:0;margin:5px 0 0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px}.post-tags-header a{color:#007bff;text-decoration:none;font-size:.85em;padding:2px 5px}.heatmap-section{margin:2.5rem 0 0;padding:0;background:0 0;border-radius:0;border:none;transition:all .3s ease}.heatmap-header{margin-bottom:1.5rem;text-align:center}.heatmap-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--content,#000)}.heatmap-subtitle{margin:0;font-size:.875rem;color:var(--secondary,#666);opacity:.8}.heatmap-container{min-height:auto;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:none;-ms-overflow-style:none}.heatmap-container::-webkit-scrollbar{display:none}.heatmap-wrapper{display:flex;flex-direction:column;gap:1rem}.heatmap-loading{color:var(--secondary,#666);font-size:.875rem;text-align:center}.heatmap-error{padding:1rem;background:rgba(255,193,7,.1);border-left:4px solid #ffc107;border-radius:4px;color:#ff6b6b;font-size:.875rem}.heatmap-empty{padding:2rem;text-align:center;color:var(--secondary,#666);font-size:.875rem}.heatmap-weekdays{display:flex;flex-direction:column;gap:2px;padding-right:8px;font-size:.75rem;color:var(--secondary,#666)}.heatmap-weekday{text-align:right}.heatmap-weekday-placeholder{visibility:hidden}.heatmap-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,12px);gap:2px;padding:1rem;background:var(--entry,#fff);border-radius:8px}.heatmap-cell{width:12px;height:12px;border-radius:2px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(27,31,35,6%)}.heatmap-cell.out-of-range{background-color:transparent!important;border-color:transparent;cursor:default}.heatmap-cell:not(.out-of-range):hover{transform:scale(1.3);box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:10;position:relative}.heatmap-legend{display:none}.heatmap-legend-label{margin:0 4px}.heatmap-legend-item{width:12px;height:12px;border-radius:2px;border:1px solid rgba(27,31,35,6%);cursor:help}.heatmap-tooltip{position:fixed;background:var(--entry,#fff);color:var(--content,#000);border:1px solid var(--border,rgba(0,0,0,.1));border-radius:6px;padding:.75rem;font-size:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:9999;pointer-events:none;max-width:250px}.heatmap-tooltip.below{}.tooltip-date{font-weight:600;margin-bottom:.25rem;color:var(--content,#000);border:none!important}.tooltip-count{color:var(--secondary,#666);margin-bottom:.5rem;border-bottom:none!important}.tooltip-titles{border:none!important;border-top:none!important;padding-top:.5rem;margin-top:.5rem}.tooltip-title{color:var(--content,#000);margin:.25rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none!important}.tooltip-more{color:var(--secondary,#666);font-style:italic;margin-top:.25rem;border:none!important}.heatmap-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--entry,#fff);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem}.modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--content,#000)}.modal-close{background:0 0;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--secondary,#666);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:rgba(0,0,0,5%);color:var(--content,#000)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 80px)}.post-list{list-style:none;padding:0;margin:0}.post-list li{margin:.75rem 0}.post-list a{color:var(--primary,#0969da);text-decoration:none;font-size:.9rem;line-height:1.5;display:block;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease}.post-list a:hover{background:rgba(0,0,0,3%);color:var(--primary,#0969da);transform:translateX(4px)}body.dark .heatmap-section{background:0 0}body.dark .heatmap-grid{background:var(--entry,#1e1e1e)}body.dark .heatmap-header h3{color:var(--content,#fff)}body.dark .heatmap-subtitle,body.dark .heatmap-loading,body.dark .heatmap-empty{color:var(--secondary,#aaa)}body.dark .heatmap-error{background:rgba(255,193,7,.15);border-left-color:#ffb700;color:#ff9a76}body.dark .heatmap-cell{border-color:rgba(255,255,255,6%)}body.dark .heatmap-tooltip{background:#2d333b;border-color:#444c56;color:#f0f6fc}body.dark .tooltip-date{color:#f0f6fc}body.dark .tooltip-count,body.dark .tooltip-more{color:#adbac7}body.dark .tooltip-title{color:#f0f6fc}body.dark .modal-overlay{background:rgba(0,0,0,.7)}body.dark .modal-content{background:#2d333b;box-shadow:0 8px 32px rgba(0,0,0,.4)}body.dark .modal-header h3{color:#f0f6fc}body.dark .modal-close{color:#adbac7}body.dark .modal-close:hover{background:rgba(255,255,255,.1);color:#f0f6fc}body.dark .post-list a{color:#539bf5}body.dark .post-list a:hover{background:rgba(255,255,255,5%);color:#539bf5}@media(max-width:768px){.heatmap-section{padding:0;margin:1.5rem 0 0;min-height:auto}.heatmap-wrapper{min-width:min-content}.heatmap-header h3{font-size:1.1rem}.heatmap-subtitle{font-size:.8rem}.heatmap-container{padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.heatmap-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(12,10px);gap:2px;padding:.75rem}.heatmap-cell{width:10px;height:10px}.heatmap-legend-item{width:10px;height:10px}.heatmap-weekdays{gap:2px}.modal-content{width:95%;max-height:90vh}.modal-header{padding:1rem}.modal-body{padding:1rem;max-height:calc(90vh - 60px)}}@media(max-width:480px){.heatmap-section{padding:0;margin:1.5rem 0 0;min-height:auto}.heatmap-header{margin-bottom:.75rem}.heatmap-header h3{font-size:1rem}.heatmap-subtitle{font-size:.75rem}.heatmap-container{padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.heatmap-wrapper{min-width:min-content;display:flex;flex-direction:column;gap:.75rem}.heatmap-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(12,8px);gap:1px;padding:.5rem}.heatmap-cell{width:8px;height:8px}.heatmap-legend{font-size:.7rem;gap:3px}.heatmap-legend-item{width:8px;height:8px}.heatmap-weekdays{gap:1px}.heatmap-tooltip{max-width:200px;padding:.5rem;font-size:.7rem}.modal-content{width:95%;max-height:90vh}.modal-header{padding:.75rem}.modal-header h3{font-size:1rem}.modal-body{padding:.75rem;max-height:calc(90vh - 56px)}.post-list a{font-size:.85rem;padding:.4rem .6rem}}@media print{.heatmap-section{page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}.heatmap-loading,.heatmap-error{display:none}.heatmap-tooltip,.heatmap-modal{display:none!important}}.heatmap-cell:focus{outline:2px solid var(--primary,#0969da);outline-offset:2px}.modal-close:focus{outline:2px solid var(--primary,#0969da);outline-offset:2px}@media(prefers-reduced-motion:reduce){.heatmap-cell,.heatmap-modal,.modal-content,.post-list a{animation:none;transition:none}}img.lazy{opacity:0;transition:opacity .5s ease}img.lazy.loaded{opacity:1}.image-placeholder{background-color:var(--border);position:relative;overflow:hidden;border-radius:4px}.image-placeholder::before{content:"";display:block;position:absolute;left:-150px;top:0;height:100%;width:150px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(0)}100%{transform:translateX(300%)}}.responsive-img-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background-color:var(--border);border-radius:4px}.responsive-img-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.responsive-img-container:hover img{transform:scale(1.03)}@media(max-width:768px){.menu-toggle{display:flex!important;background:0 0;border:none;cursor:pointer;padding:10px;margin-left:auto;z-index:1002;position:relative}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px}.hamburger .line{display:block;width:100%;height:2px;background-color:var(--primary);transition:all .3s ease}.menu-toggle.active .hamburger .line:nth-child(1){transform:translateY(9px)rotate(45deg)}.menu-toggle.active .hamburger .line:nth-child(2){opacity:0}.menu-toggle.active .hamburger .line:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.menu-overlay{animation:fadeIn .25s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#menu{display:none!important;position:fixed!important;top:64px!important;right:-250px!important;width:240px!important;height:auto!important;max-height:calc(100vh - 64px)!important;flex-direction:column!important;background:rgba(255,255,255,.35)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:-2px 0 20px rgba(0,0,0,.1)!important;border-radius:0 0 0 12px!important;padding:0!important;padding-bottom:16px!important;margin:0!important;transition:right .3s ease-out!important;z-index:1001!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;gap:0!important;align-items:stretch!important;left:auto!important;pointer-events:auto!important}#menu::-webkit-scrollbar{display:none!important}#menu.show{display:flex!important;right:0!important}#menu::before{content:none!important;display:none!important;height:0!important;padding:0!important;margin:0!important;border:none!important}#menu li{width:100%!important;margin:0!important;padding:0 12px!important;list-style:none!important;flex-shrink:0;background:0 0!important}#menu li+li{margin-inline-start:0!important;margin-top:8px!important}#menu li a{display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 16px!important;height:48px!important;font-size:1rem!important;text-align:center!important;border-radius:8px!important;border:none!important;transition:all .2s ease!important;position:relative!important;color:var(--content)!important;font-weight:400!important;background:var(--theme)!important}#menu li:first-of-type{margin-top:16px!important}#menu li a:hover{background:var(--tertiary)!important;transform:scale(1.02)}#menu li a:active{background:var(--tertiary)!important;transform:scale(.98)}#menu li a:has(span.active):hover,#menu li a:has(span.active):active{background:0 0!important;transform:none!important}#menu li a span{background-color:transparent!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important}#menu li a:has(span.active){background:0 0!important}#menu li a span.active{color:var(--primary)!important;font-weight:600!important;background-color:transparent!important;border-bottom:none!important}#menu li a:has(span.active)::after,#menu li a span.active::after{display:none!important;border:none!important}#menu li a[title*=搜索] span.active,#menu li a[title*=Search] span.active{color:var(--primary)!important;background-color:transparent!important}body.menu-opened{overflow:hidden!important}body.dark #menu{background:rgba(28,30,36,.35)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:-2px 0 20px rgba(0,0,0,.3)!important}body.dark #menu li a{background:var(--theme)!important;color:var(--content)!important}body.dark #menu li a:hover{background:var(--tertiary)!important}body.dark #menu li a:active{background:var(--tertiary)!important}}.page-views{display:inline-flex;align-items:center;gap:4px;color:var(--secondary);font-size:inherit;white-space:nowrap}.page-views .view-icon{width:16px;height:16px;opacity:.7;vertical-align:text-bottom;margin-right:2px}.page-views .view-count{font-weight:500;color:var(--primary)}.dark .page-views{color:var(--secondary)}.dark .page-views .view-count{color:var(--primary)}@media(max-width:768px){.page-views{font-size:.9em}}@media print{.page-views{display:none!important}}.related-posts{margin-top:60px;padding-top:40px;border-top:1px solid var(--border)}.related-posts-title{font-size:24px;font-weight:700;margin-bottom:30px;color:var(--content);text-align:center}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-post-card{position:relative;display:flex;flex-direction:column;background:var(--entry);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s ease}.related-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:var(--primary)}.related-post-image{position:relative;width:100%;height:180px;overflow:hidden;background:var(--code-bg);display:flex;align-items:center;justify-content:center}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-post-card:hover .related-post-image img{transform:scale(1.05)}.related-post-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,8%) 0%,rgba(147,197,253,.12) 100%);position:relative;overflow:hidden}.related-post-image-placeholder::before{content:'';position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(59,130,246,3%) 25%,transparent 25%),linear-gradient(-45deg,rgba(59,130,246,3%) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(59,130,246,3%) 75%),linear-gradient(-45deg,transparent 75%,rgba(59,130,246,3%) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.related-post-image-placeholder svg{width:56px;height:56px;color:rgba(59,130,246,.4);position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.related-post-content{padding:20px;flex:1;display:flex;flex-direction:column}.related-post-title{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px}.related-post-title a{color:var(--content);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.related-post-card:hover .related-post-title a{color:var(--primary)}.related-post-excerpt{font-size:14px;line-height:1.6;color:var(--secondary);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.related-post-meta{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--secondary);margin-top:auto}.related-post-date{display:flex;align-items:center;gap:6px}.related-post-date svg{flex-shrink:0}.related-post-tags{display:flex;flex-wrap:wrap;gap:8px}.related-post-tag{font-size:12px;padding:3px 10px;background:var(--code-bg);border-radius:12px;color:var(--secondary);transition:all .2s ease}.related-post-card:hover .related-post-tag{background:var(--primary);color:var(--theme)}.related-post-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.related-posts-empty{text-align:center;padding:60px 20px}.related-posts-empty-message{font-size:16px;color:var(--secondary);margin-top:20px}.related-posts-empty-message a{color:var(--primary);text-decoration:none;border-bottom:1px solid var(--primary);transition:opacity .2s ease}.related-posts-empty-message a:hover{opacity:.7}@media(max-width:1024px){.related-posts-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.related-posts{margin-top:40px;padding-top:30px}.related-posts-title{font-size:20px;margin-bottom:20px}.related-posts-grid{grid-template-columns:1fr;gap:16px}.related-post-image{height:160px}.related-post-content{padding:16px}.related-post-title{font-size:16px}.related-post-excerpt{font-size:13px;-webkit-line-clamp:2}.related-post-meta{font-size:12px}.related-post-tag{font-size:11px;padding:2px 8px}}@media(max-width:480px){.related-posts{margin-top:30px;padding-top:20px}.related-post-image{height:140px}.related-post-content{padding:12px}.related-posts-empty{padding:40px 15px}}[data-theme=dark] .related-post-card{background:var(--entry);border-color:var(--border)}[data-theme=dark] .related-post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3)}[data-theme=dark] .related-post-image-placeholder{background:linear-gradient(135deg,rgba(59,130,246,.12) 0%,rgba(96,165,250,.16) 100%)}[data-theme=dark] .related-post-image-placeholder::before{background-image:linear-gradient(45deg,rgba(96,165,250,5%) 25%,transparent 25%),linear-gradient(-45deg,rgba(96,165,250,5%) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(96,165,250,5%) 75%),linear-gradient(-45deg,transparent 75%,rgba(96,165,250,5%) 75%)}[data-theme=dark] .related-post-image-placeholder svg{color:rgba(96,165,250,.5);filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}@media print{.related-posts{margin-top:30px;padding-top:20px;page-break-inside:avoid}.related-posts-grid{grid-template-columns:1fr;gap:10px}.related-post-card{border:1px solid #ddd;page-break-inside:avoid}.related-post-card:hover{transform:none;box-shadow:none}.related-post-image{height:120px}}@media(prefers-reduced-motion:reduce){.related-post-card,.related-post-image img,.related-post-tag,.related-posts-empty-message a{transition:none}.related-post-card:hover{transform:none}.related-post-card:hover .related-post-image img{transform:none}}@media(prefers-contrast:high){.related-post-card{border:2px solid var(--border)}.related-post-tag{border:1px solid var(--secondary)}}.post-content table{display:block;overflow-x:auto;max-width:100%}@media(min-width:1400px){.main{max-width:1280px}.post-content{font-size:1.05rem}}@media(max-width:1399px) and (min-width:992px){.main{max-width:960px}}@media(max-width:991px) and (min-width:768px){.main{max-width:720px}.profile_inner{padding:1.5rem}.post-entry{margin-bottom:1.5rem}.logo a{font-size:20px}.lang-switch a{font-size:14px}}@media(max-width:767px){:root{--gap:1rem}.main{padding:var(--gap)}.first-entry{margin-bottom:var(--gap)}.post-content{font-size:1rem}.post-entry{margin-bottom:var(--gap)}.profile_inner{padding:1.25rem}.profile_inner h1{font-size:1.75rem}.logo a{font-size:19px}.logo-switches{gap:6px}.lang-switch{gap:6px}.lang-switch a{font-size:13px}button#theme-toggle{font-size:24px}.buttons{flex-wrap:wrap;max-width:400px}.button{flex:0 1 calc(50% - 6px);min-width:140px}.category-blocks{gap:1rem}.profile_inner .tags-list{gap:.5rem}.profile_inner .tag-item{padding:.35rem .7rem;font-size:.8rem}.profile_inner .tag-item .tag-count{width:16px;height:16px;font-size:.6rem}.post-content table{display:block;overflow-x:auto}.post-content pre{margin-left:-1rem;margin-right:-1rem;border-radius:0}}@media(max-width:575px){.header{padding:15px}.logo{font-size:1.1rem}.logo a{font-size:18px}.logo-switches{gap:6px}.lang-switch{gap:6px}.lang-switch a{font-size:13px;padding:2px 4px}button#theme-toggle{font-size:22px}.profile_inner h1{font-size:1.5rem}.profile_inner .buttons .button{padding:.6rem .8rem;font-size:.9rem;margin:.4rem 0;min-height:3rem;display:flex;align-items:center;justify-content:center}.buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;width:90%;max-width:400px;margin:0 auto;gap:12px}.button{flex:0 1 calc(50% - 6px);min-width:140px;margin:0;border-radius:8px}}@media(max-width:767px) and (orientation:landscape){.profile_inner{padding:1rem}.buttons{flex-direction:row;flex-wrap:wrap;width:100%;max-width:500px;justify-content:center;gap:.75rem}.button{width:auto;flex:0 0 calc(33.33% - 1rem);min-width:120px;margin:0}.profile_inner .buttons .button{min-height:2.5rem;padding:.5rem}}.search-enhancements{margin-top:3rem;display:grid;gap:2rem}.search-enhancements h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--content)}.search-stats{background:var(--entry);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,5%)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary);line-height:1}.stat-label{font-size:.9rem;color:var(--secondary);text-align:center}.search-tags{background:var(--entry);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,5%)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.75rem}.tag-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--theme);border:1px solid var(--border);border-radius:20px;color:var(--content);text-decoration:none;font-size:.9rem;transition:all .3s ease}.tag-item:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.tag-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--tertiary);border-radius:10px;font-size:.75rem;font-weight:600;color:var(--content)}.tag-item:hover .tag-count{background:rgba(255,255,255,.3);color:#fff}.category-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.category-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--theme);border:2px solid var(--border);border-radius:12px;text-decoration:none;transition:all .3s ease;cursor:pointer}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.tech-card{border-color:#3b82f6}.tech-card:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6;color:#fff}.read-card{border-color:#8b5cf6}.read-card:hover{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-color:#8b5cf6;color:#fff}.life-card{border-color:#ec4899}.life-card:hover{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);border-color:#ec4899;color:#fff}.project-card{border-color:#10b981}.project-card:hover{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981;color:#fff}.category-icon{font-size:2.5rem}.category-name{font-size:1.1rem;font-weight:600;color:var(--content)}.category-card:hover .category-name,.category-card:hover .category-count{color:#fff}.category-count{font-size:.85rem;color:var(--secondary)}.search-recent{background:var(--entry);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,5%)}.recent-posts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.recent-posts li{border-bottom:1px solid var(--border);padding-bottom:.75rem}.recent-posts li:last-child{border-bottom:none;padding-bottom:0}.recent-posts a{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;color:var(--content);transition:all .2s ease;padding:.5rem;border-radius:6px}.recent-posts a:hover{background:var(--theme);transform:translateX(4px)}.recent-title{flex:1;font-size:.95rem}.recent-posts a:hover .recent-title{color:var(--primary)}.recent-date{font-size:.85rem;color:var(--secondary);white-space:nowrap}@media screen and (max-width:768px){.search-enhancements{gap:1.5rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.stat-number{font-size:2rem}.category-cards{grid-template-columns:repeat(2,1fr)}.tag-cloud{gap:.5rem}.tag-item{font-size:.85rem;padding:.4rem .8rem}}@media screen and (max-width:576px){.search-enhancements h3{font-size:1.1rem}.search-stats,.search-tags,.search-recent{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.8rem}.category-card{padding:1rem}.category-icon{font-size:2rem}.category-name{font-size:1rem}.recent-posts a{flex-direction:column;align-items:flex-start;gap:.5rem}.recent-date{font-size:.75rem}}.dark .search-stats,.dark .search-tags,.dark .search-recent{box-shadow:0 2px 8px rgba(0,0,0,.3)}.dark .category-card{background:var(--entry)}.dark .category-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.4)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-enhancements>div{animation:fadeInUp .5s ease-out}.search-enhancements>div:nth-child(1){animation-delay:.1s}.search-enhancements>div:nth-child(2){animation-delay:.2s}.search-enhancements>div:nth-child(3){animation-delay:.3s}.search-enhancements>div:nth-child(4){animation-delay:.4s}.tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.clear-filter-btn{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.clear-filter-btn:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.tag-filter-btn{background:var(--theme);border:1px solid var(--border);cursor:pointer;transition:all .3s ease}.tag-filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.tag-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.15)}.tag-filter-btn.active .tag-count{background:rgba(255,255,255,.3);color:#fff}.tag-filter-results{background:var(--entry);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,5%);margin-top:2rem;animation:fadeInUp .5s ease-out}.tag-filter-results h3{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:var(--content)}.filtered-articles{display:grid;gap:1.5rem}.article-card{background:var(--theme);border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:all .3s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1);border-color:var(--primary)}.article-title{font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.article-title a{color:var(--content);text-decoration:none;transition:color .2s ease}.article-title a:hover{color:var(--primary)}.article-summary{color:var(--secondary);font-size:.95rem;line-height:1.6;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:var(--secondary);flex-wrap:wrap}.article-date,.article-category{display:flex;align-items:center;gap:.25rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-tag{display:inline-block;padding:.25rem .75rem;background:var(--tertiary);border-radius:12px;font-size:.8rem;color:var(--content)}.article-tag.current-tag{background:var(--primary);color:#fff;font-weight:600}.no-results{text-align:center;color:var(--secondary);font-size:1rem;padding:2rem}.dark .tag-filter-results,.dark .article-card{box-shadow:0 2px 8px rgba(0,0,0,.3)}.dark .article-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.5)}@media screen and (max-width:768px){.tags-header{flex-direction:column;align-items:flex-start;gap:.75rem}.clear-filter-btn{align-self:flex-end}.tag-filter-results{padding:1rem}.article-card{padding:1rem}.article-title{font-size:1.1rem}.article-meta{gap:.5rem}}@media screen and (max-width:576px){.article-title{font-size:1rem}.article-summary{font-size:.9rem}}:root{--fresh-primary:#7eb4e2;--fresh-primary-light:#a8d0f5;--fresh-primary-dark:#5a8bab;--fresh-bg:#ffffff;--fresh-card-bg:#f8f9fa;--fresh-border:#e9ecef;--fresh-text:#495057;--fresh-text-secondary:#5a6268;--fresh-text-light:#adb5bd;--fresh-accent-green:#9fd8cb;--fresh-accent-yellow:#ffeaa7;--fresh-accent-pink:#ffcad4;--fresh-success:#8ed1af;--fresh-info:#a8d0f5;--fresh-warning:#ffe0a3;--fresh-danger:#f8c1c8;--fresh-font-sans:'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--fresh-font-serif:'Noto Serif SC', Georgia, Cambria, 'Times New Roman', Times, serif;--fresh-font-mono:'JetBrains Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;--fresh-space-1:0.25rem;--fresh-space-2:0.5rem;--fresh-space-3:0.75rem;--fresh-space-4:1rem;--fresh-space-5:1.5rem;--fresh-space-6:2rem;--fresh-space-8:3rem;--fresh-space-10:4rem;--fresh-radius-sm:4px;--fresh-radius-md:8px;--fresh-radius-lg:16px;--fresh-transition:all 0.3s ease;--fresh-shadow:0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);--fresh-shadow-hover:0 10px 15px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.08)}body.dark{--fresh-primary:#8dc5f7;--fresh-primary-light:#70b5f0;--fresh-primary-dark:#2f5e91;--fresh-bg:#1f2533;--fresh-card-bg:#1f2533;--fresh-border:rgba(255, 255, 255, 0.06);--fresh-text:#eef2ff;--fresh-text-secondary:#bcc7dd;--fresh-text-light:#8a94ad;--fresh-accent-green:#52c7b6;--fresh-accent-yellow:#f3cf6f;--fresh-accent-pink:#f5a4c7;--fresh-success:#48b48c;--fresh-info:#5aa0d7;--fresh-warning:#e3b25b;--fresh-danger:#e27b92;--fresh-shadow:0 10px 26px rgba(7, 9, 16, 0.55);--fresh-shadow-hover:0 16px 36px rgba(7, 9, 16, 0.65)}:root{--modern-black:#111111;--modern-dark:#333333;--modern-gray-dark:#555555;--modern-gray:#555555;--modern-gray-light:#AAAAAA;--modern-light:#F8F8F8;--modern-white:#FFFFFF;--modern-accent:#000000;--modern-font-sans:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--modern-font-serif:"New York", Georgia, "Times New Roman", serif;--modern-font-mono:"SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--modern-space-xs:0.5rem;--modern-space-sm:1rem;--modern-space-md:2rem;--modern-space-lg:4rem;--modern-space-xl:8rem;--modern-radius-sm:2px;--modern-radius-md:4px;--modern-radius-lg:8px;--modern-transition:all 0.3s ease;--modern-shadow-sm:0 1px 2px rgba(0, 0, 0, 0.03);--modern-shadow-md:0 3px 12px rgba(0, 0, 0, 0.04);--modern-shadow-lg:0 5px 30px rgba(0, 0, 0, 0.05);--modern-z-header:100;--modern-z-menu:90;--modern-z-top:80}body.dark{--modern-black:#f1f1f1;--modern-dark:#dcdcdc;--modern-gray-dark:#b5b5b5;--modern-gray:#989898;--modern-gray-light:#6f6f6f;--modern-light:#1e1e1e;--modern-white:#121212;--modern-accent:#ffffff;--primary-color:var(--modern-black);--content-color:#e6e6e6;--post-meta-color:#9f9f9f;--footer-color:#9f9f9f;--border-color:rgba(255, 255, 255, 0.08);--modern-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.35);--modern-shadow-md:0 6px 12px rgba(0, 0, 0, 0.45);--modern-shadow-lg:0 12px 30px rgba(0, 0, 0, 0.55)}html{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--modern-font-sans);color:var(--modern-dark);background-color:var(--modern-white);line-height:1.7;letter-spacing:-.011em;font-weight:400;margin:0;padding-top:5rem}body.dark{color:var(--modern-dark);background-color:var(--modern-white)}.modern-theme *{box-sizing:border-box}:root{--primary-color:var(--modern-black);--content-color:var(--modern-dark);--post-meta-color:var(--modern-gray);--footer-color:var(--modern-gray);--border-color:rgba(0, 0, 0, 0.05)}.fresh-container,.main,.modern-container{max-width:900px;margin:0 auto;padding:0 var(--modern-space-sm)}h1,h2,h3,h4,h5,h6{color:var(--modern-black);font-weight:700;line-height:1.15;letter-spacing:-.022em;margin-top:3rem;margin-bottom:1.5rem}h1,.post-title{font-size:2.5rem;letter-spacing:-.03em;margin-top:var(--modern-space-lg);line-height:1.1;font-weight:800}.post-single h1{margin-bottom:1rem}h2{font-size:1.7rem;position:relative;margin-top:3.5rem}h3{font-size:1.3rem}.post h1::before,.post h2::before,.post h3::before{display:none}p{margin-bottom:1.7rem;font-weight:400}::selection{background:var(--modern-black);color:var(--modern-white);text-shadow:none}a{color:var(--modern-black);text-decoration:none;transition:all .2s ease}.content a:not(.post-entry a){background-image:linear-gradient(transparent calc(100% - 2px),currentColor 2px);background-size:0% 100%;background-repeat:no-repeat;transition:background-size .2s ease;text-decoration:none}.content a:not(.post-entry a):hover{background-size:100% 100%}.header{background:var(--modern-white);box-shadow:none!important;border-bottom:1px solid var(--border-color)!important;position:fixed!important;top:0;width:100%;height:5rem!important;z-index:var(--modern-z-header);display:flex;align-items:center}.nav{height:auto;display:flex;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--modern-space-sm)}.nav .logo a{color:var(--modern-black)!important;font-weight:800!important;letter-spacing:-.03em!important;font-size:1.5rem!important;position:relative;display:inline-block}.nav .logo a:hover{transform:none!important;opacity:.8}#menu{display:flex!important;align-items:center!important;gap:1.5rem}#menu li{margin:0!important}#menu li a{padding:0!important;position:relative;color:var(--modern-gray-dark)}#menu li a span{position:relative;transition:all .2s ease;padding:.3rem .5rem;border-radius:3px}#menu li a:hover span{color:var(--modern-black)!important;background-color:rgba(0,0,0,3%)}#menu li a span.active{font-weight:600!important;color:var(--modern-black)!important;background-color:rgba(0,0,0,5%)}#menu li a span.active:after{display:none}.post-content{margin-top:var(--modern-space-md);margin-bottom:6rem}.post-entry{border:none!important;border-radius:0!important;background:0 0!important;margin-bottom:var(--modern-space-md)!important;padding-bottom:var(--modern-space-md)!important;border-bottom:1px solid var(--border-color)!important;transition:transform .2s ease}.post-entry:hover{transform:translateX(3px)}.post-entry .entry-header{margin-bottom:.5rem}.post-entry .entry-header h2{font-size:1.5rem;margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.3}.post-entry .entry-content{color:var(--modern-gray)!important;font-size:.95rem;margin:.5rem 0 1rem}.entry-footer{color:var(--modern-gray-light);font-size:.85rem}blockquote{border-left:3px solid var(--modern-black)!important;padding:.5rem 0 .5rem 1.5rem!important;margin:2rem 0!important;font-style:italic!important;font-family:var(--modern-font-serif)!important;color:var(--modern-gray-dark)!important;background-color:transparent!important}blockquote p{margin-bottom:.8rem}blockquote p:last-child{margin-bottom:0}code{font-family:var(--modern-font-mono)}table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin:2rem 0!important;overflow-x:auto!important;overflow-y:hidden!important;border:1px solid var(--border-color)!important;border-radius:4px!important;scrollbar-width:none!important;-ms-overflow-style:none!important}table::-webkit-scrollbar{display:none!important}th{background-color:var(--modern-light)!important;font-weight:600!important;text-align:left!important;padding:.8rem 1rem!important;border-bottom:1px solid rgba(0,0,0,.1)!important;color:var(--modern-black)!important}td{padding:.8rem 1rem!important;border-bottom:1px solid var(--border-color)!important;vertical-align:top!important}tr:last-child td{border-bottom:none!important}tr:hover{background-color:rgba(0,0,0,1%)!important}hr{height:1px!important;background-color:var(--border-color)!important;border:none!important;margin:3rem 0!important}ul,ol{padding-left:1.5rem;margin:1.5rem 0}li{margin-bottom:.5rem}li:last-child{margin-bottom:0}li::marker{color:var(--modern-gray-dark)}img{max-width:100%;height:auto;border-radius:4px;display:block;margin:2rem auto}figure{margin:2rem 0}figcaption{text-align:center;font-size:.9rem;color:var(--modern-gray);margin-top:.5rem}@media(max-width:767px){html{font-size:16px}body{padding-top:4rem}.header{height:4rem!important}h1,.post-title{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.2rem}.nav .logo a{font-size:1.3rem!important}#menu{gap:1rem}}.footer{padding:var(--modern-space-md)0;color:var(--modern-gray);font-size:.85rem;text-align:center;max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;line-height:24px}.footer a{color:var(--modern-gray);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.footer a:hover{border-bottom-color:var(--modern-black);color:var(--modern-black)}.footer span{margin-inline-start:1px;margin-inline-end:1px}.fresh-btn{display:inline-block;padding:.7em 1.4em;background-color:var(--modern-black);color:var(--modern-white);text-decoration:none;border:none;border-radius:3px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.fresh-btn:hover{transform:translateY(-2px);box-shadow:var(--modern-shadow-md)}.fresh-btn-outline{background-color:transparent;border:1px solid var(--modern-black);color:var(--modern-black)}.fresh-card{border:1px solid var(--border-color);border-radius:4px;overflow:hidden;margin:2rem 0;box-shadow:var(--modern-shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.fresh-card:hover{transform:translateY(-3px);box-shadow:var(--modern-shadow-md)}.fresh-card-header{padding:1.2rem 1.5rem;background-color:var(--modern-light);font-weight:600;border-bottom:1px solid var(--border-color);font-size:1.1rem}.fresh-card-body{padding:1.5rem}.fresh-alert{padding:1rem 1.5rem;border-radius:4px;margin:1.5rem 0;border-left:4px solid var(--modern-black);background:var(--modern-light)}.fresh-alert-info{border-color:#2d7bb7;background:rgba(45,123,183,5%)}.fresh-alert-success{border-color:#2e7d32;background:rgba(46,125,50,5%)}.fresh-alert-warning{border-color:#ed6c02;background:rgba(237,108,2,5%)}.fresh-alert-danger{border-color:#d32f2f;background:rgba(211,47,47,5%)}#menu li a[title*=搜索] span,#menu li a[title*=Search] span{background-color:transparent!important;color:var(--modern-gray-dark)!important;padding:.3rem .5rem!important;border-radius:3px!important;font-size:inherit!important}#menu li a[title*=搜索]:hover span,#menu li a[title*=Search]:hover span{color:var(--modern-black)!important;opacity:1!important}#menu li a[title*=搜索] span.active,#menu li a[title*=Search] span.active{color:var(--primary)!important;background-color:transparent!important}.top-link{background-color:var(--modern-black)!important;color:var(--modern-white)!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;transform:translateY(10px)!important;transition:opacity .3s ease,transform .3s ease!important;box-shadow:var(--modern-shadow-md)!important}.top-link.show{opacity:.7!important;transform:translateY(0)!important}.top-link:hover{opacity:1!important;transform:translateY(-2px)!important}.top-link svg{width:18px!important;height:18px!important}.post-meta{color:var(--modern-gray);font-size:.9rem;margin-bottom:2rem}.post-tags{display:block!important;margin-top:2rem}.post-tags a{display:inline-block;margin-right:.5rem;margin-bottom:.5rem;padding:.3rem .6rem;font-size:.8rem;background-color:rgba(0,0,0,3%);color:var(--modern-gray);border-radius:3px;transition:all .2s ease}.post-tags a:hover{background-color:rgba(0,0,0,7%);color:var(--modern-black);transform:translateY(-1px)}.fresh-decoration-top,.fresh-decoration-bottom{display:none}.comment-container,#comments,#twikoo,.post-comment{display:none!important}.archive-stats{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem;margin-bottom:3rem;background:var(--entry);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-wrap:nowrap;overflow-x:auto}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 1rem}.stat-icon{font-size:1.5rem}.stat-number{font-size:2rem;font-weight:700;color:var(--primary);line-height:1}.stat-label{font-size:.875rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.archive-year{position:relative;padding-left:2.5rem}.archive-year::before{content:'';position:absolute;left:.75rem;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary) 0%,var(--tertiary) 100%);border-radius:2px}.archive-year-header{position:relative;padding-left:1rem}.archive-year-header::before{content:'📅';position:absolute;left:-1.75rem;top:50%;transform:translateY(-50%);font-size:1.5rem;background:var(--code-bg);padding:.25rem;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.archive-month{position:relative}.archive-month-header{position:relative;color:var(--primary);font-weight:600;font-size:1.125rem;display:inline-block;margin-bottom:5rem;padding-left:1rem;white-space:nowrap}.archive-month-header:hover{transform:translateX(3px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.archive-month-header .month-date{font-weight:700;color:var(--primary)}.archive-month-header .archive-count{font-size:.875rem;color:var(--secondary);font-weight:500;background:var(--theme);padding:.125rem .5rem;border-radius:12px;border:1px solid var(--border)}.archive-entry{position:relative;padding:1.25rem;margin:1rem 0;background:var(--entry);border-radius:8px;border:1px solid var(--border);transition:all .3s ease;cursor:pointer}.archive-entry::before{content:'';position:absolute;left:-2.5rem;top:1.75rem;width:.75rem;height:.75rem;background:var(--primary);border-radius:50%;border:2px solid var(--code-bg);z-index:1}.archive-entry:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--primary)}.archive-entry:hover::before{transform:scale(1.3);background:var(--theme)}.archive-entry-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.archive-entry-title{flex:1;margin:0;font-size:1.125rem;line-height:1.4}.archive-categories{display:flex;gap:.5rem;flex-shrink:0}.category-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.813rem;font-weight:600;white-space:nowrap}.category-badge.category-tech{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.category-badge.category-read{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.category-badge.category-life{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff}.category-badge.category-project{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);color:#fff}.archive-description{color:var(--secondary);font-size:.938rem;line-height:1.6;margin-bottom:.75rem;padding-left:.5rem;border-left:3px solid var(--tertiary)}.archive-meta-wrapper{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.archive-meta{flex-shrink:0}.archive-tags{display:flex;gap:.5rem;flex-wrap:wrap}.archive-tag{font-size:.813rem;color:var(--primary);background:var(--code-bg);padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.archive-tag:hover{background:var(--primary);color:var(--theme);transform:translateY(-2px)}.archive-tag-more{font-size:.813rem;color:var(--secondary);font-style:italic}@media screen and (max-width:768px){.archive-stats{gap:.5rem;padding:1rem .5rem}.stat-item{padding:.25rem;min-width:0;flex-shrink:1}.stat-number{font-size:1.25rem}.stat-label{font-size:.625rem}.stat-icon{font-size:1.25rem}.archive-year{padding-left:1.5rem}.archive-year::before{left:.25rem;width:2px}.archive-year-header::before{left:-1.25rem;font-size:1.25rem;width:2rem;height:2rem}.archive-month-header{font-size:1rem;padding:.375rem .75rem;margin-bottom:1.5rem}.archive-entry{padding:1rem}.archive-entry::before{left:-1.5rem;top:1.25rem;width:.5rem;height:.5rem}.archive-entry:hover{transform:translateX(3px)}.archive-entry-header{flex-direction:column;align-items:flex-start}.archive-entry-title{font-size:1rem}.archive-meta-wrapper{flex-direction:column;align-items:flex-start;gap:.5rem}}@media screen and (min-width:769px) and (max-width:1024px){.archive-stats{gap:1.5rem}.archive-entry-title{font-size:1.063rem}}@media(prefers-color-scheme:dark){.archive-stats{box-shadow:0 2px 8px rgba(0,0,0,.3)}.archive-entry{box-shadow:0 1px 4px rgba(0,0,0,.2)}.archive-entry:hover{box-shadow:0 4px 12px rgba(0,0,0,.4)}.category-badge.category-tech{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%)}.category-badge.category-read{background:linear-gradient(135deg,#ec4899 0%,#f43f5e 100%)}.category-badge.category-life{background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 100%)}.category-badge.category-project{background:linear-gradient(135deg,#fb923c 0%,#fbbf24 100%)}}html[lang=en] .stat-number{font-size:1.75rem}html[lang=en] .stat-label{font-size:.75rem;letter-spacing:.3px}@media screen and (max-width:768px){html[lang=en] .stat-number{font-size:1.125rem}html[lang=en] .stat-label{font-size:.563rem;letter-spacing:.2px}}.history-page{max-width:none;width:100%;margin:0 auto;padding:20px}main:has(.history-page){max-width:1600px!important}main:has(.history-page) .fresh-container,main:has(.history-page) .modern-container{max-width:none!important;width:100%}.history-header{text-align:center;margin-bottom:50px;position:relative}.history-title{font-size:3em;margin-bottom:15px;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.history-subtitle{font-size:1.2em;color:var(--secondary);margin-bottom:25px}.nav-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.nav-link{padding:10px 25px;background:var(--theme);border-radius:25px;color:var(--primary);text-decoration:none;transition:all .3s;font-size:1em}.nav-link:hover{background:var(--entry);transform:translateY(-2px);box-shadow:0 5px 15px rgba(245,87,108,.2)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(5px)}.loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.2);border-top-color:#f5576c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:1.3em;margin-top:20px}.loading-progress{color:#f093fb;font-size:2em;font-weight:700;margin-top:10px}.history-page section{background:var(--entry);border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.section-title{font-size:2em;margin-bottom:10px;color:var(--content);font-weight:700}.section-desc{font-size:1em;color:var(--secondary);margin-bottom:30px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:40px}.stat-card{background:var(--theme);border-radius:15px;padding:30px;display:flex;align-items:center;gap:20px;transition:all .3s;border:2px solid transparent}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.stat-card.stat-primary{border-color:rgba(102,126,234,.3)}.stat-card.stat-success{border-color:rgba(16,185,129,.3)}.stat-card.stat-info{border-color:rgba(59,130,246,.3)}.stat-card.stat-warning{border-color:rgba(245,158,11,.3)}.stat-card.stat-danger{border-color:rgba(239,68,68,.3)}.stat-card.stat-purple{border-color:rgba(245,87,108,.3)}.stat-icon{font-size:3em;line-height:1}.stat-content{flex:1;display:flex;flex-direction:column}.stat-label{font-size:.9em;color:var(--secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:2.5em;font-weight:700;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-unit{font-size:.9em;color:var(--secondary);margin-top:5px}.stat-sub{font-size:.85em;color:var(--tertiary);margin-top:8px}.quick-insights{background:var(--theme);border-radius:15px;padding:30px}.insights-title{font-size:1.3em;margin-bottom:20px;color:var(--content)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.insight-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--entry);border-radius:10px;transition:all .3s}.insight-item:hover{background:var(--theme);transform:translateX(5px)}.insight-icon{font-size:2em}.insight-text{flex:1;color:var(--content);line-height:1.5}.metric-selector,.time-range-selector{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.metric-btn,.range-btn{padding:10px 20px;border:2px solid var(--border);background:var(--theme);border-radius:25px;cursor:pointer;font-size:.95em;transition:all .3s;color:var(--content)}.metric-btn:hover,.range-btn:hover{background:var(--entry);border-color:#f5576c}.metric-btn.active,.range-btn.active{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;border-color:transparent}.chart-container{background:var(--theme);border-radius:15px;padding:25px;margin-bottom:25px}.chart-container canvas{max-height:400px}.trend-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;background:var(--theme);padding:25px;border-radius:15px}.trend-item{display:flex;flex-direction:column;text-align:center}.trend-label{font-size:.9em;color:var(--secondary);margin-bottom:8px}.trend-value{font-size:1.5em;font-weight:700;color:var(--content)}.year-selectors{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:40px;flex-wrap:wrap}.year-select-group{display:flex;align-items:center;gap:10px}.year-select-group label{font-weight:600;color:var(--content)}.year-select{padding:10px 20px;border:2px solid var(--border);background:var(--theme);border-radius:10px;font-size:1.1em;color:var(--content);cursor:pointer}.vs-divider{font-size:1.5em;font-weight:700;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:30px}.radar-chart-wrapper{background:var(--theme);border-radius:15px;padding:25px}.radar-chart-wrapper canvas{max-height:400px}.comparison-table{background:var(--theme);border-radius:15px;padding:25px}.heatmap-container{background:var(--theme);border-radius:15px;padding:30px;margin-bottom:25px;overflow-x:auto}.seasonal-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.records-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.records-panel{background:var(--theme);border-radius:15px;padding:30px}.records-panel.records-best{border:2px solid rgba(16,185,129,.3)}.records-panel.records-worst{border:2px solid rgba(239,68,68,.3)}.panel-title{font-size:1.3em;margin-bottom:20px;color:var(--content)}.records-list{display:flex;flex-direction:column;gap:15px}.record-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--entry);border-radius:10px;transition:all .3s}.record-item:hover{transform:translateX(5px)}.record-icon{font-size:2em}.record-content{flex:1}.record-name{font-weight:600;color:var(--content);margin-bottom:5px}.record-value{font-size:1.5em;font-weight:700;color:#f5576c}.record-date{font-size:.85em;color:var(--secondary);margin-top:5px}.streak-records{background:var(--theme);border-radius:15px;padding:30px}.streak-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.density-controls{margin-bottom:20px}.density-controls label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--content)}.density-heatmap{background:var(--theme);border-radius:15px;padding:30px;margin-bottom:20px;overflow-x:auto}.density-legend{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:10px;font-size:.9em;color:var(--content)}.legend-box{width:20px;height:20px;border-radius:4px}.legend-box.no-data{background:var(--entry);border:1px solid var(--border)}.legend-box.incomplete-data{background:#fbbf24}.legend-box.complete-data{background:#10b981}.milestone-controls{margin-bottom:30px}.btn{padding:12px 30px;border:none;border-radius:25px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(245,87,108,.3)}.btn-secondary{background:var(--theme);color:var(--content);border:2px solid var(--border)}.btn-secondary:hover{background:var(--entry)}.timeline-container{background:var(--theme);border-radius:15px;padding:30px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.modal-content{background:var(--entry);border-radius:20px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{font-size:1.5em;margin-bottom:25px;color:var(--content)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--content)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid var(--border);border-radius:10px;background:var(--theme);color:var(--content);font-size:1em}.form-group textarea{resize:vertical}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.weekly-chart-container{background:var(--theme);border-radius:15px;padding:25px;margin-bottom:25px}.weekly-chart-container canvas{max-height:350px}.weekly-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.forecast-controls{display:flex;align-items:center;gap:15px;margin-bottom:25px}.forecast-controls label{font-weight:600;color:var(--content)}.forecast-controls select{padding:10px 20px;border:2px solid var(--border);background:var(--theme);border-radius:10px;font-size:1em;color:var(--content);cursor:pointer}.forecast-chart-container{background:var(--theme);border-radius:15px;padding:25px;margin-bottom:25px}.forecast-chart-container canvas{max-height:400px}.forecast-insights{background:var(--theme);border-radius:15px;padding:25px;margin-bottom:20px}.forecast-warning{background:rgba(245,158,11,.1);border-left:4px solid #f59e0b;padding:15px 20px;border-radius:10px;color:var(--content);font-size:.9em}.report-controls{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.report-preview{background:var(--theme);border-radius:15px;padding:40px;font-family:georgia,serif;line-height:1.8}.report-preview h2,.report-preview h3{color:var(--content);margin-top:30px;margin-bottom:15px}.report-preview p{margin-bottom:15px;color:var(--content)}.report-preview ul{margin-left:30px;margin-bottom:20px}.report-preview table{width:100%;border-collapse:collapse;margin:20px 0}.report-preview th,.report-preview td{padding:12px;border:1px solid var(--border);text-align:left}.report-preview th{background:var(--entry);font-weight:600}@media(max-width:1200px){.comparison-container{grid-template-columns:1fr}}@media(max-width:768px){.history-page{padding:15px}.history-title{font-size:2em}.section-title{font-size:1.5em}.dashboard-stats{grid-template-columns:1fr}.records-grid{grid-template-columns:1fr}.year-selectors{flex-direction:column;gap:15px}.vs-divider{transform:rotate(90deg)}.stat-card{padding:20px}.stat-icon{font-size:2.5em}.stat-value{font-size:2em}}@media(max-width:480px){.history-page section{padding:25px 20px}.metric-selector,.time-range-selector{justify-content:center}.insights-grid,.trend-stats,.weekly-insights{grid-template-columns:1fr}}.unified-tracking-page{max-width:none!important;width:100%}main:has(.unified-tracking-page){max-width:1600px!important}main:has(.unified-tracking-page) .fresh-container,main:has(.unified-tracking-page) .modern-container{max-width:none!important}.dashboard-grid{grid-template-columns:1fr!important}.stats-row{grid-template-columns:repeat(4,minmax(80px,1fr))!important;gap:15px!important;max-width:100%}.trends-section{margin-bottom:40px}.section-header-with-tabs{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.trend-tabs{display:flex;gap:8px;background:var(--entry);padding:4px;border-radius:8px;border:1px solid var(--border)}.trend-tab{padding:8px 20px;border:none;background:0 0;color:var(--secondary);cursor:pointer;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease}.trend-tab:hover{background:var(--theme);color:var(--primary)}.trend-tab.active{background:var(--tertiary);color:#fff}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.trend-card{background:var(--entry);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .3s ease}.trend-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.trend-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.trend-icon{font-size:24px}.trend-label{font-size:16px;font-weight:600;color:var(--primary)}.trend-values{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.trend-current,.trend-previous{text-align:center;flex:1}.trend-period-label{font-size:12px;color:var(--secondary);margin-bottom:4px}.trend-value{font-size:24px;font-weight:700;color:var(--primary)}.trend-arrow{font-size:20px;color:var(--secondary);flex-shrink:0}.trend-change{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px;font-size:14px;font-weight:600}.trend-change.positive{background:rgba(16,185,129,.1);color:#10b981}.trend-change.negative{background:rgba(239,68,68,.1);color:#ef4444}.trend-change.neutral{background:rgba(156,163,175,.1);color:#9ca3af}.change-icon{font-size:16px}.achievements-section{margin-bottom:40px}.achievements-stats{display:flex;gap:20px;margin-bottom:24px;justify-content:center}.achievement-stat{text-align:center;padding:16px 32px;background:var(--entry);border:1px solid var(--border);border-radius:12px}.achievement-stat .stat-value{font-size:32px;font-weight:700;color:var(--tertiary);margin-bottom:4px}.achievement-stat .stat-label{font-size:14px;color:var(--secondary)}.achievement-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.achievement-tab{padding:8px 16px;border:1px solid var(--border);background:var(--entry);color:var(--secondary);cursor:pointer;border-radius:20px;font-size:14px;transition:all .2s ease}.achievement-tab:hover{background:var(--theme);color:var(--primary);border-color:var(--tertiary)}.achievement-tab.active{background:var(--tertiary);color:#fff;border-color:var(--tertiary)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.achievement-card{background:var(--entry);border:2px solid var(--border);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.achievement-card.unlocked{border-color:#10b981;background:linear-gradient(135deg,var(--entry) 0%,rgba(16,185,129,5%) 100%)}.achievement-card.locked{opacity:.6}.achievement-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.12)}.achievement-badge{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:48px;border-radius:50%;background:var(--theme);border:3px solid var(--border)}.achievement-card.unlocked .achievement-badge{border-color:#10b981;box-shadow:0 0 20px rgba(16,185,129,.3);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(16,185,129,.3)}50%{box-shadow:0 0 30px rgba(16,185,129,.5)}}.achievement-name{font-size:16px;font-weight:600;color:var(--primary);text-align:center;margin-bottom:8px}.achievement-description{font-size:13px;color:var(--secondary);text-align:center;margin-bottom:12px;line-height:1.5}.achievement-progress{margin-top:12px}.progress-bar-container{width:100%;height:8px;background:var(--theme);border-radius:4px;overflow:hidden;margin-bottom:6px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .5s ease}.achievement-card.unlocked .progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669)}.progress-text{font-size:12px;color:var(--secondary);text-align:center}.achievement-unlocked-date{font-size:11px;color:#10b981;text-align:center;margin-top:8px;font-weight:500}.achievement-unlock-badge{position:absolute;top:12px;right:12px;background:#10b981;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.floating-settings-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 8px 24px rgba(102,126,234,.4);cursor:pointer;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.floating-settings-button:hover{transform:scale(1.1)rotate(90deg);box-shadow:0 12px 32px rgba(102,126,234,.6)}.floating-settings-button .button-icon{font-size:28px}.settings-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:2000;align-items:center;justify-content:center;animation:fadeIn .3s ease}.settings-modal.active{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:var(--entry);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:24px;color:var(--primary)}.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--theme);color:var(--secondary);font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--border);color:var(--primary);transform:rotate(90deg)}.modal-body{padding:24px}.settings-group{margin-bottom:32px}.settings-group:last-child{margin-bottom:0}.group-title{font-size:18px;font-weight:600;color:var(--primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.setting-label{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--primary)}.setting-icon{font-size:20px}.goal-input{width:120px;padding:8px 12px;border:2px solid var(--border);border-radius:8px;font-size:15px;color:var(--primary);background:var(--theme);transition:all .2s ease;text-align:center}.goal-input:focus{outline:none;border-color:var(--tertiary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border);justify-content:flex-end}.modal-button{padding:10px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-button.cancel{background:var(--theme);color:var(--secondary);border:1px solid var(--border)}.modal-button.cancel:hover{background:var(--border);color:var(--primary)}.modal-button.save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-button.save:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(102,126,234,.3)}@media(min-width:1920px){.trends-grid{grid-template-columns:repeat(4,1fr)}.achievements-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1400px){.trends-grid{grid-template-columns:repeat(4,1fr)}.achievements-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px) and (max-width:1399px){.trends-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.section-header-with-tabs{flex-direction:column;align-items:flex-start}.trend-tabs{width:100%;justify-content:center}.trends-grid{grid-template-columns:1fr}.achievements-stats{flex-direction:column;gap:12px}.achievement-stat{padding:12px 24px}.achievements-grid{grid-template-columns:1fr}.floating-settings-button{width:50px;height:50px;bottom:20px;right:20px}.floating-settings-button .button-icon{font-size:24px}.modal-content{width:95%;max-height:95vh}.setting-item{flex-direction:column;align-items:flex-start;gap:8px}.goal-input{width:100%}.stats-row{grid-template-columns:repeat(2,1fr)!important;gap:15px!important}}@media(max-width:480px){.trend-tab{padding:6px 12px;font-size:12px}.achievement-tab{padding:6px 12px;font-size:12px}.stats-row{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}.video-container{margin:2rem auto;max-width:80%;position:relative}.video-wrapper{position:relative;width:100%;background:var(--theme);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:box-shadow .3s ease}.video-wrapper:hover{box-shadow:0 8px 24px rgba(0,0,0,.15)}.video-wrapper-16x9{padding-bottom:56.25%}.video-wrapper-16x9 iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-player{width:100%;height:auto;display:block;background:#000;border-radius:8px}.video-player::-webkit-media-controls-panel{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8))}.video-player::-moz-media-controls{background:rgba(0,0,0,.8)}.video-caption{margin-top:.75rem;font-size:.9rem;color:var(--secondary);text-align:center;font-style:italic}.video-caption code{font-size:.85rem}.video-fallback{padding:2rem;text-align:center;color:var(--secondary);background:var(--code-bg);border-radius:4px}.video-fallback a{color:var(--primary);text-decoration:underline}.video-fallback a:hover{color:var(--tertiary)}.video-error{padding:1.5rem;background:rgba(255,59,48,.1);border:2px solid rgba(255,59,48,.3);border-radius:8px;text-align:center}.video-error p{margin:0;color:var(--content)}.video-error code{background:rgba(255,59,48,.2);padding:.2rem .4rem;border-radius:4px;font-family:var(--code-font-family)}.video-wrapper.loading::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,var(--hljs-bg) 0%,var(--code-bg) 50%,var(--hljs-bg) 100% );background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:1}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.video-wrapper::after{content:'▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:rgba(255,255,255,.9);text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none;opacity:0;transition:opacity .3s ease}.video-wrapper:hover::after{opacity:.8}.video-player:not([poster]):not(:paused)~.video-wrapper::after{display:none}@media screen and (max-width:768px){.video-container{margin:1.5rem auto}.video-wrapper{border-radius:6px}.video-caption{font-size:.85rem}.video-wrapper::after{font-size:3rem}}@media screen and (max-width:576px){.video-container{margin:1rem -1rem}.video-wrapper{border-radius:0;box-shadow:none}.video-wrapper:hover{box-shadow:none}.video-caption{margin-left:1rem;margin-right:1rem;font-size:.8rem}.video-wrapper::after{font-size:2.5rem}.video-player::-webkit-media-controls-panel{font-size:14px}}.dark .video-wrapper{box-shadow:0 4px 12px rgba(0,0,0,.3)}.dark .video-wrapper:hover{box-shadow:0 8px 24px rgba(0,0,0,.5)}.dark .video-caption{color:var(--secondary)}.dark .video-error{background:rgba(255,69,58,.15);border-color:rgba(255,69,58,.4)}.video-wrapper,.video-player{will-change:transform;transform:translateZ(0)}.video-wrapper::after{backface-visibility:hidden}.video-wrapper iframe[src*=bilibili]{background:#000}.video-wrapper iframe[src*=youtube]{background:#000}.video-player:focus{outline:2px solid var(--primary);outline-offset:4px}@media(prefers-contrast:high){.video-wrapper{border:2px solid var(--border)}.video-error{border-width:3px}}@media(prefers-reduced-motion:reduce){.video-wrapper,.video-wrapper::after,.video-player{transition:none;animation:none}}