@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
@font-face{font-family:Zpix;src:url(/fonts/zpix.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--cinnabar:#c8553d;--cinnabar-dark:#a04030;--cinnabar-light:#e8755d;--gold:#f2c57c;--gold-dark:#d4a84e;--gold-light:#f8dba8;--ink:#1a1a2e;--ink-light:#2d2d44;--jade:#4a7c59;--jade-light:#6ba37a;--celadon:#5b8c8a;--celadon-light:#7bb0ae;--paper:#f5f0e1;--paper-dark:#e8e0cc;--paper-warm:#fff8e7;--bamboo:#8b7355;--plum:#9b4f6a;--pixel-size:4px;--pixel-border:3px solid var(--ink);--pixel-shadow:inset -3px -3px 0 0 #0000004d,inset 3px 3px 0 0 #ffffff26;--pixel-shadow-light:inset -2px -2px 0 0 #00000026,inset 2px 2px 0 0 #ffffff1a;--font-pixel:"Press Start 2P","Zpix",monospace;--font-body:"Zpix","Noto Serif SC","Songti SC",serif;--font-mono:"Courier New",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--transition-pixel:all .1s steps(2);--transition-smooth:all .3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;image-rendering:pixelated;image-rendering:crisp-edges}body{color:var(--paper);background:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20%,#4a7c5914 0%,#0000 50%),radial-gradient(circle at 80% 20%,#5b8c8a0f 0%,#0000 50%),radial-gradient(circle at 50% 80%,#c8553d0d 0%,#0000 50%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#f5f0e105 1px,#0000 1px),linear-gradient(90deg,#f5f0e105 1px,#0000 1px);background-size:8px 8px;position:fixed;inset:0}#__next,main,.page-wrapper{z-index:1;position:relative}::-webkit-scrollbar{background:var(--ink);width:12px}::-webkit-scrollbar-track{background:var(--ink-light);border-left:3px solid var(--ink)}::-webkit-scrollbar-thumb{background:var(--cinnabar);border:2px solid var(--ink)}::-webkit-scrollbar-thumb:hover{background:var(--cinnabar-light)}::selection{background:var(--cinnabar);color:var(--gold)}a{color:var(--gold);transition:var(--transition-pixel);text-decoration:none}a:hover{color:var(--gold-light);text-shadow:0 0 8px #f2c57c80}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);letter-spacing:1px;line-height:1.6}h1{color:var(--gold);font-size:20px}h2{color:var(--gold-light);font-size:16px}h3{color:var(--celadon-light);font-size:14px}h4{color:var(--paper);font-size:12px}.pixel-frame{border:var(--pixel-border);box-shadow:var(--pixel-shadow);background:var(--ink-light);position:relative}.pixel-frame:before{content:"";pointer-events:none;border:2px solid #f2c57c33;position:absolute;inset:-6px}.pixel-btn{font-family:var(--font-pixel);background:var(--cinnabar);color:var(--paper);border:3px solid var(--ink);box-shadow:inset -3px -3px 0 0 var(--cinnabar-dark),inset 3px 3px 0 0 var(--cinnabar-light),6px 6px 0 0 #0006;cursor:pointer;transition:var(--transition-pixel);text-transform:uppercase;letter-spacing:1px;-webkit-user-select:none;user-select:none;image-rendering:pixelated;padding:12px 24px;font-size:11px;position:relative}.pixel-btn:hover{background:var(--cinnabar-light);box-shadow:inset -3px -3px 0 0 var(--cinnabar),inset 3px 3px 0 0 #ff9080,7px 7px 0 0 #0006;transform:translate(-1px,-1px)}.pixel-btn:active{box-shadow:inset -3px -3px 0 0 var(--cinnabar-dark),inset 3px 3px 0 0 var(--cinnabar-light),2px 2px 0 0 #0006;transform:translate(3px,3px)}.pixel-btn.gold{background:var(--gold);color:var(--ink);box-shadow:inset -3px -3px 0 0 var(--gold-dark),inset 3px 3px 0 0 var(--gold-light),6px 6px 0 0 #0006}.pixel-btn.gold:hover{background:var(--gold-light);box-shadow:inset -3px -3px 0 0 var(--gold),inset 3px 3px 0 0 #fff0cc,7px 7px 0 0 #0006}.pixel-btn.jade{background:var(--jade);box-shadow:inset -3px -3px 0 0 #3a6349,inset 3px 3px 0 0 var(--jade-light),6px 6px 0 0 #0006}.pixel-dialog{background:var(--ink);border:4px solid var(--gold);padding:var(--space-lg);box-shadow:inset 0 0 0 2px var(--ink),inset 0 0 0 4px #f2c57c4d,8px 8px 0 #00000080;position:relative}.pixel-dialog:after{content:"▼";color:var(--gold);font-size:10px;animation:.8s steps(2,end) infinite pixel-blink;position:absolute;bottom:8px;right:16px}.pixel-card{background:var(--ink-light);border:3px solid var(--bamboo);padding:var(--space-lg);transition:var(--transition-pixel);position:relative;box-shadow:4px 4px #0000004d}.pixel-card:hover{border-color:var(--gold);transform:translate(-2px,-2px);box-shadow:6px 6px #0006}.pixel-card:before{content:"";background:var(--gold);opacity:0;width:8px;height:8px;transition:var(--transition-pixel);position:absolute;top:4px;left:4px}.pixel-card:hover:before{opacity:1}.pixel-input{font-family:var(--font-body);background:var(--ink);color:var(--paper);border:3px solid var(--bamboo);box-shadow:var(--pixel-shadow-light);width:100%;transition:var(--transition-pixel);outline:none;padding:10px 14px;font-size:15px}.pixel-input:focus{border-color:var(--gold);box-shadow:var(--pixel-shadow-light),0 0 0 2px #f2c57c33}.pixel-input::placeholder{color:#f5f0e14d}textarea.pixel-input{resize:vertical;min-height:120px;line-height:1.7}.pixel-tag{font-family:var(--font-pixel);background:var(--jade);color:var(--paper);border:2px solid var(--ink);padding:4px 10px;font-size:8px;display:inline-block;box-shadow:2px 2px #0000004d}.pixel-tag.red{background:var(--cinnabar)}.pixel-tag.gold{background:var(--gold-dark);color:var(--ink)}.pixel-tag.blue{background:var(--celadon)}.pixel-tag.purple{background:var(--plum)}.pixel-divider{background:repeating-linear-gradient(90deg,var(--gold)0px,var(--gold)8px,transparent 8px,transparent 16px);height:4px;margin:var(--space-xl)0;opacity:.6}@keyframes pixel-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes cursor-blink{0%,to{border-color:var(--gold)}50%{border-color:#0000}}@keyframes pixel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pixel-glow{0%,to{box-shadow:0 0 4px #f2c57c4d}50%{box-shadow:0 0 16px #f2c57c99}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-unfurl{0%{opacity:0;max-height:0;padding:0}to{opacity:1;max-height:2000px}}@keyframes idle-bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}75%{transform:translateY(1px)}}@keyframes petal-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)translate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)translate(100px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-container{max-width:1000px;padding:var(--space-xl);width:100%;margin:0 auto}.page-title{text-align:center;margin-bottom:var(--space-2xl);animation:.6s ease-out slide-up}.page-title h1{margin-bottom:var(--space-sm);font-size:18px}.page-title .subtitle{font-family:var(--font-pixel);color:var(--celadon-light);letter-spacing:2px;font-size:9px}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.markdown-content{font-family:var(--font-body);color:var(--paper);font-size:16px;line-height:2}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:var(--space-xl)0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px dashed #f2c57c33}.markdown-content p{margin-bottom:var(--space-md)}.markdown-content blockquote{border-left:4px solid var(--gold);padding:var(--space-md);margin:var(--space-lg)0;background:#f2c57c0d;font-style:italic}.markdown-content code{font-family:var(--font-mono);color:var(--cinnabar-light);background:#0006;border:1px solid #f5f0e11a;padding:2px 8px;font-size:14px}.markdown-content pre{border:3px solid var(--bamboo);padding:var(--space-lg);margin:var(--space-lg)0;box-shadow:var(--pixel-shadow-light);background:#00000080;overflow-x:auto}.markdown-content pre code{color:var(--paper);background:0 0;border:none;padding:0}.markdown-content ul,.markdown-content ol{padding-left:var(--space-xl);margin-bottom:var(--space-md)}.markdown-content li{margin-bottom:var(--space-sm)}.markdown-content li::marker{color:var(--gold)}.markdown-content img{border:3px solid var(--bamboo);max-width:100%;box-shadow:4px 4px #0000004d}.markdown-content a{color:var(--celadon-light);border-bottom:1px dashed var(--celadon)}.markdown-content a:hover{color:var(--gold);border-bottom-color:var(--gold)}.markdown-content table{border-collapse:separate;border-spacing:0;border:3px solid var(--bamboo);width:100%;margin:var(--space-lg)0}.markdown-content th{background:var(--cinnabar);color:var(--paper);font-family:var(--font-pixel);padding:var(--space-sm)var(--space-md);text-align:left;font-size:10px}.markdown-content td{padding:var(--space-sm)var(--space-md);border-bottom:1px solid #8b73554d}.markdown-content tr:nth-child(2n) td{background:#0000001a}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{border-right:3px solid var(--bamboo);width:240px;padding:var(--space-lg);z-index:100;background:#1a1a2ef2;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar .logo{font-family:var(--font-pixel);color:var(--gold);text-align:center;padding-bottom:var(--space-lg);border-bottom:2px dashed var(--bamboo);margin-bottom:var(--space-lg);font-size:11px}.admin-sidebar nav a{align-items:center;gap:var(--space-sm);color:var(--paper-dark);transition:var(--transition-pixel);border:2px solid #0000;margin-bottom:4px;padding:10px 14px;font-size:14px;display:flex}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{border-color:var(--cinnabar);color:var(--gold);text-shadow:none;background:#c8553d26}.admin-content{padding:var(--space-xl);flex:1;margin-left:240px}.admin-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:3px solid var(--bamboo);justify-content:space-between;align-items:center;display:flex}.admin-table{border-collapse:separate;border-spacing:0;border:3px solid var(--bamboo);width:100%}.admin-table th{background:var(--ink-light);font-family:var(--font-pixel);color:var(--gold);text-align:left;border-bottom:3px solid var(--bamboo);padding:12px 16px;font-size:9px}.admin-table td{border-bottom:1px solid #8b735533;padding:12px 16px;font-size:14px}.admin-table tr:hover td{background:#c8553d0d}.admin-form{max-width:800px}.admin-form .form-group{margin-bottom:var(--space-lg)}.admin-form label{font-family:var(--font-pixel);color:var(--gold);margin-bottom:var(--space-sm);letter-spacing:1px;font-size:9px;display:block}.stat-card{background:var(--ink-light);border:3px solid var(--bamboo);padding:var(--space-lg);text-align:center;box-shadow:4px 4px #0000004d}.stat-card .stat-number{font-family:var(--font-pixel);color:var(--gold);margin-bottom:var(--space-sm);font-size:28px;display:block}.stat-card .stat-label{font-family:var(--font-pixel);color:var(--celadon-light);letter-spacing:1px;font-size:9px}@media (max-width:768px){:root{--space-xl:20px;--space-2xl:32px}h1{font-size:16px}h2{font-size:13px}.page-container{padding:var(--space-md)}.grid-2,.grid-3{grid-template-columns:1fr}.pixel-btn{padding:10px 16px;font-size:9px}.admin-sidebar{border-right:none;border-bottom:3px solid var(--bamboo);width:100%;position:relative}.admin-content{margin-left:0}.admin-layout{flex-direction:column}}@media (max-width:480px){h1{font-size:13px}.pixel-dialog{padding:var(--space-md)}}.text-center{text-align:center}.text-gold{color:var(--gold)}.text-cinnabar{color:var(--cinnabar)}.text-jade{color:var(--jade-light)}.text-celadon{color:var(--celadon-light)}.text-small{opacity:.7;font-size:12px}.text-pixel{font-family:var(--font-pixel)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.animate-float{animation:3s ease-in-out infinite pixel-float}.animate-glow{animation:2s ease-in-out infinite pixel-glow}.animate-slide-up{animation:.6s ease-out slide-up}.animate-fade-in{animation:.5s ease-out fade-in}.articles-page{max-width:800px;min-height:100vh;margin:0 auto;padding:80px 20px 40px}.articles-page .subtitle{font-family:var(--font-pixel);color:var(--celadon-light);letter-spacing:3px;font-size:9px}.category-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px;animation:.6s ease-out .1s both slide-up;display:flex}.articles-list{flex-direction:column;gap:16px;display:flex}.article-card{color:var(--paper);text-decoration:none;animation:.5s ease-out both fade-in;display:block}.article-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.article-date{font-family:var(--font-pixel);color:var(--celadon-light);opacity:.7;font-size:8px}.article-title{color:var(--paper);margin-bottom:8px;font-size:16px;transition:color .1s}.article-card:hover .article-title{color:var(--gold)}.article-excerpt{color:#f5f0e199;margin-bottom:12px;font-size:14px;line-height:1.8}.article-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.mini-tag{color:var(--celadon-light);background:#5b8c8a33;border:1px solid #5b8c8a4d;padding:2px 8px;font-size:10px}.article-read-more{font-family:var(--font-pixel);color:var(--cinnabar-light);opacity:0;align-items:center;gap:8px;font-size:9px;transition:opacity .2s;display:flex}.article-card:hover .article-read-more{opacity:1}.read-arrow{animation:1s steps(2,end) infinite pixel-blink}.empty-state{text-align:center;color:var(--celadon-light);padding:48px;font-size:16px}.back-home{text-align:center;margin-top:48px}.article-detail{max-width:800px;min-height:100vh;margin:0 auto;padding:80px 20px 40px}.scroll-header{margin-bottom:32px;animation:.6s ease-out slide-up}.scroll-rod{background:linear-gradient(180deg,var(--bamboo)0%,#6b5340 50%,var(--bamboo)100%);border:2px solid var(--ink);border-radius:0;height:12px;margin:0 -8px;box-shadow:0 3px #0000004d}.scroll-body{border:3px solid var(--bamboo);background:#2d2d4499;border-top:none;padding:24px}.article-meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.back-link{font-family:var(--font-pixel);color:var(--celadon-light);font-size:9px}.article-detail .article-title{margin-bottom:12px;font-size:20px;line-height:1.5}.article-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.info-item{font-family:var(--font-pixel);color:var(--celadon-light);opacity:.7;font-size:8px}.tags-row{flex-wrap:wrap;gap:6px;display:flex}.scroll-content{border:3px solid var(--bamboo);box-shadow:var(--pixel-shadow-light);background:#2d2d4466;padding:32px;animation:.8s ease-out .2s both slide-up;position:relative}.scroll-content:before{content:"";background:var(--gold);width:6px;height:6px;box-shadow:calc(100% - 20px)0 0 var(--gold),0 calc(100% - 20px)0 var(--gold),calc(100% - 20px)calc(100% - 20px)0 var(--gold);opacity:.4;position:absolute;top:8px;left:8px}.article-nav{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.nav-item{border:3px solid var(--bamboo);color:var(--paper);flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:all .1s steps(2,end);display:flex;box-shadow:3px 3px #0000004d}.nav-item:hover{border-color:var(--gold);transform:translate(-2px,-2px);box-shadow:5px 5px #0006}.nav-item.next{text-align:right}.nav-direction{font-family:var(--font-pixel);color:var(--cinnabar-light);font-size:8px}.nav-title{font-size:13px;line-height:1.5}.nav-item:hover .nav-title{color:var(--gold)}.works-page{max-width:900px;min-height:100vh;margin:0 auto;padding:80px 20px 40px}.works-page .subtitle{font-family:var(--font-pixel);color:var(--celadon-light);letter-spacing:3px;font-size:9px}.works-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.work-item{background:var(--ink-light);border:3px solid var(--bamboo);flex-direction:column;gap:12px;padding:24px;transition:all .1s steps(2,end);animation:.5s ease-out both fade-in;display:flex;position:relative;box-shadow:4px 4px #0000004d}.work-item:hover{border-color:var(--gold);transform:translate(-2px,-2px);box-shadow:6px 6px #0006}.work-item.featured{border-color:var(--gold);box-shadow:4px 4px #0000004d,0 0 12px #f2c57c26}.work-item.featured:hover{box-shadow:6px 6px #0006,0 0 20px #f2c57c40}.featured-badge{font-family:var(--font-pixel);background:var(--gold);color:var(--ink);border:2px solid var(--ink);padding:4px 10px;font-size:8px;animation:2s ease-in-out infinite pixel-glow;position:absolute;top:-1px;right:-1px}.work-icon{text-align:center;font-size:32px}.work-title{text-align:center;color:var(--gold-light);font-size:13px}.work-desc{color:#f5f0e199;text-align:center;font-size:13px;line-height:1.7}.work-tech{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.work-links{justify-content:center;gap:8px;margin-top:8px;display:flex}.work-links .pixel-btn{padding:8px 16px;font-size:9px}.works-grid .empty-state{grid-column:1/-1}@media (max-width:480px){.articles-page{padding:70px 16px 32px}.article-title{font-size:14px}.scroll-content{padding:20px}.article-nav,.works-grid{grid-template-columns:1fr}}