body,html{--theme-color-1: #3b82f6}.article-container{background-color:#f8f9fa;min-height:100vh;position:relative;width:100%}.article-container .back-button{align-items:center;background-color:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;left:20px;padding:0;position:absolute;top:20px;transition:all .3s ease;width:44px;z-index:10}.article-container .back-button:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.article-container .back-button:active{transform:translateY(0)}.article-container .back-button i{font-size:1rem}.article-container .article-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 0 20px #0000001a;margin:10px auto 0;max-width:900px;min-height:calc(100vh - 80px);padding:40px 20px}.article-container .article-title{color:#2c3e50;font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:20px;padding-bottom:15px}.article-container .article-meta{border-bottom:1px solid #eee;margin-bottom:30px;padding:15px 0}.article-container .article-meta .meta-item{color:#7f8c8d;display:inline-block;font-size:.95rem;margin-right:25px}.article-container .article-meta .meta-item i{color:#3b82f6;margin-right:8px}.article-container .article-content{color:#2c3e50;font-size:1.1rem;line-height:1.8;text-align:left}.article-container .article-content p{margin-bottom:20px;text-align:justify;text-indent:2em}.article-container .article-content h1{border-bottom:3px solid #3b82f6;color:#2c3e50;font-size:2.2rem;font-weight:700;margin:40px 0 20px;padding-bottom:10px;text-indent:0}.article-container .article-content h2{border-left:4px solid #3b82f6;color:#34495e;font-size:1.8rem;font-weight:600;margin:35px 0 18px;padding-left:15px;text-indent:0}.article-container .article-content h3{color:#34495e;font-size:1.5rem;font-weight:600;margin:30px 0 15px;text-indent:0}.article-container .article-content h4{color:#34495e;font-size:1.3rem;font-weight:500;margin:25px 0 12px;text-indent:0}.article-container .article-content h5{color:#34495e;font-size:1.2rem;font-weight:500;margin:20px 0 10px;text-indent:0}.article-container .article-content h6{color:#34495e;font-size:1.1rem;font-weight:500;margin:18px 0 8px;text-indent:0}.article-container .article-content ol,.article-container .article-content ul{margin:20px 0;padding-left:30px}.article-container .article-content ol li,.article-container .article-content ul li{line-height:1.6;margin-bottom:8px}.article-container .article-content ul{list-style-type:disc}.article-container .article-content ul ul{list-style-type:circle;margin:10px 0}.article-container .article-content ul ul ul{list-style-type:square}.article-container .article-content ol{list-style-type:decimal}.article-container .article-content ol ol{list-style-type:lower-alpha;margin:10px 0}.article-container .article-content ol ol ol{list-style-type:lower-roman}.article-container .article-content img{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:25px auto;max-width:100%}.article-container .article-content a{border-bottom:1px solid transparent;color:#3b82f6;text-decoration:none;transition:all .3s ease}.article-container .article-content a:hover{border-bottom-color:#2563eb;color:#2563eb}.article-container .article-content blockquote{background-color:#f8f9fa;border-left:4px solid #3b82f6;border-radius:0 6px 6px 0;font-style:italic;margin:25px 0;padding:20px 25px;position:relative}.article-container .article-content blockquote:before{color:#3b82f6;content:'"';font-size:4rem;left:15px;opacity:.3;position:absolute;top:-10px}.article-container .article-content blockquote p{margin-bottom:0;text-indent:0}.article-container .article-content code{background-color:#f1f2f6;border-radius:4px;color:#e74c3c;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;padding:3px 6px}.article-container .article-content pre{background-color:#2c3e50;border-radius:8px;color:#ecf0f1;line-height:1.5;margin:25px 0;overflow-x:auto;padding:20px}.article-container .article-content pre code{background-color:transparent;border-radius:0;color:inherit;padding:0}.article-container .article-content table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:25px 0;overflow:hidden;width:100%}.article-container .article-content table td,.article-container .article-content table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.article-container .article-content table th{background-color:#3b82f6;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.article-container .article-content table tr:hover{background-color:#f8f9fa}.article-container .article-content table tr:last-child td{border-bottom:none}.article-container .article-content hr{background:linear-gradient(90deg,transparent,#3b82f6,transparent);border:none;height:2px;margin:30px 0}.article-container .article-content b,.article-container .article-content strong{color:#2c3e50;font-weight:700}.article-container .article-content em,.article-container .article-content i{color:#34495e;font-style:italic}.article-container .article-content del,.article-container .article-content s{color:#7f8c8d;text-decoration:line-through}.article-container .article-content u{text-decoration:underline;text-decoration-color:#3b82f6}.article-container .article-content mark{background-color:#f1c40f;border-radius:3px;padding:2px 4px}.article-container .article-content small{color:#7f8c8d;font-size:.9em}.article-container .article-content sub,.article-container .article-content sup{font-size:.8em;line-height:0}@media (max-width:768px){.article-container .back-button{font-size:1rem;height:40px;left:15px;top:15px;width:40px}.article-container .back-button i{font-size:.9rem}.article-container .article-wrapper{box-shadow:none;margin:60px 0 0;padding:20px 15px}.article-container .article-title{font-size:1.8rem;line-height:1.4;margin-bottom:15px;padding-bottom:10px}.article-container .article-meta{margin-bottom:25px;padding:12px 0}.article-container .article-meta .meta-item{display:block;font-size:.9rem;margin-bottom:10px;margin-right:0}.article-container .article-content{font-size:1rem;line-height:1.7}.article-container .article-content p{margin-bottom:16px;text-align:left;text-indent:1.5em}.article-container .article-content h1{border-bottom:2px solid #3b82f6;font-size:1.6rem;margin:30px 0 15px;padding-bottom:8px}.article-container .article-content h2{border-left:3px solid #3b82f6;font-size:1.4rem;margin:25px 0 12px;padding-left:12px}.article-container .article-content h3{font-size:1.25rem;margin:20px 0 10px}.article-container .article-content h4{font-size:1.15rem;margin:18px 0 8px}.article-container .article-content h5{font-size:1.1rem;margin:15px 0 6px}.article-container .article-content h6{font-size:1.05rem;margin:12px 0 5px}.article-container .article-content ol,.article-container .article-content ul{margin:15px 0;padding-left:25px}.article-container .article-content ol li,.article-container .article-content ul li{line-height:1.5;margin-bottom:6px}.article-container .article-content img{border-radius:6px;box-shadow:0 2px 6px #0000001a;margin:20px 0}.article-container .article-content blockquote{border-left:3px solid #3b82f6;margin:20px 0;padding:15px 18px}.article-container .article-content blockquote:before{font-size:3rem;left:12px;top:-5px}.article-container .article-content code{font-size:.85em;padding:2px 4px}.article-container .article-content pre{border-radius:6px;font-size:.9rem;margin:20px 0;overflow-x:auto;padding:15px}.article-container .article-content pre code{font-size:.85rem}.article-container .article-content table{border-radius:6px;font-size:.9rem;margin:20px 0}.article-container .article-content table td,.article-container .article-content table th{padding:8px 10px}.article-container .article-content table th{font-size:.8rem}.article-container .article-content hr{height:1px;margin:25px 0}.article-container .article-content mark{padding:1px 3px}.article-container .article-content small{font-size:.85em}}@media (max-width:480px){.article-container .back-button{font-size:.9rem;height:36px;left:10px;top:10px;width:36px}.article-container .back-button i{font-size:.8rem}.article-container .article-wrapper{margin-top:55px;padding:15px 12px}.article-container .article-title{font-size:1.6rem}.article-container .article-content{font-size:.95rem}.article-container .article-content h1{font-size:1.4rem}.article-container .article-content h2{font-size:1.25rem}.article-container .article-content h3{font-size:1.15rem}.article-container .article-content h4{font-size:1.1rem}.article-container .article-content h5,.article-container .article-content h6{font-size:1.05rem}.article-container .article-content ol,.article-container .article-content ul{padding-left:20px}.article-container .article-content table{font-size:.85rem}.article-container .article-content table td,.article-container .article-content table th{padding:6px 8px}.article-container .article-content pre{font-size:.85rem;padding:12px}}@media (min-width:1200px){.article-container .article-wrapper{max-width:1000px;padding:50px 30px}.article-container .article-title{font-size:2.8rem}.article-container .article-content{font-size:1.15rem;line-height:1.9}.article-container .article-content h1{font-size:2.4rem}.article-container .article-content h2{font-size:2rem}.article-container .article-content h3{font-size:1.7rem}.article-container .article-content pre{padding:25px}.article-container .article-content table td,.article-container .article-content table th{padding:15px 18px}}@media (min-width:769px) and (max-width:1199px){.article-container .article-wrapper{max-width:850px;padding:45px 25px}.article-container .article-title{font-size:2.3rem}.article-container .article-content{font-size:1.05rem}.article-container .article-content h1{font-size:2rem}.article-container .article-content h2{font-size:1.7rem}.article-container .article-content h3{font-size:1.4rem}}