.article-page{max-width:800px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.8;color:var(--text-primary,#333);background:var(--background,#fff)}.article-content{background:var(--card-bg,#fff);border-radius:8px;padding:40px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.article-header{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid var(--border-color,#e5e5e5)}.article-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:var(--text-primary,#1a1a1a);line-height:1.2}.article-description{font-size:1.25rem;color:var(--text-secondary,#666);margin-bottom:16px;line-height:1.6}.article-date{font-size:.9rem;color:var(--text-muted,#999);display:block}.article-body{font-size:1.1rem;line-height:1.8;color:var(--text-primary,#333)}.article-body h2{font-size:2rem;margin-top:40px;margin-bottom:20px;line-height:1.3}.article-body h2,.article-body h3{font-weight:600;color:var(--text-primary,#1a1a1a)}.article-body h3{font-size:1.5rem;margin-top:30px;margin-bottom:16px;line-height:1.4}.article-body p{margin-bottom:20px;color:var(--text-primary,#333)}.article-body ol,.article-body ul{margin-bottom:20px;padding-left:30px}.article-body ol li,.article-body ul li{margin-bottom:12px;line-height:1.7}.article-body ol li strong,.article-body ul li strong{font-weight:600;color:var(--text-primary,#1a1a1a)}.article-body a{color:var(--primary-color,#3253fa);text-decoration:underline;transition:color .2s}.article-body a:hover{color:var(--primary-color-hover,#1e3fd9)}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:30px 0}.article-body blockquote{border-left:4px solid var(--primary-color,#3253fa);padding-left:20px;margin:30px 0;font-style:italic;color:var(--text-secondary,#666)}.article-body code{background:var(--code-bg,#f5f5f5);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.article-body pre{background:var(--code-bg,#f5f5f5);padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.article-body pre code{background:none;padding:0}@media(max-width:768px){.article-page{padding:20px 16px}.article-content{padding:24px}.article-title{font-size:2rem}.article-description{font-size:1.1rem}.article-body{font-size:1rem}.article-body h2{font-size:1.75rem}.article-body h3{font-size:1.35rem}}