*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:#333;background:#f8f9fa}.container{max-width:1000px;margin:0 auto;padding:0 20px}.nav{background:#e9ecef;padding:1rem 0;margin-bottom:2rem}.nav a{color:#16a961;text-decoration:none;margin-right:.5rem}.nav a:hover{text-decoration:underline}.header{background:#fafafa;color:#373737;padding:3rem 0;text-align:center;border-bottom:1px solid #e9ecef}.header h1{font-size:2.5rem;margin-bottom:1rem}.header .meta{opacity:.9;font-size:1.1rem}.content{background:#fff;border-radius:12px;padding:3rem;margin:2rem 0;box-shadow:0 4px 6px rgba(0,0,0,.1)}.article-notice{background:#e7f3ff;border:2px solid #16a961;border-radius:8px;padding:2rem;text-align:center;margin-bottom:2rem}.article-notice h2{color:#16a961;margin-bottom:1rem;font-size:1.5rem}.article-notice p{margin-bottom:1.5rem;color:#666}.btn{display:inline-block;padding:12px 24px;text-decoration:none;border-radius:6px;font-weight:500;text-align:center;transition:.2s;margin:0 .5rem}.btn-primary{background:#16a961;color:#fff}.btn-primary:hover{background:#128a4e;color:#fff;text-decoration:none}.btn-outline{border:2px solid #16a961;color:#16a961;background:0 0}.btn-outline:hover{background:#16a961;color:#fff;text-decoration:none}.actions{text-align:center;margin:2rem 0}.footer{background:#343a40;color:#fff;text-align:center;padding:3rem 0;margin-top:4rem}.real-article-content img{max-width:100%;height:auto}.real-article-content .author-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.real-article-content .article-image{max-width:600px;max-height:400px;width:auto;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:1rem 0}.real-article-content{line-height:1.6}.real-article-content h1{color:#16a961;margin-bottom:1rem;font-size:2rem}.real-article-content p{margin-bottom:1rem}.real-article-content ol,.real-article-content ul{margin:1rem 0;padding-left:2.5rem}.real-article-content ul{list-style-type:disc}.real-article-content ol{list-style-type:decimal}.real-article-content li{margin-bottom:.5rem;line-height:1.8}.real-article-content ol ul,.real-article-content ul ul{list-style-type:circle;margin-top:.5rem;padding-left:2rem}.real-article-content ol ol,.real-article-content ul ol{list-style-type:lower-alpha;margin-top:.5rem;padding-left:2rem}.real-article-content ol+ul,.real-article-content ul+ul{margin-top:-.5rem;padding-left:4.5rem}.real-article-content li.ql-indent-1{padding-left:0}.real-article-content #article-details{display:flex;align-items:center;margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:8px}.real-article-content #article-details .author-avatar{margin-right:1rem}@media (max-width:768px){.header h1{font-size:2rem}.container{padding:0 15px}.content{padding:2rem}.btn{display:block;margin:.5rem 0}.real-article-content .article-image{max-width:100%;max-height:300px}}