:root{--color-bg:#0d0d0f;--color-bg-secondary:#151518;--color-card:#1c1c20;--color-card-hover:#242429;--color-border:#2a2a30;--color-border-subtle:#1e1e24;--color-text-primary:#f2f2f4;--color-text-secondary:#a0a0a8;--color-text-tertiary:#6b6b73;--color-accent:#60a5fa;--color-accent-soft:#60a5fa1a;--color-accent-glow:#60a5fa40;--color-gradient:linear-gradient(135deg, #60a5fa, #a78bfa);--color-cat-css:#60a5fa;--color-cat-js:#fbbf24;--color-cat-react:#22d3ee;--color-cat-tool:#34d399;--color-cat-design:#a78bfa;--color-cat-life:#f472b6;--color-cat-backend:#fb923c;--color-success:#34d399;--color-warning:#fb923c;--color-error:#f87171;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Helvetica Neue", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--max-width:1120px;--max-width-content:720px;--nav-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:100px;--transition:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.45s cubic-bezier(.4, 0, .2, 1);--color-nav-bg:#0d0d0fb8;--shadow-card:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-elevated:0 10px 40px #0006, 0 2px 8px #0000004d;--shadow-glow:0 0 40px #60a5fa14;--shadow-glow-purple:0 0 40px #a78bfa1a;--shadow-glow-green:0 0 40px #34d39914}[data-theme=light]{--color-bg:#f2f2f5;--color-bg-secondary:#e8e8ec;--color-card:#fff;--color-card-hover:#f5f5f7;--color-border:#d2d2d7;--color-border-subtle:#e5e5ea;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-tertiary:#86868b;--color-nav-bg:#f2f2f5cc;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-elevated:0 10px 40px #00000014, 0 2px 8px #0000000a;--shadow-glow:0 0 40px #60a5fa1f;--shadow-glow-purple:0 0 40px #a78bfa26;--shadow-glow-green:0 0 40px #34d3991f}[data-theme=light] .daily-hero{background:radial-gradient(at top,#a78bfa0f,#0000 60%),radial-gradient(at bottom,#60a5fa0a,#0000 60%)}[data-theme=light] .nav-links{background:#f2f2f5f2}body,.article-card,.lab-card,.daily-card,.search-box,.search-suggestions,.social-links a,.article-share a,.daily-nav-btn,.nav-links{transition:background-color var(--transition-slow), color var(--transition-slow), border-color var(--transition-slow), box-shadow var(--transition)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition);text-decoration:none}ul,ol{list-style:none}::selection{background-color:var(--color-accent-soft);color:var(--color-accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.container-narrow{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 24px}.section-title{letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:2rem;font-size:1.75rem;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.fade-in-up{animation:.6s forwards fadeInUp}.fade-in{animation:.5s forwards fadeIn}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.nav{height:var(--nav-height);z-index:100;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(20px)saturate(1.5);border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-slow), border-color var(--transition);position:fixed;top:0;left:0;right:0}.nav .container{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-logo{letter-spacing:-.03em;background:var(--color-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700}.nav-logo span{-webkit-text-fill-color:var(--color-text-tertiary);font-weight:400}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--color-text-secondary);transition:color var(--transition);padding:4px 0;font-size:.875rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--color-gradient);width:0;height:2px;transition:width var(--transition);border-radius:1px;position:absolute;bottom:-2px;left:0}.nav-links a:hover{color:var(--color-text-primary)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--color-text-primary)}.nav-links a.active:after{width:100%}.nav-link-daily{background:linear-gradient(135deg,#f472b6,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700!important}.nav-link-lab{color:var(--color-cat-tool)!important}.nav-toggle{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--color-text-primary);width:22px;height:2px;transition:all var(--transition);transform-origin:50%;border-radius:1px;display:block}.theme-toggle{background:var(--color-card);border:none;border:1px solid var(--color-border);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;display:flex}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft);transform:rotate(15deg)}.theme-toggle svg{width:18px;height:18px}[data-theme=light] .theme-toggle .theme-sun,.theme-toggle .theme-moon{display:block}[data-theme=light] .theme-toggle .theme-moon,.theme-toggle .theme-sun{display:none}@media (width<=768px){.theme-toggle{margin-left:auto;margin-right:8px}}.nav-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{padding:calc(var(--nav-height) + 80px) 0 60px;align-items:center;min-height:100vh;display:flex}.hero-content{max-width:640px}.hero-avatar{background:var(--color-gradient);color:#fff;width:88px;height:88px;box-shadow:0 0 0 3px var(--color-bg), 0 0 0 5px var(--color-border);border-radius:50%;justify-content:center;align-items:center;margin-bottom:32px;font-size:2rem;font-weight:700;display:flex;position:relative;overflow:hidden}.hero-name{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;line-height:1.1}.hero-tagline{color:var(--color-text-secondary);margin-bottom:24px;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:400;line-height:1.5}.hero-bio{color:var(--color-text-tertiary);max-width:520px;margin-bottom:36px;font-size:1rem;line-height:1.75}.social-links{align-items:center;gap:16px;margin-bottom:48px;display:flex}.social-links a{background:var(--color-card);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-links a:hover{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.social-links svg{width:18px;height:18px}.hero-cta{background:var(--color-gradient);color:#fff;transition:all var(--transition);border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #60a5fa40}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #60a5fa59}.hero-cta svg{width:16px;height:16px;transition:transform var(--transition)}.hero-cta:hover svg{transform:translate(4px)}.hero.hero-v2{isolation:isolate;align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;pointer-events:none;will-change:transform;position:absolute;inset:-10%}.hero-blob{filter:blur(80px);opacity:.55;will-change:transform;border-radius:50%;animation:18s ease-in-out infinite hero-blob-float;position:absolute}.hero-blob-1{background:radial-gradient(circle at 30% 30%,#60a5fa,#0000 70%);width:520px;height:520px;animation-delay:0s;top:-10%;left:-8%}.hero-blob-2{background:radial-gradient(circle at 70% 40%,#a78bfa,#0000 70%);width:460px;height:460px;animation-delay:-6s;top:20%;right:-5%}.hero-blob-3{opacity:.35;background:radial-gradient(circle at 50% 60%,#f472b6,#0000 70%);width:380px;height:380px;animation-delay:-12s;bottom:-15%;left:35%}@keyframes hero-blob-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(30px,-20px)scale(1.08)}}.hero-inner{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;width:100%;display:grid}.hero-left,.hero-right{will-change:transform;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.hero-v2 .hero-avatar{width:96px;height:96px;margin-bottom:28px;position:relative}.hero-avatar-ring{z-index:-1;opacity:.8;filter:blur(1px);background:conic-gradient(#60a5fa,#a78bfa,#f472b6,#60a5fa);border-radius:50%;animation:8s linear infinite hero-ring-spin;position:absolute;inset:-6px}@keyframes hero-ring-spin{to{transform:rotate(360deg)}}.hero-v2 .hero-name{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(2rem,4.2vw,3.2rem);font-weight:700;line-height:1.15}.hero-name-accent{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#f472b6 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-v2 .hero-tagline{color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:22px;font-size:1.05rem}.hero-v2 .hero-bio{color:var(--color-text);max-width:520px;margin-bottom:28px;font-size:1rem;line-height:1.75}.hero-v2 .social-links{margin-bottom:32px}.hero-right{height:420px;position:relative}.hero-card{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;width:260px;padding:22px 24px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;animation:7s ease-in-out infinite hero-card-float;position:absolute;box-shadow:0 12px 40px #00000040}[data-theme=light] .hero-card{background:#ffffffb3;border:1px solid #0000000f;box-shadow:0 12px 40px #0f172a14}.hero-card-ico{margin-bottom:8px;font-size:1.6rem;display:inline-block}.hero-card-title{margin-bottom:4px;font-size:1rem;font-weight:600}.hero-card-desc{color:var(--color-text-secondary);font-size:.85rem}.hero-card-1{transform-origin:50%;animation-delay:0s;top:0;left:10%}.hero-card-2{animation-delay:-2.3s;top:140px;left:42%}.hero-card-3{animation-delay:-4.6s;top:280px;left:6%}@keyframes hero-card-float{0%,to{translate:0}50%{translate:0 -10px}}.hero-scroll-hint{color:var(--color-text-secondary);letter-spacing:.25em;text-transform:uppercase;opacity:.75;flex-direction:column;align-items:center;gap:6px;font-size:.72rem;text-decoration:none;transition:opacity .25s;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero-scroll-hint:hover{opacity:1}.hero-scroll-text{display:block}.hero-scroll-arrow{border-bottom:1.5px solid;border-right:1.5px solid;width:16px;height:16px;animation:1.8s ease-in-out infinite hero-scroll-bounce;display:block;transform:rotate(45deg)}@keyframes hero-scroll-bounce{0%,to{opacity:.6;transform:rotate(45deg)translate(0)}50%{opacity:1;transform:rotate(45deg)translate(4px,4px)}}@media (width<=900px){.hero.hero-v2{padding:110px 0 60px}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-right{order:2;height:380px}.hero-left{order:1}.hero-card{width:220px}.hero-card-1{top:0;left:4%}.hero-card-2{top:130px;left:34%}.hero-card-3{top:260px;left:8%}.hero-bg{display:none}.hero-blob,.hero-card{animation:none}.hero-left,.hero-right,.hero-card{transform:none!important}.hero-scroll-hint{bottom:12px}}@media (width<=480px){.hero-card{width:78%;left:11%!important}.hero-card-1{top:0}.hero-card-2{top:130px}.hero-card-3{top:260px}}@media (prefers-reduced-motion:reduce){.hero-blob,.hero-card,.hero-avatar-ring,.hero-scroll-arrow{animation:none!important}.hero-left,.hero-right,.hero-card{transform:none!important}}.section{padding:80px 0}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-link{color:var(--color-accent);transition:gap var(--transition);align-items:center;gap:6px;font-size:.875rem;font-weight:500;display:flex}.section-link:hover{gap:10px}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.article-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;padding:28px;position:relative;overflow:hidden}.article-card:before{content:"";background:var(--color-gradient);opacity:0;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.article-card:hover{background:var(--color-card-hover);border-color:var(--color-accent-soft);box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.article-card:hover:before{opacity:1}.article-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.article-card-tag{letter-spacing:.02em;background:var(--color-accent-soft);color:var(--color-accent);border-radius:100px;padding:3px 10px;font-size:.72rem;font-weight:600}.article-card-tag[data-category=CSS]{color:var(--color-cat-css);background:#60a5fa26}.article-card-tag[data-category=JavaScript]{color:var(--color-cat-js);background:#fbbf2426}.article-card-tag[data-category=React]{color:var(--color-cat-react);background:#22d3ee26}.article-card-tag[data-category=工具]{color:var(--color-cat-tool);background:#34d39926}.article-card-tag[data-category=设计]{color:var(--color-cat-design);background:#a78bfa26}.article-card-tag[data-category=生活]{color:var(--color-cat-life);background:#f472b626}.article-card-tag[data-category=后端]{color:var(--color-cat-backend);background:#fb923c26}.article-card-title{letter-spacing:-.01em;color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:1.15rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.article-card-excerpt{color:var(--color-text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:18px;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card-meta{color:var(--color-text-tertiary);align-items:center;gap:12px;font-size:.8rem;display:flex}.article-card-meta .dot{background:var(--color-text-tertiary);border-radius:50%;width:3px;height:3px}.page-header{padding:calc(var(--nav-height) + 60px) 0 40px}.page-header h1{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.page-header p{color:var(--color-text-secondary);font-size:1.05rem}.reading-progress{top:var(--nav-height);z-index:99;background:0 0;height:2px;position:fixed;left:0;right:0}.reading-progress-bar{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);width:0%;height:100%;transition:width .1s linear}.article-footer{border-top:1px solid var(--color-border);margin-top:64px;padding-top:32px}.article-footer-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.8rem;font-weight:600}.article-share{gap:10px;display:flex}.article-share a{color:var(--color-text-secondary);background:var(--color-card);border:1px solid var(--color-border);transition:all var(--transition);border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:500;display:flex}.article-share a:hover{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.article-share svg{width:14px;height:14px}.footer{border-top:1px solid var(--color-border-subtle);margin-top:80px;padding:40px 0}.footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copy{color:var(--color-text-tertiary);font-size:.825rem}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--color-text-tertiary);transition:color var(--transition);font-size:.825rem}.footer-links a:hover{color:var(--color-text-secondary)}.loading-state{color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:80px 0;display:flex}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:.8s linear infinite spin}.loading-spinner-rainbow{border:3px solid #60a5fa;border-color:#60a5fa #a78bfa #f472b6 #34d399;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite spin}.error-state{text-align:center;padding:80px 0}.error-state h2{margin-bottom:8px;font-size:1.5rem}.error-state p{color:var(--color-text-tertiary);margin-bottom:24px}.empty-state{text-align:center;color:var(--color-text-tertiary);padding:60px 0}.empty-state svg{opacity:.3;width:48px;height:48px;margin-bottom:16px}.empty-state p{font-size:1rem}.search-wrapper{max-width:480px;margin-bottom:28px;position:relative}.search-box{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:48px;transition:border-color var(--transition), box-shadow var(--transition);align-items:center;gap:10px;padding:0 16px;display:flex}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.search-icon{width:16px;height:16px;color:var(--color-text-tertiary);flex-shrink:0}.search-input{height:100%;color:var(--color-text-primary);font-size:.9rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-tertiary)}.search-clear{width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:none}.search-clear:hover{color:var(--color-text-primary);background:var(--color-border)}.search-clear svg{width:16px;height:16px}.search-suggestions{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:all var(--transition);z-index:50;max-height:360px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;transform:translateY(-8px)}.search-suggestions.show{opacity:1;pointer-events:auto;transform:translateY(0)}.suggestion-item{cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--color-border-subtle);padding:12px 16px}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.highlight{background:var(--color-accent-soft)}.suggestion-title{color:var(--color-text-primary);margin-bottom:4px;font-size:.9rem;font-weight:500;line-height:1.4}.suggestion-meta{color:var(--color-text-tertiary);align-items:center;gap:8px;font-size:.75rem;display:flex}.suggestion-meta .dot{background:var(--color-text-tertiary);border-radius:50%;width:3px;height:3px}.search-result-info{color:var(--color-text-tertiary);min-height:1.4em;margin-bottom:16px;font-size:.82rem}.article-page{padding:calc(var(--nav-height) + 40px) 0 80px}.article-back{color:var(--color-text-secondary);transition:color var(--transition), gap var(--transition);align-items:center;gap:6px;margin-bottom:40px;font-size:.875rem;display:inline-flex}.article-back:hover{color:var(--color-accent);gap:10px}.article-header{margin-bottom:48px}.article-title{letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.article-meta{color:var(--color-text-tertiary);flex-wrap:wrap;align-items:center;gap:12px;font-size:.875rem;display:flex}.article-meta .dot{background:var(--color-text-tertiary);border-radius:50%;width:3px;height:3px}.article-meta-tags{gap:6px;display:flex}.article-meta-tag{border-radius:100px;padding:2px 10px;font-size:.72rem;font-weight:600}.article-content{color:var(--color-text-primary);font-size:1.05rem;line-height:1.85}.article-content h2{letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-accent), var(--color-cat-design));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:48px;margin-bottom:16px;font-size:1.65rem;font-weight:700;display:inline-block}.article-content h3{letter-spacing:-.01em;color:var(--color-text-primary);margin-top:36px;margin-bottom:12px;font-size:1.3rem;font-weight:600}.article-content p{color:var(--color-text-secondary);margin-bottom:20px}.article-content strong{color:var(--color-text-primary);font-weight:600}.article-content a{color:var(--color-accent);border-bottom:1px solid var(--color-accent-soft);transition:border-color var(--transition)}.article-content a:hover{border-color:var(--color-accent)}.article-content ul,.article-content ol{color:var(--color-text-secondary);margin-bottom:20px;padding-left:24px}.article-content ul{list-style:outside}.article-content ol{list-style:decimal}.article-content li{margin-bottom:8px}.article-content li::marker{color:var(--color-accent)}.article-content blockquote{border-left:3px solid var(--color-accent);background:var(--color-accent-soft);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);margin:32px 0;padding:16px 20px;font-style:italic}.article-content blockquote p{margin-bottom:0}.article-content hr{background:var(--color-border);border:none;height:1px;margin:48px 0}.article-content img{border-radius:var(--radius-md);border:1px solid var(--color-border);margin:32px 0}.article-content pre{border-radius:var(--radius-md);border:1px solid var(--color-border);margin:32px 0;position:relative;overflow:hidden;background:#0d1117!important}.article-content pre code{font-family:var(--font-mono);color:#e6edf3;tab-size:2;padding:24px 20px;font-size:.85rem;line-height:1.7;display:block;overflow-x:auto;background:0 0!important}.article-content pre:before{content:attr(data-lang);font-family:var(--font-sans);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600;position:absolute;top:8px;right:12px}.article-content code{font-family:var(--font-mono);background:var(--color-accent-soft);color:var(--color-accent);border-radius:4px;padding:2px 8px;font-size:.85em}.copy-code-btn{color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--transition), background var(--transition), color var(--transition);z-index:2;background:#ffffff0d;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:500;display:flex;position:absolute;top:8px;right:8px}.article-content pre:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{color:var(--color-text-secondary);background:#ffffff1a}.copy-code-btn.copied{border-color:var(--color-success);color:var(--color-success);background:#34d39926}.copy-code-btn svg{width:14px;height:14px}.daily-hero{padding:calc(var(--nav-height) + 60px) 0 40px;text-align:center;background:radial-gradient(at top,#a78bfa14,#0000 60%),radial-gradient(at bottom,#60a5fa0d,#0000 60%)}.daily-badge{color:#f472b6;background:linear-gradient(135deg,#f472b626,#a78bfa26);border:1px solid #f472b633;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 18px;font-size:.82rem;font-weight:600;display:inline-flex}.daily-badge svg{width:16px;height:16px}.daily-hero h1{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.daily-hero p{color:var(--color-text-secondary);font-size:1.05rem}.daily-card{border-radius:var(--radius-xl);transition:all var(--transition);background:linear-gradient(135deg,#60a5fa0d,#a78bfa0d);border:1px solid #a78bfa33;padding:32px;position:relative;overflow:hidden}.daily-card:hover{border-color:#a78bfa66;transform:translateY(-3px);box-shadow:0 10px 40px #a78bfa26}.daily-card-label{color:#f472b6;align-items:center;gap:6px;margin-bottom:16px;font-size:.75rem;font-weight:600;display:inline-flex}.daily-card-title{color:var(--color-text-primary);margin-bottom:10px;font-size:1.3rem;font-weight:700}.daily-card-excerpt{color:var(--color-text-tertiary);margin-bottom:16px;font-size:.9rem;line-height:1.6}.daily-card-meta{color:var(--color-text-tertiary);align-items:center;gap:12px;font-size:.8rem;display:flex}.daily-card .daily-cta{color:#fff;transition:all var(--transition);background:linear-gradient(135deg,#f472b6,#a78bfa);border-radius:100px;align-items:center;gap:6px;margin-top:16px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-flex}.daily-card .daily-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a78bfa4d}.daily-nav{justify-content:center;align-items:center;gap:20px;margin:40px 0;display:flex}.daily-nav-btn{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;display:flex}.daily-nav-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-accent-soft)}.daily-nav-btn:disabled{opacity:.3;cursor:not-allowed}.daily-nav-date{color:var(--color-text-primary);text-align:center;min-width:120px;font-size:.9rem;font-weight:600}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.lab-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition);padding:32px;position:relative;overflow:hidden}.lab-card:before{content:"";opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.lab-card:nth-child(6n+1):before{background:linear-gradient(90deg,#60a5fa,#22d3ee)}.lab-card:nth-child(6n+2):before{background:linear-gradient(90deg,#a78bfa,#f472b6)}.lab-card:nth-child(6n+3):before{background:linear-gradient(90deg,#34d399,#22d3ee)}.lab-card:nth-child(6n+4):before{background:linear-gradient(90deg,#fb923c,#f472b6)}.lab-card:nth-child(6n+5):before{background:linear-gradient(90deg,#fbbf24,#fb923c)}.lab-card:nth-child(6n):before{background:linear-gradient(90deg,#60a5fa,#a78bfa)}.lab-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--color-border);transform:translateY(-4px)}.lab-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:1.5rem;display:flex}.lab-card:nth-child(6n+1) .lab-icon{color:#60a5fa;background:#60a5fa26}.lab-card:nth-child(6n+2) .lab-icon{color:#a78bfa;background:#a78bfa26}.lab-card:nth-child(6n+3) .lab-icon{color:#34d399;background:#34d39926}.lab-card:nth-child(6n+4) .lab-icon{color:#fb923c;background:#fb923c26}.lab-card:nth-child(6n+5) .lab-icon{color:#fbbf24;background:#fbbf2426}.lab-card:nth-child(6n) .lab-icon{color:#60a5fa;background:#60a5fa26}.lab-card h3{color:var(--color-text-primary);margin-bottom:10px;font-size:1.1rem;font-weight:600}.lab-card p{color:var(--color-text-tertiary);margin-bottom:20px;font-size:.875rem;line-height:1.6}.lab-status{border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.lab-status.active{color:var(--color-success);background:#34d39926}.lab-status.beta{color:var(--color-warning);background:#fb923c26}.lab-status.planning{color:var(--color-accent);background:#60a5fa26}.lab-tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.lab-tag{background:var(--color-accent-soft);color:var(--color-accent);border-radius:100px;padding:2px 8px;font-size:.7rem}@media (width<=768px){:root{--nav-height:56px}.container,.container-narrow{padding:0 16px}.nav-links{-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--color-border);width:70%;max-width:320px;height:100vh;transition:right var(--transition-slow);background:#0d0d0ff2;flex-direction:column;justify-content:center;gap:12px;padding:80px 40px;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-links a{padding:12px 0;font-size:1.1rem}.nav-toggle{display:flex}.nav-overlay{z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition);background:#00000080;position:fixed;inset:0}.nav-overlay.show{opacity:1;pointer-events:auto}.hero{padding:calc(var(--nav-height) + 48px) 0 40px;min-height:auto}.hero-avatar{width:72px;height:72px;margin-bottom:24px}.social-links{margin-bottom:32px}.articles-grid{grid-template-columns:1fr;gap:16px}.article-card{padding:22px}.lab-grid{grid-template-columns:1fr}.section{padding:48px 0}.article-content{font-size:1rem}.article-content h2{font-size:1.4rem}.article-content h3{font-size:1.15rem}.article-content pre code{padding:16px 14px;font-size:.8rem}.copy-code-btn{opacity:1}.search-wrapper{max-width:100%}.search-suggestions{max-height:280px}.footer .container{text-align:center;flex-direction:column}.daily-nav{flex-direction:column;gap:12px}}@media (width>=769px) and (width<=1024px){.articles-grid,.lab-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1025px){.articles-grid,.lab-grid{grid-template-columns:repeat(3,1fr)}}