.vnn-article-page{color:#222;background-color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.75}.vnn-progress-bar{z-index:99999;background:linear-gradient(90deg,#00c2cb,#008779);height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}.vnn-container{max-width:980px;margin:0 auto;padding:36px 20px 80px}.vnn-post-header{margin-bottom:28px}.vnn-post-title{color:#111;letter-spacing:-.02em;margin:0 0 16px;font-size:38px;font-weight:700;line-height:1.25}.vnn-post-meta{color:#777;border-bottom:1px solid #eee;flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:20px;font-size:13.5px;display:flex}.vnn-author-wrap{align-items:center;gap:8px;display:flex}.vnn-author-brand-logo{align-items:center;gap:7px;text-decoration:none;display:inline-flex}.vnn-author-brand-logo img{object-fit:contain;width:auto;height:22px;display:block}.vnn-author-brand-logo span{color:#0f172a;font-size:14px;font-weight:700}.vnn-meta-dot{color:#ccc}.vnn-share-btn{color:#444;cursor:pointer;background:#f5f6f8;border:1px solid #e1e4e8;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:5px 14px;font-size:12.5px;transition:all .2s;display:inline-flex}.vnn-share-btn:hover{color:#111;background:#eef2f5}.vnn-featured-image-wrap{border-radius:10px;margin:24px 0 32px;overflow:hidden;box-shadow:0 6px 20px #00000014}.vnn-featured-image{object-fit:cover;width:100%;height:auto;max-height:520px;display:block}.vnn-intro-paragraph{color:#333;margin-bottom:36px;font-size:17px;line-height:1.8}.vnn-intro-paragraph strong{color:#111}.vnn-beach-section{border-top:1px solid #f0f0f0;margin-top:40px;padding-top:24px}.vnn-beach-section:first-of-type{border-top:none;margin-top:20px;padding-top:0}.vnn-beach-heading{color:#111;letter-spacing:-.01em;align-items:baseline;gap:8px;margin:0 0 20px;font-size:26px;font-weight:700;display:flex}.vnn-beach-columns{align-items:flex-start;gap:32px;margin-bottom:36px;display:flex}.vnn-column-image{flex:0 0 38%;max-width:38%}.vnn-figure{background-color:#f7f7f7;border-radius:8px;margin:0;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000014}.vnn-beach-img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;transition:transform .3s;display:block}.vnn-figure:hover .vnn-beach-img{transform:scale(1.02)}.vnn-column-text{flex:1;min-width:0}.vnn-paragraph{color:#333;margin:0 0 16px;font-size:15.5px;line-height:1.75}.vnn-paragraph em{color:#222;font-style:italic}.vnn-tip-box{color:#333;background-color:#f6fafd;border-left:3px solid #00c2cb;border-radius:4px;margin:16px 0;padding:12px 16px;font-size:15px;line-height:1.65}.vnn-tip-box strong{color:#008779;font-weight:700}.vnn-highlights-wrap{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.vnn-highlight-chip{color:#007980;background:#f1f8f8;border:1px solid #c9ecec;border-radius:16px;align-items:center;gap:5px;padding:4px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.vnn-article-conclusion{background:#fbfbfb;border:1px solid #eee;border-radius:10px;margin-top:50px;padding:28px 32px}.vnn-article-conclusion h3{color:#111;margin:0 0 12px;font-size:20px;font-weight:700}.vnn-article-conclusion p{color:#444;margin:0 0 16px;font-size:15.5px;line-height:1.75}.vnn-back-link{color:#008779;align-items:center;gap:8px;font-size:14.5px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.vnn-back-link:hover{color:#00c2cb;text-decoration:underline}.vnn-toast{color:#fff;z-index:100000;background:#1e293b;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;animation:.2s ease-out vnnFadeIn;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #0003}@keyframes vnnFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.vnn-container{padding:24px 16px 60px}.vnn-post-title{font-size:28px}.vnn-intro-paragraph{font-size:16px}.vnn-beach-heading{font-size:22px}.vnn-beach-columns{flex-direction:column;gap:16px;margin-bottom:28px}.vnn-column-image{flex:100%;width:100%;max-width:100%}.vnn-beach-img{aspect-ratio:16/10}.vnn-paragraph{font-size:15px}.vnn-article-conclusion{padding:20px 18px}.vnn-related-grid{grid-template-columns:1fr;gap:24px}}.vnn-related-divider{background-color:#e5e7eb;border:none;height:1px;margin:48px 0 36px}.vnn-related-section{margin-top:10px;padding-bottom:40px}.vnn-related-title{color:#111827;text-align:center;letter-spacing:-.3px;margin:0 0 32px;font-size:28px;font-weight:700}.vnn-related-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.vnn-related-card{color:inherit;flex-direction:column;text-decoration:none;transition:transform .25s,opacity .2s;display:flex}.vnn-related-card:hover{transform:translateY(-4px)}.vnn-related-img-wrap{aspect-ratio:4/3;background-color:#f3f4f6;border-radius:4px;width:100%;overflow:hidden;box-shadow:0 4px 14px #0000000f}.vnn-related-img{object-fit:cover;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;transition:transform .35s;display:block}.vnn-related-card:hover .vnn-related-img{transform:scale(1.05)}.vnn-related-card-title{color:#111827;margin:14px 0 0;font-size:17px;font-weight:700;line-height:1.35;transition:color .2s}.vnn-related-card:hover .vnn-related-card-title{color:#00c2cb}