<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{display:flex;flex-flow:column;min-height:100vh}main{flex:1}.main-container{max-width:800px;margin:30px auto;padding:0 20px;display:block;box-sizing:border-box}.article-header{background-color:var(--white);border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:var(--box-shadow)}.article-profile{display:flex;align-items:center;margin-bottom:20px}.profile-image{width:50px;height:50px;border-radius:50%;background-color:var(--medium-gray);margin-right:15px}.profile-info{flex-grow:1}.profile-name{font-weight:700;font-size:16px}.profile-followers{font-size:12px;color:var(--dark-gray)}.follow-button{padding:6px 12px;border-radius:4px;background-color:var(--primary-color);color:var(--white);border:none;font-size:14px;cursor:pointer}.follow-button:hover{background-color:var(--secondary-color)}.article-date{font-size:14px;color:var(--dark-gray);margin-bottom:1.5rem;display:flex;justify-content:space-between}.article-date em a{background:rgba(177,76,166,1);padding:3px 8px;color:rgba(255,255,255,1);border-radius:6px;display:inline-block;font-size:11px}.article-title{font-size:28px;font-weight:700;line-height:1.4;margin-bottom:20px}.article-cover{width:100%;height:300px;object-fit:cover;border-radius:8px;background-color:var(--medium-gray);display:flex;align-items:center;justify-content:center;color:var(--dark-gray);margin-bottom:20px}.article-content{background-color:var(--white);border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:var(--box-shadow)}.article-content p{margin-bottom:20px;font-size:16px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tag{background-color:var(--light-gray);padding:5px 10px;border-radius:15px;font-size:14px;color:var(--dark-gray)}.article-actions{display:flex;justify-content:space-between;margin-bottom:30px;padding-top:20px;border-top:1px solid var(--medium-gray)}.action-button{display:flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid var(--medium-gray);border-radius:4px;background-color:var(--white);font-size:14px;cursor:pointer}.action-button:hover{background-color:var(--light-gray)}.action-icon{width:18px;height:18px;background-color:var(--dark-gray);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.author-bio{background-color:var(--light-gray);border-radius:8px;padding:20px;margin-bottom:30px}.author-bio-header{display:flex;align-items:center;margin-bottom:15px}.author-bio-content{font-size:14px;color:var(--text-color);line-height:1.6}.popular-articles{border-radius:8px;padding:30px;margin-bottom:30px;border:1px solid #eee;box-shadow:var(--box-shadow)}.section-title{font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--medium-gray)}.article-card{display:flex;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--medium-gray)}.article-card:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.article-thumbnail{width:120px;height:80px;background-color:var(--medium-gray);border-radius:4px;margin-right:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--dark-gray)}.article-info{flex-grow:1}.article-card-title{font-weight:700;font-size:16px;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{font-size:12px;color:var(--dark-gray)}.recommended-articles{border:1px solid #eee;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:var(--box-shadow);max-width:620px;margin-inline:auto}.recommended-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.recommended-item{border:1px solid var(--medium-gray);border-radius:8px}.recommended-image{background-color:var(--medium-gray);display:flex;align-items:center;justify-content:center;color:var(--dark-gray)}.recommended-image img{max-height:240px;object-fit:cover;max-width:100%}.recommended-info{padding:15px}.recommended-title{font-size:14px;font-weight:700;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:.5s}.recommended-item a:hover{color:rgba(177,76,166,1);text-decoration:none}.recommended-item a:hover .recommended-title{color:rgba(177,76,166,1)}.recommended-date{display:flex;align-items:center;font-size:12px;color:var(--dark-gray);margin-top:1rem;justify-content:space-between}.recommended-date span{color:rgba(177,76,166,1)}@media (max-width:768px){.header-container{padding:10px 15px}.logo{font-size:20px}.search-input{width:180px;font-size:12px}.nav-links{display:none}.btn{padding:6px 12px;font-size:12px}.article-header,.article-content,.popular-articles,.recommended-articles{padding:20px}.article-title{font-size:24px}.article-cover{height:200px}.recommended-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}.mobile-menu-btn{display:none;font-size:24px;cursor:pointer}@media (max-width:768px){.mobile-menu-btn{display:block}.btn-outline,.btn-primary{display:none}}.area-contents .post{padding-top:11svh;padding-bottom:11svh}.article-title{font-size:28px;font-weight:700;line-height:1.4;padding-bottom:6svh}.contents-area .post{max-width:620px;margin-inline:auto;word-break:break-all;text-align:justify}.contents-area .post img{margin-top:2rem;margin-bottom:2rem}@media screen and (min-width:768px){.contents-area .post p{font-size:var(--font-size-lg);line-height:2.25rem}}@media screen and (max-width:767px){.article-title{font-size:var(--font-size-xl);margin-bottom:0}.contents-area .post p{font-size:1rem;line-height:1.9}}</pre></body></html>