/*
  PaperMod v8+
  License: MIT https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE
  Copyright (c) 2020 nanxiaobei and adityatelange
  Copyright (c) 2021-2026 adityatelange
*/
:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--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);--code-block-bg:rgb(28, 29, 33);--code-bg:rgb(245, 245, 245);--border:rgb(238, 238, 238);color-scheme:light}:root[data-theme=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);--code-block-bg:rgb(46, 46, 51);--code-bg:rgb(55, 56, 62);--border:rgb(51, 51, 51);color-scheme:dark}.list{background:var(--code-bg)}[data-theme=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:25px 0;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;text-underline-offset:.25rem;text-decoration:underline}.top-link{position:fixed;bottom:4rem;right:2rem;z-index:99;background:var(--tertiary);width:2.5rem;height:2.5rem;padding:10px;border-radius:64px;transition:visibility .3s,opacity .3s cubic-bezier(.4,0,1,1)}.hidden{visibility:hidden;opacity:0}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--primary)}.header-nav{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin:auto;line-height:var(--header-height);padding:0 var(--gap);column-gap:var(--gap)}.header-nav a{display:block}.logo,.menu{display:flex}.logo{align-items:center;column-gap:.55rem;flex-wrap:wrap}.logo a{font-size:24px;font-weight:700;display:flex;align-items:center;column-gap:.55rem}.logo a img,.logo a svg{pointer-events:none;border-radius:6px}.theme-toggle{padding:0 .4rem}[data-theme=dark] .moon{display:none}[data-theme=light] .sun{display:none}.logo-switches{display:inline-flex;gap:.4rem;align-items:inherit;min-height:stretch;flex-wrap:inherit}.logo-switches>*{min-height:inherit;align-items:center;display:inline-flex}.nav-sep{color:var(--secondary)}.lang-menu *{display:inherit;min-height:inherit;align-items:inherit}.lang-menu a{font-size:1rem;font-weight:500;padding:0 .4rem;display:inline-flex}.menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap;column-gap:var(--gap)}.menu a{font-size:16px}.menu .active{font-weight:500;text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:2px}.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}.md-content h3,.md-content h4,.md-content h5,.md-content h6{margin:24px 0 16px}.md-content h1{margin:40px auto 32px;font-size:40px}.md-content h2{margin:32px auto 24px;font-size:32px}.md-content h3{font-size:24px}.md-content h4{font-size:16px}.md-content h5{font-size:14px}.md-content h6{font-size:12px}.md-content a:not(.anchor){text-underline-offset:.3rem;text-decoration:underline}.md-content del{text-decoration:line-through}.md-content dl:not(:last-child),.md-content ol:not(:last-child),.md-content p:not(:last-child),.md-content figure:not(:last-child),.md-content ul:not(:last-child){margin-bottom:var(--content-gap)}.md-content ol,.md-content ul{padding-inline-start:1.25rem}.md-content li{margin-top:.3rem}.md-content li p{margin-bottom:0}.md-content dl{display:flex;flex-wrap:wrap;margin:0}.md-content dt{width:25%;font-weight:700}.md-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.md-content dd~dd,.md-content dt~dt{margin-top:10px}.md-content table{margin-bottom:var(--content-gap)}.md-content table th,.md-content table:not(.highlighttable,.highlight table,.gist .highlight) td{min-width:80px;padding:6px 13px;line-height:1.5;border:1px solid var(--border)}.md-content table th{text-align:start}.md-content table:not(.highlighttable) td code:only-child{margin:auto 0}.md-content .highlight table{border-radius:var(--radius)}.md-content .highlight:not(table){margin-bottom:var(--content-gap);background:var(--code-block-bg)!important;border-radius:var(--radius);direction:ltr}.md-content li>.highlight{margin-inline-end:0}.md-content ul pre{margin-inline-start:calc(var(--gap) * -2)}.md-content .highlight pre{margin:0}.md-content .highlighttable{table-layout:fixed}.md-content .highlighttable td:first-child{width:40px}.md-content .highlighttable td .linenodiv{padding-inline-end:0!important}.md-content .highlighttable td .highlight,.md-content .highlighttable td .linenodiv pre{margin-bottom:0}.post-content code{padding:.2rem .3rem;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:.2rem}.md-content pre code{display:grid;margin:auto 0;padding:10px;color:#d5d5d6;background:var(--code-block-bg)!important;border-radius:var(--radius);overflow-x:auto;word-break:break-all}.md-content blockquote{margin:1rem 0;padding-inline-start:1rem;border-inline-start:.3rem solid var(--content)}.md-content hr{margin:30px 0;height:2px;background:var(--tertiary);border:0}.md-content iframe{max-width:100%}.md-content img{border-radius:var(--radius);margin:1rem 0}.md-content img[src*="#center"]{margin:1rem auto}.md-content figure.align-center{text-align:center}.md-content figure>figcaption{color:var(--primary);font-size:16px;font-weight:700;margin:8px 0 16px}.md-content figure>figcaption>p{color:var(--secondary);font-size:14px;font-weight:400}.md-content h1:hover .anchor,.md-content h2:hover .anchor,.md-content h3:hover .anchor,.md-content h4:hover .anchor,.md-content h5:hover .anchor,.md-content h6:hover .anchor{display:inline-flex;color:var(--secondary);margin-inline-start:.5em;font-weight:500;user-select:none}.anchor:hover{color:var(--content)!important}.md-content img.in-text{display:inline;margin:auto}mark{border-radius:2px;padding:0 2px}audio{display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;height:2.5rem;margin-bottom:var(--content-gap)}audio::-webkit-media-controls-enclosure{border-radius:0}video{border:1px solid var(--code-bg);border-radius:var(--radius);max-width:100%}.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-header h2{font-size:40px}.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{--content-gap:0.5rem;-webkit-line-clamp:unset;margin:0}.home-info .social-icons a:first-of-type{padding-inline-start:0}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .25s ease;border:1px solid var(--border)}.post-entry:hover,.post-entry:focus-within{transform:translateY(-2px);border-color:var(--tertiary)}.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}.home-info .entry-content p{margin-block-start:1em;margin-block-end:1em}.entry-footer{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--radius)}.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;display:flex;flex-direction:column;gap:.5rem}.entry-cover img{border-radius:var(--radius);width:100%;height:auto}.entry-cover a{text-underline-offset:.3rem;text-decoration:underline}.page-header,.post-header{margin:24px auto var(--content-gap)}.post-title{font-size:40px}.post-description{margin-top:10px}.post-meta{margin-top:5px}.post-meta,.breadcrumbs{color:var(--secondary);font-size:14px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.breadcrumbs a{font-size:16px}.breadcrumbs svg{height:1em}.i18n_list{display:inline-flex}.post-meta .i18n_list li{list-style:none;margin:auto 3px}.post-meta a,.toc a:hover{text-underline-offset:.3rem;text-decoration:underline}.post-meta a{color:var(--secondary);text-decoration-style:dotted}details.toc{margin-bottom:var(--content-gap);background:var(--code-bg);border-radius:var(--radius);border:1px solid var(--border)}[data-theme=dark] details.toc{background:var(--entry)}details.toc summary{padding:.3rem 1.2rem;border-radius:var(--radius)}details summary{cursor:pointer;display:list-item;width:100%;margin-inline-start:0;user-select:none}details .title{display:inline;font-weight:500;margin-inline-start:.2rem}details{interpolate-size:allow-keywords}details::details-content{height:0;opacity:0;overflow:clip;transition:height 150ms ease,opacity 150ms ease,content-visibility 150ms allow-discrete}details[open]::details-content{height:auto;opacity:1}details .inner{margin:0 2.4rem;padding-bottom:.6rem}details li ul{margin-inline-start:var(--gap)}.post-content{color:var(--content);margin:30px 0}.post-footer{margin-top:var(--content-gap)}.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}.paginav{display:flex;line-height:1.2}.paginav .title{letter-spacing:1px;text-transform:uppercase;font-size:.8rem;color:var(--secondary)}.paginav a{width:50%;display:flex;flex-direction:column;gap:.5rem;padding:.8rem;border-radius:var(--radius)}.paginav span:hover:not(.title){text-underline-offset:.2rem;text-decoration:underline}.paginav .next{margin-inline-start:auto;text-align:right}[dir=rtl] .paginav .next{text-align:left}h1>a>svg{display:inline}.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}.profile .profile_inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile img{border-radius:50%}.buttons{flex-wrap:wrap;max-width:400px;gap:1rem}.button{background:var(--tertiary);border-radius:var(--radius);padding:.4rem .8rem}.searchbox input{padding:4px 10px;width:100%;color:var(--primary);font-weight:700;border:2px solid var(--tertiary);border-radius:var(--radius)}.searchResults li{list-style:none;border-radius:var(--radius);padding:10px 15px;position:relative;font-weight:500;display:flex;align-items:center;justify-content:space-between;background:var(--entry);transition:transform .25s ease;border:1px solid var(--border)}.searchResults{margin:var(--content-gap)0;width:100%;display:flex;flex-direction:column;gap:10px}.searchResults li:hover,.searchResults li:focus-within{transform:translateY(-2px);border-color:var(--tertiary)}.searchResults li .entry-link:focus{outline:2px solid var(--secondary);outline-offset:-2px}.terms-tags{display:flex;flex-wrap:wrap;gap:1em;margin-top:var(--content-gap)}.terms-tags li{display:inline-block;font-weight:500}.terms-tags a{display:block;padding:4px 10px;background:var(--tertiary);border-radius:var(--radius);transition:transform .1s}.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:8px 0}.highlight pre.chroma .line .cl,.chroma .ln{padding:0 10px}.chroma .lntd:last-of-type{width:100%}@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}}1| 1| 2| 2|html{ 3| 3| font-size: 100%; 4| 4| scroll-behavior: smooth; 5| 5|}6| 6|body{line-height:1.75}7| 7| 8| 8| 9| 9|.main-content,.post-content{ 10| 10| max-width: 720px; 11| 11| margin: 0 auto; 12| 12| padding-inline: 16px; 13| 13|}14| 14|.post-content p{ 15| 15| line-height: 1.8; 16| 16| font-size: 1.02rem; 17| 17| margin-bottom: 1rem; 18| 18|}19| 19| 20| 20| 21| 21|.post-content img,.home-banner img{ 22| 22| max-width: 100%; 23| 23| height: auto; 24| 24| border-radius: 8px; 25| 25|}26| 26| 27| 27| 28| 28|.post-content img{ 29| 29| loading: lazy; 30| 30| background: #f0f0f0; 31| 31|}32| 32| background: #1a1f2b; 33| 33|}34| 34| 35| 35| 36| 36|pre{ 37| 37| border-radius: 8px; 38| 38| padding: 12px 16px; 39| 39| overflow-x: auto; 40| 40|}41| 41|code{font-size:.9rem}42| 42| 43| 43| 44| 44| 45| 45|.breadcrumbs{ 46| 46| font-size: 0.82rem; 47| 47| margin-bottom: 8px; 48| 48| display: flex; 49| 49| align-items: center; 50| 50| gap: 4px; 51| 51| flex-wrap: wrap; 52| 52|}53| 53|.breadcrumbs a{color:var(--secondary);text-decoration:none}54| 54|.breadcrumbs a:hover{color:var(--primary);text-decoration:underline}55| 55|.breadcrumbs span{color:var(--primary);font-weight:500}56| 56|.breadcrumbs svg{flex-shrink:0}57| 57|.post-nav{ 58| 58| display: flex; 59| 59| justify-content: space-between; 60| 60| gap: 16px; 61| 61| margin-top: 32px; 62| 62| padding-top: 16px; 63| 63| border-top: 1px solid var(--border); 64| 64|}65| 65|.post-nav-item{ 66| 66| flex: 1; 67| 67| padding: 12px 16px; 68| 68| border: 1px solid var(--border); 69| 69| border-radius: 8px; 70| 70| transition: border-color 0.2s, background 0.2s; 71| 71| text-decoration: none; 72| 72|}73| 73|.post-nav-item:hover{ 74| 74| border-color: var(--primary); 75| 75| background: var(--entry); 76| 76|}77| 77|.post-nav-item .nav-label{ 78| 78| font-size: 0.75rem; 79| 79| color: var(--secondary); 80| 80| margin-bottom: 2px; 81| 81|}82| 82|.post-nav-item .nav-title{ 83| 83| font-size: 0.88rem; 84| 84| color: var(--primary); 85| 85| font-weight: 500; 86| 86| line-height: 1.4; 87| 87|}88| 88|.post-nav-next{text-align:right}89| 89|.home-banner{ 90| 90| padding: 2.5rem 2rem; 91| 91| border-radius: 12px; 92| 92| background: linear-gradient(135deg, #e8f0fe, #f0f7ff, #e6f0fa); 93| 93| background-size: 200% 200%; 94| 94| animation: bannerGradient 8s ease infinite; 95| 95| margin-bottom: 32px; 96| 96| text-align: center; 97| 97|}98| 98|@keyframes bannergradient{ 99| 99| 0% { background-position: 0% 50%; } 100| 100| 50% { background-position: 100% 50%; } 101| 101| 100% { background-position: 0% 50%; } 102| 102|}103| 103|.home-banner h1{font-size:1.6rem;margin-bottom:10px}104| 104|.home-banner p{color:#555;max-width:700px;margin:0 auto}105| 105| 106| 106| 107| 107|.post-entry{ 108| 108| padding: 18px 22px !important; 109| 109| border-radius: 10px; 110| 110| border: 1px solid #ccc !important; 111| 111| margin-bottom: 16px !important; 112| 112| transition: transform 0.25s cubic-bezier(0.25,0.46,0.45,0.94), box-shadow 0.25s ease, border-color 0.25s ease; 113| 113| background: #fff !important; 114| 114| box-shadow: 0 1px 3px rgba(0,0,0,0.04); 115| 115|}116| 116| 117| 117| 118| 118|.post-entry:first-of-type,119| 119|.first-entry{ 120| 120| border: 1px solid #c5d9f0 !important; 121| 121| border-left: 5px solid #1d4ed8 !important; 122| 122| border-radius: 10px; 123| 123| padding: 24px 26px !important; 124| 124| margin-bottom: 18px !important; 125| 125| background: linear-gradient(135deg, #f0f7ff, #e8f2ff) !important; 126| 126| box-shadow: 0 2px 8px rgba(37,99,235,0.08); 127| 127| transition: transform 0.2s, box-shadow 0.2s; 128| 128|}129| 129|.post-entry:first-of-type:hover,130| 130|.first-entry:hover{ 131| 131| transform: translateY(-2px); 132| 132| box-shadow: 0 8px 24px rgba(37,99,235,0.12); 133| 133|}134| 134| 135| 135| 136| 136|.home-banner~.post-entry:first-of-type,137| 137|.home-banner~.first-entry{ 138| 138| border-left: 5px solid #1d4ed8 !important; 139| 139| padding: 32px 30px !important; 140| 140| margin-bottom: 20px !important; 141| 141|}142| 142|.home-banner~.post-entry:first-of-type .entry-title,143| 143|.home-banner~.post-entry:first-of-type h2{ 144| 144| font-size: 1.2rem !important; 145| 145| font-weight: 700 !important; 146| 146|}147| 147|.home-banner~.post-entry:first-of-type:hover,148| 148|.home-banner~.first-entry:hover{ 149| 149| transform: translateY(-3px); 150| 150| box-shadow: 0 8px 24px rgba(37,99,235,0.12); 151| 151|}152| 152|.home-banner~.post-entry:first-of-type,153| 153|.home-banner~.first-entry{ 154| 154| padding: 32px 30px !important; 155| 155| margin-bottom: 20px !important; 156| 156| box-shadow: 0 2px 8px rgba(37,99,235,0.08); 157| 157|}158| 158|.home-banner~.post-entry:first-of-type .entry-title,159| 159|.home-banner~.post-entry:first-of-type h2{ 160| 160| font-size: 1.2rem !important; 161| 161| font-weight: 700 !important; 162| 162|}163| 163|.post-entry:hover{ 164| 164| transform: translateY(-2px); 165| 165| box-shadow: 0 6px 18px rgba(0,0,0,0.06); 166| 166|}167| 167|.post-meta,.entry-meta{ 168| 168| font-size: 0.82rem; 169| 169| color: var(--secondary); 170| 170| display: flex; 171| 171| gap: 12px; 172| 172| flex-wrap: wrap; 173| 173|}174| 174| 175| 175| 176| 176|.nav-dropdown{position:relative;padding-bottom:10px}177| 177|.nav-dropdown .dropdown-menu{ 178| 178| position: absolute !important; 179| 179| top: 100% !important; 180| 180| left: 0 !important; 181| 181| z-index: 9999 !important; 182| 182| min-width: 140px; 183| 183| background: var(--theme); 184| 184| border: 1px solid var(--border); 185| 185| border-radius: 6px; 186| 186| padding: 4px 0; 187| 187| margin-top: 0 !important; 188| 188| padding-top: 10px !important; 189| 189| box-shadow: 0 4px 12px rgba(0,0,0,0.12); 190| 190| list-style: none; 191| 191| overflow: visible !important; 192| 192| resize: none !important; 193| 193| max-height: unset !important; 194| 194| opacity: 0; 195| 195| visibility: hidden; 196| 196| transition: opacity 0.2s ease, visibility 0.2s ease; 197| 197| pointer-events: none; 198| 198|}199| 199|.nav-dropdown:hover .dropdown-menu{ 200| 200| opacity: 1; 201| 201| visibility: visible; 202| 202| pointer-events: auto; 203| 203|}204| 204|.nav-dropdown .dropdown-menu li{margin:0;padding:0}205| 205|.nav-dropdown .dropdown-menu li a{ 206| 206| display: block; 207| 207| padding: 7px 14px; 208| 208| margin: 3px 8px; 209| 209| border-radius: 4px; 210| 210| font-size: 14px; 211| 211| color: var(--content); 212| 212| text-decoration: none !important; 213| 213| white-space: nowrap; 214| 214| user-select: none; 215| 215| transition: background 0.15s, color 0.15s; 216| 216|}217| 217|.nav-dropdown .dropdown-menu li a:hover{ 218| 218| background: #f0f4f8 !important; 219| 219| color: #2563eb !important; 220| 220|}221| 221| background: #2a3342 !important; 222| 222| color: #60a5fa !important; 223| 223|}224| 224| 225| 225|.dropdown-divider{ 226| 226| height: 1px; 227| 227| background: #e0e0e0; 228| 228| margin: 4px 12px; 229| 229| list-style: none; 230| 230|}231| 231| background: #333; 232| 232|}233| 233| 234| 234| 235| 235|#menu{overflow:visible!important}236| 236|#menu>li>a{ 237| 237| letter-spacing: normal !important; 238| 238| padding: 6px 10px !important; 239| 239| border-radius: 6px; 240| 240| transition: background 0.15s, color 0.15s; 241| 241|}242| 242|#menu>li>a:hover{background:var(--border);color:var(--primary)}243| 243|.dropdown-trigger{ 244| 244| padding: 6px 13px; 245| 245| border-radius: 6px; 246| 246| transition: background 0.15s; 247| 247| cursor: pointer; 248| 248| user-select: none; 249| 249|}250| 250|.nav-dropdown:hover .dropdown-trigger{background:var(--border)}251| 251|.dropdown-trigger .arrow{ 252| 252| display: inline-block; 253| 253| font-size: 10px; 254| 254| margin-left: 3px; 255| 255| transition: transform 0.2s; 256| 256|}257| 257|.nav-dropdown:hover .dropdown-trigger .arrow{transform:rotate(180deg)}258| 258| background: var(--theme); 259| 259| border-color: var(--border); 260| 260| box-shadow: 0 4px 12px rgba(0,0,0,0.3); 261| 261|}262| 262| 263| 263| 267| 267| 268| 268| 269| 269|@media screen and (min-width: 768px) and (max-width: 1024px){ 270| 270| .main-content, .post-content { 271| 271| max-width: 680px; 272| 272| padding-inline: 20px; 273| 273| } 274| 274| .post-entry { padding: 16px; } 275| 275|}276| 276| 277| 277| 278| 278|@media screen and (max-width: 767px){ 279| 279| .main-content, .post-content { 280| 280| padding-inline: 14px; 281| 281| } 282| 282| .post-entry { 283| 283| padding: 14px 16px !important; 284| 284| margin-bottom: 14px !important; 285| 285| } 286| 286| .post-title { font-size: 1.4rem !important; } 287| 287| h1 { font-size: 1.6rem; } 288| 288| h2 { font-size: 1.35rem; } 289| 289| h3 { font-size: 1.2rem; } 290| 290| 291| 291| 292| 292| .nav-dropdown .dropdown-menu { 293| 293| right: 12px !important; 294| 294| left: auto !important; 295| 295| min-width: 130px; 296| 296| } 297| 297| 298| 298| .nav-dropdown .dropdown-menu li a { 299| 299| padding: 10px 14px !important; 300| 300| } 301| 301| 302| 302| .home-banner { 303| 303| padding: 2rem 1rem; 304| 304| } 305| 305| .home-banner h1 { font-size: 1.2rem; } 306| 306|}307| 307| 308| 308| 309| 309|mark{ 310| 310| background: #fef08a; 311| 311| color: #000; 312| 312| padding: 0 3px; 313| 313| border-radius: 2px; 314| 314|}315| 315| background: #854d0e; 316| 316| color: #fff; 317| 317|}318| 318| 319| 319| 320| 320|.list .entry-meta span:first-child,321| 321|.list .post-meta span:first-child{ 322| 322| display: none; 323| 323|}324| 324| 325| 325| 326| 326|.post-single{ 327| 327| border: 1px solid #ddd !important; 328| 328| border-radius: 10px; 329| 329| padding: 24px 28px; 330| 330| background: var(--entry); 331| 331|}332| 332| border-color: #444 !important; 333| 333|}334| 334| 335| 335| 336| 336|html{transition:background .3s,color .3s}337| 337| 338| 338| 339| 339|html{scroll-behavior:smooth}340| 340| 341| 341| 342| 342|@media (prefers-reduced-motion: reduce){ 343| 343| *, *::before, *::after { 344| 344| animation-duration: 0.01ms !important; 345| 345| animation-iteration-count: 1 !important; 346| 346| transition-duration: 0.01ms !important; 347| 347| } 348| 348| .post-entry:hover { 349| 349| transform: none !important; 350| 350| box-shadow: none !important; 351| 351| } 352| 352|}353| 353| 354| 354| 355| 355|@media (max-width: 767px){ 356| 356| 357| 357| .post-entry:active { 358| 358| transform: translateY(0); 359| 359| background-color: #f7f8fa; 360| 360| } 361| 361| background-color: #272f3b; 362| 362|}363| 363| .nav-dropdown .dropdown-menu li a:active{ 364| 364| background-color: #dbeafe !important; 365| 365| color: #2563eb !important; 366| 366|}367| 367| background-color: #1e3a62 !important; 368| 368| color: #60a5fa !important; 369| 369|}370| 370|}371| 371| 372| 372| 373| 373|.entry-card-label{ 374| 374| position: absolute; 375| 375| top: 10px; 376| 376| left: 10px; 377| 377| z-index: 2; 378| 378| font-size: 0.7rem; 379| 379| padding: 2px 10px; 380| 380| border-radius: 4px; 381| 381| background: #2563eb; 382| 382| color: #fff; 383| 383| font-weight: 500; 384| 384| line-height: 1.6; 385| 385| pointer-events: none; 386| 386|}387| 387|.post-entry{position:relative}388| 388| 389| 389| 390| 390|.related-section{ 391| 391| margin-top: 36px; 392| 392| padding-top: 24px; 393| 393| border-top: 1px solid var(--border); 394| 394|}395| 395|.related-title{ 396| 396| font-size: 1rem; 397| 397| font-weight: 600; 398| 398| margin-bottom: 14px; 399| 399| color: var(--content); 400| 400|}401| 401|.related-grid{ 402| 402| display: grid; 403| 403| grid-template-columns: repeat(2, 1fr); 404| 404| gap: 10px; 405| 405|}406| 406|@media (max-width: 767px){.related-grid { grid-template-columns: 1fr; }}407| 407|.related-card{ 408| 408| display: block; 409| 409| padding: 12px 14px; 410| 410| border: 1px solid var(--border); 411| 411| border-radius: 8px; 412| 412| text-decoration: none; 413| 413| transition: border-color 0.15s; 414| 414|}415| 415|.related-card:hover{border-color:var(--primary)}416| 416|.related-card-title{ 417| 417| font-size: 0.88rem; 418| 418| font-weight: 600; 419| 419| color: var(--primary); 420| 420| line-height: 1.4; 421| 421| margin-bottom: 4px; 422| 422|}423| 423|.related-card-meta{ 424| 424| font-size: 0.72rem; 425| 425| color: var(--secondary); 426| 426|}427| 427| 428| 428| 429| 429| 430| 430|.header-search{ 431| 431| position: fixed; 432| 432| top: 7px; 433| 433| right: 54px; 434| 434| z-index: 998; 435| 435| display: flex; 436| 436| align-items: center; 437| 437| gap: 6px; 438| 438| padding: 6px 16px; 439| 439| border: 1px solid var(--border); 440| 440| border-radius: 999px; 441| 441| background: var(--entry); 442| 442| cursor: pointer; 443| 443| transition: all 0.2s; 444| 444| font-size: 13px; 445| 445| color: var(--secondary); 446| 446| width: 180px; 447| 447|}448| 448|.header-search:hover{ 449| 449| border-color: var(--primary); 450| 450| color: var(--primary); 451| 451| background: var(--theme); 452| 452| width: 200px; 453| 453|}454| 454|.header-search-icon{font-size:14px;flex-shrink:0}455| 455|.header-search-text{ 456| 456| white-space: nowrap; 457| 457| overflow: hidden; 458| 458| text-overflow: ellipsis; 459| 459| flex: 1; 460| 460|}461| 461|.header-search-kbd{ 462| 462| padding: 1px 5px; 463| 463| border: 1px solid var(--border); 464| 464| border-radius: 4px; 465| 465| font-size: 11px; 466| 466| font-family: inherit; 467| 467| color: var(--secondary); 468| 468| background: var(--theme); 469| 469| flex-shrink: 0; 470| 470|}471| 471| 472| 472|@media (max-width: 768px){ 473| 473| .header-search { 474| 474| right: 48px; 475| 475| padding: 5px 10px; 476| 476| width: 100px; 477| 477| font-size: 12px; 478| 478| } 479| 479| .header-search:hover { width: 120px; } 480| 480| .header-search-kbd { display: none; } 481| 481|}482| 482|@media (max-width: 480px){ 483| 483| .header-search { width: 36px; padding: 6px; } 484| 484| .header-search-text, .header-search-kbd { display: none; } 485| 485|}486| 486| 487| 487| 488| 488|.search-overlay{ 489| 489| display: none; 490| 490| position: fixed; 491| 491| top: 0;left:0; 492| 492| width: 100%;height:100%; 493| 493| background: rgba(0,0,0,0.55); 494| 494| z-index: 99999; 495| 495| backdrop-filter: blur(4px); 496| 496|}497| 497|.search-overlay.active{display:block}498| 498| .search-modal{}.post-content h2{font-size:1.35rem;margin-top:2rem;margin-bottom:.8rem;padding-bottom:.4rem;border-bottom:2px solid var(--border);position:relative}.post-content h2::after{content:'';position:absolute;bottom:-2px;left:0;width:50px;height:2px;background:var(--primary)}.post-content h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.6rem;color:var(--primary)}.post-content p{line-height:1.85;margin-bottom:1rem}.post-entry{backdrop-filter:blur(4px);border-color:transparent!important;box-shadow:0 1px 3px rgba(0,0,0,4%),0 0 0 1px rgba(0,0,0,2%)}.post-entry:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,6%),0 0 0 1px var(--primary);border-color:var(--primary)!important}.home-banner~.post-entry:first-of-type{border-left:4px solid var(--primary)!important;background:linear-gradient(135deg,rgba(26,115,232,3%),rgba(26,115,232,6%))!important}.home-banner{position:relative;overflow:hidden}.home-banner::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(26,115,232,5%) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(52,168,83,5%) 0%,transparent 50%);animation:bannerBg 15s ease infinite}@keyframes bannerBg{0%,100%{transform:translate(0,0)rotate(0)}33%{transform:translate(2%,-1%)rotate(1deg)}66%{transform:translate(-1%,1%)rotate(-.5deg)}}.home-banner h1{position:relative;z-index:1;background:linear-gradient(135deg,#1a73e8,#0d47a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.tag,.post-tags a{padding:3px 12px!important;border-radius:999px!important;border:1px solid var(--border);font-size:.75rem!important;transition:all .2s ease}.tag:hover,.post-tags a:hover{transform:translateY(-2px);box-shadow:0 3px 10px rgba(26,115,232,.15);border-color:var(--primary)}.post-content table{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,4%)}.post-content th{background:var(--primary);color:#fff;font-weight:600;padding:10px 14px;font-size:.88rem}.post-content td{padding:8px 14px;border-bottom:1px solid var(--border)}.post-content tr:last-child td{border-bottom:none}.post-content tr:hover td{background:rgba(26,115,232,3%)}.post-content blockquote{border-left:4px solid var(--primary);background:rgba(26,115,232,4%);padding:12px 18px;border-radius:0 8px 8px 0;margin:1rem 0}.post-content blockquote p{margin-bottom:0;color:var(--secondary);font-style:italic}pre{border-radius:10px!important;box-shadow:inset 0 1px 3px rgba(0,0,0,4%);position:relative}pre::before{content:'';position:absolute;top:0;left:0;right:0;height:28px;background:rgba(0,0,0,5%);border-radius:10px 10px 0 0}.post-content ul,.post-content ol{padding-left:1.5rem}.post-content li{margin-bottom:4px;line-height:1.7}.post-content ul li::marker{color:var(--primary)}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:2rem 0}.footer{position:relative;margin-top:3rem;padding-top:2rem}.footer::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}@media(max-width:767px){.post-content h2{font-size:1.2rem}.post-content{font-size:.95rem}.post-entry{padding:14px 16px!important}.home-banner h1{font-size:1.3rem}}.auth-bar{display:flex;align-items:center;gap:10px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.auth-userinfo{display:none;align-items:center;gap:6px}.logout-btn{cursor:pointer;font-size:.78rem;color:#999}.logout-btn:hover{color:var(--primary)}.auth-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1000;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.auth-overlay.active{display:flex;opacity:1}.auth-modal{background:var(--theme);border:1px solid var(--border);border-radius:12px;padding:28px 24px 24px;width:320px;max-width:90vw;box-shadow:0 8px 32px rgba(0,0,0,.12);transform:scale(.92)translateY(10px);transition:transform .25s cubic-bezier(.22,1,.36,1)}.auth-overlay.active .auth-modal{transform:scale(1)translateY(0)}.auth-modal h2{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:var(--primary)}.auth-close{float:right;cursor:pointer;font-size:1.1rem;color:#999}.auth-close:hover{color:var(--primary)}.auth-error{display:none;font-size:.82rem;color:#d32f2f;margin-bottom:10px}.auth-modal input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:.9rem;margin-bottom:10px;box-sizing:border-box;background:var(--theme);color:var(--primary);outline:none}.auth-modal input:focus{border-color:#1a73e8}.auth-btn-primary{width:100%;padding:9px;background:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;margin-bottom:6px}.auth-btn-primary:hover{background:#1557b0}.auth-btn-secondary{width:100%;padding:9px;background:0 0;color:#1a73e8;border:1px solid #1a73e8;border-radius:8px;font-size:.88rem;cursor:pointer}.auth-btn-secondary:hover{background:rgba(26,115,232,5%)}.zf-more-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:999;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.zf-more-overlay.active{display:flex;opacity:1}.zf-more-panel{background:var(--theme);border:1px solid var(--border);border-radius:12px;padding:0;width:420px;max-width:88vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.12);transform:scale(.95)translateY(10px);transition:transform .25s cubic-bezier(.22,1,.36,1)}.zf-more-overlay.active .zf-more-panel{transform:scale(1)translateY(0)}.zf-more-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.zf-more-title{font-size:.95rem;font-weight:600;color:var(--primary)}.zf-more-close{cursor:pointer;font-size:1rem;color:#999}.zf-more-close:hover{color:var(--primary)}.zf-more-body{padding:8px 20px 20px}.zf-more-group{margin:12px 0}.zf-more-group-title{font-size:.82rem;color:var(--secondary);margin-bottom:8px}.zf-more-grid{display:flex;flex-wrap:wrap;gap:6px}.zf-more-item{display:inline-block;padding:4px 12px;border:1px solid var(--border);border-radius:6px;font-size:.85rem;color:var(--primary);text-decoration:none}.zf-more-item:hover{border-color:var(--primary);background:rgba(26,115,232,4%)}.zf-more-divider{height:1px;background:var(--border);margin:4px 0}.header{position:relative}.header-nav{display:flex;align-items:center;justify-content:center;padding:0 60px}.zf-nav{display:flex;list-style:none;margin:0;padding:0;gap:2px;align-items:center}.zf-nav-item{margin:0}.zf-nav-item a{display:block;padding:6px 10px;font-size:.88rem;color:var(--primary);text-decoration:none;border-radius:6px}.zf-nav-item a:hover{background:rgba(26,115,232,6%)}.zf-nav-item a span.active{font-weight:600;color:#1a73e8}.zf-more-trigger{cursor:pointer;padding:6px 10px;font-size:.88rem;border-radius:6px;color:var(--primary)}.zf-more-trigger:hover{background:rgba(26,115,232,6%)}.zf-arrow{font-size:.72rem;margin-left:2px}.page-link{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:36px;padding:0 16px;border:1px solid var(--border);border-radius:calc(36px/2);text-decoration:none;transition:all .2s}.page-link.current{background:var(--primary);color:var(--theme);border-color:var(--primary);font-weight:600}a.page-link:hover{background:var(--tertiary);border-color:var(--primary)}.search-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:2000;align-items:flex-start;justify-content:center;padding-top:10vh;opacity:0;transition:opacity .25s ease}.search-overlay.active{display:flex;opacity:1}.search-modal{background:var(--theme);border:1px solid var(--border);border-radius:12px;width:640px;max-width:92vw;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.12);overflow:hidden;transform:translateY(-20px);transition:transform .3s cubic-bezier(.22,1,.36,1)}.search-overlay.active .search-modal{transform:translateY(0)}.search-modal-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);gap:8px}.search-modal-header input{flex:1;border:none;outline:none;font-size:.95rem;background:0 0;color:var(--primary)}.search-modal-header button{border:none;background:0 0;cursor:pointer;font-size:1.1rem;color:#999;padding:4px}.search-modal-header button:hover{color:var(--primary)}.search-hot,.search-history{padding:12px 16px 8px}.search-hot-title,.search-history-title{font-size:.82rem;color:var(--secondary);margin-bottom:8px}.search-hot-tags{display:flex;flex-wrap:wrap;gap:6px}.hot-tag{display:inline-block;padding:3px 10px;border:1px solid var(--border);border-radius:14px;font-size:.8rem;color:var(--primary);cursor:pointer}.hot-tag:hover{border-color:#1a73e8;color:#1a73e8}.search-history-header{display:flex;justify-content:space-between;align-items:center}.search-clear-history{font-size:.78rem;color:#999;cursor:pointer}.search-clear-history:hover{color:#d32f2f}.search-history-list{display:flex;flex-wrap:wrap;gap:6px}.history-item{display:inline-block;padding:3px 10px;border:1px solid var(--border);border-radius:14px;font-size:.8rem;cursor:pointer}.history-item:hover{border-color:var(--primary)}.search-total{padding:0 16px 4px;font-size:.82rem;color:var(--secondary)}.search-results{flex:1;overflow-y:auto;padding:4px 16px 12px}.search-loading{text-align:center;padding:20px;color:var(--secondary)}.search-no-results{text-align:center;padding:30px;color:var(--secondary)}.search-result-item{padding:10px 0;border-bottom:1px solid var(--border)}.search-result-item:last-child{border-bottom:none}.search-result-meta{font-size:.75rem;color:#999;margin-bottom:2px;display:flex;gap:10px}.search-result-title{font-size:.9rem;font-weight:500;color:var(--primary);text-decoration:none}.search-result-title:hover{color:#1a73e8}.search-result-snippet{font-size:.82rem;color:var(--secondary);margin-top:2px}.search-group-title{font-size:.78rem;font-weight:600;color:var(--secondary);padding:8px 0 4px}.search-filter-bar{display:none;padding:0 16px 8px;gap:6px;flex-wrap:wrap}.search-filter-bar .filter-btn{padding:3px 10px;border:1px solid var(--border);border-radius:14px;font-size:.78rem;cursor:pointer}.search-filter-bar .filter-btn.active{background:#1a73e8;color:#fff;border-color:#1a73e8}.search-pagination-wrap{padding:8px 16px 12px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.search-page-btn{padding:3px 10px;border:1px solid var(--border);border-radius:6px;font-size:.8rem;cursor:pointer}.search-page-btn.active{background:#1a73e8;color:#fff;border-color:#1a73e8}.search-page-btn.disabled{opacity:.4;cursor:default}.search-hint{text-align:center;font-size:.75rem;color:#999;padding:6px 0 12px}.mobile-bottom-nav{display:none}@media(max-width:767px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--theme);border-top:1px solid var(--border);z-index:998;padding:4px 0;justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--secondary);font-size:.68rem;padding:4px 10px;gap:2px}.bottom-nav-item.active{color:#1a73e8}.nav-icon,.nav-icon-search{width:20px;height:20px}.nav-label{font-size:.65rem}.bottom-nav-search{width:38px;height:38px;background:#1a73e8;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:6px}.bottom-nav-search .nav-icon-search{width:18px;height:18px;stroke:#fff}body{padding-bottom:60px}}.post-entry{transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease,border-color .3s ease!important;border-left:3px solid transparent!important}.post-entry:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,8%);border-left-color:#1a73e8!important}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.zf-nav-item a{position:relative;transition:color .2s ease}.zf-nav-item a::after{content:'';position:absolute;bottom:2px;left:50%;width:0;height:2px;background:#1a73e8;transition:width .25s ease,left .25s ease;border-radius:1px}.zf-nav-item a:hover::after{width:60%;left:20%}.post-content a{background-image:linear-gradient(transparent calc(100% - 1px),#1a73e8 1px);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .3s ease}.post-content a:hover{background-size:100% 100%}#headerSearchBtn,#authLoginBtn{transition:transform .25s ease,color .2s ease!important;display:inline-block}#headerSearchBtn:hover,#authLoginBtn:hover{transform:scale(1.15);color:#1a73e8!important}.tag,.post-tags a,.hot-tag,.history-item{transition:transform .2s ease,box-shadow .2s ease!important}.tag:hover,.post-tags a:hover,.hot-tag:hover,.history-item:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(26,115,232,.15)}.list,.post-single,.single{animation:pageFadeIn .45s ease}@keyframes pageFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-btn-primary,.msg-btn,.btn,button[type=submit]{transition:transform .1s ease,box-shadow .2s ease!important}.auth-btn-primary:active,.msg-btn:active,.btn:active{transform:scale(.97)}.zf-more-item{transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}.zf-more-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,6%)}.logout-btn,.msg-actions span,.del-btn{transition:color .2s ease}.reading-progress{background:linear-gradient(90deg,#1a73e8,#64b5f6,#1a73e8);background-size:200% 100%;animation:progressShimmer 2s linear infinite}@keyframes progressShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media(max-width:767px){.bottom-nav-item.active .nav-label{animation:navBounce .4s ease}@keyframes navBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}}