.header{padding:24px 0}.header-container{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;justify-content:center;align-items:center}.logo-text{font-size:1.5rem;font-weight:500;background:white;background-clip:text;color:transparent;transition:all .3s ease}.logo-text:hover{text-shadow:0 0 8px rgba(74,134,232,.3),0 0 8px rgba(255,107,107,.3)}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav li{margin-left:32px}.nav a{font-weight:550;font-size:1.5rem;position:relative}.nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--accent-color);transition:width .3s ease}.nav a:hover:after{width:100%}@media (max-width:768px){.header-container{flex-direction:column;align-items:center}.nav{margin-top:16px;width:100%}.nav ul{justify-content:center}.nav li:first-child{margin-left:0}.nav li{margin-left:24px}}.footer{padding:40px 0;margin-top:40px}.footer-container{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.footer p{color:var(--text-color);opacity:.7;margin:0}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-color);opacity:.7;text-decoration:none;font-size:14px;transition:opacity .3s ease,color .3s ease}.footer-links a:hover{opacity:1;color:var(--accent-color)}@media (max-width:768px){.footer-container{flex-direction:column;align-items:center;text-align:center}.footer-links{margin-top:16px}}*{box-sizing:border-box;margin:0;padding:0}:root{--background-color:#2d2d2d;--text-color:#e0e0e0;--accent-color:#4a86e8;--third-color:#FF6B6B;--white-color:#ffffff;--fade-in-duration:0.8s}body,html{max-width:100vw;height:100%;overflow:hidden;font-family:Consolas,Monaco,monospace;line-height:1.5;color:var(--text-color);background-color:var(--background-color);background-image:radial-gradient(circle at top right,rgba(74,134,232,.05),transparent 400px),radial-gradient(circle at bottom left,rgba(255,107,107,.05),transparent 400px);background-attachment:fixed}.app{display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden}.main-content{flex:1;display:flex;justify-content:center;align-items:center;width:100%;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--fade-in-duration) ease-out forwards}a{color:var(--text-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color)}.third-color-link,.third-color-link:hover{color:var(--third-color)}.third-color-link:hover{opacity:.8}h1,h2,h3,h4,h5,h6{font-weight:600}.container{max-width:1280px;margin:0 auto;padding:0 16px}.text-center{text-align:center}.function-block{position:relative;padding:0 0 0 20px}.home-function{max-width:800px;width:100%;min-height:70vh;margin:0;display:flex;flex-direction:column;justify-content:center;padding-top:100px}.function-name{font-family:Consolas,Monaco,monospace;font-size:1.6rem;color:var(--text-color);margin:0 0 20px;display:flex;align-items:center;font-weight:550}.function-content{padding-left:20px}.function-end{font-family:Consolas,Monaco,monospace;font-size:1.6rem;color:var(--text-color);margin-top:20px;padding-left:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:40px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:40px}