.reading-progress{background:var(--grad);z-index:10000;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.article-hero{padding:140px 0 60px;position:relative;overflow:hidden}.article-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0097a70f 0%,#00bcd40a 40%,#0000 70%);width:1000px;height:700px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.article-hero[data-template=interview]:before{background:radial-gradient(circle,#00838f14 0%,#0097a70a 40%,#0000 70%)}.article-hero[data-template=guide]:before{background:radial-gradient(circle,#fbbf240f 0%,#00bcd40a 40%,#0000 70%)}.article-hero[data-template=news]:before{background:radial-gradient(circle,#00bcd414 0%,#3b82f60a 40%,#0000 70%)}.article-hero-inner{max-width:800px;margin:0 auto}.article-breadcrumb{color:var(--text-3);align-items:center;gap:8px;margin-bottom:20px;font-size:.78rem;display:flex}.article-breadcrumb a{color:var(--text-3);transition:color var(--dur)}.article-breadcrumb a:hover{color:var(--teal)}.article-breadcrumb .bc-sep{font-size:.6rem}.article-cat{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;margin-bottom:16px;padding:5px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.cat-spotlight{color:var(--purple);background:#0097a726}.cat-industry{color:var(--teal);background:#00bcd426}.cat-tips{color:#fbbf24;background:#fbbf2426}.cat-updates{color:#3b82f6;background:#3b82f626}.cat-interview{color:var(--magenta);background:#00838f26}.cat-success{color:#34d399;background:#34d39926}.article-hero h1{font-family:var(--font-d);letter-spacing:-1.5px;margin-bottom:20px;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;line-height:1.1}.article-hero-desc{color:var(--text-2);margin-bottom:28px;font-size:1.15rem;line-height:1.7}.article-author-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.author-info{align-items:center;gap:12px;display:flex}.author-avatar{background:var(--grad-btn);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:700;display:flex}.author-avatar-logo{background:#fff;padding:6px;overflow:hidden}.author-avatar-logo img{object-fit:contain;filter:brightness(0);width:100%;height:100%}.author-name{align-items:center;gap:5px;font-size:.92rem;font-weight:600;display:flex}.author-role{color:var(--text-3);font-size:.78rem}.verified-badge{cursor:pointer;align-items:center;display:inline-flex;position:relative}.verified-badge i{color:#4fc3f7;filter:drop-shadow(0 0 6px #4fc3f780);font-size:1rem;transition:transform .2s,filter .2s}.verified-badge:hover i,.verified-badge:focus i{filter:drop-shadow(0 0 10px #4fc3f7b3);transform:scale(1.18)}.verified-tooltip{border-radius:var(--r-md);color:#2c3e50;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:#f0f4f8;border:1px solid #d0dbe6;width:280px;padding:14px 16px;font-size:.75rem;font-weight:400;line-height:1.6;transition:opacity .25s,visibility .25s,transform .25s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 32px #00000059}.verified-tooltip:before{content:"";background:#f0f4f8;border-top:1px solid #d0dbe6;border-left:1px solid #d0dbe6;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.verified-badge:hover .verified-tooltip,.verified-badge:focus .verified-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.article-meta-row{color:var(--text-3);align-items:center;gap:16px;font-size:.82rem;display:flex}.article-meta-row i{color:var(--teal);font-size:.7rem}.meta-item{align-items:center;gap:5px;display:flex}.article-layout{grid-template-columns:1fr 260px;gap:64px;max-width:1100px;margin:0 auto;padding:60px 0;display:grid}.article-content{min-width:0;max-width:720px}.article-content h2{font-family:var(--font-d);letter-spacing:-.8px;margin:48px 0 16px;padding-top:20px;scroll-margin-top:100px;font-size:1.6rem;font-weight:700}.article-content h2:first-child{margin-top:0}.article-content h3{font-family:var(--font-d);letter-spacing:-.4px;margin:32px 0 12px;font-size:1.2rem;font-weight:600}.article-content p{color:var(--text-2);margin-bottom:20px;font-size:1.05rem;line-height:1.85}.article-content strong{color:var(--text);font-weight:600}.article-content a{color:var(--teal);text-underline-offset:3px;transition:color var(--dur);text-decoration:underline}.article-content a:hover{color:var(--teal-light)}.article-content ul,.article-content ol{margin:16px 0 24px;padding-left:24px}.article-content li{color:var(--text-2);margin-bottom:8px;font-size:1rem;line-height:1.8}.article-content ul li::marker{color:var(--teal)}.article-content ol li::marker{color:var(--purple);font-weight:600}.article-content blockquote{border-left:3px solid;border-image:var(--grad) 1;border-radius:0 var(--r-md) var(--r-md) 0;background:#0097a70a;margin:32px 0;padding:24px 28px;position:relative}.article-content blockquote p{color:var(--text);margin-bottom:8px;font-size:1.1rem;font-style:italic;line-height:1.7}.article-content blockquote cite{color:var(--text-3);font-size:.82rem;font-style:normal}.article-content blockquote:before{content:"“";color:#0097a726;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:-8px;left:16px}.article-content img{border-radius:12px;max-width:100%;height:auto;margin:1em 0}.article-content img[style*="float: left"],.article-content img[style*=float\:left]{margin:.5em 1.5em .5em 0}.article-content img[style*="float: right"],.article-content img[style*=float\:right]{margin:.5em 0 .5em 1.5em}.article-content:after{content:"";clear:both;display:table}.article-cover-inline{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-card);margin:32px -20px;overflow:hidden}.article-cover-inline img{object-fit:cover;border-radius:0;width:100%;height:auto;max-height:420px;margin:0;display:block}.article-cover-inline figcaption{color:var(--text-3);text-align:center;border-top:1px solid var(--border);padding:10px 16px;font-size:.75rem;font-style:italic}.article-callout{border-radius:var(--r-lg);background:linear-gradient(135deg,#00bcd40f 0%,#0097a70a 100%);border:1px solid #00bcd41f;margin:32px 0;padding:24px}.article-callout .callout-title{color:var(--teal);align-items:center;gap:8px;margin-bottom:8px;font-size:.92rem;font-weight:700;display:flex}.article-callout p{margin-bottom:0;font-size:.92rem}.qa-block{margin:28px 0}.qa-question{color:var(--text);margin-bottom:8px;padding-left:20px;font-size:1.05rem;font-weight:700;position:relative}.qa-question:before{content:"Q";font-family:var(--font-d);color:var(--magenta);font-weight:800;position:absolute;top:0;left:0}.qa-answer{padding-left:20px;position:relative}.qa-answer:before{content:"A";font-family:var(--font-d);color:var(--teal);font-weight:800;position:absolute;top:0;left:0}.article-figure{border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);margin:36px 0;overflow:hidden}.article-figure .fig-img{justify-content:center;align-items:center;width:100%;height:320px;font-size:4rem;display:flex}.fig-img.fig-purple{color:#0097a733;background:linear-gradient(135deg,#1a0a2e,#2d1b4e)}.fig-img.fig-teal{color:#00bcd433;background:linear-gradient(135deg,#0a1a1a,#1a2e2e)}.fig-img.fig-magenta{color:#00838f33;background:linear-gradient(135deg,#2e0a1a,#3d1b2e)}.article-figure figcaption{color:var(--text-3);text-align:center;padding:12px 16px;font-size:.78rem}.article-stat-row{grid-template-columns:repeat(3,1fr);gap:16px;margin:36px 0;display:grid}.article-stat-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:20px}.article-stat-card .stat-val{font-family:var(--font-d);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.article-stat-card .stat-label{color:var(--text-3);margin-top:4px;font-size:.75rem}.article-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:48px;padding-top:24px;display:flex}.article-tags span{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);transition:border-color var(--dur), color var(--dur);cursor:pointer;padding:5px 14px;font-size:.75rem}.article-tags span:hover{border-color:var(--teal);color:var(--teal)}.article-sidebar{position:relative}.sidebar-sticky{position:sticky;top:100px}.share-widget{margin-bottom:28px}.share-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-3);margin-bottom:10px;font-size:.72rem;font-weight:600}.share-btns{gap:8px;display:flex}.share-btn{border-radius:var(--r-sm);background:var(--bg-card);border:1px solid var(--border);width:40px;height:40px;color:var(--text-2);cursor:pointer;transition:var(--dur);justify-content:center;align-items:center;font-size:.9rem;display:flex}.share-btn:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}.share-btn.copied{border-color:var(--teal);color:var(--teal)}.toc-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:28px;padding:20px}.toc-title{font-family:var(--font-d);letter-spacing:-.3px;align-items:center;gap:6px;margin-bottom:14px;font-size:.82rem;font-weight:700;display:flex}.toc-title i{color:var(--teal);font-size:.7rem}.toc-list{padding:0;list-style:none}.toc-list li{margin-bottom:2px}.toc-list a{color:var(--text-3);border-radius:var(--r-sm);transition:var(--dur);padding:6px 12px;font-size:.78rem;line-height:1.4;display:block}.toc-list a:hover{color:var(--text-2);background:#ffffff05}.toc-list a.active{color:var(--teal);background:#00bcd40d}.sidebar-newsletter{border-radius:var(--r-lg);background:linear-gradient(135deg,#0097a70f,#00bcd40a);border:1px solid #0097a71a;padding:20px}.sidebar-newsletter h4{font-family:var(--font-d);margin-bottom:6px;font-size:.88rem;font-weight:700}.sidebar-newsletter p{color:var(--text-3);margin-bottom:12px;font-size:.75rem;line-height:1.5}.sidebar-newsletter input{border-radius:var(--r-sm);color:#fff;width:100%;transition:border-color var(--dur);background:#ffffff0a;border:1px solid #ffffff14;outline:none;margin-bottom:8px;padding:10px 14px;font-size:.82rem}.sidebar-newsletter input:focus{border-color:var(--purple)}.sidebar-newsletter input::placeholder{color:var(--text-3)}.sidebar-newsletter button{background:var(--grad-btn);border-radius:var(--r-sm);color:#fff;cursor:pointer;width:100%;transition:transform var(--dur);border:none;padding:10px;font-size:.82rem;font-weight:600}.sidebar-newsletter button:hover{transform:translateY(-2px)}.article-bottom-share{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding:24px 0;display:flex}.abs-left{color:var(--text-3);font-size:.85rem}.abs-left strong{color:var(--text)}.author-bio{max-width:800px;margin:0 auto;padding:60px 0}.author-bio-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);gap:20px;padding:28px;display:flex}.abc-avatar{background:var(--grad-btn);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.2rem;font-weight:700;display:flex}.abc-avatar-logo{background:#fff;padding:10px;overflow:hidden}.abc-avatar-logo img{object-fit:contain;filter:brightness(0);width:100%;height:100%}.abc-info h4{font-family:var(--font-d);align-items:center;gap:6px;margin-bottom:2px;font-size:1rem;font-weight:700;display:flex}.abc-role{color:var(--teal);margin-bottom:8px;font-size:.78rem}.abc-info p{color:var(--text-2);font-size:.85rem;line-height:1.6}.abc-social{gap:10px;margin-top:10px;display:flex}.abc-social a{color:var(--text-3);transition:color var(--dur);font-size:.82rem}.abc-social a:hover{color:var(--teal)}.related-articles{border-top:1px solid var(--border);padding:80px 0}.related-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.related-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur), transform var(--dur);cursor:pointer;color:inherit;text-decoration:none;overflow:hidden}.related-card:hover{border-color:#00bcd433;transform:translateY(-5px)}.rc-thumb{justify-content:center;align-items:center;height:160px;font-size:2rem;display:flex;position:relative}.rc-thumb.rt-1{color:#0097a740;background:linear-gradient(135deg,#1a0a2e,#2d1b4e)}.rc-thumb.rt-2{color:#00bcd440;background:linear-gradient(135deg,#0a1a1a,#1a2e2e)}.rc-thumb.rt-3{color:#00838f40;background:linear-gradient(135deg,#2e0a1a,#3d1b2e)}.rc-thumb .rc-cat{position:absolute;top:10px;left:10px}.rc-body{padding:18px}.rc-body h4{font-family:var(--font-d);letter-spacing:-.3px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.95rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.rc-meta{color:var(--text-3);align-items:center;gap:10px;font-size:.75rem;display:flex}.rc-meta i{color:var(--teal);font-size:.65rem}.article-cta{text-align:center;padding:80px 0}.article-cta h2{font-family:var(--font-d);letter-spacing:-1px;margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800}.article-cta p{color:var(--text-2);max-width:460px;margin:0 auto 28px;font-size:1rem}@media (max-width:1024px){.article-layout{grid-template-columns:1fr;gap:40px}.article-sidebar{order:-1}.sidebar-sticky{grid-template-columns:1fr 1fr;gap:16px;display:grid;position:relative;top:0}.share-widget{margin-bottom:0}}@media (max-width:768px){.article-hero{padding:100px 0 40px}.article-hero h1{font-size:1.8rem}.article-author-bar{flex-direction:column;align-items:flex-start}.article-stat-row,.related-grid{grid-template-columns:1fr}.author-bio-card{text-align:center;flex-direction:column;align-items:center}.sidebar-sticky{grid-template-columns:1fr}.toc-widget{display:none}}@media (max-width:480px){.article-hero{padding:90px 0 10px}.article-hero h1{letter-spacing:-.8px;font-size:1.5rem}.article-hero-desc{font-size:1rem}.article-layout{gap:14px}.article-author-bar{gap:10px;padding:14px 0}.author-avatar{width:36px;height:36px;font-size:.75rem}.article-meta-row{gap:10px;font-size:.75rem}.article-content h2{margin:32px 0 12px;font-size:1.3rem}.article-content h3{font-size:1.05rem}.article-content p{font-size:.95rem}.article-content blockquote{margin:20px 0;padding:16px 18px}.article-callout{padding:16px}.article-figure .fig-img{height:200px;font-size:2.5rem}.article-stat-row{gap:10px}.article-stat-card{padding:14px}.article-stat-card .stat-val{font-size:1.2rem}.share-btn{width:34px;height:34px;font-size:.8rem}.author-bio-card{gap:14px;padding:20px}.abc-avatar{width:48px;height:48px;font-size:1rem}.rc-thumb{height:120px}.rc-body{padding:14px}.rc-body h4{font-size:.88rem}.article-cta h2{font-size:clamp(1.3rem,5vw,1.8rem)}}
