:root{--c-cyan: #00bcd4;--c-pink: #d500 f9;--c-yellow: #ffea00;--c-purple: #6200ea;--c-black: #050505;--c-dark-gray: #121212;--c-white: #ffffff;--c-light-gray: #f0f0f0;--bg-color: var(--c-white);--bg-pattern-color: rgba(0, 0, 0, .08);--text-primary: var(--c-black);--card-bg: var(--c-white);--card-border: var(--c-black);--input-bg: var(--c-white);--btn-bg: var(--c-black);--btn-text: var(--c-white);--accent-1: #d500f9;--accent-2: #00acc1;--accent-3: #ffd600;--accent-4: #6200ea;--color-primary: var(--accent-1);--color-secondary: var(--accent-2);--color-accent: var(--accent-3);--color-dark: var(--c-black);--color-bg: var(--bg-color);--color-text: var(--text-primary);--font-stack: "Inter", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "SimHei", sans-serif;--font-display: "Arial Black", "Impact", "Heiti SC", "SimHei", sans-serif}[data-theme=dark]{--bg-color: #050505;--bg-pattern-color: rgba(255, 255, 255, .05);--text-primary: #ffffff;--card-bg: #0a0a0a;--card-border: #ffffff;--input-bg: #1a1a1a;--btn-bg: var(--c-white);--btn-text: var(--c-black);--accent-1: #ff007b;--accent-2: #00e5ff;--accent-3: #ffea00;--accent-4: #7f00ff;--color-primary: var(--accent-1);--color-secondary: var(--accent-2);--color-accent: var(--accent-3);--color-dark: var(--c-white);--color-bg: var(--bg-color);--color-text: var(--text-primary)}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-stack);margin:0;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(var(--text-primary) 1px,transparent 1px),repeating-linear-gradient(45deg,var(--bg-pattern-color) 0,var(--bg-pattern-color) 1px,transparent 1px,transparent 15px);background-size:20px 20px,30px 30px;background-position:0 0,0 0;opacity:.4;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}::selection{background:var(--c-black);color:var(--c-yellow)}[data-theme=dark] ::selection{background:var(--c-white);color:var(--c-black)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em}input,textarea{background-color:var(--input-bg);color:var(--text-primary);border:2px solid var(--card-border);font-family:var(--font-stack)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{display:flex;white-space:nowrap;animation:marquee 20s linear infinite}.home-grid a{display:flex;flex-direction:column;width:100%;text-decoration:none;color:inherit;flex:1}.home-container{min-height:100vh;padding:2rem;max-width:1680px;margin:0 auto;display:flex;flex-direction:column}.home-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem;width:100%}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-7{grid-column:span 7}.col-span-6{grid-column:span 6}.col-span-5{grid-column:span 5}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}.col-span-2{grid-column:span 2}.row-span-2{grid-row:span 2}@media(max-width:768px){.home-container{padding:1rem;padding-top:80px}.home-grid{display:flex;flex-direction:column;gap:1.5rem}.col-span-12,.col-span-8,.col-span-7,.col-span-6,.col-span-5,.col-span-4,.col-span-3,.col-span-2{grid-column:auto;width:100%}.row-span-2{grid-row:auto}h1.font-display{font-size:15vw!important}.hidden-mobile{display:none!important}}.page-container{min-height:100vh;padding:120px 2rem 5rem;max-width:1400px;margin:0 auto}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem}.article-header-section{padding:120px 2rem 4rem;clip-path:polygon(0 0,100% 0,100% 85%,0 100%);margin-bottom:3rem;color:#000}.article-content-wrapper{max-width:800px;margin:0 auto;padding:0 2rem}.article-card-content{font-size:1.125rem;line-height:1.8;margin-bottom:4rem;color:var(--text-primary);background-color:var(--card-bg);padding:3rem;border:4px solid var(--card-border);box-shadow:12px 12px 0 var(--text-primary);border-radius:4px}.about-container{min-height:100vh;display:grid;grid-template-columns:repeat(12,1fr);max-width:1600px;margin:0 auto;padding:120px 2rem 5rem}.about-left{grid-column:span 7;padding:0 4rem 0 0;display:flex;flex-direction:column;justify-content:center}.about-right{grid-column:span 5;display:flex;align-items:center;justify-content:center;position:relative}.comments-form-grid{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.tag-grid{display:grid;gap:1rem;width:100%;grid-template-columns:repeat(5,1fr)}@media(max-width:768px){.tag-grid{grid-template-columns:repeat(2,1fr)}.page-container{padding:90px 1rem 3rem}.articles-grid{grid-template-columns:1fr;gap:2rem}.article-header-section{padding:90px 1rem 3rem}.article-content-wrapper{padding:0 1rem}.article-card-content{padding:1.5rem;font-size:1rem;box-shadow:6px 6px 0 var(--text-primary)}.about-container{display:flex;flex-direction:column;padding:90px 1rem 3rem}.about-left{padding:0;margin-bottom:3rem}.about-right{width:100%;margin-bottom:2rem}.comments-form-grid{grid-template-columns:1fr}}