@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap";*{box-sizing:border-box;max-width:100%}:root{--color-background: #1a1a1a;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-accent: #9333EA;--color-accent-r: 147;--color-accent-g: 51;--color-accent-b: 234;--color-border: #333;--font-family-primary: "Roboto Mono", "Noto Sans CJK SC", monospace;--font-family-heading: "Orbitron", sans-serif}body.theme-red{--color-accent: #D42020;--color-accent-r: 212;--color-accent-g: 32;--color-accent-b: 32}body.theme-blue{--color-accent: #00BFFF;--color-accent-r: 0;--color-accent-g: 191;--color-accent-b: 255}html,body{margin:0;width:100%;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-primary);line-height:1.6;overflow-x:hidden;box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;position:relative;min-width:320px;background-image:linear-gradient(0deg,transparent 24%,var(--color-border) 25%,var(--color-border) 26%,transparent 27%,transparent 74%,var(--color-border) 75%,var(--color-border) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,var(--color-border) 25%,var(--color-border) 26%,transparent 27%,transparent 74%,var(--color-border) 75%,var(--color-border) 76%,transparent 77%,transparent);background-size:50px 50px;background-position:-2px -2px;animation:background-pan 60s linear infinite}@keyframes background-pan{0%{background-position:0 0}to{background-position:1000px 1000px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-accent);letter-spacing:2px}a{color:var(--color-accent);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-text-primary);text-decoration:underline}p{margin-bottom:1em}.container{max-width:800px;width:100%;background-color:#000000b3;border:1px solid var(--color-border);box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3);padding:20px;margin-top:50px;margin-bottom:50px;border-radius:8px;z-index:10;word-wrap:break-word;word-break:break-all}.header{text-align:center;margin-bottom:40px}.header h1{font-size:3em;margin-bottom:10px}.header p{font-family:var(--font-family-primary);color:var(--color-text-secondary);font-size:1.1em}.post-list{list-style:none;padding:0}.post-list li{margin-bottom:20px;border-bottom:1px dashed var(--color-border);padding-bottom:15px}.post-list li:last-child{border-bottom:none}.post-list h2{font-size:1.8em;margin-bottom:5px;word-break:break-word;overflow-wrap:break-word}.post-list h2 a{word-break:break-word;overflow-wrap:break-word}.post-list p{color:var(--color-text-secondary);font-size:.9em;word-break:break-word;overflow-wrap:break-word}.post-list p a{word-break:break-word;overflow-wrap:break-word}.post-content{font-size:1.1em}.post-content h2,.post-content h3{color:var(--color-accent);margin-top:1.5em;margin-bottom:.8em}.post-content p{margin-bottom:1em;word-wrap:break-word;word-break:break-all}.post-content code{background-color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.1);border:1px solid rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3);padding:2px 4px;border-radius:3px;font-family:var(--font-family-primary);color:var(--color-accent)}.post-content pre{background-color:#00000080;border:1px solid var(--color-border);padding:15px;border-radius:5px;overflow-x:auto;margin-bottom:1.5em;white-space:pre-wrap}.post-content pre code{background-color:transparent;border:none;padding:0;border-radius:0;color:var(--color-text-primary);word-break:break-all}.three-d-background-placeholder{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:1.5em;color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.2);text-align:center;padding:20px;box-sizing:border-box}@media (max-width: 1200px){.container{width:100%;padding:10px;margin-top:20px;margin-bottom:20px}.header h1{font-size:2.2em}}.article-page-wrapper{max-width:1200px;margin:0 auto;position:relative;padding:0}@media (max-width: 768px){.container{width:100%;padding:20px}.article-page-wrapper{padding:0 10px;width:100%;margin:0 auto}.header h1{font-size:2em}.header p{font-size:1em}.post-list h2{font-size:1.5em}.post-list p{font-size:.8em}.post-content h1{font-size:2em}.post-content h2{font-size:1.6em}.post-content h3{font-size:1.3em}.post-content p{font-size:1em}}.article-outline-hud{position:fixed;top:240px;left:calc(50% + 460px);width:300px;background-color:#000000b3;border:1px solid var(--color-border);box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3);border-radius:8px;overflow:hidden;z-index:100;font-family:var(--font-family-primary);transform:perspective(1500px) rotateY(-35deg) rotateX(5deg);transform-origin:top right;transition:transform .3s ease-in-out}.article-outline-hud-content{padding:15px;background-image:linear-gradient(rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.15) 2px,transparent 2px);background-size:100% 4px;animation:scanline-scroll 15s linear infinite;background-clip:padding-box;background-origin:padding-box;max-height:60vh;overflow-y:auto}.article-outline-hud-content::-webkit-scrollbar{width:8px}.article-outline-hud-content::-webkit-scrollbar-track{background:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.1);border-radius:4px}.article-outline-hud-content::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:4px;border:2px solid transparent;background-clip:content-box}.article-outline-hud-content::-webkit-scrollbar-thumb:hover{background-color:#e0e0e0}@keyframes scanline-scroll{0%{background-position-y:0}to{background-position-y:100%}}@media (max-width: 1200px){.article-outline-hud{display:none}}.author-hud{position:fixed;top:100px;left:calc(50% + 460px);width:300px;background-color:#000000b3;border:1px solid var(--color-border);box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3);border-radius:8px;overflow:hidden;z-index:100;font-family:var(--font-family-primary);transform:perspective(1500px) rotateY(-35deg) rotateX(5deg);transform-origin:bottom right;transition:transform .3s ease-in-out}.author-hud-content{padding:15px;display:flex;align-items:center;gap:20px;background-image:linear-gradient(rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.15) 2px,transparent 2px);background-size:100% 4px;animation:scanline-scroll 10s linear infinite;background-clip:padding-box;background-origin:padding-box}.author-info{text-align:left}.author-info h4{margin:0 0 5px;font-family:var(--font-family-heading);font-size:1.4em}.author-info p{margin:0;font-family:var(--font-family-primary);font-size:.9em;color:var(--color-text-secondary)}.author-info .title{font-style:italic}.author-avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--color-accent);object-fit:cover;margin-bottom:10px;box-shadow:0 0 10px var(--color-accent)}.author-hud h3{color:var(--color-accent);font-family:var(--font-family-heading);text-transform:uppercase;letter-spacing:2px;margin-top:0;margin-bottom:10px}.author-hud p{color:var(--color-text-primary);font-size:.9em;margin-bottom:5px}.author-hud a{color:var(--color-accent);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.author-hud a:hover{color:var(--color-text-primary);text-decoration:underline;text-shadow:0 0 5px var(--color-text-primary)}@media (min-width: 1201px) and (max-width: 1680px){.article-outline-hud,.author-hud{left:auto;right:20px}}@media (max-width: 1200px){.author-hud{position:relative;top:auto;left:auto;width:100%;margin:20px auto;transform:none;text-align:center}}::selection{background-color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.5);color:var(--color-background)}.main-nav{background-color:var(--color-background);padding:15px;box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.5);border-bottom-left-radius:15px;border-bottom-right-radius:15px;position:fixed;top:0;left:50%;transform:translate(-50%);width:90%;max-width:600px;z-index:1000;text-align:center}.main-nav-list{list-style:none;margin:0;padding:0;display:flex;justify-content:center}.main-nav-item{margin:0 20px}.main-nav-link{color:var(--color-accent);text-decoration:none;font-family:var(--font-family-heading);text-transform:uppercase;letter-spacing:2px;font-size:1.1em;text-shadow:0 0 8px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),1);transition:color .3s ease,text-shadow .3s ease}@media (max-width: 1200px){.main-nav{width:100%;left:0;transform:translate(0);max-width:none;padding:15px 20px;border-bottom-left-radius:0;border-bottom-right-radius:0}.main-nav-list{flex-direction:row;justify-content:center}.main-nav-item{margin:0 10px;flex-shrink:0}}.post-image{width:100%;max-width:600px;height:auto;object-fit:contain;display:block;margin:20px auto;border:2px solid var(--color-accent);box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.7);border-radius:8px}.persistent-highlight{display:inline-block;background-color:#00ff004d;color:#fff;padding:2px 4px;border-radius:2px;cursor:pointer;position:relative;z-index:1;transition:background-color .3s ease}.persistent-highlight.highlight-active,.persistent-highlight:hover{background-color:#00ff00b3;box-shadow:0 0 8px #00ff0080}.persistent-note-inline,.persistent-note-block{background-color:#000000b3;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:8px;font-family:var(--font-family-primary);font-size:.9em;text-align:left;transition:box-shadow .3s ease,background-color .3s ease;box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3)}.persistent-note-inline p,.persistent-note-block p{margin:0}.persistent-note-inline.glow-active,.persistent-note-block.glow-active,.persistent-note-inline:hover,.persistent-note-block:hover{box-shadow:0 0 15px #0f0c,0 0 25px #0f09;background-color:#002800f2}.persistent-note-inline{display:none!important}.persistent-note-block{display:block;margin:1em 0;padding:12px}@media (min-width: 1200px){.persistent-note-block{display:none}.persistent-note-inline{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);width:220px;padding:12px;margin-top:10px;z-index:10}.persistent-highlight:hover .persistent-note-inline,.persistent-note-inline:hover{display:block}}.about-container{padding:40px;background-color:#000c;border:1px solid var(--color-border);box-shadow:0 0 25px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.5);border-radius:8px;max-width:900px;margin:50px auto}.about-header{text-align:center;margin-bottom:40px}.about-header img{width:150px;height:150px;border-radius:50%;border:4px solid var(--color-accent);box-shadow:0 0 15px var(--color-accent);margin-bottom:20px}.about-header h1{font-size:2.8em;margin-bottom:10px}.about-header p{font-size:1.2em;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.section{margin-bottom:40px}.section h2{font-size:2em;border-bottom:2px solid var(--color-accent);padding-bottom:10px;margin-bottom:20px}.timeline{list-style:none;padding:0;position:relative}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:20px;width:2px;background-color:var(--color-accent);opacity:.3}.timeline-item{margin-bottom:30px;position:relative;padding-left:50px}.timeline-item:before{content:">>";position:absolute;left:12px;top:0;font-family:var(--font-family-heading);color:var(--color-accent);font-size:1.5em;line-height:1}.timeline-item h3{font-size:1.5em;color:var(--color-text-primary);margin-bottom:5px}.timeline-item .date{font-size:.9em;color:var(--color-text-secondary);margin-bottom:10px;display:block}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.skill-card{background-color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.1);border:1px solid rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3);padding:20px;border-radius:5px;text-align:center}.skill-card h4{margin:auto;font-size:1.2em;color:var(--color-accent)}table{width:100%;border-collapse:collapse;border:1px solid var(--color-accent);box-shadow:0 0 10px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.5);margin-bottom:20px}th,td{padding:12px 15px;border:1px solid rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3);text-align:left;color:var(--color-text-primary)}th{background-color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3);font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.7);font-family:var(--font-family-heading)}tbody tr{background-color:#0009;transition:background-color .3s ease,box-shadow .3s ease}tbody tr:nth-child(2n){background-color:#000000b3}tbody tr:hover{background-color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.15);box-shadow:inset 0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.4)}td a{color:var(--color-accent);text-decoration:none;transition:color .3s ease}td a:hover{color:var(--color-text-primary);text-decoration:underline}@media (max-width: 768px){.about-container{padding:0 10px;width:100%;margin:0 auto}.about-header h1{font-size:2.2em}.about-header p{font-size:1em}.section h2{font-size:1.8em}.timeline-item h3{font-size:1.3em}.timeline-item .date{font-size:.8em}.skill-card h4{font-size:1em}th,td{padding:8px 10px;font-size:.9em}}.theme-toggle-btn{background-color:var(--color-accent);color:var(--color-text-primary);border:1px solid var(--color-border);padding:8px 15px;cursor:pointer;font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:1px;border-radius:5px;box-shadow:0 0 10px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.5);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;position:fixed;top:15px;right:20px;z-index:1001}@media (max-width: 768px){.theme-toggle-btn{width:40px;height:40px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:.8em;top:10px;right:10px;text-indent:-9999px;overflow:hidden}}.persistent-note-item{position:relative;overflow:hidden;background-color:#001400cc;border:1px solid #00ff00;padding:1rem;margin-bottom:1rem;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em;color:#0f0;box-shadow:0 0 8px #0f03;transition:all .2s ease-in-out}.persistent-note-item:before,.persistent-note-item:after{content:"";position:absolute;width:10px;height:10px;border:1px solid #00ff00}.persistent-note-item:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.persistent-note-item:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.persistent-note-item.sci-fi-active,.persistent-note-item:hover{background-color:#002800f2;box-shadow:0 0 25px #00ff00e6,0 0 35px #00ff00b3;transform:scale(1.02);z-index:11}blockquote{background:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.25);border-left:4px solid rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),1);box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.4);color:#d0d0d0;padding:1.5em;margin:2em 0;font-style:italic}blockquote p{margin:0}mjx-container{display:inline-grid;overflow-x:auto;overflow-y:hidden;max-width:100%}body.theme-light{--color-background: #f0f0f0;--color-text-primary: #333333;--color-text-secondary: #555555;--color-accent: #333333;--color-accent-r: 51;--color-accent-g: 51;--color-accent-b: 51;--color-border: #cccccc;--color-shadow-rgb: 0, 0, 0}body.theme-light .container,body.theme-light .article-outline-hud,body.theme-light .author-hud{background-color:#ffffffe6}body.theme-light .theme-toggle-btn{background-color:var(--color-background);color:var(--color-text-primary)}body.theme-light tbody tr{background-color:#fff9}body.theme-light tbody tr:nth-child(2n){background-color:#ffffffb3}body.theme-light tbody tr:hover{background-color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.05);box-shadow:inset 0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.4)}.theme-toggle-btn{background-color:var(--color-accent);color:var(--color-text-primary)}body.theme-light .about-container{background-color:#fffc}body.theme-light .hud-note{background-color:#000000b3;color:var(--color-background);border:1px solid var(--color-border);font-family:var(--font-family-primary);box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3)}body.theme-light .hud-container:hover .hud-note{display:block;box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.8),0 0 25px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.6);background-color:#000000f2}body.theme-light .persistent-highlight.highlight-active,body.theme-light .persistent-highlight:hover{background-color:#282828f2;box-shadow:0 0 8px #00000080}body.theme-light .persistent-highlight{background-color:#141414cc}body.theme-light{.persistent-note-inline,.persistent-note-block{background-color:#ffffffb3;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:8px;font-family:var(--font-family-primary);font-size:.9em;text-align:left;transition:box-shadow .3s ease,background-color .3s ease;box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3)}.persistent-note-inline.glow-active,.persistent-note-block.glow-active,.persistent-note-inline:hover,.persistent-note-block:hover{box-shadow:0 0 15px #000c,0 0 25px #0009;background-color:#282828f2;color:var(--color-background)}.persistent-note-item{background-color:#141414cc;border:1px solid #ffffff;color:#fff;box-shadow:0 0 8px #0006}.persistent-note-item.sci-fi-active,.persistent-note-item:hover{background-color:#282828f2;box-shadow:0 0 25px #000000e6,0 0 35px #000000b3}a:hover{color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),1);text-shadow:0 0 3px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.8);background-color:transparent;box-shadow:none}.post-content,.about-container{a{display:inline-block;border-radius:8px;transition:all .3s ease;background-color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.01);text-decoration:underline;text-decoration-color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.7)}a:hover{color:var(--color-text-primary);background-color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.1);box-shadow:0 0 15px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.5),0 0 25px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.3);text-decoration:underline}tr,td{a:hover{color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),1);text-shadow:0 0 3px rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),.8);background-color:transparent;box-shadow:none}}}.post-image-wrapper{margin:1.5em auto;max-width:100%;position:relative;display:inline-block}.post-image-wrapper:before{background-color:rgba(var(--color-accent-r),var(--color-accent-g),var(--color-accent-b),0)}blockquote{color:var(--color-text-primary)}}