#app[data-v-3b03eea9]{max-width:1600px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.header[data-v-3b03eea9]{text-align:center;margin-bottom:30px}.header h1[data-v-3b03eea9]{color:#333;margin:0}.container[data-v-3b03eea9]{display:flex;gap:50px}.sidebar[data-v-3b03eea9]{flex-shrink:0}.articles-list[data-v-3b03eea9]{max-height:calc(100vh - 150px);overflow-y:auto;padding:10px}.article-card[data-v-3b03eea9]{border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:15px;cursor:pointer;transition:box-shadow .2s;width:350px}.article-card[data-v-3b03eea9]:hover{box-shadow:0 2px 8px #0000001a}.article-title[data-v-3b03eea9]{font-size:16px;font-weight:700;margin-bottom:8px;color:#333}.article-meta[data-v-3b03eea9]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#666}.article-summary[data-v-3b03eea9]{font-size:14px;color:#555;line-height:1.4}.main[data-v-3b03eea9]{flex:1;min-width:0}.main.full-width[data-v-3b03eea9]{width:100%}.welcome[data-v-3b03eea9]{text-align:center;padding:50px 20px;color:#666}.article-content h2[data-v-3b03eea9]{margin-top:0;color:#333}.article-header[data-v-3b03eea9]{display:flex;justify-content:space-between;align-items:center}.source-link[data-v-3b03eea9]{font-size:14px;color:#409eff;text-decoration:none;border:1px solid #409eff;padding:4px 8px;border-radius:4px;transition:all .3s}.source-link[data-v-3b03eea9]:hover{background-color:#409eff;color:#fff}.article-info[data-v-3b03eea9]{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:20px;font-size:14px;color:#666}.article-body[data-v-3b03eea9]{line-height:1.6}@media (max-width: 768px){.container[data-v-3b03eea9]{flex-direction:column}.sidebar[data-v-3b03eea9]{width:100%}}