.breadcrumb-nav{flex-wrap:wrap;align-items:center;gap:8px;max-width:1280px;margin:0 auto;padding:16px 24px;font-size:14px;display:flex}.breadcrumb-item{color:var(--text);opacity:.7;transition:opacity .3s}.breadcrumb-item:hover{opacity:1}.breadcrumb-current{opacity:1;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:500;overflow:hidden}.breadcrumb-separator{opacity:.4;flex-shrink:0}@media (max-width:768px){.breadcrumb-nav{padding:12px 16px;font-size:12px}.breadcrumb-current{max-width:120px}.share-buttons{grid-template-columns:1fr}.share-btn-large{width:100%;padding:12px 20px;font-size:14px}}.progress-bar{background:linear-gradient(90deg,var(--primary),var(--accent));z-index:9999;width:0;height:4px;transition:width .1s;position:fixed;top:0;left:0}.hero-section{width:100%;height:70vh;min-height:500px;max-height:700px;position:relative;overflow:hidden}.hero-image-wrapper{position:absolute;inset:0}.hero-image{object-fit:cover;animation:.8s cubic-bezier(.16,1,.3,1) zoomIn}.hero-overlay{background:linear-gradient(#0000001a 0%,#0000004d 50%,#000000b3 100%);position:absolute;inset:0}.hero-content{color:#fff;z-index:10;max-width:1280px;margin:0 auto;padding:24px 16px;position:absolute;bottom:0;left:0;right:0}.category-tag{background:var(--accent);color:#fff;border-radius:100px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:600;animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeInUp;display:inline-block}.hero-title{margin-bottom:16px;font-size:24px;font-weight:700;line-height:1.2;animation:.6s cubic-bezier(.16,1,.3,1) .3s both fadeInUp}.hero-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;animation:.6s cubic-bezier(.16,1,.3,1) .4s both fadeInUp;display:flex}.meta-item{align-items:center;gap:8px;display:flex}.author-avatar{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.meta-divider{opacity:.6}.article-container{background:var(--background);max-width:820px;margin:0 auto;padding:48px 16px;position:relative}.social-share-sidebar{z-index:50;flex-direction:column;gap:12px;display:none;position:fixed;top:50%;left:24px;transform:translateY(-50%)}.share-btn{background:var(--surface);border:2px solid var(--primary);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.share-btn:hover{background:var(--primary);color:#fff;opacity:1;transform:scale(1.15);box-shadow:0 4px 12px #0003}.social-share-bottom{border-top:1px solid var(--primary);opacity:.2;margin-top:64px;padding-top:48px;display:block}.share-title{color:var(--text);text-align:center;margin-bottom:24px;font-size:20px;font-weight:600}.share-buttons{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:600px;margin:0 auto;display:grid}.share-btn-large{background:var(--surface);border:2px solid var(--primary);color:var(--text);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:14px 28px;font-size:15px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.share-btn-large:hover{background:var(--primary);color:#fff;opacity:1;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.article-content{color:var(--text);font-size:16px;font-weight:400;line-height:1.7}.article-content figure{margin:48px 0}.article-content figure img{margin:0}.article-content figcaption{text-align:center;color:var(--text);opacity:.7;margin-top:12px;font-size:14px}.article-content h2{color:var(--text);margin-top:32px;margin-bottom:16px;scroll-margin-top:100px;font-size:22px;font-weight:700;line-height:1.3}.article-content h3{color:var(--text);margin-top:28px;margin-bottom:14px;scroll-margin-top:100px;font-size:20px;font-weight:600;line-height:1.4}.article-content h4{color:var(--text);margin-top:24px;margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.5}.article-content p{color:var(--text);margin-bottom:20px;line-height:1.7}.article-content img{object-fit:cover;border-radius:8px;max-width:100%;margin:24px 0;box-shadow:0 4px 12px #0000001a;width:100%!important;height:auto!important;display:block!important}.article-content a{color:var(--primary);border-bottom:2px solid #0000;text-decoration:none;transition:all .3s}.article-content a:hover{border-bottom-color:var(--primary);color:var(--accent)}.article-content ul,.article-content ol{margin:32px 0;padding-left:40px}.article-content li{color:var(--text);margin-bottom:12px;line-height:1.8}.article-content ul li::marker{color:var(--primary)}.article-content blockquote{border-left:4px solid var(--primary);color:var(--text);background:var(--surface);opacity:1;border-radius:8px;margin:40px 0;padding:24px;font-style:italic}.article-content code{background:var(--surface);border:1px solid var(--primary);opacity:.2;color:var(--text);border-radius:6px;padding:4px 8px;font-family:Courier New,monospace;font-size:.9em}.article-content pre{background:var(--surface);border:1px solid var(--primary);opacity:.2;border-radius:12px;margin:40px 0;padding:24px;overflow-x:auto}.article-content pre code{background:0 0;border:none;padding:0}.related-products-section{background:var(--background);border-top:1px solid rgba(var(--primary-rgb),.2);margin-top:48px;padding:48px 0}.section-title{text-align:center;color:var(--text);margin-bottom:32px;font-size:24px;font-weight:700}.products-grid{opacity:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}@keyframes zoomIn{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1279px){.social-share-sidebar{display:none!important}}@media (min-width:1280px){.social-share-sidebar{display:flex}.social-share-bottom{border:none!important;margin:0!important;padding:0!important;display:none!important}}@media (min-width:768px){.hero-title{font-size:56px}.hero-content{padding:64px 48px}.hero-meta{gap:12px;font-size:14px}.category-tag{margin-bottom:24px;padding:8px 16px;font-size:14px}.author-avatar{width:32px;height:32px;font-size:14px}.article-container{padding:80px 64px}.article-content{font-size:20px;line-height:1.8}.article-content h2{margin-top:48px;margin-bottom:24px;font-size:36px}.article-content h3{margin-top:40px;margin-bottom:20px;font-size:28px}.article-content h4{margin-top:32px;margin-bottom:16px;font-size:22px}.article-content p{margin-bottom:32px;line-height:1.8}.article-content img{border-radius:12px;margin:48px 0;box-shadow:0 10px 40px #0000001a}.section-title{margin-bottom:64px;font-size:40px}.related-products-section{margin-top:120px;padding:120px 0}.products-grid{grid-template-columns:repeat(4,1fr)}}