.frostblog-page{position:relative;width:100%;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,var(--color-secondary) 0%,rgba(232,236,237,.8) 100%)}.frostblog-backdrop{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.frostblog-gear{position:absolute;color:var(--color-primary);opacity:.08}.frostblog-gear-1{width:300px;height:300px;top:-80px;right:-60px;animation:frostblog-rotate 30s linear infinite}.frostblog-gear-2{width:200px;height:200px;bottom:10%;left:-40px;animation:frostblog-rotate 25s linear infinite reverse}.frostblog-particle{position:absolute;width:6px;height:6px;background:var(--color-primary-light);border-radius:50%;opacity:.3;animation:frostblog-float 8s ease-in-out infinite}.frostblog-particle-1{top:20%;left:15%;animation-delay:0s}.frostblog-particle-2{top:50%;right:20%;animation-delay:2s;width:8px;height:8px}.frostblog-particle-3{bottom:30%;left:40%;animation-delay:4s;width:4px;height:4px}.frostblog-steam{position:absolute;width:100px;height:150px;background:radial-gradient(ellipse at center,rgba(107,140,174,.15) 0%,transparent 70%);opacity:0;animation:frostblog-steam 6s ease-in-out infinite}.frostblog-steam-1{bottom:5%;left:10%;animation-delay:0s}.frostblog-steam-2{bottom:8%;right:15%;animation-delay:3s}.frostblog-hero{position:relative;z-index:1;padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-xl)}.frostblog-hero-inner{max-width:1200px;margin:0 auto;text-align:center;opacity:0;animation:frostblog-fadeUp .8s cubic-bezier(.4,0,.2,1) .1s forwards}.frostblog-frame{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);right:var(--spacing-lg);bottom:var(--spacing-lg);pointer-events:none;opacity:.2}.frostblog-frame-corner{position:absolute;width:30px;height:30px;border-color:var(--color-primary);border-style:solid}.frostblog-corner-tl{top:0;left:0;border-width:3px 0 0 3px}.frostblog-corner-tr{top:0;right:0;border-width:3px 3px 0 0}.frostblog-corner-bl{bottom:0;left:0;border-width:0 0 3px 3px}.frostblog-corner-br{bottom:0;right:0;border-width:0 3px 3px 0}.frostblog-title-wrap{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.frostblog-title-deco{display:flex;align-items:center;gap:.5rem;opacity:0;animation:frostblog-fadeUp .6s cubic-bezier(.4,0,.2,1) .3s forwards}.frostblog-title-deco-right{animation-delay:.4s}.frostblog-bolt{width:10px;height:10px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px #4a6b7c80,inset 0 1px 2px #ffffff4d}.frostblog-line{width:60px;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,transparent 100%)}.frostblog-title-deco-right .frostblog-line{background:linear-gradient(90deg,transparent 0%,var(--color-primary) 100%)}.frostblog-title{display:flex;flex-direction:column;gap:.25rem;margin:0;opacity:0;animation:frostblog-fadeUp .7s cubic-bezier(.4,0,.2,1) .2s forwards}.frostblog-title-sub{font-size:1.125rem;font-weight:500;color:var(--color-gray);letter-spacing:.08em;text-transform:uppercase}.frostblog-title-main{font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em;line-height:1.1}.frostblog-desc{max-width:720px;margin:0 auto var(--spacing-lg);font-size:1.0625rem;line-height:1.8;color:var(--color-gray);opacity:0;animation:frostblog-fadeUp .7s cubic-bezier(.4,0,.2,1) .5s forwards}.frostblog-inline-link{color:var(--color-primary);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.frostblog-inline-link:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);text-decoration:none}.frostblog-separator{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:var(--spacing-lg);opacity:0;animation:frostblog-fadeUp .6s cubic-bezier(.4,0,.2,1) .6s forwards}.frostblog-sep-rivet{width:8px;height:8px;background:var(--color-primary-dark);border-radius:50%;box-shadow:inset 0 1px 2px #0000004d,0 1px #ffffff4d}.frostblog-sep-bar{width:80px;height:3px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);border-radius:2px}.frostblog-sep-icon{width:28px;height:28px;color:var(--color-primary);animation:frostblog-pulse 3s ease-in-out infinite}.frostblog-features{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;opacity:0;animation:frostblog-fadeUp .7s cubic-bezier(.4,0,.2,1) .7s forwards}.frostblog-feature{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:#ffffffb3;border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.frostblog-feature:hover{background:#4a6b7c1a;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.frostblog-feature-icon{width:24px;height:24px;color:var(--color-primary)}.frostblog-feature-icon svg{width:100%;height:100%}.frostblog-feature-text{font-size:.875rem;font-weight:600;color:var(--color-dark);letter-spacing:.01em}.frostblog-intro{position:relative;z-index:1;padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg)}.frostblog-intro-inner{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#fffc;border:1px solid var(--border-color);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);opacity:0;animation:frostblog-fadeUp .7s cubic-bezier(.4,0,.2,1) .8s forwards}.frostblog-intro-badge{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff}.frostblog-intro-badge svg{width:22px;height:22px}.frostblog-intro-text{flex:1;margin:0;font-size:1rem;line-height:1.75;color:var(--color-gray)}.frostblog-content{position:relative;z-index:1;padding:0 var(--spacing-md) var(--spacing-2xl);max-width:1200px;margin:0 auto}.frostblog-footer-deco{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);opacity:.4}.frostblog-pipe{height:4px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);border-radius:2px;flex:1;max-width:200px}.frostblog-gauge{position:relative;width:50px;height:50px}.frostblog-gauge-frame{position:absolute;inset:0;border:3px solid var(--color-primary);border-radius:50%;background:#ffffff80}.frostblog-gauge-needle{position:absolute;top:50%;left:50%;width:2px;height:18px;background:var(--color-danger);transform-origin:center bottom;transform:translate(-50%,-100%) rotate(-30deg);animation:frostblog-gauge 4s ease-in-out infinite;border-radius:1px}@keyframes frostblog-fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes frostblog-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes frostblog-float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.1);opacity:.5}}@keyframes frostblog-steam{0%,to{opacity:0;transform:translateY(0) scale(1)}50%{opacity:.6;transform:translateY(-30px) scale(1.3)}}@keyframes frostblog-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes frostblog-gauge{0%,to{transform:translate(-50%,-100%) rotate(-30deg)}25%{transform:translate(-50%,-100%) rotate(15deg)}50%{transform:translate(-50%,-100%) rotate(45deg)}75%{transform:translate(-50%,-100%) rotate(10deg)}}[data-theme=dark] .frostblog-page{background:linear-gradient(180deg,var(--color-bg) 0%,rgba(26,35,50,.95) 100%)}[data-theme=dark] .frostblog-gear{opacity:.05}[data-theme=dark] .frostblog-title-sub,[data-theme=dark] .frostblog-desc,[data-theme=dark] .frostblog-intro-text{color:var(--color-text-secondary)}[data-theme=dark] .frostblog-feature{background:#2c3e5099;border-color:#4a6b7c4d}[data-theme=dark] .frostblog-feature:hover{background:#4a6b7c33;border-color:var(--color-primary-light)}[data-theme=dark] .frostblog-feature-text{color:var(--color-text)}[data-theme=dark] .frostblog-intro-inner{background:#2c3e5099;border-color:#4a6b7c4d}[data-theme=dark] .frostblog-gauge-frame{background:#2c3e5080;border-color:var(--color-primary-light)}@media(max-width:768px){.frostblog-hero{padding:var(--spacing-xl) var(--spacing-sm) var(--spacing-lg)}.frostblog-title-wrap{flex-direction:column;gap:var(--spacing-sm)}.frostblog-title-deco{display:none}.frostblog-title-sub{font-size:1rem}.frostblog-title-main{font-size:2.25rem}.frostblog-desc{font-size:1rem;line-height:1.7}.frostblog-features{gap:var(--spacing-sm)}.frostblog-feature{padding:.5rem .75rem}.frostblog-feature-text{font-size:.8125rem}.frostblog-intro-inner{flex-direction:column;text-align:center}.frostblog-intro-badge{align-self:center}.frostblog-gear-1{width:200px;height:200px;top:-50px;right:-50px}.frostblog-gear-2{width:150px;height:150px}.frostblog-frame,.frostblog-footer-deco{display:none}}@media(max-width:480px){.frostblog-title-sub{font-size:.875rem}.frostblog-title-main{font-size:1.875rem}.frostblog-desc{font-size:.9375rem}.frostblog-separator{gap:.5rem}.frostblog-sep-bar{width:40px}.frostblog-sep-icon{width:24px;height:24px}.frostblog-content{padding:0 var(--spacing-sm) var(--spacing-xl)}}@media(prefers-reduced-motion:reduce){.frostblog-gear,.frostblog-particle,.frostblog-steam,.frostblog-sep-icon,.frostblog-gauge-needle{animation:none}.frostblog-hero-inner,.frostblog-title,.frostblog-title-deco,.frostblog-desc,.frostblog-separator,.frostblog-features,.frostblog-intro-inner{animation:none;opacity:1;transform:none}}.frostblog-hero-inner,.frostblog-intro-inner{min-height:auto}.frostblog-title-main{display:block}
