@import 'https://fonts.googleapis.com/css2?family=Pacifico&family=Dancing+Script:wght@400;500;600&family=Sacramento&display=swap';@import 'https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&family=Audiowide&display=swap';@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&family=Raleway:wght@100;200;300&display=swap';html,body{height:100%}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}footer{flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.animate-in{animation:fadeInUp .6s ease-out forwards;opacity:0}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}.animate-delay-7{animation-delay:.7s}.animate-delay-8{animation-delay:.8s}.animate-delay-9{animation-delay:.9s}.animate-delay-10{animation-delay:1s}.breadcrumb{animation:fadeInUp .5s ease-out .1s forwards;opacity:0}body>header{animation:fadeIn .8s ease-out forwards;opacity:0}body>main{animation:fadeInUp .5s ease-out .15s forwards;opacity:0}.gradient-banner{background:#1a1a1a;position:relative;overflow:hidden}.gradient-banner>*{position:relative;z-index:1}@media(min-width:769px){.gradient-banner h1,.gradient-banner h2,.gradient-banner .f2,.gradient-banner .f-subheadline-l{font-family:orbitron,sans-serif!important;text-shadow:0 0 20px rgba(255,255,255,.3);color:#fff!important;font-weight:700!important;letter-spacing:2px;text-transform:uppercase;cursor:default!important;user-select:none}}@media(max-width:768px){.gradient-banner h1,.gradient-banner .f2,.gradient-banner .f-subheadline-l{font-size:2rem!important;letter-spacing:1px}.gradient-banner h2,.gradient-banner .fw1{font-size:1.2rem!important;letter-spacing:.5px}.flex-ns.mt5{margin-top:1.5rem!important}main article.pv3,main article.pv4-l{padding-top:.5rem!important;padding-bottom:.5rem!important}article.pa3,article.pa4-ns{padding-top:1rem!important}section.pv3,section.pv4-l{padding-top:.5rem!important;padding-bottom:1rem!important}.breadcrumb{margin-bottom:.5rem!important}header nav{padding-top:.75rem!important;padding-bottom:.75rem!important}}@media(min-width:769px) and (max-width:1024px){.gradient-banner h1,.gradient-banner .f2,.gradient-banner .f-subheadline-l{font-size:2.5rem!important}}.gradient-banner h1{opacity:0!important}@media(max-width:768px){.gradient-banner h1{opacity:1!important;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica,helvetica neue,ubuntu,roboto,noto,segoe ui,arial,sans-serif!important;font-weight:100!important;color:transparent!important;-webkit-text-stroke:.5px rgba(255,255,255,.5);text-stroke:.5px rgba(255,255,255,.5);text-shadow:none!important;text-transform:uppercase;letter-spacing:2px;margin-top:0!important}.gradient-banner h2{opacity:.6!important;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica,helvetica neue,ubuntu,roboto,noto,segoe ui,arial,sans-serif!important;font-weight:200!important}.gradient-banner .tc-l{text-align:center!important}.gradient-banner>div{padding-top:.5rem!important;padding-bottom:.5rem!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-height:80px!important}.gradient-banner{padding-bottom:.25rem!important}}.gradient-banner nav a,.gradient-banner nav .link{text-shadow:0 0 10px rgba(255,255,255,.3);color:#fff!important;transition:all .3s ease;font-weight:400}.gradient-banner nav a:hover,.gradient-banner nav .link:hover{text-shadow:0 0 20px rgba(255,255,255,.6);opacity:1}.category-badge{display:inline-block;font-family:rajdhani,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.35rem .75rem;border-radius:4px;text-decoration:none;transition:all .2s ease;white-space:nowrap;line-height:1;vertical-align:middle}.category-badge[data-category=TECH],.category-badge[data-category=Tech],.category-badge[data-category=tech]{background:#1a1a1a!important;color:#fff!important}.category-badge[data-category=TECH]:hover,.category-badge[data-category=Tech]:hover,.category-badge[data-category=tech]:hover{background:#333!important;box-shadow:0 2px 6px rgba(0,0,0,.3)}.category-badge[data-category=THOUGHTS],.category-badge[data-category=Thoughts],.category-badge[data-category=thoughts],.category-badge[data-category=随笔]{background:#667eea!important;color:#fff!important}.category-badge[data-category=THOUGHTS]:hover,.category-badge[data-category=Thoughts]:hover,.category-badge[data-category=thoughts]:hover,.category-badge[data-category=随笔]:hover{background:#5568d3!important;box-shadow:0 2px 6px rgba(102,126,234,.4)}.category-badge{background:#1a1a1a;color:#fff}.category-badge:hover{background:#333;box-shadow:0 2px 6px rgba(0,0,0,.3)}.category-badge:active{transform:scale(.98)}@media(max-width:768px){.category-badge{font-size:.7rem;padding:.3rem .65rem}}.category-tags{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.category-tag-small{display:inline-block;font-size:.7rem;font-weight:500;padding:.25rem .6rem;border-radius:3px;text-decoration:none;transition:all .2s ease;background:#f0f0f0;color:#666;border:1px solid #e0e0e0;text-transform:capitalize}.category-tag-small:hover{background:#e5e5e5;color:#333;border-color:#d0d0d0;transform:translateY(-1px)}.read-more-btn{display:inline-block;margin-top:1rem;padding:.5rem 1.5rem;font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-decoration:none;color:#333;background:0 0;border:1.5px solid #333;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.read-more-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(51,51,51,.1),transparent);transition:left .5s ease}.read-more-btn:hover::before{left:100%}.read-more-btn:hover{color:#fff;background:#1a1a1a;border-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2),0 0 15px rgba(255,255,255,.1)}.read-more-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.15)}.breadcrumb{margin-bottom:1rem}.breadcrumb ol{font-size:.875rem}.breadcrumb-link{color:#1a1a1a;text-decoration:none;transition:all .3s ease;font-weight:500}.breadcrumb-link:hover{color:#000;text-decoration:underline;text-shadow:0 0 5px rgba(0,0,0,.1)}.breadcrumb-separator{margin:0 .5rem;color:#999}.breadcrumb-current{color:#666;font-weight:400}.breadcrumb li:last-child .breadcrumb-separator{display:none}.gradient-banner{box-shadow:0 4px 20px rgba(255,255,255,5%);border-bottom:1px solid rgba(255,255,255,.1)}.gradient-banner *{transition:all .3s ease}.gradient-banner h2,.gradient-banner .fw1{font-family:rajdhani,sans-serif!important;text-shadow:0 0 15px rgba(255,255,255,.2);color:rgba(255,255,255,.85)!important;font-weight:400;letter-spacing:1px;cursor:default!important;user-select:none}.logo-container{display:inline-block}.handwriting-logo{width:auto;height:50px;overflow:visible}.logo-text{font-family:pacifico,cursive;font-size:48px;letter-spacing:2px;stroke-dasharray:1e3;stroke-dashoffset:1e3;animation:write 2.5s cubic-bezier(.47,0,.745,.715)forwards,fillText .8s ease-in 2.3s forwards;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}@keyframes write{0%{stroke-dashoffset:1e3;opacity:0}5%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}@keyframes fillText{0%{fill:transparent;stroke-width:1.8}50%{fill:rgba(255,255,255,.3)}100%{fill:currentColor;stroke:currentColor;stroke-width:.5}}nav a.f3.fw2,header nav>div>a.f3{font-family:pacifico,cursive!important;font-weight:400!important;letter-spacing:.5px;font-size:2rem!important}