.article-page{padding:40px 0 80px;background-color:var(--color-white)}.article-container{max-width:820px;margin:0 auto;padding:0 24px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text-light);margin-bottom:24px;flex-wrap:wrap}.breadcrumb a{color:var(--color-text-light);transition:var(--transition);font-weight:500}.breadcrumb a:hover{color:var(--color-primary);opacity:1}.breadcrumb .separator{color:var(--color-border);font-size:11px}.breadcrumb .current{color:var(--color-primary);font-weight:600;pointer-events:none}.article-header{margin-bottom:32px}.article-category{display:inline-flex;align-items:center;gap:7px;background-color:#05df7214;color:var(--color-primary);border:1px solid rgba(5,223,114,.2);border-radius:30px;padding:6px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px;width:fit-content}.article-title{font-size:44px;font-weight:800;color:var(--color-dark);letter-spacing:-.03em;line-height:1.15;margin-bottom:20px}.article-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--color-text-light);padding-bottom:28px;border-bottom:1px solid var(--color-border)}.article-meta-item{display:flex;align-items:center;gap:7px}.article-meta-item i{color:var(--color-primary);font-size:12px;width:14px;text-align:center}.article-meta-item strong{color:var(--color-dark);font-weight:600}.article-meta-dot{width:4px;height:4px;border-radius:50%;background-color:var(--color-border)}.article-featured-image{width:100%;height:auto;border-radius:16px;margin-bottom:40px;box-shadow:var(--shadow-lg);transition:transform .4s ease;display:block}.article-featured-image:hover{transform:scale(1.01)}.article-image-caption{text-align:center;font-size:12px;color:var(--color-text-light);margin-top:-30px;margin-bottom:40px;font-style:italic}.article-content{font-size:16px;line-height:1.85;color:var(--color-text)}.article-content h2{font-size:28px;color:var(--color-dark);margin:48px 0 16px;letter-spacing:-.02em}.article-content h3{font-size:22px;color:var(--color-dark);margin:36px 0 12px;letter-spacing:-.02em}.article-content p{margin-bottom:20px;color:var(--color-text)}.article-content ul,.article-content ol{margin:20px 0;padding-left:24px}.article-content li{margin-bottom:10px;color:var(--color-text)}.article-content li::marker{color:var(--color-primary)}.article-content blockquote{border-left:4px solid var(--color-primary);padding:18px 22px;margin:32px 0;background-color:#05df720a;border-radius:0 12px 12px 0;font-style:italic;color:var(--color-text-light);font-size:15px}.article-content blockquote strong{color:var(--color-dark);font-style:normal}.article-content img{max-width:100%;border-radius:12px;margin:28px 0;box-shadow:var(--shadow)}.article-content code{background-color:var(--color-gray-softer);padding:2px 8px;border-radius:4px;font-size:.9em;font-family:Courier New,monospace;color:var(--color-dark)}.article-content pre{background-color:var(--color-dark);color:#e0e0e0;padding:20px 24px;border-radius:12px;overflow-x:auto;margin:28px 0;font-size:13px;line-height:1.6}.article-content pre code{background:none;color:inherit;padding:0}.article-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:48px;padding-top:28px;border-top:1px solid var(--color-border)}.article-tag{display:inline-block;background-color:var(--color-gray-softer);color:var(--color-text);font-size:12px;font-weight:500;padding:6px 14px;border-radius:20px;transition:var(--transition)}.article-tag:hover{background-color:var(--color-primary);color:var(--color-dark);opacity:1}.article-related{margin-top:64px;padding-top:48px;border-top:2px solid var(--color-border)}.article-related-title{font-size:24px;font-weight:700;color:var(--color-dark);margin-bottom:28px;letter-spacing:-.02em}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.related-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:14px;padding:24px 20px;transition:var(--transition);display:flex;flex-direction:column;gap:12px}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--color-primary)}.related-card-category{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.related-card-title{font-size:16px;font-weight:700;color:var(--color-dark);letter-spacing:-.02em;line-height:1.3}.related-card-date{font-size:12px;color:var(--color-text-light);margin-top:auto}.article-cta{margin-top:64px;background:linear-gradient(135deg,var(--color-dark) 0%,#1a1a1a 100%);border-radius:20px;padding:48px 36px;text-align:center;color:var(--color-white);box-shadow:var(--shadow-lg)}.article-cta h3{font-size:26px;font-weight:700;color:var(--color-white);margin-bottom:12px;letter-spacing:-.02em}.article-cta p{color:#ffffffb3;max-width:480px;margin:0 auto 24px;font-size:15px}.article-cta .btn{margin:0 auto}@media(max-width:1024px){.article-title{font-size:36px}}@media(max-width:768px){.article-title{font-size:28px}.article-content{font-size:15px}.article-content h2{font-size:24px}.article-content h3{font-size:19px}.article-cta{padding:32px 20px}.article-cta h3{font-size:22px}.related-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.article-title{font-size:24px}.article-content{font-size:14px}.article-content h2{font-size:21px}.article-content h3{font-size:17px}.article-cta{padding:24px 16px}.article-cta h3{font-size:19px}}