.home-main{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow:hidden;position:relative}.home-main .stack-zone{width:100%;max-width:540px;margin:0 auto;position:relative;z-index:2}.card-stack{position:relative;width:100%;aspect-ratio:3 / 3.1;max-height:calc(100vh - 200px);min-height:400px;perspective:1800px}.stack-deco{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.deco-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;will-change:transform}.deco-orb-1{width:280px;height:280px;top:8%;left:-60px;background:radial-gradient(circle,hsl(var(--brand-hue) 90% 70% / .6),transparent 70%);animation:orb-float-1 12s ease-in-out infinite}.deco-orb-2{width:220px;height:220px;bottom:10%;right:-40px;background:radial-gradient(circle,hsl(calc(var(--brand-hue) + 40) 90% 65% / .5),transparent 70%);animation:orb-float-2 14s ease-in-out infinite}.deco-orb-3{width:180px;height:180px;top:45%;right:10%;background:radial-gradient(circle,hsl(calc(var(--brand-hue) + 280) 85% 70% / .4),transparent 70%);animation:orb-float-3 16s ease-in-out infinite}@keyframes orb-float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,25px) scale(.95)}}@keyframes orb-float-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-30px) scale(1.15)}}@keyframes orb-float-3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25px,20px) scale(.9)}66%{transform:translate(15px,-15px) scale(1.1)}}.dark .deco-orb{opacity:.35}.flat .deco-orb{opacity:.25;filter:blur(80px)}.deco-ring{position:absolute;border-radius:50%;border:1.5px solid hsl(var(--brand-hue) 80% 60% / .2);will-change:transform}.deco-ring-1{width:380px;height:380px;top:50%;left:50%;margin:-190px 0 0 -190px;animation:ring-spin 30s linear infinite;border-style:dashed;border-color:hsl(var(--brand-hue) 80% 60% / .15)}.deco-ring-1:before,.deco-ring-1:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:hsl(var(--brand-hue) 80% 60% / .6);box-shadow:0 0 12px hsl(var(--brand-hue) 80% 60% / .5)}.deco-ring-1:before{top:-5px;left:50%;margin-left:-5px}.deco-ring-1:after{bottom:-5px;left:50%;margin-left:-5px;background:hsl(calc(var(--brand-hue) + 40) 80% 60% / .6);box-shadow:0 0 12px hsl(calc(var(--brand-hue) + 40) 80% 60% / .5)}.deco-ring-2{width:500px;height:500px;top:50%;left:50%;margin:-250px 0 0 -250px;border-color:hsl(calc(var(--brand-hue) + 60) 80% 60% / .1);animation:ring-spin-rev 45s linear infinite}.deco-ring-2:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:-4px;right:20%;background:hsl(calc(var(--brand-hue) + 60) 80% 60% / .5);box-shadow:0 0 10px hsl(calc(var(--brand-hue) + 60) 80% 60% / .4)}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes ring-spin-rev{to{transform:rotate(-360deg)}}.dark .deco-ring{border-color:hsl(var(--brand-hue) 80% 70% / .12)}.flat .deco-ring{display:none}.deco-float{position:absolute;width:36px;height:36px;color:hsl(var(--brand-hue) 70% 60% / .35);will-change:transform;animation:float-y 6s ease-in-out infinite}.deco-float svg{width:100%;height:100%}.deco-float-1{top:12%;right:12%;animation-delay:0s;width:28px;height:28px;color:hsl(var(--brand-hue) 80% 60% / .3)}.deco-float-2{top:25%;left:6%;animation-delay:-2s;width:32px;height:32px;color:hsl(calc(var(--brand-hue) + 40) 80% 60% / .3)}.deco-float-3{bottom:28%;left:8%;animation-delay:-4s;width:26px;height:26px;color:hsl(calc(var(--brand-hue) + 280) 80% 65% / .3)}.deco-float-4{bottom:15%;right:10%;animation-delay:-1s;width:30px;height:30px;color:hsl(calc(var(--brand-hue) + 180) 80% 60% / .28)}@keyframes float-y{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(8deg)}}.dark .deco-float{color:hsl(var(--brand-hue) 80% 70% / .25)}.flat .deco-float{display:none}.deco-grid{position:absolute;inset:10% 5%;background-image:linear-gradient(hsl(var(--brand-hue) 70% 60% / .04) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--brand-hue) 70% 60% / .04) 1px,transparent 1px);background-size:40px 40px;border-radius:24px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.dark .deco-grid{background-image:linear-gradient(hsl(var(--brand-hue) 70% 70% / .05) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--brand-hue) 70% 70% / .05) 1px,transparent 1px)}.flat .deco-grid{display:none}.stack-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-tertiary);font-size:.85rem;border-radius:24px;background:var(--lg-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-refract) blur(12px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(12px) saturate(var(--glass-saturate));z-index:10}.stack-loading-spin{width:32px;height:32px;border:3px solid hsl(var(--brand-hue) 78% 60% / .2);border-top-color:var(--brand);border-radius:50%;animation:stack-spin .8s linear infinite}@keyframes stack-spin{to{transform:rotate(360deg)}}.stack-card{position:absolute;width:100%;max-width:360px;height:calc(100% - 48px);border-radius:24px;background-color:var(--lg-bg);backdrop-filter:var(--glass-refract) blur(12px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(12px) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:0;cursor:pointer;left:50%;top:50%;transform:translate(-50%,-50%);text-decoration:none;display:flex;flex-direction:column;will-change:transform,opacity;overflow:hidden;transition:box-shadow .4s var(--ease-fluid, cubic-bezier(.25, 1, .5, 1));color:inherit}.dark .stack-card{background-color:var(--lg-bg);border-color:var(--glass-border);box-shadow:0 16px 48px #00000073}.flat .stack-card{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--surface);border-color:var(--border);box-shadow:0 4px 16px #00000014}.stack-card:hover{box-shadow:var(--glass-shadow-hover)}.stack-card-cover{position:relative;width:100%;flex:0 0 56%;aspect-ratio:auto;overflow:hidden;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center}.stack-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.stack-card:hover .stack-card-cover img{transform:scale(1.05)}.stack-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000 50%,#00000059);pointer-events:none}.stack-card-cover.has-icon{color:#ffffffe6}.stack-card-cover.has-icon:before{content:"";position:absolute;inset:0;background:inherit}.stack-card-cover.has-icon svg{position:relative;z-index:1;width:56px;height:56px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.stack-card:nth-child(6n+1) .stack-card-cover.has-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stack-card:nth-child(6n+2) .stack-card-cover.has-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stack-card:nth-child(6n+3) .stack-card-cover.has-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stack-card:nth-child(6n+4) .stack-card-cover.has-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.stack-card:nth-child(6n+5) .stack-card-cover.has-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stack-card:nth-child(6n+6) .stack-card-cover.has-icon{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.stack-card-body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}.stack-card .tag{display:inline-block;font-size:.7rem;padding:3px 10px;border-radius:20px;background:hsl(var(--brand-hue) 78% 60% / .12);color:var(--brand);font-weight:600;margin-bottom:10px}.dark .stack-card .tag{background:hsl(var(--brand-hue) 78% 70% / .18);color:var(--brand-light)}.flat .stack-card .tag{background:var(--bg-secondary);color:var(--brand)}.stack-card h3{font-size:1.2rem;font-weight:700;line-height:1.4;margin:0 0 8px;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stack-card p{font-size:.84rem;color:var(--text-secondary);line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stack-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:var(--text-tertiary);margin-top:auto}.stack-card-meta .stack-card-date{display:inline-flex;align-items:center;gap:5px}.stack-card-meta .stack-card-date svg{width:12px;height:12px;opacity:.7}.stack-card-meta .read-more{color:var(--brand);font-weight:600;display:inline-flex;align-items:center;gap:3px;transition:gap .2s}.stack-card:hover .stack-card-meta .read-more{gap:6px}.stack-nav{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:22px;flex-shrink:0}.stack-dot{width:8px;height:8px;border-radius:50%;background:var(--glass-border);border:none;cursor:pointer;transition:all .3s;padding:0}.stack-dot.active{width:26px;border-radius:4px;background:var(--brand);box-shadow:0 2px 8px var(--brand-a30)}@media (min-width: 769px) and (max-width: 1024px){.home-main .stack-zone{max-width:460px}.card-stack{min-height:400px;aspect-ratio:3 / 3.1}.stack-card{max-width:320px}.deco-ring-1{width:320px;height:320px;margin:-160px 0 0 -160px}.deco-ring-2{width:420px;height:420px;margin:-210px 0 0 -210px}.deco-orb-1{width:200px;height:200px}.deco-orb-2{width:180px;height:180px}.deco-orb-3{width:140px;height:140px}}@media (max-width: 768px){.home-main{padding:12px 14px 16px;align-items:flex-start;overflow-y:auto;height:auto;min-height:100%}.home-main .stack-zone{max-width:100%;width:100%}.card-stack{aspect-ratio:auto;min-height:0;max-height:none;height:auto;perspective:none;display:flex;flex-direction:column;gap:14px;position:static;overflow:visible;width:100%}.stack-card{position:relative!important;left:auto!important;top:auto!important;width:100%;max-width:100%;height:auto!important;transform:none!important;opacity:1!important;pointer-events:auto!important;border-radius:18px;display:flex;flex-direction:row;min-height:120px;padding:0;overflow:hidden}.stack-card-cover{flex:0 0 120px;width:120px;aspect-ratio:auto;height:auto;min-height:120px;position:relative}.stack-card-cover.has-icon svg{width:40px;height:40px}.stack-card-body{padding:14px 14px 12px;flex:1;display:flex;flex-direction:column;min-width:0}.stack-card h3{font-size:.95rem;-webkit-line-clamp:2;margin:0 0 6px;line-height:1.4}.stack-card p{font-size:.78rem;-webkit-line-clamp:2;margin:0 0 8px;line-height:1.5;flex:1}.stack-card-meta{font-size:.7rem;margin-top:auto}.stack-card .tag{font-size:.62rem;padding:2px 8px;margin-bottom:6px}.stack-nav{display:none}.stack-loading{position:relative;aspect-ratio:16 / 6;height:auto;min-height:120px;border-radius:18px;font-size:.8rem}.deco-ring,.deco-grid{display:none}.deco-orb{opacity:.3;filter:blur(50px)}.deco-orb-1{width:160px;height:160px}.deco-orb-2{width:140px;height:140px}.deco-orb-3{width:120px;height:120px}.deco-float{display:none}}@media (max-width: 380px){.home-main{padding:10px 12px 12px}.card-stack{gap:12px}.stack-card{border-radius:16px;min-height:108px}.stack-card-cover{flex:0 0 100px;width:100px;min-height:108px}.stack-card-body{padding:12px 12px 10px}.stack-card h3{font-size:.88rem}.stack-card-cover.has-icon svg{width:34px;height:34px}}