:root{--bg:#ffffff;--bg2:#fcfcfd;--text-primary:#0a0c10;--text-secondary:#3a3f47;--muted:#6c727c;--border:#eef2f6;--border2:#e2e8f0;--card-shadow:0 8px 30px rgba(0,0,0,0.04)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:'Montserrat',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;padding-top:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#eef2f6}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.article-wrap{max-width:760px;margin:0 auto;padding:48px 6% 96px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:0.78rem;color:var(--muted);margin-bottom:32px;flex-wrap:wrap}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:#000}.breadcrumb span{color:var(--border2)}.art-header{margin-bottom:36px}.art-cat-badge{display:inline-block;font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#fff;background:#000;border-radius:20px;padding:4px 14px;margin-bottom:20px}.art-title{font-family:'Montserrat','Syne',sans-serif;font-weight:800;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-1.5px;line-height:1.15;color:#000;margin-bottom:20px}.art-excerpt{font-size:1.05rem;color:var(--muted);line-height:1.7;margin-bottom:24px;border-left:3px solid #000;padding-left:18px}.art-meta-bar{display:flex;align-items:center;gap:20px;font-size:0.8rem;color:var(--muted);padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:36px;flex-wrap:wrap}.art-meta-bar span{display:flex;align-items:center;gap:6px}.share-link{margin-left:auto;color:#000;font-weight:700;font-size:0.78rem;cursor:pointer;background:none;border:none;font-family:'Montserrat',sans-serif;display:flex;align-items:center;gap:5px}.share-link:hover{opacity:0.6}.art-hero-img{width:100%;max-height:420px;object-fit:cover;border-radius:20px;margin-bottom:40px;display:none}.art-hero-img.show{display:block}.art-content{line-height:1.8;font-size:1rem;color:var(--text-secondary)}.art-content h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-0.5px;color:#000;margin:2.5rem 0 1rem}.art-content h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.15rem;color:#000;margin:2rem 0 0.75rem}.art-content p{margin-bottom:1.2rem}.art-content ul,.art-content ol{padding-left:1.5rem;margin-bottom:1.2rem}.art-content li{margin-bottom:0.5rem}.art-content strong{color:#000;font-weight:700}.art-content a{color:#000;text-decoration:underline;text-underline-offset:3px}.art-content blockquote{border-left:4px solid #000;padding:12px 20px;margin:1.5rem 0;background:var(--bg2);border-radius:0 12px 12px 0;font-style:italic;color:var(--muted)}.art-content img{max-width:100%;border-radius:12px;margin:1.5rem 0}.art-content code{background:#f0f2f5;padding:2px 6px;border-radius:4px;font-size:0.88rem}.art-content pre{background:#f0f2f5;padding:16px;border-radius:12px;overflow-x:auto;margin:1.5rem 0}.art-hero-placeholder{width:100%;height:280px;border-radius:20px;margin-bottom:40px;background:linear-gradient(135deg,#0a0c10 0%,#1a1f2e 100%);display:flex;align-items:center;justify-content:center}.art-hero-placeholder svg{opacity:0.3}.art-cta{background:#000;color:#fff;border-radius:20px;padding:36px 40px;margin:48px 0;text-align:center}.art-cta h3{font-weight:800;font-size:1.4rem;letter-spacing:-0.5px;margin-bottom:10px}.art-cta p{color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:24px}.btn-white{background:#fff;color:#000;border:none;padding:11px 26px;border-radius:40px;font-family:'Montserrat',sans-serif;font-size:0.88rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all 0.25s}.btn-white:hover{background:#f0f0f0;transform:translateY(-2px)}.loading-state{text-align:center;padding:80px 20px;color:var(--muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border2);border-top-color:#000;border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;padding:80px 20px}.error-state h2{font-weight:800;font-size:1.4rem;margin-bottom:12px}.error-state p{color:var(--muted);margin-bottom:24px}footer{background:#000;color:rgba(255,255,255,0.5);padding:32px 6%}.foot-logo{color:#fff;text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.1rem}.foot-copy{font-size:0.78rem}@media(max-width:640px){.art-title{font-size:1.7rem}.art-cta{padding:28px 24px}.art-meta-bar{gap:12px}.share-link{margin-left:0}}